@brndts/brndts-ads 1.14.2 → 1.14.4

package/dist/index.js

@@ -49920,18 +49920,18 @@ var browserPerformanceTimeOrigin = function() {
 // node_modules/@sentry/core/build/esm/utils-hoist/misc.js
 function uuid4() {
     var gbl = GLOBAL_OBJ;
-    var crypto = gbl.crypto || gbl.msCrypto;
+    var crypto2 = gbl.crypto || gbl.msCrypto;
     var getRandomByte = function() {
         return Math.random() * 16;
     };
     try {
-        if (crypto && crypto.randomUUID) {
-            return crypto.randomUUID().replace(/-/g, "");
+        if (crypto2 && crypto2.randomUUID) {
+            return crypto2.randomUUID().replace(/-/g, "");
         }
-        if (crypto && crypto.getRandomValues) {
+        if (crypto2 && crypto2.getRandomValues) {
             getRandomByte = function() {
                 var typedArray = new Uint8Array(1);
-                crypto.getRandomValues(typedArray);
+                crypto2.getRandomValues(typedArray);
                 return typedArray[0];
             };
         }
@@ -74819,6 +74819,9 @@ var BradmaxMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
         {
             key: "handlePlayEvent",
             value: function handlePlayEvent() {
+                if (!this.ready) {
+                    this.mediaIsReady();
+                }
                 this.emit("PLAY");
                 this.context.store.dispatch({
                     type: "PLAY"
@@ -74828,6 +74831,9 @@ var BradmaxMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
         {
             key: "handlePauseEvent",
             value: function handlePauseEvent() {
+                if (!this.ready) {
+                    this.mediaIsReady();
+                }
                 this.emit("PAUSED");
                 this.context.store.dispatch({
                     type: "PAUSE"
@@ -74837,12 +74843,18 @@ var BradmaxMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
         {
             key: "handleSeekingEvent",
             value: function handleSeekingEvent() {
+                if (!this.ready) {
+                    this.mediaIsReady();
+                }
                 this.emit("SEEKING");
             }
         },
         {
             key: "handleSeekedEvent",
             value: function handleSeekedEvent() {
+                if (!this.ready) {
+                    this.mediaIsReady();
+                }
                 this.emit("SEEKED");
             }
         },
@@ -75400,6 +75412,7 @@ var DailymotionMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
                 var container = document.createElement("div");
                 this.rootNode = target;
                 container.id = "BRNDTS";
+                container.dataset.__brndts_k = target.dataset.__brndts_k;
                 elements_default.wrap(target, container);
                 window.dailymotion.createPlayer(target.id, {
                     video: videoId
@@ -84296,37 +84309,118 @@ var VideoAd = /*#__PURE__*/ function() {
     return VideoAd;
 }();
 // src/Ads/VideoAds/VideoAds.ts
+function makeKey() {
+    var _crypto;
+    if ((_crypto = crypto) === null || _crypto === void 0 ? void 0 : _crypto.getRandomValues) {
+        var a = new Uint32Array(2);
+        crypto.getRandomValues(a);
+        return a[0].toString(36) + a[1].toString(36);
+    }
+    return Math.random().toString(36).slice(2) + Date.now().toString(36);
+}
+function ensureKey(el) {
+    if (!el.dataset.__brndts_k) {
+        var key;
+        if (el.closest("[data-__brndts_k]")) {
+            var _el_closest;
+            key = (_el_closest = el.closest("[data-__brndts_k]")) === null || _el_closest === void 0 ? void 0 : _el_closest.dataset.__brndts_k;
+        }
+        el.dataset.__brndts_k = key || makeKey();
+    }
+    return el.dataset.__brndts_k;
+}
 var VideoAds = /*#__PURE__*/ function() {
     function VideoAds(context) {
         _class_call_check(this, VideoAds);
-        this.videoAdElements = [];
+        this.byEl = /* @__PURE__ */ new WeakMap();
+        // Element -> VideoAd
+        this.byKey = /* @__PURE__ */ new Map();
+        // key -> { inst: VideoAd, el: Element }
+        this.pendingCleanup = /* @__PURE__ */ new Map();
         this.handlePageMutation = this.handlePageMutation.bind(this);
+        this.attachOrTransfer = this.attachOrTransfer.bind(this);
+        this.scheduleCleanupIfGone = this.scheduleCleanupIfGone.bind(this);
+        this.scanAndAttach = functions_default.debounce(this.scanAndAttach.bind(this), 50);
         this.context = context;
     }
     _create_class(VideoAds, [
         {
-            key: "handleMedias",
-            value: function handleMedias() {
-                try {
-                    var elements2 = [];
-                    for(var index = 0; index < this.videoAdElements.length; index++){
-                        var element = this.videoAdElements[index];
-                        if (element.isBroken()) {
-                            element.destroy();
-                        } else {
-                            elements2.push(element);
+            key: "attachOrTransfer",
+            value: function attachOrTransfer(el) {
+                if (!_instanceof(el, Element)) {
+                    return;
+                }
+                ;
+                var key = ensureKey(el);
+                var known = this.byKey.get(key);
+                if (known) {
+                    if (known.el !== el) {
+                        var tid = this.pendingCleanup.get(key);
+                        if (tid) {
+                            clearTimeout(tid);
+                            this.pendingCleanup.delete(key);
                         }
+                        var inst2 = known.inst;
+                        this.byEl.delete(known.el);
+                        this.byEl.set(el, inst2);
+                        known.el = el;
+                        this.byKey.set(key, known);
                     }
-                    this.videoAdElements = elements2;
-                    var medias = MediaElementFactory.getElements(this.context.selectors.targets);
-                    for(var index1 = 0; index1 < medias.length; index1++){
-                        if (!medias[index1] || medias[index1].closest("#BRNDTS_R") || medias[index1].querySelector("#BRNDTS_R")) {
-                            continue;
-                        }
-                        var videoAd = new VideoAd(this.context, medias[index1]);
-                        this.videoAdElements.push(videoAd);
-                        videoAd.start();
+                    return;
+                }
+                var inst = new VideoAd(this.context, el);
+                this.byEl.set(el, inst);
+                this.byKey.set(key, {
+                    inst: inst,
+                    el: el
+                });
+                inst.start();
+            }
+        },
+        {
+            // --- cleanup when nodes are actually gone (with a grace period) ---
+            key: "scheduleCleanupIfGone",
+            value: function scheduleCleanupIfGone(el) {
+                var _this = this;
+                var delayMs = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 800;
+                var _el_dataset;
+                var key = (_el_dataset = el.dataset) === null || _el_dataset === void 0 ? void 0 : _el_dataset.__brndts_k;
+                if (!key) {
+                    return;
+                }
+                if (!this.byKey.has(key) || this.pendingCleanup.has(key)) {
+                    return;
+                }
+                var tid = setTimeout(function() {
+                    var entry = _this.byKey.get(key);
+                    if (entry && !entry.el.isConnected) {
+                        var _entry_inst_destroy, _entry_inst;
+                        (_entry_inst_destroy = (_entry_inst = entry.inst).destroy) === null || _entry_inst_destroy === void 0 ? void 0 : _entry_inst_destroy.call(_entry_inst);
+                        _this.byEl.delete(entry.el);
+                        _this.byKey.delete(key);
                     }
+                    _this.pendingCleanup.delete(key);
+                }, delayMs);
+                this.pendingCleanup.set(key, tid);
+            }
+        },
+        {
+            // --- DOM wiring: scan + observer ---
+            key: "scanAndAttach",
+            value: function scanAndAttach() {
+                var _this = this;
+                var medias = MediaElementFactory.getElements(this.context.selectors.targets);
+                medias.forEach(function(el) {
+                    return _this.attachOrTransfer(el);
+                });
+            }
+        },
+        {
+            // small debounce
+            key: "handleMedias",
+            value: function handleMedias() {
+                try {
+                    this.scanAndAttach();
                 } catch (error) {
                     if (_instanceof(error, Error)) {
                         ErrorHandler.handle(error);
@@ -84337,49 +84431,41 @@ var VideoAds = /*#__PURE__*/ function() {
         {
             key: "start",
             value: function start() {
+                var _this = this;
                 if (!this.context.supports.api) {
                     this.context.logger.error("Setup failed: no support");
                     return;
                 }
-                this.handleMedias();
+                var medias = MediaElementFactory.getElements(this.context.selectors.targets);
+                medias.forEach(function(el) {
+                    return _this.attachOrTransfer(el);
+                });
             }
         },
         {
             key: "handlePageMutation",
             value: function handlePageMutation(mutations) {
-                var medias = [];
                 var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                 try {
                     for(var _iterator = mutations[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                        var mutation = _step.value;
-                        if (mutation.type === "childList") {
-                            var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
-                            try {
-                                for(var _iterator1 = mutation.addedNodes[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
-                                    var node = _step1.value;
-                                    var _node_matches;
-                                    if ((_node_matches = node.matches) === null || _node_matches === void 0 ? void 0 : _node_matches.call(node, this.context.selectors.targets)) {
-                                        var mediaElement = MediaElementFactory.isElement(node);
-                                        if (mediaElement) {
-                                            medias.push(mediaElement);
-                                        }
-                                    }
-                                }
-                            } catch (err) {
-                                _didIteratorError1 = true;
-                                _iteratorError1 = err;
-                            } finally{
-                                try {
-                                    if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
-                                        _iterator1.return();
-                                    }
-                                } finally{
-                                    if (_didIteratorError1) {
-                                        throw _iteratorError1;
+                        var rec = _step.value;
+                        rec.removedNodes.forEach(function(n) {
+                            if (n.nodeType === 1) {
+                                var stack = [
+                                    n
+                                ];
+                                while(stack.length){
+                                    var _node_dataset;
+                                    var node = stack.pop();
+                                    if ((_node_dataset = node.dataset) === null || _node_dataset === void 0 ? void 0 : _node_dataset.__brndts_k) {}
+                                    ;
+                                    for(var c = node.firstElementChild; c; c = c.nextElementSibling){
+                                        stack.push(c);
                                     }
+                                    ;
                                 }
                             }
-                        }
+                        });
                     }
                 } catch (err) {
                     _didIteratorError = true;
@@ -84395,58 +84481,64 @@ var VideoAds = /*#__PURE__*/ function() {
                         }
                     }
                 }
-                for(var index = 0; index < medias.length; index++){
-                    if (!medias[index] || medias[index].closest("#BRNDTS_R") || medias[index].querySelector("#BRNDTS_R") || medias[index].brndts_VE !== void 0) {
-                        continue;
-                    }
-                    var videoAd = new VideoAd(this.context, medias[index]);
-                    this.videoAdElements.push(videoAd);
-                    videoAd.start();
-                }
+                this.scanAndAttach();
             }
         },
         {
             key: "updateSize",
             value: function updateSize() {
-                var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-                try {
-                    for(var _iterator = this.videoAdElements[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                        var videoAd = _step.value;
-                        videoAd.updateSize();
-                    }
-                } catch (err) {
-                    _didIteratorError = true;
-                    _iteratorError = err;
-                } finally{
-                    try {
-                        if (!_iteratorNormalCompletion && _iterator.return != null) {
-                            _iterator.return();
-                        }
-                    } finally{
-                        if (_didIteratorError) {
-                            throw _iteratorError;
-                        }
+                var _this = this;
+                this.byKey.forEach(function(value2, key) {
+                    var tid = _this.pendingCleanup.get(key);
+                    if (!tid) {
+                        var _value2_inst_updateSize, _value2_inst;
+                        (_value2_inst_updateSize = (_value2_inst = value2.inst).updateSize) === null || _value2_inst_updateSize === void 0 ? void 0 : _value2_inst_updateSize.call(_value2_inst);
                     }
-                }
+                });
             }
         },
         {
             key: "getVideoAd",
             value: function getVideoAd(index) {
+                if (this.byKey.size === 0) {
+                    return void 0;
+                }
                 if (index === void 0) {
-                    return this.videoAdElements[0];
+                    return this.byKey.values().next().value.inst;
+                }
+                if (index < 0 || index >= this.byKey.size) {
+                    return void 0;
                 }
-                return this.videoAdElements[index];
+                var keys = Array.from(this.byKey.keys());
+                var key = keys[index];
+                if (!key) {
+                    return void 0;
+                }
+                var entry = this.byKey.get(key);
+                if (!entry) {
+                    return void 0;
+                }
+                return entry.inst;
             }
         },
         {
             key: "destroy",
             value: function destroy() {
+                var _this = this;
                 this.context.logger.log("destroying video ads");
-                this.videoAdElements.forEach(function(videoAd) {
-                    videoAd.destroy();
+                this.byKey.forEach(function(value2, key) {
+                    var _value2_inst_destroy, _value2_inst;
+                    var tid = _this.pendingCleanup.get(key);
+                    if (tid) {
+                        clearTimeout(tid);
+                        _this.pendingCleanup.delete(key);
+                    }
+                    (_value2_inst_destroy = (_value2_inst = value2.inst).destroy) === null || _value2_inst_destroy === void 0 ? void 0 : _value2_inst_destroy.call(_value2_inst);
+                    _this.byEl.delete(value2.el);
+                    _this.byKey.delete(key);
                 });
-                this.videoAdElements = [];
+                this.pendingCleanup.clear();
+                this.byEl = /* @__PURE__ */ new WeakMap();
                 this.context.logger.log("destroyed video ads");
             }
         }