@driveflux/web-analytics 1.3.3 → 1.4.1

package/dist/config.d.ts

@@ -3,6 +3,7 @@ type Config = {
         measurementId: string;
         apiSecret: string;
     };
+    consoleLogEvents: boolean;
 };
 export declare let config: Config;
 export declare const resetConfig: () => Config;

package/dist/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG;IACb,EAAE,EAAE;QACH,aAAa,EAAE,MAAM,CAAA;QACrB,SAAS,EAAE,MAAM,CAAA;KACjB,CAAA;CACD,CAAA;AASD,eAAO,IAAI,MAAM,EAAE,MAAqD,CAAA;AAExE,eAAO,MAAM,WAAW,cAGvB,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,GAAG,SAAS,MAAM,MAAM,OAC5C,GAAG,SACD,MAAM,CAAC,GAAG,CAAC,SAGlB,CAAA"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG;IACb,EAAE,EAAE;QACH,aAAa,EAAE,MAAM,CAAA;QACrB,SAAS,EAAE,MAAM,CAAA;KACjB,CAAA;IACD,gBAAgB,EAAE,OAAO,CAAA;CACzB,CAAA;AAYD,eAAO,IAAI,MAAM,EAAE,MAAqD,CAAA;AAExE,eAAO,MAAM,WAAW,cAGvB,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,GAAG,SAAS,MAAM,MAAM,OAC5C,GAAG,SACD,MAAM,CAAC,GAAG,CAAC,SAGlB,CAAA"}

package/dist/config.js

