diff --git a/webshit/index.html b/webshit/index.html
index 31c36708..489a2c1a 100644
--- a/webshit/index.html
+++ b/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);
+ }
+});
+