nodebb-plugin-ezoic-infinite 1.0.15 → 1.0.17

package/package.json

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

package/public/client.js

@@ -186,16 +186,32 @@
   }
 
   function recycle(fifo, usedSet, selector) {
+    // Recycle only ads that are safely outside the viewport (to avoid ads “disappearing” while reading)
+    const margin = 1200; // px
+    const vpTop = -margin;
+
     fifo.sort((a, b) => a.after - b.after);
-    while (fifo.length) {
-      const old = fifo.shift();
+
+    // Prefer recycling ads far ABOVE the current viewport (user has already passed them)
+    for (let i = 0; i < fifo.length; i++) {
+      const old = fifo[i];
       const el = document.querySelector(selector(old));
-      if (!el) continue;
-      el.remove();
-      usedSet.delete(old.id);
-      destroyPlaceholder(old.id);
-      return old.id;
+      if (!el) {
+        fifo.splice(i, 1);
+        i--;
+        continue;
+      }
+      const r = el.getBoundingClientRect();
+      if (r.bottom < vpTop) {
+        fifo.splice(i, 1);
+        el.remove();
+        usedSet.delete(old.id);
+        destroyPlaceholder(old.id);
+        return old.id;
+      }
     }
+
+    // If nothing is safely above, do NOT recycle.
     return null;
   }
 
@@ -221,7 +237,8 @@
 
     items.forEach((li, idx) => {
       const pos = idx + 1;
-      if (pos % interval !== 0) return;
+      const firstEnabled = normalizeBool(cfg.showFirstTopicAd);
+      if (!(firstEnabled && pos === 1) && (pos % interval !== 0)) return;
       if (idx === items.length - 1) return;
 
       const next = li.nextElementSibling;
@@ -252,7 +269,8 @@
 
     posts.forEach((post, idx) => {
       const no = idx + 1;
-      if (no % interval !== 0) return;
+      const firstEnabled = normalizeBool(cfg.showFirstMessageAd);
+      if (!(firstEnabled && no === 1) && (no % interval !== 0)) return;
       if (idx === posts.length - 1) return;
 
       const next = post.nextElementSibling;

package/public/templates/admin/plugins/ezoic-infinite.tpl

@@ -7,6 +7,10 @@
     <div class="form-check mb-3">
       <input class="form-check-input" type="checkbox" id="enableBetweenAds" name="enableBetweenAds" {enableBetweenAds_checked}>
       <label class="form-check-label" for="enableBetweenAds">Activer les pubs entre les posts</label>
+				<div class="form-check mt-2">
+					<input class="form-check-input" type="checkbox" name="showFirstTopicAd" />
+					<label class="form-check-label">Afficher une pub après le 1er sujet</label>
+				</div>
     </div>
 
     <div class="mb-3">
@@ -28,6 +32,10 @@
     <div class="form-check mb-3">
       <input class="form-check-input" type="checkbox" id="enableMessageAds" name="enableMessageAds" {enableMessageAds_checked}>
       <label class="form-check-label" for="enableMessageAds">Activer les pubs “message”</label>
+				<div class="form-check mt-2">
+					<input class="form-check-input" type="checkbox" name="showFirstMessageAd" />
+					<label class="form-check-label">Afficher une pub après le 1er message</label>
+				</div>
     </div>
 
     <div class="mb-3">