@journium/react 1.1.0 → 1.1.2

package/dist/context.d.ts

@@ -1,8 +1,9 @@
 import React, { ReactNode } from 'react';
-import { JourniumAnalytics } from '@journium/js';
+import { init } from '@journium/js';
 import { JourniumConfig, JourniumLocalOptions } from '@journium/core';
+type JourniumAnalyticsInstance = ReturnType<typeof init>;
 interface JourniumContextValue {
-    analytics: JourniumAnalytics | null;
+    analytics: JourniumAnalyticsInstance | null;
     config: JourniumConfig | null;
     effectiveOptions: JourniumLocalOptions | null;
 }

package/dist/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkD,SAAS,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,UAAU,oBAAoB;IAC5B,SAAS,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,gBAAgB,EAAE,oBAAoB,GAAG,IAAI,CAAC;CAC/C;AAID,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAuC5D,CAAC;AAEF,eAAO,MAAM,WAAW,QAAO,oBAM9B,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkD,SAAS,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,KAAK,yBAAyB,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AAEzD,UAAU,oBAAoB;IAC5B,SAAS,EAAE,yBAAyB,GAAG,IAAI,CAAC;IAC5C,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,gBAAgB,EAAE,oBAAoB,GAAG,IAAI,CAAC;CAC/C;AAID,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAuC5D,CAAC;AAEF,eAAO,MAAM,WAAW,QAAO,oBAM9B,CAAC"}

package/dist/index.cjs

@@ -450,9 +450,9 @@ const fetchRemoteOptions = async (apiHost, publishableKey, fetchFn) => {
                 'Content-Type': 'application/json',
             },
         });
-        if (!response.ok) {
-            throw new Error(`Options fetch failed: ${response.status} ${response.statusText}`);
-        }
+        // if (!response.ok) {
+        //   throw new Error(`Options fetch failed: ${response.status} ${response.statusText}`);
+        // }
         const data = await response.json();
         return data;
     }
