nodebb-plugin-ezoic-infinite 1.4.96 → 1.4.97

package/package.json

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

package/public/client.js

@@ -7,6 +7,11 @@
   categoryItem: 'li[component="categories/category"]',
   }, WRAP_CLASS = 'ezoic-ad';
   const PLACEHOLDER_PREFIX = 'ezoic-pub-ad-placeholder-', MAX_INSERTS_PER_RUN = 3;
+  // Ultra-fast: preload ads before they enter viewport (especially above-the-fold)
+  const PRELOAD_ROOT_MARGIN = '1200px 0px';
+  const ABOVE_FOLD_MULT = 1.5; // render immediately if within 1.5× viewport height
+  const FAST_START_MS = 2500;  // aggressive preload window after page load
+
   
   // FLAG GLOBAL: Bloquer Ezoic pendant navigation
   let EZOIC_BLOCKED = false;
@@ -37,7 +42,43 @@
 
   obs: null,
   activeTimeouts: new Set(),
-  lastScrollRun: 0, };
+  lastScrollRun: 0,
+  io: null,
+  fastStartUntil: 0,
+};
+
+
+  // Track currently inserted ad wrappers for recycling
+  const liveArr = [];
+
+
+  // Network warm-up: reduce latency to Ezoic/CDN on first above-the-fold render
+  const _warmLinksDone = new Set();
+  function warmUpNetwork() {
+    try {
+      const head = document.head || document.getElementsByTagName('head')[0];
+      if (!head) return;
+      const links = [
+        ['preconnect', 'https://g.ezoic.net', true],
+        ['dns-prefetch', 'https://g.ezoic.net', false],
+        ['preconnect', 'https://go.ezoic.net', true],
+        ['dns-prefetch', 'https://go.ezoic.net', false],
+        ['preconnect', 'https://www.ezoic.net', true],
+        ['dns-prefetch', 'https://www.ezoic.net', false],
+      ];
+      for (const [rel, href, cors] of links) {
+        const key = rel + '|' + href;
+        if (_warmLinksDone.has(key)) continue;
+        _warmLinksDone.add(key);
+        const link = document.createElement('link');
+        link.rel = rel;
+        link.href = href;
+        if (cors) link.crossOrigin = 'anonymous';
+        head.appendChild(link);
+      }
+    } catch (e) {}
+  }
+
 
   function normalizeBool(v) {
   return v === true || v === 'true' || v === 1 || v === '1' || v === 'on';
@@ -123,9 +164,9 @@
   } catch (e) {}
 
   // Recyclage: libérer IDs après 100ms
-  setTimeout(() => {
-  filtered.forEach(id => sessionDefinedIds.delete(id));
-  }, 100);
+    setTimeout(() => {
+      filtered.forEach(id => sessionDefinedIds.delete(id));
+    }, 100);
   };
   try {
   window.ezstandalone = window.ezstandalone || {};
@@ -197,11 +238,17 @@
   if (ph && ph.children.length === 0) {
   // Placeholder vide après 3s = pub non chargée
   setTimeout(() => {
-  if (ph.children.length === 0) {
-  wrapper.remove();
-  }
-  }, 1500);
-  }
+      try {
+        // Give Ezoic more time on slower connections, and don't remove if we recently requested an ad.
+        const phId = ph && ph.id;
+        const id = phId ? parseInt(phId.replace(PLACEHOLDER_PREFIX, ''), 10) : 0;
+        const last = (id && state.lastShowById && state.lastShowById.get(id)) || 0;
+        if (ph.children.length === 0 && (!last || Date.now() - last > 10000)) {
+          wrapper.remove();
+        }
+      } catch (e) {}
+    }, 8000);
+    }
   });
   } catch (e) {}
   }
