chore(docker): support building with gradio

.gitignore

@@ -107,3 +107,8 @@ docker/charts/index.yaml
 docker/charts/starwhale-*.tgz
 
 /client/.idea/
+
+# for building gradio
+gradio
+.pnpm-store/
+console/src/assets/GradioWidget/

console/Makefile

@@ -7,3 +7,13 @@ build-ui:
 ci-lint:
 	yarn lint
 	yarn typecheck
+
+rebuild-gradio:
+	rm -rf gradio && git clone --depth 1 --branch=feat/sw-gradio-widget https://github.com/star-whale/gradio gradio	
+	pushd gradio/ui && \
+		pnpm i && \
+		pnpm build && \
+		rm -rf src/assets/GradioWidget && mkdir -p src/assets/GradioWidget && \
+		mv packages/starwhale/build src/assets/GradioWidget/es && popd
+	rm -rf gradio
+

console/README.md

@@ -1,22 +1,16 @@
-# react-typescript-starter
-
-
 ## Available Scripts
 
 In the project directory, you can run:
 
 ### `yarn start`
 
 Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+Open [http://localhost:5173/](http://localhost:5173/) to view it in the browser.
 
 The page will reload if you make edits.\
 You will also see any lint errors in the console.
 
-### `yarn test`
-
-Launches the test runner in the interactive watch mode.\
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
+Run `make rebuild-gradio` if error like "@/assets/GradioWidget/es/app.es.js can not found" occurs.
 
 ### `yarn build`
 

console/packages/starwhale-core/src/editor/index.tsx

@@ -38,10 +38,12 @@ export function withEditorRegister(EditorApp: React.FC) {
     return function EditorLoader(props: any) {
         // const [registred, setRegistred] = React.useState(false)
         useEffect(() => {
+            /*
             import('http://127.0.0.1:8080/widget.js').then((module) => {
                 // setRegistred(true)
                 console.log(module)
             })
+            */
         }, [])
         // if (!registred) {
         //     return <BusyPlaceholder type='spinner' />