Changeset d9ad6c5 in Klonkt for src/views/partials/tl-item.ejs


Ignore:
Timestamp:
07/28/2026 06:17:36 PM (6 weeks ago)
Author:
Robin Genis <roboburr@…>
Branches:
main
Children:
a7bcf66
Parents:
2708282
Message:

Een hulpvraag hoort in Berichten, niet in de Krant

Een 🛟 van een ward kwam bij de guardian op twee plekken binnen: als mention in
Berichten en de Guardian PWA, maar ook als gewone post in de Krant. Op
sound-fabrics.com stonden vijf van de zes hulpvragen in allebei.

De oorzaak zat in de inbox: de tijdlijn-insert vroeg alleen "is dit een
top-level post van iemand die ik volg" en keek niet naar wie de post geadresseerd
was. Dat is nu belongsInTimeline: een directe note is aan iemand persoonlijk
gericht, dus een bericht en geen post. Dat dekt meteen de wave en de gewone DM,
die om dezelfde reden in de Krant terechtkwamen. De self-heal ruimt de al
opgeslagen exemplaren op, beperkt tot de twee soorten die achteraf nog te
herkennen zijn; een publieke mention van iemand die je volgt is wel een post en
blijft staan.

Tweede helft: de weergave gelijkgetrokken. De Krant rendert een post met
emoji's, een quote- of linkkaart en de media; Berichten liet daar niks van zien
(zelfs de shortcodes bleven staan, want ap_mentions had geen emoji_json) en de
Guardian PWA plakte de kale content in een div. Die opmaak zat bovendien in de
<style> van de Krant zelf, dus een post buiten de Krant kwam sowieso ongestyled
binnen.

Nu is er één partial, note-body, met de opmaak in shared-styles ernaast. Alle
drie de oppervlakken gebruiken hem: de PWA bouwt zijn kaarten in de browser en
krijgt de body server-side gerenderd mee. ap_mentions en ap_interactions kregen
de kolommen die daarvoor nodig zijn, gevuld bij binnenkomst, met de quote- of
linkkaart out of band zoals de tijdlijn dat al deed.

En passant: de embed-gate stond alleen op de C2S-read, dus een ward zag in de
web-Krant nog steeds linkvoorbeelden die de guardians hadden uitgezet. Die gate
zit nu ook op /news en /messages.

Changed files:
src/services/ActivityPubService.js

  • belongsInTimeline: een directe note is geen tijdlijn-post
  • self-heal v21 verwijdert al opgeslagen hulpvragen en waves uit ap_timeline
  • resolveCard: quote of linkvoorbeeld, één kaart, out of band opgelost
  • mentions en replies slaan emoji's, media en die kaart op
  • getNotifications geeft die kolommen door aan Berichten

src/config/database.js

  • kolommen op ap_mentions en ap_interactions voor emoji's, media, quote, embed

src/middleware/render.js

  • renderNoteBody: dezelfde partial als string, voor niet-EJS oppervlakken

src/routes/posts.js

  • gateEmbeds op /news en /messages (FEP-633c gated feature)

src/routes/guardian.js

  • hulpvragen krijgen body_html en name_html mee

src/assets/js/guardian.js

  • kaart rendert die body in plaats van de kale content

src/assets/css/guardian.css

  • opmaak voor de gedeelde post-body in de kleuren van de PWA

src/views/partials/tl-item.ejs

  • body vervangen door de gedeelde partial

src/views/partials/msg-item.ejs

  • idem, plus een 🛟-markering bij een hulpvraag

src/views/partials/shared-styles.ejs

  • .tl-content, .tl-quote* en .tl-media* hierheen verhuisd

src/views/pages/news.ejs

  • die regels weggehaald, alleen Krant-eigen opmaak blijft

src/services/i18n.js

  • msg.help_request in nl, en, de

New file:
src/views/partials/note-body.ejs

  • de body van een post: content, quote/linkkaart, media

test/help-request-timeline.test.js

  • een 🛟 blijft uit de Krant en in Berichten

test/note-body-shared.test.js

  • één renderer, en beide views gaan er doorheen

remarks: geverifieerd op een wegwerp-database in de browser: de hulpvraag
verdwijnt bij het opstarten uit de Krant en staat mét quote en capture in
Berichten en de PWA. Nog niet uitgerold.

