modern-canvas 0.18.3 → 0.19.1

package/dist/index.js

@@ -775,18 +775,18 @@ var pt = class {
 	hueRotate(e = 0) {
 		let t = Math.sin(e), n = Math.cos(e), r = .213, i = .715, a = .072;
 		return this.multiply([
-			r + n * (1 - r) + t * -r,
-			i + n * -i + t * -i,
-			a + n * -a + t * (1 - a),
+			r + n * (1 - r) + t * -.213,
+			i + n * -.715 + t * -.715,
+			a + n * -.072 + t * (1 - a),
 			0,
 			0,
-			r + n * -r + t * .143,
+			r + n * -.213 + t * .143,
 			i + n * (1 - i) + t * .14,
-			a + n * -a + t * -.283,
+			a + n * -.072 + t * -.283,
 			0,
 			0,
-			r + n * -r + t * -(1 - r),
-			i + n * -i + t * i,
+			r + n * -.213 + t * -.787,
+			i + n * -.715 + t * i,
 			a + n * (1 - a) + t * a,
 			0,
 			0,
@@ -1077,12 +1077,12 @@ var pt = class {
 	}
 };
 //#endregion
-//#region \0@oxc-project+runtime@0.130.0/helpers/decorateMetadata.js
+//#region \0@oxc-project+runtime@0.132.0/helpers/decorateMetadata.js
 function D(e, t) {
 	if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.130.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.132.0/helpers/decorate.js
 function O(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
@@ -6410,6 +6410,9 @@ var Ri = class extends C {
 	_parent;
 	_path2DSet = new se();
 	_localPath;
+	_hitPath2DSet;
+	_hitWidth = 0;
+	_hitHeight = 0;
 	constructor(e) {
 		super(), this._parent = e, this._updatePath2DSet();
 	}
@@ -6435,6 +6438,30 @@ var Ri = class extends C {
 	isValid() {
 		return !!(this.enabled && this._path2DSet.paths.some((e) => e.getLength()));
 	}
+	isPointInside(e, t) {
+		let n = t?.strokeWidth ?? 1, r = t?.tolerance ?? 0, i = this._localPath;
+		if (i && i.getLength()) return i.isPointInStroke(e, {
+			strokeWidth: n,
+			tolerance: r,
+			closed: !1
+		});
+		let a = this._getHitPath2DSet();
+		return a ? !!a.hitTest(e, {
+			stroke: !0,
+			tolerance: r + n / 2
+		}) : !1;
+	}
+	_getHitPath2DSet() {
+		if (!this.isValid()) return;
+		let { width: e, height: t } = this._parent.size;
+		if (!(!e || !t)) {
+			if (!this._hitPath2DSet || this._hitWidth !== e || this._hitHeight !== t) {
+				let n = new v().scale(e, t);
+				this._hitPath2DSet = new se(this._path2DSet.paths.map((e) => e.clone().applyTransform(n))), this._hitWidth = e, this._hitHeight = t;
+			}
+			return this._hitPath2DSet;
+		}
+	}
 	_updatePath2DSet() {
 		let e;
 		if (this.svg) {
@@ -6461,7 +6488,7 @@ var Ri = class extends C {
 		let [t, n, r, i] = e;
 		this._path2DSet.paths.forEach((e) => {
 			e.applyTransform(new v().translate(-t, -n).scale(1 / r, 1 / i));
-		});
+		}), this._hitPath2DSet = void 0;
 	}
 	draw(e = !1) {
 		if (!e && this._localPath && this._localPath.getLength()) this._parent.context.addPath(this._localPath.clone());
@@ -7166,8 +7193,8 @@ var Z = {
 		this.isVisibleInTree() && this._input(e, t);
 	}
 	_positionInput(e, t) {
-		let { width: n, height: r } = this.size;
-		return e.x >= 0 && e.x < n && e.y >= 0 && e.y < r;
+		let { width: n, height: r } = this.size, i = (Number(this._outline.width) || 0) / 2 + 1;
+		return e.x < -i || e.x >= n + i || e.y < -i || e.y >= r + i ? !1 : this._shape.isValid() || this._shape.localPath ? this._shape.isPointInside(e, { strokeWidth: Number(this._outline.width) || 1 }) : e.x >= 0 && e.x < n && e.y >= 0 && e.y < r;
 	}
 	_input(e, t) {
 		switch (t) {

package/dist/scene/2d/element/Element2DShape.d.ts

@@ -1,4 +1,5 @@
 import type { NormalizedShape } from 'modern-idoc';
+import type { Vector2Like } from 'modern-path2d';
 import type { Element2D } from './Element2D';
 import { Path2D, Path2DSet } from 'modern-path2d';
 import { CoreObject } from '../../../core';
@@ -17,6 +18,14 @@ export declare class Element2DShape extends CoreObject implements NormalizedShap
      * the normalize→size scaling would distort the stroke width non-uniformly.
      */
     protected _localPath?: Path2D;
+    /**
+     * Pixel-space copy of `_path2DSet` (scaled to the element size), used for hit
+     * testing so fill/stroke slack stay in pixel units. Rebuilt when the size
+     * changes; cleared by `_updatePath2DSet` when the paths themselves change.
+     */
+    protected _hitPath2DSet?: Path2DSet;
+    protected _hitWidth: number;
+    protected _hitHeight: number;
     constructor(_parent: Element2D);
     /** Set/clear the local-space derived path (e.g. a connection route). */
     setLocalPath(path: Path2D | undefined): void;
@@ -24,6 +33,27 @@ export declare class Element2DShape extends CoreObject implements NormalizedShap
     setProperties(properties?: Record<string, any>): this;
     protected _updateProperty(key: string, value: any, oldValue: any): void;
     isValid(): boolean;
+    /**
+     * Hit-test a point given in the element's local pixel space against the real
+     * geometry, mirroring {@link draw}'s path selection:
+     *
+     * - a connection route (`_localPath`, already in pixel space) → stroke hit
+     * - a normalized shape (`_path2DSet`) → fill hit, falling back to stroke for
+     *   `fill: none` outlines (handled by {@link Path2DSet.hitTest})
+     *
+     * `strokeWidth` should be the element's outline width (pixels) so line/stroke
+     * hits line up with what's drawn. Returns `false` when there's no valid geometry
+     * — callers then fall back to the element's rectangle.
+     */
+    isPointInside(localPos: Vector2Like, options?: {
+        strokeWidth?: number;
+        tolerance?: number;
+    }): boolean;
+    /**
+     * Lazily build the pixel-space path set. `_path2DSet` is normalized to the unit
+     * box, so it's scaled to the element size here. Rebuilt only on size change.
+     */
+    protected _getHitPath2DSet(): Path2DSet | undefined;
     protected _updatePath2DSet(): void;
     draw(rect?: boolean): void;
     protected _drawRect(): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.18.3",
+  "version": "0.19.1",
   "packageManager": "pnpm@10.19.0",
   "description": "A JavaScript WebGL rendering engine. only the ESM.",
   "author": "wxm",
@@ -62,10 +62,10 @@
   "dependencies": {
     "colord": "^2.9.3",
     "earcut": "^3.0.2",
-    "modern-font": "^0.5.0",
+    "modern-font": "^0.6.0",
     "modern-idoc": "^0.11.5",
-    "modern-path2d": "^1.6.0",
-    "modern-text": "^1.12.0"
+    "modern-path2d": "^1.7.0",
+    "modern-text": "^2.0.3"
   },
   "peerDependencies": {
     "lottie-web": "^5",
@@ -94,7 +94,7 @@
     "modern-gif": "^2.1.0",
     "typescript": "^6.0.3",
     "unbuild": "^3.6.1",
-    "vite": "^8.0.13",
+    "vite": "^8.0.14",
     "vitest": "^4.1.7",
     "yoga-layout": "^3.2.1"
   }