node support for js client

[pngwn]

Closes #3495. Closes #3583.

This PR adds node JS support for the client by dynamically importing a polyfill for web sockets in node. Creates and ESM bundle of the library to publish to NPM and generates typescript declaration files so users still get nice tooling support/ autocomplete.

Will need a publish to test fully but node scripts that use the client should work locally .

To test create a test.js file in client/js and add the following:

import { client } from "./dist/index.js";

async function run() {
	const app = await client("gradio/hello_world_3", (d) => console.log(d));
	app.on("status", console.log).on("data", console.log);
	const p = await app.predict("/predict", { data: ["Peter", false, 0] });

	console.log(p);
}

run();

Then run it node test.js. It should work as expected.

This does require node 18 which is the minimum node version I'd like us to support. node 18 makes some things much nicer and reduces maintenance bruden on us. It is also the current active version of node, so I think it is a good mimimim to set.

[gradio-pr-bot]

All the demos for this PR have been deployed at https://huggingface.co/spaces/gradio-pr-deploys/pr-3692-all-demos

[logesh2496]

Hi @pngwn ,

This maybe the right place to ask the question: I'm no sure on how to use the client library to support nodejs env.

import { client } from "./dist/index.js";

Could you please explain the above line and how I can impore the client in nodejs server?

[pngwn]

@logesh2496 You can just import it normally.

import { client } from "@gradio/client";

The client itself will detect that it is in a node environment and run the correct code.

[logesh2496]

Yes I did, but it doesn't work with the below error: ReferenceError: fetch is not defined at ***@gradio/client/dist/index.js:731:70

[pngwn]

The client requires node 18+

[logesh2496]

my bad, that worked! thanks @pngwn