@@ -3,7 +3,8 @@ const getConfig = ()=>({
         ga: {
             measurementId: process.env.GA_MEASUREMENT_ID,
             apiSecret: process.env.GA_API_SECRET
-        }
+        },
+        consoleLogEvents: process.env.ANALYTICS_LOG_EVENTS === 'true' || process.env.APP_ENV !== 'production'
     });
 export let config = singleton('webAnalyticsConfig', getConfig());
 export const resetConfig = ()=>{

package/dist/track.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"track.d.ts","sourceRoot":"","sources":["../src/track.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,YAAY,CAAA;AAGhE,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;KACxB;CACD;AAED,KAAK,SAAS,GAAG,YAAY,CAAA;AAa7B,wBAAgB,cAAc,kBAW7B;AAED,eAAO,MAAM,gBAAgB,UAAiB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,kBAOhE,CAAA;AAED,eAAO,MAAM,aAAa;uBAKZ,MAAM,cACL,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,cACnB,SAAS;6BA4B2B,YAAY;CAkC9D,CAAA;AAED,eAAO,MAAM,iBAAiB,cAClB,MAAM,cACL,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,SAmC/B,CAAA"}
+{"version":3,"file":"track.d.ts","sourceRoot":"","sources":["../src/track.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,YAAY,CAAA;AAGhE,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;KACxB;CACD;AAED,KAAK,SAAS,GAAG,YAAY,CAAA;AA+B7B,wBAAgB,cAAc,kBAW7B;AAUD,eAAO,MAAM,gBAAgB,UAAiB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,kBAOhE,CAAA;AAED,eAAO,MAAM,aAAa;uBAKZ,MAAM,cACL,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,cACnB,SAAS;6BA8B2B,YAAY;CAY9D,CAAA;AAED,eAAO,MAAM,iBAAiB,cAClB,MAAM,cACL,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,SA0B/B,CAAA"}

package/dist/track.js

@@ -1,6 +1,6 @@
-import { sendGTMEvent } from '@next/third-parties/google';
 import isEqual from 'lodash/isEqual.js';
 import { useCallback, useEffect, useRef } from 'react';
+import { config } from './config.js';
 import { convertUserData, extractGA4ClientId } from './utils.js';
 const eventsQueue = new Set();
 const TIMEOUT_TO_CLEAR_EVENTS = 500;
@@ -13,6 +13,21 @@ const drainEvents = ()=>{
         sendGTMEvent(event);
     }
 };
+const interval = setInterval(()=>{
+    if (typeof window === 'undefined') return;
+    if (window.fluxDataLayer) {
+        drainEvents();
+        clearInterval(interval);
+    }
+}, TIMEOUT_TO_CLEAR_EVENTS);
+const ud = typeof localStorage !== 'undefined' && localStorage.getItem('ud');
+let defaultUserData = undefined;
+if (ud) {
+    try {
+        const json = Buffer.from(ud, 'base64').toString('utf8');
+        defaultUserData = JSON.parse(json);
+    } catch (e) {}
+}
 export function getGA4ClientId() {
     if (typeof document === 'undefined') {
         return null;
@@ -25,6 +40,13 @@ export function getGA4ClientId() {
     return null // If no GA cookie is found or format is unexpected
     ;
 }
+const sendGTMEvent = (data)=>{
+    if (window.fluxDataLayer) {
+        window.fluxDataLayer.push(data);
+    } else {
+        console.warn('GTM dataLayer fluxDataLayer does not exist');
+    }
+};
 export const safeSendGTMEvent = async (event)=>{
     if (!window.fluxDataLayer) {
         eventsQueue.add(event);
@@ -33,9 +55,11 @@ export const safeSendGTMEvent = async (event)=>{
     sendGTMEvent(event);
 };
 export const useTrackEvent = ()=>{
-    const userData = useRef();
+    const userData = useRef(defaultUserData);
     const track = useCallback((eventName, eventData, clearMode)=>{
-        console.log('🚨🚨🚨 firing event', eventName, eventData);
+        if (config.consoleLogEvents) {
+            console.log('🚨🚨🚨 firing event', eventName, eventData);
+        }
         if (!eventName) {
             console.error('No event name provided');
             return;
@@ -58,25 +82,6 @@ export const useTrackEvent = ()=>{
         userData.current = await convertUserData(dataInput);
         localStorage.setItem('ud', Buffer.from(JSON.stringify(userData.current), 'utf8').toString('base64'));
     }, []);
-    useEffect(()=>{
-        const interval = setInterval(()=>{
-            if (window.fluxDataLayer) {
-                drainEvents();
-                clearInterval(interval);
-            }
-        }, TIMEOUT_TO_CLEAR_EVENTS);
-        return ()=>clearInterval(interval);
-    }, []);
-    useEffect(()=>{
-        const ud = localStorage.getItem('ud');
-        if (!ud) {
-            return;
-        }
-        try {
-            const json = Buffer.from(ud, 'base64').toString('utf8');
-            userData.current = JSON.parse(json);
-        } catch (e) {}
-    }, []);
     return {
         track,
         setUserData
@@ -85,21 +90,14 @@ export const useTrackEvent = ()=>{
 export const useAutoTrackEvent = (eventName, eventData)=>{
     const previousEventData = useRef();
     const firedFirstEvent = useRef(false);
-    useEffect(()=>{
-        const interval = setInterval(()=>{
-            if (window.fluxDataLayer) {
-                drainEvents();
-                clearInterval(interval);
-            }
-        }, TIMEOUT_TO_CLEAR_EVENTS);
-        return ()=>clearInterval(interval);
-    }, []);
     useEffect(()=>{
         if (isEqual(previousEventData.current, eventData) && firedFirstEvent.current) {
             return;
         }
         firedFirstEvent.current = true;
-        console.log('🚨🚨🚨 firing event', eventName, eventData);
+        if (config.consoleLogEvents) {
+            console.log('🚨🚨🚨 firing event', eventName, eventData);
+        }
         const event = {
             event: eventName,
             ...eventData

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@driveflux/web-analytics",
-  "version": "1.3.3",
+  "version": "1.4.1",
   "type": "module",
   "exports": {
     "./track": {
@@ -22,21 +22,20 @@
   "dependencies": {
     "@driveflux/fetch": "6.2.2",
     "@driveflux/singleton": "1.2.1",
-    "@next/third-parties": "^14.2.13",
     "lodash": "^4.17.21"
   },
   "devDependencies": {
     "@driveflux/fab": "2.2.1",
     "@driveflux/tsconfig": "1.2.1",
-    "@swc/cli": "0.4.1-nightly.20240914",
-    "@swc/core": "1.7.26",
+    "@swc/cli": "^0.4.0",
+    "@swc/core": "1.7.2",
     "@types/lodash": "^4.17.7",
-    "@types/node": "^22.5.5",
-    "@types/react": "^18.3.8",
+    "@types/node": "^20.14.12",
+    "@types/react": "^18.3.3",
     "del-cli": "^5.1.0",
     "react": "^18.3.1",
-    "type-fest": "^4.26.1",
-    "typescript": "^5.6.2"
+    "type-fest": "^4.23.0",
+    "typescript": "^5.5.4"
   },
   "peerDependencies": {
     "react": "^18.3.1"

package/dist/cjs/package.json

@@ -1,3 +0,0 @@
-{
-  "type": "commonjs"
-}