nodebb-plugin-ezoic-infinite 1.7.84 → 1.7.85

package/package.json

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

package/public/client.js

@@ -76,16 +76,22 @@
   const A_WRAPID    = 'data-ezoic-wrapid';   // id Ezoic
   const A_CREATED   = 'data-ezoic-created';  // timestamp création ms
   const A_SHOWN     = 'data-ezoic-shown';    // timestamp dernier showAds ms
-  const A_FILLED    = 'data-ezoic-filled';    // timestamp premier fill réel ms
+  const A_FILLED    = 'data-ezoic-filled';   // timestamp premier fill réel ms
+  const A_LAST_W    = 'data-ezoic-lastw';    // dernière largeur pub connue
+  const A_LAST_H    = 'data-ezoic-lasth';    // dernière hauteur pub connue
 
   const EMPTY_CHECK_MS    = 20_000;  // délai avant collapse d'un wrap vide post-show
+  const EMPTY_RECHECK_2_MS = EMPTY_CHECK_MS + 5_000;
+  const EMPTY_RECHECK_3_MS = EMPTY_CHECK_MS + 15_000;
+  const MIN_LIVE_AFTER_SHOW_MS = 15_000;
+  const MIN_LIVE_AFTER_FILL_MS = 25_000;
+  const KEEP_SHELL_AFTER_UNUSED_MS = 90_000;
+  const MIN_SHELL_HEIGHT = 120;
   const MIN_PRUNE_AGE_MS  = 8_000;   // délai de grâce avant pruning (stabilisation DOM)
   const MAX_INSERTS_RUN   = 6;       // max insertions par appel runCore
   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_LIVE_AFTER_SHOW_MS = 15_000; // grâce post-show avant drop/recycle
-  const MIN_LIVE_AFTER_FILL_MS = 25_000; // grâce post-fill réel avant drop/recycle
 
   // Marges IO larges et fixes — observer créé une seule fois au boot
   const IO_MARGIN_DESKTOP = '2500px 0px 2500px 0px';
@@ -130,8 +136,7 @@
     pending:      [],    // ids en attente de slot inflight
     pendingSet:   new Set(),
     wrapByKey:    new Map(),  // anchorKey → wrap DOM node
-    emptyChecks:   new Map(),  // id -> timeout ids for empty checks
-    fillObs:       new Map(),  // id -> MutationObserver (late fill uncollapse + responsive fit)
+    emptyChecks:  new Map(),  // id -> timeout ids
     runQueued:    false,
     burstActive:  false,
     burstDeadline: 0,
@@ -147,12 +152,16 @@
   const normBool  = v  => v === true || v === 'true' || v === 1 || v === '1' || v === 'on';
   const isFilled  = n  => !!(n?.querySelector?.('iframe, ins, img, video, [data-google-container-id]'));
 
+  function mutate(fn) {
+    S.mutGuard++;
+    try { fn(); } finally { S.mutGuard--; }
+  }
+
   function clearEmptyChecks(id) {
     const timers = S.emptyChecks.get(id);
-    if (timers) {
-      for (const t of timers) { try { clearTimeout(t); } catch (_) {} }
-      S.emptyChecks.delete(id);
-    }
+    if (!timers) return;
+    for (const t of timers) clearTimeout(t);
+    S.emptyChecks.delete(id);
   }
 
   function queueEmptyCheck(id, timerId) {
@@ -160,28 +169,28 @@
     S.emptyChecks.get(id).push(timerId);
   }
 
+  function hasEverFilled(wrap) { return !!wrap?.getAttribute?.(A_FILLED); }
+  function getFilledTs(wrap) { return parseInt(wrap?.getAttribute?.(A_FILLED) || '0', 10) || 0; }
+  function shouldKeepShellAfterUnused(wrap) {
+    const t = getFilledTs(wrap);
+    return !!t && (Date.now() - t) < KEEP_SHELL_AFTER_UNUSED_MS;
+  }
   function markFilledOnce(ph) {
     try {
       const wrap = ph?.closest?.(`.${WRAP_CLASS}`);
       if (!wrap) return;
-      if (!wrap.getAttribute(A_FILLED) && isFilled(ph)) {
-        wrap.setAttribute(A_FILLED, String(ts()));
-      }
+      if (!wrap.getAttribute(A_FILLED) && isFilled(ph)) wrap.setAttribute(A_FILLED, String(Date.now()));
     } catch (_) {}
   }
