modern-canvas 0.9.2 → 0.9.4

package/dist/index.mjs

@@ -873,6 +873,9 @@ class CoreObject extends Reactivable {
   get json() {
     return this.toJSON();
   }
+  set json(val) {
+    this.setProperties(val);
+  }
   _nextTick() {
     return nextTick();
   }
@@ -4467,7 +4470,7 @@ class VertexAttribute extends Resource {
   }
 }
 __decorateClass$W([
-  property({ protected: true })
+  property({ internal: true })
 ], VertexAttribute.prototype, "buffer");
 __decorateClass$W([
   property({ fallback: 0 })
@@ -4861,7 +4864,7 @@ class Texture2D extends Resource {
   }
 }
 __decorateClass$V([
-  property({ protected: true })
+  property({ internal: true })
 ], Texture2D.prototype, "source");
 __decorateClass$V([
   property({ fallback: 0 })
@@ -6195,7 +6198,7 @@ __decorateClass$S([
   property({ internal: true, fallback: "default" })
 ], Node.prototype, "internalMode", 2);
 __decorateClass$S([
-  property({ protected: true })
+  property({ internal: true })
 ], Node.prototype, "mask", 2);
 Node = __decorateClass$S([
   customNode("Node")
@@ -6879,7 +6882,7 @@ let Effect = class extends TimelineNode {
   }
 };
 __decorateClass$O([
-  property({ protected: true })
+  property({ internal: true })
 ], Effect.prototype, "material", 2);
 __decorateClass$O([
   property()
@@ -7013,6 +7016,7 @@ var __decorateClass$L = (decorators, target, key, kind) => {
   return result;
 };
 class SceneTree extends MainLoop {
+  fonts;
   input = new Input();
   renderStack = new RenderStack();
   root = new Window(true).setTree(this);
@@ -8896,7 +8900,7 @@ void main(void) {
 }`
 }));
 __decorateClass$w([
-  property({ protected: true })
+  property({ internal: true })
 ], MaskEffect.prototype, "texture", 2);
 __decorateClass$w([
   property({ fallback: "" })
@@ -9698,9 +9702,9 @@ class BaseElement2DText extends CoreObject {
   constructor(parent) {
     super();
     this.parent = parent;
-    this.base.setPropertyAccessor(this);
+    this.base = new Text().setPropertyAccessor(this);
   }
-  base = new Text();
+  base;
   measureResult;
   _textureMap = /* @__PURE__ */ new Map();
   setProperties(properties) {
@@ -9724,8 +9728,12 @@ class BaseElement2DText extends CoreObject {
         break;
     }
   }
-  _updateTextureMap() {
+  _updateBase() {
+    this.base.fonts = this.base.fonts ?? this.parent.tree?.fonts;
     this.base.update();
+  }
+  _updateTextureMap() {
+    this._updateBase();
     this._textureMap.clear();
     const pGlyphBoxs = [];
     this.base.paragraphs.forEach((p, pIndex) => {
@@ -9781,6 +9789,7 @@ class BaseElement2DText extends CoreObject {
     this.content = normalizeTextContent(content);
   }
   measure() {
+    this._updateBase();
     return this.base.measure();
   }
   updateMeasure() {
@@ -9803,7 +9812,7 @@ class BaseElement2DText extends CoreObject {
   }
   draw() {
     const ctx = this.parent.context;
-    this.base.update();
+    this._updateBase();
     this.base.pathSets.forEach((pathSet) => {
       pathSet.paths.forEach((path) => {
         const meta = path.getMeta();
@@ -10926,7 +10935,7 @@ let Image2D = class extends Element2D {
   }
 };
 __decorateClass$i([
-  property({ protected: true })
+  property({ internal: true })
 ], Image2D.prototype, "texture", 2);
 __decorateClass$i([
   property({ fallback: "" })
@@ -14165,6 +14174,7 @@ class Engine extends SceneTree {
       height,
       pixelRatio = DEVICE_PIXEL_RATIO,
       backgroundColor = 0,
+      fonts,
       autoResize,
       autoStart,
       timeline,
@@ -14179,6 +14189,7 @@ class Engine extends SceneTree {
     this._setupInput();
     this.pixelRatio = pixelRatio;
     this.backgroundColor = backgroundColor;
+    this.fonts = fonts;
     if (autoResize) {
       if (!view && this.renderer.view) {
         this.renderer.view.style.width = "100%";
@@ -14329,13 +14340,14 @@ async function start(sleep = 100) {
   starting = false;
 }
 async function task(options) {
-  const { data, width, height, debug = false, time = 0 } = options;
+  const { debug = false, fonts, width, height, time = 0, data } = options;
   engine ??= new Engine({
     width: 1,
     height: 1,
     preserveDrawingBuffer: true
   });
   engine.debug = debug;
+  engine.fonts = fonts;
   engine.root.removeChildren();
   engine.timeline.currentTime = time;
   engine.resize(width, height, true);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.9.2",
+  "version": "0.9.4",
   "packageManager": "pnpm@9.15.1",
   "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",