New Kitten release

• Now leaves <style> tags within <template> tags alone when collating and normalising the CSS on a page so as not to interfere with scoped styles in declarative shadow DOM.

(Kitten’s Streaming HTML workflow¹ – which uses htmx and WebSockets under the hood – combined with built-in support for slots, etc., in Kitten components² means the use of declarative shadow DOM is mostly useful if you want scoped styles. Ideally, of course, use classes to scope styles to your components and be specific in your CSS selectors in general so as not to pollute elements in your components. Although that’s a bit like saying you should floss everyday. Yeah, we all know we should…) :)

Enjoy!

¹ https://kitten.small-web.org/tutorials/streaming-html/
² https://kitten.small-web.org/tutorials/components-and-fragments/

#presentacion
Soy un apasionado del desarrollo web y todo el ecosistema #javascript
Creo que el open source nos hace más humanos. Y por ese motivo decidí entrar en esto del fediverso.
Busco aprender y poder divulgar acerca de tecnologías y mundo desarrollo

New Kitten release

• Socket routes now have precendence in the router.

This stops wildcard page routes from capturing the default socket routes that Kitten creates to enable the Streaming HTML workflow.

e.g., Previously, the following route:

/videos/index_[slug].page.js

Could not connect to its default socket (/videos/default.socket) because default.socket would be captured by the [slug] parameter.

Now, it will work as intended as the /videos/default.socket (a socket route) has precendence over index_[slug].page.js (a page route).

Learn more about Kitten’s Streaming HTML workflow here:
https://kitten.small-web.org/tutorials/streaming-html/

Enjoy!

Big news for npm users!
Socket and @sealsecurity_io [bird.makeup] collaborated on resolving a critical 3-year-old npm overrides bug, and the fix just shipped in version 11.2.0. →

http://socket.dev/blog/npm-overrides-bug-fixed #NodeJS #JavaScript

New Kitten release

• Fixes edge case where the sign in page, if left open for longer than the length of a session, would throw an error on sign-in attempt (because the challenge for the public-key authentication Kitten apps use would have expired alongside).

https://kitten.small-web.org

Big shoutout to Node.js for adding TypeScript

But how is it different than Deno's "first class" TypeScript support?

Here's an overview of what you can (and can't) do with TypeScript in Node and Deno.

https://deno.com/blog/typescript-in-node-vs-deno

New Kitten release

• Added instructions to Kitten’s Settings app for how to set up a webhook at Codeberg¹ so that pushing to your main branch automatically updates your deployed server.

https://kitten.small-web.org

(Would you like me to add instructions for GitHub also? Hmm, let me think a moment… No.)

You can also find the relevant information in the Kitten reference:

https://kitten.small-web.org/reference/#webhook

Enjoy!

¹ Codeberg is an community-run ethical alternative GitHub. You can follow them on the fediverse at @Codeberg and visit them online at https://codeberg.org

New Kitten release

• Fixes redirection from sign-in page when person is already authenticated.

https://kitten.small-web.org

To learn more about how Kitten automatically implements authentication for your Small Web sites and apps using public-key cryptography (so even your own server doesn’t know your secret)¹, please see the Authentication tutorial:

https://kitten.small-web.org/tutorials/authentication/

Enjoy!

¹ The security (and privacy) of Domain/Kitten are based on a 32-byte cryptographically random secret string that only the person who owns/controls a domain knows.

This is basically a Base256-encoded ed25519 secret key where the Base256 alphabet is a set of curated emoji surrogate pairs without any special modifiers chosen mainly from the animals, plants, and food groups with some exceptions (to avoid common phobias or triggers, etc.) that we call KittenMoji.

…

When setting up a Small Web app via Domain, this key is generated in the person’s browser, on their own computer, and is never communicated to either the Domain instance or the Kitten app being installed. Instead the ed25519 public key is sent to both and signed token authentication is used when the server needs to verify the owner’s identity (e.g., before allowing access to the administration area).

The expected/encouraged behaviour is for the person to store this secret in their password manager of choice.

More: https://kitten.small-web.org/reference/#cryptographic-properties

Soon in Node.js—specifying CLI flags via a JSON file:

node --experimental-config-file=noderc.json file.js

https://github.com/nodejs/node/pull/57016

¿Estás buscando el mejor entorno de ejecución para tu #backend en #JavaScript? En este video, comparo #Bun y #Nodejs , dos de las opciones más populares para #desarrollo backend.

https://youtu.be/jfH2V3u02gE

Deno 2.2 is released!
OTEL, node:sqlite, linter plugins, and much more

https://deno.com/blog/v2.2

Built-in globbing functionality in Node.js (since v20.17.0):

path.matchesGlob(path, pattern)
https://nodejs.org/api/path.html#pathmatchesglobpath-pattern

fsPromises.glob(pattern, options?)
https://nodejs.org/api/fs.html#fspromisesglobpattern-options

Small library for older Node versions: https://github.com/SuperchupuDev/tinyglobby

New Kitten release

• Fixes issue with routes where dynamic routes with file names that had more than two extensions were not recognised as the correct type of route. e.g., A route called index.xml.get.js would previously have been treated as a static route instead of a dynamic GET route.

https://kitten.small-web.org

For more details, see the Valid File Types section of the Kitten reference¹ and the Dynamic Pages tutorial².

Enjoy!

¹ https://kitten.small-web.org/reference/#valid-file-types
² https://kitten.small-web.org/tutorials/dynamic-pages/

Node.js: functionality useful for CLI apps that’s now built in
https://gist.github.com/rauschma/ece9f8402bc1f57e49e7ef520fc24fbc

Fun Kitten¹ fact

Did you know that Kitten has a built-in HTML validator that checks your markup for validity and accessibility issues, etc.?

You’re informed of validation errors in not just terminal but also in your browser’s web developer panel. And, if you select the “Show validation issues on page” link from a validation error in the web developer panel, Kitten will show the validation errors in place on your page.

This helps me catch issues with my markup all the time and I hope it helps you too.

Enjoy!

¹ https://kitten.small-web.org

Calling all front-end devs!

I need to hire a javascript developer for a one-off job helping me with a custom integration between a hosted node.js widget and a self-hosted Wordpress site.

The job is limited in scope and should take hours or at most days.

Timescale: relatively urgent, ideally I'd like the work done as soon as possible.

Happy to pay your usual contracting rate.

Spread the word!