screenwright 0.1.36 → 0.1.38

package/dist/src/composition/DemoVideo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DemoVideo.d.ts","sourceRoot":"","sources":["../../../src/composition/DemoVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AASjE,UAAU,KAAK;IACb,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoNrC,CAAC"}
+{"version":3,"file":"DemoVideo.d.ts","sourceRoot":"","sources":["../../../src/composition/DemoVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAkBjE,UAAU,KAAK;IACb,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2KrC,CAAC"}

package/dist/src/composition/DemoVideo.js

@@ -6,25 +6,28 @@ import { SceneSlide } from './SceneSlide.js';
 import { precomputeCursorPaths } from './cursor-path.js';
 import { findClosestFrame } from './frame-lookup.js';
 import { getTransitionStyles } from './transition-styles.js';
-import { resolveSlideScenes, sourceTimeMs, computeSlideSegments, remapEvents } from './time-remap.js';
+import { resolveSlideScenes, resolveTransitions, sourceTimeMs, computeOutputSegments, remapEvents, } from './time-remap.js';
+const IMG_STYLE = { width: '100%', height: '100%', display: 'block' };
+const JITTER_MS = 50;
 export const DemoVideo = ({ timeline, branding }) => {
     const fps = 30;
     const frame = useCurrentFrame();
     const outputTimeMs = (frame / fps) * 1000;
     const scenes = timeline.events.filter((e) => e.type === 'scene');
-    const slideScenes = resolveSlideScenes(scenes, timeline.events);
-    const timeMs = slideScenes.length > 0
-        ? sourceTimeMs(outputTimeMs, slideScenes)
+    const slideScenes = resolveSlideScenes(scenes);
+    const resolvedTransitions = resolveTransitions(timeline.events);
+    const hasInsertions = slideScenes.length > 0 || resolvedTransitions.length > 0;
+    const timeMs = hasInsertions
+        ? sourceTimeMs(outputTimeMs, slideScenes, resolvedTransitions)
         : outputTimeMs;
-    const eventsToUse = slideScenes.length > 0
-        ? remapEvents(timeline.events, slideScenes)
+    const eventsToUse = hasInsertions
+        ? remapEvents(timeline.events, slideScenes, resolvedTransitions)
         : timeline.events;
     const cursorEvents = precomputeCursorPaths(eventsToUse.filter((e) => e.type === 'cursor_target'));
-    const transitionEvents = eventsToUse.filter((e) => e.type === 'transition');
     const clickEvents = eventsToUse.filter((e) => e.type === 'action' && e.action === 'click');
     const narrations = eventsToUse.filter((e) => e.type === 'narration');
     const { frameManifest, videoFile } = timeline.metadata;
-    const slideSegments = computeSlideSegments(scenes);
+    const { slides: slideSegments, transitions: transitionSegments } = computeOutputSegments(scenes, resolvedTransitions);
     function resolveSlideProps(seg) {
         return {
             title: seg.sceneTitle,
@@ -37,24 +40,8 @@ export const DemoVideo = ({ timeline, branding }) => {
     }
     // Check if current time is inside a slide
     let activeSlide = slideSegments.find(s => outputTimeMs >= s.slideStartMs && outputTimeMs < s.slideEndMs);
-    // Check if current time is inside a transition involving at least one slide
-    let slideTransition = null;
-    if (!activeSlide) {
-        for (const t of transitionEvents) {
-            if (outputTimeMs < t.timestampMs || outputTimeMs >= t.timestampMs + t.durationMs)
-                continue;
-            const tEnd = t.timestampMs + t.durationMs;
-            const before = slideSegments.find(s => Math.abs(s.slideEndMs - t.timestampMs) < 50) ?? null;
-            const after = slideSegments.find(s => Math.abs(s.slideStartMs - tEnd) < 50) ?? null;
-            if (before || after) {
-                slideTransition = { transition: t, before, after };
-                break;
-            }
-        }
-    }
-    // Fallback: if no exact match but slides exist, snap to the nearest slide.
-    // Handles timing jitter gaps (e.g. first frame at t=0 when first slide starts at t=1).
-    if (!activeSlide && !slideTransition && slideSegments.length > 0) {
+    // Fallback: snap to nearest slide within 100ms jitter
+    if (!activeSlide && slideSegments.length > 0) {
         let best = slideSegments[0];
         let bestDist = Infinity;
         for (const s of slideSegments) {
@@ -71,49 +58,44 @@ export const DemoVideo = ({ timeline, branding }) => {
         if (bestDist < 100)
             activeSlide = best;
     }
-    // Find active transition for frame-based content
-    const activeTransition = !activeSlide && !slideTransition
-        ? transitionEvents.find(t => outputTimeMs >= t.timestampMs && outputTimeMs < t.timestampMs + t.durationMs)
+    // Check if current time is inside a transition segment
+    const activeTransition = !activeSlide
+        ? transitionSegments.find(t => outputTimeMs >= t.outputStartMs && outputTimeMs < t.outputEndMs)
         : null;
     let baseLayer;
     if (activeSlide) {
-        // Slide IS the base layer — no frame images
         baseLayer = _jsx(SceneSlide, { ...resolveSlideProps(activeSlide) });
     }
-    else if (slideTransition) {
-        // Transition involving at least one slide (slide↔slide, frame→slide, or slide→frame)
-        const { transition: t, before, after } = slideTransition;
-        const progress = (outputTimeMs - t.timestampMs) / t.durationMs;
+    else if (activeTransition && frameManifest && frameManifest.length > 0) {
+        const progress = (outputTimeMs - activeTransition.outputStartMs) / activeTransition.durationMs;
         const { width: vw } = timeline.metadata.viewport;
-        const styles = getTransitionStyles(t.transition, progress, vw);
+        const styles = getTransitionStyles(activeTransition.transition, progress, vw);
         const faceClip = styles.container ? {} : { overflow: 'hidden' };
-        const imgStyle = { width: '100%', height: '100%', display: 'block' };
-        const tEnd = t.timestampMs + t.durationMs;
-        const hasContentAfter = eventsToUse.some(e => e.timestampMs >= tEnd - 50 && (e.type === 'scene' || e.type === 'action'));
-        const hasContentBefore = eventsToUse.some(e => e.timestampMs < t.timestampMs + 50 && (e.type === 'scene' || e.type === 'action'));
-        // Resolve entrance (new content arriving)
-        // When no slide follows and no scene/action follows, leave empty so backdrop shows.
-        let entranceContent;
-        if (after) {
-            entranceContent = _jsx(SceneSlide, { ...resolveSlideProps(after) });
+        // Resolve exit content (before the transition)
+        const beforeSlide = slideSegments.find(s => Math.abs(s.slideEndMs - activeTransition.outputStartMs) < JITTER_MS);
+        let exitContent;
+        if (!activeTransition.hasContentBefore && !beforeSlide) {
+            exitContent = undefined; // scenario start edge — backdrop
         }
-        else if (hasContentAfter && frameManifest && frameManifest.length > 0) {
-            const afterSourceTime = slideScenes.length > 0
-                ? sourceTimeMs(tEnd, slideScenes) : tEnd;
-            const afterEntry = findClosestFrame(frameManifest, afterSourceTime);
-            entranceContent = _jsx(Img, { src: staticFile(afterEntry.file), style: imgStyle });
+        else if (beforeSlide) {
+            exitContent = _jsx(SceneSlide, { ...resolveSlideProps(beforeSlide) });
         }
-        // Resolve exit (old content departing)
-        // When no slide precedes and no scene/action precedes, leave empty so backdrop shows.
-        let exitContent;
-        if (before) {
-            exitContent = _jsx(SceneSlide, { ...resolveSlideProps(before) });
+        else {
+            const beforeEntry = findClosestFrame(frameManifest, activeTransition.beforeSourceMs);
+            exitContent = _jsx(Img, { src: staticFile(beforeEntry.file), style: IMG_STYLE });
+        }
+        // Resolve entrance content (after the transition)
+        const afterSlide = slideSegments.find(s => Math.abs(s.slideStartMs - activeTransition.outputEndMs) < JITTER_MS);
+        let entranceContent;
+        if (!activeTransition.hasContentAfter && !afterSlide) {
+            entranceContent = undefined; // scenario end edge — backdrop
         }
-        else if (hasContentBefore && frameManifest && frameManifest.length > 0) {
-            const beforeSourceTime = slideScenes.length > 0
-                ? sourceTimeMs(t.timestampMs, slideScenes) : t.timestampMs;
-            const beforeEntry = findClosestFrame(frameManifest, beforeSourceTime);
-            exitContent = _jsx(Img, { src: staticFile(beforeEntry.file), style: imgStyle });
+        else if (afterSlide) {
+            entranceContent = _jsx(SceneSlide, { ...resolveSlideProps(afterSlide) });
+        }
+        else {
+            const afterEntry = findClosestFrame(frameManifest, activeTransition.afterSourceMs);
+            entranceContent = _jsx(Img, { src: staticFile(afterEntry.file), style: IMG_STYLE });
         }
         const faces = (_jsxs(_Fragment, { children: [_jsx("div", { style: { position: 'absolute', inset: 0, ...faceClip, ...styles.entrance }, children: entranceContent }), _jsx("div", { style: { position: 'absolute', inset: 0, ...faceClip, ...styles.exit }, children: exitContent }), styles.exit2 && (_jsx("div", { style: { position: 'absolute', inset: 0, ...faceClip, ...styles.exit2 }, children: exitContent }))] }));
         let wrappedFaces = faces;
@@ -123,26 +105,15 @@ export const DemoVideo = ({ timeline, branding }) => {
         if (styles.perspective) {
             wrappedFaces = _jsx("div", { style: { position: 'absolute', inset: 0, perspective: styles.perspective }, children: wrappedFaces });
         }
-        const slideSide = after ?? before;
-        const backdropColor = styles.backdrop
-            ?? (slideSide ? resolveSlideProps(slideSide).brandColor : '#000000');
+        const backdropColor = styles.backdrop ?? branding?.brandColor ?? '#000000';
         baseLayer = (_jsxs(_Fragment, { children: [_jsx("div", { style: { position: 'absolute', inset: 0, backgroundColor: backdropColor } }), wrappedFaces] }));
     }
-    else if (activeTransition && frameManifest && frameManifest.length > 0) {
-        const progress = (outputTimeMs - activeTransition.timestampMs) / activeTransition.durationMs;
-        const styles = getTransitionStyles(activeTransition.transition, progress, timeline.metadata.viewport.width);
-        const beforeSourceTime = slideScenes.length > 0
-            ? sourceTimeMs(activeTransition.timestampMs, slideScenes)
-            : activeTransition.timestampMs;
-        const beforeEntry = findClosestFrame(frameManifest, beforeSourceTime);
-        const afterEntry = findClosestFrame(frameManifest, timeMs);
-        baseLayer = (_jsxs(_Fragment, { children: [_jsx(Img, { src: staticFile(afterEntry.file), style: { position: 'absolute', width: '100%', height: '100%', display: 'block', ...styles.entrance } }), _jsx(Img, { src: staticFile(beforeEntry.file), style: { position: 'absolute', width: '100%', height: '100%', display: 'block', ...styles.exit } }), styles.exit2 && (_jsx(Img, { src: staticFile(beforeEntry.file), style: { position: 'absolute', width: '100%', height: '100%', display: 'block', ...styles.exit2 } }))] }));
-    }
     else if (frameManifest && frameManifest.length > 0) {
         const entry = findClosestFrame(frameManifest, timeMs);
-        baseLayer = (_jsx(Img, { src: staticFile(entry.file), style: { width: '100%', height: '100%', display: 'block' } }));
+        baseLayer = (_jsx(Img, { src: staticFile(entry.file), style: IMG_STYLE }));
     }
     else if (videoFile) {
+        const transitionEvents = timeline.events.filter((e) => e.type === 'transition');
         if (transitionEvents.length > 0 && frame === 0) {
             console.warn('sw.transition() effects require frame-based capture (captureMode: "frame"). Transitions will be ignored with video-based capture.');
         }
@@ -156,6 +127,6 @@ export const DemoVideo = ({ timeline, branding }) => {
             width: timeline.metadata.viewport.width,
             height: timeline.metadata.viewport.height,
             overflow: 'hidden',
-        }, children: [baseLayer, !activeSlide && !slideTransition && (_jsx(CursorOverlay, { cursorEvents: cursorEvents, clickEvents: clickEvents, fps: fps })), _jsx(NarrationTrack, { narrations: narrations, fps: fps })] }));
+        }, children: [baseLayer, !activeSlide && !activeTransition && (_jsx(CursorOverlay, { cursorEvents: cursorEvents, clickEvents: clickEvents, fps: fps })), _jsx(NarrationTrack, { narrations: narrations, fps: fps })] }));
 };
 //# sourceMappingURL=DemoVideo.js.map

package/dist/src/composition/DemoVideo.js.map

@@ -1 +1 @@
-{"version":3,"file":"DemoVideo.js","sourceRoot":"","sources":["../../../src/composition/DemoVideo.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DemoVideo.js","sourceRoot":"","sources":["../../../src/composition/DemoVideo.tsx"],"names":[],"mappings":"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"}

package/dist/src/composition/remotion-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"remotion-root.d.ts","sourceRoot":"","sources":["../../../src/composition/remotion-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAyChC,CAAC"}
+{"version":3,"file":"remotion-root.d.ts","sourceRoot":"","sources":["../../../src/composition/remotion-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EA4ChC,CAAC"}

package/dist/src/composition/remotion-root.js

@@ -4,7 +4,7 @@ import { z } from 'zod';
 import { DemoVideo } from './DemoVideo.js';
 import { timelineSchema } from '../timeline/schema.js';
 import { brandingSchema } from '../config/config-schema.js';
-import { resolveSlideScenes, totalSlideDurationMs, msToFrames } from './time-remap.js';
+import { resolveSlideScenes, resolveTransitions, totalSlideDurationMs, totalTransitionDurationMs, msToFrames } from './time-remap.js';
 const propsSchema = z.object({
     timeline: timelineSchema,
     branding: brandingSchema.optional(),
@@ -27,7 +27,10 @@ export const RemotionRoot = () => {
                 const fps = 30;
                 const scenes = props.timeline.events.filter((e) => e.type === 'scene');
                 const slideScenes = resolveSlideScenes(scenes);
-                const totalMs = props.timeline.metadata.videoDurationMs + totalSlideDurationMs(slideScenes);
+                const resolvedTransitions = resolveTransitions(props.timeline.events);
+                const totalMs = props.timeline.metadata.videoDurationMs
+                    + totalSlideDurationMs(slideScenes)
+                    + totalTransitionDurationMs(resolvedTransitions);
                 const durationInFrames = Math.max(30, msToFrames(totalMs, fps));
                 return {
                     durationInFrames,

package/dist/src/composition/remotion-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"remotion-root.js","sourceRoot":"","sources":["../../../src/composition/remotion-root.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEvF,MAAM,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3B,QAAQ,EAAE,cAAc;IACxB,QAAQ,EAAE,cAAc,CAAC,QAAQ,EAAE;CACpC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAa,GAAG,EAAE;IACzC,OAAO,CACL,4BACE,KAAC,WAAW,IACV,EAAE,EAAC,WAAW,EACd,aAAa,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,SAAgB,EAAE,CAAC,EACnE,MAAM,EAAE,WAAW,EACnB,gBAAgB,EAAE,GAAG,EACrB,GAAG,EAAE,EAAE,EACP,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,GAAG,EACX,YAAY,EAAE;gBACZ,QAAQ,EAAE;oBACR,OAAO,EAAE,CAAU;oBACnB,QAAQ,EAAE;wBACR,QAAQ,EAAE,EAAE;wBACZ,YAAY,EAAE,EAAE;wBAChB,UAAU,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;wBACpC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;wBACtC,eAAe,EAAE,CAAC;wBAClB,SAAS,EAAE,kBAAkB;qBAC9B;oBACD,MAAM,EAAE,EAAE;iBACX;aACF,EACD,iBAAiB,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;gBAC/B,MAAM,GAAG,GAAG,EAAE,CAAC;gBACf,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAmB,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;gBACxF,MAAM,WAAW,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;gBAC/C,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,eAAe,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC;gBAC5F,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;gBAChE,OAAO;oBACL,gBAAgB;oBAChB,GAAG;oBACH,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK;oBAC7C,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM;iBAChD,CAAC;YACJ,CAAC,GACD,GACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"remotion-root.js","sourceRoot":"","sources":["../../../src/composition/remotion-root.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEtI,MAAM,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3B,QAAQ,EAAE,cAAc;IACxB,QAAQ,EAAE,cAAc,CAAC,QAAQ,EAAE;CACpC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAa,GAAG,EAAE;IACzC,OAAO,CACL,4BACE,KAAC,WAAW,IACV,EAAE,EAAC,WAAW,EACd,aAAa,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,SAAgB,EAAE,CAAC,EACnE,MAAM,EAAE,WAAW,EACnB,gBAAgB,EAAE,GAAG,EACrB,GAAG,EAAE,EAAE,EACP,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,GAAG,EACX,YAAY,EAAE;gBACZ,QAAQ,EAAE;oBACR,OAAO,EAAE,CAAU;oBACnB,QAAQ,EAAE;wBACR,QAAQ,EAAE,EAAE;wBACZ,YAAY,EAAE,EAAE;wBAChB,UAAU,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;wBACpC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;wBACtC,eAAe,EAAE,CAAC;wBAClB,SAAS,EAAE,kBAAkB;qBAC9B;oBACD,MAAM,EAAE,EAAE;iBACX;aACF,EACD,iBAAiB,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;gBAC/B,MAAM,GAAG,GAAG,EAAE,CAAC;gBACf,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAmB,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;gBACxF,MAAM,WAAW,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;gBAC/C,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;gBACtE,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,eAAe;sBACnD,oBAAoB,CAAC,WAAW,CAAC;sBACjC,yBAAyB,CAAC,mBAAmB,CAAC,CAAC;gBACnD,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;gBAChE,OAAO;oBACL,gBAAgB;oBAChB,GAAG;oBACH,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK;oBAC7C,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM;iBAChD,CAAC;YACJ,CAAC,GACD,GACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,YAAY,CAAC,CAAC"}

package/dist/src/composition/time-remap.d.ts

@@ -1,11 +1,20 @@
-import type { SceneEvent, SceneSlideConfig, TimelineEvent } from '../timeline/types.js';
+import type { SceneEvent, SceneSlideConfig, TimelineEvent, TransitionType } from '../timeline/types.js';
 export declare const DEFAULT_SLIDE_DURATION_MS = 2000;
 export declare function msToFrames(ms: number, fps: number): number;
 export interface ResolvedSlideScene {
     timestampMs: number;
     slideDurationMs: number;
-    /** Source-time dead zone after the slide (transition wait + optional navigate load). */
-    deadAfterMs: number;
+}
+export interface ResolvedTransition {
+    timestampMs: number;
+    transitionDurationMs: number;
+    transition: TransitionType;
+    beforeSourceMs: number;
+    afterSourceMs: number;
+    /** True when a visual action exists before this transition. */
+    hasContentBefore: boolean;
+    /** True when a visual action exists after this transition. */
+    hasContentAfter: boolean;
 }
 export interface SlideSegment {
     slideStartMs: number;
@@ -15,28 +24,46 @@ export interface SlideSegment {
     sceneDescription?: string;
     slideConfig: SceneSlideConfig;
 }
+export interface TransitionSegment {
+    outputStartMs: number;
+    outputEndMs: number;
+    durationMs: number;
+    transition: TransitionType;
+    beforeSourceMs: number;
+    afterSourceMs: number;
+    hasContentBefore: boolean;
+    hasContentAfter: boolean;
+}
 /**
  * Filter scenes that have a `slide` field and resolve their duration.
- * When allEvents is provided, also computes the dead zone after each slide
- * (stale source time from transition waits + navigate page loads).
  */
-export declare function resolveSlideScenes(scenes: SceneEvent[], allEvents?: TimelineEvent[]): ResolvedSlideScene[];
+export declare function resolveSlideScenes(scenes: SceneEvent[]): ResolvedSlideScene[];
 /**
- * Compute the output-time intervals where each scene slide is shown.
- * Each slide is inserted *before* the scene's recorded content.
+ * Walk timeline events and resolve each transition's frame references.
+ * beforeSourceMs = settledAtMs (or timestampMs) of the last visual action before it.
+ * afterSourceMs = settledAtMs (or timestampMs) of the first visual action after it.
  */
-export declare function computeSlideSegments(scenes: SceneEvent[]): SlideSegment[];
+export declare function resolveTransitions(events: TimelineEvent[]): ResolvedTransition[];
 /**
  * Map an output-time position back to its source-time position.
- * During a slide, returns the scene's timestamp (freeze-frame).
- * During video segments, subtracts accumulated slide durations.
- * Source times that fall in a dead zone are clamped to its end.
+ * During an insertion (slide or transition), returns the insertion's
+ * source timestamp (freeze-frame). Otherwise subtracts accumulated offsets.
  */
-export declare function sourceTimeMs(outputTimeMs: number, slideScenes: ResolvedSlideScene[]): number;
+export declare function sourceTimeMs(outputTimeMs: number, slideScenes: ResolvedSlideScene[], transitions?: ResolvedTransition[]): number;
 export declare function totalSlideDurationMs(slideScenes: ResolvedSlideScene[]): number;
+export declare function totalTransitionDurationMs(transitions: ResolvedTransition[]): number;
+/**
+ * Compute output-time intervals for both slides and transitions,
+ * accounting for all preceding insertions.
+ */
+export declare function computeOutputSegments(scenes: SceneEvent[], transitions: ResolvedTransition[]): {
+    slides: SlideSegment[];
+    transitions: TransitionSegment[];
+};
 /**
- * Shift every event's timestampMs forward by the accumulated slide
- * durations that precede it. Returns a new array (no mutation).
+ * Shift every event's timestampMs forward by accumulated insertion
+ * durations (slides + transitions) that precede it.
+ * Returns a new array (no mutation).
  */
-export declare function remapEvents<T extends TimelineEvent>(events: T[], slideScenes: ResolvedSlideScene[]): T[];
+export declare function remapEvents<T extends TimelineEvent>(events: T[], slideScenes: ResolvedSlideScene[], transitions?: ResolvedTransition[]): T[];
 //# sourceMappingURL=time-remap.d.ts.map

package/dist/src/composition/time-remap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-remap.d.ts","sourceRoot":"","sources":["../../../src/composition/time-remap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAmB,MAAM,sBAAsB,CAAC;AAEtH,eAAO,MAAM,yBAAyB,OAAO,CAAC;AAE9C,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAE1D;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,wFAAwF;IACxF,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,gBAAgB,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,UAAU,EAAE,EACpB,SAAS,CAAC,EAAE,aAAa,EAAE,GAC1B,kBAAkB,EAAE,CAkCtB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAqBzE;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,YAAY,EAAE,MAAM,EACpB,WAAW,EAAE,kBAAkB,EAAE,GAChC,MAAM,CAgBR;AAWD,wBAAgB,oBAAoB,CAClC,WAAW,EAAE,kBAAkB,EAAE,GAChC,MAAM,CAMR;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,aAAa,EACjD,MAAM,EAAE,CAAC,EAAE,EACX,WAAW,EAAE,kBAAkB,EAAE,GAChC,CAAC,EAAE,CAaL"}
+{"version":3,"file":"time-remap.d.ts","sourceRoot":"","sources":["../../../src/composition/time-remap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAErH,eAAO,MAAM,yBAAyB,OAAO,CAAC;AAE9C,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAE1D;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,UAAU,EAAE,cAAc,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,gBAAgB,EAAE,OAAO,CAAC;IAC1B,8DAA8D;IAC9D,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,gBAAgB,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,cAAc,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAO7E;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,kBAAkB,EAAE,CA0BhF;AAqCD;;;;GAIG;AACH,wBAAgB,YAAY,CAC1B,YAAY,EAAE,MAAM,EACpB,WAAW,EAAE,kBAAkB,EAAE,EACjC,WAAW,GAAE,kBAAkB,EAAO,GACrC,MAAM,CAWR;AAED,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAI9E;AAED,wBAAgB,yBAAyB,CAAC,WAAW,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAInF;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,UAAU,EAAE,EACpB,WAAW,EAAE,kBAAkB,EAAE,GAChC;IAAE,MAAM,EAAE,YAAY,EAAE,CAAC;IAAC,WAAW,EAAE,iBAAiB,EAAE,CAAA;CAAE,CAmD9D;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,aAAa,EACjD,MAAM,EAAE,CAAC,EAAE,EACX,WAAW,EAAE,kBAAkB,EAAE,EACjC,WAAW,GAAE,kBAAkB,EAAO,GACrC,CAAC,EAAE,CAaL"}

package/dist/src/composition/time-remap.js

@@ -4,109 +4,160 @@ export function msToFrames(ms, fps) {
 }
 /**
  * Filter scenes that have a `slide` field and resolve their duration.
- * When allEvents is provided, also computes the dead zone after each slide
- * (stale source time from transition waits + navigate page loads).
  */
-export function resolveSlideScenes(scenes, allEvents) {
+export function resolveSlideScenes(scenes) {
     return scenes
         .filter(s => s.slide !== undefined)
-        .map(s => {
-        let deadAfterMs = 0;
-        if (allEvents) {
-            const afterTrans = allEvents.find((e) => e.type === 'transition' && Math.abs(e.timestampMs - s.timestampMs) < 50);
-            if (afterTrans) {
-                const transEnd = s.timestampMs + afterTrans.durationMs;
-                const firstAction = allEvents.find((e) => e.type === 'action' && e.timestampMs >= transEnd - 50);
-                if (firstAction?.action === 'navigate') {
-                    const settled = allEvents.find(e => e.timestampMs > firstAction.timestampMs + 50);
-                    deadAfterMs = settled
-                        ? settled.timestampMs - s.timestampMs
-                        : afterTrans.durationMs;
-                }
-                else {
-                    deadAfterMs = afterTrans.durationMs;
-                }
-            }
-        }
-        return {
-            timestampMs: s.timestampMs,
-            slideDurationMs: s.slide.duration ?? DEFAULT_SLIDE_DURATION_MS,
-            deadAfterMs,
-        };
-    });
+        .map(s => ({
+        timestampMs: s.timestampMs,
+        slideDurationMs: s.slide.duration ?? DEFAULT_SLIDE_DURATION_MS,
+    }));
 }
 /**
- * Compute the output-time intervals where each scene slide is shown.
- * Each slide is inserted *before* the scene's recorded content.
+ * Walk timeline events and resolve each transition's frame references.
+ * beforeSourceMs = settledAtMs (or timestampMs) of the last visual action before it.
+ * afterSourceMs = settledAtMs (or timestampMs) of the first visual action after it.
  */
-export function computeSlideSegments(scenes) {
-    const segments = [];
-    let accumulated = 0;
-    for (const scene of scenes) {
-        if (!scene.slide)
+export function resolveTransitions(events) {
+    const result = [];
+    const actions = events.filter((e) => e.type === 'action');
+    for (const event of events) {
+        if (event.type !== 'transition')
             continue;
-        const slideDurationMs = scene.slide.duration ?? DEFAULT_SLIDE_DURATION_MS;
-        const slideStartMs = scene.timestampMs + accumulated;
-        segments.push({
-            slideStartMs,
-            slideEndMs: slideStartMs + slideDurationMs,
-            slideDurationMs,
-            sceneTitle: scene.title,
-            sceneDescription: scene.description,
-            slideConfig: scene.slide,
+        const lastBefore = findLastAction(actions, event.timestampMs);
+        const firstAfter = actions.find(a => a.timestampMs > event.timestampMs) ?? null;
+        result.push({
+            timestampMs: event.timestampMs,
+            transitionDurationMs: event.durationMs,
+            transition: event.transition,
+            beforeSourceMs: lastBefore
+                ? (lastBefore.settledAtMs ?? lastBefore.timestampMs)
+                : event.timestampMs,
+            afterSourceMs: firstAfter
+                ? (firstAfter.settledAtMs ?? firstAfter.timestampMs)
+                : event.timestampMs,
+            hasContentBefore: lastBefore !== null,
+            hasContentAfter: firstAfter !== null,
         });
-        accumulated += slideDurationMs;
     }
-    return segments;
+    return result;
+}
+function findLastAction(actions, beforeOrAt) {
+    let last = null;
+    for (const a of actions) {
+        if (a.timestampMs <= beforeOrAt)
+            last = a;
+        else
+            break;
+    }
+    return last;
+}
+function buildSortedInsertions(slideScenes, transitions) {
+    const ins = [];
+    for (const ss of slideScenes) {
+        ins.push({ sourceTimeMs: ss.timestampMs, durationMs: ss.slideDurationMs, kind: 'slide' });
+    }
+    for (const t of transitions) {
+        ins.push({ sourceTimeMs: t.timestampMs, durationMs: t.transitionDurationMs, kind: 'transition' });
+    }
+    // Slides sort before transitions at the same source time; stable for same-kind ties.
+    ins.sort((a, b) => a.sourceTimeMs - b.sourceTimeMs || (a.kind === b.kind ? 0 : a.kind === 'slide' ? -1 : 1));
+    return ins;
 }
 /**
  * Map an output-time position back to its source-time position.
- * During a slide, returns the scene's timestamp (freeze-frame).
- * During video segments, subtracts accumulated slide durations.
- * Source times that fall in a dead zone are clamped to its end.
+ * During an insertion (slide or transition), returns the insertion's
+ * source timestamp (freeze-frame). Otherwise subtracts accumulated offsets.
  */
-export function sourceTimeMs(outputTimeMs, slideScenes) {
-    const sorted = [...slideScenes].sort((a, b) => a.timestampMs - b.timestampMs);
+export function sourceTimeMs(outputTimeMs, slideScenes, transitions = []) {
+    const insertions = buildSortedInsertions(slideScenes, transitions);
     let accumulated = 0;
-    for (const ss of sorted) {
-        const slideStart = ss.timestampMs + accumulated;
-        const slideEnd = slideStart + ss.slideDurationMs;
-        if (outputTimeMs < slideStart) {
-            return clampDeadZones(outputTimeMs - accumulated, sorted);
-        }
-        if (outputTimeMs < slideEnd) {
-            return ss.timestampMs;
-        }
-        accumulated += ss.slideDurationMs;
-    }
-    return clampDeadZones(outputTimeMs - accumulated, sorted);
-}
-function clampDeadZones(sourceTime, slides) {
-    for (const ss of slides) {
-        if (ss.deadAfterMs > 0 && sourceTime >= ss.timestampMs && sourceTime < ss.timestampMs + ss.deadAfterMs) {
-            return ss.timestampMs + ss.deadAfterMs;
-        }
+    for (const ins of insertions) {
+        const start = ins.sourceTimeMs + accumulated;
+        const end = start + ins.durationMs;
+        if (outputTimeMs < start)
+            return outputTimeMs - accumulated;
+        if (outputTimeMs < end)
+            return ins.sourceTimeMs;
+        accumulated += ins.durationMs;
     }
-    return sourceTime;
+    return outputTimeMs - accumulated;
 }
 export function totalSlideDurationMs(slideScenes) {
     let total = 0;
-    for (const ss of slideScenes) {
+    for (const ss of slideScenes)
         total += ss.slideDurationMs;
-    }
     return total;
 }
+export function totalTransitionDurationMs(transitions) {
+    let total = 0;
+    for (const t of transitions)
+        total += t.transitionDurationMs;
+    return total;
+}
+/**
+ * Compute output-time intervals for both slides and transitions,
+ * accounting for all preceding insertions.
+ */
+export function computeOutputSegments(scenes, transitions) {
+    const slideScenes = resolveSlideScenes(scenes);
+    const insertions = buildSortedInsertions(slideScenes, transitions);
+    // Build queues (same order as sorted insertions) so we pop metadata
+    // in order even when multiple insertions share the same timestamp.
+    const slideQueue = scenes.filter(s => s.slide).sort((a, b) => a.timestampMs - b.timestampMs);
+    const transQueue = [...transitions].sort((a, b) => a.timestampMs - b.timestampMs);
+    let si = 0;
+    let ti = 0;
+    const slides = [];
+    const transSegs = [];
+    let accumulated = 0;
+    for (const ins of insertions) {
+        const outputStart = ins.sourceTimeMs + accumulated;
+        const outputEnd = outputStart + ins.durationMs;
+        if (ins.kind === 'slide') {
+            const sc = slideQueue[si++];
+            if (sc) {
+                slides.push({
+                    slideStartMs: outputStart,
+                    slideEndMs: outputEnd,
+                    slideDurationMs: ins.durationMs,
+                    sceneTitle: sc.title,
+                    sceneDescription: sc.description,
+                    slideConfig: sc.slide,
+                });
+            }
+        }
+        else {
+            const rt = transQueue[ti++];
+            if (rt) {
+                transSegs.push({
+                    outputStartMs: outputStart,
+                    outputEndMs: outputEnd,
+                    durationMs: ins.durationMs,
+                    transition: rt.transition,
+                    beforeSourceMs: rt.beforeSourceMs,
+                    afterSourceMs: rt.afterSourceMs,
+                    hasContentBefore: rt.hasContentBefore,
+                    hasContentAfter: rt.hasContentAfter,
+                });
+            }
+        }
+        accumulated += ins.durationMs;
+    }
+    return { slides, transitions: transSegs };
+}
 /**
- * Shift every event's timestampMs forward by the accumulated slide
- * durations that precede it. Returns a new array (no mutation).
+ * Shift every event's timestampMs forward by accumulated insertion
+ * durations (slides + transitions) that precede it.
+ * Returns a new array (no mutation).
  */
-export function remapEvents(events, slideScenes) {
-    const sorted = [...slideScenes].sort((a, b) => a.timestampMs - b.timestampMs);
+export function remapEvents(events, slideScenes, transitions = []) {
+    const insertions = buildSortedInsertions(slideScenes, transitions);
     return events.map(event => {
         let offset = 0;
-        for (const ss of sorted) {
-            if (event.timestampMs >= ss.timestampMs) {
-                offset += ss.slideDurationMs;
+        for (const ins of insertions) {
+            if (event.timestampMs >= ins.sourceTimeMs) {
+                offset += ins.durationMs;
             }
             else {
                 break;