@gradio/core 0.0.2 → 0.0.3

package/dist/src/api_docs/utils.js

@@ -0,0 +1,135 @@
+// eslint-disable-next-line complexity
+export function represent_value(value, type, lang = null) {
+    if (type === undefined) {
+        return lang === "py" ? "None" : null;
+    }
+    if (value === null && lang === "py") {
+        return "None";
+    }
+    if (type === "string" || type === "str") {
+        return lang === null ? value : '"' + value + '"';
+    }
+    else if (type === "number") {
+        return lang === null ? parseFloat(value) : value;
+    }
+    else if (type === "boolean" || type == "bool") {
+        if (lang === "py") {
+            value = String(value);
+            return value === "true" ? "True" : "False";
+        }
+        else if (lang === "js" || lang === "bash") {
+            return value;
+        }
+        return value === "true";
+    }
+    else if (type === "List[str]") {
+        value = JSON.stringify(value);
+        return value;
+    }
+    else if (type.startsWith("Literal['")) {
+        // a literal of strings
+        return '"' + value + '"';
+    }
+    // assume object type
+    if (lang === null) {
+        return value === "" ? null : JSON.parse(value);
+    }
+    else if (typeof value === "string") {
+        if (value === "") {
+            return lang === "py" ? "None" : "null";
+        }
+        return value;
+    }
+    if (lang === "bash") {
+        value = simplify_file_data(value);
+    }
+    if (lang === "py") {
+        value = replace_file_data_with_file_function(value);
+    }
+    return stringify_except_file_function(value);
+}
+export function is_potentially_nested_file_data(obj) {
+    if (typeof obj === "object" && obj !== null) {
+        if (obj.hasOwnProperty("url") && obj.hasOwnProperty("meta")) {
+            if (typeof obj.meta === "object" &&
+                obj.meta !== null &&
+                obj.meta._type === "gradio.FileData") {
+                return true;
+            }
+        }
+    }
+    if (typeof obj === "object" && obj !== null) {
+        for (let key in obj) {
+            if (typeof obj[key] === "object") {
+                let result = is_potentially_nested_file_data(obj[key]);
+                if (result) {
+                    return true;
+                }
+            }
+        }
+    }
+    return false;
+}
+function simplify_file_data(obj) {
+    if (typeof obj === "object" && obj !== null && !Array.isArray(obj)) {
+        if ("url" in obj &&
+            obj.url &&
+            "meta" in obj &&
+            obj.meta?._type === "gradio.FileData") {
+            return { path: obj.url };
+        }
+    }
+    if (Array.isArray(obj)) {
+        obj.forEach((item, index) => {
+            if (typeof item === "object" && item !== null) {
+                obj[index] = simplify_file_data(item); // Recurse and update array elements
+            }
+        });
+    }
+    else if (typeof obj === "object" && obj !== null) {
+        Object.keys(obj).forEach((key) => {
+            obj[key] = simplify_file_data(obj[key]); // Recurse and update object properties
+        });
+    }
+    return obj;
+}
+function replace_file_data_with_file_function(obj) {
+    if (typeof obj === "object" && obj !== null && !Array.isArray(obj)) {
+        if ("url" in obj &&
+            obj.url &&
+            "meta" in obj &&
+            obj.meta?._type === "gradio.FileData") {
+            return `handle_file('${obj.url}')`;
+        }
+    }
+    if (Array.isArray(obj)) {
+        obj.forEach((item, index) => {
+            if (typeof item === "object" && item !== null) {
+                obj[index] = replace_file_data_with_file_function(item); // Recurse and update array elements
+            }
+        });
+    }
+    else if (typeof obj === "object" && obj !== null) {
+        Object.keys(obj).forEach((key) => {
+            obj[key] = replace_file_data_with_file_function(obj[key]); // Recurse and update object properties
+        });
+    }
+    return obj;
+}
+function stringify_except_file_function(obj) {
+    let jsonString = JSON.stringify(obj, (key, value) => {
+        if (value === null) {
+            return "UNQUOTEDNone";
+        }
+        if (typeof value === "string" &&
+            value.startsWith("handle_file(") &&
+            value.endsWith(")")) {
+            return `UNQUOTED${value}`; // Flag the special strings
+        }
+        return value;
+    });
+    const regex = /"UNQUOTEDhandle_file\(([^)]*)\)"/g;
+    jsonString = jsonString.replace(regex, (match, p1) => `handle_file(${p1})`);
+    const regexNone = /"UNQUOTEDNone"/g;
+    return jsonString.replace(regexNone, "None");
+}

