Search
Items tagged with: kitten
Quite happy with how the page/component lifecycle log messages are coming along as part of my push to get the new stateful components over the line in Kitten¹.
This should make it very easy to ensure that things are happening as you think they are and to conceptualise the behaviour of your stateful component hierarchies. (You can also use stateless components, of course, as is the currently documented workflow.)
#Kitten #devNotes #SmallWeb #SmallTech
![Machine-generated description of terminal output
Terminal output showing the Kitten startup banner after running kitten in gaza-verified.org/site. A cartoon white kitten sits on grass under a blue sky, followed by metadata: "Kitten by Aral Balkan, Small Technology Foundation", Version 0-2beaa1-24.14.1-20260506140737, Born 2026/05/06 at 14:07:37 UTC (Taurus), Favourite colour #2beaa1 (green swatch), API version 0, Runtime Node.js 24.14.1. A boxed message reads "Like this? Fund us! We're a tiny, independent not-for-profit. https://small-tech.org/fund-us", with links to Tutorials, Reference and Issues. Three sparkle lines confirm module dependencies are unchanged for /app_modules/components, /app_modules/database and the root module. A "Key" box lists the icons used in Kitten's output:
📄 Page
🧩 Component
🛜 Event
⦿–⦿ Connected
⦿–○ Disconnected
The server reports dev mode with mocked Mastodon messages, route timings (app: 5.168 ms; internal: 2.82 ms), Domain https://localhost, Source ~/Projects/gaza-verified.org/site, and an "Open app data folder" link. A turtle emoji invites pressing [s] for an interactive shell, and green text announces "Server is running and listening for connections…". A SettingsPage (ef31e0a4) is created and registered on kitten.pages.](https://friendica.hellquist.eu/photo/preview/640/5581651 "Machine-generated description of terminal output
Terminal output showing the Kitten startup banner after running kitten in gaza-verified.org/site. A cartoon white kitten sits on grass under a blue sky, followed by metadata: \"Kitten by Aral Balkan, Small Technology Foundation\", Version 0-2beaa1-24.14.1-20260506140737, Born 2026/05/06 at 14:07:37 UTC (Taurus), Favourite colour #2beaa1 (green swatch), API version 0, Runtime Node.js 24.14.1. A boxed message reads \"Like this? Fund us! We're a tiny, independent not-for-profit. https://small-tech.org/fund-us\", with links to Tutorials, Reference and Issues. Three sparkle lines confirm module dependencies are unchanged for /app_modules/components, /app_modules/database and the root module. A \"Key\" box lists the icons used in Kitten's output:
📄 Page
🧩 Component
🛜 Event
⦿–⦿ Connected
⦿–○ Disconnected
The server reports dev mode with mocked Mastodon messages, route timings (app: 5.168 ms; internal: 2.82 ms), Domain https://localhost, Source ~/Projects/gaza-verified.org/site, and an \"Open app data folder\" link. A turtle emoji invites pressing [s] for an interactive shell, and green text announces \"Server is running and listening for connections…\". A SettingsPage (ef31e0a4) is created and registered on kitten.pages.")
![Machine-generated description of terminal output:
Terminal output from a Kitten dev server in gaza-verified.org/site. Two HTML validation failures are logged: 3 errors on /admin/accounts.page.ts and 1 error on /admin/index.page.js, both pointing to the browser console for details. Between them, Kitten reports page lifecycle events with coloured icons: a SettingsPage (KittenPage ef31e0a4) disconnects; an AccountsPage (KittenPage c6e470cb) connects with child components TitleAndStats, UnverifiedAccounts, VerifiedAccounts and AddVerifiedForm shown in a tree view (~27.72 KB). A snippet shows how to reference the page in code: page = kitten.pages['kid-c6e470cb-8463-4526-9fca-203b3177dda0']. A new SettingsPage (a04147a8) is then created, registered, and connected as the AccountsPage disconnects.](https://friendica.hellquist.eu/photo/preview/640/5581653 "Machine-generated description of terminal output:
Terminal output from a Kitten dev server in gaza-verified.org/site. Two HTML validation failures are logged: 3 errors on /admin/accounts.page.ts and 1 error on /admin/index.page.js, both pointing to the browser console for details. Between them, Kitten reports page lifecycle events with coloured icons: a SettingsPage (KittenPage ef31e0a4) disconnects; an AccountsPage (KittenPage c6e470cb) connects with child components TitleAndStats, UnverifiedAccounts, VerifiedAccounts and AddVerifiedForm shown in a tree view (~27.72 KB). A snippet shows how to reference the page in code: page = kitten.pages['kid-c6e470cb-8463-4526-9fca-203b3177dda0']. A new SettingsPage (a04147a8) is then created, registered, and connected as the AccountsPage disconnects.")
Lucy found a new hidey-hole with clean laundry to sleep in/on. Good times. 😁
#LucyGoosey #kitten #CatsOfMastodon #cats #fedicats #pets #fedipets #petsofmastodon #cateyes #tuxedocats #prettykitty #cute #whatareyoulookingatmefor
One of the beautiful things about Sublime Merge¹ (and git/diffs) is that you can see exactly what has changed in complex expected values in tests to ensure that you’re updating the tests without overlooking regressions.
(This is from the Markdown page loader tests in Kitten², as I’m refactoring to implement the upcoming breaking change in the stateful components API³ as it affects the generated code for stateful layout components in Markdown pages.)
¹ Which I always have running, full-screen on its own monitor.
² kitten.small-web.org
³ Currently experimental and undocumented but that should change once this breaking change is implemented.
#git #diff #unitTests #tape #SublimeMerge #Kitten #SmallWeb #web #dev #developerExperience
🥳 New Kitten Release
• Fixed: Kitten no longer crashes when a server error occurs after a response has ended. (#320)¹
Full change log: codeberg.org/kitten/app/src/br…
Enjoy!
💕
¹ codeberg.org/kitten/app/issues…
#Kitten #KittenRelease #SmallWeb #SmallTech #bugFix
Crash on server error if response is no longer writable
If a server error occurs after a response has ended, Kitten crashes while trying to show the error page. This can happen, for example, if your route fails validation and you redirect the response but forget to return from the route.Codeberg.org
🥳 New Kitten¹ release!
Implemented workaround:
There is a bug in the CommonMark spec that results in preformatted code with empty lines nested in an HTML node not rendering correctly.²
In Kitten, this previously threw an error (see #294³ and also #318⁴).
Kitten now works around the issue in its own parser.
Full change log: codeberg.org/kitten/app/src/br…
Enjoy!
💕
¹ kitten.small-web.org
² github.com/commonmark/commonma…
³ codeberg.org/kitten/app/issues…
⁴ codeberg.org/kitten/app/issues…
#Kitten #KittenRelease #SmallWeb #SmallTech #CommonMark #spec #bug #workaround #Markdown #web #dev #NodeJS
Contents of tags wrapped in tags are not left alone if they contain empty lines
Contents of HTML preformatted text blocks (…) are, correctly, left alone: e.g., a b is rendered correctly as, with the contents untouched: a b However, if you wra...aral (GitHub)
app/CHANGELOG.md at stateful-components-api-breaking-change
app - A web development kit that’s small, purrs, and loves you.Codeberg.org
🥳 New Kitten¹ Release
Fixed:
• (Possible regression?) Value referencing during database event logging (see 2026-04-02 release²) was broken. This is now fixed.
Enjoy!
💕
¹ kitten.small-web.org
² codeberg.org/kitten/app/src/br…
#Kitten #KittenReleases #SmallWeb #SmallTech #bugFix #regression
🥳 New Kitten¹ Release
Fixes:
• Actually fixes the plain HTMX connection state handlers. They’re now stable and exactly match the behaviour of the Alpine.js handlers in plain HTMX (this was not trivial codeberg.org/kitten/app/commit… due to a limitation in HTMX github.com/bigskysoftware/htmx…).
Enjoy!
💕
¹ kitten.small-web.org
#Kitten #KittenReleases #SmallWeb #SmallTech #bugfix
[1.9.10] WebSockets: handling events with `hx-on` seems broken
Hi, The behaviour of websocket-extension with hx-on is a bit counter-intuitive in my opinion. Connecting and receiving updates via the websocket works flawlessly, but registering events via hx-on o...haja (GitHub)
🥳 New Kitten¹ Release
Fixes:
• The `kitten.html` shorthands for plain HTMX client-side event handling of a Kitten Page’s default WebSocket lifecycle (`on:connecting`, `on:connect`, and `on:disconnect`) were generating faulty HTMX code (the Alpine.js versions, `@on:connecting`, `@on:connect`, and `@on:disconnect`, were fine). The plain HTMX versions now also generate working code.
• Replaced direct `eval` in a statement in the Kitten Introspection API to improve safety and silence the esbuild warning.
Full change log: codeberg.org/kitten/app/src/br…
Enjoy!
💕
