@arthurreira/analytics 0.2.1 → 0.3.0

package/dist/client.js

@@ -1,11 +1,18 @@
-import { useRef, useEffect } from 'react';
+"use client";
+"use client";
+
+// src/components/Analytics.tsx
+import { useEffect as useEffect2, useRef as useRef2 } from "react";
+
+// src/hooks/useAnalytics.ts
+import { useEffect, useRef } from "react";
 
 // src/lib/api.ts
 var BASE_FIELDS = (sessionId, eventType, path) => ({
   session_id: sessionId,
   event_type: eventType,
   path,
-  page_url: window.location.href
+  page_url: typeof window !== "undefined" ? window.location.href : ""
 });
 async function createSession(apiUrl, apiKey, visitorId) {
   const response = await fetch(`${apiUrl}/sessions`, {
@@ -32,9 +39,8 @@ async function sendEvent(apiUrl, apiKey, payload) {
 async function trackPageview(apiUrl, apiKey, sessionId, path) {
   await sendEvent(apiUrl, apiKey, {
     ...BASE_FIELDS(sessionId, "pageview", path),
-    page_url: `${window.location.origin}${path}`,
-    // build from path, not window.location.href
-    referrer: document.referrer || null,
+    page_url: `${typeof window !== "undefined" ? window.location.origin : ""}${path}`,
+    referrer: typeof document !== "undefined" ? document.referrer || null : null,
     scroll_depth: 0
   });
 }
@@ -57,7 +63,7 @@ async function trackScroll(apiUrl, apiKey, sessionId, path, depth) {
 async function trackCopy(apiUrl, apiKey, sessionId, path) {
   await sendEvent(apiUrl, apiKey, {
     ...BASE_FIELDS(sessionId, "copy", path),
-    copied_text: window.getSelection()?.toString().slice(0, 200) || null
+    copied_text: typeof window !== "undefined" ? window.getSelection()?.toString().slice(0, 200) || null : null
   });
 }
 async function trackSearch(apiUrl, apiKey, sessionId, path, query) {
@@ -130,15 +136,54 @@ function useAnalytics(apiUrl, apiKey) {
 
 // src/components/Analytics.tsx
 function Analytics({ apiKey, apiUrl }) {
-  const { trackPageview: trackPageview2 } = useAnalytics(apiUrl, apiKey);
-  const lastTracked = useRef(null);
+  const { trackPageview: trackPageview2, trackClick: trackClick2, trackScroll: trackScroll2, trackCopy: trackCopy2, trackError: trackError2 } = useAnalytics(apiUrl, apiKey);
+  const lastTracked = useRef2(null);
+  const lastScrollDepth = useRef2(0);
   const pathname = typeof window !== "undefined" ? window.location.pathname : "";
-  useEffect(() => {
+  useEffect2(() => {
     if (lastTracked.current === pathname) return;
     lastTracked.current = pathname;
     trackPageview2(pathname);
   }, [pathname, trackPageview2]);
+  useEffect2(() => {
+    if (typeof window === "undefined") return;
+    const handler = (e) => trackClick2(e, e.target);
+    window.addEventListener("click", handler);
+    return () => window.removeEventListener("click", handler);
+  }, [trackClick2]);
+  useEffect2(() => {
+    if (typeof window === "undefined") return;
+    const handler = () => {
+      const scrolled = window.scrollY;
+      const total = document.documentElement.scrollHeight - window.innerHeight;
+      if (total <= 0) return;
+      const depth = Math.round(scrolled / total * 100);
+      const milestones = [25, 50, 75, 100];
+      for (const m of milestones) {
+        if (depth >= m && lastScrollDepth.current < m) {
+          lastScrollDepth.current = m;
+          trackScroll2(m);
+        }
+      }
+    };
+    window.addEventListener("scroll", handler, { passive: true });
+    return () => window.removeEventListener("scroll", handler);
+  }, [trackScroll2]);
+  useEffect2(() => {
+    if (typeof window === "undefined") return;
+    const handler = () => trackCopy2();
+    window.addEventListener("copy", handler);
+    return () => window.removeEventListener("copy", handler);
+  }, [trackCopy2]);
+  useEffect2(() => {
+    if (typeof window === "undefined") return;
+    const handler = (e) => trackError2(new Error(e.message));
+    window.addEventListener("error", handler);
+    return () => window.removeEventListener("error", handler);
+  }, [trackError2]);
   return null;
 }
-
-export { Analytics, useAnalytics };
+export {
+  Analytics,
+  useAnalytics
+};

package/dist/index.js

@@ -3,7 +3,7 @@ var BASE_FIELDS = (sessionId, eventType, path) => ({
   session_id: sessionId,
   event_type: eventType,
   path,
-  page_url: window.location.href
+  page_url: typeof window !== "undefined" ? window.location.href : ""
 });
 async function createSession(apiUrl, apiKey, visitorId) {
   const response = await fetch(`${apiUrl}/sessions`, {
@@ -30,9 +30,8 @@ async function sendEvent(apiUrl, apiKey, payload) {
 async function trackPageview(apiUrl, apiKey, sessionId, path) {
   await sendEvent(apiUrl, apiKey, {
     ...BASE_FIELDS(sessionId, "pageview", path),
-    page_url: `${window.location.origin}${path}`,
-    // build from path, not window.location.href
-    referrer: document.referrer || null,
+    page_url: `${typeof window !== "undefined" ? window.location.origin : ""}${path}`,
+    referrer: typeof document !== "undefined" ? document.referrer || null : null,
     scroll_depth: 0
   });
 }
@@ -55,7 +54,7 @@ async function trackScroll(apiUrl, apiKey, sessionId, path, depth) {
 async function trackCopy(apiUrl, apiKey, sessionId, path) {
   await sendEvent(apiUrl, apiKey, {
     ...BASE_FIELDS(sessionId, "copy", path),
-    copied_text: window.getSelection()?.toString().slice(0, 200) || null
+    copied_text: typeof window !== "undefined" ? window.getSelection()?.toString().slice(0, 200) || null : null
   });
 }
 async function trackSearch(apiUrl, apiKey, sessionId, path, query) {
@@ -78,5 +77,13 @@ async function trackCTA(apiUrl, apiKey, sessionId, path, ctaId, ctaVariant) {
     cta_variant: ctaVariant || null
   });
 }
-
-export { createSession, trackCTA, trackClick, trackCopy, trackError, trackPageview, trackScroll, trackSearch };
+export {
+  createSession,
+  trackCTA,
+  trackClick,
+  trackCopy,
+  trackError,
+  trackPageview,
+  trackScroll,
+  trackSearch
+};

package/package.json

@@ -1,29 +1,35 @@
-{
-  "name": "@arthurreira/analytics",
-  "version": "0.2.1",
-  "type": "module",
-  "exports": {
-    ".": "./dist/index.js",
-    "./client": "./dist/client.js"
-  },
-  "types": "./dist/index.d.ts",
-  "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"
-  },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup src/index.ts --format esm --dts --watch"
-  }
+  {  "name": "@arthurreira/analytics",
+    "version": "0.3.0",
+    "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"
+      },
+      "./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"
+    }
 }