nodebb-plugin-ezoic-infinite 1.6.52 → 1.6.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/public/client.js +110 -1632
package/public/client.js CHANGED
@@ -1,1694 +1,172 @@
1
1
  (function () {
2
2
  'use strict';
3
3
 
4
- // Track scroll direction to avoid aggressive recycling when the user scrolls upward.
5
- // Recycling while scrolling up is a common cause of ads "bunching" and a "disappearing too fast" feeling.
4
+ // --- 1. GESTION DU SCROLL ---
6
5
  let lastScrollY = 0;
7
- let scrollDir = 1; // 1 = down, -1 = up
6
+ let scrollDir = 1;
8
7
  try {
9
8
  lastScrollY = window.scrollY || 0;
10
- window.addEventListener(
11
- 'scroll',
12
- () => {
13
- const y = window.scrollY || 0;
14
- const d = y - lastScrollY;
15
- if (Math.abs(d) > 4) {
16
- scrollDir = d > 0 ? 1 : -1;
17
- lastScrollY = y;
18
- }
19
- },
20
- { passive: true }
21
- );
9
+ window.addEventListener('scroll', () => {
10
+ const y = window.scrollY || 0;
11
+ const d = y - lastScrollY;
12
+ if (Math.abs(d) > 4) {
13
+ scrollDir = d > 0 ? 1 : -1;
14
+ lastScrollY = y;
15
+ }
16
+ }, { passive: true });
22
17
  } catch (e) {}
23
18
 
24
- // NodeBB client context
25
- const $ = (typeof window.jQuery === 'function') ? window.jQuery : null;
26
-
27
- // IMPORTANT: must NOT collide with Ezoic's own markup (they use `.ezoic-ad`).
28
19
  const WRAP_CLASS = 'nodebb-ezoic-wrap';
29
20
  const PLACEHOLDER_PREFIX = 'ezoic-pub-ad-placeholder-';
30
- const POOL_ID = 'nodebb-ezoic-placeholder-pool';
31
-
32
- // Smoothness caps
33
- // Limit how many placements we inject per scan pass.
34
- // Too low = you end up with only a handful of placeholders after ajaxify.
35
- // Too high = jank on very long pages.
36
- const MAX_INSERTS_PER_RUN = 8;
37
-
38
- // Keep empty (unfilled) wraps alive for a while. Topics/messages can fill late (auction/CMP).
39
- // Pruning too early makes ads look like they "disappear" while scrolling.
40
- // Keep empty wraps alive; mobile fills can be slow.
41
- function keepEmptyWrapMs() { return isMobile() ? 120000 : 60000; }
42
-
43
- // Preload margins
44
- const PRELOAD_MARGIN_DESKTOP = '2600px 0px 2600px 0px';
45
- // Mobile: larger preload window so ad fill requests start earlier and
46
- // users don't scroll past empty placeholders.
47
- const PRELOAD_MARGIN_MOBILE = '3200px 0px 3200px 0px';
48
- const PRELOAD_MARGIN_DESKTOP_BOOST = '5200px 0px 5200px 0px';
49
- const PRELOAD_MARGIN_MOBILE_BOOST = '5200px 0px 5200px 0px';
21
+ const PINNED_ATTR = 'data-ezoic-pinned';
50
22
 
51
- const BOOST_DURATION_MS = 2500;
52
- const BOOST_SPEED_PX_PER_MS = 2.2; // ~2200px/s
53
-
54
- const MAX_INFLIGHT_DESKTOP = 4;
55
- const MAX_INFLIGHT_MOBILE = 3;
56
-
57
- const SELECTORS = {
58
- topicItem: 'li[component="category/topic"]',
59
- postItem: '[component="post"][data-pid]',
60
- categoryItem: 'li[component="categories/category"]',
61
- };
62
-
63
- // Production build: debug disabled
64
- function dbg() {}
65
-
66
- // Ezoic (and some partner scripts) can be very noisy in console on SPA/Ajaxify setups.
67
- // These warnings are not actionable for end-users and can flood the console.
68
- // We selectively silence the known spam patterns while keeping other warnings intact.
69
- function muteNoisyConsole() {
70
- try {
71
- if (window.__nodebbEzoicConsoleMuted) return;
72
- window.__nodebbEzoicConsoleMuted = true;
73
-
74
- const shouldMute = (args) => {
75
- try {
76
- if (!args || !args.length) return false;
77
- const s0 = typeof args[0] === 'string' ? args[0] : '';
78
- // Duplicate placeholder definition spam (common when reusing ids in SPA/Ajaxify).
79
- if (s0.includes('[EzoicAds JS]: Placeholder Id') && s0.includes('has already been defined')) return true;
80
- // Ezoic debugger iframe spam.
81
- if (s0.includes('Debugger iframe already exists')) return true;
82
- // Missing placeholder spam (we already guard showAds; Ezoic still logs sometimes).
83
- if (s0.includes('HTML element with id ezoic-pub-ad-placeholder-') && s0.includes('does not exist')) return true;
84
- return false;
85
- } catch (e) {
86
- return false;
87
- }
88
- };
23
+ let config = null;
24
+ let usedIds = new Set();
25
+ let scheduleTimer = null;
89
26
 
90
- const wrap = (method) => {
91
- const orig = console[method];
92
- if (typeof orig !== 'function') return;
93
- console[method] = function (...args) {
94
- if (shouldMute(args)) return;
95
- return orig.apply(console, args);
96
- };
97
- };
98
-
99
- wrap('log');
100
- wrap('info');
101
- wrap('warn');
102
- wrap('error');
103
- } catch (e) {}
27
+ // --- 2. SÉLECTEURS DE THÈMES (Harmony/Persona) ---
28
+ function getTopicList() {
29
+ return document.querySelector('.category [component="category"], .categories [component="categories"], [component="topic/list"], .topic-list');
104
30
  }
105
31
 
106
- // Some CMP/TCF stubs rely on a hidden iframe named `__tcfapiLocator` to route postMessage calls.
107
- // In SPA/Ajaxify navigations, that iframe can be removed/replaced unexpectedly, causing noisy
108
- // "postMessage" / "addtlConsent" null errors. Ensuring it's present makes the environment stable.
109
- function ensureTcfApiLocator() {
110
- try {
111
- // If a CMP is not present, do nothing.
112
- if (typeof window.__tcfapi !== 'function' && typeof window.__cmp !== 'function') return;
113
- if (document.getElementById('__tcfapiLocator')) return;
114
- const f = document.createElement('iframe');
115
- f.style.display = 'none';
116
- f.id = '__tcfapiLocator';
117
- f.name = '__tcfapiLocator';
118
- (document.body || document.documentElement).appendChild(f);
119
- } catch (e) {}
32
+ function getPostList() {
33
+ return document.querySelector('[component="topic"], [component="post/list"]');
120
34
  }
121
35
 
122
-
123
-
124
- function isFilledNode(node) {
125
- return !!(node && node.querySelector && node.querySelector('iframe, ins, img, video, [data-google-container-id]'));
126
- }
127
-
128
- // Ezoic injects inline `min-height:400px !important` on one or more nested wrappers.
129
- // If the creative is 250px, this leaves ~150px empty space. Because it's inline+important,
130
- // CSS alone cannot fix it reliably — we must rewrite the inline style.
131
- function tightenEzoicMinHeight(wrap) {
132
- try {
133
- if (!wrap || !wrap.querySelector) return;
134
-
135
- const iframes = wrap.querySelectorAll('iframe');
136
- if (!iframes || !iframes.length) return;
137
-
138
- // Find the closest "big" ezoic container that carries the 400px min-height.
139
- const firstIframe = iframes[0];
140
- let refNode = null;
141
- let p = firstIframe && firstIframe.parentElement;
142
- while (p && p !== wrap) {
143
- if (p.classList && p.classList.contains('ezoic-ad')) {
144
- const st = (p.getAttribute('style') || '').toLowerCase();
145
- if (st.includes('min-height:400') || st.includes('min-height: 400') || st.includes('min-height:400px')) {
146
- refNode = p;
147
- break;
36
+ // --- 3. FIX ANTI-PILEUP / ANTI-REMONTÉE ---
37
+ function pruneOrphans(ul) {
38
+ if (!ul) return;
39
+ const wraps = ul.querySelectorAll('.' + WRAP_CLASS);
40
+ wraps.forEach(wrap => {
41
+ // Si c'est la pub après le 1er sujet, on la force à rester collée au 1er LI
42
+ if (wrap.getAttribute(PINNED_ATTR) === 'true') {
43
+ const firstLi = ul.querySelector('li[data-tid], li:first-child');
44
+ if (firstLi && wrap.previousElementSibling !== firstLi) {
45
+ firstLi.after(wrap);
148
46
  }
47
+ return;
149
48
  }
150
- p = p.parentElement;
151
- }
152
- if (!refNode) {
153
- refNode = wrap.querySelector('.ezoic-ad-adaptive') || wrap.querySelector('.ezoic-ad') || wrap;
154
- }
155
-
156
- let refTop = 0;
157
- try { refTop = refNode.getBoundingClientRect().top; } catch (e) { refTop = 0; }
158
-
159
- // Compute the rendered height needed inside refNode (visible iframes only).
160
- let maxBottom = 0;
161
- iframes.forEach((f) => {
162
- if (!f || !f.getBoundingClientRect) return;
163
- const rect = f.getBoundingClientRect();
164
- if (rect.width <= 1 || rect.height <= 1) return;
165
- const bottom = rect.bottom - refTop;
166
- maxBottom = Math.max(maxBottom, bottom);
167
- });
168
-
169
- // Fallback to attr/offset if layout metrics are not available.
170
- if (!maxBottom) {
171
- iframes.forEach((f) => {
172
- const ah = parseInt(f.getAttribute('height') || '0', 10);
173
- const oh = f.offsetHeight || 0;
174
- maxBottom = Math.max(maxBottom, ah, oh);
175
- });
176
- }
177
- if (!maxBottom) return;
178
-
179
- // NOTE: Do NOT add the Ezoic badge (reportline) height here.
180
- // It is absolutely positioned and should not reserve layout space.
181
-
182
- const h = Math.max(1, Math.ceil(maxBottom));
183
-
184
- const tightenNode = (node) => {
185
- if (!node || !node.style) return;
186
- try { node.style.setProperty('min-height', h + 'px', 'important'); } catch (e) { node.style.minHeight = h + 'px'; }
187
- try { node.style.setProperty('height', 'auto', 'important'); } catch (e) {}
188
- try { node.style.setProperty('line-height', '0', 'important'); } catch (e) {}
189
- };
190
-
191
- // Tighten refNode and any ancestor ezoic-ad nodes with the problematic min-height.
192
- let cur = refNode;
193
- while (cur && cur !== wrap) {
194
- if (cur.classList && cur.classList.contains('ezoic-ad')) {
195
- const st = (cur.getAttribute('style') || '').toLowerCase();
196
- if (st.includes('min-height:400') || st.includes('min-height: 400') || st.includes('min-height:400px')) {
197
- tightenNode(cur);
198
- }
199
- }
200
- cur = cur.parentElement;
201
- }
202
- tightenNode(refNode);
203
-
204
- // Tighten any nested wrappers that also have the 400px min-height inline.
205
- refNode.querySelectorAll('.ezoic-ad[style*="min-height"], .ezoic-ad-adaptive').forEach((n) => {
206
- const st = (n.getAttribute('style') || '').toLowerCase();
207
- if (st.includes('min-height:400') || st.includes('min-height: 400') || st.includes('min-height:400px')) {
208
- tightenNode(n);
209
- }
210
- });
211
-
212
- // Mobile friendliness: avoid giant fixed widths causing overflow/reflow.
213
- if (isMobile()) {
214
- [refNode].forEach((n) => {
215
- try { n.style.setProperty('width', '100%', 'important'); } catch (e) {}
216
- try { n.style.setProperty('max-width', '100%', 'important'); } catch (e) {}
217
- try { n.style.setProperty('min-width', '0', 'important'); } catch (e) {}
218
- });
219
- }
220
- } catch (e) {}
221
- }
222
-
223
- function watchWrapForFill(wrap) {
224
- try {
225
- if (!wrap || wrap.__ezFillObs) return;
226
-
227
- // Ezoic can (re)apply inline styles after fill; keep tightening for a short window.
228
- const start = now();
229
- const tightenBurst = () => {
230
- try { tightenEzoicMinHeight(wrap); } catch (e) {}
231
- if (now() - start < 6000) {
232
- setTimeout(tightenBurst, 350);
233
- }
234
- };
235
-
236
- const obs = new MutationObserver((muts) => {
237
- // If anything that looks like ad content appears, treat as filled.
238
- if (isFilledNode(wrap)) {
239
- wrap.classList.remove('is-empty');
240
- tightenBurst();
241
- }
242
-
243
- // If Ezoic changes inline style on descendants (min-height:400!important), tighten again.
244
- for (const m of muts) {
245
- if (m.type === 'attributes' && m.attributeName === 'style') {
246
- try { tightenEzoicMinHeight(wrap); } catch (e) {}
247
- break;
248
- }
249
- }
250
-
251
- // Disconnect only after the burst window to avoid missing late style rewrites.
252
- if (now() - start > 7000) {
253
- try { obs.disconnect(); } catch (e) {}
254
- wrap.__ezFillObs = null;
49
+ // Si on remonte, on supprime les pubs qui perdent leur "ancre" (le LI précédent)
50
+ // NodeBB détruit les LI du haut pour la performance, on doit suivre le mouvement
51
+ if (scrollDir === -1 && (!wrap.previousElementSibling || wrap.previousElementSibling.tagName !== 'LI')) {
52
+ wrap.remove();
255
53
  }
256
54
  });
257
-
258
- obs.observe(wrap, { childList: true, subtree: true, attributes: true, attributeFilter: ['style'] });
259
- wrap.__ezFillObs = obs;
260
- } catch (e) {}
261
- }
262
-
263
- // Global safety net: sometimes Ezoic swaps nodes in ways that bypass our per-wrap observers.
264
- // When we see an Ezoic container with min-height:400!important inside posts/topics, shrink it.
265
- function globalGapFixInit() {
266
- try {
267
- if (window.__nodebbEzoicGapFix) return;
268
- window.__nodebbEzoicGapFix = true;
269
-
270
- // Observe only the main content area to minimize overhead.
271
- const root = document.getElementById('content') || document.querySelector('[component="content"], #panel') || document.body;
272
-
273
- const inPostArea = (el) => {
274
- try {
275
- return !!(el && el.closest && el.closest('[component="post"], .topic, .posts, [component="topic"]'));
276
- } catch (e) { return false; }
277
- };
278
-
279
- const maybeFix = (root) => {
280
- if (!root || !root.querySelectorAll) return;
281
- const nodes = root.querySelectorAll('.ezoic-ad[style*="min-height"], .ezoic-ad-adaptive[style*="min-height"]');
282
- nodes.forEach((n) => {
283
- const st = (n.getAttribute('style') || '').toLowerCase();
284
- if (!st.includes('min-height:400')) return;
285
- if (!inPostArea(n)) return;
286
- try {
287
- const tmpWrap = n.closest('.' + WRAP_CLASS) || n.parentElement;
288
- tightenEzoicMinHeight(tmpWrap || n);
289
- } catch (e) {}
290
- });
291
- };
292
-
293
- requestAnimationFrame(() => maybeFix(root));
294
-
295
- // Batch DOM mutation processing into a single rAF to avoid doing work per mutation.
296
- const pending = new Set();
297
- let scheduled = false;
298
- const scheduleFlush = () => {
299
- if (scheduled) return;
300
- scheduled = true;
301
- requestAnimationFrame(() => {
302
- scheduled = false;
303
- pending.forEach((n) => {
304
- try { maybeFix(n); } catch (e) {}
305
- });
306
- pending.clear();
307
- });
308
- };
309
-
310
- const obs = new MutationObserver((muts) => {
311
- for (const m of muts) {
312
- if (m.type === 'attributes') {
313
- const t = m.target && m.target.nodeType === 1 ? m.target : m.target && m.target.parentElement;
314
- if (t) pending.add(t);
315
- } else if (m.addedNodes && m.addedNodes.length) {
316
- m.addedNodes.forEach((n) => {
317
- if (n && n.nodeType === 1) pending.add(n);
318
- });
319
- }
320
- }
321
- if (pending.size) scheduleFlush();
322
- });
323
- obs.observe(root, { subtree: true, childList: true, attributes: true, attributeFilter: ['style'] });
324
- } catch (e) {}
325
- }
326
-
327
- // ---------------- state ----------------
328
-
329
- const state = {
330
- pageKey: null,
331
- cfg: null,
332
-
333
- // pools (full lists) + cursors
334
- allTopics: [],
335
- allPosts: [],
336
- allCategories: [],
337
- curTopics: 0,
338
- curPosts: 0,
339
- curCategories: 0,
340
-
341
- // per-id throttle
342
- lastShowById: new Map(),
343
-
344
- // observers / schedulers
345
- domObs: null,
346
- io: null,
347
- ioMargin: null,
348
-
349
- // internal mutations guard
350
- internalDomChange: 0,
351
-
352
- // preloading budget
353
- inflight: 0,
354
- pending: [],
355
- pendingSet: new Set(),
356
-
357
- // scroll boost
358
- scrollBoostUntil: 0,
359
- lastScrollY: 0,
360
- lastScrollTs: 0,
361
-
362
- // hero
363
- heroDoneForPage: false,
364
-
365
- // run scheduler
366
- runQueued: false,
367
- burstActive: false,
368
- burstDeadline: 0,
369
- burstCount: 0,
370
- lastBurstReqTs: 0,
371
- };
372
-
373
- // Soft block during navigation / heavy DOM churn
374
- let blockedUntil = 0;
375
- const insertingIds = new Set();
376
-
377
- function now() { return Date.now(); }
378
- function isBlocked() { return now() < blockedUntil; }
379
-
380
- // ---------------- utils ----------------
381
-
382
- function normalizeBool(v) {
383
- return v === true || v === 'true' || v === 1 || v === '1' || v === 'on';
384
55
  }
385
56
 
386
- function uniqInts(lines) {
387
- const out = [];
388
- const seen = new Set();
389
- for (const v of lines) {
390
- const n = parseInt(v, 10);
391
- if (Number.isFinite(n) && n > 0 && !seen.has(n)) {
392
- seen.add(n);
393
- out.push(n);
57
+ // --- 4. LOGIQUE EZOIC (Pools & Refresh) ---
58
+ function getNextId(poolStr) {
59
+ if (!poolStr) return null;
60
+ const ids = poolStr.split(/[\s,]+/).filter(Boolean);
61
+ for (const id of ids) {
62
+ const num = id.replace(/[^\d]/g, '');
63
+ if (num && !usedIds.has(num)) {
64
+ usedIds.add(num);
65
+ return num;
394
66
  }
395
67
  }
396
- return out;
397
- }
398
-
399
- function parsePool(raw) {
400
- if (!raw) return [];
401
- const lines = String(raw)
402
- .split(/\r?\n/)
403
- .map(s => s.trim())
404
- .filter(Boolean);
405
- return uniqInts(lines);
406
- }
407
-
408
- function getPageKey() {
409
- try {
410
- const ax = window.ajaxify;
411
- if (ax && ax.data) {
412
- if (ax.data.tid) return `topic:${ax.data.tid}`;
413
- if (ax.data.cid) return `cid:${ax.data.cid}:${window.location.pathname}`;
414
- }
415
- } catch (e) {}
416
- return window.location.pathname;
417
- }
418
-
419
- function isMobile() {
420
- try { return window.innerWidth < 768; } catch (e) { return false; }
421
- }
422
-
423
- function isBoosted() {
424
- return now() < (state.scrollBoostUntil || 0);
425
- }
426
-
427
- function getPreloadRootMargin() {
428
- if (isMobile()) return isBoosted() ? PRELOAD_MARGIN_MOBILE_BOOST : PRELOAD_MARGIN_MOBILE;
429
- return isBoosted() ? PRELOAD_MARGIN_DESKTOP_BOOST : PRELOAD_MARGIN_DESKTOP;
430
- }
431
-
432
- function getMaxInflight() {
433
- const base = isMobile() ? MAX_INFLIGHT_MOBILE : MAX_INFLIGHT_DESKTOP;
434
- return base + (isBoosted() ? 1 : 0);
435
- }
436
-
437
- function withInternalDomChange(fn) {
438
- state.internalDomChange++;
439
- try { fn(); } finally { state.internalDomChange--; }
440
- }
441
-
442
- // ---------------- DOM helpers ----------------
443
-
444
- function getTopicItems() {
445
- return Array.from(document.querySelectorAll(SELECTORS.topicItem));
446
- }
447
-
448
- function getCategoryItems() {
449
- return Array.from(document.querySelectorAll(SELECTORS.categoryItem));
450
- }
451
-
452
- function getPostContainers() {
453
- const nodes = Array.from(document.querySelectorAll(SELECTORS.postItem));
454
- return nodes.filter((el) => {
455
- if (!el || !el.isConnected) return false;
456
- if (!el.querySelector('[component="post/content"]')) return false;
457
- const parentPost = el.parentElement && el.parentElement.closest('[component="post"][data-pid]');
458
- if (parentPost && parentPost !== el) return false;
459
- if (el.getAttribute('component') === 'post/parent') return false;
460
- return true;
461
- });
462
- }
463
-
464
- function getKind() {
465
- const p = window.location.pathname || '';
466
- if (/^\/topic\//.test(p)) return 'topic';
467
- if (/^\/category\//.test(p)) return 'categoryTopics';
468
- if (p === '/' || /^\/categories/.test(p)) return 'categories';
469
-
470
- if (document.querySelector(SELECTORS.categoryItem)) return 'categories';
471
- if (document.querySelector(SELECTORS.postItem)) return 'topic';
472
- if (document.querySelector(SELECTORS.topicItem)) return 'categoryTopics';
473
- return 'other';
474
- }
475
-
476
- function isAdjacentAd(target) {
477
- if (!target) return false;
478
- const next = target.nextElementSibling;
479
- if (next && next.classList && next.classList.contains(WRAP_CLASS)) return true;
480
- const prev = target.previousElementSibling;
481
- if (prev && prev.classList && prev.classList.contains(WRAP_CLASS)) return true;
482
- return false;
483
- }
484
-
485
- function findWrap(kindClass, afterPos) {
486
- return document.querySelector(`.${WRAP_CLASS}.${kindClass}[data-ezoic-after="${afterPos}"]`);
487
- }
488
-
489
- // ---------------- placeholder pool ----------------
490
-
491
- function getPoolEl() {
492
- let el = document.getElementById(POOL_ID);
493
- if (el) return el;
494
- el = document.createElement('div');
495
- el.id = POOL_ID;
496
- el.style.cssText = 'position:fixed;left:-99999px;top:-99999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;';
497
- (document.body || document.documentElement).appendChild(el);
498
- return el;
499
- }
500
-
501
- function primePlaceholderPool(allIds) {
502
- try {
503
- if (!Array.isArray(allIds) || !allIds.length) return;
504
- const pool = getPoolEl();
505
- for (const id of allIds) {
506
- if (!id) continue;
507
- const domId = `${PLACEHOLDER_PREFIX}${id}`;
508
- if (document.getElementById(domId)) continue;
509
- const ph = document.createElement('div');
510
- ph.id = domId;
511
- ph.setAttribute('data-ezoic-id', String(id));
512
- pool.appendChild(ph);
513
- }
514
- } catch (e) {}
515
- }
516
-
517
- function isInPool(ph) {
518
- try { return !!(ph && ph.closest && ph.closest('#' + POOL_ID)); } catch (e) { return false; }
519
- }
520
-
521
- function releaseWrapNode(wrap) {
522
- try {
523
- const ph = wrap && wrap.querySelector && wrap.querySelector(`[id^="${PLACEHOLDER_PREFIX}"]`);
524
- if (ph) {
525
- try { getPoolEl().appendChild(ph); } catch (e) {}
526
- try { state.io && state.io.unobserve(ph); } catch (e) {}
527
- }
528
- } catch (e) {}
529
- try { wrap && wrap.remove && wrap.remove(); } catch (e) {}
530
- }
531
-
532
- // ---------------- network warmup ----------------
533
-
534
- const _warmLinksDone = new Set();
535
- function warmUpNetwork() {
536
- try {
537
- const head = document.head || document.getElementsByTagName('head')[0];
538
- if (!head) return;
539
- const links = [
540
- // Ezoic
541
- ['preconnect', 'https://g.ezoic.net', true],
542
- ['dns-prefetch', 'https://g.ezoic.net', false],
543
- ['preconnect', 'https://go.ezoic.net', true],
544
- ['dns-prefetch', 'https://go.ezoic.net', false],
545
- // Google ads
546
- ['preconnect', 'https://securepubads.g.doubleclick.net', true],
547
- ['dns-prefetch', 'https://securepubads.g.doubleclick.net', false],
548
- ['preconnect', 'https://pagead2.googlesyndication.com', true],
549
- ['dns-prefetch', 'https://pagead2.googlesyndication.com', false],
550
- ['preconnect', 'https://tpc.googlesyndication.com', true],
551
- ['dns-prefetch', 'https://tpc.googlesyndication.com', false],
552
- ];
553
- for (const [rel, href, cors] of links) {
554
- const key = `${rel}|${href}`;
555
- if (_warmLinksDone.has(key)) continue;
556
- _warmLinksDone.add(key);
557
- const link = document.createElement('link');
558
- link.rel = rel;
559
- link.href = href;
560
- if (cors) link.crossOrigin = 'anonymous';
561
- head.appendChild(link);
562
- }
563
- } catch (e) {}
564
- }
565
-
566
- // ---------------- Ezoic bridge ----------------
567
-
568
- // Patch showAds to silently skip ids not in DOM. This prevents console spam.
569
- function patchShowAds() {
570
- const applyPatch = () => {
571
- try {
572
- window.ezstandalone = window.ezstandalone || {};
573
- const ez = window.ezstandalone;
574
- if (window.__nodebbEzoicPatched) return;
575
- if (typeof ez.showAds !== 'function') return;
576
-
577
- window.__nodebbEzoicPatched = true;
578
- const orig = ez.showAds;
579
-
580
- ez.showAds = function (...args) {
581
- if (isBlocked()) return;
582
-
583
- let ids = [];
584
- if (args.length === 1 && Array.isArray(args[0])) ids = args[0];
585
- else ids = args;
586
-
587
- const seen = new Set();
588
- for (const v of ids) {
589
- const id = parseInt(v, 10);
590
- if (!Number.isFinite(id) || id <= 0 || seen.has(id)) continue;
591
- const ph = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
592
- if (!ph || !ph.isConnected) continue;
593
- seen.add(id);
594
- try { orig.call(ez, id); } catch (e) {}
595
- }
596
- };
597
- } catch (e) {}
598
- };
599
-
600
- applyPatch();
601
- if (!window.__nodebbEzoicPatched) {
602
- try {
603
- window.ezstandalone = window.ezstandalone || {};
604
- window.ezstandalone.cmd = window.ezstandalone.cmd || [];
605
- window.ezstandalone.cmd.push(applyPatch);
606
- } catch (e) {}
607
- }
608
- }
609
-
610
- // ---------------- config ----------------
611
-
612
- async function fetchConfigOnce() {
613
- if (state.cfg) return state.cfg;
614
- try {
615
- const res = await fetch('/api/plugins/ezoic-infinite/config', { credentials: 'same-origin' });
616
- if (!res.ok) return null;
617
- state.cfg = await res.json();
618
- return state.cfg;
619
- } catch (e) {
620
- return null;
621
- }
622
- }
623
-
624
- function initPools(cfg) {
625
- if (!cfg) return;
626
- if (!state.allTopics.length) state.allTopics = parsePool(cfg.placeholderIds);
627
- if (!state.allPosts.length) state.allPosts = parsePool(cfg.messagePlaceholderIds);
628
- if (!state.allCategories.length) state.allCategories = parsePool(cfg.categoryPlaceholderIds);
629
-
630
- // IMPORTANT:
631
- // We do NOT prime a DOM pool anymore.
632
- // Keeping placeholders connected (even offscreen) can lead Ezoic/GPT to
633
- // pre-define slots, which then causes "Placeholder Id X has already been defined".
634
- // Instead, we create the placeholder element only when we actually inject its wrapper.
635
- }
636
-
637
- // ---------------- insertion primitives ----------------
638
-
639
- function buildWrap(id, kindClass, afterPos, createPlaceholder) {
640
- const wrap = document.createElement('div');
641
- wrap.className = `${WRAP_CLASS} ${kindClass}`;
642
- wrap.setAttribute('data-ezoic-after', String(afterPos));
643
- wrap.setAttribute('data-ezoic-wrapid', String(id));
644
- wrap.setAttribute('data-created', String(now()));
645
- // "Pinned" placements (after the first item) should remain stable.
646
- if (afterPos === 1) {
647
- wrap.setAttribute('data-ezoic-pin', '1');
648
- }
649
- wrap.style.width = '100%';
650
-
651
- if (createPlaceholder) {
652
- const ph = document.createElement('div');
653
- ph.id = `${PLACEHOLDER_PREFIX}${id}`;
654
- ph.setAttribute('data-ezoic-id', String(id));
655
- wrap.appendChild(ph);
656
- }
657
-
658
- return wrap;
659
- }
660
-
661
- function insertAfter(target, id, kindClass, afterPos) {
662
- if (!target || !target.insertAdjacentElement) return null;
663
- if (findWrap(kindClass, afterPos)) return null;
664
- if (insertingIds.has(id)) return null;
665
-
666
- const existingPh = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
667
-
668
- insertingIds.add(id);
669
- try {
670
- const wrap = buildWrap(id, kindClass, afterPos, !existingPh);
671
- target.insertAdjacentElement('afterend', wrap);
672
-
673
- // If placeholder exists elsewhere (including pool), move it into the wrapper.
674
- if (existingPh) {
675
- try {
676
- existingPh.setAttribute('data-ezoic-id', String(id));
677
- if (!wrap.firstElementChild) wrap.appendChild(existingPh);
678
- else wrap.replaceChild(existingPh, wrap.firstElementChild);
679
- } catch (e) {}
680
- }
681
-
682
- return wrap;
683
- } finally {
684
- insertingIds.delete(id);
685
- }
686
- }
687
-
688
- function pickIdFromAll(allIds, cursorKey) {
689
- const n = allIds.length;
690
- if (!n) return null;
691
-
692
- for (let tries = 0; tries < n; tries++) {
693
- const idx = state[cursorKey] % n;
694
- state[cursorKey] = (state[cursorKey] + 1) % n;
695
- const id = allIds[idx];
696
-
697
- const ph = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
698
- if (ph && ph.isConnected && !isInPool(ph)) continue;
699
-
700
- return id;
701
- }
702
-
703
68
  return null;
704
69
  }
705
70
 
706
- function pruneOrphanWraps(kindClass, items) {
707
- // Topic pages can be virtualized (posts removed from DOM as you scroll).
708
- // When that happens, previously-inserted ad wraps may become "orphan" nodes with no
709
- // nearby post containers, which leads to ads clustering together when scrolling back up.
710
- // We prune only *true* orphans that are far offscreen to keep the UI stable.
711
- if (!items || !items.length) return 0;
712
- const itemSet = new Set(items);
713
- const wraps = document.querySelectorAll(`.${WRAP_CLASS}.${kindClass}`);
714
- let removed = 0;
715
-
716
- const isFilled = (wrap) => {
717
- return !!(wrap.querySelector('iframe, ins, img, video, [data-google-container-id]'));
718
- };
719
-
720
- const hasNearbyItem = (wrap) => {
721
- // NodeBB/skins can inject separators/spacers; be tolerant.
722
- let prev = wrap.previousElementSibling;
723
- for (let i = 0; i < 14 && prev; i++) {
724
- if (itemSet.has(prev)) return true;
725
- prev = prev.previousElementSibling;
726
- }
727
- let next = wrap.nextElementSibling;
728
- for (let i = 0; i < 14 && next; i++) {
729
- if (itemSet.has(next)) return true;
730
- next = next.nextElementSibling;
731
- }
732
- return false;
733
- };
734
-
735
- wraps.forEach((wrap) => {
736
- // Never prune pinned placements.
737
- try {
738
- if (wrap.getAttribute('data-ezoic-pin') === '1') return;
739
- } catch (e) {}
740
-
741
- // For message/topic pages we may prune filled or empty orphans if they are far away,
742
- // otherwise consecutive "stacks" can appear when posts are virtualized.
743
- const isMessage = (kindClass === 'ezoic-ad-message');
744
- if (!isMessage && isFilled(wrap)) return; // never prune filled ads for non-message lists
745
-
746
- // Never prune a fresh wrap: it may fill late.
747
- try {
748
- const created = parseInt(wrap.getAttribute('data-created') || '0', 10);
749
- if (created && (now() - created) < keepEmptyWrapMs()) return;
750
- } catch (e) {}
751
-
752
- if (hasNearbyItem(wrap)) {
753
- try { wrap.classList && wrap.classList.remove('ez-orphan-hidden'); wrap.style && (wrap.style.display = ''); } catch (e) {}
754
- return;
755
- }
756
-
757
- // If the anchor item is no longer in the DOM (virtualized), hide the wrap so ads never "stack"
758
- // back-to-back while scrolling. We'll recycle it when its anchor comes back.
759
- try { wrap.classList && wrap.classList.add('ez-orphan-hidden'); wrap.style && (wrap.style.display = 'none'); } catch (e) {}
760
-
761
- // For message ads: only release if far offscreen to avoid perceived "vanishing" during fast scroll.
762
- if (isMessage) {
763
- try {
764
- const r = wrap.getBoundingClientRect();
765
- const vh = Math.max(1, window.innerHeight || 1);
766
- const farAbove = r.bottom < -vh * 2;
767
- const farBelow = r.top > vh * 4;
768
- if (!farAbove && !farBelow) return;
769
- } catch (e) {
770
- return;
771
- }
772
- }
773
-
774
- withInternalDomChange(() => releaseWrapNode(wrap));
775
- removed++;
776
- });
777
-
778
- return removed;
779
- }
780
-
781
- function decluster(kindClass) {
782
- // Remove "near-consecutive" wraps (keep the first). Be tolerant of spacer nodes.
783
- const wraps = Array.from(document.querySelectorAll(`.${WRAP_CLASS}.${kindClass}`));
784
- if (wraps.length < 2) return 0;
785
-
786
- const isWrap = (el) => !!(el && el.classList && el.classList.contains(WRAP_CLASS));
787
-
788
- const isFilled = (wrap) => {
789
- return !!(wrap && wrap.querySelector && wrap.querySelector('iframe, ins, img, video, [data-google-container-id]'));
790
- };
791
-
792
- const isFresh = (wrap) => {
793
- try {
794
- const created = parseInt(wrap.getAttribute('data-created') || '0', 10);
795
- return created && (now() - created) < keepEmptyWrapMs();
796
- } catch (e) {
797
- return false;
798
- }
799
- };
800
-
801
- let removed = 0;
802
- for (const w of wraps) {
803
- // Never decluster pinned placements.
804
- try {
805
- if (w.getAttribute && w.getAttribute('data-ezoic-pin') === '1') continue;
806
- } catch (e) {}
807
-
808
- let prev = w.previousElementSibling;
809
- for (let i = 0; i < 3 && prev; i++) {
810
- if (isWrap(prev)) {
811
- // If the previous wrap is pinned, keep this one (spacing is intentional).
812
- try {
813
- if (prev.getAttribute && prev.getAttribute('data-ezoic-pin') === '1') break;
814
- } catch (e) {}
815
-
816
- // Never remove a wrap that is already filled; otherwise it looks like
817
- // ads "disappear" while scrolling. Only remove the empty neighbour.
818
- const prevFilled = isFilled(prev);
819
- const curFilled = isFilled(w);
820
-
821
- if (curFilled) {
822
- // If the previous one is empty (and not fresh), drop the previous instead.
823
- if (!prevFilled && !isFresh(prev)) {
824
- withInternalDomChange(() => releaseWrapNode(prev));
825
- removed++;
826
- }
827
- break;
828
- }
829
-
830
- // Current is empty.
831
- // Don't decluster two "fresh" empty wraps — it can reduce fill on slow auctions.
832
- // Only decluster when previous is filled, or when current is stale.
833
- if (prevFilled || !isFresh(w)) {
834
- withInternalDomChange(() => releaseWrapNode(w));
835
- removed++;
836
- }
837
- break;
838
- }
839
- prev = prev.previousElementSibling;
840
- }
841
- }
842
- return removed;
843
- }
844
-
845
- // ---------------- show (preload / fast fill) ----------------
846
-
847
- function ensurePreloadObserver() {
848
- const desiredMargin = getPreloadRootMargin();
849
- if (state.io && state.ioMargin === desiredMargin) return state.io;
850
-
851
- if (state.io) {
852
- try { state.io.disconnect(); } catch (e) {}
853
- state.io = null;
854
- }
855
-
856
- try {
857
- state.io = new IntersectionObserver((entries) => {
858
- for (const ent of entries) {
859
- if (!ent.isIntersecting) continue;
860
- const el = ent.target;
861
- try { state.io && state.io.unobserve(el); } catch (e) {}
862
-
863
- const idAttr = el && el.getAttribute && el.getAttribute('data-ezoic-id');
864
- const id = parseInt(idAttr, 10);
865
- if (Number.isFinite(id) && id > 0) enqueueShow(id);
866
- }
867
- }, { root: null, rootMargin: desiredMargin, threshold: 0 });
868
-
869
- state.ioMargin = desiredMargin;
870
- } catch (e) {
871
- state.io = null;
872
- state.ioMargin = null;
873
- }
874
-
875
- // Re-observe current placeholders
876
- try {
877
- if (state.io) {
878
- const nodes = document.querySelectorAll(`[id^="${PLACEHOLDER_PREFIX}"]`);
879
- nodes.forEach((n) => { try { state.io.observe(n); } catch (e) {} });
880
- }
881
- } catch (e) {}
882
-
883
- return state.io;
884
- }
885
-
886
- function observePlaceholder(id) {
887
- const ph = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
888
- if (!ph || !ph.isConnected) return;
889
- ph.setAttribute('data-ezoic-id', String(id));
890
-
891
- const io = ensurePreloadObserver();
892
- try { io && io.observe(ph); } catch (e) {}
893
-
894
- // If already near viewport, fire immediately.
895
- // Mobile tends to scroll faster + has slower auctions, so we fire earlier.
896
- try {
897
- const r = ph.getBoundingClientRect();
898
- const mobile = isMobile();
899
- const screens = isBoosted()
900
- ? (mobile ? 9.0 : 5.0)
901
- : (mobile ? 6.0 : 3.0);
902
- const minBottom = isBoosted()
903
- ? (mobile ? -2600 : -1500)
904
- : (mobile ? -1400 : -800);
905
- if (r.top < window.innerHeight * screens && r.bottom > minBottom) enqueueShow(id);
906
- } catch (e) {}
907
- }
908
-
909
- function enqueueShow(id) {
910
- if (!id || isBlocked()) return;
911
-
912
- // per-id throttle
913
- const t = now();
914
- const last = state.lastShowById.get(id) || 0;
915
- if (t - last < 900) return;
916
-
917
- const max = getMaxInflight();
918
- if (state.inflight >= max) {
919
- if (!state.pendingSet.has(id)) {
920
- state.pending.push(id);
921
- state.pendingSet.add(id);
922
- }
923
- return;
924
- }
925
-
926
- startShow(id);
927
- }
928
-
929
- function drainQueue() {
930
- if (isBlocked()) return;
931
- const max = getMaxInflight();
932
- while (state.inflight < max && state.pending.length) {
933
- const id = state.pending.shift();
934
- state.pendingSet.delete(id);
935
- startShow(id);
936
- }
937
- }
938
-
939
- function markEmptyWrapper(id) {
940
- // If still empty after delay, mark empty for CSS (1px)
941
- try {
942
- const ph = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
943
- if (!ph || !ph.isConnected) return;
944
- const wrap = ph.closest ? ph.closest(`.${WRAP_CLASS}`) : null;
945
- if (!wrap) return;
946
-
947
- setTimeout(() => {
948
- try {
949
- const ph2 = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
950
- if (!ph2 || !ph2.isConnected) return;
951
- const w2 = ph2.closest ? ph2.closest(`.${WRAP_CLASS}`) : null;
952
- if (!w2) return;
953
-
954
- // Don't collapse "fresh" placements; slow auctions/CMP can fill late.
955
- try {
956
- const created = parseInt(w2.getAttribute('data-created') || '0', 10);
957
- if (created && (now() - created) < keepEmptyWrapMs()) return;
958
- } catch (e) {}
959
-
960
- const hasAd = !!(ph2.querySelector && ph2.querySelector('iframe, ins, img, .ez-ad, .ezoic-ad'));
961
- if (!hasAd) {
962
- w2.classList.add('is-empty');
963
- watchWrapForFill(w2);
964
- } else {
965
- w2.classList.remove('is-empty');
966
- tightenEzoicMinHeight(w2);
967
- }
968
- } catch (e) {}
969
- }, 15000);
970
- } catch (e) {}
971
- }
972
-
973
- function startShow(id) {
974
- if (!id || isBlocked()) return;
975
-
976
- state.inflight++;
977
- let released = false;
978
- const release = () => {
979
- if (released) return;
980
- released = true;
981
- state.inflight = Math.max(0, state.inflight - 1);
982
- drainQueue();
983
- };
984
-
985
- const hardTimer = setTimeout(release, 6500);
986
-
987
- requestAnimationFrame(() => {
71
+ function callEzoic(id) {
72
+ if (window.ezstandalone) {
988
73
  try {
989
- if (isBlocked()) return;
990
-
991
- const ph = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
992
- if (!ph || !ph.isConnected) return;
993
-
994
- // If the placeholder already has creative, avoid re-showing.
995
- // Re-showing is a common source of "Placeholder Id X has already been defined".
996
- try {
997
- if (ph.querySelector && ph.querySelector('iframe, ins, img, video, [data-google-container-id]')) {
998
- clearTimeout(hardTimer);
999
- release();
1000
- return;
1001
- }
1002
- } catch (e) {}
1003
-
1004
- const t = now();
1005
- const last = state.lastShowById.get(id) || 0;
1006
- if (t - last < 900) return;
1007
- state.lastShowById.set(id, t);
1008
-
1009
- window.ezstandalone = window.ezstandalone || {};
1010
- const ez = window.ezstandalone;
1011
-
1012
- const doShow = () => {
1013
- try { ez.showAds(id); } catch (e) {}
1014
- try { markEmptyWrapper(id); } catch (e) {}
1015
- try {
1016
- const phw = document.getElementById(`${PLACEHOLDER_PREFIX}${id}`);
1017
- const ww = phw && phw.closest ? phw.closest(`.${WRAP_CLASS}`) : null;
1018
- if (ww) {
1019
- watchWrapForFill(ww);
1020
- setTimeout(() => { try { tightenEzoicMinHeight(ww); } catch (e) {} }, 900);
1021
- setTimeout(() => { try { tightenEzoicMinHeight(ww); } catch (e) {} }, 2200);
1022
- }
1023
- } catch (e) {}
1024
- setTimeout(() => { clearTimeout(hardTimer); release(); }, 650);
1025
- };
1026
-
1027
- if (Array.isArray(ez.cmd)) {
1028
- try { ez.cmd.push(doShow); } catch (e) { doShow(); }
74
+ const nid = parseInt(id, 10);
75
+ window.ezstandalone.define(nid);
76
+ if (!window.ezstandalone.enabled) {
77
+ window.ezstandalone.enable();
78
+ window.ezstandalone.display();
1029
79
  } else {
1030
- doShow();
80
+ window.ezstandalone.refresh();
1031
81
  }
1032
- } finally {
1033
- // hardTimer releases on early return
1034
- }
1035
- });
1036
- }
1037
-
1038
- // ---------------- core injection ----------------
1039
-
1040
- function getItemOrdinal(el, fallbackIndex) {
1041
- try {
1042
- if (!el) return fallbackIndex + 1;
1043
- const di = el.getAttribute('data-index') || (el.dataset && (el.dataset.index || el.dataset.postIndex));
1044
- if (di !== null && di !== undefined && di !== '' && !isNaN(di)) {
1045
- const n = parseInt(di, 10);
1046
- if (Number.isFinite(n) && n >= 0) return n + 1;
1047
- }
1048
- const d1 = el.getAttribute('data-idx') || el.getAttribute('data-position') || (el.dataset && (el.dataset.idx || el.dataset.position));
1049
- if (d1 !== null && d1 !== undefined && d1 !== '' && !isNaN(d1)) {
1050
- const n = parseInt(d1, 10);
1051
- if (Number.isFinite(n) && n > 0) return n;
82
+ } catch (e) { console.warn('[ezoic] refresh error', id, e); }
1052
83
  }
1053
- } catch (e) {}
1054
- return fallbackIndex + 1;
1055
- }
1056
-
1057
- function buildOrdinalMap(items) {
1058
- const map = new Map();
1059
- let max = 0;
1060
- for (let i = 0; i < items.length; i++) {
1061
- const el = items[i];
1062
- const ord = getItemOrdinal(el, i);
1063
- map.set(ord, el);
1064
- if (ord > max) max = ord;
1065
84
  }
1066
- return { map, max };
1067
- }
1068
-
1069
-
1070
- function computeTargets(count, interval, showFirst) {
1071
- const out = [];
1072
- if (count <= 0) return out;
1073
- if (showFirst) out.push(1);
1074
- for (let i = 1; i <= count; i++) {
1075
- if (i % interval === 0) out.push(i);
1076
- }
1077
- // unique + sorted
1078
- return Array.from(new Set(out)).sort((a, b) => a - b);
1079
- }
1080
-
1081
- function injectBetween(kindClass, items, interval, showFirst, allIds, cursorKey) {
1082
- if (!items.length) return 0;
1083
85
 
1084
- const { map: ordinalMap, max: maxOrdinal } = buildOrdinalMap(items);
1085
- const targets = computeTargets(maxOrdinal, interval, showFirst);
1086
- let inserted = 0;
1087
- const maxInserts = MAX_INSERTS_PER_RUN + (isBoosted() ? 1 : 0);
86
+ // --- 5. INJECTION ---
87
+ function inject() {
88
+ if (!config || config.excluded) return;
1088
89
 
1089
- for (const afterPos of targets) {
1090
- if (inserted >= maxInserts) break;
1091
- const el = ordinalMap.get(afterPos);
1092
- if (!el) continue;
1093
- if (!el || !el.isConnected) continue;
1094
- if (isAdjacentAd(el)) continue;
1095
- if (findWrap(kindClass, afterPos)) continue;
1096
-
1097
- let id = pickIdFromAll(allIds, cursorKey);
1098
- let recycledWrap = null;
1099
-
1100
- // If the pool is exhausted (all placeholder ids already mounted), recycle a wrap that is far
1101
- // above the viewport by moving it to the new target instead of creating a new placeholder.
1102
- // This avoids "Placeholder Id X has already been defined" and also ensures ads keep
1103
- // appearing on very long infinite scroll sessions.
1104
- if (!id) {
1105
- // Safe mode: disable recycling for topic message ads to prevent visual "jumping"
1106
- // (ads seemingly moving back under the first post during virtualized scroll).
1107
- const allowRecycle = kindClass !== 'ezoic-ad-message';
1108
- recycledWrap = (allowRecycle && scrollDir > 0) ? pickRecyclableWrap(kindClass) : null;
1109
- if (recycledWrap) {
1110
- id = recycledWrap.getAttribute('data-ezoic-wrapid') || '';
1111
- }
90
+ // A. Gestion des SUJETS (Liste de catégories/topics)
91
+ const ul = getTopicList();
92
+ if (ul && config.enableBetweenAds) {
93
+ pruneOrphans(ul);
94
+ const items = Array.from(ul.children).filter(c => c.tagName === 'LI' && !c.classList.contains(WRAP_CLASS));
95
+
96
+ // Pub 1 (Pinned)
97
+ if (config.showFirstTopicAd && !ul.querySelector(`[${PINNED_ATTR}="true"]`)) {
98
+ insertAd(items[0], getNextId(config.placeholderIds), true);
1112
99
  }
1113
100
 
1114
- if (!id) break;
1115
-
1116
- const wrap = recycledWrap
1117
- ? moveWrapAfter(el, recycledWrap, kindClass, afterPos)
1118
- : insertAfter(el, id, kindClass, afterPos);
1119
- if (!wrap) continue;
1120
-
1121
- // observePlaceholder is safe for existing ids (it is idempotent) and helps with "late fill"
1122
- // after ajaxify/infinite scroll mutations.
1123
- observePlaceholder(id);
1124
- inserted++;
1125
- }
1126
-
1127
- return inserted;
1128
- }
1129
-
1130
- function pickRecyclableWrap(kindClass) {
1131
- // Only recycle wrappers that are well above the viewport to avoid visible "disappearing".
1132
- // With very small id pools (e.g. 6 ids), recycling is the only way to keep ads appearing
1133
- // on long topics without redefining placeholders.
1134
- const wraps = document.querySelectorAll('.' + kindClass + '[data-ezoic-wrapid]');
1135
- if (!wraps || !wraps.length) return null;
1136
-
1137
- const vh = Math.max(300, window.innerHeight || 800);
1138
- // Recycle only when the wrapper is far above the viewport.
1139
- // This keeps ads on-screen longer (especially on mobile) and reduces "blink".
1140
- const threshold = -Math.min(9000, Math.round(vh * 6));
1141
-
1142
- let best = null;
1143
- let bestBottom = Infinity;
1144
- for (const w of wraps) {
1145
- if (!w || !w.isConnected) continue;
1146
- if (w.getAttribute && w.getAttribute('data-ezoic-pin') === '1') continue;
1147
- const rect = w.getBoundingClientRect();
1148
- if (rect.bottom < threshold) {
1149
- if (rect.bottom < bestBottom) {
1150
- bestBottom = rect.bottom;
1151
- best = w;
1152
- }
101
+ // Intervalle (uniquement en scroll vers le bas)
102
+ if (scrollDir === 1) {
103
+ const interval = parseInt(config.intervalPosts, 10) || 5;
104
+ items.forEach((li, idx) => {
105
+ if ((idx + 1) % interval === 0 && idx > 0) {
106
+ if (!li.nextElementSibling?.classList.contains(WRAP_CLASS)) {
107
+ insertAd(li, getNextId(config.placeholderIds), false);
108
+ }
109
+ }
110
+ });
1153
111
  }
1154
112
  }
1155
- return best;
1156
- }
1157
-
1158
- function moveWrapAfter(anchorEl, wrap, kindClass, afterPos) {
1159
- try {
1160
- if (!anchorEl || !wrap || !wrap.isConnected) return null;
1161
-
1162
- wrap.setAttribute('data-ezoic-after', String(afterPos));
1163
- anchorEl.insertAdjacentElement('afterend', wrap);
1164
-
1165
- // Ensure minimal layout impact.
1166
- try { wrap.style.contain = 'layout style paint'; } catch (e) {}
1167
- try { tightenStickyIn(wrap); } catch (e) {}
1168
- return wrap;
1169
- } catch (e) {
1170
- return null;
1171
- }
1172
- }
1173
-
1174
- async function runCore() {
1175
- if (isBlocked()) return 0;
1176
-
1177
- patchShowAds();
1178
-
1179
- const cfg = await fetchConfigOnce();
1180
- if (!cfg || cfg.excluded) return 0;
1181
- initPools(cfg);
1182
113
 
1183
- const kind = getKind();
1184
- let inserted = 0;
1185
-
1186
- if (kind === 'topic') {
1187
- if (normalizeBool(cfg.enableMessageAds)) {
1188
- const items = getPostContainers();
1189
- pruneOrphanWraps('ezoic-ad-message', items);
1190
- inserted += injectBetween(
1191
- 'ezoic-ad-message',
1192
- items,
1193
- Math.max(1, parseInt(cfg.messageIntervalPosts, 10) || 3),
1194
- normalizeBool(cfg.showFirstMessageAd),
1195
- state.allPosts,
1196
- 'curPosts'
1197
- );
1198
- decluster('ezoic-ad-message');
1199
- }
1200
- } else if (kind === 'categoryTopics') {
1201
- if (normalizeBool(cfg.enableBetweenAds)) {
1202
- const items = getTopicItems();
1203
- pruneOrphanWraps('ezoic-ad-between', items);
1204
- inserted += injectBetween(
1205
- 'ezoic-ad-between',
1206
- items,
1207
- Math.max(1, parseInt(cfg.intervalPosts, 10) || 6),
1208
- normalizeBool(cfg.showFirstTopicAd),
1209
- state.allTopics,
1210
- 'curTopics'
1211
- );
1212
- decluster('ezoic-ad-between');
1213
- }
1214
- } else if (kind === 'categories') {
1215
- if (normalizeBool(cfg.enableCategoryAds)) {
1216
- const items = getCategoryItems();
1217
- pruneOrphanWraps('ezoic-ad-categories', items);
1218
- inserted += injectBetween(
1219
- 'ezoic-ad-categories',
1220
- items,
1221
- Math.max(1, parseInt(cfg.intervalCategories, 10) || 4),
1222
- normalizeBool(cfg.showFirstCategoryAd),
1223
- state.allCategories,
1224
- 'curCategories'
1225
- );
1226
- decluster('ezoic-ad-categories');
114
+ // B. Gestion des MESSAGES (Post list)
115
+ const postList = getPostList();
116
+ if (postList && config.enableMessageAds) {
117
+ const posts = Array.from(postList.querySelectorAll('[component="post"]')).filter(p => !p.closest('.' + WRAP_CLASS));
118
+ if (config.showFirstMessageAd && posts.length > 0 && !postList.querySelector('.ezoic-msg-first')) {
119
+ insertAd(posts[0], getNextId(config.messagePlaceholderIds), false, 'ezoic-msg-first');
1227
120
  }
121
+ // Logique d'intervalle message ici si besoin (similaire aux topics)
1228
122
  }
1229
-
1230
- return inserted;
1231
- }
1232
-
1233
- async function insertHeroAdEarly() {
1234
- if (state.heroDoneForPage || isBlocked()) return;
1235
-
1236
- const cfg = await fetchConfigOnce();
1237
- if (!cfg || cfg.excluded) return;
1238
- initPools(cfg);
1239
-
1240
- const kind = getKind();
1241
-
1242
- let items = [];
1243
- let allIds = [];
1244
- let cursorKey = '';
1245
- let kindClass = '';
1246
- let showFirst = false;
1247
-
1248
- if (kind === 'topic' && normalizeBool(cfg.enableMessageAds)) {
1249
- items = getPostContainers();
1250
- allIds = state.allPosts;
1251
- cursorKey = 'curPosts';
1252
- kindClass = 'ezoic-ad-message';
1253
- showFirst = normalizeBool(cfg.showFirstMessageAd);
1254
- } else if (kind === 'categoryTopics' && normalizeBool(cfg.enableBetweenAds)) {
1255
- items = getTopicItems();
1256
- allIds = state.allTopics;
1257
- cursorKey = 'curTopics';
1258
- kindClass = 'ezoic-ad-between';
1259
- showFirst = normalizeBool(cfg.showFirstTopicAd);
1260
- } else if (kind === 'categories' && normalizeBool(cfg.enableCategoryAds)) {
1261
- items = getCategoryItems();
1262
- allIds = state.allCategories;
1263
- cursorKey = 'curCategories';
1264
- kindClass = 'ezoic-ad-categories';
1265
- showFirst = normalizeBool(cfg.showFirstCategoryAd);
1266
- } else {
1267
- return;
1268
- }
1269
-
1270
- if (!items.length) return;
1271
- if (!showFirst) { state.heroDoneForPage = true; return; }
1272
-
1273
- const afterPos = 1;
1274
- const el = items[0];
1275
- if (!el || !el.isConnected) return;
1276
- if (isAdjacentAd(el)) return;
1277
- if (findWrap(kindClass, afterPos)) { state.heroDoneForPage = true; return; }
1278
-
1279
- const id = pickIdFromAll(allIds, cursorKey);
1280
- if (!id) return;
1281
-
1282
- const wrap = insertAfter(el, id, kindClass, afterPos);
1283
- if (!wrap) return;
1284
-
1285
- state.heroDoneForPage = true;
1286
- observePlaceholder(id);
1287
- // Hero placement is expected to be visible right away (after first item),
1288
- // so kick a fill request immediately instead of waiting only for IO callbacks.
1289
- enqueueShow(id);
1290
- startShowQueue();
1291
- }
1292
-
1293
- // ---------------- scheduler ----------------
1294
-
1295
- function scheduleRun(delayMs = 0, cb) {
1296
- if (state.runQueued) return;
1297
- state.runQueued = true;
1298
-
1299
- const run = async () => {
1300
- state.runQueued = false;
1301
- const pk = getPageKey();
1302
- if (state.pageKey && pk !== state.pageKey) return;
1303
- let inserted = 0;
1304
- try { inserted = await runCore(); } catch (e) { inserted = 0; }
1305
- try { cb && cb(inserted); } catch (e) {}
1306
- };
1307
-
1308
- const doRun = () => requestAnimationFrame(run);
1309
- if (delayMs > 0) setTimeout(doRun, delayMs);
1310
- else doRun();
1311
123
  }
1312
124
 
1313
- function requestBurst() {
1314
- if (isBlocked()) return;
1315
-
1316
- const t = now();
1317
- if (t - state.lastBurstReqTs < 120) return;
1318
- state.lastBurstReqTs = t;
1319
-
1320
- const pk = getPageKey();
1321
- state.pageKey = pk;
1322
-
1323
- state.burstDeadline = t + 1800;
1324
- if (state.burstActive) return;
1325
-
1326
- state.burstActive = true;
1327
- state.burstCount = 0;
1328
-
1329
- const step = () => {
1330
- if (getPageKey() !== pk) { state.burstActive = false; return; }
1331
- if (isBlocked()) { state.burstActive = false; return; }
1332
- if (now() > state.burstDeadline) { state.burstActive = false; return; }
1333
- if (state.burstCount >= 8) { state.burstActive = false; return; }
1334
-
1335
- state.burstCount++;
1336
- scheduleRun(0, (inserted) => {
1337
- // Continue while we are still inserting or we have pending shows.
1338
- const hasWork = inserted > 0 || state.pending.length > 0;
1339
- if (!hasWork) { state.burstActive = false; return; }
1340
- // Short delay keeps UI smooth while catching late DOM waves.
1341
- setTimeout(step, inserted > 0 ? 120 : 220);
1342
- });
1343
- };
1344
-
1345
- step();
1346
- }
1347
-
1348
- // ---------------- lifecycle ----------------
1349
-
1350
- function cleanup() {
1351
- blockedUntil = now() + 1200;
1352
-
1353
- try {
1354
- document.querySelectorAll(`.${WRAP_CLASS}`).forEach((el) => releaseWrapNode(el));
1355
- } catch (e) {}
1356
-
1357
- state.cfg = null;
1358
- state.allTopics = [];
1359
- state.allPosts = [];
1360
- state.allCategories = [];
1361
- state.curTopics = 0;
1362
- state.curPosts = 0;
1363
- state.curCategories = 0;
1364
- state.lastShowById.clear();
1365
-
1366
- state.inflight = 0;
1367
- state.pending = [];
1368
- state.pendingSet.clear();
1369
-
1370
- state.heroDoneForPage = false;
1371
-
1372
- // keep observers alive
1373
- }
1374
-
1375
- function shouldReactToMutations(mutations) {
1376
- // Fast filter: only react if relevant nodes were added/removed.
1377
- for (const m of mutations) {
1378
- if (!m.addedNodes || m.addedNodes.length === 0) continue;
1379
- for (const n of m.addedNodes) {
1380
- if (!n || n.nodeType !== 1) continue;
1381
- const el = /** @type {Element} */ (n);
1382
- if (
1383
- el.matches?.(SELECTORS.postItem) ||
1384
- el.matches?.(SELECTORS.topicItem) ||
1385
- el.matches?.(SELECTORS.categoryItem) ||
1386
- el.querySelector?.(SELECTORS.postItem) ||
1387
- el.querySelector?.(SELECTORS.topicItem) ||
1388
- el.querySelector?.(SELECTORS.categoryItem)
1389
- ) {
1390
- return true;
1391
- }
1392
- }
1393
- }
1394
- return false;
1395
- }
1396
-
1397
- function ensureDomObserver() {
1398
- if (state.domObs) return;
1399
-
1400
- state.domObs = new MutationObserver((mutations) => {
1401
- if (state.internalDomChange > 0) return;
1402
- if (isBlocked()) return;
1403
- if (!shouldReactToMutations(mutations)) return;
1404
- requestBurst();
1405
- });
1406
-
1407
- try {
1408
- state.domObs.observe(document.body, { childList: true, subtree: true });
1409
- } catch (e) {}
1410
- }
1411
-
1412
- function bindNodeBB() {
1413
- if (!$) return;
1414
-
1415
- $(window).off('.ezoicInfinite');
1416
-
1417
- $(window).on('action:ajaxify.start.ezoicInfinite', () => {
1418
- cleanup();
1419
- });
1420
-
1421
- $(window).on('action:ajaxify.end.ezoicInfinite', () => {
1422
- state.pageKey = getPageKey();
1423
- blockedUntil = 0;
1424
-
1425
- muteNoisyConsole();
1426
- ensureTcfApiLocator();
1427
- warmUpNetwork();
1428
- patchShowAds();
1429
- globalGapFixInit();
1430
- ensurePreloadObserver();
1431
- ensureDomObserver();
1432
-
1433
- insertHeroAdEarly().catch(() => {});
1434
- requestBurst();
1435
- });
1436
-
1437
- // Some setups populate content in multiple phases; ensure we re-scan.
1438
- $(window).on('action:ajaxify.contentLoaded.ezoicInfinite', () => {
1439
- if (isBlocked()) return;
1440
- requestBurst();
1441
- });
1442
-
1443
- $(window).on(
1444
- 'action:posts.loaded.ezoicInfinite action:topics.loaded.ezoicInfinite action:categories.loaded.ezoicInfinite action:category.loaded.ezoicInfinite action:topic.loaded.ezoicInfinite',
1445
- () => {
1446
- if (isBlocked()) return;
1447
- requestBurst();
1448
- }
1449
- );
1450
-
1451
- // Also listen through NodeBB's AMD hooks module when available.
1452
- try {
1453
- require(['hooks'], (hooks) => {
1454
- if (!hooks || typeof hooks.on !== 'function') return;
1455
- ['action:ajaxify.end', 'action:ajaxify.contentLoaded', 'action:posts.loaded', 'action:topics.loaded', 'action:categories.loaded', 'action:category.loaded', 'action:topic.loaded'].forEach((ev) => {
1456
- try { hooks.on(ev, () => { if (!isBlocked()) requestBurst(); }); } catch (e) {}
1457
- });
1458
- });
1459
- } catch (e) {}
1460
- }
1461
-
1462
- function bindScroll() {
1463
- let ticking = false;
1464
- window.addEventListener('scroll', () => {
1465
- // Fast-scroll boost
1466
- try {
1467
- const t = now();
1468
- const y = window.scrollY || window.pageYOffset || 0;
1469
- if (state.lastScrollTs) {
1470
- const dt = t - state.lastScrollTs;
1471
- const dy = Math.abs(y - (state.lastScrollY || 0));
1472
- if (dt > 0) {
1473
- const speed = dy / dt;
1474
- if (speed >= BOOST_SPEED_PX_PER_MS) {
1475
- const wasBoosted = isBoosted();
1476
- state.scrollBoostUntil = Math.max(state.scrollBoostUntil || 0, t + BOOST_DURATION_MS);
1477
- if (!wasBoosted) ensurePreloadObserver();
1478
- }
1479
- }
1480
- }
1481
- state.lastScrollY = y;
1482
- state.lastScrollTs = t;
1483
- } catch (e) {}
1484
-
1485
- if (ticking) return;
1486
- ticking = true;
1487
- requestAnimationFrame(() => {
1488
- ticking = false;
1489
- requestBurst();
1490
- });
1491
- }, { passive: true });
1492
- }
1493
-
1494
- // ---------------- boot ----------------
1495
-
1496
- state.pageKey = getPageKey();
1497
- muteNoisyConsole();
1498
- ensureTcfApiLocator();
1499
- warmUpNetwork();
1500
- patchShowAds();
1501
- ensurePreloadObserver();
1502
- ensureDomObserver();
1503
-
1504
- bindNodeBB();
1505
- bindScroll();
1506
-
1507
- blockedUntil = 0;
1508
- insertHeroAdEarly().catch(() => {});
1509
- requestBurst();
1510
- })();
1511
-
1512
-
1513
-
1514
- // ===== V17 minimal pile-fix (no insert hooks) =====
1515
- (function () {
1516
- // Goal: keep ad injection intact. Only repair when we detect "pile-up" of between wraps.
1517
- var TOPIC_LI_SEL = 'li[component="category/topic"]';
1518
- var BETWEEN_WRAP_SEL = 'div.nodebb-ezoic-wrap.ezoic-ad-between';
1519
- var HOST_CLASS = 'nodebb-ezoic-host';
1520
-
1521
- var scheduled = false;
1522
- var lastRun = 0;
1523
- var COOLDOWN = 180;
1524
-
1525
- function getTopicList() {
1526
- try {
1527
- var li = document.querySelector(TOPIC_LI_SEL);
1528
- if (!li) return null;
1529
- return li.closest ? li.closest('ul,ol') : null;
1530
- } catch (e) { return null; }
1531
- }
1532
-
1533
- function isHost(node) {
1534
- return !!(node && node.nodeType === 1 && node.tagName === 'LI' && node.classList && node.classList.contains(HOST_CLASS));
1535
- }
1536
-
1537
- function ensureHostForWrap(wrap, ul) {
1538
- try {
1539
- if (!wrap || wrap.nodeType !== 1) return null;
1540
- if (!(wrap.matches && wrap.matches(BETWEEN_WRAP_SEL))) return null;
1541
-
1542
- var host = wrap.closest ? wrap.closest('li.' + HOST_CLASS) : null;
1543
- if (host) return host;
1544
-
1545
- if (!ul) ul = wrap.closest ? wrap.closest('ul,ol') : null;
1546
- if (!ul || !(ul.tagName === 'UL' || ul.tagName === 'OL')) return null;
1547
-
1548
- // Only wrap if direct child of list (invalid / fragile)
1549
- if (wrap.parentElement === ul) {
1550
- host = document.createElement('li');
1551
- host.className = HOST_CLASS;
1552
- host.setAttribute('role', 'listitem');
1553
- host.style.listStyle = 'none';
1554
- host.style.width = '100%';
1555
- ul.insertBefore(host, wrap);
1556
- host.appendChild(wrap);
1557
- try { wrap.style.width = '100%'; } catch (e) {}
1558
- return host;
1559
- }
1560
- } catch (e) {}
1561
- return null;
1562
- }
125
+ function insertAd(target, id, isPinned, extraClass = '') {
126
+ if (!target || !id) return;
127
+ const wrap = document.createElement('div');
128
+ wrap.className = `${WRAP_CLASS} ezoic-ad-between ${extraClass}`;
129
+ if (isPinned) wrap.setAttribute(PINNED_ATTR, 'true');
1563
130
 
1564
- function previousTopicLi(node) {
1565
- try {
1566
- var prev = node.previousElementSibling;
1567
- while (prev) {
1568
- if (prev.matches && prev.matches(TOPIC_LI_SEL)) return prev;
1569
- // skip other hosts/wraps
1570
- prev = prev.previousElementSibling;
1571
- }
1572
- } catch (e) {}
1573
- return null;
1574
- }
131
+ const placeholder = document.createElement('div');
132
+ placeholder.id = PLACEHOLDER_PREFIX + id;
133
+ wrap.appendChild(placeholder);
1575
134
 
1576
- function detectPileUp(ul) {
1577
- // Pile-up signature: 2+ between wraps/hosts adjacent with no topics between, often near top.
1578
- try {
1579
- var kids = ul.children;
1580
- var run = 0;
1581
- var maxRun = 0;
1582
- for (var i = 0; i < kids.length; i++) {
1583
- var el = kids[i];
1584
- var isBetween = false;
1585
- if (isHost(el)) {
1586
- isBetween = !!(el.querySelector && el.querySelector(BETWEEN_WRAP_SEL));
1587
- } else if (el.matches && el.matches(BETWEEN_WRAP_SEL)) {
1588
- isBetween = true;
1589
- }
1590
- if (isBetween) {
1591
- run++;
1592
- if (run > maxRun) maxRun = run;
1593
- } else if (el.matches && el.matches(TOPIC_LI_SEL)) {
1594
- run = 0;
1595
- } else {
1596
- // other nodes reset lightly
1597
- run = 0;
1598
- }
1599
- }
1600
- return maxRun >= 2;
1601
- } catch (e) {}
1602
- return false;
135
+ target.after(wrap);
136
+ callEzoic(id);
1603
137
  }
1604
138
 
1605
- function redistribute(ul) {
139
+ // --- 6. INITIALISATION ---
140
+ async function fetchConfig() {
1606
141
  try {
1607
- if (!ul) return;
1608
-
1609
- // Step 1: wrap any direct child between DIVs into LI hosts (makes list stable)
1610
- ul.querySelectorAll(':scope > ' + BETWEEN_WRAP_SEL).forEach(function(w){ ensureHostForWrap(w, ul); });
1611
-
1612
- // Step 2: only act if we see pile-up (avoid touching infinite scroll during normal flow)
1613
- if (!detectPileUp(ul)) return;
1614
-
1615
- // Move each host to immediately after the closest previous topic LI at its current position.
1616
- var hosts = ul.querySelectorAll(':scope > li.' + HOST_CLASS);
1617
- hosts.forEach(function(host){
1618
- try {
1619
- var wrap = host.querySelector && host.querySelector(BETWEEN_WRAP_SEL);
1620
- if (!wrap) return;
1621
-
1622
- var anchor = previousTopicLi(host);
1623
- if (!anchor) return; // if none, don't move (prevents yanking to top/bottom)
1624
-
1625
- if (host.previousElementSibling !== anchor) {
1626
- anchor.insertAdjacentElement('afterend', host);
1627
- }
1628
- } catch (e) {}
1629
- });
142
+ const res = await fetch('/api/plugins/ezoic-infinite/config');
143
+ config = await res.json();
1630
144
  } catch (e) {}
1631
145
  }
1632
146
 
1633
- function schedule(reason) {
1634
- var now = Date.now();
1635
- if (now - lastRun < COOLDOWN) return;
1636
- if (scheduled) return;
1637
- scheduled = true;
1638
- requestAnimationFrame(function () {
1639
- scheduled = false;
1640
- lastRun = Date.now();
1641
- try {
1642
- var ul = getTopicList();
1643
- if (!ul) return;
1644
- redistribute(ul);
1645
- } catch (e) {}
1646
- });
147
+ function schedule() {
148
+ if (scheduleTimer) clearTimeout(scheduleTimer);
149
+ scheduleTimer = setTimeout(inject, 200);
1647
150
  }
1648
151
 
1649
152
  function init() {
1650
- schedule('init');
1651
-
1652
- // Observe only the topic list once available
1653
- try {
1654
- if (typeof MutationObserver !== 'undefined') {
1655
- var observeList = function(ul){
1656
- if (!ul) return;
1657
- var mo = new MutationObserver(function(muts){
1658
- // schedule on any change; redistribute() itself is guarded by pile-up detection
1659
- schedule('mo');
1660
- });
1661
- mo.observe(ul, { childList: true, subtree: true });
1662
- };
1663
-
1664
- var ul = getTopicList();
1665
- if (ul) observeList(ul);
1666
- else {
1667
- var mo2 = new MutationObserver(function(){
1668
- var u2 = getTopicList();
1669
- if (u2) {
1670
- try { observeList(u2); } catch(e){}
1671
- try { mo2.disconnect(); } catch(e){}
1672
- }
1673
- });
1674
- mo2.observe(document.documentElement || document.body, { childList: true, subtree: true });
1675
- }
153
+ fetchConfig().then(() => {
154
+ schedule();
155
+ const ul = getTopicList();
156
+ if (ul && typeof MutationObserver !== 'undefined') {
157
+ new MutationObserver((m) => {
158
+ if (m.some(record => record.addedNodes.length > 0)) schedule();
159
+ }).observe(ul, { childList: true });
1676
160
  }
1677
- } catch (e) {}
161
+ });
1678
162
 
1679
- // NodeBB events: run after infinite scroll batches
1680
163
  if (window.jQuery) {
1681
- try {
1682
- window.jQuery(window).on('action:ajaxify.end action:infiniteScroll.loaded', function(){
1683
- setTimeout(function(){ schedule('event'); }, 50);
1684
- setTimeout(function(){ schedule('event2'); }, 400);
1685
- });
1686
- } catch (e) {}
164
+ window.jQuery(window).on('action:ajaxify.end action:infiniteScroll.loaded', () => {
165
+ setTimeout(schedule, 400);
166
+ });
1687
167
  }
1688
168
  }
1689
169
 
1690
170
  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);
1691
171
  else init();
1692
- })();
1693
- // ===== /V17 =====
1694
-
172
+ })();