Lingolol

⚯ Michel de Cryptadamus ⚯Ω🪬Ω The new version of <a href="https://universeodon.com/tags/Fedialgo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fedialgo</a> is much, much faster at loading and reordering the timeline. Also has fancy gradients to show you which hashtags in your feed are the ones trending the most and which ones you post about the most. Also a bunch of other tweaks and improvements.* Try the demo: <a href="https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/</a> * Video of it in action: <a href="https://universeodon.com/@cryptadamist/114518687892123058" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://universeodon.com/@cryptadamist/114518687892123058</a> * Release notes: <a href="https://github.com/michelcrypt4d4mus/fedialgo_demo_app_foryoufeed/releases" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/michelcrypt4d4mus/fedialgo_demo_app_foryoufeed/releases</a><a href="https://universeodon.com/tags/activitypub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#activitypub</a> <a href="https://universeodon.com/tags/algorithm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithm</a> <a href="https://universeodon.com/tags/algorithmicFeed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithmicFeed</a> <a href="https://universeodon.com/tags/algorithmicTimeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithmicTimeline</a> <a href="https://universeodon.com/tags/Fedi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fedi</a> <a href="https://universeodon.com/tags/FediTips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediTips</a> <a href="https://universeodon.com/tags/FediTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediTools</a> <a href="https://universeodon.com/tags/Fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fediverse</a> <a href="https://universeodon.com/tags/Feed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Feed</a> <a href="https://universeodon.com/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FOSS</a> <a href="https://universeodon.com/tags/MastoAdmin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MastoAdmin</a> <a href="https://universeodon.com/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> <a href="https://universeodon.com/tags/mastohelp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastohelp</a> <a href="https://universeodon.com/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://universeodon.com/tags/nod" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nod</a> <a href="https://universeodon.com/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opensource</a> <a href="https://universeodon.com/tags/SocialWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SocialWeb</a> <a href="https://universeodon.com/tags/timeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#timeline</a> <a href="https://universeodon.com/tags/TL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TL</a> <a href="https://universeodon.com/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Aral BalkanJust requested that Auto Encrypt¹ is added to the list of <a href="https://infosec.exchange/@letsencrypt" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@letsencrypt</a> clients for Node.js and that Kitten² is added to the list of projects that integrate Let’s Encrypt support:• <a href="https://github.com/letsencrypt/website/pull/1921" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/letsencrypt/website/pull/1921</a> • <a href="https://github.com/letsencrypt/website/pull/1922" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/letsencrypt/website/pull/1922</a>I originally requested that Auto Encrypt and Site.js (the precursor to Kitten, now sunset) be added to the list in 2021. It was not approved (no reason given), so hopefully this time will be different.<a href="https://github.com/letsencrypt/website/pull/1203" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/letsencrypt/website/pull/1203</a>¹ <a href="https://codeberg.org/small-tech/auto-encrypt" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codeberg.org/small-tech/auto-encrypt</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/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/AutoEncrypt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AutoEncrypt</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/LetsEncrypt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LetsEncrypt</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/ACME" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ACME</a>

