gradio/js
Mickey dc733f47ee
fix(Image): Image mod is mask or color-sketch bug; (#4692)
* fix(Image): Image mod is mask or color-sketch bug;
click undo -> the shadow line not real time change

* fix(Image): write the CHANGELOG

* changelog

* cleanup

---------

Co-authored-by: yanghao <yanghao@dragonest.com>
Co-authored-by: pngwn <hello@pngwn.io>
2023-06-28 23:08:25 +01:00
..
_cdn-test chore(deps): update dependency vite to v4 (#4639) 2023-06-22 12:07:34 +01:00
_spaces-test chore: update versions (#4358) 2023-06-20 14:23:01 +01:00
accordion
app fix hidden error toast (#4712) 2023-06-28 22:52:12 +01:00
atoms UI fix (#4447) 2023-06-08 21:24:13 +09:00
audio update deps + fix tests (#4675) 2023-06-28 22:40:53 +01:00
button Fix scale issues within Dropdown (#4584) 2023-06-21 12:34:12 -07:00
chart
chatbot chore(deps): update dependency @types/marked to v5 (#4618) 2023-06-22 10:34:54 +01:00
code UI fix (#4447) 2023-06-08 21:24:13 +09:00
file UI fix (#4447) 2023-06-08 21:24:13 +09:00
form update deps + fix tests (#4675) 2023-06-28 22:40:53 +01:00
gallery switch unit test env to jsdom (#4657) 2023-06-23 13:22:12 +01:00
highlighted-text update deps + fix tests (#4675) 2023-06-28 22:40:53 +01:00
html
icons
image fix(Image): Image mod is mask or color-sketch bug; (#4692) 2023-06-28 23:08:25 +01:00
json
label UI fix (#4447) 2023-06-08 21:24:13 +09:00
lite chore(deps): update dependency iframe-resizer to v4.3.6 (#4604) 2023-06-27 16:45:30 +01:00
markdown
model3D Remove a bunch of unused frontend code (#4275) 2023-05-30 12:02:04 +09:00
plot chore(deps): update dependency svelte-vega to v2 (#4637) 2023-06-22 11:46:52 +01:00
table UI hotfixes for Examples and Dataframe (#4455) 2023-06-08 15:33:43 -07:00
tabs fix tab layout (#4419) 2023-06-09 01:07:04 +09:00
theme chore(deps): update dependency postcss-custom-media to v9 (#4630) 2023-06-22 13:43:34 +01:00
tooltip
tootils update deps + fix tests (#4675) 2023-06-28 22:40:53 +01:00
upload update deps + fix tests (#4675) 2023-06-28 22:40:53 +01:00
upload-button Fix scale issues within Dropdown (#4584) 2023-06-21 12:34:12 -07:00
utils Remove style parameter (#4374) 2023-06-07 18:35:31 -07:00
video 4549 autoplay (#4705) 2023-06-28 19:37:21 +01:00
wasm Gradio-lite (Gradio Wasm) (#4402) 2023-06-27 08:09:50 +01:00
.npmrc
jsx.d.ts update deps + fix tests (#4675) 2023-06-28 22:40:53 +01:00
README.md Updated CI info in contributing docs (#4415) 2023-06-06 08:52:29 -04:00

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