nodebb-plugin-ezoic-infinite 1.6.41 → 1.6.42

package/package.json

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

package/public/client.js

@@ -1646,6 +1646,85 @@ function buildOrdinalMap(items) {
     });
   }
 
+  // --- Empty ad "poke" helper ---
+  // Some GPT safeframe creatives may remain visually blank until a small scroll/reflow happens.
+  // We avoid calling showAds()/refresh() (which can hurt fill) and instead trigger a cheap reflow.
+  var ezEmptySeen = Object.create(null);
+  var ezEmptyPokeTimer = Object.create(null);
+
+  function inViewportLoose(el) {
+    try {
+      if (!el || !el.getBoundingClientRect) return false;
+      var r = el.getBoundingClientRect();
+      var vh = window.innerHeight || document.documentElement.clientHeight || 0;
+      // within 1.5 viewports from top/bottom
+      return r.bottom > -vh * 0.5 && r.top < vh * 1.5;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function pokeReflowForDivId(divId) {
+    try {
+      var el = document.getElementById(divId);
+      if (!el) return;
+      if (!inViewportLoose(el)) return;
+
+      // Force a tiny reflow/paint on the closest wrapper
+      var wrap = el.closest ? (el.closest('.ez-fixed-wrap') || el.parentElement) : el.parentElement;
+      if (!wrap) wrap = el;
+
+      // Toggle visibility for one frame
+      var prevVis = wrap.style.visibility;
+      wrap.style.visibility = 'hidden';
+      requestAnimationFrame(function(){
+        wrap.style.visibility = prevVis || '';
+        // Dispatch scroll/resize events without moving the page
+        try { window.dispatchEvent(new Event('scroll')); } catch (e) {}
+        try { window.dispatchEvent(new Event('resize')); } catch (e) {}
+      });
+    } catch (e) {}
+  }
+
+  function schedulePoke(divId) {
+    try {
+      if (!divId) return;
+      var now = Date.now();
+      // Cooldown per slot to avoid loops
+      if (ezEmptySeen[divId] && now - ezEmptySeen[divId] < 15000) return;
+      ezEmptySeen[divId] = now;
+
+      if (ezEmptyPokeTimer[divId]) return;
+      ezEmptyPokeTimer[divId] = setTimeout(function(){
+        ezEmptyPokeTimer[divId] = null;
+        pokeReflowForDivId(divId);
+      }, 350);
+    } catch (e) {}
+  }
+
+  function initGptEmptyPoke() {
+    try {
+      if (!window.googletag || !googletag.cmd || !googletag.pubads) return;
+      googletag.cmd.push(function(){
+        try {
+          var pub = googletag.pubads();
+          if (!pub || !pub.addEventListener) return;
+          pub.addEventListener('slotRenderEnded', function(e){
+            try {
+              if (!e) return;
+              // divId is the GPT container id for the slot (e.g. div-gpt-ad-...)
+              var divId = e.slot && e.slot.getSlotElementId ? e.slot.getSlotElementId() : (e.slotElementId || '');
+              if (e.isEmpty) {
+                if (divId) console.log('[EZ EMPTY]', divId);
+                schedulePoke(divId);
+              }
+            } catch (err) {}
+          });
+        } catch (err2) {}
+      });
+    } catch (e) {}
+  }
+
   function init() {
     schedule('init');
 
@@ -1685,6 +1764,10 @@ function buildOrdinalMap(items) {
         });
       } catch (e) {}
     }
+
+    // Listen for GPT empty renders and apply a cheap reflow "poke".
+    // This is intentionally non-invasive (no showAds/refresh) to preserve fill.
+    initGptEmptyPoke();
   }
 
   if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);
@@ -1692,165 +1775,3 @@ function buildOrdinalMap(items) {
 })();
 // ===== /V17 =====
 
