Upload folder using huggingface_hub

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/afraid-papayas-own.md

@@ -0,0 +1,5 @@
+---
+"gradio": patch
+---
+
+feat:Tweak message shown in Colab notebooks

.changeset/changeset.cjs

@@ -0,0 +1,332 @@
+const { getPackagesSync } = require("@manypkg/get-packages");
+const dependents_graph = require("@changesets/get-dependents-graph");
+
+const gh = require("@changesets/get-github-info");
+const { existsSync, readFileSync, writeFileSync } = require("fs");
+const { join } = require("path");
+
+const { getInfo, getInfoFromPullRequest } = gh;
+const pkg_data = getPackagesSync(process.cwd());
+const { packages, rootDir } = pkg_data;
+const dependents = dependents_graph.getDependentsGraph({
+	packages,
+	root: pkg_data.rootPackage
+});
+
+/**
+ * @typedef {{packageJson: {name: string, python?: boolean}, dir: string}} Package
+ */
+
+/**
+ * @typedef {{summary: string, id: string, commit: string, releases: {name: string}}} Changeset
+ */
+
+/**
+ *
+ * @param {string} package_name The name of the package to find the directories for
+ * @returns {string[]} The directories for the package
+ */
+function find_packages_dirs(package_name) {
+	/** @type {string[]} */
+	let package_dirs = [];
+
+	/** @type {Package | undefined} */
+	const _package = packages.find((p) => p.packageJson.name === package_name);
+	if (!_package) throw new Error(`Package ${package_name} not found`);
+
+	package_dirs.push(_package.dir);
+	if (_package.packageJson.python) {
+		package_dirs.push(join(_package.dir, ".."));
+	}
+	return package_dirs;
+}
+
+let lines = {
+	_handled: []
+};
+
+const changelogFunctions = {
+	/**
+	 *
+	 * @param {Changeset[]} changesets The changesets that have been created
+	 * @param {any} dependenciesUpdated The dependencies that have been updated
+	 * @param {any} options The options passed to the changelog generator
+	 * @returns {Promise<string>} The release line for the dependencies
+	 */
+	getDependencyReleaseLine: async (
+		changesets,
+		dependenciesUpdated,
+		options
+	) => {
+		if (!options.repo) {
+			throw new Error(
+				'Please provide a repo to this changelog generator like this:\n"changelog": ["@changesets/changelog-github", { "repo": "org/repo" }]'
+			);
+		}
+		if (dependenciesUpdated.length === 0) return "";
+
+		const changesetLink = `- Updated dependencies [${(
+			await Promise.all(
+				changesets.map(async (cs) => {
+					if (cs.commit) {
+						let { links } = await getInfo({
+							repo: options.repo,
+							commit: cs.commit
+						});
+						return links.commit;
+					}
+				})
+			)
+		)
+			.filter((_) => _)
+			.join(", ")}]:`;
+
+		const updatedDepenenciesList = dependenciesUpdated.map(
+			/**
+			 *
+			 * @param {any} dependency The dependency that has been updated
+			 * @returns {string} The formatted dependency
+			 */
+			(dependency) => {
+				const updates = dependents.get(dependency.name);
+
+				if (updates && updates.length > 0) {
+					updates.forEach((update) => {
+						if (!lines[update]) {
+							lines[update] = {
+								dirs: find_packages_dirs(update),
+								current_changelog: "",
+								feat: [],
+								fix: [],
+								highlight: [],
+								previous_version: packages.find(
+									(p) => p.packageJson.name === update
+								).packageJson.version,
+								dependencies: []
+							};
+
+							const changelog_path = join(
+								//@ts-ignore
+								lines[update].dirs[1] || lines[update].dirs[0],
+								"CHANGELOG.md"
+							);
+
+							if (existsSync(changelog_path)) {
+								//@ts-ignore
+								lines[update].current_changelog = readFileSync(
+									changelog_path,
+									"utf-8"
+								)
+									.replace(`# ${update}`, "")
+									.trim();
+							}
+						}
+						lines[update].dependencies.push(
+							`  - ${dependency.name}@${dependency.newVersion}`
+						);
+					});
+				}
+
+				return `  - ${dependency.name}@${dependency.newVersion}`;
+			}
+		);
+
+		writeFileSync(
+			join(rootDir, ".changeset", "_changelog.json"),
+			JSON.stringify(lines, null, 2)
+		);
+
+		return [changesetLink, ...updatedDepenenciesList].join("\n");
+	},
+	/**
+	 *
+	 * @param {{summary: string, id: string, commit: string, releases: {name: string}[]}} changeset The changeset that has been created
+	 * @param {any} type The type of changeset
+	 * @param {any} options The options passed to the changelog generator
+	 * @returns {Promise<string>} The release line for the changeset
+	 */
+	getReleaseLine: async (changeset, type, options) => {
+		if (!options || !options.repo) {
+			throw new Error(
+				'Please provide a repo to this changelog generator like this:\n"changelog": ["@changesets/changelog-github", { "repo": "org/repo" }]'
+			);
+		}
+
+		let prFromSummary;
+		let commitFromSummary;
+		/**
+		 * @type {string[]}
+		 */
+		let usersFromSummary = [];
+
+		const replacedChangelog = changeset.summary
+			.replace(/^\s*(?:pr|pull|pull\s+request):\s*#?(\d+)/im, (_, pr) => {
+				let num = Number(pr);
+				if (!isNaN(num)) prFromSummary = num;
+				return "";
+			})
+			.replace(/^\s*commit:\s*([^\s]+)/im, (_, commit) => {
+				commitFromSummary = commit;
+				return "";
+			})
+			.replace(/^\s*(?:author|user):\s*@?([^\s]+)/gim, (_, user) => {
+				usersFromSummary.push(user);
+				return "";
+			})
+			.trim();
+
+		const [firstLine, ...futureLines] = replacedChangelog
+			.split("\n")
+			.map((l) => l.trimRight());
+
+		const links = await (async () => {
+			if (prFromSummary !== undefined) {
+				let { links } = await getInfoFromPullRequest({
+					repo: options.repo,
+					pull: prFromSummary
+				});
+				if (commitFromSummary) {
+					links = {
+						...links,
+						commit: `[\`${commitFromSummary}\`](https://github.com/${options.repo}/commit/${commitFromSummary})`
+					};
+				}
+				return links;
+			}
+			const commitToFetchFrom = commitFromSummary || changeset.commit;
+			if (commitToFetchFrom) {
+				let { links } = await getInfo({
+					repo: options.repo,
+					commit: commitToFetchFrom
+				});
+				return links;
+			}
+			return {
+				commit: null,
+				pull: null,
+				user: null
+			};
+		})();
+
+		const user_link = /\[(@[^]+)\]/.exec(links.user);
+		const users =
+			usersFromSummary && usersFromSummary.length
+				? usersFromSummary
+						.map((userFromSummary) => `@${userFromSummary}`)
+						.join(", ")
+				: user_link
+					? user_link[1]
+					: links.user;
+
+		const prefix = [
+			links.pull === null ? "" : `${links.pull}`,
+			links.commit === null ? "" : `${links.commit}`
+		]
+			.join(" ")
+			.trim();
+
+		const suffix = users === null ? "" : ` Thanks ${users}!`;
+
+		/**
+		 * @typedef {{[key: string]: string[] | {dirs: string[], current_changelog: string, feat: {summary: string}[], fix: {summary: string}[], highlight: {summary: string}[]}}} ChangesetMeta
+		 */
+
+		/**
+		 * @type { ChangesetMeta & { _handled: string[] } }}
+		 */
+
+		if (lines._handled.includes(changeset.id)) {
+			return "done";
+		}
+		lines._handled.push(changeset.id);
+
+		changeset.releases.forEach((release) => {
+			if (!lines[release.name]) {
+				lines[release.name] = {
+					dirs: find_packages_dirs(release.name),
+					current_changelog: "",
+					feat: [],
+					fix: [],
+					highlight: [],
+					previous_version: packages.find(
+						(p) => p.packageJson.name === release.name
+					).packageJson.version,
+					dependencies: []
+				};
+			}
+
+			const changelog_path = join(
+				//@ts-ignore
+				lines[release.name].dirs[1] || lines[release.name].dirs[0],
+				"CHANGELOG.md"
+			);
+
+			if (existsSync(changelog_path)) {
+				//@ts-ignore
+				lines[release.name].current_changelog = readFileSync(
+					changelog_path,
+					"utf-8"
+				)
+					.replace(`# ${release.name}`, "")
+					.trim();
+			}
+
+			const [, _type, summary] = changeset.summary
+				.trim()
+				.match(/^(feat|fix|highlight)\s*:\s*([^]*)/im) || [
+				,
+				"feat",
+				changeset.summary
+			];
+
+			let formatted_summary = "";
+
+			if (_type === "highlight") {
+				const [heading, ...rest] = summary.trim().split("\n");
+				const _heading = `${heading} ${prefix ? `(${prefix})` : ""}`;
+				const _rest = rest.concat(["", suffix]);
+
+				formatted_summary = `${_heading}\n${_rest.join("\n")}`;
+			} else {
+				formatted_summary = handle_line(summary, prefix, suffix);
+			}
+
+			//@ts-ignore
+			lines[release.name][_type].push({
+				summary: formatted_summary
+			});
+		});
+
+		writeFileSync(
+			join(rootDir, ".changeset", "_changelog.json"),
+			JSON.stringify(lines, null, 2)
+		);
+
+		return `\n\n-${prefix ? `${prefix} -` : ""} ${firstLine}\n${futureLines
+			.map((l) => `  ${l}`)
+			.join("\n")}`;
+	}
+};
+
+/**
+ * @param {string} str The changelog entry
+ * @param {string} prefix The prefix to add to the first line
+ * @param {string} suffix The suffix to add to the last line
+ * @returns {string} The formatted changelog entry
+ */
+function handle_line(str, prefix, suffix) {
+	const [_s, ...lines] = str.split("\n").filter(Boolean);
+
+	const desc = `${prefix ? `${prefix} -` : ""} ${_s.replace(
+		/[\s\.]$/,
+		""
+	)}. ${suffix}`;
+
+	if (_s.length === 1) {
+		return desc;
+	}
+
+	return [desc, ...lines.map((l) => `  ${l}`)].join("/n");
+}
+
+module.exports = changelogFunctions;

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+	"$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
+	"changelog": ["./changeset.cjs", { "repo": "gradio-app/gradio" }],
+	"commit": false,
+	"fixed": [],
+	"linked": [],
+	"access": "public",
+	"baseBranch": "main",
+	"updateInternalDependencies": "patch",
+	"ignore": ["@self/spaces-test", "@self/cdn-test"]
+}

.changeset/fix_changelogs.cjs

