@lalalic/markcut 1.2.0 → 2.0.0

package/src/types/Map.tsx

@@ -15,7 +15,7 @@
  *     travelMode: "DRIVING",        // DRIVING | WALKING | BICYCLING
  *     mapType: "roadmap",           // roadmap | satellite | hybrid | terrain
  *     routeMarker: "🚗",            // emoji/char for animated pin
- *     actions: [{ start: 0, end: 5 }]
+ *     start: 0, end: 5
  *   }
  */
 import React from "react";
@@ -27,7 +27,17 @@ import {
 } from "@vis.gl/react-google-maps";
 import type { MapStream } from "../schema/index";
 
-const GM_API_KEY = process.env.GOOGLE_MAPS_API_KEY || "";
+// API key is injected by the compiler onto the stream node (see compileLeaf in compiler.ts).
+// This fallback handles the case where Map.tsx is used directly without the compiler.
+function resolveApiKey(stream: MapStream): string {
+  if (stream.googleMapsApiKey) return stream.googleMapsApiKey;
+  // Safe fallback for Node.js contexts (e.g. remotion render without compiler).
+  // In the browser player the key is always pre-stamped by the server-side compiler.
+  if (typeof process !== "undefined" && typeof process.env !== "undefined" && process.env.GOOGLE_MAPS_API_KEY) {
+    return process.env.GOOGLE_MAPS_API_KEY;
+  }
+  return "";
+}
 
 // ============================================================
 // MapLeaf — entry point, renders each action as a Sequence
@@ -35,52 +45,46 @@ const GM_API_KEY = process.env.GOOGLE_MAPS_API_KEY || "";
 export function MapLeaf({ stream }: { stream: MapStream }) {
   const { fps } = useVideoConfig();
   const waypoints = stream.waypoints ?? [];
-  const totalDur = stream.durationInSeconds ?? stream.actions[0]?.end ?? 1;
+  const start = stream.start ?? 0;
+  const end = stream.end ?? start + (stream.duration ?? 1);
+  const totalDur = stream.durationInSeconds ?? end;
+  const apiKey = resolveApiKey(stream);
   useFrameEvents(stream.on, Math.max(1, Math.floor(totalDur * fps)));
   if (waypoints.length === 0) return null;
 
+  const durFrames = Math.max(1, Math.floor(fps * (end - start)));
+  const center = stream.center ?? { lat: waypoints[0].lat, lng: waypoints[0].lng };
+  const zoom = stream.zoom ?? 10;
+  const mapType = stream.mapType ?? "roadmap";
+  const travelMode = stream.travelMode ?? "DRIVING";
+  const markerEmoji = stream.routeMarker ?? "🚗";
   return (
-    <>
-      {stream.actions?.map((a, i) => {
-        const start = a.start ?? 0;
-        const end = a.end ?? start + 1;
-        const durFrames = Math.max(1, Math.floor(fps * (end - start)));
-        const center = stream.center ?? { lat: waypoints[0].lat, lng: waypoints[0].lng };
-        const zoom = stream.zoom ?? 10;
-        const mapType = stream.mapType ?? "roadmap";
-        const travelMode = stream.travelMode ?? "DRIVING";
-        const markerEmoji = stream.routeMarker ?? "🚗";
-        return (
-          <Sequence
-            key={a.id ?? i}
-            durationInFrames={durFrames}
-            from={Math.floor(fps * start)}
-            layout="none"
-          >
-            <APIProvider apiKey={GM_API_KEY}>
-              <GoogleMap
-                mapId={String(stream.id ?? i)}
-                defaultCenter={center}
-                defaultZoom={zoom}
-                defaultOptions={{
-                  mapTypeId: mapType,
-                  disableDefaultUI: true,
-                  zoomControl: false,
-                }}
-                style={{ width: "100%", height: "100%", position: "absolute" }}
-              >
-                <RouteWithMarker
-                  waypoints={waypoints}
-                  travelMode={travelMode}
-                  markerEmoji={markerEmoji}
-                  actionDuration={end - start}
-                />
-              </GoogleMap>
-            </APIProvider>
-          </Sequence>
-        );
-      })}
-    </>
+    <Sequence
+      durationInFrames={durFrames}
+      from={Math.floor(fps * start)}
+      layout="none"
+    >
+      <APIProvider apiKey={apiKey}>
+        <GoogleMap
+          mapId={String(stream.id ?? "map")}
+          defaultCenter={center}
+          defaultZoom={zoom}
+          defaultOptions={{
+            mapTypeId: mapType,
+            disableDefaultUI: true,
+            zoomControl: false,
+          }}
+          style={{ width: "100%", height: "100%", position: "absolute" }}
+        >
+          <RouteWithMarker
+            waypoints={waypoints}
+            travelMode={travelMode}
+            markerEmoji={markerEmoji}
+            actionDuration={end - start}
+          />
+        </GoogleMap>
+      </APIProvider>
+    </Sequence>
   );
 }
 

