vantmetry 0.0.3 → 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-DdlNmKDT.js";
-import { V as i, i as g, a as f } from "./init-DdlNmKDT.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-DdlNmKDT.js → init-BfWOgJup.js}

@@ -1,13 +1,13 @@
 let f = null;
-function E(n) {
-  f = n;
+function T(i) {
+  f = i;
 }
 function A() {
   if (!f)
     throw new Error("[Vantmetry] Not initialized. Call init() before using logger.");
   return f;
 }
-function T() {
+function E() {
   return f !== null;
 }
 const c = {
@@ -15,23 +15,26 @@ const c = {
   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 l = {
+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,41 +99,41 @@ const l = {
   "client_secret",
   "auth"
 ]);
-function d(n) {
-  let e = n;
-  return e = e.replace(l.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, a] = s;
-    return `${r.charAt(0)}***@${a}`;
-  }), e = e.replace(l.creditCard, (t) => {
-    const s = t.replace(/[-\s]/g, ""), r = s.slice(-4);
-    return "*".repeat(s.length - 4) + r;
-  }), e = e.replace(l.ssn, (t) => `***-**-${t.slice(-4)}`), e = e.replace(l.jwt, "[JWT REDACTED]"), e = e.replace(l.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 d(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)) {
+  for (const [s, n] of Object.entries(i)) {
     const a = s.toLowerCase();
-    if (p.has(a) || Array.from(p).some((i) => a.includes(i))) {
+    if (p.has(a) || Array.from(p).some((r) => a.includes(r))) {
       t[s] = "[REDACTED]";
       continue;
     }
-    typeof r == "string" ? t[s] = d(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;
 }
-const R = 50, k = 2e3;
-class v {
+const R = 50, v = 2e3;
+class _ {
   buffer = [];
   flushTimer = null;
   transport;
@@ -139,7 +145,7 @@ class v {
   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) {
@@ -155,16 +161,21 @@ class v {
     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,30 +185,30 @@ class v {
       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 a = this.buffer.find((m) => this.getSignature(m) === s);
+    const a = this.buffer.find((y) => this.getSignature(y) === s);
     if (a) {
       a.count = (a.count || 1) + 1;
       return;
     }
-    let { message: i, stack: o } = e;
-    const { details: u } = e;
-    i instanceof Error && (o = o ?? i.stack, i = i.message || String(i));
-    const g = typeof i == "string" ? d(i) : i, y = typeof u == "object" ? h(u) : u, w = typeof o == "string" ? d(o) : o;
+    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,
       ua: navigator.userAgent
     }), this.buffer.length >= R ? this.flush() : this.flushTimer || (this.flushTimer = setTimeout(() => {
       this.flush();
-    }, k));
+    }, v));
   }
   captureAutoError(e) {
     this.addToBuffer(e);
@@ -206,17 +217,17 @@ class v {
     return `${e.type}:${e.severity}:${e.message}`;
   }
 }
-function _(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 a = t.findIndex((o) => o instanceof Error), i = t[a];
-        if (i) {
-          const o = t.slice(0, a).filter((u) => typeof u == "string").join(" ");
-          s = o ? `${o}: ${i.message || String(i)}` : i.message || String(i), r = i.stack;
+        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;
@@ -226,18 +237,18 @@ function _(n) {
               return String(o);
             }
           }).join(" ");
-        n.captureAutoError({
+        i.captureAutoError({
           type: "console.error",
           message: s || "Unknown console.error",
-          stack: r,
+          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,
@@ -245,26 +256,28 @@ function _(n) {
       severity: c.ERROR
     });
   }, { capture: !0 }), window.addEventListener("unhandledrejection", function(t) {
-    const s = t.reason, r = s instanceof Error;
-    n.captureAutoError({
+    const s = t.reason, n = s instanceof Error;
+    i.captureAutoError({
       type: "promise",
-      message: r ? s.message : String(s),
-      stack: r ? s.stack : new Error(`Unhandled rejection: ${String(s)}`).stack,
+      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) {
-  if (T())
+function I(i) {
+  if (E())
     return;
-  const e = new v(n);
-  E(e), _(e);
+  const e = new _(i);
+  T(e), k(e);
 }
 export {
-  v as V,
-  _ as a,
+  _ as V,
+  k as a,
   A as g,
-  C as i
+  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-DdlNmKDT.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.3",
+  "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-DdlNmKDT.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

@@ -67,10 +67,15 @@ export function initGlobalListeners(tracker: VantmetryTracker) {
     });
   }, { 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) {

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();
+  },
 };