Mathstodon

1 post1 participant0 posts today

PomaxI've released v6.0.0 of Socketless, the <a href="https://mastodon.social/tags/Websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Websocket</a> based <a href="https://mastodon.social/tags/Javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Javascript</a> <a href="https://mastodon.social/tags/RPC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RPC</a> library where you never write any RPC or websocket code, because you should not have to care.Get it over on <a href="https://www.npmjs.com/package/socketless" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.npmjs.com/package/socketless</a> and see <a href="https://github.com/Pomax/socketless/blob/main/docs/CHANGELOG.md" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/Pomax/socketless/blob/main/docs/CHANGELOG.md</a> for the changes.

Aral BalkanNew Kitten release 🎉<a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org</a>• New: Lovely new icons¹ and new callouts in Kitten Settings²• New: Markdown now supports attributes and bracketed spans³• New: client-side `kitten` global with `trigger` function for triggering events on the server from the client. (Useful when streaming client-side JavaScript when using Kitten’s Streaming HTML⁴ workflow. e.g., when you have to use a client-only web API like the Clipboard API but you want to keep all your logic on your server-side page.⁵)• Fixed: The bound render function returned by `KittenComponent` class’s `component` getter now correctly awaits asynchronous templates. (In Kitten, you don’t have to care whether your templates contain promises. Kitten handles all that for you.)Enjoy! :kitten:💕¹ <a href="https://kitten.small-web.org/reference/#icons" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org/reference/#icons</a>² <a href="https://mastodon.ar.al/@aral/114381983893061099" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.ar.al/@aral/114381983893061099</a>³ <a href="https://kitten.small-web.org/reference/#markdown-support" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org/reference/#markdown-support</a> (also see <a href="https://mastodon.ar.al/@aral/114381462302862256" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.ar.al/@aral/114381462302862256</a>)⁴ <a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org/tutorials/streaming-html/</a>⁵ e.g., See how I use this to implement a copy to clipboard button in the database page of Kitten’s Settings: <a href="https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/db/index.page.js#L33" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/db/index.page.js#L33</a> Of course, you don’t have to use this and you can just write client-side JavaScript or use the built-in Alpine.js integration. e.g., how I do it on the (older) settings/identity page: <a href="https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/identity/index.page.js#L7" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/identity/index.page.js#L7</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#markdown</a> <a href="https://mastodon.ar.al/tags/icons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#icons</a> <a href="https://mastodon.ar.al/tags/PhosphorIcons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PhosphorIcons</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StreamingHTML</a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#htmx</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NodeJS</a>

Neustradamus :xmpp: :linux:<a href="https://mastodon.social/tags/curl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#curl</a> 8.13.0 has been released (<a href="https://mastodon.social/tags/libcurl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#libcurl</a> / <a href="https://mastodon.social/tags/Haxx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Haxx</a> / <a href="https://mastodon.social/tags/DICT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DICT</a> / <a href="https://mastodon.social/tags/FILE" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FILE</a> / <a href="https://mastodon.social/tags/FTP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FTP</a> / <a href="https://mastodon.social/tags/FTPS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FTPS</a> / <a href="https://mastodon.social/tags/Gopher" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Gopher</a> / <a href="https://mastodon.social/tags/HTTP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTTP</a> / <a href="https://mastodon.social/tags/HTTPS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTTPS</a> / <a href="https://mastodon.social/tags/IMAP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IMAP</a> / <a href="https://mastodon.social/tags/IMAPS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IMAPS</a> / <a href="https://mastodon.social/tags/LDAP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LDAP</a> / <a href="https://mastodon.social/tags/LDAPS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LDAPS</a> / <a href="https://mastodon.social/tags/MQTT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MQTT</a> / <a href="https://mastodon.social/tags/POP3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#POP3</a> / <a href="https://mastodon.social/tags/POP3S" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#POP3S</a> / <a href="https://mastodon.social/tags/RTMP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RTMP</a> / <a href="https://mastodon.social/tags/RTMPS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RTMPS</a> / <a href="https://mastodon.social/tags/RTSP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RTSP</a> / <a href="https://mastodon.social/tags/SCP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SCP</a> / <a href="https://mastodon.social/tags/SFTP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SFTP</a> / <a href="https://mastodon.social/tags/SMB" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SMB</a> / <a href="https://mastodon.social/tags/SMBS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SMBS</a> / <a href="https://mastodon.social/tags/SMTP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SMTP</a> / <a href="https://mastodon.social/tags/SMTPS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SMTPS</a> / <a href="https://mastodon.social/tags/Telnet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Telnet</a> / <a href="https://mastodon.social/tags/TFTP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TFTP</a> / <a href="https://mastodon.social/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a> / <a href="https://mastodon.social/tags/SOCKS4" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SOCKS4</a> / <a href="https://mastodon.social/tags/SOCKS5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SOCKS5</a> / <a href="https://mastodon.social/tags/SCRAM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SCRAM</a> / <a href="https://mastodon.social/tags/TLS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TLS</a> / <a href="https://mastodon.social/tags/HTTP2" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTTP2</a> / <a href="https://mastodon.social/tags/HTTP3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTTP3</a>) <a href="https://curl.se/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://curl.se/</a>

