nodebb-plugin-ezoic-infinite 1.5.65 → 1.5.67

package/package.json

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

package/public/client.js

@@ -95,20 +95,11 @@
 
     // hero)
     heroDoneForPage: false,
+    burstRuns: 0,
   };
 
   const insertingIds = new Set();
 
-  function unemptyIfFilled(wrap, ph) {
-    try {
-      if (!wrap || !ph) return false;
-      const hasAd = !!(ph.querySelector && ph.querySelector('iframe, ins, img, .ez-ad, .ezoic-ad'));
-      if (hasAd) wrap.classList.remove('is-empty');
-      return hasAd;
-    } catch (e) { return false; }
-  }
-
-
 
   function markEmptyWrapper(id) {
     try {
@@ -126,17 +117,6 @@
           // consider empty if only whitespace and no iframes/ins/img
           const hasAd = !!(ph2.querySelector && ph2.querySelector('iframe, ins, img, .ez-ad, .ezoic-ad'));
           if (!hasAd) w2.classList.add('is-empty');
-          // If the ad fills later, immediately uncollapse to avoid "missing ads" perception.
-          if (!unemptyIfFilled(w2, ph2)) {
-            try {
-              const mo = new MutationObserver(() => {
-                if (unemptyIfFilled(w2, ph2)) { try { mo.disconnect(); } catch (e) {} }
-              });
-              mo.observe(ph2, { childList: true, subtree: true });
-              // safety stop
-              setTimeout(() => { try { mo.disconnect(); } catch (e) {} }, 30000);
-            } catch (e) {}
-          }
         } catch (e) {}
       }, 3500);
     } catch (e) {}
@@ -255,40 +235,22 @@
         window.__nodebbEzoicPatched = true;
         const orig = ez.showAds;
 
-        // Important: preserve the original calling convention.
-        // Some Ezoic builds expect an array; calling one-by-one can lead to
-        // repeated define attempts and "Placeholder Id ... already been defined".
         ez.showAds = function (...args) {
           if (isBlocked()) return;
 
-          const now = Date.now();
           let ids = [];
-          const isArrayCall = (args.length === 1 && Array.isArray(args[0]));
-          if (isArrayCall) ids = args[0];
+          if (args.length === 1 && Array.isArray(args[0])) ids = args[0];
           else ids = args;
 
-          const filtered = [];
           const seen = new Set();
           for (const v of ids) {
             const id = parseInt(v, 10);
             if (!Number.isFinite(id) || id <= 0 || seen.has(id)) continue;
             const ph = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
             if (!ph || !ph.isConnected) continue;
-
-            // Extra throttle to avoid rapid duplicate defines during ajaxify churn
-            const last = state.lastShowById.get(id) || 0;
-            if (now - last < 650) continue;
-            state.lastShowById.set(id, now);
-
             seen.add(id);
-            filtered.push(id);
+            try { orig.call(ez, id); } catch (e) {}
           }
-
-          if (!filtered.length) return;
-          try {
-            if (isArrayCall) orig.call(ez, filtered);
-            else orig.apply(ez, filtered);
-          } catch (e) {}
         };
       } catch (e) {}
     };