⚯ Michel de Cryptadamus ⚯Ω🪬Ω You can now send replies to Toots as well as expand threads directly within the <a href="https://universeodon.com/tags/FediAlgo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediAlgo</a> demo app, no need to click through to the regular Mastodon web interface.* Link: <a href="https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/</a> * Code: <a href="https://github.com/michelcrypt4d4mus/fedialgo_demo_app_foryoufeed" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/michelcrypt4d4mus/fedialgo_demo_app_foryoufeed</a> * Video of FediAlgo in action: <a href="https://universeodon.com/@cryptadamist/114395249311910522" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://universeodon.com/@cryptadamist/114395249311910522</a><a href="https://universeodon.com/tags/activitypub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#activitypub</a> <a href="https://universeodon.com/tags/algorithm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithm</a> <a href="https://universeodon.com/tags/algorithmicFeed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithmicFeed</a> <a href="https://universeodon.com/tags/algorithmicTimeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithmicTimeline</a> <a href="https://universeodon.com/tags/Fedi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fedi</a> <a href="https://universeodon.com/tags/FediTips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediTips</a> <a href="https://universeodon.com/tags/FediTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediTools</a> <a href="https://universeodon.com/tags/Fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fediverse</a> <a href="https://universeodon.com/tags/Feed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Feed</a> <a href="https://universeodon.com/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FOSS</a> <a href="https://universeodon.com/tags/Masto" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Masto</a> <a href="https://universeodon.com/tags/MastoAdmin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MastoAdmin</a> <a href="https://universeodon.com/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> <a href="https://universeodon.com/tags/mastohelp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastohelp</a> <a href="https://universeodon.com/tags/MastoJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MastoJS</a> <a href="https://universeodon.com/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://universeodon.com/tags/nod" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nod</a> <a href="https://universeodon.com/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opensource</a> <a href="https://universeodon.com/tags/SocialWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SocialWeb</a> <a href="https://universeodon.com/tags/timeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#timeline</a> <a href="https://universeodon.com/tags/TL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TL</a> <a href="https://universeodon.com/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Reilly Spitzfaden (they/them)My Swedish textbook publisher wanted me to listen to audio examples on their site or in their app. I had other ideas.A fun little project combating enshittification, and some practice with Node JS and web scraping!<a href="https://reillyspitzfaden.com/posts/2025/05/i-would-rather-spend-an-evening-on-a-web-scraper-than-use-your-app/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://reillyspitzfaden.com/posts/2025/05/i-would-rather-spend-an-evening-on-a-web-scraper-than-use-your-app/</a> <a href="https://hachyderm.io/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NodeJS</a> <a href="https://hachyderm.io/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://hachyderm.io/tags/Enshittification" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Enshittification</a> <a href="https://hachyderm.io/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://hachyderm.io/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Programming</a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a>

MichaelI have posted about this before, but wanted to re-iterate how much in love I am with FediAlgo:I’m currently on paternity leave so have around half an hour per day for social. That is of course far from enough to keep up with a chronological timeline like mine, and previously with Mastodon the FOMO was real. Now I go to FediAlgo and I feel I got an overview over what’s interesting in that day. It’s also immensely customisable, but the defaults do a decent job for me. If you haven’t tried it yet, I highly recommend you try it out. You can try it out on my personal playground at <a href="https://fedialgo.thms.uk" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://fedialgo.thms.uk</a> or on the maintainer’s official website at <a href="https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/</a>Thanks <a href="https://universeodon.com/@cryptadamist" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@cryptadamist</a> for the work you put into this!<a href="https://mstdn.thms.uk/tags/activitypub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#activitypub</a> <a href="https://mstdn.thms.uk/tags/algorithm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithm</a> <a href="https://mstdn.thms.uk/tags/algorithmicFeed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithmicFeed</a> <a href="https://mstdn.thms.uk/tags/algorithmicTimeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithmicTimeline</a> <a href="https://mstdn.thms.uk/tags/Fedi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fedi</a> <a href="https://mstdn.thms.uk/tags/FediTips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediTips</a> <a href="https://mstdn.thms.uk/tags/FediTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediTools</a> <a href="https://mstdn.thms.uk/tags/Fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fediverse</a> <a href="https://mstdn.thms.uk/tags/Feed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Feed</a> <a href="https://mstdn.thms.uk/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FOSS</a> <a href="https://mstdn.thms.uk/tags/MastoAdmin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MastoAdmin</a> <a href="https://mstdn.thms.uk/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> <a href="https://mstdn.thms.uk/tags/mastohelp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastohelp</a> <a href="https://mstdn.thms.uk/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://mstdn.thms.uk/tags/nod" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nod</a> <a href="https://mstdn.thms.uk/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opensource</a> <a href="https://mstdn.thms.uk/tags/SocialWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SocialWeb</a> <a href="https://mstdn.thms.uk/tags/timeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#timeline</a> <a href="https://mstdn.thms.uk/tags/TL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TL</a> <a href="https://mstdn.thms.uk/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

