@markdy/core 1.4.4 → 1.4.6

package/dist/index.d.ts

@@ -87,6 +87,8 @@ type SceneMeta = {
     explicitTheme?: boolean;
     /** Whether layout direction was explicitly specified by the author in the script. */
     explicitDirection?: boolean;
+    /** Layout mode: explicit fixed direction or adaptive auto. */
+    layoutMode?: "auto" | "explicit";
     /** Opt-in diagram mode; defaults to architecture. */
     type?: DiagramType;
     /** Playback, controls, interaction, and chrome behavior. Source of truth. */

package/dist/index.js

@@ -2237,9 +2237,11 @@ function layoutRadar(ast) {
 }
 function layoutNodes(ast, edges) {
   const dtype = diagramType(ast);
+  const isAutoNarrow = (ast.meta.layoutMode === "auto" || !ast.meta.explicitDirection) && ast.meta.explicitWidth && ast.meta.width < 640;
+  const isVertical = isAutoNarrow || ast.meta.direction === "TB" || ast.meta.direction === "BT";
   switch (dtype) {
     case "flowchart":
-      return layoutRanked(ast, edges, { forceVertical: ast.meta.direction === "TB" || ast.meta.direction === "BT" });
+      return layoutRanked(ast, edges, { forceVertical: isVertical });
     case "tree":
       return layoutTree(ast, edges.some((edge) => edge.structural) ? edges.filter((edge) => edge.structural) : edges);
     case "sequence":
@@ -2270,9 +2272,9 @@ function layoutNodes(ast, edges) {
     case "nested":
       return layoutNested(ast);
     case "state":
-      return layoutRanked(ast, cycleSafeEdges(Object.keys(ast.nodes), edges), { forceVertical: ast.meta.direction === "TB" || ast.meta.direction === "BT" });
+      return layoutRanked(ast, cycleSafeEdges(Object.keys(ast.nodes), edges), { forceVertical: isVertical });
     default:
-      return layoutRanked(ast, edges, { forceVertical: ast.meta.direction === "TB" || ast.meta.direction === "BT" });
+      return layoutRanked(ast, edges, { forceVertical: isVertical });
   }
 }
 function computeGroupBoundaries(ast, nodes) {
@@ -2546,7 +2548,10 @@ function computeAdaptiveDimensions(ast, edges) {
   const nodeIds = Object.keys(ast.nodes);
   const nodeCount = nodeIds.length;
   const dtype = diagramType(ast);
-  const direction = ast.meta.direction ?? "LR";
+  let direction = ast.meta.direction ?? "LR";
+  if ((ast.meta.layoutMode === "auto" || !ast.meta.explicitDirection) && ast.meta.explicitWidth && ast.meta.width < 640) {
+    direction = ast.meta.direction === "RL" || ast.meta.direction === "BT" ? "BT" : "TB";
+  }
   const isVertical = direction === "TB" || direction === "BT";
   const groupCount = Object.keys(ast.groups).length;
   const nodeDims = nodeIds.map((id) => computeNodeDimensions(ast.nodes[id]));
@@ -3957,7 +3962,8 @@ function parse(source, opts = {}) {
     theme: "paper",
     explicitTheme: false,
     direction: "LR",
-    explicitDirection: false
+    explicitDirection: false,
+    layoutMode: "auto"
   };
   const styles = {};
   const nodes = {};
@@ -4058,11 +4064,19 @@ function parse(source, opts = {}) {
         meta.title = title;
         remainder = str.rest;
       }
-      const inlineLayout = remainder.match(/\b(?:layout|direction|rankdir)\s+(LR|RL|TB|BT)\b/i);
+      const inlineLayout = remainder.match(/\b(?:layout|direction|rankdir)\s+(LR|RL|TB|BT|auto)\b/i);
       if (inlineLayout) {
-        meta.direction = inlineLayout[1].toUpperCase();
-        meta.explicitDirection = true;
-        remainder = remainder.replace(/\b(?:layout|direction|rankdir)\s+(LR|RL|TB|BT)\b/i, " ");
+        const val = inlineLayout[1].toUpperCase();
+        if (val === "AUTO") {
+          meta.direction = "LR";
+          meta.explicitDirection = false;
+          meta.layoutMode = "auto";
+        } else {
+          meta.direction = val;
+          meta.explicitDirection = true;
+          meta.layoutMode = "explicit";
+        }
+        remainder = remainder.replace(/\b(?:layout|direction|rankdir)\s+(LR|RL|TB|BT|auto)\b/i, " ");
       }
       const props = parseProps(remainder);
       for (const [k, v] of Object.entries(props)) {
@@ -4084,8 +4098,16 @@ function parse(source, opts = {}) {
           meta.theme = val;
           meta.explicitTheme = val !== "auto";
         } else if (k === "direction" || k === "layout" || k === "rankdir") {
-          meta.direction = String(v).toUpperCase();
-          meta.explicitDirection = true;
+          const val = String(v).toUpperCase();
+          if (val === "AUTO") {
+            meta.direction = "LR";
+            meta.explicitDirection = false;
+            meta.layoutMode = "auto";
+          } else {
+            meta.direction = val;
+            meta.explicitDirection = true;
+            meta.layoutMode = "explicit";
+          }
         } else if (PLAYER_FLAT_KEY_SET.has(k)) {
           const error = applyPlayerSetting(meta.player ??= {}, "player", k, String(v));
           if (error) diagnostics.push({ severity: "warning", message: error, line: lineNo });
@@ -4122,9 +4144,17 @@ function parse(source, opts = {}) {
       i++;
       continue;
     }
-    if (/^layout\s+(LR|RL|TB|BT)\b/i.test(line)) {
-      meta.direction = line.split(/\s+/)[1].toUpperCase();
-      meta.explicitDirection = true;
+    if (/^layout\s+(LR|RL|TB|BT|auto)\b/i.test(line)) {
+      const val = line.split(/\s+/)[1].toUpperCase();
+      if (val === "AUTO") {
+        meta.direction = "LR";
+        meta.explicitDirection = false;
+        meta.layoutMode = "auto";
+      } else {
+        meta.direction = val;
+        meta.explicitDirection = true;
+        meta.layoutMode = "explicit";
+      }
       i++;
       continue;
     }
@@ -7266,6 +7296,7 @@ function getIntelliCodeCompletions(docText, cursorLine, cursorCol) {
   }
   if (/(layout\s+|direction\s*=\s*)\w*$/i.test(ctx.linePrefix)) {
     items.push(
+      { label: "auto", insertText: "auto", kind: "layout", detail: "Responsive Auto (LR / TB)", documentation: "Automatically adapts layout orientation between horizontal (LR) and vertical (TB) based on container width.", boost: 11 },
       { label: "LR", insertText: "LR", kind: "layout", detail: "Left-to-Right", documentation: "Horizontal left-to-right system flow layout.", boost: 10 },
       { label: "TB", insertText: "TB", kind: "layout", detail: "Top-to-Bottom", documentation: "Vertical top-to-bottom hierarchy layout.", boost: 9 },
       { label: "RL", insertText: "RL", kind: "layout", detail: "Right-to-Left", documentation: "Right-to-left reverse topology layout.", boost: 5 },
@@ -7637,7 +7668,9 @@ function formatScene(ast) {
   if (ast.meta.fps !== 60) sceneParts.push(`fps=${ast.meta.fps}`);
   if (ast.meta.duration !== void 0) sceneParts.push(`duration=${ast.meta.duration}`);
   lines.push(sceneParts.join(" "));
-  if (ast.meta.direction !== "LR") {
+  if (ast.meta.layoutMode === "auto") {
+    lines.push("layout auto");
+  } else if (ast.meta.direction !== "LR") {
     lines.push(`layout ${ast.meta.direction}`);
   }
   for (const style of Object.values(ast.styles)) {

package/package.json

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