@@ -302,67 +349,52 @@
 
   function patchShowAds() {
   const applyPatch = () => {
-  try {
-  window.ezstandalone = window.ezstandalone || {}, ez = window.ezstandalone;
-  if (window.__nodebbEzoicPatched) return;
-  if (typeof ez.showAds !== 'function') return;
-
-  window.__nodebbEzoicPatched = true;
-  const orig = ez.showAds;
-
-  ez.showAds = function (arg) {
-  // CRITIQUE: Bloquer TOUS appels si navigation en cours
-  if (EZOIC_BLOCKED) {
-  return; // Ignorer complètement
-  }
-  
-  // Filtrer IDs dont placeholders n'existent pas
-  const filterValidIds = (ids) => {
-  return ids.filter(id => {
-  const phId = `ezoic-pub-ad-placeholder-${id}`;
-  const ph = document.getElementById(phId);
-  return ph && ph.isConnected;
-  });
-  };
-  
-  if (Array.isArray(arg)) {
-  const seen = new Set();
-  for (const v of arg) {
-  const id = parseInt(v, 10);
-  if (!Number.isFinite(id) || id <= 0 || seen.has(id)) continue;
-  
-  // Vérifier existence avant appel
-  const phId = `ezoic-pub-ad-placeholder-${id}`;
-  const ph = document.getElementById(phId);
-  if (!ph || !ph.isConnected) continue;
-  
-  seen.add(id);
-  try { orig.call(ez, id); } catch (e) {}
-  }
-  return;
-  }
-  
-  // Pour appels simples, vérifier aussi
-  if (typeof arg === 'number') {
-  const phId = `ezoic-pub-ad-placeholder-${arg}`;
-  const ph = document.getElementById(phId);
-  if (!ph || !ph.isConnected) return;
-  }
-  
-  return orig.apply(ez, arguments);
-  };
-  } catch (e) {}
+    try {
+      window.ezstandalone = window.ezstandalone || {};
+      const ez = window.ezstandalone;
+      if (window.__nodebbEzoicPatched) return;
+      if (typeof ez.showAds !== 'function') return;
+
+      window.__nodebbEzoicPatched = true;
+      const orig = ez.showAds;
+
+      // Ezoic's ez-standalone.js logs warnings when asked to render an ID
+      // that isn't present in the DOM anymore. In an infinite-scroll context
+      // we must filter and call per-id.
+      ez.showAds = function (...args) {
+        if (EZOIC_BLOCKED) return;
+
+        let ids = [];
+        if (args.length === 1 && Array.isArray(args[0])) {
+          ids = args[0];
+        } else {
+          ids = args;
+        }
+
+        const seen = new Set();
+        for (const v of ids) {
+          const id = parseInt(v, 10);
+          if (!Number.isFinite(id) || id <= 0 || seen.has(id)) continue;
+
+          const ph = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
+          if (!ph || !ph.isConnected) continue;
+
+          seen.add(id);
+          try { orig.call(ez, id); } catch (e) {}
+        }
+      };
+    } catch (e) {}
   };
 
   applyPatch();
   if (!window.__nodebbEzoicPatched) {
-  try {
-  window.ezstandalone = window.ezstandalone || {};
-  window.ezstandalone.cmd = window.ezstandalone.cmd || [];
-  window.ezstandalone.cmd.push(applyPatch);
-  } catch (e) {}
-  }
+    try {
+      window.ezstandalone = window.ezstandalone || {};
+      window.ezstandalone.cmd = window.ezstandalone.cmd || [];
+      window.ezstandalone.cmd.push(applyPatch);
+    } catch (e) {}
   }
