Update README.md

This commit is contained in:
space-nuko
2023-04-07 14:42:27 -05:00
parent 6905c65be5
commit a11825dccf
2 changed files with 30 additions and 29 deletions

View File

@@ -1,38 +1,39 @@
# create-svelte
# ComfyBox
Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
An alternative UI to the backend server of the Stable Diffusion webapp [ComfyUI](https://github.com/comfyanonymous/ComfyUI). Build your workflow in a graph structure and have a custom Stable Diffusion interface created for you automatically.
## Creating a project
This project is *still under construction* and many features are missing, be aware of the tradeoffs if you're interested in using it.
If you're seeing this, you've probably already done this step. Congrats!
## NOTE
```bash
# create a new project in the current directory
npm create svelte@latest
This frontend isn't compatible with regular ComfyUI's workflow format since extra metadata is saved like panel layout, so you'll have to spend a bit of time recreating them. This project also isn't compatible with regular ComfyUI's frontend extension format, but useful extensions can be integrated into this repo with some effort.
# create a new project in my-app
npm create svelte@latest my-app
## Proposed Features
- All the power of ComfyUI with more convenience on top
- Autocreation of UI widgets from your workflow, quickly creating a personalized dashboard
- Custom widget and node types
- Look up queued and finished generations and their configs in realtime
- Development with TypeScript
## Requirements
- `pnpm`
- [Turborepo](https://turbo.build/repo/docs/installing)
- An installation of vanilla [ComfyUI](https://github.com/comfyanonymous/ComfyUI) for the backend
## Installation
1. Clone the repo with submodules:
```
git clone https://github.com/space-nuko/ComfyBox
```
## Developing
2. `pnpm install`
3. `pnpm dev`
4. Start ComfyUI as usual with `python main.py --enable-cors-header`
5. Visit `http://localhost:3000` in your browser
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
## Screenshot (WIP)
```bash
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
```
## Building
To create a production version of your app:
```bash
npm run build
```
You can preview the production build with `npm run preview`.
> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
![Screenshot](./static/screenshot.png)

BIN
static/screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 948 KiB