Embed Notice

HTML Code

<blockquote style="position: relative; padding-left: 55px;"><section><a href="https://mastodon.ar.al/users/aral/statuses/116720344915947370">Aral Balkan (aral@mastodon.ar.al)'s status on Tuesday, 09-Jun-2026 22:19:41 JST</a><a href="https://mastodon.ar.al/@aral" title="aral@mastodon.ar.al"><img src="https://gnusocial.jp/avatar/4627-48-20250906071718.webp" width="48" height="48" alt="Aral Balkan" style="position: absolute; left: 0; top: 0;">Aral Balkan</a></section><article><p>Very excited about the new stateful components model in Kitten¹ that I’m looking forward to releasing this week (finally) and the amount of visibility you can now get into the flow of your Kitten apps in the Kitten Interactive Shell (REPL)².</p><p>Since the new model is a breaking change (Kitten is prerelease) I’m in the middle of updating our own apps/sites and I still need to document everything. So it will take me a few days to do all that but then I’m very much looking forward to focussing on finishing up Catalyst and Yarn³ for launch this year.</p><p>It’s been a six year trek to reach what will essentially be the starting point of the Small Web :)</p><p>💕</p><p>PS. If you want to support our work, please see <a href="https://small-tech.org/fund-us/" rel="nofollow">https://small-tech.org/fund-us/</a></p><p>¹ <a href="https://kitten.small-web.org" rel="nofollow">https://kitten.small-web.org</a><br>² <a href="https://kitten.small-web.org/tutorials/kitten-s-interactive-shell-repl/" rel="nofollow">https://kitten.small-web.org/tutorials/kitten-s-interactive-shell-repl/</a><br>³ <a href="https://ar.al/2024/06/24/small-web-computer-science-colloquium-at-university-of-groningen/" rel="nofollow">https://ar.al/2024/06/24/small-web-computer-science-colloquium-at-university-of-groningen/</a></p><p><a href="https://mastodon.ar.al/tags/SmallWeb" rel="tag">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/Kitten" rel="tag">#Kitten</a> <a href="https://mastodon.ar.al/tags/web" rel="tag">#web</a> <a href="https://mastodon.ar.al/tags/dev" rel="tag">#dev</a> <a href="https://mastodon.ar.al/tags/statefulComponents" rel="tag">#statefulComponents</a> <a href="https://mastodon.ar.al/tags/streamingHTML" rel="tag">#streamingHTML</a> <a href="https://mastodon.ar.al/tags/hypertext" rel="tag">#hypertext</a> <a href="https://mastodon.ar.al/tags/webSockets" rel="tag">#webSockets</a></p></article><footer><a rel="bookmark" href="https://gnusocial.jp/conversation/6463643#notice-12723984">In conversation</a><time datetime="2026-06-09T22:19:41+09:00" title="Tuesday, 09-Jun-2026 22:19:41 JST">about 12 days ago</time> <span>from <span><a href="https://mastodon.ar.al/@aral/116720344915947370" rel="external" title="Sent from mastodon.ar.al via ActivityPub">mastodon.ar.al</a></span></span><a href="https://mastodon.ar.al/@aral/116720344915947370">permalink</a><h4>Attachments</h4><ol><li><label><a rel="external" href="https://gnusocial.jp/attachment/498078">Untitled attachment</a></label><br></li><li><label><a rel="external" href="https://gnusocial.jp/attachment/2800197">Untitled attachment</a></label><br></li><li><article><header><div>Domain not in remote thumbnail source whitelist: ar.al</div><h5><a href="https://ar.al/2024/06/24/small-web-computer-science-colloquium-at-university-of-groningen/#SmallWeb">Small Web: computer science colloquium at University of Groningen</a></h5><div></div></header><div>Download the video and watch it with your favourite video player.
 Recording1 of the live stream of a computer science colloquium on the Small Web I presented at the University of Groningen on June 11th, 2024. (Transcript)
   Update: I was going back and forth between calling the personal social network Place and Yarn. In the talk, I refer to it as Yarn. As I’ve been working more on it, I’ve reverted to its original name, Place.</div><footer></footer></article></li><li><label><a rel="external" href="https://gnusocial.jp/attachment/6157499">Screenshot of the Kitten REPL running in WezTerm:🐢 Kitten Interactive Shell (REPL) ctrl-d to exit; .help for assistance. Key
