Embed Notice

HTML Code

<blockquote style="position: relative; padding-left: 55px;"><section><a href="https://mastodon.ar.al/users/aral/statuses/111855952653866563">Aral Balkan (aral@mastodon.ar.al)'s status on Thursday, 01-Feb-2024 20:20:23 JST</a><a href="https://mastodon.ar.al/@aral" title="aral@mastodon.ar.al"><img src="https://gnusocial.jp/theme/gnusocialjp/default-avatar-stream.png" width="48" height="48" alt="Aral Balkan" style="position: absolute; left: 0; top: 0;">Aral Balkan</a><div><a href="https://mastodon.ar.al/@aral/111852129966520779" rel="in-reply-to">in reply to</a></div></section><article><p>Right, <a href="https://mastodon.ar.al/tags/idiomorph" rel="tag">#idiomorph</a>¹ is now integrated into <a href="https://mastodon.ar.al/tags/Kitten" rel="tag">#Kitten</a>² and enjoys first-class support via the &lt;page&gt; tag like <a href="https://mastodon.ar.al/tags/htmx" rel="tag">#htmx</a> itself, the htmx <a href="https://mastodon.ar.al/tags/WebSocket" rel="tag">#WebSocket</a> extension, Alpine.js, and Water semantic <a href="https://mastodon.ar.al/tags/CSS" rel="tag">#CSS</a> library.</p><p>It’s auto-loaded for you if you expose `onConnect()` handlers in your pages when using the new Streaming HTML workflow.</p><p>(You must still manually add `htmx-swap-oob='morph'` to elements you want to morph. I might add syntactic sugar for this later.)</p><p>¹ <a href="https://github.com/bigskysoftware/idiomorph/tree/main?tab=readme-ov-file#%EF%B8%8F-idiomorph" rel="nofollow noreferrer">https://github.com/bigskysoftware/idiomorph/tree/main?tab=readme-ov-file#%EF%B8%8F-idiomorph</a></p><p>² <a href="https://codeberg.org/kitten/app" rel="nofollow noreferrer">https://codeberg.org/kitten/app</a></p></article><footer><a rel="bookmark" href="https://gnusocial.jp/conversation/2660608#notice-5277837">In conversation</a><time datetime="2024-02-01T20:20:23+09:00" title="Thursday, 01-Feb-2024 20:20:23 JST">about a year ago</time> <span>from <span><a href="https://mastodon.ar.al/@aral/111855952653866563" rel="external" title="Sent from mastodon.ar.al via ActivityPub">mastodon.ar.al</a></span></span><a href="https://mastodon.ar.al/@aral/111855952653866563">permalink</a><h4>Attachments</h4><ol><li><article><header><div>No result found on File_thumbnail lookup.</div><h5><a href="http://library.It/">http://library.It/</a></h5><div></div></header><div></div><footer></footer></article></li><li><article><header><div>Domain not in remote thumbnail source whitelist: codeberg.org</div><h5><a href="https://codeberg.org/kitten/app">app</a></h5><div> from <span>kitten</span></div></header><div>A web development kit that’s small, purrs, and loves you.</div><footer></footer></article></li><li><article><header><div>Domain not in remote thumbnail source whitelist: opengraph.githubassets.com</div><h5><a href="https://github.com/bigskysoftware/idiomorph/tree/main?tab=readme-ov-file#%EF%B8%8F-idiomorph%C2%B2">GitHub - bigskysoftware/idiomorph: A DOM-merging algorithm</a></h5><div></div></header><div>A DOM-merging algorithm. Contribute to bigskysoftware/idiomorph development by creating an account on GitHub.</div><footer></footer></article></li></ol></footer></blockquote>

Corresponding Notice

Embed this notice
Aral Balkan (aral@mastodon.ar.al)'s status on Thursday, 01-Feb-2024 20:20:23 JST Aral Balkan
in reply to
Right, #idiomorph¹ is now integrated into #Kitten² and enjoys first-class support via the <page> tag like #htmx itself, the htmx #WebSocket extension, Alpine.js, and Water semantic #CSS library.
It’s auto-loaded for you if you expose `onConnect()` handlers in your pages when using the new Streaming HTML workflow.
(You must still manually add `htmx-swap-oob='morph'` to elements you want to morph. I might add syntactic sugar for this later.)
¹ https://github.com/bigskysoftware/idiomorph/tree/main?tab=readme-ov-file#%EF%B8%8F-idiomorph
² https://codeberg.org/kitten/app
In conversationabout a year ago from mastodon.ar.alpermalink
Attachments
1. No result found on File_thumbnail lookup.
  http://library.It/
2. Domain not in remote thumbnail source whitelist: codeberg.org
  app
  from kitten
  A web development kit that’s small, purrs, and loves you.
3. Domain not in remote thumbnail source whitelist: opengraph.githubassets.com
  GitHub - bigskysoftware/idiomorph: A DOM-merging algorithm
  A DOM-merging algorithm. Contribute to bigskysoftware/idiomorph development by creating an account on GitHub.

Public

Embed Notice

HTML Code

Corresponding Notice