fixbug

update
Update appinfo-workflow.svg
2023-12-31 23:56:30 +08:00 · 2023-12-31 23:43:17 +08:00 · 2023-12-31 23:42:23 +08:00 · 2023-12-31 23:41:12 +08:00 · 2023-12-31 23:36:57 +08:00 · 2023-12-31 22:50:40 +08:00
26 changed files with 3902 additions and 955 deletions
@@ -2,4 +2,5 @@ __pycache__/
 https/
 nodes/config.json
 workflow/my_workflow.json
-workflow/my_workflow_app.json
+workflow/my_workflow_app.json
+app/*
@@ -1,32 +1,39 @@
-## 
-v0.6.0 🚀🚗🚚🏃‍ Workflow-to-APP
+> 适配了最新版comfyui的py3.11 ，torch 2.1.2+cu121
+
+## 🚀🚗🚚🏃 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](./app/text-to-image_1_Wed%20Dec%2027%202023.json)
- [image-to-image](./app/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、CheckpointLoaderSimple、LoraLoader
+> 暂时支持6种节点作为界面上的输入节点：Load Image、CLIPTextEncode、TextInput_、FloatSlider、IntNumber、CheckpointLoaderSimple、LoraLoader

-> 输出节点：PreviewImage 、SaveImage、ShowTextForGPT
+> 输出节点：PreviewImage 、SaveImage、ShowTextForGPT、VHS_VideoCombine


-### 3D
-![](./assets/3dimage.png)
-[workflow](./workflow/3D-workflow.json)
+## 🏃🚗🚚🚀  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! 💻🌐

-
-### 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)

 https://github.com/shadowcz007/comfyui-mixlab-nodes/assets/12645064/e7e77f90-e43e-410a-ab3a-1952b7b4e7da
@@ -37,6 +44,7 @@ https://github.com/shadowcz007/comfyui-mixlab-nodes/assets/12645064/e7e77f90-e43

 !! Please use the address with HTTPS (https://127.0.0.1).

+
 ### SpeechRecognition & SpeechSynthesis
 ![f](./assets/audio-workflow.svg)

@@ -45,11 +53,23 @@ https://github.com/shadowcz007/comfyui-mixlab-nodes/assets/12645064/e7e77f90-e43
 ### GPT
 > Support for calling multiple GPTs.ChatGPT、ChatGLM3 , Some code provided by rui. If you are using OpenAI's service, fill in https://api.openai.com/v1 . If you are using a local LLM service, fill in http://127.0.0.1:xxxx/v1 .  Azure OpenAI:https://xxxx.openai.azure.com 

-
 ![gpt-workflow.svg](./assets/gpt-workflow.svg)

 [workflow-5](./workflow/5-gpt-workflow.json)

+### 3D
+![](./assets/3dimage.png)
+[workflow](./workflow/3D-workflow.json)
+
+
+### Layers
+> A new layer class node has been added, allowing you to separate the image into layers. After merging the images, you can input the controlnet for further processing.
+
+![layers](./assets/layers-workflow.svg)
+
+![poster](./assets/poster-workflow.svg)
+
+
 ### LoadImagesFromLocal
 > Monitor changes to images in a local folder, and trigger real-time execution of workflows, supporting common image formats, especially PSD format, in conjunction with Photoshop. 

@@ -61,13 +81,6 @@ https://github.com/shadowcz007/comfyui-mixlab-nodes/assets/12645064/e7e77f90-e43
 > Conveniently load images from a fixed address on the internet to ensure that default images in the workflow can be executed.


-### Layers
-> A new layer class node has been added, allowing you to separate the image into layers. After merging the images, you can input the controlnet for further processing.
-
-![layers](./assets/layers-workflow.svg)
-
-![poster](./assets/poster-workflow.svg)
-
 ## Utils
 > The Color node provides a color picker for easy color selection, the Font node offers built-in font selection for use with TextImage to generate text images, and the DynamicDelayByText node allows delayed execution based on the length of the input text.

@@ -107,6 +120,10 @@ Add edges to an image.
 ![FeatheredMask](./assets/FlVou_Y6kaGWYoEj1Tn0aTd4AjMI.jpg)


+> LaMaInpainting
+
+from [simple-lama-inpainting](https://github.com/enesmsahin/simple-lama-inpainting)
+

 ### Improvement 

@@ -120,14 +137,26 @@ An improvement has been made to directly redirect to GitHub to search for missin
 ![node-not-found](./assets/node-not-found.png)


+### Update 
+v0.8.0 🚀🚗🚚🏃‍ LaMaInpainting
+- 新增 LaMaInpainting
+- 优化color节点的输出
+- 修复高清显示屏上定位节点不准的情况
+
+- Add LaMaInpainting
+- Optimize the output of the color node
+- Fix the issue of inaccurate positioning node on high-definition display screens
+
+
 ### Models
-[Download CLIPSeg](https://huggingface.co/CIDAS/clipseg-rd64-refined/tree/main), move to : model/clipseg
+[Download CLIPSeg](https://huggingface.co/CIDAS/clipseg-rd64-refined/tree/main), move to : models/clipseg
+
+[Download lama](https://github.com/enesmsahin/simple-lama-inpainting/releases/download/v0.1.0/big-lama.pt), move to : models/lama

 <!-- ### Workflow
 [Workflow](./workflow.md) -->


-
 ## Installation

 manually install, simply clone the repo into the custom_nodes directory with this command:
@@ -161,7 +190,6 @@ pip3 install -r requirements.txt
 访问 [www.mixcomfy.com](https://www.mixcomfy.com)，获得更多内测功能，关注微信公众号：Mixlab无界社区


-
 #### Thanks:
 [ComfyUI-CLIPSeg](https://github.com/biegert/ComfyUI-CLIPSeg/tree/main)

@@ -4,7 +4,7 @@ import subprocess
 import importlib.util
 import sys,json
 import urllib
-
+import hashlib
 import datetime


@@ -79,6 +79,13 @@ install_openai()
 current_path = os.path.abspath(os.path.dirname(__file__))


+
+def calculate_md5(string):
+    encoded_string = string.encode()
+    md5_hash = hashlib.md5(encoded_string).hexdigest()
+    return md5_hash
+
+
 def create_key(key_p,crt_p):
    import OpenSSL
    # 生成自签名证书
@@ -162,17 +169,75 @@ def get_workflows():
    workflows=read_workflow_json_files(workflow_path)
    return workflows

-def get_my_workflow_for_app():
-    # print("#####path::", current_path)
-    workflow_path=os.path.join(current_path, "workflow/my_workflow_app.json")
-    print('workflow_path: ',workflow_path)
-    json_data={}
-    try:
-        with open(workflow_path) as json_file:
-            json_data = json.load(json_file)
-    except:
-        print('-')
-    return json_data
+def get_my_workflow_for_app(filename="my_workflow_app.json"):
+    app_path=os.path.join(current_path, "app")
+    if not os.path.exists(app_path):
+        os.mkdir(app_path)
+
+    apps=[]
+    if filename==None:
+        data=read_workflow_json_files(app_path)
+        i=0
+        for item in data:
+            try:
+                x=item["data"]
+                if i==0:
+                    apps.append({
+                        "filename":item["filename"],
+                        "data":x,
+                        "date":item["date"]
+                    })
+                else:
+                    apps.append({
+                        "filename":item["filename"],
+                        "data":{
+                            "app":{
+                                "description":x['app']['description'],
+                                "filename":(x['app']['filename'] if 'filename' in x['app'] else "") ,
+                                "icon":(x['app']['icon'] if 'icon' in x['app'] else None),
+                                "name":x['app']['name'],
+                                "version":x['app']['version'],
+                            }
+                        },
+                        "date":item["date"]
+                    })
+                i+=1
+            except Exception as e:
+                print("发生异常：", str(e))
+    else:
+        app_workflow_path=os.path.join(app_path, filename)
+        # print('app_workflow_path: ',app_workflow_path)
+        try:
+            with open(app_workflow_path) as json_file:
+                apps = [{
+                    'filename':filename,
+                    'data':json.load(json_file)
+                }]
+        except Exception as e:
+            print("发生异常：", str(e))
+        
+        if len(apps)==1:
+            data=read_workflow_json_files(app_path)
+            
+            for item in data:
+                x=item["data"]
+                # print(apps[0]['filename'] ,item["filename"])
+                if apps[0]['filename']!=item["filename"]:
+                    apps.append({
+                        "filename":item["filename"],
+                        "data":{
+                            "app":{
+                                "description":x['app']['description'],
+                                "filename":(x['app']['filename'] if 'filename' in x['app'] else "") ,
+                                "icon":(x['app']['icon'] if 'icon' in x['app'] else None),
+                                "name":x['app']['name'],
+                                "version":x['app']['version'],
+                            }
+                        },
+                        "date":item["date"]
+                    })
+
+    return apps

 def save_workflow_json(data):
    workflow_path=os.path.join(current_path, "workflow/my_workflow.json")
@@ -180,11 +245,22 @@ def save_workflow_json(data):
        json.dump(data, file)
    return workflow_path

-def save_workflow_for_app(data):
-    workflow_path=os.path.join(current_path, "workflow/my_workflow_app.json")
-    with open(workflow_path, 'w') as file:
+def save_workflow_for_app(data,filename="my_workflow_app.json"):
+    app_path=os.path.join(current_path, "app")
+    if not os.path.exists(app_path):
+        os.mkdir(app_path)
+    app_workflow_path=os.path.join(app_path, filename)
+ 
+    try:
+        output_str = json.dumps(data['output'])
+        data['app']['id']=calculate_md5(output_str)
+        # id=data['app']['id']
+    except Exception as e:
+        print("发生异常：", str(e))
+    
+    with open(app_workflow_path, 'w') as file:
        json.dump(data, file)
-    return workflow_path
+    return filename

 def get_nodes_map():
    # print("#####path::", current_path)
@@ -295,14 +371,17 @@ async def mixlab_workflow_hander(request):
                    'file_path':file_path
                }
            elif data['task']=='save_app':
-                file_path=save_workflow_for_app(data['data'])
+                file_path=save_workflow_for_app(data['data'],data['filename'])
                result={
                    'status':'success',
                    'file_path':file_path
                }
            elif data['task']=='my_app':
+                filename=None
+                if 'filename' in data:
+                    filename=data['filename']
                result={
-                    'data':get_my_workflow_for_app(),
+                    'data':get_my_workflow_for_app(filename),
                    'status':'success',
                }
            elif data['task']=='list':
@@ -358,21 +437,22 @@ PromptServer.add_routes=new_add_routes


 # 导入节点
-from .nodes.PromptNode import RandomPrompt
-from .nodes.ImageNode import NoiseImage,TransparentImage,LoadImagesFromPath,LoadImagesFromURL,ResizeImage,TextImage,SvgImage,Image3D,EmptyLayer,ShowLayer,NewLayer,MergeLayers,AreaToMask,SmoothMask,FeatheredMask,SplitLongMask,ImageCropByAlpha,EnhanceImage,FaceToMask
+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
 from .nodes.Clipseg import CLIPSeg,CombineMasks
 from .nodes.ChatGPT import ChatGPTNode,ShowTextForGPT,CharacterInText
 from .nodes.Audio import GamePal,SpeechRecognition,SpeechSynthesis
 from .nodes.Utils import AppInfo,IntNumber,FloatSlider,TextInput,ColorInput,FontInput,TextToNumber,DynamicDelayProcessor,LimitNumber,SwitchByIndex,GetImageSize_,MultiplicationNode
-
+from .nodes.Lama import LaMaInpainting

 # 要导出的所有节点及其名称的字典
 # 注意：名称应全局唯一
 NODE_CLASS_MAPPINGS = {
    "AppInfo":AppInfo,
    "RandomPrompt":RandomPrompt,
+    "PromptSlide":PromptSlide,
    "NoiseImage":NoiseImage,
    "TransparentImage":TransparentImage,
    "ResizeImageMixlab":ResizeImage,
@@ -413,6 +493,7 @@ NODE_CLASS_MAPPINGS = {
    "GetImageSize_":GetImageSize_,
    "SwitchByIndex":SwitchByIndex,
    "LimitNumber":LimitNumber, 
+    "LaMaInpainting":LaMaInpainting
    # "GamePal":GamePal
 }

@@ -432,7 +513,9 @@ NODE_DISPLAY_NAME_MAPPINGS = {
    "SpeechSynthesis":"SpeechSynthesis ♾️Mixlab",
    "SpeechRecognition":"SpeechRecognition ♾️Mixlab",
    "3DImage":"3DImage ♾️Mixlab",
-    "DynamicDelayProcessor":"DynamicDelayByText ♾️Mixlab"
+    "DynamicDelayProcessor":"DynamicDelayByText ♾️Mixlab",
+    "LaMaInpainting":"LaMaInpainting ♾️Mixlab",
+    "PromptSlide":"PromptSlide ♾️Mixlab"

    # "GamePal":"GamePal ♾️Mixlab"
 }
@@ -441,5 +524,5 @@ NODE_DISPLAY_NAME_MAPPINGS = {
 WEB_DIRECTORY = "./web"

 print('--------------')
-print('\033[91mMixlab Nodes: \033[93mLoaded\033[0m')
+print('\033[91m ### Mixlab Nodes: \033[93mLoaded\033[0m')
 print('--------------')
@@ -4784,6 +4784,7 @@
            "MergeLayers",
            "NewLayer",
            "RandomPrompt",
+            "PromptSlide",
            "ScreenShare",
            "ShowLayer",
            "ShowTextForGPT",
@@ -4793,12 +4794,14 @@
            "SplitLongMask",
            "SvgImage",
            "TextImage",
+            "ResizeImageMixlab",
            "TransparentImage",
            "VAEDecodeConsistencyDecoder",
            "VAELoaderConsistencyDecoder",
            "TextToNumber",
            "TextInput_",
-            "DynamicDelayProcessor"
+            "DynamicDelayProcessor",
+            "LaMaInpainting"
        ],
        {
            "title_aux": "comfyui-mixlab-nodes"
@@ -75,11 +75,11 @@ class ChatGPTNode:
            "required": {
                "api_key":("KEY", {"default": "", "multiline": True}),
                "api_url":("URL", {"default": "", "multiline": True}),
-                "prompt": ("STRING", {"multiline": True}),
+                "prompt": ("STRING", {"multiline": True,"dynamicPrompts": False}),
                "system_content": ("STRING", 
                                   {
                                       "default": "You are ChatGPT, a large language model trained by OpenAI. Answer as concisely as possible.", 
-                                       "multiline": True
+                                       "multiline": True,"dynamicPrompts": False
                                       }),
                "model": (["gpt-3.5-turbo","gpt-35-turbo","gpt-3.5-turbo-16k", "gpt-3.5-turbo-16k-0613", "gpt-4-0613","gpt-4-1106-preview"], 
                          {"default": "gpt-3.5-turbo"}),
@@ -167,7 +167,7 @@ class ShowTextForGPT:
    def INPUT_TYPES(s):
        return {
            "required": {
-                "text": ("STRING", {"forceInput": True}),
+                "text": ("STRING", {"forceInput": True,"dynamicPrompts": False}),
            }
        }

@@ -189,8 +189,8 @@ class CharacterInText:
    def INPUT_TYPES(s):
        return {
            "required": {
-                 "text": ("STRING", {"multiline": True}),
-                 "character": ("STRING", {"multiline": True}),
+                 "text": ("STRING", {"multiline": True,"dynamicPrompts": False}),
+                 "character": ("STRING", {"multiline": True,"dynamicPrompts": False}),
                 "start_index": ("INT", {
                    "default": 1,
                    "min": 0, #Minimum value
@@ -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))
@@ -101,7 +101,7 @@ class CLIPSeg:
        return {"required":
                    {
                        "image": ("IMAGE",),
-                        "text": ("STRING", {"multiline": False}),
+                        "text": ("STRING", {"multiline": False,"dynamicPrompts": False}),
                        
                     },
                "optional":
@@ -246,7 +246,7 @@ class CombineMasks:
        
        # Resize heatmap and binary mask to match the original image dimensions
        dimensions = (image_np.shape[1], image_np.shape[0])
-        print('heatmap',heatmap)
+        # print('heatmap',heatmap)
        if dimensions is None or dimensions[0] == 0 or dimensions[1] == 0:
            raise ValueError("Invalid dimensions")
        
@@ -506,6 +506,7 @@ def generate_text_image(text, font_path, font_size, text_color, vertical=True, s
        y = 0
        for line in lines:
            for char in line:
+                #print('char',char)
                char_coordinates.append((x, y))
                x += font_size + spacing
            y += font_size + spacing
@@ -514,10 +515,10 @@ def generate_text_image(text, font_path, font_size, text_color, vertical=True, s
    # 3. Calculate image width and height
    if layout == "vertical":
        width = (len(lines) * (font_size + spacing)) - spacing
-        height = (len(max(lines, key=len)) * (font_size + spacing)) + spacing
+        height = ((len(max(lines, key=len))+1) * (font_size + spacing)) + spacing
    else:
        width = (len(max(lines, key=len)) * (font_size + spacing)) - spacing
-        height = (len(lines) * (font_size + spacing)) + spacing
+        height = ((len(lines)-1) * (font_size + spacing)) + font_size

    # 4. Draw each character on the image
    image = Image.new('RGBA', (width, height), (255, 255, 255,0))
@@ -990,8 +991,8 @@ class TextImage:
    def INPUT_TYPES(s):
        return {"required": { 
            
-                    "text": ("STRING",{"multiline": True,"default": "龍馬精神迎新歲"}),
-                    "font_path": ("STRING",{"multiline": False,"default": FONT_PATH}),
+                    "text": ("STRING",{"multiline": True,"default": "龍馬精神迎新歲","dynamicPrompts": False}),
+                    "font_path": ("STRING",{"multiline": False,"default": FONT_PATH,"dynamicPrompts": False}),
                    "font_size": ("INT",{
                                "default":100, 
                                "min": 100, #Minimum value
@@ -1001,12 +1002,12 @@ class TextImage:
                                }), 
                    "spacing": ("INT",{
                                "default":12, 
-                                "min": 1, #Minimum value
+                                "min": -200, #Minimum value
                                "max": 200, #Maximum value
                                "step": 1, #Slider's step
                                "display": "number" # Cosmetic only: display as "number" or "slider"
                                }), 
-                    "text_color":("STRING",{"multiline": False,"default": "#000000"}),
+                    "text_color":("STRING",{"multiline": False,"default": "#000000","dynamicPrompts": False}),
                    "vertical":("BOOLEAN", {"default": True},),
                             },
                }
@@ -0,0 +1,84 @@
+import os
+import folder_paths
+from simple_lama_inpainting import SimpleLama
+from PIL import Image
+
+import numpy as np
+
+import torch
+
+
+ 
+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):
+    return Image.fromarray(np.clip(255. * image.cpu().numpy().squeeze(), 0, 255).astype(np.uint8))
+
+# Convert PIL to Tensor
+def pil2tensor(image):
+    return torch.from_numpy(np.array(image).astype(np.float32) / 255.0).unsqueeze(0)
+
+
+# simple_lama = SimpleLama()
+
+# img_path = "image.png"
+# mask_path = "mask.png"
+
+# image = Image.open(img_path)
+# mask = Image.open(mask_path).convert('L')
+
+# result = simple_lama(image, mask)
+# result.save("inpainted.png")
+
+
+class LaMaInpainting:
+    @classmethod
+    def INPUT_TYPES(s):
+        return {"required": {
+            "image": ("IMAGE",),
+            "mask": ("MASK",),
+                             },
+
+            
+                }
+    
+    RETURN_TYPES = ("IMAGE",)
+
+    FUNCTION = "run"
+
+    CATEGORY = "♾️Mixlab/image"
+
+    INPUT_IS_LIST = True
+    OUTPUT_IS_LIST = (True,)
+    global simple_lama
+    simple_lama = None
+    def run(self,image,mask):
+        global simple_lama
+
+        result=[]
+        if simple_lama==None:
+            simple_lama = SimpleLama()
+        else:
+            simple_lama.model.to("cuda" if torch.cuda.is_available() else "cpu")
+
+        for i in range(len(image)):
+            im=image[i]
+            ma=mask[i]
+            im=tensor2pil(im)
+            ma=tensor2pil(ma)
+            ma =ma.convert('L')
+            
+            res = simple_lama(im, ma)
+            res=pil2tensor(res)
+            result.append(res)
+        # result.save("inpainted.png")
+        if simple_lama.device=='cuda':
+            simple_lama.model.to('cpu')
+
+        return (result,)
@@ -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'],)}

@@ -88,18 +88,23 @@ class ColorInput:
                             },
                }
    
-    RETURN_TYPES = ("STRING",)
-    # RETURN_NAMES = ("WIDTH","HEIGHT","X","Y",)
+    RETURN_TYPES = ("STRING","INT","INT","INT","FLOAT",)
+    RETURN_NAMES = ("hex","r","g","b","a",)

    FUNCTION = "run"

    CATEGORY = "♾️Mixlab/utils"

    INPUT_IS_LIST = False
-    OUTPUT_IS_LIST = (False,False,)
+    OUTPUT_IS_LIST = (False,False,False,False,False,)

    def run(self,color):
-        return (color,)
+        h=color['hex']
+        r=color['r']
+        g=color['g']
+        b=color['b']
+        a=color['a']
+        return (h,r,g,b,a,)



@@ -120,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:
@@ -177,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"  
+                        }),
                             },
                }
    
@@ -189,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,)
    
  
@@ -202,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"  
+                        }),
                             },
                }
    
@@ -217,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:
@@ -369,14 +422,14 @@ class AppInfo:
    @classmethod
    def INPUT_TYPES(s):
        return {"required": { 
-                    "name": ("STRING",{"multiline": False,"default": "Mixlab-App"}),
+                    "name": ("STRING",{"multiline": False,"default": "Mixlab-App","dynamicPrompts": False}),
                    "image": ("IMAGE",),
-                    "input_ids":("STRING",{"multiline": True,"default": "\n".join(["1","2","3"])}),
-                    "output_ids":("STRING",{"multiline": True,"default": "\n".join(["5","9"])}),
+                    "input_ids":("STRING",{"multiline": True,"default": "\n".join(["1","2","3"]),"dynamicPrompts": False}),
+                    "output_ids":("STRING",{"multiline": True,"default": "\n".join(["5","9"]),"dynamicPrompts": False}),
                             },

                "optional":{
-                    "description":("STRING",{"multiline": True,"default": ""}),
+                    "description":("STRING",{"multiline": True,"default": "","dynamicPrompts": False}),
                    "version":("INT", {
                        "default": 1, 
                        "min": 1, 
@@ -384,6 +437,8 @@ class AppInfo:
                        "step": 1, 
                        "display": "number"  
                    }),
+                    "share_prefix":("STRING",{"multiline": False,"default": "","dynamicPrompts": False}),
+                    "link":("STRING",{"multiline": False,"default": "https://","dynamicPrompts": False}),
                }

                }
@@ -398,13 +453,13 @@ class AppInfo:
    INPUT_IS_LIST = False
    OUTPUT_IS_LIST = (False,)

-    def run(self,name,image,input_ids,output_ids,description,version):
+    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]}, "result": (image,)}
+        return {"ui": {"json": [name,im,input_ids,output_ids,description,version,share_prefix,link]}, "result": (image,)}
    

    
@@ -3,4 +3,5 @@ pyOpenSSL
 watchdog
 opencv-python-headless
 matplotlib
-openai
+openai
+simple-lama-inpainting
@@ -11,9 +11,91 @@
            width: 90%;
            min-width: 400px;
            margin-left: 5%;
+            user-select: none;
+        }
+
+        .apps {
+            margin: 0 32px;
+            background: whitesmoke;
+            color: black;
+            padding: 12px;
+            cursor: pointer;
+        }
+
+        .apps .content {
+            display: flex;
+            flex-wrap: wrap;
        }


+        .apps .card {
+            width: 200px;
+            margin: 12px;
+            display: flex;
+            flex-direction: row;
+            background: #f8f8f8;
+            cursor: pointer;
+            user-select: none;
+        }
+
+        .apps .selected {
+            box-shadow: 0px 0px 10px 10px #fbe9f0
+        }
+
+        .apps .card:hover {
+            box-shadow: 0px 0px 10px 10px #e9fbfa
+        }
+
+        .apps .card h5 {
+            font-size: 14px;
+            margin: 10px 0;
+        }
+
+        .apps .card p {
+            margin: 0;
+            padding: 0;
+        }
+
+        .apps .card img {
+            width: auto;
+            height: 100%;
+
+            margin: 0px;
+        }
+
+        .apps .card .item {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            align-items: flex-start;
+        }
+
+        .apps .card .icon {
+            width: 120px;
+            height: 120px;
+            overflow: hidden;
+            background: #e3e3e3;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+
+
+        .apps .card .version {
+            font-size: 12px;
+
+        }
+
+        .status_seed {
+            display: flex;
+            flex-direction: column;
+            margin: 12px;
+        }
+
+        .seeds {
+            font-size: 12px;
+            margin-top: 4px;
+        }

        .status {
            background: black;
@@ -22,7 +104,7 @@
            width: fit-content;
            padding: 4px;
            font-size: 12px;
-            margin: 12px;
+
        }

        .description {
@@ -42,17 +124,24 @@
            display: flex;
            flex-direction: column;
            min-width: 400px;
-            background: #eee;
+            /* background: #eee; */
            margin: 24px;
            flex: 1;
            align-items: center;
            /* justify-content: center; */
        }

