Changeset 2d2fd8c in Klonkt for src/views/shell.ejs

Timestamp:

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

Author:

Bart <bart@…>

Branches:

main

Children:

7cf8144

Parents:

03ff677

git-author:

Bart <bart@…> (08/18/2026 05:13:14 AM)

git-committer:

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

Message:

Tijdlijn | Grid | Lezen: de leesweergave krijgt een ingang

De leesweergave bestond wel maar was alleen te bereiken door /read in te tikken.
Nu staat ze als derde optie in dezelfde pil.

Een <a>, geen <button>, en met opzet NIET de klasse view-switch-btn: de
gedelegeerde klik in shell.ejs pakt alles met die klasse op, zet
body[data-feed-view] erop en springt op niet-feedpagina's terug naar home. Die
had deze link opgegeten.

Door er een link naartoe te leggen kwamen twee fouten boven die er al zaten:

1. De route gaf ELKE htmx-aanvraag één kaal artikel terug, want de leesmodule had ?partial=1 geleend -- en dat betekent op deze site al iets anders: "de pagina zonder de schil". Een gebooste link naar /read schoof dus één artikel in #pcms-main: geen stroom, geen script. De module vraagt nu ?fragment=1, en al het andere gaat naar pages/read waar renderPage zelf over de schil beslist.

2. PAGE_CLASSES in shell.ejs is een witte lijst, en 'on-read' stond er niet in. Bij een htmx-navigatie werd de class dus weggefilterd en sloeg ELKE regel van de leesweergave (.on-read ...) niet aan: geen schermhoge berichten, geen snappen, geen wegschuivende balken. Bij intikken ging het goed, want dan zet de shell de class zelf -- vandaar dat het onzichtbaar bleef.

Beide nagelopen in de browser: de pil navigeert, on-read staat er, min-height is
de schermhoogte, snappen staat aan, en de opgeslagen feed-view blijft ongemoeid.

MOD_V naar 3 (read.js) en style.css naar v68 (nieuwe selector).

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

File:

• src/views/shell.ejs (modified) (3 diffs)

src/views/shell.ejs

@@ -222 +222 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=67">
+<link rel="stylesheet" href="/assets/css/style.css?v=68">
 <script>
 /* iOS safe-area, built by hand. env(safe-area-inset-top) resolves to 0 on this iOS in
@@ -434 +434 @@
   // we opnieuw wat de server stuurde. 'on-auth' staat erbij zodat het login-
   // focusscherm óók via htmx z'n styling krijgt (geen chrome, geen tab, audio op 0).
+  // ALLES wat de server als page-class kan sturen moet hier staan: wat er niet in
+  // staat wordt bij een htmx-navigatie stilletjes weggefilterd. 'on-read' ontbrak,
+  // en dan kwam je via de Lezen-knop op een leesweergave waarvan ELKE regel
+  // (.on-read ...) niet aansloeg: geen schermhoge berichten, geen snappen, geen
+  // wegschuivende balken. Bij intikken van /read ging het wel goed, want dan
+  // rendert de shell de class zelf -- vandaar dat het lang onzichtbaar bleef.
   var PAGE_CLASSES = ['on-home','on-post','on-special','on-archive','on-search','on-admin','on-auth',
     'on-shows','on-downloads','on-download','on-epk','on-linkbio','on-newsletter',
-    'on-tag','on-type','on-user','on-cirkel','on-hub','on-chat'];
+    'on-tag','on-type','on-user','on-cirkel','on-hub','on-chat','on-read'];
 
   document.body.addEventListener('pcmsNav', function(ev) {
@@ -503 +509 @@
   // Eén nummer voor de hele map. Te vaak bumpen kost één download; te weinig
   // bumpen kost een bugfix die nooit aankomt.
-  var MOD_V = 2;
+  var MOD_V = 3;
 
   // name -> 1 (aan het laden) of de module-namespace (geladen). Een module