@schibsted/pulse-sdk 8.0.0-alpha.16 → 8.0.0-alpha.18

package/dist/cjs/visibility-observer/index.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisibilityObserver = void 0;
+/**
+ * Observes visibility of elements matching a selector using MutationObserver and IntersectionObserver.
+ */
+class VisibilityObserver {
+    /**
+     * @param callback The callback function to be executed when an element becomes visible.
+     */
+    constructor(callback) {
+        this.callback = callback;
+    }
+    /**
+     * Tracks visibility of elements matching {@link selector}, triggering {@link callback} when an element is over 2/3 visible.
+     * Uses {@link https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver | MutationObserver} to monitor the DOM for dynamically loaded content.
+     * Callback is invoked only once per element.
+     * @param selector The CSS selector for elements to track.
+     * @throws Error if called more than once.
+     */
+    observe(selector) {
+        if (this.selector) {
+            throw new Error(`Cannot observe selector ${selector}. A visibility observer has already been set up for selector ${this.selector}.`);
+        }
+        this.selector = selector;
+        this.setupObservers();
+        // biome-ignore lint/suspicious/useIterableCallbackReturn: -
+        this.elements().forEach((elementToTrack) => this.observeIntersection(elementToTrack));
+    }
+    /**
+     * @returns {HTMLElement[]} An array of elements that match the selector in the document.
+     */
+    elements() {
+        return Array.from(document.querySelectorAll(this.selector));
+    }
+    // Initialize both observers and start watching for DOM changes
+    setupObservers() {
+        this.setupIntersectionObserver();
+        this.setupMutationObserver();
+        this.observeMutations();
+    }
+    // Create observer to detect when elements become visible in the viewport
+    setupIntersectionObserver() {
+        this.intersectionObserver = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    const node = entry.target;
+                    this.callback(node);
+                    this.intersectionObserver.unobserve(node);
+                }
+            });
+        }, { threshold: 2 / 3 });
+    }
+    // Create observer to detect DOM changes that may add/remove tracked elements
+    setupMutationObserver() {
+        this.mutationObserver = new MutationObserver((mutations) => {
+            mutations.forEach((mutation) => {
+                this.handleAddedNodes(mutation.addedNodes);
+                this.handleRemovedNodes(mutation.removedNodes);
+            });
+        });
+    }
+    handleAddedNodes(nodes) {
+        this.processHtmlNodes(nodes, (element) => this.observeIntersection(element));
+    }
+    handleRemovedNodes(nodes) {
+        this.processHtmlNodes(nodes, (element) => this.intersectionObserver.unobserve(element));
+    }
+    processHtmlNodes(nodes, action) {
+        nodes.forEach((node) => {
+            if (node instanceof HTMLElement && this.nodeMatchesOrContainsSelector(node)) {
+                this.processMatchingElements(node, action);
+            }
+        });
+    }
+    processMatchingElements(node, action) {
+        const elementsToTrack = this.extractElementsToTrack(node);
+        elementsToTrack.forEach(action);
+    }
+    nodeMatchesOrContainsSelector(node) {
+        return node.matches(this.selector) || node.querySelector(this.selector) !== null;
+    }
+    // Get matching descendants and the node itself if it matches the selector
+    extractElementsToTrack(node) {
+        const elements = Array.from(node.querySelectorAll(this.selector));
+        if (node.matches(this.selector)) {
+            elements.push(node);
+        }
+        return elements;
+    }
+    observeIntersection(node) {
+        this.intersectionObserver.observe(node);
+    }
+    observeMutations() {
+        this.mutationObserver.observe(document.body, {
+            childList: true,
+            subtree: true,
+        });
+    }
+}
+exports.VisibilityObserver = VisibilityObserver;

package/dist/cjs/warnOnce.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const warned = {};
+const warnOnce = (id, ...data) => {
+    if (warned[id]) {
+        return;
+    }
+    warned[id] = true;
+    console.warn(...data);
+};
+exports.default = warnOnce;

