Userbase doesn't work with Vite / Rollup

[braebo]

When trying to start a fresh App with userbase-js as a dependency, I get the following error from Vite:

When starting my app with userbase-js as a dev dependency:
import userbase from 'userbase-js'; or import * as userbase from 'userbase-js';

import userbase from '../../node_modules/userbase-js/dist/userbase.js';

import * as userbase from '../../node_modules/userbase-js/dist/userbase.js';

I found a reference in Vite issue #728, but none of the fixes there seemed to help.

I've been stuck on this for days now, and I don't seem to be getting any closer to figuring it out. Any advice would be greatly appreciated!

[braebo]

The main error seems to be:

I wonder if nodejs/node#32137 could have anything to do with this?

[braebo]

To reproduce:

yarn create vite-app test
cd test
yarn add userbase-js -D

Then, in App.vue, adding import userbase from 'userbase-js' anywhere in the <script> tag results in the above errors.

I can bypass them by including them in vite.config.js:

module.exports = {
    optimizeDeps: {
        include: ['base64-arraybuffer', 'diffie-hellman']
    }
}

But that results in another error:

[vite] Dep optimization failed with error:
Dependency safe-buffer is attempting to import Node built-in module buffer.
This will not work in a browser environment.

I seem to be getting warmer.

[snehalbaghel]

@fractalhq were you able to get it running?

[braebo]

I wasn't unfortunetaly. It's been awhile since I tried- I have a Svelte app using Vite in the works that I was considering userbase for, so I'll let you know how that goes. I have some ideas on how to get it working if it's still a problem.

[Crenshinibon]

Same issue here. Any news?