nodebb-plugin-ezoic-infinite 0.7.1 → 0.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-ezoic-infinite",
-  "version": "0.7.1",
+  "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;
 
@@ -146,6 +184,11 @@ function callEzoic(ids) {
   window.ezstandalone.cmd = window.ezstandalone.cmd || [];
 
   const run = function () {
+    try {
+      if (typeof window.ezstandalone.destroyPlaceholders === 'function') {
+        window.ezstandalone.destroyPlaceholders.apply(window.ezstandalone, ids);
+      }
+    } catch (e) {}
     try {
       if (typeof window.ezstandalone.showAds === 'function') {
         window.ezstandalone.showAds.apply(window.ezstandalone, ids);
@@ -155,6 +198,7 @@ function callEzoic(ids) {
     return false;
   };
 
+  setupAdAutoHeight();
   window.ezstandalone.cmd.push(function () { run(); });
 
   let tries = 0;
@@ -198,11 +242,7 @@ function injectTopicMessageAds($posts, pool, interval) {
     if (seenAfterPostNo.has(postNo)) return;
 
     let id = pickNextId(pool);
-    if (!id) {
-      if (!removeOldestTopicAd()) return;
-      id = pickNextId(pool);
-      if (!id) return;
-    }
+    if (!id) { return; }
 
     const inner = '<div class="ezoic-ad-message-inner"><div id="ezoic-pub-ad-placeholder-' + id + '"></div></div>';
     const html = makeWrapperLike(
@@ -237,11 +277,7 @@ function injectCategoryBetweenAds($items, pool, interval) {
     if (seenAfterTopicPos.has(pos)) return;
 
     let id = pickNextId(pool);
-    if (!id) {
-      if (!removeOldestCategoryAd()) return;
-      id = pickNextId(pool);
-      if (!id) return;
-    }
+    if (!id) { return; }
 
     const placeholder = '<div id="ezoic-pub-ad-placeholder-' + id + '"></div>';
     const html = makeWrapperLike(
@@ -318,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;}