Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-30 11:11:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add example and simple manual test for copy paste

Browse Source
This commit is contained in:
CMonk
2023-04-11 01:15:10 +08:00
parent c2460e2c4e
commit cf5f917bdc
3 changed files with 85 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
editor/examples/copypaste.json Normal file
View File

File diff suppressed because one or more lines are too long

7
editor/js/code.js
View File

@@ -104,6 +104,7 @@ addDemo("Audio", "examples/audio.json");
addDemo("Audio Delay", "examples/audio_delay.json"); addDemo("Audio Delay", "examples/audio_delay.json");
addDemo("Audio Reverb", "examples/audio_reverb.json"); addDemo("Audio Reverb", "examples/audio_reverb.json");
addDemo("MIDI Generation", "examples/midi_generation.json"); addDemo("MIDI Generation", "examples/midi_generation.json");
addDemo("Copy Paste", "examples/copypaste.json");
addDemo("autobackup", function(){ addDemo("autobackup", function(){
var data = localStorage.getItem("litegraphg demo backup"); var data = localStorage.getItem("litegraphg demo backup");
if(!data) if(!data)
@@ -187,4 +188,8 @@ function enableWebGL()
gl.viewport(0,0,gl.canvas.width, gl.canvas.height ); gl.viewport(0,0,gl.canvas.width, gl.canvas.height );
} }
} }
} }
// Tests
// CopyPasteWithConnectionToUnselectedOutputTest();
// demo();

78
editor/js/demos.js
View File

@@ -43,6 +43,51 @@ function multiConnection()
node_math.connect(0,node_watch2,0 ); node_math.connect(0,node_watch2,0 );
} }
function CopyPasteWithConnectionToUnselectedOutputTest()
{
// number
var nodeConstA = LiteGraph.createNode("basic/const");
nodeConstA.pos = [200,200];
graph.add(nodeConstA);
nodeConstA.setValue(4.5);
// number
var nodeConstB = LiteGraph.createNode("basic/const");
nodeConstB.pos = [200,300];
graph.add(nodeConstB);
nodeConstB.setValue(10);
// math
var nodeMath = LiteGraph.createNode("math/operation");
nodeMath.pos = [400,200];
graph.add(nodeMath);
// connection
nodeConstA.connect(0,nodeMath,0 );
nodeConstB.connect(0,nodeMath,1 );
// copy with unselected nodes connected
graphcanvas.selectNodes([nodeMath]);
graphcanvas.copyToClipboard();
graphcanvas.pasteFromClipboard(true);
var count = 1;
var lastNode = null;
for (const [key, element] of Object.entries(graphcanvas.selected_nodes)) {
element.pos = [nodeMath.pos[0], nodeMath.pos[1] + 100 * count];
lastNode = element
count++;
}
// copy with unselected nodes unconnected
graphcanvas.pasteFromClipboard(false);
var count = 1;
for (const [key, element] of Object.entries(graphcanvas.selected_nodes)) {
element.pos = [nodeMath.pos[0], lastNode.pos[1] + 100 * count];
count++;
}
}
function sortTest() function sortTest()
{ {
var rand = LiteGraph.createNode("math/rand",null, {pos: [10,100] }); var rand = LiteGraph.createNode("math/rand",null, {pos: [10,100] });
@@ -227,3 +272,36 @@ TestPropertyEditorsNode.title = "Properties";
LiteGraph.registerNodeType("features/properties_editor", TestPropertyEditorsNode ); LiteGraph.registerNodeType("features/properties_editor", TestPropertyEditorsNode );
//Show value inside the debug console
function LargeInputNode()
{
this.addInput("in 1","number");
this.addInput("in 2","number");
this.addInput("in 3","number");
this.addInput("in 4","number");
this.addInput("in 5","number");
this.addInput("in 6","number");
this.addInput("in 7","number");
this.addInput("in 8","number");
this.addInput("in 9","number");
this.addInput("in 10","number");
this.addInput("in 11","number");
this.addInput("in 12","number");
this.addInput("in 13","number");
this.addInput("in 14","number");
this.addInput("in 15","number");
this.addInput("in 16","number");
this.addInput("in 17","number");
this.addInput("in 18","number");
this.addInput("in 19","number");
this.addInput("in 20","number");
this.size = [200,410];
}
LargeInputNode.title = "Large Input Node";
LiteGraph.registerNodeType("features/largeinput_editor", LargeInputNode);