-// ===== V17.13: empty GPT "poke" (keeps V17 pile-fix intact) =====
-// Goal: some GPT containers render empty until a tiny scroll triggers a refresh.
-// This watcher detects visible empty GPT slots and triggers a lightweight refresh.
-(function () {
-  var TAG = '[EZ EMPTY]';
-  var seen = Object.create(null);
-
-  function dbg() {
-    if (!window.__EZ_DEBUG) return;
-    try { console.log.apply(console, arguments); } catch (e) {}
-  }
-
-  function throttle(fn, wait) {
-    var t = 0;
-    var timer = null;
-    return function () {
-      var now = Date.now();
-      var args = arguments;
-      if (now - t >= wait) {
-        t = now;
-        fn.apply(null, args);
-        return;
-      }
-      if (timer) return;
-      timer = setTimeout(function () {
-        timer = null;
-        t = Date.now();
-        fn.apply(null, args);
-      }, wait);
-    };
-  }
-
-  function isVisible(el) {
-    try {
-      if (!el || el.nodeType !== 1) return false;
-      var r = el.getBoundingClientRect();
-      if (!r) return false;
-      if (r.width <= 0 || r.height <= 0) return false;
-      var vh = window.innerHeight || document.documentElement.clientHeight || 0;
-      var vw = window.innerWidth || document.documentElement.clientWidth || 0;
-      if (vh <= 0 || vw <= 0) return false;
-      return r.bottom > 0 && r.right > 0 && r.top < vh && r.left < vw;
-    } catch (e) {}
-    return false;
-  }
-
-  function slotHasFill(slot) {
-    try {
-      if (slot.querySelector && slot.querySelector('iframe')) return true;
-      var cid = 'google_ads_iframe_';
-      var any = slot.querySelector && slot.querySelector('[id^="' + cid + '"] iframe');
-      return !!any;
-    } catch (e) {}
-    return false;
-  }
-
-  function pokeRefresh() {
-    try {
-      if (window.ezstandalone && typeof window.ezstandalone.showAds === 'function') {
-        window.ezstandalone.showAds();
-        dbg(TAG, 'showAds called');
-        return true;
-      }
-    } catch (e) {}
-    try { window.dispatchEvent(new Event('scroll')); } catch (e) {}
-    try { window.dispatchEvent(new Event('resize')); } catch (e) {}
-    return false;
-  }
-
-  function checkSlot(slot) {
-    try {
-      if (!slot || !slot.id) return;
-      if (slot.id.indexOf('div-gpt-ad-') !== 0) return;
-      if (slotHasFill(slot)) return;
-      if (!isVisible(slot)) return;
-
-      var k = slot.id;
-      var now = Date.now();
-      if (seen[k] && (now - seen[k]) < 2000) return;
-      seen[k] = now;
-
-      setTimeout(function () {
-        try {
-          if (!slotHasFill(slot) && isVisible(slot)) {
-            console.log(TAG, k);
-            pokeRefresh();
-          }
-        } catch (e) {}
-      }, 120);
-    } catch (e) {}
-  }
-
-  function scan() {
-    try {
-      var slots = document.querySelectorAll('[id^="div-gpt-ad-"]');
-      if (!slots || !slots.length) {
-        dbg(TAG, 'none');
-        return;
-      }
-      for (var i = 0; i < slots.length; i++) checkSlot(slots[i]);
-    } catch (e) {}
-  }
-
-  function observeNewSlots(io) {
-    try {
-      if (typeof MutationObserver === 'undefined') return;
-      var mo = new MutationObserver(function (muts) {
-        try {
-          for (var i = 0; i < muts.length; i++) {
-            var m = muts[i];
-            if (!m.addedNodes) continue;
-            for (var j = 0; j < m.addedNodes.length; j++) {
-              var n = m.addedNodes[j];
-              if (!n || n.nodeType !== 1) continue;
-              if (n.id && n.id.indexOf('div-gpt-ad-') === 0) {
-                try { io.observe(n); } catch (e) {}
-                checkSlot(n);
-              } else if (n.querySelectorAll) {
-                var inner = n.querySelectorAll('[id^="div-gpt-ad-"]');
-                for (var k = 0; k < inner.length; k++) {
-                  try { io.observe(inner[k]); } catch (e) {}
-                  checkSlot(inner[k]);
-                }
-              }
-            }
-          }
-        } catch (e) {}
-      });
-      mo.observe(document.documentElement || document.body, { childList: true, subtree: true });
-    } catch (e) {}
-  }
-
-  function initEmptyWatcher() {
-    scan();
-
-    if ('IntersectionObserver' in window) {
-      try {
-        var io = new IntersectionObserver(function (entries) {
-          for (var i = 0; i < entries.length; i++) {
-            var ent = entries[i];
-            if (ent && ent.isIntersecting) checkSlot(ent.target);
-          }
-        }, { root: null, threshold: 0.12 });
-
-        var slots = document.querySelectorAll('[id^="div-gpt-ad-"]');
-        for (var s = 0; s < slots.length; s++) {
-          try { io.observe(slots[s]); } catch (e) {}
-        }
-        observeNewSlots(io);
-      } catch (e) {}
-    }
-
-    try { window.addEventListener('scroll', throttle(scan, 250), { passive: true }); } catch (e) {}
-    try { window.addEventListener('resize', throttle(scan, 500)); } catch (e) {}
-    try { document.addEventListener('visibilitychange', function () { if (!document.hidden) setTimeout(scan, 150); }); } catch (e) {}
-  }
-
-  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', initEmptyWatcher);
-  else initEmptyWatcher();
-})();
-// ===== /V17.13 =====
-