@gradio/code 0.14.15 → 0.15.0

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @gradio/code
 
+## 0.15.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/upload@0.17.0
+
+## 0.14.16
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/upload@0.16.17
+
+## 0.14.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.14.15
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
 ## 0.14.15
 
 ### Dependency updates

package/Index.svelte

@@ -32,7 +32,7 @@
 	export let max_lines: number | undefined = undefined;
 	export let elem_id = "";
 	export let elem_classes: string[] = [];
-	export let visible = true;
+	export let visible: boolean | "hidden" = true;
 	export let label = gradio.i18n("code.code");
 	export let show_label = true;
 	export let loading_status: LoadingStatus;

package/dist/Example.svelte

@@ -2,11 +2,9 @@
 export let type;
 export let selected = false;
 function truncate_text(text, max_length = 60) {
-  if (!text)
-    return "";
+  if (!text) return "";
   const str = String(text);
-  if (str.length <= max_length)
-    return str;
+  if (str.length <= max_length) return str;
   return str.slice(0, max_length) + "...";
 }
 </script>

package/dist/Example.svelte.d.ts

@@ -3,12 +3,14 @@ declare const __propDef: {
     props: {
         value: string | null;
         type: "gallery" | "table";
-        selected?: boolean | undefined;
+        selected?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ExampleProps = typeof __propDef.props;
 export type ExampleEvents = typeof __propDef.events;

package/dist/Index.svelte

@@ -39,8 +39,7 @@ function handle_change() {
 afterUpdate(() => {
   value_is_output = false;
 });
-$:
-  value, handle_change();
+$: value, handle_change();
 </script>
 
 <Block

package/dist/Index.svelte.d.ts

@@ -15,28 +15,30 @@ declare const __propDef: {
             focus: never;
             clear_status: LoadingStatus;
         }>;
-        value?: string | undefined;
-        value_is_output?: boolean | undefined;
-        language?: string | undefined;
-        lines?: number | undefined;
+        value?: string;
+        value_is_output?: boolean;
+        language?: string;
+        lines?: number;
         max_lines?: number | undefined;
-        elem_id?: string | undefined;
-        elem_classes?: string[] | undefined;
-        visible?: boolean | undefined;
+        elem_id?: string;
+        elem_classes?: string[];
+        visible?: boolean | "hidden";
         label?: any;
-        show_label?: boolean | undefined;
+        show_label?: boolean;
         loading_status: LoadingStatus;
-        scale?: (number | null) | undefined;
+        scale?: number | null;
         min_width?: number | undefined;
-        wrap_lines?: boolean | undefined;
-        show_line_numbers?: boolean | undefined;
-        autocomplete?: boolean | undefined;
+        wrap_lines?: boolean;
+        show_line_numbers?: boolean;
+        autocomplete?: boolean;
         interactive: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type IndexProps = typeof __propDef.props;
 export type IndexEvents = typeof __propDef.events;

package/dist/shared/Code.svelte

@@ -9,12 +9,10 @@ import {
 import { StateEffect, EditorState } from "@codemirror/state";
 import { indentWithTab } from "@codemirror/commands";
 import { autocompletion, acceptCompletion } from "@codemirror/autocomplete";
-import { LanguageSupport } from "@codemirror/language";
 import { basicDark } from "cm6-theme-basic-dark";
 import { basicLight } from "cm6-theme-basic-light";
 import { basicSetup } from "./extensions";
 import { getLanguageExtension } from "./language";
-import { create_pyodide_autocomplete } from "./autocomplete";
 export let class_names = "";
 export let value = "";
 export let dark_mode;
@@ -33,24 +31,14 @@ const dispatch = createEventDispatcher();
 let lang_extension;
 let element;
 let view;
-$:
-  get_lang(language);
-const pyodide_autocomplete = create_pyodide_autocomplete();
+$: get_lang(language);
 async function get_lang(val) {
   const ext = await getLanguageExtension(val);
-  if (pyodide_autocomplete && val === "python" && ext instanceof LanguageSupport) {
-    ext.support.push(
-      ext.language.data.of({ autocomplete: pyodide_autocomplete })
-    );
-  }
   lang_extension = ext;
 }
-$:
-  reconfigure(), lang_extension, readonly;
-$:
-  set_doc(value);
-$:
-  update_lines();
+$: reconfigure(), lang_extension, readonly;
+$: set_doc(value);
+$: update_lines();
 function set_doc(new_doc) {
   if (view && new_doc !== view.state.doc.toString()) {
     view.dispatch({

package/dist/shared/Code.svelte.d.ts

@@ -2,20 +2,20 @@ import { SvelteComponent } from "svelte";
 import { type Extension } from "@codemirror/state";
 declare const __propDef: {
     props: {
-        class_names?: string | undefined;
-        value?: string | undefined;
+        class_names?: string;
+        value?: string;
         dark_mode: boolean;
-        basic?: boolean | undefined;
+        basic?: boolean;
         language: string;
-        lines?: number | undefined;
-        max_lines?: (number | null) | undefined;
-        extensions?: Extension[] | undefined;
-        use_tab?: boolean | undefined;
-        readonly?: boolean | undefined;
+        lines?: number;
+        max_lines?: number | null;
+        extensions?: Extension[];
+        use_tab?: boolean;
+        readonly?: boolean;
         placeholder?: string | HTMLElement | null | undefined;
-        wrap_lines?: boolean | undefined;
-        show_line_numbers?: boolean | undefined;
-        autocomplete?: boolean | undefined;
+        wrap_lines?: boolean;
+        show_line_numbers?: boolean;
+        autocomplete?: boolean;
     };
     events: {
         change: CustomEvent<string>;
@@ -25,6 +25,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CodeProps = typeof __propDef.props;
 export type CodeEvents = typeof __propDef.events;

package/dist/shared/Copy.svelte

@@ -6,8 +6,7 @@ export let value;
 let timer;
 function copy_feedback() {
   copied = true;
-  if (timer)
-    clearTimeout(timer);
+  if (timer) clearTimeout(timer);
   timer = setTimeout(() => {
     copied = false;
   }, 2e3);
@@ -19,8 +18,7 @@ async function handle_copy() {
   }
 }
 onDestroy(() => {
-  if (timer)
-    clearTimeout(timer);
+  if (timer) clearTimeout(timer);
 });
 </script>
 

package/dist/shared/Copy.svelte.d.ts

@@ -7,6 +7,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CopyProps = typeof __propDef.props;
 export type CopyEvents = typeof __propDef.events;

package/dist/shared/Download.svelte

@@ -1,11 +1,10 @@
 <script>import { onDestroy } from "svelte";
 import { Download, Check } from "@gradio/icons";
-import { DownloadLink } from "@gradio/wasm/svelte";
+import { DownloadLink } from "@gradio/atoms";
 import { IconButton } from "@gradio/atoms";
 export let value;
 export let language;
-$:
-  ext = get_ext_for_type(language);
+$: ext = get_ext_for_type(language);
 function get_ext_for_type(type) {
   const exts = {
     py: "py",
@@ -35,17 +34,14 @@ let copied = false;
 let timer;
 function copy_feedback() {
   copied = true;
-  if (timer)
-    clearTimeout(timer);
+  if (timer) clearTimeout(timer);
   timer = setTimeout(() => {
     copied = false;
   }, 2e3);
 }
-$:
-  download_value = URL.createObjectURL(new Blob([value]));
+$: download_value = URL.createObjectURL(new Blob([value]));
 onDestroy(() => {
-  if (timer)
-    clearTimeout(timer);
+  if (timer) clearTimeout(timer);
 });
 </script>
 

package/dist/shared/Download.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DownloadProps = typeof __propDef.props;
 export type DownloadEvents = typeof __propDef.events;

package/dist/shared/Widgets.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type WidgetsProps = typeof __propDef.props;
 export type WidgetsEvents = typeof __propDef.events;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradio/code",
-  "version": "0.14.15",
+  "version": "0.15.0",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
@@ -27,25 +27,26 @@
     "cm6-theme-basic-dark": "^0.2.0",
     "cm6-theme-basic-light": "^0.2.0",
     "codemirror": "^6.0.1",
-    "@gradio/icons": "^0.13.0",
-    "@gradio/statustracker": "^0.10.17",
-    "@gradio/upload": "^0.16.15",
-    "@gradio/utils": "^0.10.2",
-    "@gradio/atoms": "^0.16.5",
-    "@gradio/wasm": "^0.18.1"
+    "@gradio/atoms": "^0.18.0",
+    "@gradio/icons": "^0.14.0",
+    "@gradio/upload": "^0.17.0",
+    "@gradio/statustracker": "^0.11.1",
+    "@gradio/utils": "^0.10.2"
   },
   "main_changeset": true,
   "main": "./Index.svelte",
   "exports": {
     ".": {
+      "types": "./dist/Index.svelte.d.ts",
       "gradio": "./Index.svelte",
       "svelte": "./dist/Index.svelte",
-      "types": "./dist/Index.svelte.d.ts"
+      "default": "./dist/Index.svelte"
     },
     "./example": {
+      "types": "./dist/Example.svelte.d.ts",
       "gradio": "./Example.svelte",
       "svelte": "./dist/Example.svelte",
-      "types": "./dist/Example.svelte.d.ts"
+      "default": "./dist/Example.svelte"
     },
     "./package.json": "./package.json"
   },

package/shared/Code.svelte

@@ -10,13 +10,11 @@
 	import { StateEffect, EditorState, type Extension } from "@codemirror/state";
 	import { indentWithTab } from "@codemirror/commands";
 	import { autocompletion, acceptCompletion } from "@codemirror/autocomplete";
-	import { LanguageSupport } from "@codemirror/language";
 
 	import { basicDark } from "cm6-theme-basic-dark";
 	import { basicLight } from "cm6-theme-basic-light";
 	import { basicSetup } from "./extensions";
 	import { getLanguageExtension } from "./language";
-	import { create_pyodide_autocomplete } from "./autocomplete";
 
 	export let class_names = "";
 	export let value = "";
@@ -44,19 +42,8 @@
 
 	$: get_lang(language);
 
-	const pyodide_autocomplete = create_pyodide_autocomplete();
-
 	async function get_lang(val: string): Promise<void> {
 		const ext = await getLanguageExtension(val);
-		if (
-			pyodide_autocomplete &&
-			val === "python" &&
-			ext instanceof LanguageSupport
-		) {
-			(ext.support as Extension[]).push(
-				ext.language.data.of({ autocomplete: pyodide_autocomplete })
-			);
-		}
 		lang_extension = ext;
 	}
 

package/shared/Download.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onDestroy } from "svelte";
 	import { Download, Check } from "@gradio/icons";
-	import { DownloadLink } from "@gradio/wasm/svelte";
+	import { DownloadLink } from "@gradio/atoms";
 	import { IconButton } from "@gradio/atoms";
 
 	export let value: string;

package/dist/shared/autocomplete.d.ts

@@ -1,4 +0,0 @@
-import type { CompletionContext, CompletionResult } from "@codemirror/autocomplete";
-type CodeMirrorAutocompleteAsyncFn = (context: CompletionContext) => Promise<CompletionResult | null>;
-export declare function create_pyodide_autocomplete(): CodeMirrorAutocompleteAsyncFn | null;
-export {};

package/dist/shared/autocomplete.js

@@ -1,49 +0,0 @@
-import { getWorkerProxyContext } from "@gradio/wasm/svelte";
-// Jedi's completion types to CodeMirror's completion types.
-// If not defined here, Jedi's completion types will be used.
-const completion_type_map = {
-    module: "namespace"
-};
-export function create_pyodide_autocomplete() {
-    let maybe_worker_proxy;
-    try {
-        maybe_worker_proxy = getWorkerProxyContext();
-    }
-    catch (e) {
-        console.debug("Not in the Wasm env. Context-aware autocomplete disabled.");
-        return null;
-    }
-    if (!maybe_worker_proxy) {
-        return null;
-    }
-    const worker_proxy = maybe_worker_proxy;
-    return async function pyodide_autocomplete(context) {
-        try {
-            const completions = await worker_proxy.getCodeCompletions({
-                code: context.state.doc.toString(),
-                line: context.state.doc.lineAt(context.state.selection.main.head)
-                    .number,
-                column: context.state.selection.main.head -
-                    context.state.doc.lineAt(context.state.selection.main.head).from
-            });
-            if (completions.length === 0) {
-                return null;
-            }
-            return {
-                from: context.state.selection.main.head -
-                    completions[0].completion_prefix_length,
-                options: completions.map((completion) => ({
-                    label: completion.label,
-                    type: completion_type_map[completion.type] ?? completion.type,
-                    documentation: completion.docstring,
-                    // Items starting with "_" are private attributes and should be sorted last.
-                    boost: completion.label.startsWith("_") ? -1 : 0
-                }))
-            };
-        }
-        catch (e) {
-            console.error("Error getting completions", e);
-            return null;
-        }
-    };
-}

package/shared/autocomplete.ts

@@ -1,63 +0,0 @@
-import type {
-	CompletionContext,
-	CompletionResult
-} from "@codemirror/autocomplete";
-import { getWorkerProxyContext } from "@gradio/wasm/svelte";
-import type { WorkerProxy } from "@gradio/wasm";
-
-// Jedi's completion types to CodeMirror's completion types.
-// If not defined here, Jedi's completion types will be used.
-const completion_type_map: Record<string, string> = {
-	module: "namespace"
-};
-
-type CodeMirrorAutocompleteAsyncFn = (
-	context: CompletionContext
-) => Promise<CompletionResult | null>;
-
-export function create_pyodide_autocomplete(): CodeMirrorAutocompleteAsyncFn | null {
-	let maybe_worker_proxy: WorkerProxy | undefined;
-	try {
-		maybe_worker_proxy = getWorkerProxyContext();
-	} catch (e) {
-		console.debug("Not in the Wasm env. Context-aware autocomplete disabled.");
-		return null;
-	}
-	if (!maybe_worker_proxy) {
-		return null;
-	}
-	const worker_proxy = maybe_worker_proxy;
-
-	return async function pyodide_autocomplete(
-		context: CompletionContext
-	): Promise<CompletionResult | null> {
-		try {
-			const completions = await worker_proxy.getCodeCompletions({
-				code: context.state.doc.toString(),
-				line: context.state.doc.lineAt(context.state.selection.main.head)
-					.number,
-				column:
-					context.state.selection.main.head -
-					context.state.doc.lineAt(context.state.selection.main.head).from
-			});
-			if (completions.length === 0) {
-				return null;
-			}
-			return {
-				from:
-					context.state.selection.main.head -
-					completions[0].completion_prefix_length,
-				options: completions.map((completion) => ({
-					label: completion.label,
-					type: completion_type_map[completion.type] ?? completion.type,
-					documentation: completion.docstring,
-					// Items starting with "_" are private attributes and should be sorted last.
-					boost: completion.label.startsWith("_") ? -1 : 0
-				}))
-			};
-		} catch (e) {
-			console.error("Error getting completions", e);
-			return null;
-		}
-	};
-}