@gradio/core 1.0.0-dev.0 → 1.0.0

package/dist/src/api_docs/Settings.svelte.d.ts

@@ -1,25 +1,27 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        root: string;
-        space_id: string | null;
-        pwa_enabled: boolean | undefined;
-        allow_zoom?: boolean;
-        allow_video_trim?: boolean;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        close: CustomEvent<any>;
-        start_recording: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type SettingsProps = typeof __propDef.props;
-export type SettingsEvents = typeof __propDef.events;
-export type SettingsSlots = typeof __propDef.slots;
-export default class Settings extends SvelteComponent<SettingsProps, SettingsEvents, SettingsSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Settings: $$__sveltets_2_IsomorphicComponent<{
+    root: any;
+    space_id: any;
+    pwa_enabled: any;
+    allow_zoom?: any;
+    allow_video_trim?: any;
+}, {
+    close: CustomEvent<any>;
+    start_recording: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "allow_zoom" | "allow_video_trim">;
+type Settings = InstanceType<typeof Settings>;
+export default Settings;

package/dist/src/api_docs/SettingsBanner.svelte

@@ -1,11 +1,14 @@
-<script>import { createEventDispatcher } from "svelte";
-import { _ } from "svelte-i18n";
-import settings_logo from "./img/settings-logo.svg";
-import Clear from "./img/clear.svelte";
-import { setupi18n } from "../i18n";
-export let root;
-const dispatch = createEventDispatcher();
-setupi18n();
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+	import { _ } from "svelte-i18n";
+	import settings_logo from "./img/settings-logo.svg";
+	import Clear from "./img/clear.svelte";
+	import { setupi18n } from "../i18n";
+
+	export let root: string;
+
+	const dispatch = createEventDispatcher();
+	setupi18n();
 </script>
 
 <h2>

package/dist/src/api_docs/SettingsBanner.svelte.d.ts

@@ -1,20 +1,22 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        root: string;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        close: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type SettingsBannerProps = typeof __propDef.props;
-export type SettingsBannerEvents = typeof __propDef.events;
-export type SettingsBannerSlots = typeof __propDef.slots;
-export default class SettingsBanner extends SvelteComponent<SettingsBannerProps, SettingsBannerEvents, SettingsBannerSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const SettingsBanner: $$__sveltets_2_IsomorphicComponent<{
+    root: string;
+}, {
+    close: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SettingsBanner = InstanceType<typeof SettingsBanner>;
+export default SettingsBanner;

package/dist/src/api_docs/TryButton.svelte

@@ -1,6 +1,8 @@
-<script>import { BaseButton } from "@gradio/button";
-export let dependency_index;
-export let run;
+<script lang="ts">
+	import { BaseButton } from "@gradio/button";
+
+	export let dependency_index: number;
+	export let run: (id: number) => Promise<void>;
 </script>
 
 <span class="space" />

package/dist/src/api_docs/TryButton.svelte.d.ts

@@ -1,19 +1,21 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        dependency_index: number;
-        run: (id: number) => Promise<void>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type TryButtonProps = typeof __propDef.props;
-export type TryButtonEvents = typeof __propDef.events;
-export type TryButtonSlots = typeof __propDef.slots;
-export default class TryButton extends SvelteComponent<TryButtonProps, TryButtonEvents, TryButtonSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const TryButton: $$__sveltets_2_IsomorphicComponent<{
+    dependency_index: number;
+    run: (id: number) => Promise<void>;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type TryButton = InstanceType<typeof TryButton>;
+export default TryButton;

package/dist/src/api_docs/img/IconCheck.svelte

@@ -0,0 +1,33 @@
+<script>
+	export let classNames = "";
+</script>
+
+<svg
+	class={classNames || "icon-size"}
+	xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	height="16"
+	viewBox="0 0 16 16"
+	version="1.1"
+	width="16"
+	data-view-component="true"
+	><path
+		fill-rule="evenodd"
+		fill="rgb(255, 124, 1)"
+		d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"
+	></path></svg
+>
+
+<style>
+	.icon-size {
+		width: 0.75rem;
+		height: 0.75rem;
+	}
+
+	@media (max-width: 640px) {
+		.icon-size {
+			width: 0.625rem;
+			height: 0.625rem;
+		}
+	}
+</style>

package/dist/src/api_docs/img/IconCheck.svelte.d.ts

@@ -0,0 +1,26 @@
+export default IconCheck;
+type IconCheck = SvelteComponent<{
+    classNames?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const IconCheck: $$__sveltets_2_IsomorphicComponent<{
+    classNames?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/src/api_docs/img/IconCopy.svelte

@@ -0,0 +1,40 @@
+<script>
+	export let classNames = "";
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	fill="currentColor"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path
+		d="M28,10V28H10V10H28m0-2H10a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2Z"
+		transform="translate(0)"
+	/>
+	<path d="M4,18H2V4A2,2,0,0,1,4,2H18V4H4Z" transform="translate(0)" /><rect
+		fill="none"
+		width="32"
+		height="32"
+	/>
+</svg>
+
+<style>
+	.icon-size {
+		width: 0.75rem;
+		height: 0.75rem;
+	}
+
+	@media (max-width: 640px) {
+		.icon-size {
+			width: 0.625rem;
+			height: 0.625rem;
+		}
+	}
+</style>

package/dist/src/api_docs/img/IconCopy.svelte.d.ts

@@ -0,0 +1,26 @@
+export default IconCopy;
+type IconCopy = SvelteComponent<{
+    classNames?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const IconCopy: $$__sveltets_2_IsomorphicComponent<{
+    classNames?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/src/api_docs/img/clear.svelte.d.ts

@@ -1,25 +1,26 @@
-/** @typedef {typeof __propDef.props}  ClearProps */
-/** @typedef {typeof __propDef.events}  ClearEvents */
-/** @typedef {typeof __propDef.slots}  ClearSlots */
-export default class Clear extends SvelteComponent<{
+export default Clear;
+type Clear = SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type ClearProps = typeof __propDef.props;
-export type ClearEvents = typeof __propDef.events;
-export type ClearSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+declare const Clear: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/src/dependency.d.ts

@@ -0,0 +1,145 @@
+import type { ComponentMeta, Dependency as IDependency, LayoutNode, Payload } from "./types.js";
+import { Client, type client_return } from "@gradio/client";
+import { LoadingStatus } from "@gradio/statustracker";
+import type { ToastMessage } from "@gradio/statustracker";
+import type { StatusMessage } from "@gradio/client";
+/**
+ * A dependency as used by the frontend
+ * This class represents a discrete dependency that can be triggered by an event
+ * It is responsible calling the appropriate functions and reporting back results
+ */
+export declare class Dependency {
+    id: number;
+    inputs: number[];
+    outputs: number[];
+    cancels: number[];
+    pending: boolean;
+    trigger_modes: "once" | "multiple" | "always_last";
+    event_args: Record<string, unknown>;
+    targets: [number, string][];
+    connection_type: "stream" | "sse";
+    triggers: [number, "success" | "failure" | "all"][];
+    original_trigger_id: number | null;
+    show_progress_on: number[] | null;
+    component_prop_inputs: number[];
+    show_progress: "full" | "minimal" | "hidden";
+    functions: {
+        frontend?: (...args: unknown[]) => Promise<unknown[]>;
+        backend: boolean;
+        backend_js?: (...args: unknown[]) => Promise<unknown[]>;
+    };
+    constructor(dep_config: IDependency);
+    run(client: client_return, data_payload: unknown[], event_data: unknown, target_id: number | null | undefined): Promise<{
+        type: "data";
+        data: unknown[];
+    } | {
+        type: "void";
+        data: null;
+    } | {
+        type: "submit";
+        data: ReturnType<client_return["submit"]>;
+    }>;
+    add_trigger(dep_id: number, condition: "success" | "failure" | "all"): void;
+    get_triggers(): {
+        success: number[];
+        failure: number[];
+        all: number[];
+    };
+}
+interface DispatchFunction {
+    type: "fn";
+    event_data: unknown;
+    fn_index?: number;
+    target_id?: number;
+}
+interface DispatchEvent {
+    type: "event";
+    event_name?: string;
+    target_id?: number;
+    event_data: unknown;
+}
+/**
+ * Manages all dependencies for an app acting as a bridge between app state and Dependencies
+ * Responsible for registering dependencies and dispatching events to them
+ * It is also responsible for orchestrating dependencies based on the follwing:
+ * - Cancelling dependencies
+ * - Ensuring individual dependencies respect `trigger_mode`
+ * - Managing then, success and failure events
+ * - Ensuring that dependencies bound to the same id are treated a single unit
+ * - updating loading states
+ * - updating component states
+ */
+export declare class DependencyManager {
+    dependencies_by_fn: Map<number, Dependency>;
+    dependencies_by_event: Map<string, Dependency[]>;
+    render_id_deps: Map<number, Set<number>>;
+    submissions: Map<number, ReturnType<Client["submit"]>>;
+    client: Client;
+    queue: Set<number>;
+    add_to_api_calls: (payload: Payload) => void;
+    update_state_cb: (id: number, state: Record<string, unknown>, check_visibility?: boolean) => Promise<void>;
+    get_state_cb: (id: number) => Promise<Record<string, unknown> | null>;
+    rerender_cb: (components: ComponentMeta[], layout: LayoutNode) => void;
+    log_cb: (title: string, message: string, fn_index: number, type: ToastMessage["type"], duration?: number | null, visible?: boolean) => void;
+    loading_stati: LoadingStatus;
+    constructor(dependencies: IDependency[], client: Client, update_state_cb: (id: number, state: Record<string, unknown>, check_visibility?: boolean) => Promise<void>, get_state_cb: (id: number) => Promise<Record<string, unknown> | null>, rerender_cb: (components: ComponentMeta[], layout: LayoutNode) => void, log_cb: (title: string, message: string, fn_index: number, type: ToastMessage["type"], duration?: number | null, visible?: boolean) => void, add_to_api_calls: (payload: Payload) => void);
+    reload(dependencies: IDependency[], update_state: any, get_state: any, rerender: any, client: any): void;
+    register_loading_stati(deps: Map<number, Dependency>): void;
+    clear_loading_status(component_id: number): void;
+    update_loading_stati_state(): Promise<void>;
+    dispatch_state_change_events(result: StatusMessage): void;
+    /** Dispatches an event to the appropriate dependency
+     * @param event_name the name of the event
+     * @param target_id the id of the component that triggered the event
+     * @param event_data any additional data to pass to the dependency
+     * @returns a value if there is no backend fn, a 'submission' if there is a backend fn, or null if there is no dependency
+     */
+    dispatch(event_meta: DispatchFunction | DispatchEvent): Promise<void>;
+    /**
+     *  Creates a map of dependencies for easy lookup
+     *
+     * @param dependencies the list of dependencies from the backend
+     * @returns a map of dependencies keyed by `${event_name}-${target_id}`
+     * */
+    create(dependencies: IDependency[]): {
+        by_id: Map<number, Dependency>;
+        by_event: Map<string, Dependency[]>;
+    };
+    handle_log(msg: LogMessage): void;
+    /**
+     *  Updates the state of the outputs based on the data received from the dependency
+     *
+     * @param outputs the ids of the output components
+     * @param data the data to update the components with
+     * */
+    handle_data(outputs: number[], data: unknown[]): Promise<void>;
+    /**
+     * Gathers the current state of the inputs
+     *
+     * @param ids the ids of the components to gather state from
+     * @param prop_indices the indices (relative to ids array) that should return all component props instead of just the value
+     * @returns an array of the current state of the components, in the same order as the ids
+     */
+    gather_state(ids: number[], prop_indices?: number[]): Promise<(unknown | null)[]>;
+    /** Sets the event arguments for a specific component
+     *
+     * @param id the id of the component to set the event arguments for
+     * @param args the event arguments to set
+     * @returns a function that can be called to reset the event arguments to their previous values
+     */
+    set_event_args(id: number, args: Record<string, unknown>): Promise<() => void>;
+    cancel(ids: number[] | undefined): Promise<void>;
+    dispatch_load_events(): void;
+    get_fns_from_targets(target_id: number): number[];
+    close_stream(id: number): void;
+}
+/**
+ * Takes a string of source code and returns a function that can be called with arguments
+ * @param source the source code
+ * @param backend_fn if there is also a backend function
+ * @param input_length the number of inputs
+ * @param output_length the number of outputs
+ * @returns The function, or null if the source code is invalid or missing
+ */
+export declare function process_frontend_fn(source: string, backend_fn: boolean, input_length: number, output_length: number): (...args: unknown[]) => Promise<unknown[]>;
+export {};