Upload folder using huggingface_hub

.gitattributes

@@ -33,3 +33,27 @@ 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
+gradio/demo/blocks_flipper/screenshot.gif filter=lfs diff=lfs merge=lfs -text
+gradio/demo/blocks_neural_instrument_coding/sax.wav filter=lfs diff=lfs merge=lfs -text
+gradio/demo/calculator/screenshot.gif filter=lfs diff=lfs merge=lfs -text
+gradio/demo/chatbot_core_components/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/demo/chatbot_core_components_simple/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/demo/dataset/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/demo/gallery_component/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/demo/hello_world_2/screenshot.gif filter=lfs diff=lfs merge=lfs -text
+gradio/demo/image_mod/screenshot.png filter=lfs diff=lfs merge=lfs -text
+gradio/demo/kitchen_sink/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/demo/rt-detr-object-detection/3285790-hd_1920_1080_30fps.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/demo/sales_projections/screenshot.gif filter=lfs diff=lfs merge=lfs -text
+gradio/demo/sepia_filter/screenshot.gif filter=lfs diff=lfs merge=lfs -text
+gradio/demo/unispeech-speaker-verification/samples/kirsten_dunst.wav filter=lfs diff=lfs merge=lfs -text
+gradio/demo/video_component/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/guides/assets/hf_demo.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/guides/cn/assets/hf_demo.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/js/component-test/src/lib/images/world.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/js/spa/test/files/file_test.ogg filter=lfs diff=lfs merge=lfs -text
+gradio/js/spa/test/files/world.mp4 filter=lfs diff=lfs merge=lfs -text
+gradio/test/test_files/rotated_image.jpeg filter=lfs diff=lfs merge=lfs -text
+node_modules/clarinet/samples/npm.json filter=lfs diff=lfs merge=lfs -text
+node_modules/clarinet/samples/twitter.json filter=lfs diff=lfs merge=lfs -text
+node_modules/clarinet/test/twitter.js filter=lfs diff=lfs merge=lfs -text

.gradio/flagged/dataset3.csv

@@ -0,0 +1,2 @@
+name,is_morning,temperature,output 0,output 1,timestamp
+Rei,false,20,Good evening Rei. It is 20 degrees today,'-6.67,2024-11-17 04:50:44.018497

.gradio/flagged/dataset4.csv

@@ -0,0 +1,2 @@
+input_img,output,timestamp
+.gradio/flagged/input_img/a98cdcb20c751cdea650/a new day - fondo completa.jpg,.gradio/flagged/output/814cb1f4f4281fc56236/image.webp,2024-11-17 04:53:32.100201

.gradio/flagged/dataset5.csv

