nodebb-plugin-ezoic-infinite 1.4.94 → 1.4.96

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-ezoic-infinite",
-  "version": "1.4.94",
+  "version": "1.4.96",
   "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;
+  
+  // FLAG GLOBAL: Bloquer Ezoic pendant navigation
+  let EZOIC_BLOCKED = false;
+  
+  // DEBUG: Vérifier que le plugin charge
 
   const sessionDefinedIds = new Set();
 
@@ -142,35 +147,48 @@
   const ph = wrapper.querySelector('[id^="ezoic-pub-ad-placeholder-"]');
   if (!ph) return;
   
-  // Supprimer TOUS les éléments après le placeholder rempli
-  // qui créent de l'espace vertical
-  let found = false;
+  // ULTRA-AGRESSIF: Supprimer TOUT sauf placeholder
   Array.from(wrapper.children).forEach(child => {
-  if (child === ph || child.contains(ph)) {
-  found = true;
-  return;
-  }
+  if (child === ph || child.contains(ph)) return;
+  if (child.id && child.id.startsWith('ezoic-pub-ad-placeholder-')) return;
+  child.remove();
+  });
   
-  // Si élément APRÈS le placeholder
-  if (found) {
-  const rect = child.getBoundingClientRect();
-  const computed = window.getComputedStyle(child);
+  // Forcer wrapper collé
+  wrapper.style.height = 'auto';
+  wrapper.style.overflow = 'hidden';
+  wrapper.style.lineHeight = '0';
+  wrapper.style.fontSize = '0';
+  wrapper.style.margin = '0';
+  wrapper.style.padding = '0';
   
-  // Supprimer si:
-  // 1. Height > 0 mais pas de texte/image visible
-  // 2. Ou opacity: 0
-  // 3. Ou visibility: hidden
-  const hasContent = child.textContent.trim().length > 0 || 
-                    child.querySelector('img, iframe, video');
+  // CRITIQUE: Forcer suppression margin sur TOUS les .ezoic-ad enfants
+  // Pour overrider les margin-top/bottom:15px !important d'Ezoic
+  wrapper.querySelectorAll('.ezoic-ad, span.ezoic-ad').forEach(ezSpan => {
+  ezSpan.style.setProperty('margin-top', '0', 'important');
+  ezSpan.style.setProperty('margin-bottom', '0', 'important');
+  ezSpan.style.setProperty('margin-left', '0', 'important');
+  ezSpan.style.setProperty('margin-right', '0', 'important');
+  });
   
-  if (!hasContent || computed.opacity === '0' || computed.visibility === 'hidden') {
+  // Nettoyer aussi DANS le placeholder
+  if (ph) {
+  Array.from(ph.children).forEach(child => {
+  // Garder seulement iframe, ins, img
+  const tag = child.tagName;
+  if (tag !== 'IFRAME' && tag !== 'INS' && tag !== 'IMG' && tag !== 'DIV') {
   child.remove();
   }
-  }
   });
+  }
   });
   } catch (e) {}
   }
