Update README.md
This commit is contained in:
59
README.md
59
README.md
@@ -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.
|
||||

|
||||
|
||||
BIN
static/screenshot.png
Normal file
BIN
static/screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 948 KiB |
Reference in New Issue
Block a user