kalvn🔗 <a href="https://snyk.io/fr/blog/best-practices-create-modern-npm-package/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://snyk.io/fr/blog/best-practices-create-modern-npm-package/</a><a href="https://mastodon.xyz/tags/npm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#npm</a> <a href="https://mastodon.xyz/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://mastodon.xyz/tags/goodpractice" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#goodpractice</a> <a href="https://mastodon.xyz/tags/package" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#package</a>

⚯ Michel de Cryptadamus ⚯Ω🪬Ω <a href="https://universeodon.com/tags/FediAlgo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediAlgo</a>, the customizable timeline algorithm / filtering system for your Mastodon feed, is now deployed on Github Pages and can be used from your web browser.* Link: <a href="https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/</a> * Code: <a href="https://github.com/michelcrypt4d4mus/fedialgo_demo_app_foryoufeed" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/michelcrypt4d4mus/fedialgo_demo_app_foryoufeed</a> * Video of FediAlgo in action: <a href="https://universeodon.com/@cryptadamist/114395249311910522" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://universeodon.com/@cryptadamist/114395249311910522</a><a href="https://universeodon.com/tags/activitypub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#activitypub</a> <a href="https://universeodon.com/tags/algorithm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithm</a> <a href="https://universeodon.com/tags/algorithmicFeed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithmicFeed</a> <a href="https://universeodon.com/tags/algorithmicTimeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithmicTimeline</a> <a href="https://universeodon.com/tags/Fedi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fedi</a> <a href="https://universeodon.com/tags/FediTips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediTips</a> <a href="https://universeodon.com/tags/FediTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediTools</a> <a href="https://universeodon.com/tags/Fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fediverse</a> <a href="https://universeodon.com/tags/Feed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Feed</a> <a href="https://universeodon.com/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FOSS</a> <a href="https://universeodon.com/tags/Masto" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Masto</a> <a href="https://universeodon.com/tags/MastoAdmin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MastoAdmin</a> <a href="https://universeodon.com/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> <a href="https://universeodon.com/tags/mastohelp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastohelp</a> <a href="https://universeodon.com/tags/MastoJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MastoJS</a> <a href="https://universeodon.com/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://universeodon.com/tags/nod" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nod</a> <a href="https://universeodon.com/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opensource</a> <a href="https://universeodon.com/tags/SocialWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SocialWeb</a> <a href="https://universeodon.com/tags/timeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#timeline</a> <a href="https://universeodon.com/tags/TL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TL</a> <a href="https://universeodon.com/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

