11cafe / comfyui-workspace-manager

A ComfyUI workflows and models management extension to organize and manage all your workflows, models in one place. Seamlessly switch between workflows, as well as import, export workflows, reuse subworkflows, install models, browse your models in a single workspace
GNU General Public License v3.0
802 stars 35 forks source link
comfyui

☕️ ComfyUI Workspace Manager - Comfyspace

A ComfyUI workflow and model manager extension to organize and manage all your workflows, models and generated images in one place. Seamlessly switch between workflows, track version history and image generation history, 1 click install models from Civit ai, browse/update your installed models

If you have questions or suggestions, please join our Discord!

✨We have a new platform to turn your comfyui workflow to runnable web app: www.nodecafe.co please check it out! 🥳

[6-25] ⚠️ Please update workspace manager to latest version if it's not showing up for you after updating ComfyUI

[6-21] ‼️please upgrade to V2 and enable twoway sync if you haven't already. I will stop supporting V1 soon and will forcefully turn on twoway sync later. (twoway sync means that your workflow are twoway synced with your disk files /my_workflows directly)

[6-21] ‼️ Auto-save mode will be removed comopoletely from next version. Because there are reports that autosave mode sometimes overwrite workflows mistakenly. Therefore, please manual save your workflows always.

[New!] We provide 👭team workspace now! If you need to share workflows, backup workflow versions for enterprise and teams, please contact me about our team/enterprise product at weixuanfu01@gmail.com or join discord and DM me @briefpeach

[5-23-2024]search and install models from civitai is not working in previous versions, Please update to the latest version if you are seeing blank screen in Install Models dialog

Screenshot 2024-03-08 at 6 41 18 PM

Installation

[Option 1] via ComfyUI Manager (Preferred)

Simply search for “ComfyUI Workspace Manager”, install, and restart ComfyUI.

[Option 2] via git

Like any other custom node installation, in your ComfyUI root folder run command and restart your ComfyUI.

cd custom_nodes && git clone https://github.com/11cafe/comfyui-workspace-manager.git

Please upgrade to V2 asap, you should see an unicorn🦄 here instead of ☕️ (V1). I will stop supporting V1 soon.

Screenshot 2024-05-31 at 5 39 58 PM

Recommanded settings for V2 (Do not use these settings if you are on V1):

Screenshot 2024-05-30 at 6 34 39 PM 335530039-10002a3f-ea2f-4bd1-8597-0ae1443d9851

Features

Workflows manager

🔮Models manager:

🖼️Image Gallery: Every image/video you generate will be saved in the gallery of the current workflow. You can set any image in the gallery as the cover photo of the workflow

Recommend using Chrome browser for the best experience. Safari doesn't work well. Edge or firefox should be fine too.

中文版教程       Roadmap

Updates

🦄v2.0 Two-way sync with local folder, models manager support external models path like Automatic1111, cloud sync workflows

v2.0 demo: https://youtu.be/7Hht_BMe844

v1.7 ComfyUI model manager, view your installed models, install models from civit ai, open workflow in multiple browser tabs

Screenshot 2024-02-02 at 5 51 13 PM Screenshot 2024-01-23 at 12 27 34 AM Screenshot 2024-01-23 at 12 26 56 AM

Usage

switch between flows:

🤏drag and drop to insert sub-workflow:

Bulk import flows:

Screenshot 2024-01-02 at 10 22 45 PM

Workflow operations: Manual Save, Download, Discard unsaved changes:

Screenshot 2023-12-29 at 9 59 57 PM

How do I save my workflow?

Save your workflow by either clicking the 💾 floppy disk icon button or ⌨Shift+S shortcut (customize this shortcut in Settings) Every time you save, it will create a new record in Version History. You can go back and switch versions in version history like git.

Screenshot 2024-01-23 at 12 22 22 AM Screenshot 2024-01-23 at 12 23 21 AM

By default, We also enabled auto-saving your current workflow as a cache in case you forgot to save it manually. It may affect UI performance, if you experience UI lagging, ‼️‼️you can disable auto-saving in Settings:

Screenshot 2024-01-23 at 12 37 37 AM Screenshot 2024-01-22 at 2 33 00 PM

Where are my workflow and workspace data stored?

🗂️All your workflows are saved in a folder in /ComfyUI/my_workflows, you can change this path in settings.

