From 1b43c68210da0e45dce23f37cc2cad9717ca4d75 Mon Sep 17 00:00:00 2001
From: alyx <alyx@aleteoryx.me>
Date: Fri, 4 Feb 2022 21:26:20 +0000
Subject: chips now place at the center of the screen.

---
 grapher/index.html |  2 +-
 grapher/script.js  | 15 ++++++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

(limited to 'grapher')

diff --git a/grapher/index.html b/grapher/index.html
index e0990b7..6cec1f0 100644
--- a/grapher/index.html
+++ b/grapher/index.html
@@ -65,7 +65,7 @@
 				<hr/>
 				<p>To wire 2 ports to one another, simply click and drag to a port of the same type.
 					 All input data ports have a maximum of one connection, as do output execs.
-					 To disconnect a wire, simply click on the end with a maxiumum of one connection.
+					 To disconnect a wire, simply click on the port.
 				</p>
 				<h4>Selecting</h4>
 				<hr>
diff --git a/grapher/script.js b/grapher/script.js
index 807a88d..9b0be9f 100644
--- a/grapher/script.js
+++ b/grapher/script.js
@@ -120,12 +120,20 @@ window.onload = async function() {
 			chipcontainer.append(generateChipHTML(v2data.Nodes[data.GUID].NodeDescs));
 			ne.append(chipcontainer);
 			graph.append(ne);
+			
+			let newchipx = -graphPos.x + (graph.getClientRects()[0].width  / 2) - (ne.getClientRects()[0].width  / 2);
+			let newchipy = -graphPos.y + (graph.getClientRects()[0].height / 2) - (ne.getClientRects()[0].height / 2);
+			ne.style.setProperty('--chipOffsetX', newchipx);
+			ne.style.setProperty('--chipOffsetY', newchipy);
+
+
 			const chip = {
 				el: ne,
 				typeInfo: types,
 				currentOverrides: [],
 				nd: v2data.Nodes[data.GUID].NodeDescs
 			};
+			
 			appendTypeUI(chip);
 			chips.push(chip);
 			console.log(types);
@@ -133,7 +141,7 @@ window.onload = async function() {
 	}
 
 	graph.addEventListener('mousedown', function(e) {
-		if (e.button == 0) {
+		if (e.buttons & 1) {
 			start = performance.now();
 			targ = e.target;
 			if (e.target.parentElement.matches('.input')) {
@@ -198,6 +206,11 @@ window.onload = async function() {
 	});
 
 	rootel.addEventListener("mousemove", e => {
+		if (e.buttons & 2) {
+			mode = '';
+			let tmp = connections.pop();
+			if ((tmp.i instanceof Element) && (tmp.o instanceof Element)) connections.push(tmp);
+		}
 		if (e.buttons & 4) {
 			graphPos.x += e.clientX - lastmp.x;
 			graphPos.y += e.clientY - lastmp.y;
-- 
cgit v1.2.3-70-g09d2