@markgrafhq/markgraf-react 0.1.11 → 0.1.13

package/README.md

@@ -23,7 +23,7 @@ Headless component — renders a `<canvas>` (default) or `<svg>` with the scene
 import { MarkgrafPlayer } from "@markgrafhq/markgraf-react";
 
 const src = `seed 1
-frame v1 {
+keyframe v1 {
   +node client "Client"
   +node api "API"
   +edge client api

package/dist/markgraf-react.d.ts

@@ -51,6 +51,8 @@ export interface UseMarkgrafOptions<R extends "canvas" | "svg" = "canvas"> {
   theme?: "light" | "dark" | "blueprint";
   /** When `true`, skip the background fill so the page bg shows through. */
   transparent?: boolean;
+  /** When `true`, the player holds on its current frame; `false` resumes. */
+  paused?: boolean;
 }
 
 /**
@@ -88,14 +90,8 @@ export interface MarkgrafPlayerProps {
   transparent?: boolean;
   width?: number;
   height?: number;
-  /**
-   * Map of keyframe names to callbacks.  Each callback fires once when the
-   * player enters that keyframe (not on every animation frame).  Callbacks
-   * registered when the player is already in the matching frame fire
-   * immediately.  Use `useMarkgraf` if you need more control (e.g. pausing
-   * from the callback).
-   */
-  onFrameEnter?: Record<string, () => void>;
+  /** When `true`, the player holds on its current frame; `false` resumes. */
+  paused?: boolean;
 }
 
 /**