fixbug

README.md

@@ -1,23 +1,29 @@
+> 适配了最新版comfyui的py3.11 ，torch 2.1.2+cu121
 
-### Workflow-to-APP 🚀🚗🚚🏃
+## 🚀🚗🚚🏃 Workflow-to-APP 
 - 新增AppInfo节点，可以通过简单的配置，把workflow转变为一个Web APP。
 - 支持多个web app 切换
+- 发布为app的workflow，可以在右键里再次编辑了
 
 - Support multiple web app switching.
 - Add the AppInfo node, which allows you to transform the workflow into a web app by simple configuration.
+- The workflow, which is now released as an app, can also be edited again by right-clicking.
+
 
 ![](./assets/0-m-app.png)
 
 ![](./assets/appinfo-readme.png)
 
+![](./assets/appinfo-2.png)
+
 Example:
 - workflow
 ![APP info](./workflow/appinfo-workflow.svg)
 [text-to-image](./workflow/Text-to-Image-app.json)
 
 APP-JSON:
-- [text-to-image](./example/text-to-image_1_Wed%20Dec%2027%202023.json)
-- [image-to-image](./example/image-to-image_1_Wed%20Dec%2027%202023.json)
+- [text-to-image](./example/Text-to-Image_3.json)
+- [image-to-image](./example/Image-to-Image_2.json)
 - text-to-text
 
 > 暂时支持6种节点作为界面上的输入节点：Load Image、CLIPTextEncode、TextInput_、FloatSlider、IntNumber、CheckpointLoaderSimple、LoraLoader
@@ -25,7 +31,7 @@ APP-JSON:
 > 输出节点：PreviewImage 、SaveImage、ShowTextForGPT、VHS_VideoCombine
 
 
-### Real-time Design
+## 🏃🚗🚚🚀  Real-time Design
 > ScreenShareNode & FloatingVideoNode. Now comfyui supports capturing screen pixel streams from any software and can be used for LCM-Lora integration. Let's get started with implementation and design! 💻🌐
 
 ![screenshare](./assets/screenshare.png)

__init__.py

@@ -221,7 +221,7 @@ def get_my_workflow_for_app(filename="my_workflow_app.json"):
             
             for item in data:
                 x=item["data"]