Screenshot 2024-01-02 at 10 22 45 PM

Other metadata (versions, gallery images) is primarily stored in your browser cache (IndexDB) and backedup in your disk under /ComfyUI/custom_nodes/comfyui-workspace-manager/db/. Press F12 or Inspect in right click browser menu, go to Application -> IndexedDB -> comfyui_workspace_db to see your data (workflows, version history, gallery, etc.)

If you switch browser, your will not see your previous metadata (version history, gallery images) in your new browser

303892585-c04ca874-03f0-4569-9a40-d8453dd9b031

Looking for colaborators and coworkers to develop this ComfyUI project management tool. If you know React, Python or ML model deployment, please reach out to weixuanfu01@gmail.com We want to make it easy to manage, share and deploy ComfyUI project.

Upcoming Features

  1. 1-Click Install Models Often when you import a json workflow from online, it will show lots of missing nodes or models errors, we will provide easy one-click install for missing models from Hugging face and Civiti

  2. Modular Modern software development project are all modularized, the whole system is broken down into different modules. In ComfyUI each custom node is a module and should be self contained and easy to install and depend on from other modules. So that the modules (custom nodes) can be easily reused across projects. ➡️ We need something like web bundler, e.g. webpack, vite. This will make each custom node self contained and has a clear definition of its dependency.

  3. Multi workflow project Now you can only work on one workflow at a time, this limits the potential to build large scale workflows that consists multiple sub-workflows parts. Each workflow can be seen as a custom node. You should be able to easily convert one workflow into one custom node. You can reuse workflow/custom node across your project. ➡️ We need a cross workflow, project management tool, like VSCode editor

  4. Cloud running / easy deployment Right now you need to have python and GPU server up to run ComfyUI or Automatic111, that’s really painful for people who do not own a GPU. You should be able to run UI independently without paying for GPU💰. ➡️ Share and deploy your workflow to cloud in 1click and other people can easily run in browser using cloud GPU with no setup. It should be as easy as running Google Docs or Figma.

Beta Preview

We're constantly pushing new features in beta branch. Here is how to switch to beta branch to receive latest feature updates pre-launch! It requires you have some basic knowledge about command line and git.

From https://github.com/11cafe/comfyui-workspace-manager
 * branch            beta       -> FETCH_HEAD
Switched to branch 'beta'
Your branch is up to date with 'origin/beta'.

‼️ Be careful that beta branch can be unstable, so please please make sure you have backups for all your workflows! Before switching to beta, please make a copy of these folders somewhere:

ComfyUI/custom_nodes/comfyui-workspace-manager/db or the entire ComfyUI/custom_nodes/comfyui-workspace-manager/ folder

if anything goes wrong, you can always paste back these folders. Also, you should have your /my_workflows folder (workspace save directory) in safe place always

To revert back to main:

Credits

ComfyUI: https://github.com/comfyanonymous/ComfyUI

ComfyUI Browser: https://github.com/talesofai/comfyui-browser (Media display code for reference) And thanks to all custom node creators building the community!

Dev

  1. Clone ComfyUI git clone https://github.com/comfyanonymous/ComfyUI follow the install and setup instructions of ComfyUI README
  2. Clone Workspace Manager in /ComfyUI folder
cd custom_nodes && git clone https://github.com/11cafe/comfyui-workspace-manager.git
  1. npm install inside /ComfyUI/custom_nodes/comfyui-workspace-manager do cd ui && npm install this will install all node dependencies
  2. build and run inside /ComfyUI/custom_nodes/comfyui-workspace-manager/ui npm run build --watch this command will watch for your file changes and automatically rebuild, you just need to refresh to see your changes in browser everyting you change some code
  3. run ComfyUI server inside /ComfyUI do python main.py or python3 main.py depending on your version

IndexDB trouble shooting

If you see indexdb version mismatch error in console that looks like:

VersionError: The requested version (10) is less than the existing version (30)."
name
:
"DatabaseClosedError"

please delete indexdb manually F12 Dev tools -> Application -> IndexDB -> WorkspaceManagerDB

Screenshot 2024-01-21 at 11 21 55 PM

and delete localstorage.WORKSPACE_INDEXDB_BACKFILL

Screenshot 2024-01-21 at 11 29 02 PM

only do this if you are a developer