-robo
Co-Authored-By: Claude Opus 4.8 <noreply@…>

File:
1 edited

Legend:

Unmodified
Added
Removed

  • src/views/partials/tl-item.ejs

    r2708282 rd9ad6c5  
    1010          </div>
    1111
    12           <%
    13             var media = []; try { media = JSON.parse(p.media_json || '[]'); } catch (e) { media = []; }
    14             var imgs = media.filter(function(m){ return m && m.url && (!m.type || /^image\//.test(m.type)); });
    15             var vids = media.filter(function(m){ return m && m.url && m.type && /^video\//.test(m.type); });
    16             var auds = media.filter(function(m){ return m && m.url && m.type && /^audio\//.test(m.type); });
    17             var _nsfwVisual = !!p.nsfw && (imgs.length || vids.length || auds.length);
    18             var _nsfwText = !!p.nsfw && !(imgs.length || vids.length || auds.length);
    19           %>
    20           <% if (_nsfwText) { %>
    21             <div class="tl-content nsfw-media"><span class="nsfw-veil"><%- include('../partials/nsfw-veil', { cw: p.cw }) %></span><%- emojiHtml(p.content, p.emoji_json) %></div>
    22           <% } else { %>
    23             <div class="tl-content"><%- emojiHtml(p.content, p.emoji_json) %></div>
    24           <% } %>
    25           <%
    26             // One card for both: a fediverse quote and an external embed look
    27             // identical; only where they came from differs. An embed carries a
    28             // title and a thumbnail, never an iframe.
    29             var _quote = noteQuote(p.quote_json);
    30             if (!_quote) {
    31               var _emb = noteQuote(p.embed_json);
    32               // The title comes from a third-party oEmbed provider, so it is
    33               // escaped here: the quote card renders `content` as HTML (fine for
    34               // AP content, which we sanitise on the way in, but not for this).
    35               if (_emb) _quote = { url: _emb.url, author: _emb.author || (_emb.provider ? { name: _emb.provider } : null),
    36                                    content: _emb.title ? ('<p>' + emojiName(_emb.title, null) + '</p>') : '', media: _emb.media || [] };
    37             }
    38           %>
    39           <% if (_quote) { %><%- include('../partials/quote-card', { q: _quote }) %><% } %>
    40           <% if (_nsfwVisual) { %><div class="nsfw-media"><% } %>
    41           <% if (imgs.length) { %>
    42             <div class="tl-media">
    43               <% imgs.forEach(function(m){ %>
    44                 <a class="tl-media-img" href="<%= m.url %>" target="_blank" rel="noopener"><img src="<%= thumb(m.url, 1280) %>" alt="" loading="lazy" decoding="async"></a>
    45               <% }); %>
    46             </div>
    47           <% } %>
    48           <% vids.forEach(function(m){ %><video class="tl-media-video" src="<%= m.url %>" poster="<%= thumb(m.url, 1280) %>" controls preload="metadata" playsinline></video><% }); %>
    49           <% /* A Klonkt audio post carries an embed player (embedHtml/embedUrl) that already
    50                 covers these tracks, so don't ALSO render the raw Audio attachments as bare
    51                 players here. Posts without a Klonkt embed (e.g. a plain remote audio) keep them. */ %>
    52           <% if (!p.embedHtml && !p.embedUrl) { auds.forEach(function(m){ %><audio class="tl-media-audio" src="<%= m.url %>" controls preload="none"></audio><% }); } %>
    53           <% if (_nsfwVisual) { %><div class="nsfw-veil"><%- include('../partials/nsfw-veil', { cw: p.cw }) %></div></div><% } %>
     12          <% /* Content, quote/preview card and media: shared with Berichten and the
     13                Guardian PWA so a post looks the same wherever it turns up.
     14                suppressAudio: a Klonkt audio post carries an embed player below
     15                that already covers these tracks, so don't ALSO render the raw
     16                Audio attachments as bare players. */ %>
     17          <%- include('../partials/note-body', { nb: Object.assign({}, p, { suppressAudio: !!(p.embedHtml || p.embedUrl) }) }) %>
    5418
    5519          <% if (p.embedHtml) { %><div class="tl-embed"><%- p.embedHtml %></div><% } %>
Note: See TracChangeset for help on using the changeset viewer.