@comfyorg/litegraph
Advanced tools
A graph node editor similar to PD or UDK Blueprints. It works in an HTML5 Canvas and allows to export graphs to be included in applications.
This is the litegraph version used in ComfyUI_frontend.
It is a fork of the original litegraph.js. Some APIs may by unchanged, however it is largely incompatible with the original.
Some early highlights:
npm i @comfyorg/litegraph
A TypeScript library to create graphs in the browser similar to Unreal Blueprints.
A library in Javascript to create graphs in the browser similar to Unreal Blueprints. Nodes can be programmed easily and it includes an editor to construct and tests the graphs.
It can be integrated easily in any existing web applications and graphs can be run without the need of the editor.
You can install it using npm
npm install @comfyorg/litegraph
Here is an example of how to build a node that sums two inputs:
import { LiteGraph, LGraphNode } from "./litegraph"
class MyAddNode extends LGraphNode {
// Name to show
title = "Sum"
constructor() {
this.addInput("A", "number")
this.addInput("B", "number")
this.addOutput("A+B", "number")
this.properties.precision = 1
}
// Function to call when the node is executed
onExecute() {
var A = this.getInputData(0)
if (A === undefined) A = 0
var B = this.getInputData(1)
if (B === undefined) B = 0
this.setOutputData(0, A + B)
}
}
// Register the node type
LiteGraph.registerNodeType("basic/sum", MyAddNode)
It also works server-side using NodeJS although some nodes do not work in server (audio, graphics, input, etc).
import { LiteGraph, LGraph } from "./litegraph.js"
const graph = new LGraph()
const firstNode = LiteGraph.createNode("basic/sum")
graph.add(firstNode)
const secondNode = LiteGraph.createNode("basic/sum")
graph.add(secondNode)
firstNode.connect(0, secondNode, 1)
graph.start()
Please open an issue on the GitHub repo.
Litegraph has no runtime dependencies. The build tooling has been tested on Node.JS 20.18.x
Use GitHub actions to release normal versions.
Release a New Version action, selecting the version incrment typeThe action directly translates Version increment type to the npm version command. Pre-release ID (suffix) is the option for the --preid argument.
e.g. Use prerelease increment type to automatically bump the patch version and create a pre-release version. Subsequent runs of prerelease will update the prerelease version only.
Use patch when ready to remove the pre-release suffix.
You can find the current list of contributors on GitHub.
FAQs
A graph node editor similar to PD or UDK Blueprints. It works in an HTML5 Canvas and allows to export graphs to be included in applications.
The npm package @comfyorg/litegraph receives a total of 381 weekly downloads. As such, @comfyorg/litegraph popularity was classified as not popular.
We found that @comfyorg/litegraph demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket's new Alert Details page is designed to surface more context, with a clearer layout, reachability dependency chains, and structured review.
Product
Campaign-level threat intelligence in Socket now shows when active supply chain attacks affect your repositories and packages.
Research
Malicious PyPI package sympy-dev targets SymPy users, a Python symbolic math library with 85 million monthly downloads.