Changeset e91849c in Klonkt

Timestamp:

06/25/2026 10:21:29 PM (3 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

67fe576

Parents:

2902320

Message:

ux(fedi): owner replies to a fediverse comment directly (no 'your server' detour)

On your own site, the reply button under an inbound fediverse comment showed
the visitor flow (asks for 'your server' and bounces to authorize_interaction).
For the site owner that is pointless — you ARE the server. Owners now get an
inline reply box that posts straight to /posts/:slug/fedi-reply (deliverReply as
the site); visitors keep the remote-interaction popover. Exposes the interaction
id on inbound nodes + threads postSlug through fedi-node.

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

Location:

src

Files:

• services/ActivityPubService.js (modified) (1 diff)
• views/pages/post.ejs (modified) (2 diffs)
• views/partials/fedi-node.ejs (modified) (3 diffs)

src/services/ActivityPubService.js

@@ -410 +410 @@
     if (r.kind !== 'reply') continue;
     nodes.push({
-      noteId: r.object_uri, parent: r.parent_uri || null, mine: false,
+      noteId: r.object_uri, parent: r.parent_uri || null, mine: false, id: r.id,
       actor_name: r.actor_name, actor_handle: r.actor_handle, actor_url: r.actor_url,
       actor_icon: r.actor_icon, content: r.content, created_at: r.published || r.created_at,

src/views/pages/post.ejs

@@ -90 +90 @@
         <ol class="comments-list">
           <% _fedi.thread.forEach(function(n){ %>
-            <li class="comment"><%- include('../partials/fedi-node', { n: n, t: t, canManageSite: (typeof canManageSite !== 'undefined' ? canManageSite : false), _base: _base, siteAvatar: (typeof siteAvatar !== 'undefined' ? siteAvatar : null), formatDateTime: formatDateTime }) %></li>
+            <li class="comment"><%- include('../partials/fedi-node', { n: n, t: t, canManageSite: (typeof canManageSite !== 'undefined' ? canManageSite : false), _base: _base, siteAvatar: (typeof siteAvatar !== 'undefined' ? siteAvatar : null), formatDateTime: formatDateTime, postSlug: post.slug }) %></li>
           <% }); %>
         </ol>
@@ -360 +360 @@
    otherwise override the [hidden] attribute → form was always open. */
 .comment-reply-form[hidden] { display: none; }
+.fedi-owner-reply summary { list-style: none; cursor: pointer; }
+.fedi-owner-reply summary::-webkit-details-marker { display: none; }
+.fedi-owner-reply[open] summary { margin-bottom: .45rem; }
 /* DELETE button is inside a <form>; display:contents makes it a direct flex-sibling
    of REPLY → pixel-perfect alignment + equal gap. */

src/views/partials/fedi-node.ejs

@@ -1 @@
-<%# Renders one fediverse thread node (n). Expects: n, t, canManageSite, _base, siteAvatar, formatDateTime %>
+<%# Renders one fediverse thread node (n). Expects: n, t, canManageSite, _base, siteAvatar, formatDateTime, postSlug %>
 <div class="comment-avatar">
   <% if (n.actor_icon) { %><img src="<%= n.actor_icon %>" alt="" loading="lazy">
@@ -17 +17 @@
         <button type="submit" class="comment-delete-btn"><%= t('comments.delete') %></button>
       </form>
+    <% } else if (!n.mine && typeof canManageSite !== 'undefined' && canManageSite && n.id && typeof postSlug !== 'undefined' && postSlug) { %>
+      <%# Owner: reply directly AS the site — no "your server" detour (it's your own site). %>
+      <details class="fedi-owner-reply">
+        <summary class="comment-reply-btn">
+          <svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
+          <%= t('fedi.remote_reply_short') %>
+        </summary>
+        <form method="post" action="<%= _base %>/posts/<%= postSlug %>/fedi-reply" class="comment-reply-form">
+          <input type="hidden" name="interaction_id" value="<%= n.id %>">
+          <textarea name="text" rows="2" required placeholder="<%= t('fedi.reply_ph') %>"></textarea>
+          <div class="comment-reply-form-actions">
+            <button type="submit" class="btn"><%= t('fedi.send') %></button>
+          </div>
+        </form>
+      </details>
     <% } else if (!n.mine && n.noteId) { %>
       <button type="button" class="comment-reply-btn fedi-remote-reply-btn" data-fedi-uri="<%= n.noteId %>" data-fedi-ph="<%= t('fedi.remote_ph') %>">
@@ -27 +42 @@
     <ol class="comment-replies">
       <% n.children.forEach(function(c){ %>
-        <li class="comment comment-reply"><%- include('../partials/fedi-node', { n: c, t: t, canManageSite: (typeof canManageSite !== 'undefined' ? canManageSite : false), _base: _base, siteAvatar: (typeof siteAvatar !== 'undefined' ? siteAvatar : null), formatDateTime: formatDateTime }) %></li>
+        <li class="comment comment-reply"><%- include('../partials/fedi-node', { n: c, t: t, canManageSite: (typeof canManageSite !== 'undefined' ? canManageSite : false), _base: _base, siteAvatar: (typeof siteAvatar !== 'undefined' ? siteAvatar : null), formatDateTime: formatDateTime, postSlug: (typeof postSlug !== 'undefined' ? postSlug : null) }) %></li>
       <% }); %>
     </ol>