Add build target option to the custom component gradio.config.js file

.changeset/cold-donkeys-jump.md

@@ -0,0 +1,5 @@
+---
+"@gradio/preview": minor
+---
+
+feat:Add build target option to the custom component `gradio.config.js` file

js/preview/src/build.ts

@@ -37,6 +37,9 @@ export async function make_build({
 				plugins: [],
 				svelte: {
 					preprocess: []
+				},
+				build: {
+					target: []
 				}
 			};
 
@@ -48,6 +51,7 @@ export async function make_build({
 
 				component_config.plugins = m.default.plugins || [];
 				component_config.svelte.preprocess = m.default.svelte?.preprocess || [];
+				component_config.build.target = m.default.build?.target || "modules";
 			}
 
 			const exports: string[][] = [
@@ -65,6 +69,7 @@ export async function make_build({
 							make_gradio_plugin({ mode: "build", svelte_dir })
 						],
 						build: {
+							target: component_config.build.target,
 							emptyOutDir: true,
 							outDir: join(template_dir, entry),
 							lib: {

js/preview/src/dev.ts

@@ -57,6 +57,9 @@ export async function create_server({
 					allow: [root_dir, component_dir]
 				}
 			},
+			build: {
+				target: config.build.target
+			},
 			plugins: [
 				...plugins(config),
 				make_gradio_plugin({
@@ -116,6 +119,9 @@ export interface ComponentConfig {
 		preprocess: PreprocessorGroup[];
 		extensions?: string[];
 	};
+	build: {
+		target: string | string[];
+	};
 }
 
 async function generate_imports(
@@ -134,10 +140,13 @@ async function generate_imports(
 		);
 	}
 
-	let component_config = {
+	let component_config: ComponentConfig = {
 		plugins: [],
 		svelte: {
 			preprocess: []
+		},
+		build: {
+			target: []
 		}
 	};
 
@@ -153,6 +162,7 @@ async function generate_imports(
 
 				component_config.plugins = m.default.plugins || [];
 				component_config.svelte.preprocess = m.default.svelte?.preprocess || [];
+				component_config.build.target = m.default.build?.target || "modules";
 			} else {
 			}
 		})

js/preview/src/index.ts

@@ -1,7 +1,7 @@
 import { type ChildProcess, spawn, spawnSync } from "node:child_process";
 import * as net from "net";
 
-import { create_server } from "./dev";
+import { create_server, type ComponentConfig } from "./dev";
 import { make_build } from "./build";
 import { join, dirname } from "path";
 import { fileURLToPath } from "url";