sketchmark 0.2.2 → 0.2.4

package/dist/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EAKV,MAAM,UAAU,CAAC;AAqZlB,wBAAgB,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAmB1E;AAoID,wBAAgB,MAAM,CAAC,EAAE,EAAE,UAAU,GAAG,UAAU,CA+NjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EAKV,MAAM,UAAU,CAAC;AAoZlB,wBAAgB,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAmB1E;AAoID,wBAAgB,MAAM,CAAC,EAAE,EAAE,UAAU,GAAG,UAAU,CA+NjD"}

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/renderer/svg/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderer/svg/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,UAAU,EAMX,MAAM,aAAa,CAAC;AA0drB,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,WAAW,CACzB,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,WAAW,GAAG,aAAa,EACtC,OAAO,GAAE,kBAAuB,GAC/B,aAAa,CAisBf;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAKtD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderer/svg/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,UAAU,EAMX,MAAM,aAAa,CAAC;AA0drB,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,WAAW,CACzB,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,WAAW,GAAG,aAAa,EACtC,OAAO,GAAE,kBAAuB,GAC/B,aAAa,CAgsBf;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAKtD"}

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,
@@ -1541,9 +1541,8 @@ var AIDiagram = (function (exports) {
         const nData = rows.filter((r) => r.kind === "data").length;
         t.h = labelH + nHeader * headerH + nData * rowH;
     }
-    function sizeChart(c) {
-        c.w = c.w || 320;
-        c.h = c.h || 240;
+    function sizeChart(_c) {
+        // defaults already applied in buildSceneGraph
     }
     function sizeMarkdown(m) {
         const pad = Number(m.style?.padding ?? 16);
@@ -2078,7 +2077,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 +2265,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 +2313,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 ─────────────────────────────────────
@@ -5565,7 +5564,6 @@ var AIDiagram = (function (exports) {
             NoteL.appendChild(ng);
         }
         svg.appendChild(NoteL);
-        markdownMap(sg);
         const MDL = mkGroup('markdown-layer');
         for (const m of sg.markdowns) {
             const mg = mkGroup(`markdown-${m.id}`, 'mdg');
@@ -5761,23 +5759,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 +5803,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.4",
   "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",