nodebb-plugin-ezoic-infinite 1.7.4 → 1.7.6

package/package.json

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

package/public/client.js

@@ -1,55 +1,49 @@
 /**
- * NodeBB Ezoic Infinite Ads — client.js (v20)
+ * NodeBB Ezoic Infinite Ads — client.js v21.2
  *
- * Correctifs critiques vs v19
- * ───────────────────────────
- * [BUG FATAL] Pubs catégories disparaissent au premier scroll sur mobile
- *   pruneOrphans cherchait l'ancre via `[data-index]`, mais les éléments
- *   `li[component="categories/category"]` ont `data-cid`, pas `data-index`.
- *   → anchorEl toujours null → suppression à chaque runCore() → disparition.
- *   Fix : table KIND_META qui mappe chaque kindClass vers son attribut d'ancre
- *   stable (data-pid pour posts, data-index pour topics, data-cid pour catégories).
+ * Historique des corrections majeures
+ * ────────────────────────────────────
+ * v18  Ancrage stable par data-pid/data-index au lieu d'ordinalMap fragile.
+ *      Suppression du recyclage de wraps (moveWrapAfter). Cleanup complet navigation.
  *
- * [BUG] decluster : break trop large stoppait tout quand UN wrap était en grâce
- *   Fix : on skip uniquement le wrap courant, pas toute la boucle.
+ * v19  Intervalle global basé sur l'ordinal absolu (data-index) et non sur
+ *      la position dans le batch courant.
  *
- * [BUG] injectBetween : `break` sur pool épuisé empêchait d'observer les wraps
- *   existants sur les items suivants. Fix : `continue` au lieu de `break`.
+ * v20  Table KIND : anchorAttr/ordinalAttr/baseTag explicites par kindClass.
+ *      Fix fatal catégories : data-cid au lieu de data-index inexistant.
+ *      Fix posts : baseTag vide → ordinal fallback cassé → pubs jamais injectées.
+ *      IO fixe (une instance, jamais recréée). Burst cooldown 200 ms.
+ *      Fix unobserve(null) → corruption IO → pubads error au scroll retour.
+ *      Fix TCF locator : MutationObserver recrée l'iframe si ajaxify la retire.
  *
- * [PERF] IntersectionObserver recréé à chaque scroll boost → très coûteux mobile.
- *   Fix : marge large fixe par device, observer créé une seule fois.
- *
- * [PERF] Burst cooldown 100ms trop court sur mobile → rafales en cascade.
- *   Fix : 200ms.
- *
- * Nettoyage
- * ─────────
- * - Suppression du scroll boost (complexité sans gain mesurable côté SPA statique)
- * - MAX_INFLIGHT unique desktop/mobile (inutile de différencier)
- * - getAnchorKey/getGlobalOrdinal fusionnés en helpers cohérents
- * - Commentaires internes allégés (code auto-documenté)
+ * v21  Suppression de toute la logique wyvern.js (pause/destroy avant remove) :
+ *      les erreurs wyvern viennent du SDK Ezoic lui-même lors de ses propres
+ *      refreshes internes, pas de nos suppressions. Nos wraps filled ne sont
+ *      de toute façon jamais supprimés (règle pruneOrphans/decluster).
+ *      Refactorisation finale prod-ready : code unifié, zéro duplication,
+ *      commentaires essentiels uniquement.
  */
 (function () {
   'use strict';
 
   // ── Constantes ─────────────────────────────────────────────────────────────
 
-  const WRAP_CLASS         = 'nodebb-ezoic-wrap';
-  const PH_PREFIX          = 'ezoic-pub-ad-placeholder-';
-  const A_ANCHOR           = 'data-ezoic-anchor';   // "kindClass:stableId"
-  const A_WRAPID           = 'data-ezoic-wrapid';   // id Ezoic (number string)
-  const A_CREATED          = 'data-ezoic-created';  // timestamp création (ms)
-  const A_SHOWN            = 'data-ezoic-shown';    // timestamp dernier showAds (ms)
-
-  const MIN_PRUNE_AGE_MS   = 8_000;   // délai avant qu'un wrap puisse être purgé
-  const FILL_GRACE_MS      = 25_000;  // fenêtre post-showAds où l'on ne decluster pas
-  const EMPTY_CHECK_MS     = 20_000;  // délai avant de marquer un wrap vide
-  const MAX_INSERTS_PER_RUN = 6;
-  const MAX_INFLIGHT        = 4;
-  const SHOW_THROTTLE_MS    = 900;
-  const BURST_COOLDOWN_MS   = 200;
-
-  // Marges IO larges et fixes (pas de reconstruction d'observer)
+  const WRAP_CLASS  = 'nodebb-ezoic-wrap';
+  const PH_PREFIX   = 'ezoic-pub-ad-placeholder-';
+  const A_ANCHOR    = 'data-ezoic-anchor';   // "kindClass:stableId"
+  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 MIN_PRUNE_AGE_MS  = 8_000;  // garde-fou post-batch NodeBB
+  const FILL_GRACE_MS     = 25_000; // fenêtre fill async Ezoic (SSP auction)
+  const EMPTY_CHECK_MS    = 20_000; // délai collapse wrap vide post-show
+  const MAX_INSERTS_RUN   = 6;
+  const MAX_INFLIGHT      = 4;
+  const SHOW_THROTTLE_MS  = 900;
+  const BURST_COOLDOWN_MS = 200;
+
+  // IO : marges larges fixes — une seule instance, jamais recréée
   const IO_MARGIN_DESKTOP = '2500px 0px 2500px 0px';
   const IO_MARGIN_MOBILE  = '3500px 0px 3500px 0px';
 
@@ -60,20 +54,18 @@
   };
 
   /**
-   * Table centrale par kindClass :
+   * Table KIND — source de vérité par kindClass.
    *
-   *  sel        : sélecteur CSS complet de l'élément cible
-   *  baseTag    : tag CSS à préfixer dans les querySelector de recherche
-   *               (déduit manuellement — évite le fragile split('[')[0])
-   *  anchorAttr : attribut DOM STABLE qui identifie l'élément de façon unique
-   *               et permanente, utilisé comme clé d'ancre du wrap.
-   *               → data-pid   pour posts    (id message, immuable)
-   *               → data-index pour topics   (position dans la liste)
-   *               → data-cid   pour catégories (id catégorie, immuable)
-   *  ordinalAttr: attribut utilisé pour calculer l'intervalle d'injection.
-   *               Doit être un entier 0-based fourni par NodeBB.
-   *               Pour posts ET topics : data-index (0-based, toujours présent).
-   *               Pour catégories : pas d'infinite scroll → fallback positionnel.
+   * sel        : sélecteur CSS complet
+   * baseTag    : préfixe tag pour les querySelector de recherche d'ancre
+   *              (vide pour posts car leur sélecteur commence par '[')
+   * anchorAttr : attribut DOM STABLE → clé unique du wrap, permanent
+   *              data-pid   posts      (id message, immuable)
+   *              data-index topics     (index dans la liste)
+   *              data-cid   catégories (id catégorie, immuable)
+   * ordinalAttr: attribut 0-based pour le calcul de l'intervalle
+   *              data-index posts + topics (fourni par NodeBB)
+   *              null       catégories (page statique → fallback positionnel)
    */
   const KIND = {
     'ezoic-ad-message':    { sel: SEL.post,     baseTag: '',   anchorAttr: 'data-pid',   ordinalAttr: 'data-index' },
@@ -84,22 +76,18 @@
   // ── État ───────────────────────────────────────────────────────────────────
 
   const S = {
-    pageKey: null,
-    cfg: null,
-
-    pools:      { topics: [], posts: [], categories: [] },
-    cursors:    { topics: 0,  posts: 0,  categories: 0  },
-    mountedIds: new Set(),      // IDs Ezoic actuellement dans le DOM
-    lastShow:   new Map(),      // id → timestamp dernier show
-
-    io:      null,
-    domObs:  null,
-    mutGuard: 0,                // compteur internalMutation
-
-    inflight:    0,
-    pending:     [],
-    pendingSet:  new Set(),
-
+    pageKey:      null,
+    cfg:          null,
+    pools:        { topics: [], posts: [], categories: [] },
+    cursors:      { topics: 0,  posts: 0,  categories: 0  },
+    mountedIds:   new Set(),   // IDs Ezoic montés dans le DOM
+    lastShow:     new Map(),   // id → timestamp dernier show
+    io:           null,
+    domObs:       null,
+    mutGuard:     0,
+    inflight:     0,
+    pending:      [],
+    pendingSet:   new Set(),
     runQueued:    false,
     burstActive:  false,
     burstDeadline: 0,
@@ -108,8 +96,12 @@
   };
 
   let blockedUntil = 0;
-  const isBlocked  = () => Date.now() < blockedUntil;
-  const ts         = () => Date.now();
+  let poolsReady   = false;  // true dès que les pools sont initialisés pour la page courante
+  const ts        = () => Date.now();
+  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]'));
 
   function mutate(fn) {
     S.mutGuard++;
@@ -127,12 +119,6 @@
     return S.cfg;
   }
 
-  function initPools(cfg) {
-    S.pools.topics     = parseIds(cfg.placeholderIds);
-    S.pools.posts      = parseIds(cfg.messagePlaceholderIds);
-    S.pools.categories = parseIds(cfg.categoryPlaceholderIds);
-  }
-
   function parseIds(raw) {
     const out = [], seen = new Set();
     for (const v of String(raw || '').split(/\r?\n/).map(s => s.trim()).filter(Boolean)) {
@@ -142,12 +128,13 @@
     return out;
   }
 
-  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 isMobile = () => { try { return window.innerWidth < 768; } catch (_) { return false; } };
+  function initPools(cfg) {
+    if (poolsReady) return;
+    S.pools.topics     = parseIds(cfg.placeholderIds);
+    S.pools.posts      = parseIds(cfg.messagePlaceholderIds);
+    S.pools.categories = parseIds(cfg.categoryPlaceholderIds);
+    poolsReady = true;
+  }
 
   // ── Page identity ──────────────────────────────────────────────────────────
 
@@ -171,13 +158,13 @@
     return 'other';
   }
 
-  // ── DOM helpers ────────────────────────────────────────────────────────────
+  // ── Items DOM ──────────────────────────────────────────────────────────────
 
   function getPosts() {
     return Array.from(document.querySelectorAll(SEL.post)).filter(el => {
       if (!el.isConnected) return false;
       if (!el.querySelector('[component="post/content"]')) return false;
-      const p = el.parentElement?.closest('[component="post"][data-pid]');
+      const p = el.parentElement?.closest(SEL.post);
       if (p && p !== el) return false;
       return el.getAttribute('component') !== 'post/parent';
     });
@@ -193,46 +180,41 @@
     );
   }
 