package/dist/cjs/wrapper/engagement/ui-element/event-builder.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildClickUIElementEvent = void 0;
+const get_navigation_type_js_1 = require("../../utils/get-navigation-type.js");
+const buildClickUIElementEvent = (inputProperties, currentPage) => ({
+    ...inputProperties,
+    type: 'Engagement',
+    action: 'Click',
+    object: Promise.resolve(currentPage).then((page) => ({
+        page,
+        ...inputProperties.object,
+        navigationType: (0, get_navigation_type_js_1.getNavigationType)(),
+        type: 'UIElement',
+        url: window.location.href,
+    })),
+    ...(inputProperties.metrics && { metrics: inputProperties.metrics }),
+    ...(inputProperties.experiments && {
+        experiments: inputProperties.experiments,
+    }),
+});
+exports.buildClickUIElementEvent = buildClickUIElementEvent;

package/dist/cjs/wrapper/engagement/ui-element/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/wrapper/types/base-event.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/wrapper/types/engagement-event.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/wrapper/types/event.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/wrapper/types/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./base-event.js"), exports);
+__exportStar(require("./event.js"), exports);
+__exportStar(require("./utils.js"), exports);

package/dist/cjs/wrapper/types/utils.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/wrapper/utils/get-navigation-type.js

@@ -0,0 +1,32 @@
+"use strict";
+// implementation "copy-pasted" from the wrapper
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNavigationType = void 0;
+const modernNavigationMap = {
+    navigate: 'navigation',
+    reload: 'refresh',
+};
+const legacyNavigationMap = {
+    0: 'navigation',
+    1: 'refresh',
+};
+const getModernNavigationType = (entryType) => {
+    return modernNavigationMap[entryType] || 'alternative';
+};
+const getLegacyNavigationType = (entryType) => {
+    return legacyNavigationMap[entryType] || 'alternative';
+};
+const getNavigationType = () => {
+    if (typeof window === 'undefined' || typeof window.performance === 'undefined') {
+        return 'unknown';
+    }
+    const [navigationEntry] = window.performance.getEntriesByType('navigation');
+    if (navigationEntry) {
+        return getModernNavigationType(navigationEntry.type);
+    }
+    if (performance.navigation?.type !== undefined) {
+        return getLegacyNavigationType(performance.navigation.type);
+    }
+    return 'unknown';
+};
+exports.getNavigationType = getNavigationType;

package/dist/cjs/wrapper/utils/page-from-page-view.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pageFromPageView = void 0;
+const pageFromPageView = (pageView) => Promise.resolve(pageView.object).then((objectProperties) => ({
+    id: objectProperties.id,
+    type: (objectProperties.type || 'Page'),
+    url: objectProperties.url || window.location.href,
+}));
+exports.pageFromPageView = pageFromPageView;

package/dist/cjs/wrapper/view/article/event-builder.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildLegacyViewArticleEvent = void 0;
+const get_navigation_type_js_1 = require("../../utils/get-navigation-type.js");
+const buildLegacyViewArticleEvent = (inputProperties) => ({
+    ...inputProperties,
+    object: Promise.resolve(inputProperties.object).then((objectProperties) => {
+        const { articleId, ...rest } = objectProperties;
+        return {
+            ...rest,
+            id: articleId,
+            navigationType: (0, get_navigation_type_js_1.getNavigationType)(),
+            type: 'Article',
+            contentId: articleId,
+            url: window.location.href,
+        };
+    }),
+});
+exports.buildLegacyViewArticleEvent = buildLegacyViewArticleEvent;

package/dist/cjs/wrapper/view/article/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/wrapper/view/frontpage/event-builder.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildLegacyViewFrontpageEvent = void 0;
+const get_navigation_type_js_1 = require("../../utils/get-navigation-type.js");
+const buildLegacyViewFrontpageEvent = (inputProperties) => ({
+    ...inputProperties,
+    object: Promise.resolve(inputProperties.object).then((objectProperties) => {
+        return {
+            ...objectProperties,
+            navigationType: (0, get_navigation_type_js_1.getNavigationType)(),
+            type: 'Frontpage',
+            url: window.location.href,
+        };
+    }),
+});
+exports.buildLegacyViewFrontpageEvent = buildLegacyViewFrontpageEvent;

