nodebb-plugin-ezoic-infinite 1.5.53 → 1.5.55

package/package.json

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

package/public/client.js

@@ -7,6 +7,57 @@
   const WRAP_CLASS = 'ezoic-ad';
   const PLACEHOLDER_PREFIX = 'ezoic-pub-ad-placeholder-';
 
+
+// Offscreen pool to keep placeholder elements alive across ajaxify/navigation.
+// This prevents Ezoic from trying to define ids that are not currently injected,
+// and eliminates "HTML element with id ... does not exist" noise.
+const POOL_ID = 'ezoic-placeholder-pool';
+
+function ensurePool() {
+  let pool = document.getElementById(POOL_ID);
+  if (pool) return pool;
+  pool = document.createElement('div');
+  pool.id = POOL_ID;
+  pool.style.position = 'absolute';
+  pool.style.left = '-99999px';
+  pool.style.top = '0';
+  pool.style.width = '1px';
+  pool.style.height = '1px';
+  pool.style.overflow = 'hidden';
+  pool.setAttribute('aria-hidden', 'true');
+  try { (document.body || document.documentElement).appendChild(pool); } catch (e) {}
+  return pool;
+}
+
+function acquirePlaceholder(id) {
+  const domId = `${PLACEHOLDER_PREFIX}${id}`;
+  let ph = document.getElementById(domId);
+  if (!ph) {
+    ph = document.createElement('div');
+    ph.id = domId;
+    ph.setAttribute('data-ezoic-id', String(id));
+    ensurePool().appendChild(ph);
+  }
+  // Detach from wherever it currently is (pool or a previous wrap)
+  try { if (ph.parentNode) ph.parentNode.removeChild(ph); } catch (e) {}
+  // Clear request/defined flags when reusing
+  try {
+    if (ph.dataset) {
+      ph.dataset.ezRequested = '0';
+      ph.dataset.ezDefined = '0';
+    }
+  } catch (e) {}
+  return ph;
+}
+
+function parkPlaceholderFromWrap(wrap) {
+  try {
+    const ph = wrap && wrap.querySelector ? wrap.querySelector(`[id^="${PLACEHOLDER_PREFIX}"]`) : null;
+    if (!ph) return;
+    try { if (state && state.io) state.io.unobserve(ph); } catch (e) {}
+    ensurePool().appendChild(ph);
+  } catch (e) {}
+}
   // Insert at most N ads per run to keep the UI smooth on infinite scroll
   const MAX_INSERTS_PER_RUN = 3;
 
@@ -386,10 +437,15 @@ function withInternalDomChange(fn) {
     try {
       const domId = `${PLACEHOLDER_PREFIX}${id}`;
       const ph = document.getElementById(domId);
-      if (ph && ph.dataset) {
+
+      // If the element is already gone, do NOT call destroyPlaceholders (Ezoic will log "does not exist").
+      if (!ph || !ph.isConnected) return;
+
+      if (ph.dataset) {
         delete ph.dataset.ezDefined;
         delete ph.dataset.ezRequested;
       }
+
       const ez = window.ezstandalone;
       if (ez && typeof ez.destroyPlaceholders === 'function') {
         ez.destroyPlaceholders([domId]);
@@ -417,6 +473,7 @@ function withInternalDomChange(fn) {
         withInternalDomChange(() => {
           try {
             if (id) safeDestroyById(id);
+            parkPlaceholderFromWrap(wrap);
             wrap.remove();
           } catch (e) {}
         });
@@ -450,9 +507,7 @@ function buildWrap(id, kindClass, afterPos) {
     wrap.setAttribute('data-ezoic-wrapid', String(id));
     wrap.style.width = '100%';
 
-    const ph = document.createElement('div');
-    ph.id = `${PLACEHOLDER_PREFIX}${id}`;
-    ph.setAttribute('data-ezoic-id', String(id));
+    const ph = acquirePlaceholder(id);
     wrap.appendChild(ph);
 
     return wrap;
@@ -519,6 +574,7 @@ function buildWrap(id, kindClass, afterPos) {
         if (ph && state.io) state.io.unobserve(ph);
       } catch (e) {}
 
+      parkPlaceholderFromWrap(victim);
       victim.remove();
       return true;
     } catch (e) {
@@ -865,6 +921,7 @@ function startShow(id) {
     // remove all wrappers
     try {
       document.querySelectorAll(`.${WRAP_CLASS}`).forEach((el) => {
+        try { parkPlaceholderFromWrap(el); } catch (e) {}
         try { el.remove(); } catch (e) {}
       });
     } catch (e) {}

package/public/style.css

@@ -38,3 +38,5 @@
 .ezoic-ad > [id^="ezoic-pub-ad-placeholder-"] {
   min-height: 0 !important;
 }
+
+#ezoic-placeholder-pool{display:block;}