modern-canvas 0.6.1 → 0.6.3

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { defineProperty, getDeclarations, parseColor, property, RawWeakMap as RawWeakMap$1, isGradient, idGenerator, normalizeFill, isNone, normalizeBackground, normalizeForeground, normalizeOutline, normalizeShadow, normalizeShape, getDefaultStyle, normalizeText } from 'modern-idoc';
+import { defineProperty, getDeclarations, parseColor, property, RawWeakMap as RawWeakMap$1, isGradient, clearUndef, idGenerator, normalizeFill, isNone, normalizeBackground, normalizeForeground, normalizeOutline, normalizeShadow, normalizeShape, getDefaultStyle, normalizeText } 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';
@@ -334,7 +334,7 @@ class CoreObject extends EventEmitter {
       this._updatingPromise = this._enqueueUpdate();
     }
   }
-  toPropsJSON() {
+  toJSON() {
     const json = {};
     this._properties.forEach((value, key) => {
       if (value === void 0) {
@@ -352,9 +352,6 @@ class CoreObject extends EventEmitter {
     });
     return json;
   }
-  toJSON() {
-    return this.toPropsJSON();
-  }
   clone() {
     return new this.constructor(this.toJSON());
   }
@@ -5654,6 +5651,7 @@ function getNodeIid(key) {
   return iid;
 }
 let Node = class extends CoreObject {
+  meta = {};
   _readyed = false;
   constructor(properties, nodes = []) {
     super();
@@ -6003,7 +6001,9 @@ let Node = class extends CoreObject {
         this._children.back.push(node);
         break;
     }
-    node.internalMode = internalMode;
+    if (node.internalMode !== internalMode) {
+      node.internalMode = internalMode;
+    }
     node.setParent(this);
     this.emit("appendChild", node);
     return node;
@@ -6031,7 +6031,9 @@ let Node = class extends CoreObject {
         this.emit("appendChild", node);
       }
     }
-    node.internalMode = internalMode;
+    if (node.internalMode !== internalMode) {
+      node.internalMode = internalMode;
+    }
     return this;
   }
   removeChild(child) {
@@ -6094,16 +6096,17 @@ let Node = class extends CoreObject {
   }
   clone() {
     return new this.constructor(
-      this.toPropsJSON(),
+      this.toJSON(),
       this._children.internal
     );
   }
   toJSON() {
-    return {
+    return clearUndef({
       ...super.toJSON(),
       is: this.is,
-      children: [...this._children.map((child) => child.toJSON())]
-    };
+      children: this._children.length ? [...this._children.map((child) => child.toJSON())] : void 0,
+      meta: Object.keys(this.meta).length ? { ...this.meta } : void 0
+    });
   }
   static parse(value) {
     if (Array.isArray(value)) {
@@ -6134,9 +6137,6 @@ __decorateClass$Q([
 __decorateClass$Q([
   property({ fallback: "default" })
 ], Node.prototype, "internalMode", 2);
-__decorateClass$Q([
-  property({ default: () => ({}) })
-], Node.prototype, "meta", 2);
 __decorateClass$Q([
   property({ protected: true })
 ], Node.prototype, "mask", 2);
@@ -9308,7 +9308,7 @@ __decorateClass$o([
   property()
 ], BaseElement2DShape.prototype, "viewBox");
 __decorateClass$o([
-  property({ default: () => [] })
+  property()
 ], BaseElement2DShape.prototype, "paths");
 
 class BaseElement2DStyle extends Resource {
@@ -9856,19 +9856,20 @@ let BaseElement2D = class extends Node2D {
     }
   }
   toJSON() {
-    return {
-      is: this.is,
-      ...this.toPropsJSON(),
-      children: [...this._children.map((child) => child.toJSON())],
-      style: this.style.toJSON(),
-      background: this.background.toJSON(),
-      shape: this.shape.toJSON(),
-      fill: this.fill.toJSON(),
-      outline: this.outline.toJSON(),
-      text: this.text.toJSON(),
-      foreground: this.foreground.toJSON(),
-      shadow: this.shadow.toJSON()
+    const notEmptyObjectOrUndef = (obj) => {
+      return Object.keys(obj).length > 0 ? obj : void 0;
     };
+    return clearUndef({
+      ...super.toJSON(),
+      style: notEmptyObjectOrUndef(this.style.toJSON()),
+      background: notEmptyObjectOrUndef(this.background.toJSON()),
+      shape: notEmptyObjectOrUndef(this.shape.toJSON()),
+      fill: notEmptyObjectOrUndef(this.fill.toJSON()),
+      outline: notEmptyObjectOrUndef(this.outline.toJSON()),
+      text: notEmptyObjectOrUndef(this.text.toJSON()),
+      foreground: notEmptyObjectOrUndef(this.foreground.toJSON()),
+      shadow: notEmptyObjectOrUndef(this.shadow.toJSON())
+    });
   }
 };
 BaseElement2D = __decorateClass$l([

package/package.json

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