@absmartly/sdk-plugins 1.0.1

package/lib/vitals/WebVitalsPlugin.js

@@ -0,0 +1,382 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebVitalsPlugin = void 0;
+var debug_1 = require("../utils/debug");
+var WebVitalsPlugin = /** @class */ (function () {
+    function WebVitalsPlugin(options) {
+        if (options === void 0) { options = {}; }
+        this.webVitalsLoaded = false;
+        this.metricsTracked = false;
+        this.context = options.context;
+        this.debug = options.debug || false;
+        this.trackWebVitals = options.trackWebVitals !== false;
+        this.trackPageMetrics = options.trackPageMetrics !== false;
+        this.webVitalsUrl =
+            options.webVitalsUrl || 'https://unpkg.com/web-vitals@4/dist/web-vitals.iife.js';
+        this.autoTrack = options.autoTrack !== false;
+    }
+    WebVitalsPlugin.prototype.debugLog = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (this.debug) {
+            debug_1.logDebug.apply(void 0, __spreadArray(['[WebVitalsPlugin]'], __read(args), false));
+        }
+    };
+    WebVitalsPlugin.prototype.setContext = function (context) {
+        this.context = context;
+        this.debugLog('Context set for WebVitalsPlugin');
+    };
+    WebVitalsPlugin.prototype.loadWebVitalsLibrary = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _this = this;
+            return __generator(this, function (_a) {
+                if (this.webVitalsLoaded || typeof window === 'undefined') {
+                    return [2 /*return*/];
+                }
+                return [2 /*return*/, new Promise(function (resolve, reject) {
+                        var script = document.createElement('script');
+                        script.src = _this.webVitalsUrl;
+                        script.onload = function () {
+                            _this.webVitalsLoaded = true;
+                            _this.debugLog('Web Vitals library loaded');
+                            resolve();
+                        };
+                        script.onerror = function (error) {
+                            (0, debug_1.logDebug)('[WebVitalsPlugin] Failed to load Web Vitals library:', error);
+                            reject(error);
+                        };
+                        document.head.appendChild(script);
+                    })];
+            });
+        });
+    };
+    WebVitalsPlugin.prototype.trackWebVitalsMetrics = function (context) {
+        return __awaiter(this, void 0, void 0, function () {
+            var ctx, webVitals, error_1;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        ctx = context || this.context;
+                        if (!ctx) {
+                            (0, debug_1.logDebug)('[WebVitalsPlugin] No context available for tracking web vitals');
+                            return [2 /*return*/];
+                        }
+                        if (!this.trackWebVitals) {
+                            return [2 /*return*/];
+                        }
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, this.loadWebVitalsLibrary()];
+                    case 2:
+                        _a.sent();
+                        webVitals = window.webVitals;
+                        if (!webVitals) {
+                            (0, debug_1.logDebug)('[WebVitalsPlugin] Web Vitals library not available');
+                            return [2 /*return*/];
+                        }
+                        // Track Core Web Vitals
+                        webVitals.onCLS(function (metric) {
+                            _this.debugLog('CLS:', metric);
+                            ctx.track('cls_score', __assign({}, metric));
+                        });
+                        webVitals.onLCP(function (metric) {
+                            _this.debugLog('LCP:', metric);
+                            ctx.track('lcp_score', __assign({}, metric));
+                        });
+                        webVitals.onFCP(function (metric) {
+                            _this.debugLog('FCP:', metric);
+                            ctx.track('fcp_score', __assign({}, metric));
+                        });
+                        webVitals.onINP(function (metric) {
+                            _this.debugLog('INP:', metric);
+                            ctx.track('inp_score', __assign({}, metric));
+                        });
+                        webVitals.onTTFB(function (metric) {
+                            _this.debugLog('TTFB:', metric);
+                            ctx.track('ttfb_score', __assign({}, metric));
+                        });
+                        this.debugLog('Web Vitals tracking initialized');
+                        return [3 /*break*/, 4];
+                    case 3:
+                        error_1 = _a.sent();
+                        (0, debug_1.logDebug)('[WebVitalsPlugin] Error tracking web vitals:', error_1);
+                        ctx.track('vitals_tracking_error', {
+                            error: error_1.message,
+                            type: error_1.name,
+                        });
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    WebVitalsPlugin.prototype.trackPageMetricsData = function (context) {
+        var _this = this;
+        var ctx = context || this.context;
+        if (!ctx) {
+            (0, debug_1.logDebug)('[WebVitalsPlugin] No context available for tracking page metrics');
+            return;
+        }
+        if (!this.trackPageMetrics || this.metricsTracked) {
+            return;
+        }
+        try {
+            // Track immediate metrics
+            this.trackImmediateMetrics(ctx);
+            // Track load-dependent metrics
+            if (document.readyState === 'complete') {
+                this.trackLoadMetrics(ctx);
+            }
+            else {
+                window.addEventListener('load', function () { return _this.trackLoadMetrics(ctx); });
+            }
+            this.metricsTracked = true;
+        }
+        catch (error) {
+            (0, debug_1.logDebug)('[WebVitalsPlugin] Error tracking page metrics:', error);
+            ctx.track('metrics_tracking_error', {
+                error: error.message,
+                type: error.name,
+            });
+        }
+    };
+    WebVitalsPlugin.prototype.trackImmediateMetrics = function (context) {
+        var e_1, _a, e_2, _b;
+        var navigation = performance.getEntriesByType('navigation')[0];
+        if (!navigation) {
+            this.debugLog('Navigation timing not available');
+            return;
+        }
+        // Network timing metrics
+        var timingMetrics = {
+            dns: navigation.domainLookupEnd - navigation.domainLookupStart,
+            tcp: navigation.connectEnd - navigation.connectStart,
+            ttfb: navigation.responseStart - navigation.requestStart,
+            download: navigation.responseEnd - navigation.responseStart,
+            total_fetch: navigation.responseEnd - navigation.requestStart,
+        };
+        try {
+            for (var _c = __values(Object.entries(timingMetrics)), _d = _c.next(); !_d.done; _d = _c.next()) {
+                var _e = __read(_d.value, 2), metric = _e[0], value = _e[1];
+                context.track("page_timing_".concat(metric), {
+                    value: value,
+                    unit: 'ms',
+                });
+                this.debugLog("Page timing ".concat(metric, ":"), value);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        // Size metrics
+        var sizeMetrics = {
+            total_size: navigation.transferSize,
+            header_size: navigation.transferSize - navigation.encodedBodySize,
+            html_size: navigation.decodedBodySize,
+            compressed_html_size: navigation.encodedBodySize,
+        };
+        try {
+            for (var _f = __values(Object.entries(sizeMetrics)), _g = _f.next(); !_g.done; _g = _f.next()) {
+                var _h = __read(_g.value, 2), metric = _h[0], value = _h[1];
+                context.track("page_".concat(metric), {
+                    value: value,
+                    unit: 'bytes',
+                });
+                this.debugLog("Page ".concat(metric, ":"), value);
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (_g && !_g.done && (_b = _f.return)) _b.call(_f);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        // Compression ratio
+        if (navigation.encodedBodySize > 0) {
+            var compressionRatio = navigation.decodedBodySize / navigation.encodedBodySize;
+            context.track('page_compression_ratio', {
+                value: compressionRatio,
+            });
+            this.debugLog('Compression ratio:', compressionRatio);
+        }
+    };
+    WebVitalsPlugin.prototype.trackLoadMetrics = function (context) {
+        var e_3, _a;
+        var navigation = performance.getEntriesByType('navigation')[0];
+        if (!navigation) {
+            return;
+        }
+        // DOM processing and total load time
+        var domProcessing = navigation.domComplete - navigation.responseEnd;
+        context.track('page_timing_dom_processing', {
+            value: domProcessing,
+            metric: 'DOM Processing',
+            unit: 'ms',
+            rating: domProcessing <= 500 ? 'good' : domProcessing <= 1000 ? 'needs-improvement' : 'poor',
+        });
+        this.debugLog('DOM processing:', domProcessing);
+        var totalLoad = navigation.loadEventEnd - navigation.fetchStart;
+        context.track('page_timing_total_load', {
+            value: totalLoad,
+            metric: 'Total Load',
+            unit: 'ms',
+            rating: totalLoad <= 2000 ? 'good' : totalLoad <= 4000 ? 'needs-improvement' : 'poor',
+        });
+        this.debugLog('Total load:', totalLoad);
+        // DOM element counts
+        var domMetrics = {
+            elements: document.getElementsByTagName('*').length,
+            imageCount: document.getElementsByTagName('img').length,
+            scriptCount: document.getElementsByTagName('script').length,
+            styleCount: document.getElementsByTagName('style').length,
+            linkCount: document.getElementsByTagName('link').length,
+        };
+        try {
+            for (var _b = __values(Object.entries(domMetrics)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var _d = __read(_c.value, 2), metric = _d[0], value = _d[1];
+                context.track("dom_".concat(metric), {
+                    value: value,
+                    metric: metric,
+                    unit: 'count',
+                    rating: value <= 1000 ? 'good' : value <= 2000 ? 'needs-improvement' : 'poor',
+                });
+                this.debugLog("DOM ".concat(metric, ":"), value);
+            }
+        }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_3) throw e_3.error; }
+        }
+    };
+    WebVitalsPlugin.prototype.initialize = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this.debugLog('Initializing WebVitalsPlugin');
+                        if (!this.context) {
+                            this.debugLog('No context available during initialization');
+                            return [2 /*return*/];
+                        }
+                        if (!this.autoTrack) return [3 /*break*/, 3];
+                        if (!this.trackWebVitals) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.trackWebVitalsMetrics()];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2:
+                        // Start tracking page metrics
+                        if (this.trackPageMetrics) {
+                            this.trackPageMetricsData();
+                        }
+                        _a.label = 3;
+                    case 3:
+                        this.debugLog('WebVitalsPlugin initialized successfully');
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    WebVitalsPlugin.prototype.reset = function () {
+        this.metricsTracked = false;
+        this.debugLog('WebVitalsPlugin reset');
+    };
+    return WebVitalsPlugin;
+}());
+exports.WebVitalsPlugin = WebVitalsPlugin;
+//# sourceMappingURL=WebVitalsPlugin.js.map

package/lib/vitals/WebVitalsPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebVitalsPlugin.js","sourceRoot":"","sources":["../../src/vitals/WebVitalsPlugin.ts"],"names":[],"mappings":"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"}

package/lib/vitals/index.d.ts

@@ -0,0 +1,2 @@
+export { WebVitalsPlugin } from './WebVitalsPlugin';
+export type { WebVitalsPluginOptions, Metric } from './WebVitalsPlugin';

package/lib/vitals/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebVitalsPlugin = void 0;
+var WebVitalsPlugin_1 = require("./WebVitalsPlugin");
+Object.defineProperty(exports, "WebVitalsPlugin", { enumerable: true, get: function () { return WebVitalsPlugin_1.WebVitalsPlugin; } });
+//# sourceMappingURL=index.js.map

package/lib/vitals/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/vitals/index.ts"],"names":[],"mappings":";;;AAAA,qDAAoD;AAA3C,kHAAA,eAAe,OAAA"}

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "@absmartly/sdk-plugins",
+  "version": "1.0.1",
+  "description": "Collection of plugins for ABsmartly JavaScript SDK",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "browser": "dist/absmartly-sdk-plugins.min.js",
+  "types": "types/index.d.ts",
+  "files": [
+    "lib",
+    "es",
+    "dist",
+    "types"
+  ],
+  "scripts": {
+    "clean": "rm -rf lib es dist types",
+    "format": "prettier --write \"src/**/*.{js,ts,tsx}\"",
+    "lint": "eslint src --ext .ts,.tsx",
+    "compile:cjs": "tsc -p tsconfig.cjs.json",
+    "compile:es": "tsc -p tsconfig.es.json",
+    "compile:types": "tsc -p tsconfig.types.json",
+    "compile": "npm run compile:cjs && npm run compile:es && npm run compile:types",
+    "bundle": "webpack --mode production --env BUILD_TYPE=all",
+    "bundle:dom": "webpack --mode production --env BUILD_TYPE=dom-only",
+    "bundle:lite": "webpack --mode production --env BUILD_TYPE=dom-lite",
+    "bundle:full": "webpack --mode production --env BUILD_TYPE=dom-full",
+    "bundle:cookie": "webpack --mode production --env BUILD_TYPE=cookie-only",
+    "bundle:vitals": "webpack --mode production --env BUILD_TYPE=vitals-only",
+    "postbundle": "cp dist/*.min.js ../absmartly.com/static/ 2>/dev/null || true",
+    "bundle:dev": "webpack --mode development --env BUILD_TYPE=all --devtool source-map",
+    "bundle:dev:all": "npm run bundle:dev:dom && npm run bundle:dev:lite && npm run bundle:dev:full && npm run bundle:dev:cookie && npm run bundle:dev:vitals && npm run bundle:dev:overrides",
+    "bundle:dev:dom": "webpack --mode development --env BUILD_TYPE=dom-only --devtool source-map",
+    "bundle:dev:lite": "webpack --mode development --env BUILD_TYPE=dom-lite --devtool source-map",
+    "bundle:dev:full": "webpack --mode development --env BUILD_TYPE=dom-full --devtool source-map",
+    "bundle:dev:cookie": "webpack --mode development --env BUILD_TYPE=cookie-only --devtool source-map",
+    "bundle:dev:vitals": "webpack --mode development --env BUILD_TYPE=vitals-only --devtool source-map",
+    "bundle:dev:overrides": "webpack --mode development --env BUILD_TYPE=overrides-lite --devtool source-map && webpack --mode development --env BUILD_TYPE=overrides-full --devtool source-map",
+    "build": "npm run clean && npm run format && npm run lint && npm run compile && npm run bundle",
+    "build:dev": "npm run clean && npm run format && npm run lint && npm run compile && npm run bundle:dev",
+    "build:all": "npm run build && npm run bundle:dev && npm run rename:dev",
+    "rename:dev": "cd dist && for file in *.js; do if [[ ! \"$file\" == *.min.js ]] && [[ ! \"$file\" == *.dev.js ]]; then mv \"$file\" \"${file%.js}.dev.js\"; fi; done; exit 0",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "dev": "tsc --watch",
+    "dev:all": "npm run compile:cjs -- --watch & npm run compile:es -- --watch & npm run compile:types -- --watch",
+    "watch": "webpack --mode development --watch --env BUILD_TYPE=all --devtool source-map",
+    "prepublishOnly": "npm run build && npm test",
+    "deploy": "npm run build && npm test && npm publish --access public",
+    "deploy:dry-run": "npm run build && npm test && npm publish --dry-run --access public",
+    "version:patch": "npm version patch",
+    "version:minor": "npm version minor",
+    "version:major": "npm version major"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/absmartly/sdk-plugins.git"
+  },
+  "keywords": [
+    "absmartly",
+    "ab-testing",
+    "experimentation",
+    "dom-manipulation",
+    "visual-editor"
+  ],
+  "author": "ABsmartly",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/absmartly/dom-changes-plugin/issues"
+  },
+  "homepage": "https://github.com/absmartly/dom-changes-plugin#readme",
+  "peerDependencies": {
+    "@absmartly/javascript-sdk": "^1.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.8.0",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^20.8.0",
+    "@typescript-eslint/eslint-plugin": "^6.7.4",
+    "@typescript-eslint/parser": "^6.7.4",
+    "eslint": "^8.50.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jsdom": "^26.1.0",
+    "prettier": "^3.0.3",
+    "ts-jest": "^29.4.1",
+    "ts-loader": "^9.4.4",
+    "typescript": "^5.2.2",
+    "webpack": "^5.88.2",
+    "webpack-cli": "^5.1.4"
+  }
+}

