@gradio/core 0.27.1 → 0.28.0

package/src/init.ts

@@ -12,6 +12,7 @@ import { load_component } from "virtual:component-loader";
 import type { client_return } from "@gradio/client";
 import { create_loading_status_store } from "./stores";
 import { _ } from "svelte-i18n";
+import { i18n_marker } from "./i18n";
 
 export interface UpdateTransaction {
 	id: number;
@@ -95,7 +96,7 @@ export function create_components(
 	function set_event_specific_args(dependencies: Dependency[]): void {
 		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: string) => {
 						instance.props[arg] = dep[arg as keyof Dependency];
@@ -257,7 +258,7 @@ export function create_components(
 
 		target_map.set(_target_map);
 
-		let current_element = instance_map[layout.id];
+		let current_element = instance_map?.[layout.id];
 		let all_current_children: ComponentMeta[] = [];
 		const add_to_current_children = (component: ComponentMeta): void => {
 			all_current_children.push(component);
@@ -276,7 +277,7 @@ export function create_components(
 					(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 (
 							!(
@@ -289,7 +290,7 @@ export function create_components(
 						}
 					}
 				} else {
-					delete instance_map[_id];
+					if (instance_map) delete instance_map[_id];
 					if (_component_map.has(_id)) {
 						_component_map.delete(_id);
 					}
@@ -298,17 +299,18 @@ export function create_components(
 		});
 
 		const components_to_add = new_components.concat(
-			replacement_components.filter((c) => !instance_map[c.id])
+			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];
+			] = instance_map?.[layout.id];
 		}
 
 		walk_layout(
@@ -332,7 +334,7 @@ export function create_components(
 		components: ComponentMeta[],
 		parent?: ComponentMeta
 	): Promise<ComponentMeta> {
-		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);
@@ -379,10 +381,13 @@ export function create_components(
 			);
 		}
 
-		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,
@@ -394,12 +399,15 @@ export function create_components(
 					};
 				}) || [];
 
+			const _type =
+				instance.type === "walkthrough" ? "walkthroughstep" : "tabitem";
+
 			const child_tab_items = tab_items_props.filter(
-				(child) => child.type === "tabitem"
+				(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,
@@ -408,9 +416,9 @@ export function create_components(
 			}));
 		}
 
-		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;
 			});
 		}
@@ -476,7 +484,7 @@ export function create_components(
 	function has_visibility_changes(updates: UpdateTransaction[][]): boolean {
 		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
@@ -510,7 +518,7 @@ export function create_components(
 				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];
+					const instance = instance_map?.[update.id];
 					if (!instance) continue;
 					let new_value;
 					const old_value = instance.props[update.prop];

package/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/src/navbar_store.ts

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

package/src/stores.ts

@@ -18,6 +18,7 @@ export interface LoadingStatus {
 		unit: string | null;
 		desc: string | null;
 	}[];
+	validation_error?: string | null;
 }
 
 export type LoadingStatusCollection = Record<number, LoadingStatus>;
@@ -28,6 +29,10 @@ 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 function create_loading_status_store(): LoadingStatusStore {
@@ -152,8 +157,22 @@ export function create_loading_status_store(): LoadingStatusStore {
 		fn_outputs[index] = outputs;
 	}
 
+	function update_component_status(
+		index: number,
+		status: Partial<LoadingStatus>
+	): void {
+		store.update((outputs: LoadingStatusCollection) => {
+			outputs[index] = {
+				...outputs[index],
+				...status
+			};
+			return outputs;
+		});
+	}
+
 	return {
 		update,
+		update_component_status,
 		register,
 		subscribe: store.subscribe,
 		get_status_for_fn(i: number) {

package/src/stories/I18nMultiLanguageTest.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/svelte";
 import I18nMultiLanguageTestComponent from "./I18nMultiLanguageTestComponent.svelte";
 
 const meta = {
-	title: "Core/I18n Multi-Language Test",
+	// title: "Core/I18n Multi-Language Test",
 	component: I18nMultiLanguageTestComponent,
 	parameters: {
 		layout: "centered"