+}
 
   function markFilled(wrap) {
   try {
@@ -465,7 +497,7 @@
   window.ezstandalone.cmd.push(function() {
   if (typeof window.ezstandalone.showAds === 'function') {
   // Appel batch: showAds(id1, id2, id3...)
-  window.ezstandalone.showAds(...validIds);
+  window.ezstandalone.showAds(validIds);
   // Tracker tous les IDs
   validIds.forEach(id => {
   state.lastShowById.set(id, Date.now());
@@ -482,53 +514,95 @@
   }, 100);
   }
 
-  function callShowAdsWhenReady(id) {
+  
+function callShowAdsWhenReady(id) {
   if (!id) return;
 
   const now = Date.now(), last = state.lastShowById.get(id) || 0;
-  if (now - last < 3500) return;
-
-  const phId = `${PLACEHOLDER_PREFIX}${id}`, doCall = () => {
-  try {
-  window.ezstandalone = window.ezstandalone || {};
-  if (typeof window.ezstandalone.showAds === 'function') {
-
-  state.lastShowById.set(id, Date.now());
-  window.ezstandalone.showAds(id);
-  sessionDefinedIds.add(id);
-  return true;
-  }
-  } catch (e) {}
-  return false;
+  if (now - last < 2500) return;
+
+  const phId = `${PLACEHOLDER_PREFIX}${id}`;
+
+  const tryShowOrQueue = () => {
+    if (EZOIC_BLOCKED) return false;
+    const el = document.getElementById(phId);
+    if (!el || !el.isConnected) return false;
+
+    try {
+      window.ezstandalone = window.ezstandalone || {};
+      const ez = window.ezstandalone;
+
+      if (typeof ez.showAds === 'function') {
+        state.lastShowById.set(id, Date.now());
+        ez.showAds(id);
+        sessionDefinedIds.add(id);
+        return true;
+      }
+
+      // Queue once to run as soon as Ezoic is ready
+      ez.cmd = ez.cmd || [];
+      if (!el.__ezoicQueued) {
+        el.__ezoicQueued = true;
+        ez.cmd.push(() => {
+          try {
+            if (EZOIC_BLOCKED) return;
+            const ph = document.getElementById(phId);
+            if (!ph || !ph.isConnected) return;
+            state.lastShowById.set(id, Date.now());
+            window.ezstandalone.showAds(id);
+            sessionDefinedIds.add(id);
+          } catch (e) {}
+        });
+      }
+    } catch (e) {}
+    return false;
   };
 
   const startPageKey = state.pageKey;
   let attempts = 0;
-  (function waitForPh() {
-  if (state.pageKey !== startPageKey) return;
-  if (state.pendingById.has(id)) return;
-
-  attempts += 1;
-  const el = document.getElementById(phId);
-  if (el && el.isConnected) {
-
-  // Si on arrive ici, soit visible, soit timeout
 
-  if (doCall()) {
-  state.pendingById.delete(id);
-  return;
-  }
-
-  }
-
-  if (attempts < 100) {
-  const timeoutId = setTimeout(waitForPh, 50);
-  state.activeTimeouts.add(timeoutId);
-  }
+  (function waitForPh() {
+    if (state.pageKey !== startPageKey) return;
+
+    const el = document.getElementById(phId);
+    if (el && el.isConnected) {
+      // tag id for IO callback
+      try { el.setAttribute('data-ezoic-id', String(id)); } catch (e) {}
+
+      // If above-the-fold (or during the fast-start window), fire immediately.
+      const inFastWindow = state.fastStartUntil && Date.now() < state.fastStartUntil;
+      if (isAboveFold(el) || (inFastWindow && (el.getBoundingClientRect().top < window.innerHeight * 3))) {
+        if (tryShowOrQueue()) {
+          state.pendingById.delete(id);
+          return;
+        }
+      }
+
+      // Otherwise, preload via IntersectionObserver
+      if (!state.pendingById.has(id)) {
+        state.pendingById.add(id);
+        const io = ensurePreloadObserver();
+        try { io && io.observe(el); } catch (e) {}
+
+        // Safety fallback: if it still hasn't rendered after 6s, force attempt.
+        const t = setTimeout(() => {
+          tryShowOrQueue();
+          state.pendingById.delete(id);
+        }, 6000);
+        state.activeTimeouts.add(t);
+      }
+      return;
+    }
+
+    attempts += 1;
+    if (attempts < 100) {
+      const timeoutId = setTimeout(waitForPh, 25);
+      state.activeTimeouts.add(timeoutId);
+    }
   })();
-  }
+}
 
-  async function fetchConfig() {
+async function fetchConfig() {
   if (state.cfg) return state.cfg;
   if (state.cfgPromise) return state.cfgPromise;
 
@@ -718,6 +792,7 @@
   state.pendingById.clear();
 
   if (state.obs) { state.obs.disconnect(); state.obs = null; }
+  if (state.io) { try { state.io.disconnect(); } catch (e) {} state.io = null; }
 
   state.scheduled = false;
   clearTimeout(state.timer);
@@ -730,6 +805,34 @@
   try { state.obs.observe(document.body, { childList: true, subtree: true }); } catch (e) {}
   }
 
+  function ensurePreloadObserver() {
+  if (state.io) return state.io;
+  try {
+  state.io = new IntersectionObserver((entries) => {
+    for (const ent of entries) {
+      if (!ent.isIntersecting) continue;
+      const el = ent.target;
+      try { state.io && state.io.unobserve(el); } catch (e) {}
+      const idAttr = el && el.getAttribute && el.getAttribute('data-ezoic-id');
+      const id = parseInt(idAttr, 10);
+      if (Number.isFinite(id) && id > 0) {
+        // Try immediately; otherwise it will queue via ezstandalone.cmd
+        try { callShowAdsWhenReady(id); } catch (e) {}
+      }
+    }
+  }, { root: null, rootMargin: PRELOAD_ROOT_MARGIN, threshold: 0.01 });
+  } catch (e) { state.io = null; }
+  return state.io;
+  }
+
+  function isAboveFold(el) {
+  try {
+    if (!el || !el.getBoundingClientRect) return false;
+    const r = el.getBoundingClientRect();
+    return r.top < (window.innerHeight * ABOVE_FOLD_MULT) && r.bottom > -200;
+  } catch (e) { return false; }
+  }
+
   async function runCore() {
   // CRITIQUE: Ne rien insérer si navigation en cours
   if (EZOIC_BLOCKED) {
@@ -821,17 +924,28 @@
 
   $(window).on('action:ajaxify.start.ezoicInfinite', () => cleanup());
 
-  $(window).on('action:ajaxify.end.ezoicInfinite', () => {
+    $(window).on('action:ajaxify.end.ezoicInfinite', () => {
   state.pageKey = getPageKey();
-  
+
   // Débloquer Ezoic IMMÉDIATEMENT pour la nouvelle page
   EZOIC_BLOCKED = false;
-  
+
+  // Warm-up réseau + runtime Ezoic dès que possible
+  warmUpNetwork();
+  patchShowAds();
+
+  // Ultra-fast preload window
+  state.fastStartUntil = Date.now() + FAST_START_MS;
+
   ensureObserver();
+  ensurePreloadObserver();
 
   state.canShowAds = true;
-  
-  // CRITIQUE: Relancer insertion maintenant que navigation est terminée
+
+  // HERO slot ASAP (above-the-fold)
+  insertHeroAdEarly();
+
+  // Relancer l'insertion normale
   scheduleRun();
   });
 
@@ -933,8 +1047,16 @@
   bind();
   bindScroll();
   ensureObserver();
+  ensurePreloadObserver();
   state.pageKey = getPageKey();
 
+  // Warm-up réseau dès le boot
+  warmUpNetwork();
+  patchShowAds();
+  state.fastStartUntil = Date.now() + FAST_START_MS;
+  // HERO slot ASAP au premier chargement
+  insertHeroAdEarly();
+
   // Attendre que Ezoic soit chargé avant d'insérer
   waitForEzoicThenRun();
 })();

package/public/style.css

@@ -4,4 +4,16 @@ span.ezoic-ad,
 span[class*="ezoic"] {
   min-height: 0 !important;
   min-width: 0 !important;
-}
+}
+/* Reduce layout shifts and kill extra spacing around Ezoic wrappers */
+.ezoic-ad {
+  display: block;
+  width: 100%;
+  margin: 0 !important;
+  padding: 0 !important;
+  overflow: hidden;
+}
+.ezoic-ad > [id^="ezoic-pub-ad-placeholder-"] {
+  margin: 0 !important;
+  padding: 0 !important;
+}