-                print(apps[0]['filename'] ,item["filename"])
+                # print(apps[0]['filename'] ,item["filename"])
                 if apps[0]['filename']!=item["filename"]:
                     apps.append({
                         "filename":item["filename"],
@@ -437,7 +437,7 @@ PromptServer.add_routes=new_add_routes
 
 
 # 导入节点
-from .nodes.PromptNode import RandomPrompt
+from .nodes.PromptNode import RandomPrompt,PromptSlide
 from .nodes.ImageNode import NoiseImage,TransparentImage,LoadImagesFromPath,LoadImagesFromURL,ResizeImage,TextImage,SvgImage,Image3D,ShowLayer,NewLayer,MergeLayers,AreaToMask,SmoothMask,FeatheredMask,SplitLongMask,ImageCropByAlpha,EnhanceImage,FaceToMask
 from .nodes.Vae import VAELoader,VAEDecode
 from .nodes.ScreenShareNode import ScreenShareNode,FloatingVideo
@@ -452,6 +452,7 @@ from .nodes.Lama import LaMaInpainting
 NODE_CLASS_MAPPINGS = {
     "AppInfo":AppInfo,
     "RandomPrompt":RandomPrompt,
+    "PromptSlide":PromptSlide,
     "NoiseImage":NoiseImage,
     "TransparentImage":TransparentImage,
     "ResizeImageMixlab":ResizeImage,
@@ -513,7 +514,8 @@ NODE_DISPLAY_NAME_MAPPINGS = {
     "SpeechRecognition":"SpeechRecognition ♾️Mixlab",
     "3DImage":"3DImage ♾️Mixlab",
     "DynamicDelayProcessor":"DynamicDelayByText ♾️Mixlab",
-    "LaMaInpainting":"LaMaInpainting ♾️Mixlab"
+    "LaMaInpainting":"LaMaInpainting ♾️Mixlab",
+    "PromptSlide":"PromptSlide ♾️Mixlab"
 
     # "GamePal":"GamePal ♾️Mixlab"
 }

data/extension-node-map.json

@@ -4784,6 +4784,7 @@
             "MergeLayers",
             "NewLayer",
             "RandomPrompt",
+            "PromptSlide",
             "ScreenShare",
             "ShowLayer",
             "ShowTextForGPT",

nodes/Clipseg.py

@@ -31,11 +31,11 @@ logger = logging.getLogger('CLIPSeg nodes')
 clipseg_model_dir = os.path.join(folder_paths.models_dir, "clipseg")
 
 if not os.path.exists(clipseg_model_dir):
+    print(f"## clipseg model not found: {clipseg_model_dir},pls download from https://huggingface.co/CIDAS/clipseg-rd64-refined/tree/main")
     clipseg_model_dir='CIDAS/clipseg-rd64-refined'
 
 """Helper methods for CLIPSeg nodes"""
 
-
 # Tensor to PIL
 def tensor2pil(image):
     return Image.fromarray(np.clip(255. * image.cpu().numpy().squeeze(), 0, 255).astype(np.uint8))

nodes/Lama.py

@@ -8,14 +8,13 @@ import numpy as np
 import torch
 
 
-os.environ['LAMA_MODEL'] =  os.path.join(folder_paths.models_dir, "lama/big-lama.pt")
-if os.environ.get("LAMA_MODEL"):
-    model_path=os.environ.get("LAMA_MODEL")
-    if not os.path.exists(model_path):
-        os.environ['LAMA_MODEL']=''
-        raise FileNotFoundError(
-            f"lama torchscript model not found: {model_path}"
-                )
+ 
+llma_model_path=os.path.join(folder_paths.models_dir, "lama/big-lama.pt")
+if not os.path.exists(llma_model_path):
+    os.environ['LAMA_MODEL']=''
+    print(f"## lama torchscript model not found: {llma_model_path},pls download from https://github.com/enesmsahin/simple-lama-inpainting/releases/download/v0.1.0/big-lama.pt")
+else:
+    os.environ['LAMA_MODEL'] = llma_model_path
 
 # Tensor to PIL
 def tensor2pil(image):

nodes/PromptNode.py

@@ -4,12 +4,11 @@ import json
 from urllib import request, parse
 
 
-
-def queue_prompt(prompt_workflow):
-    p = {"prompt": prompt_workflow}
-    data = json.dumps(p).encode('utf-8')
-    req =  request.Request("http://127.0.0.1:8188/prompt", data=data)
-    request.urlopen(req)    
+# def queue_prompt(prompt_workflow):
+#     p = {"prompt": prompt_workflow}
+#     data = json.dumps(p).encode('utf-8')
+#     req =  request.Request("http://127.0.0.1:8188/prompt", data=data)
+#     request.urlopen(req)    
 
 
 default_prompt1='''Swing
@@ -45,6 +44,72 @@ default_prompt1='''Swing
                                                 '''
 default_prompt1="\n".join([p.strip() for p in default_prompt1.split('\n') if p.strip()!=''])
 
+
+def addWeight(text, weight=1):
+    if weight == 1:
+        return text
+    else:
+        return f"({text}:{round(weight,2)})"
+
+
+
+class PromptSlide:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {
+            "required": {
+                
+                "prompt_keyword": ("STRING", 
+                         {
+                            "multiline": False, 
+                            "default": ''
+                          }),
+
+                "weight":("FLOAT", {"default": 1, "min": -3,"max": 3,
+                                                                "step": 0.01,
+                                                                "display": "slider"}),
+
+                # "min_value":("FLOAT", {
+                #         "default": -2, 
+                #         "min": -10, 
+                #         "max": 0xffffffffffffffff,
+                #         "step": 0.01, 
+                #         "display": "number"  
+                #     }),
+                # "max_value":("FLOAT", {
+                #         "default": 2, 
+                #         "min": -10, 
+                #         "max": 0xffffffffffffffff,
+                #         "step": 0.01, 
+                #         "display": "number"  
+                #     }),
+              
+                }
+            }
+    
+    RETURN_TYPES = ("STRING",)
+    RETURN_NAMES = ("prompt",)
+
+    FUNCTION = "run"
+
+    CATEGORY = "♾️Mixlab/prompt"
+
+    INPUT_IS_LIST = False
+    OUTPUT_IS_LIST = (False,)
+    OUTPUT_NODE = False
+
+    # 运行的函数
+    def run(self,prompt_keyword,weight):
+        # if weight < min_value:
+        #     weight= min_value
+        # elif weight > max_value:
+        #     weight= max_value
+        p=addWeight(prompt_keyword,weight)
+        return (p,)
+
+
+
+
 class RandomPrompt:
 
     '''
@@ -87,7 +152,7 @@ class RandomPrompt:
 
     # 运行的函数
     def run(self,max_count,mutable_prompt,immutable_prompt,random_sample):
-        print('#运行的函数',mutable_prompt,immutable_prompt,max_count,random_sample)
+        # print('#运行的函数',mutable_prompt,immutable_prompt,max_count,random_sample)
         
         # Split the text into an array of words
         words1 = mutable_prompt.split("\n")
@@ -106,6 +171,8 @@ class RandomPrompt:
             w1=w1.strip()
             for w2 in words2:
                 w2=w2.strip()
+                if '``' not in w2:
+                    w2=w2+',``'
                 if w1!='' and w2!='':
                     prompts.append(w2.replace('``', w1))
                 pbar.update(1)
@@ -126,62 +193,62 @@ class RandomPrompt:
 
 
 
-class RunWorkflow:
-    @classmethod
-    def INPUT_TYPES(s):
-        return {
-            "required": {
-                "workflow": ("STRING", {
-                            "multiline": False, 
-                            "default": ''
-                          }),
-                "prompt": ("STRING", {
-                            "multiline": False, 
-                            "default": ''
-                          }),
-                 "image": ("IMAGE",),
-                 "input_node": ("STRING", {
-                            "multiline": False, 
-                            "default": ''
-                          }),
-                 "output_node": ("STRING", {
-                            "multiline": False, 
-                            "default": ''
-                          }),
-                },
+# class RunWorkflow:
+#     @classmethod
+#     def INPUT_TYPES(s):
+#         return {
+#             "required": {
+#                 "workflow": ("STRING", {
+#                             "multiline": False, 
+#                             "default": ''
+#                           }),
+#                 "prompt": ("STRING", {
+#                             "multiline": False, 
+#                             "default": ''
+#                           }),
+#                  "image": ("IMAGE",),
+#                  "input_node": ("STRING", {
+#                             "multiline": False, 
+#                             "default": ''
+#                           }),
+#                  "output_node": ("STRING", {
+#                             "multiline": False, 
+#                             "default": ''
+#                           }),
+#                 },
                 
-            }
+#             }
     
     
 
-    RETURN_TYPES = ("IMAGE","STRING",)
+#     RETURN_TYPES = ("IMAGE","STRING",)
 
-    FUNCTION = "run"
+#     FUNCTION = "run"
 
-    CATEGORY = "♾️Mixlab/workflow"
+#     CATEGORY = "♾️Mixlab/workflow"
 
-    OUTPUT_IS_LIST = (True,)
-    OUTPUT_NODE = True
+#     OUTPUT_IS_LIST = (True,)
+#     OUTPUT_NODE = True
 
 
-    # 运行的函数
-    def run(self,workflow,prompt,image,input_node,output_node):
-        print('#运行的函数',prompt,image,input_node,output_node)
-        workflow=json.loads(workflow)
-        input_node=input_node.split(".")
-        workflow[input_node[0]][input_node[1]][input_node[2]]=prompt
+#     # 运行的函数
+#     def run(self,workflow,prompt,image,input_node,output_node):
+#         print('#运行的函数',prompt,image,input_node,output_node)
+#         workflow=json.loads(workflow)
+#         input_node=input_node.split(".")
+#         workflow[input_node[0]][input_node[1]][input_node[2]]=prompt
 
-        workflow_new={}
-        # 遍历，seed设为随机
-        for key, value in workflow.items():
-            if 'inputs' in value:
-                if 'seed' in value['inputs']:
-                    value['inputs']['seed']= random.randint(1, 18446744073709551614)
-            workflow_new[key]=value
+#         workflow_new={}
+#         # 遍历，seed设为随机
+#         for key, value in workflow.items():
+#             if 'inputs' in value:
+#                 if 'seed' in value['inputs']:
+#                     value['inputs']['seed']= random.randint(1, 18446744073709551614)
+#             workflow_new[key]=value
 
-        queue_prompt(workflow_new)
-        print('#运行的函数',workflow_new[input_node[0]])
+#         queue_prompt(workflow_new)
+#         print('#运行的函数',workflow_new[input_node[0]])
 
-        # return (new_prompt)
-        return  {"ui":{"images": []},"result": ([image],['text'],)}
+#         # return (new_prompt)
+#         return  {"ui":{"images": []},"result": ([image],['text'],)}
 

nodes/Utils.py

@@ -125,10 +125,10 @@ class FontInput:
     CATEGORY = "♾️Mixlab/utils"
 
     INPUT_IS_LIST = False
-    OUTPUT_IS_LIST = (False,False,)
+    OUTPUT_IS_LIST = (False,)
 
     def run(self,font):
-
+        
         return (font_files[font],)
     
 class TextToNumber:
@@ -182,6 +182,27 @@ class FloatSlider:
                         "step": 0.001, #Slider's step
                         "display": "slider" # Cosmetic only: display as "number" or "slider"
                     }),
+                    "min_value":("FLOAT", {
+                        "default": 0, 
+                        "min": -0xffffffffffffffff, 
+                        "max": 0xffffffffffffffff,
+                        "step": 0.001, 
+                        "display": "number"  
+                    }),
+                    "max_value":("FLOAT", {
+                            "default": 1, 
+                            "min": -0xffffffffffffffff,
+                            "max": 0xffffffffffffffff,
+                            "step": 0.001, 
+                            "display": "number"  
+                        }),
+                    "step":("FLOAT", {
+                            "default": 0.001, 
+                            "min": -0xffffffffffffffff,
+                            "max": 0xffffffffffffffff,
+                            "step": 0.001, 
+                            "display": "number"  
+                        }),
                              },
                 }
     
