Changeset 99a7b40 in Klonkt for src/assets/js/guardian.js

Timestamp:

08/06/2026 06:54:05 AM (5 weeks ago)

Author:

Claude (agent) <aiclaude@…>

Branches:

main

Children:

189e335

Parents:

971d00b

git-author:

Robin <roboburr@…> (08/06/2026 06:54:04 AM)

git-committer:

Claude (agent) <aiclaude@…> (08/06/2026 06:54:05 AM)

Message:

Guardian-PWA: ward-posts renderen als in de Krant

De PWA had het al half: een hulpvraag ging door renderNoteBody, de gedeelde
note-body-partial, en kwam dus compleet binnen. De feed met posts van je wards
niet -- die kreeg alleen kale content en een losse media-array, dus een
guardian zag een lege regel waar een foto stond, geen quote-kaart, geen embed en
geen custom emoji. Precies de post die je als guardian wilt kunnen beoordelen.

/api/feed geeft nu body_html mee, dezelfde partial als de Krant en Berichten.
content blijft ernaast staan zodat een client die nog uit de cache draait niet
op een leeg blok uitkomt.

De content warning blijft nadrukkelijk van de PWA zelf. note-body versluiert
alleen bij nsfw, terwijl de PWA elke cw dichtklapt -- strenger, en dat hoort hier
ook: dit is de app waarmee iemand meekijkt met een kind. body_html gaat dus
BINNEN de bestaande details, niet in de plaats ervan.

Overige oppervlakken nagelopen: de publieke post-thread en het C2S-pad naar de
Shaer-apps vertaalden attachments al, dus daar was niets te doen.

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

File:

• src/assets/js/guardian.js (modified) (1 diff)

src/assets/js/guardian.js

@@ -553 +553 @@
     card.appendChild(head);
     var body = el('div', 'feed-body');
+    // body_html is de gedeelde note-body-partial, serverside gerenderd: opmaak,
+    // media, quote-kaart en embed, precies als in de Krant en in Berichten.
+    // Valt terug op de kale content voor een client uit de cache.
+    var html = p.body_html || p.content || '';
     if (p.cw) {
+      // De content warning blijft van de PWA zelf: note-body versluiert alleen
+      // bij nsfw, en een ward-post met alleen een cw hoort hier dicht te staan.
       var d = document.createElement('details');
       var sum = document.createElement('summary'); sum.textContent = p.cw; d.appendChild(sum);
-      var inner = el('div'); inner.innerHTML = p.content || ''; d.appendChild(inner);
+      var inner = el('div'); inner.innerHTML = html; d.appendChild(inner);
       body.appendChild(d);
     } else {
-      body.innerHTML = p.content || '';   // server-sanitized HTML (same as Berichten)
+      body.innerHTML = html;   // server-sanitized HTML (same as Berichten)
     }
     card.appendChild(body);