Changeset 847775c in Klonkt for src/assets/js/mod

Timestamp:

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

Author:

Bart <bart@…>

Branches:

main

Children:

03ff677

Parents:

87696ce

git-author:

Bart <bart@…> (08/18/2026 04:42:55 AM)

git-committer:

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

Message:

Leesweergave: tikken op een bericht opent het bericht

De stroom toont de tekst, maar het gesprek staat op de berichtpagina: ⭐,
🔁, reacties, en het antwoordveld voor bezoekers van elders. Een leesweergave
waar je niet uit kunt naar dat gesprek is een doodlopende weg.

Drie ingangen, met opzet:

• de titel is een echte <a>, dus toetsenbord, schermlezer en cmd-klik werken;
• een voetlink zegt waar je heen gaat ("Reacties en waarderingen"), want een tik die je niet ziet, bestaat niet;
• en een tik ergens op het bericht, voor een duim.

Die tik kent vier uitzonderingen, want een tik die je niet bedoelde is erger dan
geen tik: links, knoppen en velden houden hun eigen werking, een geselecteerde
tekst is geen tik, een verschoven vinger is scrollen, en cmd/ctrl-klik laat je
aan de browser. Alle vier nagemeten in de browser, plus dat een link ín een
bericht wint van de tik.

MOD_V naar 2: mod/read.js is gewijzigd.

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

File:

• src/assets/js/mod/read.js (modified) (2 diffs)

src/assets/js/mod/read.js

@@ -166 +166 @@
 }
 
+/**
+ * Tikken op een bericht opent dat bericht.
+ *
+ * De stroom toont de tekst; het gesprek -- reacties, waarderingen, boosts --
+ * staat op de berichtpagina. De titel en de voetlink zijn echte <a>'s en doen
+ * het werk voor toetsenbord en schermlezer; dit hier is het gemak voor een duim.
+ *
+ * Daarom vier uitzonderingen, want een tik die je niet bedoelde is erger dan
+ * geen tik: iets dat zelf al een doel heeft (link, knop, veld) houdt zijn eigen
+ * werking, een geselecteerde tekst is geen tik, een verschoven vinger is
+ * scrollen, en cmd/ctrl-klik hoort de browser zelf af te handelen.
+ */
+let tapX = 0, tapY = 0;
+function onPointerDown(e) { tapX = e.clientX; tapY = e.clientY; }
+
+function onTap(e) {
+  if (e.defaultPrevented || e.button !== 0) return;
+  if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+  const t = e.target;
+  if (!t || typeof t.closest !== 'function') return;
+  const art = t.closest('.read-post');
+  if (!art) return;
+  if (t.closest('a, button, input, textarea, select, label, summary, [role="button"]')) return;
+  if (Math.abs(e.clientX - tapX) > 10 || Math.abs(e.clientY - tapY) > 10) return;
+  const sel = window.getSelection && window.getSelection();
+  if (sel && String(sel).trim()) return;
+  const slug = art.dataset.slug;
+  if (!slug) return;
+  location.href = (art.dataset.base || '') + '/' + encodeURIComponent(slug);
+}
+
 function onScroll() {
   const y = window.scrollY || 0;
@@ -183 +214 @@
   window.addEventListener('scroll', onScroll, { passive: true });
   window.addEventListener('resize', watch, { passive: true });
+  // Op de stroom, niet per artikel: aangevulde berichten doen zo vanzelf mee.
+  s.addEventListener('pointerdown', onPointerDown, { passive: true });
+  s.addEventListener('click', onTap);
   watch();
 }