aral, to SmallWeb
@aral@mastodon.ar.al avatar

🎉 You can now use components and fragments in your Markdown pages in Kitten.

Following on from yesterday’s Markdown pages feature, you can now import components and fragments and use them in your Markdown pages to add dynamic functionality (similar to how it works in mdx but without using JSX).

(The “SCARY” text in the screencast is being randomly animated by a component.)

Enjoy!

:kitten:💕

#Kitten #SmallWeb #Markdown #components #fragments #mdx

Screencast: On the right, a browser with the Kitten Persistence tutorial page demonstrating the word Scary being animated by a component called Scary that is imported from the front matter of a Markdown page, an excerpt of which is shown in an editor on the left: --- layout: ../Tutorials.layout.js imports: - import Scary from './Scary.component.js' title: Persistence description: Learn how to persist information using Kitten’s build-in JavaScript Database (JSDB) topics: - Persistence. - JavaScript Database (JSDB). - The Kitten CLI’s

aral, to markdown
@aral@mastodon.ar.al avatar

🎉 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: 💕

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

flamed, to blogging
@flamed@social.lol avatar

📝 New Post: The Miyoo Mini Plus

A quick review of the Miyoo Mini+

🔥 https://flamedfury.com/posts/the-miyoo-mini-plus/

#weblogpomo2024 #blogging #smallweb

aral, to SmallWeb
@aral@mastodon.ar.al avatar

You can now connect to the interactive shell (REPL) of a Kitten daemon running in production by sshing into your machine and running:

telnet 127.0.0.1 1337

(Or nc 127.0.0.1 1337 if you prefer. Basically, it is available from port 1337 on the local loopback address.)

In development mode, you can press the s key to start up an interactive shell.

:kitten:💕

https://codeberg.org/kitten/app

#Kitten #SmallWeb #REPL

jpfox, to SmallWeb French
@jpfox@m.g3l.org avatar

L'envie d'un web plus simple

Depuis quelques années, une partie de la communauté internet se tourne vers des solutions plus simples et moins gourmandes en ressources, en réaction à ce que beaucoup considèrent comme l’« » progressive du web. Le protocole a émergé comme une réponse prometteuse à ce besoin, mais après l’enthousiasme initial, une certaine désillusion semble s’installer [...]

https://jpfox.fr/posts/envie-d-un-web-plus-simple/

aral, to SmallWeb
@aral@mastodon.ar.al avatar

So Kitten’s build process (i.e., the time it takes to build Kitten itself) takes ~0.7 seconds on my ~1 year old desktop (Ryzen 7 5700G 3.8Ghz) vs ~1.4 seconds on my ~3-year-old Starlabs LabTop (renamed to the Starbook thanks to a suggestion by yours truly but sadly, not quickly enough).

So, in summary, it’s bloody fast for something that results in a ~9MB bundle.

(And that’s all thanks to esbuild.)

https://codeberg.org/kitten/app

aral, (edited )
@aral@mastodon.ar.al avatar

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/

khalidabuhakmeh, to blazor
@khalidabuhakmeh@mastodon.social avatar

I'm back to playing with #Blazor and #HTMX with the @egil Htmxor library. The Counter sample is nice and clear.

He has something exciting here for the #aspnetcore and #dotnet audience.

Check it out! https://github.com/egil/Htmxor

THe counter sample running in a browser with a current count of 12

aral,
@aral@mastodon.ar.al avatar
aral, (edited ) to SmallWeb
@aral@mastodon.ar.al avatar

A little detail in the latest :

I find 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.

:kitten:💕

aral, to SmallWeb
@aral@mastodon.ar.al avatar

Looking forward to presenting my computer science colloquium on Small Web at the University of Groningen, Netherlands, on 11th of June, 2024 at 4PM.

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

There might be space for a few people from outside the university to attend so if you want to drop by, make some noise and I’ll have a chat with the university.

Thanking @mirela for organising this and looking forward to hopefully meeting some of you in the Netherlands soon.

#SmallWeb #groningen #netherlands #web #dev

aral, to SmallWeb
@aral@mastodon.ar.al avatar

:kitten: 💕

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

flamed, to web
@flamed@social.lol avatar

For those posting about the demise of ICQ recently, XMPP exists to give you that old school IM feeling...

I've been enjoying it heaps the past month.

Check it out: https://flamedfury.com/posts/instant-messaging-on-xmpp/

weirdwriter, to SmallWeb
mms, to SmallWeb
@mms@emacs.ch avatar
flamed, to SmallWeb
@flamed@social.lol avatar

