vantmetry 0.0.2 → 0.0.4

package/core/tracker.d.ts

@@ -15,6 +15,7 @@ export declare class VantmetryTracker implements VantmetryInstance {
     info(message: string, details?: LogDetails): void;
     debug(message: string, details?: LogDetails): void;
     flush(): Promise<void>;
+    destroy(): Promise<void>;
     private addToBuffer;
     captureAutoError(payload: LogPayload): void;
     private getSignature;

package/core/transport.d.ts

@@ -1,10 +1,13 @@
 import { VantmetryConfig } from './types';
 export declare class TransportManager {
     private wtSession;
+    private wtInitPromise;
     private readonly endpoint;
     private readonly wtEndpoint;
     private readonly debug;
     constructor(config: VantmetryConfig);
     private initWT;
+    private connectWT;
     send(payload: string): Promise<void>;
+    close(): void;
 }

package/core/types.d.ts

@@ -13,6 +13,7 @@ export interface VantmetryInstance {
     info: (message: string, details?: LogDetails) => void;
     debug: (message: string, details?: LogDetails) => void;
     flush: () => Promise<void>;
+    destroy: () => Promise<void>;
 }
 declare global {
     interface Window {

package/index.js

@@ -1,6 +1,6 @@
-import { g as t } from "./init-DeOqWgSl.js";
-import { V as i, i as g, a as f } from "./init-DeOqWgSl.js";
-const n = {
+import { g as t } from "./init-BfWOgJup.js";
+import { V as i, i as g, a as u } from "./init-BfWOgJup.js";
+const o = {
   get isReady() {
     return t().isReady;
   },
@@ -18,11 +18,14 @@ const n = {
   },
   flush() {
     return t().flush();
+  },
+  destroy() {
+    return t().destroy();
   }
 };
 export {
   i as VantmetryTracker,
   g as init,
-  f as initGlobalListeners,
-  n as logger
+  u as initGlobalListeners,
+  o as logger
 };

package/{init-DeOqWgSl.js → init-BfWOgJup.js}

@@ -1,37 +1,40 @@
-let u = null;
-function T(n) {
-  u = n;
+let f = null;
+function T(i) {
+  f = i;
 }
-function k() {
-  if (!u)
+function A() {
+  if (!f)
     throw new Error("[Vantmetry] Not initialized. Call init() before using logger.");
-  return u;
+  return f;
 }
 function E() {
-  return u !== null;
+  return f !== null;
 }
-const a = {
+const c = {
   ERROR: "ERROR",
   INFO: "INFO",
   WARN: "WARN",
   DEBUG: "DEBUG"
-}, b = "https://ingestor.vantmetry.com:4433";
-class S {
+}, S = "https://ingestor.vantmetry.com:4433";
+class b {
   wtSession = null;
+  wtInitPromise = null;
   endpoint;
   wtEndpoint;
   debug;
   constructor(e) {
-    const t = (e.ingestorUrl ?? b).replace(/\/$/, "");
+    const t = (e.ingestorUrl ?? S).replace(/\/$/, "");
     this.endpoint = `${t}/api/ingestor/push/tcp?public_key=${e.publicKey}`, this.wtEndpoint = `${t}/api/ingestor/push/udp?public_key=${e.publicKey}`;
     try {
       this.debug = typeof window < "u" && !!window.localStorage?.getItem("vantmetry_debug");
     } catch {
       this.debug = !1;
     }
-    this.initWT();
   }
-  async initWT() {
+  initWT() {
+    return this.wtInitPromise ? this.wtInitPromise : (this.wtInitPromise = this.connectWT(), this.wtInitPromise);
+  }
+  async connectWT() {
     if ("WebTransport" in window) {
       await new Promise((e) => setTimeout(e, 200));
       try {
@@ -42,7 +45,7 @@ class S {
     }
   }
   async send(e) {
-    if (this.wtSession)
+    if (await this.initWT(), this.wtSession)
       try {
         const s = (await this.wtSession.createUnidirectionalStream()).getWriter();
         await s.write(new TextEncoder().encode(e)), await s.close();
@@ -64,8 +67,11 @@ class S {
       this.debug && console.error("Vantmetry send failed", t);
     });
   }
+  close() {
+    this.wtSession && (this.wtSession.close(), this.wtSession = null);
+  }
 }
-const c = {
+const u = {
   // Matches standard email formats
   email: /\b[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}\b/g,
   // Matches standard CC groupings: 4-4-4-[3-4] with required separators, or Amex 4-6-5 format.
@@ -93,36 +99,36 @@ const c = {
   "client_secret",
   "auth"
 ]);
-function l(n) {
-  let e = n;
-  return e = e.replace(c.email, (t) => {
+function d(i) {
+  let e = i;
+  return e = e.replace(u.email, (t) => {
     const s = t.split("@");
     if (s.length !== 2)
       return t;
-    const [r, i] = s;
-    return `${r.charAt(0)}***@${i}`;
-  }), e = e.replace(c.creditCard, (t) => {
-    const s = t.replace(/[-\s]/g, ""), r = s.slice(-4);
-    return "*".repeat(s.length - 4) + r;
-  }), e = e.replace(c.ssn, (t) => `***-**-${t.slice(-4)}`), e = e.replace(c.jwt, "[JWT REDACTED]"), e = e.replace(c.authHeader, "$1 [TOKEN REDACTED]"), e;
+    const [n, a] = s;
+    return `${n.charAt(0)}***@${a}`;
+  }), e = e.replace(u.creditCard, (t) => {
+    const s = t.replace(/[-\s]/g, ""), n = s.slice(-4);
+    return "*".repeat(s.length - 4) + n;
+  }), e = e.replace(u.ssn, (t) => `***-**-${t.slice(-4)}`), e = e.replace(u.jwt, "[JWT REDACTED]"), e = e.replace(u.authHeader, "$1 [TOKEN REDACTED]"), e;
 }
-function h(n, e = /* @__PURE__ */ new WeakSet()) {
-  if (typeof n == "string")
-    return l(n);
-  if (!n || typeof n != "object")
-    return n;
-  if (e.has(n))
+function h(i, e = /* @__PURE__ */ new WeakSet()) {
+  if (typeof i == "string")
+    return d(i);
+  if (!i || typeof i != "object")
+    return i;
+  if (e.has(i))
     return "[Circular]";
-  if (e.add(n), Array.isArray(n))
-    return n.map((s) => h(s, e));
+  if (e.add(i), Array.isArray(i))
+    return i.map((s) => h(s, e));
   const t = {};
-  for (const [s, r] of Object.entries(n)) {
-    const i = s.toLowerCase();
-    if (p.has(i) || Array.from(p).some((o) => i.includes(o))) {
+  for (const [s, n] of Object.entries(i)) {
+    const a = s.toLowerCase();
+    if (p.has(a) || Array.from(p).some((r) => a.includes(r))) {
       t[s] = "[REDACTED]";
       continue;
     }
-    typeof r == "string" ? t[s] = l(r) : typeof r == "object" && r !== null ? t[s] = h(r, e) : t[s] = r;
+    typeof n == "string" ? t[s] = d(n) : typeof n == "object" && n !== null ? t[s] = h(n, e) : t[s] = n;
   }
   return t;
 }
@@ -139,32 +145,37 @@ class _ {
   TTL_MS = 6e4;
   MAX_EVENTS_PER_SEC = 100;
   constructor(e) {
-    this.transport = new S(e);
+    this.transport = new b(e);
   }
   // --- Public API ---
   error(e, t) {
-    this.addToBuffer({ severity: a.ERROR, type: "manual", message: e, details: t });
+    this.addToBuffer({ severity: c.ERROR, type: "manual", message: e, details: t });
   }
   warn(e, t) {
-    this.addToBuffer({ severity: a.WARN, type: "manual", message: e, details: t });
+    this.addToBuffer({ severity: c.WARN, type: "manual", message: e, details: t });
   }
   info(e, t) {
-    this.addToBuffer({ severity: a.INFO, type: "manual", message: e, details: t });
+    this.addToBuffer({ severity: c.INFO, type: "manual", message: e, details: t });
   }
   debug(e, t) {
-    this.addToBuffer({ severity: a.DEBUG, type: "manual", message: e, details: t });
+    this.addToBuffer({ severity: c.DEBUG, type: "manual", message: e, details: t });
   }
   async flush() {
-    if (this.buffer.length === 0)
+    if (this.buffer.length === 0) {
+      this.flushTimer && (clearTimeout(this.flushTimer), this.flushTimer = null);
       return;
+    }
     const e = Date.now();
     for (const s of this.buffer)
       this.sentErrors.set(this.getSignature(s), e);
-    for (const [s, r] of this.sentErrors.entries())
-      e - r >= this.TTL_MS && this.sentErrors.delete(s);
+    for (const [s, n] of this.sentErrors.entries())
+      e - n >= this.TTL_MS && this.sentErrors.delete(s);
     const t = JSON.stringify(this.buffer);
     this.buffer = [], this.flushTimer && (clearTimeout(this.flushTimer), this.flushTimer = null), await this.transport.send(t);
   }
+  async destroy() {
+    this.transport.close(), await this.flush();
+  }
   // --- Internal Logic ---
   addToBuffer(e) {
     if (!this.isReady)
@@ -174,20 +185,23 @@ class _ {
       this.isReady = !1, console.error("[Vantmetry] Logging disabled to save browser CPU due to infinite loop detection.");
       return;
     }
-    const s = this.getSignature(e), r = this.sentErrors.get(s);
-    if (r && t - r < this.TTL_MS)
+    const s = this.getSignature(e), n = this.sentErrors.get(s);
+    if (n && t - n < this.TTL_MS)
       return;
-    const i = this.buffer.find((m) => this.getSignature(m) === s);
-    if (i) {
-      i.count = (i.count || 1) + 1;
+    const a = this.buffer.find((y) => this.getSignature(y) === s);
+    if (a) {
+      a.count = (a.count || 1) + 1;
       return;
     }
-    const { message: o, details: f, stack: d } = e, g = typeof o == "string" ? l(o) : o, y = typeof f == "object" ? h(f) : f, w = typeof d == "string" ? l(d) : d;
+    let { message: r, stack: o } = e;
+    const { details: l } = e;
+    r instanceof Error && (o = o ?? r.stack, r = r.message || String(r));
+    const g = typeof r == "string" ? d(r) : r, w = typeof l == "object" ? h(l) : l, m = typeof o == "string" ? d(o) : o;
     this.buffer.push({
       ...e,
       message: g,
-      details: y,
-      stack: w,
+      details: w,
+      stack: m,
       count: 1,
       ts: Date.now(),
       url: window.location.href,
@@ -203,60 +217,67 @@ class _ {
     return `${e.type}:${e.severity}:${e.message}`;
   }
 }
-function A(n) {
+function k(i) {
   const e = console.error;
   console.error = function(...t) {
-    if (e.apply(console, t), !n._isCapturingConsoleError) {
-      n._isCapturingConsoleError = !0;
+    if (e.apply(console, t), !i._isCapturingConsoleError) {
+      i._isCapturingConsoleError = !0;
       try {
-        let s, r;
-        const i = t.find((o) => o instanceof Error);
-        i ? (s = i.message || String(i), r = i.stack) : s = t.map((o) => {
-          if (typeof o == "string") return o;
-          try {
-            return JSON.stringify(o);
-          } catch {
-            return String(o);
-          }
-        }).join(" "), n.captureAutoError({
+        let s, n;
+        const a = t.findIndex((o) => o instanceof Error), r = t[a];
+        if (r) {
+          const o = t.slice(0, a).filter((l) => typeof l == "string").join(" ");
+          s = o ? `${o}: ${r.message || String(r)}` : r.message || String(r), n = r.stack;
+        } else
+          s = t.map((o) => {
+            if (typeof o == "string") return o;
+            try {
+              return JSON.stringify(o);
+            } catch {
+              return String(o);
+            }
+          }).join(" ");
+        i.captureAutoError({
           type: "console.error",
           message: s || "Unknown console.error",
-          stack: r,
-          severity: a.ERROR
+          stack: n,
+          severity: c.ERROR
         });
       } finally {
-        n._isCapturingConsoleError = !1;
+        i._isCapturingConsoleError = !1;
       }
     }
   }, window.addEventListener("error", function(t) {
-    n.captureAutoError({
+    i.captureAutoError({
       type: "crash",
       message: t.message || "Script error.",
       stack: t.error?.stack,
       loc: `${t.filename}:${t.lineno}:${t.colno}`,
-      severity: a.ERROR
+      severity: c.ERROR
     });
   }, { capture: !0 }), window.addEventListener("unhandledrejection", function(t) {
-    const s = t.reason;
-    n.captureAutoError({
+    const s = t.reason, n = s instanceof Error;
+    i.captureAutoError({
       type: "promise",
-      message: s instanceof Error ? s.message : String(s),
-      stack: s instanceof Error ? s.stack : void 0,
-      severity: a.ERROR
+      message: n ? s.message : String(s),
+      stack: n ? s.stack : new Error(`Unhandled rejection: ${String(s)}`).stack,
+      severity: c.ERROR
     });
-  }, { capture: !0 }), document.addEventListener("visibilitychange", function() {
-    document.visibilityState === "hidden" && n.flush();
+  }, { capture: !0 }), window.addEventListener("visibilitychange", function() {
+    document.visibilityState === "hidden" && i.flush();
+  }), window.addEventListener("pagehide", () => {
+    i.destroy();
   });
 }
-function C(n) {
+function I(i) {
   if (E())
     return;
-  const e = new _(n);
-  T(e), A(e);
+  const e = new _(i);
+  T(e), k(e);
 }
 export {
   _ as V,
-  A as a,
-  k as g,
-  C as i
+  k as a,
+  A as g,
+  I as i
 };

package/next/index.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import n from "next/script";
-import { i as e } from "../init-DeOqWgSl.js";
+import { i as e } from "../init-BfWOgJup.js";
 function m({ publicKey: t, ingestorUrl: r }) {
   return /* @__PURE__ */ i(
     n,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vantmetry",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Lightweight frontend error tracking with minimal browser impact.",
   "type": "module",
   "main": "./index.js",

package/react/index.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { createContext as i, Component as a, useEffect as u, useContext as c } from "react";
 import { logger as o } from "../index.js";
-import { i as m } from "../init-DeOqWgSl.js";
+import { i as m } from "../init-BfWOgJup.js";
 const n = i(null);
 function h({ publicKey: t, ingestorUrl: r, children: e }) {
   return u(() => {

package/src/core/listeners.ts

@@ -13,9 +13,14 @@ export function initGlobalListeners(tracker: VantmetryTracker) {
       let message: string;
       let stack: string | undefined;
 
-      const errorObj = args.find((arg) => arg instanceof Error) as Error | undefined;
+      const errorIndex = args.findIndex((arg) => arg instanceof Error);
+      const errorObj = args[errorIndex] as Error | undefined;
       if (errorObj) {
-        message = errorObj.message || String(errorObj);
+        const prefix = args
+          .slice(0, errorIndex)
+          .filter((a) => typeof a === 'string')
+          .join(' ');
+        message = prefix ? `${prefix}: ${errorObj.message || String(errorObj)}` : errorObj.message || String(errorObj);
         stack = errorObj.stack;
       } else {
         message = args
@@ -53,18 +58,24 @@ export function initGlobalListeners(tracker: VantmetryTracker) {
 
   window.addEventListener('unhandledrejection', function (event: PromiseRejectionEvent) {
     const reason = event.reason;
+    const isError = reason instanceof Error;
     tracker.captureAutoError({
       type: 'promise',
-      message: reason instanceof Error ? reason.message : String(reason),
-      stack: reason instanceof Error ? reason.stack : undefined,
+      message: isError ? reason.message : String(reason),
+      stack: isError ? reason.stack : new Error(`Unhandled rejection: ${String(reason)}`).stack,
       severity: LogLevel.ERROR,
     });
   }, { capture: true });
 
-  // Flush on page unload
-  document.addEventListener('visibilitychange', function () {
+  // Flush on page unload or visibility change
+  window.addEventListener('visibilitychange', function () {
     if (document.visibilityState === 'hidden') {
       void tracker.flush();
     }
   });
+
+  // Enable bfcache restoration by closing transport on navigate away
+  window.addEventListener('pagehide', () => {
+    void tracker.destroy();
+  });
 }

package/src/core/tracker.ts

@@ -43,6 +43,10 @@ export class VantmetryTracker implements VantmetryInstance {
 
   public async flush() {
     if (this.buffer.length === 0) {
+      if (this.flushTimer) {
+        clearTimeout(this.flushTimer);
+        this.flushTimer = null;
+      }
       return;
     }
 
@@ -69,6 +73,11 @@ export class VantmetryTracker implements VantmetryInstance {
     await this.transport.send(dataPayload);
   }
 
+  public async destroy() {
+    this.transport.close();
+    await this.flush();
+  }
+
   // --- Internal Logic ---
 
   private addToBuffer(payload: LogPayload) {
@@ -106,7 +115,13 @@ export class VantmetryTracker implements VantmetryInstance {
       return;
     }
 
-    const { message, details, stack } = payload;
+    let { message, stack } = payload;
+    const { details } = payload;
+
+    if (message instanceof Error) {
+      stack = stack ?? message.stack;
+      message = message.message || String(message);
+    }
 
     const maskedMessage = typeof message === 'string' ? maskPII(message) : message;
     const maskedDetails = typeof details === 'object' ? maskObjectPII(details) : details;

package/src/core/transport.ts

@@ -4,6 +4,7 @@ const DEFAULT_INGESTOR_URL = 'https://ingestor.vantmetry.com:4433';
 
 export class TransportManager {
   private wtSession: WebTransport | null = null;
+  private wtInitPromise: Promise<void> | null = null;
   private readonly endpoint: string;
   private readonly wtEndpoint: string;
   private readonly debug: boolean;
@@ -18,11 +19,17 @@ export class TransportManager {
     } catch {
       this.debug = false;
     }
+  }
 
-    void this.initWT();
+  private initWT(): Promise<void> {
+    if (this.wtInitPromise) {
+      return this.wtInitPromise;
+    }
+    this.wtInitPromise = this.connectWT();
+    return this.wtInitPromise;
   }
 
-  private async initWT() {
+  private async connectWT(): Promise<void> {
     if (!('WebTransport' in window)) {
       return;
     }
@@ -46,6 +53,8 @@ export class TransportManager {
   }
 
   public async send(payload: string): Promise<void> {
+    await this.initWT();
+
     if (this.wtSession) {
       try {
         const stream = await this.wtSession.createUnidirectionalStream();
@@ -79,4 +88,11 @@ export class TransportManager {
       }
     });
   }
+
+  public close() {
+    if (this.wtSession) {
+      this.wtSession.close();
+      this.wtSession = null;
+    }
+  }
 }

package/src/core/types.ts

@@ -15,6 +15,7 @@ export interface VantmetryInstance {
   info: (message: string, details?: LogDetails) => void;
   debug: (message: string, details?: LogDetails) => void;
   flush: () => Promise<void>;
+  destroy: () => Promise<void>;
 }
 
 declare global {

package/src/index.ts

@@ -25,4 +25,7 @@ export const logger: VantmetryInstance = {
   flush() {
     return getInstance().flush();
   },
+  destroy() {
+    return getInstance().destroy();
+  },
 };