Cleanup: Missed the schema and registration for the removed unused widgets (#6742)

## Summary

Just a cleanup following up on
https://github.com/Comfy-Org/ComfyUI_frontend/pull/6741

src/renderer/extensions/vueNodes/widgets/composables/useFileUploadWidget.ts

@@ -1,20 +0,0 @@
-import type { LGraphNode } from '@/lib/litegraph/src/litegraph'
-import type { IFileUploadWidget } from '@/lib/litegraph/src/types/widgets'
-import type {
-  FileUploadInputSpec,
-  InputSpec as InputSpecV2
-} from '@/schemas/nodeDef/nodeDefSchemaV2'
-import type { ComfyWidgetConstructorV2 } from '@/scripts/widgets'
-
-export const useFileUploadWidget = (): ComfyWidgetConstructorV2 => {
-  return (node: LGraphNode, inputSpec: InputSpecV2): IFileUploadWidget => {
-    const { name, options = {} } = inputSpec as FileUploadInputSpec
-
-    const widget = node.addWidget('fileupload', name, '', () => {}, {
-      serialize: true,
-      ...(options as Record<string, unknown>)
-    }) as IFileUploadWidget
-
-    return widget
-  }
-}

src/renderer/extensions/vueNodes/widgets/composables/useMultiSelectWidget.ts

@@ -1,21 +0,0 @@
-import type { LGraphNode } from '@/lib/litegraph/src/litegraph'
-import type { IMultiSelectWidget } from '@/lib/litegraph/src/types/widgets'
-import type {
-  InputSpec as InputSpecV2,
-  MultiSelectInputSpec
-} from '@/schemas/nodeDef/nodeDefSchemaV2'
-import type { ComfyWidgetConstructorV2 } from '@/scripts/widgets'
-
-export const useMultiSelectWidget = (): ComfyWidgetConstructorV2 => {
-  return (node: LGraphNode, inputSpec: InputSpecV2): IMultiSelectWidget => {
-    const { name, options = {} } = inputSpec as MultiSelectInputSpec
-
-    const widget = node.addWidget('multiselect', name, [], () => {}, {
-      serialize: true,
-      values: options.values || [],
-      ...options
-    }) as IMultiSelectWidget
-
-    return widget
-  }
-}

src/renderer/extensions/vueNodes/widgets/composables/useSelectButtonWidget.ts

@@ -1,28 +0,0 @@
-import type { LGraphNode } from '@/lib/litegraph/src/litegraph'
-import type { ISelectButtonWidget } from '@/lib/litegraph/src/types/widgets'
-import type {
-  InputSpec as InputSpecV2,
-  SelectButtonInputSpec
-} from '@/schemas/nodeDef/nodeDefSchemaV2'
-import type { ComfyWidgetConstructorV2 } from '@/scripts/widgets'
-
-export const useSelectButtonWidget = (): ComfyWidgetConstructorV2 => {
-  return (node: LGraphNode, inputSpec: InputSpecV2): ISelectButtonWidget => {
-    const { name, options = {} } = inputSpec as SelectButtonInputSpec
-    const values = options.values || []
-
-    const widget = node.addWidget(
-      'selectbutton',
-      name,
-      values[0] || '',
-      (_value: string) => {},
-      {
-        serialize: true,
-        values,
-        ...options
-      }
-    ) as ISelectButtonWidget
-
-    return widget
-  }
-}

src/renderer/extensions/vueNodes/widgets/composables/useTreeSelectWidget.ts

@@ -1,24 +0,0 @@
-import type { LGraphNode } from '@/lib/litegraph/src/litegraph'
-import type { ITreeSelectWidget } from '@/lib/litegraph/src/types/widgets'
-import type {
-  InputSpec as InputSpecV2,
-  TreeSelectInputSpec
-} from '@/schemas/nodeDef/nodeDefSchemaV2'
-import type { ComfyWidgetConstructorV2 } from '@/scripts/widgets'
-
-export const useTreeSelectWidget = (): ComfyWidgetConstructorV2 => {
-  return (node: LGraphNode, inputSpec: InputSpecV2): ITreeSelectWidget => {
-    const { name, options = {} } = inputSpec as TreeSelectInputSpec
-    const isMultiple = options.multiple || false
-    const defaultValue = isMultiple ? [] : ''
-
-    const widget = node.addWidget('treeselect', name, defaultValue, () => {}, {
-      serialize: true,
-      values: options.values || [],
-      multiple: isMultiple,
-      ...options
-    }) as ITreeSelectWidget
-
-    return widget
-  }
-}

src/schemas/nodeDef/nodeDefSchemaV2.ts

@@ -50,13 +50,6 @@ const zColorInputSpec = zBaseInputOptions.extend({
     .optional()
 })
 
-const zFileUploadInputSpec = zBaseInputOptions.extend({
-  type: z.literal('FILEUPLOAD'),
-  name: z.string(),
-  isOptional: z.boolean().optional(),
-  options: z.record(z.unknown()).optional()
-})
-
 const zImageInputSpec = zBaseInputOptions.extend({
   type: z.literal('IMAGE'),
   name: z.string(),
@@ -82,29 +75,6 @@ const zMarkdownInputSpec = zBaseInputOptions.extend({
     .optional()
 })
 
-const zTreeSelectInputSpec = zBaseInputOptions.extend({
-  type: z.literal('TREESELECT'),
-  name: z.string(),
-  isOptional: z.boolean().optional(),
-  options: z
-    .object({
-      multiple: z.boolean().optional(),
-      values: z.array(z.unknown()).optional()
-    })
-    .optional()
-})
-
-const zMultiSelectInputSpec = zBaseInputOptions.extend({
-  type: z.literal('MULTISELECT'),
-  name: z.string(),
-  isOptional: z.boolean().optional(),
-  options: z
-    .object({
-      values: z.array(z.string()).optional()
-    })
-    .optional()
-})
-
 const zChartInputSpec = zBaseInputOptions.extend({
   type: z.literal('CHART'),
   name: z.string(),
@@ -128,17 +98,6 @@ const zGalleriaInputSpec = zBaseInputOptions.extend({
     .optional()
 })
 
-const zSelectButtonInputSpec = zBaseInputOptions.extend({
-  type: z.literal('SELECTBUTTON'),
-  name: z.string(),
-  isOptional: z.boolean().optional(),
-  options: z
-    .object({
-      values: z.array(z.string()).optional()
-    })
-    .optional()
-})
-
 const zTextareaInputSpec = zBaseInputOptions.extend({
   type: z.literal('TEXTAREA'),
   name: z.string(),
@@ -165,15 +124,11 @@ const zInputSpec = z.union([
   zStringInputSpec,
   zComboInputSpec,
   zColorInputSpec,
-  zFileUploadInputSpec,
   zImageInputSpec,
   zImageCompareInputSpec,
   zMarkdownInputSpec,
-  zTreeSelectInputSpec,
-  zMultiSelectInputSpec,
   zChartInputSpec,
   zGalleriaInputSpec,
-  zSelectButtonInputSpec,
   zTextareaInputSpec,
   zCustomInputSpec
 ])
@@ -213,13 +168,9 @@ type BooleanInputSpec = z.infer<typeof zBooleanInputSpec>
 type StringInputSpec = z.infer<typeof zStringInputSpec>
 export type ComboInputSpec = z.infer<typeof zComboInputSpec>
 export type ColorInputSpec = z.infer<typeof zColorInputSpec>
-export type FileUploadInputSpec = z.infer<typeof zFileUploadInputSpec>
 export type ImageCompareInputSpec = z.infer<typeof zImageCompareInputSpec>
-export type TreeSelectInputSpec = z.infer<typeof zTreeSelectInputSpec>
-export type MultiSelectInputSpec = z.infer<typeof zMultiSelectInputSpec>
 export type ChartInputSpec = z.infer<typeof zChartInputSpec>
 export type GalleriaInputSpec = z.infer<typeof zGalleriaInputSpec>
-export type SelectButtonInputSpec = z.infer<typeof zSelectButtonInputSpec>
 export type TextareaInputSpec = z.infer<typeof zTextareaInputSpec>
 export type CustomInputSpec = z.infer<typeof zCustomInputSpec>
 

src/scripts/utils.ts

@@ -51,7 +51,6 @@ export async function addStylesheet(
   })
 }
 
-/** @knipIgnoreUnusedButUsedByCustomNodes */
 export { downloadBlob } from '@/base/common/downloadUtil'
 
 export function uploadFile(accept: string) {

src/scripts/widgets.ts

@@ -10,18 +10,14 @@ import { useBooleanWidget } from '@/renderer/extensions/vueNodes/widgets/composa
 import { useChartWidget } from '@/renderer/extensions/vueNodes/widgets/composables/useChartWidget'
 import { useColorWidget } from '@/renderer/extensions/vueNodes/widgets/composables/useColorWidget'
 import { useComboWidget } from '@/renderer/extensions/vueNodes/widgets/composables/useComboWidget'
-import { useFileUploadWidget } from '@/renderer/extensions/vueNodes/widgets/composables/useFileUploadWidget'
 import { useFloatWidget } from '@/renderer/extensions/vueNodes/widgets/composables/useFloatWidget'
 import { useGalleriaWidget } from '@/renderer/extensions/vueNodes/widgets/composables/useGalleriaWidget'
 import { useImageCompareWidget } from '@/renderer/extensions/vueNodes/widgets/composables/useImageCompareWidget'
 import { useImageUploadWidget } from '@/renderer/extensions/vueNodes/widgets/composables/useImageUploadWidget'
 import { useIntWidget } from '@/renderer/extensions/vueNodes/widgets/composables/useIntWidget'
 import { useMarkdownWidget } from '@/renderer/extensions/vueNodes/widgets/composables/useMarkdownWidget'
-import { useMultiSelectWidget } from '@/renderer/extensions/vueNodes/widgets/composables/useMultiSelectWidget'
-import { useSelectButtonWidget } from '@/renderer/extensions/vueNodes/widgets/composables/useSelectButtonWidget'
 import { useStringWidget } from '@/renderer/extensions/vueNodes/widgets/composables/useStringWidget'
 import { useTextareaWidget } from '@/renderer/extensions/vueNodes/widgets/composables/useTextareaWidget'
-import { useTreeSelectWidget } from '@/renderer/extensions/vueNodes/widgets/composables/useTreeSelectWidget'
 import { transformInputSpecV1ToV2 } from '@/schemas/nodeDef/migration'
 import type { InputSpec as InputSpecV2 } from '@/schemas/nodeDef/nodeDefSchemaV2'
 import type { InputSpec } from '@/schemas/nodeDefSchema'
@@ -296,13 +292,9 @@ export const ComfyWidgets: Record<string, ComfyWidgetConstructor> = {
   MARKDOWN: transformWidgetConstructorV2ToV1(useMarkdownWidget()),
   COMBO: transformWidgetConstructorV2ToV1(useComboWidget()),
   IMAGEUPLOAD: useImageUploadWidget(),
-  FILEUPLOAD: transformWidgetConstructorV2ToV1(useFileUploadWidget()),
   COLOR: transformWidgetConstructorV2ToV1(useColorWidget()),
   IMAGECOMPARE: transformWidgetConstructorV2ToV1(useImageCompareWidget()),
-  TREESELECT: transformWidgetConstructorV2ToV1(useTreeSelectWidget()),
-  MULTISELECT: transformWidgetConstructorV2ToV1(useMultiSelectWidget()),
   CHART: transformWidgetConstructorV2ToV1(useChartWidget()),
   GALLERIA: transformWidgetConstructorV2ToV1(useGalleriaWidget()),
-  SELECTBUTTON: transformWidgetConstructorV2ToV1(useSelectButtonWidget()),
   TEXTAREA: transformWidgetConstructorV2ToV1(useTextareaWidget())
 }