+        .panel .header {
+            margin-bottom: 8px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+        }
+
        .panel h1 {
            padding: 0 12px;
-            margin-top: 12px;
-            margin-bottom: 0;
+            margin: 0;
        }

        .panel img,
@@ -66,15 +155,21 @@
        .input_card {
            display: flex;
            flex-direction: column;
+            width: 100%;
+        }
+
+        .output {
+            width: 90%;
+            margin: 12px;
        }

        .output_card {
            height: 100%;
            width: 100%;
-            box-shadow: 0px 0px 8px 3px #e6e7e7;

+            margin-top: 24px;
            display: flex;
-
+            flex-wrap: wrap;
            /* justify-content: center;
            align-items: center; */

@@ -84,6 +179,9 @@
        video {
            max-width: 400px;
            max-height: 600px;
+            margin: 8px;
+            min-width: 200px;
+            box-shadow: 0px 0px 20px 7px #e6e7e7;
        }

        .card {
@@ -125,7 +223,7 @@
            border: 3px solid;
        }

-        .run_btn:hover {
+        button:hover {
            border-color: yellow;
            color: yellow;
        }
@@ -138,28 +236,28 @@
        .upload_btn {
            width: 188px;
            cursor: pointer;
-            height: 188px;
-            background: black;
+            /* height: 188px; */
+            /* background: black; */
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            font-size: 14px;
-            margin-left: calc(50% - 94px);
-            margin-top: calc(30vh - 94px);
+            color: black;
        }

-        .upload_btn:hover {
+        /* .upload_btn:hover {
            outline: 4px solid yellow;
            color: yellow;
-        }
+        } */

        .show_text {
            font-size: 14px;
            /* display: inline-block; */
-            /* margin: 13px; */
+            margin: 8px;
            padding: 32px;
+            min-width: 200px;
            background: #242424;
            color: white;
        }
@@ -170,15 +268,40 @@
            font-size: 12px;
            font-weight: 300;
        }
+
+        label::after {
+            content: attr(data-content);
+            /* Set the initial content using the data-content attribute */
+            /* position: absolute; */
+            /* top: 100%;
+            left: 0; */
+            margin-left: 4px;
+            font-size: 12px;
+            color: #555;
+        }
+
+        select,
+        button,
+        input {
+            height: 32px;
+            cursor: pointer;
+            background: #000000bf;
+            color: white;
+            outline: none;
+            border: none;
+            border-radius: 4px;
+            margin-top: 8px;
+        }
    </style>
    <!-- <script src="../../../scripts/api.js" type="module"></script> -->
 </head>

 <body>
-    <div style="margin: 24px;
-    background: #eee;
-    padding: 24px;
-    color: #4a4a4a;">Explore your creative potential with <a class="link"
+    <div style="margin: 0 24px;
+    margin-bottom: 24px;
+    padding: 8px;
+    color: #4a4a4a;
+    border-bottom: 1px dashed #595959;">Explore your creative potential with <a class="link"
            href="https://github.com/shadowcz007/comfyui-mixlab-nodes" target="_blank">mixlab-nodes</a> / 尽情发挥你的创意
        <br>
        <a class="link" href="https://www.mixcomfy.com" target="_blank">ComfyUI中文爱好者社区推荐</a>
@@ -238,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 });
@@ -258,46 +381,110 @@
                });
        }

