Changeset 5218863 in Klonkt for src/routes/ward.js

Timestamp:

08/12/2026 08:25:10 PM (3 months ago)

Author:

Robin <roboburr@…>

Children:

4bb93aa

Parents:

084b046

Message:

De Ward PWA: het gesprek over de hemel, en de zwaai-hand

Plak 4. Een tik op een gezicht opent nu echt iets.

HET GESPREK is een overlay OVER de levende hemel, geen aparte pagina:
de hemel eronder blijft dezelfde draaiende instantie, en het paneel is
doorschijnend met blur, zoals de glazen bubbels in de app. Dezelfde
bron als de C2S-lezing die Shaer gebruikt (conversationHistory):
inkomend de ap_mentions, uitgaand de eigen directe notes. Openen is
lezen: markRead neemt het maximum, dus een oud toestel kan nooit iets
weer ongelezen maken. Verversen is pollen om de acht seconden zolang
het gesprek open staat; het ritme van een gesprek is geen milliseconde,
en een socket kan later zonder iets te slopen.

DE ZWAAI-HAND hangt in dezelfde hoek als de boei en ze wisselen elkaar
af met de stand: met de kaarten verdwijnt de boei, op de hemel hangt de
hand. Slepen op een gezicht opent het paneel met de drie antwoorden, en
de tekst die je kiest IS het bericht. De treffer is sky.pick(): exact
dezelfde rekensom als een tik, dus mikken gedraagt zich overal gelijk.

Changed files:
src/routes/ward.js

• /api/thread: beide kanten, cursor, markRead bij openen
• /api/message: direct bericht of zwaai (shaer:wave reist mee)

src/assets/js/ward-sky.js

• pick() als publieke mikfunctie

src/assets/js/ward.js

• thread-overlay met poll, verstuurvak, Escape sluit
• de hand: slepen, mikken, paneel, versturen

src/views/pages/ward.ejs

• thread, hand en zwaai-paneel in de schil

src/assets/css/ward.css

• doorschijnend gesprek, bubbels, hand, paneel

src/services/i18n.js

• tien sleutels in nl, en, de

test/ward-pwa.test.js

• het gesprek draagt beide kanten en de zwaai-vlag overleeft; versturen eist een echte ontvanger en echte tekst

remarks: 897 tests groen. Nog niet geport: de (+) voor een nieuw
gesprek, Friends/Orbit-panelen, de composer met media, de mini-speler
en de themakleur; beads volgen. Slepen met een echte vinger is aan
Robin op dev.

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

File:

• src/routes/ward.js (modified) (2 diffs)

src/routes/ward.js

@@ -101 +101 @@
       toCards: i18nT(L, 'ward.to_cards'),
       skyEmpty: i18nT(L, 'ward.sky_empty'),
+      handHint: i18nT(L, 'ward.hand_hint'),
+      close: i18nT(L, 'ward.close'),
+      writeHere: i18nT(L, 'ward.write_here'),
+      send: i18nT(L, 'ward.send'),
+      wave: i18nT(L, 'ward.wave'),
+      waveCall: i18nT(L, 'ward.wave_call'),
+      waveThanks: i18nT(L, 'ward.wave_thanks'),
+      notNow: i18nT(L, 'ward.not_now'),
+      waveTo: i18nT(L, 'ward.wave_to'),
     },
   };
@@ -254 +263 @@
 });
 
+/**
+ * Eén gesprek, beide kanten, nieuwste eerst, met een cursor voor "meer".
+ *
+ * Dezelfde bron als de C2S-lezing die Shaer gebruikt (conversationHistory):
+ * inkomend zijn de ap_mentions, uitgaand de eigen directe notes. De body komt
+ * af van de server, net als in de feed; de client hoeft alleen bubbels te
+ * tekenen en te weten welke kant elk bericht op wijst.
+ */
+router.get('/api/thread', requireAuth, (req, res) => {
+  const site = siteForUser(req);
+  if (!site) return res.status(404).json({ error: 'no_site' });
+  const other = String(req.query.with || '');
+  if (!/^https?:\/\//i.test(other)) return res.status(400).json({ error: 'with_must_be_actor_uri' });
+  const L = resolveLang(req);
+  const base = (process.env.PUBLIC_BASE_URL || '').replace(/\/+$/, '');
+
+  const page = AP.conversationHistory(site.slug, other, {
+    before: req.query.before ? String(req.query.before) : null,
+    limit: req.query.limit,
+  });
+  const inRefs = page.rows.filter((r) => r.direction === 'in').map((r) => r.ref);
+  const inMap = new Map(AP.messageRowsByUri(site.slug, inRefs).map((m) => [m.object_uri, m]));
+
+  const items = page.rows.map((r) => {
+    if (r.direction === 'in') {
+      const m = inMap.get(r.ref);
+      if (!m) return null;
+      return {
+        dir: 'in', id: m.object_uri,
+        whenText: formatDateTime(m.published || m.created_at),
+        bodyHtml: renderNoteBody(m, L),
+        wave: !!m.wave, help: !!m.help_request,
+      };
+    }
+    const n = AP.getOutboxNote(base, r.ref);
+    if (!n) return null;
+    return {
+      dir: 'out', id: n.id,
+      whenText: formatDateTime(n.published),
+      // Eigen notes zijn door onszelf gebouwd en gesaniteerd bij het maken.
+      bodyHtml: n.content || '',
+      wave: n['shaer:wave'] === true,
+    };
+  }).filter(Boolean);
+
+  // Openen is lezen. De markering is optellend (maximum), dus een oud toestel
+  // kan nooit iets weer ongelezen maken.
+  const nieuwsteIn = items.find((i) => i.dir === 'in');
+  if (nieuwsteIn) { try { AP.markRead(site.slug, nieuwsteIn.id); } catch { /* lezen faalt stil */ } }
+
+  res.json({ items, more: page.more, oldest: page.oldest });
+});
+
+/**
+ * Een bericht in een gesprek, of een zwaai (§5, shaer:wave).
+ *
+ * Dezelfde draad als de boei (deliverDirectNote): een direct bericht aan één
+ * persoon, nooit een post, nooit boostbaar. De wave-vlag reist mee zodat de
+ * andere kant hem als zwaai toont en niet als kale tekst.
+ */
+router.post('/api/message', requireAuth, express.json({ limit: '8kb' }), async (req, res) => {
+  const site = siteForUser(req);
+  if (!site) return res.status(404).json({ error: 'no_site' });
+  const to = String(req.body?.to || '').trim();
+  const text = String(req.body?.text || '').trim().slice(0, 2000);
+  if (!/^https?:\/\//i.test(to)) return res.status(400).json({ error: 'to_must_be_actor_uri' });
+  if (!text) return res.status(400).json({ error: 'empty' });
+
+  const sent = await Guardianship.deliverDirectNote(site, {
+    recipients: [to],
+    text,
+    language: site.language || 'nl',
+    wave: req.body?.wave === true,
+  }).catch(() => null);
+  if (!sent) return res.status(502).json({ error: 'not_delivered' });
+  res.json({ ok: true });
+});
+
 function pwaAsset(rel, type) {
   return (req, res) => {