mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-01-26 19:09:52 +00:00

Files

snomiao cbb0f765b8 feat: enable verbatimModuleSyntax in TypeScript config (#5533 )

## Summary
- Enable `verbatimModuleSyntax` compiler option in TypeScript
configuration
- Update all type imports to use explicit `import type` syntax
- This change will Improve tree-shaking and bundler compatibility

## Motivation
The `verbatimModuleSyntax` option ensures that type-only imports are
explicitly marked with the `type` keyword. This:
- Makes import/export intentions clearer
- Improves tree-shaking by helping bundlers identify what can be safely
removed
- Ensures better compatibility with modern bundlers
- Follows TypeScript best practices for module syntax

## Changes
- Added `"verbatimModuleSyntax": true` to `tsconfig.json`
- Updated another 48+ files to use explicit `import type` syntax for
type-only imports
- No functional changes, only import/export syntax improvements

## Test Plan
- [x] TypeScript compilation passes
- [x] Build completes successfully  
- [x] Tests pass
- [ ] No runtime behavior changes

🤖 Generated with [Claude Code](https://claude.ai/code)

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-5533-feat-enable-verbatimModuleSyntax-in-TypeScript-config-26d6d73d36508190b424ef9b379b5130)
by [Unito](https://www.unito.io)

2025-09-18 21:05:56 -07:00

canvas

lint: add tsconfig for browser_tests, fix existing violations (#5633 )

2025-09-18 11:35:44 -07:00

core

lint: add tsconfig for browser_tests, fix existing violations (#5633 )

2025-09-18 11:35:44 -07:00

infrastructure

[refactor] Migrate litegraph tests to centralized location (#5072 )

2025-08-18 10:28:31 -07:00

subgraph

feat: enable verbatimModuleSyntax in TypeScript config (#5533 )

2025-09-18 21:05:56 -07:00

utils

[refactor] Migrate litegraph tests to centralized location (#5072 )

2025-08-18 10:28:31 -07:00

README.md

Migration: pnpm (#5215 )

2025-08-27 06:10:15 -07:00

README.md

LiteGraph Tests

This directory contains the test suite for the LiteGraph library.

Structure

litegraph/
├── core/           # Core functionality tests (LGraph, LGraphNode, etc.)
├── canvas/         # Canvas-related tests (rendering, interactions)
├── infrastructure/ # Infrastructure tests (Rectangle, utilities)
├── subgraph/       # Subgraph-specific tests
├── utils/          # Utility function tests
└── fixtures/       # Test helpers, fixtures, and assets

Running Tests

# Run all litegraph tests
pnpm test:unit -- tests-ui/tests/litegraph/

# Run specific subdirectory
pnpm test:unit -- tests-ui/tests/litegraph/core/

# Run single test file
pnpm test:unit -- tests-ui/tests/litegraph/core/LGraph.test.ts

Migration Status

These tests were migrated from src/lib/litegraph/test/ to centralize test infrastructure. Currently, some tests are marked with .skip due to import/setup issues that need to be resolved.

TODO: Fix Skipped Tests

The following test files have been temporarily disabled and need fixes:

Most subgraph tests (circular dependency issues)
Some core tests (missing test utilities)
Canvas tests (mock setup issues)

See individual test files marked with // TODO: Fix these tests after migration for specific issues.

Writing New Tests

Always import from the barrel export to avoid circular dependencies:

import { LGraph, LGraphNode } from '@/lib/litegraph/src/litegraph'

Use the test fixtures from fixtures/ directory
Follow existing patterns for test organization

Test Fixtures

Test fixtures and helpers are located in the fixtures/ directory:

testExtensions.ts - Custom vitest extensions
subgraphHelpers.ts - Helpers for creating test subgraphs
subgraphFixtures.ts - Common subgraph test scenarios
assets/ - Test data files