@@ -386,21 +348,11 @@ function withInternalDomChange(fn) {
       // NodeBB can insert separators/spacers; accept an anchor within a few previous siblings
       let ok = false;
       let prev = wrap.previousElementSibling;
-      for (let i = 0; i < 8 && prev; i++) {
+      for (let i = 0; i < 3 && prev; i++) {
         if (itemSet.has(prev)) { ok = true; break; }
         prev = prev.previousElementSibling;
       }
 
-      // If it is already filled (iframe/ins/img), be conservative and keep it.
-      // Prevents ads "disappearing too fast" during ajaxify churn / minor rerenders.
-      if (!ok) {
-        try {
-          const ph = wrap.querySelector && wrap.querySelector(`[id^="${PLACEHOLDER_PREFIX}"]`);
-          const filled = !!(ph && ph.querySelector && ph.querySelector('iframe, ins, img, .ez-ad, .ezoic-ad'));
-          if (filled) ok = true;
-        } catch (e) {}
-      }
-
       if (!ok) {
         const id = getWrapIdFromWrap(wrap);
         withInternalDomChange(() => {
@@ -417,28 +369,6 @@ function withInternalDomChange(fn) {
     return removed;
   }
 
-  function declusterWraps(kindClass) {
-    try {
-      const wraps = Array.from(document.querySelectorAll(`.${WRAP_CLASS}.${kindClass}`));
-      if (wraps.length < 2) return;
-      for (let i = 1; i < wraps.length; i++) {
-        const w = wraps[i];
-        if (!w || !w.isConnected) continue;
-        // If previous siblings contain another wrap within 2 hops, remove this one.
-        let prev = w.previousElementSibling;
-        let hops = 0;
-        while (prev && hops < 3) {
-          if (prev.classList && prev.classList.contains(WRAP_CLASS)) {
-            withInternalDomChange(() => { try { w.remove(); } catch (e) {} });
-            break;
-          }
-          prev = prev.previousElementSibling;
-          hops++;
-        }
-      }
-    } catch (e) {}
-  }
-
   function refreshEmptyState(id) {
     // After Ezoic has had a moment to fill the placeholder, toggle the CSS class.
     window.setTimeout(() => {
@@ -454,25 +384,17 @@ function withInternalDomChange(fn) {
     }, 3500);
   }
 
-function buildWrap(id, kindClass, afterPos, existingPlaceholder) {
+function buildWrap(id, kindClass, afterPos) {
     const wrap = document.createElement('div');
     wrap.className = `${WRAP_CLASS} ${kindClass}`;
     wrap.setAttribute('data-ezoic-after', String(afterPos));
     wrap.setAttribute('data-ezoic-wrapid', String(id));
     wrap.style.width = '100%';
 
-    if (existingPlaceholder && existingPlaceholder.nodeType === 1) {
-      try {
-        existingPlaceholder.id = `${PLACEHOLDER_PREFIX}${id}`;
-        existingPlaceholder.setAttribute('data-ezoic-id', String(id));
-      } catch (e) {}
-      wrap.appendChild(existingPlaceholder);
-    } else {
-      const ph = document.createElement('div');
-      ph.id = `${PLACEHOLDER_PREFIX}${id}`;
-      ph.setAttribute('data-ezoic-id', String(id));
-      wrap.appendChild(ph);
-    }
+    const ph = document.createElement('div');
+    ph.id = `${PLACEHOLDER_PREFIX}${id}`;
+    ph.setAttribute('data-ezoic-id', String(id));
+    wrap.appendChild(ph);
 
     return wrap;
   }
@@ -486,28 +408,24 @@ function buildWrap(id, kindClass, afterPos, existingPlaceholder) {
     if (findWrap(kindClass, afterPos)) return null;
     if (insertingIds.has(id)) return null;
 
+    const existingPh = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
+
     insertingIds.add(id);
     try {
-      const existingPh = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
-
-      // CRITICAL: never create a second element with the same id, even briefly.
-      // That can trigger "Placeholder Id ... already been defined" during load.
-      // If an existing placeholder already exists, move it into the new wrapper
-      // before inserting the wrapper into the DOM.
-      let moved = null;
-      if (existingPh && existingPh.isConnected) {
-        moved = existingPh;
-        // If it was inside one of our wrappers, drop that empty wrapper.
+      const wrap = buildWrap(id, kindClass, afterPos);
+      target.insertAdjacentElement('afterend', wrap);
+
+      // If a placeholder with this id already exists elsewhere (some Ezoic flows
+      // pre-create placeholders), move it into our wrapper instead of aborting.
+      // replaceChild moves the node atomically (no detach window).
+      if (existingPh && existingPh !== wrap.firstElementChild) {
         try {
-          const oldWrap = moved.closest && moved.closest(`.${WRAP_CLASS}`);
-          if (oldWrap && oldWrap.parentNode) {
-            withInternalDomChange(() => { try { oldWrap.remove(); } catch (e) {} });
-          }
-        } catch (e) {}
+          existingPh.setAttribute('data-ezoic-id', String(id));
+          wrap.replaceChild(existingPh, wrap.firstElementChild);
+        } catch (e) {
+          // Keep the new placeholder if replace fails.
+        }
       }
-
-      const wrap = buildWrap(id, kindClass, afterPos, moved);
-      target.insertAdjacentElement('afterend', wrap);
       return wrap;
     } finally {
       insertingIds.delete(id);
@@ -707,6 +625,15 @@ function startShow(id) {
       if (i % interval === 0) out.push(i);
     }
     return Array.from(new Set(out)).sort((a, b) => a - b);
+    // If we inserted the maximum batch, likely there are more targets.
+    // Schedule a follow-up pass (bounded via scheduleRun coalescing).
+    const maxInserts = MAX_INSERTS_PER_RUN + (isBoosted() ? 1 : 0);
+    if (insertedThisRun >= maxInserts) {
+      scheduleRun(120);
+      scheduleRun(420);
+    }
+  }
+
   }
 
   function injectBetween(kindClass, items, interval, showFirst, allIds, cursorKey) {
@@ -813,6 +740,7 @@ function startShow(id) {
 
   async function runCore() {
     if (isBlocked()) { dbg('blocked'); return; }
+    let insertedThisRun = 0;
 
     patchShowAds();
 
@@ -827,7 +755,7 @@ function startShow(id) {
       if (normalizeBool(cfg.enableMessageAds)) {
         const __items = getPostContainers();
         pruneOrphanWraps('ezoic-ad-message', __items);
-        injectBetween(
+        insertedThisRun += injectBetween(
           'ezoic-ad-message',
           __items,
           Math.max(1, parseInt(cfg.messageIntervalPosts, 10) || 3),
@@ -835,13 +763,12 @@ function startShow(id) {
           state.allPosts,
           'curPosts'
         );
-        declusterWraps('ezoic-ad-message');
       }
     } else if (kind === 'categoryTopics') {
       if (normalizeBool(cfg.enableBetweenAds)) {
         const __items = getTopicItems();
         pruneOrphanWraps('ezoic-ad-between', __items);
-        injectBetween(
+        insertedThisRun += injectBetween(
           'ezoic-ad-between',
           __items,
           Math.max(1, parseInt(cfg.intervalPosts, 10) || 6),
@@ -849,13 +776,12 @@ function startShow(id) {
           state.allTopics,
           'curTopics'
         );
-        declusterWraps('ezoic-ad-between');
       }
     } else if (kind === 'categories') {
       if (normalizeBool(cfg.enableCategoryAds)) {
         const __items = getCategoryItems();
         pruneOrphanWraps('ezoic-ad-categories', __items);
-        injectBetween(
+        insertedThisRun += injectBetween(
           'ezoic-ad-categories',
           __items,
           Math.max(1, parseInt(cfg.intervalCategories, 10) || 4),
@@ -863,22 +789,47 @@ function startShow(id) {
           state.allCategories,
           'curCategories'
         );
-        declusterWraps('ezoic-ad-categories');
       }
     }
   }
 
-  function scheduleRun() {
+  function scheduleRun(delayMs = 0) {
+    // schedule a single run (coalesced)
     if (state.runQueued) return;
     state.runQueued = true;
-    window.requestAnimationFrame(() => {
+    const doRun = () => {
       state.runQueued = false;
       const pk = getPageKey();
       if (state.pageKey && pk !== state.pageKey) return;
       runCore().catch(() => {});
-    });
+    };
+    if (delayMs > 0) {
+      window.setTimeout(() => window.requestAnimationFrame(doRun), delayMs);
+    } else {
+      window.requestAnimationFrame(doRun);
+    }
   }
 
+  function scheduleBurst() {
+    // During ajaxify/infinite scroll, the DOM may arrive in waves.
+    // We run a small, bounded burst to ensure all 1/X targets are reached.
+    const pk = getPageKey();
+    state.pageKey = pk;
+    state.burstRuns = 0;
+    const burst = () => {
+      if (getPageKey() !== pk) return;
+      if (state.burstRuns >= 6) return;
+      state.burstRuns += 1;
+      scheduleRun(0);
+      // follow-up passes catch late-rendered items (especially on topics)
+      window.setTimeout(() => scheduleRun(0), 180);
+      window.setTimeout(() => scheduleRun(0), 650);
+      window.setTimeout(() => scheduleRun(0), 1400);
+    };
+    burst();
+  }
+
+
   // ---------- observers / lifecycle ----------
 
   function cleanup() {
@@ -913,7 +864,7 @@ function startShow(id) {
     if (state.domObs) return;
     state.domObs = new MutationObserver(() => {
       if (state.internalDomChange > 0) return;
-      if (!isBlocked()) scheduleRun();
+      if (!isBlocked()) scheduleBurst();
     });
     try {
       state.domObs.observe(document.body, { childList: true, subtree: true });
@@ -942,13 +893,13 @@ function startShow(id) {
       insertHeroAdEarly().catch(() => {});
 
       // Then normal insertion
-      scheduleRun();
+      scheduleBurst();
     });
 
     // Infinite scroll / partial updates
     $(window).on('action:posts.loaded.ezoicInfinite action:topics.loaded.ezoicInfinite action:category.loaded.ezoicInfinite action:topic.loaded.ezoicInfinite', () => {
       if (isBlocked()) return;
-      scheduleRun();
+      scheduleBurst();
     });
   }
 
@@ -982,7 +933,7 @@ function startShow(id) {
       ticking = true;
       window.requestAnimationFrame(() => {
         ticking = false;
-        if (!isBlocked()) scheduleRun();
+        if (!isBlocked()) scheduleBurst();
       });
     }, { passive: true });
   }
@@ -1001,5 +952,5 @@ function startShow(id) {
   // First paint: try hero + run
   blockedUntil = 0;
   insertHeroAdEarly().catch(() => {});
-  scheduleRun();
+  scheduleBurst();
 })();

package/public/style.css

@@ -29,17 +29,17 @@
   display: block !important;
   margin: 0 !important;
   padding: 0 !important;
-  height: 1px !important;
-  min-height: 1px !important;
+  height: 0 !important;
+  min-height: 0 !important;
   overflow: hidden !important;
 }
 
 .nodebb-ezoic-wrap {
-  min-height: 1px !important;
+  min-height: 0 !important;
 }
 
 .nodebb-ezoic-wrap > [id^="ezoic-pub-ad-placeholder-"] {
-  min-height: 1px !important;
+  min-height: 0 !important;
 }
 
 /*