v0.9.0

promptslide-appinfo-workflow.svg
update
2024-01-01 16:12:58 +08:00 · 2024-01-01 16:10:46 +08:00 · 2024-01-01 16:05:19 +08:00 · 2024-01-01 15:56:07 +08:00 · 2024-01-01 14:17:58 +08:00 · 2024-01-01 11:46:21 +08:00
30 changed files with 4821 additions and 199 deletions
@@ -1,22 +1,29 @@
-## 
-v0.7.0 🚀🚗🚚🏃‍ Workflow-to-APP
- 支持多个web 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](./example/text-to-image_1_Wed%20Dec%2027%202023.json)
- [image-to-image](./example/image-to-image_1_Wed%20Dec%2027%202023.json)
+- [text-to-image](./example/Text-to-Image_3.json)
+- [image-to-image](./example/Image-to-Image_2.json)
 - text-to-text

 > 暂时支持6种节点作为界面上的输入节点：Load Image、CLIPTextEncode、TextInput_、FloatSlider、IntNumber、CheckpointLoaderSimple、LoraLoader
@@ -24,15 +31,9 @@ APP-JSON:
 > 输出节点：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
@@ -43,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)

@@ -51,11 +53,35 @@ 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)

+
+## Prompt
+> PromptSlide
+![](./assets/prompt_weight.png)
+
+![](./workflow/promptslide-appinfo-workflow.svg)
+
+> randomPrompt
+
+![randomPrompt](./assets/randomPrompt.png)
+
+
+### 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)
+
+
+### 3D
+![](./assets/3dimage.png)
+[workflow](./workflow/3D-workflow.json)
+
+
 ### 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. 

@@ -67,13 +93,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.

@@ -81,6 +100,7 @@ https://github.com/shadowcz007/comfyui-mixlab-nodes/assets/12645064/e7e77f90-e43

 - [Added DynamicDelayByText, enabling delayed execution based on input text length.](./workflow/audio-chatgpt-workflow.json)

+
 ## Other Nodes

 ![main](./assets/all-workflow.svg)
@@ -88,9 +108,7 @@ https://github.com/shadowcz007/comfyui-mixlab-nodes/assets/12645064/e7e77f90-e43

 [workflow-1](./workflow/1-workflow.json)

-> randomPrompt

-![randomPrompt](./assets/randomPrompt.png)

 > TransparentImage

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


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

 ### Improvement 

@@ -126,14 +148,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:
@@ -167,7 +201,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)

@@ -221,7 +221,7 @@ def get_my_workflow_for_app(filename="my_workflow_app.json"):
            
            for item in data:
                x=item["data"]
