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
