nodebb-plugin-ezoic-infinite 1.6.1 → 1.6.3

package/package.json

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

package/public/client.js

@@ -1345,8 +1345,15 @@ function buildOrdinalMap(items) {
 
 
 
+
 // ===== CLEAN REFRACTOR: visibility manager for Ezoic wraps =====
 (function () {
+  // v2.1 (safe):
+  // - Keep the v2 behavior that didn't break forum rendering.
+  // - Improve speed moderately (earlier preload + slightly higher show throughput).
+  // - Improve up-scroll reliability without scanning the whole DOM:
+  //   * on scroll, enqueue showAds for wraps currently in/near viewport (small bounded loop).
+
   var BETWEEN_SELECTOR = '.nodebb-ezoic-wrap.ezoic-ad-between';
   var MESSAGE_SELECTOR = '.nodebb-ezoic-wrap.ezoic-ad-message';
   var WRAP_SELECTOR = BETWEEN_SELECTOR + ', ' + MESSAGE_SELECTOR;
@@ -1354,8 +1361,14 @@ function buildOrdinalMap(items) {
   var KEEP_MARGIN_BETWEEN_DESKTOP = 2600;
   var KEEP_MARGIN_BETWEEN_MOBILE  = 1900;
 
-  var SHOW_COOLDOWN_MS = 1200;
-  var MAX_SHOW_PER_TICK = 4;
+  // Show tuning (moderate)
+  var SHOW_COOLDOWN_MS = 900;
+  var MAX_SHOW_PER_TICK = 6;
+
+  // Up-scroll helper: only check near-viewport wraps, bounded
+  var SCAN_COOLDOWN_MS = 220;
+  var lastScan = 0;
+  var SCAN_BUDGET = 10;
 
   function isMobile() {
     try { return window.matchMedia && window.matchMedia('(max-width: 767px)').matches; } catch (e) { return false; }
@@ -1369,6 +1382,12 @@ function buildOrdinalMap(items) {
   function getWrapId(w) {
     try { return w.getAttribute('data-ezoic-wrapid'); } catch (e) { return null; }
   }
+  function getPlaceholderId(w) {
+    try {
+      var ph = w.querySelector('[data-ezoic-id]');
+      return ph ? ph.getAttribute('data-ezoic-id') : null;
+    } catch (e) { return null; }
+  }
 
   function enqueueShow(id) {
     if (!id) return;
@@ -1422,6 +1441,7 @@ function buildOrdinalMap(items) {
     });
   }
 
+  // IO: preload earlier for faster display
   var io = null;
   function installIO() {
     if (io || typeof IntersectionObserver === 'undefined') return;
@@ -1432,18 +1452,12 @@ function buildOrdinalMap(items) {
           if (!e || !e.target) return;
           if (e.isIntersecting) {
             try { e.target.setAttribute('data-last-visible', String(Date.now())); } catch (err) {}
-
-            var id = getWrapId(e.target);
+            var id = getWrapId(e.target) || getPlaceholderId(e.target);
             if (id) enqueueShow(id);
-
-            try {
-              var ph = e.target.querySelector('[data-ezoic-id]');
-              if (ph) enqueueShow(ph.getAttribute('data-ezoic-id'));
-            } catch (err) {}
           }
         });
       } catch (e) {}
-    }, { root: null, rootMargin: '900px 0px 900px 0px', threshold: 0.01 });
+    }, { root: null, rootMargin: '1200px 0px 1200px 0px', threshold: 0.01 });
 
     try { document.querySelectorAll(WRAP_SELECTOR).forEach(function (w) { try { io.observe(w); } catch(e) {} }); } catch (e) {}
   }
@@ -1465,7 +1479,8 @@ function buildOrdinalMap(items) {
 
             if (n.matches && n.matches(WRAP_SELECTOR)) {
               try { io.observe(n); } catch (e) {}
-              try { var id = getWrapId(n); if (id) enqueueShow(id); } catch (e) {}
+              var id = getWrapId(n) || getPlaceholderId(n);
+              if (id) enqueueShow(id);
             } else if (n.querySelectorAll) {
               var inner = n.querySelectorAll(WRAP_SELECTOR);
               for (var k = 0; k < inner.length; k++) {
@@ -1480,6 +1495,31 @@ function buildOrdinalMap(items) {
     try { mo.observe(document.documentElement || document.body, { childList: true, subtree: true }); } catch (e) {}
   }
 
+  // Small bounded scan near viewport on scroll (helps on up-scroll)
+  function scanNearViewport() {
+    var now = Date.now();
+    if (now - lastScan < SCAN_COOLDOWN_MS) return;
+    lastScan = now;
+
+    var vh = window.innerHeight || document.documentElement.clientHeight || 0;
+    var margin = 900; // near viewport window
+    var wraps;
+    try { wraps = document.querySelectorAll(WRAP_SELECTOR); } catch (e) { return; }
+
+    var budget = SCAN_BUDGET;
+    for (var i = 0; i < wraps.length && budget > 0; i++) {
+      var w = wraps[i];
+      try {
+        var r = w.getBoundingClientRect();
+        if (r.bottom >= -margin && r.top <= (vh + margin)) {
+          var id = getWrapId(w) || getPlaceholderId(w);
+          if (id) enqueueShow(id);
+          budget--;
+        }
+      } catch (e) {}
+    }
+  }
+
   var sweepPending = false;
   var lastSweep = 0;
   var SWEEP_COOLDOWN_MS = 600;
@@ -1496,27 +1536,26 @@ function buildOrdinalMap(items) {
     });
   }
 
+  function onScroll() {
+    scheduleSweep();
+    scanNearViewport();
+    scheduleShowTick();
+  }
+
   function init() {
     installIO();
     installMO();
 
-    window.addEventListener('scroll', function () {
-      scheduleSweep();
-      scheduleShowTick();
-    }, { passive: true });
-
-    window.addEventListener('resize', function () {
-      scheduleSweep();
-      scheduleShowTick();
-    }, { passive: true });
+    window.addEventListener('scroll', onScroll, { passive: true });
+    window.addEventListener('resize', onScroll, { passive: true });
 
     if (window.jQuery) {
       window.jQuery(window).on('action:ajaxify.end action:infiniteScroll.loaded', function () {
-        setTimeout(function () { installIO(); scheduleSweep(); scheduleShowTick(); }, 0);
+        setTimeout(function () { installIO(); onScroll(); }, 0);
       });
     }
 
-    setTimeout(function () { installIO(); scheduleSweep(); scheduleShowTick(); }, 0);
+    setTimeout(function () { installIO(); onScroll(); }, 0);
   }
 
   if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);
@@ -1525,3 +1564,4 @@ function buildOrdinalMap(items) {
 // ===== /CLEAN REFRACTOR =====
 
 
+