nodebb-plugin-ezoic-infinite 1.6.12 → 1.6.14

package/package.json

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

package/public/client.js

@@ -1,6 +1,74 @@
 (function () {
   'use strict';
 
+function ezoicAnchorKeyFromNode(node) {
+  // Robustly extract an anchor id from a <li> topic or any descendant.
+  try {
+    if (!node) return '';
+    var el = node;
+    // If node itself doesn't have ids, search descendants.
+    if (!(el.getAttribute && (el.getAttribute('data-tid') || el.getAttribute('data-topic-id') || el.getAttribute('data-pid') || el.getAttribute('data-id')))) {
+      if (el.querySelector) {
+        el = el.querySelector('[data-tid],[data-topic-id],[data-pid],[data-id]') || node;
+      }
+    }
+    if (el.getAttribute) {
+      var tid = el.getAttribute('data-tid') || el.getAttribute('data-topic-id');
+      if (tid) return 'tid:' + String(tid);
+      var pid = el.getAttribute('data-pid') || el.getAttribute('data-id');
+      if (pid) return 'pid:' + String(pid);
+    }
+  } catch (e) {}
+  return '';
+}
+
+function ezoicFindAnchorLi(anchorKey, listEl) {
+  try {
+    if (!anchorKey) return null;
+    var root = listEl || document;
+    var el = null;
+    if (anchorKey.indexOf('tid:') === 0) {
+      var v = anchorKey.slice(4);
+      el = root.querySelector('[data-tid="' + v + '"], [data-topic-id="' + v + '"]');
+    } else if (anchorKey.indexOf('pid:') === 0) {
+      var p = anchorKey.slice(4);
+      el = root.querySelector('[data-pid="' + p + '"], [data-id="' + p + '"]');
+    }
+    if (!el) return null;
+    return el.closest ? (el.closest('li') || null) : null;
+  } catch (e) { return null; }
+}
+
+function ezoicReconcileOrPurgeHosts(scope) {
+  // Reposition each host after its anchor li. If anchor doesn't exist (virtualized away),
+  // remove the host to prevent it from collecting at the top.
+  try {
+    var root = scope || document;
+    var hosts = root.querySelectorAll('li.nodebb-ezoic-host[data-ezoic-anchor]');
+    if (!hosts || !hosts.length) return;
+
+    hosts.forEach(function(host){
+      try {
+        var listEl = host.parentElement;
+        if (!listEl) return;
+        var anchorKey = host.getAttribute('data-ezoic-anchor') || '';
+        if (!anchorKey) return;
+
+        var anchorLi = ezoicFindAnchorLi(anchorKey, listEl) || ezoicFindAnchorLi(anchorKey, document);
+        if (!anchorLi) {
+          // Anchor not in DOM right now => delete host to avoid "pile at top"
+          host.remove();
+          return;
+        }
+        if (host.previousElementSibling !== anchorLi) {
+          anchorLi.insertAdjacentElement('afterend', host);
+        }
+      } catch (e) {}
+    });
+  } catch (e) {}
+}
+
+
 function ezoicInsertAfterWithUlGuard(target, wrap, kindClass) {
   try {
     if (!target || !wrap) return;
@@ -14,6 +82,8 @@ function ezoicInsertAfterWithUlGuard(target, wrap, kindClass) {
         host.setAttribute('role', 'listitem');
         host.style.listStyle = 'none';
         host.style.width = '100%';
+        try { var prev = wrap.previousElementSibling; var ak2 = ezoicAnchorKeyFromNode(prev || (wrap.parentElement && wrap.parentElement.previousElementSibling)); if (ak2) host.setAttribute('data-ezoic-anchor', ak2); } catch(e) {}
+        try { var ak = ezoicAnchorKeyFromNode(target); if (ak) host.setAttribute('data-ezoic-anchor', ak); } catch(e) {}
 
         // Insert host after the target listitem, then move the wrap inside.
         if (target.insertAdjacentElement) {
@@ -48,6 +118,7 @@ function ezoicRepairInvalidBetweenWraps() {
         host.setAttribute('role', 'listitem');
         host.style.listStyle = 'none';
         host.style.width = '100%';
+        try { var ak = ezoicAnchorKeyFromNode(target); if (ak) host.setAttribute('data-ezoic-anchor', ak); } catch(e) {}
         p.insertBefore(host, wrap);
         host.appendChild(wrap);
         try { wrap.style.width = '100%'; } catch (e) {}
@@ -1577,3 +1648,51 @@ if (window.jQuery) {
   } catch (e) {}
 }
 // ===== /V12.2 =====
+
+
+// ===== V12.4 reconcile+purge scheduler =====
+(function(){
+  var pending=false, last=0, COOLDOWN=160;
+  function schedule(scope){
+    var now=Date.now();
+    if (now-last<COOLDOWN) return;
+    if (pending) return;
+    pending=true;
+    requestAnimationFrame(function(){
+      pending=false; last=Date.now();
+      try { ezoicReconcileOrPurgeHosts(scope); } catch(e) {}
+    });
+  }
+
+  window.addEventListener('scroll', function(){ schedule(document); }, { passive:true });
+  window.addEventListener('resize', function(){ schedule(document); }, { passive:true });
+
+  if (window.jQuery) {
+    window.jQuery(window).on('action:ajaxify.end action:infiniteScroll.loaded', function(){
+      setTimeout(function(){ schedule(document); }, 0);
+      setTimeout(function(){ schedule(document); }, 220);
+      setTimeout(function(){ schedule(document); }, 700);
+    });
+  }
+
+  // Observe only the main list containers if present to reduce overhead
+  try {
+    if (typeof MutationObserver !== 'undefined') {
+      var mo = new MutationObserver(function(muts){
+        for (var i=0;i<muts.length;i++){
+          var m=muts[i];
+          if ((m.addedNodes && m.addedNodes.length) || (m.removedNodes && m.removedNodes.length)) {
+            schedule(m.target);
+            break;
+          }
+        }
+      });
+      document.querySelectorAll('ul[component], ul.topic-list, ul.categories, ol[component]').forEach(function(list){
+        try { mo.observe(list, {childList:true}); } catch(e) {}
+      });
+    }
+  } catch(e){}
+
+  setTimeout(function(){ schedule(document); }, 0);
+})();
+// ===== /V12.4 =====