Fix CJS compatibility

[FurryR]

Proposed Changes

Ensure compatibility with some CDNs & bundlers on some CJS libraries.

jsDelivr translates const { nanoid } = require('nanoid') directly into import e from 'nanoid/+esm'; const { nanoid } = e, which is problematic and causes some libraries fail to load.

Here is an example using postcss:

await import('https://cdn.jsdelivr.net/npm/postcss@8.4.41/+esm')

Additional Information

It is suggested to squash merge this PR.

[ai]

1. We also have url-alphabet
2. Please run eslint --fix .
3. I really worry that it could break something else. Can you test that this method doesn’t break Vite and webpack (you can add version from your branch by npm install --save-dev nanoid@FurryR/nanoid

[FurryR]

1. We also have url-alphabet
2. Please run eslint --fix .
3. I really worry that it could break something else. Can you test that this method doesn’t break Vite and webpack (you can add version from your branch by npm install --save-dev nanoid@FurryR/nanoid

1. Sorry that I considered url-alphabet a private file. I will add default export for it later.
2. okay I will do that later
3. It seemed that adding a default export is not a breaking change at all, but I am unsure if the type description files (.d.ts) need to be updated. Anyway, I will take a look.

[FurryR]

Tested with pnpm start. This PR does not break Vite.

[ai]

const { nanoid } = require('nanoid')

But Nano ID 4.x and 5.x don’t support require(). If you are using CJS you need 3.x version. We have a special branch for it.