@@ -0,0 +1,30 @@
+text,output,timestamp
+"'hazme la letra de una canción en castellano, que tenga la misma estructura a esta: {[Pre-Hook]
+Ka-hóhh, ka-ha-ka,
+(Ka-hohh, ya, ya-hóhh)
+
+[Hook]
+Pilaŋ áŋpetu, ka-ha-ka,
+(Grateful day, Ka-hohh, ya, ya-hóhh)
+
+Wíŋyaŋ, wíŋyaŋ, hééé,
+(Sun, sun, shine, lé-ló)
+
+Čhaŋnúŋpa owaŋyaŋke, ka-hóhh,
+(Sacred pipe, ka-hóhh)
+
+[Pre-Hook]
+Ka-hóhh, ka-ha-ka,
+(Ka-hohh, ya, ya-hóhh)
+
+[Hook]
+Pilaŋ áŋpetu, ka-ha-ka,
+(Grateful day, Ka-hohh, ya, ya-hóhh)
+
+Háu waŋblí, oškáte,
+(Hawk speaks, in joy)
+
+[Outro]
+Pilaŋ áŋpetu, ka-ha-ka,
+(Grateful day, Ka-hohh, ya, ya-hóhh)}","[{""token"": ""hazme la letra de una canci\u00f3n en castellano, que tenga la misma estructura a esta: {[Pre-Hook]\nKa-h\u00f3hh, ka-ha-ka,\n(Ka-hohh, ya, ya-h\u00f3hh)\n\n[Hook]\nPila\u014b \u00e1\u014bpetu, ka-ha-ka,\n(Grateful day, Ka-hohh, ya, ya-h\u00f3hh)\n\nW\u00ed\u014bya\u014b, w\u00ed\u014bya\u014b, h\u00e9\u00e9\u00e9,\n(Sun, sun, shine, l\u00e9-l\u00f3)\n\n\u010cha\u014bn\u00fa\u014bpa owa\u014bya\u014bke, ka-h\u00f3hh,\n(Sacred pipe, ka-h\u00f3hh)\n\n[Pre-Hook]\nKa-h\u00f3hh, ka-ha-ka,\n(Ka-hohh, ya, ya-h\u00f3hh)\n\n[Hook]\nPila\u014b \u00e1\u014bpetu, ka-ha-ka,\n(Grateful day, Ka-hohh, ya, ya-h\u00f3hh)\n\nH\u00e1u wa\u014bbl\u00ed, o\u0161k\u00e1te,\n(Hawk speaks, in joy)\n\n[Outro]\nPila\u014b \u00e1\u014bpetu, ka-ha-ka,\n(Grateful day, Ka-hohh, ya, ya-h\u00f3hh)}"", ""class_or_confidence"": null}]",2024-12-07 00:13:40.443441
+Does Chicago have any stores and does Joe live here?,"[{""token"": ""Does Chicago have any stores and does Joe live here?"", ""class_or_confidence"": null}]",2024-12-14 10:11:53.275861

app.py

@@ -1,19 +1,30 @@
-import gradio as gr
+from gradio_tool import GradioTool
+import os
 
-def greet(name):
-    return "Hello " + name + "!"
+class StableDiffusionTool(GradioTool):
+    """Tool for calling stable diffusion from llm"""
 
-demo = gr.Interface(fn=greet, inputs="textbox", outputs="textbox")
-    
-demo.launch(share=True)  # Share your demo with just 1 extra parameter 🚀
+    def __init__(
+        self,
+        name="StableDiffusion",
+        description=(
+            "An image generator. Use this to generate images based on "
+            "text input. Input should be a description of what the image should "
+            "look like. The output will be a path to an image file."
+        ),
+        src="gradio-client-demos/stable-diffusion",
+        hf_token=None,
+    ) -> None:
+        super().__init__(name, description, src, hf_token)
 
+    def create_job(self, query: str) -> Job:
+        return self.client.submit(query, "", 9, fn_index=1)
 
-from gradio_client import Client
+    def postprocess(self, output: str) -> str:
+        return [os.path.join(output, i) for i in os.listdir(output) if not i.endswith("json")][0]
 
-client = Client("http://127.0.0.1:7860/")
-result = client.predict(
-                name="Hello!!",
-                intensity=0,
-                api_name="/predict"
-)
-print(result)
+    def _block_input(self, gr) -> "gr.components.Component":
+        return gr.Textbox()
+
+    def _block_output(self, gr) -> "gr.components.Component":
+        return gr.Image()

app2.py

@@ -0,0 +1,19 @@
+import gradio as gr
+
+def greet(name):
+    return "Hello " + name + "!"
+
+demo = gr.Interface(fn=greet, inputs="textbox", outputs="textbox")
+    
+demo.launch(share=True)  # Share your demo with just 1 extra parameter 🚀
+
+
+from gradio_client import Client
+
+client = Client("http://127.0.0.1:7860/")
+result = client.predict(
+                name="Hello!!",
+                intensity=0,
+                api_name="/predict"
+)
+print(result)

app3.py

@@ -0,0 +1,14 @@
+import gradio as gr
+
+def greet(name, is_morning, temperature):
+    salutation = "Good morning" if is_morning else "Good evening"
+    greeting = f"{salutation} {name}. It is {temperature} degrees today"
+    celsius = (temperature - 32) * 5 / 9
+    return greeting, round(celsius, 2)
+
+demo = gr.Interface(
+    fn=greet,
+    inputs=["text", "checkbox", gr.Slider(0, 100)],
+    outputs=["text", "number"],
+)
+demo.launch()