package/dist/cjs/wrapper/view/frontpage/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/wrapper/view/listing/event-builder.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildLegacyViewListingEvent = void 0;
+const get_navigation_type_js_1 = require("../../utils/get-navigation-type.js");
+const buildLegacyViewListingEvent = (inputProperties) => ({
+    ...inputProperties,
+    object: Promise.resolve(inputProperties.object).then((objectProperties) => ({
+        ...objectProperties,
+        navigationType: (0, get_navigation_type_js_1.getNavigationType)(),
+        type: 'Listing',
+        url: window.location.href,
+    })),
+});
+exports.buildLegacyViewListingEvent = buildLegacyViewListingEvent;

package/dist/cjs/wrapper/view/listing/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/wrapper/view/loginposter/event-builder.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildViewLoginPosterEvent = void 0;
+const buildViewLoginPosterEvent = (inputProperties) => ({
+    ...inputProperties,
+    object: Promise.resolve(inputProperties.object).then((objectProperties) => ({
+        ...objectProperties,
+        type: 'LoginPoster',
+    })),
+});
+exports.buildViewLoginPosterEvent = buildViewLoginPosterEvent;

package/dist/cjs/wrapper/view/loginposter/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/wrapper/view/page/event-builder.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildLegacyViewPageEvent = void 0;
+const get_navigation_type_js_1 = require("../../utils/get-navigation-type.js");
+const buildLegacyViewPageEvent = (inputProperties) => ({
+    ...inputProperties,
+    object: Promise.resolve(inputProperties.object).then((objectProperties) => {
+        const { pageId, ...rest } = objectProperties;
+        return {
+            ...rest,
+            id: pageId,
+            navigationType: (0, get_navigation_type_js_1.getNavigationType)(),
+            type: 'Page',
+            url: window.location.href,
+        };
+    }),
+});
+exports.buildLegacyViewPageEvent = buildLegacyViewPageEvent;

package/dist/cjs/wrapper/view/page/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/wrapper/view/salesposter/event-builder.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildViewSalesPosterEvent = void 0;
+const get_navigation_type_js_1 = require("../../utils/get-navigation-type.js");
+const buildViewSalesPosterEvent = (inputProperties) => ({
+    ...inputProperties,
+    object: Promise.resolve(inputProperties.object).then((objectProperties) => {
+        const { articleId, ...rest } = objectProperties;
+        return {
+            ...rest,
+            id: articleId,
+            navigationType: (0, get_navigation_type_js_1.getNavigationType)(),
+            type: 'SalesPoster',
+            url: window.location.href,
+        };
+    }),
+});
+exports.buildViewSalesPosterEvent = buildViewSalesPosterEvent;

package/dist/cjs/wrapper/view/salesposter/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/wrapper/view/ui-element/event-builder.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildLegacyViewUIElementEvent = void 0;
+const get_navigation_type_js_1 = require("../../utils/get-navigation-type.js");
+const buildLegacyViewUIElementEvent = (inputProperties, currentPage) => ({
+    ...inputProperties,
+    object: Promise.all([inputProperties.object, currentPage]).then(([objectProperties, page]) => ({
+        page,
+        ...objectProperties,
+        navigationType: (0, get_navigation_type_js_1.getNavigationType)(),
+        type: 'UIElement',
+        url: window.location.href,
+    })),
+});
+exports.buildLegacyViewUIElementEvent = buildLegacyViewUIElementEvent;

package/dist/cjs/wrapper/view/ui-element/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/ejs/EventBus/EventBus.js