⚯ Michel de Cryptadamus ⚯The fine <a href="https://mstdn.thms.uk/@michael" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@michael</a> has deployed the <a href="https://universeodon.com/tags/FediAlgo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediAlgo</a> demo app to a place where you can test out the customizable algorithm + filtering system for your home timeline with nothing more than a web browser. You can find it here:<a href="https://fedialgo.thms.uk/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://fedialgo.thms.uk/</a>Here's a video of the FediAlgo demo in action (there's a few new features since the video): <a href="https://universeodon.com/@cryptadamist/114395249311910522" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://universeodon.com/@cryptadamist/114395249311910522</a>cc: <a href="https://mementomori.social/@rolle" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@rolle</a> <a href="https://masto.canadiancivil.com/@paige" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@paige</a> <a href="https://fediversereport.com/author/laurenshof/" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@LaurensHof</a><a href="https://universeodon.com/tags/FediTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediTools</a> <a href="https://universeodon.com/tags/FediTips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediTips</a> <a href="https://universeodon.com/tags/Fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fediverse</a> <a href="https://universeodon.com/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> <a href="https://universeodon.com/tags/activitypub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#activitypub</a> <a href="https://universeodon.com/tags/mastohelp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastohelp</a> <a href="https://universeodon.com/tags/Fedi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fedi</a> <a href="https://universeodon.com/tags/foss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#foss</a> <a href="https://universeodon.com/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://universeodon.com/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opensource</a> <a href="https://universeodon.com/tags/MastoAdmin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MastoAdmin</a> <a href="https://universeodon.com/tags/SocialWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SocialWeb</a> <a href="https://universeodon.com/tags/Feed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Feed</a> <a href="https://universeodon.com/tags/timeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#timeline</a> <a href="https://universeodon.com/tags/algorithmicFeed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithmicFeed</a> <a href="https://universeodon.com/tags/algorithmicTimeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithmicTimeline</a> <a href="https://universeodon.com/tags/TL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TL</a> <a href="https://universeodon.com/tags/algorithm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithm</a> <a href="https://universeodon.com/tags/node" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#node</a> <a href="https://universeodon.com/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a>

Aral Balkan…And there are more interesting tid-bits in there too:• See how I’m pushing Kitten’s Streaming HTML to its logical conclusion and streaming JavaScript from the server to the client to keep all logic on the server while implementing a client-side feature (copy to clipboard): <a href="https://codeberg.org/small-web/look-over-there/src/branch/main/CopyButton.component.js" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codeberg.org/small-web/look-over-there/src/branch/main/CopyButton.component.js</a>• Following on from that, note how the Toast component that’s triggered when something is copied looks (under the hood, Streaming HTML is htmx + WebSockets + some Kitten-specific magic and glues it all together and adds syntactic sugar): <a href="https://codeberg.org/small-web/look-over-there/src/branch/main/Toast.fragment.js" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codeberg.org/small-web/look-over-there/src/branch/main/Toast.fragment.js</a>• Finally, check out how layout components and slots work: <a href="https://codeberg.org/small-web/look-over-there/src/branch/main/Site.layout.js" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codeberg.org/small-web/look-over-there/src/branch/main/Site.layout.js</a>I think that’s all the intersting stuff I can spot at the moment.Have fun!:kitten:💕<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/SmallTechnologyFoundation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallTechnologyFoundation</a> <a href="https://mastodon.ar.al/tags/LookOverThere" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LookOverThere</a> <a href="https://mastodon.ar.al/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</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/websockets" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websockets</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/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>