-
-  function isProtectedFromDrop(wrap) {
+  function rememberAdSize(ph, w, h) {
     try {
-      if (!wrap) return false;
-      const now = ts();
-      const shownTs  = parseInt(wrap.getAttribute(A_SHOWN)  || '0', 10) || 0;
-      const filledTs = parseInt(wrap.getAttribute(A_FILLED) || '0', 10) || 0;
-      if (shownTs && (now - shownTs) < MIN_LIVE_AFTER_SHOW_MS) return true;
-      if (filledTs && (now - filledTs) < MIN_LIVE_AFTER_FILL_MS) return true;
-      return false;
-    } catch (_) { return false; }
+      const wrap = ph?.closest?.(`.${WRAP_CLASS}`);
+      if (!wrap) return;
+      const ww = Math.round(w || 0), hh = Math.round(h || 0);
+      if (ww > 0) wrap.setAttribute(A_LAST_W, String(ww));
+      if (hh > 0) wrap.setAttribute(A_LAST_H, String(hh));
+    } catch (_) {}
   }
-
   function getAdIntrinsicSize(ph) {
     if (!ph) return null;
     const iframe = ph.querySelector('iframe');
@@ -189,45 +198,42 @@
       const wAttr = parseInt(iframe.getAttribute('width') || iframe.getAttribute('ezaw') || '0', 10);
       const hAttr = parseInt(iframe.getAttribute('height') || iframe.getAttribute('ezah') || '0', 10);
       const cs = window.getComputedStyle(iframe);
-      const wCss = parseFloat(cs.width) || 0;
-      const hCss = parseFloat(cs.height) || 0;
-      const w = wAttr || Math.round(wCss);
-      const h = hAttr || Math.round(hCss);
+      const w = wAttr || Math.round(parseFloat(cs.width) || iframe.offsetWidth || 0);
+      const h = hAttr || Math.round(parseFloat(cs.height) || iframe.offsetHeight || 0);
       if (w > 0 && h > 0) return { w, h };
     }
-    const gpt = ph.querySelector('[id$="__container__"]');
-    if (gpt) {
-      const cs = window.getComputedStyle(gpt);
-      const w = Math.round(parseFloat(cs.width) || gpt.offsetWidth || 0);
-      const h = Math.round(parseFloat(cs.height) || gpt.offsetHeight || 0);
-      if (w > 0 && h > 0) return { w, h };
-    }
-    const ez = ph.querySelector('.ezoic-ad');
-    if (ez) {
-      const cs = window.getComputedStyle(ez);
-      const w = Math.round(parseFloat(cs.width) || ez.offsetWidth || 0);
-      const h = Math.round(parseFloat(cs.height) || ez.offsetHeight || 0);
+    const c = ph.querySelector('[id$="__container__"]') || ph.querySelector('.ezoic-ad');
+    if (c) {
+      const cs = window.getComputedStyle(c);
+      const w = Math.round(parseFloat(cs.width) || c.offsetWidth || 0);
+      const h = Math.round(parseFloat(cs.height) || c.offsetHeight || 0);
       if (w > 0 && h > 0) return { w, h };
     }
     return null;
   }
-
+  function rememberCurrentAdSize(ph) {
+    try {
+      const size = getAdIntrinsicSize(ph);
+      if (size?.w > 0 && size?.h > 0) return rememberAdSize(ph, size.w, size.h);
+      const r = ph.getBoundingClientRect?.();
+      if (r && (r.width > 0 || r.height > 0)) rememberAdSize(ph, r.width, r.height);
+    } catch (_) {}
+  }
   function ensureScaleBox(ph) {
     let box = ph.querySelector(':scope > .nbb-ez-scale-box');
     if (box) return box;
-    const kids = Array.from(ph.childNodes).filter(n => {
-      if (n.nodeType === 1) return true;
-      if (n.nodeType === 3) return (n.textContent || '').trim().length > 0;
-      return false;
-    });
-    if (!kids.length) return null;
+    let hasChild = false;
+    for (const n of Array.from(ph.childNodes)) {
+      if (n.nodeType === 1) { hasChild = true; break; }
+      if (n.nodeType === 3 && (n.textContent || '').trim()) { hasChild = true; break; }
+    }
+    if (!hasChild) return null;
     box = document.createElement('div');
     box.className = 'nbb-ez-scale-box';
     while (ph.firstChild) box.appendChild(ph.firstChild);
     ph.appendChild(box);
     return box;
   }
