@markdy/core 0.8.1 → 0.8.3

package/README.md

@@ -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:

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

@@ -355,7 +355,18 @@ function nodeRole(kind) {
   return TECHNICAL_NODE_KINDS[kind] ?? "compute";
 }
 function humanizeId(id) {
-  return id.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+  const acronyms = /* @__PURE__ */ new Set(["api", "cdn", "db", "dns", "http", "https", "id", "jwt", "oidc", "sdk", "tls", "ui", "url"]);
+  const exactCase = /* @__PURE__ */ new Map([
+    ["etcd", "etcd"],
+    ["kubectl", "kubectl"]
+  ]);
+  return id.replace(/[_-]+/g, " ").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2").replace(/([a-z\d])([A-Z])/g, "$1 $2").split(/\s+/).filter(Boolean).map((word) => {
+    const lower = word.toLowerCase();
+    const exact = exactCase.get(lower);
+    if (exact) return exact;
+    if (acronyms.has(lower)) return lower.toUpperCase();
+    return word.charAt(0).toUpperCase() + word.slice(1);
+  }).join(" ");
 }
 var NODE_ALIASES = {
   db: "database",
@@ -370,10 +381,10 @@ function canonicalNodeKind(kind) {
 }
 
 // src/compiler.ts
-var SAFE = 64;
-var TITLE_BAND = 96;
-var NODE_W = 184;
-var NODE_H = 88;
+var SAFE = 44;
+var TITLE_BAND = 76;
+var NODE_W = 168;
+var NODE_H = 72;
 var DEFAULTS = {
   show: 0.35,
   hide: 0.35,
@@ -487,6 +498,7 @@ function layoutNodes(ast, edges) {
         width: NODE_W,
         height: NODE_H,
         style,
+        props: decl.props,
         opacity: 0
       });
     });
@@ -649,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
@@ -942,7 +1004,7 @@ function parse(source, opts = {}) {
     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.1",
+  "version": "0.8.3",
   "description": "MarkdyScript parser and diagram compiler (auto-layout, edge routing, cue scheduling) — zero runtime dependencies.",
   "license": "MIT",
   "type": "module",