@comfyorg/comfyui-frontend-types 1.45.19 → 1.45.20

package/index.d.ts

@@ -374,6 +374,27 @@ declare class BooleanWidget extends BaseWidget<IBooleanWidget> implements IBoole
 
 export declare type BottomPanelExtension = VueBottomPanelExtension | CustomBottomPanelExtension;
 
+declare interface BoundingBox {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    metadata: BoundingBoxMetadata;
+}
+
+declare class BoundingBoxesWidget extends BaseWidget<IBoundingBoxesWidget> implements IBoundingBoxesWidget {
+    type: "boundingboxes";
+    drawWidget(ctx: CanvasRenderingContext2D, options: DrawWidgetOptions): void;
+    onClick(_options: WidgetEventOptions): void;
+}
+
+declare interface BoundingBoxMetadata {
+    type: RegionType;
+    text: string;
+    desc: string;
+    palette: string[];
+}
+
 /**
  * Widget for defining bounding box regions.
  * This widget only has a Vue implementation.
@@ -799,6 +820,12 @@ declare interface ColorStop {
     readonly color: readonly [r: number, g: number, b: number];
 }
 
+declare class ColorsWidget extends BaseWidget<IColorsWidget> implements IColorsWidget {
+    type: "colors";
+    drawWidget(ctx: CanvasRenderingContext2D, options: DrawWidgetOptions): void;
+    onClick(_options: WidgetEventOptions): void;
+}
+
 /**
  * Widget for displaying a color picker using native HTML color input
  */
@@ -3399,6 +3426,11 @@ export declare class ComfyApp {
         left: LGraphNode;
     }
 
+    declare interface IBoundingBoxesWidget extends IBaseWidget<BoundingBox[], 'boundingboxes'> {
+        type: 'boundingboxes';
+        value: BoundingBox[];
+    }
+
     /** Bounding box widget for defining regions with numeric inputs */
     declare interface IBoundingBoxWidget extends IBaseWidget<Bounds, 'boundingbox'> {
         type: 'boundingbox';
@@ -3437,6 +3469,11 @@ export declare class ComfyApp {
         getColorOption(): ColorOption | null;
     }
 
+    declare interface IColorsWidget extends IBaseWidget<string[], 'colors'> {
+        type: 'colors';
+        value: string[];
+    }
+
     /** Color picker widget for selecting colors */
     declare interface IColorWidget extends IBaseWidget<string, 'color'> {
         type: 'color';
@@ -4038,7 +4075,7 @@ export declare class ComfyApp {
      * Recommend declaration merging any properties that use IWidget (e.g. {@link LGraphNode.widgets}) with a new type alias.
      * @see ICustomWidget
      */
-    declare type IWidget = IBooleanWidget | INumericWidget | IStringWidget | IComboWidget | IStringComboWidget | ICustomWidget | ISliderWidget | IGradientSliderWidget | IButtonWidget | IKnobWidget | IFileUploadWidget | IColorWidget | IMarkdownWidget | IImageWidget | ITreeSelectWidget | IMultiSelectWidget | IChartWidget | IGalleriaWidget | IImageCompareWidget | ISelectButtonWidget | ITextareaWidget | IAssetWidget | IImageCropWidget | IBoundingBoxWidget | ICurveWidget | IPainterWidget | IRangeWidget;
+    declare type IWidget = IBooleanWidget | INumericWidget | IStringWidget | IComboWidget | IStringComboWidget | ICustomWidget | ISliderWidget | IGradientSliderWidget | IButtonWidget | IKnobWidget | IFileUploadWidget | IColorWidget | IMarkdownWidget | IImageWidget | ITreeSelectWidget | IMultiSelectWidget | IChartWidget | IGalleriaWidget | IImageCompareWidget | ISelectButtonWidget | ITextareaWidget | IAssetWidget | IImageCropWidget | IBoundingBoxWidget | ICurveWidget | IPainterWidget | IRangeWidget | IBoundingBoxesWidget | IColorsWidget;
 
     declare interface IWidgetAssetOptions extends IWidgetOptions {
         openModal: (widget: IBaseWidget) => void;
@@ -4094,6 +4131,14 @@ export declare class ComfyApp {
         socketless?: boolean;
         /** If `true`, the widget will not be rendered by the Vue renderer. */
         canvasOnly?: boolean;
+        /**
+         * If `true`, the widget still renders on the node but is omitted from the
+         * right side panel. Unlike {@link IWidgetOptions.canvasOnly}, the node body
+         * keeps rendering it via the Vue renderer. Used for widgets that hold
+         * non-syncable state (e.g. a Three.js viewport) where a second instance in
+         * the panel would diverge from the one on the node.
+         */
+        hideInPanel?: boolean;
         /** Used as a temporary override for determining the asset type in vue mode*/
         nodeType?: string;
         /**
@@ -8315,6 +8360,8 @@ export declare class ComfyApp {
         /* Excluded from this release type: _drawDebug */
     }
 
+    declare type RegionType = 'obj' | 'text';
+
     declare type RendererType = 'LG' | 'Vue' | 'Vue-corrected';
 
     declare interface RenderLink {
@@ -46664,6 +46711,8 @@ export declare class ComfyApp {
         curve: CurveWidget;
         painter: PainterWidget;
         range: RangeWidget;
+        boundingboxes: BoundingBoxesWidget;
+        colors: ColorsWidget;
         [key: string]: BaseWidget;
     };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comfyorg/comfyui-frontend-types",
-  "version": "1.45.19",
+  "version": "1.45.20",
   "types": "./index.d.ts",
   "files": [
     "index.d.ts"