Changeset d22b55c in Klonkt for src/views/pages/post.ejs

Timestamp:

06/26/2026 04:10:22 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

781d613

Parents:

84903a1

Message:

feat(fedi): Bandcamp+Apple Music embeds in feed, server autofill, NL/DE Newspaper label

• timelineEmbedHtml now also embeds Bandcamp + Apple Music (all 6 external providers + Klonkt now embed inline in the feed).
• The 'interact via the fediverse' popover remembers your server (localStorage) and suggests common Mastodon servers (datalist); prefilled + selected on open.
• Newspaper label localised: NL 'Krant', DE 'Zeitung', EN 'Newspaper'.

File:

• src/views/pages/post.ejs (modified) (2 diffs)

src/views/pages/post.ejs

@@ -109 +109 @@
     function go(raw, uri){
       var d = (raw||'').trim().replace(/^@?[^@\s]*@/, '').replace(/^https?:\/\//i, '').replace(/\/.*$/, '').trim();
-      if (d) location.href = 'https://' + d + '/authorize_interaction?uri=' + encodeURIComponent(uri||'');
+      if (d) { try { localStorage.setItem('pcmsFediServer', d); } catch(e){} location.href = 'https://' + d + '/authorize_interaction?uri=' + encodeURIComponent(uri||''); }
     }
     function place(f, b){
@@ -127 +127 @@
         f.className = 'fedi-remote-form';
         f.dataset.uri = b.getAttribute('data-fedi-uri') || '';
-        f.innerHTML = '<input type="text" autocomplete="off" spellcheck="false">'
+        f.innerHTML = '<input type="text" name="fediserver" autocomplete="on" list="pcms-fedi-srv" spellcheck="false">'
           + '<button type="submit" class="btn btn-primary fedi-remote-go" aria-label="ok">&rarr;</button>'
-          + '<button type="button" class="fedi-remote-cancel" aria-label="x">&times;</button>';
-        f.querySelector('input').placeholder = b.getAttribute('data-fedi-ph') || 'mastodon.social';
+          + '<button type="button" class="fedi-remote-cancel" aria-label="x">&times;</button>'
+          + '<datalist id="pcms-fedi-srv"><option value="mastodon.social"></option><option value="mastodon.online"></option><option value="mas.to"></option><option value="fosstodon.org"></option><option value="hachyderm.io"></option></datalist>';
+        var _inp = f.querySelector('input');
+        _inp.placeholder = b.getAttribute('data-fedi-ph') || 'mastodon.social';
+        try { var _sv = localStorage.getItem('pcmsFediServer'); if (_sv) _inp.value = _sv; } catch(e){}
         document.body.appendChild(f);            // floating popover → no layout reflow
         place(f, b); current = f; currentBtn = b;
-        f.querySelector('input').focus();
+        _inp.focus(); _inp.select();
         return;
       }