example-localstorage.ts

import {
    configure,
    initialize,
    LocalStorageEventQueue,
    SearchAction,
    trackProductClick,
    trackSearch,
} from './src/index';

const hasLocalStorage = typeof globalThis !== 'undefined'
    && typeof globalThis.localStorage !== 'undefined';

if (!hasLocalStorage) {
    console.log('example:localstorage is browser-only (localStorage is not available in Node.js).');
} else {
    // Create LocalStorageEventQueue - events will persist across page reloads
    const eventQueue = new LocalStorageEventQueue(undefined, 10);

    // Configure with LocalStorageEventQueue
    configure({
        endpoint: 'ignored',
        channel: 'de',
        queueSettings: {
            batchInterval: 5000,
            maxBatchSize: 10,
        },
        overrides: {
            eventQueue,
        },
    });

    console.log('SearchCollector configured with LocalStorageEventQueue');
    console.log('Events will persist in localStorage across page reloads');

    // Initialize
    initialize();
    console.log('Initialized');

    // Track some events
    trackSearch({
        keywords: 'laptop',
        count: 50,
        action: SearchAction.Search,
    });
    console.log('Tracked search: laptop');

    trackProductClick({
        productId: 'prod-456',
        position: 1,
        keywords: 'laptop',
    });
    console.log('Tracked product: prod-456');

    trackSearch({
        keywords: 'gaming mouse',
        count: 30,
        action: SearchAction.SearchPagination,
    });
    console.log('Tracked search: gaming mouse');

    console.log('\nEvents are now stored in localStorage (key: "search-collector-queue")');
    console.log('They will be automatically sent after 5 seconds, or when you call flush()');
    console.log('\nIf you reload this page before the events are sent, they will be loaded from localStorage');
    console.log('and sent when the queue is flushed again.');
}