Vite support

[dkzlv]

I use Svelte Kit, it uses Vite. And I have problems with nanoid, because index.browser.js has checks on crypto being available on global namespace.

Even though the library's functions are not called during SSR, the module still gets imported in the Node. So this is what you would get in the new default Svelte Kit project if you just import nanoid in a component and do nothing with it:

11:17:09 AM [vite] Error when evaluating SSR module /node_modules/nanoid/index.dev.js:
Error: Your browser does not have secure random generator. If you don’t need unpredictable IDs, you can use nanoid/non-secure.
    at /node_modules/nanoid/index.dev.js:28:11
    at instantiateModule (../node_modules/vite/dist/node/chunks/dep-0776dd57.js:68919:166) (x163)

I propose to move the check inside the functions.

[TrySound]

SSR should use node version https://github.com/ai/nanoid/blob/main/index.js. Might be a bug in sveltekit.

[ai]

We have explicit instructions in package.json → exports that only browser should use index.browser.js.

Adding a browser check-in function will bloat the library multiple times.

Seems like Vite has an issue with SSR. Can you create an issue there?

[ai]

I tested nanoid in fresh Vite and everything is working correctly