gradio/ui
pngwn 70981c3732
add ci for ui (#524)
* add ci for frontend

* add ci for frontend

* fix workflow

* fix format errors
2022-02-02 15:49:37 +00:00
..
packages add ci for ui (#524) 2022-02-02 15:49:37 +00:00
.editorconfig add typescript (#521) 2022-02-02 14:02:09 +00:00
.gitignore
.prettierignore add ci for ui (#524) 2022-02-02 15:49:37 +00:00
.prettierrc.json add typescript (#521) 2022-02-02 14:02:09 +00:00
package.json add ci for ui (#524) 2022-02-02 15:49:37 +00:00
pnpm-lock.yaml add ci for ui (#524) 2022-02-02 15:49:37 +00:00
pnpm-workspace.yaml
README.md format frontend code with prettier (#516) 2022-02-01 15:46:50 +00:00
tsconfig.json add ci for ui (#524) 2022-02-02 15:49:37 +00:00

gradio-ui

This folder contains all of the Gradio UI and component source code.

set up

This folder is managed as 'monorepo' a multi-package repository which make dependency management very simple. In order to do this we use pnpm as our package manager.

Make sure pnpm is installed by following the installation instructions for your system.

You will also need node which you probably already have

running the application

Install all dependencies from the ui folder:

cd ui
pnpm i

This will install the dependencies for all packages within the ui folder and link any local packages

local development

To develop locally, open two browser tabs from the root of the repository.

Run the python test server:

cd demo/kitchen_sink
python run.py

This will start a development server on port 7863 that the web app is expecting.

Run the web app:

cd ui
pnpm dev

building for production

From the ui folder run the build.

cd ui
pnpm build

This will create the necessary files in ui/app/public and also in gradio/templates/frontend.