Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
en.osm.town is one of the many independent Mastodon servers you can use to participate in the fediverse.
An independent, community of OpenStreetMap people on the Fediverse/Mastodon. Funding graciously provided by the OpenStreetMap Foundation.

Administered by:

Server stats:

250
active users

en.osm.town: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.7

#dev

28 posts24 participants4 posts today
Public
Aral Balkan

New Kitten Release 🥳

kitten.small-web.org

(Run `kitten update` to update your dev machines. Production machines will automatically update in a couple of hours.)

• You can now add a generic script block to your markdown pages (see mastodon.ar.al/@aral/114432417)

• Markdown pages can now be `KittenPage` instances and attach `KittenComponent` instances (so you get a full server-side component hierarchy with an event-based workflow; ideal for authenticated pages where you can be use only the author of the page will be accessing them and thus the additional memory and processing overhead are not issues. Isn’t the Small Web great? Only having instances of one makes it possible to optimise so many things for the human experience instead of vertical scale of the data farming machine.)

• Two new examples showcase the new features: codeberg.org/kitten/app/src/br and codeberg.org/kitten/app/src/br

• Attributes with object values are no longer serialised into the DOM (but your components’ render functions will continue to receive them, of course.) This is because only string values make sense for attributes in the context of the HTML DOM. (You can still, of course, have stringified representations of objects in attributes, as used by the `data` attribute to pass data from nodes to event handers on the server.)

kitten.small-web.orgKitten: Home
#Kitten#SmallWeb#SmallTech
Continued thread
Public
Aral Balkan

Oh, and here’s what it looks like if you use Kitten’s class-based pages and components instead.

(You can have the event handling encapsulated on the component itself. Kitten automatically bubbles events up the component tree on the server side.)

Screenshot of page in browser, as described in previous post apart from expanded/different copy: Hello! This is a markdown page that’s an instance of the KittenPage class. As such, you can connect Kitten components (subclasses of KittenComponent) to it that can handle their own events themselves thanks to Kitten’s automatic event bubbling. Remember that Kitten’s class-based workflow has memory and performance overheads so try and use it only in authenticated routes where only the owner of the site will be accessing your pages and not on pages that you expect might get high amounts of traffic. Reactions Hearts: 4 Confetti: 3 Smileys: 5
Source code of index.page.md: --- title: An interactive markdown page imports: - import Reaction from './Reaction.fragment.js' kittenPage: true --- # Hello! This is a __markdown__ page that’s an instance of the `KittenPage` class. As such, you can connect Kitten components (subclasses of `KittenComponent`) to it that can handle their own events themselves thanks to Kitten’s automatic event bubbling. Remember that Kitten’s class-based workflow has memory and performance overheads so try and use it only in authenticated routes where only the owner of the site will be accessing your pages and not on pages that you expect might get high amounts of traffic. ## Reactions{id=your-reactions} <${Reaction.connectedTo(this)} />
Alt text will be in follow-up post due to arbitrary character limit in Mastodon.
#Kitten#SmallWeb#markdown
Public
Aral Balkan

Coming soon: Generic script blocks in markdown pages in Kitten¹

The line between what you can do from a Markdown page vs what you can do from a JavaScript page in Kitten continues to blur… soon, you’ll be able to add a generic script block to the front matter of your Markdown pages for quick little things.

e.g., In the screenshots you see all the code necessary to create the page with the reactions component which actually persists the results to your data. That is all the code in your app. Nothing else. No scaffolding or anything else. Seriously :)

¹ kitten.small-web.org

Screenshot of simple page with a reactions section showing 20 hearts, 27 confettis, and 26 smiley faces below an introductory paragraph that reads “Hello! While this is a markdown page, I can easily layer interactivity by adding a simple component in a script block.”
Alt text is in next post due to arbitrary Mastodon character limit on alt text.
#Kitten#SmallWeb#markdown
Public
Aral Balkan

New Kitten Release 🥳

• New: Any attributes present in a <markdown> tag are now passed to the first rendered element. (This is useful if you want to add some quick inline styles to a <p> that’s rendered from markdown, etc., but for anything more complicated, you should likely just jump into HTML.)

To learn more about Markdown in Kitten, please see the Markdown reference¹.

Enjoy!

:kitten:💕

¹ kitten.small-web.org/reference

kitten.small-web.orgKitten: Reference
#Kitten#SmallWeb#PeerToPeerWeb
Public
Gator3000

Hello from the #API at time : `Mon Apr 28 17:54:45 2025`.
The project used is **#Masthon** a simple #python package whitch links to #Mastodon coded by an #french student !
Let's check my #code on #gitlab -> gitlab.com/Gator3000/masthon.g. It's #opensource !

Talk to me about my project at `@gator3000` or on discord `_gator3000`

This is an automatic message posted every times I test my code. Tell me if it spam :)

GitLabGator 3000 / Masthon · GitLabGitLab.com
#mastodonAPI#masto#français
Public
Aral Balkan

New Kitten Release 🎉

kitten.small-web.org

Added:

• Support for local redirects and domain redirects (former will eventually have interface in Settings, latter can be programmatically used or, more likely, will be used via a small app I’m about to release next).

Fixed:

• Event bubbling in class-based Kitten pages and components is now correctly limited to just the event target if the component’s id starts with Kitten’s automatically generated universally-unique ID for the component.

• Fixed regular expression matching Kitten components in Markdown pages so it correctly captures self-closing components when followed by components with slotted content.

• The Kitten-specific trigger() mixin on the client-side WebSocket now correctly adds the contents of the data attribute on the triggering node to the data property received by the server-side event handler. This gives manually-triggered event handlers the same interface as automatically-triggered ones. (Previously it would create a separate `data` object in the received argument.)

Stay tuned for the a small and useful app release later today for web archiving/combatting link rot :)

Enjoy!

kitten.small-web.orgKitten: Home
#Kitten#SmallWeb#PeerToPeerWeb
Public
Patrice

Je suis toujours à la recherche d'un nouveau poste #jechercheunjob , en full remote uniquement. Dans le domaine du #dev #web (junior), création / gestion de sites #WordPress mais j'ai plus d'une corde à mon arc comme vous pouvez le voir sur mon #CV (formateur, rédacteur web, support).

Je suis à l'écoute de toutes propositions, n'hésitez pas à me contacter ou partager à vos contacts.

Merci d'avance ;-)

andre-ani.fr/wp-content/upload

ExploreLive feeds
About