-        async function get_my_app() {

+        function success(isSuccess, btn, text) {
+            isSuccess ? btn.innerText = 'success' : text;
+            setTimeout(() => {
+                btn.innerText = text;
+            }, 5000)
+        }
+
+        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'
+                    task: 'my_app',
+                    filename
                })
            })
            let result = await res.json();
-
-            let { output, app } = result.data
-
-            return {
-                ...app,
-                data: output
+            let data = [];
+            try {
+                for (const res of result.data) {
+                    let { output, app } = res.data;
+                    if (app.filename) data.push({
+                        ...app,
+                        data: output,
+                        date: res.date
+                    })
+                }
+            } catch (error) {
            }
+            return data
        }


-        function createOutputs(outputData) {
-            // Array.from( window._appData.output,n=>n.id)
-            const container = document.createElement("div");
-            container.className = 'output_card'
+        function createOutputs(outputData, link) {
+            const container = document.createElement('div');
+            container.className = "output";
+
+            const action = document.createElement('div');
+            container.appendChild(action)
+
+            const copyHTML = document.createElement('button');
+            copyHTML.innerText = 'copy as html'
+            action.appendChild(copyHTML)
+
+            const copyImage = document.createElement('button');
+            copyImage.innerText = 'copy image'
+            action.appendChild(copyImage)
+            copyImage.style.marginLeft = '18px';
+
+            const copyText = document.createElement('button');
+            copyText.innerText = 'copy text for share'
+            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'))
+
+            })
+
+            copyImage.addEventListener('click', e => {
+                e.preventDefault();
+                // copyHtmlWithImagesToClipboard(output_card.outerHTML)
+                copyImagesToClipboard(output_card.outerHTML, (r) => success(r, copyImage, 'copy image'))
+                // copyTextToClipboard()
+            })
+            copyHTML.addEventListener('click', e => {
+                e.preventDefault();
+                copyHtmlWithImagesToClipboard((window._appData.share_prefix || '') + " " + output_card.outerHTML, (r) => success(r, copyHTML, 'copy as html'))
+                // copyImagesToClipboard(output_card.outerHTML)
+            })

            for (const node of outputData) {
-                console.log('output', node)
+                // console.log('output', node)
                if (node.class_type == "ShowTextForGPT") {
                    let div = document.createElement('div');
                    div.className = "show_text"
                    div.id = `output_${node.id}`;
-                    div.innerText = node.inputs.text[0]
-                    container.appendChild(div);
+                    div.innerText = Array.isArray(node.inputs.text) ? node.inputs.text[0] : node.inputs.text
+                    output_card.appendChild(div);
                };
                if (["SaveImage", "PreviewImage"].includes(node.class_type)) {
                    let img = new Image();
                    img.id = `output_${node.id}`;
                    img.src = base64Df;
-                    container.appendChild(img);
+                    output_card.appendChild(img);
                }

                // video ,gif
@@ -313,7 +500,7 @@

                    v.appendChild(video);
                    v.appendChild(img);
-                    container.appendChild(v);
+                    output_card.appendChild(v);
                }

            }
