@teqfw/di: Coding JavaScript like a Java boss

Эта статья для тех, кто, как и я, хочет программировать на JavaScript в Java-стиле. Для тех, кто находит вдохновение в балансе между строгой архитектурной дисциплиной Java и творческой свободой JavaScript. Ранее я уже публиковал " философию " своей платформы TeqFW , а также инструкции для LLM ( раз , два ) по оформлению es-модулей в приложениях, написанных в стиле TeqFW . На этот раз я делюсь инструкцией для LLM по использованию внедрения зависимостей в таких приложениях. Для тех, кто не совсем понимает, что значит " программировать на JavaScript в Java-стиле ", приведу рабочий пример — это Node.js-утилита @flancer64/smtp-logger . Она сохраняет в базу данных все email'ы, которые Postfix отправляет наружу. Мне как раз понадобился такой функционал — и я реализовал его в стиле TeqFW : с явным управлением зависимостями и строгой модульной структурой. Под катом - пример JS-кода в Java-стиле.

https://habr.com/ru/articles/901678/

#teqfw #javascript #es6 #esmodules #dependency_injection #ioc

Move on to ESM-Only

https://antfu.me/posts/move-on-to-esm-only

#HackerNews #ESMOnly #JavaScript #ESModules #WebDevelopment #TechTrends

My esteemed followers, you have posted a total of 375,809 statuses to the #fediverse. 22% of you have posted in the last 24h. You are a chatty bunch! ;-)

Check out my new #sideproject: *fedi-followers*. A privacy-friendly fediverse #followers explorer as #localonly #staticwebapp, decentrally hosted on the #ipfs. See who's actually following (and unfollowing) you over time and much more.

https://fedi--followers-data0-one.ipns.dweb.link/

#decentralization #mastodev #esmodules #importmaps #nobuild #indexeddb #preact

I've built a thing.

Sometimes my follower count seemingly fluctuates at random. To understand why, I dug into the #MastodonAPI and created "fedi-followers":

A privacy-friendly #fediverse #followers explorer as local-only static web app, decentrally hosted on the #ipfs. See who's actually following (and unfollowing) you over time and much more.

https://fedi--followers-data0-one.ipns.dweb.link/

#mastodev #javascript #webapp #staticwebapp #nobuild #esmodules #importmaps #indexeddb #preact #htm

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.

And I got something to work. For now, my solution involves #esbuild, #typescript and #jest. With #esmodules 😍

Another try, and I'm giving up once again 😭

I just can't upgrade my whole build setup to use #webpack + #typescript + #esmodules 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.

That kind of nonsense will end up with me abandoning my side project 😩

It sucks that #SkyPack didn't catch on.

https://docs.skypack.dev/

#webDev #javaScript #js #web #esm #modules #esmodules #packageManagement #programming #cdn #deno #node #npm

Node.js — Node v23.0.0 (Current)

Key Points:
➡️ Node.js 23 is now the 'Current' release, replacing Node.js 22.
➡️ 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.
➡️ Various installers and binaries for different platforms are available.

#NodeJs #JavaScript #WebDevelopment #ESModules

https://nodejs.org/en/blog/release/v23.0.0

It's 2024; #JavaScript #libraries should be shipping #ESModules *only*

#webDev #frontend #js #modules #esm #commonjs #modularity #nodejs #deno

99 dependencies and they're all @eslint

#nodejs #javaScript #webDev #eslint #linting #npm #esmodules #esm

I'd like to spend some more time with #WebComponents, #ServiceWorkers, #WebSockets, #OffscreenCanvas, #WebWorkers, #WebGPU, #SVG, and the #GamePad #API.

I've been noodling for a long time about how you could build a game using #ESModules, and #CustomElements 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 #ljharb?
Burn tc39 down! Make the web anew!
The only standard is death comes to everything!

#webDev #javaScript #tc39 #nodejs #esm #esmodules #commonjs #cjs #modules

> 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.

https://borischerny.com/javascript,/typescript/2024/06/19/ES-Modules-Are-A-Mess.html

#javaScript #nodeJS #esModules #webdev #web #typescript #esm #cjs #commonjs #package #npm

> 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.

https://thenewstack.io/how-javascript-is-finally-improving-the-module-experience/

#javaScript #webDev #esm #esModules #nodejs

ES Modules: NPM and NodeJS should do more

https://borischerny.com/javascript,/typescript/2024/06/19/ES-Modules-Are-A-Mess.html

Coming back to JavaScript and TypeScript after a few years neck deep in Python and Hack, I kept hitting a number of new, cryptic errors when running NodeJS code in my dev environment.

#NodeJS #ESmodules

Here’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:

https://codeberg.org/aral/gists/src/branch/main/clipboard-writetext-permission-error-when-using-modules-in-safari.md

#Safari #clipboardAPI #JavaScript #ESModules #web #dev #gist

> Support for require()ing ESM graphs is now exposed by default in Node.js 22

https://openjsf.org/blog/nodejs-22-available

#nodejs #webDev #javaScript #esm #esmodules #commonJS #js #web #node

Typescript Express 上で ES Module を使う
https://qiita.com/faunsu/items/53d84d7b3d449afb0734?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #Node_js #Express_js #Symbol #ESModules

I've been working on a workflow for using a single #esmodule sourcefile & test suite across node, and all browsers, buildless, while integrating types & commonjs compilation on commit. Check out an early draft of the first part of the series:

https://gist.github.com/khrome/8f2a52f8db27b81220e4ac9f92a81460

#javascript #esm #esmodules #vanillajs

Eure liebste #GnomeShell #extension funktioniert seit #Gnome45 nicht mehr? Warum das so ist und eine Anleitung, wie ihr selbst Erweiterungen anpasst, damit die wieder laufen, findet ihr in der kommenden @ct_Magazin oder jetzt schon online:

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

#gnome #Erweiterungen #programmieren #javascript #GJS #ESModules #DesktopTools #LinuxDesktop