@gradio/code 0.14.16 → 0.15.1-dev.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @gradio/code
 
+## 0.15.1-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+
+## 0.15.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 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

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/Index.svelte.d.ts

@@ -22,7 +22,7 @@ declare const __propDef: {
         max_lines?: number | undefined;
         elem_id?: string;
         elem_classes?: string[];
-        visible?: boolean;
+        visible?: boolean | "hidden";
         label?: any;
         show_label?: boolean;
         loading_status: LoadingStatus;

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;
@@ -34,14 +32,8 @@ let lang_extension;
 let element;
 let view;
 $: get_lang(language);
-const pyodide_autocomplete = create_pyodide_autocomplete();
 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;

package/dist/shared/Download.svelte

@@ -1,6 +1,6 @@
 <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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradio/code",
-  "version": "0.14.16",
+  "version": "0.15.1-dev.0",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
@@ -27,12 +27,11 @@
     "cm6-theme-basic-dark": "^0.2.0",
     "cm6-theme-basic-light": "^0.2.0",
     "codemirror": "^6.0.1",
-    "@gradio/atoms": "^0.17.0",
+    "@gradio/atoms": "^0.18.1",
     "@gradio/icons": "^0.14.0",
-    "@gradio/statustracker": "^0.11.0",
-    "@gradio/utils": "^0.10.2",
-    "@gradio/upload": "^0.16.17",
-    "@gradio/wasm": "^0.18.1"
+    "@gradio/upload": "^0.17.2-dev.0",
+    "@gradio/statustracker": "^0.11.1",
+    "@gradio/utils": "^0.10.2"
   },
   "main_changeset": true,
   "main": "./Index.svelte",

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;
-		}
-	};
-}