Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity
d2db92236a
InvokeAI/frontend
History
Peter Baylies ef20df8933 * Rebuilt frontend, more webui bit-rot.
2022-10-03 23:56:50 -04:00
..
dist * Rebuilt frontend, more webui bit-rot. 2022-10-03 23:56:50 -04:00
src * Rebuilt frontend, more webui bit-rot. 2022-10-03 23:56:50 -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
favicon.ico Add New WebUI and Desktop Mode 2022-10-03 23:28:53 -04:00
index.d.ts React web UI with flask-socketio API (#429) 2022-09-16 13:18:15 -04:00
index.html Add New WebUI and Desktop Mode 2022-10-03 23:28:53 -04:00
package.json Merge branch 'development' into development 2022-10-03 23:53:19 -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 Add New WebUI and Desktop Mode 2022-10-03 23:28:53 -04:00
yarn.lock Merge branch 'development' into development 2022-10-03 23:53:19 -04:00

README.md

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