fosstodon.org is one of the many independent Mastodon servers you can use to participate in the fediverse.
Fosstodon is an invite only Mastodon instance that is open to those who are interested in technology; particularly free & open source software. If you wish to join, contact us for an invite.

Administered by:

Server stats:

8.7K
active users

#esmodules

0 posts0 participants0 posts today
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Techniques</span></a><br>Top-level ‘await’ in ES modules · Write cleaner, more direct async code in modules <a href="https://ilo.im/164owq" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/164owq</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Programming</span></a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Coding</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/EcmaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>EcmaScript</span></a> <a href="https://mastodon.social/tags/EsModules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>EsModules</span></a> <a href="https://mastodon.social/tags/AsyncCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AsyncCode</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Backend</span></a> <a href="https://mastodon.social/tags/Guidelines" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Guidelines</span></a></p>
Habr<p>@teqfw/di: Coding JavaScript like a Java boss</p><p>Эта статья для тех, кто, как и я, хочет программировать на JavaScript в Java-стиле. Для тех, кто находит вдохновение в балансе между строгой архитектурной дисциплиной Java и творческой свободой JavaScript. Ранее я уже публиковал " философию " своей платформы TeqFW , а также инструкции для LLM ( раз , два ) по оформлению es-модулей в приложениях, написанных в стиле TeqFW . На этот раз я делюсь инструкцией для LLM по использованию внедрения зависимостей в таких приложениях. Для тех, кто не совсем понимает, что значит " программировать на JavaScript в Java-стиле ", приведу рабочий пример — это Node.js-утилита @flancer64/smtp-logger . Она сохраняет в базу данных все email'ы, которые Postfix отправляет наружу. Мне как раз понадобился такой функционал — и я реализовал его в стиле TeqFW : с явным управлением зависимостями и строгой модульной структурой. Под катом - пример JS-кода в Java-стиле.</p><p><a href="https://habr.com/ru/articles/901678/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">habr.com/ru/articles/901678/</span><span class="invisible"></span></a></p><p><a href="https://zhub.link/tags/teqfw" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>teqfw</span></a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://zhub.link/tags/es6" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>es6</span></a> <a href="https://zhub.link/tags/esmodules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esmodules</span></a> <a href="https://zhub.link/tags/dependency_injection" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dependency_injection</span></a> <a href="https://zhub.link/tags/ioc" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ioc</span></a></p>
Hacker News<p>Move on to ESM-Only</p><p><a href="https://antfu.me/posts/move-on-to-esm-only" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">antfu.me/posts/move-on-to-esm-</span><span class="invisible">only</span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/ESMOnly" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ESMOnly</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/ESModules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ESModules</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/TechTrends" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechTrends</span></a></p>
data0<p>My esteemed followers, you have posted a total of 375,809 statuses to the <a href="https://indieweb.social/tags/fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fediverse</span></a>. 22% of you have posted in the last 24h. You are a chatty bunch! ;-)</p><p>Check out my new <a href="https://indieweb.social/tags/sideproject" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sideproject</span></a>: *fedi-followers*. A privacy-friendly fediverse <a href="https://indieweb.social/tags/followers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>followers</span></a> explorer as <a href="https://indieweb.social/tags/localonly" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>localonly</span></a> <a href="https://indieweb.social/tags/staticwebapp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>staticwebapp</span></a>, decentrally hosted on the <a href="https://indieweb.social/tags/ipfs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ipfs</span></a>. See who's actually following (and unfollowing) you over time and much more.</p><p><a href="https://fedi--followers-data0-one.ipns.dweb.link/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">fedi--followers-data0-one.ipns</span><span class="invisible">.dweb.link/</span></a></p><p><a href="https://indieweb.social/tags/decentralization" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>decentralization</span></a> <a href="https://indieweb.social/tags/mastodev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastodev</span></a> <a href="https://indieweb.social/tags/esmodules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esmodules</span></a> <a href="https://indieweb.social/tags/importmaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>importmaps</span></a> <a href="https://indieweb.social/tags/nobuild" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nobuild</span></a> <a href="https://indieweb.social/tags/indexeddb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indexeddb</span></a> <a href="https://indieweb.social/tags/preact" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>preact</span></a></p>
data0<p>I've built a thing.</p><p>Sometimes my follower count seemingly fluctuates at random. To understand why, I dug into the <a href="https://indieweb.social/tags/MastodonAPI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastodonAPI</span></a> and created "fedi-followers":</p><p>A privacy-friendly <a href="https://indieweb.social/tags/fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fediverse</span></a> <a href="https://indieweb.social/tags/followers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>followers</span></a> explorer as local-only static web app, decentrally hosted on the <a href="https://indieweb.social/tags/ipfs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ipfs</span></a>. See who's actually following (and unfollowing) you over time and much more.</p><p><a href="https://fedi--followers-data0-one.ipns.dweb.link/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">fedi--followers-data0-one.ipns</span><span class="invisible">.dweb.link/</span></a></p><p><a href="https://indieweb.social/tags/mastodev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastodev</span></a> <a href="https://indieweb.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://indieweb.social/tags/webapp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webapp</span></a> <a href="https://indieweb.social/tags/staticwebapp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>staticwebapp</span></a> <a href="https://indieweb.social/tags/nobuild" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nobuild</span></a> <a href="https://indieweb.social/tags/esmodules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esmodules</span></a> <a href="https://indieweb.social/tags/importmaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>importmaps</span></a> <a href="https://indieweb.social/tags/indexeddb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indexeddb</span></a> <a href="https://indieweb.social/tags/preact" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>preact</span></a> <a href="https://indieweb.social/tags/htm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htm</span></a></p>
Pierre-Adrien<p>Since I'm stubborn, I couldn't let it go. I spent more time on this yesterday evening and this morning, trying to build a very minimal project similar to mine and start the whole config from scratch: basic build, then tests, then more advanved build, then typescript.</p><p>And I got something to work. For now, my solution involves <a href="https://ruby.social/tags/esbuild" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esbuild</span></a>, <a href="https://ruby.social/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typescript</span></a> and <a href="https://ruby.social/tags/jest" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jest</span></a>. With <a href="https://ruby.social/tags/esmodules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esmodules</span></a> 😍</p>
Pierre-Adrien<p>Another try, and I'm giving up once again 😭 </p><p>I just can't upgrade my whole build setup to use <a href="https://ruby.social/tags/webpack" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webpack</span></a> + <a href="https://ruby.social/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typescript</span></a> + <a href="https://ruby.social/tags/esmodules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esmodules</span></a> for both the app code and the test suite. Something always breaks. I lose *hours* reading github issues and stuff, trying stuff left and right, trying to switch to this or that, nothing works entirely, and it never breaks the same way.</p><p>That kind of nonsense will end up with me abandoning my side project 😩</p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>It sucks that <a href="https://mastodon.social/tags/SkyPack" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SkyPack</span></a> didn't catch on.</p><p><a href="https://docs.skypack.dev/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">docs.skypack.dev/</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/javaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javaScript</span></a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/esm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esm</span></a> <a href="https://mastodon.social/tags/modules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>modules</span></a> <a href="https://mastodon.social/tags/esmodules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esmodules</span></a> <a href="https://mastodon.social/tags/packageManagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>packageManagement</span></a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/cdn" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cdn</span></a> <a href="https://mastodon.social/tags/deno" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>deno</span></a> <a href="https://mastodon.social/tags/node" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>node</span></a> <a href="https://mastodon.social/tags/npm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>npm</span></a></p>
WetHat💦<p>Node.js — Node v23.0.0 (Current)</p><p>Key Points:<br />➡️ Node.js 23 is now the &#39;Current&#39; release, replacing Node.js 22.<br />➡️ Native ES module loading with require() is enabled by default but still experimental. Users can disable this feature with --no-experimental-require-module if needed.<br />➡️ Various installers and binaries for different platforms are available.</p><p><a href="https://fosstodon.org/tags/NodeJs" class="mention hashtag" rel="tag">#<span>NodeJs</span></a> <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="tag">#<span>JavaScript</span></a> <a href="https://fosstodon.org/tags/WebDevelopment" class="mention hashtag" rel="tag">#<span>WebDevelopment</span></a> <a href="https://fosstodon.org/tags/ESModules" class="mention hashtag" rel="tag">#<span>ESModules</span></a></p><p><a href="https://nodejs.org/en/blog/release/v23.0.0" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">nodejs.org/en/blog/release/v23</span><span class="invisible">.0.0</span></a></p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>It's 2024; <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/libraries" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>libraries</span></a> should be shipping <a href="https://mastodon.social/tags/ESModules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ESModules</span></a> *only*</p><p><a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js</span></a> <a href="https://mastodon.social/tags/modules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>modules</span></a> <a href="https://mastodon.social/tags/esm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esm</span></a> <a href="https://mastodon.social/tags/commonjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>commonjs</span></a> <a href="https://mastodon.social/tags/modularity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>modularity</span></a> <a href="https://mastodon.social/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> <a href="https://mastodon.social/tags/deno" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>deno</span></a></p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>99 dependencies and they're all <span class="h-card" translate="no"><a href="https://fosstodon.org/@eslint" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>eslint</span></a></span></p><p><a href="https://mastodon.social/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> <a href="https://mastodon.social/tags/javaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javaScript</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/eslint" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eslint</span></a> <a href="https://mastodon.social/tags/linting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>linting</span></a> <a href="https://mastodon.social/tags/npm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>npm</span></a> <a href="https://mastodon.social/tags/esmodules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esmodules</span></a> <a href="https://mastodon.social/tags/esm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esm</span></a></p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>I'd like to spend some more time with <a href="https://mastodon.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponents</span></a>, <a href="https://mastodon.social/tags/ServiceWorkers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ServiceWorkers</span></a>, <a href="https://mastodon.social/tags/WebSockets" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebSockets</span></a>, <a href="https://mastodon.social/tags/OffscreenCanvas" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OffscreenCanvas</span></a>, <a href="https://mastodon.social/tags/WebWorkers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebWorkers</span></a>, <a href="https://mastodon.social/tags/WebGPU" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebGPU</span></a>, <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a>, and the <a href="https://mastodon.social/tags/GamePad" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GamePad</span></a> <a href="https://mastodon.social/tags/API" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>API</span></a>. </p><p>I've been noodling for a long time about how you could build a game using <a href="https://mastodon.social/tags/ESModules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ESModules</span></a>, and <a href="https://mastodon.social/tags/CustomElements" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CustomElements</span></a> to allow players to author their own components to extend the game. </p><p>I guess I'm just more interested in how the game works mechanically than how it looks.</p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>Is it wrong if I'm kind of enjoying the drama about <a href="https://mastodon.social/tags/ljharb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ljharb</span></a>?<br>Burn tc39 down! Make the web anew!<br>The only standard is death comes to everything!</p><p><a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/javaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javaScript</span></a> <a href="https://mastodon.social/tags/tc39" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tc39</span></a> <a href="https://mastodon.social/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> <a href="https://mastodon.social/tags/esm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esm</span></a> <a href="https://mastodon.social/tags/esmodules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esmodules</span></a> <a href="https://mastodon.social/tags/commonjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>commonjs</span></a> <a href="https://mastodon.social/tags/cjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cjs</span></a> <a href="https://mastodon.social/tags/modules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>modules</span></a></p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>&gt; enough libraries use ES Modules that for many projects you need to either use ES Modules, or figure out how to interoperate ES Modules with your CommonJS code. At the same time, enough code still uses CommonJS that you often need to figure out how to include that legacy code in your otherwise-ES Module project.</p><p><a href="https://borischerny.com/javascript,/typescript/2024/06/19/ES-Modules-Are-A-Mess.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">borischerny.com/javascript,/ty</span><span class="invisible">pescript/2024/06/19/ES-Modules-Are-A-Mess.html</span></a></p><p><a href="https://mastodon.social/tags/javaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javaScript</span></a> <a href="https://mastodon.social/tags/nodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodeJS</span></a> <a href="https://mastodon.social/tags/esModules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esModules</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typescript</span></a> <a href="https://mastodon.social/tags/esm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esm</span></a> <a href="https://mastodon.social/tags/cjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cjs</span></a> <a href="https://mastodon.social/tags/commonjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>commonjs</span></a> <a href="https://mastodon.social/tags/package" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>package</span></a> <a href="https://mastodon.social/tags/npm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>npm</span></a></p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>&gt; Babel has stayed on CJS until now because that allows deferring loading modules until they’re needed for performance: While that’s possible with ESM, it has much worse ergonomics. </p><p><a href="https://thenewstack.io/how-javascript-is-finally-improving-the-module-experience/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">thenewstack.io/how-javascript-</span><span class="invisible">is-finally-improving-the-module-experience/</span></a></p><p><a href="https://mastodon.social/tags/javaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javaScript</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/esm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esm</span></a> <a href="https://mastodon.social/tags/esModules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esModules</span></a> <a href="https://mastodon.social/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a></p>
Aral Balkan<p>Here’s a niche gotcha with the clipboard API’s `navigator.clipboard.writeText()` method that’s unique to Safari:</p><p>If you access a function from a module within your gesture handler (e.g., click handler), you will get a permission error.</p><p>The (sadly hacky and not as robust) workaround is to set a global variable from your module instead.</p><p>Full gist: </p><p><a href="https://codeberg.org/aral/gists/src/branch/main/clipboard-writetext-permission-error-when-using-modules-in-safari.md" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/aral/gists/src/br</span><span class="invisible">anch/main/clipboard-writetext-permission-error-when-using-modules-in-safari.md</span></a></p><p><a href="https://mastodon.ar.al/tags/Safari" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Safari</span></a> <a href="https://mastodon.ar.al/tags/clipboardAPI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>clipboardAPI</span></a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.ar.al/tags/ESModules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ESModules</span></a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.ar.al/tags/gist" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gist</span></a></p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>&gt; Support for require()ing ESM graphs is now exposed by default in Node.js 22</p><p><a href="https://openjsf.org/blog/nodejs-22-available" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">openjsf.org/blog/nodejs-22-ava</span><span class="invisible">ilable</span></a></p><p><a href="https://mastodon.social/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/javaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javaScript</span></a> <a href="https://mastodon.social/tags/esm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esm</span></a> <a href="https://mastodon.social/tags/esmodules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esmodules</span></a> <a href="https://mastodon.social/tags/commonJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>commonJS</span></a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/node" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>node</span></a></p>
🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>But sitting around arguing with fucks on social media isn't gonna help me find that. If anything I'm becoming more like them the more I do. </p><p>So I try to think of some silly project to build, something to keep my skills sharp. I know the web, and there's always stuff to learn. <a href="https://mas.to/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponents</span></a> and <a href="https://mas.to/tags/ESModules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ESModules</span></a> have arrived and there's so much potential to create building blocks from those that other people can use.</p>
Keywan Tonekaboni<p>Eure liebste <a href="https://social.heise.de/tags/GnomeShell" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GnomeShell</span></a> <a href="https://social.heise.de/tags/extension" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>extension</span></a> funktioniert seit <a href="https://social.heise.de/tags/Gnome45" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Gnome45</span></a> nicht mehr? Warum das so ist und eine Anleitung, wie ihr selbst Erweiterungen anpasst, damit die wieder laufen, findet ihr in der kommenden <span class="h-card" translate="no"><a href="https://social.heise.de/@ct_Magazin" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>ct_Magazin</span></a></span> oder jetzt schon online: </p><p><a href="https://www.heise.de/ratgeber/Linux-Erweiterungen-fuer-Gnome-auf-Version-45-portieren-9355366.html?wt_mc=sm.red.ho.mastodon.mastodon.md_beitraege.md_beitraege" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">heise.de/ratgeber/Linux-Erweit</span><span class="invisible">erungen-fuer-Gnome-auf-Version-45-portieren-9355366.html?wt_mc=sm.red.ho.mastodon.mastodon.md_beitraege.md_beitraege</span></a> </p><p><a href="https://social.heise.de/tags/gnome" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gnome</span></a> <a href="https://social.heise.de/tags/Erweiterungen" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Erweiterungen</span></a> <a href="https://social.heise.de/tags/programmieren" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programmieren</span></a> <a href="https://social.heise.de/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://social.heise.de/tags/GJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GJS</span></a> <a href="https://social.heise.de/tags/ESModules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ESModules</span></a> <a href="https://social.heise.de/tags/DesktopTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesktopTools</span></a> <a href="https://social.heise.de/tags/LinuxDesktop" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LinuxDesktop</span></a></p>
I use VIM<p><span class="h-card" translate="no"><a href="https://mastodon.social/@TheRealPomax" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>TheRealPomax</span></a></span> I’m still a fan of <a href="https://mastodon.social/tags/MochaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MochaJS</span></a> with <a href="https://mastodon.social/tags/Chai" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Chai</span></a> assertions. Jest requires to much to get it to work with modern <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> development practices, it doesn’t even work well with <a href="https://mastodon.social/tags/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TypeScript</span></a> and <a href="https://mastodon.social/tags/ESModules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ESModules</span></a>.</p>