canvas2d-wrapper 2.3.1 → 2.4.0

package/dist/Canvas2D.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { Canvas2DProps } from './types/Canvas2DProps';
-export default function Canvas2D({ width, height, trackMouseMove, minZoom, maxZoom, tileSize, onClick, onRightClick, onHover, onElementMoved, onWheel, onFrame, lockXAxis, lockYAxis, smoothingQuality, dragObjects, deltaLeft, deltaTop, showMinimap, minimapWidth, minimapHeight, minimapDisplayFilter, minimapAutomaticZoomFilter, ...otherProps }: Canvas2DProps): React.JSX.Element;
+export default function Canvas2D({ width, height, trackMouseMove, minZoom, maxZoom, tileSize, onClick, onRightClick, onHover, onElementMoved, onWheel, onFrame, lockXAxis, lockYAxis, smoothingQuality, dragObjects, deltaLeft, deltaTop, showMinimap, minimapWidth, minimapHeight, minimapDisplayFilter, minimapAutomaticZoomFilter, ...otherProps }: Readonly<Canvas2DProps>): React.JSX.Element;

package/dist/Canvas2D.js

@@ -8,40 +8,40 @@ import o from "./render/renderCanvas.js";
 import { useCallback as s, useEffect as c, useState as l } from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import './assets/Canvas2D.css';//#region lib/Canvas2D.tsx
