Changeset 2086ea2 in Klonkt for test

Timestamp:

08/12/2026 09:16:09 PM (3 months ago)

Author:

Robin <roboburr@…>

Children:

39dab6b

Parents:

5412cbb

Message:

Ward-PWA: de composer met media

Schrijven met foto, geluid of video, in de browser.

DEZELFDE POORT ALS DE APP, en dat is de kern. De composer bouwt precies
de AS2 Create die Shaer over C2S stuurt en geeft die aan
ingestOutboxActivity: die doet de compose-poort (par. 5), de
attachment-validatie en de zichtbaarheid. GEEN eigen posting-pad, want
dan zou de web-ward een sluiproute om de guardians heen zijn. Een test
bewaakt precies dat: een gated ward wordt ook via de browser
tegengehouden.

Media gaan eerst apart naar /ward/api/upload, in DEZELFDE bak als de
app (reply-media), zodat een foto van een app-ward en een browser-ward
niet van twee plekken federeert. De server maakt de rest af zoals altijd:
posterframe voor video, waveform voor audio. De post draagt daarna alleen
de url, dus de payload blijft klein.

Sessie-geauthenticeerd, niet met een bearer: /ward draait op je eigen
ingelogde Klonkt, dus de browser heeft geen token nodig zoals de app.

New file: (geen)
Changed files:
src/routes/ward.js

• /api/upload: sessie-geauthenticeerd, zelfde filters/map als C2S
• /api/post: bouwt de AS2 Create, door ingestOutboxActivity

src/views/pages/ward.ejs

• schrijfknop, composer-dialoog met tekst, media en zichtbaarheid

src/assets/js/ward.js

• upload-per-bestand, media-chips, plaatsen; opruiming van een dubbel geraakte doc-comment

src/assets/css/ward.css

• composer, media-chips, tools

src/services/i18n.js

• twaalf sleutels in nl, en, de

test/ward-pwa.test.js

• de gate geldt ook in de browser; een vrij account plaatst met media; leeg wordt geweigerd; een vreemde kan niet uploaden

remarks: 903 tests groen. Opnemen van audio/video in de browser zelf
(MediaRecorder) is nog niet gebouwd; nu kies je een bestand. Bead volgt.

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

File:

• test/ward-pwa.test.js (modified) (1 diff)

test/ward-pwa.test.js

@@ -247 +247 @@
   } finally { server.close(); }
 });
+
+test('de compose-poort geldt ook voor de web-ward', async () => {
+  // mee IS een ward (heeft guardians), dus compose is gated. De web-composer
+  // gaat door DEZELFDE poort als de app (ingestOutboxActivity), dus hij wordt
+  // net zo tegengehouden. Zonder deze gelijkheid zou de browser een sluiproute
+  // om de guardians heen zijn.
+  const { server, port } = await listen(appWith({ user: { id: 'u1' } }));
+  try {
+    const r = await fetch(`http://127.0.0.1:${port}/ward/api/post`, {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ text: 'mag dit', visibility: 'friends' }),
+    });
+    assert.equal(r.status, 403);
+    assert.equal((await r.json()).error, 'gated_compose');
+  } finally { server.close(); }
+});
+
+test('een niet-gated account plaatst met media', async () => {
+  // Een account ZONDER guardians is geen ward, dus compose is open. De post
+  // landt echt, met de foto eraan.
+  db.prepare('INSERT INTO users (id, username, email, password_hash, role) VALUES (?,?,?,?,?)')
+    .run('u3', 'vrij', 'v@t', 'x', 'user');
+  db.prepare('INSERT INTO sites (id, slug, title, owner_id) VALUES (?,?,?,?)')
+    .run('s3', 'vrij', 'Vrij', 'u3');
+
+  const { server, port } = await listen(appWith({ user: { id: 'u3' } }));
+  try {
+    const r = await fetch(`http://127.0.0.1:${port}/ward/api/post`, {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        text: 'kijk mijn tekening',
+        visibility: 'friends',
+        media: [{ url: '/media/reply-media/x.jpg', mediaType: 'image/jpeg', name: 'tekening.jpg' }],
+      }),
+    });
+    assert.equal(r.status, 201, JSON.stringify(await r.clone().json().catch(() => ({}))));
+    const row = db.prepare("SELECT content FROM posts WHERE site_id = 's3' ORDER BY created_at DESC LIMIT 1").get();
+    assert.ok(row, 'de post is nergens opgeslagen');
+    // De foto reist als attachment mee, niet als kale tekst.
+    assert.match(row.content, /x\.jpg|<img|video|Image/i);
+  } finally { server.close(); }
+});
+
+test('een lege post wordt geweigerd', async () => {
+  const { server, port } = await listen(appWith({ user: { id: 'u1' } }));
+  try {
+    const r = await fetch(`http://127.0.0.1:${port}/ward/api/post`, {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ text: '   ', media: [] }),
+    });
+    assert.equal(r.status, 400);
+    assert.equal((await r.json()).error, 'empty');
+  } finally { server.close(); }
+});
+
+test('een vreemde kan niet uploaden', async () => {
+  // De upload-poort moet net zo dicht zijn als de rest; anders vult iemand
+  // ongevraagd de media-map.
+  const { server, port } = await listen(appWith({}));
+  try {
+    const r = await fetch(`http://127.0.0.1:${port}/ward/api/upload`, { method: 'POST', redirect: 'manual' });
+    assert.notEqual(r.status, 201);
+  } finally { server.close(); }
+});