@gradio/utils - npm Package Compare versions

@gradio/utils

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

CHANGELOG.md

		# @gradio/utils

		## 0.2.0-beta.2

		### Features

		- [#5624](https://github.com/gradio-app/gradio/pull/5624) [`14fc612d8`](https://github.com/gradio-app/gradio/commit/14fc612d84bf6b1408eccd3a40fab41f25477571) - Fix esbuild. Thanks [@pngwn](https://github.com/pngwn)!

		## 0.2.0-beta.1
		@@ -58,2 +64,2 @@
		- Updated dependencies [[`41c83070`](https://github.com/gradio-app/gradio/commit/41c83070b01632084e7d29123048a96c1e261407)]:
		- @gradio/theme@0.0.2
		- @gradio/theme@0.0.2

package.json

		{
		"name": "@gradio/utils",
		"version": "0.2.0-beta.1",
		"version": "0.2.0-beta.2",
		"description": "Gradio UI packages",
		@@ -10,2 +10,3 @@ "type": "module",
		"dependencies": {
		"svelte-i18n": "^3.6.0",
		"@gradio/theme": "^0.2.0-beta.1"
		@@ -12,0 +13,0 @@ },

src/utils.ts

		@@ -154,2 +154,41 @@ import { type ActionReturn } from "svelte/action";

		export { Gradio } from "../../app/src/gradio_helper";
		import { format } from "svelte-i18n";
		import { get } from "svelte/store";

		const x = get(format);

		export type I18nFormatter = typeof x;
		export class Gradio<T extends Record<string, any> = Record<string, any>> {
		#id: number;
		theme: string;
		version: string;
		i18n: typeof x;
		#el: HTMLElement;
		root: string;
		autoscroll: boolean;

		constructor(
		id: number,
		el: HTMLElement,
		theme: string,
		version: string,
		root: string,
		autoscroll: boolean
		) {
		this.#id = id;
		this.theme = theme;
		this.version = version;
		this.#el = el;
		this.i18n = get(format);
		this.root = root;
		this.autoscroll = autoscroll;
		}

		dispatch<E extends keyof T>(event_name: E, data?: T[E]): void {
		const e = new CustomEvent("gradio", {
		bubbles: true,
		detail: { data, id: this.#id, event: event_name }
		});
		this.#el.dispatchEvent(e);
		}
		}

Improved metrics