YunaIs Node.js the future of backend development, or just a beautifully wrapped grenade?Lately, I see more and more backend systems, yes, even monoliths, built entirely in Node.js, sometimes with server-side rendering layered on top. These are not toy projects. These are services touching sensitive PII data, sometimes in regulated industries.When I first used Node.js years ago, I remember: • Security concepts were… let’s say aspirational. • Licensing hell due to questionable npm dependencies. • Tests were flaky, with mocking turning into dark rituals. • Behavior of libraries changed weekly like socks, but more dangerous. • Internet required to run a “local” build. How comforting.Even with TypeScript, it all melts back into JavaScript at runtime, a language so flexible it can hang itself.Sure, SSR and monoliths can simplify architecture. But they also widen the attack surface, especially when: • The backend is non-compiled. • Every endpoint is a potential open door. • The system needs Node + a fleet of dependencies + a container + prayer just to run.Compare that to a compiled, stateless binary that: • Runs in a scratch container. • Requires zero runtime dependencies. • Has encryption at rest, in transit, and ideally per-user. • Can be observed, scaled, audited, stateless and destroyed with precision.I’ve shipped frontends that are static, CDN-delivered, secure by design, and light enough to fit on a floppy disk. By running them with Node, I’m loading gigabytes of unknown tooling to render “Hello, user”.So I wonder: Is this the future? Or am I just… old?Are we replacing mature, scalable architectures with serverless spaghetti and 12-factor mayhem because “it works on Vercel”?Tell me how you build secure, observable, compliant systems in Node.js. Genuinely curious. Mildly terrified and maybe old.<a href="https://hachyderm.io/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NodeJS</a> <a href="https://hachyderm.io/tags/BackendSecurity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BackendSecurity</a> <a href="https://hachyderm.io/tags/SecureCoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SecureCoding</a> <a href="https://hachyderm.io/tags/PII" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PII</a> <a href="https://hachyderm.io/tags/Compliance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Compliance</a> <a href="https://hachyderm.io/tags/SoftwareArchitecture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SoftwareArchitecture</a> <a href="https://hachyderm.io/tags/ServerSideRendering" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ServerSideRendering</a> <a href="https://hachyderm.io/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a> <a href="https://hachyderm.io/tags/Java" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Java</a> <a href="https://hachyderm.io/tags/Kotlin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kotlin</a> <a href="https://hachyderm.io/tags/Golang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Golang</a> <a href="https://hachyderm.io/tags/Erlang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Erlang</a> <a href="https://hachyderm.io/tags/Ruby" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Ruby</a> <a href="https://hachyderm.io/tags/Scalability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Scalability</a> <a href="https://hachyderm.io/tags/Observability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Observability</a> <a href="https://hachyderm.io/tags/DevSecOps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DevSecOps</a> <a href="https://hachyderm.io/tags/LegacyVsModern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LegacyVsModern</a> <a href="https://hachyderm.io/tags/SecureByDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SecureByDesign</a> <a href="https://hachyderm.io/tags/CompiledLanguages" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CompiledLanguages</a> <a href="https://hachyderm.io/tags/CloudArchitecture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CloudArchitecture</a> <a href="https://hachyderm.io/tags/StatelessDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StatelessDesign</a> <a href="https://hachyderm.io/tags/SecurityTheatre" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SecurityTheatre</a> <a href="https://hachyderm.io/tags/TechSatire" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TechSatire</a> <a href="https://hachyderm.io/tags/LinkedInTechRant" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LinkedInTechRant</a>

TimoSharing this little prototype of a tool i've been working on. It is basically a combination of a "DAW" with a code editor (with the timeline more like a Tracker, vertical). You can put regions of code on the timeline and type different code per region. When the playhead reaches the block the code is "evaluated" (as-in, it is send over osc to some place where you want it to be interpreted). The main reason I created it was for making compositions out of previous live coded performances, where I kept logs of what I evaluated during the show.It is a work in progress, but if you find this useful feel free to give it a go! I've mainly designed it for my language <a href="https://social.toplap.org/@mercury" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@mercury</a>, but you can surely adapt it to other languages as well (or just ignore the syntax highlighting, haha). Created with node, js, p5 and codemirror.A little video attached to demonstrate the idea.<a href="https://social.toplap.org/tags/deadcoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#deadcoding</a> <a href="https://social.toplap.org/tags/composition" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#composition</a> <a href="https://social.toplap.org/tags/daw" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#daw</a> <a href="https://social.toplap.org/tags/p5js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#p5js</a> <a href="https://social.toplap.org/tags/codemirror" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#codemirror</a> <a href="https://social.toplap.org/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://social.toplap.org/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://social.toplap.org/tags/browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#browser</a>

