nodebb-plugin-ezoic-infinite 1.6.39 → 1.6.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-ezoic-infinite",
-  "version": "1.6.39",
+  "version": "1.6.40",
   "description": "Production-ready Ezoic infinite ads integration for NodeBB 4.x",
   "main": "library.js",
   "license": "MIT",

package/public/client.js

@@ -1722,12 +1722,116 @@ function buildOrdinalMap(items) {
     });
   }
 
+  // -------- Viewport "poke" for empty Ezoic placeholders --------
+  // Some Ezoic placeholders can be placed into the DOM already in-view, but
+  // the ad stack only reacts on the next scroll tick. This keeps blocks from
+  // staying blank until the user nudges the page.
+  var io = null;
+  var observedPlaceholders = typeof WeakSet !== 'undefined' ? new WeakSet() : null;
+
+  function isEzoicPlaceholder(el) {
+    return !!(el && el.id && el.id.indexOf('ezoic-pub-ad-placeholder-') === 0);
+  }
+
+  function iframeCount(el) {
+    try {
+      return (el && el.querySelectorAll) ? el.querySelectorAll('iframe').length : 0;
+    } catch (e) {
+      return 0;
+    }
+  }
+
+  function pokePlaceholder(ph, reason) {
+    if (!ph || !ph.id) return;
+    // throttle per placeholder
+    var now = Date.now();
+    var last = 0;
+    try { last = parseInt(ph.getAttribute('data-ez-poke-at') || '0', 10) || 0; } catch (e) {}
+    if (now - last < 1200) return;
+    try { ph.setAttribute('data-ez-poke-at', String(now)); } catch (e) {}
+
+    // Only poke if still empty
+    if (iframeCount(ph) > 0) return;
+
+    if (DEBUG) {
+      try { console.log('[EZ POKE]', reason || 'io', ph.id); } catch (e) {}
+    }
+
+    // Ask Ezoic to fill that specific placeholder
+    refreshAds([ph.id]);
+
+    // And also emit a lightweight scroll/resize tick to trigger any lazy logic
+    try { window.dispatchEvent(new Event('scroll')); } catch (e) {}
+    try { window.dispatchEvent(new Event('resize')); } catch (e) {}
+
+    // One re-try shortly after, in case the first request was dropped.
+    setTimeout(function () {
+      try {
+        if (iframeCount(ph) === 0) {
+          refreshAds([ph.id]);
+          try { window.dispatchEvent(new Event('scroll')); } catch (e2) {}
+        }
+      } catch (e3) {}
+    }, 450);
+  }
+
+  function ensureIO() {
+    if (io) return;
+    if (!('IntersectionObserver' in window)) return;
+    io = new IntersectionObserver(function (entries) {
+      for (var i = 0; i < entries.length; i++) {
+        var e = entries[i];
+        if (!e || !e.isIntersecting) continue;
+        var ph = e.target;
+        if (!isEzoicPlaceholder(ph)) continue;
+        if (iframeCount(ph) === 0) {
+          pokePlaceholder(ph, 'in-view');
+        }
+      }
+    }, { root: null, rootMargin: '200px 0px', threshold: 0.01 });
+  }
+
+  function observePlaceholder(ph) {
+    if (!ph) return;
+    ensureIO();
+    if (!io) return;
+    if (observedPlaceholders) {
+      if (observedPlaceholders.has(ph)) return;
+      observedPlaceholders.add(ph);
+    } else {
+      // fallback: mark directly
+      if (ph.getAttribute && ph.getAttribute('data-ez-observed') === '1') return;
+      try { ph.setAttribute('data-ez-observed', '1'); } catch (e) {}
+    }
+    try { io.observe(ph); } catch (e) {}
+  }
+
+  function scanPlaceholders(root) {
+    if (!root || !root.querySelectorAll) return;
+    var list = [];
+    try { list = root.querySelectorAll('div[id^="ezoic-pub-ad-placeholder-"]'); } catch (e) { list = []; }
+    for (var i = 0; i < list.length; i++) observePlaceholder(list[i]);
+  }
+
   function initObserver() {
     var ulEl = ensureUL();
     if (!ulEl || mo) return;
 
-    mo = new MutationObserver(function () {
+    mo = new MutationObserver(function (mutations) {
       scheduleReconcile();
+      // Also observe any newly injected placeholders so in-view blanks get poked.
+      try {
+        for (var i = 0; i < (mutations || []).length; i++) {
+          var m = mutations[i];
+          if (!m || !m.addedNodes) continue;
+          for (var j = 0; j < m.addedNodes.length; j++) {
+            var n = m.addedNodes[j];
+            if (!n) continue;
+            if (isEzoicPlaceholder(n)) observePlaceholder(n);
+            else scanPlaceholders(n);
+          }
+        }
+      } catch (e) {}
     });
 
     mo.observe(ulEl, { childList: true, subtree: true });
@@ -1736,6 +1840,8 @@ function buildOrdinalMap(items) {
   function init() {
     initObserver();
     scheduleReconcile();
+    // initial scan for placeholders already in the DOM
+    scanPlaceholders(document);
 
     if (window.jQuery) {
       try {
@@ -1747,6 +1853,8 @@ function buildOrdinalMap(items) {
           scheduleReconcile();
           setTimeout(scheduleReconcile, 120);
           setTimeout(scheduleReconcile, 500);
+          // re-scan after ajaxify/infinite load
+          setTimeout(function () { scanPlaceholders(document); }, 50);
         });
       } catch (e) {}
     }