[IDEA] distribute as all module types {`CJS`,`ESM`,`UMD`,`AMD`}

[jkowalleck]

currently, the package is a CommonJS module type.
I would love to make it a native module type (ESM).

Goal: have the dist available in multiple flavors

• ESM for browser
• commonJS for browser
• esm for node
• commonjs for node
• umd ...
• amd ...
• ... etc ...

Important to READ:

• https://nodejs.org/api/packages.html#dual-commonjses-module-packages
• maybe helps with the missing file extensions when importing: import aliases - https://nodejs.org/api/packages.html#subpath-patterns

implementation:

• use https://nodejs.org/api/packages.html#package-entry-points
• use https://nodejs.org/api/packages.html#dual-commonjses-module-packages
• have multiple TypeScript compilers and webpack runs, that generate isolated JavaScript for each purpose

[agschrei]

are there still plans to produce an ESM for the browser?
I got it to work as an import in my vite project by forking and altering the package.json to:

• skip the webpack step in the build phase
• point to the index.web.js as main

of course I'd rather see support for this use-case added upstream as opposed to maintaining a fork, so please let me know if I can help.

[jkowalleck]

Moin @agschrei,

yes, the idea is still relevant.
feel free to (draft) pullrequest a (partial) solution.