InvokeAI/frontend

Stable Diffusion Web UI

Run

• python backend/server.py serves both frontend and backend at http://localhost:9090

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