@arthurreira/analytics 0.15.0 → 0.16.1

package/dist/af-analytics.umd.js

@@ -136,12 +136,20 @@ var AfAnalytics = (() => {
       utm_term: params.get("utm_term"),
       utm_content: params.get("utm_content")
     };
+    console.log(`[AF Analytics] Creating session at ${apiUrl}/sessions with API key: ${apiKey.slice(0, 10)}...`);
     const res = await fetch(`${apiUrl}/sessions`, {
       method: "POST",
       headers: { "X-API-Key": apiKey, "Content-Type": "application/json" },
       body: JSON.stringify(body)
     });
+    console.log(`[AF Analytics] Session creation response: ${res.status} ${res.statusText}`);
+    if (!res.ok) {
+      const errText = await res.text();
+      console.error(`[AF Analytics] Session creation failed: ${errText}`);
+      return "";
+    }
     const data = await res.json();
+    console.log(`[AF Analytics] Session created: ${data.id}`);
     return data.id;
   }
   async function getOrCreateSession(apiUrl, apiKey) {

package/dist/client.d.ts

@@ -1,9 +1,8 @@
 interface AnalyticsProps {
     apiKey: string;
     apiUrl: string;
-    wsUrl?: string;
 }
-declare function Analytics({ apiKey, apiUrl, wsUrl }: AnalyticsProps): null;
+declare function Analytics({ apiKey, apiUrl }: AnalyticsProps): null;
 
 interface ExceptionFields {
     exception_type: string;
@@ -11,9 +10,7 @@ interface ExceptionFields {
     stack_trace: string | null;
 }
 
-declare function useAnalytics(apiUrl: string, apiKey: string, options?: {
-    wsUrl?: string;
-}): {
+declare function useAnalytics(apiUrl: string, apiKey: string): {
     trackPageview: (path: string) => void;
     trackClick: (e: MouseEvent, element: HTMLElement) => void;
     trackScroll: (depth: number) => void;

package/dist/client.js

@@ -51,16 +51,29 @@ async function createSession(apiUrl, apiKey, visitorId) {
     sessionData.utm_term = params.get("utm_term");
     sessionData.utm_content = params.get("utm_content");
   }
-  const response = await fetch(`${apiUrl}/sessions`, {
-    method: "POST",
-    headers: {
-      "X-API-Key": apiKey,
-      "Content-Type": "application/json"
-    },
-    body: JSON.stringify(sessionData)
-  });
-  const data = await response.json();
-  return data.id;
+  console.log(`[AF Analytics SDK] Creating session at ${apiUrl}/sessions with API key: ${apiKey.slice(0, 10)}...`);
+  try {
+    const response = await fetch(`${apiUrl}/sessions`, {
+      method: "POST",
+      headers: {
+        "X-API-Key": apiKey,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(sessionData)
+    });
+    console.log(`[AF Analytics SDK] Session creation response: ${response.status} ${response.statusText}`);
+    if (!response.ok) {
+      const errText = await response.text();
+      console.error(`[AF Analytics SDK] Session creation failed: ${errText}`);
+      return null;
+    }
+    const data = await response.json();
+    console.log(`[AF Analytics SDK] Session created: ${data.id}`);
+    return data.id ?? null;
+  } catch (err) {
+    console.error(`[AF Analytics SDK] Session creation error: ${err}`);
+    return null;
+  }
 }
 async function sendEvent(apiUrl, apiKey, payload) {
   await fetch(`${apiUrl}/events`, {
@@ -130,60 +143,6 @@ async function trackCTA(apiUrl, apiKey, sessionId, path, ctaId, ctaVariant) {
   });
 }
 
-// src/lib/presence.ts
-var DEFAULT_WS_URL = "wss://edge.arthurreira.dev/realtime";
-function connectPresence(apiKey, sessionId, wsUrl = DEFAULT_WS_URL) {
-  if (typeof WebSocket === "undefined") {
-    return { disconnect: () => {
-    } };
-  }
-  let ws = null;
-  let attempts = 0;
-  let intentionalClose = false;
-  let retryTimer = null;
-  let targetUrl;
-  try {
-    const u = new URL(wsUrl);
-    u.searchParams.set("api_key", apiKey);
-    u.searchParams.set("session_id", sessionId);
-    targetUrl = u.toString();
-  } catch {
-    return { disconnect: () => {
-    } };
-  }
-  function connect() {
-    try {
-      ws = new WebSocket(targetUrl);
-    } catch {
-      return;
-    }
-    ws.onopen = () => {
-      attempts = 0;
-      ws.send(JSON.stringify({ type: "join", api_key: apiKey, session_id: sessionId }));
-    };
-    ws.onclose = () => {
-      if (intentionalClose || attempts >= 3) return;
-      const delay = Math.pow(2, attempts) * 1e3;
-      attempts++;
-      retryTimer = setTimeout(connect, delay);
-    };
-  }
-  connect();
-  return {
-    disconnect: () => {
-      intentionalClose = true;
-      if (retryTimer !== null) {
-        clearTimeout(retryTimer);
-        retryTimer = null;
-      }
-      if (ws) {
-        ws.close();
-        ws = null;
-      }
-    }
-  };
-}
-
 // src/hooks/useAnalytics.ts
 var SESSION_EXPIRY_MINUTES = 30;
 var _sessionFlight = null;
@@ -197,11 +156,15 @@ async function getOrCreateSession(apiUrl, apiKey, visitorId) {
       localStorage.setItem("af_session_last_activity", String(now));
       return storedSessionId;
     }
+    localStorage.removeItem("af_session_id");
+    localStorage.removeItem("af_session_last_activity");
   }
   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()));
+    if (id) {
+      localStorage.setItem("af_session_id", id);
+      localStorage.setItem("af_session_last_activity", String(Date.now()));
+    }
     _sessionFlight = null;
     return id;
   }).catch((err) => {
@@ -210,11 +173,10 @@ async function getOrCreateSession(apiUrl, apiKey, visitorId) {
   });
   return _sessionFlight;
 }