oneM2M-The Global IoT StandardIf you are a <a href="https://c.im/tags/developer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#developer</a> and need to combine several <a href="https://c.im/tags/protocol" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#protocol</a> <a href="https://c.im/tags/bindings" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#bindings</a> for an <a href="https://c.im/tags/IoT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IoT</a> system, the ACME-CSE provides a great environment for learning and experimentation <a href="https://acmecse.net/home/Supported/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://acmecse.net/home/Supported/</a> <a href="https://c.im/tags/CoAP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CoAP</a> <a href="https://c.im/tags/http" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#http</a> <a href="https://c.im/tags/MQTT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MQTT</a> <a href="https://c.im/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a>

Alexey SkobkinБлин, у меня какая-от непонятная херота с WebSocket соединениями на моём GoToSocial.Альтернативные мастодон-морды не могут подключиться к вебсокету. А ручной коннект через создание вебсокета в консоли браузера - срабатывает.При этом при WS-коннекте из того же Masto-FE Standalone (GTS flavor) я вижу, что в заголовках запроса улетает <code>sec-websocket-protocol</code> равный моему токену, который и так передаётся в урле при подключении:<pre><code>/api/v1/streaming?access_token=<my_token_here> </code></pre>И это очень странно. Потому что <code>sec-websocket-protocol</code> так-то вроде вообще не для этого.Соответственно, если я попытаюсь воспроизвести руками и сделать примено так:<pre><code>new WebSocket( "wss://gts.skobk.in/api/v1/streaming?access_token=<your_token>", "<your_token>" ); </code></pre>То получу аналогичный результат с проблемой соединения.Но вот какого хера это происходит - неясно.Тем временем не факт, что проблема только в этом. В Phanpy при этом заголовка такого в запросе нет, но результат - такой же.Со стороны GTS же я вижу такое:<pre><code>gotosocial | timestamp="13/04/2025 03:01:29.171" func=streaming.(*Module).handleWSConn level=INFO streamID=<redacted> username=skobkin requestID=<redacted> msg="opened websocket connection" ... gotosocial | timestamp="13/04/2025 03:01:34.214" func=streaming.(*Module).readFromWSConn level=ERROR streamID=<redacted> username=skobkin requestID=<redacted> msg="error during websocket read: websocket: close 1006 (abnormal closure): unexpected EOF" gotosocial | timestamp="13/04/2025 03:01:34.214" func=streaming.(*Module).handleWSConn level=INFO streamID=<redacted> username=skobkin requestID=<redacted> msg="closed websocket connection" </code></pre>Хотелось бы подумать, что "да это просто Nginx не настроен!", но:<ul><li>Руками-то сокет создаётся и переходит в статус <code>101</code></li><li>Другие сервисы с подобным конфигом работают нормально на этом же сервере</li></ul><a href="https://gts.skobk.in/tags/wtf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WTF</a> <a href="https://gts.skobk.in/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://gts.skobk.in/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a> <a href="https://gts.skobk.in/tags/gotosocial" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GoToSocial</a> <a href="https://gts.skobk.in/tags/log" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#log</a> <a href="https://gts.skobk.in/tags/fail" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FAIL</a>