@@ -705,20 +705,19 @@ class JourniumClient {
         this.queue = [];
         this.stagedEvents = [];
         this.flushTimer = null;
+        this.remoteOptionsRefreshTimer = null;
+        this.isRefreshing = false;
+        this.lastRemoteOptions = null;
         this.initializationComplete = false;
         this.initializationFailed = false;
-        this.disabled = false;
         this.optionsChangeCallbacks = new Set();
-        // Validate required configuration - put in disabled state if invalid
+        // Validate required configuration
         if (!config.publishableKey || config.publishableKey.trim() === '') {
-            this.disabled = true;
+            // Reject initialization with clear error
+            const errorMsg = 'Journium: publishableKey is required but not provided or is empty. SDK cannot be initialized.';
             Logger.setDebug(true);
-            Logger.error('Journium: publishableKey is required but not provided or is empty. SDK will not function.');
-            // Create minimal config to prevent crashes
-            this.config = { publishableKey: '', apiHost: 'https://events.journium.app' };
-            this.effectiveOptions = { debug: true };
-            this.optionsStorageKey = 'jrnm_invalid_options';
-            return;
+            Logger.error(errorMsg);
+            throw new Error(errorMsg);
         }
         // Set default apiHost if not provided
         this.config = {
@@ -762,62 +761,24 @@ class JourniumClient {
         }
     }
     async initializeAsync() {
-        var _a;
         try {
             Logger.log('Journium: Starting initialization - fetching fresh remote config...');
-            // Step 1: Try to fetch fresh remote config with timeout and retry
             const remoteOptions = await this.fetchRemoteOptionsWithRetry();
-            if (remoteOptions) {
-                // Step 2: Cache the fresh remote config
-                this.saveCachedOptions(remoteOptions);
-                // Step 3: Merge local options over remote config (local overrides remote)
-                if (this.config.options) {
-                    this.effectiveOptions = mergeOptions(this.config.options, remoteOptions);
-                    Logger.log('Journium: Using fresh remote config merged with local options:', this.effectiveOptions);
-                }
-                else {
-                    this.effectiveOptions = remoteOptions;
-                    Logger.log('Journium: Using fresh remote config:', this.effectiveOptions);
-                }
-            }
-            else {
-                // Step 4: Fallback to cached config if fresh fetch failed
-                const cachedRemoteOptions = this.loadCachedOptions();
-                if (cachedRemoteOptions) {
-                    if (this.config.options) {
-                        this.effectiveOptions = mergeOptions(this.config.options, cachedRemoteOptions);
-                        Logger.log('Journium: Fresh config failed, using cached remote config merged with local options:', this.effectiveOptions);
-                    }
-                    else {
-                        this.effectiveOptions = cachedRemoteOptions;
-                        Logger.log('Journium: Fresh config failed, using cached remote config:', this.effectiveOptions);
-                    }
-                }
-                else {
-                    // Step 5: No remote config and no cached config - initialization fails
-                    Logger.error('Journium: Initialization failed - no remote config available and no cached config found');
-                    this.initializationFailed = true;
-                    this.initializationComplete = false;
-                    return;
-                }
-            }
-            // Step 6: Update identity manager session timeout if provided
-            if (this.effectiveOptions.sessionTimeout) {
-                this.identityManager.updateSessionTimeout(this.effectiveOptions.sessionTimeout);
+            if (!remoteOptions) {
+                Logger.error('Journium: Initialization failed - no remote config available');
+                this.initializationFailed = true;
+                return;
             }
-            // Step 7: Update Logger debug setting
-            Logger.setDebug((_a = this.effectiveOptions.debug) !== null && _a !== void 0 ? _a : false);
-            // Step 8: Mark initialization as complete
+            this.applyRemoteOptions(remoteOptions);
+            Logger.log('Journium: Effective options after init:', this.effectiveOptions);
             this.initializationComplete = true;
             this.initializationFailed = false;
-            // Step 9: Process any staged events
             this.processStagedEvents();
-            // Step 10: Start flush timer
             if (this.effectiveOptions.flushInterval && this.effectiveOptions.flushInterval > 0) {
                 this.startFlushTimer();
             }
-            Logger.log('Journium: Initialization complete with options:', this.effectiveOptions);
-            // Step 11: Notify callbacks about options
+            this.startRemoteOptionsRefreshTimer();
+            Logger.log('Journium: Initialization complete');
             this.notifyOptionsChange();
         }
         catch (error) {
@@ -839,11 +800,15 @@ class JourniumClient {
                 // Race fetch against timeout
                 const fetchPromise = fetchRemoteOptions(this.config.apiHost, this.config.publishableKey);
                 const remoteOptionsResponse = await Promise.race([fetchPromise, timeoutPromise]);
-                if (remoteOptionsResponse && remoteOptionsResponse.success) {
+                if (remoteOptionsResponse && remoteOptionsResponse.status === 'success') {
                     Logger.log('Journium: Successfully fetched fresh remote config:', remoteOptionsResponse.config);
-                    return remoteOptionsResponse.config;
+                    return remoteOptionsResponse.config || null;
                 }
-                else {
+                else if (remoteOptionsResponse && remoteOptionsResponse.status === 'error' && remoteOptionsResponse.errorCode === 'J_ERR_TENANT_NOT_FOUND') {
+                    Logger.error('Journium: Invalid publishableKey is being used.');
+                    return null;
+                }
+                {
                     throw new Error('Remote config fetch unsuccessful');
                 }
             }
@@ -884,35 +849,21 @@ class JourniumClient {
     processStagedEvents() {
         if (this.stagedEvents.length === 0)
             return;
+        if (this.ingestionPaused) {
+            Logger.warn(`Journium: Ingestion is paused — discarding ${this.stagedEvents.length} staged events`);
+            this.stagedEvents = [];
+            return;
+        }
         Logger.log(`Journium: Processing ${this.stagedEvents.length} staged events`);
-        // Move staged events to main queue, adding identity properties now
-        const identity = this.identityManager.getIdentity();
-        const userAgentInfo = this.identityManager.getUserAgentInfo();
         for (const stagedEvent of this.stagedEvents) {
-            // Add identity properties that weren't available during staging
-            const eventWithIdentity = {
+            this.queue.push({
                 ...stagedEvent,
-                properties: {
-                    $device_id: identity === null || identity === void 0 ? void 0 : identity.$device_id,
-                    distinct_id: identity === null || identity === void 0 ? void 0 : identity.distinct_id,
-                    $session_id: identity === null || identity === void 0 ? void 0 : identity.$session_id,
-                    $is_identified: (identity === null || identity === void 0 ? void 0 : identity.$user_state) === 'identified',
-                    $current_url: typeof window !== 'undefined' ? window.location.href : '',
-                    $pathname: typeof window !== 'undefined' ? window.location.pathname : '',
-                    ...userAgentInfo,
-                    $lib_version: '0.1.0', // TODO: Get from package.json
-                    $platform: 'web',
-                    ...stagedEvent.properties, // Original properties override system properties
-                },
-            };
-            this.queue.push(eventWithIdentity);
+                properties: this.buildIdentityProperties(stagedEvent.properties),
+            });
         }
-        // Clear staged events
         this.stagedEvents = [];
         Logger.log('Journium: Staged events processed and moved to main queue');
-        // Check if we should flush immediately
         if (this.queue.length >= this.effectiveOptions.flushAt) {
-            // console.log('1 Journium: Flushing events...'+JSON.stringify(this.effectiveOptions));
             this.flush();
         }
     }
@@ -920,12 +871,88 @@ class JourniumClient {
         if (this.flushTimer) {
             clearInterval(this.flushTimer);
         }
-        // Use universal setInterval (works in both browser and Node.js)
         this.flushTimer = setInterval(() => {
-            // console.log('2 Journium: Flushing events...'+JSON.stringify(this.effectiveOptions));
             this.flush();
         }, this.effectiveOptions.flushInterval);
     }
+    startRemoteOptionsRefreshTimer() {
+        // Clear any existing timer to prevent duplicate intervals
+        if (this.remoteOptionsRefreshTimer) {
+            clearInterval(this.remoteOptionsRefreshTimer);
+            this.remoteOptionsRefreshTimer = null;
+        }
+        this.remoteOptionsRefreshTimer = setInterval(() => {
+            this.refreshRemoteOptions();
+        }, JourniumClient.REMOTE_OPTIONS_REFRESH_INTERVAL);
+        Logger.log(`Journium: Scheduling remote options refresh every ${JourniumClient.REMOTE_OPTIONS_REFRESH_INTERVAL}ms`);
+    }
+    async refreshRemoteOptions() {
+        if (this.isRefreshing) {
+            Logger.log('Journium: Remote options refresh already in progress, skipping');
+            return;
+        }
+        this.isRefreshing = true;
+        Logger.log('Journium: Periodic remote options refresh triggered');
+        try {
+            const remoteOptions = await this.fetchRemoteOptionsWithRetry();
+            if (!remoteOptions) {
+                Logger.warn('Journium: Periodic remote options refresh failed, keeping current options');
+                return;
+            }
+            const prevRemoteSnapshot = JSON.stringify(this.lastRemoteOptions);
+            const prevFlushInterval = this.effectiveOptions.flushInterval;
+            this.applyRemoteOptions(remoteOptions);
+            if (prevRemoteSnapshot === JSON.stringify(this.lastRemoteOptions)) {
+                Logger.log('Journium: Remote options unchanged after refresh, no update needed');
+                return;
+            }
+            Logger.log('Journium: Remote options updated after refresh:', this.effectiveOptions);
+            if (this.effectiveOptions.flushInterval !== prevFlushInterval) {
+                if (this.effectiveOptions.flushInterval && this.effectiveOptions.flushInterval > 0) {
+                    this.startFlushTimer();
+                }
+                else if (this.flushTimer) {
+                    clearInterval(this.flushTimer);
+                    this.flushTimer = null;
+                }
+            }
+            this.notifyOptionsChange();
+        }
+        catch (error) {
+            Logger.error('Journium: Periodic remote options refresh encountered an error:', error);
+        }
+        finally {
+            this.isRefreshing = false;
+        }
+    }
+    applyRemoteOptions(remoteOptions) {
+        var _a;
+        this.lastRemoteOptions = remoteOptions;
+        this.effectiveOptions = this.config.options
+            ? mergeOptions(this.config.options, remoteOptions)
+            : remoteOptions;
+        this.saveCachedOptions(remoteOptions);
+        if (this.effectiveOptions.sessionTimeout) {
+            this.identityManager.updateSessionTimeout(this.effectiveOptions.sessionTimeout);
+        }
+        Logger.setDebug((_a = this.effectiveOptions.debug) !== null && _a !== void 0 ? _a : false);
+    }
+    buildIdentityProperties(userProperties = {}) {
+        const identity = this.identityManager.getIdentity();
+        const userAgentInfo = this.identityManager.getUserAgentInfo();
+        return {
+            $device_id: identity === null || identity === void 0 ? void 0 : identity.$device_id,
+            distinct_id: identity === null || identity === void 0 ? void 0 : identity.distinct_id,
+            $session_id: identity === null || identity === void 0 ? void 0 : identity.$session_id,
+            $is_identified: (identity === null || identity === void 0 ? void 0 : identity.$user_state) === 'identified',
+            $current_url: typeof window !== 'undefined' ? window.location.href : '',
+            $pathname: typeof window !== 'undefined' ? window.location.pathname : '',
+            ...userAgentInfo,
+            $lib_version: '0.1.0', // TODO: Get from package.json
+            $platform: 'web',
+            ...userProperties,
+        };
+    }
     async sendEvents(events) {
         if (!events.length)
             return;
@@ -951,11 +978,6 @@ class JourniumClient {
         }
     }
     identify(distinctId, attributes = {}) {
-        // Don't identify if SDK is not properly configured or disabled
-        if (this.disabled || !this.config || !this.config.publishableKey) {
-            Logger.warn('Journium: identify() call rejected - SDK not ready or disabled');
-            return;
-        }
         // Don't identify if initialization failed
         if (this.initializationFailed) {
             Logger.warn('Journium: identify() call rejected - initialization failed');
@@ -972,11 +994,6 @@ class JourniumClient {
         Logger.log('Journium: User identified', { distinctId, attributes, previousDistinctId });
     }
     reset() {
-        // Don't reset if SDK is not properly configured or disabled
-        if (this.disabled || !this.config || !this.config.publishableKey) {
-            Logger.warn('Journium: reset() call rejected - SDK not ready or disabled');
-            return;
-        }
         // Don't reset if initialization failed
         if (this.initializationFailed) {
             Logger.warn('Journium: reset() call rejected - initialization failed');
@@ -987,11 +1004,6 @@ class JourniumClient {
         Logger.log('Journium: User identity reset');
     }
     track(event, properties = {}) {
-        // Don't track if SDK is not properly configured or disabled
-        if (this.disabled || !this.config || !this.config.publishableKey) {
-            Logger.warn('Journium: track() call rejected - SDK not ready or disabled');
-            return;
-        }
         // Create minimal event without identity properties (will be added later if staging)
         const journiumEvent = {
             uuid: generateUuidv7(),
@@ -1000,9 +1012,7 @@ class JourniumClient {
             event,
             properties: { ...properties }, // Only user properties for now
         };
-        // Stage events during initialization, add to queue after initialization
         if (!this.initializationComplete) {
-            // If initialization failed, reject events
             if (this.initializationFailed) {
                 Logger.warn('Journium: track() call rejected - initialization failed');
                 return;
@@ -1011,42 +1021,21 @@ class JourniumClient {
             Logger.log('Journium: Event staged during initialization', journiumEvent);
             return;
         }
-        // If initialization failed, reject events
-        if (this.initializationFailed) {
-            Logger.warn('Journium: track() call rejected - initialization failed');
+        if (this.ingestionPaused) {
+            Logger.warn('Journium: Ingestion is paused — event dropped:', journiumEvent.event);
             return;
         }
-        // Add identity properties for immediate events (after initialization)
-        const identity = this.identityManager.getIdentity();
-        const userAgentInfo = this.identityManager.getUserAgentInfo();
         const eventWithIdentity = {
             ...journiumEvent,
-            properties: {
-                $device_id: identity === null || identity === void 0 ? void 0 : identity.$device_id,
-                distinct_id: identity === null || identity === void 0 ? void 0 : identity.distinct_id,
-                $session_id: identity === null || identity === void 0 ? void 0 : identity.$session_id,
-                $is_identified: (identity === null || identity === void 0 ? void 0 : identity.$user_state) === 'identified',
-                $current_url: typeof window !== 'undefined' ? window.location.href : '',
-                $pathname: typeof window !== 'undefined' ? window.location.pathname : '',
-                ...userAgentInfo,
-                $lib_version: '0.1.0', // TODO: Get from package.json
-                $platform: 'web',
-                ...properties, // User-provided properties override system properties
-            },
+            properties: this.buildIdentityProperties(properties),
         };
         this.queue.push(eventWithIdentity);
         Logger.log('Journium: Event tracked', eventWithIdentity);
-        // Only flush if we have effective options (after initialization)
         if (this.effectiveOptions.flushAt && this.queue.length >= this.effectiveOptions.flushAt) {
-            // console.log('3 Journium: Flushing events...'+JSON.stringify(this.effectiveOptions));
             this.flush();
         }
     }
     async flush() {
-        // Don't flush if SDK is not properly configured
-        if (!this.config || !this.config.publishableKey) {
-            return;
-        }
         // Don't flush if initialization failed
         if (this.initializationFailed) {
             Logger.warn('Journium: flush() call rejected - initialization failed');
@@ -1069,12 +1058,20 @@ class JourniumClient {
             clearInterval(this.flushTimer);
             this.flushTimer = null;
         }
+        if (this.remoteOptionsRefreshTimer) {
+            clearInterval(this.remoteOptionsRefreshTimer);
+            this.remoteOptionsRefreshTimer = null;
+        }
         this.flush();
     }
     getEffectiveOptions() {
         return this.effectiveOptions;
     }
+    get ingestionPaused() {
+        return this.effectiveOptions['ingestionPaused'] === true;
+    }
 }
+JourniumClient.REMOTE_OPTIONS_REFRESH_INTERVAL = 15 * 60 * 1000; // 15 minutes
 
 class PageviewTracker {
     constructor(client) {
@@ -1101,10 +1098,13 @@ class PageviewTracker {
     }
     /**
      * Start automatic autocapture for pageviews
-     * @returns void
+     * @param captureInitialPageview - whether to fire a $pageview immediately on start (default: true).
+     *   Pass false when restarting after a remote options update to avoid a spurious pageview.
      */
-    startAutoPageviewTracking() {
-        this.capturePageview();
+    startAutoPageviewTracking(captureInitialPageview = true) {
+        if (captureInitialPageview) {
+            this.capturePageview();
+        }
         if (typeof window !== 'undefined') {
             // Store original methods for cleanup
             this.originalPushState = window.history.pushState;
@@ -1623,21 +1623,22 @@ class JourniumAnalytics {
      * Handle effective options change (e.g., when remote options are fetched)
      */
     handleOptionsChange(effectiveOptions) {
-        // Stop current autocapture if it was already started
+        // If autocapture was never started before, this is the initial options application
+        // (async init completed) — treat it like a page load and capture a pageview.
+        // If it was already started, this is a periodic remote options update — only
+        // re-register listeners without emitting a spurious pageview.
+        const isFirstStart = !this.autocaptureStarted;
         if (this.autocaptureStarted) {
             this.pageviewTracker.stopAutocapture();
             this.autocaptureTracker.stop();
             this.autocaptureStarted = false;
         }
-        // Evaluate if autocapture should be enabled with new options
         const autoTrackPageviews = effectiveOptions.autoTrackPageviews !== false;
         const autocaptureEnabled = effectiveOptions.autocapture !== false;
-        // Update autocapture tracker options
         const autocaptureOptions = this.resolveAutocaptureOptions(effectiveOptions.autocapture);
         this.autocaptureTracker.updateOptions(autocaptureOptions);
-        // Start autocapture based on new options (even if it wasn't started before)
         if (autoTrackPageviews) {
-            this.pageviewTracker.startAutoPageviewTracking();
+            this.pageviewTracker.startAutoPageviewTracking(isFirstStart);
         }
         if (autocaptureEnabled) {
             this.autocaptureTracker.start();
@@ -1674,7 +1675,7 @@ const JourniumProvider = ({ children, config, }) => {
     const [analytics, setAnalytics] = React.useState(null);
     const [effectiveOptions, setEffectiveOptions] = React.useState(null);
     React.useEffect(() => {
-        const analyticsInstance = new JourniumAnalytics(config);
+        const analyticsInstance = init(config);
         // Get initial effective options (may be empty during remote-first initialization)
         const initialEffective = analyticsInstance.getEffectiveOptions();
         setEffectiveOptions(initialEffective);
@@ -1760,7 +1761,6 @@ const useAutocapture = () => {
 
 exports.AutocaptureTracker = AutocaptureTracker;
 exports.BrowserIdentityManager = BrowserIdentityManager;
-exports.JourniumAnalytics = JourniumAnalytics;
 exports.JourniumClient = JourniumClient;
 exports.JourniumProvider = JourniumProvider;
 exports.Logger = Logger;