@markdy/mdx 0.8.14 → 0.8.16

package/README.md

@@ -73,4 +73,5 @@ Fenced block metadata is passed as props to `MarkdyDiagram`. Snake-case aliases
 |---|---|---|
 | `progress_bar=false` | `progressBar={false}` | Deprecated compatibility flag for the scene-boundary progress bar |
 | `scene_boundary_progress=false` | `sceneBoundaryProgress={false}` | Preferred flag for the scene-boundary progress bar |
-| `playback_rate=0.5` | `playbackRate={0.5}` | Timeline speed multiplier |
+| `playback_rate=0.5` | `playbackRate={0.5}` | Normalized timeline speed multiplier; `1` is Markdy's normal pace |
+| `interactive_viewport=true` | `interactiveViewport={true}` | Enable wheel zoom and drag pan on the rendered viewport |

package/dist/index.d.ts

@@ -13,11 +13,12 @@ type MarkdyDiagramProps = {
     progressBar?: boolean | string;
     sceneBoundaryProgress?: boolean | string;
     playbackRate?: number | string;
+    interactiveViewport?: boolean | string;
     className?: string;
     title?: string;
     description?: string;
 };
-declare function MarkdyDiagram({ code, width, height, bg, assets, autoplay, loop, copyright, progressBar, sceneBoundaryProgress, playbackRate, className, title, description, }: MarkdyDiagramProps): react.JSX.Element;
+declare function MarkdyDiagram({ code, width, height, bg, assets, autoplay, loop, copyright, progressBar, sceneBoundaryProgress, playbackRate, interactiveViewport, className, title, description, }: MarkdyDiagramProps): react.JSX.Element;
 
 type MarkdyFenceDefaults = Partial<{
     width: number;
@@ -27,6 +28,8 @@ type MarkdyFenceDefaults = Partial<{
     loop: boolean;
     copyright: boolean;
     progressBar: boolean;
+    playbackRate: number;
+    interactiveViewport: boolean;
     title: string;
     description: string;
 }>;

package/dist/index.js

@@ -40,6 +40,7 @@ function MarkdyDiagram({
   progressBar = false,
   sceneBoundaryProgress,
   playbackRate = 1,
+  interactiveViewport = false,
   className,
   title = "Markdy animation",
   description
@@ -52,6 +53,7 @@ function MarkdyDiagram({
   const resolvedProgressBar = coerceBoolean(progressBar, false);
   const resolvedSceneBoundaryProgress = coerceBoolean(sceneBoundaryProgress, resolvedProgressBar);
   const resolvedPlaybackRate = coerceNumber(playbackRate, 1);
+  const resolvedInteractiveViewport = coerceBoolean(interactiveViewport, false);
   const rootRef = useRef(null);
   const diagramRef = useRef(null);
   const hydratedRef = useRef(false);
@@ -81,7 +83,8 @@ function MarkdyDiagram({
               copyright: resolvedCopyright,
               progressBar: resolvedProgressBar,
               sceneBoundaryProgress: resolvedSceneBoundaryProgress,
-              playbackRate: resolvedPlaybackRate > 0 ? resolvedPlaybackRate : 1
+              playbackRate: resolvedPlaybackRate > 0 ? resolvedPlaybackRate : 1,
+              interactiveViewport: resolvedInteractiveViewport
             });
             root.dataset.markdyInit = "done";
             root.removeAttribute("aria-busy");
@@ -129,7 +132,8 @@ function MarkdyDiagram({
     resolvedLoop,
     resolvedProgressBar,
     resolvedSceneBoundaryProgress,
-    resolvedPlaybackRate
+    resolvedPlaybackRate,
+    resolvedInteractiveViewport
   ]);
   return /* @__PURE__ */ jsxs(
     "div",
@@ -228,6 +232,7 @@ function normalizeMetaKey(key) {
   if (key === "progress_bar") return "progressBar";
   if (key === "scene_boundary_progress") return "sceneBoundaryProgress";
   if (key === "playback_rate") return "playbackRate";
+  if (key === "interactive_viewport") return "interactiveViewport";
   return key;
 }
 function parseMeta(meta) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@markdy/mdx",
-  "version": "0.8.14",
+  "version": "0.8.16",
   "description": "MDX plugin and lightweight React component for diagram-native animated Markdy diagrams.",
   "license": "MIT",
   "type": "module",
@@ -42,7 +42,7 @@
   },
   "dependencies": {
     "unist-util-visit": "^5.0.0",
-    "@markdy/renderer-dom": "0.8.14"
+    "@markdy/renderer-dom": "0.8.16"
   },
   "peerDependencies": {
     "react": ">=18.0.0",