🐱 Kitten      📄  Page        🛜  Server event
🧩 Component   ◉━◉ Connected   ◉╌◌ Disconnected🐱 💬 kitten.$showEventsOnTable('counter')  undefined🐱 💬📄 → 🐱: Client event« update » Counter (KittenComponent) c9333a86
{
  update: '',
  value: 1,
  _componentId: 'kid-c9333a86-208f-468a-93f6-c6c706a13148'
}💾 Counter updated in memory.{ count: 41 } =&gt; count = 42🐱 → 📄: Streaming HTML&lt;div data-kitten-component id="kid-c9333a86-208f-468a-93f6-c6c706a13148" hx-swap-oob="morph" hx-ext="morph"&gt;
  &lt;div aria-live="assertive"&gt;42&lt;/div&gt;
  &lt;button name="update" aria-label="decrement" ws-send hx-ext="ws" hx-vals="js:{value: -1}"&gt;-&lt;/button&gt;
  &lt;button name="update" aria-label="increment" ws-send hx-ext="ws" hx-vals="js:{value: 1}"&gt;+&lt;/button&gt;
  &lt;style inline&gt;@scope { div { font-size: 3em; margin: 0.25em 0; } }&lt;/style&gt;
&lt;/div&gt;💾 Counter table update.kitten.db.counter.count = 42Persisted as:'_[[`count`]] = 42;\n'</a></label><br><a href="https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/116/720/344/874/381/754/original/c1dc4cf98dd82e1a.jpeg" rel="external">https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/116/720/344/874/381/754/original/c1dc4cf98dd82e1a.jpeg</a></li><li><label><a rel="external" href="https://gnusocial.jp/attachment/6157500">Untitled attachment</a></label><br></li><li><label><a rel="external" href="https://gnusocial.jp/attachment/6157501">Untitled attachment</a></label><br></li></ol></footer></blockquote>

Corresponding Notice

Embed this notice
Aral Balkan (aral@mastodon.ar.al)'s status on Tuesday, 09-Jun-2026 22:19:41 JST Aral Balkan
Very excited about the new stateful components model in Kitten¹ that I’m looking forward to releasing this week (finally) and the amount of visibility you can now get into the flow of your Kitten apps in the Kitten Interactive Shell (REPL)².
Since the new model is a breaking change (Kitten is prerelease) I’m in the middle of updating our own apps/sites and I still need to document everything. So it will take me a few days to do all that but then I’m very much looking forward to focussing on finishing up Catalyst and Yarn³ for launch this year.
It’s been a six year trek to reach what will essentially be the starting point of the Small Web :)
💕
PS. If you want to support our work, please see https://small-tech.org/fund-us/
¹ https://kitten.small-web.org
² https://kitten.small-web.org/tutorials/kitten-s-interactive-shell-repl/
³ https://ar.al/2024/06/24/small-web-computer-science-colloquium-at-university-of-groningen/
#SmallWeb #Kitten #web #dev #statefulComponents #streamingHTML #hypertext #webSockets
In conversationabout 12 days ago from mastodon.ar.alpermalink
Attachments
1. Untitled attachment
2. Untitled attachment
3. Domain not in remote thumbnail source whitelist: ar.al
  Small Web: computer science colloquium at University of Groningen
  Download the video and watch it with your favourite video player. Recording1 of the live stream of a computer science colloquium on the Small Web I presented at the University of Groningen on June 11th, 2024. (Transcript) Update: I was going back and forth between calling the personal social network Place and Yarn. In the talk, I refer to it as Yarn. As I’ve been working more on it, I’ve reverted to its original name, Place.
4. Screenshot of the Kitten REPL running in WezTerm: 🐢 Kitten Interactive Shell (REPL) ctrl-d to exit; .help for assistance. Key 🐱 Kitten 📄 Page 🛜 Server event 🧩 Component ◉━◉ Connected ◉╌◌ Disconnected 🐱 💬 kitten.$showEventsOnTable('counter') undefined 🐱 💬 📄 → 🐱: Client event « update » Counter (KittenComponent) c9333a86 { update: '', value: 1, _componentId: 'kid-c9333a86-208f-468a-93f6-c6c706a13148' } 💾 Counter updated in memory. { count: 41 } => count = 42 🐱 → 📄: Streaming HTML <div data-kitten-component id="kid-c9333a86-208f-468a-93f6-c6c706a13148" hx-swap-oob="morph" hx-ext="morph"> <div aria-live="assertive">42</div> <button name="update" aria-label="decrement" ws-send hx-ext="ws" hx-vals="js:{value: -1}">-</button> <button name="update" aria-label="increment" ws-send hx-ext="ws" hx-vals="js:{value: 1}">+</button> <style inline>@scope { div { font-size: 3em; margin: 0.25em 0; } }</style> </div> 💾 Counter table update. kitten.db.counter.count = 42 Persisted as: '_[[`count`]] = 42;\n'
  https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/116/720/344/874/381/754/original/c1dc4cf98dd82e1a.jpeg
5. Untitled attachment
6. Untitled attachment

Public

Embed Notice

HTML Code

Corresponding Notice