sketchmark 0.2.2 → 0.2.3

package/dist/renderer/roughChart.d.ts

@@ -13,7 +13,7 @@ export declare function chartLayout(c: {
     y: number;
     w: number;
     h: number;
-    title?: string;
+    label?: string;
 }): ChartLayout;
 export interface BarLineSeries {
     name: string;

package/dist/scene/index.d.ts

@@ -84,7 +84,7 @@ export interface SceneNote {
 export interface SceneChart {
     id: string;
     chartType: string;
-    title?: string;
+    label?: string;
     data: {
         headers: string[];
         rows: (string | number)[][];

package/dist/sketchmark.iife.js

@@ -851,7 +851,7 @@ var AIDiagram = (function (exports) {
                 kind: "chart",
                 id,
                 chartType: chartType.replace("-chart", ""),
-                title: props.title,
+                label: props.label ?? props.title,
                 data: { headers, rows },
                 width: props.width ? parseFloat(props.width) : undefined,
                 height: props.height ? parseFloat(props.height) : undefined,
@@ -1343,7 +1343,7 @@ var AIDiagram = (function (exports) {
             return {
                 id: c.id,
                 chartType: c.chartType,
-                title: c.title,
+                label: c.label,
                 data: c.data,
                 style: { ...ast.styles[c.id], ...themeStyle, ...c.style },
                 x: 0,
@@ -2078,7 +2078,7 @@ var AIDiagram = (function (exports) {
         '#7F77DD', '#D4537E', '#639922', '#E24B4A',
     ];
     function chartLayout(c) {
-        const titleH = c.title ? 24 : 8;
+        const titleH = c.label ? 24 : 8;
         const padL = 44, padR = 12, padB = 28, padT = 6;
         const pw = c.w - padL - padR;
         const ph = c.h - titleH - padT - padB;
@@ -2266,17 +2266,17 @@ var AIDiagram = (function (exports) {
             ...(s.strokeDash ? { strokeLineDash: s.strokeDash } : {}),
         }));
         // Title
-        if (c.title) {
-            cg.appendChild(mkT(c.title, c.x + c.w / 2, c.y + 14, cFontSize, cFontWeight, lc, 'middle', cFont));
+        if (c.label) {
+            cg.appendChild(mkT(c.label, c.x + c.w / 2, c.y + 14, cFontSize, cFontWeight, lc, 'middle', cFont));
         }
         const { px, py, pw, ph, cx, cy } = chartLayout(c);
         // ── Pie / Donut ──────────────────────────────────────────
         if (c.chartType === 'pie' || c.chartType === 'donut') {
             const { segments, total } = parsePie(c.data);
-            const r = Math.min(c.w * 0.38, (c.h - (c.title ? 24 : 8)) * 0.44);
+            const r = Math.min(c.w * 0.38, (c.h - (c.label ? 24 : 8)) * 0.44);
             const ir = c.chartType === 'donut' ? r * 0.48 : 0;
             const legendX = c.x + 8;
-            const legendY = c.y + (c.title ? 28 : 12);
+            const legendY = c.y + (c.label ? 28 : 12);
             let angle = -Math.PI / 2;
             for (const seg of segments) {
                 const sweep = (seg.value / total) * Math.PI * 2;
@@ -2314,7 +2314,7 @@ var AIDiagram = (function (exports) {
                     strokeWidth: 1.2,
                 }));
             });
-            legend(cg, pts.map(p => p.label), CHART_COLORS, c.x + 8, c.y + (c.title ? 28 : 12), lc, cFont);
+            legend(cg, pts.map(p => p.label), CHART_COLORS, c.x + 8, c.y + (c.label ? 28 : 12), lc, cFont);
             return cg;
         }
         // ── Bar / Line / Area ─────────────────────────────────────
@@ -5761,23 +5761,23 @@ var AIDiagram = (function (exports) {
             ...(s.strokeDash ? { strokeLineDash: s.strokeDash } : {}),
         });
         // Title
-        if (c.title) {
+        if (c.label) {
             ctx.save();
             ctx.font = `${cFontWeight} ${cFontSize}px ${cFont}`;
             ctx.fillStyle = lc;
             ctx.textAlign = 'center';
             ctx.textBaseline = 'middle';
-            ctx.fillText(c.title, c.x + c.w / 2, c.y + 14);
+            ctx.fillText(c.label, c.x + c.w / 2, c.y + 14);
             ctx.restore();
         }
         const { px, py, pw, ph, cx, cy } = chartLayout(c);
         // ── Pie / Donut ──────────────────────────────────────────
         if (c.chartType === 'pie' || c.chartType === 'donut') {
             const { segments, total } = parsePie(c.data);
-            const r = Math.min(c.w * 0.38, (c.h - (c.title ? 24 : 8)) * 0.44);
+            const r = Math.min(c.w * 0.38, (c.h - (c.label ? 24 : 8)) * 0.44);
             const ir = c.chartType === 'donut' ? r * 0.48 : 0;
             const legendX = c.x + 8;
-            const legendY = c.y + (c.title ? 28 : 12);
+            const legendY = c.y + (c.label ? 28 : 12);
             let angle = -Math.PI / 2;
             segments.forEach((seg, i) => {
                 const sweep = (seg.value / total) * Math.PI * 2;
@@ -5805,7 +5805,7 @@ var AIDiagram = (function (exports) {
                     strokeWidth: 1.2,
                 });
             });
-            drawLegend(ctx, pts.map(p => p.label), CHART_COLORS, c.x + 8, c.y + (c.title ? 28 : 12), lc, cFont);
+            drawLegend(ctx, pts.map(p => p.label), CHART_COLORS, c.x + 8, c.y + (c.label ? 28 : 12), lc, cFont);
             ctx.globalAlpha = 1;
             return;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sketchmark",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "A plain-text DSL for hand-drawn diagrams. Write boxes, edges, and groups as code — renders sketchy SVG/Canvas via rough.js with a built-in step-by-step animation system.",
   "keywords": [
     "diagram",