DOMPoint stuff

Author: daniel-lewis-ab

src/LGraphCanvas.js

@@ -92,7 +92,7 @@ class LGraphCanvas {
 
 		this.filter = null; //allows to filter to only accept some type of nodes in a graph
 
-		this.mouse = new DOMPoint(0, 0); //mouse in canvas coordinates, where 0,0 is the top-left corner of the blue rectangle
+		this.mouse = [0, 0]; //mouse in canvas coordinates, where 0,0 is the top-left corner of the blue rectangle
 		this.graph_mouse = new DOMPoint(0, 0); //mouse in graph coordinates, where 0,0 is the top-left corner of the blue rectangle
 
 		//to personalize the search box
@@ -593,7 +593,8 @@ class LGraphCanvas {
 		var now = LiteGraph.getTime();
 		var is_primary = (e.isPrimary === undefined || !e.isPrimary);
 		var is_double_click = (now - this.last_mouseclick < 300) && is_primary;
-		this.mouse = clientPoint;
+		this.mouse[0] = e.clientX;
+		this.mouse[1] = e.clientY;
 		this.graph_mouse = canvasPoint;
 		this.last_click_position = clientPoint;
 
@@ -1017,13 +1018,14 @@ class LGraphCanvas {
 		}
 		LGraphCanvas.active_canvas = this;
 		this.adjustMouseEvent(e);
-		var mouse = new DOMPoint(e.clientX, e.clientY);
-		this.mouse = mouse;
+		var mouse = [e.clientX, e.clientY];
+		this.mouse[0] = mouse[0];
+		this.mouse[1] = mouse[1];
 		var delta = [
-			mouse.x - this.last_mouse.x,
-			mouse.y - this.last_mouse.y
+			mouse[0] - this.last_mouse.x,
+			mouse[1] - this.last_mouse.y
 		];
-		this.last_mouse = mouse;
+		this.last_mouse = new DOMPoint(mouse[0], mouse[1]);
 		this.graph_mouse = new DOMPoint(e.canvasX, e.canvasY);
 
 		//console.log("pointerevents: processMouseMove "+e.pointerId+" "+e.isPrimary);
@@ -2493,6 +2495,7 @@ class LGraphCanvas {
 		ctx.font = "14px Arial";
 		ctx.textAlign = "left";
 		ctx.fillText("Graph Inputs", 20, 34);
+		// var pos = this.mouse;
 
 		if (this.drawButton(w - 20, 20, 20, 20, "X", "#151515")) {
 			this.closeSubgraph();
@@ -2565,6 +2568,7 @@ class LGraphCanvas {
 		var title_text = "Graph Outputs"
 		var tw = ctx.measureText(title_text).width
 		ctx.fillText(title_text, (canvas_w - tw) - 20, 34);
+		// var pos = this.mouse;
 		if (this.drawButton(canvas_w - w, 20, 20, 20, "X", "#151515")) {
 			this.closeSubgraph();
 			return;
@@ -2661,7 +2665,7 @@ class LGraphCanvas {
 	}
 
 	isAreaClicked( x,y,w,h, hold_click ) {
-		var pos = [this.mouse.x, this.mouse.y];
+		var pos = this.mouse;
 		var hover = LiteGraph.isPointInsideRect( new DOMPoint(pos[0], pos[1]), new DOMRect(x,y,w,h) );
 		pos = [this.last_click_position.left, this.last_click_position.top];
 		var clicked = pos && LiteGraph.isPointInsideRect( new DOMPoint(pos[0], pos[1]), new DOMRect(x,y,w,h) );