package/types/cookies/CookiePlugin.d.ts

@@ -0,0 +1,55 @@
+import type { Context } from '@absmartly/javascript-sdk';
+export interface CookiePluginOptions {
+    context?: Context;
+    debug?: boolean;
+    cookieDomain?: string;
+    cookiePath?: string;
+    sameSite?: 'Strict' | 'Lax' | 'None';
+    secure?: boolean;
+    cookieExpiryDays?: number;
+    unitIdCookieName?: string;
+    publicIdCookieName?: string;
+    expiryCookieName?: string;
+    utmCookieName?: string;
+    utmParamsList?: string[];
+    autoUpdateExpiry?: boolean;
+    expiryCheckInterval?: number;
+}
+export declare class CookiePlugin {
+    private context?;
+    private debug;
+    private cookieDomain;
+    private cookiePath;
+    private sameSite;
+    private secure;
+    private cookieExpiryDays;
+    private unitIdCookieName;
+    private publicIdCookieName;
+    private expiryCookieName;
+    private utmCookieName;
+    private utmParams;
+    private autoUpdateExpiry;
+    private expiryCheckInterval;
+    private unitId?;
+    constructor(options?: CookiePluginOptions);
+    private debugLog;
+    private getCookie;
+    private setCookie;
+    private deleteCookie;
+    private isLocalStorageAvailable;
+    private generateFastUniqueID;
+    getUnitId(): string | null;
+    setUnitId(unitId: string): void;
+    generateAndSetUnitId(): string;
+    updateExpiryTimestamp(): void;
+    isExpiryFresh(): boolean;
+    getUtmParams(): Record<string, string>;
+    storeUtmParams(params: Record<string, string>): void;
+    getStoredUtmParams(): Record<string, string> | null;
+    applyUtmAttributesToContext(context?: Context): void;
+    clearAllCookies(): void;
+    initialize(): Promise<void>;
+    setContext(context: Context): void;
+    needsWorkerCall(searchParams?: URLSearchParams): boolean;
+    trackLanding(context?: Context): void;
+}

