Changeset 3d7312a in Klonkt

Timestamp:

06/24/2026 12:44:21 PM (3 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

594cc50

Parents:

82079ad

Message:

feat(activitypub): remote interaction — reply to any fediverse post from your own server

Standard 'reply from your own server' flow: every post page has a 'Reply via the
fediverse' button that bounces the visitor to their home server's
/authorize_interaction?uri=. Klonkt implements that endpoint: the site owner
composes a reply that's resolved (resolveRemoteNote) + federated back to the
remote post as the site actor. Works Klonkt<->Klonkt and with Mastodon.

Co-Authored-By: Claude <noreply@…>

Location:

src

Files:

• assets/css/style.css (modified) (1 diff)
• routes/posts.js (modified) (2 diffs)
• services/ActivityPubService.js (modified) (1 diff)
• services/i18n.js (modified) (3 diffs)
• views/pages/authorize-interaction.ejs (added)
• views/pages/post.ejs (modified) (1 diff)
• views/shell.ejs (modified) (1 diff)

src/assets/css/style.css

@@ -4417 +4417 @@
 .post-fediverse .fedi-reply-toggle::-webkit-details-marker { display: none; }
 .post-fediverse details[open] .fedi-reply-toggle { margin-bottom: .5rem; }
+
+/* Reply-via-fediverse CTA on post pages */
+.post-fediverse-cta { margin: 1.75rem 0; }
+.fedi-remote-reply-btn { display: inline-flex; align-items: center; gap: .4rem; }

src/routes/posts.js

@@ -86 +86 @@
   'tag', 'type', 'user', 'users', 'artiesten', 'leden', 'favorieten', 'feed.xml', 'atom.xml', 'sitemap.xml',
   'manifest.webmanifest', 'sw.js', 'favicon.ico', 'favicon.svg', 'assets',
+  'authorize_interaction',
 ]);
 
@@ -509 +510 @@
   return { newerPost, olderPost };
 }
+
+// ==================== REMOTE INTERACTION (reply to a fediverse post as your site) ====================
+// Standard fediverse "reply from your own server" landing endpoint. A post page
+// elsewhere bounces the visitor here with ?uri=<remote post>; the site owner
+// composes a reply that federates back to that post.
+router.get('/authorize_interaction', requireSiteManager, async (req, res) => {
+  const site = res.locals.site;
+  const uri = (req.query.uri || '').toString();
+  let target = null;
+  try { target = await ActivityPubService.resolveRemoteNote(uri); } catch { /* ignore */ }
+  renderPage(req, res, 'pages/authorize-interaction', {
+    pageTitle: 'Reageer via de fediverse',
+    bodyClass: 'on-special',
+    uri,
+    target,
+    siteTitle: site ? site.title : '',
+  });
+});
+
+router.post('/authorize_interaction', requireSiteManager, async (req, res) => {
+  const site = res.locals.site;
+  const uri = (req.body.uri || '').toString();
+  const text = (req.body.text || '').toString();
+  if (site && uri && text.trim()) {
+    try {
+      const parent = await ActivityPubService.resolveRemoteNote(uri);
+      if (parent) await ActivityPubService.deliverReply(site, { postId: '', postSlug: null, parent, text });
+    } catch (e) { console.warn('[AP] remote reply failed:', e.message); }
+  }
+  // Send them to the post they replied to so they can see the thread.
+  res.redirect(uri && /^https?:\/\//i.test(uri) ? uri : (res.locals.siteUrlBase || '/'));
+});
 
 // ==================== VIEW POST (last route — catches /:slug) ====================

src/services/ActivityPubService.js

@@ -477 +477 @@
 }
 