app33.py

@@ -0,0 +1,36 @@
+import gradio as gr
+
+def calculator(num1, operation, num2):
+    if operation == "add":
+        return num1 + num2
+    elif operation == "subtract":
+        return num1 - num2
+    elif operation == "multiply":
+        return num1 * num2
+    elif operation == "divide":
+        if num2 == 0:
+            raise gr.Error("Cannot divide by zero!")
+        return num1 / num2
+
+demo = gr.Interface(
+    calculator,
+    [
+        "number",
+        gr.Radio(["add", "subtract", "multiply", "divide"]),
+        "number"
+    ],
+    "number",
+    examples=[
+        [45, "add", 3],
+        [3.14, "divide", 2],
+        [144, "multiply", 2.5],
+        [0, "subtract", 1.2],
+    ],
+    title="Toy Calculator",
+    description="Here's a sample toy calculator.",
+)
+
+demo.launch()
+
+
+

app5.py

@@ -0,0 +1,37 @@
+import torch
+from diffusers.utils import load_image
+from diffusers import FluxControlNetModel
+from diffusers.pipelines import FluxControlNetPipeline
+
+# Load pipeline
+controlnet = FluxControlNetModel.from_pretrained(
+  "jasperai/Flux.1-dev-Controlnet-Upscaler",
+  torch_dtype=torch.bfloat16
+)
+pipe = FluxControlNetPipeline.from_pretrained(
+  "black-forest-labs/FLUX.1-dev",
+  controlnet=controlnet,
+  torch_dtype=torch.bfloat16
+)
+pipe.to("cuda")
+
+# Load a control image
+control_image = load_image(
+  "https://huggingface.co/jasperai/Flux.1-dev-Controlnet-Upscaler/resolve/main/examples/input.jpg"
+)
+
+w, h = control_image.size
+
+# Upscale x4
+control_image = control_image.resize((w * 4, h * 4))
+
+image = pipe(
+    prompt="", 
+    control_image=control_image,
+    controlnet_conditioning_scale=0.6,
+    num_inference_steps=40, 
+    guidance_scale=3.5,
+    height=control_image.size[1],
+    width=control_image.size[0]
+).images[0]
+image

diffusers-upscaler.py

@@ -0,0 +1,38 @@
+import torch
+from diffusers.utils import load_image
+from diffusers import FluxControlNetModel
+from diffusers.pipelines import FluxControlNetPipeline
+
+# Load pipeline
+controlnet = FluxControlNetModel.from_pretrained(
+  "jasperai/Flux.1-dev-Controlnet-Upscaler",
+  torch_dtype=torch.bfloat16
+)
+pipe = FluxControlNetPipeline.from_pretrained(
+  "black-forest-labs/FLUX.1-dev",
+  controlnet=controlnet,
+  torch_dtype=torch.bfloat16
+)
+pipe.to("cpu")
+
+# Load a control image
+control_image = load_image(
+  "https://huggingface.co/jasperai/Flux.1-dev-Controlnet-Upscaler/resolve/main/examples/input.jpg"
+)
+
+w, h = control_image.size
+
+# Upscale x4
+control_image = control_image.resize((w * 4, h * 4))
+
+image = pipe(
+    prompt="", 
+    control_image=control_image,
+    controlnet_conditioning_scale=0.6,
+    num_inference_steps=28, 
+    guidance_scale=3.5,
+    height=control_image.size[1],
+    width=control_image.size[0]
+).images[0]
+image
+

diffusers_flux.py

@@ -0,0 +1,6 @@
+from diffusers import DiffusionPipeline
+
+pipe = DiffusionPipeline.from_pretrained("jasperai/Flux.1-dev-Controlnet-Upscaler")
+
+prompt = "Astronaut in a jungle, cold color palette, muted colors, detailed, 8k"
+image = pipe(prompt).images[0]

