@brndts/brndts-ads 1.14.1 → 1.14.3

package/dist/index.mjs

@@ -49906,18 +49906,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];
             };
         }
@@ -75485,7 +75485,9 @@ var DailymotionMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
                 this.context.elements.original = target;
                 var _ref = _sliced_to_array(target.src.match(URLMatch) || [], 2), _ = _ref[0], videoId = _ref[1];
                 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
@@ -76574,6 +76576,48 @@ var MediaElementFactory = /*#__PURE__*/ function() {
                 return null;
             }
         },
+        {
+            key: "isElement",
+            value: function isElement(element) {
+                switch(element.tagName){
+                    case "DIV":
+                        var hasSrc = _MediaElementFactory.getElementAttribute(element, "src");
+                        if (hasSrc) {
+                            var _hasSrc = _sliced_to_array(hasSrc, 2), el = _hasSrc[0], value2 = _hasSrc[1];
+                            var provider2 = getProviderByUrl(value2);
+                            if (provider2) {
+                                return el;
+                            }
+                        }
+                        var hasBradMaxPID = _MediaElementFactory.getElementAttribute(element, "data-bradmax-player-pid");
+                        if (hasBradMaxPID) {
+                            var _hasBradMaxPID = _sliced_to_array(hasBradMaxPID, 2), el1 = _hasBradMaxPID[0], value21 = _hasBradMaxPID[1];
+                            return el1;
+                        }
+                        var isVideoJS = element.querySelector("video-js");
+                        if (isVideoJS) {
+                            return isVideoJS;
+                        }
+                        return null;
+                    case "IFRAME":
+                        var url2 = element.getAttribute("src");
+                        if (!url2) {
+                            return null;
+                        }
+                        var provider = getProviderByUrl(url2);
+                        if (!provider || provider !== "YOUTUBE" && provider !== "DAILYMOTION") {
+                            return null;
+                        }
+                    case "VIDEO-JS":
+                        return element;
+                    case "AUDIO":
+                    case "VIDEO":
+                        return element;
+                    default:
+                        return null;
+                }
+            }
+        },
         {
             key: "getElements",
             value: function getElements(targets) {
@@ -84171,12 +84215,15 @@ var VideoAd = /*#__PURE__*/ function() {
             logger: context.logger,
             service: context.service
         };
+        videoAdContext.elements.original = target.cloneNode(true);
         var media = MediaElementFactory.get(videoAdContext, target);
         if (!media) {
             throw new Error("No media element found!");
         }
+        if (media.view) {
+            media.view.brndts_VE = this;
+        }
         videoAdContext.media = media;
-        videoAdContext.elements.original = target.cloneNode(true);
         this.recorderFactory = new RecorderFactory(this.context);
         this.videoAdContext = videoAdContext;
         this.presentationFactory = new PresentationModeFactory(this.videoAdContext);
@@ -84389,38 +84436,119 @@ 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() {
     "use strict";
     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);
@@ -84431,25 +84559,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() {}
-        },
-        {
-            key: "updateSize",
-            value: function updateSize() {
+            value: function handlePageMutation(mutations) {
                 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();
+                    for(var _iterator = mutations[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                        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;
@@ -84465,25 +84609,64 @@ var VideoAds = /*#__PURE__*/ function() {
                         }
                     }
                 }
+                this.scanAndAttach();
+            }
+        },
+        {
+            key: "updateSize",
+            value: function updateSize() {
+                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;
                 }
-                return this.videoAdElements[index];
+                if (index < 0 || index >= this.byKey.size) {
+                    return void 0;
+                }
+                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");
             }
         }
@@ -84504,8 +84687,8 @@ var Ads = /*#__PURE__*/ function() {
     _create_class(Ads, [
         {
             key: "handlePageMutation",
-            value: function handlePageMutation() {
-                this.videoAds.handlePageMutation();
+            value: function handlePageMutation(mutations) {
+                this.videoAds.handlePageMutation(mutations);
                 this.staticAds.handlePageMutation();
             }
         },