-
   function clearAdScale(ph) {
     const wrap = ph?.closest?.(`.${WRAP_CLASS}`);
     if (!wrap) return;
@@ -241,18 +247,18 @@
     }
     ph.style.removeProperty('height');
   }
-
   function fitWideAd(ph) {
     try {
       if (!ph?.isConnected) return;
       const wrap = ph.closest?.(`.${WRAP_CLASS}`);
       if (!wrap) return;
-      if (!isFilled(ph)) { clearAdScale(ph); return; }
+      if (!isFilled(ph)) return clearAdScale(ph);
       const size = getAdIntrinsicSize(ph);
       if (!size?.w || !size?.h) return;
+      rememberAdSize(ph, size.w, size.h);
       const wrapWidth = Math.max(0, Math.floor(wrap.clientWidth || wrap.getBoundingClientRect().width || 0));
       if (!wrapWidth) return;
-      if (size.w <= wrapWidth + 2) { clearAdScale(ph); return; }
+      if (size.w <= wrapWidth + 2) return clearAdScale(ph);
       const scale = Math.max(0.1, Math.min(1, wrapWidth / size.w));
       const scaledH = Math.ceil(size.h * scale);
       const box = ensureScaleBox(ph);
@@ -265,39 +271,66 @@
       wrap.style.height = `${scaledH}px`;
     } catch (_) {}
   }
-
+  function applyUnusedShell(wrap, ph) {
+    try {
+      if (!wrap) return;
+      const lastH = parseInt(wrap.getAttribute(A_LAST_H) || '0', 10) || 0;
+      const h = Math.max(MIN_SHELL_HEIGHT, lastH || 0);
+      wrap.classList.remove('is-empty');
+      wrap.classList.add('is-unused-shell');
+      wrap.style.minHeight = `${h}px`;
+      if (ph) ph.style.minHeight = `${h}px`;
+    } catch (_) {}
+  }
+  function clearUnusedShell(wrap, ph) {
+    try {
+      wrap?.classList?.remove('is-unused-shell');
+      wrap?.style?.removeProperty('min-height');
+      ph?.style?.removeProperty('min-height');
+    } catch (_) {}
+  }
+  function isProtectedFromDrop(wrap) {
+    try {
+      const now = Date.now();
+      const shownTs = parseInt(wrap?.getAttribute?.(A_SHOWN) || '0', 10) || 0;
+      const filledTs = parseInt(wrap?.getAttribute?.(A_FILLED) || '0', 10) || 0;
+      if (shownTs && (now - shownTs) < MIN_LIVE_AFTER_SHOW_MS) return true;
+      if (filledTs && (now - filledTs) < MIN_LIVE_AFTER_FILL_MS) return true;
+      if (shouldKeepShellAfterUnused(wrap)) return true;
+    } catch (_) {}
+    return false;
+  }
   function uncollapseIfFilled(ph) {
     try {
       const wrap = ph?.closest?.(`.${WRAP_CLASS}`);
       if (!wrap) return;
       if (isFilled(ph)) {
         wrap.classList.remove('is-empty');
+        clearUnusedShell(wrap, ph);
         markFilledOnce(ph);
+        rememberCurrentAdSize(ph);
         fitWideAd(ph);
       }
     } catch (_) {}
   }
-
-  function unwatchPlaceholderFill(phOrId) {
-    const id = typeof phOrId === 'number' ? phOrId : parseInt(phOrId?.getAttribute?.('data-ezoic-id'), 10);
-    if (!Number.isFinite(id)) return;
-    const obs = S.fillObs.get(id);
-    if (obs) { try { obs.disconnect(); } catch (_) {} S.fillObs.delete(id); }
-  }
-
   function watchPlaceholderFill(ph) {
-    const id = parseInt(ph?.getAttribute?.('data-ezoic-id'), 10);
-    if (!ph || !Number.isFinite(id) || S.fillObs.has(id)) { try { if (ph) uncollapseIfFilled(ph); } catch (_) {} return; }
-    const obs = new MutationObserver(() => { uncollapseIfFilled(ph); try { fitWideAd(ph); } catch (_) {} });
+    if (!ph || ph.__nbbEzFillObs) return;
+    const obs = new MutationObserver(() => { uncollapseIfFilled(ph); });
     try { obs.observe(ph, { childList: true, subtree: true, attributes: true }); } catch (_) { return; }
-    S.fillObs.set(id, obs);
+    ph.__nbbEzFillObs = obs;
     uncollapseIfFilled(ph);
-    try { fitWideAd(ph); } catch (_) {}
   }
