InvokeAI/frontend
2022-09-20 16:32:00 -04:00
..
dist Merge branch 'development' of https://github.com/lstein/stable-diffusion into development 2022-09-20 16:32:00 -04:00
src Merge branch 'development' of https://github.com/lstein/stable-diffusion into development 2022-09-20 16:32:00 -04:00
.eslintrc.cjs React web UI with flask-socketio API (#429) 2022-09-16 13:18:15 -04:00
.gitignore React web UI with flask-socketio API (#429) 2022-09-16 13:18:15 -04:00
index.d.ts React web UI with flask-socketio API (#429) 2022-09-16 13:18:15 -04:00
index.html change WebGUI title to InvokeAI 2022-09-20 16:14:33 -04:00
package.json Merge branch 'development' of https://github.com/lstein/stable-diffusion into development 2022-09-20 16:32:00 -04:00
README.md Improves state/API code structure, formatting, etc 2022-09-18 17:33:09 +10:00
tsconfig.json React web UI with flask-socketio API (#429) 2022-09-16 13:18:15 -04:00
tsconfig.node.json React web UI with flask-socketio API (#429) 2022-09-16 13:18:15 -04:00
vite.config.ts React web UI with flask-socketio API (#429) 2022-09-16 13:18:15 -04:00
yarn.lock Merge branch 'development' of https://github.com/lstein/stable-diffusion into development 2022-09-20 16:32:00 -04:00

Stable Diffusion Web UI

Run

Evironment

Install node (includes npm) and optionally yarn.

From frontend/ run npm install / yarn install to install the frontend packages.

Dev

  1. From frontend/, run npm dev / yarn dev to start the dev server.
  2. Note the address it starts up on (probably http://localhost:5173/).
  3. Edit backend/server.py's additional_allowed_origins to include this address, e.g. additional_allowed_origins = ['http://localhost:5173'].
  4. Leaving the dev server running, open a new terminal and go to the project root.
  5. Run python backend/server.py.
  6. Navigate to the dev server address e.g. http://localhost:5173/.

To build for dev: npm build-dev / yarn build-dev

To build for production: npm build / yarn build

TODO

  • Search repo for "TODO"
  • My one gripe with Chakra: no way to disable all animations right now and drop the dependence on framer-motion. I would prefer to save the ~30kb on bundle and have zero animations. This is on the Chakra roadmap. See https://github.com/chakra-ui/chakra-ui/pull/6368 for last discussion on this. Need to check in on this issue periodically.
  • Mobile friendly layout
  • Proper image gallery/viewer/manager
  • Help tooltips and such