Changeset 2826bb97 in Klonkt for src/views/pages/authorize-interaction.ejs

Timestamp:

06/24/2026 12:52:51 PM (3 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

7f46112b

Parents:

594cc50

Message:

feat(activitypub): full post on reply page + strip audio shortcodes from federation

buildNote strips album|playlist shortcodes (they federated raw).
resolveRemoteNote returns the full sanitized content + image attachments; the
authorize_interaction compose page shows the whole post + images + a 'view full
post + comments on the source' link.

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

File:

• src/views/pages/authorize-interaction.ejs (modified) (2 diffs)

src/views/pages/authorize-interaction.ejs

@@ -14 +14 @@
       <span class="fedi-handle"><%= target.actor_handle %></span>
     </p>
-    <% if (target.preview) { %>
-      <blockquote class="auth-interact-preview"><%= target.preview %></blockquote>
-    <% } %>
+    <blockquote class="auth-interact-preview">
+      <% if (target.content) { %><div class="auth-interact-content"><%- target.content %></div>
+      <% } else if (target.preview) { %><%= target.preview %><% } %>
+      <% (target.images || []).forEach(function(im){ %>
+        <img class="auth-interact-img" src="<%= im %>" alt="" loading="lazy">
+      <% }); %>
+      <% if (target.url || uri) { %>
+        <p class="auth-interact-orig"><a href="<%= target.url || uri %>" target="_blank" rel="nofollow noopener"><%= t('fedi.remote_view_original') %></a></p>
+      <% } %>
+    </blockquote>
     <form method="post" action="/authorize_interaction" class="auth-interact-form">
       <input type="hidden" name="uri" value="<%= uri %>">
@@ -46 +53 @@
   .auth-interact-actions { display: flex; gap: .5rem; align-items: center; }
   .auth-interact-note { color: var(--ink-soft, #999); font-size: .85rem; margin-top: 1rem; }
+  .auth-interact-content { line-height: 1.55; }
+  .auth-interact-content p { margin: .35rem 0; }
+  .auth-interact-content p:first-child { margin-top: 0; }
+  .auth-interact-img { max-width: 100%; height: auto; border-radius: 10px; margin: .5rem 0 0; display: block; }
+  .auth-interact-orig { margin: .75rem 0 0; font-size: .85rem; }
+  .auth-interact-orig a { color: var(--accent, #06c); }
 </style>