@@ -362,6 +549,134 @@
            }
        }

+
+        function copyHtmlWithImagesToClipboard(data, cb) {
+            // 创建一个临时div元素
+            const tempDiv = document.createElement('div');
+
+            // 将HTML字符串赋值给div的innerHTML属性
+            tempDiv.innerHTML = data;
+
+            // 获取div中的所有图像元素
+            const images = tempDiv.getElementsByTagName('img');
+
+            // 遍历图像元素，并将图像数据转换为Base64编码
+            for (let i = 0; i < images.length; i++) {
+                const image = images[i];
+                const canvas = document.createElement('canvas');
+                const context = canvas.getContext('2d');
+
+                // 设置canvas尺寸与图像尺寸相同
+                canvas.width = image.width;
+                canvas.height = image.height;
+
+                // 在canvas上绘制图像
+                context.drawImage(image, 0, 0);
+
+                // 将canvas转换为Base64编码
+                const imageData = canvas.toDataURL();
+
+                // 将Base64编码替换图像元素的src属性
+                image.src = imageData;
+            }
+
+
+            let richText = tempDiv.innerHTML;
+
+            // 创建一个新的Blob对象，并将富文本字符串作为数据传递进去
+            const blob = new Blob([richText], { type: 'text/html' });
+
+            // 创建一个ClipboardItem对象，并将Blob对象添加到其中
+            const clipboardItem = new ClipboardItem({ 'text/html': blob });
+
+            // 使用Clipboard API将内容复制到剪贴板
+            navigator.clipboard.write([clipboardItem])
+                .then(() => {
+                    console.log('富文本已成功复制到剪贴板');
+                    tempDiv.remove()
+                    if (cb) cb(true)
+                })
+                .catch((error) => {
+                    console.error('复制到剪贴板失败:', error);
+                    tempDiv.remove()
+                    if (cb) cb(false)
+                });
+
+        }
+
+        // const htmlWithImages = "<p>这是要复制的HTML内容</p><img src='data:image/png;base64,iVBORw0KG...'>"
+        // copyHtmlWithImagesToClipboard(htmlWithImages);
+
+        function copyImagesToClipboard(html, cb) {
+            const tempDiv = document.createElement('div');
+            tempDiv.innerHTML = html;
+            const images = tempDiv.querySelectorAll('img');
+            const promises = Array.from(images).map((image) => {
+                return new Promise((resolve) => {
+                    const img = new Image();
+                    img.src = image.src;
+                    img.onload = () => {
+                        const canvas = document.createElement('canvas');
+                        const context = canvas.getContext('2d');
+                        canvas.width = img.width;
+                        canvas.height = img.height;
+                        context.drawImage(img, 0, 0);
+                        canvas.toBlob((blob) => {
+                            const clipboardItem = new ClipboardItem({ 'image/png': blob });
+                            navigator.clipboard.write([clipboardItem])
+                                .then(() => {
+                                    resolve();
+                                    tempDiv.remove()
+                                    if (cb) cb(true)
+                                })
+                                .catch((error) => {
+                                    reject(error);
+                                    tempDiv.remove()
+                                    if (cb) cb(false)
+                                });
+                        });
+                    };
+                });
+            });
+            Promise.all([...promises])
+                .then(() => {
+                    console.log('所有图片已成功复制到剪贴板');
+                    if (cb) cb(true)
+                    tempDiv.remove()
+                })
+                .catch((error) => {
+                    console.error('复制到剪贴板失败:', error);
+                    if (cb) cb(false)
+                    tempDiv.remove()
+                });
+        }
+
+        function copyTextToClipboard(html, cb) {
+            const tempDiv = document.createElement('div');
+            tempDiv.innerHTML = html;
+
+            const text = tempDiv.innerText;
+            const textData = new ClipboardItem({ 'text/plain': new Blob([text], { type: 'text/plain' }) });
+
+            navigator.clipboard.write([textData])
+                .then(() => {
+                    console.log('所有文本已成功复制到剪贴板', text);
+                    if (cb) cb(true)
+                    tempDiv.remove()
+                })
+                .catch((error) => {
+                    console.error('复制到剪贴板失败:', error);
+                    if (cb) cb(false)
+                    tempDiv.remove()
+                });
+        }
+
+
+        // const htmlString = "<p>这是要复制的HTML内容</p><img src='url'><img src='url'>";
+        // copyImagesToClipboard(htmlString);
+
+
+
        function createInputs(inputData) {
            // Assuming you have an HTML element with the id "container" to hold the UI
            const container = document.createElement("div");
@@ -383,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
@@ -393,6 +711,7 @@
                    // Create a label for the upload control
                    const nameLabel = document.createElement("label");
                    nameLabel.textContent = data.title || "LoadImage: ";
+                    nameLabel.style.marginBottom = '12px'
                    uploadContainer.appendChild(nameLabel);

                    let actionDiv = document.createElement('div');
@@ -408,9 +727,7 @@
                    actionDiv.appendChild(uploadImageInputHide);

                    const btnFromClipboard = document.createElement("button");
-                    btnFromClipboard.style = `width: 156px;
-                    height: 24px;
-                    margin-left: 18px;`
+                    btnFromClipboard.style = `width: 156px; margin-left: 18px;`
                    btnFromClipboard.innerText = 'paste from clipboard'
                    actionDiv.appendChild(btnFromClipboard);

@@ -467,11 +784,41 @@
                    container.appendChild(uploadContainer);
                }