@@ -0,0 +1,149 @@
+const { join } = require("path");
+const { readFileSync, existsSync, writeFileSync, unlinkSync } = require("fs");
+const { getPackagesSync } = require("@manypkg/get-packages");
+
+const RE_PKG_NAME = /^[\w-]+\b/;
+const pkg_meta = getPackagesSync(process.cwd());
+
+/**
+ * @typedef {{dirs: string[], highlight: {summary: string}[], feat: {summary: string}[], fix: {summary: string}[], current_changelog: string}} ChangesetMeta
+ */
+
+/**
+ * @typedef {{[key: string]: ChangesetMeta}} ChangesetMetaCollection
+ */
+
+function run() {
+	if (!existsSync(join(pkg_meta.rootDir, ".changeset", "_changelog.json"))) {
+		console.warn("No changesets to process");
+		return;
+	}
+
+	/**
+	 * @type { ChangesetMetaCollection & { _handled: string[] } }}
+	 */
+	const { _handled, ...packages } = JSON.parse(
+		readFileSync(
+			join(pkg_meta.rootDir, ".changeset", "_changelog.json"),
+			"utf-8"
+		)
+	);
+
+	/**
+	 * @typedef { {packageJson: {name: string, version: string, python: boolean}, dir: string} } PackageMeta
+	 */
+
+	/**
+	 * @type { {[key:string]: PackageMeta} }
+	 */
+	const all_packages = pkg_meta.packages.reduce((acc, pkg) => {
+		acc[pkg.packageJson.name] = /**@type {PackageMeta} */ (
+			/** @type {unknown} */ (pkg)
+		);
+		return acc;
+	}, /** @type {{[key:string] : PackageMeta}} */ ({}));
+
+	for (const pkg_name in packages) {
+		const { dirs, highlight, feat, fix, current_changelog, dependencies } =
+			/**@type {ChangesetMeta} */ (packages[pkg_name]);
+
+		if (pkg_name === "@gradio/lite") {
+			const target = all_packages.gradio.packageJson.version.split(".");
+
+			const current_version = packages[pkg_name].previous_version.split(".");
+
+			if (!packages.gradio) {
+				const patch = parseInt(current_version[2]) + 1;
+				const new_version = [target[0], target[1], patch];
+				all_packages[pkg_name].packageJson.version = new_version.join(".");
+			} else {
+				if (parseInt(target[1]) > parseInt(current_version[1])) {
+					all_packages[pkg_name].packageJson.version = target.join(".");
+				} else if (parseInt(target[1]) === parseInt(current_version[1])) {
+					const patch = parseInt(current_version[2]) + 1;
+					const new_version = [target[0], target[1], patch];
+					all_packages[pkg_name].packageJson.version = new_version.join(".");
+				}
+			}
+
+			writeFileSync(
+				join(all_packages[pkg_name].dir, "package.json"),
+				JSON.stringify(all_packages[pkg_name].packageJson, null, "\t") + "\n"
+			);
+		}
+
+		const { version, python } = all_packages[pkg_name].packageJson;
+
+		const highlights = highlight?.map((h) => `${h.summary}`) || [];
+		const features = feat?.map((f) => `- ${f.summary}`) || [];
+		const fixes = fix?.map((f) => `- ${f.summary}`) || [];
+		const deps = Array.from(new Set(dependencies?.map((d) => d.trim()))) || [];
+
+		const release_notes = /** @type {[string[], string][]} */ ([
+			[highlights, "### Highlights"],
+			[features, "### Features"],
+			[fixes, "### Fixes"],
+			[deps, "### Dependency updates"]
+		])
+			.filter(([s], i) => s.length > 0)
+			.map(([lines, title]) => {
+				if (title === "### Highlights") {
+					return `${title}\n\n${lines.join("\n\n")}`;
+				}
+
+				return `${title}\n\n${lines.join("\n")}`;
+			})
+			.join("\n\n");
+
+		const new_changelog = `# ${pkg_name}
+
+## ${version}
+
+${release_notes}
+
+${current_changelog.replace(`# ${pkg_name}`, "").trim()}
+`.trim();
+
+		dirs.forEach((dir) => {
+			writeFileSync(join(dir, "CHANGELOG.md"), new_changelog);
+		});
+
+		if (python) {
+			bump_local_dependents(pkg_name, version);
+		}
+	}
+
+	unlinkSync(join(pkg_meta.rootDir, ".changeset", "_changelog.json"));
+
+	/**
+	 * @param {string} pkg_to_bump The name of the package to bump
+	 * @param {string} version The version to bump to
+	 * @returns {void}
+	 * */
+	function bump_local_dependents(pkg_to_bump, version) {
+		for (const pkg_name in all_packages) {
+			const {
+				dir,
+				packageJson: { python }
+			} = all_packages[pkg_name];
+
+			if (!python) continue;
+
+			const requirements_path = join(dir, "..", "requirements.txt");
+			const requirements = readFileSync(requirements_path, "utf-8").split("\n");
+
+			const pkg_index = requirements.findIndex((line) => {
+				const m = line.trim().match(RE_PKG_NAME);
+				if (!m) return false;
+				return m[0] === pkg_to_bump;
+			});
+
+			if (pkg_index !== -1) {
+				requirements[pkg_index] = `${pkg_to_bump}==${version}`;
+				writeFileSync(requirements_path, requirements.join("\n"));
+			}
+		}
+	}
+}
+
+run();

.changeset/silly-hairs-burn.md

@@ -0,0 +1,5 @@
+---
+"gradio": patch
+---
+
+feat:Fix streaming Audio/Video Output

.changeset/stupid-snakes-build.md

@@ -0,0 +1,6 @@
+---
+"@gradio/chatbot": patch
+"gradio": patch
+---
+
+fix:Fix Audio in Chatbot bug

.config/.prettierignore

@@ -0,0 +1,35 @@
+**/*.md
+**/js/app/public/**
+**/pnpm-workspace.yaml
+**/js/app/dist/**
+**/js/wasm/dist/**
+**/js/preview/dist/**
+**/client/js/dist/**
+**/js/*/dist/**
+**/pnpm-lock.yaml
+**/js/plot/src/Plot.svelte
+**/.svelte-kit/**
+**/demo/**
+**/gradio/**
+**/.pnpm-store/**
+**/.venv/**
+
+/guides/**
+**/.mypy_cache/**
+!test-strategy.md
+**/js/_space-test/**
+../js/lite/src/theme.css
+../js/storybook/theme.css
+**/gradio_cached_examples/**
+**/storybook-static/**
+**/.vscode/**
+sweep.yaml
+**/.vercel/**
+**/build/**
+**/src/lib/json/**/*
+**/playwright/.cache/**/*
+**/theme/src/pollen.css
+**/venv/**
+../js/app/src/api_docs/CodeSnippet.svelte
+../js/app/src/api_docs/RecordingSnippet.svelte
+../.changeset/pre.json

.config/.prettierrc.json

@@ -0,0 +1,8 @@
+{
+	"useTabs": true,
+	"singleQuote": false,
+	"trailingComma": "none",
+	"printWidth": 80,
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}

.config/basevite.config.ts

@@ -0,0 +1,93 @@
+import { defineConfig } from "vite";
+import { svelte } from "@sveltejs/vite-plugin-svelte";
+import sveltePreprocess from "svelte-preprocess";
+// @ts-ignore
+import custom_media from "postcss-custom-media";
+import global_data from "@csstools/postcss-global-data";
+// @ts-ignore
+import prefixer from "postcss-prefix-selector";
+import { readFileSync } from "fs";
+import { join } from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = fileURLToPath(new URL(".", import.meta.url));
+const version_path = join(__dirname, "..", "gradio", "package.json");
+const theme_token_path = join(
+	__dirname,
+	"..",
+	"js",
+	"theme",
+	"src",
+	"tokens.css"
+);
+
+const version = JSON.parse(readFileSync(version_path, { encoding: "utf-8" }))
+	.version.trim()
+	.replace(/\./g, "-");
+
+//@ts-ignore
+export default defineConfig(({ mode }) => {
+	const production = mode === "production";
+
+	return {
+		server: {
+			port: 9876
+		},
+
+		build: {
+			sourcemap: false,
+			target: "esnext",
+			minify: production,
+			rollupOptions: {
+				external: ["virtual:component-loader"]
+			}
+		},
+		define: {
+			BUILD_MODE: production ? JSON.stringify("prod") : JSON.stringify("dev"),
+			BACKEND_URL: production
+				? JSON.stringify("")
+				: JSON.stringify("http://localhost:7860/"),
+			GRADIO_VERSION: JSON.stringify(version)
+		},
+		css: {
+			postcss: {
+				plugins: [
+					prefixer({
+						prefix: `.gradio-container-${version}`,
+						// @ts-ignore
+						transform(prefix, selector, prefixedSelector, fileName) {
+							if (selector.indexOf("gradio-container") > -1) {
+								return prefix;
+							} else if (
+								selector.indexOf(":root") > -1 ||
+								selector.indexOf("dark") > -1 ||
+								fileName.indexOf(".svelte") > -1
+							) {
+								return selector;
+							}
+							return prefixedSelector;
+						}
+					}),
+					custom_media()
+				]
+			}
+		},
+		plugins: [
+			svelte({
+				inspector: false,
+				compilerOptions: {
+					dev: !production
+				},
+				hot: !process.env.VITEST && !production,
+				preprocess: sveltePreprocess({
+					postcss: {
+						plugins: [
+							global_data({ files: [theme_token_path] }),
+							custom_media()
+						]
+					}
+				})
+			})
+		]
+	};
+});

.config/copy_frontend.py

@@ -0,0 +1,63 @@
+from __future__ import annotations
+
+import shutil
+import pathlib
+from typing import Any
+
+from hatchling.builders.hooks.plugin.interface import BuildHookInterface
+
+
+def copy_js_code(root: str | pathlib.Path):
+    NOT_COMPONENT = [
+        "app",
+        "node_modules",
+        "storybook",
+        "playwright-report",
+        "workbench",
+        "tooltils",
+        "component-test",
+        "core",
+        "spa",
+    ]
+    for entry in (pathlib.Path(root) / "js").iterdir():
+        if (
+            entry.is_dir()
+            and not str(entry.name).startswith("_")
+            and not str(entry.name) in NOT_COMPONENT
+        ):
+
+            def ignore(s, names):
+                ignored = []
+                for n in names:
+                    if (
+                        n.startswith("CHANGELOG")
+                        or n.startswith("README.md")
+                        or n.startswith("node_modules")
+                        or ".test." in n
+                        or ".stories." in n
+                        or ".spec." in n
+                    ):
+                        ignored.append(n)
+                return ignored
+
+            shutil.copytree(
+                str(entry),
+                str(pathlib.Path("gradio") / "_frontend_code" / entry.name),
+                ignore=ignore,
+                dirs_exist_ok=True,
+            )
+    shutil.copytree(
+        str(pathlib.Path(root) / "client" / "js"),
+        str(pathlib.Path("gradio") / "_frontend_code" / "client"),
+        ignore=lambda d, names: ["node_modules", "test"],
+        dirs_exist_ok=True,
+    )
+
+
+class BuildHook(BuildHookInterface):
+    def initialize(self, version: str, build_data: dict[str, Any]) -> None:
+        copy_js_code(self.root)
+
+
+if __name__ == "__main__":
+    copy_js_code(pathlib.Path("..").resolve())

.config/demos.json

@@ -0,0 +1,34 @@
+[
+	"audio_debugger",
+	"blocks_essay",
+	"blocks_group",
+	"blocks_js_methods",
+	"blocks_layout",
+	"blocks_multiple_event_triggers",
+	"blocks_update",
+	"calculator",
+	"cancel_events",
+	"chatbot_multimodal",
+	"chatinterface_streaming_echo",
+	"clear_components",
+	"code",
+	"fake_gan",
+	"fake_diffusion_with_gif",
+	"file_explorer_component_events",
+	"image_mod_default_image",
+	"image_editor_events",
+	"image_segmentation",
+	"interface_random_slider",
+	"kitchen_sink",
+	"kitchen_sink_random",
+	"matrix_transpose",
+	"mini_leaderboard",
+	"model3D",
+	"native_plots",
+	"reverse_audio",
+	"stt_or_tts",
+	"stream_audio",
+	"stream_frames",
+	"video_component",
+	"zip_files"
+]

.config/eslint.config.js

@@ -0,0 +1,164 @@
+import globals from "globals";
+import ts_plugin from "@typescript-eslint/eslint-plugin";
+import js_plugin from "@eslint/js";
+import jsdoc from "eslint-plugin-jsdoc";
+
+import typescriptParser from "@typescript-eslint/parser";
+import sveltePlugin from "eslint-plugin-svelte";
+import svelteParser from "svelte-eslint-parser";
+
+const ts_rules_disabled = Object.fromEntries(
+	Object.keys(ts_plugin.rules).map((rule) => [
+		`@typescript-eslint/${rule}`,
+		"off"
+	])
+);
+const js_rules_disabled = Object.fromEntries(
+	Object.keys(js_plugin.configs.all.rules).map((rule) => [rule, "off"])
+);
+
+const jsdoc_rules_disabled = Object.fromEntries(
+	Object.keys(jsdoc.configs.recommended.rules).map((rule) => [
+		`jsdoc/${rule}`,
+		"off"
+	])
+);
+
+const js_rules = {
+	...js_rules_disabled,
+	"no-console": ["error", { allow: ["warn", "error", "debug", "info"] }],
+	"no-constant-condition": "error",
+	"no-dupe-args": "error",
+	"no-extra-boolean-cast": "error",
+	"no-unexpected-multiline": "error",
+	"no-unreachable": "error",
+	"array-callback-return": "error",
+	complexity: "error",
+	"no-else-return": "error",
+	"no-useless-return": "error",
+	"no-undef": "error"
+};
+
+const ts_rules = {
+	...ts_rules_disabled,
+	"@typescript-eslint/adjacent-overload-signatures": "error",
+	"@typescript-eslint/explicit-function-return-type": [
+		"error",
+		{ allowExpressions: true }
+	],
+	"@typescript-eslint/consistent-type-exports": "error",
+	"@typescript-eslint/ban-types": "error",
+	"@typescript-eslint/array-type": "error",
+	"@typescript-eslint/no-inferrable-types": "error"
+};
+
+const jsdoc_rules = {
+	...jsdoc_rules_disabled,
+	"jsdoc/require-param-description": "error",
+	"jsdoc/require-returns-description": "error"
+};
+
+const { browser, es2021, node } = globals;
+
+export default [
+	{
+		ignores: [
+			"**/.svelte-kit/**/*",
+			"**/node_modules/**",
+			"**/dist/**",
+			"**/.config/*",
+			"**/*.spec.ts",
+			"**/*.test.ts",
+			"**/*.node-test.ts",
+			"js/spa/test/**/*",
+			"**/*vite.config.ts",
+			"**/_website/**/*",
+			"**/app/**/*",
+			"**/_spaces-test/**/*",
+			"**/preview/test/**/*",
+			"**/component-test/**/*",
+			"**/js/wasm/src/webworker/**/*"
+		]
+	},
+	{
+		files: ["**/*.js", "**/*.cjs"],
+		languageOptions: {
+			globals: {
+				...browser,
+				...es2021,
+				...node
+			}
+		},
+
+		plugins: {
+			"eslint:recommended": js_plugin,
+			jsdoc
+		},
+		rules: { ...js_rules, ...jsdoc_rules }
+	},
+
+	{
+		files: ["**/*.ts"],
+		languageOptions: {
+			parser: typescriptParser,
+			parserOptions: {
+				project: "./tsconfig.json",
+				extraFileExtensions: [".svelte"]
+			},
+			globals: {
+				...browser,
+				...es2021,
+				...node
+			}
+		},
+
+		plugins: {
+			"@typescript-eslint": ts_plugin,
+			"eslint:recommended": js_plugin,
+			jsdoc
+		},
+		rules: {
+			...ts_rules,
+			...js_rules,
+			...jsdoc_rules,
+			"no-undef": "off"
+		}
+	},
+	{
+		files: ["**/client/js/**"],
+		languageOptions: {
+			parserOptions: {
+				project: "./client/js/tsconfig.json"
+			}
+		}
+	},
+	{
+		files: ["**/*.svelte"],
+		languageOptions: {
+			parser: svelteParser,
+			parserOptions: {
+				parser: typescriptParser,
+				project: "./tsconfig.json",
+				extraFileExtensions: [".svelte"]
+			},
+			globals: {
+				...browser,
+				...es2021
+			}
+		},
+		plugins: {
+			svelte: sveltePlugin,
+			"@typescript-eslint": ts_plugin,
+			"eslint:recommended": js_plugin,
+			jsdoc
+		},
+		rules: {
+			...ts_rules,
+			...js_rules,
+			...jsdoc_rules,
+			...sveltePlugin.configs.recommended.rules,
+			"svelte/no-at-html-tags": "off",
+			"no-undef": "off"
+		}
+	}
+];

.config/lite-builder/pyproject.toml

@@ -0,0 +1,33 @@
+[build-system]
+requires = ["hatchling",]
+build-backend = "hatchling.build"
+
+[project]
+name = "lite-builder"
+description = "Python library for easily interacting with trained machine learning models"
+license = "Apache-2.0"
+version = "0.0.2"
+requires-python = ">=3.8"
+authors = [
+  { name = "Abubakar Abid", email = "[email protected]" },
+  { name = "Ali Abid", email = "[email protected]" },
+  { name = "Ali Abdalla", email = "[email protected]" },
+  { name = "Dawood Khan", email = "[email protected]" },
+  { name = "Ahsen Khaliq", email = "[email protected]" },
+  { name = "Pete Allen", email = "[email protected]" },
+  { name = "Ömer Faruk Özdemir", email = "[email protected]" },
+  { name = "Freddy A Boulton", email = "[email protected]" },
+  { name = "Hannah Blair", email = "[email protected]" },
+]
+keywords = ["machine learning", "reproducibility", "visualization"]
+
+classifiers = [
+  'Development Status :: 5 - Production/Stable',
+]
+
+[tool.hatch.build]
+sources = ["src"]
+only-packages = true
+
+[project.entry-points.hatch]
+lite_builder = "lite_builder.hooks"

.config/lite-builder/src/lite_builder/builder.py

@@ -0,0 +1,5 @@
+from hatchling.builders.wheel import WheelBuilder
+
+
+class LiteBuilder(WheelBuilder):
+    PLUGIN_NAME = 'lite'

.config/lite-builder/src/lite_builder/hooks.py

@@ -0,0 +1,6 @@
+from hatchling.plugin import hookimpl
+from .builder import LiteBuilder
+
+@hookimpl
+def hatch_register_builder():
+    return LiteBuilder

.config/playwright-ct.config.ts

@@ -0,0 +1,41 @@
+import { defineConfig, devices } from "@playwright/experimental-ct-svelte";
+import config from "./basevite.config";
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+	testDir: "../",
+	/* The base directory, relative to the config file, for snapshot files created with toMatchSnapshot and toHaveScreenshot. */
+	snapshotDir: "./__snapshots__",
+	/* Maximum time one test can run for. */
+	timeout: 10 * 1000,
+	/* Run tests in files in parallel */
+	fullyParallel: true,
+	/* Fail the build on CI if you accidentally left test.only in the source code. */
+	forbidOnly: !!process.env.CI,
+	/* Retry on CI only */
+	retries: process.env.CI ? 2 : 0,
+	/* Opt out of parallel tests on CI. */
+	workers: process.env.CI ? 1 : undefined,
+	/* Reporter to use. See https://playwright.dev/docs/test-reporters */
+	reporter: "html",
+	/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+	use: {
+		/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+		trace: "on-first-retry",
+
+		/* Port to use for Playwright component endpoint. */
+		ctPort: 3100,
+		ctViteConfig: config({ mode: "development", command: "build" })
+	},
+	testMatch: "*.component.spec.ts",
+
+	/* Configure projects for major browsers */
+	projects: [
+		{
+			name: "chromium",
+			use: { ...devices["Desktop Chrome"] }
+		}
+	]
+});

.config/playwright-setup.js

@@ -0,0 +1,179 @@
+import { spawn } from "node:child_process";
+import { join, basename } from "path";
+import { fileURLToPath } from "url";
+import { readdirSync, writeFileSync } from "fs";
+import net from "net";
+
+import kl from "kleur";
+
+const __dirname = fileURLToPath(new URL(".", import.meta.url));
+const TEST_APP_PATH = join(__dirname, "./test.py");
+const TEST_FILES_PATH = join(__dirname, "..", "js", "spa", "test");
+const ROOT = join(__dirname, "..");
+
+const test_files = readdirSync(TEST_FILES_PATH)
+	.filter(
+		(f) =>
+			f.endsWith("spec.ts") &&
+			!f.endsWith(".skip.spec.ts") &&
+			!f.endsWith(".component.spec.ts") &&
+			!f.endsWith(".reload.spec.ts")
+	)
+	.map((f) => ({
+		module_name: `${basename(f, ".spec.ts")}.run`,
+		dir_name: basename(f, ".spec.ts")
+	}));
+
+export default async function global_setup() {
+	const verbose = process.env.GRADIO_TEST_VERBOSE;
+
+	const port = await find_free_port(7860, 8860);
+	process.env.GRADIO_E2E_TEST_PORT = port;
+
+	process.stdout.write(kl.yellow("\nCreating test gradio app.\n\n"));
+
+	const test_cases = [];
+	// check if there is a testcase file in the same directory as the test file
+	// if there is, append that to the file
+	test_files.forEach((value) => {
+		const test_case_dir = join(ROOT, "demo", value.dir_name);
+
+		readdirSync(test_case_dir)
+			.filter((f) => f.endsWith("_testcase.py"))
+			.forEach((f) => {
+				test_cases.push({
+					module_name: `${value.dir_name}.${basename(f, ".py")}`,
+					dir_name: `${value.dir_name}_${basename(f, ".py")}`
+				});
+			});
+	});
+
+	const all_test_files = test_files.concat(test_cases);
+	const test_app = make_app(all_test_files, port);
+	process.stdout.write(kl.yellow("App created. Starting test server.\n\n"));
+
+	process.stdout.write(kl.bgBlue(" =========================== \n"));
+	process.stdout.write(kl.bgBlue(" === PYTHON STARTUP LOGS === \n"));
+	process.stdout.write(kl.bgBlue(" =========================== \n\n"));
+
+	writeFileSync(TEST_APP_PATH, test_app);
+
+	const app = await spawn_gradio_app(TEST_APP_PATH, port, verbose);
+
+	process.stdout.write(
+		kl.green(`\n\nServer started. Running tests on port ${port}.\n`)
+	);
+
+	return () => {
+		process.stdout.write(kl.green(`\nTests complete, cleaning up!\n`));
+
+		kill_process(app);
+	};
+}
+const INFO_RE = /^INFO:/;
+
+function spawn_gradio_app(app, port, verbose) {
+	const PORT_RE = new RegExp(`:${port}`);
+
+	return new Promise((res, rej) => {
+		const _process = spawn(`python`, [app], {
+			shell: true,
+			stdio: "pipe",
+			cwd: ROOT,
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true",
+				GRADIO_ANALYTICS_ENABLED: "False",
+				GRADIO_IS_E2E_TEST: "1"
+			}
+		});
+		_process.stdout.setEncoding("utf8");
+
+		function std_out(data) {
+			const _data = data.toString();
+			const is_info = INFO_RE.test(_data);
+
+			if (is_info) {
+				process.stdout.write(kl.yellow(_data));
+			}
+
+			if (!is_info) {
+				process.stdout.write(`${_data}\n`);
+			}
+
+			if (PORT_RE.test(_data)) {
+				process.stdout.write(kl.bgBlue("\n =========== END =========== "));
+
+				res(_process);
+
+				if (!verbose) {
+					_process.stdout.off("data", std_out);
+					_process.stderr.off("data", std_out);
+				}
+			}
+		}
+
+		_process.stdout.on("data", std_out);
+		_process.stderr.on("data", std_out);
+		_process.on("exit", () => kill_process(_process));
+		_process.on("close", () => kill_process(_process));
+		_process.on("disconnect", () => kill_process(_process));
+	});
+}
+
+function kill_process(process) {
+	process.kill("SIGKILL");
+}
+
+function make_app(demos, port) {
+	return `
+import uvicorn
+from fastapi import FastAPI
+import gradio as gr
+
+${demos.map((obj) => `from demo.${obj.module_name} import demo as ${obj.dir_name}`).join("\n")}
+
+app = FastAPI()
+${demos
+	.map(
+		(obj) =>
+			`app = gr.mount_gradio_app(app, ${obj.dir_name}, path="/${obj.dir_name}", max_file_size=${
+				obj.dir_name == "upload_file_limit_test" ? "'15kb'" : "None"
+			})`
+	)
+	.join("\n")}
+
+config = uvicorn.Config(app, port=${port}, log_level="info")
+server = uvicorn.Server(config=config)
+server.run()`;
+}
+
+export async function find_free_port(start_port, end_port) {
+	for (let port = start_port; port < end_port; port++) {
+		if (await is_free_port(port)) {
+			return port;
+		}
+	}
+
+	throw new Error(
+		`Could not find free ports: there were not enough ports available.`
+	);
+}
+
+export function is_free_port(port) {
+	return new Promise((accept, reject) => {
+		const sock = net.createConnection(port, "127.0.0.1");
+		sock.once("connect", () => {
+			sock.end();
+			accept(false);
+		});
+		sock.once("error", (e) => {
+			sock.destroy();
+			if (e.code === "ECONNREFUSED") {
+				accept(true);
+			} else {
+				reject(e);
+			}
+		});
+	});
+}

.config/playwright.config.js

@@ -0,0 +1,73 @@
+import { defineConfig, devices } from "@playwright/test";
+
+const base = defineConfig({
+	use: {
+		screenshot: "only-on-failure",
+		trace: "retain-on-failure",
+		bypassCSP: true,
+		launchOptions: {
+			args: [
+				"--disable-web-security",
+				"--use-fake-device-for-media-stream",
+				"--use-fake-ui-for-media-stream",
+				"--use-file-for-fake-audio-capture=../gradio/test_data/test_audio.wav"
+			]
+		}
+	},
+	expect: { timeout: 10000 },
+	timeout: 10000,
+	testMatch: /.*\.spec\.ts/,
+	testDir: "..",
+	workers: process.env.CI ? 1 : undefined,
+	retries: 3
+});
+
+const normal = defineConfig(base, {
+	globalSetup: process.env.CUSTOM_TEST ? undefined : "./playwright-setup.js",
+	projects: [
+		{
+			name: "firefox",
+			use: { ...devices["Desktop Firefox"] },
+			testMatch: /.stream_(audio|video)_out\.spec\.ts/
+		},
+		{
+			name: "chrome",
+			use: {
+				...devices["Desktop Chrome"],
+				permissions: ["clipboard-read", "clipboard-write", "microphone"]
+			},
+			testIgnore: /.stream_(audio|video)_out\.spec\.ts/
+		}
+	]
+});
+
+const lite = defineConfig(base, {
+	webServer: {
+		command: "python -m http.server 8000 --directory ../js/lite",
+		url: "http://localhost:8000/",
+		reuseExistingServer: !process.env.CI
+	},
+	testMatch: [
+		"**/file_component_events.spec.ts",
+		"**/kitchen_sink.spec.ts",
+		"**/gallery_component_events.spec.ts",
+		"**/image_remote_url.spec.ts", // To detect the bugs on Lite fixed in https://github.com/gradio-app/gradio/pull/8011 and https://github.com/gradio-app/gradio/pull/8026
+		"**/outbreak_forecast.spec.ts" // To test matplotlib on Lite
+	],
+	workers: 1,
+	retries: 3,
+	timeout: 60000,
+	projects: [
+		{
+			name: "chromium",
+			use: { ...devices["Desktop Chrome"] }
+		},
+		{
+			name: "firefox",
+			use: { ...devices["Desktop Firefox"] },
+			testIgnore: "**/kitchen_sink.*" // This test requires the camera permission but it's not supported on FireFox: https://github.com/microsoft/playwright/issues/11714
+		}
+	]
+});
+
+export default !!process.env.GRADIO_E2E_TEST_LITE ? lite : normal;

.config/playwright/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Testing Page</title>
+	</head>
+	<body>
+		<div id="root"></div>
+		<script type="module" src="./index.ts"></script>
+	</body>
+</html>

.config/playwright/index.ts

@@ -0,0 +1,2 @@
+// Import styles, initialize component theme here.
+// import '../src/common.css';

.config/postcss.config.cjs

@@ -0,0 +1,8 @@
+const tailwindcss = require("tailwindcss");
+const autoprefixer = require("autoprefixer");
+const nested = require("tailwindcss/nesting");
+const tw_config = require("./tailwind.config.cjs");
+
+module.exports = {
+	plugins: [nested, tailwindcss(tw_config), autoprefixer]
+};

.config/setup_vite_tests.ts

@@ -0,0 +1,8 @@
+import type { TestingLibraryMatchers } from "@testing-library/jest-dom/matchers";
+import "@testing-library/jest-dom/vitest";
+
+declare module "vitest" {
+	interface Assertion<T = any>
+		extends jest.Matchers<void, T>,
+			TestingLibraryMatchers<T, void> {}
+}

.config/svelte.config.js

@@ -0,0 +1,5 @@
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+
+export default {
+	preprocess: vitePreprocess()
+};

.config/tailwind.config.cjs

@@ -0,0 +1,12 @@
+module.exports = {
+	content: [
+		"./src/**/*.{html,js,svelte,ts}",
+		"**/@gradio/**/*.{html,js,svelte,ts}"
+	],
+
+	theme: {
+		extend: {}
+	},
+
+	plugins: [require("@tailwindcss/forms")]
+};

.config/vitest.config.ts

@@ -0,0 +1,3 @@
+import config from "../js/spa/vite.config";
+
+export default config;

.devcontainer/devcontainer.json

@@ -0,0 +1,41 @@
+// See https://containers.dev
+{
+	"name": "Python 3",
+	"image": "mcr.microsoft.com/devcontainers/python:1-3.9",
+
+	// See https://containers.dev/features
+	"features": {
+		"ghcr.io/devcontainers/features/git:1": {},
+		"ghcr.io/devcontainers/features/node:1": {},
+		"ghcr.io/devcontainers-contrib/features/ffmpeg-apt-get:1": {}
+	},
+
+	"hostRequirements": {
+		"cpus": 4,
+		"memory": "8gb",
+		"storage": "32gb"
+	},
+
+	"customizations": {
+		"vscode": {
+			"extensions": [
+				"ms-python.python",
+				"ms-python.vscode-pylance",
+				"ms-python.black-formatter",
+				"ms-toolsai.jupyter",
+				"esbenp.prettier-vscode",
+				"svelte.svelte-vscode",
+				"phoenisx.cssvar"
+			],
+			"remote.autoForwardPorts": false
+		}
+	},
+
+	"forwardPorts": [7860, 9876],
+	"portsAttributes": {
+		"7860": { "label": "gradio port" },
+		"9876": { "label": "gradio dev port" }
+	},
+
+	"postCreateCommand": "export NODE_OPTIONS=\"--max-old-space-size=8192\" && chmod +x scripts/install_gradio.sh scripts/install_test_requirements.sh scripts/build_frontend.sh && ./scripts/install_gradio.sh && ./scripts/install_test_requirements.sh && ./scripts/build_frontend.sh"
+}

.dockerignore

@@ -0,0 +1,41 @@
+# Python build
+.eggs/
+gradio.egg-info/*
+!gradio.egg-info/requires.txt
+!gradio.egg-info/PKG-INFO
+dist/
+*.pyc
+__pycache__/
+*.py[cod]
+*$py.class
+build/
+
+# JS build
+gradio/templates/frontend/static
+gradio/templates/frontend/cdn
+
+# Secrets
+.env
+
+# Gradio run artifacts
+*.db
+*.sqlite3
+gradio/launches.json
+gradio/hash_seed.txt
+
+# Tests
+.coverage
+coverage.xml
+test.txt
+
+# Demos
+demo/tmp.zip
+demo/flagged
+demo/files/*.avi
+demo/files/*.mp4
+
+# Etc
+.idea/*
+.DS_Store
+*.bak
+workspace.code-workspace

.editorconfig

@@ -0,0 +1,8 @@
+
+root = true
+
+[{js/**,client/js/**}]
+end_of_line = lf
+insert_final_newline = true
+indent_style = tab
+tab_width = 2

.git-blame-ignore-revs

@@ -0,0 +1,14 @@
+# https://github.com/gradio-app/gradio/pull/4487 - refactor components.py to separate files
+69f36f98535c904e7cac2b4942cecc747ed7443c
+# Format the codebase
+cc0cff893f9d7d472788adc2510c123967b384fe
+# Switch from black to ruff
+8a70e83db9c7751b46058cdd2514e6bddeef6210
+# format (#4810)
+7fa5e766ce0f89f1fb84c329e62c9df9c332120a
+# lint website
+4bf301324b3b180fa32166ff1774312b01334c88
+# format frontend with prettier
+980b9f60eb49ed81e4957debe7b23a559a4d4b51
+# Refactor component directories (#5074)
+1419538ea795caa391e3de809379f10639e9e764

.gitattributes

@@ -33,3 +33,38 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+demo/blocks_flipper/screenshot.gif filter=lfs diff=lfs merge=lfs -text
+demo/blocks_neural_instrument_coding/sax.wav filter=lfs diff=lfs merge=lfs -text
+demo/calculator/screenshot.gif filter=lfs diff=lfs merge=lfs -text
+demo/chatbot_core_components/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+demo/chatbot_core_components_simple/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+demo/dataset/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+demo/gallery_component/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+demo/hello_world_2/screenshot.gif filter=lfs diff=lfs merge=lfs -text
+demo/image_mod/screenshot.png filter=lfs diff=lfs merge=lfs -text
+demo/kitchen_sink/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+demo/rt-detr-object-detection/3285790-hd_1920_1080_30fps.mp4 filter=lfs diff=lfs merge=lfs -text
+demo/sales_projections/screenshot.gif filter=lfs diff=lfs merge=lfs -text
+demo/sepia_filter/screenshot.gif filter=lfs diff=lfs merge=lfs -text
+demo/unispeech-speaker-verification/samples/kirsten_dunst.wav filter=lfs diff=lfs merge=lfs -text
+demo/video_component/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+guides/assets/hf_demo.mp4 filter=lfs diff=lfs merge=lfs -text
+guides/cn/assets/hf_demo.mp4 filter=lfs diff=lfs merge=lfs -text
+js/component-test/src/lib/images/world.mp4 filter=lfs diff=lfs merge=lfs -text
+js/spa/test/files/file_test.ogg filter=lfs diff=lfs merge=lfs -text
+js/spa/test/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+test/test_files/rotated_image.jpeg filter=lfs diff=lfs merge=lfs -text
+venv/bin/ruff filter=lfs diff=lfs merge=lfs -text
+venv/lib/python3.10/site-packages/PIL/.dylibs/libfreetype.6.dylib filter=lfs diff=lfs merge=lfs -text
+venv/lib/python3.10/site-packages/PIL/.dylibs/libharfbuzz.0.dylib filter=lfs diff=lfs merge=lfs -text
+venv/lib/python3.10/site-packages/numpy/.dylibs/libgfortran.5.dylib filter=lfs diff=lfs merge=lfs -text
+venv/lib/python3.10/site-packages/numpy/.dylibs/libscipy_openblas64_.dylib filter=lfs diff=lfs merge=lfs -text
+venv/lib/python3.10/site-packages/numpy/_core/_multiarray_umath.cpython-310-darwin.so filter=lfs diff=lfs merge=lfs -text
+venv/lib/python3.10/site-packages/numpy/_core/_simd.cpython-310-darwin.so filter=lfs diff=lfs merge=lfs -text
+venv/lib/python3.10/site-packages/pandas/_libs/algos.cpython-310-darwin.so filter=lfs diff=lfs merge=lfs -text
+venv/lib/python3.10/site-packages/pandas/_libs/groupby.cpython-310-darwin.so filter=lfs diff=lfs merge=lfs -text
+venv/lib/python3.10/site-packages/pandas/_libs/hashtable.cpython-310-darwin.so filter=lfs diff=lfs merge=lfs -text
+venv/lib/python3.10/site-packages/pandas/_libs/interval.cpython-310-darwin.so filter=lfs diff=lfs merge=lfs -text
+venv/lib/python3.10/site-packages/pandas/_libs/join.cpython-310-darwin.so filter=lfs diff=lfs merge=lfs -text
+venv/lib/python3.10/site-packages/pandas/_libs/tslibs/offsets.cpython-310-darwin.so filter=lfs diff=lfs merge=lfs -text
+venv/lib/python3.10/site-packages/pydantic_core/_pydantic_core.cpython-310-darwin.so filter=lfs diff=lfs merge=lfs -text

.github/ISSUE_TEMPLATE/bug_report_template.yml

@@ -0,0 +1,69 @@
+name: "\U0001F41E Bug report"
+description: Report a bug on Gradio
+labels: ["bug"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this bug report! Before you get started, please [search to see](https://github.com/gradio-app/gradio/issues) if an issue already exists for the bug you encountered
+  - type: textarea
+    id: bug-description
+    attributes:
+      label: Describe the bug
+      description: Please provide a concise description of what the bug is, in clear English. If you intend to submit a PR for this issue, tell us in the description.
+      placeholder: Bug description
+    validations:
+      required: true
+  - type: checkboxes
+    attributes:
+      label: Have you searched existing issues?  🔎
+      description: Please search to see if an issue already exists for the issue you encountered.
+      options:
+        - label: I have searched and found no existing issues
+          required: true
+  - type: textarea
+    id: reproduction
+    attributes:
+      label: Reproduction
+      description: Please provide a minimal example, with code, that can be run to reproduce the issue. Do NOT provide screenshots of code, or link to external repos or applications. Use ``` to format code blocks.
+      placeholder: Reproduction
+      value: |
+        ```python
+        import gradio as gr
+
+        ```
+    validations:
+      required: true
+  - type: textarea
+    id: screenshot
+    attributes:
+      label: Screenshot
+      description: If relevant, please include screenshot(s) of your Gradio app so that we can understand what the issue is.
+  - type: textarea
+    id: logs
+    attributes:
+      label: Logs
+      description: "Please include the full stacktrace of the errors you get from Python or Javascript. If you are running in a colab notebooks, you can get the logs with by setting `debug=True`, i.e: `gradio.Interface.launch(debug=True)`"
+      render: shell
+  - type: textarea
+    id: system-info
+    attributes:
+      label: System Info
+      description: Please ensure you are running the latest version of Gradio. You can get the Gradio version and all its dependencies by running `gradio environment`
+      render: shell
+    validations:
+      required: true
+  - type: dropdown
+    id: severity
+    attributes:
+      label: Severity
+      description: Select the severity of this issue
+      options:
+        - I can work around it
+        - Blocking usage of gradio
+    validations:
+      required: true
+  - type: markdown
+    attributes:
+      value: |
+        📌  Please ensure that you have filled all of the required sections above, and that the reproduction you have provided is [minimal, complete, and reproducible](https://stackoverflow.com/help/minimal-reproducible-example). Incomplete issues will be closed.

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,5 @@
+blank_issues_enabled: false
+contact_links:
+  - name: 💡 General questions
+    url: https://discord.com/invite/feTf9x3ZSB
+    about: Have general questions about how to use Gradio? Please ask in our community Discord for quicker responses

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,19 @@
+---
+name: ⚡ Feature request
+about: Suggest an improvement or new feature or a new Guide for Gradio
+title: ''
+labels: ''
+assignees: ''
+
+---
+- [ ] I have searched to see if a similar issue already exists.
+
+
+**Is your feature request related to a problem? Please describe.**  
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**  
+A clear and concise description of what you want to happen.
+
+**Additional context**  
+Add any other context or screenshots about the feature request here.

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,18 @@
+## Description
+
+Please include a concise summary, in clear English, of the changes in this pull request. If it closes an issue, please mention it here.
+
+Closes: #(issue)
+
+## 🎯 PRs Should Target Issues
+
+Before your create a PR, please check to see if there is [an existing issue](https://github.com/gradio-app/gradio/issues) for this change. If not, please create an issue before you create this PR, unless the fix is very small. 
+
+Not adhering to this guideline will result in the PR being closed. 
+
+## Tests
+
+1. PRs will only be merged if tests pass on CI. To run the tests locally, please set up [your Gradio environment locally](https://github.com/gradio-app/gradio/blob/main/CONTRIBUTING.md) and run the tests: `bash scripts/run_all_tests.sh`
+
+2. You may need to run the linters: `bash scripts/format_backend.sh` and `bash scripts/format_frontend.sh`
+  

.github/actions/changes/action.yml

@@ -0,0 +1,78 @@
+name: "prepare"
+description: "Prepare workflow"
+
+inputs:
+  token:
+    description: "GitHub token"
+  filter:
+    description: "Which filter to use"
+
+outputs:
+  should_run:
+    description: "Whether to run the workflow"
+    value: ${{ steps.pr.outputs.should_run }}
+  pr_number:
+    description: "PR number"
+    value: ${{ steps.pr.outputs.pr_number }}
+  sha:
+    description: "SHA of the HEAD commit of the PR"
+    value: ${{ steps.pr.outputs.sha }}
+  source_repo:
+    description: "Source repo"
+    value: ${{ steps.pr.outputs.source_repo }}
+  source_branch:
+    description: "Source branch"
+    value: ${{ steps.pr.outputs.source_branch }}
+  labels:
+    description: "Labels on the PR"
+    value: ${{ steps.pr.outputs.labels }}
+  run_id:
+    description: "Run ID"
+    value: ${{ steps.pr.outputs.run_id }}
+  gradio_version:
+    description: "Gradio version"
+    value: ${{ steps.pr.outputs.gradio_version }}
+
+runs:
+  using: "composite"
+  steps:
+    - uses: actions/checkout@v4
+    - uses: gradio-app/github/actions/filter-paths@main
+      id: changes
+      with:
+        token: ${{ inputs.token }}
+        filter: ${{ inputs.filter }}
+    - name: get gradio version
+      id: gradio_version
+      shell: bash
+      run: |
+        GRADIO_VERSION=$(curl -s https://pypi.org/pypi/gradio/json | grep -o '"version":"[^"]*"' | cut -d'"' -f4 | head -n 1)
+        echo "gradio_version=$GRADIO_VERSION" >> $GITHUB_OUTPUT
+    - name: convert to JSON
+      uses: gradio-app/github/actions/input-to-json@main
+      with:
+        path: output.json
+        sha: ${{ github.event.pull_request.head.sha || github.sha }}
+        source_repo: ${{ github.event.pull_request.head.repo.full_name || github.repository }}
+        source_branch: ${{ github.event.pull_request.head.ref || github.ref }}
+        pr_number: ${{ github.event.pull_request.number || 'false'}}
+        should_run: ${{ steps.changes.outputs.match }}
+        labels: "[${{ join(github.event.pull_request.labels.*.name, ', ') }}]"
+        run_id: ${{ github.run_id }}
+        gradio_version: ${{ steps.gradio_version.outputs.gradio_version }}
+    - name: cat json
+      run: cat output.json
+      shell: bash
+    - name: upload JSON
+      uses: actions/upload-artifact@v4
+      with:
+        name: changes
+        path: output.json
+    - name: set outputs
+      id: pr
+      uses: gradio-app/github/actions/json-to-output@main
+      with:
+        path: output.json
+    - name: echo outputs
+      run: echo "${{ toJson(steps.pr.outputs) }}"
+      shell: bash

.github/actions/install-all-deps/action.yml

@@ -0,0 +1,92 @@
+name: "install all deps"
+description: "Install all deps"
+
+inputs:
+  skip_build:
+    description: "Skip build"
+    default: "false"
+  build_lite:
+    description: "Build lite"
+    default: "false"
+  test:
+    description: "Test"
+    default: "false"
+  python_version:
+    description: "Python version"
+    default: "3.10"
+  os:
+    description: "OS"
+    default: "ubuntu-latest"
+outputs:
+  venv_activate:
+    description: "Venv activate"
+    value: ${{ steps.venv.outputs.venv_activate }}
+
+runs:
+  using: "composite"
+  steps:
+    - name: Set venv binary path (linux)
+      if: ${{ inputs.os == 'ubuntu-latest' }}
+      shell: bash
+      run: |
+        echo "VENV_ACTIVATE=venv/bin/activate" >> $GITHUB_ENV
+    - name: Set venv binary path (windows)
+      if: ${{ inputs.os == 'windows-latest' }}
+      shell: bash
+      run: |
+        echo "VENV_ACTIVATE=venv\\\Scripts\\\activate" >> $GITHUB_ENV
+    - name: log venv binary path
+      id: venv
+      shell: bash
+      run: |
+        echo "venv_activate=$VENV_ACTIVATE" >> $GITHUB_OUTPUT
+    - name: Install Python
+      uses: actions/setup-python@v5
+      with:
+        python-version: ${{ inputs.python_version }}
+        cache: pip
+        cache-dependency-path: |
+          client/python/requirements.txt
+          requirements.txt
+          test/requirements.txt
+    - name: Create env
+      shell: bash
+      run: |
+        python -m pip install --upgrade virtualenv
+        python -m virtualenv venv
+    # - uses: actions/cache@v4
+    #   id: cache
+    #   with:
+    #     path: |
+    #       venv/*
+    #       client/python/venv
+    #     restore-keys: |
+    #       gradio-lib-${{inputs.python_version}}-${{inputs.os}}-latest-pip-
+    #     key: "gradio-lib-${{inputs.python_version}}-${{inputs.os}}-latest-pip-${{ hashFiles('client/python/requirements.txt') }}-${{ hashFiles('requirements.txt') }}-${{ hashFiles('test/requirements.txt') }}-${{ hashFiles('client/python/test/requirements.txt') }}${{ inputs.test == 'true' && '-test' || ''}}"
+    - name: Install ffmpeg
+      uses: FedericoCarboni/setup-ffmpeg@583042d32dd1cabb8bd09df03bde06080da5c87c # @v2
+    - name: Install test dependencies
+      if: inputs.test == 'true'
+      # && steps.cache.outputs.cache-hit != 'true'
+      shell: bash
+      run: |
+        . ${{ env.VENV_ACTIVATE }}
+        python -m pip install -r test/requirements.txt
+        python -m pip install -r client/python/test/requirements.txt
+    - name: Install Gradio and Client Libraries Locally (Linux)
+      shell: bash
+      run: |
+        . ${{ env.VENV_ACTIVATE }}
+        python -m pip install -e client/python
+        python -m pip install -e ".[oauth]"
+    - name: install-frontend
+      uses: "gradio-app/gradio/.github/actions/install-frontend-deps@main"
+      with:
+        skip_build: ${{ inputs.skip_build }}
+        build_lite: ${{ inputs.build_lite }}
+    - name: generate json
+      shell: bash
+      if: inputs.os == 'ubuntu-latest'
+      run: |
+        . ${{ env.VENV_ACTIVATE }}
+        pip install boto3 && python js/_website/generate_jsons/generate.py

.github/actions/install-frontend-deps/action.yml

@@ -0,0 +1,51 @@
+name: "install frontend"
+description: "Install frontend deps"
+
+inputs:
+  skip_build:
+    description: "Skip build"
+    default: "false"
+  build_lite:
+    description: "Build lite"
+    default: "false"
+
+runs:
+  using: "composite"
+  steps:
+    # - uses: actions/cache@v4
+    #   id: frontend-cache
+    #   with:
+    #     path: |
+    #       gradio/templates/*
+    #     key: gradio-lib-front-end-${{ hashFiles('js/**', 'client/js/**')}}
+    - name: Install pnpm
+      uses: pnpm/action-setup@fe02b34f77f8bc703788d5817da081398fad5dd2 # @v4
+      with:
+        version: 9.1.x
+    - uses: actions/setup-node@v4
+      with:
+        node-version: 18
+        cache: pnpm
+        cache-dependency-path: pnpm-lock.yaml
+    - name: Install deps
+      shell: bash
+      run: pnpm i --frozen-lockfile --ignore-scripts
+    - name: Build Css
+      shell: bash
+      run: pnpm css
+    - name: Build frontend
+      if: inputs.skip_build == 'false'
+      # && steps.frontend-cache.outputs.cache-hit != 'true'
+      shell: bash
+      run: pnpm build
+    - name: generate types
+      if: inputs.skip_build == 'false' || inputs.build_lite == 'true'
+      shell: bash
+      run: pnpm package
+    - name: Build frontend lite
+      if: inputs.build_lite == 'true'
+      shell: bash
+      run: |
+        . venv/bin/activate
+        python -m pip install -U build hatch packaging>=23.2  # packaging>=23.2 is needed to build Lite due to https://github.com/pypa/hatch/issues/1381
+        pnpm build:lite

.github/configs/semgrep_rules.yaml

@@ -0,0 +1,110 @@
+rules:
+  - id: third-party-action-not-pinned-to-commit-sha
+    patterns:
+      - pattern-inside: "{steps: ...}"
+      - pattern: |
+          uses: "$USES"
+      - metavariable-pattern:
+          metavariable: $USES
+          language: generic
+          patterns:
+            - pattern-not-regex: ^[.]/
+            - pattern-not-regex: ^actions/
+            - pattern-not-regex: ^github/
+            - pattern-not-regex: ^gradio-app/gradio
+            - pattern-not-regex: ^gradio-app/github
+            - pattern-not-regex: "@[0-9a-f]{40}$"
+            - pattern-not-regex: ^docker://.*@sha256:[0-9a-f]{64}$
+            - pattern-not-regex: ^docker://docker$
+    message:
+      An action sourced from a third-party repository on GitHub is not pinned
+      to a full length commit SHA. Pinning an action to a full length commit SHA
+      is currently the only way to use an action as an immutable release.
+      Pinning to a particular SHA helps mitigate the risk of a bad actor adding
+      a backdoor to the action's repository, as they would need to generate a
+      SHA-1 collision for a valid Git object payload.
+    languages:
+      - yaml
+    severity: WARNING
+    metadata:
+      cwe:
+        - "CWE-1357: Reliance on Insufficiently Trustworthy Component"
+        - "CWE-353: Missing Support for Integrity Check"
+      owasp: A06:2021 - Vulnerable and Outdated Components
+      references:
+        - https://owasp.org/Top10/A06_2021-Vulnerable_and_Outdated_Components
+        - https://docs.github.com/en/actions/security-guides/security-hardening-for-github-actions#using-third-party-actions
+      category: security
+      technology:
+        - github-actions
+      subcategory:
+        - vuln
+      likelihood: LOW
+      impact: LOW
+      confidence: HIGH
+      license: Commons Clause License Condition v1.0[LGPL-2.1-only]
+      vulnerability_class:
+        - Cryptographic Issues
+        - Other
+
+  - id: insecure-file-permissions
+    languages:
+      - python
+    severity: ERROR
+    message: These permissions `$BITS` are widely permissive and grant access to
+      more people than may be necessary. A good default is `0o644` which gives
+      read and write access to yourself and read access to everyone else.
+    patterns:
+      - pattern-inside: os.$METHOD(...)
+      - pattern-either:
+          - patterns:
+              - pattern: os.$METHOD($FILE, $BITS, ...)
+              - metavariable-comparison:
+                  comparison: $BITS >= 0o650 and $BITS < 0o100000
+          - patterns:
+              - pattern: os.$METHOD($FILE, $BITS)
+              - metavariable-comparison:
+                  comparison: $BITS >= 0o100650
+          - patterns:
+              - pattern: os.$METHOD($FILE, $BITS, ...)
+              - metavariable-pattern:
+                  metavariable: $BITS
+                  patterns:
+                    - pattern-either:
+                        - pattern: <... stat.S_IWGRP ...>
+                        - pattern: <... stat.S_IXGRP ...>
+                        - pattern: <... stat.S_IWOTH ...>
+                        - pattern: <... stat.S_IXOTH ...>
+                        - pattern: <... stat.S_IRWXO ...>
+                        - pattern: <... stat.S_IRWXG ...>
+          - patterns:
+              - pattern: os.$METHOD($FILE, $EXPR | $MOD, ...)
+              - metavariable-comparison:
+                  comparison: $MOD == 0o111
+      - metavariable-pattern:
+          metavariable: $METHOD
+          patterns:
+            - pattern-either:
+                - pattern: chmod
+                - pattern: lchmod
+                - pattern: fchmod
+    metadata:
+      category: security
+      owasp:
+        - A01:2021 - Broken Access Control
+      cwe:
+        - "CWE-276: Incorrect Default Permissions"
+      technology:
+        - python
+      references:
+        - https://owasp.org/Top10/A01_2021-Broken_Access_Control
+      cwe2022-top25: true
+      cwe2021-top25: true
+      subcategory:
+        - vuln
+      likelihood: LOW
+      impact: MEDIUM
+      confidence: MEDIUM
+      license: Commons Clause License Condition v1.0[LGPL-2.1-only]
+      vulnerability_class:
+        - Improper Authorization

.github/filters.json

@@ -0,0 +1,51 @@
+{
+	"gradio": [
+		"client/python/**",
+		"gradio/**",
+		"requirements.txt",
+		".github/**",
+		"scripts/**",
+		"test/**"
+	],
+	"js": [
+		"js/**",
+		"client/js/**",
+		".github/**",
+		"package.json",
+		"pnpm-lock.yaml",
+		"tsconfig.json",
+		".config/**"
+	],
+	"functional": [
+		".github/**",
+		"client/**",
+		"demo/**",
+		"gradio/**",
+		"js/**",
+		"scripts/**",
+
+		"globals.d.ts",
+		"package.json",
+		"pnpm-lock.yaml",
+		"pyproject.toml",
+		"requirements.txt",
+		".config/**"
+	],
+	"visual": [
+		".github/workflows/deploy-chromatic.yml",
+		"js!(/_website)/**",
+		"package.json"
+	],
+	"website": [
+		"js/_website/**",
+		"package.json",
+		"pnpm-lock.yaml",
+		"guides/**",
+		"README.md",
+		"CHANGELOG.md",
+		"gradio/**",
+		"client/**",
+		"demo/**",
+		".github/deploy-website.yml"
+	]
+}

.github/stale

@@ -0,0 +1,17 @@
+# Number of days of inactivity before an issue becomes stale
+daysUntilStale: 30
+# Number of days of inactivity before a stale issue is closed
+daysUntilClose: 7
+# Issues with these labels will never be considered stale
+exemptLabels:
+  - pinned
+  - security
+# Label to use when marking an issue as stale
+staleLabel: wontfix
+# Comment to post when marking an issue as stale. Set to `false` to disable
+markComment: >
+  This issue has been automatically marked as stale because it has not had
+  recent activity. It will be closed if no further activity occurs. Thank you
+  for your contributions.
+# Comment to post when closing a stale issue. Set to `false` to disable
+closeComment: false

.github/workflows/comment-queue.yml

@@ -0,0 +1,37 @@
+name: Comment on pull request without race conditions
+
+on:
+  workflow_call:
+    inputs:
+      pr_number:
+        type: string
+      message:
+        required: true
+        type: string
+      tag:
+        required: false
+        type: string
+        default: "previews"
+      additional_text:
+        required: false
+        type: string
+        default: ""
+    secrets:
+      gh_token:
+        required: true
+
+jobs:
+  comment:
+    environment: comment_pr
+    concurrency:
+      group: ${{inputs.pr_number || inputs.tag}}
+    runs-on: ubuntu-latest
+    steps:
+      - name: comment on pr
+        uses: "gradio-app/github/actions/comment-pr@main"
+        with:
+          gh_token: ${{ secrets.gh_token }}
+          tag: ${{ inputs.tag }}
+          pr_number: ${{ inputs.pr_number}}
+          message: ${{ inputs.message }}
+          additional_text: ${{ inputs.additional_text }}

.github/workflows/delete-stale-spaces.yml

@@ -0,0 +1,42 @@
+# safe runs from main
+
+name: Delete Stale Spaces
+
+on:
+  schedule:
+    - cron: "0 0 * * *"
+  workflow_dispatch:
+    inputs:
+      daysStale:
+        description: "How stale a space needs to be to be deleted (days)"
+        required: true
+        default: "7"
+
+permissions: {}
+
+jobs:
+  delete-old-spaces:
+    permissions:
+      contents: read
+    environment: deploy_spaces
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install Python
+        uses: actions/setup-python@v5
+        with:
+          python-version: "3.10"
+      - name: Install pip
+        run: python -m pip install pip wheel requests
+      - name: Install Hub Client Library
+        run: pip install huggingface-hub==0.9.1
+      - name: Set daysStale
+        env:
+          DEFAULT_DAYS_STALE: "7"
+          DAYS_STALE: ${{ github.event.inputs.daysStale  || env.DEFAULT_DAYS_STALE}}
+        run: echo DAYS_STALE=  "$DAYS_STALE"  >> $GITHUB_ENV
+      - name: Find and delete stale spaces
+        run: |
+          python scripts/delete_old_spaces.py $DAYS_STALE \
+          gradio-pr-deploys \
+          ${{ secrets.SPACES_DEPLOY_TOKEN }}

.github/workflows/generate-changeset.yml

@@ -0,0 +1,96 @@
+name: Generate changeset
+on:
+  workflow_run:
+    workflows: ["trigger-changeset"]
+    types:
+      - completed
+
+env:
+  CI: true
+  NODE_OPTIONS: "--max-old-space-size=4096"
+
+concurrency:
+  group: "${{ github.event.workflow_run.head_repository.full_name }}-${{ github.event.workflow_run.head_branch }}-${{ github.workflow_ref }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  get-pr:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: read
+    if: github.event.workflow_run.conclusion == 'success'
+    outputs:
+      found_pr: ${{ steps.pr_details.outputs.found_pr }}
+      pr_number: ${{ steps.pr_details.outputs.pr_number }}
+      source_repo: ${{ steps.pr_details.outputs.source_repo }}
+      source_branch: ${{ steps.pr_details.outputs.source_branch }}
+    steps:
+      - name: get pr details
+        id: pr_details
+        uses: gradio-app/github/actions/find-pr@main
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+  comment-changes-start:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: get-pr
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.get-pr.outputs.pr_number }}
+      message: changes~pending~null
+  version:
+    permissions:
+      contents: read
+    environment: changeset
+    name: version
+    needs: get-pr
+    runs-on: ubuntu-latest
+    if: needs.get-pr.outputs.found_pr == 'true'
+    outputs:
+      skipped: ${{ steps.version.outputs.skipped }}
+      comment_url: ${{ steps.version.outputs.comment_url }}
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          repository: ${{ needs.get-pr.outputs.source_repo }}
+          ref: ${{ needs.get-pr.outputs.source_branch }}
+          fetch-depth: 0
+          token: ${{ secrets.COMMENT_TOKEN }}
+      - name: generate changeset
+        id: version
+        uses: "gradio-app/github/actions/generate-changeset@main"
+        with:
+          github_token: ${{ secrets.CHANGESET_GITHUB_TOKEN }}
+          main_pkg: gradio
+          pr_number: ${{ needs.get-pr.outputs.pr_number }}
+          branch_name: ${{ needs.get-pr.outputs.source_branch }}
+  comment-changes-skipped:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [get-pr, version]
+    if: needs.version.result == 'success' && needs.version.outputs.skipped == 'true'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.get-pr.outputs.pr_number }}
+      message: changes~warning~https://github.com/gradio-app/gradio/actions/runs/${{github.run_id}}/
+  comment-changes-success:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [get-pr, version]
+    if: needs.version.result == 'success' && needs.version.outputs.skipped == 'false'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.get-pr.outputs.pr_number }}
+      message: changes~success~${{ needs.version.outputs.comment_url }}
+  comment-changes-failure:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [get-pr, version]
+    if: always() && needs.version.result == 'failure'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.get-pr.outputs.pr_number }}
+      message: changes~failure~https://github.com/gradio-app/gradio/actions/runs/${{github.run_id}}/