Rad Web HostingHow to Install <a href="https://mastodon.social/tags/PeerTube" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PeerTube</a> on <a href="https://mastodon.social/tags/Ubuntu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Ubuntu</a> VPS This article provides an in-depth guide demonstrating how to install PeerTube on Ubuntu VPS. What is PeerTube? PeerTube is a decentralized, federated video hosting platform powered by WebTorrent and ActivityPub. It enables users to self-host video services and interact with other PeerTube ... Continued 👉 <a href="https://blog.radwebhosting.com/how-to-install-peertube-on-ubuntu-vps/?utm_source=mastodon&utm_medium=social&utm_campaign=ReviveOldPost" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://blog.radwebhosting.com/how-to-install-peertube-on-ubuntu-vps/?utm_source=mastodon&utm_medium=social&utm_campaign=ReviveOldPost</a> <a href="https://mastodon.social/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fediverse</a> <a href="https://mastodon.social/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opensource</a> <a href="https://mastodon.social/tags/installguide" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#installguide</a> <a href="https://mastodon.social/tags/vpsguide" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vpsguide</a> <a href="https://mastodon.social/tags/selfhosting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#selfhosting</a> <a href="https://mastodon.social/tags/letsencrypt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#letsencrypt</a> <a href="https://mastodon.social/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://mastodon.social/tags/videostreaming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#videostreaming</a> <a href="https://mastodon.social/tags/decentralized" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#decentralized</a> <a href="https://mastodon.social/tags/selfhosted" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#selfhosted</a>

⚯ Michel de Cryptadamus ⚯The FediAlgo hashtag filter section now highlights any hashtags you've posted about recently.Interestingly the most I've used the app the more I've found feed filtering gets a ton of mileage for me. It's a huge change of pace to be able to instantly flip between whatever people are talking about on the Fediverse. Not really something you can do on any other social media platform I'm aware of.* video of FediAlgo + link: <a href="https://universeodon.com/@cryptadamist/114395249311910522" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://universeodon.com/@cryptadamist/114395249311910522</a><a href="https://universeodon.com/tags/FediTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediTools</a> <a href="https://universeodon.com/tags/FediTips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediTips</a> <a href="https://universeodon.com/tags/Fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fediverse</a> <a href="https://universeodon.com/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> <a href="https://universeodon.com/tags/activitypub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#activitypub</a> <a href="https://universeodon.com/tags/mastohelp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastohelp</a> <a href="https://universeodon.com/tags/Fedi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fedi</a> <a href="https://universeodon.com/tags/foss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#foss</a> <a href="https://universeodon.com/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://universeodon.com/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opensource</a> <a href="https://universeodon.com/tags/MastoAdmin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MastoAdmin</a> <a href="https://universeodon.com/tags/SocialWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SocialWeb</a> <a href="https://universeodon.com/tags/Feed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Feed</a> <a href="https://universeodon.com/tags/timeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#timeline</a> <a href="https://universeodon.com/tags/algorithmicFeed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithmicFeed</a> <a href="https://universeodon.com/tags/algorithmicTimeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithmicTimeline</a> <a href="https://universeodon.com/tags/TL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TL</a> <a href="https://universeodon.com/tags/algorithm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithm</a> <a href="https://universeodon.com/tags/node" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#node</a> <a href="https://universeodon.com/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://universeodon.com/tags/hashtag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#hashtag</a> <a href="https://universeodon.com/tags/hashtaggames" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#hashtaggames</a>