-function useAnalytics(apiUrl, apiKey, options) {
+function useAnalytics(apiUrl, apiKey) {
   const sessionId = useRef(null);
   const pendingEvents = useRef([]);
   const pathname = useRef(typeof window !== "undefined" ? window?.location?.pathname ?? "" : "");
-  const presence = useRef(null);
   const hasSentEnd = useRef(false);
   useEffect(() => {
     if (typeof window === "undefined") return;
@@ -222,9 +184,8 @@ function useAnalytics(apiUrl, apiKey, options) {
     localStorage.setItem("af_analytics_visitor_id", visitor_id);
     let cancelled = false;
     getOrCreateSession(apiUrl, apiKey, visitor_id).then((id) => {
-      if (cancelled) return;
+      if (cancelled || !id) return;
       sessionId.current = id;
-      presence.current = connectPresence(apiKey, id, options?.wsUrl);
       pendingEvents.current.forEach((fn) => fn());
       pendingEvents.current = [];
     });
@@ -237,8 +198,6 @@ function useAnalytics(apiUrl, apiKey, options) {
     const sendEnd = () => {
       if (!sessionId.current || hasSentEnd.current) return;
       hasSentEnd.current = true;
-      presence.current?.disconnect();
-      presence.current = null;
       navigator.sendBeacon(`${apiUrl}/sessions/${sessionId.current}/end`);
       localStorage.removeItem("af_session_id");
       localStorage.removeItem("af_session_last_activity");
@@ -291,8 +250,8 @@ function useAnalytics(apiUrl, apiKey, options) {
 }
 
 // src/components/Analytics.tsx
-function Analytics({ apiKey, apiUrl, wsUrl }) {
-  const { trackPageview: trackPageview2, trackClick: trackClick2, trackScroll: trackScroll2, trackCopy: trackCopy2, trackException: trackException2 } = useAnalytics(apiUrl, apiKey, { wsUrl });
+function Analytics({ apiKey, apiUrl }) {
+  const { trackPageview: trackPageview2, trackClick: trackClick2, trackScroll: trackScroll2, trackCopy: trackCopy2, trackException: trackException2 } = useAnalytics(apiUrl, apiKey);
   const lastTracked = useRef2(null);
   const lastScrollDepth = useRef2(0);
   const pathname = typeof window !== "undefined" ? window.location.pathname : "";

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-declare function createSession(apiUrl: string, apiKey: string, visitorId?: string): Promise<any>;
+declare function createSession(apiUrl: string, apiKey: string, visitorId?: string): Promise<string | null>;
 declare function trackPageview(apiUrl: string, apiKey: string, sessionId: string, path: string): Promise<void>;
 declare function trackClick(apiUrl: string, apiKey: string, sessionId: string, path: string, e: MouseEvent, element: HTMLElement): Promise<void>;
 declare function trackScroll(apiUrl: string, apiKey: string, sessionId: string, path: string, depth: number): Promise<void>;

package/dist/index.js

@@ -42,16 +42,29 @@ async function createSession(apiUrl, apiKey, visitorId) {
     sessionData.utm_term = params.get("utm_term");
     sessionData.utm_content = params.get("utm_content");
   }
-  const response = await fetch(`${apiUrl}/sessions`, {
-    method: "POST",
-    headers: {
-      "X-API-Key": apiKey,
-      "Content-Type": "application/json"
-    },
-    body: JSON.stringify(sessionData)
-  });
-  const data = await response.json();
-  return data.id;
+  console.log(`[AF Analytics SDK] Creating session at ${apiUrl}/sessions with API key: ${apiKey.slice(0, 10)}...`);
+  try {
+    const response = await fetch(`${apiUrl}/sessions`, {
+      method: "POST",
+      headers: {
+        "X-API-Key": apiKey,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(sessionData)
+    });
+    console.log(`[AF Analytics SDK] Session creation response: ${response.status} ${response.statusText}`);
+    if (!response.ok) {
+      const errText = await response.text();
+      console.error(`[AF Analytics SDK] Session creation failed: ${errText}`);
+      return null;
+    }
+    const data = await response.json();
+    console.log(`[AF Analytics SDK] Session created: ${data.id}`);
+    return data.id ?? null;
+  } catch (err) {
+    console.error(`[AF Analytics SDK] Session creation error: ${err}`);
+    return null;
+  }
 }
 async function sendEvent(apiUrl, apiKey, payload) {
   await fetch(`${apiUrl}/events`, {

package/package.json

@@ -1,35 +1,41 @@
-  {  "name": "@arthurreira/analytics",
-    "version": "0.15.0",
-    "type": "module",
-    "scripts": {
-      "build": "tsup",
-      "prepare": "tsup",
-      "dev": "tsup src/index.ts --format esm --dts --watch"
+{
+  "name": "@arthurreira/analytics",
+  "version": "0.16.1",
+  "type": "module",
+  "scripts": {
+    "build": "tsup",
+    "prepare": "tsup",
+    "dev": "tsup src/index.ts --format esm --dts --watch"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     },
-    "exports": {
-      ".": {
-        "types": "./dist/index.d.ts",
-        "import": "./dist/index.js"
-      },
-      "./client": {
-        "types": "./dist/client.d.ts",
-        "import": "./dist/client.js"
-      }
-    },
-    "sideEffects": false,
-    "files": [
-      "dist"
-    ],
-    "description": "Analytics SDK for af-analytics (browser client + helpers)",
-    "license": "MIT",
-    "dependencies": {},
-    "devDependencies": {
-      "tsup": "^8.5.1",
-      "typescript": "^5.9.2",
-      "@types/react": "^19.0.0"
-    },
-    "peerDependencies": {
-      "next": "^14.0.0 || ^15.0.0 || ^16.0.0",
-      "react": "^18.0.0 || ^19.0.0"
+    "./client": {
+      "types": "./dist/client.d.ts",
+      "import": "./dist/client.js"
     }
+  },
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "description": "Analytics SDK for af-analytics (browser client + helpers)",
+  "license": "MIT",
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.0.0",
+    "jsdom": "^29.1.1",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.2",
+    "vitest": "^4.1.7"
+  },
+  "peerDependencies": {
+    "next": "^14.0.0 || ^15.0.0 || ^16.0.0",
+    "react": "^18.0.0 || ^19.0.0"
+  }
 }