source: Klonkt/CHANGELOG.md@ 9163b15

main
Last change on this file since 9163b15 was 9163b15, checked in by roboburr <roboburr@…>, 3 months ago

ui(editor): simple inline content layout on touch (toolbar hidden)

Inline (non-fullscreen) on touch now shows only the content preview plus
the tap-to-edit pill; the formatting toolbar and border are hidden
(editing happens fullscreen anyway). Toolbar appears only in fullscreen.

Co-Authored-By: Claude <noreply@…>

  • Property mode set to 100644
File size: 7.3 KB
Line 
1# Wijzigingen — Klonkt
2
3Alle noemenswaardige wijzigingen aan Klonkt. Nieuwste bovenaan.
4Versies volgen [SemVer](https://semver.org/lang/nl/) (`1.0.0-beta.N` tijdens de beta).
5
6> **Twee losse versienummers — niet verwarren:**
7> - **App-versie** (deze changelog + footer, `package.json`) = cosmetisch; bump elke release.
8> - **Federatie-proto** (`KLONKT_PROTO` in `CircleFederation.js`, nu **2**) = bepaalt of
9> Klonkt-sites in elkaars **cirkel** kunnen federeren (zit in de getekende grondslag).
10> Een app-versie-bump verandert de proto **niet** en breekt cirkels dus niet. Bump de
11> proto **alleen** bij federatie-/security-wijzigingen, en rol die dan in **lockstep**
12> uit naar álle instances (incl. de democirkels) zodat ze blijven samenwerken.
13
14## [Unreleased]
15
16### Opgelost
17- Inline content-layout op touch versimpeld: geen opmaak-toolbar/rand meer inline
18 (je bewerkt toch fullscreen) — alleen de content-preview + de tik-om-te-bewerken-pill.
19- Kon niet scrollen op de bewerk-pagina: de fullscreen scroll-lock (overflow:hidden
20 op html/body) bleef hangen. Lock verwijderd — het fullscreen-frame dekt de pagina
21 al af en op touch zijn de scrollbalken verborgen.
22- Fullscreen verlaten scrolt nu naar de top van de content (i.p.v. door te springen
23 naar de footer).
24- "Tik om te bewerken"-aanwijzing op touch is nu een pill die sticky onderaan de
25 container plakt (boven de Opslaan-balk) i.p.v. lelijk gecentreerd in de tekst.
26- Scrollbalken verborgen op mobiel & tablet (touch) — scrollen blijft werken,
27 alleen de balk-UI is weg (geen verwarrende/dubbele balken).
28- Fullscreen-editor: geen dubbele scrollbalk meer — in fullscreen scrollt alléén
29 het tekstveld; het frame en de pagina (html+body) erachter zijn vergrendeld.
30- Editor: het beeld verspringt niet meer bij het aanklikken van een opmaakknop.
31 Op mobiel is het schrijfveld nu een begrensde scroll-box met de opmaak-toolbar
32 STICKY bovenin: de tekst scrollt eronder, de toolbar blijft altijd in beeld, en
33 de caret-scroll die mobiel Chrome forceert blijft binnen de box i.p.v. de hele
34 pagina te laten verspringen. (Plus: scrollpositie wordt vastgehouden rond elk
35 opmaak-commando.) `interactive-widget=resizes-content` weer verwijderd — dat liet
36 de pagina omhoog scrollen voor het toetsenbord en brak de kb-open-detectie; de
37 actiebalk + fullscreen regelen het toetsenbord via de visual viewport.
38- Post-editor op mobiel: de Opslaan/Annuleren-balk blijft nu net bóven het
39 toetsenbord (sticky met dynamische bottom-offset = max van toetsenbord- en
40 audiospeler-hoogte), i.p.v. erachter te vallen of midden in beeld te zweven.
41 Viewport schaalt mee met het toetsenbord (`interactive-widget=resizes-content`).
42- Mobiel toetsenbord vs. layout (site-breed): zodra het toetsenbord opent tijdens
43 het typen, verbergen de vaste onderbalken (bottom-tab + mini-speler) zich, zodat
44 ze niet meer over het invoerveld zweven of het overlappen. Ze komen terug zodra
45 het toetsenbord sluit. (Detectie via visualViewport → `body.kb-open`.)
46- Post bewerken op mobiel opende niet meer meteen het toetsenbord: de titel kreeg
47 niet langer automatisch focus (`autofocus` weg). Op desktop focust de titel nog wel.
48- Posts schrijven op mobiel: een opmaakknop (vet/cursief/…) stal de focus uit het
49 tekstveld → de selectie ging verloren (vet kon niet meer uitgezet worden) en de
50 pagina sprong naar beneden. De toolbar houdt de focus nu in de editor
51 (mousedown-preventDefault + focus zonder scroll), dus toggelen werkt en er is geen
52 sprong meer. Toolbar-taps zijn ook sneller (touch-action: manipulation). Actieve
53 opmaak is nu duidelijk gevuld met de accentkleur (en :hover plakt niet meer op
54 touch), zodat zichtbaar is of bv. vet aan of uit staat.
55
56### Toegevoegd
57- Tekstvelden (`<textarea>`) groeien nu site-breed mee met de inhoud i.p.v. intern
58 te scrollen (scroll-binnen-scroll was verwarrend). Het inline schrijfveld groeit
59 ook gewoon mee; typen op mobiel/tablet gaat sowieso fullscreen.
60- Op **mobiel & tablet** (touch) gedraagt de inhoud zich als een post: inline is het
61 **niet typbaar** (tap-vlak met "✎ Tik om te bewerken"-pill). Eén tik opent een
62 **fullscreen schrijf-"pagina"** — met echte back-knop-ondersteuning, dus de
63 browser-back of de **"✓ Klaar"-knop** sluit 'm en je staat terug in het formulier
64 (alle velden intact), waarna je alles samen opslaat met de gewone Opslaan-knop.
65- Schrijfvenster kan op **volledig scherm** (knop in de editor-toolbar, of Escape om
66 terug te gaan) — fijn voor afleidingsvrij schrijven op mobiel. De opmaak-toolbar
67 blijft daarbij altijd bovenaan in beeld, ook als het mobiele toetsenbord opent
68 (frame volgt de visual viewport).
69- Beheerder kan z'n **Google-account koppelen** (Account → Inloggen met Google) en
70 daarna óók met Google inloggen. Veilig: koppelen kan alleen terwijl je met
71 wachtwoord bent ingelogd, en Google-login geeft alleen beheer als de exacte
72 gekoppelde Google-account (`google_sub`) matcht. Ontkoppelen kan zolang er een
73 wachtwoord is.
74- Posts liken / favorieten: ingelogde gebruikers kunnen een post liken met een ♥-knop
75 (toont het aantal likes). Je gelikete posts staan op de nieuwe **Favorieten**-pagina
76 (`/favorieten`, link in het accountmenu). Niet-ingelogd → de knop leidt naar de login.
77
78### Gewijzigd
79- Post-navigatie (Newer/Older) toont nu een 📌 als de gelinkte post vastgepind is.
80- De Newer/Older-postnavigatie staat nu óók op de fan-gate (login-wall van een
81 fan-only post), zodat een bezoeker niet vastloopt maar verder kan bladeren.
82 Nav verhuisd naar een gedeeld partial (`partials/post-nav.ejs`).
83- Login gesplitst: de publieke loginpagina (`/auth/login`) toont voor bezoekers nu
84 **alleen** Google-login (luisteraars/fans). De beheerders-login (gebruikersnaam +
85 wachtwoord) staat verborgen op `/auth/admin` (nergens gelinkt).
86- Post-navigatie (Newer/Older) houdt nu op elke post dezelfde twee-kaarten-structuur:
87 ontbreekt er een nieuwere/oudere post, dan staat er een subtiele uitgegrijsde
88 placeholder ("Nieuwste post" / "Oudste post") i.p.v. een lege plek.
89- Bij het openen van een gerelateerde/volgende post spring je nu naar boven van de
90 pagina (was: je bleef op de oude scrollpositie hangen).
91
92## [1.0.0-beta.2] — 2026-06-19
93
94Eerste release waarbij we de versie actief bijhouden (zichtbaar in de footer →
95klik erop voor deze pagina). Federatie-proto: **2** (ongewijzigd).
96
97### Toegevoegd
98- Release-tracking: versienummer in de footer linkt naar deze wijzigingen-pagina.
99- Acht premium-functies (Patreon-gegate): nieuwsbrief/mailinglijst, download-voor-email,
100 release-planning + fan-only previews, EPK/perskit, pro-statistieken, link-in-bio +
101 klikstats, inbedbare speler, en show-agenda + notify-me.
102- Nieuwsbrief-aanmeldveld in de footer (aan/uit in Beheer → Instellingen).
103- SMTP-instellingen instelbaar in Beheer → Instellingen (geen `.env`-edit meer nodig),
104 met testmail-knop.
105
106### Gewijzigd
107- Beheer → Instellingen: Hub- en Cirkel-config staan nu direct onder de Modus-kaart;
108 forms netter (gestapelde labels, full-width inputs).
109- EPK/perskit toont de top 10 meest beluisterde nummers.
110- Nettere 404-pagina (mobielvriendelijk) en duidelijkere login-foutmeldingen.
111
112### Opgelost
113- Site-brede audiospeler kreeg geen tracks (verkeerde kolom in de query).
114- Knoptekst werd onleesbaar bij hover (zelfde kleur als de knop).
115- Datumkiezers volgen nu het thema.
116- htmx-navigatie werkt de adresbalk weer bij; geen dubbele kop bij terug/vooruit.
Note: See TracBrowser for help on using the repository browser.