On a train between Groningen and Amsterdam and just deployed a new version of Kitten. Upgrade to speed up the server start time considerably.

(There was a performance regression caused by the server attempting to install the dependencies for Kitten’s own internal web app every time. Hadn’t noticed on my home connection but did on the train. Always good to test in different conditions.) ;)

https://kitten.small-web.org

💕

#Kitten #SmallWeb #web #dev #NodeJS

Update: time change – talk is now going to be at 3PM – so an hour earlier.

PS. Here’s more info on today’s talk:

https://www.rug.nl/research/bernoulli/calendar/colloquia/computer-science-oriented/2024/20240611-aral-balkan?lang=en

#SmallWeb #SmallTech #ComputerScience #UniversityOfGroningen #web #dev #peerToPeer #peerToPeerWeb #personalWeb #foss #openSource #HTML #CSS #JavaScript #NodeJS

Colloquium Computer Science - Aral Balkan, Small Technology Foundation

Title: Small Web Abstract: The Small Web¹ is a web where each one of us can own and control our own places. At these places, we can choose to either...

^{University of Groningen}

Say hello to the new Kitten web site! 🎉

https://kitten.small-web.org

Like Kitten itself, it’s a baby but will be evolving quickly as they approach API version 1 together.

Enjoy!

💕

PS. Of course it’s written in Kitten itself. It doesn’t do anything fancy but here’s the source code if you’re interested: https://codeberg.org/kitten/site

#Kitten #SmallWeb #SmallTech #web #dev #html #css #JavaScript #NodeJS #documentation

🎉 New Kitten feature: Markdown pages

You can now create .page.md files and use front matter to specify a layout template as well as any other props you want to pass to your layout.

(I’m working on the Kitten web site with docs, etc., so I thought I’d bite the bullet and add this feature this morning to make my life easier. Should make it easier to make this sort of site with Kitten in the future for everyone.)

https://codeberg.org/kitten/app

💕

#Kitten #Markdown #SmallWeb #web #dev #NodeJS

Over the weekend I've updated my award-winning (no joke!) Creative Bots @glitchdotcom starter project to focus on Mastodon bots.

https://stefanbohacek.com/projects/creative-bots

Visit https://botwiki.org/bots/fediverse-bots/ for some inspiration, and then give it a try!

#CreativeBots #CreativeCoding #nodejs #MadeWithGlitch

A simple page builder app

A project template for making creative online bots.

^{Stefan Bohacek (stefanbohacek.com)}

w00t! 🎉 #Kitten now has a shiny new…

kitten shell

…command you can use to connect to your Kitten daemon in production to debug it, etc.

Also, I don’t know if I missed something simple but I had a hard time handling Node’s #REPL preview completions over a socket connection. Couldn’t find any docs. Managed to fix it by implementing a control channel to communicate the remote client’s terminal size. Wrote it up here, in case it helps anyone else:

https://codeberg.org/aral/gists/src/branch/main/node-js-repl-over-socket-with-preview-completions.md

💕

#NodeJS

Note that when you’re working with Kitten, your apps do not have a build process.

You write HTML, CSS, JavaScript and, optionally, extend using first-class support for htmx and alpine.js as well as Kitten’s own Streaming HTML workflow¹. There’s also no scaffolding or generating a project with hundreds of files or anything. You just write the code for your app.

¹ https://ar.al/2024/03/08/streaming-html/

#SmallWeb #Kitten #StreamingHTML #web #dev #NodeJS #JavaScript #HTML #CSS

Streaming HTML

Sorry, your browser doesn't support embedded videos. But that doesn’t mean you can’t watch it! You can download the video and watch it with your favourite video player. Building the Streaming HTML counter example.

^{Aral Balkan}

A little detail in the latest #Kitten:

I find #NodeJS deprecation warnings hit the sweet spot between jarring enough to be annoying and not informative enough to be useful.

So, in Kitten, the first time you hit a deprecation warning, you get a message telling you there are deprecation warnings.

If you care, you can open the interactive shell and view the `kitten.deprecationWarnings` list, which will show you full details including the stack trace.

💕

#SmallWeb #design #layering

I still prefer the Kitten version ;)

(That’s _all_ the code for a _persisted_ counter.) :)

https://ar.al/2024/05/23/new-kitten-features-interactive-shell-repl-multi-page-settings-and-backup-and-restore-data-portability/

#Kitten #SmallWeb #web #dev #html #css #javascript #NodeJS

💕

New Kitten update!

Mostly housekeeping:

• Runtime is now Node 22 (22.1.0 as 22.2.0 has a bug that can crash on deprecation warnings). This might be a breaking change for your code (e.g., import…assert is now import…with, etc.) Remember, Kitten is pre-release/not API-versioned yet.

• Applied all semver-compatible dependency version upgrades.

• Fixed tests & coverage. Tests are still woefully inadequate but will improve.

https://codeberg.org/kitten/app

#Kitten #SmallWeb #NodeJS #web #dev

app

A web development kit that’s small, purrs, and loves you.

^Codeberg.org

A couple of useful tools for the #NodeJS¹ folks out there working on longer-term projects:

• npm-check-updates (ncu) is a tool that will help you keep your dependencies updated: https://www.npmjs.com/package/npm-check-updates

• https://knip.dev/explanations/comparison-and-migration/#unimported (successor to unimported, now that’s deprecated) will help you find unused files and dependencies.

¹ Kitten (https://codeberg.org/kitten/app) uses Node.js as its runtime.

#NodeJS #ncu #npmCheckUpdates #knip #unimported #packageManagement #npm #node #modules #nodeModules

app

A web development kit that’s small, purrs, and loves you.

^Codeberg.org

So! Many! Kittens!

(Going to record a demo of the new interactive shell – REPL to some – and multi-page Settings this afternoon, just planning it out now.)

Oh and is that me creating and calling web routes interactively in the REPL on a live server? Why yes, yes it is.

💕

#Kitten #SmallWeb #web #dev #HTML #CSS #JavaScript #NodeJS

Kitten’s interactive shell (REPL) now saves session history scoped to your app so it will still be there when you next serve the same app.

https://codeberg.org/kitten/app#kitten-s-interactive-shell

I think I’m done with the REPL feature now.

Going to take a little break, step away from the computer, and make a plan for the next week of work on Kitten and Domain¹.

¹ https://codeberg.org/domain/app

#Kitten #SmallWeb #REPL #shell #JavaScript #NodeJS #web #dev #SmallTech

app

Domain is a free and open Small Web hosting platform.

^Codeberg.org

Small update on Kitten’s new interactive shell (REPL). You can now access Kitten’s router via:

kitten.app.router

Also updated the section in the tutorial to fix typos in some of the code examples and use the new router key path:

https://codeberg.org/kitten/app#kitten-s-interactive-shell

💕

#Kitten #SmallWeb #REPL #shell #NodeJS #web #dev #router

app

A web development kit that’s small, purrs, and loves you.

^Codeberg.org

🎉

Kitten now has a lovely new multi-page Settings screen and… *drumroll*… a new 🐢 interactive shell (REPL) for you to play with the running state of your Small Web site/app/place and debug your app, inspect/manipulate its database, etc.

I plan on recording demos of each of them tomorrow but you can play with them now.

And here’s a little tutorial to get you started with the shell:

https://codeberg.org/kitten/app#kitten-s-interactive-shell

💕

#Kitten #SmallWeb #SmallTech #NodeJS #REPL #JavaScript #HTML #CSS #web #dev