Changeset a39c9bd in Klonkt for src/assets/js/mod/news.js

Timestamp:

08/07/2026 07:01:20 PM (5 weeks ago)

Author:

Robin <roboburr@…>

Branches:

main

Children:

a66266d

Parents:

7df47b6 (diff), a8364ee (diff)
Note: this is a merge changeset, the changes displayed below correspond to the merge itself.
Use the (diff) links above to see all the changes relative to each parent.

Message:

Merge remote-tracking branch 'origin/main' into feature/playlists

File:

• src/assets/js/mod/news.js (modified) (4 diffs)

src/assets/js/mod/news.js

@@ -6 +6 @@
 
 import { pageData } from './lib.js';
+
+// De twee gedelegeerde blokken dragen een window-vlag en zijn bij een tweede
+// init een no-op; de twee SCANNERS (gif-video's, lees-meer) moeten juist wel
+// elke render opnieuw over de verse elementen lopen (shaer-5s1). Element-
+// vlaggen (data-gif-wired, data-rm) houden dubbel bedraden tegen.
+export function init() { run(); }
+
+function run() {
 
   (function () {
@@ -77 +85 @@
 /* Short feed videos (gif/cover loops like an animated cover) autoplay + loop muted like a GIF;
    longer real videos keep their controls. Decided on the actual duration once metadata loads. */
-(function(){
-  document.querySelectorAll('.tl-media-video').forEach(function(v){
-    if (v.dataset.gifWired) return; v.dataset.gifWired = '1';
-    var decide = function(){
-      if (v.duration && v.duration <= 30) {
-        v.removeAttribute('controls'); v.loop = true; v.muted = true; v.play().catch(function(){});
-      }
-    };
-    if (v.readyState >= 1) decide(); else v.addEventListener('loadedmetadata', decide, { once: true });
-  });
-})();
+wireGifVideos();
 
 /* Like/Boost toggle in place — POST via fetch, flip the button, stay on the page (no reload, no banner). */
@@ -113 +111 @@
 // actually overflows. Runs on every /news render (full load + htmx swap); a per-element flag
 // prevents double-wiring.
-(function(){
+wireReadMore();
+}
+
+/* Short feed videos: zie de opmerking bij de aanroep in run(). */
+function wireGifVideos(){
+  document.querySelectorAll('.tl-media-video').forEach(function(v){
+    if (v.dataset.gifWired) return; v.dataset.gifWired = '1';
+    var decide = function(){
+      if (v.duration && v.duration <= 30) {
+        v.removeAttribute('controls'); v.loop = true; v.muted = true; v.play().catch(function(){});
+      }
+    };
+    if (v.readyState >= 1) decide(); else v.addEventListener('loadedmetadata', decide, { once: true });
+  });
+}
+
+function wireReadMore(){
   var _d = pageData(); var RM = _d.readMore || 'Lees meer', SL = _d.showLess || 'Toon minder';
   document.querySelectorAll('.tl-content:not(.nsfw-media):not([data-rm])').forEach(function(c){
@@ -127 +141 @@
     }
   });
-})();
+}
+
+// Paginering: items die de feed later binnenhaalt zouden de scanners missen --
+// init() draait per NAVIGATIE, en een pagineer-swap is er geen. Een keer,
+// gedelegeerd; op andere pagina's vinden de scanners niets en doen ze niets.
+document.body.addEventListener('htmx:afterSettle', function () { wireGifVideos(); wireReadMore(); });