Playing around with a new homepage layout.

This was always the intention going between my 2022-23 design but for reasons it never eventuated...

It feels good to have a graphical element right there in your face as the page loads again.

Anyway, it's here now, check it out https://flamedfury.com/

#smallweb #webmastery #homepages #blogging

ttntm, to SmallWeb
@ttntm@fosstodon.org avatar

Wanted: personal websites (with curated collections of bookmarks/links to other websites) or link directories that are titled anything starting with the letters "W", "X" or "Z".

Why? To complete the alphabet, of course!
(in terms of the bukmark.club's directory index)

Boosts are much appreciated!

#SmallWeb #indieweb #directory

aral, to SmallWeb
@aral@mastodon.ar.al avatar

Kitten bugfix release:

Please upgrade to the latest release that fixes a regression introduced into sessions object with the latest JSDB¹/JSDF² upgrade:

https://codeberg.org/kitten/app/issues/177

Persisting arbitrary objects to sessions is a supported workflow and this regression broke that.

e.g., See the Kitten Count Sessions example: https://codeberg.org/kitten/app/src/branch/main/examples/kitten-count-sessions/index.page.js

:kitten:💕

¹ https://codeberg.org/small-tech/jsdb#javascript-database-jsdb
² https://codeberg.org/small-tech/jsdb#javascript-data-format-jsdf

#Kitten #SmallWeb #web #dev #sessions #JSDB #JavaScript #database #regression

cbecker, to random
@cbecker@hci.social avatar

So Apple destroys pianos with a hydraulic press, Microsoft invents TotalSurveillance™️ and Google tells us to put glue in our pizza and eat at least one rock a day.

Maybe it’s time for an update to #DefundBigTech

https://techotherwise.pubpub.org/defund-big-tech

aral,
@aral@mastodon.ar.al avatar

@cbecker Would be nice. I’ll let you know if we ever get a euro cent of public money for the public work we do.

#SmallWeb #SmallTech

aral, to SmallWeb
@aral@mastodon.ar.al avatar

New Video – Kitten features introduced this week:

• Interactive Shell (REPL)
• Multi-page Settings
• Backup and restore (data portability)

With examples that cover components and Kitten’s built-in JavaScript database (JSDB).

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

:kitten:💕

#Kitten #SmallWeb #SmallTech #web #dev #JavaScript #HTML #database #JSDB #components #settings #dataPortability #REPL

aral, to SmallWeb
@aral@mastodon.ar.al avatar

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:💕

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

mms, to random
@mms@emacs.ch avatar

I’ve noticed that I follow a lot of folks with websites and I have not subscribed to them. My bad!

If you start seeing traffic from gwene.org, that’s me :-)

mms,
@mms@emacs.ch avatar
mms, to Blog
@mms@emacs.ch avatar

a small blog post from me:

「 In the same time library books have seen a lot. They were touched by a lot of greasy fingers, seen a lot of toilets. Just look at those two. Both are still fully usable, despite the tired look. 」

https://michal.sapka.me/blog/2024/libraries/

#blog #indieweb #smallweb #100daystooffload

aral, to SmallWeb
@aral@mastodon.ar.al avatar

:kitten: 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

aral, to SmallWeb
@aral@mastodon.ar.al avatar

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:💕

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

aral, to SmallWeb
@aral@mastodon.ar.al avatar

Code drunk, debug sober. Bah! Just fixed three bugs after a pint of Tundra.

(This is in no way meant to be role model behaviour. There just happens to be a lovely pub by the seashore in Bray where you can sit outside and it’s a nice distraction in the evenings when the weather is good and I don’t feel I’ve done enough in the day* and need a change of scene.)

  • It doesn’t help that I never think I’ve done enough in the day. 🤷‍♂️

#coding #kitten #SmallWeb #oneBeerNeverKilledAnyone #famousLastWords

  • All
  • Subscribed
  • Moderated
  • Favorites
  • provamag3
  • thenastyranch
  • magazineikmin
  • ethstaker
  • InstantRegret
  • tacticalgear
  • rosin
  • love
  • Youngstown
  • slotface
  • ngwrru68w68
  • kavyap
  • cubers
  • DreamBathrooms
  • megavids
  • mdbf
  • modclub
  • GTA5RPClips
  • normalnudes
  • khanakhh
  • everett
  • cisconetworking
  • osvaldo12
  • anitta
  • Leos
  • Durango
  • tester
  • JUstTest
  • All magazines