modern-canvas 0.7.4 → 0.7.6

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { defineProperty, EventEmitter, getDeclarations, parseColor, property, RawWeakMap as RawWeakMap$1, isGradient, isColorFillObject, clearUndef, idGenerator, normalizeFill, isNone, normalizeBackground, normalizeForeground, normalizeOutline, normalizeShadow, normalizeShape, getDefaultStyle, normalizeText } from 'modern-idoc';
+import { defineProperty, EventEmitter, getDeclarations, parseColor, property, RawWeakMap as RawWeakMap$1, isGradient, isColorFillObject, clearUndef, idGenerator, normalizeFill, isNone, normalizeBackground, normalizeForeground, normalizeOutline, normalizeShadow, normalizeShape, getDefaultStyle, normalizeText, normalizeTextContent } from 'modern-idoc';
 import { extend } from 'colord';
 import namesPlugin from 'colord/plugins/names';
 import { Path2D, Path2DSet, svgToDom, svgToPath2DSet, Matrix3 as Matrix3$1 } from 'modern-path2d';
@@ -746,10 +746,11 @@ class Input extends EventEmitter {
   mapPositionToPoint(point, x, y) {
     if (!this.target)
       return;
-    const width = Number(this.target.getAttribute("width")) || 0;
-    const height = Number(this.target.getAttribute("height")) || 0;
+    const clientRect = this.target.isConnected ? this.target.getBoundingClientRect() : void 0;
     const pixelRatio = Number(this.target.getAttribute("data-pixel-ratio")) || 1;
-    const rect = this.target.isConnected ? this.target.getBoundingClientRect() : { width, height, left: 0, top: 0 };
+    const width = Number(this.target.getAttribute("width")) || (clientRect ? clientRect.width * pixelRatio : 0);
+    const height = Number(this.target.getAttribute("height")) || (clientRect ? clientRect.height * pixelRatio : 0);
+    const rect = clientRect ?? { width, height, left: 0, top: 0 };
     const multiplier = 1 / pixelRatio;
     point.x = (x - rect.left) * (width / rect.width) * multiplier;
     point.y = (y - rect.top) * (height / rect.height) * multiplier;
@@ -5448,7 +5449,7 @@ class CanvasContext extends Path2D {
         miterLimit: this.miterLimit ?? 10
       }
     });
-    super.reset();
+    this.reset();
   }
   fillRect(x, y, width, height) {
     this.rect(x, y, width, height).fill();
@@ -5481,7 +5482,7 @@ class CanvasContext extends Path2D {
       uvTransform: this.uvTransform,
       vertTransform: this.vertTransform
     });
-    super.reset();
+    this.resetStatus();
   }
   copy(source) {
     super.copy(source);
@@ -5496,7 +5497,7 @@ class CanvasContext extends Path2D {
     this._draws = source._draws.slice();
     return this;
   }
-  reset() {
+  resetStatus() {
     super.reset();
     this.strokeStyle = void 0;
     this.fillStyle = void 0;
@@ -5506,6 +5507,9 @@ class CanvasContext extends Path2D {
     this.lineJoin = void 0;
     this.lineWidth = void 0;
     this.miterLimit = void 0;
+  }
+  reset() {
+    this.resetStatus();
     this._draws.length = 0;
     return this;
   }
@@ -5555,9 +5559,9 @@ class CanvasContext extends Path2D {
       }
       this.buildUvs(0, vertices, uvs, current.texture, current.uvTransform);
       batchables.push({
-        vertices,
-        indices,
-        uvs,
+        vertices: new Float32Array(vertices),
+        indices: new Float32Array(indices),
+        uvs: new Float32Array(uvs),
         texture: current.texture,
         type: current.type,
         disableWrapMode: current.disableWrapMode,
@@ -9566,7 +9570,6 @@ class BaseElement2DText extends CoreObject {
       case "fonts":
       case "fill":
       case "outline":
-      case "split":
         this.parent.requestRedraw();
         break;
     }
@@ -9580,6 +9583,9 @@ class BaseElement2DText extends CoreObject {
     };
     this.base.requestUpdate();
   }
+  setContent(content) {
+    this.content = normalizeTextContent(content);
+  }
   measure() {
     this._updateText();
     return this.base.measure();
@@ -9600,8 +9606,6 @@ class BaseElement2DText extends CoreObject {
       pathSet.paths.forEach((path) => {
         ctx.addPath(path);
         ctx.style = { ...path.style };
-        ctx.fillStyle = void 0;
-        ctx.strokeStyle = void 0;
         ctx.fill();
       });
     });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.7.4",
+  "version": "0.7.6",
   "packageManager": "pnpm@9.15.1",
   "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",
@@ -68,7 +68,7 @@
   },
   "dependencies": {
     "colord": "^2.9.3",
-    "earcut": "^3.0.1",
+    "earcut": "^3.0.2",
     "modern-font": "^0.4.1",
     "modern-idoc": "^0.8.6",
     "modern-path2d": "^1.4.5",
@@ -78,7 +78,7 @@
   "devDependencies": {
     "@antfu/eslint-config": "^4.17.0",
     "@types/earcut": "^3.0.0",
-    "@types/node": "^24.0.13",
+    "@types/node": "^24.0.14",
     "bumpp": "^10.2.0",
     "conventional-changelog-cli": "^5.0.0",
     "eslint": "^9.31.0",
@@ -88,7 +88,7 @@
     "simple-git-hooks": "^2.13.0",
     "typescript": "^5.8.3",
     "unbuild": "^3.5.0",
-    "vite": "^7.0.4",
+    "vite": "^7.0.5",
     "vitest": "^3.2.4"
   },
   "simple-git-hooks": {