fix cc build (#6079)

* fix cc build

* add changeset

* throw error if build fails

* fix entry points

* add changeset

* fix lockfile

* Add test

* update workflow

* try resolve

* lint 🙄

* Use xfail

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: freddyaboulton <alfonsoboulton@gmail.com>

.changeset/weak-games-sing.md

@@ -0,0 +1,7 @@
+---
+"@gradio/preview": minor
+"gradio": minor
+"gradio_test": minor
+---
+
+feat:fix cc build

.github/workflows/backend.yml

@@ -168,6 +168,7 @@ jobs:
       with:
         path: |
           gradio/templates/*
+          gradio/node/*
         key: gradio-lib-front-end-${{ hashFiles('js/**', 'client/js/**')}}
     - name: Install pnpm
       if: steps.frontend-cache.outputs.cache-hit != 'true'

gradio/cli/commands/components/_create_utils.py

@@ -191,7 +191,9 @@ def delete_contents(directory: str | Path) -> None:
             shutil.rmtree(child)
 
 
-def _create_frontend(name: str, component: ComponentFiles, directory: Path):
+def _create_frontend(
+    name: str, component: ComponentFiles, directory: Path, package_name: str
+):
     frontend = directory / "frontend"
     frontend.mkdir(exist_ok=True)
 
@@ -217,7 +219,7 @@ def ignore(s, names):
         ignore=ignore,
     )
     source_package_json = json.loads(Path(frontend / "package.json").read_text())
-    source_package_json["name"] = name.lower()
+    source_package_json["name"] = package_name
     source_package_json = _modify_js_deps(source_package_json, "dependencies", p)
     source_package_json = _modify_js_deps(source_package_json, "devDependencies", p)
     (frontend / "package.json").write_text(json.dumps(source_package_json, indent=2))

gradio/cli/commands/components/build.py

@@ -35,7 +35,9 @@ def _build(
 
             node = shutil.which("node")
             if not node:
-                raise ValueError("node must be installed in order to run dev mode.")
+                raise ValueError(
+                    "node must be installed in order to run build command."
+                )
 
             node_cmds = [
                 node,
@@ -47,7 +49,6 @@ def _build(
                 "--mode",
                 "build",
             ]
-
             pipe = subprocess.run(node_cmds, capture_output=True, text=True)
             if pipe.returncode != 0:
                 live.update(":red_square: Build failed!")

gradio/cli/commands/components/create.py

@@ -96,7 +96,9 @@ def _create(
         _create_utils._create_backend(name, component, directory, package_name)
         live.update(":snake: Created backend code", add_sleep=0.2)
 
-        _create_utils._create_frontend(name.lower(), component, directory=directory)
+        _create_utils._create_frontend(
+            name.lower(), component, directory=directory, package_name=package_name
+        )
         live.update(":art: Created frontend code", add_sleep=0.2)
 
         if install:

js/preview/src/build.ts

@@ -2,7 +2,7 @@ import * as fs from "fs";
 import { join } from "path";
 import { build } from "vite";
 import { plugins, make_gradio_plugin } from "./plugins";
-
+import type { PreRenderedChunk } from "rollup";
 import { examine_module } from "./index";
 
 interface BuildOptions {
@@ -29,7 +29,7 @@ export async function make_build({
 
 			const exports: string[][] = [
 				["component", pkg.exports["."] as string],
-				["exmaple", pkg.exports["./example"] as string]
+				["example", pkg.exports["./example"] as string]
 			].filter(([_, path]) => !!path);
 
 			for (const [entry, path] of exports) {
@@ -43,23 +43,29 @@ export async function make_build({
 							emptyOutDir: true,
 							outDir: join(template_dir, entry),
 							lib: {
-								entry: join(source_dir, entry, "index.ts"),
+								entry: join(source_dir, path),
 								fileName: "index.js",
 								formats: ["es"]
 							},
+							minify: true,
 							rollupOptions: {
 								output: {
-									entryFileNames: "[name].js"
+									entryFileNames: (chunkInfo: PreRenderedChunk) => {
+										if (chunkInfo.isEntry) {
+											return "index.js";
+										}
+										return `${chunkInfo.name.toLocaleLowerCase()}.js`;
+									}
 								}
 							}
 						}
 					});
 				} catch (e) {
-					console.error(e);
+					throw e;
 				}
 			}
 		}
 	} catch (e) {
-		console.error(e);
+		throw e;
 	}
 }