-
-  function mutate(fn) {
-    S.mutGuard++;
-    try { fn(); } finally { S.mutGuard--; }
+  function unwatchPlaceholderFill(ph) {
+    try { ph?.__nbbEzFillObs?.disconnect?.(); } catch (_) {}
+    try { delete ph.__nbbEzFillObs; } catch (_) {}
+  }
+  let fitRaf = 0;
+  function scheduleRefitAll() {
+    if (fitRaf) return;
+    fitRaf = requestAnimationFrame(() => {
+      fitRaf = 0;
+      document.querySelectorAll(`[id^="${PH_PREFIX}"]`).forEach(ph => { try { fitWideAd(ph); } catch (_) {} });
+    });
   }
 
   // ── Config ─────────────────────────────────────────────────────────────────
@@ -475,7 +508,6 @@
 
     document.querySelectorAll(`.${WRAP_CLASS}.${klass}`).forEach(wrap => {
       try {
-        if (isProtectedFromDrop(wrap)) return;
         const rect = wrap.getBoundingClientRect();
         if (rect.bottom > threshold) return;
         if (!isFilled(wrap)) {
@@ -488,26 +520,27 @@
 
     const best = bestEmpty ?? bestFilled;
     if (!best) return null;
+    if (isProtectedFromDrop(best)) return null;
     const id = parseInt(best.getAttribute(A_WRAPID), 10);
     if (!Number.isFinite(id)) return null;
 
     const oldKey = best.getAttribute(A_ANCHOR);
     // Neutraliser l'IO sur ce wrap avant déplacement — évite un showAds
     // parasite si le nœud était encore dans la zone IO_MARGIN.
-    try { const ph = best.querySelector(`#${PH_PREFIX}${id}`); if (ph) { S.io?.unobserve(ph); clearAdScale(ph); unwatchPlaceholderFill(ph); } } catch (_) {}
-    clearEmptyChecks(id);
+    try { const ph = best.querySelector(`#${PH_PREFIX}${id}`); if (ph) { S.io?.unobserve(ph); unwatchPlaceholderFill(ph); clearAdScale(ph); clearUnusedShell(best, ph); } } catch (_) {}
     mutate(() => {
       best.setAttribute(A_ANCHOR,  newKey);
       best.setAttribute(A_CREATED, String(ts()));
       best.setAttribute(A_SHOWN,   '0');
-      best.setAttribute(A_FILLED,  '0');
-      best.classList.remove('is-empty');
+      best.classList.remove('is-empty', 'is-unused-shell');
       const ph = best.querySelector(`#${PH_PREFIX}${id}`);
-      if (ph) { ph.innerHTML = ''; ph.style.removeProperty('height'); }
+      if (ph) { ph.innerHTML = ''; ph.style.removeProperty('min-height'); ph.style.removeProperty('height'); }
+      best.removeAttribute(A_FILLED); best.removeAttribute(A_LAST_W); best.removeAttribute(A_LAST_H);
       targetEl.insertAdjacentElement('afterend', best);
     });
     if (oldKey && S.wrapByKey.get(oldKey) === best) S.wrapByKey.delete(oldKey);
     S.wrapByKey.set(newKey, best);
+    try { const ph2 = best.querySelector(`#${PH_PREFIX}${id}`); if (ph2) watchPlaceholderFill(ph2); } catch (_) {}
 
     // Délais requis : destroyPlaceholders est asynchrone en interne
     const doDestroy = () => { try { ez.destroyPlaceholders([id]); } catch (_) {} setTimeout(doDefine,  300); };
@@ -515,7 +548,6 @@
     const doDisplay = () => { try { ez.displayMore([id]);         } catch (_) {} };
     try { (typeof ez.cmd?.push === 'function') ? ez.cmd.push(doDestroy) : doDestroy(); } catch (_) {}
 
-    try { const ph = best.querySelector(`#${PH_PREFIX}${id}`); if (ph) { observePh(id); watchPlaceholderFill(ph); } } catch (_) {}
     return { id, wrap: best };
   }
 
@@ -528,7 +560,6 @@
     w.setAttribute(A_WRAPID,  String(id));
     w.setAttribute(A_CREATED, String(ts()));
     w.setAttribute(A_SHOWN,   '0');
-    w.setAttribute(A_FILLED,  '0');
     w.style.cssText = 'width:100%;display:block;';
     const ph = document.createElement('div');
     ph.id = `${PH_PREFIX}${id}`;
@@ -546,21 +577,26 @@
     mutate(() => el.insertAdjacentElement('afterend', w));
     S.mountedIds.add(id);
     S.wrapByKey.set(key, w);
-    try { const ph = w.querySelector(`#${PH_PREFIX}${id}`); if (ph) watchPlaceholderFill(ph); } catch (_) {}
     return w;
   }
 
   function dropWrap(w) {
     try {
-      if (isProtectedFromDrop(w)) return;
+      if (isProtectedFromDrop(w)) {
+        const keepPh = w.querySelector(`[id^="${PH_PREFIX}"]`);
+        if (shouldKeepShellAfterUnused(w)) applyUnusedShell(w, keepPh);
+        return false;
+      }
       const ph = w.querySelector(`[id^="${PH_PREFIX}"]`);
-      if (ph instanceof Element) { S.io?.unobserve(ph); clearAdScale(ph); unwatchPlaceholderFill(ph); }
+      if (ph instanceof Element) { S.io?.unobserve(ph); unwatchPlaceholderFill(ph); clearAdScale(ph); clearUnusedShell(w, ph); }
       const id = parseInt(w.getAttribute(A_WRAPID), 10);
       if (Number.isFinite(id)) { S.mountedIds.delete(id); clearEmptyChecks(id); }
       const key = w.getAttribute(A_ANCHOR);
       if (key && S.wrapByKey.get(key) === w) S.wrapByKey.delete(key);
       w.remove();
+      return true;
     } catch (_) {}
+    return false;
   }
 
   // ── Prune (topics de catégorie uniquement) ────────────────────────────────
@@ -663,10 +699,9 @@
 
   function observePh(id) {
     const ph = document.getElementById(`${PH_PREFIX}${id}`);
-    if (ph?.isConnected) {
-      try { getIO()?.observe(ph); } catch (_) {}
-      try { watchPlaceholderFill(ph); } catch (_) {}
-    }
+    if (!ph?.isConnected) return;
+    try { watchPlaceholderFill(ph); } catch (_) {}
+    try { getIO()?.observe(ph); } catch (_) {}
   }
 
   function enqueueShow(id) {
@@ -704,7 +739,7 @@
       try {
         if (isBlocked()) { clearTimeout(timer); return release(); }
         const ph = document.getElementById(`${PH_PREFIX}${id}`);
-        if (!ph?.isConnected || isFilled(ph)) { try { if (ph?.isConnected) fitWideAd(ph); } catch (_) {} clearTimeout(timer); return release(); }
+        if (!ph?.isConnected || isFilled(ph)) { try { if (ph) uncollapseIfFilled(ph); } catch (_) {} clearTimeout(timer); return release(); }
 
         const t = ts();
         if (t - (S.lastShow.get(id) ?? 0) < SHOW_THROTTLE_MS) { clearTimeout(timer); return release(); }
@@ -713,12 +748,10 @@
         try {
           const wrap = ph.closest?.(`.${WRAP_CLASS}`);
           wrap?.setAttribute(A_SHOWN, String(t));
-          wrap?.setAttribute(A_FILLED, '0');
-          wrap?.classList.remove('is-empty');
-          if (wrap) wrap.style.removeProperty('height');
-          ph.style.removeProperty('height');
+          wrap?.classList?.remove('is-empty');
+          clearUnusedShell(wrap, ph);
+          clearEmptyChecks(id);
         } catch (_) {}
-        clearEmptyChecks(id);
 
         window.ezstandalone = window.ezstandalone || {};
         const ez = window.ezstandalone;
@@ -736,25 +769,37 @@
 
   function scheduleEmptyCheck(id, showTs) {
     clearEmptyChecks(id);
+
     const runCheck = () => {
       try {
         const ph   = document.getElementById(`${PH_PREFIX}${id}`);
         const wrap = ph?.closest?.(`.${WRAP_CLASS}`);
         if (!wrap || !ph?.isConnected) return;
         if (parseInt(wrap.getAttribute(A_SHOWN) || '0', 10) > showTs) return;
-        if ((parseInt(wrap.getAttribute(A_FILLED) || '0', 10) || 0) > 0) {
+
+        if (isFilled(ph)) {
           wrap.classList.remove('is-empty');
-          if (isFilled(ph)) fitWideAd(ph);
+          clearUnusedShell(wrap, ph);
+          markFilledOnce(ph);
+          rememberCurrentAdSize(ph);
+          fitWideAd(ph);
+          return;
+        }
+
+        if (hasEverFilled(wrap) || shouldKeepShellAfterUnused(wrap)) {
+          applyUnusedShell(wrap, ph);
           return;
         }
-        wrap.classList.toggle('is-empty', !isFilled(ph));
-        if (isFilled(ph)) fitWideAd(ph);
+
+        clearUnusedShell(wrap, ph);
+        clearAdScale(ph);
+        wrap.classList.add('is-empty');
       } catch (_) {}
     };
-    [EMPTY_CHECK_MS, EMPTY_CHECK_MS + 5000, EMPTY_CHECK_MS + 15000].forEach(delay => {
-      const t = setTimeout(runCheck, delay);
-      queueEmptyCheck(id, t);
-    });
+
+    queueEmptyCheck(id, setTimeout(runCheck, EMPTY_CHECK_MS));
+    queueEmptyCheck(id, setTimeout(runCheck, EMPTY_RECHECK_2_MS));
+    queueEmptyCheck(id, setTimeout(runCheck, EMPTY_RECHECK_3_MS));
   }
 
   // ── Patch Ezoic showAds ────────────────────────────────────────────────────
@@ -869,17 +914,6 @@
     step();
   }
 
-  let fitRaf = 0;
-  function scheduleRefitAll() {
-    if (fitRaf) return;
-    fitRaf = requestAnimationFrame(() => {
-      fitRaf = 0;
-      document.querySelectorAll(`[id^="${PH_PREFIX}"]`).forEach(ph => {
-        try { fitWideAd(ph); } catch (_) {}
-      });
-    });
-  }
-
   // ── Cleanup navigation ─────────────────────────────────────────────────────
 
   function cleanup() {
@@ -892,16 +926,13 @@
     S.mountedIds.clear();
     S.lastShow.clear();
     S.wrapByKey.clear();
-    for (const [, timers] of S.emptyChecks) { for (const t of timers) { try { clearTimeout(t); } catch (_) {} } }
+    for (const timers of S.emptyChecks.values()) for (const t of timers) clearTimeout(t);
     S.emptyChecks.clear();
-    for (const [, obs] of S.fillObs) { try { obs.disconnect(); } catch (_) {} }
-    S.fillObs.clear();
     S.inflight     = 0;
     S.pending      = [];
     S.pendingSet.clear();
     S.burstActive  = false;
     S.runQueued    = false;
-    if (fitRaf) { try { cancelAnimationFrame(fitRaf); } catch (_) {} fitRaf = 0; }
   }
 
   // ── MutationObserver ───────────────────────────────────────────────────────
@@ -1028,6 +1059,10 @@
     }, { passive: true });
   }
 
+  function bindResize() {
+    window.addEventListener('resize', scheduleRefitAll, { passive: true });
+  }
+
   // ── Boot ───────────────────────────────────────────────────────────────────
 
   S.pageKey = pageKey();
@@ -1039,7 +1074,7 @@
   ensureDomObserver();
   bindNodeBB();
   bindScroll();
-  window.addEventListener('resize', scheduleRefitAll, { passive: true });
+  bindResize();
   blockedUntil = 0;
   requestBurst();
 

package/public/style.css

@@ -77,8 +77,7 @@
   padding: 0 !important;
 }
 
-
-/* Si le wrap contient une pub, ne jamais le laisser en mode vide */
+/* ── Hardening async fill + responsive creatives ───────────────────────── */
 .nodebb-ezoic-wrap.is-empty:has(iframe, ins, img, video, [data-google-container-id]) {
   height: auto !important;
   min-height: 1px !important;
@@ -86,7 +85,6 @@
   overflow: visible !important;
 }
 
-/* ── Responsive hardening Ezoic ─────────────────────────────────────────── */
 .nodebb-ezoic-wrap {
   max-width: 100%;
   overflow-x: clip;
@@ -113,7 +111,6 @@
 }
 
 .nodebb-ezoic-wrap iframe {
-  display: block !important;
   margin-left: auto !important;
   margin-right: auto !important;
   max-width: none !important;
@@ -128,6 +125,11 @@
   will-change: transform;
 }
 
-@supports not (overflow: clip) {
-  .nodebb-ezoic-wrap { overflow-x: hidden; }
+.nodebb-ezoic-wrap.is-unused-shell {
+  overflow: hidden !important;
+}
+
+.nodebb-ezoic-wrap.is-unused-shell > [id^="ezoic-pub-ad-placeholder-"] {
+  display: block;
+  width: 100%;
 }