@journium/react 0.1.0-alpha.1 → 0.1.0-alpha.3

package/dist/index.js

@@ -1,6 +1,4 @@
-'use strict';
-
-var React = require('react');
+import React, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 
 /**
  * uuidv7: A JavaScript implementation of UUID version 7
@@ -651,7 +649,8 @@ class JourniumClient {
         // Initialize identity manager
         this.identityManager = new BrowserIdentityManager(this.config.sessionTimeout, this.config.token);
         // Initialize synchronously with cached config, fetch fresh config in background
-        this.initialize();
+        this.initializeSync();
+        this.fetchRemoteConfigAsync();
     }
     loadCachedConfig() {
         if (typeof window === 'undefined' || !window.localStorage) {
@@ -681,7 +680,7 @@ class JourniumClient {
             }
         }
     }
-    async initialize() {
+    initializeSync() {
         var _a, _b, _c;
         // Step 1: Load cached config from localStorage (synchronous)
         const cachedConfig = this.loadCachedConfig();
@@ -724,11 +723,13 @@ class JourniumClient {
             this.startFlushTimer();
         }
         if (this.config.debug) {
-            console.log('Journium: Client initialized immediately with config:', this.config);
+            console.log('Journium: Client initialized and ready to track events');
         }
-        // Step 5: Fetch fresh config in background (don't await)
+    }
+    async fetchRemoteConfigAsync() {
+        // Fetch fresh config in background
         if (this.config.token) {
-            this.fetchAndCacheRemoteConfig();
+            await this.fetchAndCacheRemoteConfig();
         }
     }
     async fetchAndCacheRemoteConfig() {
@@ -769,7 +770,8 @@ class JourniumClient {
         if (this.flushTimer) {
             clearInterval(this.flushTimer);
         }
-        this.flushTimer = window.setInterval(() => {
+        // Use universal setInterval (works in both browser and Node.js)
+        this.flushTimer = setInterval(() => {
             this.flush();
         }, this.config.flushInterval);
     }
@@ -802,8 +804,12 @@ class JourniumClient {
         }
     }
     track(event, properties = {}) {
+        var _a;
         // Don't track if SDK is not properly configured
         if (!this.config || !this.config.token || !this.config.apiHost || !this.initialized) {
+            if ((_a = this.config) === null || _a === void 0 ? void 0 : _a.debug) {
+                console.warn('Journium: track() call rejected - SDK not ready');
+            }
             return;
         }
         const identity = this.identityManager.getIdentity();
@@ -1273,9 +1279,11 @@ class Journium {
         this.pageviewTracker = new PageviewTracker(this.client);
         const autocaptureConfig = this.resolveAutocaptureConfig(config.autocapture);
         this.autocaptureTracker = new AutocaptureTracker(this.client, autocaptureConfig);
+        // Store resolved autocapture state for startAutoCapture method
+        this.autocaptureEnabled = config.autocapture !== false;
     }
     resolveAutocaptureConfig(autocapture) {
-        if (autocapture === false || autocapture === undefined) {
+        if (autocapture === false) {
             return {
                 captureClicks: false,
                 captureFormSubmits: false,
@@ -1283,8 +1291,8 @@ class Journium {
                 captureTextSelection: false,
             };
         }
-        if (autocapture === true) {
-            return {}; // Use default configuration
+        if (autocapture === true || autocapture === undefined) {
+            return {}; // Use default configuration (enabled by default)
         }
         return autocapture;
     }
@@ -1296,7 +1304,7 @@ class Journium {
     }
     startAutoCapture() {
         this.pageviewTracker.startAutoCapture();
-        if (this.config.autocapture) {
+        if (this.autocaptureEnabled) {
             this.autocaptureTracker.start();
         }
     }
@@ -1326,29 +1334,26 @@ const init = (config) => {
     return new Journium(config);
 };
 
-const JourniumContext = React.createContext({ journium: null });
+const JourniumContext = createContext({ journium: null });
 const JourniumProvider = ({ children, config, autoCapture = true, }) => {
-    const journiumRef = React.useRef(null);
-    React.useEffect(() => {
-        if (!journiumRef.current) {
-            journiumRef.current = new Journium(config);
-            if (autoCapture) {
-                journiumRef.current.startAutoCapture();
-            }
+    const [journium, setJournium] = useState(null);
+    useEffect(() => {
+        const journiumInstance = new Journium(config);
+        if (autoCapture) {
+            journiumInstance.startAutoCapture();
         }
+        setJournium(journiumInstance);
         return () => {
-            if (journiumRef.current) {
-                journiumRef.current.destroy();
-                journiumRef.current = null;
-            }
+            journiumInstance.destroy();
+            setJournium(null);
         };
     }, [config, autoCapture]);
     // Note: All pageview tracking is handled by startAutoCapture() when autoCapture=true
     // When autoCapture=false, users should call capturePageview() manually as needed
-    return (React.createElement(JourniumContext.Provider, { value: { journium: journiumRef.current } }, children));
+    return (React.createElement(JourniumContext.Provider, { value: { journium } }, children));
 };
 const useJournium = () => {
-    const context = React.useContext(JourniumContext);
+    const context = useContext(JourniumContext);
     if (!context) {
         throw new Error('useJournium must be used within a JourniumProvider');
     }
@@ -1357,7 +1362,7 @@ const useJournium = () => {
 
 const useTrackEvent = () => {
     const { journium } = useJournium();
-    return React.useCallback((event, properties) => {
+    return useCallback((event, properties) => {
         if (journium) {
             journium.track(event, properties);
         }
@@ -1365,7 +1370,7 @@ const useTrackEvent = () => {
 };
 const useTrackPageview = () => {
     const { journium } = useJournium();
-    return React.useCallback((properties) => {
+    return useCallback((properties) => {
         if (journium) {
             journium.capturePageview(properties);
         }
@@ -1373,18 +1378,18 @@ const useTrackPageview = () => {
 };
 const useAutoTrackPageview = (dependencies = [], properties) => {
     const trackPageview = useTrackPageview();
-    React.useEffect(() => {
+    useEffect(() => {
         trackPageview(properties);
     }, dependencies);
 };
 const useAutocapture = () => {
     const { journium } = useJournium();
-    const startAutocapture = React.useCallback(() => {
+    const startAutocapture = useCallback(() => {
         if (journium) {
             journium.startAutocapture();
         }
     }, [journium]);
-    const stopAutocapture = React.useCallback(() => {
+    const stopAutocapture = useCallback(() => {
         if (journium) {
             journium.stopAutocapture();
         }
@@ -1393,7 +1398,7 @@ const useAutocapture = () => {
 };
 const useAutoTrackClicks = (enabled = true, config) => {
     const { journium } = useJournium();
-    React.useEffect(() => {
+    useEffect(() => {
         if (journium && enabled) {
             // Use startAutoCapture for consistency (includes both pageview + clicks)
             journium.startAutoCapture();
@@ -1405,27 +1410,5 @@ const useAutoTrackClicks = (enabled = true, config) => {
     }, [journium, enabled]);
 };
 
-exports.AutocaptureTracker = AutocaptureTracker;
-exports.BrowserIdentityManager = BrowserIdentityManager;
-exports.Journium = Journium;
-exports.JourniumClient = JourniumClient;
-exports.JourniumProvider = JourniumProvider;
-exports.PageviewTracker = PageviewTracker;
-exports.fetchRemoteConfig = fetchRemoteConfig;
-exports.generateId = generateId;
-exports.generateUuidv7 = generateUuidv7;
-exports.getCurrentTimestamp = getCurrentTimestamp;
-exports.getCurrentUrl = getCurrentUrl;
-exports.getPageTitle = getPageTitle;
-exports.getReferrer = getReferrer;
-exports.init = init;
-exports.isBrowser = isBrowser;
-exports.isNode = isNode;
-exports.mergeConfigs = mergeConfigs;
-exports.useAutoTrackClicks = useAutoTrackClicks;
-exports.useAutoTrackPageview = useAutoTrackPageview;
-exports.useAutocapture = useAutocapture;
-exports.useJournium = useJournium;
-exports.useTrackEvent = useTrackEvent;
-exports.useTrackPageview = useTrackPageview;
+export { AutocaptureTracker, BrowserIdentityManager, Journium, JourniumClient, JourniumProvider, PageviewTracker, fetchRemoteConfig, generateId, generateUuidv7, getCurrentTimestamp, getCurrentUrl, getPageTitle, getReferrer, init, isBrowser, isNode, mergeConfigs, useAutoTrackClicks, useAutoTrackPageview, useAutocapture, useJournium, useTrackEvent, useTrackPageview };
 //# sourceMappingURL=index.js.map