nodebb-plugin-ezoic-infinite 0.8.6 → 0.8.7

package/package.json

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

package/public/client.js

@@ -210,6 +210,10 @@ function setupAdAutoHeight() {
   try {
     const ro = new ResizeObserver(function () {
       document.querySelectorAll('.ezoic-ad').forEach(function (wrap) {
+        // Collapse until content is injected
+        if (!wrap.classList.contains('ezoic-filled')) {
+          wrap.style.display = 'none';
+        }
         wrap.style.minHeight = '0px';
         wrap.style.height = 'auto';
       });
@@ -217,6 +221,10 @@ function setupAdAutoHeight() {
 
     function attach() {
       document.querySelectorAll('.ezoic-ad').forEach(function (wrap) {
+        // Collapse until content is injected
+        if (!wrap.classList.contains('ezoic-filled')) {
+          wrap.style.display = 'none';
+        }
         if (wrap.__ezoicRO) return;
         wrap.__ezoicRO = true;
         ro.observe(wrap);
@@ -260,8 +268,17 @@ function callEzoic(ids) {
   const collect = function () {
     const list = [];
     document.querySelectorAll('.ezoic-ad').forEach(function (wrap) {
+        // Collapse until content is injected
+        if (!wrap.classList.contains('ezoic-filled')) {
+          wrap.style.display = 'none';
+        }
       if (wrap.getAttribute('data-ezoic-rendered') === '1') return;
       const ph = wrap.querySelector('[id^="ezoic-pub-ad-placeholder-"]');
+        if (ph && ph.children && ph.children.length) {
+          // Content injected
+          wrap.classList.add('ezoic-filled');
+          wrap.style.display = '';
+        }
       if (!ph) return;
       const idStr = ph.id.replace('ezoic-pub-ad-placeholder-', '');
       const id = parseInt(idStr, 10);

package/public/style.css

@@ -1,3 +1,4 @@
-.ezoic-ad{min-height:0!important;height:auto!important;padding:0!important;}
-.ezoic-ad-post,.ezoic-ad-topic{margin:0.5rem 0;}
+.ezoic-ad{min-height:0 !important;height:auto !important;padding:0 !important;margin:0.5rem 0;}
+.ezoic-ad:not(.ezoic-filled){display:none !important;}
 .ezoic-ad-message-inner{padding:0;margin:0;}
+.ezoic-ad-message-inner > div{margin:0;padding:0;}