nodebb-plugin-ezoic-infinite 1.8.25 → 1.8.27

package/package.json

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

package/public/client.js

@@ -83,7 +83,7 @@
   const MAX_INFLIGHT      = 4;       // max showAds() simultanés
   const SHOW_THROTTLE_MS  = 900;     // anti-spam showAds() par id
   const BURST_COOLDOWN_MS = 200;     // délai min entre deux déclenchements de burst
-  const MIN_PLACEHOLDER_HEIGHT = 50; // réservation minimale perçue
+  const MIN_PLACEHOLDER_HEIGHT = 1; // placeholder minimal (test stabilité scroll)
 
   // Marges IO larges et fixes — observer créé une seule fois au boot
   const IO_MARGIN_DESKTOP = '2500px 0px 2500px 0px';
@@ -370,17 +370,30 @@
       best.setAttribute(A_CREATED, String(ts()));
       best.setAttribute(A_SHOWN,   '0');
       best.classList.remove('is-empty');
-      const ph = best.querySelector(`#${PH_PREFIX}${id}`);
-      if (ph) ph.innerHTML = '';
+      const oldPh = best.querySelector(`#${PH_PREFIX}${id}`);
+      if (oldPh) {
+        const fresh = document.createElement('div');
+        fresh.id = `${PH_PREFIX}${id}`;
+        fresh.setAttribute('data-ezoic-id', String(id));
+        fresh.style.minHeight = `${MIN_PLACEHOLDER_HEIGHT}px`;
+        oldPh.replaceWith(fresh);
+      }
       targetEl.insertAdjacentElement('afterend', best);
     });
     if (oldKey && S.wrapByKey.get(oldKey) === best) S.wrapByKey.delete(oldKey);
     S.wrapByKey.set(newKey, best);
 
-    // Délais requis : destroyPlaceholders est asynchrone en interne
-    const doDestroy = () => { try { ez.destroyPlaceholders([id]); } catch (_) {} setTimeout(doDefine,  300); };
-    const doDefine  = () => { try { ez.define([id]);              } catch (_) {} setTimeout(doDisplay, 300); };
-    const doDisplay = () => { try { ez.displayMore([id]);         } catch (_) {} };
+    // Recyclage Ezoic : détruire l'ancien placeholder avant de réutiliser le même ID.
+    // Puis ré-observer + re-show (batché via patchShowAds) sur le placeholder recréé.
+    const doDestroy = () => {
+      try { ez.destroyPlaceholders(id); } catch (_) {
+        try { ez.destroyPlaceholders([id]); } catch (_) {}
+      }
+      setTimeout(() => {
+        try { observePh(id); } catch (_) {}
+        try { enqueueShow(id); } catch (_) {}
+      }, 450);
+    };
     try { (typeof ez.cmd?.push === 'function') ? ez.cmd.push(doDestroy) : doDestroy(); } catch (_) {}
 
     return { id, wrap: best };
@@ -620,17 +633,34 @@
         if (window.__nbbEzPatched || typeof ez.showAds !== 'function') return;
         window.__nbbEzPatched = true;
         const orig = ez.showAds.bind(ez);
+        const q = new Set();
+        let flushTimer = null;
+        const BATCH_SIZE = 3;
+        const FLUSH_MS = 80;
+        const flush = () => {
+          flushTimer = null;
+          if (isBlocked() || !q.size) return;
+          const ids = Array.from(q).sort((a, b) => a - b);
+          q.clear();
+          const valid = ids.filter(id => document.getElementById(`${PH_PREFIX}${id}`)?.isConnected);
+          for (let i = 0; i < valid.length; i += BATCH_SIZE) {
+            const chunk = valid.slice(i, i + BATCH_SIZE);
+            try { orig(...chunk); } catch (_) {
+              for (const id of chunk) { try { orig(id); } catch (_) {} }
+            }
+          }
+        };
         ez.showAds = function (...args) {
           if (isBlocked()) return;
-          const ids  = args.length === 1 && Array.isArray(args[0]) ? args[0] : args;
-          const seen = new Set();
+          const ids = args.length === 1 && Array.isArray(args[0]) ? args[0] : args;
           for (const v of ids) {
             const id = parseInt(v, 10);
-            if (!Number.isFinite(id) || id <= 0 || seen.has(id)) continue;
+            if (!Number.isFinite(id) || id <= 0) continue;
             if (!document.getElementById(`${PH_PREFIX}${id}`)?.isConnected) continue;
-            seen.add(id);
-            try { orig(id); } catch (_) {}
+            q.add(id);
           }
+          if (!q.size) return;
+          if (!flushTimer) flushTimer = setTimeout(flush, FLUSH_MS);
         };
       } catch (_) {}
     };

package/public/style.css

@@ -22,11 +22,10 @@
 
 /* ── Ciblage précis des nœuds Ezoic dans nos wraps ───────────────────────── */
 
-/* Supprime le gap "baseline" sous les iframes */
+/* Supprime le gap "baseline" sous les iframes (via block + line-height/font-size) */
 .nodebb-ezoic-wrap iframe,
 .nodebb-ezoic-wrap div[id$="__container__"] iframe {
   display: block !important;
-  vertical-align: top !important;
   line-height: 0 !important;
   font-size: 0 !important;
 }
@@ -34,15 +33,18 @@
 .nodebb-ezoic-wrap div[id$="__container__"] {
   display: block !important;
   line-height: 0 !important;
+  font-size: 0 !important;
 }
 
-/* Écrase la réserve 400px inline qu'Ezoic injecte */
+/* Ne pas écraser la hauteur réelle calculée par Ezoic */
 .nodebb-ezoic-wrap .ezoic-ad,
 .nodebb-ezoic-wrap span.ezoic-ad {
   margin: 0 !important;
   padding: 0 !important;
-  min-height: 1px !important;
+  display: block !important;
   height: auto !important;
+  min-height: unset !important;
+  max-height: none !important;
 }
 
 /* Reportline en absolu pour ne pas impacter le layout */