sketchmark 0.2.8 → 1.0.1

package/README.md

@@ -25,6 +25,12 @@
 11. [Themes](#themes)
 12. [Fonts](#fonts)
 13. [Animation System](#animation-system)
+    - [Narration](#narration)
+    - [Annotations](#annotations)
+    - [Parallel Steps (Beat)](#parallel-steps-beat)
+    - [Pace](#pace)
+    - [Text-to-Speech](#text-to-speech)
+    - [Pointer / Cursor](#pointer--cursor)
 14. [Config Options](#config-options)
 15. [Export](#export)
 16. [Supported vs Unsupported Features](#supported-vs-unsupported-features)
@@ -581,7 +587,7 @@ step <action> <target> [options]
 | Action | Target | Options | Description |
 |--------|--------|---------|-------------|
 | `highlight` | node/edge/group | — | Pulsing glow highlight (only one element at a time) |
-| `draw` | node/edge/group/table/chart/markdown | `duration=N` | Animated stroke-drawing reveal |
+| `draw` | node/edge/group/table/chart/markdown | `duration=N` | Animated stroke-drawing reveal with text writing effect |
 | `fade` | node/edge/group | — | Fade to 22% opacity |
 | `unfade` | node/edge/group | — | Restore from fade |
 | `erase` | node/edge/group | `duration=N` | Fade to invisible (opacity 0) |
@@ -592,6 +598,69 @@ step <action> <target> [options]
 | `scale` | node | `factor=N duration=N` | Scale to factor (absolute) |
 | `rotate` | node | `deg=N duration=N` | Rotate by deg (cumulative) |
 | `color` | node/edge | `fill="#..."` or `color="#..."` | Change fill/stroke color |
+| `narrate` | — | `"text"` | Show a caption with typing effect |
+| `circle` | node | — | Draw a rough circle annotation around element |
+| `underline` | node | — | Draw a rough underline below element |
+| `crossout` | node | — | Draw rough diagonal cross-out lines |
+| `bracket` | node node | — | Draw a rough curly brace spanning two elements |
+
+### Narration
+
+Show captions like a teacher explaining on a blackboard. The caption appears as a floating bar at the bottom center of the viewport with a typing effect.
+
+```
+step narrate "Plants need sunlight to make food"
+step narrate "This is the most important step" pace=slow
+```
+
+- Caption is rendered as a fixed-position `<div>` on `document.body` (independent of diagram pan/zoom).
+- Access via `anim.captionElement` to reparent it anywhere.
+- Supports built-in browser text-to-speech (see [TTS](#text-to-speech)).
+
+### Annotations
+
+Hand-drawn annotation marks powered by rough.js. A clean guide path draws in first, then the rough sketch fades in. If `config pointer=chalk|dot|hand` is set, a pointer follows the annotation stroke.
+
+```
+step circle leaf           # circle around "leaf" node
+step underline sun         # underline below "sun" node
+step crossout wrong        # X through "wrong" node
+step bracket sun leaf      # curly brace spanning "sun" and "leaf"
+```
+
+Annotations require rough.js to be loaded. They are drawn into a dedicated SVG layer on top of the diagram.
+
+### Parallel Steps (Beat)
+
+Fire multiple steps simultaneously with `beat { }`:
+
+```
+beat {
+  step draw sun
+  step draw co2
+  step narrate "Both appear at once"
+}
+```
+
+- All children fire at the same time.
+- Playback waits for the longest child to finish before advancing.
+- Beats can contain any step action including `narrate` and annotations.
+
+### Pace
+
+Control timing per step with `pace=slow|fast|pause`:
+
+```
+step draw sun pace=slow      # 2× slower
+step draw leaf pace=fast     # 2× faster
+step narrate "Key point" pace=pause   # extra 1.5s hold after step
+```
+
+| Pace | Effect |
+|------|--------|
+| `slow` | Duration × 2.0 |
+| `fast` | Duration × 0.5 |
+| `pause` | Adds 1500ms hold |
 
 ### Step Options
 
@@ -599,6 +668,7 @@ step <action> <target> [options]
 |--------|-------------|---------|
 | `duration=N` | Animation duration in ms | varies by type |
 | `delay=N` | Delay before this step fires (ms) | 0 |
+| `pace=slow\|fast\|pause` | Timing modifier | — |
 | `dx=N` | X translation for `move` | 0 |
 | `dy=N` | Y translation for `move` | 0 |
 | `factor=N` | Scale factor for `scale` | 1 |
@@ -615,6 +685,22 @@ step highlight server
 step draw server-->db
 step highlight db
 
+# Narration with pacing
+step narrate "The client sends a request" pace=slow
+step draw client-->server
+step narrate "The server processes it"
+
+# Annotations
+step circle server
+step underline db
+step bracket server db
+
+# Parallel steps
+beat {
+  step draw sun
+  step draw moon
+}
+
 # Move a node
 step move myBox dx=100 dy=0 duration=500
 
@@ -649,11 +735,13 @@ step highlight server delay=500
 const { anim } = render({ ... });
 
 // Properties
-anim.total         // number of steps
-anim.currentStep   // current step index (-1 = before start)
-anim.canNext       // boolean
-anim.canPrev       // boolean
-anim.atEnd         // boolean
+anim.total            // number of steps
+anim.currentStep      // current step index (-1 = before start)
+anim.canNext          // boolean
+anim.canPrev          // boolean
+anim.atEnd            // boolean
+anim.captionElement   // HTMLDivElement | null — the narration caption element
+anim.tts              // boolean — text-to-speech enabled/disabled
 
 // Methods
 anim.next()                // advance one step (returns bool)
@@ -661,17 +749,61 @@ anim.prev()                // go back one step (returns bool)
 anim.reset()               // reset to before step 0
 anim.goTo(index)           // jump to step N
 await anim.play(700)       // play all remaining steps (700ms between)
+anim.destroy()             // remove caption, annotations, pointer from DOM
+
+// Toggle TTS programmatically
+anim.tts = true;           // enable browser speech
+anim.tts = false;          // disable (stops current speech)
+
+// Reparent the narration caption to a custom container
+myDiv.appendChild(anim.captionElement);
 
 // Event listener
 const unsub = anim.on((event) => {
   console.log(event.type);      // 'step-change' | 'animation-start' | 'animation-end' | 'animation-reset'
   console.log(event.stepIndex); // number
-  console.log(event.step);      // ASTStep object
+  console.log(event.step);      // ASTStepItem (ASTStep | ASTBeat)
   console.log(event.total);     // total steps
 });
 unsub(); // unsubscribe
 ```
 
+### Text-to-Speech
+
+Enable browser-native speech synthesis for narrate steps:
+
+```
+# In DSL
+config tts=on
+```
+
+```javascript
+// Or via API
+anim.tts = true;
+
+// Custom TTS (e.g. ElevenLabs) via event listener
+anim.tts = false; // disable built-in
+anim.on((e) => {
+  if (e.step?.kind === 'step' && e.step.action === 'narrate') {
+    myTTSService.speak(e.step.value);
+  }
+});
+```
+
+Speech cancels automatically on `reset()`, `prev()`, `destroy()`, or when a new narrate step fires.
+
+### Pointer / Cursor
+
+Show a pointer that follows annotation strokes (circle, underline, crossout, bracket):
+
+```
+config pointer=chalk    # white dot with outline
+config pointer=dot      # colored dot
+config pointer=hand     # hand cursor
+```
+
+The pointer only appears during annotation steps — it follows the guide path as the annotation draws in, then fades out.
+
 ### Pre-hidden Elements (Draw Targets)
 
 Any element targeted by a `step draw` action starts **hidden** and only appears when that step fires. Elements NOT targeted by `draw` are always visible.
@@ -692,6 +824,8 @@ Set in DSL with `config key=value`:
 | `title-color` | Diagram title text color | palette default |
 | `title-size` | Diagram title font size | `18` |
 | `title-weight` | Diagram title font weight | `600` |
+| `pointer` | Annotation pointer type | `none` |
+| `tts` | Enable browser text-to-speech | `off` |
 
 ```
 diagram
@@ -701,6 +835,8 @@ config gap=60
 config margin=40
 config theme=ocean
 config font=caveat
+config pointer=chalk
+config tts=on
 config title-size=24
 config title-color="#001f5b"
 ```
@@ -836,7 +972,7 @@ exportHTML(instance.svg, dslSource, { filename: 'diagram.html' });
 | Feature | Supported | Notes |
 |---------|-----------|-------|
 | highlight | ✅ | Pulsing glow |
-| draw (nodes) | ✅ | Stroke-path reveal |
+| draw (nodes) | ✅ | Guide-path stroke reveal + text writing effect |
 | draw (edges) | ✅ | Animated line draw |
 | draw (groups) | ✅ | |
 | draw (tables) | ✅ | |
@@ -850,11 +986,20 @@ exportHTML(instance.svg, dslSource, { filename: 'diagram.html' });
 | scale | ✅ | CSS transform scale |
 | rotate | ✅ | CSS transform rotate |
 | color | ✅ | Dynamic fill/stroke color change |
+| narrate | ✅ | Typing-effect captions |
+| circle annotation | ✅ | Rough circle around element |
+| underline annotation | ✅ | Rough underline below element |
+| crossout annotation | ✅ | Rough X through element |
+| bracket annotation | ✅ | Rough curly brace spanning two elements |
+| pace (slow/fast/pause) | ✅ | Per-step timing control |
+| parallel steps (beat) | ✅ | `beat { }` fires children simultaneously |
+| pointer / cursor | ✅ | Follows annotation strokes (chalk/dot/hand) |
+| text-to-speech | ✅ | Browser `speechSynthesis` API |
+| text writing animation | ✅ | Left-to-right clipPath reveal on draw |
 | delay per step | ✅ | `delay=N` ms |
 | custom duration | ✅ | `duration=N` ms |
 | Canvas renderer animation | ❌ | SVG renderer only |
 | Click-triggered steps | ❌ | Parsed but not implemented |
-| Parallel steps | ❌ | Sequential only |
 
 ### Export
 
@@ -924,20 +1069,27 @@ exportHTML(instance.svg, dslSource, { filename: 'diagram.html' });
 | `step scale` | Animation | `step scale nodeId factor=1.5 duration=300` |
 | `step rotate` | Animation | `step rotate nodeId deg=90 duration=400` |
 | `step color` | Animation | `step color nodeId fill="#ff0000"` |
+| `step narrate` | Animation | `step narrate "Caption text" pace=slow` |
+| `step circle` | Animation | `step circle nodeId` |
+| `step underline` | Animation | `step underline nodeId` |
+| `step crossout` | Animation | `step crossout nodeId` |
+| `step bracket` | Animation | `step bracket nodeId1 nodeId2` |
+| `beat` | Animation | `beat { step draw a \n step draw b }` |
+| `pace` | Animation | `step draw nodeId pace=slow\|fast\|pause` |
 
 ---
 
 ## Complete Example
 
-This example demonstrates most features in a single diagram:
+This example demonstrates most features including narration, annotations, beats, pacing, and pointer:
 
 ```
 diagram
-title label="Full Stack Architecture"
+title label="How the Internet Delivers a Webpage"
 layout row
 config gap=50
-config theme=light
-config font=system
+config pointer=chalk
+config tts=on
 
 # Define named themes
 theme primary fill="#e8f4ff" stroke="#0044cc" color="#003399"
@@ -945,48 +1097,50 @@ theme success fill="#e8ffe8" stroke="#007700" color="#004400"
 theme warning fill="#fff9e6" stroke="#f0a500" color="#7a5000"
 theme muted   fill="#f5f5f5" stroke="#999999" color="#444444"
 
-# Standalone node
-box client label="Browser" theme=primary width=120 height=50
-
-# Group of services
-group backend label="Backend" layout=column gap=12 padding=24 theme=muted
-{
-  box api   label="REST API"   theme=warning width=130 height=48
-  box auth  label="Auth"       theme=primary width=130 height=48
+box you     label="You"              theme=warning width=120 height=50
+box browser label="Browser"          theme=primary width=120 height=50
+box dns     label="DNS\nServer"      theme=muted   width=120 height=55
+box server  label="Web\nServer"      theme=success width=120 height=55
+box html    label="HTML\nCSS JS"     theme=primary width=120 height=55
+box screen  label="Rendered\nPage"   theme=warning width=120 height=55
+
+you     --> browser label="types URL"
+browser --> dns     label="lookup"
+dns     --> browser label="IP address"
+browser --> server  label="request"
+server  --> html    label="responds"
+html    --> screen  label="renders"
+
+# Animation with narration, annotations, beats, and pacing
+step narrate "You type a website address into your browser" pace=slow
+step draw you
+step draw browser
+step draw you-->browser
+step underline you
+step narrate "The browser asks a DNS server — the internet's phone book"
+step draw dns
+step draw browser-->dns
+step circle dns
+step narrate "DNS translates the domain name into an IP address"
+step draw dns-->browser
+step narrate "Now the browser knows WHERE to go" pace=slow
+beat {
+  step draw server
+  step draw browser-->server
 }
-
-# Database
-cylinder db label="PostgreSQL" theme=success width=130 height=65
-
-# Edges
-client --> api  label="HTTPS"
-api    --> auth
-api    --> db   label="SQL"
-auth   --> db   label="SQL"
-
-# Inline table
-table users label="Users Table"
-{
-  header ID Name Email
-  row    "1"  "Alice" "alice@example.com"
-  row    "2"  "Bob"   "bob@example.com"
+step narrate "It sends a request to the web server at that address"
+step underline server
+step narrate "The server responds with HTML, CSS, and JavaScript" pace=slow
+beat {
+  step draw html
+  step draw server-->html
 }
-
-# A chart
-bar-chart traffic label="Daily Traffic" width=300 height=200
-data
-  [["Day", "Requests"],
-   ["Mon", 1200],
-   ["Tue", 1500],
-   ["Wed", 900]]
-
-# Animation sequence
-step highlight client
-step draw client-->api
-step highlight api
-step draw api-->auth
-step draw api-->db
-step highlight db
+step circle html
+step narrate "The browser assembles everything into the page you see"
+step draw html-->screen
+step draw screen pace=slow
+step bracket html screen
+step narrate "All of this happens in under a second!" pace=pause
 end
 ```
 

package/dist/animation/index.d.ts

@@ -1,20 +1,23 @@
-import type { ASTStep } from "../ast/types";
+import type { ASTStepItem } from "../ast/types";
 export type AnimationEventType = "step-change" | "step-complete" | "animation-reset" | "animation-start" | "animation-end";
 export interface AnimationEvent {
     type: AnimationEventType;
     stepIndex: number;
-    step?: ASTStep;
+    step?: ASTStepItem;
     total: number;
 }
 export type AnimationListener = (e: AnimationEvent) => void;
-export declare function getDrawTargetEdgeIds(steps: ASTStep[]): Set<string>;
-export declare function getDrawTargetNodeIds(steps: ASTStep[]): Set<string>;
-export declare function getDrawTargetTableIds(steps: ASTStep[]): Set<string>;
-export declare function getDrawTargetNoteIds(steps: ASTStep[]): Set<string>;
-export declare function getDrawTargetChartIds(steps: ASTStep[]): Set<string>;
+export declare function getDrawTargetEdgeIds(steps: ASTStepItem[]): Set<string>;
+export declare function getDrawTargetNodeIds(steps: ASTStepItem[]): Set<string>;
+export declare function getDrawTargetTableIds(steps: ASTStepItem[]): Set<string>;
+export declare function getDrawTargetNoteIds(steps: ASTStepItem[]): Set<string>;
+export declare function getDrawTargetChartIds(steps: ASTStepItem[]): Set<string>;
 export declare class AnimationController {
     private svg;
-    readonly steps: ASTStep[];
+    readonly steps: ASTStepItem[];
+    private _container?;
+    private _rc?;
+    private _config?;
     private _step;
     private _pendingStepTimers;
     private _transforms;
@@ -26,8 +29,21 @@ export declare class AnimationController {
     readonly drawTargetNotes: Set<string>;
     readonly drawTargetCharts: Set<string>;
     readonly drawTargetMarkdowns: Set<string>;
+    private _captionEl;
+    private _captionTextEl;
+    private _annotationLayer;
+    private _annotations;
+    private _pointerEl;
+    private _pointerType;
+    private _tts;
+    private _speechDone;
     get drawTargets(): Set<string>;
-    constructor(svg: SVGSVGElement, steps: ASTStep[]);
+    constructor(svg: SVGSVGElement, steps: ASTStepItem[], _container?: HTMLElement | undefined, _rc?: any | undefined, _config?: Record<string, string | number | boolean> | undefined);
+    /** The narration caption element — mount it anywhere via `yourContainer.appendChild(anim.captionElement)` */
+    get captionElement(): HTMLDivElement | null;
+    /** Enable/disable browser text-to-speech for narrate steps */
+    get tts(): boolean;
+    set tts(on: boolean);
     get currentStep(): number;
     get total(): number;
     get canNext(): boolean;
@@ -36,15 +52,19 @@ export declare class AnimationController {
     on(listener: AnimationListener): () => void;
     private emit;
     reset(): void;
+    /** Remove caption and annotation layer from the DOM */
+    destroy(): void;
     next(): boolean;
     prev(): boolean;
     play(msPerStep?: number): Promise<void>;
     goTo(index: number): void;
     private _clearPendingStepTimers;
     private _scheduleStep;
+    private _stepWaitMs;
     private _playbackWaitMs;
     private _clearAll;
     private _applyStep;
+    private _runStepItem;
     private _runStep;
     private _doHighlight;
     private _doFade;
@@ -57,6 +77,26 @@ export declare class AnimationController {
     private _doShowHide;
     private _doPulse;
     private _doColor;
+    private _initCaption;
+    private _doNarrate;
+    private _speak;
+    private _cancelSpeech;
+    /** Pre-warm the speech engine with a silent utterance to eliminate cold-start delay */
+    private _warmUpSpeech;
+    private _nodeMetrics;
+    /**
+     * Animate an annotation using the same guide-path approach as node draw:
+     * 1. Hide the rough.js element (opacity=0)
+     * 2. Create a clean single guide path and animate it with stroke-dashoffset
+     * 3. Pointer follows the guide path
+     * 4. After guide finishes → fade in rough.js element, remove guide
+     */
+    private _animateAnnotation;
+    private _doAnnotationCircle;
+    private _doAnnotationUnderline;
+    private _doAnnotationCrossout;
+    private _doAnnotationBracket;
+    private _initPointer;
 }
-export declare const ANIMATION_CSS = "\n.ng, .gg, .tg, .ntg, .cg, .eg, .mdg {\n  transform-box: fill-box;\n  transform-origin: center;\n  transition: filter 0.3s, opacity 0.35s;\n}\n\n/* highlight */\n.ng.hl path, .ng.hl rect, .ng.hl ellipse, .ng.hl polygon,\n.tg.hl path, .tg.hl rect,\n.ntg.hl path, .ntg.hl polygon,\n.cg.hl path, .cg.hl rect,\n.mdg.hl text,\n.eg.hl path, .eg.hl line, .eg.hl polygon { stroke-width: 2.8 !important; }\n\n.ng.hl, .tg.hl, .ntg.hl, .cg.hl, .mdg.hl, .eg.hl {\n  animation: ng-pulse 1.4s ease-in-out infinite;\n}\n@keyframes ng-pulse {\n  0%, 100% { filter: drop-shadow(0 0 7px rgba(200,84,40,.6)); }\n  50%       { filter: drop-shadow(0 0 14px rgba(200,84,40,.9)); }\n}\n\n/* fade */\n.ng.faded, .gg.faded, .tg.faded, .ntg.faded,\n.cg.faded, .eg.faded, .mdg.faded { opacity: 0.22; }\n\n.ng.hidden { opacity: 0; pointer-events: none; }\n.gg.gg-hidden  { opacity: 0; }\n.tg.gg-hidden  { opacity: 0; }\n.ntg.gg-hidden { opacity: 0; }\n.cg.gg-hidden  { opacity: 0; }\n.mdg.gg-hidden { opacity: 0; }\n";
+export declare const ANIMATION_CSS = "\n.ng, .gg, .tg, .ntg, .cg, .eg, .mdg {\n  transform-box: fill-box;\n  transform-origin: center;\n  transition: filter 0.3s, opacity 0.35s;\n}\n\n/* highlight */\n.ng.hl path, .ng.hl rect, .ng.hl ellipse, .ng.hl polygon,\n.tg.hl path, .tg.hl rect,\n.ntg.hl path, .ntg.hl polygon,\n.cg.hl path, .cg.hl rect,\n.mdg.hl text,\n.eg.hl path, .eg.hl line, .eg.hl polygon { stroke-width: 2.8 !important; }\n\n.ng.hl, .tg.hl, .ntg.hl, .cg.hl, .mdg.hl, .eg.hl {\n  animation: ng-pulse 1.4s ease-in-out infinite;\n}\n@keyframes ng-pulse {\n  0%, 100% { filter: drop-shadow(0 0 7px rgba(200,84,40,.6)); }\n  50%       { filter: drop-shadow(0 0 14px rgba(200,84,40,.9)); }\n}\n\n/* fade */\n.ng.faded, .gg.faded, .tg.faded, .ntg.faded,\n.cg.faded, .eg.faded, .mdg.faded { opacity: 0.22; }\n\n.ng.hidden { opacity: 0; pointer-events: none; }\n.gg.gg-hidden  { opacity: 0; }\n.tg.gg-hidden  { opacity: 0; }\n.ntg.gg-hidden { opacity: 0; }\n.cg.gg-hidden  { opacity: 0; }\n.mdg.gg-hidden { opacity: 0; }\n\n/* narration caption */\n.skm-caption { pointer-events: none; user-select: none; }\n";
 //# sourceMappingURL=index.d.ts.map

package/dist/animation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animation/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAG5C,MAAM,MAAM,kBAAkB,GAC1B,aAAa,GACb,eAAe,GACf,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,CAAC;AACpB,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,kBAAkB,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;AAkT5D,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,CAQlE;AACD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,CAOlE;AAGD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,CAOnE;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,CAOlE;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,CAOnE;AAsKD,qBAAa,mBAAmB;IA0B5B,OAAO,CAAC,GAAG;aACK,KAAK,EAAE,OAAO,EAAE;IA1BlC,OAAO,CAAC,KAAK,CAAM;IACnB,OAAO,CAAC,kBAAkB,CAAqB;IAC/C,OAAO,CAAC,WAAW,CAQf;IACJ,OAAO,CAAC,UAAU,CAA2B;IAC7C,QAAQ,CAAC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvC,QAAQ,CAAC,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvC,QAAQ,CAAC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvC,QAAQ,CAAC,mBAAmB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAE1C,IAAI,WAAW,IAAI,GAAG,CAAC,MAAM,CAAC,CAE7B;gBAGS,GAAG,EAAE,aAAa,EACV,KAAK,EAAE,OAAO,EAAE;IA0ClC,IAAI,WAAW,IAAI,MAAM,CAExB;IACD,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED,EAAE,CAAC,QAAQ,EAAE,iBAAiB,GAAG,MAAM,IAAI;IAM3C,OAAO,CAAC,IAAI;IAUZ,KAAK,IAAI,IAAI;IAMb,IAAI,IAAI,OAAO;IASf,IAAI,IAAI,OAAO;IAST,IAAI,CAAC,SAAS,SAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAW1C,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAczB,OAAO,CAAC,uBAAuB;IAK/B,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,SAAS;IAkHjB,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,QAAQ;IA0ChB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,eAAe;IAmCvB,OAAO,CAAC,OAAO;IAkBf,OAAO,CAAC,QAAQ;IAchB,OAAO,CAAC,SAAS;IAejB,OAAO,CAAC,OAAO;IA2Kf,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,QAAQ;IAYhB,OAAO,CAAC,QAAQ;CAkCjB;AAED,eAAO,MAAM,aAAa,k+BAiCzB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animation/index.ts"],"names":[],"mappings":"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"}

package/dist/ast/types.d.ts

@@ -3,8 +3,9 @@ export type EdgeConnector = '->' | '<-' | '<->' | '-->' | '<-->' | '---' | '--';
 export type LayoutType = 'row' | 'column' | 'grid';
 export type AlignItems = 'start' | 'center' | 'end';
 export type JustifyContent = 'start' | 'center' | 'end' | 'space-between' | 'space-around';
-export type AnimationAction = 'highlight' | 'fade' | 'unfade' | 'draw' | 'erase' | 'show' | 'hide' | 'pulse' | 'move' | 'color' | 'scale' | 'rotate';
+export type AnimationAction = 'highlight' | 'fade' | 'unfade' | 'draw' | 'erase' | 'show' | 'hide' | 'pulse' | 'move' | 'color' | 'scale' | 'rotate' | 'narrate' | 'circle' | 'underline' | 'crossout' | 'bracket';
 export type AnimationTrigger = 'on-click';
+export type StepPace = 'slow' | 'fast' | 'pause';
 export interface StyleProps {
     fill?: string;
     stroke?: string;
@@ -112,7 +113,14 @@ export interface ASTStep {
     dy?: number;
     factor?: number;
     deg?: number;
+    pace?: StepPace;
+    target2?: string;
 }
+export interface ASTBeat {
+    kind: 'beat';
+    children: ASTStep[];
+}
+export type ASTStepItem = ASTStep | ASTBeat;
 export interface ASTChartData {
     headers: string[];
     rows: (string | number)[][];
@@ -158,7 +166,7 @@ export interface DiagramAST {
     edges: ASTEdge[];
     groups: ASTGroup[];
     tables: ASTTable[];
-    steps: ASTStep[];
+    steps: ASTStepItem[];
     charts: ASTChart[];
     markdowns: ASTMarkdown[];
     styles: Record<string, StyleProps>;

package/dist/ast/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ast/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ast/types.ts"],"names":[],"mappings":"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"}

package/dist/config.d.ts

@@ -137,6 +137,18 @@ export declare const ANIMATION: {
     readonly fillFadeOffset: -60;
     readonly textDelay: 80;
     readonly chartFade: 500;
+    readonly paceSlowMul: 2;
+    readonly paceFastMul: 0.5;
+    readonly pauseHoldMs: 1500;
+    readonly narrationFadeMs: 300;
+    readonly narrationTypeMs: 30;
+    readonly textRevealMs: 400;
+    readonly annotationStrokeDur: 300;
+    readonly annotationColor: "#c85428";
+    readonly annotationStrokeW: 2.5;
+    readonly pointerMoveMs: 350;
+    readonly pointerPreStepMs: 120;
+    readonly pointerSize: 8;
 };
 export declare const EXPORT: {
     readonly pngScale: 2;

package/dist/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AAGX,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMT,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAGX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAGX,eAAO,MAAM,UAAU;;;;;;;CAOb,CAAC;AAGX,eAAO,MAAM,KAAK;;;;CAIR,CAAC;AAGX,eAAO,MAAM,WAAW;;;;CAId,CAAC;AAGX,eAAO,MAAM,IAAI;;;;;;0BAMS,SAAS,MAAM,EAAE;CACjC,CAAC;AAGX,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;CAKX,CAAC;AAGX,eAAO,MAAM,KAAK;;;;CAIR,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;;;CASR,CAAC;AAGX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAmBZ,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;CAOT,CAAC;AAGX,eAAO,MAAM,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AAGX,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMT,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAGX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAGX,eAAO,MAAM,UAAU;;;;;;;CAOb,CAAC;AAGX,eAAO,MAAM,KAAK;;;;CAIR,CAAC;AAGX,eAAO,MAAM,WAAW;;;;CAId,CAAC;AAGX,eAAO,MAAM,IAAI;;;;;;0BAMS,SAAS,MAAM,EAAE;CACjC,CAAC;AAGX,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;CAKX,CAAC;AAGX,eAAO,MAAM,KAAK;;;;CAIR,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;;;CASR,CAAC;AAGX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCZ,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;CAOT,CAAC;AAGX,eAAO,MAAM,MAAM,+BAA+B,CAAC"}