Shakedown Social

0 posts0 participants0 posts today

🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸It sucks that <a href="https://mastodon.social/tags/SkyPack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SkyPack</a> didn't catch on.<a href="https://docs.skypack.dev/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://docs.skypack.dev/</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/javaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javaScript</a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/esm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#esm</a> <a href="https://mastodon.social/tags/modules" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#modules</a> <a href="https://mastodon.social/tags/esmodules" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#esmodules</a> <a href="https://mastodon.social/tags/packageManagement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#packageManagement</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/cdn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cdn</a> <a href="https://mastodon.social/tags/deno" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#deno</a> <a href="https://mastodon.social/tags/node" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#node</a> <a href="https://mastodon.social/tags/npm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#npm</a>

🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸It's 2024; <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.social/tags/libraries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#libraries</a> should be shipping <a href="https://mastodon.social/tags/ESModules" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ESModules</a> *only*<a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://mastodon.social/tags/modules" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#modules</a> <a href="https://mastodon.social/tags/esm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#esm</a> <a href="https://mastodon.social/tags/commonjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#commonjs</a> <a href="https://mastodon.social/tags/modularity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#modularity</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/deno" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#deno</a>

🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸99 dependencies and they're all <a href="https://fosstodon.org/@eslint" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@eslint</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/javaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javaScript</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/eslint" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#eslint</a> <a href="https://mastodon.social/tags/linting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#linting</a> <a href="https://mastodon.social/tags/npm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#npm</a> <a href="https://mastodon.social/tags/esmodules" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#esmodules</a> <a href="https://mastodon.social/tags/esm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#esm</a>

🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸I'd like to spend some more time with <a href="https://mastodon.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a>, <a href="https://mastodon.social/tags/ServiceWorkers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ServiceWorkers</a>, <a href="https://mastodon.social/tags/WebSockets" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSockets</a>, <a href="https://mastodon.social/tags/OffscreenCanvas" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OffscreenCanvas</a>, <a href="https://mastodon.social/tags/WebWorkers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebWorkers</a>, <a href="https://mastodon.social/tags/WebGPU" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebGPU</a>, <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SVG</a>, and the <a href="https://mastodon.social/tags/GamePad" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GamePad</a> <a href="https://mastodon.social/tags/API" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#API</a>. 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 noreferrer" target="_blank">#ESModules</a>, and <a href="https://mastodon.social/tags/CustomElements" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CustomElements</a> to allow players to author their own components to extend the game. I guess I'm just more interested in how the game works mechanically than how it looks.

🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸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 noreferrer" target="_blank">#ljharb</a>? Burn tc39 down! Make the web anew! The only standard is death comes to everything!<a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</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/tc39" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tc39</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/esm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#esm</a> <a href="https://mastodon.social/tags/esmodules" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#esmodules</a> <a href="https://mastodon.social/tags/commonjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#commonjs</a> <a href="https://mastodon.social/tags/cjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cjs</a> <a href="https://mastodon.social/tags/modules" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#modules</a>

🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸> 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.<a href="https://borischerny.com/javascript,/typescript/2024/06/19/ES-Modules-Are-A-Mess.html" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://borischerny.com/javascript,/typescript/2024/06/19/ES-Modules-Are-A-Mess.html</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/nodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodeJS</a> <a href="https://mastodon.social/tags/esModules" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#esModules</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/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/typescript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typescript</a> <a href="https://mastodon.social/tags/esm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#esm</a> <a href="https://mastodon.social/tags/cjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cjs</a> <a href="https://mastodon.social/tags/commonjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#commonjs</a> <a href="https://mastodon.social/tags/package" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#package</a> <a href="https://mastodon.social/tags/npm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#npm</a>

🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸> 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. <a href="https://thenewstack.io/how-javascript-is-finally-improving-the-module-experience/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thenewstack.io/how-javascript-is-finally-improving-the-module-experience/</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/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/esm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#esm</a> <a href="https://mastodon.social/tags/esModules" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#esModules</a> <a href="https://mastodon.social/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a>

Aral BalkanHere’s a niche gotcha with the clipboard API’s `navigator.clipboard.writeText()` method that’s unique to Safari:If you access a function from a module within your gesture handler (e.g., click handler), you will get a permission error.The (sadly hacky and not as robust) workaround is to set a global variable from your module instead.Full gist: <a href="https://codeberg.org/aral/gists/src/branch/main/clipboard-writetext-permission-error-when-using-modules-in-safari.md" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codeberg.org/aral/gists/src/branch/main/clipboard-writetext-permission-error-when-using-modules-in-safari.md</a><a href="https://mastodon.ar.al/tags/Safari" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Safari</a> <a href="https://mastodon.ar.al/tags/clipboardAPI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#clipboardAPI</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/ESModules" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ESModules</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/gist" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gist</a>

🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸> Support for require()ing ESM graphs is now exposed by default in Node.js 22<a href="https://openjsf.org/blog/nodejs-22-available" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://openjsf.org/blog/nodejs-22-available</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/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</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/esm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#esm</a> <a href="https://mastodon.social/tags/esmodules" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#esmodules</a> <a href="https://mastodon.social/tags/commonJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#commonJS</a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/node" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#node</a>

Recent searches

Search options

Administered by:

Server stats:

#esmodules