nodebb-plugin-ezoic-infinite 1.6.30 → 1.6.32

package/package.json

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

package/public/client.js

@@ -1514,205 +1514,130 @@ function buildOrdinalMap(items) {
 
 
 
-// ===== V17.2: Up-scroll "rehome" by data-ezoic-after (keeps injection intact) =====
-(function () {
+// ===== V17.4: Hide top pile (supports ul>div OR li hosts), no moving, keeps injection intact =====
+(function(){
   var TOPIC_LI_SEL = 'li[component="category/topic"]';
   var BETWEEN_WRAP_SEL = 'div.nodebb-ezoic-wrap.ezoic-ad-between';
   var HOST_CLASS = 'nodebb-ezoic-host';
+  var PILED_ATTR = 'data-ezoic-piled';
 
   var lastY = window.pageYOffset || document.documentElement.scrollTop || 0;
   var scheduled = false;
   var lastRun = 0;
-  var COOLDOWN = 160;
+  var COOLDOWN = 90;
 
-  function getY() {
-    return window.pageYOffset || document.documentElement.scrollTop || 0;
-  }
+  function getY(){ return window.pageYOffset || document.documentElement.scrollTop || 0; }
 
-  function getTopicList() {
+  function getTopicList(){
     try {
       var li = document.querySelector(TOPIC_LI_SEL);
       if (!li) return null;
       return li.closest ? li.closest('ul,ol') : null;
-    } catch (e) { return null; }
+    } catch(e){ return null; }
   }
 
-  function ensureHostForWrap(wrap, ul) {
+  function isBetweenNode(el){
     try {
-      if (!wrap || wrap.nodeType !== 1) return null;
-      if (!(wrap.matches && wrap.matches(BETWEEN_WRAP_SEL))) return null;
-
-      var host = wrap.closest ? wrap.closest('li.' + HOST_CLASS) : null;
-      if (host) return host;
-
-      if (!ul) ul = wrap.closest ? wrap.closest('ul,ol') : null;
-      if (!ul || !(ul.tagName === 'UL' || ul.tagName === 'OL')) return null;
-
-      if (wrap.parentElement === ul) {
-        host = document.createElement('li');
-        host.className = HOST_CLASS;
-        host.setAttribute('role', 'listitem');
-        host.style.listStyle = 'none';
-        host.style.width = '100%';
-        try {
-          var after = wrap.getAttribute('data-ezoic-after');
-          if (after) host.setAttribute('data-ezoic-after', after);
-        } catch (e) {}
-        ul.insertBefore(host, wrap);
-        host.appendChild(wrap);
-        try { wrap.style.width = '100%'; } catch (e) {}
-        return host;
+      if (!el || el.nodeType !== 1) return false;
+      if (el.matches && el.matches(BETWEEN_WRAP_SEL)) return true; // ul>div case
+      if (el.tagName === 'LI' && el.classList && el.classList.contains(HOST_CLASS)) {
+        return !!(el.querySelector && el.querySelector(BETWEEN_WRAP_SEL));
       }
-    } catch (e) {}
-    return null;
-  }
-
-  function nthTopic(ul, n) {
-    try {
-      var topics = ul.querySelectorAll(TOPIC_LI_SEL);
-      if (!topics || !topics.length) return null;
-      if (n < 1) n = 1;
-      if (n > topics.length) n = topics.length;
-      return topics[n-1] || null;
-    } catch (e) {}
-    return null;
+    } catch(e){}
+    return false;
   }
 
-  function getAfterValue(host) {
-    try {
-      var v = host.getAttribute('data-ezoic-after');
-      if (!v) {
-        var wrap = host.querySelector && host.querySelector(BETWEEN_WRAP_SEL);
-        if (wrap) v = wrap.getAttribute('data-ezoic-after');
-      }
-      var n = parseInt(v, 10);
-      return isNaN(n) ? null : n;
-    } catch (e) {}
-    return null;
+  function isTopicNode(el){
+    try { return !!(el && el.nodeType===1 && el.matches && el.matches(TOPIC_LI_SEL)); } catch(e){ return false; }
   }
 
-  function isTopPiled(ul) {
+  function clearPiled(ul){
     try {
-      var kids = ul.children;
-      var limit = Math.min(kids.length, 50);
-      var run = 0, maxRun = 0;
-      for (var i=0;i<limit;i++){
-        var el = kids[i];
-        var isAd = false;
-        if (el.tagName === 'LI' && el.classList && el.classList.contains(HOST_CLASS)) {
-          isAd = !!(el.querySelector && el.querySelector(BETWEEN_WRAP_SEL));
-        } else if (el.matches && el.matches(BETWEEN_WRAP_SEL)) {
-          isAd = true;
-        }
-
-        if (isAd) { run++; if (run>maxRun) maxRun=run; }
-        else if (el.matches && el.matches(TOPIC_LI_SEL)) { run = 0; }
-        else { run = 0; }
-      }
-      return maxRun >= 2;
-    } catch (e) {}
-    return false;
+      if (!ul) return;
+      ul.querySelectorAll('['+PILED_ATTR+'="1"]').forEach(function(n){
+        try { n.removeAttribute(PILED_ATTR); } catch(e){}
+      });
+    } catch(e){}
   }
 
-  function rehomeByAfter(ul) {
+  function markTopPile(ul){
+    // Mark any consecutive between nodes near top (keep the first, hide the rest until next topic).
     try {
       if (!ul) return;
-
-      try {
-        ul.querySelectorAll(':scope > ' + BETWEEN_WRAP_SEL).forEach(function(w){ ensureHostForWrap(w, ul); });
-      } catch (e) {}
-
-      if (!isTopPiled(ul)) return;
-
       var kids = ul.children;
-      var limit = Math.min(kids.length, 80);
-      var topHosts = [];
+      var limit = Math.min(kids.length, 140);
+      var inRun = 0;
       for (var i=0;i<limit;i++){
         var el = kids[i];
-        if (el.tagName === 'LI' && el.classList && el.classList.contains(HOST_CLASS)) {
-          var wrap = el.querySelector && el.querySelector(BETWEEN_WRAP_SEL);
-          if (wrap) topHosts.push(el);
+        if (isBetweenNode(el)){
+          inRun++;
+          if (inRun >= 2){
+            try { el.setAttribute(PILED_ATTR,'1'); } catch(e){}
+          } else {
+            try { el.removeAttribute(PILED_ATTR); } catch(e){}
+          }
+        } else if (isTopicNode(el)){
+          inRun = 0;
+        } else {
+          // other node breaks run as well
+          inRun = 0;
         }
       }
-      if (!topHosts.length) return;
-
-      topHosts.sort(function(a,b){
-        var aa = getAfterValue(a);
-        var bb = getAfterValue(b);
-        if (aa == null && bb == null) return 0;
-        if (aa == null) return 1;
-        if (bb == null) return -1;
-        return aa - bb;
-      });
-
-      topHosts.forEach(function(host){
-        try {
-          var after = getAfterValue(host);
-          var anchor = null;
-          if (after != null) anchor = nthTopic(ul, after);
-
-          if (!anchor) {
-            var prev = host.previousElementSibling;
-            while (prev) {
-              if (prev.matches && prev.matches(TOPIC_LI_SEL)) { anchor = prev; break; }
-              prev = prev.previousElementSibling;
-            }
-          }
-          if (!anchor) return;
-
-          if (host.previousElementSibling !== anchor) {
-            anchor.insertAdjacentElement('afterend', host);
-          }
-        } catch (e) {}
-      });
-    } catch (e) {}
+    } catch(e){}
   }
 
-  function schedule() {
+  function schedule(fn){
     var now = Date.now();
-    if (now - lastRun < COOLDOWN) return;
+    if (now-lastRun < COOLDOWN) return;
     if (scheduled) return;
     scheduled = true;
     requestAnimationFrame(function(){
       scheduled = false;
       lastRun = Date.now();
-      var ul = getTopicList();
-      if (!ul) return;
-      rehomeByAfter(ul);
+      fn();
     });
   }
 
-  function onScroll() {
+  function onScroll(){
     var y = getY();
     var dy = y - lastY;
     lastY = y;
-    if (dy < -8 && y < 900) schedule();
-  }
 
-  function init() {
-    try {
-      var ul = getTopicList();
-      if (ul) ul.querySelectorAll(':scope > ' + BETWEEN_WRAP_SEL).forEach(function(w){ ensureHostForWrap(w, ul); });
-    } catch (e) {}
+    var ul = getTopicList();
+    if (!ul) return;
 
+    // Only manage pile visibility when user is near the top area.
+    if (y < 1100 && dy < -6){
+      schedule(function(){ markTopPile(ul); });
+    } else if (y > 1300 || dy > 10){
+      // leaving top area or scrolling down: restore visibility
+      schedule(function(){ clearPiled(ul); });
+    }
+  }
+
+  function init(){
     window.addEventListener('scroll', onScroll, { passive:true });
 
-    if (window.jQuery) {
-      try {
+    if (window.jQuery){
+      try{
         window.jQuery(window).on('action:ajaxify.end action:infiniteScroll.loaded', function(){
+          // if we are near top, re-evaluate pile quickly; otherwise ensure no stale hiding
           setTimeout(function(){
             try {
               var ul = getTopicList();
-              if (ul) ul.querySelectorAll(':scope > ' + BETWEEN_WRAP_SEL).forEach(function(w){ ensureHostForWrap(w, ul); });
+              if (!ul) return;
+              var y = getY();
+              if (y < 1100) markTopPile(ul);
+              else clearPiled(ul);
             } catch(e){}
-          }, 50);
+          }, 80);
         });
-      } catch (e) {}
+      }catch(e){}
     }
   }
 
   if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);
   else init();
 })();
-// ===== /V17.2 =====
+// ===== /V17.4 =====
 

package/public/style.css

@@ -88,8 +88,10 @@ li.nodebb-ezoic-host > .nodebb-ezoic-wrap.ezoic-ad-between { width: 100%; displa
 
 
 
-/* ===== V17.2 host styling ===== */
+/* ===== V17.4 pile hide ===== */
+[data-ezoic-piled="1"] { display: none !important; }
+/* keep host stable */
 li.nodebb-ezoic-host { list-style:none; width:100%; display:block; }
 li.nodebb-ezoic-host > .nodebb-ezoic-wrap.ezoic-ad-between { width:100%; display:block; }
-/* ===== /V17.2 ===== */
+/* ===== /V17.4 ===== */