@canvas-harness/core 0.0.3 → 0.0.5

package/dist/index.d.cts

@@ -106,7 +106,7 @@ type EdgeStyle = Style & {
  * Built-in node types — see ARCHITECTURE.md §3.5.
  * Custom node types are arbitrary strings registered via defineNode.
  */
-type BuiltInNodeType = 'rect' | 'ellipse' | 'diamond' | 'tag' | 'capsule' | 'thought-cloud' | 'layered-rect' | 'layered-ellipse' | 'layered-diamond' | 'text' | 'image' | 'icon' | 'frame';
+type BuiltInNodeType = 'rect' | 'ellipse' | 'diamond' | 'tag' | 'capsule' | 'thought-cloud' | 'layered-rect' | 'layered-ellipse' | 'layered-diamond' | 'soft-diamond' | 'text' | 'image' | 'icon' | 'frame';
 type NodeType = BuiltInNodeType | (string & {
     readonly __nodeType?: never;
 });
@@ -2034,7 +2034,7 @@ type AtomicPrimitive = 'rect' | 'ellipse' | 'diamond' | 'tag' | 'thought-cloud';
  * circle and the rect body reads as two stacked hand-drawn shapes
  * (medicine-pill aesthetic), which we want to keep.
  */
-type CompositePrimitive = 'capsule' | 'layered-rect' | 'layered-ellipse' | 'layered-diamond';
+type CompositePrimitive = 'capsule' | 'layered-rect' | 'layered-ellipse' | 'layered-diamond' | 'soft-diamond';
 type PrimitiveType = AtomicPrimitive | CompositePrimitive;
 /** Returns true if `node.type` is one of the built-ins drawShape can render. */
 declare const isDrawablePrimitive: (type: string) => type is PrimitiveType;

package/dist/index.d.ts

@@ -106,7 +106,7 @@ type EdgeStyle = Style & {
  * Built-in node types — see ARCHITECTURE.md §3.5.
  * Custom node types are arbitrary strings registered via defineNode.
  */
-type BuiltInNodeType = 'rect' | 'ellipse' | 'diamond' | 'tag' | 'capsule' | 'thought-cloud' | 'layered-rect' | 'layered-ellipse' | 'layered-diamond' | 'text' | 'image' | 'icon' | 'frame';
+type BuiltInNodeType = 'rect' | 'ellipse' | 'diamond' | 'tag' | 'capsule' | 'thought-cloud' | 'layered-rect' | 'layered-ellipse' | 'layered-diamond' | 'soft-diamond' | 'text' | 'image' | 'icon' | 'frame';
 type NodeType = BuiltInNodeType | (string & {
     readonly __nodeType?: never;
 });
@@ -2034,7 +2034,7 @@ type AtomicPrimitive = 'rect' | 'ellipse' | 'diamond' | 'tag' | 'thought-cloud';
  * circle and the rect body reads as two stacked hand-drawn shapes
  * (medicine-pill aesthetic), which we want to keep.
  */
-type CompositePrimitive = 'capsule' | 'layered-rect' | 'layered-ellipse' | 'layered-diamond';
+type CompositePrimitive = 'capsule' | 'layered-rect' | 'layered-ellipse' | 'layered-diamond' | 'soft-diamond';
 type PrimitiveType = AtomicPrimitive | CompositePrimitive;
 /** Returns true if `node.type` is one of the built-ins drawShape can render. */
 declare const isDrawablePrimitive: (type: string) => type is PrimitiveType;

package/dist/index.js

@@ -1053,7 +1053,8 @@ var COMPOSITE = /* @__PURE__ */ new Set([
   "capsule",
   "layered-rect",
   "layered-ellipse",
-  "layered-diamond"
+  "layered-diamond",
+  "soft-diamond"
 ]);
 var isCompositePrimitive = (type) => COMPOSITE.has(type);
 var isDrawablePrimitive = (type) => ATOMIC.has(type) || COMPOSITE.has(type);
@@ -1159,6 +1160,30 @@ var compositeLayout = (node) => {
       const front = { atomic, x: 0, y: 0, w, h };
       return [back, front];
     }
+    case "soft-diamond": {
+      const backScale = 1.08;
+      const frontScale = 0.96;
+      const bw = w * backScale;
+      const bh = h * backScale;
+      const fw = w * frontScale;
+      const fh = h * frontScale;
+      const back = {
+        atomic: "diamond",
+        x: (w - bw) / 2,
+        y: (h - bh) / 2,
+        w: bw,
+        h: bh,
+        style: darkenedStyle(node.style)
+      };
+      const front = {
+        atomic: "diamond",
+        x: (w - fw) / 2,
+        y: (h - fh) / 2,
+        w: fw,
+        h: fh
+      };
+      return [back, front];
+    }
   }
   return [];
 };
@@ -4547,7 +4572,8 @@ var contentBounds = (node) => {
       return { x: rectX, y: 0, w: Math.max(0, w - rectX), h };
     }
     case "diamond":
-    case "layered-diamond": {
+    case "layered-diamond":
+    case "soft-diamond": {
       const cw = w * SQRT2_INV;
       const ch = h * SQRT2_INV;
       return { x: (w - cw) / 2, y: (h - ch) / 2, w: cw, h: ch };