-                if (['FloatSlider', 'IntNumber'].includes(data.class_type)) {
+                if (["PromptSlide"].includes(data.class_type)) {
                    // 滑块输入
-                    let silde = createFloatSlide(data.title, data.inputs.number, (v) => {
-                        window._appData.data[data.id].inputs.number = v;
-                    })
+                    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;
+                        },
+                        options.min,
+                        options.max,
+                        data.class_type === 'IntNumber' ? 'int' : 'float')
                    container.appendChild(silde);
                }

@@ -537,19 +884,20 @@
            return container
        }

-        function createFloatSlide(labelText, value = 0, callback, minValue = 0, maxValue = 1) {
+        function createNumSlide(labelText, value = 0, callback, minValue = 0, maxValue = 1, type = 'float') {

            // 创建滑块输入元素
            var slider = document.createElement("input");
            slider.type = "range";
            slider.min = minValue;
            slider.max = maxValue;
-            slider.step = 0.01
+            slider.step = type == 'float' ? 0.01 : 1
            slider.value = value;

            // 创建标签元素
            var label = document.createElement("label");
            label.innerHTML = labelText;
+            label.setAttribute('data-content', value);

            // 创建容器元素，并将滑块输入和标签添加到容器中
            var container = document.createElement("div");
@@ -558,9 +906,11 @@
            container.className = 'card'

            // 添加change事件监听器
-            slider.addEventListener("change", function (event) {
+            slider.addEventListener("input", function (event) {
                var value = event.target.value;
+                value = type == 'float' ? value : Math.round(value)
                console.log("滑块输入的值为：" + value);
+                label.setAttribute('data-content', value);
                // 在这里可以执行其他操作，根据需要进行相应的处理
                callback && callback(value)
            });
@@ -599,24 +949,29 @@
            return [div, selectElement];
        }

-        function getTypeFromUrl(url) {
+        function getFilenameFromUrl(url) {
            const queryString = url.split('?')[1];
            if (!queryString) {
                return null;
            }

            const params = new URLSearchParams(queryString);
-            const type = params.get('type');
+            const filename = decodeURIComponent(params.get('filename'));

-            return type;
+            return filename;
        }



-        function createUI(inputData, outputData) {
+        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'
@@ -624,15 +979,33 @@
            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;
            // top: 12px;flex:0.6`

            // 创建标题
+            let titleDiv = document.createElement('div');
+            titleDiv.className = 'header'
+
            var title = document.createElement('h1');
            title.textContent = 'My Application';
+            titleDiv.appendChild(title);
+
+            if (share) {
+                const shareBtn = document.createElement('button');
+                shareBtn.innerText = 'copy url';
+                shareBtn.addEventListener('click', e => {
+                    e.preventDefault();
+                    let url = `${get_url()}/mixlab/app?filename=${encodeURIComponent(window._appData.filename)}`;
+                    copyTextToClipboard(url, success(e, shareBtn, 'copy url'));
+                })
+
+                titleDiv.appendChild(shareBtn);
+            }
+
+

            let iconDes = document.createElement('div');
            // 创建应用图标
@@ -648,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');
@@ -663,16 +1063,16 @@
            submitButton.className = 'run_btn'

            // 将所有UI元素添加到页面中
-            leftDiv.appendChild(title);
+            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)
@@ -750,16 +1150,16 @@

                        });
                    }
-                }
+                },
            };
        }

-        function createUploadJson() {
+        function createUploadJson(detail) {

            // 创建一个div元素
            var div = document.createElement('div');
-            div.className = 'upload_btn'
-            div.textContent = '点击上传JSON文件';
+            div.className = 'upload_btn card'
+            div.textContent = '上传并运行你的JSON文件';
            div.addEventListener('click', function () {
                document.getElementById('jsonFileInput').click();
            });
@@ -775,10 +1175,11 @@
                reader.onload = function (e) {
                    var contents = e.target.result;
                    var jsonData = JSON.parse(contents);
-                    setTimeout(() => {
-                        div.remove();
-                        input.remove();
-                    }, 500);
+
+
+                    Array.from(detail.querySelectorAll('.card'), c => c.classList.remove('selected'));
+                    div.className = 'upload_btn card selected'
+

                    let { output, app } = jsonData;

@@ -786,8 +1187,8 @@
                        ...app,
                        data: output
                    };
-
-                    createApp(window._appData);
+                    if (document.body.querySelector('.app')) document.body.querySelector('.app').remove()
+                    createApp(window._appData, false);

                    // res(jsonData);
                };
@@ -795,16 +1196,16 @@
            });

            // 将div和input元素添加到body中
-            document.body.appendChild(div);
+            // document.body.appendChild(div);
            document.body.appendChild(input);
-
-
+            return div
        }


