@journium/js 1.0.0 → 1.0.2

package/dist/index.umd.js

@@ -1,7 +1,7 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
     typeof define === 'function' && define.amd ? define(['exports'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Journium = {}));
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.JourniumAnalytics = {}));
 })(this, (function (exports) { 'use strict';
 
     /**
@@ -431,9 +431,9 @@
         var _a;
         return typeof process !== 'undefined' && !!((_a = process.versions) === null || _a === void 0 ? void 0 : _a.node);
     };
-    const fetchRemoteConfig = async (apiHost, token, fetchFn) => {
+    const fetchRemoteOptions = async (apiHost, publishableKey, fetchFn) => {
         const endpoint = '/v1/configs';
-        const url = `${apiHost}${endpoint}?ingestion_key=${encodeURIComponent(token)}`;
+        const url = `${apiHost}${endpoint}?ingestion_key=${encodeURIComponent(publishableKey)}`;
         try {
             let fetch = fetchFn;
             if (!fetch) {
@@ -453,36 +453,43 @@
                 },
             });
             if (!response.ok) {
-                throw new Error(`Config fetch failed: ${response.status} ${response.statusText}`);
+                throw new Error(`Options fetch failed: ${response.status} ${response.statusText}`);
             }
             const data = await response.json();
             return data;
         }
         catch (error) {
-            console.warn('Failed to fetch remote config:', error);
+            console.warn('Failed to fetch remote options:', error);
             return null;
         }
     };
-    const mergeConfigs = (localConfig, remoteConfig) => {
-        if (!remoteConfig) {
-            return localConfig;
+    const mergeOptions = (localOptions, remoteOptions) => {
+        if (!remoteOptions && !localOptions) {
+            return {};
         }
-        // Deep merge remote config into local config
-        // Remote config takes precedence over local config
-        const merged = { ...localConfig };
+        if (!remoteOptions) {
+            return localOptions;
+        }
+        if (!localOptions) {
+            return remoteOptions;
+        }
+        // Deep merge local options into remote options
+        // Local options takes precedence over remote options
+        const merged = { ...remoteOptions };
         // Handle primitive values
-        Object.keys(remoteConfig).forEach(key => {
-            if (remoteConfig[key] !== undefined && remoteConfig[key] !== null) {
-                if (typeof remoteConfig[key] === 'object' && !Array.isArray(remoteConfig[key])) {
-                    // Deep merge objects
+        Object.keys(localOptions).forEach(key => {
+            const localValue = localOptions[key];
+            if (localValue !== undefined && localValue !== null) {
+                if (typeof localValue === 'object' && !Array.isArray(localValue)) {
+                    // Deep merge objects - local options overrides remote
                     merged[key] = {
                         ...(merged[key] || {}),
-                        ...remoteConfig[key]
+                        ...localValue
                     };
                 }
                 else {
-                    // Override primitive values and arrays
-                    merged[key] = remoteConfig[key];
+                    // Override primitive values and arrays with local options
+                    merged[key] = localValue;
                 }
             }
         });
@@ -491,14 +498,14 @@
 
     const DEFAULT_SESSION_TIMEOUT = 30 * 60 * 1000; // 30 minutes in ms
     class BrowserIdentityManager {
-        constructor(sessionTimeout, token) {
+        constructor(sessionTimeout, publishableKey) {
             this.identity = null;
             this.sessionTimeout = DEFAULT_SESSION_TIMEOUT;
             if (sessionTimeout) {
                 this.sessionTimeout = sessionTimeout;
             }
-            // Generate storage key with token pattern: jrnm_<token>_journium
-            this.storageKey = token ? `jrnm_${token}_journium` : '__journium_identity';
+            // Generate storage key with publishableKey pattern: jrnm_<publishableKey>_journium
+            this.storageKey = publishableKey ? `jrnm_${publishableKey}_journium` : '__journium_identity';
             this.loadOrCreateIdentity();
         }
         loadOrCreateIdentity() {
@@ -670,132 +677,122 @@
             this.flushTimer = null;
             this.initialized = false;
             // Validate required configuration
-            if (!config.token) {
-                console.error('Journium: token is required but not provided. SDK will not function.');
+            if (!config.publishableKey) {
+                console.error('Journium: publishableKey is required but not provided. SDK will not function.');
                 return;
             }
-            if (!config.apiHost) {
-                console.error('Journium: apiHost is required but not provided. SDK will not function.');
-                return;
+            // Set default apiHost if not provided
+            this.config = {
+                ...config,
+                apiHost: config.apiHost || 'https://events.journium.app'
+            };
+            // Generate storage key for options caching
+            this.optionsStorageKey = `jrnm_${config.publishableKey}_options`;
+            // Generate default values
+            const defaultOptions = {
+                debug: false,
+                flushAt: 20,
+                flushInterval: 10000,
+                sessionTimeout: 30 * 60 * 1000, // 30 minutes
+            };
+            // Initialize effective options with local options taking precedence over defaults
+            this.effectiveOptions = { ...defaultOptions };
+            if (this.config.options) {
+                this.effectiveOptions = mergeOptions(defaultOptions, this.config.options);
             }
-            this.config = config;
-            // Generate storage key for config caching
-            this.configStorageKey = `jrnm_${config.token}_config`;
             // Initialize identity manager
-            this.identityManager = new BrowserIdentityManager(this.config.sessionTimeout, this.config.token);
+            this.identityManager = new BrowserIdentityManager(this.effectiveOptions.sessionTimeout, this.config.publishableKey);
             // Initialize synchronously with cached config, fetch fresh config in background
             this.initializeSync();
-            this.fetchRemoteConfigAsync();
+            this.fetchRemoteOptionsAsync();
         }
-        loadCachedConfig() {
+        loadCachedOptions() {
+            var _a;
             if (typeof window === 'undefined' || !window.localStorage) {
                 return null;
             }
             try {
-                const cached = window.localStorage.getItem(this.configStorageKey);
+                const cached = window.localStorage.getItem(this.optionsStorageKey);
                 return cached ? JSON.parse(cached) : null;
             }
             catch (error) {
-                if (this.config.debug) {
+                if ((_a = this.effectiveOptions) === null || _a === void 0 ? void 0 : _a.debug) {
                     console.warn('Journium: Failed to load cached config:', error);
                 }
                 return null;
             }
         }
-        saveCachedConfig(config) {
+        saveCachedOptions(options) {
+            var _a;
             if (typeof window === 'undefined' || !window.localStorage) {
                 return;
             }
             try {
-                window.localStorage.setItem(this.configStorageKey, JSON.stringify(config));
+                window.localStorage.setItem(this.optionsStorageKey, JSON.stringify(options));
             }
             catch (error) {
-                if (this.config.debug) {
+                if ((_a = this.effectiveOptions) === null || _a === void 0 ? void 0 : _a.debug) {
                     console.warn('Journium: Failed to save config to cache:', error);
                 }
             }
         }
         initializeSync() {
-            var _a, _b, _c;
-            // Step 1: Load cached config from localStorage (synchronous)
-            const cachedConfig = this.loadCachedConfig();
-            // Step 2: Apply cached config immediately, or use defaults
-            const localOnlyConfig = {
-                apiHost: this.config.apiHost,
-                token: this.config.token,
-            };
-            if (cachedConfig) {
-                // Use cached remote config
-                this.config = {
-                    ...localOnlyConfig,
-                    ...cachedConfig,
-                };
-                if (this.config.debug) {
-                    console.log('Journium: Using cached configuration:', cachedConfig);
+            // Step 1: Load cached remote options from localStorage (synchronous)
+            const cachedRemoteOptions = this.loadCachedOptions();
+            // Step 2: If no local options provided, use cached remote options
+            if (!this.config.options && cachedRemoteOptions) {
+                this.effectiveOptions = cachedRemoteOptions;
+                if (this.effectiveOptions.debug) {
+                    console.log('Journium: Using cached remote options:', cachedRemoteOptions);
                 }
             }
-            else {
-                // Use defaults for first-time initialization
-                this.config = {
-                    ...this.config,
-                    debug: (_a = this.config.debug) !== null && _a !== void 0 ? _a : false,
-                    flushAt: (_b = this.config.flushAt) !== null && _b !== void 0 ? _b : 20,
-                    flushInterval: (_c = this.config.flushInterval) !== null && _c !== void 0 ? _c : 10000,
-                };
-                if (this.config.debug) {
-                    console.log('Journium: No cached config found, using defaults');
-                }
-            }
-            // Update session timeout from config
-            if (this.config.sessionTimeout) {
-                this.identityManager.updateSessionTimeout(this.config.sessionTimeout);
-            }
             // Step 3: Mark as initialized immediately - no need to wait for remote fetch
             this.initialized = true;
             // Step 4: Start flush timer immediately
-            if (this.config.flushInterval && this.config.flushInterval > 0) {
+            if (this.effectiveOptions.flushInterval && this.effectiveOptions.flushInterval > 0) {
                 this.startFlushTimer();
             }
-            if (this.config.debug) {
-                console.log('Journium: Client initialized and ready to track events');
+            if (this.effectiveOptions.debug) {
+                console.log('Journium: Client initialized with effective options:', this.effectiveOptions);
             }
         }
-        async fetchRemoteConfigAsync() {
+        async fetchRemoteOptionsAsync() {
             // Fetch fresh config in background
-            if (this.config.token) {
-                await this.fetchAndCacheRemoteConfig();
+            if (this.config.publishableKey) {
+                await this.fetchAndCacheRemoteOptions();
             }
         }
-        async fetchAndCacheRemoteConfig() {
+        async fetchAndCacheRemoteOptions() {
             try {
-                if (this.config.debug) {
+                if (this.effectiveOptions.debug) {
                     console.log('Journium: Fetching remote configuration in background...');
                 }
-                const remoteConfigResponse = await fetchRemoteConfig(this.config.apiHost, this.config.token);
-                if (remoteConfigResponse && remoteConfigResponse.success) {
-                    // Save to cache for next session
-                    this.saveCachedConfig(remoteConfigResponse.config);
-                    // Apply fresh config to current session
-                    const localOnlyConfig = {
-                        apiHost: this.config.apiHost,
-                        token: this.config.token,
-                    };
-                    this.config = {
-                        ...localOnlyConfig,
-                        ...remoteConfigResponse.config,
-                    };
-                    // Update session timeout if provided in fresh config
-                    if (remoteConfigResponse.config.sessionTimeout) {
-                        this.identityManager.updateSessionTimeout(remoteConfigResponse.config.sessionTimeout);
+                const remoteOptionsResponse = await fetchRemoteOptions(this.config.apiHost, this.config.publishableKey);
+                if (remoteOptionsResponse && remoteOptionsResponse.success) {
+                    // Save remote config to cache for next session
+                    this.saveCachedOptions(remoteOptionsResponse.config);
+                    // Update effective options: local options (if provided) overrides fresh remote options
+                    if (!this.config.options) {
+                        // No local options provided, use fresh remote options
+                        this.effectiveOptions = remoteOptionsResponse.config;
+                    }
+                    else {
+                        // Local options provided, merge it over fresh remote options
+                        this.effectiveOptions = mergeOptions(remoteOptionsResponse.config, this.config.options);
                     }
-                    if (this.config.debug) {
-                        console.log('Journium: Background remote configuration applied:', remoteConfigResponse.config);
+                    // Update session timeout if provided in fresh effective options
+                    if (this.effectiveOptions.sessionTimeout) {
+                        this.identityManager.updateSessionTimeout(this.effectiveOptions.sessionTimeout);
+                    }
+                    if (this.effectiveOptions.debug) {
+                        console.log('Journium: Background remote options applied:', remoteOptionsResponse.config);
+                        console.log('Journium: New effective options:', this.effectiveOptions);
                     }
                 }
             }
             catch (error) {
-                if (this.config.debug) {
-                    console.warn('Journium: Background remote config fetch failed:', error);
+                if (this.effectiveOptions.debug) {
+                    console.warn('Journium: Background remote options fetch failed:', error);
                 }
             }
         }
@@ -806,7 +803,7 @@
             // Use universal setInterval (works in both browser and Node.js)
             this.flushTimer = setInterval(() => {
                 this.flush();
-            }, this.config.flushInterval);
+            }, this.effectiveOptions.flushInterval);
         }
         async sendEvents(events) {
             if (!events.length)
@@ -816,7 +813,7 @@
                     method: 'POST',
                     headers: {
                         'Content-Type': 'application/json',
-                        'Authorization': `Bearer ${this.config.token}`,
+                        'Authorization': `Bearer ${this.config.publishableKey}`,
                     },
                     body: JSON.stringify({
                         events,
@@ -825,12 +822,12 @@
                 if (!response.ok) {
                     throw new Error(`HTTP ${response.status}: ${response.statusText}`);
                 }
-                if (this.config.debug) {
+                if (this.effectiveOptions.debug) {
                     console.log('Journium: Successfully sent events', events);
                 }
             }
             catch (error) {
-                if (this.config.debug) {
+                if (this.effectiveOptions.debug) {
                     console.error('Journium: Failed to send events', error);
                 }
                 throw error;
@@ -839,8 +836,8 @@
         identify(distinctId, attributes = {}) {
             var _a;
             // Don't identify 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) {
+            if (!this.config || !this.config.publishableKey || !this.initialized) {
+                if ((_a = this.effectiveOptions) === null || _a === void 0 ? void 0 : _a.debug) {
                     console.warn('Journium: identify() call rejected - SDK not ready');
                 }
                 return;
@@ -853,30 +850,30 @@
                 $anon_distinct_id: previousDistinctId,
             };
             this.track('$identify', identifyProperties);
-            if (this.config.debug) {
+            if (this.effectiveOptions.debug) {
                 console.log('Journium: User identified', { distinctId, attributes, previousDistinctId });
             }
         }
         reset() {
             var _a;
             // Don't reset 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) {
+            if (!this.config || !this.config.publishableKey || !this.initialized) {
+                if ((_a = this.effectiveOptions) === null || _a === void 0 ? void 0 : _a.debug) {
                     console.warn('Journium: reset() call rejected - SDK not ready');
                 }
                 return;
             }
             // Reset identity in identity manager
             this.identityManager.reset();
-            if (this.config.debug) {
+            if (this.effectiveOptions.debug) {
                 console.log('Journium: User identity reset');
             }
         }
         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) {
+            if (!this.config || !this.config.publishableKey || !this.initialized) {
+                if ((_a = this.effectiveOptions) === null || _a === void 0 ? void 0 : _a.debug) {
                     console.warn('Journium: track() call rejected - SDK not ready');
                 }
                 return;
@@ -898,22 +895,22 @@
             };
             const journiumEvent = {
                 uuid: generateUuidv7(),
-                ingestion_key: this.config.token,
+                ingestion_key: this.config.publishableKey,
                 client_timestamp: getCurrentTimestamp(),
                 event,
                 properties: eventProperties,
             };
             this.queue.push(journiumEvent);
-            if (this.config.debug) {
+            if (this.effectiveOptions.debug) {
                 console.log('Journium: Event tracked', journiumEvent);
             }
-            if (this.queue.length >= this.config.flushAt) {
+            if (this.queue.length >= this.effectiveOptions.flushAt) {
                 this.flush();
             }
         }
         async flush() {
             // Don't flush if SDK is not properly configured
-            if (!this.config || !this.config.token || !this.config.apiHost) {
+            if (!this.config || !this.config.publishableKey) {
                 return;
             }
             if (this.queue.length === 0)
@@ -935,6 +932,9 @@
             }
             this.flush();
         }
+        getEffectiveOptions() {
+            return this.effectiveOptions;
+        }
     }
 
     class PageviewTracker {
@@ -960,7 +960,7 @@
             this.client.track('$pageview', properties);
             this.lastUrl = currentUrl;
         }
-        startAutoCapture() {
+        startAutocapture() {
             this.capturePageview();
             if (typeof window !== 'undefined') {
                 // Store original methods for cleanup
@@ -980,7 +980,7 @@
                 window.addEventListener('popstate', this.popStateHandler);
             }
         }
-        stopAutoCapture() {
+        stopAutocapture() {
             if (typeof window !== 'undefined') {
                 // Restore original methods
                 if (this.originalPushState) {
@@ -1000,11 +1000,11 @@
     }
 
     class AutocaptureTracker {
-        constructor(client, config = {}) {
+        constructor(client, options = {}) {
             this.listeners = new Map();
             this.isActive = false;
             this.client = client;
-            this.config = {
+            this.options = {
                 captureClicks: true,
                 captureFormSubmits: true,
                 captureFormChanges: true,
@@ -1012,7 +1012,7 @@
                 ignoreClasses: ['journium-ignore'],
                 ignoreElements: ['script', 'style', 'noscript'],
                 captureContentText: true,
-                ...config,
+                ...options,
             };
         }
         start() {
@@ -1020,16 +1020,16 @@
                 return;
             }
             this.isActive = true;
-            if (this.config.captureClicks) {
+            if (this.options.captureClicks) {
                 this.addClickListener();
             }
-            if (this.config.captureFormSubmits) {
+            if (this.options.captureFormSubmits) {
                 this.addFormSubmitListener();
             }
-            if (this.config.captureFormChanges) {
+            if (this.options.captureFormChanges) {
                 this.addFormChangeListener();
             }
-            if (this.config.captureTextSelection) {
+            if (this.options.captureTextSelection) {
                 this.addTextSelectionListener();
             }
         }
@@ -1113,17 +1113,17 @@
                 return true;
             }
             // Check if element should be ignored by tag name
-            if ((_a = this.config.ignoreElements) === null || _a === void 0 ? void 0 : _a.includes(element.tagName.toLowerCase())) {
+            if ((_a = this.options.ignoreElements) === null || _a === void 0 ? void 0 : _a.includes(element.tagName.toLowerCase())) {
                 return true;
             }
             // Check if element has ignore classes
-            if ((_b = this.config.ignoreClasses) === null || _b === void 0 ? void 0 : _b.some(cls => element.classList.contains(cls))) {
+            if ((_b = this.options.ignoreClasses) === null || _b === void 0 ? void 0 : _b.some(cls => element.classList.contains(cls))) {
                 return true;
             }
             // Check parent elements for ignore classes
             let parent = element.parentElement;
             while (parent) {
-                if ((_c = this.config.ignoreClasses) === null || _c === void 0 ? void 0 : _c.some(cls => parent.classList.contains(cls))) {
+                if ((_c = this.options.ignoreClasses) === null || _c === void 0 ? void 0 : _c.some(cls => parent.classList.contains(cls))) {
                     return true;
                 }
                 parent = parent.parentElement;
@@ -1155,7 +1155,7 @@
                 }
             });
             // Element content
-            if (this.config.captureContentText) {
+            if (this.options.captureContentText) {
                 const text = this.getElementText(element);
                 if (text) {
                     properties.$element_text = text.substring(0, 200); // Limit text length
@@ -1342,17 +1342,18 @@
         }
     }
 
-    class Journium {
+    class JourniumAnalytics {
         constructor(config) {
+            var _a, _b;
             this.config = config;
             this.client = new JourniumClient(config);
             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;
+            const autocaptureOptions = this.resolveAutocaptureOptions((_a = config.options) === null || _a === void 0 ? void 0 : _a.autocapture);
+            this.autocaptureTracker = new AutocaptureTracker(this.client, autocaptureOptions);
+            // Store resolved autocapture state for startAutocapture method
+            this.autocaptureEnabled = ((_b = config.options) === null || _b === void 0 ? void 0 : _b.autocapture) !== false;
         }
-        resolveAutocaptureConfig(autocapture) {
+        resolveAutocaptureOptions(autocapture) {
             if (autocapture === false) {
                 return {
                     captureClicks: false,
@@ -1378,44 +1379,43 @@
         capturePageview(properties) {
             this.pageviewTracker.capturePageview(properties);
         }
-        startAutoCapture() {
-            this.pageviewTracker.startAutoCapture();
+        startAutocapture() {
+            // Check if automatic pageview tracking is enabled (defaults to true)
+            const effectiveOptions = this.client.getEffectiveOptions();
+            const autoTrackPageviews = effectiveOptions.autoTrackPageviews !== false;
+            if (autoTrackPageviews) {
+                this.pageviewTracker.startAutocapture();
+            }
             if (this.autocaptureEnabled) {
                 this.autocaptureTracker.start();
             }
         }
-        stopAutoCapture() {
-            this.pageviewTracker.stopAutoCapture();
-            this.autocaptureTracker.stop();
-        }
-        // Aliases for consistency (deprecated - use startAutoCapture)
-        /** @deprecated Use startAutoCapture() instead */
-        startAutocapture() {
-            this.startAutoCapture();
-        }
-        /** @deprecated Use stopAutoCapture() instead */
         stopAutocapture() {
-            this.stopAutoCapture();
+            this.pageviewTracker.stopAutocapture();
+            this.autocaptureTracker.stop();
         }
         async flush() {
             return this.client.flush();
         }
+        getEffectiveOptions() {
+            return this.client.getEffectiveOptions();
+        }
         destroy() {
-            this.pageviewTracker.stopAutoCapture();
+            this.pageviewTracker.stopAutocapture();
             this.autocaptureTracker.stop();
             this.client.destroy();
         }
     }
     const init = (config) => {
-        return new Journium(config);
+        return new JourniumAnalytics(config);
     };
 
     exports.AutocaptureTracker = AutocaptureTracker;
     exports.BrowserIdentityManager = BrowserIdentityManager;
-    exports.Journium = Journium;
+    exports.JourniumAnalytics = JourniumAnalytics;
     exports.JourniumClient = JourniumClient;
     exports.PageviewTracker = PageviewTracker;
-    exports.fetchRemoteConfig = fetchRemoteConfig;
+    exports.fetchRemoteOptions = fetchRemoteOptions;
     exports.generateId = generateId;
     exports.generateUuidv7 = generateUuidv7;
     exports.getCurrentTimestamp = getCurrentTimestamp;
@@ -1425,7 +1425,7 @@
     exports.init = init;
     exports.isBrowser = isBrowser;
     exports.isNode = isNode;
-    exports.mergeConfigs = mergeConfigs;
+    exports.mergeOptions = mergeOptions;
 
 }));
 //# sourceMappingURL=index.umd.js.map