Search
Items tagged with: kitten
This is a niche one and will likely not affect any of the (three?) people playing with Kitten¹ right now but, in any case:
If you persist custom types to your Kitten database, you might be hit by this bug that was introduced when I released versions of Kitten with minified identifiers.
I briefly wrote about what happened, how you can identify if you’re affected, and how you can fix it here:
https://codeberg.org/kitten/app/issues/160#issuecomment-1775375
Haha, forgot the footnotes, sorry:
¹ Small Web: https://ar.al/2020/08/07/what-is-the-small-web/
(Also see latest updates on: https://ar.al/)
² Domain: https://codeberg.org/domain/app
Aral Balkan
Aral Balkan’s personal web site. Covers small technology as an alternative to big tech and surveillance capitalism, human rights in the digital age (cyborg rights), personhood, and democracy.Aral Balkan
@laguiri Because we’re clearly not getting funded from the EU/ngi/NLNet:
https://ar.al/2022/10/20/nlnet-grant-application-for-domain-rejected/
https://ar.al/2022/07/29/nlnet-grant-application-for-domain/
https://ar.al/2022/09/28/nlnet-grant-application-for-domain-first-update-questions-and-answers/
#SmallWeb #Domain #Kitten #Place #funding #EU #NLNet #NGI #Horizon2020
NLnet Grant Application for Domain
This is my application to get NLnet funding to work on Domain as part of the User-Operated Internet Fund1 I feel it’s important that such grant applications are made public so everyone has visibility into the process.Aral Balkan
(If you’re wondering why the repository was 176MB to begin with, it’s because I was initially deploying from the /dist folder in the repository. But since then I created a special deployment site for Kitten and now Kittens come from, well, where else but https://kittens.small-web.org.)
💕
PS. It takes me ~3.5 seconds to build and deploy a new version of Kitten so its common for there to be multiple new versions in a day. Run `kitten update` to get the latest.
If you’re working on Kitten¹ from source, please clone a fresh copy.
I just rewrote history to reduce the repository size (correctly this time, including all references from branches, tags, etc.).
The good news is that – contrary to what the Codeberg interface is currently showing the size to be (176MB) – the repository is only about 5MB now so it should only take a couple of seconds to clone.
Related issue: https://codeberg.org/Codeberg-e.V./requests/issues/182
💕
¹ https://codeberg.org/kitten/app
Manual garbage collection request
Hi there, I just pruned a large amount of data from the [Kitten repository](https://codeberg.org/kitten/app) – bringing the size down from ~167MB to ~3.6MB (I was deploying the bundles to the repository at the start to keep things simple).Codeberg.org
I’ve been looking for an ngrok alternative for a while now that’s (a) affordable (b) easy to use and (c) works with Kitten¹. Today, after testing a bunch of them again and getting fed up, I found LocalXpose that checks all the boxes.
I signed Small Technology Foundation up as an affiliate so if you use this link to check it out, we’ll get 40% of your $6/mo pro account fee should you subscribe:
https://localxpose.io/?via=kitten
I shall be installing this once I have cleaned up and prepped an old laptop that is being put aside for this very purpose. Then I shall start to play.
Just don't ever expect me to agree that #Kitten was a good name for this. 
🎉 w00t! Just got deployment from pre-warmed servers working for the first time :)
Will post a screen capture once I’ve cleaned up the interface.
It’s single-digit seconds to deploy your own Small Web place (server) at your own domain! 
(I’ve been working towards this moment for the past six years so apologies if I sound like a giddy schoolboy.)
💕
… and why I’ve had to build so much infrastructure in the past few years. It wasn’t just to reinvent the wheel but to have control over every aspect of the experience.
Well, it’s getting closer to being a reality and I’m really excited to hopefully finally be able to share what will be the culmination of the last decade of my work with more of you starting this year.
💕
PS. If you like where this work is heading, please consider funding it (https://small-tech.org/fund-us).
Fund Small Technology Foundation
We’re a tiny team of two funded by individuals like you. Your patronage goes towards keeping a roof over our heads as we build a better future for the Internet.Fund Small Technology Foundation
Coming soon: it’s going to be trivial to deploy a different app on your Small Web server. Useful if you’re a dev and you’re playing around with different apps.
(Also, notice the speed at which deployment happens. I’m one step away from implementing this in Domain using pre-warmed Kitten instances – called toasty kittens – thereby bringing the time it takes to deploy your own Small Web place down to a handful of seconds.)
💕
Coming soon: manual app re-deployments in Kitten
Want to deploy a different app on your Small Web server? Soon it’s going to be very easy to do so.Vimeo
@decentral1se 👍
PS. Kitten has first-class support for it and it makes Kitten’s Streaming HTML workflow possible:
https://ar.al/2024/03/08/streaming-html/
#htmx #Kitten #SmallWeb #hypermedia
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
It's #caturday again!!
And she's asking, is it nearly dinner time?
#catsofmastodon #catstodon #catlife #caturday #CatsOfMastodon #Kitten #Cats #CatsOfFediverse #mastocats #petsofmastodon
And this was last year, Kitten has come a long way since then…
Check out the new Streaming HTML workflow:
https://ar.al/2024/03/08/streaming-html/
And how it made it possible to build Draw Together in less than 60 lines of code:
https://ar.al/2024/03/26/draw-together/
Wishing you a lovely conference this year :)
#SmallWeb #Kitten #web #dev #SmallTech #StreamingHTML
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
Just improved the display of error messages in Kitten¹.
They should be far more robust now.
Run `kitten update` to get the latest.
💕
¹ https://codeberg.org/kitten/app
#Kitten #errorMessages #stackTrace #web #dev #JavaScript #nodeJS
![Screenshot of error message in browser: There’s a cute illustration of a kitten playing with a ball of purple yarn.
The error code (in pink) is 500. The error message reads ‘ReferenceError: meow is not defined’
Under that is a Stack trace split into two sections, ‘From your app’ and ‘From Kitten’.
In the first section, there’s a coed snippet shown with syntax highlighting, line numbers, and striped lines (white/pink):
export default () => kitten.html`
${meow}!
`
The ‘m’ in meow has a pink arrow head (caret) pointing to it.
The stack trace message reads:
While running PageRoute.default [as _handler]
in /index.page.js (line 2, column 5)
In the From Kitten section the following stack messages are visible:
While running PageRoute.lazilyLoadedHandler
in /kitten-bundle.js (line 239183, column 31)
While running loop
in /kitten-bundle.js (line 203214, column 65)
While running next
in /kitten-bundle.js (line 203215, column 73)
While running Array.<anonymous>
in /kitten-bundle.js (line 239777, column 9)](https://friendica.hellquist.eu/photo/preview/640/2431929 "Screenshot of error message in browser: There’s a cute illustration of a kitten playing with a ball of purple yarn.
The error code (in pink) is 500. The error message reads ‘ReferenceError: meow is not defined’
Under that is a Stack trace split into two sections, ‘From your app’ and ‘From Kitten’.
In the first section, there’s a coed snippet shown with syntax highlighting, line numbers, and striped lines (white/pink):
export default () => kitten.html`
${meow}!
`
The ‘m’ in meow has a pink arrow head (caret) pointing to it.
The stack trace message reads:
While running PageRoute.default [as _handler]
in /index.page.js (line 2, column 5)
In the From Kitten section the following stack messages are visible:
While running PageRoute.lazilyLoadedHandler
in /kitten-bundle.js (line 239183, column 31)
While running loop
in /kitten-bundle.js (line 203214, column 65)
While running next
in /kitten-bundle.js (line 203215, column 73)
While running Array.<anonymous>
in /kitten-bundle.js (line 239777, column 9)")
Kitten now supports Idiomorph’s¹ configuration object in its `morph` attribute.
https://codeberg.org/kitten/app#to-whet-your-appetite
You can, for example, set `ignoreActive` to `true` when creating an active search field using Streaming HTML² so the field itself is not updated with the last (stale) search term and the person can keep typing in it unimpeded.
And with that, I believe the Streaming HTML workflow is feature complete.
Enjoy!
💕
¹ https://github.com/bigskysoftware/idiomorph
² https://ar.al/2024/03/08/streaming-html/
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
I love that (a) Draw Together is so easy to embed (see https://ar.al/2024/03/26/draw-together/) and (b) it makes me laugh every time I see what folks have made while I was away :)
Looks like we have a glass of something or other?
https://draw-together.small-web.org
#DrawTogether #Kitten #SmallWeb #littleThings
Draw Together
Join me as I take you through building Draw Together – a little collaborative drawing toy I made and released over the weekend – from scratch.Aral Balkan
Let’s build Draw Together… umm, together.
Video: https://vimeo.com/927628184
Blog post: https://ar.al/2024/03/26/draw-together/
Play with it: https://draw-together.small-web.org
💕
#DrawTogether #Kitten #SmallWeb #web #dev #HTML #CSS #JavaScript #htmx #hypermedia #WebSocket #idiomorph #tutorial #howTo
Draw Together
Join me as I take you through building Draw Together – a little collaborative drawing toy I made and released over the weekend – from scratch.Aral Balkan
Just updated the video on my Streaming HTML article so it’s no longer using Vimeo’s video player (which has tracking) but a simple video tag.
https://ar.al/2024/03/08/streaming-html/
(Sorry it took a little while, it involves a bit more work – but not much more – than simply copying the embed code over.)
PS. Would anyone be interested in a little write-up of how to embed Vimeo videos without their player/tracking but still keeping the closed captions?
#Kitten #SmallWeb #StreamingHTML #video #vimeo #html5
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
Quick heads up, highlight.js now correctly highlights code in namespaced tagged template strings (e.g., kitten.html``, kitten.css``, etc.)
https://github.com/highlightjs/highlight.js/pull/4002
(And Kitten comes with highlight.js baked in. See it in use in this example: https://codeberg.org/kitten/app/src/branch/main/examples/markdown/index.page.js#L24 and please ignore the warnings on that page, there’s nothing wrong with the code, it’s a long-standing @Codeberg bug where proper typography in comments and strings is flagged as errors. Embarrassing.)
#highlightJS #Kitten #SmallWeb
app/examples/markdown/index.page.js at main
app - A web development kit that’s small, purrs, and loves you.Codeberg.org
