gradio/js
Hannah 053bec98be
Improve CSS token documentation in Storybook (#6399)
* remove width and heights from icons

* add changeset

* add global css vars (light)

* add changeset

* add changeset

* Remove component stories (will document these elsewhere)

* remove rtl param in chatbot story for non rtl text

* formatting

* remove redundant class

* add changeset

* fix row story

* fix broken groot file stories

* revert lock changes

* add changeset

* lockfile

* pnpm lock

* remove colour from webcam icons

* add changeset

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
2023-12-08 16:23:14 +01:00
..
_cdn-test chore(deps): update all non-major dependencies (#6537) 2023-11-22 18:04:27 -05:00
_spaces-test
_website Remove Discourse Forum Link from Website (#6679) 2023-12-06 01:52:05 +00:00
accordion chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
annotatedimage chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
app Fix tests (#6701) 2023-12-07 14:22:16 -05:00
atoms chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
audio chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
box chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
button chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
chatbot Improve CSS token documentation in Storybook (#6399) 2023-12-08 16:23:14 +01:00
checkbox chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
checkboxgroup chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
code chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
colorpicker Improve CSS token documentation in Storybook (#6399) 2023-12-08 16:23:14 +01:00
column chore: update versions (#6039) 2023-10-31 13:20:18 +00:00
dataframe chore(deps): update dependency marked to v11 (#6603) 2023-12-08 11:32:42 +00:00
dataset chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
dropdown Improve CSS token documentation in Storybook (#6399) 2023-12-08 16:23:14 +01:00
fallback chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
file Improve CSS token documentation in Storybook (#6399) 2023-12-08 16:23:14 +01:00
fileexplorer chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
form chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
gallery chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
group chore: update versions (#6039) 2023-10-31 13:20:18 +00:00
highlightedtext chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
html chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
icons Improve CSS token documentation in Storybook (#6399) 2023-12-08 16:23:14 +01:00
image Improve CSS token documentation in Storybook (#6399) 2023-12-08 16:23:14 +01:00
imageeditor Improve CSS token documentation in Storybook (#6399) 2023-12-08 16:23:14 +01:00
json chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
label chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
lite chore: update versions (#6039) 2023-10-31 13:20:18 +00:00
markdown chore(deps): update dependency marked to v11 (#6603) 2023-12-08 11:32:42 +00:00
model3D chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
number chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
plot chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
preview Update dependency @sveltejs/vite-plugin-svelte to v3 (#6654) 2023-12-07 20:22:19 +00:00
radio chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
row Improve CSS token documentation in Storybook (#6399) 2023-12-08 16:23:14 +01:00
simpledropdown chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
simpletextbox chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
slider chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
state chore: update versions (#6039) 2023-10-31 13:20:18 +00:00
statustracker chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
storybook chore: update versions (#6420) 2023-11-16 19:54:38 -08:00
tabitem chore: update versions (#6039) 2023-10-31 13:20:18 +00:00
tabs chore: update versions (#6039) 2023-10-31 13:20:18 +00:00
textbox chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
theme chore: update versions (#6039) 2023-10-31 13:20:18 +00:00
tooltip chore: update versions (#6039) 2023-10-31 13:20:18 +00:00
tootils chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
upload chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
uploadbutton chore: update versions (#6575) 2023-12-04 16:14:12 -08:00
utils chore: update versions (#6039) 2023-10-31 13:20:18 +00:00
video Fit video media within Video component (#6698) 2023-12-07 18:19:09 +01:00
wasm chore: update versions (#6381) 2023-11-13 19:19:34 -08:00
.npmrc
jsx.d.ts
README.md

gradio-ui

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

setup

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:

pnpm i

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

local development

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

Run the python test server, from the root directory:

cd demo/kitchen_sink
python run.py

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

Run the web app:

pnpm dev

building for production

Run the build:

pnpm build

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

quality checks

The repos currently has two quality checks that can be run locally and are run in CI.

formatting

Formatting is handled by prettier to ensure consistent formatting and prevent style-focused conversations. Formatting failures will fails CI and should be reoslve before merging.

To check formatting:

pnpm format:check

If you have formatting failures then you can run the following command to fix them:

pnpm format:write

type checking

We use TypeScript to provide static types to javascript code. These checks are also run in CI.

to typecheck the code:

pnpm ts:check

ci checks

Currently the following checks are run in CI:

static checks

  • Format check (pnpm format:check)
  • Build css (pnpm css)
  • Build client (pnpm build)
  • Type check (pnpm ts:check)
  • Unit tests (pnpm test:run)

functional test

pip install -r demo/outbreak_forecast/requirements.txt
pnpm exec playwright install chromium
pnpm exec playwright install-deps chromium
pnpm test:browser:full