nodebb-plugin-ezoic-infinite 1.5.49 → 1.5.51

package/package.json

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

package/public/client.js

@@ -100,7 +100,7 @@
   function markEmptyWrapper(id) {
     try {
       const ph = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
-      if (!ph || !ph.isConnected) return;
+      if (!ph || !ph.isConnected) { try { clearTimeout(hardTimer); } catch (e) {} release(); return; }
       const wrap = ph.closest ? ph.closest(`.${WRAP_CLASS}`) : null;
       if (!wrap) return;
       // If still empty after a delay, collapse it.
@@ -205,6 +205,13 @@
         ['dns-prefetch', 'https://g.ezoic.net', false],
         ['preconnect', 'https://go.ezoic.net', true],
         ['dns-prefetch', 'https://go.ezoic.net', false],
+        // Google Ads / Safeframe warm-up (helps cold-start latency)
+        ['preconnect', 'https://pagead2.googlesyndication.com', true],
+        ['dns-prefetch', 'https://pagead2.googlesyndication.com', false],
+        ['preconnect', 'https://securepubads.g.doubleclick.net', true],
+        ['dns-prefetch', 'https://securepubads.g.doubleclick.net', false],
+        ['preconnect', 'https://tpc.googlesyndication.com', true],
+        ['dns-prefetch', 'https://tpc.googlesyndication.com', false],
       ];
       for (const [rel, href, cors] of links) {
         const key = `${rel}|${href}`;
@@ -232,7 +239,7 @@
         const orig = ez.showAds;
 
         ez.showAds = function (...args) {
-          if (isBlocked()) return;
+          if (isBlocked()) { try { clearTimeout(hardTimer); } catch (e) {} release(); return; }
 
           let ids = [];
           if (args.length === 1 && Array.isArray(args[0])) ids = args[0];
@@ -370,7 +377,7 @@ function withInternalDomChange(fn) {
     window.setTimeout(() => {
       try {
         const ph = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
-        if (!ph || !ph.isConnected) return;
+        if (!ph || !ph.isConnected) { try { clearTimeout(hardTimer); } catch (e) {} release(); return; }
         const wrap = ph.closest(`.${WRAP_CLASS}`);
         if (!wrap) return;
         const hasContent = ph.childElementCount > 0 || ph.offsetHeight > 0;
@@ -483,7 +490,7 @@ function buildWrap(id, kindClass, afterPos) {
 }
 
 function drainQueue() {
-  if (isBlocked()) return;
+  if (isBlocked()) { try { clearTimeout(hardTimer); } catch (e) {} release(); return; }
   const max = getMaxInflight();
   while (state.inflight < max && state.pending.length) {
     const id = state.pending.shift();
@@ -508,14 +515,14 @@ function startShow(id) {
 
   requestAnimationFrame(() => {
     try {
-      if (isBlocked()) return;
+      if (isBlocked()) { try { clearTimeout(hardTimer); } catch (e) {} release(); return; }
 
       const ph = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
-      if (!ph || !ph.isConnected) return;
+      if (!ph || !ph.isConnected) { try { clearTimeout(hardTimer); } catch (e) {} release(); return; }
 
       const now2 = Date.now();
       const last2 = state.lastShowById.get(id) || 0;
-      if (now2 - last2 < 900) return;
+      if (now2 - last2 < 900) { try { clearTimeout(hardTimer); } catch (e) {} release(); return; }
       state.lastShowById.set(id, now2);
 
       window.ezstandalone = window.ezstandalone || {};
@@ -523,16 +530,35 @@ function startShow(id) {
 
       const doShow = () => {
         try {
+          // Re-check at execution time: ajaxify/infinite-scroll may have removed the placeholder.
+          const phNow = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
+          if (!phNow || !phNow.isConnected) {
+            try { clearTimeout(hardTimer); } catch (e) {}
+            release();
+            return;
+          }
+        } catch (e) {}
+
+        try {
+          // If we reused an id in this pageview, destroy first (use DOM id string form).
           if (state.usedOnce && state.usedOnce.has(id) && typeof ez.destroyPlaceholders === 'function') {
-            try { ez.destroyPlaceholders(id); } catch (e) {}
+            try { ez.destroyPlaceholders([`${PLACEHOLDER_PREFIX}${id}`]); } catch (e) {}
           }
         } catch (e) {}
 
-        try { ez.showAds(id); } catch (e) {}
+        try {
+          // Call Ezoic. Our showAds patch will also filter if DOM disappeared.
+          ez.showAds(id);
+        } catch (e) {}
+
         try { state.usedOnce && state.usedOnce.add(id); } catch (e) {}
         try { markEmptyWrapper(id); } catch (e) {}
 
-        setTimeout(() => { clearTimeout(hardTimer); release(); }, 650);
+        // Release budget quickly; rendering continues async in ad stack.
+        setTimeout(() => {
+          try { clearTimeout(hardTimer); } catch (e) {}
+          release();
+        }, 300);
       };
 
       if (Array.isArray(ez.cmd)) {
@@ -588,7 +614,7 @@ function startShow(id) {
 
   function observePlaceholder(id) {
     const ph = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
-    if (!ph || !ph.isConnected) return;
+    if (!ph || !ph.isConnected) { try { clearTimeout(hardTimer); } catch (e) {} release(); return; }
     const io = ensurePreloadObserver();
     try { io && io.observe(ph); } catch (e) {}
 
@@ -848,7 +874,7 @@ function startShow(id) {
 
     // Infinite scroll / partial updates
     $(window).on('action:posts.loaded.ezoicInfinite action:topics.loaded.ezoicInfinite action:category.loaded.ezoicInfinite action:topic.loaded.ezoicInfinite', () => {
-      if (isBlocked()) return;
+      if (isBlocked()) { try { clearTimeout(hardTimer); } catch (e) {} release(); return; }
       scheduleRun();
     });
   }

package/public/style.css

@@ -38,3 +38,16 @@
 .ezoic-ad > [id^="ezoic-pub-ad-placeholder-"] {
   min-height: 0 !important;
 }
+
+
+/* Smooth fill: avoid harsh flash when safeframe/iframe arrives */
+.ezoic-ad iframe {
+  opacity: 0;
+  transition: opacity 140ms ease;
+  display: block !important;
+  vertical-align: top !important;
+}
+.ezoic-ad iframe[data-load-complete="true"],
+.ezoic-ad iframe[src] {
+  opacity: 1;
+}