Changeset f5cf299 in Klonkt

Timestamp:

08/18/2026 06:47:58 PM (3 weeks ago)

Author:

Bart <bart@…>

Branches:

main

Children:

9622f20

Parents:

8b65e67

git-author:

Bart <bart@…> (08/17/2026 07:42:53 PM)

git-committer:

Bart <bart@…> (08/18/2026 06:47:58 PM)

Message:

/lees: één bericht vult het scherm, met zijn buren als schildwachten

Stap 2 van de meeslepende tijdlijn. De route levert één bericht plus de twee
buren uit postNeighbors() -- dezelfde die de gewone postpagina gebruikt, zodat
"vorige" daar en hier hetzelfde betekent, gepinde berichten inbegrepen.

De schildwachten staan BINNEN het artikelblok en niet eromheen. Dat is het punt
waar dit later op zou stukgaan: staan ze erbuiten, dan wijzen ze na een
verwisseling nog naar het vorige bericht. Nu komt de hele staat uit het nieuwe
stuk en hoeft de client niets te onthouden.

?partial=1 geeft alleen het artikel, want dat is precies wat er ingeruild wordt.

Het lijf komt via postEntry(), dus een dichte poort levert hier geen tekst op --
gecontroleerd met een rooktest door de echte server: /lees, /lees/:slug, een
betaald bericht en de partial, en in alle vier staat de tweede alinea nergens in
het antwoord.

'lees' staat in de gereserveerde namen, anders overschaduwt een bericht met die
slug de route. En een noscript-terugval met twee gewone links: een tijdlijn die
alleen met script bestaat, bestaat niet voor wie het uitzet.

Nog niet gebouwd: het overscrollen zelf (stap 3).

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

Location:

src

Files:

• routes/posts.js (modified) (3 diffs)
• services/i18n.js (modified) (3 diffs)
• views/pages/lees.ejs (added)
• views/partials/lees-article.ejs (added)

src/routes/posts.js

@@ -24 +24 @@
 import { defaultMinCents as paidDefaultMinCents, patreonUrl as paidPatronUrl } from '../services/PaidPatreonService.js';
 import { verifyBlob } from '../services/CryptoBox.js';
+import { postEntry } from '../services/PostAccessService.js';
 import MusicMeta from '../services/MusicMeta.js';
 import { mediaDir } from '../config/paths.js';
@@ -148 +149 @@
   'authorize_interaction', 'fediverse', 'news', 'following', 'notifications', 'blocking',
   'paid', 'push', 'guardian',
+  // De meeslepende tijdlijn (Barts idee, naar bartoverkamp.nl). Gereserveerd
+  // omdat een bericht met deze slug de route anders zou overschaduwen.
+  'lees',
 ]);
 
@@ -246 +250 @@
     bodyClass: 'on-home',
   });
+});
+
+// ==================== LEES (meeslepende tijdlijn) ====================
+//
+// Eén bericht vult het scherm, de chrome schuift weg, en je scrollt voorbij de
+// rand naar het vorige of volgende. Naar bartoverkamp.nl, waar prev/next
+// schildwachten boven en onder het artikel staan en het overscrollen zelf de
+// navigatie is.
+//
+// De buren komen uit postNeighbors(), dezelfde die de gewone postpagina al
+// gebruikt -- dus "vorige" en "volgende" betekenen hier precies hetzelfde als
+// daar, ook voor gepinde berichten.
+//
+// ?partial=1 levert alleen het artikel, want dat is wat de schildwacht inruilt.
+router.get('/lees/:slug?', (req, res, next) => {
+  const site = res.locals.site;
+  if (!site) return next();
+
+  // Zonder slug: het nieuwste bericht, zodat /lees een ingang is en niet een
+  // fout. Gepind eerst, net als op de voorpagina.
+  const post = req.params.slug
+    ? db.prepare(`SELECT p.*, u.username as author_username FROM posts p JOIN users u ON p.author_id = u.id
+                  WHERE p.site_id = ? AND p.slug = ?`).get(site.id, req.params.slug)
+    : db.prepare(`SELECT p.*, u.username as author_username FROM posts p JOIN users u ON p.author_id = u.id
+                  WHERE p.site_id = ? AND p.status = 'published'
+                  ORDER BY (p.pinned = 0) ASC, p.pinned ASC, p.published_at DESC LIMIT 1`).get(site.id);
+  if (!post) return next();
+
+  // Het besluit en het lijf komen uit één plek (PostAccessService). Een dichte
+  // poort levert hier GEEN tekst op: die wordt niet eens gerenderd.
+  const _u = req.query.u ? verifyBlob(String(req.query.u)) : null;
+  const unlockedSlug = (_u && _u.purpose === 'unlocked' && _u.siteId === site.id) ? String(_u.post) : null;
+  const entry = postEntry(post, { user: req.session?.user || null, site, unlockedSlug },
+    { renderBody: (p) => renderPostBodyHtml(site, p, req) });
+
+  if (entry.access === 'forbidden') return next();
+
+  const { newerPost, olderPost } = postNeighbors(site, post);
+  const model = {
+    post, entry, newerPost, olderPost,
+    pageTitle: post.title || site.title,
+    // on-lees zet de chrome weg; de mini-topnav blijft (chrome.ejs, _headerless).
+    bodyClass: 'on-lees on-special',
+  };
+  if (req.query.partial === '1' || req.headers['hx-request'] === 'true') {
+    return renderPage(req, res, 'partials/lees-article', model);
+  }
+  recordPageview(site.id, req);
+  return renderPage(req, res, 'pages/lees', model);
 });
 

src/services/i18n.js

@@ -891 +891 @@
     'fgate.title': 'Alleen voor vrienden',
     'fgate.sub': 'Dit is exclusief voor ingelogde vrienden. Log in om het te bekijken.',
-    'fgate.login': 'Inloggen / aanmelden',
+    'fgate.login': 'Inloggen / aanmelden', 'lees.exit': 'Terug naar de site', 'lees.exit_label': 'Uit het leesscherm',
     'lbio.empty': 'Nog geen links ingesteld.',
     'lbio.back_to_site': 'naar de site',
@@ -1897 +1897 @@
     'fgate.title': 'Friends only',
     'fgate.sub': 'This is exclusive to logged-in friends. Log in to view it.',
-    'fgate.login': 'Log in / sign up',
+    'fgate.login': 'Log in / sign up', 'lees.exit': 'Back to the site', 'lees.exit_label': 'Leave reading view',
     'lbio.empty': 'No links set up yet.',
     'lbio.back_to_site': 'back to the site',
@@ -2903 +2903 @@
     'fgate.title': 'Nur für Freunde',
     'fgate.sub': 'Dies ist exklusiv für eingeloggte Freunde. Melde dich an, um es anzusehen.',
-    'fgate.login': 'Anmelden / Registrieren',
+    'fgate.login': 'Anmelden / Registrieren', 'lees.exit': 'Zurück zur Seite', 'lees.exit_label': 'Lesemodus verlassen',
     'lbio.empty': 'Noch keine Links eingerichtet.',
     'lbio.back_to_site': 'zurück zur Seite',