+  
+  // Lancer cleanup périodique toutes les 2s
+  setInterval(() => {
+  try { cleanupInvisibleEzoicElements(); } catch (e) {}
+  }, 2000);
 
   function cleanupEmptyWrappers() {
   try {
@@ -293,16 +311,44 @@
   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) {}
@@ -389,21 +435,39 @@
 
   clearTimeout(batchShowAdsTimer);
   batchShowAdsTimer = setTimeout(() => {
+  // CRITIQUE: Vérifier que nous sommes toujours sur la même page
+  const currentPageKey = getPageKey();
+  if (state.pageKey && currentPageKey !== state.pageKey) {
+  pendingShowAdsIds.clear();
+  return; // Page a changé, annuler
+  }
+  
   if (pendingShowAdsIds.size === 0) return;
 
   const idsArray = Array.from(pendingShowAdsIds);
   pendingShowAdsIds.clear();
 
+  // CRITIQUE: Vérifier que placeholders existent encore
+  const validIds = idsArray.filter(id => {
+  const ph = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
+  return ph && ph.isConnected;
+  });
+  
+  if (validIds.length === 0) return;
+
   // Appeler showAds avec TOUS les IDs en une fois
   try {
+  // CRITIQUE: Re-patcher AVANT chaque appel pour être sûr
+  patchShowAds();
+  
   window.ezstandalone = window.ezstandalone || {};
   window.ezstandalone.cmd = window.ezstandalone.cmd || [];
   window.ezstandalone.cmd.push(function() {
   if (typeof window.ezstandalone.showAds === 'function') {
   // Appel batch: showAds(id1, id2, id3...)
-  window.ezstandalone.showAds(...idsArray);
+  window.ezstandalone.showAds(...validIds);
   // Tracker tous les IDs
-  idsArray.forEach(id => {
+  validIds.forEach(id => {
   state.lastShowById.set(id, Date.now());
   sessionDefinedIds.add(id);
   });
@@ -414,7 +478,7 @@
   // CRITIQUE: Nettoyer éléments invisibles APRÈS que pubs soient chargées
   setTimeout(() => {
   cleanupInvisibleEzoicElements();
-  }, 800); // 1.5s pour laisser Ezoic charger
+  }, 1500); // 1.5s pour laisser Ezoic charger
   }, 100);
   }
 
@@ -590,9 +654,45 @@
   }
 
   function cleanup() {
-  destroyUsedPlaceholders();
+  // DEBUG: Vérifier que cleanup est appelé
+  // CRITIQUE: BLOQUER Ezoic immédiatement
+  EZOIC_BLOCKED = true;
+  
+  // Détruire TOUS les placeholders Ezoic AVANT de supprimer DOM
+  const allWrappers = document.querySelectorAll('.ezoic-ad');
+  const allIds = [];
+  allWrappers.forEach(wrapper => {
+  const ph = wrapper.querySelector('[id^="ezoic-pub-ad-placeholder-"]');
+  if (ph) {
+  const match = ph.id.match(/\d+/);
+  if (match) allIds.push(parseInt(match[0]));
+  }
+  });
+  
+  // CRITIQUE: Vider COMPLÈTEMENT sessionDefinedIds
+  // Pour éviter que d'anciens IDs soient encore en mémoire
+  
+  // CRITIQUE: Détruire AUSSI tous les IDs tracés dans state
+  // Pour annuler les anciens IDs qu'Ezoic a en mémoire
+  const trackedIds = [
+  ...Array.from(state.usedTopics),
+  ...Array.from(state.usedPosts),
+  ...Array.from(state.usedCategories)
+  ];
+  
+  const allIdsToDestroy = [...new Set([...allIds, ...trackedIds, ...Array.from(sessionDefinedIds)])];
+  sessionDefinedIds.clear(); // ✅ VIDER TOUT
+  
+  if (allIdsToDestroy.length > 0) {
+  destroyPlaceholderIds(allIdsToDestroy);
+  }
+  
+  // Annuler batch showAds en attente
+  pendingShowAdsIds.clear();
+  clearTimeout(batchShowAdsTimer);
 
-  document.querySelectorAll('.ezoic-ad').forEach(el => {
+  // Maintenant supprimer DOM
+  allWrappers.forEach(el => {
   try { el.remove(); } catch (e) {}
   });
 
@@ -631,6 +731,11 @@
   }
 
   async function runCore() {
+  // CRITIQUE: Ne rien insérer si navigation en cours
+  if (EZOIC_BLOCKED) {
+  return;
+  }
+  
   if (!state.canShowAds) {
   return;
   }
@@ -718,9 +823,16 @@
 
   $(window).on('action:ajaxify.end.ezoicInfinite', () => {
   state.pageKey = getPageKey();
+  
+  // Débloquer Ezoic IMMÉDIATEMENT pour la nouvelle page
+  EZOIC_BLOCKED = false;
+  
   ensureObserver();
 
   state.canShowAds = true;
+  
+  // CRITIQUE: Relancer insertion maintenant que navigation est terminée
+  scheduleRun();
   });
 
   $(window).on('action:category.loaded.ezoicInfinite', () => {

package/public/style.css

@@ -1,10 +1,7 @@
-.ezoic-ad {
-  height: auto !important;
-  padding: 0 !important;
-  margin: 0 !important;
-}
-
-.ezoic-ad * {
-  margin: 0 !important;
-  padding: 0 !important;
+.ezoic-ad,
+.ezoic-ad *,
+span.ezoic-ad,
+span[class*="ezoic"] {
+  min-height: 0 !important;
+  min-width: 0 !important;
 }