@arthurreira/analytics 0.2.2 → 0.3.0

package/dist/client.js

@@ -136,14 +136,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/package.json

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