@@ -194,8 +215,11 @@ class FloatSlider:
     INPUT_IS_LIST = False
     OUTPUT_IS_LIST = (False,)
 
-    def run(self,number):
-       
+    def run(self,number,min_value,max_value,step):
+        if number < min_value:
+            number= min_value
+        elif number > max_value:
+            number= max_value
         return (number,)
     
   
@@ -207,9 +231,30 @@ class IntNumber:
                         "default": 0, 
                         "min": -1, #Minimum value
                         "max": 0xffffffffffffffff,
-                        "step": 1, #Slider's step
-                        "display": "number" # Cosmetic only: display as "number" or "slider"
+                        "step": 1, 
+                        "display": "number"
                     }),
+                    "min_value":("INT", {
+                        "default": 0, 
+                        "min": -0xffffffffffffffff, 
+                        "max": 0xffffffffffffffff,
+                        "step": 1, 
+                        "display": "number"  
+                    }),
+                    "max_value":("INT", {
+                            "default": 1, 
+                            "min": -0xffffffffffffffff,
+                            "max": 0xffffffffffffffff,
+                            "step": 1, 
+                            "display": "number"  
+                        }),
+                    "step":("INT", {
+                            "default": 1, 
+                            "min": -0xffffffffffffffff,
+                            "max": 0xffffffffffffffff,
+                            "step":1, 
+                            "display": "number"  
+                        }),
                              },
                 }
     
@@ -222,8 +267,11 @@ class IntNumber:
     INPUT_IS_LIST = False
     OUTPUT_IS_LIST = (False,)
 
-    def run(self,number):
-       
+    def run(self,number,min_value,max_value,step):
+        if number < min_value:
+            number= min_value
+        elif number > max_value:
+            number= max_value
         return (number,)
 
 class MultiplicationNode:
@@ -390,6 +438,7 @@ class AppInfo:
                         "display": "number"  
                     }),
                     "share_prefix":("STRING",{"multiline": False,"default": "","dynamicPrompts": False}),
+                    "link":("STRING",{"multiline": False,"default": "https://","dynamicPrompts": False}),
                 }
 
                 }
@@ -404,13 +453,13 @@ class AppInfo:
     INPUT_IS_LIST = False
     OUTPUT_IS_LIST = (False,)
 
-    def run(self,name,image,input_ids,output_ids,description,version,share_prefix):
+    def run(self,name,image,input_ids,output_ids,description,version,share_prefix,link):
 
         im=create_temp_file(image)
         
         # id=get_json_hash([name,im,input_ids,output_ids,description,version])
 
