source: Klonkt/src/views/partials/note-body.ejs@ a66266d

main
Last change on this file since a66266d was d9ad6c5, checked in by Robin Genis <roboburr@…>, 6 weeks ago

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@…>
  • Property mode set to 100644
File size: 3.0 KB
RevLine 
[d9ad6c5]1<%
2 /* The body of a post, rendered the same way wherever a post shows up: de
3 Krant, Berichten and the Guardian PWA. Takes `nb` with the column names an
4 ap_timeline row uses (content, emoji_json, media_json, quote_json,
5 embed_json, nsfw, cw); ap_mentions and ap_interactions carry the same names
6 so a mention or a reply can be handed straight to it.
7
8 Krant-only trimmings (the boost byline, polls, the audio player iframe, the
9 action bar) stay in tl-item: they are about the feed, not about the post. */
10 var _m = []; try { _m = JSON.parse(nb.media_json || '[]'); } catch (e) { _m = []; }
11 var _imgs = _m.filter(function (m) { return m && m.url && (!m.type || /^image\//.test(m.type)); });
12 var _vids = _m.filter(function (m) { return m && m.url && m.type && /^video\//.test(m.type); });
13 var _auds = _m.filter(function (m) { return m && m.url && m.type && /^audio\//.test(m.type); });
14 var _hasVisual = _imgs.length || _vids.length || _auds.length;
15 var _nsfwVisual = !!nb.nsfw && _hasVisual;
16 var _nsfwText = !!nb.nsfw && !_hasVisual;
17 // One card for both: a fediverse quote and an external link preview look
18 // identical; only where they came from differs. An embed carries a title and
19 // a thumbnail, never an iframe.
20 var _quote = noteQuote(nb.quote_json);
21 if (!_quote) {
22 var _emb = noteQuote(nb.embed_json);
23 // The title comes from a third-party oEmbed provider, so it is escaped
24 // here: the quote card renders `content` as HTML (fine for AP content,
25 // which we sanitise on the way in, but not for this).
26 if (_emb) _quote = { url: _emb.url, author: _emb.author || (_emb.provider ? { name: _emb.provider } : null),
27 content: _emb.title ? ('<p>' + emojiName(_emb.title, null) + '</p>') : '', media: _emb.media || [] };
28 }
29 var _noAudio = !!nb.suppressAudio; // the Klonkt player iframe already covers these tracks
30%>
31<% if (_nsfwText) { %>
32 <div class="tl-content nsfw-media"><span class="nsfw-veil"><%- include('../partials/nsfw-veil', { cw: nb.cw }) %></span><%- emojiHtml(nb.content, nb.emoji_json) %></div>
33<% } else { %>
34 <div class="tl-content"><%- emojiHtml(nb.content, nb.emoji_json) %></div>
35<% } %>
36<% if (_quote) { %><%- include('../partials/quote-card', { q: _quote }) %><% } %>
37<% if (_nsfwVisual) { %><div class="nsfw-media"><% } %>
38<% if (_imgs.length) { %>
39 <div class="tl-media">
40 <% _imgs.forEach(function (m) { %>
41 <a class="tl-media-img" href="<%= m.url %>" target="_blank" rel="noopener"><img src="<%= thumb(m.url, 1280) %>" alt="" loading="lazy" decoding="async"></a>
42 <% }); %>
43 </div>
44<% } %>
45<% _vids.forEach(function (m) { %><video class="tl-media-video" src="<%= m.url %>" poster="<%= thumb(m.url, 1280) %>" controls preload="metadata" playsinline></video><% }); %>
46<% if (!_noAudio) { _auds.forEach(function (m) { %><audio class="tl-media-audio" src="<%= m.url %>" controls preload="none"></audio><% }); } %>
47<% if (_nsfwVisual) { %><div class="nsfw-veil"><%- include('../partials/nsfw-veil', { cw: nb.cw }) %></div></div><% } %>
Note: See TracBrowser for help on using the repository browser.