nodebb-plugin-ezoic-infinite 1.8.10 → 1.8.12

package/library.js

@@ -71,8 +71,9 @@ async function getSettings() {
 
 async function isUserExcluded(uid, excludedGroups) {
   if (!uid || !excludedGroups.length) return false;
+  const excluded = new Set((excludedGroups || []).map(String));
   const userGroups = await groups.getUserGroups([uid]);
-  return (userGroups[0] || []).some(g => excludedGroups.includes(g.name));
+  return (userGroups[0] || []).some(g => excluded.has(String(g.name)));
 }
 
 // ── Scripts Ezoic ──────────────────────────────────────────────────────────
@@ -113,13 +114,34 @@ plugin.injectEzoicHead = async (data) => {
     const uid      = data.req?.uid ?? 0;
     const excluded = await isUserExcluded(uid, settings.excludedGroups);
     if (!excluded) {
-      // Préfixer : nos scripts d'abord, puis le customHTML existant de l'admin
-      data.templateData.customHTML = EZOIC_SCRIPTS + (data.templateData.customHTML || '');
+      const html = data.templateData.customHTML || '';
+      if (!html.includes('data-nbb-ezoic-head="1"')) {
+        data.templateData.customHTML = `<meta data-nbb-ezoic-head="1">` + EZOIC_SCRIPTS + html;
+      }
     }
   } catch (_) {}
   return data;
 };
 
+
+function publicConfigPayload(settings, excluded) {
+  return {
+    excluded,
+    enableBetweenAds:       settings.enableBetweenAds,
+    showFirstTopicAd:       settings.showFirstTopicAd,
+    placeholderIds:         settings.placeholderIds,
+    intervalPosts:          settings.intervalPosts,
+    enableCategoryAds:      settings.enableCategoryAds,
+    showFirstCategoryAd:    settings.showFirstCategoryAd,
+    categoryPlaceholderIds: settings.categoryPlaceholderIds,
+    intervalCategories:     settings.intervalCategories,
+    enableMessageAds:       settings.enableMessageAds,
+    showFirstMessageAd:     settings.showFirstMessageAd,
+    messagePlaceholderIds:  settings.messagePlaceholderIds,
+    messageIntervalPosts:   settings.messageIntervalPosts,
+  };
+}
+
 plugin.init = async ({ router, middleware }) => {
   async function render(req, res) {
     const settings  = await getSettings();
@@ -139,21 +161,7 @@ plugin.init = async ({ router, middleware }) => {
   router.get('/api/plugins/ezoic-infinite/config', async (req, res) => {
     const settings = await getSettings();
     const excluded = await isUserExcluded(req.uid, settings.excludedGroups);
-    res.json({
-      excluded,
-      enableBetweenAds:       settings.enableBetweenAds,
-      showFirstTopicAd:       settings.showFirstTopicAd,
-      placeholderIds:         settings.placeholderIds,
-      intervalPosts:          settings.intervalPosts,
-      enableCategoryAds:      settings.enableCategoryAds,
-      showFirstCategoryAd:    settings.showFirstCategoryAd,
-      categoryPlaceholderIds: settings.categoryPlaceholderIds,
-      intervalCategories:     settings.intervalCategories,
-      enableMessageAds:       settings.enableMessageAds,
-      showFirstMessageAd:     settings.showFirstMessageAd,
-      messagePlaceholderIds:  settings.messagePlaceholderIds,
-      messageIntervalPosts:   settings.messageIntervalPosts,
-    });
+    res.json(publicConfigPayload(settings, excluded));
   });
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-ezoic-infinite",
-  "version": "1.8.10",
+  "version": "1.8.12",
   "description": "Production-ready Ezoic infinite ads integration for NodeBB 4.x",
   "main": "library.js",
   "license": "MIT",
@@ -18,4 +18,4 @@
     "compatibility": "^4.0.0"
   },
   "private": false
-}
+}

package/public/client.js

