add canvas / masking / inpainting functionality

diStyApps · Nov 19, 2024 · e1b807f · e1b807f
1 parent 1f4c4a7
commit e1b807f
Show file tree

Hide file tree

Showing 23 changed files with 5,355 additions and 34 deletions.
diff --git a/README.md b/README.md
@@ -61,6 +61,8 @@ Flow is currently in the early stages of development, so expect bugs and ongoing
 
 <img src="web/core/media/git/flow_3.jpg">
 
+<img src="web/core/media/git/flow_5.jpg">
+
 <img src="web/core/media/git/flow_4.jpg">
 
 <img src="web/core/media/git/flow_1.jpg">
@@ -104,7 +106,8 @@ http://127.0.0.1:8188/flow
 - Enhanced Customization Options
 
 ### Feature Support
-- [ ] Inpainting Functionality
+- [x] Canvas / Masking / Inpainting Functionality
+- - [ ] Improved Canvas / Masking / Inpainting Functionality
 - [ ] Enhanced Media Handling
 - [x] Live Preview
 - [ ] Prompt Tracking

diff --git a/__init__.py b/__init__.py
@@ -38,7 +38,7 @@
 NODE_DISPLAY_NAME_MAPPINGS: Dict[str, str] = {}
 APP_CONFIGS: List[AppConfig] = []
 APP_NAME: str = "Flow"
-APP_VERSION: str = "0.2.3"
+APP_VERSION: str = "0.3.0"
 PURPLE = "\033[38;5;129m"
 RESET = "\033[0m"
 FLOWMSG = f"{PURPLE}Flow{RESET}"

diff --git a/pyproject.toml b/pyproject.toml
@@ -1,7 +1,7 @@
 [project]
 name = "comfyui-disty-flow"
 description = "Flow is a custom node designed to provide a more user-friendly interface for ComfyUI by acting as an alternative user interface for running workflows. It is not a replacement for workflow creation.\nFlow is currently in the early stages of development, so expect bugs and ongoing feature enhancements. With your support and feedback, Flow will settle into a steady stream."
-version = "0.2.3"
+version = "0.3.0"
 license = {file = "LICENSE"}
 
 [project.urls]

diff --git a/web/core/content.html b/web/core/content.html
@@ -1,13 +1,17 @@
 <header></header>
 <div class="content" >
-    <div class="left-col">
+    <div class="left-col" style="display: block;">
         <div id="side-workflow-controls" class="custom-scrollbar"></div>
     </div>
     <div class="mid-col">
                 <div id="display-media-main">
+                    <div id="canvasWrapper" style="display: none;">
+                        <canvas id="imageCanvas"></canvas>
+                    </div>
                     <div id="image-container" class="custom-scrollbar"></div>
                 </div>
             <div id="controls">
+                <div id="pluginUIContainer" class="plugin-ui-container" style="display: none;"></div>
                 <div id="progressbar"></div>
                 <div id="prompts"></div>
             </div>