nodebb-plugin-ezoic-infinite 1.7.69 → 1.7.71

package/package.json

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

package/public/client.js

@@ -40,8 +40,10 @@
   const SHOW_THROTTLE_MS  = 900;    // anti-spam showAds() par id
   const BURST_COOLDOWN_MS = 200;    // délai min entre deux bursts
 
-  const IO_MARGIN_DESKTOP = '800px 0px 800px 0px';
-  const IO_MARGIN_MOBILE  = '1200px 0px 1200px 0px';
+  // Marge asymétrique : précharge 1200px en bas, 0px en haut.
+  // Évite que AMP charge une pub déjà sortie du viewport vers le haut.
+  const IO_MARGIN_DESKTOP = '0px 0px 1200px 0px';
+  const IO_MARGIN_MOBILE  = '0px 0px 1500px 0px';
 
   const SEL = {
     post:     '[component="post"][data-pid]',
@@ -97,7 +99,10 @@
   const _BOOL_TRUE = new Set([true, 'true', 1, '1', 'on']);
   const normBool   = v => _BOOL_TRUE.has(v);
   // isFilled : exclut l'img reportline Ezoic (ezoicbwa.png) — faux positif
-  const isFilled = n => !!(n?.querySelector('iframe, ins, video, [data-google-container-id]'))
+  // data-ez-filled : marqué par watchFill() dès qu'Ezoic touche au placeholder
+  // (nécessaire pour les pubs AMP dont l'iframe est cross-origin et invisible)
+  const isFilled = n => !!(n?.closest?.('.nodebb-ezoic-wrap')?.getAttribute('data-ez-filled'))
+    || !!(n?.querySelector('iframe, ins, video, [data-google-container-id]'))
     || !!(n?.querySelector('img:not([src*="ezoicbwa"]):not([src*="ezodn.com"])'));
 
   function mutate(fn) {
@@ -274,7 +279,21 @@
     return w;
   }
 
-  function insertAfter(el, id, klass, key) {
+  function watchFill(id, wrap) {
+    // Ezoic injecte du contenu dans le placeholder — on marque le wrap
+    // dès la première mutation, même pour les iframes AMP cross-origin.
+    const ph = document.getElementById(`${PH_PREFIX}${id}`);
+    if (!ph) return;
+    const obs = new MutationObserver(() => {
+      if (ph.childElementCount > 0 || ph.innerHTML.length > 20) {
+        wrap.setAttribute('data-ez-filled', '1');
+        obs.disconnect();
+      }
+    });
+    obs.observe(ph, { childList: true, subtree: true, attributes: true });
+  }
+
+    function insertAfter(el, id, klass, key) {
     if (!el?.insertAdjacentElement)                                 return null;
     if (findWrap(key))                                              return null;
     if (S.mountedIds.has(id))                                       return null;
@@ -283,6 +302,7 @@
     mutate(() => el.insertAdjacentElement('afterend', w));
     S.mountedIds.add(id);
     S.wrapByKey.set(key, w);
+    watchFill(id, w);
     return w;
   }
 
@@ -404,7 +424,9 @@
       try {
         if (isBlocked()) { clearTimeout(timer); return release(); }
         const ph = document.getElementById(`${PH_PREFIX}${id}`);
-        if (!ph?.isConnected || isFilled(ph)) { clearTimeout(timer); return release(); }
+        if (!ph?.isConnected) { clearTimeout(timer); return release(); }
+        const wrap = ph.closest?.(`.${WRAP_CLASS}`);
+        if (isFilled(ph) || wrap?.getAttribute('data-ez-filled')) { clearTimeout(timer); return release(); }
         const t = ts();
         if (t - (S.lastShow.get(id) ?? 0) < SHOW_THROTTLE_MS) { clearTimeout(timer); return release(); }
         S.lastShow.set(id, t);