@@ -1,5 +1,5 @@
 /**
- * NodeBB Ezoic Infinite Ads — client.js v36
+ * NodeBB Ezoic Infinite Ads — client.js v52.1
  *
  * Historique des corrections majeures
  * ────────────────────────────────────
@@ -32,6 +32,8 @@
  *
  * v34  moveDistantWrap — voir v38.
  *
+ * v52  Clean architecture interne (modules logiques, cache DOM, bridge Ezoic).
+ *
  * v50  Suppression de bindLoginCheck() : NodeBB fait un rechargement complet
  *      après login — filter:middleware.renderHeader re-évalue l'exclusion au
  *      rechargement. Redondant depuis le fix normalizeExcludedGroups (v49).
@@ -81,11 +83,11 @@
   const MIN_PRUNE_AGE_MS  = 8_000;   // délai de grâce avant pruning (stabilisation DOM)
   const MAX_INSERTS_RUN   = 10;      // plus réactif si NodeBB injecte en rafale
   const MAX_INFLIGHT      = 2;       // ids max simultanés en vol (garde-fou)
-  const MAX_SHOW_BATCH    = 3;       // ids max par appel showAds(...ids)
+  const MAX_SHOW_BATCH    = 4;       // ids max par appel showAds(...ids)
   const SHOW_THROTTLE_MS  = 500;     // anti-spam showAds() par id (plus réactif)
   const SHOW_RELEASE_MS   = 300;     // relâche inflight après showAds() batché
   const SHOW_FAILSAFE_MS  = 7000;    // relâche forcée si stack pub lente
-  const BATCH_FLUSH_MS    = 40;      // micro-buffer pour regrouper les ids proches
+  const BATCH_FLUSH_MS    = 30;      // micro-buffer pour regrouper les ids proches
   const MAX_DESTROY_BATCH  = 4;       // ids max par destroyPlaceholders(...ids)
   const DESTROY_FLUSH_MS   = 30;      // micro-buffer destroy pour lisser les rafales
   const BURST_COOLDOWN_MS = 100;     // délai min entre deux déclenchements de burst
@@ -149,6 +151,10 @@
     burstDeadline: 0,
     burstCount:   0,
     lastBurstTs:  0,
+    ioViewportMode: isMobile() ? 'm' : 'd',
+    domRev:       0,
+    domCache:     new Map(),
+    cacheFrameArmed: false,
   };
 
   let blockedUntil = 0;
@@ -157,7 +163,81 @@
   const isBlocked = () => ts() < blockedUntil;
   const isMobile  = () => { try { return window.innerWidth < 768; } catch (_) { return false; } };
   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]'));
+  const DEBUG     = (() => { try { return localStorage.getItem('nbbEzDebug') === '1'; } catch (_) { return false; } })();
+  const dbg = (...a) => { if (DEBUG) { try { console.debug('[nbb-ezoic]', ...a); } catch (_) {} } };
+  const isFilled  = n  => {
+    try {
+      if (!n?.querySelector) return false;
+      if (n.querySelector('iframe, ins, img, video, [data-google-container-id], .ezoic-ad, [id$="__container__"]')) return true;
+      const r = n.getBoundingClientRect?.();
+      return !!(r && r.height > 8);
+    } catch (_) { return false; }
+  };
+
+  const Arch = {
+    cache: {
+      // v53: frame-only micro-cache (safe for NodeBB progressive renders).
+      // We only cache DOM query results until the next animation frame, and any mutation invalidates immediately.
+      _armFrameClear() {
+        if (S.cacheFrameArmed) return;
+        S.cacheFrameArmed = true;
+        requestAnimationFrame(() => {
+          S.cacheFrameArmed = false;
+          try { S.domCache.clear(); } catch (_) {}
+          dbg('dom-cache.clear', 'raf');
+        });
+      },
+      invalidate(reason) {
+        try { S.domRev++; S.domCache.clear(); } catch (_) {}
+        dbg('dom-cache.invalidate', reason || '');
+      },
+      queryAll(key, selector, filterFn) {
+        const k = `q:${S.domRev}:${key}:${selector}`;
+        try {
+          if (S.domCache.has(k)) return S.domCache.get(k);
+        } catch (_) {}
+        const arr = Array.from(document.querySelectorAll(selector));
+        const out = typeof filterFn === 'function' ? arr.filter(Boolean).filter(filterFn) : arr;
+        try {
+          this._armFrameClear();
+          S.domCache.set(k, out);
+        } catch (_) {}
+        return out;
+      },
+      get(key, buildFn) {
+        const k = `g:${S.domRev}:${key}`;
+        try {
+          if (S.domCache.has(k)) return S.domCache.get(k);
+        } catch (_) {}
+        const out = buildFn();
+        try {
+          this._armFrameClear();
+          S.domCache.set(k, out);
+        } catch (_) {}
+        return out;
+      },
+    },
+    ezoic: {
+      ensure() {
+        window.ezstandalone = window.ezstandalone || {};
+        return window.ezstandalone;
+      },
+      run(fn) {
+        const ez = this.ensure();
+        try { return (typeof ez?.cmd?.push === 'function') ? ez.cmd.push(fn) : fn(); } catch (_) {}
+      },
+      call(method, ...args) {
+        const ez = this.ensure();
+        const fn = ez?.[method];
+        if (typeof fn !== 'function') return;
+        try { return fn.apply(ez, args); } catch (_) {}
+      },
+    },
+    page: {
+      kind() { return Arch.cache.get('kind', getKind); },
+      key() { return pageKey(); },
+    },
+  };
 
   function healFalseEmpty(root = document) {
     try {
@@ -215,7 +295,8 @@
 
   function mutate(fn) {
     S.mutGuard++;
-    try { fn(); } finally { S.mutGuard--; }
+    try { fn(); }
+    finally { S.mutGuard--; Arch.cache.invalidate('mutate'); }
   }
 function scheduleDestroyFlush() {
   if (S.destroyBatchTimer) return;
@@ -235,11 +316,7 @@ function flushDestroyBatch() {
     ids.push(id);
   }
   if (ids.length) {
-    try {
-      const ez = window.ezstandalone;
-      const run = () => { try { ez?.destroyPlaceholders?.(ids); } catch (_) {} };
-      try { (typeof ez?.cmd?.push === 'function') ? ez.cmd.push(run) : run(); } catch (_) {}
-    } catch (_) {}
+    try { Arch.ezoic.run(() => Arch.ezoic.call('destroyPlaceholders', ids)); } catch (_) {}
   }
   if (S.destroyPending.length) scheduleDestroyFlush();
 }
@@ -255,20 +332,28 @@ function destroyEzoicId(id) {
   scheduleDestroyFlush();
 }
 
-function destroyBeforeReuse(ids) {
+function queueDestroyIds(ids) {
+  for (const raw of (ids || [])) {
+    const id = parseInt(raw, 10);
+    if (!Number.isFinite(id) || id <= 0) continue;
+    if (!S.ezActiveIds.has(id) && !S.ezShownSinceDestroy.has(id)) continue;
+    if (S.destroyPendingSet.has(id)) continue;
+    S.destroyPending.push(id);
+    S.destroyPendingSet.add(id);
+    S.ezActiveIds.delete(id);
+    S.ezShownSinceDestroy.delete(id);
+  }
+  if (S.destroyPending.length) scheduleDestroyFlush();
+}
+
+function prepareIdsForShow(ids) {
   const out = [];
-  const toDestroy = [];
   const seen = new Set();
   for (const raw of (ids || [])) {
     const id = parseInt(raw, 10);
     if (!Number.isFinite(id) || id <= 0 || seen.has(id)) continue;
     seen.add(id);
     out.push(id);
-    if (S.ezShownSinceDestroy.has(id)) toDestroy.push(id);
-  }
-  if (toDestroy.length) {
-    try { window.ezstandalone?.destroyPlaceholders?.(toDestroy); } catch (_) {}
-    for (const id of toDestroy) S.ezShownSinceDestroy.delete(id);
   }
   return out;
 }
@@ -327,7 +412,7 @@ function destroyBeforeReuse(ids) {
   // ── Items DOM ──────────────────────────────────────────────────────────────
 
   function getPosts() {
-    return Array.from(document.querySelectorAll(SEL.post)).filter(el => {
+    return Arch.cache.queryAll('posts', SEL.post, el => {
       if (!el.isConnected) return false;
       if (!el.querySelector('[component="post/content"]')) return false;
       const p = el.parentElement?.closest(SEL.post);
@@ -336,8 +421,8 @@ function destroyBeforeReuse(ids) {
     });
   }
 
-  const getTopics     = () => Array.from(document.querySelectorAll(SEL.topic));
-  const getCategories = () => Array.from(document.querySelectorAll(SEL.category));
+  const getTopics     = () => Arch.cache.queryAll('topics', SEL.topic);
+  const getCategories = () => Arch.cache.queryAll('categories', SEL.category);
 
   // ── Wraps — détection ──────────────────────────────────────────────────────
 
@@ -438,6 +523,7 @@ function destroyBeforeReuse(ids) {
         S.mountedIds.delete(id);
         S.pendingSet.delete(id);
         S.lastShow.delete(id);
+        queueDestroyIds([id]);
         S.ezActiveIds.delete(id);
       }
     }
@@ -454,7 +540,7 @@ function destroyBeforeReuse(ids) {
    * Priorité : wraps vides d'abord, remplis si nécessaire.
    */
 function recycleAndMove(klass, targetEl, newKey) {
-  const ez = window.ezstandalone;
+  const ez = Arch.ezoic.ensure();
   if (typeof ez?.destroyPlaceholders !== 'function' ||
       typeof ez?.define             !== 'function' ||
       typeof ez?.displayMore        !== 'function') return null;
@@ -526,7 +612,7 @@ function recycleAndMove(klass, targetEl, newKey) {
   };
   const doDefine  = () => { try { ez.define([id]); } catch (_) {} setTimeout(doDisplay, 300); };
   const doDisplay = () => { try { ez.displayMore([id]); S.ezActiveIds.add(id); S.ezShownSinceDestroy.add(id); } catch (_) {} };
-  try { (typeof ez.cmd?.push === 'function') ? ez.cmd.push(doDestroy) : doDestroy(); } catch (_) {}
+  try { Arch.ezoic.run(doDestroy); } catch (_) {}
 
   return { id, wrap: best };
 }
