@arthurreira/analytics 0.12.0 → 0.14.0

package/dist/af-analytics.umd.js

@@ -176,11 +176,8 @@ var AfAnalytics = (() => {
   function trackScroll(apiUrl, apiKey, sessionId, depth) {
     send(apiUrl, apiKey, __spreadProps(__spreadValues({}, baseFields(sessionId, "scroll")), { scroll_depth: depth }));
   }
-  function trackError(apiUrl, apiKey, sessionId, error) {
-    send(apiUrl, apiKey, __spreadProps(__spreadValues({}, baseFields(sessionId, "error")), {
-      error_message: error.message,
-      stack_trace: error.stack || null
-    }));
+  function trackException(apiUrl, apiKey, sessionId, fields) {
+    send(apiUrl, apiKey, __spreadValues(__spreadValues({}, baseFields(sessionId, "js_exception")), fields));
   }
   function init() {
     const config = readConfig();
@@ -223,7 +220,31 @@ var AfAnalytics = (() => {
       { passive: true }
     );
     window.addEventListener("error", (e) => {
-      enqueue((id) => trackError(apiUrl, apiKey, id, new Error(e.message)));
+      enqueue((id) => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return trackException(apiUrl, apiKey, id, {
+          exception_type: (_b = (_a = e.error) == null ? void 0 : _a.name) != null ? _b : "Error",
+          exception_message: e.message,
+          exception_filename: (_c = e.filename) != null ? _c : null,
+          exception_lineno: (_d = e.lineno) != null ? _d : null,
+          exception_colno: (_e = e.colno) != null ? _e : null,
+          stack_trace: (_g = (_f = e.error) == null ? void 0 : _f.stack) != null ? _g : null
+        });
+      });
+    });
+    window.addEventListener("unhandledrejection", (e) => {
+      const reason = e.reason;
+      enqueue((id) => {
+        var _a, _b, _c;
+        return trackException(apiUrl, apiKey, id, {
+          exception_type: (_a = reason == null ? void 0 : reason.name) != null ? _a : "UnhandledRejection",
+          exception_message: (_b = reason == null ? void 0 : reason.message) != null ? _b : String(reason),
+          exception_filename: null,
+          exception_lineno: null,
+          exception_colno: null,
+          stack_trace: (_c = reason == null ? void 0 : reason.stack) != null ? _c : null
+        });
+      });
     });
     const endSession = () => {
       if (!sessionId || sessionEnded) return;

package/dist/client.d.ts

@@ -5,6 +5,15 @@ interface AnalyticsProps {
 }
 declare function Analytics({ apiKey, apiUrl, wsUrl }: AnalyticsProps): null;
 
+interface ExceptionFields {
+    exception_type: string;
+    exception_message: string;
+    exception_filename: string | null;
+    exception_lineno: number | null;
+    exception_colno: number | null;
+    stack_trace: string | null;
+}
+
 declare function useAnalytics(apiUrl: string, apiKey: string, options?: {
     wsUrl?: string;
 }): {
@@ -12,6 +21,7 @@ declare function useAnalytics(apiUrl: string, apiKey: string, options?: {
     trackClick: (e: MouseEvent, element: HTMLElement) => void;
     trackScroll: (depth: number) => void;
     trackCopy: () => void;
+    trackException: (fields: ExceptionFields) => void;
     trackError: (error: Error) => void;
     trackCTA: (ctaId: string, ctaVariant?: string) => void;
     trackSearch: (query: string) => void;

package/dist/client.js

@@ -109,11 +109,20 @@ async function trackSearch(apiUrl, apiKey, sessionId, path, query) {
     search_query: query
   });
 }
-async function trackError(apiUrl, apiKey, sessionId, path, error) {
+async function trackException(apiUrl, apiKey, sessionId, path, fields) {
   await sendEvent(apiUrl, apiKey, {
-    ...BASE_FIELDS(sessionId, "error", path),
-    error_message: error.message,
-    stack_trace: error.stack || null
+    ...BASE_FIELDS(sessionId, "js_exception", path),
+    ...fields
+  });
+}
+async function trackError(apiUrl, apiKey, sessionId, path, error) {
+  await trackException(apiUrl, apiKey, sessionId, path, {
+    exception_type: error.name ?? "Error",
+    exception_message: error.message,
+    exception_filename: null,
+    exception_lineno: null,
+    exception_colno: null,
+    stack_trace: error.stack ?? null
   });
 }
 async function trackCTA(apiUrl, apiKey, sessionId, path, ctaId, ctaVariant) {
@@ -180,6 +189,7 @@ function connectPresence(apiKey, sessionId, wsUrl = DEFAULT_WS_URL) {
 
 // src/hooks/useAnalytics.ts
 var SESSION_EXPIRY_MINUTES = 30;
+var _sessionFlight = null;
 async function getOrCreateSession(apiUrl, apiKey, visitorId) {
   const storedSessionId = localStorage.getItem("af_session_id");
   const lastActivity = localStorage.getItem("af_session_last_activity");
@@ -191,10 +201,17 @@ async function getOrCreateSession(apiUrl, apiKey, visitorId) {
       return storedSessionId;
     }
   }
-  const newSessionId = await createSession(apiUrl, apiKey, visitorId);
-  localStorage.setItem("af_session_id", newSessionId);
-  localStorage.setItem("af_session_last_activity", String(now));
-  return newSessionId;
+  if (_sessionFlight) return _sessionFlight;
+  _sessionFlight = createSession(apiUrl, apiKey, visitorId).then((id) => {
+    localStorage.setItem("af_session_id", id);
+    localStorage.setItem("af_session_last_activity", String(Date.now()));
+    _sessionFlight = null;
+    return id;
+  }).catch((err) => {
+    _sessionFlight = null;
+    throw err;
+  });
+  return _sessionFlight;
 }
 function useAnalytics(apiUrl, apiKey, options) {
   const sessionId = useRef(null);
@@ -261,6 +278,9 @@ function useAnalytics(apiUrl, apiKey, options) {
     trackCopy: () => {
       enqueueOrRun(() => trackCopy(apiUrl, apiKey, sessionId.current, pathname.current));
     },
+    trackException: (fields) => {
+      enqueueOrRun(() => trackException(apiUrl, apiKey, sessionId.current, pathname.current, fields));
+    },
     trackError: (error) => {
       enqueueOrRun(() => trackError(apiUrl, apiKey, sessionId.current, pathname.current, error));
     },
@@ -275,7 +295,7 @@ function useAnalytics(apiUrl, apiKey, options) {
 
 // src/components/Analytics.tsx
 function Analytics({ apiKey, apiUrl, wsUrl }) {
-  const { trackPageview: trackPageview2, trackClick: trackClick2, trackScroll: trackScroll2, trackCopy: trackCopy2, trackError: trackError2 } = useAnalytics(apiUrl, apiKey, { wsUrl });
+  const { trackPageview: trackPageview2, trackClick: trackClick2, trackScroll: trackScroll2, trackCopy: trackCopy2, trackException: trackException2 } = useAnalytics(apiUrl, apiKey, { wsUrl });
   const lastTracked = useRef2(null);
   const lastScrollDepth = useRef2(0);
   const pathname = typeof window !== "undefined" ? window.location.pathname : "";
@@ -316,10 +336,33 @@ function Analytics({ apiKey, apiUrl, wsUrl }) {
   }, [trackCopy2]);
   useEffect2(() => {
     if (typeof window === "undefined") return;
-    const handler = (e) => trackError2(new Error(e.message));
+    const handler = (e) => trackException2({
+      exception_type: e.error?.name ?? "Error",
+      exception_message: e.message,
+      exception_filename: e.filename ?? null,
+      exception_lineno: e.lineno ?? null,
+      exception_colno: e.colno ?? null,
+      stack_trace: e.error?.stack ?? null
+    });
     window.addEventListener("error", handler);
     return () => window.removeEventListener("error", handler);
-  }, [trackError2]);
+  }, [trackException2]);
+  useEffect2(() => {
+    if (typeof window === "undefined") return;
+    const handler = (e) => {
+      const reason = e.reason;
+      trackException2({
+        exception_type: reason?.name ?? "UnhandledRejection",
+        exception_message: reason?.message ?? String(reason),
+        exception_filename: null,
+        exception_lineno: null,
+        exception_colno: null,
+        stack_trace: reason?.stack ?? null
+      });
+    };
+    window.addEventListener("unhandledrejection", handler);
+    return () => window.removeEventListener("unhandledrejection", handler);
+  }, [trackException2]);
   return null;
 }
 export {

package/dist/index.d.ts

@@ -4,6 +4,15 @@ declare function trackClick(apiUrl: string, apiKey: string, sessionId: string, p
 declare function trackScroll(apiUrl: string, apiKey: string, sessionId: string, path: string, depth: number): Promise<void>;
 declare function trackCopy(apiUrl: string, apiKey: string, sessionId: string, path: string): Promise<void>;
 declare function trackSearch(apiUrl: string, apiKey: string, sessionId: string, path: string, query: string): Promise<void>;
+interface ExceptionFields {
+    exception_type: string;
+    exception_message: string;
+    exception_filename: string | null;
+    exception_lineno: number | null;
+    exception_colno: number | null;
+    stack_trace: string | null;
+}
+declare function trackException(apiUrl: string, apiKey: string, sessionId: string, path: string, fields: ExceptionFields): Promise<void>;
 declare function trackError(apiUrl: string, apiKey: string, sessionId: string, path: string, error: Error): Promise<void>;
 declare function trackCTA(apiUrl: string, apiKey: string, sessionId: string, path: string, ctaId: string, ctaVariant?: string): Promise<void>;
 
@@ -13,4 +22,4 @@ interface PresenceConnection {
 }
 declare function connectPresence(apiKey: string, sessionId: string, wsUrl?: string): PresenceConnection;
 
-export { DEFAULT_WS_URL, type PresenceConnection, connectPresence, createSession, trackCTA, trackClick, trackCopy, trackError, trackPageview, trackScroll, trackSearch };
+export { DEFAULT_WS_URL, type ExceptionFields, type PresenceConnection, connectPresence, createSession, trackCTA, trackClick, trackCopy, trackError, trackException, trackPageview, trackScroll, trackSearch };

package/dist/index.js

@@ -100,11 +100,20 @@ async function trackSearch(apiUrl, apiKey, sessionId, path, query) {
     search_query: query
   });
 }
-async function trackError(apiUrl, apiKey, sessionId, path, error) {
+async function trackException(apiUrl, apiKey, sessionId, path, fields) {
   await sendEvent(apiUrl, apiKey, {
-    ...BASE_FIELDS(sessionId, "error", path),
-    error_message: error.message,
-    stack_trace: error.stack || null
+    ...BASE_FIELDS(sessionId, "js_exception", path),
+    ...fields
+  });
+}
+async function trackError(apiUrl, apiKey, sessionId, path, error) {
+  await trackException(apiUrl, apiKey, sessionId, path, {
+    exception_type: error.name ?? "Error",
+    exception_message: error.message,
+    exception_filename: null,
+    exception_lineno: null,
+    exception_colno: null,
+    stack_trace: error.stack ?? null
   });
 }
 async function trackCTA(apiUrl, apiKey, sessionId, path, ctaId, ctaVariant) {
@@ -176,6 +185,7 @@ export {
   trackClick,
   trackCopy,
   trackError,
+  trackException,
   trackPageview,
   trackScroll,
   trackSearch

package/package.json

@@ -1,5 +1,5 @@
   {  "name": "@arthurreira/analytics",
-    "version": "0.12.0",
+    "version": "0.14.0",
     "type": "module",
     "scripts": {
       "build": "tsup",