-        async function createApp(appData) {
+        async function createApp(appData, share = true) {
+            // console.log(appData)
            // 使用示例：
-            var ui = createUI(appData.input, appData.output);
+            var ui = createUI(appData.input, appData.output, appData.seed, share,appData.link);

            // 更新标题
            ui.title.update(appData.name || 'Mixlab APP');
@@ -859,8 +1260,8 @@
                    // if (!images) return; 
                    const src = `${get_url()}/view?filename=${encodeURIComponent(images[0].filename)}&type=${images[0].type}&subfolder=${encodeURIComponent(images[0].subfolder)}&t=${+new Date()}`;
                    show(src, detail.node, 'image');
-                } else if (text && text[0]) {
-                    ui.output.update("text", text[0], detail.node)
+                } else if (text) {
+                    ui.output.update("text", Array.isArray(text) ? text[0] : text, detail.node)
                } else if (gifs && gifs[0]) {
                    // if (!images) return; 
                    const src = `${get_url()}/view?filename=${encodeURIComponent(gifs[0].filename)}&type=${gifs[0].type}&subfolder=${encodeURIComponent(gifs[0].subfolder)
@@ -886,24 +1287,72 @@

            api.api_base = ""
            api.init();
+
        }

+        // 创建app的选择菜单
+        function createAppList(apps = []) {
+            let details = document.createElement('details');
+            details.className = 'apps';
+
+            details.innerHTML = `<summary>ComfyUI APP Store / ${apps.length}</summary>
+                <div class="content"> </div>`
+
+            let div = details.querySelector('div');
+
+            for (let index = 0; index < apps.length; index++) {
+                const app = apps[index];
+                let d = document.createDocumentFragment();
+                let dd = document.createElement('div');
+                d.appendChild(dd);
+                dd.className = 'card' + (index == 0 ? ' selected' : '')
+                dd.innerHTML = ` 
+                        <div class="item icon">
+                            <img src="${app.icon || base64Df}"/>
+                        </div>
+                        <div class="item" style="margin-left: 24px;">
+                            <div>
+                                <h5>${app.name}</h5>
+                                <p>${app.description}</p>
+                            </div>
+                            <div >
+                                <p class="version">version: ${app.version}</p>
+                                
+                            </div>
+                        </div>
+                      `
+
+                div.appendChild(d);
+                dd.addEventListener('click', async e => {
+                    e.preventDefault();
+                    Array.from(div.querySelectorAll('.card'), c => c.classList.remove('selected'));
+                    dd.className = 'card selected'
+                    // console.log(app.filename)
+
+                    window._appData = (await get_my_app(app.filename))[0];
+                    if (document.body.querySelector('.app')) document.body.querySelector('.app').remove()
+                    createApp(window._appData);
+
+                })
+                // console.log(div)
+            };
+
+            let uploadApp = createUploadJson(details);
+            div.appendChild(uploadApp);
+
+            document.body.appendChild(details);
+        }

        async function init_app() {

-            let appData = {}
+            const filename = getFilenameFromUrl(location.href);
+            window._apps = await get_my_app(filename);

-            const type = getTypeFromUrl(location.href);
-            if (type === 'new') {
-                createUploadJson();
-            } else {
-                appData = await get_my_app();
-                // console.log(appData)
-                window._appData = appData;
+            window._appData = window._apps[0];

-                createApp(appData);
-            }
+            createAppList(window._apps);

+            createApp(window._appData);

        };

@@ -70,22 +70,37 @@ 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 {
          if (node.type === 'CheckpointLoaderSimple') {
            options = node.widgets.filter(w => w.name === 'ckpt_name')[0]
              .options.values
-          }else if(node.type === 'LoraLoader'){
-            options =node.widgets.filter(w=>w.name==='lora_name')[0].options.values
+          } else if (node.type === 'LoraLoader') {
+            options = node.widgets.filter(w => w.name === 'lora_name')[0]
+              .options.values
          }
        } 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,
@@ -95,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 () {
@@ -119,7 +143,8 @@ async function save_app (json) {
    method: 'POST',
    body: JSON.stringify({
      data: json,
-      task: 'save_app'
+      task: 'save_app',
+      filename: json.app.filename
    })
  })
  return await res.json()
@@ -144,6 +169,8 @@ function downloadJsonFile (jsonData, fileName = 'mix_app.json') {
 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)
@@ -159,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
@@ -170,7 +197,11 @@ async function save (json, download = false) {
      description,
      version,
      input,
-      output
+      output,
+      seed, //控制是fixed 还是random
+      share_prefix,
+      link,
+      filename: `${name}_${version}.json`
    }

    try {
@@ -180,14 +211,19 @@ async function save (json, download = false) {
    // let http_workflow = app.graph.serialize()

    if (download) {
-      await downloadJsonFile(
-        data,
-        `${data.app.name}_${data.app.version}_${new Date().toDateString()}.json`
-      )
+      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?type=new`
+        `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?type=new`)
+      if (open)
+        window.open(
+          `${getUrl()}/mixlab/app?filename=${encodeURIComponent(
+            data.app.filename
+          )}`
+        )
    } else {
      await save_app(data)

@@ -208,7 +244,7 @@ app.registerExtension({
      const orig_nodeCreated = nodeType.prototype.onNodeCreated
      nodeType.prototype.onNodeCreated = function () {
        orig_nodeCreated?.apply(this, arguments)
-        // console.log(this)
+        console.log('#orig_nodeCreated', this)
        const widget = {
          type: 'div',
          name: 'AppInfoRun',
@@ -218,7 +254,7 @@ app.registerExtension({
              get_position_style(
                ctx,
                widget_width,
-                node.widgets[4].last_y + 24,
+                node.size[1] - widget_height,
                node.size[1]
              )
            )
@@ -236,7 +272,7 @@ app.registerExtension({
        widget.div = $el('div', {})

        const btn = document.createElement('button')
-        btn.innerText = 'Save For App'
+        btn.innerText = 'Save & Open'
        btn.style = style

        btn.addEventListener('click', () => {
@@ -246,6 +282,7 @@ app.registerExtension({
          } else {
            alert('Please run the workflow before saving')
            // app.queuePrompt(0, 1)
+            this.widgets.filter(w => w.name === 'version')[0].value += 1
          }
        })

@@ -261,6 +298,7 @@ app.registerExtension({
          } else {
            alert('Please run the workflow before saving')
            // app.queuePrompt(0, 1)
+            this.widgets.filter(w => w.name === 'version')[0].value += 1
          }
        })

@@ -282,8 +320,7 @@ app.registerExtension({
      const onExecuted = nodeType.prototype.onExecuted
      nodeType.prototype.onExecuted = async function (message) {
        onExecuted?.apply(this, arguments)
-        // console.log(this.widgets)
-
+        console.log(message.json)
        window._mixlab_app_json = message.json
        try {
          const div = this.widgets.filter(w => w.div)[0].div
@@ -3,7 +3,7 @@ import { app } from '../../../scripts/app.js'
 const repoOwner = 'shadowcz007' // 替换为仓库的所有者
 const repoName = 'comfyui-mixlab-nodes' // 替换为仓库的名称

-const version = 'v0.6.0'
+const version = 'v0.8.0'

 fetch(`https://api.github.com/repos/${repoOwner}/${repoName}/releases/latest`)
  .then(response => response.json())
@@ -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
@@ -728,7 +762,7 @@ app.registerExtension({
          let textB = document.createElement('p')
          btn.appendChild(textB)
          btn.appendChild(btnB)
-          textB.style.fontSize='12px';
+          textB.style.fontSize = '12px'
          textB.innerText = `Locate and navigate nodes ♾️Mixlab`

          btnB.style = `float: right; border: none; color: var(--input-text);
@@ -804,11 +838,12 @@ app.registerExtension({
          for (let nodeId in nodes) {
            let n = nodes[nodeId].class_type
            if (nodesMap[n]) {
-              const { url, title } = nodesMap[n]
+              const { url, title: _title } = nodesMap[n]
+              let title = app.graph.getNodeById(nodeId).title || _title
              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)
@@ -824,10 +859,10 @@ app.registerExtension({
              })

              d.innerHTML = `
-                <span>${'#' + nodeId} ${n}</span>
+                <span>${'#' + nodeId} ${title}</span>
                <a href="${url}" target="_blank" style="text-decoration: none;">🔗</a>
                `
-              d.title = title
+              d.title = n

              nodesDiv.appendChild(d)
            }
@@ -842,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
@@ -2,7 +2,7 @@ import { app } from '../../../scripts/app.js'
 import { api } from '../../../scripts/api.js'
 import { ComfyWidgets } from '../../../scripts/widgets.js'
 import { $el } from '../../../scripts/ui.js'
-import { addValueControlWidget } from "../../../scripts/widgets.js";
+import { addValueControlWidget } from '../../../scripts/widgets.js'

 const getLocalData = key => {
  let data = {}
@@ -45,6 +45,21 @@ function get_position_style (ctx, widget_width, y, node_height) {
  }
 }

+function hexToRGBA (hexColor) {
+  var hex = hexColor.replace('#', '')
+  var r = parseInt(hex.substring(0, 2), 16)
+  var g = parseInt(hex.substring(2, 4), 16)
+  var b = parseInt(hex.substring(4, 6), 16)
+
+  // 获取透明度的十六进制值
+  var alphaHex = hex.substring(6)
+
+  // 将透明度的十六进制值转换为十进制值
+  var alpha = parseInt(alphaHex, 16) / 255
+
+  return [r,g,b,alpha]
+}
+
 app.registerExtension({
  name: 'Mixlab.utils.Color',
  async getCustomWidgets (app) {
@@ -60,8 +75,16 @@ app.registerExtension({
            return [128, 32] // a method to compute the current size of the widget
          },
          async serializeValue (nodeId, widgetIndex) {
-            let data = getLocalData('_mixlab_utils_color')
-            return data[node.id] || '#000000'
+            let data = getLocalData('_mixlab_utils_color');
+            let hex=data[node.id] || '#000000'
+            let [r,g,b,a]=hexToRGBA(hex)
+            return {
+              hex,
+              r,
+              g,
+              b,
+              a
+            }
          }
        }
        //  widget.something = something;          // maybe adds stuff to it
@@ -109,7 +132,7 @@ app.registerExtension({
          ip.style = `outline: none;
            border: none;
            padding: 4px;
-            width: 100%;cursor: pointer;
+            width: 70%;cursor: pointer;
            height: 32px;`
          const label = document.createElement('label')
          label.style = 'font-size: 10px;min-width:32px'
@@ -164,16 +187,17 @@ app.registerExtension({

  async beforeRegisterNodeDef (nodeType, nodeData, app) {
    if (nodeType.comfyClass == 'TextToNumber') {
-
      const onExecuted = nodeType.prototype.onExecuted
      nodeType.prototype.onExecuted = function (message) {
        onExecuted?.apply(this, arguments)
-        const random_number=this.widgets.filter(w=>w.name==='random_number')[0]
-        if(random_number.value==='enable'){
-          const n=this.widgets.filter(w=>w.name==='number')[0]
-          n.value=message.num[0]
+        const random_number = this.widgets.filter(
+          w => w.name === 'random_number'
+        )[0]
+        if (random_number.value === 'enable') {
+          const n = this.widgets.filter(w => w.name === 'number')[0]
+          n.value = message.num[0]
        }
-        
+
        console.log('TextToNumber', random_number.value)
      }
    }
@@ -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
+}
@@ -0,0 +1,717 @@
+{
+  "last_node_id": 25,
+  "last_link_id": 32,
+  "nodes": [
+    {
+      "id": 5,
+      "type": "CLIPTextEncode",
+      "pos": [
+        1029,
+        -2149
+      ],
+      "size": {
+        "0": 425.27801513671875,
+        "1": 180.6060791015625
+      },
+      "flags": {},
+      "order": 7,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "clip",
+          "type": "CLIP",
+          "link": 6
+        }
+      ],
+      "outputs": [
+        {
+          "name": "CONDITIONING",
+          "type": "CONDITIONING",
+          "links": [
+            3
+          ],
+          "slot_index": 0
+        }
+      ],
+      "title": "负向prompt",
+      "properties": {
+        "Node name for S&R": "CLIPTextEncode"
+      },
+      "widgets_values": [
+        "text, watermark"
+      ]
+    },
+    {
+      "id": 6,
+      "type": "VAEDecode",
+      "pos": [
+        1867,
+        -2378
+      ],
+      "size": {
+        "0": 210,
+        "1": 46
+      },
+      "flags": {
+        "collapsed": false
+      },
+      "order": 10,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "samples",
+          "type": "LATENT",
+          "link": 7
+        },
+        {
+          "name": "vae",
+          "type": "VAE",
+          "link": 8
+        }
+      ],
+      "outputs": [
+        {
+          "name": "IMAGE",
+          "type": "IMAGE",
+          "links": [
+            9
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "VAEDecode"
+      }
+    },
+    {
+      "id": 15,
+      "type": "EnhanceImage",
+      "pos": [
+        2591,
+        -2531
+      ],
+      "size": {
+        "0": 315,
+        "1": 58
+      },
+      "flags": {},
+      "order": 12,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "image",
+          "type": "IMAGE",
+          "link": 25
+        }
+      ],
+      "outputs": [
+        {
+          "name": "IMAGE",
+          "type": "IMAGE",
+          "links": [
+            18
+          ],
+          "shape": 3,
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "EnhanceImage"
+      },
+      "widgets_values": [
+        1.1
+      ]
+    },
+    {
+      "id": 21,
+      "type": "EmptyLatentImage",
+      "pos": [
+        998,
+        -2674
+      ],
+      "size": [
+        315,
+        106
+      ],
+      "flags": {},
+      "order": 8,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "width",
+          "type": "INT",
+          "link": 30,
+          "widget": {
+            "name": "width"
+          }
+        },
+        {
+          "name": "height",
+          "type": "INT",
+          "link": 32,
+          "widget": {
+            "name": "height"
+          }
+        }
+      ],
+      "outputs": [
+        {
+          "name": "LATENT",
+          "type": "LATENT",
+          "links": [
+            26
+          ],
+          "shape": 3
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "EmptyLatentImage"
+      },
+      "widgets_values": [
+        512,
+        512,
+        1
+      ]
+    },
+    {
+      "id": 24,
+      "type": "LimitNumber",
+      "pos": [
+        665,
+        -2958
+      ],
+      "size": {
+        "0": 315,
+        "1": 82
+      },
+      "flags": {},
+      "order": 4,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "number",
+          "type": "*",
+          "link": 29
+        }
+      ],
+      "outputs": [
+        {
+          "name": "number",
+          "type": "*",
+          "links": [
+            30
+          ],
+          "shape": 3,
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "LimitNumber"
+      },
+      "widgets_values": [
+        512,
+        4089
+      ]
+    },
+    {
+      "id": 25,
+      "type": "LimitNumber",
+      "pos": [
+        648,
+        -2659
+      ],
+      "size": {
+        "0": 315,
+        "1": 82
+      },
+      "flags": {},
+      "order": 5,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "number",
+          "type": "*",
+          "link": 31
+        }
+      ],
+      "outputs": [
+        {
+          "name": "number",
+          "type": "*",
+          "links": [
+            32
+          ],
+          "shape": 3,
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "LimitNumber"
+      },
+      "widgets_values": [
+        512,
+        4089
+      ]
+    },
+    {
+      "id": 22,
+      "type": "IntNumber",
+      "pos": [
+        302,
+        -2758
+      ],
+      "size": {
+        "0": 315,
+        "1": 58
+      },
+      "flags": {},
+      "order": 0,
+      "mode": 0,
+      "outputs": [
+        {
+          "name": "INT",
+          "type": "INT",
+          "links": [
+            29
+          ],
+          "shape": 3,
+          "slot_index": 0
+        }
+      ],
+      "title": "Width",
+      "properties": {
+        "Node name for S&R": "IntNumber"
+      },
+      "widgets_values": [
+        512
+      ]
+    },
+    {
+      "id": 23,
+      "type": "IntNumber",
+      "pos": [
+        299,
+        -2601
+      ],
+      "size": {
+        "0": 315,
+        "1": 58
+      },
+      "flags": {},
+      "order": 1,
+      "mode": 0,
+      "outputs": [
+        {
+          "name": "INT",
+          "type": "INT",
+          "links": [
+            31
+          ],
+          "shape": 3,
+          "slot_index": 0
+        }
+      ],
+      "title": "Height",
+      "properties": {
+        "Node name for S&R": "IntNumber"
+      },
+      "widgets_values": [
+        512
+      ]
+    },
+    {
+      "id": 2,
+      "type": "CheckpointLoaderSimple",
+      "pos": [
+        567,
+        -2422
+      ],
+      "size": {
+        "0": 315,
+        "1": 98
+      },
+      "flags": {},
+      "order": 2,
+      "mode": 0,
+      "outputs": [
+        {
+          "name": "MODEL",
+          "type": "MODEL",
+          "links": [
+            1
+          ],
+          "slot_index": 0
+        },
+        {
+          "name": "CLIP",
+          "type": "CLIP",
+          "links": [
+            5,
+            6
+          ],
+          "slot_index": 1
+        },
+        {
+          "name": "VAE",
+          "type": "VAE",
+          "links": [
+            8
+          ],
+          "slot_index": 2
+        }
+      ],
+      "title": "Model",
+      "properties": {
+        "Node name for S&R": "CheckpointLoaderSimple"
+      },
+      "widgets_values": [
+        "deliberate_v2.safetensors"
+      ]
+    },
+    {
+      "id": 1,
+      "type": "KSampler",
+      "pos": [
+        1509,
+        -2394
+      ],
+      "size": {
+        "0": 315,
+        "1": 262
+      },
+      "flags": {},
+      "order": 9,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "model",
+          "type": "MODEL",
+          "link": 1
+        },
+        {
+          "name": "positive",
+          "type": "CONDITIONING",
+          "link": 2
+        },
+        {
+          "name": "negative",
+          "type": "CONDITIONING",
+          "link": 3
+        },
+        {
+          "name": "latent_image",
+          "type": "LATENT",
+          "link": 26,
+          "slot_index": 3
+        },
+        {
+          "name": "denoise",
+          "type": "FLOAT",
+          "link": 16,
+          "widget": {
+            "name": "denoise"
+          },
+          "slot_index": 4
+        }
+      ],
+      "outputs": [
+        {
+          "name": "LATENT",
+          "type": "LATENT",
+          "links": [
+            7
+          ],
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "KSampler"
+      },
+      "widgets_values": [
+        730250870715434,
+        "randomize",
+        15,
+        6.9,
+        "euler",
+        "karras",
+        0.59
+      ]
+    },
+    {
+      "id": 14,
+      "type": "FloatSlider",
+      "pos": [
+        1007,
+        -2819
+      ],
+      "size": {
+        "0": 315,
+        "1": 58
+      },
+      "flags": {},
+      "order": 3,
+      "mode": 0,
+      "outputs": [
+        {
+          "name": "FLOAT",
+          "type": "FLOAT",
+          "links": [
+            16
+          ],
+          "shape": 3,
+          "slot_index": 0
+        }
+      ],
+      "title": "denoise",
+      "properties": {
+        "Node name for S&R": "FloatSlider"
+      },
+      "widgets_values": [
+        1
+      ]
+    },
+    {
+      "id": 16,
+      "type": "PreviewImage",
+      "pos": [
+        2949,
+        -2615
+      ],
+      "size": {
+        "0": 210,
+        "1": 246
+      },
+      "flags": {},
+      "order": 13,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "images",
+          "type": "IMAGE",
+          "link": 18
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "PreviewImage"
+      }
+    },
+    {
+      "id": 4,
+      "type": "CLIPTextEncode",
+      "pos": [
+        1022,
+        -2375
+      ],
+      "size": {
+        "0": 422.84503173828125,
+        "1": 164.31304931640625
+      },
+      "flags": {},
+      "order": 6,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "clip",
+          "type": "CLIP",
+          "link": 5
+        }
+      ],
+      "outputs": [
+        {
+          "name": "CONDITIONING",
+          "type": "CONDITIONING",
+          "links": [
+            2
+          ],
+          "slot_index": 0
+        }
+      ],
+      "title": "prompt",
+      "properties": {
+        "Node name for S&R": "CLIPTextEncode"
+      },
+      "widgets_values": [
+        "superman,fat cat"
+      ]
+    },
+    {
+      "id": 7,
+      "type": "AppInfo",
+      "pos": [
+        2134,
+        -2528
+      ],
+      "size": {
+        "0": 408.4201965332031,
+        "1": 406.9195861816406
+      },
+      "flags": {},
+      "order": 11,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "image",
+          "type": "IMAGE",
+          "link": 9
+        }
+      ],
+      "outputs": [
+        {
+          "name": "IMAGE",
+          "type": "IMAGE",
+          "links": [
+            25
+          ],
+          "shape": 3,
+          "slot_index": 0
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "AppInfo"
+      },
+      "widgets_values": [
+        "Text-to-Image",
+        "4\n22\n23\n2\n\n\n",
+        "16",
+        "演示基本的文生图流程",
+        1,
+        "#comfyui-mixlab-nodes# ",
+        null
+      ]
+    }
+  ],
+  "links": [
+    [
+      1,
+      2,
+      0,
+      1,
+      0,
+      "MODEL"
+    ],
+    [
+      2,
+      4,
+      0,
+      1,
+      1,
+      "CONDITIONING"
+    ],
+    [
+      3,
+      5,
+      0,
+      1,
+      2,
+      "CONDITIONING"
+    ],
+    [
+      5,
+      2,
+      1,
+      4,
+      0,
+      "CLIP"
+    ],
+    [
+      6,
+      2,
+      1,
+      5,
+      0,
+      "CLIP"
+    ],
+    [
+      7,
+      1,
+      0,
+      6,
+      0,
+      "LATENT"
+    ],
+    [
+      8,
+      2,
+      2,
+      6,
+      1,
+      "VAE"
+    ],
+    [
+      9,
+      6,
+      0,
+      7,
+      0,
+      "IMAGE"
+    ],
+    [
+      16,
+      14,
+      0,
+      1,
+      4,
+      "FLOAT"
+    ],
+    [
+      18,
+      15,
+      0,
+      16,
+      0,
+      "IMAGE"
+    ],
+    [
+      25,
+      7,
+      0,
+      15,
+      0,
+      "IMAGE"
+    ],
+    [
+      26,
+      21,
+      0,
+      1,
+      3,
+      "LATENT"
+    ],
+    [
+      29,
+      22,
+      0,
+      24,
+      0,
+      "*"
+    ],
+    [
+      30,
+      24,
+      0,
+      21,
+      0,
+      "INT"
+    ],
+    [
+      31,
+      23,
+      0,
+      25,
+      0,
+      "*"
+    ],
+    [
+      32,
+      25,
+      0,
+      21,
+      1,
+      "INT"
+    ]
+  ],
+  "groups": [],
+  "config": {},
+  "extra": {},
+  "version": 0.4
+}
Author	SHA1	Message	Date
shadowcz007	e06e032701	fixbug	2023-12-31 23:56:30 +08:00
shadowcz007	c9499c2c79	update	2023-12-31 23:43:17 +08:00
shadowcz007	2bf43541bb	Update appinfo-workflow.svg	2023-12-31 23:42:23 +08:00
shadowcz007	0386c7266d	Update app_mixlab.js	2023-12-31 23:41:12 +08:00
shadowcz007	7aa6ed9a5d	fixbug	2023-12-31 23:36:57 +08:00
shadowcz007	b71325afa5	fixbug	2023-12-31 22:50:40 +08:00
shadowcz007	2cc29bdf77	适配了最新版comfyui的py3.11 ，torch 2.1.2+cu121	2023-12-31 22:48:11 +08:00
shadowcz007	b5d602abc4	Update index.html	2023-12-31 22:01:26 +08:00
shadowcz007	33c45637ac	app	2023-12-31 21:39:50 +08:00
shadowcz007	662d4478d0	Update ui_mixlab.js	2023-12-31 21:31:02 +08:00
shadowcz007	31d3809572	Update ui_mixlab.js	2023-12-31 21:28:45 +08:00
shadowcz007	024ff4a309	Update Lama.py	2023-12-31 21:24:40 +08:00
shadowcz007	9ae8d30b6b	llma	2023-12-31 21:23:26 +08:00
shadowcz007	44349c10b0	Update index.html	2023-12-31 20:09:34 +08:00
shadowcz007	506520a3c4	Create Prompt-weight-workflow.json	2023-12-31 17:58:06 +08:00
shadowcz007	50f7020977	prompt-weight	2023-12-31 17:50:47 +08:00
shadowcz007	02a27a03cc	Update PromptNode.py	2023-12-31 16:22:57 +08:00
shadowcz007	4ad6bacf7b	优化	2023-12-31 16:20:36 +08:00
shadowcz007	26ecc0fa44	新增 PromptSlide节点，实现滑块调节prompt的权重	2023-12-31 16:04:30 +08:00
shadowcz007	2619befca6	Update README.md	2023-12-31 13:14:29 +08:00
shadowcz007	ea24f52b13	Update checkVersion_mixlab.js	2023-12-31 13:12:34 +08:00
shadowcz007	4abfc47346	### Update 0.8.0 v0.8.0 🚀🚗🚚🏃‍ LaMaInpainting - 新增 LaMaInpainting - 优化color节点的输出 - 修复高清显示屏上定位节点不准的情况 - Add LaMaInpainting - Optimize the output of the color node - Fix the issue of inaccurate positioning node on high-definition display screens	2023-12-31 13:11:31 +08:00
shadowcz007	3b95010d06	新增LaMaInpainting & 优化color节点的输出	2023-12-31 13:04:28 +08:00
shadow	b3c1b96088	Merge pull request #97 from shadowcz007/fix_hidpi_node_move_center Fix:node can't move to center on HiDPI device	2023-12-31 10:07:07 +08:00
shadowcz007	a9f1326873	update	2023-12-30 23:52:50 +08:00
shadowcz007	75a696fb64	update	2023-12-30 23:39:36 +08:00
shadowcz007	24aaacba6d	update	2023-12-30 23:38:52 +08:00
shadowcz007	e3cd7d5f91	更新示例	2023-12-30 21:05:07 +08:00
shadow	2e228e8db5	Merge pull request #95 from shadowcz007/v0.7-apps V0.7 apps	2023-12-30 20:53:19 +08:00
shadowcz007	5c9dd80370	fixbug	2023-12-30 20:51:31 +08:00
shadowcz007	727f5f2e48	upate	2023-12-30 20:37:09 +08:00
shadowcz007	1c238f7697	sharebutton	2023-12-30 20:16:51 +08:00
shadowcz007	119d7cce15	0.7.0	2023-12-30 18:19:18 +08:00
shadowcz007	4afc8f6083	Support multiple web app switching. 支持多个web app 切换	2023-12-30 18:16:06 +08:00
shadowcz007	a9ec3af066	改进input range	2023-12-30 18:07:43 +08:00
shadowcz007	9edae81fee	update	2023-12-30 17:48:59 +08:00
shadowcz007	b941b12f12	update	2023-12-30 17:40:28 +08:00
shadowcz007	3069de188a	1	2023-12-30 17:02:44 +08:00
shadowcz007	a968f08abd	update	2023-12-30 14:16:44 +08:00
shadowcz007	4153d3e5ff	1	2023-12-30 12:37:03 +08:00
shadowcz007	9d9c1a6c84	update	2023-12-30 12:29:01 +08:00
shadowcz007	16ef10a4d9	优化node map	2023-12-30 10:10:21 +08:00
shadowcz007	b3766e440a	VHS_VideoCombine	2023-12-30 09:56:08 +08:00