nodebb-plugin-ezoic-infinite 0.7.2 → 0.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-ezoic-infinite",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "Ezoic ads with infinite scroll using a pool of placeholder IDs",
   "main": "library.js",
   "license": "MIT",

package/public/client.js

@@ -139,6 +139,44 @@ function removeOldestCategoryAd() {
   return true;
 }
 
+
+function setupAdAutoHeight() {
+  if (window.__ezoicAutoHeightAttached) return;
+  window.__ezoicAutoHeightAttached = true;
+
+  try {
+    const ro = new ResizeObserver(function (entries) {
+      for (const entry of entries) {
+        const el = entry.target;
+        el.style.minHeight = '0px';
+        el.style.height = 'auto';
+      }
+    });
+
+    function attach() {
+      document.querySelectorAll('.ezoic-ad').forEach(function (wrap) {
+        if (wrap.__ezoicRO) return;
+        wrap.__ezoicRO = true;
+        ro.observe(wrap);
+
+        const ph = wrap.querySelector('[id^="ezoic-pub-ad-placeholder-"]');
+        if (ph && ph.firstElementChild && !ph.firstElementChild.__ezoicRO) {
+          ph.firstElementChild.__ezoicRO = true;
+          ro.observe(ph.firstElementChild);
+        }
+      });
+    }
+
+    attach();
+    setTimeout(attach, 500);
+    setTimeout(attach, 1500);
+    setTimeout(attach, 3000);
+
+    const mo = new MutationObserver(function () { attach(); });
+    mo.observe(document.body, { childList: true, subtree: true });
+  } catch (e) {}
+}
+
 function callEzoic(ids) {
   if (!ids || !ids.length) return;
 
@@ -160,6 +198,7 @@ function callEzoic(ids) {
     return false;
   };
 
+  setupAdAutoHeight();
   window.ezstandalone.cmd.push(function () { run(); });
 
   let tries = 0;
@@ -315,9 +354,9 @@ function debounceRefresh() {
   debounceTimer = setTimeout(refreshAds, 220);
 }
 
-$(document).ready(debounceRefresh);
+$(document).ready(function(){ setupAdAutoHeight(); debounceRefresh(); });
 $(window).on('action:ajaxify.end action:posts.loaded action:topic.loaded action:topics.loaded action:category.loaded', debounceRefresh);
-setTimeout(debounceRefresh, 2200);
+setTimeout(function(){ setupAdAutoHeight(); debounceRefresh(); }, 2200);
 
 // Fallback: some themes/devices don't emit the expected events for infinite scroll.
 // Observe DOM additions and trigger a refresh when new posts/topics are appended/prepended.

package/public/style.css

@@ -1,2 +1,5 @@
-.ezoic-ad-post{margin:0.75rem 0;}
-.ezoic-ad-message-inner{padding:0.75rem 0;}
+.ezoic-ad{min-height:0 !important;height:auto !important;padding:0 !important;}
+.ezoic-ad-post{margin:0.5rem 0;}
+.ezoic-ad-topic{margin:0.5rem 0;}
+.ezoic-ad-message-inner{padding:0;margin:0;}
+.ezoic-ad-message-inner > div{margin:0;padding:0;}