-var p = {};
-function m({ width: m, height: h, trackMouseMove: g = !0, minZoom: _ = 1, maxZoom: v = 1, tileSize: y = 1, onClick: b, onRightClick: x, onHover: S, onElementMoved: C, onWheel: w, onFrame: T, lockXAxis: E = !1, lockYAxis: D = !1, smoothingQuality: O = "medium", dragObjects: k = !1, deltaLeft: A = 0, deltaTop: j = 0, showMinimap: M = !1, minimapWidth: N = 240, minimapHeight: P = 120, minimapDisplayFilter: F = (e) => !0, minimapAutomaticZoomFilter: I = (e) => !0, ...L }) {
-	p[L.id] || (p[L.id] = []);
-	let [R, z] = l({
+var p = {}, m = {}, h = 5;
+function g({ width: g, height: _, trackMouseMove: v = !0, minZoom: y = 1, maxZoom: b = 1, tileSize: x = 1, onClick: S, onRightClick: C, onHover: w, onElementMoved: T, onWheel: E, onFrame: D, lockXAxis: O = !1, lockYAxis: k = !1, smoothingQuality: A = "medium", dragObjects: j = !1, deltaLeft: M = 0, deltaTop: N = 0, showMinimap: P = !1, minimapWidth: F = 240, minimapHeight: I = 120, minimapDisplayFilter: L = (e) => !0, minimapAutomaticZoomFilter: R = (e) => !0, ...z }) {
+	p[z.id] || (p[z.id] = []);
+	let [B, V] = l({
 		left: 0,
 		top: 0,
 		width: 0,
 		height: 0,
 		zoom: 0,
-		deltaTop: j,
-		deltaLeft: A,
+		deltaTop: N,
+		deltaLeft: M,
 		prevX: null,
 		prevY: null
-	}), B = s((e) => {
+	}), H = s((e) => {
 		if (e !== null) {
 			let t = e.getContext("2d");
 			if (!t) return;
-			O ? (t.imageSmoothingEnabled = !0, t.imageSmoothingQuality = O) : t.imageSmoothingEnabled = !1, z((n) => ({
+			A ? (t.imageSmoothingEnabled = !0, t.imageSmoothingQuality = A) : t.imageSmoothingEnabled = !1, V((n) => ({
 				...n,
 				boundingClientRect: e.getBoundingClientRect(),
 				canvas: e,
 				context: t,
-				left: m / 2,
-				top: h / 2,
-				width: m,
-				height: h,
+				left: g / 2,
+				top: _ / 2,
+				width: g,
+				height: _,
 				zoom: 1
 			}));
 		}
-	}, []), V = s((e) => {
+	}, []), U = s((e) => {
 		if (e !== null) {
 			let t = e.getContext("2d");
 			if (!t) return;
-			z((n) => ({
+			V((n) => ({
 				...n,
 				minimapBoundingClientRect: e.getBoundingClientRect(),
 				minimapCanvas: e,
@@ -49,75 +49,94 @@ function m({ width: m, height: h, trackMouseMove: g = !0, minZoom: _ = 1, maxZoo
 			}));
 		}
 	}, []);
-	if (R.deltaTop = j, R.deltaLeft = A, _ > v) throw Error("minZoom should be lower than maxZoom.");
-	let H;
-	g && (H = (e) => n(e, p[L.id], y, R, z, E, D, k, C, S));
-	let U = (e) => {
-		w && w(e.nativeEvent), _ !== v && r(e, R, z, _, v);
-	}, W;
-	return b && (W = (t) => b(e(t, p[L.id], y, R))), c(() => {
+	if (B.deltaTop = N, B.deltaLeft = M, y > b) throw Error("minZoom should be lower than maxZoom.");
+	let W;
+	v && (W = (e) => n(e, p[z.id], x, B, V, O, k, j, T, w));
+	let G = (e) => {
+		E && E(e.nativeEvent), y !== b && r(e, B, V, y, b);
+	}, K;
+	return S && (K = (t) => {
+		let n = !1;
+		m[z.id] && (n = Math.abs(m[z.id].x - t.nativeEvent.screenX) > h || Math.abs(m[z.id].y - t.nativeEvent.screenY) > h), S(e(t, p[z.id], x, B, n));
+	}), c(() => {
+		if (S && B.canvas) {
+			function e(e) {
+				m[z.id] = {
+					x: e.screenX,
+					y: e.screenY
+				};
+			}
+			return B.canvas.addEventListener("mousedown", e), () => {
+				B.canvas?.removeEventListener("mousedown", e);
+			};
+		}
+	}, [
+		B.canvas,
+		S,
+		z.id
+	]), c(() => {
 		function e(e) {
-			e.preventDefault(), x && x(t(e, p[L.id], y, R));
+			e.preventDefault(), C && C(t(e, p[z.id], x, B));
 		}
-		if (x && R.canvas) return R.canvas.addEventListener("contextmenu", e), () => {
-			R.canvas?.removeEventListener("contextmenu", e);
+		if (C && B.canvas) return B.canvas.addEventListener("contextmenu", e), () => {
+			B.canvas?.removeEventListener("contextmenu", e);
 		};
-	}, [R.canvas, x]), c(() => {
+	}, [B.canvas, C]), c(() => {
 		let e = !0;
 		function t() {
 			if (!e) return;
-			p[L.id] = T();
-			let n = a(p[L.id]);
-			if (R.context && o(R.context, m, h, n, y, R), M && R.minimapContext) {
-				let e = n.filter(F), t = i(e.filter(I), m, h, N, P, y);
-				o(R.minimapContext, N, P, e, y / t, {
-					left: N / 2,
-					top: P / 2,
+			p[z.id] = D();
+			let n = a(p[z.id]);
+			if (B.context && o(B.context, g, _, n, x, B), P && B.minimapContext) {
+				let e = n.filter(L), t = i(e.filter(R), g, _, F, I, x);
+				o(B.minimapContext, F, I, e, x / t, {
+					left: F / 2,
+					top: I / 2,
 					deltaLeft: 0,
 					deltaTop: 0,
 					zoom: 1,
-					width: N,
-					height: P,
+					width: F,
+					height: I,
 					prevX: null,
 					prevY: null
 				});
 			}
-			window.requestAnimationFrame(t);
+			globalThis.requestAnimationFrame(t);
 		}
-		return window.requestAnimationFrame(t), () => {
+		return globalThis.requestAnimationFrame(t), () => {
 			e = !1;
 		};
 	}, [
-		R.left,
-		R.top,
-		R.deltaLeft,
-		R.deltaTop,
-		R.zoom,
-		R.context,
-		T
+		B.left,
+		B.top,
+		B.deltaLeft,
+		B.deltaTop,
+		B.zoom,
+		B.context,
+		D
 	]), c(() => {
-		z((e) => ({
+		V((e) => ({
 			...e,
-			left: m / 2,
-			top: h / 2,
-			width: m,
-			height: h
+			left: g / 2,
+			top: _ / 2,
+			width: g,
+			height: _
 		}));
-	}, [m, h]), /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("canvas", {
-		ref: B,
-		width: m,
-		height: h,
-		onPointerMove: H,
-		onWheel: U,
-		onClick: W,
+	}, [g, _]), /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("canvas", {
+		ref: H,
+		width: g,
+		height: _,
+		onPointerMove: W,
+		onWheel: G,
+		onClick: K,
 		className: "canvas2d-wrapper",
-		...L
-	}), M && /* @__PURE__ */ d("canvas", {
-		ref: V,
-		width: N,
-		height: P,
+		...z
+	}), P && /* @__PURE__ */ d("canvas", {
+		ref: U,
+		width: F,
+		height: I,
 		className: "canvas2d-wrapper-minimap"
 	})] });
 }
 //#endregion
-export { m as default };
+export { g as default };

package/dist/collisions/collideElement.d.ts

@@ -1,3 +1,4 @@
+import { Position2D } from '../main';
 import { default as CanvasObject } from '../shapes/CanvasObject';
 import { default as CollideElementResultItem } from '../types/CollideElementResultItem';
-export default function collideElement(e: Event, elements: CanvasObject[], left: number, top: number, tileSize: number, zoom: number): CollideElementResultItem | null;
+export default function collideElement(e: Event, elements: CanvasObject[], left: number, top: number, posOnMap: Position2D, tileSize: number, zoom: number): CollideElementResultItem | null;

package/dist/collisions/collideElement.js

@@ -4,62 +4,50 @@ import n from "./pointInPolygon.js";
 import r from "./pointInRectangle.js";
 import i from "./pointOnLinePath.js";
 //#region lib/collisions/collideElement.ts
-function a(a, o, s, c, l, u) {
-	let d = e(l, u), f = [];
+function a(a, o, s, c, l, u, d) {
+	let f = e(u, d), p = [];
 	for (let e of o) {
 		if (!e.hasCollisions) continue;
-		let o = e.x * d, l = e.y * d;
+		let o = e.x * f, u = e.y * f;
 		switch (e.constructorName) {
 			case "Rect":
 			case "CanvasImage":
-				let u = e;
-				r(o, l, u.width * d, u.height * d, s, c, u.rotation) && f.push({
-					id: u.id,
+				let d = e;
+				r(o, u, d.width * f, d.height * f, s, c, d.rotation) && p.push({
+					id: d.id,
 					element: e,
 					originalEvent: a,
-					posOnMap: {
-						x: u.x,
-						y: u.y
-					}
+					posOnMap: l
 				});
 				break;
 			case "Circle":
-				t(o, l, e.radius * d, s, c) && f.push({
+				t(o, u, e.radius * f, s, c) && p.push({
 					id: e.id,
 					element: e,
 					originalEvent: a,
-					posOnMap: {
-						x: e.x,
-						y: e.y
-					}
+					posOnMap: l
 				});
 				break;
 			case "Polygon":
-				n(e.points, s, c, d) && f.push({
+				n(e.points, s, c, f) && p.push({
 					id: e.id,
 					element: e,
 					originalEvent: a,
-					posOnMap: {
-						x: e.x,
-						y: e.y
-					}
+					posOnMap: l
 				});
 				break;
 			case "LinePath":
-				let p = e;
-				i(p.points, p.lineWidth, s, c, d) && f.push({
+				let m = e;
+				i(m.points, m.lineWidth, s, c, f) && p.push({
 					id: e.id,
 					element: e,
 					originalEvent: a,
-					posOnMap: {
-						x: e.x,
-						y: e.y
-					}
+					posOnMap: l
 				});
 				break;
 		}
 	}
-	return f.length === 0 ? null : (f.length === 1 || f.sort((e, t) => e.element.zIndex > t.element.zIndex ? -1 : e.element.zIndex < t.element.zIndex || e.id > t.id ? 1 : e.id < t.id ? -1 : 0), f[0]);
+	return p.length === 0 ? null : (p.length === 1 || p.sort((e, t) => e.element.zIndex > t.element.zIndex ? -1 : e.element.zIndex < t.element.zIndex || e.id > t.id ? 1 : e.id < t.id ? -1 : 0), p[0]);
 }
 //#endregion
 export { a as default };

package/dist/collisions/pointOnLinePath.js

@@ -1,24 +1,25 @@
 import e from "./pointInCircle.js";
+import t from "../maths/getLineLength.js";
 //#region lib/collisions/pointOnLinePath.ts
-function t(t, n, r, i, a = 1) {
-	let o = n / 2;
-	if (e(t[0].x * a, t[0].y * a, o * a, r, i) || e(t[t.length - 1].x * a, t[t.length - 1].y * a, o * a, r, i)) return !0;
-	for (let n = 1; n < t.length; n++) {
-		let s = {
-			x: t[n - 1].x * a,
-			y: t[n - 1].y * a
-		}, c = {
-			x: t[n].x * a,
-			y: t[n].y * a
-		}, l = s.x - c.x, u = s.y - c.y, d = Math.sqrt(l * l + u * u), f = ((r - s.x) * (c.x - s.x) + (i - s.y) * (c.y - s.y)) / d ** 2;
-		if (f < 0 || f > 1) continue;
-		let p = {
-			x: s.x + f * (c.x - s.x),
-			y: s.y + f * (c.y - s.y)
+function n(n, r, i, a, o = 1) {
+	let s = r / 2;
+	if (e(n[0].x * o, n[0].y * o, s * o, i, a) || e(n[n.length - 1].x * o, n[n.length - 1].y * o, s * o, i, a)) return !0;
+	for (let r = 1; r < n.length; r++) {
+		let c = {
+			x: n[r - 1].x * o,
+			y: n[r - 1].y * o
+		}, l = {
+			x: n[r].x * o,
+			y: n[r].y * o
+		}, u = t(c, l), d = ((i - c.x) * (l.x - c.x) + (a - c.y) * (l.y - c.y)) / u ** 2;
+		if (d < 0 || d > 1) continue;
+		let f = {
+			x: c.x + d * (l.x - c.x),
+			y: c.y + d * (l.y - c.y)
 		};
-		if (e(p.x, p.y, o * a, r, i)) return !0;
+		if (e(f.x, f.y, s * o, i, a)) return !0;
 	}
 	return !1;
 }
 //#endregion
-export { t as default };
+export { n as default };

package/dist/events/computeEventPositions.d.ts

@@ -1,5 +1,5 @@
 import { default as Canvas2DState } from '../types/Canvas2DState';
-export default function computeEventPositions(props: Canvas2DState, event: React.MouseEvent, tileSize: number): {
+export default function computeEventPositions(props: Canvas2DState, event: MouseEvent, tileSize: number): {
     left: number;
     top: number;
     posOnMap: {

package/dist/events/elementClick.d.ts

@@ -1,4 +1,4 @@
 import { default as CanvasObject } from '../shapes/CanvasObject';
 import { default as Canvas2DState } from '../types/Canvas2DState';
 import { default as CollideElementResultItem } from '../types/CollideElementResultItem';
-export default function elementClick(e: React.MouseEvent, elements: CanvasObject[], tileSize: number, state: Canvas2DState): CollideElementResultItem;
+export default function elementClick(e: React.MouseEvent, elements: CanvasObject[], tileSize: number, state: Canvas2DState, hasMovedMouse: boolean): CollideElementResultItem;

package/dist/events/elementClick.js

@@ -1,14 +1,18 @@
 import e from "../collisions/collideElement.js";
 import t from "./computeEventPositions.js";
 //#region lib/events/elementClick.ts
-function n(n, r, i, a) {
-	let { left: o, top: s, posOnMap: c } = t(a, n, i), l = e(n.nativeEvent, r, o, s, i, a.zoom);
-	return l === null ? {
+function n(n, r, i, a, o) {
+	let { left: s, top: c, posOnMap: l } = t(a, n.nativeEvent, i), u = e(n.nativeEvent, r, s, c, l, i, a.zoom);
+	return u === null ? {
 		id: null,
 		element: null,
 		originalEvent: n.nativeEvent,
-		posOnMap: c
-	} : l;
+		posOnMap: l,
+		hasMovedMouse: o
+	} : {
+		...u,
+		hasMovedMouse: o
+	};
 }
 //#endregion
 export { n as default };

package/dist/events/elementRightClick.js

@@ -1,16 +1,14 @@
 import e from "../collisions/collideElement.js";
+import t from "./computeEventPositions.js";
 //#region lib/events/elementRightClick.ts
-function t(t, n, r, i) {
-	let a = -i.left - i.deltaLeft + t.pageX - t.target.offsetLeft, o = -i.top - i.deltaTop + t.pageY - t.target.offsetTop, s = e(t, n, a, o, r, i.zoom);
-	return s === null ? {
+function n(n, r, i, a) {
+	let { left: o, top: s, posOnMap: c } = t(a, n, i), l = e(n, r, o, s, c, i, a.zoom);
+	return l === null ? {
 		id: null,
 		element: null,
-		originalEvent: t,
-		posOnMap: {
-			x: Math.floor(a / r / i.zoom),
-			y: Math.floor(o / r / i.zoom)
-		}
-	} : s;
+		originalEvent: n,
+		posOnMap: c
+	} : l;
 }
 //#endregion
-export { t as default };
+export { n as default };

package/dist/events/mouseMove.js

@@ -3,17 +3,17 @@ import t from "./computeEventPositions.js";
 //#region lib/events/mouseMove.ts
 var n = 1, r = null, i = 300;
 function a(a, o, s, c, l, u, d, f, p, m) {
-	let h = { ...c }, { left: g, top: _, posOnMap: v } = t(c, a, s);
-	if (a.nativeEvent.buttons === n && c.prevX) {
+	let h = { ...c }, { left: g, top: _, posOnMap: v } = t(c, a.nativeEvent, s);
+	if (a.nativeEvent.buttons === n && c.prevX && c.prevY) {
 		let t = !1;
-		f && (r === null && (r = e(a.nativeEvent, o, g, _, s, c.zoom)), r !== null && r.element.draggable && (r.element.x = -c.left - c.deltaLeft + (a.clientX - c.boundingClientRect.left) - (r.element.width ?? 0) / 2, r.element.y = -c.top - c.deltaLeft + (a.clientY - c.boundingClientRect.top) - (r.element.height ?? 0) / 2, t = !0, p && p(r, a.screenX - c.prevX, a.screenY - c.prevY), m && m(null, v))), t || (u || (h.left += a.screenX - c.prevX), d || (h.top += a.screenY - c.prevY)), a.nativeEvent.pointerType !== "mouse" && setTimeout(() => {
+		f && (r === null && (r = e(a.nativeEvent, o, g, _, v, s, c.zoom)), r !== null && r.element.draggable && (r.element.x = -c.left - c.deltaLeft + (a.clientX - c.boundingClientRect.left) - (r.element.width ?? 0) / 2, r.element.y = -c.top - c.deltaLeft + (a.clientY - c.boundingClientRect.top) - (r.element.height ?? 0) / 2, t = !0, p && p(r, a.screenX - c.prevX, a.screenY - c.prevY), m && m(null, v))), t || (u || (h.left += a.screenX - c.prevX), d || (h.top += a.screenY - c.prevY)), a.nativeEvent.pointerType !== "mouse" && setTimeout(() => {
 			r = null, l({
 				...h,
 				prevX: null,
 				prevY: null
 			});
 		}, i);
-	} else m && m(e(a.nativeEvent, o, g, _, s, c.zoom), v), r = null;
+	} else m && m(e(a.nativeEvent, o, g, _, v, s, c.zoom), v), r = null;
 	l({
 		...h,
 		prevX: a.screenX,

package/dist/functions/calcRatioForMinimap.js

@@ -1,14 +1,14 @@
 //#region lib/functions/calcRatioForMinimap.ts
 function e(e, t, n, r, i, a) {
-	let o = e.map((e) => {
+	let o = e.flatMap((e) => {
 		let t = e;
 		return Array.isArray(t.points) ? t.points.map((e) => e.x * a) : [e.x * a];
-	}).flat(), s = Math.min(...o), c = Math.max(...o);
+	}), s = Math.min(...o), c = Math.max(...o);
 	t = Math.max(2 * c, -2 * s, t);
-	let l = e.map((e) => {
+	let l = e.flatMap((e) => {
 		let t = e;
 		return Array.isArray(t.points) ? t.points.map((e) => e.y * a) : [e.y * a];
-	}).flat(), u = Math.min(...l), d = Math.max(...l);
+	}), u = Math.min(...l), d = Math.max(...l);
 	return n = Math.max(2 * d, -2 * u, n), Math.max(t / r, n / i);
 }
 //#endregion

package/dist/hooks/useMousePosition.js

@@ -17,8 +17,8 @@ function n(n = !0) {
 				y: r
 			});
 		};
-		return window.addEventListener("mousemove", e), n && window.addEventListener("touchmove", e), () => {
-			window.removeEventListener("mousemove", e), n && window.removeEventListener("touchmove", e);
+		return globalThis.addEventListener("mousemove", e), n && globalThis.addEventListener("touchmove", e), () => {
+			globalThis.removeEventListener("mousemove", e), n && globalThis.removeEventListener("touchmove", e);
 		};
 	}, [n]), r;
 }

package/dist/hooks/useWindowDimensions.js

@@ -13,7 +13,7 @@ function r() {
 		function e() {
 			i(n());
 		}
-		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+		return globalThis.addEventListener("resize", e), () => globalThis.removeEventListener("resize", e);
 	}, []), r;
 }
 //#endregion

package/dist/main.js

@@ -1,22 +1,22 @@
 import e from "./collisions/pointInCircle.js";
 import t from "./collisions/pointInPolygon.js";
 import n from "./collisions/pointInRectangle.js";
-import r from "./collisions/pointOnLinePath.js";
-import i from "./shapes/CanvasObject.js";
-import a from "./shapes/CanvasImage.js";
-import o from "./shapes/Circle.js";
-import s from "./shapes/LinePath.js";
-import c from "./shapes/Polygon.js";
-import l from "./shapes/Rect.js";
-import u from "./shapes/Text.js";
-import d from "./Canvas2D.js";
-import f from "./collisions/lineWithLine.js";
-import p from "./functions/preloadImages.js";
-import m from "./hooks/useGamepad.js";
-import h from "./hooks/useKeyboard.js";
-import g from "./hooks/useMousePosition.js";
-import _ from "./hooks/useWindowDimensions.js";
-import v from "./maths/getLineLength.js";
+import r from "./maths/getLineLength.js";
+import i from "./collisions/pointOnLinePath.js";
+import a from "./shapes/CanvasObject.js";
+import o from "./shapes/CanvasImage.js";
+import s from "./shapes/Circle.js";
+import c from "./shapes/LinePath.js";
+import l from "./shapes/Polygon.js";
+import u from "./shapes/Rect.js";
+import d from "./shapes/Text.js";
+import f from "./Canvas2D.js";
+import p from "./collisions/lineWithLine.js";
+import m from "./functions/preloadImages.js";
+import h from "./hooks/useGamepad.js";
+import g from "./hooks/useKeyboard.js";
+import _ from "./hooks/useMousePosition.js";
+import v from "./hooks/useWindowDimensions.js";
 import y from "./maths/normalOnLine.js";
 import b from "./maths/segmentAngle.js";
-export { d as Canvas2D, a as CanvasImage, i as CanvasObject, o as Circle, s as LinePath, c as Polygon, l as Rect, u as Text, v as getLineLength, f as lineWithLine, y as normalOnLine, e as pointInCircle, t as pointInPolygon, n as pointInRectangle, r as pointOnLinePath, p as preloadImages, b as segmentAngle, m as useGamepad, h as useKeyboard, g as useMousePosition, _ as useWindowDimensions };
+export { f as Canvas2D, o as CanvasImage, a as CanvasObject, s as Circle, c as LinePath, l as Polygon, u as Rect, d as Text, r as getLineLength, p as lineWithLine, y as normalOnLine, e as pointInCircle, t as pointInPolygon, n as pointInRectangle, i as pointOnLinePath, m as preloadImages, b as segmentAngle, h as useGamepad, g as useKeyboard, _ as useMousePosition, v as useWindowDimensions };

package/dist/maths/getLineLength.js

@@ -1,7 +1,7 @@
 //#region lib/maths/getLineLength.ts
 function e(e, t) {
 	let n = t.x - e.x, r = t.y - e.y;
-	return Math.sqrt(n * n + r * r);
+	return Math.hypot(n + r);
 }
 //#endregion
 export { e as default };

package/dist/render/renderImage.js

@@ -1,5 +1,5 @@
 //#region lib/render/renderImage.ts
-window.__canvas2dWrapper__ = { imgCache: {} };
+globalThis.__canvas2dWrapper__ = { imgCache: {} };
 function e(e, t, n, r, i) {
 	__canvas2dWrapper__.imgCache[t.src] || (__canvas2dWrapper__.imgCache[t.src] = new Image(), __canvas2dWrapper__.imgCache[t.src].src = t.src);
 	let a = n + t.x * i, o = r + t.y * i, s = t.width * i, c = t.height * i;

package/dist/types/CollideElementResultItem.d.ts

@@ -5,5 +5,6 @@ type CollideElementResultItem = {
     element: CanvasObject | null;
     originalEvent: Event;
     posOnMap: Position2D;
+    hasMovedMouse?: boolean;
 };
 export default CollideElementResultItem;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "canvas2d-wrapper",
-	"version": "2.3.1",
+	"version": "2.4.0",
 	"type": "module",
 	"main": "dist/main.js",
 	"types": "dist/main.d.ts",
@@ -24,24 +24,24 @@
 		"@testing-library/jest-dom": "^6.9.1",
 		"@testing-library/react": "^16.3.2",
 		"@types/jest": "^30.0.0",
-		"@types/node": "^25.9.2",
+		"@types/node": "^26.1.1",
 		"@types/react": "^19.2.17",
 		"@types/react-dom": "^19.2.3",
-		"@vitejs/plugin-react": "^6.0.2",
-		"@vitest/coverage-v8": "^4.1.8",
-		"eslint": "^10.4.1",
+		"@vitejs/plugin-react": "^6.0.3",
+		"@vitest/coverage-v8": "^4.1.10",
+		"eslint": "^10.7.0",
 		"eslint-plugin-react-hooks": "^7.1.1",
-		"eslint-plugin-react-refresh": "^0.5.2",
+		"eslint-plugin-react-refresh": "^0.5.3",
 		"glob": "^13.0.6",
-		"globals": "^17.6.0",
+		"globals": "^17.7.0",
 		"jsdom": "^29.1.1",
 		"react": "^19.2.7",
 		"react-dom": "^19.2.7",
-		"typescript": "^5.9.3",
-		"typescript-eslint": "^8.60.1",
-		"vite": "^8.0.16",
-		"vite-plugin-dts": "^5.0.2",
+		"typescript": "^6.0.3",
+		"typescript-eslint": "^8.64.0",
+		"vite": "^8.1.4",
+		"vite-plugin-dts": "^5.0.3",
 		"vite-plugin-lib-inject-css": "^2.2.2",
-		"vitest": "^4.1.8"
+		"vitest": "^4.1.10"
 	}
 }