.github/workflows/npm-previews.yml

@@ -0,0 +1,53 @@
+name: "npm"
+
+on:
+  pull_request:
+
+env:
+  CI: true
+  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+  NODE_OPTIONS: "--max-old-space-size=4096"
+
+concurrency:
+  group: "${{ github.event.pull_request.number }}-${{ github.ref_name }}-${{ github.workflow }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  changes:
+    permissions:
+      contents: read
+      pull-requests: read
+    name: "changes"
+    runs-on: ubuntu-latest
+    outputs:
+      should_run: ${{ steps.changes.outputs.should_run }}
+      sha: ${{ steps.changes.outputs.sha }}
+      pr_number: ${{ steps.changes.outputs.pr_number }}
+      source_branch: ${{ steps.changes.outputs.source_branch }}
+      source_repo: ${{ steps.changes.outputs.source_repo }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: "gradio-app/gradio/.github/actions/changes@main"
+        id: changes
+        with:
+          filter: "js"
+          token: ${{ secrets.GITHUB_TOKEN }}
+  preview:
+    permissions:
+      contents: read
+    name: npm-previews
+    runs-on: ubuntu-22.04
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true'
+    steps:
+      - uses: actions/checkout@v4
+      - name: install dependencies
+        uses: "gradio-app/gradio/.github/actions/install-frontend-deps@main"
+        with:
+          skip_build: true
+      - name: build client
+        run: pnpm --filter @gradio/client --filter @gradio/wasm --filter @gradio/preview build
+      - name: publish npm previews
+        run: pnpx pkg-pr-new publish './js/*' './client/js' --comment=off

.github/workflows/previews-build.yml

@@ -0,0 +1,90 @@
+name: "previews-build"
+
+on:
+  workflow_dispatch:
+  pull_request:
+
+env:
+  CI: true
+  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+  NODE_OPTIONS: "--max-old-space-size=4096"
+
+concurrency:
+  group: "${{ github.event.pull_request.number }}-${{ github.ref_name }}-${{ github.workflow }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  changes:
+    name: "changes"
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: read
+    outputs:
+      should_run: ${{ steps.changes.outputs.should_run }}
+      sha: ${{ steps.changes.outputs.sha }}
+      gradio_version: ${{ steps.changes.outputs.gradio_version }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: "gradio-app/gradio/.github/actions/changes@main"
+        id: changes
+        with:
+          filter: "functional"
+          token: ${{ secrets.GITHUB_TOKEN }}
+  build:
+    permissions:
+      contents: read
+    name: "previews-build"
+    runs-on: ubuntu-22.04
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true' || github.event_name == 'workflow_dispatch'
+    steps:
+      - uses: actions/checkout@v4
+      - name: install dependencies
+        uses: "gradio-app/gradio/.github/actions/install-all-deps@main"
+        with:
+          python_version: "3.10"
+          build_lite: "true"
+      - name: Package Lite NPM package
+        working-directory: js/lite
+        run: pnpm pack --pack-destination .
+      - name: Upload Lite NPM package
+        uses: actions/upload-artifact@v4
+        with:
+          name: gradio-lite-tar
+          path: js/lite/gradio-lite-*.tgz
+      - name: install deps
+        run: python -m pip install build
+      - name: Build pr package
+        run: |
+          python -c 'import json; j = json.load(open("gradio/package.json")); j["version"] = "${{ needs.changes.outputs.gradio_version }}"; json.dump(j, open("gradio/package.json", "w"))'
+          python3 -m build -w
+      - name: Upload Python package
+        uses: actions/upload-artifact@v4
+        with:
+          name: gradio-build
+          path: dist/gradio-${{ needs.changes.outputs.gradio_version }}-py3-none-any.whl
+      - name: copy demos
+        uses: "gradio-app/github/actions/copy-demos@main"
+        with:
+          gradio_version: "https://gradio-pypi-previews.s3.amazonaws.com/${{ needs.changes.outputs.sha }}/gradio-${{ needs.changes.outputs.gradio_version }}-py3-none-any.whl"
+          gradio_client_version: "gradio-client @ git+https://github.com/gradio-app/gradio@${{ needs.changes.outputs.sha }}#subdirectory=client/python"
+      - name: upload demos
+        uses: actions/upload-artifact@v4
+        with:
+          name: all_demos
+          path: demo
+      - name: Create JS client tarball
+        id: create_js_tarball
+        continue-on-error: true
+        run: |
+          cd client/js
+          tarball_name=$(npm pack)
+          echo "tarball_name=client/js/$tarball_name" >> $GITHUB_OUTPUT
+      - name: Upload JS client tarball artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: js-client-tarball
+          path: ${{ steps.create_js_tarball.outputs.tarball_name }}

.github/workflows/previews-deploy.yml

@@ -0,0 +1,176 @@
+name: "previews-deploy"
+
+on:
+  workflow_run:
+    workflows: ["previews-build"]
+    types:
+      - completed
+
+concurrency:
+  group: "${{ github.event.workflow_run.head_repository.full_name }}-${{ github.event.workflow_run.head_branch }}-${{ github.workflow_ref }}"
+  cancel-in-progress: true
+
+jobs:
+  changes:
+    name: "changes"
+    runs-on: ubuntu-latest
+    if: github.event.workflow_run.conclusion == 'success'
+    permissions:
+      actions: read
+    outputs:
+      should_run: ${{ steps.json.outputs.should_run }}
+      sha: ${{ steps.json.outputs.sha }}
+      pr_number: ${{ steps.json.outputs.pr_number }}
+      source_branch: ${{ steps.json.outputs.source_branch }}
+      source_repo: ${{ steps.json.outputs.source_repo }}
+      labels: ${{ steps.json.outputs.labels }}
+      run_id: ${{ steps.json.outputs.run_id }}
+      gradio_version: ${{ steps.json.outputs.gradio_version }}
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: changes
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          run-id: ${{ github.event.workflow_run.id }}
+      - uses: gradio-app/github/actions/json-to-output@main
+        id: json
+        with:
+          path: output.json
+
+  comment-spaces-start:
+    needs: changes
+    uses: "./.github/workflows/comment-queue.yml"
+    if: ${{ needs.changes.outputs.should_run == 'true' }}
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: spaces~pending~null
+  deploy:
+    name: "previews-deploy"
+    environment: deploy_spaces
+    outputs:
+      space_url: ${{ steps.upload-demo.outputs.SPACE_URL }}
+      js_tarball_url: ${{ steps.upload_js_tarball.outputs.js_tarball_url }}
+    needs: changes
+    if: ${{ (github.event.workflow_run.conclusion == 'success' && needs.changes.outputs.should_run == 'true') || github.event.workflow_run.event == 'workflow_dispatch' }}
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+    steps:
+      - name: Download all artifacts
+        uses: actions/download-artifact@v4
+        with:
+          run-id: ${{ github.event.workflow_run.id }}
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+      - name: list artifacts
+        run: ls -R .
+
+      - name: Set wheel name
+        id: set_wheel_name
+        run: |
+          wheel_file=$(find ./gradio-build -maxdepth 1 -type f -name "*.whl" -print -quit)
+          echo "wheel_name=$wheel_file" >> $GITHUB_OUTPUT
+      - name: Upload wheel
+        run: |
+          export AWS_ACCESS_KEY_ID=${{ secrets.PYPI_PREVIEWS_AWS_S3_ACCESS_KEY }}
+          export AWS_SECRET_ACCESS_KEY=${{ secrets.PYPI_PREVIEWS_AWS_S3_SECRET_ACCESS_KEY }}
+          export AWS_DEFAULT_REGION=us-east-1
+          aws s3 cp ${{ steps.set_wheel_name.outputs.wheel_name}} s3://gradio-pypi-previews/${{ needs.changes.outputs.sha }}/
+
+      - name: Set tarball name
+        id: set_tarball_name
+        run: |
+          tar_gz_file=$(find ./js-client-tarball -maxdepth 1 -type f -name "*.tgz" -print -quit)
+          echo "tarball_path=$tar_gz_file" >> $GITHUB_OUTPUT
+          echo "tarball_name=$(basename $tar_gz_file)" >> $GITHUB_OUTPUT
+      - name: Upload JS Client Tarball to S3
+        id: upload_js_tarball
+        continue-on-error: true
+        run: |
+          export AWS_ACCESS_KEY_ID=${{ secrets.NPM_PREVIEWS_AWS_S3_ACCESS_KEY }}
+          export AWS_SECRET_ACCESS_KEY=${{ secrets.NPM_PREVIEWS_AWS_S3_SECRET_ACCESS_KEY }}
+          export AWS_DEFAULT_REGION=us-east-1
+          aws s3 cp ${{ steps.set_tarball_name.outputs.tarball_path }} s3://gradio-npm-previews/${{ needs.changes.outputs.sha }}/
+          echo "js_tarball_url=https://gradio-npm-previews.s3.amazonaws.com/${{ needs.changes.outputs.sha }}/${{ steps.set_tarball_name.outputs.tarball_name }}" >> $GITHUB_OUTPUT
+      - name: Upload Lite to S3
+        id: upload_lite
+        run: |
+          export AWS_ACCESS_KEY_ID=${{ secrets.LITE_PREVIEWS_AWS_S3_ACCESS_KEY }}
+          export AWS_SECRET_ACCESS_KEY=${{ secrets.LITE_PREVIEWS_AWS_S3_SECRET_ACCESS_KEY }}
+          export AWS_DEFAULT_REGION=us-east-1
+          mkdir -p ./gradio-lite-files
+          tar -xzf ./gradio-lite-tar/gradio-lite-*.tgz -C ./gradio-lite-files
+          aws s3 cp ./gradio-lite-files/package/ s3://gradio-lite-previews/${{ needs.changes.outputs.sha }}/ --recursive
+      - name: Install Hub Client Library
+        run: |
+          python3 -m venv venv
+          . venv/bin/activate
+          pip install huggingface-hub==0.23.2
+        # temporary, but ensures the script cannot be modified in a PR
+      - name: Get deploy scripts
+        run: |
+          mkdir scripts
+          curl https://raw.githubusercontent.com/gradio-app/gradio/main/scripts/upload_demo_to_space.py -o scripts/upload_demo_to_space.py
+          curl https://raw.githubusercontent.com/gradio-app/gradio/main/scripts/upload_website_demos.py -o scripts/upload_website_demos.py
+      - name: make dirs
+        run: mkdir -p demo && mv all_demos/* demo/
+      - name: Upload demo to spaces
+        if: github.event.workflow_run.event == 'pull_request'
+        id: upload-demo
+        run: |
+          . venv/bin/activate
+          python scripts/upload_demo_to_space.py all_demos \
+          gradio-pr-deploys/pr-${{ needs.changes.outputs.pr_number }}-all-demos \
+          ${{ secrets.SPACES_DEPLOY_TOKEN }} \
+          --gradio-version ${{ needs.changes.outputs.gradio_version }} > url.txt
+          echo "SPACE_URL=$(tail -n 1 url.txt)" >> $GITHUB_OUTPUT
+      - name: Upload Website Demos
+        if: github.event.workflow_run.event == 'workflow_dispatch'
+        id: upload-website-demos
+        run: |
+          . venv/bin/activate
+          python scripts/upload_website_demos.py --AUTH_TOKEN ${{ secrets.WEBSITE_SPACES_DEPLOY_TOKEN }} \
+          --WHEEL_URL https://gradio-pypi-previews.s3.amazonaws.com/${{ needs.changes.outputs.sha }}/ \
+          --CLIENT_URL "gradio-client @ git+https://github.com/gradio-app/gradio@${{ needs.changes.outputs.sha }}#subdirectory=client/python" \
+          --GRADIO_VERSION ${{ needs.changes.outputs.gradio_version }}
+
+  comment-spaces-success:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [deploy, changes]
+    if: needs.changes.outputs.should_run == 'true' && needs.deploy.result == 'success'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: spaces~success~${{ needs.deploy.outputs.space_url }}
+      additional_text: |
+        **Install Gradio from this PR**
+        ```bash
+        pip install https://gradio-pypi-previews.s3.amazonaws.com/${{ needs.changes.outputs.sha }}/gradio-${{ needs.changes.outputs.gradio_version }}-py3-none-any.whl
+        ```
+
+        **Install Gradio Python Client from this PR**
+        ```bash
+        pip install "gradio-client @ git+https://github.com/gradio-app/gradio@${{ needs.changes.outputs.sha }}#subdirectory=client/python"
+        ```
+
+        **Install Gradio JS Client from this PR**
+        ```bash
+        npm install ${{ needs.deploy.outputs.js_tarball_url }}
+        ```
+
+        **Use Lite from this PR**
+        ```html
+        <script type="module" src="https://gradio-lite-previews.s3.amazonaws.com/${{ needs.changes.outputs.sha }}/dist/lite.js""></script>
+        ```
+  comment-spaces-failure:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [deploy, changes]
+    if: always() &&  needs.deploy.result == 'failure' && needs.changes.outputs.should_run == 'true'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: spaces~failure~https://github.com/gradio-app/gradio/actions/runs/${{github.run_id}}/

.github/workflows/publish.yml

@@ -0,0 +1,80 @@
+# safe runs from main
+
+name: publish
+on:
+  push:
+    branches:
+      - main
+      - 5.0-dev
+
+env:
+  CI: true
+  PNPM_CACHE_FOLDER: .pnpm-store
+  NODE_OPTIONS: "--max-old-space-size=4096"
+jobs:
+  version_or_publish:
+    runs-on: ubuntu-22.04
+    environment: publish
+    steps:
+      - name: checkout repo
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          persist-credentials: false
+      - name: install dependencies
+        uses: "gradio-app/gradio/.github/actions/install-all-deps@main"
+        with:
+          python_version: "3.10"
+          skip_build: "false"
+      - name: Build packages
+        run: |
+          . venv/bin/activate
+          pip install -U build hatch packaging>=23.2  # packaging>=23.2 is needed to build Lite due to https://github.com/pypa/hatch/issues/1381
+          pnpm --filter @gradio/client --filter @gradio/lite --filter @gradio/preview build
+
+      - name: create and publish versions
+        id: changesets
+        uses: changesets/action@aba318e9165b45b7948c60273e0b72fce0a64eb9 # @v1
+        with:
+          version: pnpm ci:version
+          commit: "chore: update versions"
+          title: "chore: update versions"
+          publish: pnpm ci:publish
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GRADIO_PAT }}
+      - name: add label to skip chromatic build
+        if: ${{ steps.changesets.outputs.pullRequestNumber != '' && steps.changesets.outputs.pullRequestNumber != 'undefined' }}
+        run: gh pr edit "$PR_NUMBER" --add-label "no-visual-update"
+        env:
+          PR_NUMBER: ${{ steps.changesets.outputs.pullRequestNumber }}
+          GITHUB_TOKEN: ${{ secrets.GRADIO_PAT }}
+      - name: add label to run flaky tests
+        if: ${{ steps.changesets.outputs.pullRequestNumber != '' && steps.changesets.outputs.pullRequestNumber != 'undefined' }}
+        run: gh pr edit "$PR_NUMBER" --add-label "flaky-tests"
+        env:
+          PR_NUMBER: ${{ steps.changesets.outputs.pullRequestNumber }}
+          GITHUB_TOKEN: ${{ secrets.GRADIO_PAT }}
+      - name: add label to run backend tests on Windows
+        if: ${{ steps.changesets.outputs.pullRequestNumber != '' && steps.changesets.outputs.pullRequestNumber != 'undefined' }}
+        run: gh pr edit "$PR_NUMBER" --add-label "windows-tests"
+        env:
+          PR_NUMBER: ${{ steps.changesets.outputs.pullRequestNumber }}
+          GITHUB_TOKEN: ${{ secrets.GRADIO_PAT }}
+      - name: publish to pypi
+        if: steps.changesets.outputs.hasChangesets != 'true'
+        uses: "gradio-app/github/actions/publish-pypi@main"
+        env:
+          AWS_ACCESS_KEY_ID: ${{ secrets.SDK_AWS_S3_BUCKET_ACCESS_KEY }}
+          AWS_SECRET_ACCESS_KEY: ${{ secrets.SDK_AWS_S3_BUCKET_SECRET_ACCESS_KEY }}
+          AWS_DEFAULT_REGION: us-west-2
+        with:
+          user: __token__
+          passwords: |
+            gradio:${{ secrets.PYPI_API_TOKEN }}
+            gradio_client:${{ secrets.PYPI_GRADIO_CLIENT_TOKEN }}
+      - name: trigger spaces deploy workflow
+        env:
+          GITHUB_TOKEN: ${{ secrets.COMMENT_TOKEN }}
+        run: gh workflow run previews-build.yml

.github/workflows/semgrep.yml

@@ -0,0 +1,68 @@
+name: semgrep ci
+
+on:
+  workflow_run:
+    workflows: ["trigger-semgrep"]
+    types:
+      - completed
+
+env:
+  CI: true
+  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+
+concurrency:
+  group: "${{ github.event.workflow_run.head_repository.full_name }}-${{ github.event.workflow_run.head_branch }}-${{ github.workflow_ref }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  semgrep:
+    permissions:
+      contents: read
+    name: semgrep/ci
+    runs-on: ubuntu-latest
+    container:
+      image: semgrep/semgrep
+      options: --volume ${{ github.workspace }}/.github/configs:/mnt/ --name semgrepcontainer
+    outputs:
+      pr_number: ${{ steps.json.outputs.pr_number }}
+      sha: ${{ steps.json.outputs.sha }}
+    if: (github.actor != 'dependabot[bot]')
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: changes
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          run-id: ${{ github.event.workflow_run.id }}
+      - uses: gradio-app/github/actions/json-to-output@main
+        id: json
+        with:
+          path: output.json
+      - uses: actions/checkout@v4
+        with:
+          repository: ${{ steps.json.outputs.source_repo }}
+          ref: ${{ steps.json.outputs.sha }}
+      - name: restart docker
+        uses: docker://docker
+        with:
+          args: docker restart semgrepcontainer
+      - run: ls -la /mnt
+      - run: semgrep ci --config=/mnt/semgrep_rules.yaml
+  update-status:
+    permissions:
+      actions: read
+      statuses: write
+    runs-on: ubuntu-latest
+    needs: semgrep
+    steps:
+      - name: update status
+        uses: gradio-app/github/actions/commit-status@main
+        with:
+          sha: ${{ needs.semgrep.outputs.sha }}
+          token: ${{ secrets.GITHUB_TOKEN }}
+          name: "Semgrep Results"
+          pr: ${{ needs.semgrep.outputs.pr_number }}
+          result: ${{ needs.semgrep.result == 'success' && 'success' || 'failure' }}
+          type: all