Adam NelsonIt's 2025, and there's still no widely-used standardized RPC protocol for <a href="https://fosstodon.org/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a>.I've looked from time to time, and I never find anything. WAMP is perhaps the closest, but it's massively complex, needs a separate router, and the company that "owns" it (Crossbar) is dead.What else is there? I see the occasional attempt at JSON-RPC or gRPC over WebSocket, but each implementation is unique and nonstandard. I'm half considering writing my own based on Lexicon (w/o the <a href="https://fosstodon.org/tags/ATProto" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ATProto</a> XRPC baggage).

Chris Woody WoodruffLive updates without the hassle? Yes, please. With HTMX and Razor Pages, you can sprinkle real-time magic using SSE—no WebSocket setup is required. Check out how to keep your UI fresh and reactive: <a href="https://woodruff.dev/real-time-magic-live-updates-with-htmx-and-asp-net-razor-pages/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://woodruff.dev/real-time-magic-live-updates-with-htmx-and-asp-net-razor-pages/</a><a href="https://mastodon.social/tags/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#htmx</a> <a href="https://mastodon.social/tags/aspnetcore" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#aspnetcore</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ux</a> <a href="https://mastodon.social/tags/realtime" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#realtime</a> <a href="https://mastodon.social/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a> <a href="https://mastodon.social/tags/sse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sse</a>

vvvv - a multipurpose toolkitNew episode of vvvvTv is out: S02E09: Controlling apps via a Web UI using WebSocket<a href="https://www.youtube.com/live/DR1ay0WR418?si=jiwwiKraMf7WgWXE" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.youtube.com/live/DR1ay0WR418?si=jiwwiKraMf7WgWXE</a><a href="https://mastodon.xyz/tags/vvvv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vvvv</a> <a href="https://mastodon.xyz/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#creativecoding</a> <a href="https://mastodon.xyz/tags/visualprogramming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#visualprogramming</a> <a href="https://mastodon.xyz/tags/dotnet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dotnet</a> <a href="https://mastodon.xyz/tags/vvvvTv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vvvvTv</a> <a href="https://mastodon.xyz/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a>

vvvv - a multipurpose toolkitNew episode of vvvvTv is out: S02E08: Multiplayer Installation using WebSocket<a href="https://www.youtube.com/live/GtKx2v5Egxw?si=Y_C333EjM0P45xea" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.youtube.com/live/GtKx2v5Egxw?si=Y_C333EjM0P45xea</a><a href="https://mastodon.xyz/tags/vvvv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vvvv</a> <a href="https://mastodon.xyz/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#creativecoding</a> <a href="https://mastodon.xyz/tags/visualprogramming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#visualprogramming</a> <a href="https://mastodon.xyz/tags/dotnet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dotnet</a> <a href="https://mastodon.xyz/tags/vvvvTv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vvvvTv</a> <a href="https://mastodon.xyz/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a>

vvvv - a multipurpose toolkitNew episode of vvvvTv is out: S02E07: Talking to an API via WebSocket<a href="https://www.youtube.com/live/TTvkQgGZfZw?si=tBfqQOSQ5Aq4LTGM" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.youtube.com/live/TTvkQgGZfZw?si=tBfqQOSQ5Aq4LTGM</a><a href="https://mastodon.xyz/tags/vvvv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vvvv</a> <a href="https://mastodon.xyz/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#creativecoding</a> <a href="https://mastodon.xyz/tags/visualprogramming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#visualprogramming</a> <a href="https://mastodon.xyz/tags/dotnet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dotnet</a> <a href="https://mastodon.xyz/tags/vvvvTv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vvvvTv</a> <a href="https://mastodon.xyz/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a>

Aral BalkanNew Kitten Release• Automatic message routing: if the element that triggers an event on the client does not have a `name` attribute, Kitten now falls back to using its `id` instead to route the event to the correct server-side event handler on your live Kitten pages. If neither attribute exists, Kitten will fail to route the message but no longer crash as it was due to a regression introduced when I implemented support for colons in element names.¹<a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org</a>For more details on Kitten’s live pages and automatic message routing, please see the Streaming HTML tutorial:<a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org/tutorials/streaming-html/</a>Enjoy!:kitten:💕¹ A colon in an element name is ignored for message routing purposes, letting you, for example, give unique names to <details> elements, allowing more than one to be open at a time, while having their events be handled by the same handler.<a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/hypermedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#hypermedia</a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#htmx</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/beautifulDefaults" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#beautifulDefaults</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StreamingHTML</a>

