nodebb-plugin-ezoic-infinite 1.5.32 → 1.5.33

package/package.json

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

package/public/client.js

@@ -14,19 +14,32 @@
   const PRELOAD_MARGIN_DESKTOP = '2600px 0px 2600px 0px';
   const PRELOAD_MARGIN_MOBILE = '1500px 0px 1500px 0px';
 
+  // When the user scrolls very fast, temporarily preload more aggressively.
+  // This helps ensure ads are already in-flight before the user reaches them.
+  const PRELOAD_MARGIN_DESKTOP_BOOST = '4200px 0px 4200px 0px';
+  const PRELOAD_MARGIN_MOBILE_BOOST = '2500px 0px 2500px 0px';
+  const BOOST_DURATION_MS = 2500;
+  const BOOST_SPEED_PX_PER_MS = 2.2; // ~2200px/s
+
   const MAX_INFLIGHT_DESKTOP = 4;
   const MAX_INFLIGHT_MOBILE = 3;
 
+  function isBoosted() {
+    try { return Date.now() < (state.scrollBoostUntil || 0); } catch (e) { return false; }
+  }
+
   function isMobile() {
     try { return window && window.innerWidth && window.innerWidth < 768; } catch (e) { return false; }
   }
 
   function getPreloadRootMargin() {
-    return isMobile() ? PRELOAD_MARGIN_MOBILE : PRELOAD_MARGIN_DESKTOP;
+    if (isMobile()) return isBoosted() ? PRELOAD_MARGIN_MOBILE_BOOST : PRELOAD_MARGIN_MOBILE;
+    return isBoosted() ? PRELOAD_MARGIN_DESKTOP_BOOST : PRELOAD_MARGIN_DESKTOP;
   }
 
   function getMaxInflight() {
-    return isMobile() ? MAX_INFLIGHT_MOBILE : MAX_INFLIGHT_DESKTOP;
+    const base = isMobile() ? MAX_INFLIGHT_MOBILE : MAX_INFLIGHT_DESKTOP;
+    return base + (isBoosted() ? 1 : 0);
   }
 
   const SELECTORS = {
@@ -71,13 +84,18 @@
     pending: [],
     pendingSet: new Set(),
 
+    // fast scroll boosting
+    scrollBoostUntil: 0,
+    lastScrollY: 0,
+    lastScrollTs: 0,
+    ioMargin: null,
+
     // hero)
     heroDoneForPage: false,
   };
 
   const insertingIds = new Set();
 
-    }
 
   function markEmptyWrapper(id) {
     try {
@@ -532,7 +550,14 @@ function startShow(id) {
   // ---------- preload / above-the-fold ----------
 
   function ensurePreloadObserver() {
-    if (state.io) return state.io;
+    const desiredMargin = getPreloadRootMargin();
+    if (state.io && state.ioMargin === desiredMargin) return state.io;
+
+    // Rebuild IO if margin changed (e.g., scroll boost toggled)
+    if (state.io) {
+      try { state.io.disconnect(); } catch (e) {}
+      state.io = null;
+    }
     try {
       state.io = new IntersectionObserver((entries) => {
         for (const ent of entries) {
@@ -544,10 +569,20 @@ function startShow(id) {
           const id = parseInt(idAttr, 10);
           if (Number.isFinite(id) && id > 0) enqueueShow(id);
         }
-      }, { root: null, rootMargin: getPreloadRootMargin(), threshold: 0 });
+      }, { root: null, rootMargin: desiredMargin, threshold: 0 });
+      state.ioMargin = desiredMargin;
     } catch (e) {
       state.io = null;
+      state.ioMargin = null;
     }
+
+    // If we rebuilt the observer, re-observe existing placeholders so we don't miss them.
+    try {
+      if (state.io) {
+        const nodes = document.querySelectorAll(`[id^="${PLACEHOLDER_PREFIX}"]`);
+        nodes.forEach((n) => { try { state.io.observe(n); } catch (e) {} });
+      }
+    } catch (e) {}
     return state.io;
   }
 
@@ -560,7 +595,9 @@ function startShow(id) {
     // If already above fold, fire immediately
     try {
       const r = ph.getBoundingClientRect();
-      if (r.top < window.innerHeight * 3.0 && r.bottom > -800) enqueueShow(id);
+      const screens = isBoosted() ? 5.0 : 3.0;
+      const minBottom = isBoosted() ? -1500 : -800;
+      if (r.top < window.innerHeight * screens && r.bottom > minBottom) enqueueShow(id);
     } catch (e) {}
   }
 
@@ -581,9 +618,10 @@ function startShow(id) {
 
     const targets = computeTargets(items.length, interval, showFirst);
     let inserted = 0;
+    const maxInserts = MAX_INSERTS_PER_RUN + (isBoosted() ? 1 : 0);
 
     for (const afterPos of targets) {
-      if (inserted >= MAX_INSERTS_PER_RUN) break;
+      if (inserted >= maxInserts) break;
 
       const el = items[afterPos - 1];
       if (!el || !el.isConnected) continue;
@@ -818,6 +856,29 @@ function startShow(id) {
   function bindScroll() {
     let ticking = false;
     window.addEventListener('scroll', () => {
+      // Detect very fast scrolling and temporarily boost preload/parallelism.
+      try {
+        const now = Date.now();
+        const y = window.scrollY || window.pageYOffset || 0;
+        if (state.lastScrollTs) {
+          const dt = now - state.lastScrollTs;
+          const dy = Math.abs(y - (state.lastScrollY || 0));
+          if (dt > 0) {
+            const speed = dy / dt; // px/ms
+            if (speed >= BOOST_SPEED_PX_PER_MS) {
+              const wasBoosted = isBoosted();
+              state.scrollBoostUntil = Math.max(state.scrollBoostUntil || 0, now + BOOST_DURATION_MS);
+              if (!wasBoosted) {
+                // margin changed -> rebuild IO so existing placeholders get earlier preload
+                ensurePreloadObserver();
+              }
+            }
+          }
+        }
+        state.lastScrollY = y;
+        state.lastScrollTs = now;
+      } catch (e) {}
+
       if (ticking) return;
       ticking = true;
       window.requestAnimationFrame(() => {