nodebb-plugin-ezoic-infinite 1.5.98 → 1.6.0

package/package.json

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

package/public/client.js

@@ -1344,70 +1344,114 @@ function buildOrdinalMap(items) {
 
 
 
-
-
-
-// ===== V7.1 soft up-scroll purge for ezoic-ad-between =====
+// ===== CLEAN REFRACTOR: visibility manager for Ezoic wraps =====
 (function () {
-  var lastY = window.pageYOffset || document.documentElement.scrollTop || 0;
-  var ticking = false;
-  var lastPurgeTs = 0;
-  var PURGE_COOLDOWN_MS = 350;
-
-  function softPurgeBetweenWraps() {
-    var now = Date.now();
-    if (now - lastPurgeTs < PURGE_COOLDOWN_MS) return;
-    lastPurgeTs = now;
+  var WRAP_SELECTOR = '.nodebb-ezoic-wrap.ezoic-ad-between, .nodebb-ezoic-wrap.ezoic-ad-message';
+  var KEEP_MARGIN_PX_DESKTOP = 1600;
+  var KEEP_MARGIN_PX_MOBILE  = 1100;
+  var MAX_REMOVALS_PER_SWEEP = 6;
 
-    var viewportTop = window.pageYOffset || document.documentElement.scrollTop || 0;
-    var keepBuffer = 240; // garde les pubs proches du viewport pour éviter le "clignotement"
+  function isMobile() {
+    try { return window.matchMedia && window.matchMedia('(max-width: 767px)').matches; } catch (e) { return false; }
+  }
+  function keepMargin() { return isMobile() ? KEEP_MARGIN_PX_MOBILE : KEEP_MARGIN_PX_DESKTOP; }
+
+  function removeFarWraps() {
+    var margin = keepMargin();
+    var removed = 0;
+    var wraps;
+    try { wraps = document.querySelectorAll(WRAP_SELECTOR); } catch (e) { return; }
+    wraps.forEach(function (w) {
+      if (removed >= MAX_REMOVALS_PER_SWEEP) return;
+      try {
+        var lv = parseInt(w.getAttribute('data-last-visible') || '0', 10);
+        if (lv && (Date.now() - lv) < 8000) return;
 
-    try {
-      document.querySelectorAll('.nodebb-ezoic-wrap.ezoic-ad-between').forEach(function (w) {
-        try {
-          var r = w.getBoundingClientRect();
-          var absBottom = viewportTop + r.bottom;
-          // SOFT: supprimer uniquement les wraps largement au-dessus du viewport
-          if (absBottom < (viewportTop - keepBuffer)) {
-            w.remove();
-          }
-        } catch (e) {}
-      });
-    } catch (e) {}
+        var r = w.getBoundingClientRect();
+        if (r.bottom < -margin || r.top > ((window.innerHeight || 0) + margin)) {
+          w.remove();
+          removed += 1;
+        }
+      } catch (e) {}
+    });
   }
 
-  function onScroll() {
-    if (ticking) return;
-    ticking = true;
-    requestAnimationFrame(function () {
-      var y = window.pageYOffset || document.documentElement.scrollTop || 0;
-      var dy = y - lastY;
+  var io = null;
+  function installIO() {
+    if (io || typeof IntersectionObserver === 'undefined') return;
+    io = new IntersectionObserver(function (entries) {
+      try {
+        entries.forEach(function (e) {
+          if (e && e.target && e.isIntersecting) {
+            try { e.target.setAttribute('data-last-visible', String(Date.now())); } catch (err) {}
+          }
+        });
+      } catch (e) {}
+    }, { root: null, rootMargin: '0px', threshold: 0.01 });
 
-      // uniquement quand on remonte franchement
-      if (dy < -12) {
-        softPurgeBetweenWraps();
-      }
+    try { document.querySelectorAll(WRAP_SELECTOR).forEach(function (w) { try { io.observe(w); } catch(e) {} }); } catch (e) {}
+  }
 
-      lastY = y;
-      ticking = false;
+  var moInstalled = false;
+  function installMO() {
+    if (moInstalled || typeof MutationObserver === 'undefined') return;
+    moInstalled = true;
+    var mo = new MutationObserver(function (muts) {
+      if (!io) return;
+      try {
+        for (var i = 0; i < muts.length; i++) {
+          var m = muts[i];
+          if (!m.addedNodes) continue;
+          for (var j = 0; j < m.addedNodes.length; j++) {
+            var n = m.addedNodes[j];
+            if (!n || n.nodeType !== 1) continue;
+            if (n.matches && n.matches(WRAP_SELECTOR)) {
+              try { io.observe(n); } catch (e) {}
+            } else if (n.querySelectorAll) {
+              var inner = n.querySelectorAll(WRAP_SELECTOR);
+              for (var k = 0; k < inner.length; k++) {
+                try { io.observe(inner[k]); } catch (e) {}
+              }
+            }
+          }
+        }
+      } catch (e) {}
     });
+    try { mo.observe(document.documentElement || document.body, { childList: true, subtree: true }); } catch (e) {}
   }
 
-  window.addEventListener('scroll', onScroll, { passive: true });
+  var sweepPending = false;
+  var lastSweep = 0;
+  var SWEEP_COOLDOWN_MS = 250;
 
-  // nettoyage doux après chargement infini / navigation ajax
-  function postLoadSoftPurge() {
-    setTimeout(softPurgeBetweenWraps, 0);
-    setTimeout(softPurgeBetweenWraps, 220);
-    setTimeout(softPurgeBetweenWraps, 600);
+  function scheduleSweep() {
+    var now = Date.now();
+    if (now - lastSweep < SWEEP_COOLDOWN_MS) return;
+    if (sweepPending) return;
+    sweepPending = true;
+    requestAnimationFrame(function () {
+      sweepPending = false;
+      lastSweep = Date.now();
+      removeFarWraps();
+    });
   }
 
-  if (window.jQuery) {
-    window.jQuery(window).on('action:ajaxify.end action:infiniteScroll.loaded', postLoadSoftPurge);
+  function init() {
+    installIO();
+    installMO();
+    window.addEventListener('scroll', scheduleSweep, { passive: true });
+    window.addEventListener('resize', scheduleSweep, { passive: true });
+
+    if (window.jQuery) {
+      window.jQuery(window).on('action:ajaxify.end action:infiniteScroll.loaded', function () {
+        setTimeout(function () { installIO(); scheduleSweep(); }, 0);
+      });
+    }
+    setTimeout(function () { installIO(); scheduleSweep(); }, 0);
   }
 
-  // premier passage
-  setTimeout(softPurgeBetweenWraps, 0);
+  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);
+  else init();
 })();
-// ===== /V7.1 =====
+// ===== /CLEAN REFRACTOR =====
 

package/public/style.css

@@ -79,3 +79,9 @@
   position: static !important;
   top: auto !important;
 }
+
+
+/* ===== CLEAN REFRACTOR perf notes ===== */
+.nodebb-ezoic-wrap { contain: content; }
+/* ===== /CLEAN REFRACTOR ===== */
+