Cannot use on Node.js ESM

[sonnyp]

Using "native" Node.js ESM doesn't work with ttag because the ttag module only has a default export there and no named exports.

import ttag from 'ttag';
const {t, useLocale, addLocale, ngettext, msgid} = ttag;

sonny@machop ~/foo > npx ttag update locales/es.po server/
⠙ app/src/App.jsError: /foo/bar.js: You should use ttag imports in form: "import { t } from 'ttag'"

If I try to use named imports with ttag on Node.js ESM I get the following error:

import ttag, {t} from 'ttag';
              ^
SyntaxError: Named export 't' not found. The requested module 'ttag' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:

import pkg from 'ttag';
const {t} = pkg;

[AlexMost]

Hi @sonnyp, thanks for the feedback!
I think ESM module support is a must-have feature. Need to think about how we can add this support, one thing that we need to keep in mind is that commonjs version must not be broken. Maybe you have some good examples of packages that have esm support already?

[sonnyp]

Take your pick https://github.com/talentlessguy/awesome-node-esm :)

[Zurdge]

👍 for this.
I'm using Remix and it's throwing the following error

[vite] Named export 't' not found. The requested module 'ttag' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using: