@absmartly/sdk-plugins 1.2.2 → 1.3.2

package/lib/core/DOMChangesPluginLite.js

@@ -97,6 +97,9 @@ var DOMChangesPluginLite = /** @class */ (function () {
         this.persistenceManager = null;
         this.antiFlickerTimeout = null;
         this.antiFlickerStyleId = 'absmartly-antiflicker';
+        this.originalPushState = null;
+        this.originalReplaceState = null;
+        this.popstateHandler = null;
         this.config = {
             context: config.context,
             autoApply: (_a = config.autoApply) !== null && _a !== void 0 ? _a : true,
@@ -112,6 +115,12 @@ var DOMChangesPluginLite = /** @class */ (function () {
             throw new Error('[ABsmartly] Context is required');
         }
         console.log("[ABsmartly] DOMChangesPluginLite v".concat(DOMChangesPluginLite.VERSION, " initialized"));
+        // Publish presence markers synchronously so detection tools (e.g. the
+        // browser extension) can see the plugin is loaded even while
+        // context.ready() is still pending or if initialize() later throws.
+        // initialize() will re-register with initialized=true on success.
+        this.registerWithContext(false);
+        this.registerGlobally(false);
         if (this.config.hideUntilReady) {
             this.hideContent();
         }
@@ -203,6 +212,10 @@ var DOMChangesPluginLite = /** @class */ (function () {
                     case 4:
                         error_1 = _a.sent();
                         (0, debug_1.logDebug)('[ABsmartly] Failed to initialize plugin:', error_1);
+                        this.emit('error', {
+                            type: 'initialization_error',
+                            error: (error_1 === null || error_1 === void 0 ? void 0 : error_1.message) || String(error_1),
+                        });
                         throw error_1;
                     case 5: return [2 /*return*/];
                 }
@@ -212,45 +225,96 @@ var DOMChangesPluginLite = /** @class */ (function () {
     DOMChangesPluginLite.prototype.setupMutationObserver = function () {
         var _this = this;
         var observer = new MutationObserver(function (mutations) {
-            // Re-apply ALL changes to elements that were replaced by React (hydration mismatch)
-            mutations.forEach(function (mutation) {
-                if (mutation.type === 'childList') {
-                    // Check if any added nodes match our applied change selectors
-                    mutation.addedNodes.forEach(function (node) {
-                        var _a;
-                        if (node.nodeType === Node.ELEMENT_NODE) {
-                            var element_1 = node;
-                            // Check all experiments with applied changes (not just style changes)
-                            var appliedChanges = ((_a = _this.persistenceManager) === null || _a === void 0 ? void 0 : _a.getAppliedChanges()) || new Map();
-                            appliedChanges.forEach(function (changes, experimentName) {
-                                changes.forEach(function (change) {
+            var e_1, _a, e_2, _b, e_3, _c, e_4, _d, e_5, _e;
+            var _f;
+            try {
+                // Re-apply ALL changes to elements that were replaced by React (hydration mismatch)
+                for (var mutations_1 = __values(mutations), mutations_1_1 = mutations_1.next(); !mutations_1_1.done; mutations_1_1 = mutations_1.next()) {
+                    var mutation = mutations_1_1.value;
+                    if (mutation.type === 'childList') {
+                        try {
+                            // Check if any added nodes match our applied change selectors
+                            for (var _g = (e_2 = void 0, __values(mutation.addedNodes)), _h = _g.next(); !_h.done; _h = _g.next()) {
+                                var node = _h.value;
+                                if (node.nodeType === Node.ELEMENT_NODE) {
+                                    var element = node;
+                                    // Check all experiments with applied changes (not just style changes)
+                                    var appliedChanges = ((_f = _this.persistenceManager) === null || _f === void 0 ? void 0 : _f.getAppliedChanges()) || new Map();
                                     try {
-                                        // Check if this new element or any of its descendants match the selector
-                                        var matchingElements = element_1.matches(change.selector)
-                                            ? [element_1]
-                                            : Array.from(element_1.querySelectorAll(change.selector));
-                                        matchingElements.forEach(function (matchingEl) {
-                                            if (_this.config.debug) {
-                                                (0, debug_1.logDebug)('[SPA-REAPPLY] Re-applying change to newly added element (React hydration recovery)', {
-                                                    experimentName: experimentName,
-                                                    selector: change.selector,
-                                                    element: matchingEl.tagName,
-                                                    changeType: change.type,
-                                                });
+                                        for (var appliedChanges_1 = (e_3 = void 0, __values(appliedChanges)), appliedChanges_1_1 = appliedChanges_1.next(); !appliedChanges_1_1.done; appliedChanges_1_1 = appliedChanges_1.next()) {
+                                            var _j = __read(appliedChanges_1_1.value, 2), experimentName = _j[0], changes = _j[1];
+                                            try {
+                                                for (var changes_1 = (e_4 = void 0, __values(changes)), changes_1_1 = changes_1.next(); !changes_1_1.done; changes_1_1 = changes_1.next()) {
+                                                    var change = changes_1_1.value;
+                                                    try {
+                                                        // Check if this new element or any of its descendants match the selector
+                                                        var matchingElements = element.matches(change.selector)
+                                                            ? [element]
+                                                            : Array.from(element.querySelectorAll(change.selector));
+                                                        try {
+                                                            for (var matchingElements_1 = (e_5 = void 0, __values(matchingElements)), matchingElements_1_1 = matchingElements_1.next(); !matchingElements_1_1.done; matchingElements_1_1 = matchingElements_1.next()) {
+                                                                var matchingEl = matchingElements_1_1.value;
+                                                                if (_this.config.debug) {
+                                                                    (0, debug_1.logDebug)('[SPA-REAPPLY] Re-applying change to newly added element (React hydration recovery)', {
+                                                                        experimentName: experimentName,
+                                                                        selector: change.selector,
+                                                                        element: matchingEl.tagName,
+                                                                        changeType: change.type,
+                                                                    });
+                                                                }
+                                                                // Re-apply the change to the new element (ALL types: style, class, attribute, html, text, etc.)
+                                                                _this.domManipulator.applyChange(change, experimentName);
+                                                            }
+                                                        }
+                                                        catch (e_5_1) { e_5 = { error: e_5_1 }; }
+                                                        finally {
+                                                            try {
+                                                                if (matchingElements_1_1 && !matchingElements_1_1.done && (_e = matchingElements_1.return)) _e.call(matchingElements_1);
+                                                            }
+                                                            finally { if (e_5) throw e_5.error; }
+                                                        }
+                                                    }
+                                                    catch (e) {
+                                                        // Invalid selector, skip
+                                                    }
+                                                }
                                             }
-                                            // Re-apply the change to the new element (ALL types: style, class, attribute, html, text, etc.)
-                                            _this.domManipulator.applyChange(change, experimentName);
-                                        });
+                                            catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                                            finally {
+                                                try {
+                                                    if (changes_1_1 && !changes_1_1.done && (_d = changes_1.return)) _d.call(changes_1);
+                                                }
+                                                finally { if (e_4) throw e_4.error; }
+                                            }
+                                        }
                                     }
-                                    catch (e) {
-                                        // Invalid selector, skip
+                                    catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                                    finally {
+                                        try {
+                                            if (appliedChanges_1_1 && !appliedChanges_1_1.done && (_c = appliedChanges_1.return)) _c.call(appliedChanges_1);
+                                        }
+                                        finally { if (e_3) throw e_3.error; }
                                     }
-                                });
-                            });
+                                }
+                            }
                         }
-                    });
+                        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                        finally {
+                            try {
+                                if (_h && !_h.done && (_b = _g.return)) _b.call(_g);
+                            }
+                            finally { if (e_2) throw e_2.error; }
+                        }
+                    }
                 }
-            });
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (mutations_1_1 && !mutations_1_1.done && (_a = mutations_1.return)) _a.call(mutations_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
         });
         // Wait for document.body to exist before observing
         // This prevents "parameter 1 is not of type 'Node'" errors when SDK loads in <head>
@@ -305,24 +369,23 @@ var DOMChangesPluginLite = /** @class */ (function () {
             });
         }); };
         // Listen to popstate (back/forward navigation)
-        window.addEventListener('popstate', handleURLChange);
+        this.popstateHandler = handleURLChange;
+        window.addEventListener('popstate', this.popstateHandler);
         // Intercept pushState and replaceState
-        var originalPushState = history.pushState;
-        var originalReplaceState = history.replaceState;
-        history.pushState = function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
+        this.originalPushState = history.pushState;
+        this.originalReplaceState = history.replaceState;
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
+        var self = this;
+        history.pushState = function (data, unused, url) {
+            if (self.originalPushState) {
+                self.originalPushState.call(history, data, unused, url);
             }
-            originalPushState.apply(history, args);
             handleURLChange();
         };
-        history.replaceState = function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
+        history.replaceState = function (data, unused, url) {
+            if (self.originalReplaceState) {
+                self.originalReplaceState.call(history, data, unused, url);
             }
-            originalReplaceState.apply(history, args);
             handleURLChange();
         };
         if (this.config.debug) {
@@ -336,18 +399,14 @@ var DOMChangesPluginLite = /** @class */ (function () {
     DOMChangesPluginLite.prototype.removeAllChanges = function () {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
-                // Clear exposed experiments - ExposureTracker will re-register on next applyChanges
+                // ExposureTracker will re-register on next applyChanges
                 this.exposedExperiments.clear();
-                // Clear style managers - StyleSheetManager doesn't have a remove method
-                // The stylesheets will be reused or cleared on next applyChanges
+                // StyleSheetManager doesn't have a remove method, stylesheets will be reused on next applyChanges
                 this.styleManagers.clear();
-                // Clear applied changes
                 if (this.persistenceManager) {
                     this.persistenceManager.clearAll();
                 }
-                // Clear HTML injections
                 this.htmlInjector.destroy();
-                // Clear variant extractor cache to force re-extraction
                 this.variantExtractor.clearCache();
                 if (this.config.debug) {
                     (0, debug_1.logDebug)('[ABsmartly] All change tracking cleared for URL change');
@@ -427,10 +486,10 @@ var DOMChangesPluginLite = /** @class */ (function () {
     };
     DOMChangesPluginLite.prototype.applyChanges = function (experimentName) {
         return __awaiter(this, void 0, void 0, function () {
-            var startTime, currentURL, error_3, allExperiments, totalApplied, experimentStats, allExperiments_1, allExperiments_1_1, _a, expName, experimentData, currentVariant, variantData, urlFilter, globalDefaults, anyVariantMatchesURL, shouldApplyVisualChanges, changes, allVariantChanges, hasAnyChangesInAnyVariant, stats, changes_1, changes_1_1, change, success, elements, hasAnyViewportTriggerInAnyVariant, hasAnyImmediateTriggerInAnyVariant, allVariantsData, allVariantsData_1, allVariantsData_1_1, _b, variantIndex, variantData_1, variantChanges, variantMatchesURL, config, urlFilterConfig, variantChanges_1, variantChanges_1_1, change, duration;
-            var e_1, _c, e_2, _d, e_3, _e, e_4, _f;
-            return __generator(this, function (_g) {
-                switch (_g.label) {
+            var startTime, currentURL, error_3, allExperiments, totalApplied, experimentStats, allExperiments_1, allExperiments_1_1, _a, expName, experimentData, currentVariant, variantData, urlFilter, globalDefaults, anyVariantMatchesURL, shouldApplyVisualChanges, changes, allVariantChanges, hasAnyChangesInAnyVariant, stats, changes_2, changes_2_1, change, success, elements, hasAnyViewportTriggerInAnyVariant, hasAnyImmediateTriggerInAnyVariant, allVariantsData, allVariantsData_1, allVariantsData_1_1, _b, idx, data, allVariantsData_2, allVariantsData_2_1, _c, variantIndex, variantData_1, variantChanges, variantMatchesURL, config, urlFilterConfig, variantChanges_1, variantChanges_1_1, change, duration;
+            var e_6, _d, e_7, _e, e_8, _f, e_9, _g, e_10, _h;
+            return __generator(this, function (_j) {
+                switch (_j.label) {
                     case 0:
                         startTime = performance.now();
                         currentURL = window.location.href;
@@ -445,15 +504,15 @@ var DOMChangesPluginLite = /** @class */ (function () {
                             (0, debug_1.logDebug)('[ABsmartly] Current URL:', currentURL);
                             (0, debug_1.logDebug)('[ABsmartly] Context ready:', true);
                         }
-                        _g.label = 1;
+                        _j.label = 1;
                     case 1:
-                        _g.trys.push([1, 3, , 4]);
+                        _j.trys.push([1, 3, , 4]);
                         return [4 /*yield*/, this.config.context.ready()];
                     case 2:
-                        _g.sent();
+                        _j.sent();
                         return [3 /*break*/, 4];
                     case 3:
-                        error_3 = _g.sent();
+                        error_3 = _j.sent();
                         (0, debug_1.logDebug)('[ABsmartly] Failed to wait for context ready:', error_3);
                         return [2 /*return*/];
                     case 4:
@@ -539,8 +598,8 @@ var DOMChangesPluginLite = /** @class */ (function () {
                                 // Apply visual changes only if URL matches for user's variant AND user has changes
                                 if (shouldApplyVisualChanges && changes && changes.length > 0) {
                                     try {
-                                        for (changes_1 = (e_2 = void 0, __values(changes)), changes_1_1 = changes_1.next(); !changes_1_1.done; changes_1_1 = changes_1.next()) {
-                                            change = changes_1_1.value;
+                                        for (changes_2 = (e_7 = void 0, __values(changes)), changes_2_1 = changes_2.next(); !changes_2_1.done; changes_2_1 = changes_2.next()) {
+                                            change = changes_2_1.value;
                                             // Skip delete changes with viewport triggers - they must be applied AFTER exposure
                                             // Otherwise the element is removed before it can be observed
                                             if (change.type === 'delete' && change.trigger_on_view) {
@@ -570,12 +629,12 @@ var DOMChangesPluginLite = /** @class */ (function () {
                                             }
                                         }
                                     }
-                                    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                                    catch (e_7_1) { e_7 = { error: e_7_1 }; }
                                     finally {
                                         try {
-                                            if (changes_1_1 && !changes_1_1.done && (_d = changes_1.return)) _d.call(changes_1);
+                                            if (changes_2_1 && !changes_2_1.done && (_e = changes_2.return)) _e.call(changes_2);
                                         }
-                                        finally { if (e_2) throw e_2.error; }
+                                        finally { if (e_7) throw e_7.error; }
                                     }
                                 }
                                 else if (changes && changes.length > 0) {
@@ -589,21 +648,31 @@ var DOMChangesPluginLite = /** @class */ (function () {
                                         allVariantsDataSize: allVariantsData.size,
                                         allVariantChangesLength: allVariantChanges.length,
                                     });
-                                    // Log the structure of each variant's data
-                                    allVariantsData.forEach(function (data, idx) {
-                                        (0, debug_1.logDebug)("[ABsmartly] Variant ".concat(idx, " data structure:"), {
-                                            isArray: Array.isArray(data),
-                                            isObject: typeof data === 'object',
-                                            hasUrlFilter: data && typeof data === 'object' && !Array.isArray(data) && 'urlFilter' in data,
-                                            keys: data && typeof data === 'object' && !Array.isArray(data) ? Object.keys(data) : 'N/A',
-                                        });
-                                    });
+                                    try {
+                                        // Log the structure of each variant's data
+                                        for (allVariantsData_1 = (e_8 = void 0, __values(allVariantsData)), allVariantsData_1_1 = allVariantsData_1.next(); !allVariantsData_1_1.done; allVariantsData_1_1 = allVariantsData_1.next()) {
+                                            _b = __read(allVariantsData_1_1.value, 2), idx = _b[0], data = _b[1];
+                                            (0, debug_1.logDebug)("[ABsmartly] Variant ".concat(idx, " data structure:"), {
+                                                isArray: Array.isArray(data),
+                                                isObject: typeof data === 'object',
+                                                hasUrlFilter: data && typeof data === 'object' && !Array.isArray(data) && 'urlFilter' in data,
+                                                keys: data && typeof data === 'object' && !Array.isArray(data) ? Object.keys(data) : 'N/A',
+                                            });
+                                        }
+                                    }
+                                    catch (e_8_1) { e_8 = { error: e_8_1 }; }
+                                    finally {
+                                        try {
+                                            if (allVariantsData_1_1 && !allVariantsData_1_1.done && (_f = allVariantsData_1.return)) _f.call(allVariantsData_1);
+                                        }
+                                        finally { if (e_8) throw e_8.error; }
+                                    }
                                 }
                                 try {
                                     // Loop through ALL variants (not just ones with changes)
                                     // We need to check URL filters from the raw data, which includes variants without changes
-                                    for (allVariantsData_1 = (e_3 = void 0, __values(allVariantsData)), allVariantsData_1_1 = allVariantsData_1.next(); !allVariantsData_1_1.done; allVariantsData_1_1 = allVariantsData_1.next()) {
-                                        _b = __read(allVariantsData_1_1.value, 2), variantIndex = _b[0], variantData_1 = _b[1];
+                                    for (allVariantsData_2 = (e_9 = void 0, __values(allVariantsData)), allVariantsData_2_1 = allVariantsData_2.next(); !allVariantsData_2_1.done; allVariantsData_2_1 = allVariantsData_2.next()) {
+                                        _c = __read(allVariantsData_2_1.value, 2), variantIndex = _c[0], variantData_1 = _c[1];
                                         variantChanges = allVariantChanges[variantIndex];
                                         if (!variantChanges || variantChanges.length === 0) {
                                             continue;
@@ -623,7 +692,7 @@ var DOMChangesPluginLite = /** @class */ (function () {
                                         // Only collect trigger types from variants whose URL filters match
                                         if (variantMatchesURL) {
                                             try {
-                                                for (variantChanges_1 = (e_4 = void 0, __values(variantChanges)), variantChanges_1_1 = variantChanges_1.next(); !variantChanges_1_1.done; variantChanges_1_1 = variantChanges_1.next()) {
+                                                for (variantChanges_1 = (e_10 = void 0, __values(variantChanges)), variantChanges_1_1 = variantChanges_1.next(); !variantChanges_1_1.done; variantChanges_1_1 = variantChanges_1.next()) {
                                                     change = variantChanges_1_1.value;
                                                     if (change.trigger_on_view) {
                                                         hasAnyViewportTriggerInAnyVariant = true;
@@ -637,12 +706,12 @@ var DOMChangesPluginLite = /** @class */ (function () {
                                                     }
                                                 }
                                             }
-                                            catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                                            catch (e_10_1) { e_10 = { error: e_10_1 }; }
                                             finally {
                                                 try {
-                                                    if (variantChanges_1_1 && !variantChanges_1_1.done && (_f = variantChanges_1.return)) _f.call(variantChanges_1);
+                                                    if (variantChanges_1_1 && !variantChanges_1_1.done && (_h = variantChanges_1.return)) _h.call(variantChanges_1);
                                                 }
-                                                finally { if (e_4) throw e_4.error; }
+                                                finally { if (e_10) throw e_10.error; }
                                             }
                                             if (this.config.debug) {
                                                 (0, debug_1.logDebug)("[ABsmartly] Variant ".concat(variantIndex, " matches URL - hasImmediate: ").concat(hasAnyImmediateTriggerInAnyVariant, ", hasViewport: ").concat(hasAnyViewportTriggerInAnyVariant));
@@ -658,12 +727,12 @@ var DOMChangesPluginLite = /** @class */ (function () {
                                         }
                                     }
                                 }
-                                catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                                catch (e_9_1) { e_9 = { error: e_9_1 }; }
                                 finally {
                                     try {
-                                        if (allVariantsData_1_1 && !allVariantsData_1_1.done && (_e = allVariantsData_1.return)) _e.call(allVariantsData_1);
+                                        if (allVariantsData_2_1 && !allVariantsData_2_1.done && (_g = allVariantsData_2.return)) _g.call(allVariantsData_2);
                                     }
-                                    finally { if (e_3) throw e_3.error; }
+                                    finally { if (e_9) throw e_9.error; }
                                 }
                                 if (this.config.debug) {
                                     (0, debug_1.logDebug)("[TRIGGER-DETECTION] [".concat(expName, "] Final trigger decision for '").concat(expName, "':"), {
@@ -709,12 +778,12 @@ var DOMChangesPluginLite = /** @class */ (function () {
                                 (0, debug_1.logExperimentSummary)(expName, stats.total, stats.success, stats.pending);
                             }
                         }
-                        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                        catch (e_6_1) { e_6 = { error: e_6_1 }; }
                         finally {
                             try {
-                                if (allExperiments_1_1 && !allExperiments_1_1.done && (_c = allExperiments_1.return)) _c.call(allExperiments_1);
+                                if (allExperiments_1_1 && !allExperiments_1_1.done && (_d = allExperiments_1.return)) _d.call(allExperiments_1);
                             }
-                            finally { if (e_1) throw e_1.error; }
+                            finally { if (e_6) throw e_6.error; }
                         }
                         duration = performance.now() - startTime;
                         (0, debug_1.logPerformance)('Apply changes', duration, {
@@ -754,7 +823,7 @@ var DOMChangesPluginLite = /** @class */ (function () {
      * Get all experiments with their variant data and metadata
      */
     DOMChangesPluginLite.prototype.getAllExperimentsData = function () {
-        var e_5, _a;
+        var e_11, _a;
         var experiments = new Map();
         var allVariants = this.variantExtractor.extractAllChanges();
         (0, debug_1.logDebug)('[GET-EXPERIMENTS] Extracting experiment data from context', {
@@ -806,6 +875,8 @@ var DOMChangesPluginLite = /** @class */ (function () {
                     globalDefaults = {
                         waitForElement: config.waitForElement,
                         persistStyle: config.persistStyle,
+                        persistAttribute: config.persistAttribute,
+                        persistScript: config.persistScript,
                         important: config.important,
                         observerRoot: config.observerRoot,
                     };
@@ -813,12 +884,12 @@ var DOMChangesPluginLite = /** @class */ (function () {
                 experiments.set(expName, { variantData: variantData, urlFilter: urlFilter, globalDefaults: globalDefaults });
             }
         }
-        catch (e_5_1) { e_5 = { error: e_5_1 }; }
+        catch (e_11_1) { e_11 = { error: e_11_1 }; }
         finally {
             try {
                 if (allVariants_1_1 && !allVariants_1_1.done && (_a = allVariants_1.return)) _a.call(allVariants_1);
             }
-            finally { if (e_5) throw e_5.error; }
+            finally { if (e_11) throw e_11.error; }
         }
         return experiments;
     };
@@ -842,8 +913,8 @@ var DOMChangesPluginLite = /** @class */ (function () {
         }
         // Apply global defaults to each change
         return changes.map(function (change) {
-            var _a, _b, _c, _d;
-            return (__assign(__assign({}, change), { waitForElement: (_a = change.waitForElement) !== null && _a !== void 0 ? _a : globalDefaults.waitForElement, persistStyle: (_b = change.persistStyle) !== null && _b !== void 0 ? _b : globalDefaults.persistStyle, important: (_c = change.important) !== null && _c !== void 0 ? _c : globalDefaults.important, observerRoot: (_d = change.observerRoot) !== null && _d !== void 0 ? _d : globalDefaults.observerRoot }));
+            var _a, _b, _c, _d, _e, _f;
+            return (__assign(__assign({}, change), { waitForElement: (_a = change.waitForElement) !== null && _a !== void 0 ? _a : globalDefaults.waitForElement, persistStyle: (_b = change.persistStyle) !== null && _b !== void 0 ? _b : globalDefaults.persistStyle, persistAttribute: (_c = change.persistAttribute) !== null && _c !== void 0 ? _c : globalDefaults.persistAttribute, persistScript: (_d = change.persistScript) !== null && _d !== void 0 ? _d : globalDefaults.persistScript, important: (_e = change.important) !== null && _e !== void 0 ? _e : globalDefaults.important, observerRoot: (_f = change.observerRoot) !== null && _f !== void 0 ? _f : globalDefaults.observerRoot }));
         });
     };
     /**
@@ -871,14 +942,16 @@ var DOMChangesPluginLite = /** @class */ (function () {
                 globalDefaults = {
                     waitForElement: config.waitForElement,
                     persistStyle: config.persistStyle,
+                    persistAttribute: config.persistAttribute,
+                    persistScript: config.persistScript,
                     important: config.important,
                     observerRoot: config.observerRoot,
                 };
             }
             // Apply global defaults
             var processedChanges = variantChanges.map(function (change) {
-                var _a, _b, _c, _d;
-                return (__assign(__assign({}, change), { waitForElement: (_a = change.waitForElement) !== null && _a !== void 0 ? _a : globalDefaults.waitForElement, persistStyle: (_b = change.persistStyle) !== null && _b !== void 0 ? _b : globalDefaults.persistStyle, important: (_c = change.important) !== null && _c !== void 0 ? _c : globalDefaults.important, observerRoot: (_d = change.observerRoot) !== null && _d !== void 0 ? _d : globalDefaults.observerRoot }));
+                var _a, _b, _c, _d, _e, _f;
+                return (__assign(__assign({}, change), { waitForElement: (_a = change.waitForElement) !== null && _a !== void 0 ? _a : globalDefaults.waitForElement, persistStyle: (_b = change.persistStyle) !== null && _b !== void 0 ? _b : globalDefaults.persistStyle, persistAttribute: (_c = change.persistAttribute) !== null && _c !== void 0 ? _c : globalDefaults.persistAttribute, persistScript: (_d = change.persistScript) !== null && _d !== void 0 ? _d : globalDefaults.persistScript, important: (_e = change.important) !== null && _e !== void 0 ? _e : globalDefaults.important, observerRoot: (_f = change.observerRoot) !== null && _f !== void 0 ? _f : globalDefaults.observerRoot }));
             });
             processedVariants.push(processedChanges);
         };
@@ -923,12 +996,23 @@ var DOMChangesPluginLite = /** @class */ (function () {
                     change: change,
                 });
             }
+            else {
+                this.emit('change_failed', {
+                    experimentName: experimentName,
+                    change: change,
+                    reason: 'selector_not_found_or_apply_failed',
+                });
+            }
             return success;
         }
         catch (error) {
-            if (this.config.debug) {
-                (0, debug_1.logDebug)('[ABsmartly] Error applying change:', error);
-            }
+            (0, debug_1.logDebug)('[ABsmartly] Error applying change:', error);
+            this.emit('error', {
+                type: 'change_apply_error',
+                experimentName: experimentName,
+                change: change,
+                error: (error === null || error === void 0 ? void 0 : error.message) || String(error),
+            });
             return false;
         }
     };
@@ -950,7 +1034,7 @@ var DOMChangesPluginLite = /** @class */ (function () {
         }
     };
     DOMChangesPluginLite.prototype.emit = function (event, data) {
-        var e_6, _a;
+        var e_12, _a;
         var listeners = this.eventListeners.get(event) || [];
         try {
             for (var listeners_1 = __values(listeners), listeners_1_1 = listeners_1.next(); !listeners_1_1.done; listeners_1_1 = listeners_1.next()) {
@@ -963,12 +1047,12 @@ var DOMChangesPluginLite = /** @class */ (function () {
                 }
             }
         }
-        catch (e_6_1) { e_6 = { error: e_6_1 }; }
+        catch (e_12_1) { e_12 = { error: e_12_1 }; }
         finally {
             try {
                 if (listeners_1_1 && !listeners_1_1.done && (_a = listeners_1.return)) _a.call(listeners_1);
             }
-            finally { if (e_6) throw e_6.error; }
+            finally { if (e_12) throw e_12.error; }
         }
     };
     DOMChangesPluginLite.prototype.getStyleManager = function (experimentName) {
@@ -1019,10 +1103,23 @@ var DOMChangesPluginLite = /** @class */ (function () {
         }
     };
     DOMChangesPluginLite.prototype.destroy = function () {
+        var e_13, _a;
         this.domManipulator.destroy();
         this.exposureTracker.destroy();
         this.htmlInjector.destroy();
-        this.styleManagers.forEach(function (manager) { return manager.destroy(); });
+        try {
+            for (var _b = __values(this.styleManagers.values()), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var manager = _c.value;
+                manager.destroy();
+            }
+        }
+        catch (e_13_1) { e_13 = { error: e_13_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_13) throw e_13.error; }
+        }
         this.styleManagers.clear();
         if (this.mutationObserver) {
             this.mutationObserver.disconnect();
@@ -1041,6 +1138,18 @@ var DOMChangesPluginLite = /** @class */ (function () {
         if (antiFlickerStyle) {
             antiFlickerStyle.remove();
         }
+        // Restore history methods
+        if (this.originalPushState) {
+            history.pushState = this.originalPushState;
+        }
+        if (this.originalReplaceState) {
+            history.replaceState = this.originalReplaceState;
+        }
+        // Remove popstate listener
+        if (this.popstateHandler) {
+            window.removeEventListener('popstate', this.popstateHandler);
+            this.popstateHandler = null;
+        }
         this.eventListeners.clear();
         this.exposedExperiments.clear();
         this.unregisterFromContext();
@@ -1050,7 +1159,8 @@ var DOMChangesPluginLite = /** @class */ (function () {
             (0, debug_1.logDebug)('[ABsmartly] DOM Changes Plugin Lite destroyed');
         }
     };
-    DOMChangesPluginLite.prototype.registerWithContext = function () {
+    DOMChangesPluginLite.prototype.registerWithContext = function (initialized) {
+        if (initialized === void 0) { initialized = true; }
         if (this.config.context) {
             if (!this.config.context.__plugins) {
                 this.config.context.__plugins = {};
@@ -1058,14 +1168,14 @@ var DOMChangesPluginLite = /** @class */ (function () {
             this.config.context.__plugins.domPlugin = {
                 name: 'DOMChangesPluginLite',
                 version: DOMChangesPluginLite.VERSION,
-                initialized: true,
+                initialized: initialized,
                 capabilities: ['spa', 'visibility'],
                 instance: this,
                 timestamp: Date.now(),
             };
             this.config.context.__domPlugin = this.config.context.__plugins.domPlugin;
             if (this.config.debug) {
-                (0, debug_1.logDebug)('[ABsmartly] DOMChangesPluginLite registered with context at __plugins.domPlugin');
+                (0, debug_1.logDebug)("[ABsmartly] DOMChangesPluginLite registered with context at __plugins.domPlugin (initialized=".concat(initialized, ")"));
             }
         }
     };
@@ -1086,17 +1196,18 @@ var DOMChangesPluginLite = /** @class */ (function () {
     /**
      * Register plugin in global registry for detection
      */
-    DOMChangesPluginLite.prototype.registerGlobally = function () {
+    DOMChangesPluginLite.prototype.registerGlobally = function (initialized) {
+        if (initialized === void 0) { initialized = true; }
         (0, plugin_registry_1.registerPlugin)('dom', {
             name: 'DOMChangesPluginLite',
             version: DOMChangesPluginLite.VERSION,
-            initialized: true,
+            initialized: initialized,
             timestamp: Date.now(),
             capabilities: ['spa', 'visibility', 'auto-apply'],
             instance: this,
         });
         if (this.config.debug) {
-            (0, debug_1.logDebug)('[ABsmartly] DOMChangesPluginLite registered in global window.__ABSMARTLY_PLUGINS__');
+            (0, debug_1.logDebug)("[ABsmartly] DOMChangesPluginLite registered in global window.__ABSMARTLY_PLUGINS__ (initialized=".concat(initialized, ")"));
         }
     };
     /**