litegraph.js icon indicating copy to clipboard operation
litegraph.js copied to clipboard

Annotations and Group Nodes

Open crystalthoughts opened this issue 1 year ago • 3 comments

Hello, I'm still evaluating this repo for use in a larger project so I have a couple more questions:

How easy is it to add annotations (tooltips, overlays etc) to nodes?

And is it possible to create a custom node type that acts like a sub-context ( a group with inputs and outputs and a titlebar for example?)

crystalthoughts avatar Jul 25 '24 13:07 crystalthoughts

Hi @crystalthoughts This library has been used successfully in some cool projects, anyway one have to dig and experiment to achieve custom solutions, there are more features than those exposed in the docs but we always need something that is no there. You can take a look at ComfyUI and WebGLStudio and the other projects using it to see how they leverage LG. About tooltips that would be not too difficult, I have an implementation on my personal fork https://github.com/atlasan/litegraph.js/blob/c2690fb91e72c776fc5195ce8fc5b21d31be297f/src/litegraph.js#L142 Regarding grouped nodes this original repo implements subgraphs that you can try in the demo.

atlasan avatar Jul 25 '24 15:07 atlasan

Thanks, I noticed those projects and have used them before :)

I've tried the subgraphs but I think I need to implement them in a way where you can see the contents in the same node field as the parent (like a group with added functionality). I wondered if the architecture allows for this.

Thanks for the tooltips source!

crystalthoughts avatar Jul 25 '24 15:07 crystalthoughts

Could think of a subgraph rendered together in the main canvas, or a group with additional functionalities, finally a group of nodes with IN and OUT links is just that no? All the best for your project, and keep us updated on how it goes ^_^

atlasan avatar Jul 25 '24 15:07 atlasan