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); + } +}); +