@gradio/core 0.0.4 → 0.1.0-beta.2

package/dist/src/init.js

@@ -3,6 +3,10 @@ import { load_component } from "virtual:component-loader";
 import { create_loading_status_store } from "./stores";
 import { _ } from "svelte-i18n";
 let pending_updates = [];
+const is_browser = typeof window !== "undefined";
+const raf = is_browser
+    ? requestAnimationFrame
+    : async (fn) => await fn();
 /**
  * Create a store with the layout and a map of targets
  * @returns A store with the layout and a map of targets
@@ -21,7 +25,21 @@ export function create_components() {
     let app;
     let keyed_component_values = {};
     let _rootNode;
-    function create_layout({ app: _app, components, layout, dependencies, root, options }) {
+    function set_event_specific_args(dependencies) {
+        dependencies.forEach((dep) => {
+            dep.targets.forEach((target) => {
+                const instance = instance_map[target[0]];
+                if (instance && dep.event_specific_args?.length > 0) {
+                    dep.event_specific_args?.forEach((arg) => {
+                        instance.props[arg] = dep[arg];
+                    });
+                }
+            });
+        });
+    }
+    async function create_layout({ app: _app, components, layout, dependencies, root, options }) {
+        // make sure the state is settled before proceeding
+        flush();
         app = _app;
         store_keyed_values(_components);
         _components = components;
@@ -54,9 +72,9 @@ export function create_components() {
             acc[c.id] = c;
             return acc;
         }, {});
-        walk_layout(layout, root).then(() => {
-            layout_store.set(_rootNode);
-        });
+        await walk_layout(layout, root);
+        layout_store.set(_rootNode);
+        set_event_specific_args(dependencies);
     }
     /**
      * Rerender the layout when the config has been modified to attach new components
@@ -105,6 +123,7 @@ export function create_components() {
         walk_layout(layout, root, current_element.parent).then(() => {
             layout_store.set(_rootNode);
         });
+        set_event_specific_args(dependencies);
     }
     async function walk_layout(node, root, parent) {
         const instance = instance_map[node.id];
@@ -176,7 +195,7 @@ export function create_components() {
         if (!update_scheduled) {
             update_scheduled = true;
             update_scheduled_store.set(true);
-            requestAnimationFrame(flush);
+            raf(flush);
         }
     }
     function get_data(id) {
@@ -189,14 +208,35 @@ export function create_components() {
         }
         return comp.props.value;
     }
+    function modify_stream(id, state) {
+        const comp = _component_map.get(id);
+        if (comp && comp.instance.modify_stream_state) {
+            comp.instance.modify_stream_state(state);
+        }
+    }
+    function get_stream_state(id) {
+        const comp = _component_map.get(id);
+        if (comp && comp.instance.get_stream_state)
+            return comp.instance.get_stream_state();
+        return "not_set";
+    }
+    function set_time_limit(id, time_limit) {
+        const comp = _component_map.get(id);
+        if (comp && comp.instance.set_time_limit) {
+            comp.instance.set_time_limit(time_limit);
+        }
+    }
     return {
         layout: layout_store,
         targets: target_map,
         update_value,
         get_data,
+        modify_stream,
+        get_stream_state,
+        set_time_limit,
         loading_status,
         scheduled_updates: update_scheduled_store,
-        create_layout: (...args) => requestAnimationFrame(() => create_layout(...args)),
+        create_layout: create_layout,
         rerender_layout
     };
 }

package/dist/src/lang/en.json

@@ -16,12 +16,14 @@
 		"record": "Record",
 		"no_microphone": "No microphone found",
 		"pause": "Pause",
-		"play": "Play"
+		"play": "Play",
+		"waiting": "Waiting"
 	},
 	"blocks": {
 		"connection_can_break": "On mobile, the connection can break if this tab is unfocused or the device sleeps, losing your position in queue.",
 		"long_requests_queue": "There is a long queue of requests pending. Duplicate this Space to skip.",
-		"lost_connection": "Lost connection due to leaving page. Rejoining queue..."
+		"lost_connection": "Lost connection due to leaving page. Rejoining queue...",
+		"waiting_for_inputs": "Waiting for file(s) to finish uploading, please retry."
 	},
 	"checkbox": {
 		"checkbox": "Checkbox",
@@ -112,7 +114,7 @@
 		"drop_file": "Drop File Here",
 		"drop_image": "Drop Image Here",
 		"drop_video": "Drop Video Here",
-		"drop_gallery": "Drop Image(s) Here",
+		"drop_gallery": "Drop Media Here",
 		"paste_clipboard": "Paste from Clipboard"
 	}
 }

package/dist/src/lang/zh-CN.json

@@ -16,7 +16,8 @@
 		"record": "录制",
 		"no_microphone": "找不到麦克风",
 		"pause": "暂停",
-		"play": "播放"
+		"play": "播放",
+		"waiting": "等待"
 	},
 	"blocks": {
 		"connection_can_break": "在移动设备上，如果此标签页失去焦点或设备休眠，连接可能会中断，导致您在队列中失去位置。",

package/dist/src/stores.d.ts

@@ -1,7 +1,7 @@
 import { type Writable } from "svelte/store";
 export interface LoadingStatus {
     eta: number | null;
-    status: "pending" | "error" | "complete" | "generating";
+    status: "pending" | "error" | "complete" | "generating" | "streaming";
     queue: boolean;
     queue_position: number | null;
     queue_size?: number;
@@ -9,6 +9,7 @@ export interface LoadingStatus {
     message?: string | null;
     scroll_to_output?: boolean;
     show_progress?: "full" | "minimal" | "hidden";
+    time_limit?: number | null | undefined;
     progress?: {
         progress: number | null;
         index: number | null;

package/dist/src/stores.js

@@ -7,7 +7,7 @@ export function create_loading_status_store() {
     const pending_inputs = new Map();
     const inputs_to_update = new Map();
     const fn_status = {};
-    function update({ fn_index, status, queue = true, size, position = null, eta = null, message = null, progress }) {
+    function update({ fn_index, status, queue = true, size, position = null, eta = null, message = null, progress, time_limit = null }) {
         const outputs = fn_outputs[fn_index];
         const inputs = fn_inputs[fn_index];
         const last_status = fn_status[fn_index];

package/dist/src/types.d.ts

@@ -64,6 +64,11 @@ export interface Dependency {
     final_event: Payload | null;
     show_api: boolean;
     rendered_in: number | null;
+    connection: "stream" | "sse";
+    time_limit: number;
+    stream_every: number;
+    like_user_message: boolean;
+    event_specific_args: string[];
 }
 interface TypeDescription {
     input_payload?: string;

package/index.ts

@@ -1,4 +1,5 @@
 export { default as Embed } from "./src/Embed.svelte";
 export { prefix_css, mount_css } from "./src/css";
+export { create_components } from "./src/init";
 export * from "./src/i18n";
 export * from "./src/types";

package/package.json

@@ -1,64 +1,64 @@
 {
   "name": "@gradio/core",
-  "version": "0.0.4",
+  "version": "0.1.0-beta.2",
   "type": "module",
   "devDependencies": {
-    "@gradio/annotatedimage": "^0.7.2",
-    "@gradio/accordion": "^0.3.23",
-    "@gradio/atoms": "^0.8.1",
-    "@gradio/box": "^0.1.25",
-    "@gradio/button": "^0.2.51",
-    "@gradio/audio": "^0.13.5",
-    "@gradio/checkbox": "^0.3.13",
-    "@gradio/chatbot": "^0.13.1",
-    "@gradio/checkboxgroup": "^0.5.13",
-    "@gradio/client": "^1.5.2",
-    "@gradio/code": "^0.9.1",
-    "@gradio/colorpicker": "^0.3.13",
-    "@gradio/column": "^0.1.4",
-    "@gradio/dataset": "^0.2.5",
-    "@gradio/dataframe": "^0.10.1",
-    "@gradio/downloadbutton": "^0.1.28",
-    "@gradio/datetime": "^0.1.4",
-    "@gradio/dropdown": "^0.7.13",
-    "@gradio/fallback": "^0.3.13",
-    "@gradio/file": "^0.9.4",
-    "@gradio/fileexplorer": "^0.4.19",
-    "@gradio/form": "^0.1.25",
-    "@gradio/gallery": "^0.12.2",
-    "@gradio/group": "^0.1.3",
-    "@gradio/highlightedtext": "^0.7.7",
-    "@gradio/html": "^0.3.6",
-    "@gradio/icons": "^0.7.2",
-    "@gradio/image": "^0.15.1",
-    "@gradio/imageeditor": "^0.10.1",
-    "@gradio/json": "^0.5.0",
-    "@gradio/label": "^0.3.13",
-    "@gradio/markdown": "^0.9.4",
-    "@gradio/model3d": "^0.12.2",
-    "@gradio/nativeplot": "^0.3.2",
-    "@gradio/number": "^0.4.13",
-    "@gradio/multimodaltextbox": "^0.5.7",
-    "@gradio/paramviewer": "^0.4.22",
-    "@gradio/radio": "^0.5.13",
-    "@gradio/plot": "^0.6.5",
-    "@gradio/row": "^0.1.5",
-    "@gradio/simpledropdown": "^0.2.13",
-    "@gradio/simpleimage": "^0.7.1",
-    "@gradio/simpletextbox": "^0.2.13",
-    "@gradio/slider": "^0.4.13",
+    "@gradio/accordion": "^0.3.23-beta.2",
+    "@gradio/atoms": "^0.9.0-beta.2",
+    "@gradio/annotatedimage": "^0.8.0-beta.2",
+    "@gradio/audio": "^0.14.0-beta.2",
+    "@gradio/box": "^0.2.0-beta.0",
+    "@gradio/button": "^0.3.0-beta.2",
+    "@gradio/checkbox": "^0.4.0-beta.2",
+    "@gradio/chatbot": "^0.14.0-beta.2",
+    "@gradio/checkboxgroup": "^0.6.0-beta.2",
+    "@gradio/client": "^1.6.0-beta.2",
+    "@gradio/code": "^0.10.0-beta.2",
+    "@gradio/dataframe": "^0.11.0-beta.2",
+    "@gradio/colorpicker": "^0.3.13-beta.2",
+    "@gradio/column": "^0.2.0-beta.0",
+    "@gradio/dataset": "^0.2.5-beta.2",
+    "@gradio/downloadbutton": "^0.1.28-beta.2",
+    "@gradio/dropdown": "^0.7.13-beta.2",
+    "@gradio/fallback": "^0.3.13-beta.2",
+    "@gradio/datetime": "^0.1.4-beta.2",
+    "@gradio/fileexplorer": "^0.5.0-beta.2",
+    "@gradio/file": "^0.10.0-beta.2",
+    "@gradio/form": "^0.1.25-beta.2",
+    "@gradio/gallery": "^0.13.0-beta.2",
+    "@gradio/group": "^0.2.0-beta.1",
+    "@gradio/highlightedtext": "^0.7.7-beta.2",
+    "@gradio/html": "^0.4.0-beta.2",
+    "@gradio/icons": "^0.8.0-beta.2",
+    "@gradio/image": "^0.16.0-beta.2",
+    "@gradio/json": "^0.5.0-beta.2",
+    "@gradio/imageeditor": "^0.11.0-beta.2",
+    "@gradio/model3d": "^0.13.0-beta.2",
+    "@gradio/label": "^0.3.13-beta.2",
+    "@gradio/multimodaltextbox": "^0.6.0-beta.2",
+    "@gradio/markdown": "^0.10.0-beta.2",
+    "@gradio/nativeplot": "^0.4.0-beta.2",
+    "@gradio/paramviewer": "^0.4.22-beta.2",
+    "@gradio/plot": "^0.6.5-beta.2",
+    "@gradio/number": "^0.4.13-beta.2",
+    "@gradio/row": "^0.2.0-beta.1",
+    "@gradio/radio": "^0.6.0-beta.2",
+    "@gradio/simpledropdown": "^0.2.13-beta.2",
+    "@gradio/simpleimage": "^0.8.0-beta.2",
+    "@gradio/simpletextbox": "^0.2.13-beta.2",
+    "@gradio/slider": "^0.5.0-beta.2",
+    "@gradio/statustracker": "^0.8.0-beta.2",
+    "@gradio/tabitem": "^0.3.0-beta.2",
     "@gradio/state": "^0.1.2",
-    "@gradio/statustracker": "^0.7.6",
-    "@gradio/tabitem": "^0.2.15",
-    "@gradio/tabs": "^0.2.14",
-    "@gradio/theme": "^0.2.5",
-    "@gradio/textbox": "^0.7.0",
-    "@gradio/timer": "^0.3.3",
-    "@gradio/upload": "^0.12.4",
-    "@gradio/uploadbutton": "^0.6.19",
-    "@gradio/utils": "^0.6.1",
-    "@gradio/video": "^0.10.4",
-    "@gradio/wasm": "^0.13.1"
+    "@gradio/tabs": "^0.3.0-beta.2",
+    "@gradio/textbox": "^0.7.0-beta.2",
+    "@gradio/timer": "^0.3.3-beta.2",
+    "@gradio/theme": "^0.3.0-beta.1",
+    "@gradio/upload": "^0.13.0-beta.2",
+    "@gradio/uploadbutton": "^0.7.0-beta.2",
+    "@gradio/utils": "^0.7.0-beta.2",
+    "@gradio/video": "^0.11.0-beta.2",
+    "@gradio/wasm": "^0.14.0-beta.2"
   },
   "msw": {
     "workerDirectory": "public"