-  // ── Ancres stables ────────────────────────────────────────────────────────
+  // ── Ancres stables ─────────────────────────────────────────────────────────
 
-  /**
-   * Retourne l'identifiant stable de l'élément selon son kindClass.
-   * Utilise l'attribut défini dans KIND (data-pid, data-index, data-cid).
-   * Fallback positionnel si l'attribut est absent.
-   */
-  function stableId(kindClass, el) {
-    const attr = KIND[kindClass]?.anchorAttr;
+  // Map anchorKey → wrap Element — évite un querySelector full-DOM à chaque injection
+  const wrapByKey = new Map();
+
+  function stableId(klass, el) {
+    const attr = KIND[klass]?.anchorAttr;
     if (attr) {
       const v = el.getAttribute(attr);
       if (v !== null && v !== '') return v;
     }
-    // Fallback : position dans le parent
-    try {
-      let i = 0;
-      for (const s of el.parentElement?.children ?? []) {
-        if (s === el) return `i${i}`;
-        i++;
-      }
-    } catch (_) {}
+    let i = 0;
+    for (const s of el.parentElement?.children ?? []) {
+      if (s === el) return `i${i}`;
+      i++;
+    }
     return 'i0';
   }
 
-  const makeAnchorKey = (klass, el) => `${klass}:${stableId(klass, el)}`;
+  const anchorKey = (klass, el) => `${klass}:${stableId(klass, el)}`;
 
-  function findWrap(anchorKey) {
-    try {
-      return document.querySelector(
-        `.${WRAP_CLASS}[${A_ANCHOR}="${anchorKey.replace(/\\/g, '\\\\').replace(/"/g, '\\"')}"]`
-      );
-    } catch (_) { return null; }
-  }
+  const findWrap  = (key) => {
+    const w = wrapByKey.get(key);
+    // Vérifier que le wrap est toujours dans le DOM (il peut avoir été dropWrap'd)
+    if (w && w.isConnected) return w;
+    if (w) wrapByKey.delete(key); // nettoyage lazy
+    return null;
+  };
 
   // ── Pool ───────────────────────────────────────────────────────────────────
 
   function pickId(poolKey) {
     const pool = S.pools[poolKey];
     for (let t = 0; t < pool.length; t++) {
-      const i  = S.cursors[poolKey] % pool.length;
+      const i = S.cursors[poolKey] % pool.length;
       S.cursors[poolKey] = (S.cursors[poolKey] + 1) % pool.length;
       const id = pool[i];
       if (!S.mountedIds.has(id)) return id;
@@ -243,7 +225,7 @@
   // ── Wraps DOM ──────────────────────────────────────────────────────────────
 
   function makeWrap(id, klass, key) {
-    const w = document.createElement('div');
+    const w  = document.createElement('div');
     w.className = `${WRAP_CLASS} ${klass}`;
     w.setAttribute(A_ANCHOR,  key);
     w.setAttribute(A_WRAPID,  String(id));
@@ -257,55 +239,29 @@
   }
 
   function insertAfter(el, id, klass, key) {
-    if (!el?.insertAdjacentElement) return null;
-    if (findWrap(key))            return null; // ancre déjà présente
-    if (S.mountedIds.has(id))     return null; // id déjà monté
-    if (document.getElementById(`${PH_PREFIX}${id}`)?.isConnected) return null;
+    if (!el?.insertAdjacentElement)                                   return null;
+    if (findWrap(key))                                                return null;
+    if (S.mountedIds.has(id))                                         return null;
+    if (document.getElementById(`${PH_PREFIX}${id}`)?.isConnected)   return null;
     const w = makeWrap(id, klass, key);
     mutate(() => el.insertAdjacentElement('afterend', w));
     S.mountedIds.add(id);
+    wrapByKey.set(key, w);
     return w;
   }
 
-  /**
-   * Retire proprement un wrap du DOM.
-   *
-   * Sans précaution, retirer un wrap contenant un player vidéo Ezoic (wyvern.js)
-   * déclenche des erreurs async sur des nœuds détachés :
-   *   "Cannot read properties of null (reading 'paused')"
-   *   "Cannot read properties of null (reading 'offsetWidth')"
-   *   "Invalid target for null#trigger / null#on"
-   *
-   * On pause les media et on tente de notifier l'API wyvern avant remove().
-   */
   function dropWrap(w) {
     try {
-      // 1. Pause tous les media actifs avant détachement
-      try {
-        w.querySelectorAll('video, audio').forEach(m => {
-          try { if (!m.paused) m.pause(); } catch (_) {}
-        });
-      } catch (_) {}
-
-      // 2. Notifier l'API wyvern si disponible
-      try {
-        if (window.wyvern && typeof window.wyvern === 'object') {
-          w.querySelectorAll('[id^="ezoic-"],[class*="wyvern"],[class*="ezoic-video"]')
-            .forEach(n => { try { window.wyvern.destroy?.(n); } catch (_) {} });
-        }
-      } catch (_) {}
-
-      // 3. Unobserve (guard instanceof Element — unobserve(null) corrompt l'IO)
-      try {
-        const ph = w.querySelector(`[id^="${PH_PREFIX}"]`);
-        if (ph instanceof Element) S.io?.unobserve(ph);
-      } catch (_) {}
-
-      // 4. Libérer l'id du pool
+      // Unobserve seulement si le placeholder est encore dans le DOM.
+      // unobserve() sur un nœud détaché corrompt l'IO interne de pubads
+      // → "Failed to execute 'observe': parameter 1 is not of type 'Element'"
+      // sur tous les observe() suivants.
+      const ph = w.querySelector(`[id^="${PH_PREFIX}"]`);
+      if (ph instanceof Element && ph.isConnected) S.io?.unobserve(ph);
       const id = parseInt(w.getAttribute(A_WRAPID), 10);
       if (Number.isFinite(id)) S.mountedIds.delete(id);
-
-      // 5. Retrait DOM
+      const key = w.getAttribute(A_ANCHOR);
+      if (key) wrapByKey.delete(key);
       w.remove();
     } catch (_) {}
   }
@@ -313,45 +269,39 @@
   // ── Prune ──────────────────────────────────────────────────────────────────
 
   /**
-   * Supprime les wraps VIDES dont l'élément-ancre n'est plus dans le DOM.
+   * Supprime les wraps VIDES dont l'ancre a disparu du DOM.
    *
-   * Règles :
-   *  1. Jamais avant MIN_PRUNE_AGE_MS (DOM post-batch pas encore stabilisé).
-   *  2. Jamais un wrap rempli (player wyvern potentiellement actif).
-   *  3. L'ancre est retrouvée via KIND[klass].anchorAttr (stable par design) :
-   *       ezoic-ad-message    → [data-pid="123"]
-   *       ezoic-ad-between    → li[data-index="5"]
-   *       ezoic-ad-categories → li[data-cid="7"]
+   * On ne supprime JAMAIS un wrap rempli (filled) :
+   *   - Les wraps remplis peuvent être temporairement orphelins lors d'une
+   *     virtualisation NodeBB — l'ancre reviendra.
+   *   - Le SDK Ezoic (wyvern, GAM) exécute des callbacks async sur le contenu ;
+   *     retirer le nœud sous ses pieds génère des erreurs non critiques mais
+   *     inutiles. Le cleanup de navigation gère la suppression définitive.
    */
   function pruneOrphans(klass) {
     const meta = KIND[klass];
     if (!meta) return;
 
-    document.querySelectorAll(`.${WRAP_CLASS}.${klass}`).forEach(w => {
-      if (ts() - parseInt(w.getAttribute(A_CREATED) || '0', 10) < MIN_PRUNE_AGE_MS) return;
-      if (isFilled(w)) return; // jamais supprimer un wrap rempli (wyvern)
+    for (const w of document.querySelectorAll(`.${WRAP_CLASS}.${klass}`)) {
+      if (ts() - parseInt(w.getAttribute(A_CREATED) || '0', 10) < MIN_PRUNE_AGE_MS) continue;
+      if (isFilled(w)) continue;
 
       const key = w.getAttribute(A_ANCHOR) ?? '';
       const sid = key.slice(klass.length + 1);
-      if (!sid) { mutate(() => dropWrap(w)); return; }
+      if (!sid) { mutate(() => dropWrap(w)); continue; }
 
-      // Construire le sélecteur avec baseTag explicite depuis KIND
-      // baseTag='' pour posts → sélecteur : [data-pid="123"]  (correct, sans tag ambigu)
-      // baseTag='li' pour topics/categories → li[data-index="5"], li[data-cid="7"]
-      const sel = `${meta.baseTag}[${meta.anchorAttr}="${sid.replace(/"/g, '\\"')}"]`;
+      const sel      = `${meta.baseTag}[${meta.anchorAttr}="${sid.replace(/"/g, '\\"')}"]`;
       const anchorEl = document.querySelector(sel);
       if (!anchorEl || !anchorEl.isConnected) mutate(() => dropWrap(w));
-    });
+    }
   }
 
   // ── Decluster ──────────────────────────────────────────────────────────────
 
   /**
-   * Deux wraps adjacents = situation anormale → supprimer le moins prioritaire.
-   * Priorité : filled > en grâce (fill en cours) > vide.
-   *
-   * Règle de sécurité wyvern : on ne supprime JAMAIS un wrap rempli.
-   * Si les deux wraps adjacents sont remplis, on laisse en place (edge case rare).
+   * Deux wraps adjacents → supprimer le moins prioritaire.
+   * Priorité : filled > en grâce de fill > vide.
+   * Jamais de suppression d'un wrap rempli (même raison que pruneOrphans).
    */
   function decluster(klass) {
     for (const w of document.querySelectorAll(`.${WRAP_CLASS}.${klass}`)) {
@@ -365,14 +315,9 @@
         const pShown = parseInt(prev.getAttribute(A_SHOWN) || '0', 10);
         if (pShown && ts() - pShown < FILL_GRACE_MS) break;
 
-        const wFilled = isFilled(w);
-        const pFilled = isFilled(prev);
-
-        // Ne jamais retirer un wrap rempli (player actif potentiel)
-        if      (!wFilled && !pFilled) mutate(() => dropWrap(w));    // les deux vides → retirer le courant
-        else if (!wFilled &&  pFilled) mutate(() => dropWrap(w));    // courant vide, précédent rempli → retirer le courant
-        else if ( wFilled && !pFilled) mutate(() => dropWrap(prev)); // courant rempli, précédent vide → retirer le précédent
-        // les deux remplis → rien (on ne touche pas)
+        if      (!isFilled(w))    mutate(() => dropWrap(w));
+        else if (!isFilled(prev)) mutate(() => dropWrap(prev));
+        // les deux remplis → on ne touche pas
         break;
       }
     }
@@ -381,35 +326,23 @@
   // ── Injection ──────────────────────────────────────────────────────────────
 
   /**
-   * Ordinal 0-based d'un élément pour le calcul de l'intervalle d'injection.
-   *
-   * Utilise KIND[klass].ordinalAttr en priorité (data-index pour posts et topics,
-   * null pour catégories). Si absent, fallback positionnel dans le parent.
-   *
-   * Pour les posts : KIND.baseTag='' donc le fallback itère sur les enfants directs
-   * du parent en filtrant par sélecteur complet (pas juste le tag).
+   * Ordinal 0-based pour le calcul de l'intervalle.
+   * Posts et topics : data-index (NodeBB 4.x, stable entre les batches).
+   * Catégories      : fallback positionnel (page statique, pas d'infinite scroll).
    */
   function ordinal(klass, el) {
-    const meta = KIND[klass];
-
-    // 1. Attribut ordinal explicite (data-index sur posts et topics)
-    if (meta?.ordinalAttr) {
-      const v = el.getAttribute(meta.ordinalAttr);
+    const attr = KIND[klass]?.ordinalAttr;
+    if (attr) {
+      const v = el.getAttribute(attr);
       if (v !== null && v !== '' && !isNaN(v)) return parseInt(v, 10);
     }
-
-    // 2. Fallback positionnel — compte parmi les frères qui matchent le même sélecteur
-    try {
-      let i = 0;
-      const siblings = el.parentElement?.children ?? [];
-      const fullSel  = meta?.sel ?? '';
-      for (const s of siblings) {
-        if (s === el) return i;
-        // Compter uniquement les éléments du même type (pas les wraps ou autres)
-        if (!fullSel || s.matches?.(fullSel)) i++;
-      }
-    } catch (_) {}
-
+    // Fallback positionnel — compte uniquement les éléments du même type
+    const fullSel = KIND[klass]?.sel ?? '';
+    let i = 0;
+    for (const s of el.parentElement?.children ?? []) {
+      if (s === el) return i;
+      if (!fullSel || s.matches?.(fullSel)) i++;
+    }
     return 0;
   }
 
@@ -418,20 +351,18 @@
     let inserted = 0;
 
     for (const el of items) {
-      if (inserted >= MAX_INSERTS_PER_RUN) break;
+      if (inserted >= MAX_INSERTS_RUN) break;
       if (!el?.isConnected) continue;
 
-      const ord      = ordinal(klass, el);
-      const isTarget = (showFirst && ord === 0) || ((ord + 1) % interval === 0);
-      if (!isTarget) continue;
-
+      const ord = ordinal(klass, el);
+      if (!(showFirst && ord === 0) && (ord + 1) % interval !== 0) continue;
       if (adjacentWrap(el)) continue;
 
-      const key = makeAnchorKey(klass, el);
-      if (findWrap(key)) continue; // déjà là → pas de pickId inutile
+      const key = anchorKey(klass, el);
+      if (findWrap(key)) continue;
 
       const id = pickId(poolKey);
-      if (!id) continue; // pool momentanément épuisé, on continue (items suivants ≠ besoin d'id)
+      if (!id) continue;
 
       const w = insertAfter(el, id, klass, key);
       if (w) { observePh(id); inserted++; }
@@ -443,7 +374,6 @@
 
   function getIO() {
     if (S.io) return S.io;
-    const margin = isMobile() ? IO_MARGIN_MOBILE : IO_MARGIN_DESKTOP;
     try {
       S.io = new IntersectionObserver(entries => {
         for (const e of entries) {
@@ -452,14 +382,14 @@
           const id = parseInt(e.target.getAttribute('data-ezoic-id'), 10);
           if (Number.isFinite(id) && id > 0) enqueueShow(id);
         }
-      }, { root: null, rootMargin: margin, threshold: 0 });
+      }, { root: null, rootMargin: isMobile() ? IO_MARGIN_MOBILE : IO_MARGIN_DESKTOP, threshold: 0 });
     } catch (_) { S.io = null; }
     return S.io;
   }
 
   function observePh(id) {
     const ph = document.getElementById(`${PH_PREFIX}${id}`);
-    if (ph?.isConnected) try { getIO()?.observe(ph); } catch (_) {}
+    if (ph instanceof Element && ph.isConnected) try { getIO()?.observe(ph); } catch (_) {}
   }
 
   function enqueueShow(id) {
@@ -503,7 +433,6 @@
         if (t - (S.lastShow.get(id) ?? 0) < SHOW_THROTTLE_MS) { clearTimeout(timer); return release(); }
         S.lastShow.set(id, t);
 
-        // Horodater le show sur le wrap pour grace period + emptyCheck
         try { ph.closest?.(`.${WRAP_CLASS}`)?.setAttribute(A_SHOWN, String(t)); } catch (_) {}
 
         window.ezstandalone = window.ezstandalone || {};
@@ -524,7 +453,6 @@
         const ph   = document.getElementById(`${PH_PREFIX}${id}`);
         const wrap = ph?.closest?.(`.${WRAP_CLASS}`);
         if (!wrap || !ph?.isConnected) return;
-        // Un show plus récent → ne pas toucher
         if (parseInt(wrap.getAttribute(A_SHOWN) || '0', 10) > showTs) return;
         wrap.classList.toggle('is-empty', !isFilled(ph));
       } catch (_) {}
@@ -543,7 +471,7 @@
         const orig = ez.showAds.bind(ez);
         ez.showAds = function (...args) {
           if (isBlocked()) return;
-          const ids = (args.length === 1 && Array.isArray(args[0])) ? args[0] : args;
+          const ids  = args.length === 1 && Array.isArray(args[0]) ? args[0] : args;
           const seen = new Set();
           for (const v of ids) {
             const id = parseInt(v, 10);
@@ -562,11 +490,10 @@
     }
   }
 
-  // ── Core run ───────────────────────────────────────────────────────────────
+  // ── Core ───────────────────────────────────────────────────────────────────
 
   async function runCore() {
     if (isBlocked()) return 0;
-    patchShowAds();
 
     const cfg = await fetchConfig();
     if (!cfg || cfg.excluded) return 0;
@@ -577,10 +504,9 @@
 
     const exec = (klass, getItems, cfgEnable, cfgInterval, cfgShowFirst, poolKey) => {
       if (!normBool(cfgEnable)) return 0;
-      const items    = getItems();
       const interval = Math.max(1, parseInt(cfgInterval, 10) || 3);
       pruneOrphans(klass);
-      const n = injectBetween(klass, items, interval, normBool(cfgShowFirst), poolKey);
+      const n = injectBetween(klass, getItems(), interval, normBool(cfgShowFirst), poolKey);
       if (n) decluster(klass);
       return n;
     };
@@ -593,14 +519,13 @@
       'ezoic-ad-between', getTopics,
       cfg.enableBetweenAds, cfg.intervalPosts, cfg.showFirstTopicAd, 'topics'
     );
-    if (kind === 'categories') return exec(
+    return exec(
       'ezoic-ad-categories', getCategories,
       cfg.enableCategoryAds, cfg.intervalCategories, cfg.showFirstCategoryAd, 'categories'
     );
-    return 0;
   }
 
-  // ── Scheduler / Burst ──────────────────────────────────────────────────────
+  // ── Scheduler ──────────────────────────────────────────────────────────────
 
   function scheduleRun(cb) {
     if (S.runQueued) return;
@@ -610,7 +535,7 @@
       if (S.pageKey && pageKey() !== S.pageKey) return;
       let n = 0;
       try { n = await runCore(); } catch (_) {}
-      try { cb?.(n); } catch (_) {}
+      cb?.(n);
     });
   }
 
@@ -618,10 +543,8 @@
     if (isBlocked()) return;
     const t = ts();
     if (t - S.lastBurstTs < BURST_COOLDOWN_MS) return;
-    S.lastBurstTs = t;
-
-    const pk = pageKey();
-    S.pageKey      = pk;
+    S.lastBurstTs   = t;
+    S.pageKey       = pageKey();
     S.burstDeadline = t + 2000;
 
     if (S.burstActive) return;
@@ -629,7 +552,7 @@
     S.burstCount  = 0;
 
     const step = () => {
-      if (pageKey() !== pk || isBlocked() || ts() > S.burstDeadline || S.burstCount >= 8) {
+      if (pageKey() !== S.pageKey || isBlocked() || ts() > S.burstDeadline || S.burstCount >= 8) {
         S.burstActive = false; return;
       }
       S.burstCount++;
@@ -641,21 +564,21 @@
     step();
   }
 
-  // ── Cleanup (navigation ajaxify) ───────────────────────────────────────────
+  // ── Cleanup navigation ─────────────────────────────────────────────────────
 
   function cleanup() {
     blockedUntil = ts() + 1500;
+    poolsReady   = false;
 
-    // Pause tous les media dans nos wraps AVANT de les retirer du DOM.
-    // Empêche wyvern.js de continuer d'exécuter ses callbacks async sur des
-    // nœuds détachés (erreurs "Cannot read 'paused'", "offsetWidth"…).
-    try {
-      document.querySelectorAll(`.${WRAP_CLASS} video, .${WRAP_CLASS} audio`).forEach(m => {
-        try { if (!m.paused) m.pause(); } catch (_) {}
-      });
-    } catch (_) {}
+    // Déconnecter l'IO AVANT les dropWrap pour éviter tout unobserve parasite.
+    // disconnect() vide la liste interne des cibles observées — les références
+    // aux placeholders de la page courante sont effacées proprement.
+    // L'IO sera recréé à ajaxify.end via getIO().
+    try { S.io?.disconnect(); } catch (_) {}
+    S.io = null;
 
     mutate(() => document.querySelectorAll(`.${WRAP_CLASS}`).forEach(dropWrap));
+    wrapByKey.clear();
     S.cfg          = null;
     S.pools        = { topics: [], posts: [], categories: [] };
     S.cursors      = { topics: 0, posts: 0, categories: 0 };
@@ -668,19 +591,17 @@
     S.runQueued    = false;
   }
 
-  // ── DOM Observer ───────────────────────────────────────────────────────────
+  // ── MutationObserver ───────────────────────────────────────────────────────
 
   function ensureDomObserver() {
     if (S.domObs) return;
+    const allSel = [SEL.post, SEL.topic, SEL.category];
     S.domObs = new MutationObserver(muts => {
       if (S.mutGuard > 0 || isBlocked()) return;
       for (const m of muts) {
-        if (!m.addedNodes?.length) continue;
         for (const n of m.addedNodes) {
           if (n.nodeType !== 1) continue;
-          if (n.matches?.(SEL.post)     || n.querySelector?.(SEL.post)     ||
-              n.matches?.(SEL.topic)    || n.querySelector?.(SEL.topic)    ||
-              n.matches?.(SEL.category) || n.querySelector?.(SEL.category)) {
+          if (allSel.some(s => n.matches?.(s) || n.querySelector?.(s))) {
             requestBurst(); return;
           }
         }
@@ -706,29 +627,21 @@
   }
 
   function ensureTcfLocator() {
-    // Le CMP utilise une iframe nommée __tcfapiLocator pour router les
-    // postMessage TCF. En navigation ajaxify, NodeBB peut retirer cette
-    // iframe du DOM (vidage partiel du body), ce qui provoque :
-    //   "Cannot read properties of null (reading 'postMessage')"
-    //   "Cannot set properties of null (setting 'addtlConsent')"
-    // Solution : la recrée immédiatement si elle disparaît, via un observer.
+    // L'iframe __tcfapiLocator route les appels postMessage du CMP.
+    // En navigation ajaxify, NodeBB peut la retirer du DOM → erreurs CMP.
+    // Un MutationObserver la recrée dès qu'elle disparaît.
     try {
       if (!window.__tcfapi && !window.__cmp) return;
-
       const inject = () => {
         if (document.getElementById('__tcfapiLocator')) return;
         const f = document.createElement('iframe');
         f.style.display = 'none'; f.id = f.name = '__tcfapiLocator';
         (document.body || document.documentElement).appendChild(f);
       };
-
       inject();
-
-      // Observer dédié — si quelqu'un retire l'iframe, on la remet.
       if (!window.__nbbTcfObs) {
-        window.__nbbTcfObs = new MutationObserver(() => inject());
-        window.__nbbTcfObs.observe(document.documentElement,
-          { childList: true, subtree: true });
+        window.__nbbTcfObs = new MutationObserver(inject);
+        window.__nbbTcfObs.observe(document.documentElement, { childList: true, subtree: true });
       }
     } catch (_) {}
   }
@@ -738,10 +651,10 @@
     const head = document.head;
     if (!head) return;
     for (const [rel, href, cors] of [
-      ['preconnect',   'https://g.ezoic.net',                    true],
-      ['preconnect',   'https://go.ezoic.net',                   true],
-      ['preconnect',   'https://securepubads.g.doubleclick.net', true],
-      ['preconnect',   'https://pagead2.googlesyndication.com',  true],
+      ['preconnect',   'https://g.ezoic.net',                    true ],
+      ['preconnect',   'https://go.ezoic.net',                   true ],
+      ['preconnect',   'https://securepubads.g.doubleclick.net', true ],
+      ['preconnect',   'https://pagead2.googlesyndication.com',  true ],
       ['dns-prefetch', 'https://g.ezoic.net',                    false],
       ['dns-prefetch', 'https://securepubads.g.doubleclick.net', false],
     ]) {
@@ -755,7 +668,7 @@
     }
   }
 
-  // ── Bindings NodeBB ────────────────────────────────────────────────────────
+  // ── Bindings ───────────────────────────────────────────────────────────────
 
   function bindNodeBB() {
     const $ = window.jQuery;
@@ -766,19 +679,16 @@
     $(window).on('action:ajaxify.end.nbbEzoic', () => {
       S.pageKey    = pageKey();
       blockedUntil = 0;
-      muteConsole(); ensureTcfLocator(); warmNetwork(); patchShowAds();
-      getIO(); ensureDomObserver(); requestBurst();
+      muteConsole(); ensureTcfLocator(); warmNetwork();
+      patchShowAds(); getIO(); ensureDomObserver(); requestBurst();
     });
 
-    const BURST_EVENTS = [
-      'action:ajaxify.contentLoaded',
-      'action:posts.loaded', 'action:topics.loaded',
+    const burstEvts = [
+      'action:ajaxify.contentLoaded', 'action:posts.loaded', 'action:topics.loaded',
       'action:categories.loaded', 'action:category.loaded', 'action:topic.loaded',
     ].map(e => `${e}.nbbEzoic`).join(' ');
+    $(window).on(burstEvts, () => { if (!isBlocked()) requestBurst(); });
 
-    $(window).on(BURST_EVENTS, () => { if (!isBlocked()) requestBurst(); });
-
-    // Hooks AMD (NodeBB 4.x — redondant avec jQuery events mais sans risque)
     try {
       require(['hooks'], hooks => {
         if (typeof hooks?.on !== 'function') return;