-                print(apps[0]['filename'] ,item["filename"])
+                # print(apps[0]['filename'] ,item["filename"])
                if apps[0]['filename']!=item["filename"]:
                    apps.append({
                        "filename":item["filename"],
@@ -437,7 +437,7 @@ PromptServer.add_routes=new_add_routes


 # 导入节点
-from .nodes.PromptNode import RandomPrompt
+from .nodes.PromptNode import RandomPrompt,PromptSlide
 from .nodes.ImageNode import NoiseImage,TransparentImage,LoadImagesFromPath,LoadImagesFromURL,ResizeImage,TextImage,SvgImage,Image3D,ShowLayer,NewLayer,MergeLayers,AreaToMask,SmoothMask,FeatheredMask,SplitLongMask,ImageCropByAlpha,EnhanceImage,FaceToMask
 from .nodes.Vae import VAELoader,VAEDecode
 from .nodes.ScreenShareNode import ScreenShareNode,FloatingVideo
@@ -445,13 +445,14 @@ 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,
@@ -492,6 +493,7 @@ NODE_CLASS_MAPPINGS = {
    "GetImageSize_":GetImageSize_,
    "SwitchByIndex":SwitchByIndex,
    "LimitNumber":LimitNumber, 
+    "LaMaInpainting":LaMaInpainting
    # "GamePal":GamePal
 }

@@ -511,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"
 }
@@ -520,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('--------------')
@@ -0,0 +1,10 @@
+Chibi Anime Style
+Gakuen Anime Style
+Gekiga Anime Style
+Jidaimono Anime Style
+Kawaii Anime Style
+Mecha Anime Style
+Realistic Anime Style
+Semi-Realistic Anime Style
+Shoji Anime Style
+Kemonomimi Anime Style
@@ -0,0 +1,23 @@
+GoPro
+Drone
+polaroid
+black and white film
+Kodachrome
+shot on 8mm
+shot on 16mm
+shot on 35mm
+Microscopic
+Fisheye Lens
+Wide Angle
+Ultra-Wide Angle
+Panorama
+Short Exposure
+Long Exposure
+Double Exposure
+f2.8
+Depth of Field
+Soft Focus
+Deep Focus
+Shallow Focus
+Vanishing Point
+Vantage Point
@@ -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"
@@ -0,0 +1,16 @@
+Mood Lighting
+Moody Lighting
+Studio Lighting
+Cove Lighting
+Soft Lighting
+Hard Lighting
+Volumetric Lighting
+Low-Key Lighting
+High-Key Lighting
+Epic Light
+Rembrandt Lighting
+Contre-Jour
+Veiling Flare
+Crepuscular Rays
+Rays of Shimmering Light
+Godrays
@@ -0,0 +1,132 @@
+Aaron Siskind
+Alessio Albi
+Alfred Eisenstaedt
+Alfred Stieglitz
+Alyssa Monks
+André Kertész
+Andreas Gursky
+Andrew Wyeth
+Anne Geddes
+Annie Leibovitz
+Ansel Adams
+Arnold Newman
+August Sander
+Balthus
+Berenice Abbott
+Bill Brandt
+Bill Henson
+Brassaï (Gyula Halász)
+Brooke Shaden
+Bruce Davidson
+Bruce Weber
+Bunny Yeager
+Carleton Watkins
+Carrie Mae Weems
+Chuck Close
+Cindy Sherman
+Clarence H. White
+Claude Cahun
+Danny Lyon
+David LaChapelle
+Dawoud Bey
+Diane Arbus
+Don McCullin
+Dora Maar
+Dorothea Lange
+Duane Michals
+Eadweard Muybridge
+Edward Burtynsky
+Edward Curtis
+Edward Ruscha
+Edward Steichen
+Edward Weston
+Elliott Erwitt
+Ernst Haas
+Eugene Atget
+Fan Ho
+Francesca Woodman
+Frans Lanting
+Garry Winogrand
+Georges Melies
+Gerda Taro
+Gertrude Käsebier
+Gordon Parks
+Graciela Iturbide
+Gregory Crewdson
+Harold Edgerton
+Helen Levitt
+Helmut Newton
+Hendrik Kerstens
+Henri Cartier-Bresson
+Hugh Kretschmer
+Irving Penn
+Jacques Henri Lartigue
+James Nachtwey
+James Van Der Zee
+Jay Maisel
+Jerry Uelsmann
+Joel Peter Witkin
+Joel Sartore
+John Frederick William Herschel
+Josef Sudek
+Julia Margaret Cameron
+Karl Blossfeldt
+Larry Burrows
+László Moholy-Nagy (photography)
+Lee Jeffries
+Lewis Hine
+Lorna Simpson
+Lynsey Addario
+Margaret Bourke-White
+Mario Testino
+Martin Parr
+Martin Schoeller
+Mary Ellen Mark
+Mathew B. Brady
+Méret Oppenheim
+Meryl McMaster
+Mick Rock
+Miles Aldridge
+Minor Martin White
+Nan Goldin
+Nathan Wirth
+Olive Cotton
+Olivier Rousteing
+Patrick Demarchelier
+Paul Nicklen
+Paul Outerbridge
+Paul Strand
+Pete Souza
+Peter Dombrovskis
+Peter Henry Emerson
+Peter Lik
+Peter Lindbergh
+Philip-Lorca diCorcia
+Philippe Halsman
+Ralph Gibson
+Richard Avedon
+Robert Adams
+Robert Bechtle
+Robert Capa
+Robert Frank
+Robert Mapplethorpe
+Roger Fenton
+Ruth Bernhard
+Sally Mann
+Sebastião Salgado
+Shirin Neshat
+Stefan Gesell
+Steven Meisel
+Susan Meiselas
+Vivian Maier
+Vivian Maier
+Viviane Sassen
+Walker Evans
+Wes Anderson
+William Eggleston
+William Eugene Smith
+William Henry Fox Talbot
+Yinka Shonibare
+Yousuf Karsh
+Man Ray
+Robert Mapplethorpe
@@ -0,0 +1,135 @@
+Vintage
+Grain
+Sepia
+High Key
+Low Key
+High Dynamic Range
+Cross Process
+Radial Blur
+Infrared
+Lomo
+Photocopy
+Pencil Sketch
+Pop Art
+Orton
+Mosaic
+Selective Black and White
+Torn Paper
+Tilt-Shift
+Double Exposure
+Polaroid
+Liquid Ink
+Color Splash
+Sketch
+Water Drops
+Polarizer
+Chinese Painting
+Water Droplets
+Polarization
+Color Inversion
+Fish-eye
+Soft Focus
+Solarization
+Posterize
+Comic Book
+Duotone
+Gradient Map
+Edge Detection
+Oil Painting
+Reflection
+Mirror
+ASCII Art
+Glitch
+Time-Lapse
+Day to Night
+Surreal
+Black and White
+Sepia Tone
+Vintage Film
+Grainy Texture
+High Key Lighting
+Low Key Lighting
+Cross Processed Film
+Infrared Photography
+Photocopy
+Pencil Drawing
+Pop Art Filter
+Mosaic Filter
+Selective Desaturation
+Torn Paper
+Tilt-Shift Photography
+Double Exposure
+Polaroid Style Frame
+Water Drops Texture
+Polarizer
+Chinese Painting
+Water Droplets Texture
+Polarization
+Color Inversion
+Fish-eye Lens
+Soft Focus
+Solarize Filter
+Edge Detection
+Oil Painting
+Reflection
+Mirror Image
+Time-Lapse Photography
+Day to Night Transition
+Surreal Art Style
+Abstract Expressionism
+Acrylic Painting
+Anime
+Art Deco
+Biomorphic Abstraction
+Black and White Photograph
+Cartoon
+Charcoal Sketch
+Chibi Anime
+Chinese Painting
+Classicist Painting
+Collage
+Concept Art
+Cyberpunk
+Dada Art
+Digital Art
+Fantasy Art
+Fashion Art
+Fashion Sketch
+Fish-Eye lens Photograph
+Goth Art
+Graffiti
+Harlem Renaissance
+High Key Photograph
+Hyperrealist Pencil Sketch
+Impressionist Painting
+Josei Anime
+Long Exposure Photograph
+Low Key Photograph
+Macro Photograph
+Manga
+Metal Sculpture
+Mid Century Modern Illustration
+Mixed Media
+Modern Art
+Moe Anime
+Nihonga
+Origami
+Paper Mache
+Pen and Ink
+Pencil Sketch
+Photograph
+Photorealism
+Pinup Art
+Romanticist Painting
+Sci-Fi Art
+Semi Realistic Fantasy Art
+Semi Realistic Cyberpunk Art
+Shallow Depth of Field Photograph
+Steam Punk Art
+Stone Sculpture
+Superhero Comic
+Surrealist Art
+Tempura Painting
+Underground Comic
+Watercolor Painting
+Zulu Urban Art
@@ -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")
        
@@ -254,10 +254,59 @@ def get_images_filepath(f,white_bg=False):

    return images

+
+
+def get_average_color_image(image):
+    # 打开图片
+    # image = Image.open(image_path)
+
+    # 将图片转换为RGB模式
+    image = image.convert("RGB")
+
+    # 获取图片的像素值
+    pixel_data = image.load()
+
+    # 初始化颜色总和和像素数量
+    total_red = 0
+    total_green = 0
+    total_blue = 0
+    pixel_count = 0
+
+    # 遍历图片的每个像素
+    for i in range(image.width):
+        for j in range(image.height):
+            # 获取像素的RGB值
+            r, g, b = pixel_data[i, j]
+
+            # 累加颜色值
+            total_red += r
+            total_green += g
+            total_blue += b
+
+            # 像素数量加1
+            pixel_count += 1
+
+    # 计算平均颜色值
+    average_red = int(total_red // pixel_count)
+    average_green = int(total_green // pixel_count)
+    average_blue = int(total_blue // pixel_count)
+
+    # 返回平均颜色值
+
+    im = Image.new("RGB", (image.width, image.height), (average_red, average_green, average_blue))
+
+    return im
+
+
+
 # 创建噪声图像
-def create_noisy_image(width, height, mode="RGB", noise_level=128):
+def create_noisy_image(width, height, mode="RGB", noise_level=128, background_color="#FFFFFF"):
+    
+    background_rgb = tuple(int(background_color[i:i+2], 16) for i in (1, 3, 5))
+    image = Image.new(mode, (width, height), background_rgb)
+
    # 创建空白图像
-    image = Image.new(mode, (width, height))
+    # image = Image.new(mode, (width, height))

    # 遍历每个像素，并随机设置像素值
    pixels = image.load()
@@ -506,6 +555,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 +564,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))
@@ -869,7 +919,7 @@ class LoadImagesFromPath:
    def INPUT_TYPES(s):
        return {
                "required": {
-                                "file_path": ("STRING",{"multiline": False,"default": ""}),
+                                "file_path": ("STRING",{"multiline": False,"default": "","dynamicPrompts": False}),
                            },
                "optional":{
                    "white_bg": (["disable","enable"],),
@@ -990,8 +1040,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 +1051,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},),
                             },
                }