JSDev SpaceWebSocket vs Socket.IO: Real-Time Communication Guide <a href="https://jsdev.space/websocket-socketio/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://jsdev.space/websocket-socketio/</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a> <a href="https://mastodon.social/tags/socketio" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#socketio</a>

Aral BalkanNew 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.<a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org</a>For more details, see the Valid File Types section of the Kitten reference¹ and the Dynamic Pages tutorial².Enjoy!:kitten:💕¹ <a href="https://kitten.small-web.org/reference/#valid-file-types" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org/reference/#valid-file-types</a> ² <a href="https://kitten.small-web.org/tutorials/dynamic-pages/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org/tutorials/dynamic-pages/</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/server" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#server</a> <a href="https://mastodon.ar.al/tags/framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#framework</a> <a href="https://mastodon.ar.al/tags/kit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kit</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/routing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#routing</a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NodeJS</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#htmx</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/hypermedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#hypermedia</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StreamingHTML</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a>

Symfony Station 🇺🇦🇨🇦🇬🇱Golems GABB: Drupal and WebSocket for Real-time Data Rendering. <a href="https://drupal.community/tags/drupal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#drupal</a> <a href="https://drupal.community/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a> <a href="https://gole.ms/blog/drupal-and-websocket-real-time-data-rendering" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://gole.ms/blog/drupal-and-websocket-real-time-data-rendering</a>

Aral BalkanNew Kitten release• You can now use key paths in the names of your client-side live components and these will automatically be transformed into object hierarchies on the server for you.¹• Self heals zombie live pages (see Streaming HTML workflow²) if they return to life due to client-side browser cache.³• Removes htmx⁴ headers from `data` property into separate `header` property in Kitten Page events and the data your Kitten Page message handlers receive.• Automatically passes references to the live page object (if any) and the request and response objects to the layout templates of Markdown pages⁵ (so you can, for example, check if `request.session.authenticated`⁶ is true from the your layout template and customise the layout accordingly).<a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org</a>Enjoy!:kitten:💕¹ e.g., See <a href="https://codeberg.org/small-tech/site/src/branch/kitten/admin%F0%9F%94%92/news/index_%5Boptional-postId%5D.page.js#L356" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codeberg.org/small-tech/site/src/branch/kitten/admin%F0%9F%94%92/news/index_%5Boptional-postId%5D.page.js#L356</a> (markup) and <a href="https://codeberg.org/small-tech/site/src/branch/kitten/admin%F0%9F%94%92/news/index_%5Boptional-postId%5D.page.js#L173" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codeberg.org/small-tech/site/src/branch/kitten/admin%F0%9F%94%92/news/index_%5Boptional-postId%5D.page.js#L173</a> (handler) and <a href="https://codeberg.org/small-tech/site/src/branch/kitten/app_modules/database/database.js#L95" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codeberg.org/small-tech/site/src/branch/kitten/app_modules/database/database.js#L95</a> (model class method). ² See Streaming HTML tutorial: <a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org/tutorials/streaming-html/</a> (There’s actually more to it now but I haven’t had a chance to document the new class-based and event-driven live page workflow yet. It’s experimental but working very well for me so far so I will do so shortly.)³ When a person leaves a live/connected page (a page connected to its default web socket), we clean up and remove that live page from memory. However, browsers being what they are, cache the page on the client. If a person uses the back/forward buttons to return to the page, the browser will serve the cached source from memory, which has the old page ID, for the page that no longer exists in Kitten’s memory. So now we have a problem. The only way to recover from this is to tell the page to reload itself. So we accept the WebSocket connection, send a command to the page for it to reload itself, and then close the socket. That makes the stale page self heal by replacing itself with a fresh one. Yay, go us!⁴ HTMX: <a href="https://htmx.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://htmx.org</a>⁵ Kitten Markdown pages reference: <a href="https://kitten.small-web.org/reference/#markdown-pages-page-md-files" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org/reference/#markdown-pages-page-md-files</a>⁶ See Session tutorial: <a href="https://kitten.small-web.org/tutorials/sessions/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org/tutorials/sessions/</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StreamingHTML</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/HTMX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTMX</a> <a href="https://mastodon.ar.al/tags/Markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Markdown</a> <a href="https://mastodon.ar.al/tags/sessions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sessions</a> <a href="https://mastodon.ar.al/tags/data" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#data</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Burton NurnieDoes anyone here have experience with the <a href="https://jorts.horse/tags/azure" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#azure</a> cognitive services <a href="https://jorts.horse/tags/api" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#api</a> in the browser client? I'm getting an unexplainable <a href="https://jorts.horse/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a> error 1006 that's only happening to my user in certain circumstances, and the reason is `undefined`I'm confident it's not a bad key, because the same code and deployment works for another user. <a href="https://jorts.horse/tags/boosts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boosts</a> welcome, <a href="https://jorts.horse/tags/help" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#help</a> please! This is for a <a href="https://jorts.horse/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FOSS</a> accessibility project.