package/dist/src/css.d.ts

@@ -0,0 +1,2 @@
+export declare function mount_css(url: string, target: HTMLElement): Promise<void>;
+export declare function prefix_css(string: string, version: string, style_element?: HTMLStyleElement): HTMLStyleElement | null;

package/dist/src/css.js

@@ -0,0 +1,93 @@
+let supports_adopted_stylesheets = false;
+if ("attachShadow" in Element.prototype &&
+    "adoptedStyleSheets" in Document.prototype) {
+    // Both Shadow DOM and adoptedStyleSheets are supported
+    const shadow_root_test = document
+        .createElement("div")
+        .attachShadow({ mode: "open" });
+    supports_adopted_stylesheets = "adoptedStyleSheets" in shadow_root_test;
+}
+export function mount_css(url, target) {
+    const base = new URL(import.meta.url).origin;
+    const _url = new URL(url, base).href;
+    const existing_link = document.querySelector(`link[href='${_url}']`);
+    if (existing_link)
+        return Promise.resolve();
+    const link = document.createElement("link");
+    link.rel = "stylesheet";
+    link.href = _url;
+    return new Promise((res, rej) => {
+        link.addEventListener("load", () => res());
+        link.addEventListener("error", () => {
+            console.error(`Unable to preload CSS for ${_url}`);
+            res();
+        });
+        target.appendChild(link);
+    });
+}
+export function prefix_css(string, version, style_element = document.createElement("style")) {
+    if (!supports_adopted_stylesheets)
+        return null;
+    style_element.remove();
+    const stylesheet = new CSSStyleSheet();
+    stylesheet.replaceSync(string);
+    let importString = "";
+    string = string.replace(/@import\s+url\((.*?)\);\s*/g, (match, url) => {
+        importString += `@import url(${url});\n`;
+        return ""; // remove and store any @import statements from the CSS
+    });
+    const rules = stylesheet.cssRules;
+    let css_string = "";
+    let gradio_css_infix = `gradio-app .gradio-container.gradio-container-${version} .contain `;
+    for (let i = 0; i < rules.length; i++) {
+        const rule = rules[i];
+        let is_dark_rule = rule.cssText.includes(".dark");
+        if (rule instanceof CSSStyleRule) {
+            const selector = rule.selectorText;
+            if (selector) {
+                const new_selector = selector
+                    .replace(".dark", "")
+                    .split(",")
+                    .map((s) => `${is_dark_rule ? ".dark" : ""} ${gradio_css_infix} ${s.trim()} `)
+                    .join(",");
+                css_string += rule.cssText;
+                css_string += rule.cssText.replace(selector, new_selector);
+            }
+        }
+        else if (rule instanceof CSSMediaRule) {
+            let mediaCssString = `@media ${rule.media.mediaText} {`;
+            for (let j = 0; j < rule.cssRules.length; j++) {
+                const innerRule = rule.cssRules[j];
+                if (innerRule instanceof CSSStyleRule) {
+                    let is_dark_rule = innerRule.cssText.includes(".dark ");
+                    const selector = innerRule.selectorText;
+                    const new_selector = selector
+                        .replace(".dark", "")
+                        .split(",")
+                        .map((s) => `${is_dark_rule ? ".dark" : ""} ${gradio_css_infix} ${s.trim()} `)
+                        .join(",");
+                    mediaCssString += innerRule.cssText.replace(selector, new_selector);
+                }
+            }
+            mediaCssString += "}";
+            css_string += mediaCssString;
+        }
+        else if (rule instanceof CSSKeyframesRule) {
+            css_string += `@keyframes ${rule.name} {`;
+            for (let j = 0; j < rule.cssRules.length; j++) {
+                const innerRule = rule.cssRules[j];
+                if (innerRule instanceof CSSKeyframeRule) {
+                    css_string += `${innerRule.keyText} { ${innerRule.style.cssText} }`;
+                }
+            }
+            css_string += "}";
+        }
+        else if (rule instanceof CSSFontFaceRule) {
+            css_string += `@font-face { ${rule.style.cssText} }`;
+        }
+    }
+    css_string = importString + css_string;
+    style_element.textContent = css_string;
+    document.head.appendChild(style_element);
+    return style_element;
+}

package/dist/src/gradio_helper.js

@@ -0,0 +1,4 @@
+import { format } from "svelte-i18n";
+import { get } from "svelte/store";
+export { Gradio } from "@gradio/utils";
+export const formatter = get(format);

