@markdy/core 0.8.2 → 0.8.4

package/README.md

@@ -1,12 +1,12 @@
 # @markdy/core
 
-The parser and AST types for [MarkdyScript](../../docs/SYNTAX.md) — a DSL for describing 2D animated scenes.
+The parser and AST types for [MarkdyScript](../../docs/SYNTAX.md) — an AI-first DSL for animated architecture diagrams.
 
 ## Features
 
 - **Zero runtime dependencies** — pure TypeScript, no DOM or platform APIs
 - **Single-pass parser** — line-by-line state machine with strict `ParseError` diagnostics
-- **Rich type system** — `var`, `def`, `seq` expanded at parse time for composable scene authoring
+- **Diagram-native grammar** — scene metadata, architecture nodes, groups, styles, beats, flow chains, and reusable patterns
 - **Isomorphic** — runs in Node.js, Deno, Bun, edge runtimes, and the browser
 
 ## Installation
@@ -36,7 +36,7 @@ import { parse, ParseError } from "@markdy/core";
 import type { DiagramAST } from "@markdy/core";
 
 const source = `
-  scene "Request" theme=midnight
+  scene "Request" theme=paper
   browser Web
   service API
   beat main:
@@ -47,7 +47,7 @@ const source = `
 try {
   const ast: DiagramAST = parse(source);
 
-  console.log(ast.meta);   // { width: 1280, height: 720, fps: 60, theme: "midnight", direction: "LR", title: "Request" }
+  console.log(ast.meta);   // { width: 1280, height: 720, fps: 60, theme: "paper", direction: "LR", title: "Request" }
   console.log(ast.nodes);  // { Web: { kind: "browser", ... }, API: { kind: "service", ... } }
   console.log(ast.beats);  // [{ name: "main", cues: [...] }]
 } catch (e) {
@@ -71,7 +71,7 @@ try {
 | `NodeDecl` | type | Node declaration (kind, id, label, style) |
 | `EdgeDecl` | type | Edge declaration (kind, from, to, label) |
 | `BeatDecl` | type | Named beat with cues |
-| `THEMES` / `resolveTheme` | tokens | Semantic theme palettes (`midnight`, `paper`) |
+| `THEMES` / `resolveTheme` | tokens | Semantic theme palettes (`paper`, `midnight`, `blueprint`, `graphite`) |
 
 ## Documentation
 

package/dist/index.d.ts

@@ -128,6 +128,15 @@ type ThemeTokens = {
     gridMajor: string;
     vignette: string;
     accent: string;
+    /** Node card fill (falls back to surface derivations when omitted). */
+    nodeSurface?: string;
+    nodeSurfaceRaised?: string;
+    /** Node hairline / inset ring color. */
+    hairline?: string;
+    /** Ambient drop-shadow color (rgba). */
+    shadow?: string;
+    /** Edge label pill fill. */
+    labelPlate?: string;
     roles: Record<string, string>;
     edges: Record<EdgeKind, string>;
 };
@@ -141,6 +150,7 @@ type PositionedNode = {
     width: number;
     height: number;
     style?: Record<string, unknown>;
+    props?: Record<string, unknown>;
     opacity: number;
 };
 type RoutedEdge = {

package/dist/index.js

@@ -381,8 +381,8 @@ function canonicalNodeKind(kind) {
 }
 
 // src/compiler.ts
-var SAFE = 64;
-var TITLE_BAND = 96;
+var SAFE = 44;
+var TITLE_BAND = 76;
 var NODE_W = 168;
 var NODE_H = 72;
 var DEFAULTS = {
@@ -498,6 +498,7 @@ function layoutNodes(ast, edges) {
         width: NODE_W,
         height: NODE_H,
         style,
+        props: decl.props,
         opacity: 0
       });
     });
@@ -660,37 +661,87 @@ var EDGE_COLORS = {
 var THEMES = {
   midnight: {
     name: "midnight",
-    canvas: "#07111f",
-    surface: "#0f1b2d",
-    surfaceRaised: "#16243a",
-    border: "#2b3b52",
+    canvas: "#070d18",
+    surface: "#0e1a2c",
+    surfaceRaised: "#152538",
+    border: "#28384f",
     text: "#f4f7fb",
-    textMuted: "#9aabc0",
-    gridMinor: "rgba(148, 163, 184, 0.13)",
-    gridMajor: "rgba(148, 163, 184, 0.2)",
-    vignette: "rgba(2, 6, 23, 0.72)",
+    textMuted: "#93a4bb",
+    gridMinor: "rgba(148, 163, 184, 0.10)",
+    gridMajor: "rgba(148, 163, 184, 0.16)",
+    vignette: "rgba(2, 6, 23, 0.7)",
     accent: "#38bdf8",
+    nodeSurface: "#111f33",
+    nodeSurfaceRaised: "#1a2c44",
+    hairline: "rgba(148, 163, 184, 0.16)",
+    shadow: "rgba(2, 6, 23, 0.6)",
+    labelPlate: "#0f1c2e",
     roles: { ...ROLE_COLORS },
     edges: { ...EDGE_COLORS }
   },
   paper: {
     name: "paper",
-    canvas: "#f7f9fc",
+    canvas: "#f6f8fc",
     surface: "#ffffff",
-    surfaceRaised: "#eef3f8",
-    border: "#ccd7e5",
-    text: "#132033",
-    textMuted: "#5d6d82",
-    gridMinor: "rgba(15, 23, 42, 0.09)",
-    gridMajor: "rgba(15, 23, 42, 0.14)",
-    vignette: "rgba(241, 245, 249, 0.74)",
-    accent: "#0ea5e9",
+    surfaceRaised: "#f0f4f9",
+    border: "#d3dde9",
+    text: "#0f1c2e",
+    textMuted: "#5a6b80",
+    gridMinor: "rgba(15, 23, 42, 0.06)",
+    gridMajor: "rgba(15, 23, 42, 0.10)",
+    vignette: "rgba(226, 232, 240, 0.6)",
+    accent: "#0284c7",
+    nodeSurface: "#ffffff",
+    nodeSurfaceRaised: "#f7fafd",
+    hairline: "rgba(15, 23, 42, 0.10)",
+    shadow: "rgba(15, 23, 42, 0.14)",
+    labelPlate: "#ffffff",
+    roles: { ...ROLE_COLORS },
+    edges: { ...EDGE_COLORS }
+  },
+  blueprint: {
+    name: "blueprint",
+    canvas: "#0a1a3a",
+    surface: "#10214a",
+    surfaceRaised: "#182c5c",
+    border: "#2c477f",
+    text: "#eaf1ff",
+    textMuted: "#9fb6e0",
+    gridMinor: "rgba(125, 170, 255, 0.12)",
+    gridMajor: "rgba(125, 170, 255, 0.2)",
+    vignette: "rgba(4, 12, 34, 0.72)",
+    accent: "#5ba3ff",
+    nodeSurface: "#122452",
+    nodeSurfaceRaised: "#1b3068",
+    hairline: "rgba(125, 170, 255, 0.18)",
+    shadow: "rgba(3, 10, 30, 0.6)",
+    labelPlate: "#10214a",
+    roles: { ...ROLE_COLORS },
+    edges: { ...EDGE_COLORS }
+  },
+  graphite: {
+    name: "graphite",
+    canvas: "#111317",
+    surface: "#191c22",
+    surfaceRaised: "#22262e",
+    border: "#343a45",
+    text: "#eef1f5",
+    textMuted: "#9aa3b1",
+    gridMinor: "rgba(160, 170, 185, 0.08)",
+    gridMajor: "rgba(160, 170, 185, 0.14)",
+    vignette: "rgba(0, 0, 0, 0.6)",
+    accent: "#2dd4bf",
+    nodeSurface: "#1c2028",
+    nodeSurfaceRaised: "#262b34",
+    hairline: "rgba(160, 170, 185, 0.14)",
+    shadow: "rgba(0, 0, 0, 0.55)",
+    labelPlate: "#191c22",
     roles: { ...ROLE_COLORS },
     edges: { ...EDGE_COLORS }
   }
 };
 function resolveTheme(name) {
-  return THEMES[name] ?? THEMES.midnight;
+  return THEMES[name] ?? THEMES.paper;
 }
 
 // src/parser.ts
@@ -704,15 +755,6 @@ var ParseError = class extends Error {
     this.column = column;
   }
 };
-var LEGACY_PATTERNS = [
-  { re: /^\s*actor\s+/i, message: 'MarkdyScript 0.8 removed `actor` declarations. Use node kinds instead: `service API "Label"`.' },
-  { re: /^\s*@\d/, message: "MarkdyScript 0.8 removed `@time:` events. Use `beat` blocks with flow chains and cues." },
-  { re: /^\s*def\s+/i, message: "MarkdyScript 0.8 removed `def`. Use `pattern name(...):` for reusable flows." },
-  { re: /^\s*seq\s+/i, message: "MarkdyScript 0.8 removed `seq`. Use `pattern` + `use` inside beats." },
-  { re: /^\s*preset\s+/i, message: "MarkdyScript 0.8 removed presets. Use `scene` + `beat` composition." },
-  { re: /^\s*asset\s+/i, message: "MarkdyScript 0.8 is diagram-only; `asset` declarations are not supported." },
-  { re: /figure\s*\(/i, message: "MarkdyScript 0.8 is diagram-only; `figure` actors were removed." }
-];
 var FLOW_OP_RE = /(->|<-|~>|--)/;
 var PROP_RE = /(\w[\w.-]*)=(\S+)/g;
 function stripComment(line) {
@@ -940,20 +982,12 @@ function readIndentedBody(blocks, startIdx, parentIndent) {
 }
 function parse(source, opts = {}) {
   const lines = source.replace(/\r\n/g, "\n").split("\n");
-  for (let i2 = 0; i2 < lines.length; i2++) {
-    const line = stripComment(lines[i2]);
-    for (const legacy of LEGACY_PATTERNS) {
-      if (legacy.re.test(line)) {
-        throw new ParseError(legacy.message, i2 + 1);
-      }
-    }
-  }
   const diagnostics = [];
   const meta = {
     width: 1280,
     height: 720,
     fps: 60,
-    theme: "midnight",
+    theme: "paper",
     direction: "LR"
   };
   const styles = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@markdy/core",
-  "version": "0.8.2",
+  "version": "0.8.4",
   "description": "MarkdyScript parser and diagram compiler (auto-layout, edge routing, cue scheduling) — zero runtime dependencies.",
   "license": "MIT",
   "type": "module",