Add ts-strict-ignore plugin (#1235)

* Add ts-strict-ignore plugin

* nit

* Add to typecheck script

src/components/common/__tests__/EditableText.spec.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { mount } from '@vue/test-utils'
 import { describe, it, expect, beforeAll } from 'vitest'
 import EditableText from '../EditableText.vue'

src/components/common/__tests__/TreeExplorerTreeNode.spec.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { describe, it, expect, vi } from 'vitest'
 import { mount } from '@vue/test-utils'
 import TreeExplorerTreeNode from '@/components/common/TreeExplorerTreeNode.vue'

src/components/sidebar/tabs/queue/__tests__/ResultGallery.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 // Disabled because of https://github.com/Comfy-Org/ComfyUI_frontend/issues/1184
 
 import { mount } from '@vue/test-utils'

src/extensions/core/clipspace.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app } from '../../scripts/app'
 import { ComfyDialog, $el } from '../../scripts/ui'
 import { ComfyApp } from '../../scripts/app'

src/extensions/core/colorPalette.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { useToastStore } from '@/stores/toastStore'
 import { app } from '../../scripts/app'
 import { $el } from '../../scripts/ui'

src/extensions/core/contextMenuFilter.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { LiteGraph, LGraphCanvas } from '@comfyorg/litegraph'
 import { app } from '../../scripts/app'
 

src/extensions/core/dynamicPrompts.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app } from '../../scripts/app'
 
 // Allows for simple dynamic prompt replacement

src/extensions/core/editAttention.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app } from '../../scripts/app'
 
 // Allows you to edit the attention weight by holding ctrl (or cmd) and using the up/down arrow keys

src/extensions/core/groupNode.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app } from '../../scripts/app'
 import { api } from '../../scripts/api'
 import { mergeIfValid } from './widgetInputs'

src/extensions/core/groupNodeManage.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { $el, ComfyDialog } from '../../scripts/ui'
 import { DraggableList } from '../../scripts/ui/draggableList'
 import { GroupNodeConfig, GroupNodeHandler } from './groupNode'

src/extensions/core/groupOptions.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { LGraphGroup } from '@comfyorg/litegraph'
 import { app } from '../../scripts/app'
 import { LGraphCanvas, LiteGraph } from '@comfyorg/litegraph'

src/extensions/core/invertMenuScrolling.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { LiteGraph } from '@comfyorg/litegraph'
 import { app } from '../../scripts/app'
 

src/extensions/core/linkRenderMode.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app } from '../../scripts/app'
 import { LiteGraph } from '@comfyorg/litegraph'
 const id = 'Comfy.LinkRenderMode'

src/extensions/core/maskeditor.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app } from '../../scripts/app'
 import { ComfyDialog, $el } from '../../scripts/ui'
 import { ComfyApp } from '../../scripts/app'

src/extensions/core/nodeBadge.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app, type ComfyApp } from '@/scripts/app'
 import type { ComfyExtension } from '@/types/comfy'
 import type { LGraphNode } from '@comfyorg/litegraph'

src/extensions/core/nodeTemplates.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app } from '../../scripts/app'
 import { api } from '../../scripts/api'
 import { ComfyDialog, $el } from '../../scripts/ui'

src/extensions/core/noteNode.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { LiteGraph, LGraphCanvas } from '@comfyorg/litegraph'
 import { app } from '../../scripts/app'
 import { ComfyWidgets } from '../../scripts/widgets'

src/extensions/core/rerouteNode.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import type { IContextMenuValue } from '@comfyorg/litegraph'
 import { app } from '../../scripts/app'
 import { mergeIfValid, getWidgetConfig, setWidgetConfig } from './widgetInputs'

src/extensions/core/saveImageExtraOutput.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app } from '../../scripts/app'
 import { applyTextReplacements } from '../../scripts/utils'
 // Use widget values and dates in output filenames

src/extensions/core/simpleTouchSupport.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app } from '../../scripts/app'
 import { LGraphCanvas, LiteGraph } from '@comfyorg/litegraph'
 

src/extensions/core/slotDefaults.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app } from '../../scripts/app'
 import { ComfyWidgets } from '../../scripts/widgets'
 import { LiteGraph } from '@comfyorg/litegraph'

src/extensions/core/snapToGrid.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import type { SettingParams } from '@/types/settingTypes'
 import { app } from '../../scripts/app'
 import {

src/extensions/core/uploadAudio.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app } from '../../scripts/app'
 import { api } from '../../scripts/api'
 import type { IWidget } from '@comfyorg/litegraph'

src/extensions/core/uploadImage.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app } from '../../scripts/app'
 import { ComfyNodeDef } from '@/types/apiTypes'
 

src/extensions/core/webcamCapture.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app } from '../../scripts/app'
 import { api } from '../../scripts/api'
 import { useToastStore } from '@/stores/toastStore'

src/extensions/core/widgetInputs.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { ComfyWidgets, addValueControlWidgets } from '../../scripts/widgets'
 import { app } from '../../scripts/app'
 import { applyTextReplacements } from '../../scripts/utils'

src/main.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import App from './App.vue'
 import router from '@/router'
 import { createApp } from 'vue'