package/dist/src/i18n.d.ts

@@ -0,0 +1,6 @@
+type LangsRecord = Record<string, {
+    [key: string]: any;
+}>;
+export declare function process_langs(): LangsRecord;
+export declare function setupi18n(): Promise<void>;
+export {};

package/dist/src/i18n.js

@@ -0,0 +1,22 @@
+import { addMessages, init, getLocaleFromNavigator } from "svelte-i18n";
+const langs = import.meta.glob("./lang/*.json", {
+    eager: true
+});
+export function process_langs() {
+    let _langs = {};
+    for (const lang in langs) {
+        const code = lang.split("/").pop().split(".").shift();
+        _langs[code] = langs[lang].default;
+    }
+    return _langs;
+}
+const processed_langs = process_langs();
+for (const lang in processed_langs) {
+    addMessages(lang, processed_langs[lang]);
+}
+export async function setupi18n() {
+    await init({
+        fallbackLocale: "en",
+        initialLocale: getLocaleFromNavigator()
+    });
+}

package/dist/src/images/lightning.svg

@@ -0,0 +1,2 @@
+<!-- Lightning https://iconscout.com/icons/lightning by IconLauk https://iconscout.com/contributors/icon-lauk on IconScout https://iconscout.com" -->
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 32 32" viewBox="0 0 32 32" id="lightning"><path fill="#ff7c00" d="M26.9,10.5C26.7,10.2,26.4,10,26,10h-9V2c0-0.4-0.3-0.8-0.7-1c-0.4-0.1-0.9,0-1.1,0.4l-10,14c-0.2,0.3-0.3,0.7-0.1,1   C5.3,16.8,5.6,17,6,17h8.8L13,29.9c-0.1,0.5,0.2,0.9,0.6,1.1c0.1,0,0.2,0.1,0.3,0.1c0.3,0,0.7-0.2,0.8-0.5l12-19   C27,11.2,27,10.8,26.9,10.5z"/></svg>

package/dist/src/images/logo.svg

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="576" height="576" viewBox="0 0 576 576" fill="none">
+<path d="M287.5 229L86 344.5L287.5 460L489 344.5L287.5 229Z" stroke="url(#paint0_linear_102_7)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M287.5 116L86 231.5L287.5 347L489 231.5L287.5 116Z" stroke="url(#paint1_linear_102_7)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M86 344L288 229" stroke="url(#paint2_linear_102_7)" stroke-width="59" stroke-linejoin="bevel"/>
+<defs>
+<linearGradient id="paint0_linear_102_7" x1="60" y1="341" x2="429.5" y2="344" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint1_linear_102_7" x1="513.5" y1="231" x2="143.5" y2="231" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint2_linear_102_7" x1="60" y1="344" x2="428.987" y2="341.811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/src/images/play.svg

@@ -0,0 +1,2 @@
+<!-- Play https://iconscout.com/icons/play by Alexandru Stoica https://iconscout.com/contributors/alexandru-stoica on IconScout https://iconscout.com" -->
+<svg xmlns="http://www.w3.org/2000/svg" width="6" height="7" viewBox="0 0 6 7" id="play"><g fill="#999b9e" transform="translate(-347 -3766)"><g transform="translate(56 160)"><path d="M296.495 3608.573l-3.994-2.43c-.669-.408-1.501.107-1.501.926v4.862c0 .82.832 1.333 1.5.927l3.995-2.43c.673-.41.673-1.445 0-1.855"/></g></g></svg>

package/dist/src/images/spaces.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none">
+  <path fill="#FF3270" d="M1.93 6.03v2.04h2.04V6.03H1.93Z"/>
+  <path fill="#861FFF" d="M6.03 6.03v2.04h2.04V6.03H6.03Z"/>
+  <path fill="#097EFF" d="M1.93 1.93v2.04h2.04V1.93H1.93Z"/>
+  <path fill="#000" fill-rule="evenodd" d="M.5 1.4c0-.5.4-.9.9-.9h3.1a.9.9 0 0 1 .87.67A2.44 2.44 0 0 1 9.5 2.95c0 .65-.25 1.24-.67 1.68.39.1.67.46.67.88v3.08c0 .5-.4.91-.9.91H1.4a.9.9 0 0 1-.9-.9V1.4Zm1.43.53v2.04h2.04V1.93H1.93Zm0 6.14V6.03h2.04v2.04H1.93Zm4.1 0V6.03h2.04v2.04H6.03Zm0-5.12a1.02 1.02 0 1 1 2.04 0 1.02 1.02 0 0 1-2.04 0Z" clip-rule="evenodd"/>
+  <path fill="#FFD702" d="M7.05 1.93a1.02 1.02 0 1 0 0 2.04 1.02 1.02 0 0 0 0-2.04Z"/>
+</svg>

