nodebb-plugin-ezoic-infinite 1.6.2 → 1.6.3

package/package.json

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

package/public/client.js

@@ -1348,32 +1348,32 @@ function buildOrdinalMap(items) {
 
 // ===== CLEAN REFRACTOR: visibility manager for Ezoic wraps =====
 (function () {
-  // v3 improvements:
-  // - Faster global rendering: larger preload margin, higher show throughput.
-  // - Reliable on UP-scroll: scroll-proximity scanner enqueues showAds for near-viewport wraps even if IO doesn't fire.
+  // 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;
 
-  // We never remove message wraps; only very conservative cleanup for between wraps.
-  var KEEP_MARGIN_BETWEEN_DESKTOP = 3200;
-  var KEEP_MARGIN_BETWEEN_MOBILE  = 2300;
+  var KEEP_MARGIN_BETWEEN_DESKTOP = 2600;
+  var KEEP_MARGIN_BETWEEN_MOBILE  = 1900;
 
-  // Show tuning
-  var SHOW_COOLDOWN_MS = 650;   // faster re-show when coming back up
-  var MAX_SHOW_PER_TICK = 10;   // higher throughput for long scroll pages
+  // Show tuning (moderate)
+  var SHOW_COOLDOWN_MS = 900;
+  var MAX_SHOW_PER_TICK = 6;
 
-  // Proximity scan (fix up-scroll non-display)
-  var PROXIMITY_SCAN_COOLDOWN_MS = 180;
-  var PROXIMITY_MARGIN_DESKTOP = 1400; // px above+below viewport
-  var PROXIMITY_MARGIN_MOBILE  = 1100;
+  // 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; }
   }
   function keepMarginBetween() { return isMobile() ? KEEP_MARGIN_BETWEEN_MOBILE : KEEP_MARGIN_BETWEEN_DESKTOP; }
-  function proximityMargin() { return isMobile() ? PROXIMITY_MARGIN_MOBILE : PROXIMITY_MARGIN_DESKTOP; }
 
   var lastShowById = Object.create(null);
   var showQueue = [];
@@ -1430,7 +1430,7 @@ function buildOrdinalMap(items) {
       if (removed >= 3) return;
       try {
         var lv = parseInt(w.getAttribute('data-last-visible') || '0', 10);
-        if (lv && (Date.now() - lv) < 15000) return;
+        if (lv && (Date.now() - lv) < 12000) return;
 
         var r = w.getBoundingClientRect();
         if (r.bottom < -margin || r.top > ((window.innerHeight || 0) + margin)) {
@@ -1441,7 +1441,7 @@ function buildOrdinalMap(items) {
     });
   }
 
-  // IntersectionObserver: preload well before viewport
+  // IO: preload earlier for faster display
   var io = null;
   function installIO() {
     if (io || typeof IntersectionObserver === 'undefined') return;
@@ -1457,12 +1457,11 @@ function buildOrdinalMap(items) {
           }
         });
       } catch (e) {}
-    }, { root: null, rootMargin: '1400px 0px 1400px 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) {}
   }
 
-  // Observe new wraps
   var moInstalled = false;
   function installMO() {
     if (moInstalled || typeof MutationObserver === 'undefined') return;
@@ -1496,20 +1495,18 @@ function buildOrdinalMap(items) {
     try { mo.observe(document.documentElement || document.body, { childList: true, subtree: true }); } catch (e) {}
   }
 
-  // Proximity scanner: ensures re-show on up-scroll even if IO doesn't trigger (e.g. cached intersection state)
-  var lastScan = 0;
-  function proximityScan() {
+  // Small bounded scan near viewport on scroll (helps on up-scroll)
+  function scanNearViewport() {
     var now = Date.now();
-    if (now - lastScan < PROXIMITY_SCAN_COOLDOWN_MS) return;
+    if (now - lastScan < SCAN_COOLDOWN_MS) return;
     lastScan = now;
 
-    var margin = proximityMargin();
     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 = 12; // don't scan too heavy
+    var budget = SCAN_BUDGET;
     for (var i = 0; i < wraps.length && budget > 0; i++) {
       var w = wraps[i];
       try {
@@ -1523,10 +1520,9 @@ function buildOrdinalMap(items) {
     }
   }
 
-  // Sweep only between cleanup
   var sweepPending = false;
   var lastSweep = 0;
-  var SWEEP_COOLDOWN_MS = 700;
+  var SWEEP_COOLDOWN_MS = 600;
 
   function scheduleSweep() {
     var now = Date.now();
@@ -1542,7 +1538,7 @@ function buildOrdinalMap(items) {
 
   function onScroll() {
     scheduleSweep();
-    proximityScan();
+    scanNearViewport();
     scheduleShowTick();
   }
 
@@ -1555,10 +1551,7 @@ function buildOrdinalMap(items) {
 
     if (window.jQuery) {
       window.jQuery(window).on('action:ajaxify.end action:infiniteScroll.loaded', function () {
-        setTimeout(function () {
-          installIO();
-          onScroll();
-        }, 0);
+        setTimeout(function () { installIO(); onScroll(); }, 0);
       });
     }