Lint: Add eslint import plugin (#5955)

## Summary

Adds the linter, turns on the recommended and a few extra rules, fixes
existing violations.

Doesn't prohibit `../../...` imports yet, that'll be it's own PR.

## Changes

- **What**: Consistent and fixable imports
- **Dependencies**: The plugin and parser

## Review Focus

How do you feel about the recommended rules?
What about the extra ones?
[Any
more](https://github.com/un-ts/eslint-plugin-import-x?tab=readme-ov-file#rules)
you'd want to turn on?

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-5955-Lint-Add-eslint-import-plugin-2856d73d3650819985c0fb9ca3fa94b0)
by [Unito](https://www.unito.io)

src/renderer/extensions/vueNodes/widgets/components/WidgetColorPicker.vue

@@ -27,12 +27,8 @@ import ColorPicker from 'primevue/colorpicker'
 import { computed, ref, watch } from 'vue'
 
 import type { SimplifiedWidget } from '@/types/simplifiedWidget'
-import {
-  type ColorFormat,
-  type HSB,
-  isColorFormat,
-  toHexFromFormat
-} from '@/utils/colorUtil'
+import { isColorFormat, toHexFromFormat } from '@/utils/colorUtil'
+import type { ColorFormat, HSB } from '@/utils/colorUtil'
 import { cn } from '@/utils/tailwindUtil'
 import {
   PANEL_EXCLUDED_PROPS,

src/renderer/extensions/vueNodes/widgets/components/WidgetGalleria.test.ts

@@ -7,10 +7,8 @@ import { createI18n } from 'vue-i18n'
 
 import type { SimplifiedWidget } from '@/types/simplifiedWidget'
 
-import WidgetGalleria, {
-  type GalleryImage,
-  type GalleryValue
-} from './WidgetGalleria.vue'
+import WidgetGalleria from './WidgetGalleria.vue'
+import type { GalleryImage, GalleryValue } from './WidgetGalleria.vue'
 
 const i18n = createI18n({
   legacy: false,

src/renderer/extensions/vueNodes/widgets/components/WidgetImageCompare.test.ts

@@ -5,9 +5,8 @@ import { describe, expect, it } from 'vitest'
 
 import type { SimplifiedWidget } from '@/types/simplifiedWidget'
 
-import WidgetImageCompare, {
-  type ImageCompareValue
-} from './WidgetImageCompare.vue'
+import WidgetImageCompare from './WidgetImageCompare.vue'
+import type { ImageCompareValue } from './WidgetImageCompare.vue'
 
 describe('WidgetImageCompare Display', () => {
   const createMockWidget = (

src/renderer/extensions/vueNodes/widgets/components/WidgetSelect.vue

@@ -18,10 +18,8 @@
 import { computed } from 'vue'
 
 import type { ResultItemType } from '@/schemas/apiSchema'
-import {
-  type ComboInputSpec,
-  isComboInputSpec
-} from '@/schemas/nodeDef/nodeDefSchemaV2'
+import { isComboInputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'
+import type { ComboInputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'
 import type { SimplifiedWidget } from '@/types/simplifiedWidget'
 import type { AssetKind } from '@/types/widgetTypes'
 

src/renderer/extensions/vueNodes/widgets/components/WidgetSelectDropdown.vue

@@ -16,11 +16,11 @@ import {
 } from '@/utils/widgetPropFilter'
 
 import FormDropdown from './form/dropdown/FormDropdown.vue'
-import {
-  AssetKindKey,
-  type DropdownItem,
-  type FilterOption,
-  type SelectedKey
+import { AssetKindKey } from './form/dropdown/types'
+import type {
+  DropdownItem,
+  FilterOption,
+  SelectedKey
 } from './form/dropdown/types'
 import WidgetLayoutField from './layout/WidgetLayoutField.vue'
 

src/renderer/extensions/vueNodes/widgets/components/WidgetTreeSelect.test.ts

@@ -6,7 +6,8 @@ import { describe, expect, it, vi } from 'vitest'
 
 import type { SimplifiedWidget, WidgetValue } from '@/types/simplifiedWidget'
 
-import WidgetTreeSelect, { type TreeNode } from './WidgetTreeSelect.vue'
+import WidgetTreeSelect from './WidgetTreeSelect.vue'
+import type { TreeNode } from './WidgetTreeSelect.vue'
 
 const createTreeData = (): TreeNode[] => [
   {

src/renderer/extensions/vueNodes/widgets/components/form/dropdown/FormDropdownMenuItem.vue

@@ -4,7 +4,8 @@ import { computed, inject, ref } from 'vue'
 import LazyImage from '@/components/common/LazyImage.vue'
 import { cn } from '@/utils/tailwindUtil'
 
-import { AssetKindKey, type LayoutMode } from './types'
+import { AssetKindKey } from './types'
+import type { LayoutMode } from './types'
 
 interface Props {
   index: number

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

@@ -1,8 +1,6 @@
 import type { LGraphNode } from '@/lib/litegraph/src/litegraph'
-import {
-  type InputSpec,
-  isBooleanInputSpec
-} from '@/schemas/nodeDef/nodeDefSchemaV2'
+import { isBooleanInputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'
+import type { InputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'
 import type { ComfyWidgetConstructorV2 } from '@/scripts/widgets'
 
 export const useBooleanWidget = () => {

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

@@ -1,9 +1,9 @@
 import type { LGraphNode } from '@/lib/litegraph/src/litegraph'
 import type { IChartWidget } from '@/lib/litegraph/src/types/widgets'
-import {
-  type ChartInputSpec,
-  type InputSpec as InputSpecV2,
-  isChartInputSpec
+import { isChartInputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'
+import type {
+  ChartInputSpec,
+  InputSpec as InputSpecV2
 } from '@/schemas/nodeDef/nodeDefSchemaV2'
 import type { ComfyWidgetConstructorV2 } from '@/scripts/widgets'
 

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

@@ -3,11 +3,8 @@ import { ref } from 'vue'
 import ChatHistoryWidget from '@/components/graph/widgets/ChatHistoryWidget.vue'
 import type { LGraphNode } from '@/lib/litegraph/src/litegraph'
 import type { InputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'
-import {
-  ComponentWidgetImpl,
-  type ComponentWidgetStandardProps,
-  addWidget
-} from '@/scripts/domWidget'
+import { ComponentWidgetImpl, addWidget } from '@/scripts/domWidget'
+import type { ComponentWidgetStandardProps } from '@/scripts/domWidget'
 import type { ComfyWidgetConstructorV2 } from '@/scripts/widgets'
 
 type ChatHistoryCustomProps = Omit<

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

@@ -13,20 +13,15 @@ import {
 import { assetService } from '@/platform/assets/services/assetService'
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { transformInputSpecV2ToV1 } from '@/schemas/nodeDef/migration'
-import type { ComboInputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'
-import {
-  type InputSpec,
-  isComboInputSpec
+import { isComboInputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'
+import type {
+  ComboInputSpec,
+  InputSpec
 } from '@/schemas/nodeDef/nodeDefSchemaV2'
-import {
-  type BaseDOMWidget,
-  ComponentWidgetImpl,
-  addWidget
-} from '@/scripts/domWidget'
-import {
-  type ComfyWidgetConstructorV2,
-  addValueControlWidgets
-} from '@/scripts/widgets'
+import { ComponentWidgetImpl, addWidget } from '@/scripts/domWidget'
+import type { BaseDOMWidget } from '@/scripts/domWidget'
+import { addValueControlWidgets } from '@/scripts/widgets'
+import type { ComfyWidgetConstructorV2 } from '@/scripts/widgets'
 
 import { useRemoteWidget } from './useRemoteWidget'
 

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

@@ -3,10 +3,8 @@ import { clamp } from 'es-toolkit/compat'
 import type { LGraphNode } from '@/lib/litegraph/src/litegraph'
 import type { INumericWidget } from '@/lib/litegraph/src/types/widgets'
 import { useSettingStore } from '@/platform/settings/settingStore'
-import {
-  type InputSpec,
-  isFloatInputSpec
-} from '@/schemas/nodeDef/nodeDefSchemaV2'
+import { isFloatInputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'
+import type { InputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'
 import type { ComfyWidgetConstructorV2 } from '@/scripts/widgets'
 
 function onFloatValueChange(this: INumericWidget, v: number) {

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

@@ -1,9 +1,5 @@
-import {
-  BaseWidget,
-  type CanvasPointer,
-  type LGraphNode,
-  LiteGraph
-} from '@/lib/litegraph/src/litegraph'
+import { BaseWidget, LiteGraph } from '@/lib/litegraph/src/litegraph'
+import type { CanvasPointer, LGraphNode } from '@/lib/litegraph/src/litegraph'
 import type {
   IBaseWidget,
   IWidgetOptions

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

@@ -2,14 +2,10 @@ import type { LGraphNode } from '@/lib/litegraph/src/litegraph'
 import type { INumericWidget } from '@/lib/litegraph/src/types/widgets'
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { transformInputSpecV2ToV1 } from '@/schemas/nodeDef/migration'
-import {
-  type InputSpec,
-  isIntInputSpec
-} from '@/schemas/nodeDef/nodeDefSchemaV2'
-import {
-  type ComfyWidgetConstructorV2,
-  addValueControlWidget
-} from '@/scripts/widgets'
+import { isIntInputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'
+import type { InputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'
+import { addValueControlWidget } from '@/scripts/widgets'
+import type { ComfyWidgetConstructorV2 } from '@/scripts/widgets'
 
 function onValueChange(this: INumericWidget, v: number) {
   // For integers, always round to the nearest step

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

@@ -3,11 +3,8 @@ import { ref } from 'vue'
 import TextPreviewWidget from '@/components/graph/widgets/TextPreviewWidget.vue'
 import type { LGraphNode } from '@/lib/litegraph/src/litegraph'
 import type { InputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'
-import {
-  ComponentWidgetImpl,
-  type ComponentWidgetStandardProps,
-  addWidget
-} from '@/scripts/domWidget'
+import { ComponentWidgetImpl, addWidget } from '@/scripts/domWidget'
+import type { ComponentWidgetStandardProps } from '@/scripts/domWidget'
 import type { ComfyWidgetConstructorV2 } from '@/scripts/widgets'
 
 type TextPreviewCustomProps = Omit<

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

@@ -1,8 +1,7 @@
 import axios from 'axios'
 
 import { useChainCallback } from '@/composables/functional/useChainCallback'
-import type { LGraphNode } from '@/lib/litegraph/src/litegraph'
-import type { IWidget } from '@/lib/litegraph/src/litegraph'
+import type { IWidget, LGraphNode } from '@/lib/litegraph/src/litegraph'
 import type { RemoteWidgetConfig } from '@/schemas/nodeDefSchema'
 import { api } from '@/scripts/api'
 

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

@@ -1,9 +1,7 @@
 import type { LGraphNode } from '@/lib/litegraph/src/litegraph'
 import { useSettingStore } from '@/platform/settings/settingStore'
-import {
-  type InputSpec,
-  isStringInputSpec
-} from '@/schemas/nodeDef/nodeDefSchemaV2'
+import { isStringInputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'
+import type { InputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'
 import { app } from '@/scripts/app'
 import type { ComfyWidgetConstructorV2 } from '@/scripts/widgets'