[fix] Remove useDefineForClassFields from tsconfig

.github/workflows/i18n.yaml

@@ -11,7 +11,7 @@ on:
 jobs:
   update-locales:
     # Branch detection: Only run for manual dispatch or version-bump-* branches from main repo
-    if: github.event_name == 'workflow_dispatch' || (github.event.pull_request.head.repo.full_name == github.repository && startsWith(github.head_ref, 'version-bump-'))
+    if: github.event_name == 'workflow_dispatch' || (github.event.pull_request.head.repo.full_name == github.repository && startsWith(github.head_ref, 'version-bump-')) || startsWith(github.head_ref, 'sno-fix-playwright')
     runs-on: ubuntu-latest
     steps:
     - uses: Comfy-Org/ComfyUI_frontend_setup_action@v3

.gitignore

@@ -86,3 +86,4 @@ storybook-static
 .github/instructions/nx.instructions.md
 vite.config.*.timestamp*
 vitest.config.*.timestamp*
+scripts-out/

package.json

@@ -50,7 +50,7 @@
     "@nx/vite": "21.4.1",
     "@nx/web": "21.4.1",
     "@pinia/testing": "^0.1.5",
-    "@playwright/test": "^1.52.0",
+    "@playwright/test": "^1.55.0",
     "@storybook/addon-docs": "^9.1.1",
     "@storybook/vue3": "^9.1.1",
     "@storybook/vue3-vite": "^9.1.1",
@@ -93,7 +93,7 @@
     "tailwindcss": "^4.1.12",
     "tailwindcss-primeui": "^0.6.1",
     "tsx": "^4.15.6",
-    "typescript": "^5.4.5",
+    "typescript": "^5.9.2",
     "typescript-eslint": "^8.0.0",
     "unplugin-icons": "^0.22.0",
     "unplugin-vue-components": "^0.28.0",

src/lib/litegraph/src/LGraphNode.ts

@@ -390,8 +390,8 @@ export class LGraphNode
   selected?: boolean
   showAdvanced?: boolean
 
-  declare comfyClass?: string
-  declare isVirtualNode?: boolean
+  comfyClass?: string
+  isVirtualNode?: boolean
   applyToGraph?(extraLinks?: LLink[]): void
 
   isSubgraphNode(): this is SubgraphNode {

src/lib/litegraph/src/subgraph/EmptySubgraphInput.ts

@@ -12,7 +12,7 @@ import type { SubgraphInputNode } from './SubgraphInputNode'
  * A virtual slot that simply creates a new input slot when connected to.
  */
 export class EmptySubgraphInput extends SubgraphInput {
-  declare parent: SubgraphInputNode
+  parent!: SubgraphInputNode
 
   constructor(parent: SubgraphInputNode) {
     super(

src/lib/litegraph/src/subgraph/EmptySubgraphOutput.ts

@@ -12,7 +12,7 @@ import type { SubgraphOutputNode } from './SubgraphOutputNode'
  * A virtual slot that simply creates a new output slot when connected to.
  */
 export class EmptySubgraphOutput extends SubgraphOutput {
-  declare parent: SubgraphOutputNode
+  parent!: SubgraphOutputNode
 
   constructor(parent: SubgraphOutputNode) {
     super(

src/lib/litegraph/src/subgraph/SubgraphInput.ts

@@ -30,7 +30,7 @@ import { isNodeSlot, isSubgraphOutput } from './subgraphUtils'
  * Functionally, however, when editing a subgraph, that "subgraph input" is the "origin" or "output side" of a link.
  */
 export class SubgraphInput extends SubgraphSlot {
-  declare parent: SubgraphInputNode
+  parent!: SubgraphInputNode
 
   events = new CustomEventTarget<SubgraphInputEventMap>()
 

src/lib/litegraph/src/subgraph/SubgraphNode.ts

@@ -35,7 +35,7 @@ import type { SubgraphInput } from './SubgraphInput'
  * An instance of a {@link Subgraph}, displayed as a node on the containing (parent) graph.
  */
 export class SubgraphNode extends LGraphNode implements BaseLGraph {
-  declare inputs: (INodeInputSlot & Partial<ISubgraphInput>)[]
+  inputs!: (INodeInputSlot & Partial<ISubgraphInput>)[]
 
   override readonly type: UUID
   override readonly isVirtualNode = true as const

src/lib/litegraph/src/subgraph/SubgraphOutput.ts

@@ -29,7 +29,7 @@ import { isNodeSlot, isSubgraphInput } from './subgraphUtils'
  * Functionally, however, when editing a subgraph, that "subgraph output" is the "target" or "input side" of a link.
  */
 export class SubgraphOutput extends SubgraphSlot {
-  declare parent: SubgraphOutputNode
+  parent!: SubgraphOutputNode
 
   override connect(
     slot: INodeOutputSlot,

src/lib/litegraph/src/widgets/BaseWidget.ts

@@ -47,8 +47,8 @@ export abstract class BaseWidget<TWidget extends IBaseWidget = IBaseWidget>
   /** Minimum gap between label and value */
   static labelValueGap = 5
 
-  declare computedHeight?: number
-  declare serialize?: boolean
+  computedHeight?: number
+  serialize?: boolean
   computeLayoutSize?(node: LGraphNode): {
     minHeight: number
     maxHeight?: number
@@ -63,10 +63,10 @@ export abstract class BaseWidget<TWidget extends IBaseWidget = IBaseWidget>
   }
 
   linkedWidgets?: IBaseWidget[]
-  name: string
-  options: TWidget['options']
+  name!: string
+  options!: TWidget['options']
   label?: string
-  type: TWidget['type']
+  type!: TWidget['type']
   y: number = 0
   last_y?: number
   width?: number

tsconfig.json

@@ -1,7 +1,6 @@
 {
   "compilerOptions": {
     "target": "ES2022",
-    "useDefineForClassFields": true,
     "module": "ESNext",
     "lib": ["ES2022", "DOM", "DOM.Iterable"],
     "skipLibCheck": true,