⚯ Michel de Cryptadamus ⚯Ω🪬Ω New release of <a href="https://universeodon.com/tags/FediAlgo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediAlgo</a> (customizable <a href="https://universeodon.com/tags/algorithm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithm</a> for your <a href="https://universeodon.com/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> timeline) has a couple of cool features:1. Configuration presets (so you can easily put discussions or trending toots at the top of your <a href="https://universeodon.com/tags/timeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#timeline</a> without fiddling with the individual settings)2. A "What's Trending" section that will show you the top trending hashtags, links, and posts scraped from 30 or so of the most popular Mastodon serversAll the old features like filtering for particular languages / hashtags / users or a minimum number of replies / boosts / etc. are still there.* Usable demo: <a href="https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/</a> * Code: <a href="https://github.com/michelcrypt4d4mus/fedialgo_demo_app_foryoufeed" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/michelcrypt4d4mus/fedialgo_demo_app_foryoufeed</a> * Library: <a href="https://github.com/michelcrypt4d4mus/fedialgo" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/michelcrypt4d4mus/fedialgo</a><a href="https://universeodon.com/tags/FediTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediTools</a> <a href="https://universeodon.com/tags/FediTips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediTips</a> <a href="https://universeodon.com/tags/Fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fediverse</a> <a href="https://universeodon.com/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> <a href="https://universeodon.com/tags/activitypub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#activitypub</a> <a href="https://universeodon.com/tags/mastohelp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastohelp</a> <a href="https://universeodon.com/tags/Fedi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fedi</a> <a href="https://universeodon.com/tags/foss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#foss</a> <a href="https://universeodon.com/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://universeodon.com/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opensource</a> <a href="https://universeodon.com/tags/MastoAdmin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MastoAdmin</a> <a href="https://universeodon.com/tags/Feed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Feed</a> <a href="https://universeodon.com/tags/timeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#timeline</a> <a href="https://universeodon.com/tags/algorithmicFeed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithmicFeed</a> <a href="https://universeodon.com/tags/algorithmicTimeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithmicTimeline</a> <a href="https://universeodon.com/tags/TL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TL</a> <a href="https://universeodon.com/tags/algorithm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algorithm</a> <a href="https://universeodon.com/tags/node" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#node</a> <a href="https://universeodon.com/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a>

DenoHow to automatically associate console logs by request with <a href="https://fosstodon.org/@opentelemetry" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@opentelemetry</a> and Hyperdx<a href="https://docs.deno.com/examples/hyperdx_tutorial/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://docs.deno.com/examples/hyperdx_tutorial/</a><a href="https://fosstodon.org/tags/deno" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#deno</a> <a href="https://fosstodon.org/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://fosstodon.org/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://fosstodon.org/tags/typescript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typescript</a> <a href="https://fosstodon.org/tags/opentelemetry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opentelemetry</a>

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>

lil5 :rustcrab: 🚲 🇳🇱<a href="https://social.linux.pizza/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://social.linux.pizza/tags/denojs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#denojs</a> <a href="https://social.linux.pizza/tags/jsr" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#jsr</a> <a href="https://social.linux.pizza/tags/bunjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#bunjs</a> <a href="https://social.linux.pizza/tags/npm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#npm</a> <a href="https://social.linux.pizza/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://social.linux.pizza/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a>

Emelia 👸🏻Like the Bluesky team wrote a tonne of code to prevent common node.js fetch() security bugs, including: - SSRF attacks - Disabling automatic following of redirects - malicious protocols - timeouts - response size attacksBut somehow none of this is really ever considered by most folks when using fetch() in node.js<a href="https://github.com/bluesky-social/atproto/blob/main/packages/internal/fetch-node/src/safe.ts" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/bluesky-social/atproto/blob/main/packages/internal/fetch-node/src/safe.ts</a><a href="https://hachyderm.io/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://hachyderm.io/tags/security" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#security</a>

Emelia 👸🏻Something I've never seen documented is how to actually do SSRF prevention with Node.js's fetch implementation.Like you could resolve DNS before making the request, and assert the IP addresses are public IP addresses, but afaict, fetch() will do that too so you could theoretically get two different results (although unlikely)Feels like Node.js should just ship an SSRF safe fetch implementation.<a href="https://hachyderm.io/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://hachyderm.io/tags/security" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#security</a>

Aral BalkanThere are a number of useful little functions in node:util besides util.inspect() that I’m only just familiarising myself with after admittedly rolling my own versions for a number of them. Hmm, should’ve read through this documentation page more carefully sooner.e.g., util.deprecate(), util.diff(), util.debugLog(), util.isDeepStrictEqual(), etc.<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/util" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#util</a> <a href="https://mastodon.ar.al/tags/standardLibrary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#standardLibrary</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>

Recent searches

Search options

Administered by:

Server stats:

#NodeJS