Add files via upload

Author: 1038lab

web/js/appearance.js

@@ -2,7 +2,7 @@ import { app } from "/scripts/app.js";
 
 const COLOR_THEMES = {
     segment: { nodeColor: "#222e40", nodeBgColor: "#364254", width: 340 },
-    utility: { nodeColor: "#2e3e57", nodeBgColor: "#4b5b73", width: 320 },
+    utility: { nodeColor: "#2e3e57", nodeBgColor: "#4b5b73", width: 300 },
 };
 
 const NODE_COLORS = {
@@ -40,9 +40,14 @@ const NODE_COLORS = {
     "AILab_CropObject": "utility",
     "AILab_ImageCompare": "utility",
     "AILab_ColorInput": "utility",
-    "AILab_ImageMaskResize": "utility",
+    "AILab_ReferenceLatentMask": "utility",
     "AILab_LamaRemover": "utility",
     "AILab_SDMatte": "utility",
+    "AILab_ImageResize": "utility",
+    "AILab_ImageToList": "utility",
+    "AILab_MaskToList": "utility",
+    "AILab_ImageMaskToList": "utility",
+    "AILab_ColorToMask": "utility",
 };
 
 function setNodeColors(node, theme) {

web/js/colorWidget.js

@@ -23,16 +23,16 @@ const getContrastTextColor = (hexColor) => {
 };
 
 const AILabColorWidget = {
-    COLOR: (key, val) => {
+    COLORCODE: (key, val) => {
         const widget = {};
         widget.y = 0;
         widget.name = key;
-        widget.type = 'COLOR';
+        widget.type = 'COLORCODE';
         widget.options = { default: '#222222' };
-        widget.value = typeof val === 'string' ? val : '#222222'; // validate incoming value
+        widget.value = typeof val === 'string' ? val : '#222222';
 
         widget.draw = function (ctx, node, widgetWidth, widgetY, height) {
-            const hide = this.type !== 'COLOR' && app.canvas.ds.scale > 0.5;
+            const hide = this.type !== 'COLORCODE' && app.canvas.ds.scale > 0.5;
             if (hide) {
                 return;
             }
@@ -66,7 +66,7 @@ const AILabColorWidget = {
             ctx.font = '12px sans-serif';
             ctx.textAlign = 'center';
 
-            const text = `background_color (${this.value})`;
+            const text = `${this.name} (${this.value})`;
             ctx.fillText(text, widgetWidth * 0.5, widgetY + height * 0.65);
         };
 
@@ -112,15 +112,15 @@ app.registerExtension({
 
     getCustomWidgets() {
         return {
-            COLOR: (node, inputName, inputData) => {
+            COLORCODE: (node, inputName, inputData) => {
                 return {
                     widget: node.addCustomWidget(
-                        AILabColorWidget.COLOR(inputName, inputData?.[1]?.default || '#222222')
+                        AILabColorWidget.COLORCODE(inputName, inputData?.[1]?.default || '#222222')
                     ),
                     minWidth: 150,
                     minHeight: 32,
                 };
             }
         };
     }
-});
+});