nodebb-plugin-ezoic-infinite 1.6.3 → 1.6.4

package/package.json

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

package/public/client.js

@@ -1346,13 +1346,13 @@ 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).
+  // v2.2:
+  // - Fix "after long scroll: no ads down / no ads up" caused by O(n) scans with a small budget.
+  // - Replace the near-viewport scan with a viewport-walk using elementFromPoint + sibling traversal.
+  //   This stays O(k) even with thousands of posts.
 
   var BETWEEN_SELECTOR = '.nodebb-ezoic-wrap.ezoic-ad-between';
   var MESSAGE_SELECTOR = '.nodebb-ezoic-wrap.ezoic-ad-message';
@@ -1361,14 +1361,15 @@ function buildOrdinalMap(items) {
   var KEEP_MARGIN_BETWEEN_DESKTOP = 2600;
   var KEEP_MARGIN_BETWEEN_MOBILE  = 1900;
 
-  // Show tuning (moderate)
+  // Show tuning (safe/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;
+  // Viewport-walk tuning
+  var WALK_COOLDOWN_MS = 180;
+  var lastWalk = 0;
+  var WALK_STEPS = 28;     // siblings in each direction
+  var WALK_POINTS = 2;     // sample top & bottom area of viewport
 
   function isMobile() {
     try { return window.matchMedia && window.matchMedia('(max-width: 767px)').matches; } catch (e) { return false; }
@@ -1495,28 +1496,83 @@ 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() {
+  function closestWrap(el) {
+    try {
+      while (el && el !== document.body && el !== document.documentElement) {
+        if (el.classList && el.classList.contains('nodebb-ezoic-wrap')) return el;
+        el = el.parentElement;
+      }
+    } catch (e) {}
+    return null;
+  }
+
+  function enqueueWrap(w) {
+    if (!w) return;
+    var id = getWrapId(w) || getPlaceholderId(w);
+    if (id) enqueueShow(id);
+  }
+
+  // Viewport-walk: find content near viewport and walk siblings to pick nearby wraps.
+  function viewportWalkEnqueue() {
     var now = Date.now();
-    if (now - lastScan < SCAN_COOLDOWN_MS) return;
-    lastScan = now;
+    if (now - lastWalk < WALK_COOLDOWN_MS) return;
+    lastWalk = now;
+
+    if (typeof document.elementFromPoint !== 'function') return;
 
     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; }
+    if (!vh) 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) {}
+    // sample points: near top and near bottom
+    var ys = [Math.min(vh - 10, 140), Math.max(10, vh - 180)];
+    if (WALK_POINTS === 1) ys = [Math.min(vh - 10, 180)];
+
+    for (var p = 0; p < ys.length; p++) {
+      var y = ys[p];
+      var el = null;
+      try { el = document.elementFromPoint(10, y); } catch (e) {}
+      if (!el) continue;
+
+      // ascend to a stable list item, then traverse siblings
+      var cursor = el;
+      // try to find an item container to traverse in topic lists
+      for (var i = 0; i < 8 && cursor && cursor.parentElement; i++) {
+        if (cursor.classList && (cursor.classList.contains('topic-item') || cursor.classList.contains('posts-list') || cursor.classList.contains('category-item'))) break;
+        cursor = cursor.parentElement;
+      }
+      // if cursor isn't traversable, just use the element itself
+      cursor = cursor || el;
+
+      // find nearest wrap around this point
+      enqueueWrap(closestWrap(el));
+
+      // walk next/prev siblings and enqueue wraps found
+      var forward = cursor;
+      for (var s = 0; s < WALK_STEPS; s++) {
+        if (!forward) break;
+        // check within forward node for wraps
+        try {
+          if (forward.matches && forward.matches(WRAP_SELECTOR)) enqueueWrap(forward);
+          if (forward.querySelectorAll) {
+            var w1 = forward.querySelectorAll(WRAP_SELECTOR);
+            for (var wi = 0; wi < w1.length; wi++) enqueueWrap(w1[wi]);
+          }
+        } catch (e) {}
+        forward = forward.nextElementSibling;
+      }
+
+      var backward = cursor;
+      for (var s2 = 0; s2 < WALK_STEPS; s2++) {
+        if (!backward) break;
+        try {
+          if (backward.matches && backward.matches(WRAP_SELECTOR)) enqueueWrap(backward);
+          if (backward.querySelectorAll) {
+            var w2 = backward.querySelectorAll(WRAP_SELECTOR);
+            for (var wj = 0; wj < w2.length; wj++) enqueueWrap(w2[wj]);
+          }
+        } catch (e) {}
+        backward = backward.previousElementSibling;
+      }
     }
   }
 
@@ -1538,7 +1594,7 @@ function buildOrdinalMap(items) {
 
   function onScroll() {
     scheduleSweep();
-    scanNearViewport();
+    viewportWalkEnqueue();
     scheduleShowTick();
   }
 
@@ -1565,3 +1621,4 @@ function buildOrdinalMap(items) {
 
 
 
+