Workflows can now be pasted with CTRL-V

webshit/index.html

@@ -25,44 +25,6 @@ resizeCanvas();
 window.addEventListener("resize", resizeCanvas);
 
 
-// var node_const = LiteGraph.createNode("basic/const");
-// node_const.pos = [200,200];
-// graph.add(node_const);
-// node_const.setValue(4.5);
-// 
-// var node_watch = LiteGraph.createNode("basic/watch");
-// node_watch.pos = [700,200];
-// graph.add(node_watch);
-// 
-// node_const.connect(0, node_watch, 0 );
-
-//node constructor class
-// function MyAddNode()
-// {
-//   this.addInput("A","number");
-//   this.addInput("B","number");
-//   this.addInput("XXX","TESTESTE");
-//   this.addInput("NNN","TESTES");
-//   this.addOutput("A+B","number");
-//   this.addOutput("TTT","TESTESTE");
-//   this.properties = { precision: 1 };
-// }
-
-//name to show
-// MyAddNode.title = "Sum";
-
-//function to call when the node is executed
-// MyAddNode.prototype.onExecute = function()
-// {
-//   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 );
-// }
-
 var default_graph = {"last_node_id":9,"last_link_id":9,"nodes":[{"id":7,"type":"CLIPTextEncode","pos":[413,389],"size":{"0":425.27801513671875,"1":180.6060791015625},"flags":{},"order":3,"mode":0,"inputs":[{"name":"clip","type":"CLIP","link":5}],"outputs":[{"name":"CONDITIONING","type":"CONDITIONING","links":[6],"slot_index":0}],"properties":{},"widgets_values":["bad hands"]},{"id":6,"type":"CLIPTextEncode","pos":[415,186],"size":{"0":422.84503173828125,"1":164.31304931640625},"flags":{},"order":2,"mode":0,"inputs":[{"name":"clip","type":"CLIP","link":3}],"outputs":[{"name":"CONDITIONING","type":"CONDITIONING","links":[4],"slot_index":0}],"properties":{},"widgets_values":["masterpiece best quality girl"]},{"id":5,"type":"EmptyLatentImage","pos":[473,609],"size":{"0":315,"1":106},"flags":{},"order":1,"mode":0,"outputs":[{"name":"LATENT","type":"LATENT","links":[2],"slot_index":0}],"properties":{},"widgets_values":[512,512,1]},{"id":3,"type":"KSampler","pos":[863,186],"size":{"0":315,"1":262},"flags":{},"order":4,"mode":0,"inputs":[{"name":"model","type":"MODEL","link":1},{"name":"positive","type":"CONDITIONING","link":4},{"name":"negative","type":"CONDITIONING","link":6},{"name":"latent_image","type":"LATENT","link":2}],"outputs":[{"name":"LATENT","type":"LATENT","links":[7],"slot_index":0}],"properties":{},"widgets_values":[8566257,true,20,8,"sample_euler","normal",1]},{"id":8,"type":"VAEDecode","pos":[1209,188],"size":{"0":210,"1":46},"flags":{},"order":5,"mode":0,"inputs":[{"name":"samples","type":"LATENT","link":7},{"name":"vae","type":"VAE","link":8}],"outputs":[{"name":"IMAGE","type":"IMAGE","links":[9],"slot_index":0}],"properties":{}},{"id":9,"type":"SaveImage","pos":[1451,189],"size":{"0":210,"1":26},"flags":{},"order":6,"mode":0,"inputs":[{"name":"images","type":"IMAGE","link":9}],"properties":{}},{"id":4,"type":"CheckpointLoader","pos":[26,474],"size":{"0":315,"1":122},"flags":{},"order":0,"mode":0,"outputs":[{"name":"MODEL","type":"MODEL","links":[1],"slot_index":0},{"name":"CLIP","type":"CLIP","links":[3,5],"slot_index":1},{"name":"VAE","type":"VAE","links":[8],"slot_index":2}],"properties":{},"widgets_values":["v1-inference.yaml","v1-5-pruned-emaonly.ckpt"]}],"links":[[1,4,0,3,0,"MODEL"],[2,5,0,3,3,"LATENT"],[3,4,1,6,0,"CLIP"],[4,6,0,3,1,"CONDITIONING"],[5,4,1,7,0,"CLIP"],[6,7,0,3,2,"CONDITIONING"],[7,3,0,8,0,"LATENT"],[8,4,2,8,1,"VAE"],[9,8,0,9,0,"IMAGE"]],"groups":[],"config":{},"extra":{},"version":0.4}
 
 function loadGraphData(graph, graph_data)
@@ -470,6 +432,25 @@ function loadGraph() {
     input.click();
 }
 
+document.addEventListener('paste', e=>{
+    let data = (e.clipboardData || window.clipboardData).getData('text/plain');
+    console.log(data);
+
+    try {
+        data = data.slice(data.indexOf('{'));
+        j = JSON.parse(data);
+    } catch(err) {
+        data = data.slice(data.indexOf('workflow\n'));
+        data = data.slice(data.indexOf('{'));
+        j = JSON.parse(data);
+    }
+
+
+    if (Object.hasOwn(j, 'version') && Object.hasOwn(j, 'nodes') && Object.hasOwn(j, 'extra')) {
+        loadGraphData(graph, j);
+    }
+});
+
 
 </script>