@journium/js 1.0.0 → 1.0.2

package/dist/index.esm.js

@@ -425,9 +425,9 @@ const isNode = () => {
     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) {
@@ -447,36 +447,43 @@ const fetchRemoteConfig = async (apiHost, token, fetchFn) => {
             },
         });
         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;
             }
         }
     });
@@ -485,14 +492,14 @@ const mergeConfigs = (localConfig, remoteConfig) => {
 
 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() {
@@ -664,132 +671,122 @@ class JourniumClient {
         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);
             }
         }
     }
@@ -800,7 +797,7 @@ class JourniumClient {
         // 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)
@@ -810,7 +807,7 @@ class JourniumClient {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
-                    'Authorization': `Bearer ${this.config.token}`,
+                    'Authorization': `Bearer ${this.config.publishableKey}`,
                 },
                 body: JSON.stringify({
                     events,
@@ -819,12 +816,12 @@ class JourniumClient {
             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;
@@ -833,8 +830,8 @@ class JourniumClient {
     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;
@@ -847,30 +844,30 @@ class JourniumClient {
             $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;
@@ -892,22 +889,22 @@ class JourniumClient {
         };
         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)
@@ -929,6 +926,9 @@ class JourniumClient {
         }
         this.flush();
     }
+    getEffectiveOptions() {
+        return this.effectiveOptions;
+    }
 }
 
 class PageviewTracker {
@@ -954,7 +954,7 @@ class PageviewTracker {
         this.client.track('$pageview', properties);
         this.lastUrl = currentUrl;
     }
-    startAutoCapture() {
+    startAutocapture() {
         this.capturePageview();
         if (typeof window !== 'undefined') {
             // Store original methods for cleanup
@@ -974,7 +974,7 @@ class PageviewTracker {
             window.addEventListener('popstate', this.popStateHandler);
         }
     }
-    stopAutoCapture() {
+    stopAutocapture() {
         if (typeof window !== 'undefined') {
             // Restore original methods
             if (this.originalPushState) {
@@ -994,11 +994,11 @@ class PageviewTracker {
 }
 
 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,
@@ -1006,7 +1006,7 @@ class AutocaptureTracker {
             ignoreClasses: ['journium-ignore'],
             ignoreElements: ['script', 'style', 'noscript'],
             captureContentText: true,
-            ...config,
+            ...options,
         };
     }
     start() {
@@ -1014,16 +1014,16 @@ class AutocaptureTracker {
             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();
         }
     }
@@ -1107,17 +1107,17 @@ class AutocaptureTracker {
             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;
@@ -1149,7 +1149,7 @@ class AutocaptureTracker {
             }
         });
         // 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
@@ -1336,17 +1336,18 @@ class AutocaptureTracker {
     }
 }
 
-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,
@@ -1372,37 +1373,36 @@ class Journium {
     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);
 };
 
-export { AutocaptureTracker, BrowserIdentityManager, Journium, JourniumClient, PageviewTracker, fetchRemoteConfig, generateId, generateUuidv7, getCurrentTimestamp, getCurrentUrl, getPageTitle, getReferrer, init, isBrowser, isNode, mergeConfigs };
+export { AutocaptureTracker, BrowserIdentityManager, JourniumAnalytics, JourniumClient, PageviewTracker, fetchRemoteOptions, generateId, generateUuidv7, getCurrentTimestamp, getCurrentUrl, getPageTitle, getReferrer, init, isBrowser, isNode, mergeOptions };
 //# sourceMappingURL=index.esm.js.map