@@ -566,7 +652,7 @@ function recycleAndMove(klass, targetEl, newKey) {
       const ph = w.querySelector(`[id^="${PH_PREFIX}"]`);
       if (ph instanceof Element) S.io?.unobserve(ph);
       const id = parseInt(w.getAttribute(A_WRAPID), 10);
-      if (Number.isFinite(id)) { S.ezActiveIds.delete(id); S.mountedIds.delete(id); }
+      if (Number.isFinite(id)) { queueDestroyIds([id]); S.ezActiveIds.delete(id); S.mountedIds.delete(id); }
       const key = w.getAttribute(A_ANCHOR);
       if (key && S.wrapByKey.get(key) === w) S.wrapByKey.delete(key);
       w.remove();
@@ -589,19 +675,18 @@ function recycleAndMove(klass, targetEl, newKey) {
   //   supprimerait les wraps, et provoquerait une réinjection en haut.
 
   function pruneOrphansBetween() {
+    if (S.burstActive || (S.scrollSpeed || 0) > 1800) return;
     const klass = 'ezoic-ad-between';
     const cfg   = KIND[klass];
+    const liveAnchors = new Set(Arch.cache.queryAll('prune-between-anchors', cfg.sel).map(el => el.getAttribute(cfg.anchorAttr)).filter(Boolean));
 
     document.querySelectorAll(`.${WRAP_CLASS}.${klass}`).forEach(w => {
       const created = parseInt(w.getAttribute(A_CREATED) || '0', 10);
-      if (ts() - created < MIN_PRUNE_AGE_MS) return; // grâce post-création
-
+      if (ts() - created < MIN_PRUNE_AGE_MS) return;
       const key = w.getAttribute(A_ANCHOR) ?? '';
-      const sid = key.slice(klass.length + 1); // après "ezoic-ad-between:"
+      const sid = key.slice(klass.length + 1);
       if (!sid) { mutate(() => dropWrap(w)); return; }
-
-      const anchorEl = document.querySelector(`${cfg.baseTag}[${cfg.anchorAttr}="${sid}"]`);
-      if (!anchorEl?.isConnected) mutate(() => dropWrap(w));
+      if (!liveAnchors.has(sid)) mutate(() => dropWrap(w));
     });
   }
 
@@ -647,6 +732,8 @@ function recycleAndMove(klass, targetEl, newKey) {
         const w = insertAfter(el, id, klass, key);
         if (w) { observePh(id); inserted++; }
       } else {
+        // Recyclage agressif = source fréquente de churn visuel (surtout sticky/fixed)
+        if (klass === 'ezoic-ad-message') break;
         const recycled = recycleAndMove(klass, el, key);
         if (!recycled) break;
         inserted++;
@@ -657,15 +744,31 @@ function recycleAndMove(klass, targetEl, newKey) {
 
   // ── IntersectionObserver & Show ────────────────────────────────────────────
 
+  function ensureIOViewportMode() {
+    const mode = isMobile() ? 'm' : 'd';
+    if (S.io && S.ioViewportMode !== mode) {
+      try { S.io.disconnect(); } catch (_) {}
+      S.io = null;
+    }
+    S.ioViewportMode = mode;
+  }
+
   function getIO() {
+    ensureIOViewportMode();
     if (S.io) return S.io;
     try {
       S.io = new IntersectionObserver(entries => {
         for (const e of entries) {
           if (!e.isIntersecting) continue;
-          if (e.target instanceof Element) S.io?.unobserve(e.target);
-          const id = parseInt(e.target.getAttribute('data-ezoic-id'), 10);
-          if (Number.isFinite(id) && id > 0) enqueueShow(id);
+          const target = e.target instanceof Element ? e.target : null;
+          const id = parseInt(target?.getAttribute('data-ezoic-id'), 10);
+          if (!Number.isFinite(id) || id <= 0) continue;
+          const accepted = enqueueShow(id);
+          if (accepted) {
+            try { S.io?.unobserve(target); } catch (_) {}
+          } else if (target?.isConnected) {
+            setTimeout(() => { try { if (target.isConnected) S.io?.observe(target); } catch (_) {} }, 300);
+          }
         }
       }, { root: null, rootMargin: isMobile() ? IO_MARGIN_MOBILE : IO_MARGIN_DESKTOP, threshold: 0 });
     } catch (_) { S.io = null; }
@@ -686,12 +789,15 @@ function recycleAndMove(klass, targetEl, newKey) {
   }
 
 function enqueueShow(id) {
-  if (!id || isBlocked()) return;
+  if (!id || isBlocked()) return false;
   const n = parseInt(id, 10);
-  if (!Number.isFinite(n) || n <= 0) return;
-  if (ts() - (S.lastShow.get(n) ?? 0) < SHOW_THROTTLE_MS) return;
+  if (!Number.isFinite(n) || n <= 0) return false;
+  if (ts() - (S.lastShow.get(n) ?? 0) < SHOW_THROTTLE_MS) return false;
+  const ph = phEl(n);
+  if (!ph?.isConnected || isFilled(ph) || !hasSinglePlaceholder(n)) return false;
   if (!S.pendingSet.has(n)) { S.pending.push(n); S.pendingSet.add(n); }
   scheduleDrainQueue();
+  return true;
 }
 
 function scheduleDrainQueue() {
@@ -757,19 +863,18 @@ function startShowBatch(ids) {
 
       if (!valid.length) { clearTimeout(timer); return release(); }
 
-      window.ezstandalone = window.ezstandalone || {};
-      const ez = window.ezstandalone;
+      const ez = Arch.ezoic.ensure();
       const doShow = () => {
-        const prepared = destroyBeforeReuse(valid);
+        const prepared = prepareIdsForShow(valid);
         if (!prepared.length) { setTimeout(() => { clearTimeout(timer); release(); }, SHOW_RELEASE_MS); return; }
-        try { ez.showAds(...prepared); } catch (_) {}
+        try { ez.showAds(...prepared); } catch (_) { dbg('showAds failed', prepared); }
         for (const id of prepared) {
           S.ezActiveIds.add(id);
           S.ezShownSinceDestroy.add(id);
         }
         setTimeout(() => { clearTimeout(timer); release(); }, SHOW_RELEASE_MS);
       };
-      Array.isArray(ez.cmd) ? ez.cmd.push(doShow) : doShow();
+      Arch.ezoic.run(doShow);
     } catch (_) { clearTimeout(timer); release(); }
   });
 }
@@ -784,8 +889,7 @@ function startShowBatch(ids) {
   function patchShowAds() {
     const apply = () => {
       try {
-        window.ezstandalone = window.ezstandalone || {};
-        const ez = window.ezstandalone;
+        const ez = Arch.ezoic.ensure();
         if (window.__nbbEzPatched || typeof ez.showAds !== 'function') return;
         window.__nbbEzPatched = true;
         const orig = ez.showAds.bind(ez);
@@ -812,8 +916,7 @@ function startShowBatch(ids) {
     };
     apply();
     if (!window.__nbbEzPatched) {
-      window.ezstandalone = window.ezstandalone || {};
-      (window.ezstandalone.cmd = window.ezstandalone.cmd || []).push(apply);
+      Arch.ezoic.run(apply);
     }
   }
 
@@ -920,8 +1023,10 @@ function startShowBatch(ids) {
     S.runQueued    = false;
     S.sweepQueued   = false;
     S.scrollSpeed  = 0;
+    S.cacheFrameArmed = false;
     S.lastScrollY  = 0;
     S.lastScrollTs = 0;
+    Arch.cache.invalidate('cleanup');
   }
 
   // ── MutationObserver ───────────────────────────────────────────────────────
@@ -939,14 +1044,14 @@ function startShowBatch(ids) {
             sawWrapRemoval = true;
           }
         }
-        if (sawWrapRemoval) queueSweepDeadWraps();
+        if (sawWrapRemoval) { Arch.cache.invalidate('wrap-removed'); queueSweepDeadWraps(); }
         for (const n of m.addedNodes) {
           if (n.nodeType !== 1) continue;
           try { healFalseEmpty(n); } catch (_) {}
           // matches() d'abord (O(1)), querySelector() seulement si nécessaire
           if (allSel.some(s => { try { return n.matches(s); } catch(_){return false;} }) ||
               allSel.some(s => { try { return !!n.querySelector(s); } catch(_){return false;} })) {
-            requestBurst(); return;
+            Arch.cache.invalidate('dom-added'); requestBurst(); return;
           }
         }
       }
@@ -1025,7 +1130,8 @@ function startShowBatch(ids) {
     $(window).off('.nbbEzoic');
     $(window).on('action:ajaxify.start.nbbEzoic', cleanup);
     $(window).on('action:ajaxify.end.nbbEzoic', () => {
-      S.pageKey    = pageKey();
+      S.pageKey    = Arch.page.key();
+      Arch.cache.invalidate('ajaxify.end');
       blockedUntil = 0;
       muteConsole(); ensureTcfLocator(); warmNetwork();
       patchShowAds(); getIO(); ensureDomObserver(); sweepDeadWraps(); requestBurst();
@@ -1048,6 +1154,17 @@ function startShowBatch(ids) {
     } catch (_) {}
   }
 
+  function bindResize() {
+    let rT = 0;
+    window.addEventListener('resize', () => {
+      if (rT) clearTimeout(rT);
+      rT = setTimeout(() => {
+        ensureIOViewportMode();
+        requestBurst();
+      }, 120);
+    }, { passive: true });
+  }
+
   function bindScroll() {
     let ticking = false;
     try {
@@ -1074,16 +1191,29 @@ function startShowBatch(ids) {
 
   // ── Boot ───────────────────────────────────────────────────────────────────
 
-  S.pageKey = pageKey();
-  muteConsole();
-  ensureTcfLocator();
-  warmNetwork();
-  patchShowAds();
-  getIO();
-  ensureDomObserver();
-  bindNodeBB();
-  bindScroll();
-  blockedUntil = 0;
-  requestBurst();
+  const App = {
+    modules: {
+      infra: { muteConsole, ensureTcfLocator, warmNetwork, patchShowAds },
+      lifecycle: { ensureDomObserver, bindNodeBB, cleanup },
+      viewport: { getIO, bindResize, bindScroll },
+      scheduler: { requestBurst },
+    },
+    boot() {
+      this.modules.infra.muteConsole();
+      this.modules.infra.ensureTcfLocator();
+      this.modules.infra.warmNetwork();
+      this.modules.infra.patchShowAds();
+      this.modules.viewport.getIO();
+      this.modules.lifecycle.ensureDomObserver();
+      this.modules.lifecycle.bindNodeBB();
+      this.modules.viewport.bindResize();
+      this.modules.viewport.bindScroll();
+      blockedUntil = 0;
+      this.modules.scheduler.requestBurst();
+    },
+  };
+
+  S.pageKey = Arch.page.key();
+  App.boot();
 
 })();

package/public/style.css

@@ -1,5 +1,5 @@
 /*
- * NodeBB Ezoic Infinite Ads — style.css (v20)
+ * NodeBB Ezoic Infinite Ads — style.css (v21)
  */
 
 /* ── Wrapper ──────────────────────────────────────────────────────────────── */
@@ -8,8 +8,9 @@
   width: 100%;
   margin: 0 !important;
   padding: 0 !important;
-  overflow: hidden;
-  contain: layout style;
+  overflow: visible;
+  contain: none;
+  position: relative;
 }
 
 /* Placeholder : 1px minimum pour rester visible par l'IntersectionObserver */
@@ -50,11 +51,7 @@
   position: absolute !important;
 }
 
-/* Neutralise sticky dans nos wraps (évite l'effet "gliding") */
-.nodebb-ezoic-wrap .ezads-sticky-intradiv {
-  position: static !important;
-  top: auto !important;
-}
+/* Compat sticky/fixed Ezoic : ne pas neutraliser globalement ici. */
 
 /* ── Ezoic global (hors de nos wraps) ────────────────────────────────────── */
 .ezoic-ad {