Couldn't import ConnectyCube when using vite

[codersuraz]

I have installed the connectycube npm package and tried to import it to my vue app served through vite.

I got this error:

Uncaught (in promise) ReferenceError: global is not defined
    at node_modules/@xmpp/websocket/lib/Socket.js (connectycube.js?v=afa2b33d:2247:22)
    at __require2 (chunk-PR4QN5HX.js?v=afa2b33d:14:50)
    at node_modules/@xmpp/websocket/lib/Connection.js (connectycube.js?v=afa2b33d:2352:18)
    at __require2 (chunk-PR4QN5HX.js?v=afa2b33d:14:50)
    at node_modules/@xmpp/websocket/index.js (connectycube.js?v=afa2b33d:2392:31)
    at __require2 (chunk-PR4QN5HX.js?v=afa2b33d:14:50)
    at node_modules/@xmpp/client/react-native.js (connectycube.js?v=afa2b33d:3364:22)
    at __require2 (chunk-PR4QN5HX.js?v=afa2b33d:14:50)
    at node_modules/connectycube/lib/cubeDependencies.js (connectycube.js?v=afa2b33d:3466:22)
    at __require2 (chunk-PR4QN5HX.js?v=afa2b33d:14:50)

Expected Behavior

We should be able to import the module when using vite.

[DaveLomber]

@codersuraz could you try to add window.global = window before ConnectyCube.init

[DaveLomber]

Another way is by adding this to vite.config.ts:

export default defineConfig({
  plugins: ...
  esbuild: ...

  define: {
    // By default, Vite doesn't include shims for NodeJS/
    // necessary for segment analytics lib to work
    global: {},
  },
})

ref vitejs/vite#5912 (comment)