@arthurreira/analytics 0.2.2 → 0.4.0

package/dist/client.js

@@ -15,13 +15,31 @@ var BASE_FIELDS = (sessionId, eventType, path) => ({
   page_url: typeof window !== "undefined" ? window.location.href : ""
 });
 async function createSession(apiUrl, apiKey, visitorId) {
+  const sessionData = { visitor_id: visitorId };
+  if (typeof window !== "undefined") {
+    const nav = navigator;
+    sessionData.language = navigator.language || null;
+    sessionData.screen_width = screen.width || null;
+    sessionData.screen_height = screen.height || null;
+    sessionData.viewport_width = window.innerWidth || null;
+    sessionData.viewport_height = window.innerHeight || null;
+    sessionData.referrer = document.referrer || null;
+    sessionData.landing_page = window.location.pathname || null;
+    sessionData.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone || null;
+    const params = new URLSearchParams(window.location.search);
+    sessionData.utm_source = params.get("utm_source");
+    sessionData.utm_medium = params.get("utm_medium");
+    sessionData.utm_campaign = params.get("utm_campaign");
+    sessionData.utm_term = params.get("utm_term");
+    sessionData.utm_content = params.get("utm_content");
+  }
   const response = await fetch(`${apiUrl}/sessions`, {
     method: "POST",
     headers: {
       "Authorization": `Bearer ${apiKey}`,
       "Content-Type": "application/json"
     },
-    body: JSON.stringify({ visitor_id: visitorId })
+    body: JSON.stringify(sessionData)
   });
   const data = await response.json();
   return data.id;
@@ -136,14 +154,51 @@ function useAnalytics(apiUrl, apiKey) {
 
 // src/components/Analytics.tsx
 function Analytics({ apiKey, apiUrl }) {
-  const { trackPageview: trackPageview2 } = useAnalytics(apiUrl, apiKey);
+  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 : "";
   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 {

package/dist/index.js

@@ -6,13 +6,31 @@ var BASE_FIELDS = (sessionId, eventType, path) => ({
   page_url: typeof window !== "undefined" ? window.location.href : ""
 });
 async function createSession(apiUrl, apiKey, visitorId) {
+  const sessionData = { visitor_id: visitorId };
+  if (typeof window !== "undefined") {
+    const nav = navigator;
+    sessionData.language = navigator.language || null;
+    sessionData.screen_width = screen.width || null;
+    sessionData.screen_height = screen.height || null;
+    sessionData.viewport_width = window.innerWidth || null;
+    sessionData.viewport_height = window.innerHeight || null;
+    sessionData.referrer = document.referrer || null;
+    sessionData.landing_page = window.location.pathname || null;
+    sessionData.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone || null;
+    const params = new URLSearchParams(window.location.search);
+    sessionData.utm_source = params.get("utm_source");
+    sessionData.utm_medium = params.get("utm_medium");
+    sessionData.utm_campaign = params.get("utm_campaign");
+    sessionData.utm_term = params.get("utm_term");
+    sessionData.utm_content = params.get("utm_content");
+  }
   const response = await fetch(`${apiUrl}/sessions`, {
     method: "POST",
     headers: {
       "Authorization": `Bearer ${apiKey}`,
       "Content-Type": "application/json"
     },
-    body: JSON.stringify({ visitor_id: visitorId })
+    body: JSON.stringify(sessionData)
   });
   const data = await response.json();
   return data.id;

package/package.json

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