Línea de CódigoWebsocket Echo en Java EE <a href="https://lineadecodigo.com/java/websocket-echo-en-java-ee/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://lineadecodigo.com/java/websocket-echo-en-java-ee/</a> por @victor_cuervo <a href="https://mastodon.social/tags/java" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#java</a> <a href="https://mastodon.social/tags/javaee" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javaee</a> <a href="https://mastodon.social/tags/jakarta" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#jakarta</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/webapi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webapi</a> <a href="https://mastodon.social/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a>

Aral BalkanMay I just say so myself that I‘m loving playing with Kitten¹ to build Domain² (shown below) and Place³.¹ <a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org</a> ² <a href="https://codeberg.org/domain/app" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codeberg.org/domain/app</a> ³ <a href="https://codeberg.org/place/app" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codeberg.org/place/app</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/Domain" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Domain</a> <a href="https://mastodon.ar.al/tags/Place" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Place</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/humanRights" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#humanRights</a> <a href="https://mastodon.ar.al/tags/democracy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#democracy</a> <a href="https://mastodon.ar.al/tags/technology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#technology</a> <a href="https://mastodon.ar.al/tags/peerToPeer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#peerToPeer</a> <a href="https://mastodon.ar.al/tags/peerToPeerWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#peerToPeerWeb</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NodeJS</a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#htmx</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/objectOriented" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#objectOriented</a> <a href="https://mastodon.ar.al/tags/eventBased" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#eventBased</a> <a href="https://mastodon.ar.al/tags/hypermedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#hypermedia</a>

Aral BalkanNew Kitten¹ updateExperimental:• Adds `data` property to Kitten components• Adds swap target to `page.send` so you can have an element added before, after, as first child of, or as last child of another (this is syntactic sugar over htmx and works around some of the complexities with out-of-band swaps in htmx, especially when streaming table rows to tables).Also, check out the latest live page and page events state view in Kitten’s Settings (every Kitten app has this settings view).<a href="https://vimeo.com/1050348456" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://vimeo.com/1050348456</a>¹ <a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/OOP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OOP</a> <a href="https://mastodon.ar.al/tags/eventModel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#eventModel</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StreamingHTML</a> <a href="https://mastodon.ar.al/tags/liveComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#liveComponents</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/RPC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RPC</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#framework</a> <a href="https://mastodon.ar.al/tags/server" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#server</a> <a href="https://mastodon.ar.al/tags/platform" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#platform</a>

Aral BalkanSo last night, while recording the preview of Kitten’s¹ improved component model², I made a silly mistake (copying raw HTML into a JavaScript function instead of wrapping it in a kitten.html`` tagged template, easy to do when you’re refactoring to pull out components from pages).Then, once I figured out what I’d done, I made another one by forgetting to return the value from the function (easy to do when you’re used to using one-line closures as render functions).I would have caught both of those so much faster if Kitten had helpful error messages for those two pitfalls. And guess what, this morning, it does :)Attached are screenshot showing the before and after error messages.Enjoy!:kitten:💕¹ <a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org</a> ² Scroll up the thread to watch the video.<a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/PeerToPeerWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PeerToPeerWeb</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/server" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#server</a> <a href="https://mastodon.ar.al/tags/framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#framework</a> <a href="https://mastodon.ar.al/tags/platform" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#platform</a> <a href="https://mastodon.ar.al/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://mastodon.ar.al/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> <a href="https://mastodon.ar.al/tags/errorMessages" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#errorMessages</a> <a href="https://mastodon.ar.al/tags/authoring" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#authoring</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#htmx</a> <a href="https://mastodon.ar.al/tags/hypermedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#hypermedia</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StreamingHTML</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallTech</a>

Recent searches

Search options

Administered by:

Server stats:

#websocket