nodebb-plugin-ezoic-infinite 1.5.76 → 1.5.77

package/package.json

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

package/public/client.js

@@ -135,11 +135,8 @@ function tightenEzoicMinHeight(wrap) {
     }
     if (!maxBottom) return;
 
-    // Account for the Ezoic badge (reportline) which is absolutely positioned.
-    const report = refNode.querySelector('.reportline');
-    if (report && report.offsetHeight) {
-      maxBottom += report.offsetHeight;
-    }
+    // NOTE: Do NOT add the Ezoic badge (reportline) height here.
+    // It is absolutely positioned and should not reserve layout space.
 
     const h = Math.max(1, Math.ceil(maxBottom));
 
@@ -229,6 +226,9 @@ function globalGapFixInit() {
     if (window.__nodebbEzoicGapFix) return;
     window.__nodebbEzoicGapFix = true;
 
+    // Observe only the main content area to minimize overhead.
+    const root = document.getElementById('content') || document.querySelector('[component="content"], #panel') || document.body;
+
     const inPostArea = (el) => {
       try {
         return !!(el && el.closest && el.closest('[component="post"], .topic, .posts, [component="topic"]'));
@@ -249,21 +249,37 @@ function globalGapFixInit() {
       });
     };
 
-    requestAnimationFrame(() => maybeFix(document));
+    requestAnimationFrame(() => maybeFix(root));
+
+    // Batch DOM mutation processing into a single rAF to avoid doing work per mutation.
+    const pending = new Set();
+    let scheduled = false;
+    const scheduleFlush = () => {
+      if (scheduled) return;
+      scheduled = true;
+      requestAnimationFrame(() => {
+        scheduled = false;
+        pending.forEach((n) => {
+          try { maybeFix(n); } catch (e) {}
+        });
+        pending.clear();
+      });
+    };
 
     const obs = new MutationObserver((muts) => {
       for (const m of muts) {
-        const t = m.target;
         if (m.type === 'attributes') {
-          maybeFix(t && t.nodeType === 1 ? t : t && t.parentElement);
+          const t = m.target && m.target.nodeType === 1 ? m.target : m.target && m.target.parentElement;
+          if (t) pending.add(t);
         } else if (m.addedNodes && m.addedNodes.length) {
           m.addedNodes.forEach((n) => {
-            if (n && n.nodeType === 1) maybeFix(n);
+            if (n && n.nodeType === 1) pending.add(n);
           });
         }
       }
+      if (pending.size) scheduleFlush();
     });
-    obs.observe(document.documentElement, { subtree: true, childList: true, attributes: true, attributeFilter: ['style'] });
+    obs.observe(root, { subtree: true, childList: true, attributes: true, attributeFilter: ['style'] });
   } catch (e) {}
 }