Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-01-30 04:50:04 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
ca312fd1eab540cc4ddc0e3d244d38b3858574f0
ComfyUI_frontend/src/scripts
History
Christian Byrne ca312fd1ea [refactor] Improve workflow domain organization (#5584) 
* [refactor] move workflow domain to its own folder

* [refactor] Fix workflow platform architecture organization

- Move workflow rendering functionality to renderer/thumbnail domain
- Rename ui folder to management for better semantic clarity
- Update all import paths to reflect proper domain boundaries
- Fix test imports to use new structure

Architecture improvements:
- rendering → renderer/thumbnail (belongs with other rendering logic)
- ui → management (better name for state management and UI integration)

This ensures proper separation of concerns and domain boundaries.

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

Co-Authored-By: Claude <noreply@anthropic.com>

* [fix] Resolve circular dependency between nodeDefStore and subgraphStore

* [fix] Update browser test imports to use new workflow platform paths

---------

Co-authored-by: Claude <noreply@anthropic.com>
2025-09-15 02:22:37 -07:00
..
metadata
[refactor] Improve workflow domain organization (#5584)
2025-09-15 02:22:37 -07:00
ui
[feat] Add knip for unused code detection (#4890)
2025-08-11 19:23:08 -07:00
api.ts
[refactor] Improve workflow domain organization (#5584)
2025-09-15 02:22:37 -07:00
app.ts
[refactor] Improve workflow domain organization (#5584)
2025-09-15 02:22:37 -07:00
changeTracker.ts
[refactor] Improve workflow domain organization (#5584)
2025-09-15 02:22:37 -07:00
defaultGraph.ts
[refactor] Improve workflow domain organization (#5584)
2025-09-15 02:22:37 -07:00
domWidget.ts
Knip: More Pruning (#5374)
2025-09-07 01:10:32 -07:00
errorNodeWidgets.ts
[feat] Vue-Based Rendering System for the ComfyUI Node Graph (#4263)
2025-09-04 21:31:59 -07:00
pnginfo.ts
[refactor] Migrate litegraph imports from npm package to local subtree
2025-08-03 22:06:29 -04:00
README.md
[Documentation] Add src/scripts/README.md (#2442)
2025-02-05 18:32:44 -05:00
ui.ts
[refactor] Improve workflow domain organization (#5584)
2025-09-15 02:22:37 -07:00
utils.ts
knip: YOLO pass, all the unused exports enabled, YAGNI for the rest (#5313)
2025-09-04 22:29:44 -07:00
widgets.ts
[feat] Vue-Based Rendering System for the ComfyUI Node Graph (#4263)
2025-09-04 21:31:59 -07:00

README.md

Scripts Directory Documentation

This directory contains TypeScript code inherited from the legacy ComfyUI JavaScript frontend project. The code has been migrated from JavaScript to TypeScript while maintaining compatibility with the original functionality.

When implementing new features, prefer using the new Vue3 system over the legacy scripts.

Key Components

ComfyApi (api.ts)

Main API client class that handles communication with the ComfyUI backend. Provides methods for:

  • Queue management
  • Model operations
  • Extension handling
  • WebSocket communication
  • User data management

ComfyApp (app.ts)

Core application class that manages:

  • Graph manipulation
  • Node management
  • Canvas interactions
  • Extension system
  • Workflow state

UI Components (ui/)

Collection of reusable UI components including:

  • Buttons and button groups
  • Popups and dialogs
  • Draggable lists
  • Image previews
  • Menu system
  • Settings dialog

Integration with Vite

All TypeScript exports are shimmed through Vite configuration to maintain compatibility with the legacy JavaScript codebase. The shimming logic can be found in vite.config.mts.

Legacy Compatibility

This codebase maintains compatibility with the original ComfyUI Legacy Frontend while providing TypeScript type safety and modern development features.

For users wanting to fall back to the legacy frontend, use the command line argument:

--front-end-version Comfy-Org/ComfyUI_legacy_frontend@latest