@gradio/core 1.0.0-dev.0 → 1.0.0-dev.3

package/dist/src/{init.js → _init.js}

@@ -1,14 +1,17 @@
-import { writable, get } from "svelte/store";
+import { writable } from "svelte/store";
 import { dequal } from "dequal";
 import { load_component } from "virtual:component-loader";
 import { create_loading_status_store } from "./stores";
 import { _ } from "svelte-i18n";
 import { i18n_marker } from "./i18n";
-let pending_updates = [];
-const is_browser = typeof window !== "undefined";
-const raf = is_browser
-    ? requestAnimationFrame
-    : async (fn) => await fn();
+const shared_props = [
+    "elem_id",
+    "elem_classes",
+    "components",
+    "visible",
+    "interactive",
+    "server_fns"
+];
 /**
  * Create a store with the layout and a map of targets
  * @returns A store with the layout and a map of targets
@@ -29,13 +32,15 @@ export function create_components({ initial_layout = undefined } = {
     let app;
     let keys_per_render_id = {};
     let _rootNode;
-    let value_change_cb = null;
-    function value_change(cb) {
-        value_change_cb = cb;
-    }
     let current_layout;
     let current_root;
-    function set_event_specific_args(dependencies) {
+    const get_callbacks = new Map();
+    const set_callbacks = new Map();
+    function register_component(id, _set_data, _get_data) {
+        set_callbacks.set(id, _set_data);
+        get_callbacks.set(id, _get_data);
+    }
+    function get_event_specific_args(dependencies) {
         dependencies.forEach((dep) => {
             dep.targets.forEach((target) => {
                 const instance = instance_map?.[target[0]];
@@ -48,7 +53,6 @@ export function create_components({ initial_layout = undefined } = {
         });
     }
     async function create_layout({ app: _app, components, layout, dependencies, root, options }) {
-        flush();
         app = _app;
         if (instance_map) {
             components.forEach((c) => {
@@ -58,12 +62,13 @@ export function create_components({ initial_layout = undefined } = {
                         c.props.value = matching_instance.props.value;
                     }
                 }
+                const { shared_props, props } = gather_props(c.props);
+                c.props = { props, shared_props };
             });
         }
         _components = components;
         inputs = new Set();
         outputs = new Set();
-        pending_updates = [];
         constructor_map = new Map();
         _component_map = new Map();
         instance_map = {};
@@ -104,13 +109,13 @@ export function create_components({ initial_layout = undefined } = {
      * Rerender the layout when the config has been modified to attach new components
      */
     function rerender_layout({ render_id, components, layout, root, dependencies }) {
-        components.forEach((c) => {
-            for (const prop in c.props) {
-                if (c.props[prop] === null) {
-                    c.props[prop] = undefined;
-                }
-            }
-        });
+        // components.forEach((c) => {
+        // 	for (const prop in c.props) {
+        // 		if (c.props[prop] === null) {
+        // 			c.props[prop] = undefined;
+        // 		}
+        // 	}
+        // });
         let replacement_components = [];
         let new_components = [];
         components.forEach((c) => {
@@ -238,8 +243,6 @@ export function create_components({ initial_layout = undefined } = {
         }
         return instance;
     }
-    let update_scheduled = false;
-    let update_scheduled_store = writable(false);
     /**
      * Load newly visible components after visibility changes
      * @param newly_visible_ids Set of component IDs that are now visible
@@ -286,90 +289,11 @@ export function create_components({ initial_layout = undefined } = {
             return false;
         }));
     }
-    function flush() {
-        const had_visibility_changes = has_visibility_changes(pending_updates);
-        let previous_visible_ids;
-        const all_components = _component_map
-            ? [..._component_map.values()]
-            : _components;
-        if (had_visibility_changes && current_layout) {
-            previous_visible_ids = determine_visible_components(current_layout, all_components);
-        }
-        layout_store.update((layout) => {
-            for (let i = 0; i < pending_updates.length; i++) {
-                for (let j = 0; j < pending_updates[i].length; j++) {
-                    const update = pending_updates[i][j];
-                    if (!update)
-                        continue;
-                    const instance = instance_map?.[update.id];
-                    if (!instance)
-                        continue;
-                    let new_value;
-                    const old_value = instance.props[update.prop];
-                    if (update.value instanceof Map)
-                        new_value = new Map(update.value);
-                    else if (update.value instanceof Set)
-                        new_value = new Set(update.value);
-                    else if (Array.isArray(update.value))
-                        new_value = [...update.value];
-                    else if (update.value == null)
-                        new_value = null;
-                    else if (typeof update.value === "object")
-                        new_value = { ...update.value };
-                    else
-                        new_value = update.value;
-                    instance.props[update.prop] = new_value;
-                    if (update.prop === "value" &&
-                        !is_visible(instance) &&
-                        !dequal(old_value, new_value)) {
-                        value_change_cb?.(update.id, new_value);
-                    }
-                }
-            }
-            return layout;
-        });
-        if (had_visibility_changes && current_layout && previous_visible_ids) {
-            raf(async () => {
-                const new_visible_ids = determine_visible_components(current_layout, all_components);
-                const newly_visible_ids = new Set();
-                for (const id of new_visible_ids) {
-                    if (!previous_visible_ids.has(id)) {
-                        newly_visible_ids.add(id);
-                    }
-                }
-                await load_newly_visible_components(newly_visible_ids, all_components);
-                if (newly_visible_ids.size > 0) {
-                    layout_store.update((layout) => layout);
-                }
-            });
-        }
-        pending_updates = [];
-        update_scheduled = false;
-        update_scheduled_store.set(false);
-    }
-    function update_value(updates) {
-        if (!updates)
-            return;
-        pending_updates.push(updates);
-        if (!update_scheduled) {
-            update_scheduled = true;
-            update_scheduled_store.set(true);
-            raf(flush);
-        }
+    async function get_data(id) {
+        return get_callbacks.get(id)?.();
     }
-    function get_data(id) {
-        let comp = _component_map.get(id);
-        if (!comp) {
-            const layout = get(layout_store);
-            comp = findComponentById(layout, id);
-        }
-        if (!comp) {
-            return null;
-        }
-        if (comp.instance?.get_value) {
-            return comp.instance.get_value();
-        }
-        return comp.props.value;
+    function set_data(id, data) {
+        set_callbacks.get(id)?.(data);
     }
     function findComponentById(node, id) {
         if (node.id === id) {
@@ -406,16 +330,15 @@ export function create_components({ initial_layout = undefined } = {
     return {
         layout: layout_store,
         targets: target_map,
-        update_value,
         get_data,
+        set_data,
         modify_stream,
         get_stream_state,
         set_time_limit,
         loading_status,
-        scheduled_updates: update_scheduled_store,
         create_layout: create_layout,
         rerender_layout,
-        value_change
+        register_component
     };
 }
 /** An async version of 'new Function' */

package/dist/src/api_docs/ApiBanner.svelte

@@ -1,11 +1,15 @@
-<script>import { createEventDispatcher } from "svelte";
-import api_logo from "./img/api-logo.svg";
-import Clear from "./img/clear.svelte";
-import { BaseButton } from "@gradio/button";
-export let root;
-export let api_count;
-export let current_language = "python";
-const dispatch = createEventDispatcher();
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+	import api_logo from "./img/api-logo.svg";
+	import Clear from "./img/clear.svelte";
+	import { BaseButton } from "@gradio/button";
+
+	export let root: string;
+	export let api_count: number;
+	export let current_language: "python" | "javascript" | "bash" | "mcp" =
+		"python";
+
+	const dispatch = createEventDispatcher();
 </script>
 
 <h2>

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

@@ -1,22 +1,24 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        root: string;
-        api_count: number;
-        current_language?: "python" | "javascript" | "bash" | "mcp";
+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 ApiBannerProps = typeof __propDef.props;
-export type ApiBannerEvents = typeof __propDef.events;
-export type ApiBannerSlots = typeof __propDef.slots;
-export default class ApiBanner extends SvelteComponent<ApiBannerProps, ApiBannerEvents, ApiBannerSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ApiBanner: $$__sveltets_2_IsomorphicComponent<{
+    root: string;
+    api_count: number;
+    current_language?: "python" | "javascript" | "bash" | "mcp";
+}, {
+    close: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ApiBanner = InstanceType<typeof ApiBanner>;
+export default ApiBanner;