nodebb-plugin-ezoic-infinite 1.6.38 → 1.6.40

package/package.json

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

package/public/client.js

@@ -501,20 +501,43 @@ function globalGapFixInit() {
   // Best-effort refresh for Ezoic standalone when we defer placement.
   // Some stacks won't fill ads if a placeholder is rendered while collapsed/0px.
   let _refreshTimer = null;
+
+  function collectEzoicIds(root) {
+    const ids = new Set();
+    if (!root || !root.querySelectorAll) return [];
+    // Common Ezoic placeholder ids
+    root.querySelectorAll('[id^="ezoic-pub-ad-placeholder-"]').forEach(el => ids.add(el.id));
+    // Some integrations keep ids on wrappers
+    root.querySelectorAll('[data-ezoic-id]').forEach(el => {
+      if (el.id) ids.add(el.id);
+    });
+    return Array.from(ids);
+  }
+
   function refreshAds(ids) {
-    if (!ids || !ids.length) return;
     clearTimeout(_refreshTimer);
     _refreshTimer = setTimeout(() => {
       try {
         if (window.ezstandalone && typeof window.ezstandalone.showAds === 'function') {
-          window.ezstandalone.showAds(ids);
+          // Prefer a full rescan; fall back to ids if supported.
+          try {
+            window.ezstandalone.showAds();
+          } catch (e) {
+            if (ids && ids.length) window.ezstandalone.showAds(ids);
+          }
+          if (window.__EZ_DEBUG) console.debug('[ezoic-infinite] refreshAds (ezstandalone)', { ids });
           return;
         }
         if (window.ez && typeof window.ez.showAds === 'function') {
-          window.ez.showAds(ids);
+          try {
+            window.ez.showAds();
+          } catch (e) {
+            if (ids && ids.length) window.ez.showAds(ids);
+          }
+          if (window.__EZ_DEBUG) console.debug('[ezoic-infinite] refreshAds (ez)', { ids });
         }
       } catch (e) {}
-    }, 50);
+    }, 75);
   }
 
   function primePlaceholderPool(allIds) {
@@ -1699,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 });
@@ -1713,6 +1840,8 @@ function buildOrdinalMap(items) {
   function init() {
     initObserver();
     scheduleReconcile();
+    // initial scan for placeholders already in the DOM
+    scanPlaceholders(document);
 
     if (window.jQuery) {
       try {
@@ -1724,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) {}
     }