nodebb-plugin-ezoic-infinite 1.6.84 → 1.6.85

package/package.json

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

package/public/client.js

@@ -9,8 +9,6 @@
     
     let config = null;
     let isInternalChange = false;
-    let ezEnabled = false;
-    let definedIds = new Set();
 
     function getPool() {
         let p = document.getElementById(POOL_ID);
@@ -28,59 +26,45 @@
         const id = parseInt(pid, 10);
         if (isNaN(id)) return;
 
-        try {
-            // 1. On définit TOUJOURS l'ID avant toute autre action
+        // On utilise la queue que tu as définie dans ton header
+        window.ezstandalone.cmd.push(function() {
             window.ezstandalone.define(id);
-            definedIds.add(id);
-
-            // 2. Si c'est la toute première fois de la page
-            if (!ezEnabled) {
+            
+            // On laisse Ezoic décider s'il doit faire enable() ou refresh()
+            if (!window.ezstandalone.enabled) {
                 window.ezstandalone.enable();
                 window.ezstandalone.display();
-                ezEnabled = true;
-                console.log('[Ezoic-Infinite] Initialized with ID:', id);
             } else {
-                // 3. Sinon, on utilise refresh avec un léger délai 
-                // pour s'assurer que le navigateur a fini de dessiner le DIV
-                setTimeout(() => {
-                    const el = document.getElementById('ezoic-pub-ad-placeholder-' + id);
-                    if (el) {
-                        window.ezstandalone.refresh();
-                        console.log('[Ezoic-Infinite] Refresh called for:', id);
-                    }
-                }, 300);
+                // On utilise refresh uniquement si l'ID est déjà affiché 
+                // ou si le cycle initial est terminé.
+                window.ezstandalone.refresh();
             }
-        } catch (e) {
-            console.warn('[Ezoic-Infinite] JS Error:', e.message);
-        }
+        });
     }
 
     function redistribute() {
         if (!config || config.excluded) return;
 
-        // Ciblage Harmony NodeBB 4
+        // Sélecteurs NodeBB 4.x Harmony
+        // TopicItems = Lignes de sujets sur l'accueil
+        // PostItems = Messages dans un sujet
         const topicItems = document.querySelectorAll('[component="category/topic"]');
         const postItems = document.querySelectorAll('[component="post"]');
 
-        let items = [], kind = '', interval = 10, showFirst = false;
-
         if (topicItems.length > 0 && config.enableBetweenAds) {
-            items = Array.from(topicItems);
-            kind = 'between';
-            interval = parseInt(config.intervalPosts, 10);
-            showFirst = config.showFirstTopicAd;
-        } else if (postItems.length > 0 && config.enableMessageAds) {
-            items = Array.from(postItems);
-            kind = 'message';
-            interval = parseInt(config.messageIntervalPosts, 10);
-            showFirst = config.showFirstMessageAd;
+            processItems(Array.from(topicItems), 'between', config.intervalPosts, config.showFirstTopicAd);
         }
+        
+        if (postItems.length > 0 && config.enableMessageAds) {
+            processItems(Array.from(postItems), 'message', config.messageIntervalPosts, config.showFirstMessageAd);
+        }
+    }
 
-        if (items.length === 0) return;
-
+    function processItems(items, kind, interval, showFirst) {
+        const int = parseInt(interval, 10) || 10;
         items.forEach((item, index) => {
             const pos = index + 1;
-            const shouldHaveAd = (pos === 1 && showFirst) || (pos % interval === 0);
+            const shouldHaveAd = (pos === 1 && showFirst) || (pos % int === 0);
             
             const next = item.nextElementSibling;
             if (shouldHaveAd && !(next && next.classList.contains(WRAP_CLASS))) {
@@ -88,9 +72,7 @@
                 const available = pool.querySelector(`.${WRAP_CLASS}[data-kind="${kind}"]`);
                 if (available) {
                     isInternalChange = true;
-                    // Insertion physique dans le DOM
                     item.parentNode.insertBefore(available, item.nextSibling);
-                    // Activation Ezoic
                     callEzoic(available.getAttribute('data-placeholder-id'));
                     setTimeout(() => { isInternalChange = false; }, 100);
                 }
@@ -129,6 +111,11 @@
             });
     }
 
+    // Gestion de la navigation AJAX de NodeBB 4
+    window.addEventListener('action:ajaxify.end', function() {
+        setTimeout(redistribute, 500);
+    });
+
     if (document.readyState === 'loading') {
         document.addEventListener('DOMContentLoaded', init);
     } else {

package/public/style.css

@@ -1,18 +1,25 @@
 .nodebb-ezoic-wrap {
     display: block !important;
     width: 100% !important;
-    margin: 30px 0 !important;
-    min-height: 250px; /* Taille minimum pour forcer le chargement */
+    margin: 25px auto !important;
+    min-height: 250px; /* Réserve l'espace pour éviter les sauts de page */
     clear: both;
-    overflow: visible !important;
+    text-align: center;
 }
 
-.nodebb-ezoic-wrap .ezoic-ad {
-    min-width: 1px;
-    min-height: 1px;
+/* Accueil : Ajout d'une séparation propre entre les lignes de sujets */
+[component="category/topic"] + .nodebb-ezoic-wrap {
+    border-bottom: 1px solid rgba(0,0,0,0.05);
+    margin-bottom: 15px !important;
 }
 
-/* Évite que les pubs se collent */
+/* Cache si vide (Ezoic ajoute des classes quand il ne remplit pas) */
+.nodebb-ezoic-wrap:empty {
+    display: none !important;
+    min-height: 0;
+}
+
+/* Anti-empilement */
 .nodebb-ezoic-wrap + .nodebb-ezoic-wrap {
     display: none !important;
 }