package/types/cookies/index.d.ts

@@ -0,0 +1,2 @@
+export { CookiePlugin } from './CookiePlugin';
+export type { CookiePluginOptions } from './CookiePlugin';

package/types/core/DOMChangesPluginLite.d.ts

@@ -0,0 +1,89 @@
+import { PluginConfig, DOMChange, EventCallback, EventCallbackData } from '../types';
+import { DOMManipulatorLite } from './DOMManipulatorLite';
+import { VariantExtractor } from '../parsers/VariantExtractor';
+import { StyleSheetManager } from './StyleSheetManager';
+import { ExposureTracker } from './ExposureTracker';
+import { HTMLInjector } from './HTMLInjector';
+export declare class DOMChangesPluginLite {
+    static readonly VERSION: string;
+    protected config: Required<PluginConfig>;
+    protected domManipulator: DOMManipulatorLite;
+    protected variantExtractor: VariantExtractor;
+    protected exposureTracker: ExposureTracker;
+    protected htmlInjector: HTMLInjector;
+    protected mutationObserver: MutationObserver | null;
+    protected exposedExperiments: Set<string>;
+    protected eventListeners: Map<string, EventCallback[]>;
+    protected styleManagers: Map<string, StyleSheetManager>;
+    protected initialized: boolean;
+    protected watchedElements: WeakMap<Element, Set<string>>;
+    protected persistenceObserver: MutationObserver | null;
+    protected reapplyingElements: Set<Element>;
+    protected reapplyLogThrottle: Map<string, number>;
+    protected appliedStyleChanges: Map<string, DOMChange[]>;
+    protected antiFlickerTimeout: number | null;
+    protected antiFlickerStyleId: string;
+    constructor(config: PluginConfig);
+    ready(): Promise<void>;
+    initialize(): Promise<void>;
+    private setupMutationObserver;
+    /**
+     * Set up URL change listener for SPA mode
+     * Re-evaluates URL filters when URL changes and applies/removes changes accordingly
+     */
+    private setupURLChangeListener;
+    /**
+     * Remove all currently applied changes
+     * Used when URL changes in SPA mode
+     */
+    private removeAllChanges;
+    /**
+     * Apply HTML injections and DOM changes in parallel to minimize flickering
+     */
+    private applyInjectionsAndChanges;
+    /**
+     * Apply HTML injections from all variants
+     */
+    private applyHTMLInjections;
+    applyChanges(experimentName?: string): Promise<void>;
+    /**
+     * Get all experiments with their variant data and metadata
+     */
+    private getAllExperimentsData;
+    /**
+     * Extract changes from DOMChangesData and apply global defaults
+     */
+    private extractChangesFromData;
+    /**
+     * Extract all variant changes for cross-variant tracking
+     */
+    private extractAllVariantChanges;
+    /**
+     * Determine if visual changes should be applied based on URL filter
+     */
+    private shouldApplyVisualChanges;
+    hasChanges(experimentName: string): boolean;
+    applyChange(change: DOMChange, experimentName: string): boolean;
+    on(event: string, callback: EventCallback): void;
+    off(event: string, callback?: EventCallback): void;
+    protected emit(event: string, data?: EventCallbackData): void;
+    getStyleManager(experimentName: string): StyleSheetManager;
+    buildCssRule(selector: string, properties: Record<string, string>, important?: boolean): string;
+    buildStateRules(selector: string, states: any, important?: boolean): string;
+    refreshExperiments(): void;
+    destroy(): void;
+    protected registerWithContext(): void;
+    protected unregisterFromContext(): void;
+    /**
+     * Hide content to prevent flicker before experiments are applied
+     */
+    private hideContent;
+    /**
+     * Show hidden content after experiments are applied
+     */
+    private showContent;
+    watchElement(element: Element, experimentName: string, change: DOMChange): void;
+    unwatchElement(element: Element, experimentName: string): void;
+    private setupPersistenceObserver;
+    private checkStyleOverwritten;
+}