src/scripts/api.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { ComfyWorkflowJSON } from '@/types/comfyWorkflow'
 import {
   DownloadModelStatus,

src/scripts/app.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { ComfyLogging } from './logging'
 import { ComfyWidgetConstructor, ComfyWidgets, initWidgets } from './widgets'
 import { ComfyUI, $el } from './ui'

src/scripts/changeTracker.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import type { ComfyApp } from './app'
 import { api } from './api'
 import { clone } from './utils'

src/scripts/domWidget.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app, ANIM_PREVIEW_WIDGET } from './app'
 import { LGraphCanvas, LGraphNode, LiteGraph } from '@comfyorg/litegraph'
 import type { Vector4 } from '@comfyorg/litegraph'

src/scripts/logging.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { $el, ComfyDialog } from './ui'
 import { api } from './api'
 import type { ComfyApp } from './app'

src/scripts/metadata/flac.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 export function getFromFlacBuffer(buffer: ArrayBuffer): Record<string, string> {
   const dataView = new DataView(buffer)
 

src/scripts/metadata/png.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 export function getFromPngBuffer(buffer: ArrayBuffer) {
   // Get the PNG data as a Uint8Array
   const pngData = new Uint8Array(buffer)

src/scripts/pnginfo.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { LiteGraph } from '@comfyorg/litegraph'
 import { api } from './api'
 import { getFromPngFile } from './metadata/png'

src/scripts/ui.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { api } from './api'
 import { ComfyDialog as _ComfyDialog } from './ui/dialog'
 import { toggleSwitch } from './ui/toggleSwitch'

src/scripts/ui/components/asyncDialog.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { ComfyDialog } from '../dialog'
 import { $el } from '../../ui'
 

src/scripts/ui/components/button.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { $el } from '../../ui'
 import { applyClasses, ClassList, toggleElement } from '../utils'
 import { prop } from '../../utils'

src/scripts/ui/components/buttonGroup.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { $el } from '../../ui'
 import { ComfyButton } from './button'
 import { prop } from '../../utils'

src/scripts/ui/components/popup.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { prop } from '../../utils'
 import { $el } from '../../ui'
 import { applyClasses, ClassList } from '../utils'

src/scripts/ui/dialog.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { useDialogStore } from '@/stores/dialogStore'
 import { $el } from '../ui'
 

src/scripts/ui/draggableList.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 /*
   Original implementation:
     https://github.com/TahaSh/drag-to-reorder

src/scripts/ui/imagePreview.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app } from '../app'
 import { $el } from '../ui'
 

src/scripts/ui/settings.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { $el } from '../ui'
 import { api } from '../api'
 import { ComfyDialog } from './dialog'

src/scripts/ui/toggleSwitch.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { $el } from '../ui'
 
 /**

src/scripts/ui/userSelection.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { api } from '../api'
 import { $el } from '../ui'
 import { createSpinner } from './spinner'

src/scripts/ui/utils.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 export type ClassList = string | string[] | Record<string, boolean>
 
 export function applyClasses(

src/scripts/utils.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { api } from './api'
 import type { ComfyApp } from './app'
 import { $el } from './ui'

src/scripts/widgets.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { api } from './api'
 import './domWidget'
 import type { ComfyApp } from './app'

src/scripts/workflows.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import type { ComfyApp } from './app'
 import { api } from './api'
 import { ChangeTracker } from './changeTracker'

src/services/nodeSearchService.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { ComfyNodeDefImpl } from '@/stores/nodeDefStore'
 import Fuse, { IFuseOptions, FuseSearchOptions } from 'fuse.js'
 import _ from 'lodash'

src/stores/commandStore.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { app } from '@/scripts/app'
 import { api } from '@/scripts/api'
 import { defineStore } from 'pinia'

src/stores/dialogStore.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 // We should consider moving to https://primevue.org/dynamicdialog/ once everything is in Vue.
 // Currently we need to bridge between legacy app code and Vue app with a Pinia store.
 

src/stores/executionStore.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { ref, computed } from 'vue'
 import { defineStore } from 'pinia'
 import { api } from '../scripts/api'

src/stores/modelStore.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { api } from '@/scripts/api'
 import { defineStore } from 'pinia'
 

src/stores/nodeBookmarkStore.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { defineStore } from 'pinia'
 import { computed } from 'vue'
 import { useSettingStore } from './settingStore'

src/stores/nodeDefStore.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import {
   NodeSearchService,
   type SearchAuxScore

src/stores/queueStore.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { api } from '@/scripts/api'
 import type { ComfyApp } from '@/scripts/app'
 import type {

src/stores/settingStore.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 /**
  * TODO: Migrate scripts/ui/settings.ts here
  *

src/stores/workflowStore.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { defineStore } from 'pinia'
 import { computed, ref } from 'vue'
 import { ComfyWorkflow } from '@/scripts/workflows'

src/types/litegraphTypes.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import type {
   ConnectingLink,
   LGraphNode,

src/utils/colorUtil.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { memoize } from 'lodash'
 
 type RGB = { r: number; g: number; b: number }

src/utils/treeUtil.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import type { TreeNode } from 'primevue/treenode'
 
 export function buildTree<T>(