@mcp-fe/react-event-tracker 0.0.13 → 0.0.14

package/hooks/useReactRouterEventTracker.d.ts

@@ -1,3 +1,5 @@
 import { WorkerClientInitOptions } from '@mcp-fe/event-tracker';
-export declare function useReactRouterEventTracker(initOptions?: WorkerClientInitOptions): void;
+export declare function useReactRouterEventTracker(initOptions?: WorkerClientInitOptions): {
+    setAuthToken: (token: string) => void;
+};
 //# sourceMappingURL=useReactRouterEventTracker.d.ts.map

package/hooks/useReactRouterEventTracker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useReactRouterEventTracker.d.ts","sourceRoot":"","sources":["../../../../libs/react-event-tracker/src/hooks/useReactRouterEventTracker.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,uBAAuB,EAC7B,MAAM,uBAAuB,CAAC;AAE/B,wBAAgB,0BAA0B,CAAC,WAAW,CAAC,EAAE,uBAAuB,GAAG,IAAI,CAuFtF"}
+{"version":3,"file":"useReactRouterEventTracker.d.ts","sourceRoot":"","sources":["../../../../libs/react-event-tracker/src/hooks/useReactRouterEventTracker.ts"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,uBAAuB,EAC7B,MAAM,uBAAuB,CAAC;AAE/B,wBAAgB,0BAA0B,CAAC,WAAW,CAAC,EAAE,uBAAuB,GAAG;IAAE,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CA2F3H"}

package/hooks/useTanstackRouterEventTracker.d.ts

@@ -1,3 +1,5 @@
 import { WorkerClientInitOptions } from '@mcp-fe/event-tracker';
-export declare function useTanstackRouterEventTracker(initOptions?: WorkerClientInitOptions): void;
+export declare function useTanstackRouterEventTracker(initOptions?: WorkerClientInitOptions): {
+    setAuthToken: (token: string) => void;
+};
 //# sourceMappingURL=useTanstackRouterEventTracker.d.ts.map

package/hooks/useTanstackRouterEventTracker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTanstackRouterEventTracker.d.ts","sourceRoot":"","sources":["../../../../libs/react-event-tracker/src/hooks/useTanstackRouterEventTracker.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,uBAAuB,EAC7B,MAAM,uBAAuB,CAAC;AAE/B,wBAAgB,6BAA6B,CAAC,WAAW,CAAC,EAAE,uBAAuB,GAAG,IAAI,CAuFzF"}
+{"version":3,"file":"useTanstackRouterEventTracker.d.ts","sourceRoot":"","sources":["../../../../libs/react-event-tracker/src/hooks/useTanstackRouterEventTracker.ts"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,uBAAuB,EAC7B,MAAM,uBAAuB,CAAC;AAE/B,wBAAgB,6BAA6B,CAAC,WAAW,CAAC,EAAE,uBAAuB,GAAG;IAAE,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CA2F9H"}

package/index.mjs

@@ -1,34 +1,34 @@
 import * as S from "react";
-import L, { useRef as R, useState as Q, useEffect as _ } from "react";
-const ae = Object.prototype.hasOwnProperty;
-function Z(t, e, r = 0) {
+import L, { useRef as R, useState as Z, useEffect as _ } from "react";
+const ce = Object.prototype.hasOwnProperty;
+function ee(t, e, r = 0) {
   if (t === e)
     return t;
   if (r > 500) return e;
-  const o = e, n = G(t) && G(o);
-  if (!n && !(V(t) && V(o))) return o;
-  const l = n ? t : M(t);
+  const o = e, n = K(t) && K(o);
+  if (!n && !(z(t) && z(o))) return o;
+  const l = n ? t : V(t);
   if (!l) return o;
-  const a = n ? o : M(o);
+  const a = n ? o : V(o);
   if (!a) return o;
   const c = l.length, i = a.length, s = n ? new Array(i) : {};
   let h = 0;
   for (let v = 0; v < i; v++) {
     const p = n ? v : a[v], u = t[p], f = o[p];
     if (u === f) {
-      s[p] = u, (n ? v < c : ae.call(t, p)) && h++;
+      s[p] = u, (n ? v < c : ce.call(t, p)) && h++;
       continue;
     }
     if (u === null || f === null || typeof u != "object" || typeof f != "object") {
       s[p] = f;
       continue;
     }
-    const d = Z(u, f, r + 1);
+    const d = ee(u, f, r + 1);
     s[p] = d, d === u && h++;
   }
   return c === i && h === c ? t : s;
 }
-function M(t) {
+function V(t) {
   const e = [], r = Object.getOwnPropertyNames(t);
   for (const n of r) {
     if (!Object.prototype.propertyIsEnumerable.call(t, n)) return !1;
@@ -41,24 +41,24 @@ function M(t) {
   }
   return e;
 }
-function V(t) {
-  if (!z(t))
+function z(t) {
+  if (!G(t))
     return !1;
   const e = t.constructor;
   if (typeof e > "u")
     return !0;
   const r = e.prototype;
-  return !(!z(r) || !r.hasOwnProperty("isPrototypeOf"));
+  return !(!G(r) || !r.hasOwnProperty("isPrototypeOf"));
 }
-function z(t) {
+function G(t) {
   return Object.prototype.toString.call(t) === "[object Object]";
 }
-function G(t) {
+function K(t) {
   return Array.isArray(t) && t.length === Object.keys(t).length;
 }
-var ce = process.env.NODE_ENV === "production";
-function ue(t, e) {
-  if (!ce) {
+var ue = process.env.NODE_ENV === "production";
+function le(t, e) {
+  if (!ue) {
     if (t)
       return;
     var r = "Warning: " + e;
@@ -70,10 +70,10 @@ function ue(t, e) {
   }
 }
 var C = { exports: {} }, A = {}, N = { exports: {} }, b = {};
-var K;
-function le() {
-  if (K) return b;
-  K = 1;
+var H;
+function fe() {
+  if (H) return b;
+  H = 1;
   var t = L;
   function e(v, p) {
     return v === p && (v !== 0 || 1 / v === 1 / p) || v !== v && p !== p;
@@ -112,9 +112,9 @@ function le() {
   return b.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : h, b;
 }
 var I = {};
-var H;
-function fe() {
-  return H || (H = 1, process.env.NODE_ENV !== "production" && (function() {
+var F;
+function de() {
+  return F || (F = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(u, f) {
       return u === f && (u !== 0 || 1 / u === 1 / f) || u !== u && f !== f;
     }
@@ -165,15 +165,15 @@ function fe() {
     I.useSyncExternalStore = n.useSyncExternalStore !== void 0 ? n.useSyncExternalStore : p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   })()), I;
 }
-var F;
-function ee() {
-  return F || (F = 1, process.env.NODE_ENV === "production" ? N.exports = le() : N.exports = fe()), N.exports;
-}
 var q;
-function de() {
-  if (q) return A;
-  q = 1;
-  var t = L, e = ee();
+function te() {
+  return q || (q = 1, process.env.NODE_ENV === "production" ? N.exports = fe() : N.exports = de()), N.exports;
+}
+var X;
+function he() {
+  if (X) return A;
+  X = 1;
+  var t = L, e = te();
   function r(s, h) {
     return s === h && (s !== 0 || 1 / s === 1 / h) || s !== s && h !== h;
   }
@@ -221,14 +221,14 @@ function de() {
   }, A;
 }
 var P = {};
-var X;
-function he() {
-  return X || (X = 1, process.env.NODE_ENV !== "production" && (function() {
+var $;
+function ve() {
+  return $ || ($ = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(s, h) {
       return s === h && (s !== 0 || 1 / s === 1 / h) || s !== s && h !== h;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var e = L, r = ee(), o = typeof Object.is == "function" ? Object.is : t, n = r.useSyncExternalStore, l = e.useRef, a = e.useEffect, c = e.useMemo, i = e.useDebugValue;
+    var e = L, r = te(), o = typeof Object.is == "function" ? Object.is : t, n = r.useSyncExternalStore, l = e.useRef, a = e.useEffect, c = e.useMemo, i = e.useDebugValue;
     P.useSyncExternalStoreWithSelector = function(s, h, v, p, u) {
       var f = l(null);
       if (f.current === null) {
@@ -273,14 +273,14 @@ function he() {
     }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   })()), P;
 }
-var $;
-function ve() {
-  return $ || ($ = 1, process.env.NODE_ENV === "production" ? C.exports = de() : C.exports = he()), C.exports;
+var j;
+function pe() {
+  return j || (j = 1, process.env.NODE_ENV === "production" ? C.exports = he() : C.exports = ve()), C.exports;
 }
-var pe = ve();
-function ke(t, e = (o) => o, r = {}) {
-  const o = r.equal ?? me;
-  return pe.useSyncExternalStoreWithSelector(
+var ke = pe();
+function me(t, e = (o) => o, r = {}) {
+  const o = r.equal ?? ge;
+  return ke.useSyncExternalStoreWithSelector(
     t.subscribe,
     () => t.state,
     () => t.state,
@@ -288,7 +288,7 @@ function ke(t, e = (o) => o, r = {}) {
     o
   );
 }
-function me(t, e) {
+function ge(t, e) {
   if (Object.is(t, e))
     return !0;
   if (typeof t != "object" || t === null || typeof e != "object" || e === null)
@@ -307,38 +307,38 @@ function me(t, e) {
   }
   if (t instanceof Date && e instanceof Date)
     return t.getTime() === e.getTime();
-  const r = j(t);
-  if (r.length !== j(e).length)
+  const r = Y(t);
+  if (r.length !== Y(e).length)
     return !1;
   for (let o = 0; o < r.length; o++)
     if (!Object.prototype.hasOwnProperty.call(e, r[o]) || !Object.is(t[r[o]], e[r[o]]))
       return !1;
   return !0;
 }
-function j(t) {
+function Y(t) {
   return Object.keys(t).concat(
     Object.getOwnPropertySymbols(t)
   );
 }
 const U = S.createContext(null);
-function ge() {
+function Ee() {
   return typeof document > "u" ? U : window.__TSR_ROUTER_CONTEXT__ ? window.__TSR_ROUTER_CONTEXT__ : (window.__TSR_ROUTER_CONTEXT__ = U, U);
 }
-function Ee(t) {
-  const e = S.useContext(ge());
-  return ue(
+function Se(t) {
+  const e = S.useContext(Ee());
+  return le(
     !((t?.warn ?? !0) && !e),
     "useRouter must be used inside a <RouterProvider> component!"
   ), e;
 }
-function Se(t) {
-  const e = Ee({
+function _e(t) {
+  const e = Se({
     warn: t?.router === void 0
   }), r = t?.router || e, o = R(void 0);
-  return ke(r.__store, (n) => {
+  return me(r.__store, (n) => {
     if (t?.select) {
       if (t.structuralSharing ?? r.options.defaultStructuralSharing) {
-        const l = Z(
+        const l = ee(
           o.current,
           t.select(n)
         );
@@ -349,12 +349,12 @@ function Se(t) {
     return n;
   });
 }
-function _e(t) {
-  return Se({
+function ye(t) {
+  return _e({
     select: (e) => e.location
   });
 }
-class ye {
+class Te {
   // Configurable worker script URLs (defaults kept for backward compatibility)
   sharedWorkerUrl = "/mcp-shared-worker.js";
   serviceWorkerUrl = "/mcp-service-worker.js";
@@ -633,20 +633,23 @@ class ye {
     else this.workerType === "service" && (this.sendAuthTokenToServiceWorker(e), this.pendingAuthToken = null);
   }
 }
-const te = new ye();
+const D = new Te();
 async function re(t) {
-  return te.init(t);
+  return D.init(t);
 }
-async function D(t) {
+async function x(t) {
   const e = { ...t, timestamp: Date.now() };
-  await te.request("STORE_EVENT", { event: e });
+  await D.request("STORE_EVENT", { event: e });
 }
-async function ne(t, e, r) {
-  return D({ type: "navigation", from: t, to: e, path: r || e });
+function ne(t) {
+  D.setAuthToken(t);
 }
 async function oe(t, e, r) {
+  return x({ type: "navigation", from: t, to: e, path: r || e });
+}
+async function ie(t, e, r) {
   const o = t.id || void 0, n = t.className || void 0, l = t.textContent?.trim().substring(0, 100) || void 0, a = t.tagName.toLowerCase();
-  return D({
+  return x({
     type: "click",
     element: a,
     elementId: o,
@@ -656,9 +659,9 @@ async function oe(t, e, r) {
     metadata: r
   });
 }
-async function ie(t, e, r) {
+async function se(t, e, r) {
   const o = t.id || void 0, n = t.className || void 0, l = t.tagName.toLowerCase();
-  return D({
+  return x({
     type: "input",
     element: l,
     elementId: o,
@@ -670,9 +673,9 @@ async function ie(t, e, r) {
     }
   });
 }
-function Ie(t) {
-  const e = _e(), [r, o] = Q(!1), n = R(e.pathname), l = R(null);
-  _(() => {
+function Pe(t) {
+  const e = ye(), [r, o] = Z(!1), n = R(e.pathname), l = R(null);
+  return _(() => {
     n.current !== e.pathname && (l.current = n.current, n.current = e.pathname);
   }, [e.pathname]), _(() => {
     re(t).then(() => o(!0)).catch((a) => {
@@ -681,7 +684,7 @@ function Ie(t) {
   }, [t]), _(() => {
     if (!r) return;
     const a = l.current, c = n.current;
-    a && a !== c && ne(a, c, c).catch((i) => {
+    a && a !== c && oe(a, c, c).catch((i) => {
       console.error("Failed to track navigation:", i);
     });
   }, [e.pathname, r]), _(() => {
@@ -689,7 +692,7 @@ function Ie(t) {
     const a = (c) => {
       const i = c.target;
       if (!i) return;
-      i.tagName === "BUTTON" || i.tagName === "A" || i.closest("button") || i.closest("a") || oe(i, n.current).catch((h) => {
+      i.tagName === "BUTTON" || i.tagName === "A" || i.closest("button") || i.closest("a") || ie(i, n.current).catch((h) => {
         console.error("Failed to track click:", h);
       });
     };
@@ -700,7 +703,7 @@ function Ie(t) {
     const c = (i) => {
       const s = i.target;
       s && (s.tagName === "INPUT" || s.tagName === "TEXTAREA") && (clearTimeout(a), a = setTimeout(() => {
-        ie(s, s.value, n.current).catch(
+        se(s, s.value, n.current).catch(
           (h) => {
             console.error("Failed to track input:", h);
           }
@@ -710,57 +713,59 @@ function Ie(t) {
     return document.addEventListener("input", c, !0), () => {
       clearTimeout(a), document.removeEventListener("input", c, !0);
     };
-  }, [r]);
+  }, [r]), {
+    setAuthToken: ne
+  };
 }
-var Y;
+var B;
 (function(t) {
   t.Pop = "POP", t.Push = "PUSH", t.Replace = "REPLACE";
-})(Y || (Y = {}));
-function B(t, e) {
+})(B || (B = {}));
+function J(t, e) {
   throw new Error(e);
 }
-var J;
+var Q;
 (function(t) {
   t.data = "data", t.deferred = "deferred", t.redirect = "redirect", t.error = "error";
-})(J || (J = {}));
-const se = ["post", "put", "patch", "delete"];
-new Set(se);
-const Te = ["get", ...se];
-new Set(Te);
-const Oe = /* @__PURE__ */ S.createContext(null);
-process.env.NODE_ENV !== "production" && (Oe.displayName = "DataRouter");
+})(Q || (Q = {}));
+const ae = ["post", "put", "patch", "delete"];
+new Set(ae);
+const Oe = ["get", ...ae];
+new Set(Oe);
 const We = /* @__PURE__ */ S.createContext(null);
-process.env.NODE_ENV !== "production" && (We.displayName = "DataRouterState");
+process.env.NODE_ENV !== "production" && (We.displayName = "DataRouter");
 const we = /* @__PURE__ */ S.createContext(null);
-process.env.NODE_ENV !== "production" && (we.displayName = "Await");
+process.env.NODE_ENV !== "production" && (we.displayName = "DataRouterState");
 const Re = /* @__PURE__ */ S.createContext(null);
-process.env.NODE_ENV !== "production" && (Re.displayName = "Navigation");
-const x = /* @__PURE__ */ S.createContext(null);
-process.env.NODE_ENV !== "production" && (x.displayName = "Location");
-const Ce = /* @__PURE__ */ S.createContext({
+process.env.NODE_ENV !== "production" && (Re.displayName = "Await");
+const Ce = /* @__PURE__ */ S.createContext(null);
+process.env.NODE_ENV !== "production" && (Ce.displayName = "Navigation");
+const M = /* @__PURE__ */ S.createContext(null);
+process.env.NODE_ENV !== "production" && (M.displayName = "Location");
+const Ne = /* @__PURE__ */ S.createContext({
   outlet: null,
   matches: [],
   isDataRoute: !1
 });
-process.env.NODE_ENV !== "production" && (Ce.displayName = "Route");
-const Ne = /* @__PURE__ */ S.createContext(null);
-process.env.NODE_ENV !== "production" && (Ne.displayName = "RouteError");
-function Le() {
-  return S.useContext(x) != null;
-}
+process.env.NODE_ENV !== "production" && (Ne.displayName = "Route");
+const Le = /* @__PURE__ */ S.createContext(null);
+process.env.NODE_ENV !== "production" && (Le.displayName = "RouteError");
 function Ae() {
-  return Le() || (process.env.NODE_ENV !== "production" ? B(
+  return S.useContext(M) != null;
+}
+function be() {
+  return Ae() || (process.env.NODE_ENV !== "production" ? J(
     !1,
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useLocation() may be used only in the context of a <Router> component."
-  ) : B()), S.useContext(x).location;
+  ) : J()), S.useContext(M).location;
 }
 new Promise(() => {
 });
-function Pe(t) {
-  const e = Ae(), [r, o] = Q(!1), n = R(e.pathname), l = R(null);
-  _(() => {
+function Ue(t) {
+  const e = be(), [r, o] = Z(!1), n = R(e.pathname), l = R(null);
+  return _(() => {
     l.current = n.current, n.current = e.pathname;
   }, [e.pathname]), _(() => {
     re(t).then(() => {
@@ -771,7 +776,7 @@ function Pe(t) {
   }, [t]), _(() => {
     if (!r) return;
     const a = l.current, c = n.current;
-    a && a !== c && ne(a, c, c).catch((i) => {
+    a && a !== c && oe(a, c, c).catch((i) => {
       console.error("Failed to track navigation:", i);
     });
   }, [e.pathname, r]), _(() => {
@@ -779,7 +784,7 @@ function Pe(t) {
     const a = (c) => {
       const i = c.target;
       if (!i) return;
-      i.tagName === "BUTTON" || i.tagName === "A" || i.closest("button") || i.closest("a") || oe(i, n.current).catch((h) => {
+      i.tagName === "BUTTON" || i.tagName === "A" || i.closest("button") || i.closest("a") || ie(i, n.current).catch((h) => {
         console.error("Failed to track click:", h);
       });
     };
@@ -790,7 +795,7 @@ function Pe(t) {
     const c = (i) => {
       const s = i.target;
       s && (s.tagName === "INPUT" || s.tagName === "TEXTAREA") && (clearTimeout(a), a = setTimeout(() => {
-        ie(s, s.value, n.current).catch(
+        se(s, s.value, n.current).catch(
           (h) => {
             console.error("Failed to track input:", h);
           }
@@ -800,9 +805,11 @@ function Pe(t) {
     return document.addEventListener("input", c, !0), () => {
       clearTimeout(a), document.removeEventListener("input", c, !0);
     };
-  }, [r]);
+  }, [r]), {
+    setAuthToken: ne
+  };
 }
 export {
-  Pe as useReactRouterEventTracker,
-  Ie as useTanstackRouterEventTracker
+  Ue as useReactRouterEventTracker,
+  Pe as useTanstackRouterEventTracker
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-fe/react-event-tracker",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -11,7 +11,7 @@
     }
   },
   "dependencies": {
-    "@mcp-fe/event-tracker": "0.0.13"
+    "@mcp-fe/event-tracker": "0.0.14"
   },
   "peerDependencies": {
     "react": ">=19.0.0",