@markdy/astro 1.4.3 → 1.4.5

package/README.md

@@ -4,12 +4,14 @@
   <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://markdy.com/examples/"><img src="https://img.shields.io/badge/🌟_Blueprints-30+_Examples-f59e0b?style=for-the-badge" alt="Examples" /></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>
 
 [Astro](https://astro.build/) island component for [MarkdyScript](https://markdy.com/docs/) animated scenes. Embed interactive, zero-CLS architecture diagrams directly inside your Astro blogs, docs, and landing pages.
 
 > 🚀 **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/)**
+> 📚 **Documentation**: Complete syntax guide and examples at **[markdy.com/docs](https://markdy.com/docs/)**  
+> 💼 **Enterprise & Commercial**: Free under MIT. To support development or request custom architecture blueprints, explore **[GitHub Sponsors](https://github.com/sponsors/HoangYell)**.
 
 ## Features
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@markdy/astro",
-  "version": "1.4.3",
+  "version": "1.4.5",
   "description": "Astro island component for diagram-native animated MarkdyScript architecture diagrams.",
   "license": "MIT",
   "type": "module",
@@ -39,7 +39,7 @@
     "registry": "https://registry.npmjs.org"
   },
   "dependencies": {
-    "@markdy/renderer-dom": "1.4.3"
+    "@markdy/renderer-dom": "1.4.5"
   },
   "peerDependencies": {
     "astro": ">=4.0.0"

package/src/Markdy.astro

@@ -54,6 +54,8 @@ export interface Props {
   interactiveViewport?: boolean;
   /** Host controls override: true supplies legacy defaults; false suppresses script controls. */
   controls?: boolean;
+  /** Initial fit-all-in-view state. Defaults to true when undeclared. */
+  fit?: boolean;
   class?: string;
   /**
    * Short human-readable title for the animation.
@@ -83,6 +85,7 @@ const {
   progressBarColor,
   playbackRate,
   controls,
+  fit,
   interactiveViewport,
   class: className,
   title = "Markdy animation",
@@ -119,6 +122,7 @@ const codeB64 =
   data-markdy-playback-rate={playbackRate !== undefined ? String(playbackRate) : undefined}
   data-markdy-interactive-viewport={interactiveViewport !== undefined ? String(interactiveViewport) : undefined}
   data-markdy-controls={controls !== undefined ? String(controls) : undefined}
+  data-markdy-fit={fit !== undefined ? String(fit) : undefined}
   role="img"
   aria-label={title}
   aria-busy="true"
@@ -327,6 +331,10 @@ const codeB64 =
       el.dataset.markdyControls !== undefined
         ? el.dataset.markdyControls === "true"
         : undefined;
+    const fit =
+      el.dataset.markdyFit !== undefined
+        ? el.dataset.markdyFit === "true"
+        : undefined;
     const interactiveViewport =
       el.dataset.markdyInteractiveViewport !== undefined
         ? el.dataset.markdyInteractiveViewport === "true"
@@ -352,6 +360,7 @@ const codeB64 =
       playbackRate,
       interactiveViewport,
       controls,
+      defaultFit: fit,
     });
 
     el.dataset.markdyInit = "done";