@markdy/core 1.4.3 → 1.4.5

package/README.md

@@ -4,13 +4,15 @@
   <a href="https://markdy.com/playground/"><img src="https://img.shields.io/badge/⚡_Live_Studio-markdy.com%2Fplayground-3b82f6?style=for-the-badge" alt="Live Studio" /></a>
   <a href="https://markdy.com/docs/"><img src="https://img.shields.io/badge/📖_Docs-Documentation-10b981?style=for-the-badge" alt="Documentation" /></a>
   <a href="https://marketplace.visualstudio.com/items?itemName=hoangyell.markdy-vscode"><img src="https://img.shields.io/badge/🔌_VS_Code-Extension-8b5cf6?style=for-the-badge" alt="VS Code Extension" /></a>
+  <a href="https://github.com/sponsors/HoangYell"><img src="https://img.shields.io/badge/💖_Sponsor-Support_Markdy-ea4aaa?style=for-the-badge" alt="Sponsor Markdy" /></a>
 </p>
 
 The zero-dependency parser, dynamic port multiplexer, and AST routing engine for [MarkdyScript](https://markdy.com/docs/) — a diagram-native DSL for animated architecture diagrams that AI agents generate reliably.
 
 > 🚀 **Try it live**: Test MarkdyScript in the browser at **[markdy.com/playground](https://markdy.com/playground/)**  
 > 📚 **Documentation**: Complete syntax guide and examples at **[markdy.com/docs](https://markdy.com/docs/)**  
-> 🌟 **Architecture Blueprints**: 30+ canonical production diagrams at **[markdy.com/examples](https://markdy.com/examples/)**
+> 🌟 **Architecture Blueprints**: 30+ canonical production diagrams at **[markdy.com/examples](https://markdy.com/examples/)**  
+> 💼 **Enterprise & Commercial**: Free under MIT. To support development or request custom architecture blueprints, explore **[GitHub Sponsors](https://github.com/sponsors/HoangYell)**.
 
 ## Features
 

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

@@ -521,6 +521,7 @@ var FLAT = {
   next_beat: CONTROLS.next_beat,
   keyboard: INTERACTION.keyboard,
   shortcuts: INTERACTION.shortcuts,
+  fit: CONTROLS.fit,
   fitView: CONTROLS.fitView,
   fit_view: CONTROLS.fit_view,
   fitViewButton: CONTROLS.fitViewButton,
@@ -642,6 +643,7 @@ function resolvePlayer(config = {}, overrides = {}) {
   const chrome = config.chrome ?? {};
   const controlsAllowed = overrides.controls !== false;
   const hostControlDefault = overrides.controls === true;
+  const hasControlsConfig = config.controls !== void 0 || overrideControls !== void 0;
   const resolveControl = (value, fallback = hostControlDefault) => controlsAllowed && (value ?? fallback);
   const requestedControls = {
     play: resolveControl(configuredControls.play),
@@ -659,11 +661,13 @@ function resolvePlayer(config = {}, overrides = {}) {
     code: resolveControl(configuredControls.code, false),
     theme: resolveControl(configuredControls.theme, hostControlDefault)
   };
-  const interactionOn = overrides.interactiveViewport !== false && (overrides.interactiveViewport === true || config.interaction !== void 0 || overrides.controls === true);
+  const hasExplicitInteraction = config.interaction !== void 0;
+  const fallbackGesture = overrides.interactiveViewport === true || overrides.controls === true;
+  const interactionOn = overrides.interactiveViewport === true || overrides.controls === true || overrides.interactiveViewport !== false && hasExplicitInteraction;
   const gestures = {
-    zoom: interactionOn && (interaction.zoom ?? true),
-    pan: interactionOn && (interaction.pan ?? true),
-    doubleClickToReset: interactionOn && (interaction.doubleClickToReset ?? true)
+    zoom: interactionOn && (interaction.zoom ?? fallbackGesture),
+    pan: interactionOn && (interaction.pan ?? fallbackGesture),
+    doubleClickToReset: interactionOn && (interaction.doubleClickToReset ?? fallbackGesture)
   };
   const interactionEnabled = gestures.zoom || gestures.pan || gestures.doubleClickToReset;
   const configuredSpeeds = configuredControls.speeds?.length ? configuredControls.speeds : [0.25, 1];
@@ -692,7 +696,7 @@ function resolvePlayer(config = {}, overrides = {}) {
     interaction: {
       ...gestures,
       enabled: interactionEnabled,
-      clickToPlay: overrides.clickToPlay ?? (interactionOn && (interaction.clickToPlay ?? true)),
+      clickToPlay: overrides.clickToPlay ?? (interaction.clickToPlay ?? true),
       keyboard: interactionOn && (interaction.keyboard ?? false)
     },
     chrome: {
@@ -4054,11 +4058,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)) {
@@ -4080,8 +4092,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 });
@@ -4118,9 +4138,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;
     }
@@ -7262,6 +7290,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 },
@@ -7633,7 +7662,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.3",
+  "version": "1.4.5",
   "description": "Diagram-native MarkdyScript parser and compiler (auto-layout, edge routing, cue scheduling) — zero runtime dependencies.",
   "license": "MIT",
   "type": "module",