mirror of
https://github.com/Azornes/Comfyui-LayerForge.git
synced 2026-03-21 12:52:10 -03:00
826f448af9
Added documentation files for ComfyApi, ComfyApp, LitegraphService, and MaskEditor, summarizing their main functions and usage. Refactored js/Canvas.js to improve mask processing logic, using viewport pan for cropping and applying mask color only to non-transparent pixels. Also made minor formatting and logging consistency improvements throughout Canvas.js.
76 lines
1.7 KiB
Plaintext
76 lines
1.7 KiB
Plaintext
LitegraphService Documentation
|
|
|
|
Main functions of useLitegraphService()
|
|
|
|
Node Registration and Creation Functions:
|
|
|
|
registerNodeDef(nodeId: string, nodeDefV1: ComfyNodeDefV1)
|
|
|
|
- Registers node definition in LiteGraph system
|
|
- Creates ComfyNode class with inputs, outputs and widgets
|
|
- Adds context menu, background drawing and keyboard handling
|
|
- Invokes extensions before registration
|
|
|
|
addNodeOnGraph(nodeDef, options)
|
|
|
|
- Adds new node to graph at specified position
|
|
- By default places node at canvas center
|
|
|
|
Navigation and View Functions:
|
|
|
|
getCanvasCenter(): Vector2
|
|
|
|
- Returns canvas center coordinates accounting for DPI
|
|
|
|
goToNode(nodeId: NodeId)
|
|
|
|
- Animates transition to specified node on canvas
|
|
|
|
resetView()
|
|
|
|
- Resets canvas view to default settings (scale 1, offset [0,0])
|
|
|
|
fitView()
|
|
|
|
- Fits canvas view to show all nodes
|
|
|
|
Node Handling Functions (internal):
|
|
|
|
addNodeContextMenuHandler(node)
|
|
|
|
- Adds context menu with options:
|
|
|
|
- Open/Copy/Save image (for image nodes)
|
|
- Bypass node
|
|
- Copy/Paste to Clipspace
|
|
- Open in MaskEditor (for image nodes)
|
|
|
|
addDrawBackgroundHandler(node)
|
|
|
|
- Adds node background drawing logic
|
|
- Handles image, animation and video previews
|
|
- Manages thumbnail display
|
|
|
|
addNodeKeyHandler(node)
|
|
|
|
- Adds keyboard handling:
|
|
|
|
- Left/Right arrows: navigate between images
|
|
- Escape: close image preview
|
|
|
|
ComfyNode Class (created by registerNodeDef):
|
|
|
|
Main methods:
|
|
|
|
- #addInputs() - adds inputs and widgets to node
|
|
- #addOutputs() - adds outputs to node
|
|
- configure() - configures node from serialized data
|
|
- #setupStrokeStyles() - sets border styles (errors, execution, etc.)
|
|
|
|
Properties:
|
|
|
|
- comfyClass - ComfyUI class name
|
|
- nodeData - node definition
|
|
- Automatic yellow coloring for API nodes
|
|
|