nodebb-plugin-ezoic-infinite 1.7.33 → 1.7.35

package/package.json

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

package/public/client.js

@@ -32,13 +32,16 @@
  *
  * v34  moveDistantWrap — voir v38.
  *
- * v39  Recyclage réel des slots via l'API Ezoic complète :
- *      destroyPlaceholders([id]) → déplacement DOM → define([id]) → displayMore([id]).
- *      destroyPlaceholders() efface le slot de la registry Ezoic, define() le
- *      réenregistre comme neuf, displayMore() est l'API infinite-scroll d'Ezoic
- *      (contrairement à showAds() qui est pour le chargement initial).
- *      Priorité de recyclage : wraps vides en premier (pas de pub visible perdue),
- *      puis wraps remplis si nécessaire. Seuil : 4 viewports au-dessus.
+ * v42  Seuil de recyclage aligné sur IO_MARGIN par device :
+ *      desktop → -(2500 + vh), mobile → -(3500 + vh).
+ *      Un wrap dans la zone IO_MARGIN peut être re-observé après recyclage
+ *      → conflit. On recycle uniquement au-delà de la marge d'observation.
+ *
+ * v41  Seuil -1vh (trop permissif sur mobile, ignorait IO_MARGIN).
+ *
+ * v40  Recyclage slots via destroyPlaceholders+define+displayMore avec délais.
+ *      Séquence : destroy → 300ms → define → 300ms → displayMore.
+ *      Testé manuellement : fonctionne. displayMore = API Ezoic infinite scroll.
  *
  * v38  Pool épuisé = fin de quota Ezoic par page-view. ez.refresh() interdit
  *      sur la même page que ez.enable() — supprimé. moveDistantWrap supprimé :
@@ -294,6 +297,67 @@
     return null;
   }
 
+  /**
+   * Pool épuisé : recycle un wrap loin au-dessus du viewport.
+   * Séquence avec délais (destroyPlaceholders est asynchrone) :
+   *   destroy([id]) → 300ms → define([id]) → 300ms → displayMore([id])
+   * displayMore = API Ezoic prévue pour l'infinite scroll.
+   * Priorité : wraps vides d'abord, remplis si nécessaire.
+   */
+  function recycleAndMove(klass, targetEl, newKey) {
+    const ez = window.ezstandalone;
+    if (typeof ez?.destroyPlaceholders !== 'function' ||
+        typeof ez?.define             !== 'function' ||
+        typeof ez?.displayMore        !== 'function') return null;
+
+    const vh     = window.innerHeight || 800;
+    // Seuil : au-delà de l'IO_MARGIN + 1vh pour être sûr que l'observer
+    // ne peut plus déclencher de showAds sur ce wrap après recyclage.
+    const margin    = isMobile() ? 3500 : 2500;
+    const threshold = -(margin + vh);
+    let bestEmpty = null, bestEmptyBottom = Infinity;
+    let bestFilled = null, bestFilledBottom = Infinity;
+
+    document.querySelectorAll(`.${WRAP_CLASS}.${klass}`).forEach(wrap => {
+      try {
+        const rect = wrap.getBoundingClientRect();
+        if (rect.bottom > threshold) return;
+        if (!isFilled(wrap)) {
+          if (rect.bottom < bestEmptyBottom) { bestEmptyBottom = rect.bottom; bestEmpty = wrap; }
+        } else {
+          if (rect.bottom < bestFilledBottom) { bestFilledBottom = rect.bottom; bestFilled = wrap; }
+        }
+      } catch (_) {}
+    });
+
+    const best = bestEmpty ?? bestFilled;
+    if (!best) return null;
+    const id = parseInt(best.getAttribute(A_WRAPID), 10);
+    if (!Number.isFinite(id)) return null;
+
+    const oldKey = best.getAttribute(A_ANCHOR);
+    mutate(() => {
+      best.setAttribute(A_ANCHOR,  newKey);
+      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 = '';
+      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 (_) {} };
+    try { (typeof ez.cmd?.push === 'function') ? ez.cmd.push(doDestroy) : doDestroy(); } catch (_) {}
+
+    return { id, wrap: best };
+  }
+
+  // ── Wraps DOM — création / suppression ────────────────────────────────────
 
   function makeWrap(id, klass, key) {
     const w = document.createElement('div');
@@ -407,9 +471,8 @@
         const w = insertAfter(el, id, klass, key);
         if (w) { observePh(id); inserted++; }
       } else {
-        // Pool épuisé : recycler un wrap distant via destroyPlaceholders+define+displayMore
         const recycled = recycleAndMove(klass, el, key);
-        if (!recycled) break; // Aucun wrap recyclable → arrêt
+        if (!recycled) break;
         inserted++;
       }
     }