-        return {"ui": {"json": [name,im,input_ids,output_ids,description,version,share_prefix]}, "result": (image,)}
+        return {"ui": {"json": [name,im,input_ids,output_ids,description,version,share_prefix,link]}, "result": (image,)}
     
 
     

web/index.html

@@ -11,6 +11,7 @@
             width: 90%;
             min-width: 400px;
             margin-left: 5%;
+            user-select: none;
         }
 
         .apps {
@@ -85,6 +86,17 @@
 
         }
 
+        .status_seed {
+            display: flex;
+            flex-direction: column;
+            margin: 12px;
+        }
+
+        .seeds {
+            font-size: 12px;
+            margin-top: 4px;
+        }
+
         .status {
             background: black;
             color: white;
@@ -92,7 +104,7 @@
             width: fit-content;
             padding: 4px;
             font-size: 12px;
-            margin: 12px;
+
         }
 
         .description {
@@ -154,7 +166,7 @@
         .output_card {
             height: 100%;
             width: 100%;
-            
+
             margin-top: 24px;
             display: flex;
             flex-wrap: wrap;
@@ -278,6 +290,7 @@
             outline: none;
             border: none;
             border-radius: 4px;
+            margin-top: 8px;
         }
     </style>
     <!-- <script src="../../../scripts/api.js" type="module"></script> -->
@@ -348,7 +361,7 @@
         function queuePrompt(promptWorkflow, client_id) {
 
             // 随机seed
-            promptWorkflow = randomSeed(promptWorkflow);
+            // promptWorkflow = randomSeed(promptWorkflow);
 
             let url = get_url()
             const data = JSON.stringify({ prompt: promptWorkflow, client_id });
@@ -377,9 +390,7 @@
         }
 
         async function get_my_app(filename = null) {
-
             let url = get_url()
-
             const res = await fetch(`${url}/mixlab/workflow`, {
                 method: 'POST',
                 body: JSON.stringify({
@@ -399,15 +410,12 @@
                     })
                 }
             } catch (error) {
-
             }
-
-
             return data
         }
 
 
-        function createOutputs(outputData) {
+        function createOutputs(outputData, link) {
             const container = document.createElement('div');
             container.className = "output";
 
@@ -428,12 +436,23 @@
             action.appendChild(copyText)
             copyText.style.marginLeft = '18px';
 
+            if (link) {
+                const linkBtn = document.createElement('button');
+                // linkBtn.href = link;
+                linkBtn.innerText = 'go to'
+                action.appendChild(linkBtn)
+                linkBtn.style.marginLeft = '18px';
+                linkBtn.addEventListener('click', e => {
+                    e.preventDefault();
+                    window.open(link);
+                })
+            }
+
             const output_card = document.createElement("div");
             output_card.className = 'output_card'
             container.appendChild(output_card)
 
 
-
             copyText.addEventListener('click', e => {
                 e.preventDefault();
                 copyTextToClipboard((window._appData.share_prefix || '') + " " + output_card.outerHTML, (r) => success(r, copyText, 'copy text for share'))
@@ -679,7 +698,10 @@
             //         class_type: "LoadImage"
             //     }
             // ];
+            inputData = inputData.filter(inp => inp);
+            // console.log('inputData',inputData)
             inputData.forEach(data => {
+                // console.log(data)
                 // Check if the class_type is "LoadImage"
                 if (data.class_type === "LoadImage") {
                     // Create a container for the upload control
@@ -762,15 +784,40 @@
                     container.appendChild(uploadContainer);
                 }
 
-                if (['FloatSlider', 'IntNumber'].includes(data.class_type)) {
+                if (["PromptSlide"].includes(data.class_type)) {
                     // 滑块输入
+                    let options = data.options || {
+                        min: -3,
+                        max: 3,
+                    };
+
+                    const label = data.title == 'PromptSlide ♾️Mixlab' ? data.inputs.prompt_keyword : data.title
+                    let silde = createNumSlide(label,
+                        data.inputs.weight,
+                        (v) => {
+                            window._appData.data[data.id].inputs.weight = v;
+                        },
+                        options.min,
+                        options.max,
+                        'float')
+                    container.appendChild(silde);
+                }
+
+
+                if (['FloatSlider', 'IntNumber'].includes(data.class_type)) {
+                    // console.log('data.options',data.options)
+                    // 滑块输入
+                    let options = data.options || {
+                        min: 0,
+                        max: data.class_type === 'IntNumber' ? 6000 : 1,
+                    };
                     let silde = createNumSlide(data.title,
                         data.inputs.number,
                         (v) => {
                             window._appData.data[data.id].inputs.number = v;
                         },
-                        0,
-                        data.class_type === 'IntNumber' ? 6000 : 1,
+                        options.min,
+                        options.max,
                         data.class_type === 'IntNumber' ? 'int' : 'float')
                     container.appendChild(silde);
                 }
@@ -916,10 +963,15 @@
 
 
 
-        function createUI(inputData, outputData, share = true) {
+        function createUI(inputData, outputData, seed = {}, share = true, link = "") {
 
             let mainDiv = document.createElement('div');
-            let leftDiv = document.createElement('div');
+            let leftDetails = document.createElement('details');
+            leftDetails.setAttribute('open', 'true')
+            leftDetails.innerHTML = `<summary>INPUT</summary>
+                <div class="content"></div>`
+
+            let leftDiv = leftDetails.querySelector('.content');
             let rightDiv = document.createElement('div');
 
             mainDiv.className = 'app'
@@ -927,7 +979,7 @@
             leftDiv.style.alignItems = 'flex-start';
             rightDiv.className = 'panel'
             leftDiv.style.flex = 0.4
-            rightDiv.style.flex = 0.6;
+            rightDiv.style.flex = 1;
             // rightDiv.style.height='70vh'
             //         rightDiv.style=`position: fixed;
             // right: 0;
@@ -969,14 +1021,41 @@
             iconDes.className = 'description'
 
             // 创建状态标签
+            let statusDiv = document.createElement('div');
+            statusDiv.className = 'status_seed'
             var status = document.createElement('div');
             status.textContent = 'Status';
             status.className = 'status';
 
+            // seed 汇总
+            var seeds = document.createElement('details');
+            // seeds.textContent = 'Status';
+            seeds.className = 'seeds';
+
+            try {
+                if (Object.keys(seed).length > 0) {
+                    seeds.innerHTML = `<summary>SEED</summary>
+                <div class="content"> </div>`
+                    for (const id in seed) {
+                        const s = seed[id];
+                        let em = document.createElement('em');
+                        em.innerText = s;
+                        seeds.querySelector('.content').appendChild(em)
+                    }
+                }
+
+            } catch (error) {
+
+            }
+
+
+            statusDiv.appendChild(status);
+            statusDiv.appendChild(seeds);
+
             // 创建输入框
             var input1 = createInputs(inputData)
 
-            var output = createOutputs(outputData)
+            var output = createOutputs(outputData, link)
 
             // 创建提交按钮
             var submitButton = document.createElement('button');
@@ -987,13 +1066,13 @@
             leftDiv.appendChild(titleDiv);
             leftDiv.appendChild(iconDes);
             // leftDiv.appendChild(des);
-            leftDiv.appendChild(status);
+            leftDiv.appendChild(statusDiv);
             leftDiv.appendChild(input1);
-            leftDiv.appendChild(submitButton);
+            mainDiv.appendChild(submitButton);
 
             rightDiv.appendChild(output);
 
-            mainDiv.appendChild(leftDiv);
+            mainDiv.appendChild(leftDetails);
             mainDiv.appendChild(rightDiv);
 
             document.body.appendChild(mainDiv)
@@ -1124,9 +1203,9 @@
 
 
         async function createApp(appData, share = true) {
-            console.log(appData)
+            // console.log(appData)
             // 使用示例：
-            var ui = createUI(appData.input, appData.output, share);
+            var ui = createUI(appData.input, appData.output, appData.seed, share,appData.link);
 
             // 更新标题
             ui.title.update(appData.name || 'Mixlab APP');

web/javascript/app_mixlab.js

@@ -70,11 +70,13 @@ function extractInputAndOutputData (jsonData, inputIds = [], outputIds = []) {
   const data = jsonData
   const input = []
   const output = []
+  const seed = {}
 
   for (const id in data) {
     if (data.hasOwnProperty(id)) {
+      let node = app.graph.getNodeById(id)
       if (inputIds.includes(id)) {
-        let node = app.graph.getNodeById(id)
+        // let node = app.graph.getNodeById(id)
         let options = []
         // 模型
         try {
@@ -87,6 +89,18 @@ function extractInputAndOutputData (jsonData, inputIds = [], outputIds = []) {
           }
         } catch (error) {}
 
+        if (node.type == 'IntNumber' || node.type == 'FloatSlider') {
+          // min max step
+          let [v, min, max, step] = Array.from(node.widgets, w => w.value)
+          options = { min, max, step }
+          // node.widgets.filter(w => w.type === 'number')[0].options
+        }
+
+        if (node.type == 'PromptSlide') {
+          // min max step
+          options = node.widgets.filter(w => w.type === 'slider')[0].options
+        }
+
         input[inputIds.indexOf(id)] = {
           ...data[id],
           title: node.title,
@@ -96,14 +110,23 @@ function extractInputAndOutputData (jsonData, inputIds = [], outputIds = []) {
         // input.push()
       }
       if (outputIds.includes(id)) {
-        let node = app.graph.getNodeById(id)
+        // let node = app.graph.getNodeById(id)
         // output.push()
         output[outputIds.indexOf(id)] = { ...data[id], title: node.title, id }
       }
+
+      if (node.type === 'KSampler') {
+        // seed 的类型收集
+        try {
+          seed[id] = node.widgets.filter(
+            w => w.name === 'seed'
+          )[0].linkedWidgets[0].value
+        } catch (error) {}
+      }
     }
   }
 
-  return { input, output }
+  return { input, output, seed }
 }
 
 function getUrl () {
@@ -147,6 +170,7 @@ async function save (json, download = false) {
   const name = json[0],
     version = json[5],
     share_prefix = json[6], //用于分享的功能扩展
+    link=json[7],//用于创建界面上的跳转链接
     description = json[4],
     inputIds = json[2].split('\n').filter(f => f),
     outputIds = json[3].split('\n').filter(f => f)
@@ -162,7 +186,7 @@ async function save (json, download = false) {
   try {
     let data = await app.graphToPrompt()
 
-    const { input, output } = extractInputAndOutputData(
+    const { input, output, seed } = extractInputAndOutputData(
       data.output,
       inputIds,
       outputIds
@@ -174,8 +198,10 @@ async function save (json, download = false) {
       version,
       input,
       output,
+      seed, //控制是fixed 还是random
       share_prefix,
-      filename: `${name}_${version}_${new Date().toDateString()}.json`
+      link,
+      filename: `${name}_${version}.json`
     }
 
     try {
@@ -185,14 +211,18 @@ async function save (json, download = false) {
     // let http_workflow = app.graph.serialize()
 
     if (download) {
-       await save_app(data)
-       await downloadJsonFile(data, data.app.filename)
+      await save_app(data)
+      await downloadJsonFile(data, data.app.filename)
       let open = window.confirm(
-        `You can now access the standalone application on a new page!\n${getUrl()}/mixlab/app?filename=${encodeURIComponent(data.app.filename)}`
+        `You can now access the standalone application on a new page!\n${getUrl()}/mixlab/app?filename=${encodeURIComponent(
+          data.app.filename
+        )}`
       )
       if (open)
         window.open(
-          `${getUrl()}/mixlab/app?filename=${encodeURIComponent(data.app.filename)}`
+          `${getUrl()}/mixlab/app?filename=${encodeURIComponent(
+            data.app.filename
+          )}`
         )
     } else {
       await save_app(data)
@@ -291,7 +321,6 @@ app.registerExtension({
       nodeType.prototype.onExecuted = async function (message) {
         onExecuted?.apply(this, arguments)
         console.log(message.json)
-
         window._mixlab_app_json = message.json
         try {
           const div = this.widgets.filter(w => w.div)[0].div

web/javascript/ui_mixlab.js

@@ -4,7 +4,6 @@ import { ComfyWidgets } from '../../../scripts/widgets.js'
 import { $el } from '../../../scripts/ui.js'
 import { closeIcon } from './svg_icons.js'
 
-
 import {
   GroupNodeConfig,
   GroupNodeHandler
@@ -49,6 +48,38 @@ async function get_nodes_map () {
   return await res.json()
 }
 
+function get_url () {
+  let api_host = `${window.location.hostname}:${window.location.port}`
+  let api_base = ''
+  let url = `${window.location.protocol}//${api_host}${api_base}`
+  return url
+}
+
+async function get_my_app (filename = null) {
+  let url = get_url()
+  const res = await fetch(`${url}/mixlab/workflow`, {
+    method: 'POST',
+    body: JSON.stringify({
+      task: 'my_app',
+      filename
+    })
+  })
+  let result = await res.json()
+  let data = []
+  try {
+    for (const res of result.data) {
+      let { app, workflow } = res.data
+      if (app.filename)
+        data.push({
+          ...app,
+          data: workflow,
+          date: res.date
+        })
+    }
+  } catch (error) {}
+  return data
+}
+
 function loadCSS (url) {
   var link = document.createElement('link')
   link.rel = 'stylesheet'
@@ -668,29 +699,32 @@ app.registerExtension({
         ...options
       ] // and return the options
     }
-    LGraphCanvas.prototype.centerOnNode = function(node) {
-      var dpr = window.devicePixelRatio || 1;  // 获取设备像素比
+    LGraphCanvas.prototype.centerOnNode = function (node) {
+      // console.log(node)
+      var dpr = window.devicePixelRatio || 1 // 获取设备像素比
       this.ds.offset[0] =
-          -node.pos[0] -
-          node.size[0] * 0.5 +
-          (this.canvas.width * 0.5) / (this.ds.scale * dpr);  // 考虑设备像素比
+        -node.pos[0] -
+        node.size[0] * 0.5 +
+        (this.canvas.width * 0.5) / (this.ds.scale * dpr) // 考虑设备像素比
       this.ds.offset[1] =
-          -node.pos[1] -
-          node.size[1] * 0.5 +
-          (this.canvas.height * 0.5) / (this.ds.scale * dpr);  // 考虑设备像素比
-      this.setDirty(true, true);
-    };
+        -node.pos[1] -
+        node.size[1] * 0.5 +
+        (this.canvas.height * 0.5) / (this.ds.scale * dpr) // 考虑设备像素比
+      this.setDirty(true, true)
+    }
   },
   async setup () {
     // Add canvas menu options
     const orig = LGraphCanvas.prototype.getCanvasMenuOptions
 
+    const apps = await get_my_app()
+    // console.log('apps',apps)
     LGraphCanvas.prototype.getCanvasMenuOptions = function () {
       const options = orig.apply(this, arguments)
 
       options.push(null, {
         content: `Nodes Map ♾️Mixlab`,
-        disabled: false, // or a function determining whether to disable
+        disabled: false,
         callback: async () => {
           nodesMap =
             nodesMap && Object.keys(nodesMap).length > 0
@@ -809,7 +843,7 @@ app.registerExtension({
               let d = document.createElement('button')
               d.style = `text-align: left;margin:6px;color: var(--input-text);
                 background-color: var(--comfy-input-bg); border-color: var(--border-color);cursor: pointer;`
-                d.addEventListener('click', () => {
+              d.addEventListener('click', () => {
                 const node = app.graph.getNodeById(nodeId)
                 if (!node) return
                 app.canvas.centerOnNode(node)
@@ -843,8 +877,36 @@ app.registerExtension({
           if (!document.querySelector('#mixlab_find_the_node'))
             document.body.appendChild(div)
         }
+      },{
+        content: 'Workflow App ♾️Mixlab',
+        has_submenu: true,
+        disabled: false,
+        submenu: {
+          options: Array.from(apps, a => {
+            return {
+              content: a.name,
+              callback: async () => {
+                try {
+                  let item = (await get_my_app(a.filename))[0]
+                  if (item) {
+                    // console.log(item.data)
+                    app.loadGraphData(item.data)
+                    setTimeout(() => {
+                      const node = app.graph._nodes_in_order[0]
+                      if (!node) return
+                      app.canvas.centerOnNode(node)
+                      app.canvas.setZoom(0.5)
+                    }, 1000)
+                  }
+                } catch (error) {}
+              }
+            }
+          })
+        }
       })
 
+    
+
       // options.push({
       //   content: `Save For App ♾️Mixlab`,
       //   disabled: false, // or a function determining whether to disable

workflow/Prompt-weight-workflow.json

@@ -0,0 +1,723 @@
+{
+  "last_node_id": 22,
+  "last_link_id": 23,
+  "nodes": [
+    {
+      "id": 9,
+      "type": "CLIPTextEncode",
+      "pos": [
+        2070,
+        830
+      ],
+      "size": {
+        "0": 425.27801513671875,
+        "1": 180.6060791015625
+      },
+      "flags": {},
+      "order": 5,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "clip",
+          "type": "CLIP",
+          "link": 7
+        }
+      ],
+      "outputs": [
+        {
+          "name": "CONDITIONING",
+          "type": "CONDITIONING",
+          "links": [
+            4
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "CLIPTextEncode"
+      },
+      "widgets_values": [
+        "text, watermark"
+      ]
+    },
+    {
+      "id": 7,
+      "type": "EmptyLatentImage",
+      "pos": [
+        2070,
+        1060
+      ],
+      "size": {
+        "0": 315,
+        "1": 106
+      },
+      "flags": {},
+      "order": 0,
+      "mode": 0,
+      "outputs": [
+        {
+          "name": "LATENT",
+          "type": "LATENT",
+          "links": [
+            5
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "EmptyLatentImage"
+      },
+      "widgets_values": [
+        512,
+        512,
+        1
+      ]
+    },
+    {
+      "id": 6,
+      "type": "CheckpointLoaderSimple",
+      "pos": [
+        1640,
+        920
+      ],
+      "size": {
+        "0": 315,
+        "1": 98
+      },
+      "flags": {},
+      "order": 1,
+      "mode": 0,
+      "outputs": [
+        {
+          "name": "MODEL",
+          "type": "MODEL",
+          "links": [
+            2
+          ],
+          "slot_index": 0
+        },
+        {
+          "name": "CLIP",
+          "type": "CLIP",
+          "links": [
+            6,
+            7
+          ],
+          "slot_index": 1
+        },
+        {
+          "name": "VAE",
+          "type": "VAE",
+          "links": [
+            9
+          ],
+          "slot_index": 2
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "CheckpointLoaderSimple"
+      },
+      "widgets_values": [
+        "deliberate_v2.safetensors"
+      ]
+    },
+    {
+      "id": 8,
+      "type": "CLIPTextEncode",
+      "pos": [
+        2080,
+        630
+      ],
+      "size": {
+        "0": 422.84503173828125,
+        "1": 164.31304931640625
+      },
+      "flags": {},
+      "order": 8,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "clip",
+          "type": "CLIP",
+          "link": 6
+        },
+        {
+          "name": "text",
+          "type": "STRING",
+          "link": 16,
+          "widget": {
+            "name": "text"
+          }
+        }
+      ],
+      "outputs": [
+        {
+          "name": "CONDITIONING",
+          "type": "CONDITIONING",
+          "links": [
+            3
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "CLIPTextEncode"
+      },
+      "widgets_values": [
+        "beautiful scenery nature glass bottle landscape, , purple galaxy bottle,"
+      ]
+    },
+    {
+      "id": 10,
+      "type": "VAEDecode",
+      "pos": [
+        2870,
+        630
+      ],
+      "size": {
+        "0": 210,
+        "1": 46
+      },
+      "flags": {
+        "collapsed": false
+      },
+      "order": 11,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "samples",
+          "type": "LATENT",
+          "link": 8
+        },
+        {
+          "name": "vae",
+          "type": "VAE",
+          "link": 9
+        }
+      ],
+      "outputs": [
+        {
+          "name": "IMAGE",
+          "type": "IMAGE",
+          "links": [
+            12
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "VAEDecode"
+      }
+    },
+    {
+      "id": 16,
+      "type": "ShowTextForGPT",
+      "pos": [
+        3288,
+        -323
+      ],
+      "size": {
+        "0": 449.1168212890625,
+        "1": 76
+      },
+      "flags": {},
+      "order": 9,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "text",
+          "type": "STRING",
+          "link": 20,
+          "widget": {
+            "name": "text"
+          }
+        }
+      ],
+      "outputs": [
+        {
+          "name": "STRING",
+          "type": "STRING",
+          "links": null,
+          "shape": 6
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "ShowTextForGPT"
+      },
+      "widgets_values": [
+        "a girl face,super,(Pop Art:1.26),(Black and White:1.26)"
+      ]
+    },
+    {
+      "id": 11,
+      "type": "PreviewImage",
+      "pos": [
+        3319,
+        -161
+      ],
+      "size": {
+        "0": 435.8727111816406,
+        "1": 511.8609619140625
+      },
+      "flags": {},
+      "order": 13,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "images",
+          "type": "IMAGE",
+          "link": 13
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "PreviewImage"
+      }
+    },
+    {
+      "id": 5,
+      "type": "KSampler",
+      "pos": [
+        2520,
+        630
+      ],
+      "size": {
+        "0": 315,
+        "1": 262
+      },
+      "flags": {},
+      "order": 10,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "model",
+          "type": "MODEL",
+          "link": 2
+        },
+        {
+          "name": "positive",
+          "type": "CONDITIONING",
+          "link": 3
+        },
+        {
+          "name": "negative",
+          "type": "CONDITIONING",
+          "link": 4
+        },
+        {
+          "name": "latent_image",
+          "type": "LATENT",
+          "link": 5
+        },
+        {
+          "name": "seed",
+          "type": "INT",
+          "link": 21,
+          "widget": {
+            "name": "seed"
+          }
+        }
+      ],
+      "outputs": [
+        {
+          "name": "LATENT",
+          "type": "LATENT",
+          "links": [
+            8
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "KSampler"
+      },
+      "widgets_values": [
+        1063141893699118,
+        "fixed",
+        20,
+        8,
+        "euler",
+        "normal",
+        1
+      ]
+    },
+    {
+      "id": 18,
+      "type": "IntNumber",
+      "pos": [
+        2852,
+        275
+      ],
+      "size": {
+        "0": 315,
+        "1": 58
+      },
+      "flags": {},
+      "order": 2,
+      "mode": 0,
+      "outputs": [
+        {
+          "name": "INT",
+          "type": "INT",
+          "links": [
+            21
+          ],
+          "shape": 3,
+          "slot_index": 0
+        }
+      ],
+      "title": "Seed",
+      "properties": {
+        "Node name for S&R": "IntNumber"
+      },
+      "widgets_values": [
+        -1
+      ]
+    },
+    {
+      "id": 22,
+      "type": "PromptSlide",
+      "pos": [
+        2364,
+        -294
+      ],
+      "size": {
+        "0": 315,
+        "1": 82
+      },
+      "flags": {},
+      "order": 3,
+      "mode": 0,
+      "outputs": [
+        {
+          "name": "prompt",
+          "type": "STRING",
+          "links": [
+            23
+          ],
+          "shape": 3,
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "PromptSlide"
+      },
+      "widgets_values": [
+        "Pop Art",
+        1.26
+      ]
+    },
+    {
+      "id": 12,
+      "type": "AppInfo",
+      "pos": [
+        2924,
+        846
+      ],
+      "size": {
+        "0": 400,
+        "1": 272
+      },
+      "flags": {},
+      "order": 12,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "image",
+          "type": "IMAGE",
+          "link": 12
+        }
+      ],
+      "outputs": [
+        {
+          "name": "IMAGE",
+          "type": "IMAGE",
+          "links": [
+            13
+          ],
+          "shape": 3,
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "AppInfo"
+      },
+      "widgets_values": [
+        "Prompt-weight-test",
+        "21\n22\n18",
+        "11\n16",
+        "",
+        1,
+        "",
+        null
+      ]
+    },
+    {
+      "id": 21,
+      "type": "PromptSlide",
+      "pos": [
+        2360,
+        -544
+      ],
+      "size": {
+        "0": 315,
+        "1": 82
+      },
+      "flags": {},
+      "order": 4,
+      "mode": 0,
+      "outputs": [
+        {
+          "name": "prompt",
+          "type": "STRING",
+          "links": [
+            22
+          ],
+          "shape": 3,
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "PromptSlide"
+      },
+      "widgets_values": [
+        "Black and White",
+        1.26
+      ]
+    },
+    {
+      "id": 13,
+      "type": "RandomPrompt",
+      "pos": [
+        2840,
+        -330
+      ],
+      "size": {
+        "0": 400,
+        "1": 224
+      },
+      "flags": {},
+      "order": 6,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "mutable_prompt",
+          "type": "STRING",
+          "link": 22,
+          "widget": {
+            "name": "mutable_prompt"
+          }
+        },
+        {
+          "name": "immutable_prompt",
+          "type": "STRING",
+          "link": 23,
+          "widget": {
+            "name": "immutable_prompt"
+          }
+        }
+      ],
+      "outputs": [
+        {
+          "name": "STRING",
+          "type": "STRING",
+          "links": [
+            19
+          ],
+          "shape": 6,
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "RandomPrompt"
+      },
+      "widgets_values": [
+        1,
+        "",
+        " ``",
+        "disable",
+        ""
+      ]
+    },
+    {
+      "id": 15,
+      "type": "RandomPrompt",
+      "pos": [
+        2840,
+        -30
+      ],
+      "size": {
+        "0": 400,
+        "1": 224
+      },
+      "flags": {},
+      "order": 7,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "mutable_prompt",
+          "type": "STRING",
+          "link": 19,
+          "widget": {
+            "name": "mutable_prompt"
+          }
+        }
+      ],
+      "outputs": [
+        {
+          "name": "STRING",
+          "type": "STRING",
+          "links": [
+            16,
+            20
+          ],
+          "shape": 6,
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "RandomPrompt"
+      },
+      "widgets_values": [
+        1,
+        "",
+        " a girl face,super,``",
+        "disable",
+        ""
+      ]
+    }
+  ],
+  "links": [
+    [
+      2,
+      6,
+      0,
+      5,
+      0,
+      "MODEL"
+    ],
+    [
+      3,
+      8,
+      0,
+      5,
+      1,
+      "CONDITIONING"
+    ],
+    [
+      4,
+      9,
+      0,
+      5,
+      2,
+      "CONDITIONING"
+    ],
+    [
+      5,
+      7,
+      0,
+      5,
+      3,
+      "LATENT"
+    ],
+    [
+      6,
+      6,
+      1,
+      8,
+      0,
+      "CLIP"
+    ],
+    [
+      7,
+      6,
+      1,
+      9,
+      0,
+      "CLIP"
+    ],
+    [
+      8,
+      5,
+      0,
+      10,
+      0,
+      "LATENT"
+    ],
+    [
+      9,
+      6,
+      2,
+      10,
+      1,
+      "VAE"
+    ],
+    [
+      12,
+      10,
+      0,
+      12,
+      0,
+      "IMAGE"
+    ],
+    [
+      13,
+      12,
+      0,
+      11,
+      0,
+      "IMAGE"
+    ],
+    [
+      16,
+      15,
+      0,
+      8,
+      1,
+      "STRING"
+    ],
+    [
+      19,
+      13,
+      0,
+      15,
+      0,
+      "STRING"
+    ],
+    [
+      20,
+      15,
+      0,
+      16,
+      0,
+      "STRING"
+    ],
+    [
+      21,
+      18,
+      0,
+      5,
+      4,
+      "INT"
+    ],
+    [
+      22,
+      21,
+      0,
+      13,
+      0,
+      "STRING"
+    ],
+    [
+      23,
+      22,
+      0,
+      13,
+      1,
+      "STRING"
+    ]
+  ],
+  "groups": [],
+  "config": {},
+  "extra": {},
+  "version": 0.4
+}