@@ -1572,7 +1622,7 @@ class NoiseImage:
                    "step": 1,
                    "display": "slider"
                }),
-
+                "color_hex": ("STRING",{"multiline": False,"default": "#FFFFFF","dynamicPrompts": False}),
                },
                }
    
@@ -1591,9 +1641,9 @@ class NoiseImage:
    # 输出是否为列表
    OUTPUT_IS_LIST = (False,)

-    def run(self,width,height,noise_level):
+    def run(self,width,height,noise_level,color_hex):
        # 创建噪声图像
-        im=create_noisy_image(width,height,"RGB",noise_level)
+        im=create_noisy_image(width,height,"RGB",noise_level,color_hex)
        
        #获取临时目录：temp
        output_dir = folder_paths.get_temp_directory()
@@ -1648,32 +1698,51 @@ class ResizeImage:

            "optional":{
                    "image": ("IMAGE",),
+                    "average_color": (["on",'off'],),
            }
                }
    
-    RETURN_TYPES = ("IMAGE",)
+    RETURN_TYPES = ("IMAGE","IMAGE")
+    RETURN_NAMES = ("image","average_image",)

    FUNCTION = "run"

    CATEGORY = "♾️Mixlab/image"

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

-    def run(self,width,height,scale_option,image=None):
+    def run(self,width,height,scale_option,image=None,average_color=['on']):
        
        w=width[0]
        h=height[0]
        scale_option=scale_option[0]
+        average_color=average_color[0]
+
+        imgs=[]
+        average_images=[]

        if image==None:
            im=create_noisy_image(w,h,"RGB")
-        else:
-            im=image[0]
-            im=tensor2pil(im)
-            im=resize_image(im,scale_option,w,h)
-            im=im.convert('RGB')
+            a_im=get_average_color_image(im)
+            
+            im=pil2tensor(im)
+            imgs.append(im)

-        im=pil2tensor(im)
+            a_im=pil2tensor(a_im)
+            average_images.append(a_im)
+        else:
+            for im in image:
+                im=tensor2pil(im)
+                im=resize_image(im,scale_option,w,h)
+                im=im.convert('RGB')
+
+                a_im=get_average_color_image(im)
+
+                im=pil2tensor(im)
+                imgs.append(im)
+
+                a_im=pil2tensor(a_im)
+                average_images.append(a_im)
        
-        return (im,)
+        return (imgs,average_images,)
@@ -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,73 @@ 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": '',
+                            "dynamicPrompts": False
+                          }),
+
+                "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 +153,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 +172,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 +194,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:
@@ -385,6 +438,7 @@ class AppInfo:
                        "display": "number"  
                    }),
                    "share_prefix":("STRING",{"multiline": False,"default": "","dynamicPrompts": False}),
