@gradio/core 0.27.1 → 0.28.0

package/dist/src/i18n.d.ts

@@ -15,11 +15,12 @@ export interface LangsRecord {
     };
 }
 export declare function is_translation_metadata(obj: any): obj is I18nData;
+export declare const i18n_marker = "__i18n__";
 export declare function translate_if_needed(value: any): string;
 export declare function process_langs(): LangsRecord;
 export declare const language_choices: [string, string][];
 export declare let all_common_keys: Set<string>;
-export declare function setupi18n(custom_translations?: Record<string, Record<string, string>>): Promise<void>;
+export declare function setupi18n(custom_translations?: Record<string, Record<string, string>>, preferred_locale?: string): Promise<void>;
 export declare function changeLocale(new_locale: string): void;
 export declare function get_initial_locale(browser_locale: string | null, available_locales: string[], fallback_locale?: string): string;
 export declare function load_translations(translations: {

package/dist/src/i18n.js

@@ -43,12 +43,12 @@ export function is_translation_metadata(obj) {
         typeof obj.key === "string";
     return result;
 }
+export const i18n_marker = "__i18n__";
 // handles strings with embedded JSON metadata of shape "__i18n__{"key": "some.key"}"
 export function translate_if_needed(value) {
     if (typeof value !== "string") {
         return value;
     }
-    const i18n_marker = "__i18n__";
     const marker_index = value.indexOf(i18n_marker);
     if (marker_index === -1) {
         return value;
@@ -108,7 +108,7 @@ export const language_choices = Object.entries(processed_langs).map(([code]) =>
 export let all_common_keys = new Set();
 let i18n_initialized = false;
 let previous_translations;
-export async function setupi18n(custom_translations) {
+export async function setupi18n(custom_translations, preferred_locale) {
     const should_reinitialize = i18n_initialized && custom_translations !== previous_translations;
     if (i18n_initialized && !should_reinitialize) {
         return;
@@ -118,7 +118,7 @@ export async function setupi18n(custom_translations) {
         processed_langs,
         custom_translations: custom_translations ?? {}
     });
-    const browser_locale = getLocaleFromNavigator();
+    const browser_locale = preferred_locale ?? getLocaleFromNavigator();
     let initial_locale = browser_locale && available_locales.includes(browser_locale)
         ? browser_locale
         : null;

package/dist/src/init.js

@@ -3,6 +3,7 @@ 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
@@ -38,7 +39,7 @@ export function create_components({ initial_layout = undefined } = {
     function set_event_specific_args(dependencies) {
         dependencies.forEach((dep) => {
             dep.targets.forEach((target) => {
-                const instance = instance_map[target[0]];
+                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];
@@ -133,7 +134,7 @@ export function create_components({ initial_layout = undefined } = {
             get_inputs_outputs(dep, inputs, outputs);
         });
         target_map.set(_target_map);
-        let current_element = instance_map[layout.id];
+        let current_element = instance_map?.[layout.id];
         let all_current_children = [];
         const add_to_current_children = (component) => {
             all_current_children.push(component);
@@ -149,7 +150,7 @@ export function create_components({ initial_layout = undefined } = {
             if (component.rendered_in === render_id) {
                 let replacement_component = replacement_components.find((c) => c.key === component.key);
                 if (component.key != null && replacement_component !== undefined) {
-                    const instance = instance_map[component.id];
+                    const instance = instance_map?.[component.id];
                     for (const prop in replacement_component.props) {
                         if (!replacement_component.props.preserved_by_key?.includes(prop)) {
                             instance.props[prop] = replacement_component.props[prop];
@@ -157,20 +158,21 @@ export function create_components({ initial_layout = undefined } = {
                     }
                 }
                 else {
-                    delete instance_map[_id];
+                    if (instance_map)
+                        delete instance_map[_id];
                     if (_component_map.has(_id)) {
                         _component_map.delete(_id);
                     }
                 }
             }
         });
-        const components_to_add = new_components.concat(replacement_components.filter((c) => !instance_map[c.id]));
+        const components_to_add = new_components.concat(replacement_components.filter((c) => !instance_map?.[c.id]));
         components_to_add.forEach((c) => {
             instance_map[c.id] = c;
             _component_map.set(c.id, c);
         });
         if (current_element.parent) {
-            current_element.parent.children[current_element.parent.children.indexOf(current_element)] = instance_map[layout.id];
+            current_element.parent.children[current_element.parent.children.indexOf(current_element)] = instance_map?.[layout.id];
         }
         walk_layout(layout, root, _components.concat(components), current_element.parent).then(() => {
             layout_store.set(_rootNode);
@@ -181,7 +183,7 @@ export function create_components({ initial_layout = undefined } = {
         set_event_specific_args(dependencies);
     }
     async function walk_layout(node, root, components, parent) {
-        const instance = instance_map[node.id];
+        const instance = instance_map?.[node.id];
         if (!instance.component) {
             const constructor_key = instance.component_class_id || instance.type;
             let component_constructor = constructor_map.get(constructor_key);
@@ -202,9 +204,10 @@ export function create_components({ initial_layout = undefined } = {
         if (node.children) {
             instance.children = await Promise.all(node.children.map((v) => walk_layout(v, root, components, instance)));
         }
-        if (instance.type === "tabs" && !instance.props.initial_tabs) {
+        if ((instance.type === "tabs" && !instance.props.initial_tabs) ||
+            (instance.type === "walkthrough" && !instance.props.initial_tabs)) {
             const tab_items_props = node.children?.map((c, i) => {
-                const instance = instance_map[c.id];
+                const instance = instance_map?.[c.id];
                 instance.props.id ??= c.id;
                 return {
                     type: instance.type,
@@ -215,18 +218,19 @@ export function create_components({ initial_layout = undefined } = {
                     }
                 };
             }) || [];
-            const child_tab_items = tab_items_props.filter((child) => child.type === "tabitem");
+            const _type = instance.type === "walkthrough" ? "walkthroughstep" : "tabitem";
+            const child_tab_items = tab_items_props.filter((child) => child.type === _type);
             instance.props.initial_tabs = child_tab_items?.map((child) => ({
-                label: child.props.label,
+                label: child.props.label.includes(i18n_marker) ? "" : child.props.label,
                 id: child.props.id,
                 visible: typeof child.props.visible === "boolean" ? child.props.visible : true,
                 interactive: child.props.interactive,
                 order: child.props.order
             }));
         }
-        if (instance.type === "tabs") {
+        if (instance.type === "tabs" || instance.type === "walkthrough") {
             node.children?.forEach((c, i) => {
-                const child = instance_map[c.id];
+                const child = instance_map?.[c.id];
                 child.props.order = i;
             });
         }
@@ -272,7 +276,7 @@ export function create_components({ initial_layout = undefined } = {
      */
     function has_visibility_changes(updates) {
         return updates.some((update_batch) => update_batch.some((update) => {
-            const instance = instance_map[update.id];
+            const instance = instance_map?.[update.id];
             if (!instance)
                 return false;
             // Check for visibility property changes
@@ -300,7 +304,7 @@ export function create_components({ initial_layout = undefined } = {
                     const update = pending_updates[i][j];
                     if (!update)
                         continue;
-                    const instance = instance_map[update.id];
+                    const instance = instance_map?.[update.id];
                     if (!instance)
                         continue;
                     let new_value;

package/dist/src/lang/id.json

@@ -0,0 +1,154 @@
+{
+	"_name": "Bahasa Indonesia",
+	"3D_model": {
+		"3d_model": "Model 3D",
+		"drop_to_upload": "Letakkan file model 3D (.obj, .glb, .stl, .gltf, .splat, atau .ply) di sini untuk mengunggah"
+	},
+	"annotated_image": {
+		"annotated_image": "Gambar Beranotasi"
+	},
+	"audio": {
+		"allow_recording_access": "Mohon izinkan akses ke mikrofon untuk merekam.",
+		"audio": "Audio",
+		"record_from_microphone": "Rekam dari mikrofon",
+		"stop_recording": "Hentikan rekaman",
+		"no_device_support": "Perangkat media tidak dapat diakses. Pastikan Anda menjalankan dari sumber yang aman (https) atau localhost (atau Anda telah meneruskan sertifikat SSL yang valid ke ssl_verify), dan Anda telah mengizinkan akses browser ke perangkat Anda.",
+		"stop": "Berhenti",
+		"resume": "Lanjutkan",
+		"record": "Rekam",
+		"no_microphone": "Tidak ada mikrofon yang ditemukan",
+		"pause": "Jeda",
+		"play": "Putar",
+		"waiting": "Menunggu",
+		"drop_to_upload": "Letakkan file audio di sini untuk mengunggah"
+	},
+	"blocks": {
+		"connection_can_break": "Di perangkat seluler, koneksi dapat terputus jika tab ini tidak dalam fokus atau perangkat dalam mode tidur, sehingga Anda kehilangan posisi dalam antrian.",
+		"long_requests_queue": "Ada antrian panjang dari permintaan yang tertunda. Gandakan Ruang ini untuk melompati antrian.",
+		"lost_connection": "Koneksi terputus karena meninggalkan halaman. Bergabung kembali ke antrian...",
+		"waiting_for_inputs": "Menunggu file selesai diunggah, mohon coba lagi."
+	},
+	"checkbox": {
+		"checkbox": "Kotak centang",
+		"checkbox_group": "Grup kotak centang"
+	},
+	"code": {
+		"code": "Kode"
+	},
+	"color_picker": {
+		"color_picker": "Pemilih Warna"
+	},
+	"common": {
+		"built_with": "dibuat dengan",
+		"built_with_gradio": "Dibuat dengan Gradio",
+		"clear": "Bersihkan",
+		"download": "Unduh",
+		"edit": "Edit",
+		"empty": "Kosong",
+		"error": "Error",
+		"hosted_on": "Di-hosting di",
+		"loading": "Memuat",
+		"logo": "logo",
+		"or": "atau",
+		"remove": "Hapus",
+		"settings": "Pengaturan",
+		"share": "Bagikan",
+		"submit": "Kirim",
+		"undo": "Urungkan",
+		"no_devices": "Tidak ada perangkat yang ditemukan",
+		"language": "Bahasa",
+		"display_theme": "Tema Tampilan",
+		"pwa": "Aplikasi Web Progresif"
+	},
+	"dataframe": {
+		"incorrect_format": "Format salah, hanya file CSV dan TSV yang didukung",
+		"new_column": "Tambah kolom",
+		"new_row": "Baris baru",
+		"add_row_above": "Tambah baris di atas",
+		"add_row_below": "Tambah baris di bawah",
+		"add_column_left": "Tambah kolom ke kiri",
+		"add_column_right": "Tambah kolom ke kanan",
+		"delete_row": "Hapus baris",
+		"delete_column": "Hapus kolom",
+		"sort_column": "Urutkan kolom",
+		"sort_ascending": "Urutkan menaik",
+		"sort_descending": "Urutkan menurun",
+		"drop_to_upload": "Letakkan file CSV atau TSV di sini untuk mengimpor data ke dataframe",
+		"clear_sort": "Bersihkan pengurutan"
+	},
+	"dropdown": {
+		"dropdown": "Dropdown"
+	},
+	"errors": {
+		"build_error": "ada error saat membangun",
+		"config_error": "ada error konfigurasi",
+		"contact_page_author": "Mohon hubungi penulis halaman untuk memberitahu mereka.",
+		"no_app_file": "tidak ada file aplikasi",
+		"runtime_error": "ada error runtime",
+		"space_not_working": "\"Ruang tidak berfungsi karena\" {0}",
+		"space_paused": "ruang sedang dijeda",
+		"use_via_api": "Gunakan melalui API"
+	},
+	"file": {
+		"uploading": "Mengunggah..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Teks yang Disorot"
+	},
+	"image": {
+		"allow_webcam_access": "Mohon izinkan akses ke webcam untuk merekam.",
+		"brush_color": "Warna kuas",
+		"brush_radius": "Radius kuas",
+		"image": "Gambar",
+		"remove_image": "Hapus Gambar",
+		"select_brush_color": "Pilih warna kuas",
+		"start_drawing": "Mulai menggambar",
+		"use_brush": "Gunakan kuas",
+		"drop_to_upload": "Letakkan file gambar di sini untuk mengunggah"
+	},
+	"label": {
+		"label": "Label"
+	},
+	"login": {
+		"enable_cookies": "Jika Anda mengunjungi Ruang HuggingFace dalam mode Penyamaran, Anda harus mengaktifkan cookie pihak ketiga.",
+		"incorrect_credentials": "Kredensial salah",
+		"username": "nama pengguna",
+		"password": "kata sandi",
+		"login": "Masuk"
+	},
+	"number": {
+		"number": "Nomor"
+	},
+	"plot": {
+		"plot": "Plot"
+	},
+	"radio": {
+		"radio": "Tombol Radio"
+	},
+	"slider": {
+		"slider": "Penggeser"
+	},
+	"upload_text": {
+		"click_to_upload": "Klik untuk Mengunggah",
+		"drop_audio": "Letakkan Audio di Sini",
+		"drop_csv": "Letakkan CSV di Sini",
+		"drop_file": "Letakkan File di Sini",
+		"drop_image": "Letakkan Gambar di Sini",
+		"drop_video": "Letakkan Video di Sini",
+		"drop_gallery": "Letakkan Media di Sini",
+		"paste_clipboard": "Tempel dari Papan Klip"
+	},
+	"video": {
+		"drop_to_upload": "Letakkan file video di sini untuk mengunggah"
+	},
+	"chatbot": {
+		"edit": "Edit",
+		"retry": "Coba lagi",
+		"undo": "Urungkan",
+		"submit": "Kirim",
+		"cancel": "Batal",
+		"like": "Suka",
+		"dislike": "Tidak Suka",
+		"clear": "Bersihkan obrolan"
+	}
+}

package/dist/src/navbar_store.d.ts

@@ -0,0 +1,6 @@
+export interface NavbarConfig {
+    visible?: boolean;
+    main_page_name?: string | false;
+    value?: [string, string][] | null;
+}
+export declare const navbar_config: import("svelte/store").Writable<NavbarConfig | null>;

package/dist/src/navbar_store.js

@@ -0,0 +1,2 @@
+import { writable } from "svelte/store";
+export const navbar_config = writable(null);

package/dist/src/stores.d.ts

@@ -17,6 +17,7 @@ export interface LoadingStatus {
         unit: string | null;
         desc: string | null;
     }[];
+    validation_error?: string | null;
 }
 export type LoadingStatusCollection = Record<number, LoadingStatus>;
 interface LoadingStatusStore {
@@ -25,6 +26,7 @@ interface LoadingStatusStore {
     register: (index: number, inputs: number[], outputs: number[]) => void;
     get_status_for_fn: (i: number) => LoadingStatus["status"];
     get_inputs_to_update: () => Map<number, string>;
+    update_component_status: (index: number, status: Partial<LoadingStatus>) => void;
 }
 export declare function create_loading_status_store(): LoadingStatusStore;
 export type LoadingStatusType = ReturnType<typeof create_loading_status_store>;

package/dist/src/stores.js

@@ -79,8 +79,18 @@ export function create_loading_status_store() {
         fn_inputs[index] = inputs;
         fn_outputs[index] = outputs;
     }
+    function update_component_status(index, status) {
+        store.update((outputs) => {
+            outputs[index] = {
+                ...outputs[index],
+                ...status
+            };
+            return outputs;
+        });
+    }
     return {
         update,
+        update_component_status,
         register,
         subscribe: store.subscribe,
         get_status_for_fn(i) {

package/dist/src/stories/I18nMultiLanguageTest.stories.d.ts

@@ -1,7 +1,6 @@
 import type { StoryObj } from "@storybook/svelte";
 import I18nMultiLanguageTestComponent from "./I18nMultiLanguageTestComponent.svelte";
 declare const meta: {
-    title: string;
     component: typeof I18nMultiLanguageTestComponent;
     parameters: {
         layout: string;

package/dist/src/stories/I18nMultiLanguageTest.stories.js

@@ -1,6 +1,6 @@
 import I18nMultiLanguageTestComponent from "./I18nMultiLanguageTestComponent.svelte";
 const meta = {
-    title: "Core/I18n Multi-Language Test",
+    // title: "Core/I18n Multi-Language Test",
     component: I18nMultiLanguageTestComponent,
     parameters: {
         layout: "centered"

package/package.json

@@ -1,68 +1,68 @@
 {
   "name": "@gradio/core",
-  "version": "0.27.1",
+  "version": "0.28.0",
   "type": "module",
   "devDependencies": {
-    "@gradio/accordion": "^0.5.22",
-    "@gradio/annotatedimage": "^0.9.29",
-    "@gradio/atoms": "^0.16.5",
-    "@gradio/box": "^0.2.23",
-    "@gradio/audio": "^0.17.25",
+    "@gradio/accordion": "^0.5.23",
+    "@gradio/annotatedimage": "^0.9.30",
+    "@gradio/atoms": "^0.17.0",
+    "@gradio/audio": "^0.18.0",
     "@gradio/browserstate": "^0.3.2",
-    "@gradio/button": "^0.5.11",
-    "@gradio/chatbot": "^0.26.22",
-    "@gradio/checkbox": "^0.4.28",
-    "@gradio/checkboxgroup": "^0.6.27",
-    "@gradio/client": "^1.17.1",
-    "@gradio/code": "^0.14.15",
-    "@gradio/colorpicker": "^0.4.27",
-    "@gradio/column": "^0.2.1",
-    "@gradio/dataframe": "^0.19.0",
-    "@gradio/dataset": "^0.4.32",
-    "@gradio/datetime": "^0.3.20",
+    "@gradio/box": "^0.2.24",
+    "@gradio/button": "^0.5.12",
+    "@gradio/chatbot": "^0.26.24",
+    "@gradio/checkbox": "^0.4.29",
+    "@gradio/checkboxgroup": "^0.6.28",
+    "@gradio/client": "^1.18.0",
+    "@gradio/code": "^0.14.16",
+    "@gradio/colorpicker": "^0.4.28",
+    "@gradio/dataframe": "^0.19.2",
+    "@gradio/dataset": "^0.4.33",
+    "@gradio/datetime": "^0.3.21",
     "@gradio/downloadbutton": "^0.4.11",
-    "@gradio/fallback": "^0.4.27",
-    "@gradio/file": "^0.12.28",
-    "@gradio/dropdown": "^0.10.2",
-    "@gradio/fileexplorer": "^0.5.39",
-    "@gradio/form": "^0.2.23",
-    "@gradio/gallery": "^0.15.31",
+    "@gradio/dropdown": "^0.10.3",
+    "@gradio/fallback": "^0.4.28",
+    "@gradio/column": "^0.2.1",
+    "@gradio/file": "^0.12.29",
+    "@gradio/fileexplorer": "^0.5.40",
+    "@gradio/form": "^0.2.24",
+    "@gradio/highlightedtext": "^0.9.11",
     "@gradio/group": "^0.2.0",
-    "@gradio/highlightedtext": "^0.9.10",
-    "@gradio/html": "^0.7.0",
-    "@gradio/image": "^0.22.17",
-    "@gradio/icons": "^0.13.1",
-    "@gradio/imageeditor": "^0.16.5",
-    "@gradio/imageslider": "^0.2.13",
-    "@gradio/json": "^0.5.29",
-    "@gradio/label": "^0.5.19",
-    "@gradio/markdown": "^0.13.20",
-    "@gradio/model3d": "^0.14.25",
-    "@gradio/nativeplot": "^0.7.4",
-    "@gradio/number": "^0.6.4",
-    "@gradio/multimodaltextbox": "^0.10.17",
-    "@gradio/paramviewer": "^0.7.15",
-    "@gradio/plot": "^0.9.22",
-    "@gradio/radio": "^0.7.10",
+    "@gradio/html": "^0.7.1",
+    "@gradio/gallery": "^0.15.32",
+    "@gradio/icons": "^0.14.0",
+    "@gradio/imageeditor": "^0.16.6",
+    "@gradio/imageslider": "^0.2.14",
+    "@gradio/image": "^0.22.18",
+    "@gradio/json": "^0.5.30",
+    "@gradio/label": "^0.5.20",
+    "@gradio/multimodaltextbox": "^0.10.18",
+    "@gradio/nativeplot": "^0.7.5",
+    "@gradio/model3d": "^0.14.26",
+    "@gradio/markdown": "^0.13.21",
+    "@gradio/number": "^0.7.0",
+    "@gradio/paramviewer": "^0.7.16",
     "@gradio/row": "^0.2.1",
-    "@gradio/sidebar": "^0.1.20",
-    "@gradio/simpledropdown": "^0.3.27",
-    "@gradio/simpleimage": "^0.8.39",
-    "@gradio/simpletextbox": "^0.3.28",
-    "@gradio/sketchbox": "^0.6.15",
+    "@gradio/simpleimage": "^0.8.40",
+    "@gradio/sidebar": "^0.1.21",
+    "@gradio/plot": "^0.9.23",
+    "@gradio/simpledropdown": "^0.3.28",
+    "@gradio/simpletextbox": "^0.3.29",
+    "@gradio/sketchbox": "^0.6.16",
+    "@gradio/slider": "^0.6.17",
     "@gradio/state": "^0.1.2",
-    "@gradio/slider": "^0.6.16",
-    "@gradio/statustracker": "^0.10.17",
-    "@gradio/tabitem": "^0.5.0",
-    "@gradio/tabs": "^0.4.5",
-    "@gradio/textbox": "^0.10.20",
+    "@gradio/statustracker": "^0.11.0",
+    "@gradio/tabitem": "^0.6.0",
+    "@gradio/radio": "^0.7.11",
+    "@gradio/tabs": "^0.5.0",
+    "@gradio/textbox": "^0.11.0",
     "@gradio/timer": "^0.4.5",
     "@gradio/theme": "^0.4.0",
-    "@gradio/upload": "^0.16.16",
-    "@gradio/vibeeditor": "^0.2.2",
     "@gradio/uploadbutton": "^0.9.11",
-    "@gradio/video": "^0.15.0",
     "@gradio/utils": "^0.10.2",
+    "@gradio/upload": "^0.16.17",
+    "@gradio/vibeeditor": "^0.2.3",
+    "@gradio/video": "^0.15.1",
     "@gradio/wasm": "^0.18.1"
   },
   "msw": {
@@ -80,6 +80,11 @@
       "svelte": "./dist/src/Login.svelte",
       "types": "./dist/src/Login.svelte.d.ts"
     },
+    "./navbar_store": {
+      "gradio": "./src/navbar_store.ts",
+      "import": "./src/navbar_store.ts",
+      "types": "./src/navbar_store.ts"
+    },
     "./package.json": "./package.json",
     ".": {
       "gradio": "./index.ts",