package/dist/src/init.d.ts

@@ -0,0 +1,107 @@
+import { type Writable } from "svelte/store";
+import type { ComponentMeta, Dependency, LayoutNode, TargetMap, LoadingComponent } from "./types";
+import type { client_return } from "@gradio/client";
+import { create_loading_status_store } from "./stores";
+export interface UpdateTransaction {
+    id: number;
+    value: any;
+    prop: string;
+}
+/**
+ * Create a store with the layout and a map of targets
+ * @returns A store with the layout and a map of targets
+ */
+export declare function create_components(): {
+    layout: Writable<ComponentMeta>;
+    targets: Writable<TargetMap>;
+    update_value: (updates: UpdateTransaction[]) => void;
+    get_data: (id: number) => any | Promise<any>;
+    loading_status: ReturnType<typeof create_loading_status_store>;
+    scheduled_updates: Writable<boolean>;
+    create_layout: (args: {
+        app: client_return;
+        components: ComponentMeta[];
+        layout: LayoutNode;
+        dependencies: Dependency[];
+        root: string;
+        options: {
+            fill_height: boolean;
+        };
+    }) => void;
+    rerender_layout: (args: {
+        render_id: number;
+        components: ComponentMeta[];
+        layout: LayoutNode;
+        root: string;
+        dependencies: Dependency[];
+    }) => void;
+};
+/** An async version of 'new Function' */
+export declare const AsyncFunction: new (...args: string[]) => (...args: any[]) => Promise<any>;
+/**
+ * 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 | null | undefined | false, backend_fn: boolean, input_length: number, output_length: number): ((...args: unknown[]) => Promise<unknown[]>) | null;
+/**
+ * `Dependency.targets` is an array of `[id, trigger]` pairs with the ids as the `fn_id`.
+ * This function take a single list of `Dependency.targets` and add those to the target_map.
+ * @param targets the targets array
+ * @param fn_id the function index
+ * @param target_map the target map
+ * @returns the tagert map
+ */
+export declare function create_target_meta(targets: Dependency["targets"], fn_id: number, target_map: TargetMap): TargetMap;
+/**
+ * Get all component ids that are an input or output of a dependency
+ * @param dep the dependency
+ * @param inputs the set of inputs
+ * @param outputs the set of outputs
+ * @returns a tuple of the inputs and outputs
+ */
+export declare function get_inputs_outputs(dep: Dependency, inputs: Set<number>, outputs: Set<number>): [Set<number>, Set<number>];
+/**
+ * Determines if a component is interactive
+ * @param id component id
+ * @param interactive_prop value of the interactive prop
+ * @param value the main value of the component
+ * @param inputs set of ids that are inputs to a dependency
+ * @param outputs set of ids that are outputs to a dependency
+ * @returns if the component is interactive
+ */
+export declare function determine_interactivity(id: number, interactive_prop: boolean | undefined, value: any, inputs: Set<number>, outputs: Set<number>): boolean;
+type ServerFunctions = Record<string, (...args: any[]) => Promise<any>>;
+/**
+ * Process the server function names and return a dictionary of functions
+ * @param id the component id
+ * @param server_fns the server function names
+ * @param app the client instance
+ * @returns the actual server functions
+ */
+export declare function process_server_fn(id: number, server_fns: string[] | undefined, app: client_return): ServerFunctions;
+/**
+ * Get a component from the backend
+ * @param type the type of the component
+ * @param class_id the class id of the component
+ * @param root the root url of the app
+ * @param components the list of component metadata
+ * @param example_components the list of example components
+ * @returns the component and its name
+ */
+export declare function get_component(type: string, class_id: string, root: string, components: ComponentMeta[], example_components?: string[]): {
+    component: LoadingComponent;
+    name: ComponentMeta["type"];
+    example_components?: Map<ComponentMeta["type"], LoadingComponent>;
+};
+/**
+ * Preload all components
+ * @param components A list of component metadata
+ * @param root The root url of the app
+ * @returns A map of component ids to their constructors
+ */
+export declare function preload_all_components(components: ComponentMeta[], root: string): Map<ComponentMeta["type"], LoadingComponent>;
+export {};