+                    "link":("STRING",{"multiline": False,"default": "https://","dynamicPrompts": False}),
                }

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

-    def run(self,name,image,input_ids,output_ids,description,version,share_prefix):
+    def run(self,name,image,input_ids,output_ids,description,version,share_prefix,link):

        im=create_temp_file(image)
        
        # id=get_json_hash([name,im,input_ids,output_ids,description,version])

-        return {"ui": {"json": [name,im,input_ids,output_ids,description,version,share_prefix]}, "result": (image,)}
+        return {"ui": {"json": [name,im,input_ids,output_ids,description,version,share_prefix,link]}, "result": (image,)}
    

    
@@ -3,4 +3,5 @@ pyOpenSSL
 watchdog
 opencv-python-headless
 matplotlib
-openai
+openai
+simple-lama-inpainting
@@ -11,6 +11,7 @@
            width: 90%;
            min-width: 400px;
            margin-left: 5%;
+            user-select: none;
        }

        .apps {
@@ -85,6 +86,17 @@

        }

+        .status_seed {
+            display: flex;
+            flex-direction: column;
+            margin: 12px;
+        }
+
+        .seeds {
+            font-size: 12px;
+            margin-top: 4px;
+        }
+
        .status {
            background: black;
            color: white;
@@ -92,7 +104,7 @@
            width: fit-content;
            padding: 4px;
            font-size: 12px;
-            margin: 12px;
+
        }

        .description {
@@ -143,6 +155,7 @@
        .input_card {
            display: flex;
            flex-direction: column;
+            width: 100%;
        }

        .output {
@@ -153,7 +166,7 @@
        .output_card {
            height: 100%;
            width: 100%;
-            box-shadow: 0px 0px 20px 7px #e6e7e7;
+
            margin-top: 24px;
            display: flex;
            flex-wrap: wrap;
@@ -168,6 +181,7 @@
            max-height: 600px;
            margin: 8px;
            min-width: 200px;
+            box-shadow: 0px 0px 20px 7px #e6e7e7;
        }

        .card {
@@ -276,6 +290,7 @@
            outline: none;
            border: none;
            border-radius: 4px;
+            margin-top: 8px;
        }
    </style>
    <!-- <script src="../../../scripts/api.js" type="module"></script> -->
@@ -332,21 +347,29 @@
        }


-        function randomSeed(data) {
-            for (const key in data) {
-                if (data[key].inputs.seed != undefined) {
-                    data[key].inputs.seed = Math.round(Math.random() * 1849378600828930)
-                    console.log('new Seed', data[key])
+        function randomSeed(seed, data) {
+            for (const id in data) {
+
+                if (data[id].inputs.seed != undefined
+                    && !Array.isArray(data[id].inputs.seed) //如果是数组，则由其他节点控制
+                    && ['increment', 'decrement', 'randomize'].includes(seed[id])) {
+                    data[id].inputs.seed = Math.round(Math.random() * 1849378600828930)
+                    console.log('new Seed', data[id])
                }
            }
            return data
        }

+        function updateSeed(id, val) {
+            console.log(val)
+            if (!Array.isArray(window._appData.data[id].inputs.seed)) window._appData.data[id].inputs.seed = Math.round(val);
+        }

-        function queuePrompt(promptWorkflow, client_id) {
+
+        function queuePrompt(promptWorkflow, seed, client_id) {

            // 随机seed
-            promptWorkflow = randomSeed(promptWorkflow);
+            promptWorkflow = randomSeed(seed, promptWorkflow);

            let url = get_url()
            const data = JSON.stringify({ prompt: promptWorkflow, client_id });
@@ -375,9 +398,7 @@
        }

        async function get_my_app(filename = null) {
-
            let url = get_url()
-
            const res = await fetch(`${url}/mixlab/workflow`, {
                method: 'POST',
                body: JSON.stringify({
@@ -397,15 +418,12 @@
                    })
                }
            } catch (error) {
-
            }
-
-
            return data
        }


-        function createOutputs(outputData) {
+        function createOutputs(outputData, link) {
            const container = document.createElement('div');
            container.className = "output";

@@ -426,12 +444,31 @@
            action.appendChild(copyText)
            copyText.style.marginLeft = '18px';

+            let isURL = false;
+            try {
+                new URL(link)
+                isURL = true;
+            } catch (error) {
+                isURL = false;
+            }
+            // new URL(link)
+            if (isURL) {
+                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'))
@@ -677,7 +714,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
@@ -760,15 +800,43 @@
                    container.appendChild(uploadContainer);
                }

-                if (['FloatSlider', 'IntNumber'].includes(data.class_type)) {
+                if (["PromptSlide"].includes(data.class_type)) {
                    // 滑块输入
+                    let options = data.options || {
+                        min: -3,
+                        max: 3,
+                    };
+
+                    const label = data.title == 'PromptSlide ♾️Mixlab' ? data.inputs.prompt_keyword : data.title
+                    let silde = createNumSlide(label,
+                        data.inputs.weight,
+                        (v) => {
+                            window._appData.data[data.id].inputs.weight = parseFloat(v);
+                        },
+                        options.min,
+                        options.max,
+                        'float',
+                        options.keywords,
+                        data.id
+                    )
+                    container.appendChild(silde);
+                }
+
+
+                if (['FloatSlider', 'IntNumber'].includes(data.class_type)) {
+                    // console.log('data.options',data.options)
+                    // 滑块输入
+                    let options = data.options || {
+                        min: 0,
+                        max: data.class_type === 'IntNumber' ? 6000 : 1,
+                    };
                    let silde = createNumSlide(data.title,
                        data.inputs.number,
                        (v) => {
                            window._appData.data[data.id].inputs.number = v;
                        },
-                        0,
-                        data.class_type === 'IntNumber' ? 6000 : 1,
+                        options.min,
+                        options.max,
                        data.class_type === 'IntNumber' ? 'int' : 'float')
                    container.appendChild(silde);
                }
@@ -835,7 +903,13 @@
            return container
        }

-        function createNumSlide(labelText, value = 0, callback, minValue = 0, maxValue = 1, type = 'float') {
+        function createNumSlide(labelText, value = 0, callback, minValue = 0, maxValue = 1, type = 'float', keywords = null, targetId = null) {
+
+            value = 'float' ? parseFloat(value.toFixed(3)) : parseInt(value)
+
+            // 输入div
+            let inputDiv = document.createElement('div');
+            inputDiv.style.display = 'flex'

            // 创建滑块输入元素
            var slider = document.createElement("input");
@@ -844,17 +918,58 @@
            slider.max = maxValue;
            slider.step = type == 'float' ? 0.01 : 1
            slider.value = value;
+            slider.style.width = '150px'

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

+            if (keywords && keywords[0]) {
+                label.innerHTML = ``
+                // 有备选的关键词
+                let selectTag = createSelect(Array.from([labelText, ...keywords], k => {
+                    return {
+                        value: k,
+                        text: k,
+                    }
+                }), labelText);
+                selectTag.style=`background: none;
+    color: black;    max-width: 300px;
+    border-bottom: 1px solid #acacac;
+    border-radius: 0;`
+                selectTag.addEventListener('change', e => {
+                    e.preventDefault();
+                    window._appData.data[targetId].inputs.prompt_keyword = selectTag.value;
+                    // label.querySelector('.label').innerText = selectTag.value
+                    // console.log(window._appData.data[targetId].inputs.prompt_keyword,selectTag.value)
+                })
+                label.appendChild(selectTag);
+            }
+
            // 创建容器元素，并将滑块输入和标签添加到容器中
            var container = document.createElement("div");
            container.appendChild(label);
-            container.appendChild(slider);
-            container.className = 'card'
+
+            container.className = 'card';
+
+
+            // 创建切换按钮元素
+            var toggleButton = document.createElement("button");
+            toggleButton.innerHTML = `<svg style="width:24px;height: 24px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3972"><path d="M514 114.3c-219.9 0-398.9 178.9-398.9 398.8 0.1 220 179 398.9 398.9 398.9 219.9 0 398.8-178.9 398.8-398.8S733.9 114.3 514 114.3z m218.3 489v1.7c0 0.5-0.1 1-0.1 1.6 0 0.3 0 0.6-0.1 0.9 0 0.5-0.1 1-0.2 1.5 0 0.3-0.1 0.7-0.1 1-0.1 0.4-0.1 0.8-0.2 1.2-0.1 0.4-0.2 0.9-0.2 1.3-0.1 0.3-0.1 0.6-0.2 0.8-0.1 0.6-0.3 1.2-0.4 1.8 0 0.1-0.1 0.2-0.1 0.3-2.2 8.5-6.6 16.6-13.3 23.3L600.7 755.4c-20 20-52.7 20-72.6 0-20-20-20-52.7 0-72.6l28.9-28.9H347c-28.3 0-51.4-23.1-51.4-51.4 0-28.3 23.1-51.4 51.4-51.4h334c13.2 0 26.4 5 36.4 15s15 23.2 15 36.4c0 0.3-0.1 0.6-0.1 0.8z m0.1-179.5c0 28.3-23.1 51.4-51.4 51.4H347c-13.2 0-26.4-5-36.4-15s-15-23.2-15-36.4v-0.8-1.6c0-0.5 0.1-1.1 0.1-1.6 0-0.3 0-0.6 0.1-0.9 0-0.5 0.1-1 0.2-1.5 0-0.3 0.1-0.7 0.1-1 0.1-0.4 0.1-0.8 0.2-1.2 0.1-0.4 0.2-0.9 0.2-1.3 0.1-0.3 0.1-0.6 0.2-0.8 0.1-0.6 0.3-1.2 0.4-1.8 0-0.1 0.1-0.2 0.1-0.3 2.2-8.5 6.6-16.6 13.3-23.3l116.6-116.6c20-20 52.7-20 72.6 0 20 20 20 52.7 0 72.6L471 372.5h210c28.2 0 51.4 23.1 51.4 51.3z" fill="#0C0C0C" p-id="3973"></path></svg>`;
+            toggleButton.style = `margin-left:12px;background:none;color: black;`
+
+            toggleButton.addEventListener("click", function () {
+                if (slider.type === 'range') {
+                    slider.type = 'number'
+                } else {
+                    slider.type = 'range'
+                }
+            });
+
+            inputDiv.appendChild(slider);
+            inputDiv.appendChild(toggleButton);
+            container.appendChild(inputDiv)

            // 添加change事件监听器
            slider.addEventListener("input", function (event) {
@@ -871,16 +986,7 @@

        }

-        function createSelectWithOptions(title, options, defaultValue) {
-
-            const div = document.createElement("div");
-            div.className = 'card';
-
-            // Create a label for the upload control
-            const nameLabel = document.createElement("label");
-            nameLabel.textContent = title;
-            div.appendChild(nameLabel);
-
+        function createSelect(options, defaultValue) {
            var selectElement = document.createElement("select");
            selectElement.className = "select"

@@ -895,6 +1001,21 @@
            // 设置默认值
            selectElement.value = defaultValue;

+            return selectElement
+        }
+
+        function createSelectWithOptions(title, options, defaultValue) {
+
+            const div = document.createElement("div");
+            div.className = 'card';
+
+            // Create a label for the upload control
+            const nameLabel = document.createElement("label");
+            nameLabel.textContent = title;
+            div.appendChild(nameLabel);
+
+            var selectElement = createSelect(options, defaultValue);
+
            div.appendChild(selectElement)

            return [div, selectElement];
@@ -914,10 +1035,17 @@



-        function createUI(inputData, outputData, share = true) {
+        function createUI(data, share = true) {
+            // appData.input, appData.output, appData.seed, share, appData.link
+            const { input: inputData, output: outputData, data: workflow, seed, link } = data;

            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'
@@ -925,7 +1053,7 @@
            leftDiv.style.alignItems = 'flex-start';
            rightDiv.className = 'panel'
            leftDiv.style.flex = 0.4
-            rightDiv.style.flex = 0.6;
+            rightDiv.style.flex = 1;
            // rightDiv.style.height='70vh'
            //         rightDiv.style=`position: fixed;
            // right: 0;
@@ -967,14 +1095,59 @@
            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>`;
+                    const content = seeds.querySelector('.content')
+                    for (const id in seed) {
+                        const s = seed[id];
+                        if (!Array.isArray(workflow[id].inputs.seed)) {
+
+                            let seedInput = document.createElement('div');
+                            content.appendChild(seedInput)
+                            seedInput.style = `outline: 1px dashed gray;margin-bottom: 12px;margin-top: 12px;`
+
+                            let em = document.createElement('em');
+                            em.innerText = `#${id} ${s.toUpperCase()}`;
+                            seedInput.appendChild(em)
+
+                            if (s === 'fixed') {
+                                // console.log('###fiex',1)
+                                let inSeed = createNumSlide(``, 0, (newSeed) => updateSeed(id, newSeed), 0, 1849378600828930, 'int');
+                                inSeed.style = `padding: 8px;background: none;`
+                                seedInput.appendChild(inSeed)
+                            }
+
+                        }
+
+
+                    }
+                }
+
+            } catch (error) {
+                console.log(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');
@@ -985,13 +1158,13 @@
            leftDiv.appendChild(titleDiv);
            leftDiv.appendChild(iconDes);
            // leftDiv.appendChild(des);
-            leftDiv.appendChild(status);
+            leftDiv.appendChild(statusDiv);
            leftDiv.appendChild(input1);
-            leftDiv.appendChild(submitButton);
+            mainDiv.appendChild(submitButton);

            rightDiv.appendChild(output);

-            mainDiv.appendChild(leftDiv);
+            mainDiv.appendChild(leftDetails);
            mainDiv.appendChild(rightDiv);

            document.body.appendChild(mainDiv)
@@ -1122,9 +1295,9 @@


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

            // 更新标题
            ui.title.update(appData.name || 'Mixlab APP');
@@ -1140,7 +1313,7 @@
            // 添加提交按钮点击事件
            ui.submitButton.update(function () {
                // 在提交按钮点击时执行的逻辑
-                queuePrompt(window._appData.data, api.clientId)
+                queuePrompt(window._appData.data, window._appData.seed, api.clientId)
            });


@@ -70,11 +70,13 @@ function extractInputAndOutputData (jsonData, inputIds = [], outputIds = []) {
  const data = jsonData
  const input = []
  const output = []
+  const seed = {}

  for (const id in data) {
    if (data.hasOwnProperty(id)) {
+      let node = app.graph.getNodeById(id)
      if (inputIds.includes(id)) {
-        let node = app.graph.getNodeById(id)
+        // let node = app.graph.getNodeById(id)
        let options = []
        // 模型
        try {
@@ -87,6 +89,24 @@ function extractInputAndOutputData (jsonData, inputIds = [], outputIds = []) {
          }
        } catch (error) {}

+        if (node.type == 'IntNumber' || node.type == 'FloatSlider') {
+          // min max step
+          let [v, min, max, step] = Array.from(node.widgets, w => w.value)
+          options = { min, max, step }
+          // node.widgets.filter(w => w.type === 'number')[0].options
+        }
+
+        if (node.type == 'PromptSlide') {
+          // min max step
+          options = node.widgets.filter(w => w.type === 'slider')[0].options
+          // 备选的keywords清单
+          let keywords=getLocalData(`${id}_PromptSlide`);
+          // console.log('keywords',keywords)
+          if(keywords&&keywords[0]){
+            options.keywords=keywords;
+          }
+        }
+
        input[inputIds.indexOf(id)] = {
          ...data[id],
          title: node.title,
@@ -96,14 +116,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 () {
@@ -113,6 +142,16 @@ function getUrl () {
  return url
 }

+const getLocalData = key => {
+  let data = {}
+  try {
+    data = JSON.parse(localStorage.getItem(key)) || {}
+  } catch (error) {
+    return {}
+  }
+  return data
+}
+
 async function save_app (json) {
  let url = getUrl()

@@ -147,6 +186,7 @@ async function save (json, download = false) {
  const name = json[0],
    version = json[5],
    share_prefix = json[6], //用于分享的功能扩展
+    link=json[7],//用于创建界面上的跳转链接
    description = json[4],
    inputIds = json[2].split('\n').filter(f => f),
    outputIds = json[3].split('\n').filter(f => f)
@@ -162,7 +202,7 @@ async function save (json, download = false) {
  try {
    let data = await app.graphToPrompt()

-    const { input, output } = extractInputAndOutputData(
+    const { input, output, seed } = extractInputAndOutputData(
      data.output,
      inputIds,
      outputIds
@@ -174,8 +214,10 @@ async function save (json, download = false) {
      version,
      input,
      output,
+      seed, //控制是fixed 还是random
      share_prefix,
-      filename: `${name}_${version}_${new Date().toDateString()}.json`
+      link,
+      filename: `${name}_${version}.json`
    }

    try {
@@ -185,14 +227,18 @@ async function save (json, download = false) {
    // let http_workflow = app.graph.serialize()

    if (download) {
-       await save_app(data)
-       await downloadJsonFile(data, data.app.filename)
+      await save_app(data)
+      await downloadJsonFile(data, data.app.filename)
      let open = window.confirm(
-        `You can now access the standalone application on a new page!\n${getUrl()}/mixlab/app?filename=${encodeURIComponent(data.app.filename)}`
+        `You can now access the standalone application on a new page!\n${getUrl()}/mixlab/app?filename=${encodeURIComponent(
+          data.app.filename
+        )}`
      )
      if (open)
        window.open(
-          `${getUrl()}/mixlab/app?filename=${encodeURIComponent(data.app.filename)}`
+          `${getUrl()}/mixlab/app?filename=${encodeURIComponent(
+            data.app.filename
+          )}`
        )
    } else {
      await save_app(data)
@@ -291,7 +337,6 @@ app.registerExtension({
      nodeType.prototype.onExecuted = async function (message) {
        onExecuted?.apply(this, arguments)
        console.log(message.json)
-
        window._mixlab_app_json = message.json
        try {
          const div = this.widgets.filter(w => w.div)[0].div
@@ -3,7 +3,7 @@ import { app } from '../../../scripts/app.js'
 const repoOwner = 'shadowcz007' // 替换为仓库的所有者
 const repoName = 'comfyui-mixlab-nodes' // 替换为仓库的名称

-const version = 'v0.7.0'
+const version = 'v0.9.0'

 fetch(`https://api.github.com/repos/${repoOwner}/${repoName}/releases/latest`)
  .then(response => response.json())
@@ -0,0 +1,199 @@
+import { app } from '../../../scripts/app.js'
+import { api } from '../../../scripts/api.js'
+import { ComfyWidgets } from '../../../scripts/widgets.js'
+import { $el } from '../../../scripts/ui.js'
+
+function get_position_style (ctx, widget_width, y, node_height) {
+  const MARGIN = 4 // the margin around the html element
+
+  /* Create a transform that deals with all the scrolling and zooming */
+  const elRect = ctx.canvas.getBoundingClientRect()
+  const transform = new DOMMatrix()
+    .scaleSelf(
+      elRect.width / ctx.canvas.width,
+      elRect.height / ctx.canvas.height
+    )
+    .multiplySelf(ctx.getTransform())
+    .translateSelf(MARGIN, MARGIN + y)
+
+  return {
+    transformOrigin: '0 0',
+    transform: transform,
+    left: `0`,
+    top: `0`,
+    cursor: 'pointer',
+    position: 'absolute',
+    maxWidth: `${widget_width - MARGIN * 2}px`,
+    // maxHeight: `${node_height - MARGIN * 2}px`, // we're assuming we have the whole height of the node
+    width: `${widget_width - MARGIN * 2 - 24}px`,
+    // height: `${node_height * 0.3 - MARGIN * 2}px`,
+    // background: '#EEEEEE',
+    paddingLeft: '12px',
+    display: 'flex',
+    flexDirection: 'row',
+    // alignItems: 'center',
+    justifyContent: 'space-between'
+  }
+}
+
+const getLocalData = key => {
+  let data = {}
+  try {
+    data = JSON.parse(localStorage.getItem(key)) || {}
+  } catch (error) {
+    return {}
+  }
+  return data
+}
+
+const setLocalDataOfWin = (key, value) => {
+  localStorage.setItem(key, JSON.stringify(value))
+  // window[key] = value
+}
+
+const createSelect = (select, opts, targetWidget) => {
+  select.style.display = 'block'
+  let html = ''
+  let isMatch = false
+  for (const opt of opts) {
+    html += `<option value='${opt}' ${
+      targetWidget.value === opt ? 'selected' : ''
+    }>${opt}</option>`
+    if (targetWidget.value === opt) isMatch = true
+  }
+  select.innerHTML = html
+  if (!isMatch) targetWidget.value = opts[0]
+  // 添加change事件监听器
+  select.addEventListener('change', function () {
+    // 获取选中的选项的值
+    var selectedOption = select.options[select.selectedIndex].value
+    targetWidget.value = selectedOption
+    // console.log(widget,selectedOption)
+  })
+}
+
+app.registerExtension({
+  name: 'Mixlab.prompt.PromptSlide',
+  async beforeRegisterNodeDef (nodeType, nodeData, app) {
+    if (nodeType.comfyClass == 'PromptSlide') {
+      const orig_nodeCreated = nodeType.prototype.onNodeCreated
+      nodeType.prototype.onNodeCreated = async function () {
+        orig_nodeCreated?.apply(this, arguments)
+
+        const prompt_keyword = this.widgets.filter(
+          w => w.name == 'prompt_keyword'
+        )[0]
+        // console.log('PromptSlide nodeData', prompt_keyword)
+
+        const widget = {
+          type: 'div',
+          name: 'upload',
+          draw (ctx, node, widget_width, y, widget_height) {
+            Object.assign(
+              this.div.style,
+              get_position_style(ctx, widget_width, y, node.size[1])
+            )
+          }
+        }
+
+        widget.div = $el('div', {})
+
+        const btn = document.createElement('button')
+        btn.innerText = 'Upload Keywords'
+
+        btn.style = `cursor: pointer;
+        font-weight: 300;
+        margin: 2px; 
+        color: var(--descrip-text);
+        background-color: var(--comfy-input-bg);
+        border-radius: 8px;
+        border-color: var(--border-color);
+        border-style: solid;    height: 30px;min-width: 122px;
+       `
+
+        const select = document.createElement('select')
+        select.style = `display:none;cursor: pointer;
+        font-weight: 300;
+        margin: 2px; 
+        color: var(--descrip-text);
+        background-color: var(--comfy-input-bg);
+        border-radius: 8px;
+        border-color: var(--border-color);
+        border-style: solid;    height: 30px;min-width: 100px;
+       `
+        widget.select = select
+
+        // const btn=document.createElement('button');
+        // btn.innerText='Upload'
+        btn.addEventListener('click', () => {
+          let inp = document.createElement('input')
+          inp.type = 'file'
+          inp.accept = '.txt'
+          inp.click()
+          inp.addEventListener('change', event => {
+            // 获取选择的文件
+            const file = event.target.files[0]
+
+            // 创建文件读取器
+            const reader = new FileReader()
+
+            // 定义读取完成事件的回调函数
+            reader.onload =  (event)=> {
+              // 读取完成后的文本内容
+              const fileContent = event.target.result.split('\n')
+              const keywords = Array.from(fileContent, f => f.trim()).filter(
+                f => f
+              )
+              // 打印文件内容
+              //   console.log(keywords)
+
+              // widget.value = keywords
+              setLocalDataOfWin(`${this.id}_PromptSlide`,keywords)
+
+              createSelect(select, keywords, prompt_keyword)
+
+              inp.remove()
+            }
+
+            // 以文本方式读取文件
+            reader.readAsText(file)
+          })
+        })
+
+        widget.div.appendChild(btn)
+        widget.div.appendChild(select)
+        document.body.appendChild(widget.div)
+        this.addCustomWidget(widget)
+
+        const onRemoved = this.onRemoved
+        this.onRemoved = () => {
+          widget.div.remove()
+          return onRemoved?.()
+        }
+
+        if (this.onResize) {
+          this.onResize(this.size)
+        }
+
+        this.serialize_widgets = true //需要保存参数
+      }
+    }
+  },
+  async loadedGraphNode (node, app) {
+    if (node.type === 'PromptSlide') {
+      try {
+        let prompt = node.widgets.filter(w => w.name === 'prompt_keyword')[0]
+       
+       let keywords= getLocalData( `${node.id}_PromptSlide`)
+        // console.log('keywords',keywords)
+        let widget = node.widgets.filter(w => w.select)[0]
+        if (keywords && keywords[0]) {
+          // let widget = node.widgets.filter(w => w.select)[0]
+          // console.log('select',widget,widget.value)
+          widget.select.style.display = 'block'
+          createSelect(widget.select, keywords, prompt)
+        }
+      } catch (error) {}
+    }
+  }
+})
@@ -48,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'
@@ -667,16 +699,32 @@ app.registerExtension({
        ...options
      ] // and return the options
    }
+    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) // 考虑设备像素比
+      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)
+    }
  },
  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
@@ -760,7 +808,9 @@ app.registerExtension({
                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', () => {
+                  console.log('node')
                  const node = app.graph.getNodeById(nodeId)
+                  
                  if (!node) return
                  app.canvas.centerOnNode(node)
                  app.canvas.setZoom(1)
@@ -796,6 +846,7 @@ app.registerExtension({
              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', () => {
+                console.log('click')
                const node = app.graph.getNodeById(nodeId)
                if (!node) return
                app.canvas.centerOnNode(node)
@@ -829,15 +880,34 @@ 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
-      //   callback: async () => {
-
-      //   }
-      // })
      return options
    }
  }
@@ -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
+}
Author	SHA1	Message	Date
shadowcz007	0befe164cc	v0.9.0	2024-01-01 16:12:58 +08:00
shadowcz007	d506c68a80	promptslide-appinfo-workflow.svg	2024-01-01 16:10:46 +08:00
shadowcz007	c59c429b75	update	2024-01-01 16:05:19 +08:00
shadowcz007	c726b6e4a2	prompt weight 提供选项	2024-01-01 15:56:07 +08:00
shadowcz007	96075ad4e1	Update ImageNode.py	2024-01-01 14:17:58 +08:00
shadowcz007	7a8dc07a8a	Update ui_mixlab.js	2024-01-01 11:46:21 +08:00
shadowcz007	1fdac0bc09	Update index.html	2024-01-01 11:32:06 +08:00
shadowcz007	804b942a36	Update index.html	2024-01-01 11:16:56 +08:00
shadowcz007	6335d4378b	优化	2024-01-01 10:55:09 +08:00
shadowcz007	cfc2189616	v0.8.1	2023-12-31 23:58:16 +08:00
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
gold3bear	6359c3f70f	Fix:node can't move to center on HiDPI device	2023-12-30 02:09:45 +08:00