Changeset ca0ad44 in Klonkt for src/routes/posts.js

Timestamp:

06/27/2026 09:14:55 AM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

5421ce1

Parents:

a3e0746

Message:

feat(news): surface embedUrl + a direct "open the player" link

• routes/posts.js — klonktAudioEmbed now returns embedUrl (the /embed?post=… player URL); the /news builder carries it on each post as p.embedUrl.
• views/pages/news.ejs — render a top-level "▶ Open the player" link to embedUrl, which opens the player full-page so it works even when a browser shield/CSP blocks the cross-site iframe; + CSS.
• services/i18n.js — tl.open_player (NL/EN/DE).

File:

• src/routes/posts.js (modified) (2 diffs)

src/routes/posts.js

@@ -627 +627 @@
   // Drop the now-redundant "🎵 … listen on <site>" line — the embedded player below shows it.
   const content = html.replace(/<p>🎵[\s\S]*?<\/p>\s*/i, '');
-  return { origin: u.origin, content, html: `<iframe class="tl-embed-frame tl-embed-klonkt" src="${src}" title="Audio" loading="lazy" frameborder="0" allow="autoplay; encrypted-media"></iframe>` };
+  return { origin: u.origin, embedUrl: src, content, html: `<iframe class="tl-embed-frame tl-embed-klonkt" src="${src}" title="Audio" loading="lazy" frameborder="0" allow="autoplay; encrypted-media"></iframe>` };
 }
 
@@ -636 +636 @@
     let embedHtml = timelineEmbedHtml(p.content);
     let content = p.content;
+    let embedUrl = null;
     if (!embedHtml) {
       const k = klonktAudioEmbed(p.content, p.url);
-      if (k) { embedHtml = k.html; content = k.content; cspOrigins.add(k.origin); }
+      if (k) { embedHtml = k.html; content = k.content; embedUrl = k.embedUrl; cspOrigins.add(k.origin); }
     }
-    return { ...p, content, embedHtml };
+    // embedUrl = the player's direct /embed?post=… URL. Surfaced so the view can offer a
+    // top-level "open the player" link that works even when a browser shield/CSP blocks
+    // the cross-site iframe (a full-page navigation is not a cross-site frame).
+    return { ...p, content, embedHtml, embedUrl };
   });
   // Option A: allow the followed Klonkt sites' player iframes (you follow them) by