example.py

@@ -0,0 +1,20 @@
+from transformers import pipeline
+
+import gradio as gr
+
+ner_pipeline = pipeline("ner")
+
+examples = [
+    "Does Chicago have any stores and does Joe live here?",
+]
+
+def ner(text):
+    output = ner_pipeline(text)
+    return {"text": text, "entities": output}
+
+demo = gr.Interface(ner,
+             gr.Textbox(placeholder="Enter sentence here..."),
+             gr.HighlightedText(),
+             examples=examples)
+
+demo.launch()

gradio/.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)

gradio/.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;

gradio/.changeset/config.json

@@ -0,0 +1,11 @@
+{
+	"$schema": "https://unpkg.com/@changesets/config@2.3.0/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"]
+}

gradio/.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();

gradio/.changeset/full-pigs-post.md

@@ -0,0 +1,6 @@
+---
+"@gradio/core": patch
+"gradio": patch
+---
+
+fix:Fix css preload when serving from proxied subpaths

gradio/.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

gradio/.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" } }]
+}

gradio/.config/basevite.config.ts

@@ -0,0 +1,95 @@
+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
+		},
+		resolve: {
+			conditions: ["gradio"]
+		},
+		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()
+						]
+					}
+				})
+			})
+		]
+	};
+});

gradio/.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())

gradio/.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"
+]

gradio/.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"
+		}
+	}
+];

gradio/.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 = "gradio-team@huggingface.co" },
+  { name = "Ali Abid", email = "gradio-team@huggingface.co" },
+  { name = "Ali Abdalla", email = "gradio-team@huggingface.co" },
+  { name = "Dawood Khan", email = "gradio-team@huggingface.co" },
+  { name = "Ahsen Khaliq", email = "gradio-team@huggingface.co" },
+  { name = "Pete Allen", email = "gradio-team@huggingface.co" },
+  { name = "Ömer Faruk Özdemir", email = "gradio-team@huggingface.co" },
+  { name = "Freddy A Boulton", email = "gradio-team@huggingface.co" },
+  { name = "Hannah Blair", email = "gradio-team@huggingface.co" },
+]
+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"

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

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

gradio/.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

gradio/.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"] }
+		}
+	]
+});

gradio/.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);
+			}
+		});
+	});
+}

gradio/.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: 30000,
+	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;

gradio/.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>

gradio/.config/playwright/index.ts

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

gradio/.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]
+};

gradio/.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> {}
+}

gradio/.config/svelte.config.js

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

gradio/.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")]
+};

gradio/.config/vitest.config.ts

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

gradio/.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"
+}

gradio/.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

gradio/.editorconfig

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

gradio/.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

gradio/.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.

gradio/.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

gradio/.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.

gradio/.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. 
+
+## Testing and Formatting Your Code
+
+1. PRs will only be merged if tests pass on CI. We recommend at least running the backend tests locally, please set up [your Gradio environment locally](https://github.com/gradio-app/gradio/blob/main/CONTRIBUTING.md) and run the backed tests: `bash scripts/run_backend_tests.sh`
+
+2. Please run these bash scripts to automatically format your code: `bash scripts/format_backend.sh`, and (if you made any changes to non-Python files) `bash scripts/format_frontend.sh`
+  

gradio/.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

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

@@ -0,0 +1,96 @@
+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
+    - name: Install uv
+      shell: bash
+      run: |
+        curl -LsSf https://astral.sh/uv/install.sh | sh
+        echo "$HOME/.cargo/bin" >> $GITHUB_PATH
+    - 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 }}
+        uv pip install -r test/requirements.txt
+        uv pip install -r client/python/test/requirements.txt
+    - name: Install Gradio and Client Libraries Locally (Linux)
+      shell: bash
+      run: |
+        . ${{ env.VENV_ACTIVATE }}
+        uv pip install -e client/python
+        uv 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 }}
+        uv pip install boto3 && python js/_website/generate_jsons/generate.py