@@ -0,0 +1,140 @@
+import logger from 'loglevel';
+export function createEventBus(options = {}) {
+    const { domBridge = false, namespace, preventBridgeEcho = true } = options;
+    const listeners = new Map();
+    const lastState = new Map();
+    let addListener = (eventKey, eventHandler) => {
+        let eventHandlersSet = listeners.get(eventKey);
+        if (!eventHandlersSet) {
+            eventHandlersSet = new Set();
+            listeners.set(eventKey, eventHandlersSet);
+        }
+        eventHandlersSet.add(eventHandler);
+        return () => {
+            eventHandlersSet.delete(eventHandler);
+        };
+    };
+    function removeListener(event, fn) {
+        const set = listeners.get(event);
+        if (set)
+            set.delete(fn);
+    }
+    const toDomName = (eventKey) => (namespace ? `${namespace}:${String(eventKey)}` : String(eventKey));
+    let domBridgeCleanup = null;
+    let emitOriginToken = 0;
+    let currentOriginToken = 0;
+    let internalEmit = (event, payload, _fromLocal = false) => {
+        lastState.set(event, payload);
+        const set = listeners.get(event);
+        if (!set || set.size === 0)
+            return;
+        // Execute listeners synchronously, but catch errors so one bad listener doesn’t break others
+        for (const fn of Array.from(set)) {
+            try {
+                // Allow async listeners but don't await
+                void fn(payload);
+            }
+            catch (err) {
+                logger.error('EventBus listener error', err);
+            }
+        }
+    };
+    if (domBridge && typeof window !== 'undefined') {
+        const handler = (event) => {
+            // Only handle CustomEvent
+            if (!(event instanceof CustomEvent))
+                return;
+            const name = event.type;
+            // If echo prevention is on and event has our token, ignore
+            const detail = event.detail;
+            if (preventBridgeEcho && detail && detail.__origin === currentOriginToken)
+                return;
+            // Re-emit into this bus
+            internalEmit(name, detail.payload);
+        };
+        // We attach one listener to the window that handles all names under the namespace.
+        // Because addEventListener doesn't support namespace patterns, we will dynamically
+        // add listeners when we see new events emitted or `on`-registered.
+        const attached = new Set();
+        const ensureDomListener = (eventKey) => {
+            const name = toDomName(eventKey);
+            if (attached.has(name))
+                return;
+            window.addEventListener(name, handler);
+            attached.add(name);
+        };
+        // Hook into addListener/emit to ensure DOM listener exists for those names:
+        const originalAddListener = addListener;
+        addListener = ((eventKey, eventHandler) => {
+            ensureDomListener(eventKey);
+            return originalAddListener(eventKey, eventHandler);
+        });
+        const originalInternalEmit = internalEmit;
+        internalEmit = ((eventKey, payload, fromLocal) => {
+            // Ensure we listen for external sends on the same name
+            ensureDomListener(eventKey);
+            originalInternalEmit(eventKey, payload, fromLocal);
+            // Mirror to DOM if emitted locally
+            if (fromLocal) {
+                currentOriginToken = ++emitOriginToken;
+                const evt = new CustomEvent(toDomName(eventKey), {
+                    detail: { payload, __origin: currentOriginToken },
+                });
+                window.dispatchEvent(evt);
+            }
+        });
+        domBridgeCleanup = () => {
+            attached.forEach((n) => {
+                window.removeEventListener(n, handler);
+            });
+            attached.clear();
+        };
+    }
+    return {
+        on: addListener,
+        once(eventKey, eventHandler) {
+            const off = addListener(eventKey, (p) => {
+                try {
+                    void eventHandler(p);
+                }
+                finally {
+                    off();
+                }
+            });
+            return off;
+        },
+        off: removeListener,
+        emit(eventKey, payload) {
+            internalEmit(eventKey, payload, true);
+        },
+        getState(eventKey) {
+            return lastState.get(eventKey);
+        },
+        onWithState(eventKey, eventHandler) {
+            const off = addListener(eventKey, eventHandler);
+            const lastEventState = lastState.get(eventKey);
+            if (lastEventState !== undefined) {
+                // fire microtask to ensure consistent ordering vs. current call stack
+                queueMicrotask(() => void eventHandler(lastEventState));
+            }
+            return off;
+        },
+        waitFor(eventKey, predicate) {
+            return new Promise((resolve) => {
+                const off = addListener(eventKey, (p) => {
+                    if (!predicate || predicate(p)) {
+                        off();
+                        resolve(p);
+                    }
+                });
+            });
+        },
+        destroy() {
+            listeners.clear();
+            lastState.clear();
+            if (domBridgeCleanup) {
+                domBridgeCleanup();
+            }
+        },
+    };
+}