package/src/types/Rhythm.tsx

@@ -21,38 +21,30 @@ function resolveAudioSrc(src: string): string {
 export function RhythmLeaf({ stream }: { stream: Rhythm }) {
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
-  const totalDur = stream.durationInSeconds ?? stream.actions[0]?.end ?? 1;
+  const start = stream.start ?? 0;
+  const end = stream.end ?? start + (stream.duration ?? 1);
+  const totalDur = stream.durationInSeconds ?? end;
   useFrameEvents(stream.on, Math.max(1, Math.floor(totalDur * fps)));
 
   if (!stream.src || environment.isStudio) return null;
 
   const resolvedSrc = resolveAudioSrc(stream.src);
-
+  const volume = stream.volume ?? 1;
   return (
-    <>
-      {stream.actions.map((a) => {
-        const start = a.start ?? 0;
-        const end = a.end ?? start + 1;
-        const volume = a.volume ?? stream.volume ?? 1;
-        return (
-          <Sequence
-            key={a.id}
-            name={stream.src ?? "rhythm"}
-            durationInFrames={Math.max(1, Math.floor(fps * (end - start)))}
-            from={Math.floor(fps * start)}
-            layout="none"
-            showInTimeline={false}
-          >
-            <RemotionAudio
-              src={resolvedSrc}
-              muted={volume === 0}
-              volume={volume}
-              loop
-              showInTimeline={false}
-            />
-          </Sequence>
-        );
-      })}
-    </>
+    <Sequence
+      name={stream.src ?? "rhythm"}
+      durationInFrames={Math.max(1, Math.floor(fps * (end - start)))}
+      from={Math.floor(fps * start)}
+      layout="none"
+      showInTimeline={false}
+    >
+      <RemotionAudio
+        src={resolvedSrc}
+        muted={volume === 0}
+        volume={volume}
+        loop
+        showInTimeline={false}
+      />
+    </Sequence>
   );
 }

package/src/types/Video.tsx

@@ -13,58 +13,51 @@ import { FrameSyncStyle } from "./FrameSyncStyle";
 export function VideoLeaf({ stream }: { stream: Video }) {
   const { fps } = useVideoConfig();
   const audio = React.useContext(AudioContext);
-  const totalDur = stream.durationInSeconds ?? stream.actions[0]?.end ?? 1;
+  const start = stream.start ?? 0;
+  const end = stream.end ?? start + (stream.duration ?? 1);
+  const totalDur = stream.durationInSeconds ?? end;
   useFrameEvents(stream.on, Math.max(1, Math.floor(totalDur * fps)));
   if (!stream.src) return null;
   const resolvedSrc = resolveVideoSrc(stream.src);
 
+  const startFrom = stream.startFrom ?? 0;
+  const endAt = stream.endAt ?? totalDur;
+  const volume = stream.volume ?? 1;
+  const playbackRate = stream.loop ? 1 : Math.min(1, toPlaybackRate((endAt - startFrom) / (end - start)));
+  const streamStyle = cssJS(stream.style);
+  const hasAnimation = "animation" in streamStyle;
   return (
-    <>
-      {stream.actions.map((a) => {
-        const start = a.start ?? 0;
-        const end = a.end ?? start + 1;
-        const startFrom = a.startFrom ?? 0;
-        const endAt = a.endAt ?? stream.durationInSeconds ?? end - start;
-        const volume = a.volume ?? stream.volume ?? 1;
-        const playbackRate = a.loop ? 1 : Math.min(1, toPlaybackRate((endAt - startFrom) / (end - start)));
-        const actionStyle = cssJS(a.style);
-        const hasAnimation = "animation" in actionStyle;
-        return (
-          <Sequence
-            key={a.id}
-            durationInFrames={Math.max(1, Math.floor(fps * (end - start)))}
-            from={Math.floor(fps * start)}
-            layout="none"
+    <Sequence
+      durationInFrames={Math.max(1, Math.floor(fps * (end - start)))}
+      from={Math.floor(fps * start)}
+      layout="none"
+      showInTimeline={false}
+    >
+      {hasAnimation ? (
+        <FrameSyncStyle style={streamStyle}>
+          <OffthreadVideo
+            src={resolvedSrc}
+            startFrom={Math.floor(startFrom * fps)}
+            endAt={Math.floor(startFrom * fps) + Math.floor(((endAt - startFrom) * fps) / playbackRate)}
+            muted={volume === 0 || !!audio?.foreground}
+            volume={volume}
+            playbackRate={playbackRate}
             showInTimeline={false}
-          >
-            {hasAnimation ? (
-              <FrameSyncStyle style={actionStyle}>
-                <OffthreadVideo
-                  src={resolvedSrc}
-                  startFrom={Math.floor(startFrom * fps)}
-                  endAt={Math.floor(startFrom * fps) + Math.floor(((endAt - startFrom) * fps) / playbackRate)}
-                  muted={volume === 0 || !!audio?.foreground}
-                  volume={volume}
-                  playbackRate={playbackRate}
-                  showInTimeline={false}
-                  style={{ width: "100%", height: "100%" }}
-                />
-              </FrameSyncStyle>
-            ) : (
-              <OffthreadVideo
-                src={resolvedSrc}
-                startFrom={Math.floor(startFrom * fps)}
-                endAt={Math.floor(startFrom * fps) + Math.floor(((endAt - startFrom) * fps) / playbackRate)}
-                muted={volume === 0 || !!audio?.foreground}
-                volume={volume}
-                playbackRate={playbackRate}
-                showInTimeline={false}
-                style={{ width: "100%", height: "100%", ...actionStyle }}
-              />
-            )}
-          </Sequence>
-        );
-      })}
-    </>
+            style={{ width: "100%", height: "100%" }}
+          />
+        </FrameSyncStyle>
+      ) : (
+        <OffthreadVideo
+          src={resolvedSrc}
+          startFrom={Math.floor(startFrom * fps)}
+          endAt={Math.floor(startFrom * fps) + Math.floor(((endAt - startFrom) * fps) / playbackRate)}
+          muted={volume === 0 || !!audio?.foreground}
+          volume={volume}
+          playbackRate={playbackRate}
+          showInTimeline={false}
+          style={{ width: "100%", height: "100%", ...streamStyle }}
+        />
+      )}
+    </Sequence>
   );
 }

package/src/utils/index.ts

@@ -57,11 +57,12 @@ export function walkDown<T extends StreamNode>(
  * Compute duration of a stream subtree, in seconds.
  *
  *  - rhythm streams use their pre-set durationInSeconds (set by host)
- *  - leaf actions use action.end as default
+ *  - leaf duration uses base `end` (or `start + duration`) via leafEnd()
  *  - series sums children, subtracting transition overlaps
  *  - sequence (parallel) takes max child duration
  *  - background children do not contribute
- *  - actions[].streamRef is unsupported in lite (no template instancing)
+ *  - leaf duration uses base `end` (or `start + duration`) via leafEnd()
+ *  - streamRef/template instancing is unsupported in lite
  */
 export interface DurationStream extends StreamNode {
   type?: string;
@@ -70,10 +71,24 @@ export interface DurationStream extends StreamNode {
   transition?: string;
   transitionTime?: number;
   durationInSeconds?: number;
-  actions?: Array<{ start?: number; end?: number; startFrom?: number; endAt?: number }>;
+  start?: number;
+  end?: number;
+  duration?: number;
   children?: DurationStream[];
 }
 
+/**
+ * Resolve a leaf node's effective end time from its base timing fields.
+ * `end` is the source of truth; `duration` is a convenience that normalizes
+ * to `start + duration` when `end` is absent. Returns 0 when neither is set.
+ */
+export function leafEnd(stream: { start?: number; end?: number; duration?: number }): number {
+  if (typeof stream.end === "number") return stream.end;
+  const s = stream.start ?? 0;
+  if (typeof stream.duration === "number") return s + stream.duration;
+  return 0;
+}
+
 export function getDurationInSeconds(stream: DurationStream, update = true): number {
   if (!stream) return 0;
 
@@ -81,13 +96,12 @@ export function getDurationInSeconds(stream: DurationStream, update = true): num
     return stream.durationInSeconds ?? 0;
   }
 
-  // include: if src is set, treat as leaf (duration from action end).
+  // include: if src is set, treat as leaf (duration from base end).
   // Otherwise fall back to inline children (legacy).
   if (stream.type === "include") {
     if (stream.src) {
-      // External reference — use action end (like other leaves)
-      const last = stream.actions?.[stream.actions.length - 1];
-      const d = last?.end ?? 0;
+      // External reference — use base end (like other leaves)
+      const d = leafEnd(stream);
       if (update) stream.durationInSeconds = d;
       return d;
     }
@@ -109,10 +123,9 @@ export function getDurationInSeconds(stream: DurationStream, update = true): num
   }
 
   // scene is a container (like folder) — falls through to general children logic
-  // leaf with actions
+  // leaf with base timing fields (start/end/duration)
   if (!stream.children?.length) {
-    const last = stream.actions?.[stream.actions.length - 1];
-    const d = last?.end ?? 0;
+    const d = leafEnd(stream);
     if (update) stream.durationInSeconds = d;
     return d;
   }

package/src/vision/cli.mjs

@@ -662,7 +662,7 @@ function buildPreviewTree(folder, metadata) {
         id: `${e.name}-media`,
         type: e.isVideo ? "video" : "image",
         src: e.relSrc, fit: "cover",
-        actions: [{ start: 0, end: e.dur }],
+        start: 0, end: e.dur,
         // Preserve existing labels from metadata so re-labeling shows them
         userHints: e.userHints || undefined,
       }],
@@ -943,9 +943,9 @@ async function runFullPipeline(folder, prompts, ittCli, vttCli, sttCli, context,
   const previewJsonPath = join(folder, ".preview.json");
   writeFileSync(previewJsonPath, JSON.stringify(previewTree, null, 2), "utf-8");
 
-  const labelServer = join(__dirname, "..", "player", "label-server.mjs");
-  if (!existsSync(labelServer)) {
-    emitError(`Label server not found at ${labelServer}`);
+  const playerServer = join(__dirname, "..", "player", "server.mjs");
+  if (!existsSync(playerServer)) {
+    emitError(`Player server not found at ${playerServer}`);
     process.exit(1);
   }
 
@@ -954,7 +954,7 @@ async function runFullPipeline(folder, prompts, ittCli, vttCli, sttCli, context,
   emitInfo(`  Labels will be merged into metadata.json as user hints.\n`);
 
   const port = 3031;
-  const child = spawn("node", [labelServer, previewJsonPath, `--port=${port}`], {
+  const child = spawn("node", [playerServer, previewJsonPath, "--label", `--port=${port}`], {
     cwd: resolve(__dirname, "..", ".."),
     stdio: ["ignore", "pipe", "inherit"],
   });
@@ -963,7 +963,7 @@ async function runFullPipeline(folder, prompts, ittCli, vttCli, sttCli, context,
   if (child.stdout) {
     child.stdout.on("data", (chunk) => {
       process.stdout.write(chunk);
-      if (!serverReady && chunk.toString().includes("Label Preview")) {
+      if (!serverReady && chunk.toString().includes("Player ready")) {
         serverReady = true;
         try { execSync(`open http://localhost:${port}`, { stdio: "ignore" }); } catch {}
       }

package/templates/courseware/TEMPLATE.md

@@ -2,7 +2,7 @@
 name: courseware
 description: Turn a topic or teaching material into a professional slide-based course video with TTS narration, bullet-reveal slides, and a reviewer quality gate.
 when-to-use: lessons, lectures, training, tutorials, explainers — 1-5 minute educational videos built from slides + narration
-engine: "@lalalic/markcut — run via `npx @lalalic/markcut`"
+test: 
 ---
 
 # Courseware Template
@@ -21,7 +21,6 @@ Layout of this template package:
 
 - markcut skill loaded (engine contract: `SKILL.md` + `docs/markdown-descriptive.md`)
 - `npx @lalalic/markcut` runnable
-- TTS CLI available (default: `edge-tts`)
 - For the reviewer gate: `ffmpeg`/`ffprobe`, an STT CLI (e.g. whisper), and image-understanding capability
 
 ## 1. Inputs — collect before starting
@@ -32,7 +31,6 @@ Layout of this template package:
 | Audience level | no | beginner | beginner / intermediate / expert |
 | Language(s) | no | en | extra languages become variants (see §3) |
 | Target duration | no | 2 min | 1–5 min |
-| Voice per language | no | en: `en-US-GuyNeural`, zh: `zh-CN-YunxiNeural` | edge-tts voice names |
 | Accent color | no | `#61dafb` | theme knob, see §4 |
 
 **Rule:** if the topic/material is missing or ambiguous, ask the user. Never invent course content beyond the given material plus well-established knowledge of the topic. Never invent facts, numbers, or citations.
@@ -82,6 +80,13 @@ Scene rules:
 
 - **Duration is TTS-driven**: never set explicit `duration` on scenes that have a script. Only fixed-visual scenes (Hook, Thanks) get `duration:`.
 
+### make expressful slide
+- use chart to explain when making sense
+- group script and images/videos to make slide more expressful
+- select different transition
+- apply effects
+- control tts with emotion,breaks, speed for natural speech
+
 ## 3. Authoring rules — the professional bar
 
 Slide content:
@@ -94,7 +99,7 @@ Slide content:
 
 Narration script:
 
-- **One short paragraph per bullet.** Never merge bullets into a single monolithic script. Each bullet gets its own `- script "..."` node with `on:(start, id.current=N)`.
+- **One paragraph per bullet.** Never merge bullets into a single monolithic script. Each bullet gets its own `- script "..."` node with `on:(start, id.current=N)`.
 - Paragraph length ≈ **15–30 words** per beat (≈6–12 seconds at 2.5 w/s). Total words = target minutes × 150.
 - Each paragraph **expands** that bullet — never reads it verbatim. The paragraph plus all sibling paragraphs must touch every bullet on the slide.
 - The concrete example gets its own bullet and its own script paragraph. Never bury the example in a generic paragraph.
@@ -122,6 +127,7 @@ Copy both blocks into the generated `course.md` unchanged (except the theme knob
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm'
 import mermaid from 'mermaid'
+import React from 'react'
 import { delayRender, continueRender } from 'remotion'
 
 // Initialize mermaid once. Theme matches the slide deck's dark scheme.
@@ -149,12 +155,7 @@ export function Mermaid({ source }) {
       })
   }, [source])
 
-  return (
-    <div
-      ref={ref}
-      style={{ width: '100%', maxWidth: 960, margin: '20px auto' }}
-    />
-  )
+  return (<divref={ref}style={{ width: '100%', maxWidth: 960, margin: '20px auto' }}/>  )
 }
 
 /**
@@ -305,6 +306,11 @@ Done only when ALL hold:
 - [ ] structure matches §2 (hook, title, 3–6 concepts, summary, thanks)
 - [ ] no blank/black frames at scene boundaries; slides legible at target resolution
 - [ ] STT transcript of rendered audio matches scripts (≥90% content match)
+- [ ] each bullet should be narrated
+- [ ] expressful slides applied
+- [ ] 80% slides have charts/image/...
+
+
 
 ## 7. Reference — worked example
 

package/tests/fixtures/audio.json

@@ -12,14 +12,16 @@
       "src": "assets/bgm/ambient-loop.mp3",
       "volume": 0.3,
       "isBackground": true,
-      "actions": [{ "start": 0, "end": 3 }]
+      "start": 0,
+      "end": 3
     },
     {
       "id": "bg",
       "type": "image",
       "src": "https://picsum.photos/seed/audio-test/640/480",
       "fit": "cover",
-      "actions": [{ "start": 0, "end": 3 }]
+      "start": 0,
+      "end": 3
     }
   ]
 }

package/tests/fixtures/basic.json

@@ -19,7 +19,8 @@
           "type": "image",
           "src": "https://picsum.photos/seed/test-basic/640/480",
           "fit": "cover",
-          "actions": [{ "start": 0, "end": 2 }]
+          "start": 0,
+          "end": 2
         }
       ]
     }

package/tests/fixtures/component-all.json

@@ -16,7 +16,8 @@
           "id": "c-hello",
           "type": "component",
           "jsx": "<div style={{color:'#fff',fontSize:28,textAlign:'center'}}>Hello World</div>",
-          "actions": [{ "start": 0, "end": 2 }]
+          "start": 0,
+          "end": 2
         }
       ]
     },
@@ -30,7 +31,8 @@
           "id": "c-tween",
           "type": "component",
           "jsx": "<svg width=\"200\" height=\"200\" viewBox=\"0 0 200 200\"><rect x=\"0\" y={tween(0,150)} width=\"50\" height={tween(50,200)} fill=\"#667eea\" /><rect x=\"70\" y={tween(50,100)} width=\"50\" height={tween(100,50)} fill=\"#764ba2\" /><rect x=\"140\" y={tween(100,0)} width=\"50\" height={tween(50,200)} fill=\"#f093fb\" /></svg>",
-          "actions": [{ "start": 0, "end": 3 }]
+          "start": 0,
+          "end": 3
         }
       ]
     }

package/tests/fixtures/components.json

@@ -17,7 +17,8 @@
           "id": "headline",
           "type": "component",
           "jsx": "<div style={{background:'linear-gradient(135deg,#667eea,#764ba2)',padding:'40px',borderRadius:'16px',textAlign:'center'}}><h1 style={{color:'white',fontSize:'36px',margin:0}}>Component Test</h1><p style={{color:'rgba(255,255,255,0.7)',fontSize:'18px'}}>Built-in components render correctly</p></div>",
-          "actions": [{ "start": 0, "end": 3 }]
+          "start": 0,
+          "end": 3
         }
       ]
     },
@@ -30,7 +31,8 @@
           "id": "stats",
           "type": "component",
           "jsx": "<div style={{background:'#1a1a2e',padding:'30px',borderRadius:'16px',textAlign:'center'}}><span style={{color:'#667eea',fontSize:'64px',fontWeight:'bold'}}>100%</span><p style={{color:'rgba(255,255,255,0.6)',fontSize:'16px'}}>Working</p></div>",
-          "actions": [{ "start": 0, "end": 3 }]
+          "start": 0,
+          "end": 3
         }
       ]
     }

package/tests/fixtures/effects.json

@@ -20,10 +20,12 @@
           "type": "image",
           "src": "https://picsum.photos/seed/effect-fade/640/480",
           "fit": "cover",
-          "actions": [{ "start": 0, "end": 2 }]
+          "start": 0,
+          "end": 2
         }
       ],
-      "actions": [{ "start": 0, "end": 2 }]
+      "start": 0,
+      "end": 2
     },
     {
       "id": "bounce",
@@ -35,10 +37,12 @@
           "type": "image",
           "src": "https://picsum.photos/seed/effect-bounce/640/480",
           "fit": "cover",
-          "actions": [{ "start": 0, "end": 2 }]
+          "start": 0,
+          "end": 2
         }
       ],
-      "actions": [{ "start": 0, "end": 2 }]
+      "start": 0,
+      "end": 2
     },
     {
       "id": "custom-kf",
@@ -55,10 +59,12 @@
           "type": "image",
           "src": "https://picsum.photos/seed/effect-custom/640/480",
           "fit": "cover",
-          "actions": [{ "start": 0, "end": 2 }]
+          "start": 0,
+          "end": 2
         }
       ],
-      "actions": [{ "start": 0, "end": 2 }]
+      "start": 0,
+      "end": 2
     }
   ]
 }

package/tests/fixtures/full.json

@@ -11,7 +11,8 @@
       "type": "audio",
       "src": "assets/bgm/ambient-loop.mp3",
       "volume": 0.15,
-      "actions": [{ "start": 0, "end": 5 }]
+      "start": 0,
+      "end": 5
     },
     {
       "id": "scene-1",
@@ -23,13 +24,15 @@
           "type": "component",
           "jsx": "<div style={{position:'absolute',inset:0,background:'radial-gradient(circle at center,#667eea,#764ba2)'}} />",
           "isBackground": true,
-          "actions": [{ "start": 0, "end": 5 }]
+          "start": 0,
+          "end": 5
         },
         {
           "id": "headline",
           "type": "component",
           "jsx": "<div style={{background:'linear-gradient(135deg,#667eea,#764ba2)',padding:'40px',borderRadius:'16px',textAlign:'center'}}><h1 style={{color:'white',fontSize:'32px',margin:0}}>Full Feature Test</h1><p style={{color:'rgba(255,255,255,0.7)',fontSize:'16px'}}>All systems operational</p></div>",
-          "actions": [{ "start": 0.3, "end": 4.5 }]
+          "start": 0.3,
+          "end": 4.5
         }
       ]
     },
@@ -43,7 +46,8 @@
           "type": "component",
           "type": "component",
           "jsx": "<div style={{background:'#1a1a2e',padding:'30px',borderRadius:'16px',textAlign:'center'}}><span style={{color:'#667eea',fontSize:'64px',fontWeight:'bold'}}>100%</span><p style={{color:'rgba(255,255,255,0.6)',fontSize:'16px'}}>Coverage</p></div>",
-          "actions": [{ "start": 0.5, "end": 4.5 }]
+          "start": 0.5,
+          "end": 4.5
         }
       ]
     }

package/tests/fixtures/map.json

@@ -17,7 +17,8 @@
       ],
       "routeColor": "#4285F4",
       "routeWeight": 5,
-      "actions": [{ "start": 0, "end": 3 }]
+      "start": 0,
+      "end": 3
     }
   ]
 }

package/tests/fixtures/md/dialogue.md

@@ -0,0 +1,12 @@
+# video
+width:640 height:480 fps:30
+
+## Conversation
+layout:series
+- script "Ray: Hello everyone and welcome to the show
+Alice: Good day to you all
+Ray: Today we're going to talk about dialogue support"
+
+## SingleLine
+layout:series
+- script "This is just a single line of narration, not dialogue"