11cafe-comfyui-workspace-manager/README_for_developer.md

☕️ ComfyUI Workspace Manager - Comfyspace

This is a document specially prepared for developers, explaining some special development details.Installation

Clean up indexdb if it's in bad state

Make sure you have .json files under ComfyUI/comfyui-workspace-manager/db, so your indexdb data (version history, gallery image data) can be recovered after deleting

1. F12 -> Application -> IndexedDB -> delete current indexdb

2. If you want to recover your data like version history, gallery image data, F12 -> Application -> Local Storage -> delete WORKSPACE_INDEXDB_BACKFILL key in localstorage so your indexdb can be backedup (you don't have to do this if you only need workflows .json data)

How to use Hot Module Replacement

1. npm run dev starts the project;

2. If the dist directory currently exists, please delete the dist directory or keep the dist directory empty;

3. Modify ComfyUI/web/index.html and add the following code. It should be noted that the port number in localhost:5173 needs to be consistent with the port number of the vite local service started by npm run dev.

   import RefreshRuntime from 'http://localhost:5173/@react-refresh'
   RefreshRuntime.injectIntoGlobalHook(window)
   window.$RefreshReg$ = () => {}
   window.$RefreshSig$ = () => (type) => type
   window.__vite_plugin_react_preamble_installed__ = true
   
   const head = document.getElementsByTagName('head')[0];
   const viteClientScript = document.createElement('script');
   viteClientScript.src = 'http://localhost:5173/@vite/client';
   viteClientScript.type = 'module';
   head.appendChild(viteClientScript);
   const workspaceMainScript = document.createElement('script');
   workspaceMainScript.src = 'http://localhost:5173/src/main.tsx';
   workspaceMainScript.type = 'module';
   head.appendChild(workspaceMainScript);