TypeError: Object(...) is not a function at Object.randomInt

[sambhav-gore]

Do you want to request a feature or report a bug?
Report a Bug

What is the current behavior?
When creating a new instance I see the following error in browser console:

pusher-js.js?v=405c2cf0:36109 Uncaught (in promise) TypeError: Object(...) is not a function
    at Object.randomInt (pusher-js.js?v=405c2cf0:36109:57)
    at new pusher_Pusher (pusher-js.js?v=405c2cf0:36654:43)
    at new pusher_with_encryption_PusherWithEncryption (pusher-js.js?v=405c2cf0:36826:13)
    at +page.svelte:17:9

If the current behavior is a bug, please provide the steps to reproduce and
if possible a minimal demo of the problem via https://jsfiddle.net or similar.

What is the expected behavior?
Pusher to intialize and work correctly

Which versions of Pusher, and which browsers / OS are affected by this issue?
Did this work in previous versions of Pusher? If so, which?

I tried many versions 7.4.0, 8.0.2 and 8.4.0-rc2

** MORE DETAILS

It is a sveltekit app which use vite.
It was working fine with sveltekit 1.x vite 4.x but now I need to upgrade.

The biggest difference is that the support for node modules was dropped, I am using the polyfill node modules from vite-plugin-node-polyfills

Following is my entire vite.config.ts

import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
import { nodePolyfills } from 'vite-plugin-node-polyfills'

export default defineConfig({
	plugins: [sveltekit(), nodePolyfills({
		globals: {
			Buffer: true, // can also be 'build', 'dev', or false
			global: true,
			process: false,
		},
	})]
});

I was struggling with this for a while so I tried many different things that I found in answers in stackoverflow.

I will highly appreciate any help. or a working sveltekit example if possible.

[sambhav-gore]

Error happens at this code in the browser:

randomInt(max) {
            return Object(external_crypto_["randomInt"])(max);
          }

[sambhav-gore]

the problem seems to be that in browser there is no crypto module available.

I tried various ways to polyfill it but every attempt failed

[benw-pusher]

Did you try https://www.npmjs.com/package/rollup-plugin-polyfill-node? this specifically includes polyfil for the crypto package.

[sambhav-gore]

Did you try https://www.npmjs.com/package/rollup-plugin-polyfill-node? this specifically includes polyfill for the crypto package.

Yes I did. That didn't work either. It does make an empty crypto which doesn't have the function randomInt.
Almost everywhere it says it is hard to polyfill crypto and should be avoided a best as possible.

If I am not able to fix this problem by next 2 days we will have no choice but to look for a Pusher alternative.

[Gabotron-ES]

Getting the same error, any fix available?

[Gabotron-ES]

@sambhav-gore did you find a solution?

[sambhav-gore]

@Gabotron-ES No I did not. We are planning to move to Ably now because of this.

[Gabotron-ES]

So because of this bug, pusher is basically unable to work? lol such a a joke

[sambhav-gore]

@Gabotron-ES well, there is probably a fix or a workaround but I am too tied up with other development work plus my client doesn't have a lot of budget or time for me to research/fix. So basically 2-3 months ago he told me that if it works within next 2 days we fix or we move to a different provider (Ably). Since then we have parked the upgrade work for now which we will be taking up again in next month. Since I am personally happy with Pusher, I will give it one last try in the next month.

[Gabotron-ES]

I see, good lucj and if you come up with a fix please notify us!

[JavierMartinz]

Same here... I tried with vite-plugin-node-polyfills but no luck

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. If you'd like this issue to stay open please leave a comment indicating how this issue is affecting you. Thank you.