ESM package is invalid

Package.json mentions that this is an Node ES module:

https://github.com/fczbkk/css-selector-generator/blob/d72f6ffe61b8874b46b6424d4d5131295712103b/package.json#L8

But ESM requires file extensions, which are missing:

https://github.com/fczbkk/css-selector-generator/blob/d72f6ffe61b8874b46b6424d4d5131295712103b/src/index.ts#L1

Additionally, your . import actually point to the non-ESM version, so it’s doubly-incorrect:

• import "css-selector-generator"' fails because build/index.js not ESM at all
• import "css-selector-generator/esm" fails because it’s not a valid node ESM import

Little big note: To have file extensions you’ll have to write .js in your TS imports, even if the file is actually .ts; That’s TypeScript for you.

You might want to at-least-temporarily use this workflow to ensure that your module is importable from the tools you want to support:

https://github.com/fregante/ghatemplates/blob/main/esm-lint/esm-lint.yml

For reference, this is the error Webpack shows when importing /esm directly:

ERROR in ./node_modules/css-selector-generator/esm/index.js 5:0-49
Module not found: Error: Can't resolve './constants' in './node_modules/css-selector-generator/esm'
Did you mean 'constants.js'?
BREAKING CHANGE: The request './constants' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

[fczbkk]

[fregante]

All the issues seems to have been fixed in the package 🎉 I’ll let you know on the next update cycle 👍