+// Resolve a remote post URL (any fediverse/Klonkt post) into a reply target.
+// Returns a parent-shaped object usable by deliverReply(), or null.
+export async function resolveRemoteNote(url) {
+  if (!/^https?:\/\//i.test(String(url || ''))) return null;
+  const note = await fetchActor(url).catch(() => null); // AP GET (content-negotiates)
+  if (!note || !note.id) return null;
+  const att = note.attributedTo;
+  const actorUri = typeof att === 'string' ? att : (att && att.id);
+  if (!actorUri) return null;
+  const actor = await fetchActor(actorUri).catch(() => null);
+  const ai = actorInfo(actor, actorUri);
+  return {
+    object_uri: note.id,
+    actor_uri: actorUri,
+    actor_url: ai.url,
+    actor_handle: ai.handle,
+    actor_name: ai.name,
+    actor_icon: ai.icon,
+    preview: HtmlSanitizerService.toPlainText(note.content || '').slice(0, 240),
+  };
+}
+
 export default {
   getOrCreateKeys, apWants, sendAP, actorId, noteId,
   buildActor, buildNote, buildCreate, buildOutbox, buildFollowers,
   followerCount, deliver, fetchActor, verifyRequest, handleInbox, deliverCreate, deliverDelete,
-  getInteractions, getInteractionById, buildReplyNote, getOutboxNote, deliverReply,
+  getInteractions, getInteractionById, buildReplyNote, getOutboxNote, deliverReply, resolveRemoteNote,
 };

src/services/i18n.js

@@ -109 +109 @@
     'fedi.heading': 'Vanuit de fediverse', 'fedi.likes': 'sterren', 'fedi.boosts': 'boosts', 'fedi.replies': 'Reacties uit de fediverse',
     'fedi.reply': 'Reageer', 'fedi.reply_ph': 'Je antwoord aan de fediverse…', 'fedi.send': 'Versturen', 'fedi.you': 'Jij',
+    'fedi.remote_title': 'Reageer via de fediverse', 'fedi.remote_reply': 'Reageer via de fediverse', 'fedi.remote_prompt': 'Je fediverse-adres (bv. @jij@mastodon.social):', 'fedi.remote_notfound': 'Kon die post niet ophalen. Plak de volledige post-URL:', 'fedi.remote_load': 'Ophalen', 'fedi.remote_replying_to': 'Je reageert op', 'fedi.remote_as': 'Wordt verzonden als {site}.',
     'comments.to_start': 'om de conversatie te starten.',
     'comments.reply': 'Reageer', 'comments.delete': 'Verwijder', 'comments.cancel': 'Annuleren',
@@ -1103 +1104 @@
     'fedi.heading': 'From the fediverse', 'fedi.likes': 'favourites', 'fedi.boosts': 'boosts', 'fedi.replies': 'Replies from the fediverse',
     'fedi.reply': 'Reply', 'fedi.reply_ph': 'Your reply to the fediverse…', 'fedi.send': 'Send', 'fedi.you': 'You',
+    'fedi.remote_title': 'Reply via the fediverse', 'fedi.remote_reply': 'Reply via the fediverse', 'fedi.remote_prompt': 'Your fediverse address (e.g. @you@mastodon.social):', 'fedi.remote_notfound': 'Could not fetch that post. Paste the full post URL:', 'fedi.remote_load': 'Fetch', 'fedi.remote_replying_to': 'Replying to', 'fedi.remote_as': 'Sent as {site}.',
     'comments.to_start': 'to start the conversation.',
     'comments.reply': 'Reply', 'comments.delete': 'Delete', 'comments.cancel': 'Cancel',
@@ -2095 +2097 @@
     'fedi.heading': 'Aus dem Fediverse', 'fedi.likes': 'Favoriten', 'fedi.boosts': 'Boosts', 'fedi.replies': 'Antworten aus dem Fediverse',
     'fedi.reply': 'Antworten', 'fedi.reply_ph': 'Deine Antwort an das Fediverse…', 'fedi.send': 'Senden', 'fedi.you': 'Du',
+    'fedi.remote_title': 'Über das Fediverse antworten', 'fedi.remote_reply': 'Über das Fediverse antworten', 'fedi.remote_prompt': 'Deine Fediverse-Adresse (z.B. @du@mastodon.social):', 'fedi.remote_notfound': 'Beitrag konnte nicht geladen werden. Füge die vollständige Beitrags-URL ein:', 'fedi.remote_load': 'Laden', 'fedi.remote_replying_to': 'Antwort an', 'fedi.remote_as': 'Wird als {site} gesendet.',
     'comments.to_start': 'um das Gespräch zu starten.',
     'comments.reply': 'Antworten', 'comments.delete': 'Löschen', 'comments.cancel': 'Abbrechen',

src/views/pages/post.ejs

@@ -135 +135 @@
     </section>
   <% } %>
+
+  <!-- Reply via the fediverse (remote interaction: bounces to the visitor's own server) -->
+  <% var _postAbsUrl = (typeof ogOrigin !== 'undefined' && ogOrigin ? ogOrigin : '') + (typeof _base !== 'undefined' && _base ? _base : '') + '/' + post.slug; %>
+  <div class="post-fediverse-cta">
+    <button type="button" class="btn fedi-remote-reply-btn"
+      onclick="(function(){var d=prompt(<%- JSON.stringify(t('fedi.remote_prompt')) %>);if(!d)return;d=d.trim().replace(/^@?[^@\s]*@/,'').replace(/^https?:\/\//i,'').replace(/\/.*$/,'').trim();if(d)location.href='https://'+d+'/authorize_interaction?uri='+encodeURIComponent(<%- JSON.stringify(_postAbsUrl) %>);})()">
+      🐘 <%= t('fedi.remote_reply') %>
+    </button>
+  </div>
 
   <!-- Comments -->

src/views/shell.ejs

@@ -175 +175 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=38">
+<link rel="stylesheet" href="/assets/css/style.css?v=39">
 
 <!-- Audio player styles: loaded on every page so the mini-player works