@codellyson/framely 0.1.0

package/dist/Series.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, Children, createContext, useContext, } from 'react';
+import TimelineContext, { useTimeline } from './context';
+/**
+ * Context for Series.Sequence to access its calculated timing.
+ */
+const SeriesContext = createContext(null);
+/**
+ * Series renders children sequentially, auto-calculating `from` for each.
+ *
+ * Unlike Sequence (which requires explicit `from` values), Series automatically
+ * places each child one after another in the timeline.
+ *
+ * Usage:
+ *   <Series>
+ *     <Series.Sequence durationInFrames={60}>
+ *       <Scene1 />
+ *     </Series.Sequence>
+ *     <Series.Sequence durationInFrames={90}>
+ *       <Scene2 />
+ *     </Series.Sequence>
+ *   </Series>
+ */
+const Series = function Series({ children }) {
+    const parent = useTimeline();
+    const childArray = Children.toArray(children);
+    // Calculate cumulative offsets for each child
+    const timings = useMemo(() => {
+        let currentOffset = 0;
+        return childArray.map((child) => {
+            const duration = child.props?.durationInFrames ?? 0;
+            const offset = child.props?.offset ?? 0;
+            const from = currentOffset + offset;
+            currentOffset = from + duration;
+            return { from, duration };
+        });
+    }, [childArray]);
+    return (_jsx(_Fragment, { children: childArray.map((child, index) => {
+            const { from, duration } = timings[index];
+            return (_jsx(SeriesContext.Provider, { value: { from, duration, index }, children: child }, index));
+        }) }));
+};
+/**
+ * Series.Sequence represents a scene within a Series.
+ *
+ * Props:
+ *   durationInFrames - How many frames this sequence lasts (required unless last)
+ *   offset           - Adjust timing: positive = delay, negative = overlap with previous
+ *   layout           - 'absolute-fill' (default) or 'none'
+ *   style            - Additional CSS styles
+ *   name             - Optional label for debugging
+ */
+Series.Sequence = function SeriesSequence({ durationInFrames, offset = 0, layout = 'absolute-fill', style, name, children, }) {
+    const parent = useTimeline();
+    const seriesContext = useContext(SeriesContext);
+    if (!seriesContext) {
+        throw new Error('Series.Sequence must be used within a Series');
+    }
+    const { from, duration } = seriesContext;
+    const actualDuration = durationInFrames ?? duration;
+    // Calculate the child's local frame
+    const localFrame = parent.frame - from;
+    const contextValue = useMemo(() => ({
+        ...parent,
+        frame: localFrame,
+        durationInFrames: actualDuration,
+    }), [parent, localFrame, actualDuration]);
+    const containerStyle = layout === 'absolute-fill'
+        ? {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            ...style,
+        }
+        : style;
+    // Don't render if we're outside this sequence's range
+    if (localFrame < 0 || localFrame >= actualDuration) {
+        return null;
+    }
+    return (_jsx(TimelineContext.Provider, { value: contextValue, children: _jsx("div", { style: containerStyle, "data-series-sequence-name": name, children: children }) }));
+};
+export { Series };
+export default Series;
+//# sourceMappingURL=Series.js.map

package/dist/Series.js.map

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

package/dist/Text.d.ts

@@ -0,0 +1,129 @@
+/**
+ * Text Component
+ *
+ * Motion-graphics-grade text with character-level animation support.
+ * Automatically waits for font loading via delayRender.
+ */
+import React from 'react';
+/** Props accepted by the per-character `<Span>` component. */
+export interface CharSpanProps {
+    style?: React.CSSProperties;
+    className?: string;
+}
+/** Metadata for a single character produced by `splitText`. */
+export interface CharData {
+    char: string;
+    index: number;
+    wordIndex: number;
+    lineIndex: number;
+    isWhitespace: boolean;
+    isNewline: boolean;
+    /** A component that renders this character inside a styleable `<span>`. */
+    Span: React.ComponentType<CharSpanProps>;
+}
+/** Text stroke configuration. */
+export interface StrokeConfig {
+    color: string;
+    width: number;
+}
+/** Text shadow configuration. */
+export interface ShadowConfig {
+    color: string;
+    blur?: number;
+    x?: number;
+    y?: number;
+}
+/** Word boundary descriptor returned by `getWords`. */
+export interface WordData {
+    word: string;
+    startIndex: number;
+    endIndex: number;
+    wordIndex: number;
+}
+/** Props for the `<Text>` component. */
+export interface TextProps {
+    /** The text to render. */
+    text: string;
+    /** Font size in pixels. @default 40 */
+    fontSize?: number;
+    /** Font family. @default 'sans-serif' */
+    fontFamily?: string;
+    /** Font weight. @default 400 */
+    fontWeight?: number | string;
+    /** Text color. @default 'white' */
+    color?: string;
+    /** Letter spacing in pixels. @default 0 */
+    letterSpacing?: number;
+    /** Line height multiplier. @default 1.2 */
+    lineHeight?: number;
+    /** Text alignment. @default 'left' */
+    textAlign?: 'left' | 'center' | 'right';
+    /** CSS text-transform value. @default 'none' */
+    textTransform?: React.CSSProperties['textTransform'];
+    /** CSS white-space value. @default 'pre-wrap' */
+    whiteSpace?: React.CSSProperties['whiteSpace'];
+    /** Text stroke configuration. */
+    stroke?: StrokeConfig;
+    /** Text shadow configuration. */
+    shadow?: ShadowConfig;
+    /** Additional container styles. */
+    style?: React.CSSProperties;
+    /** Container class name. */
+    className?: string;
+    /**
+     * Render function receiving character data.
+     *
+     * When provided as a function the component splits the text into
+     * individually styleable `<Span>` components, enabling per-character
+     * animation.
+     */
+    children?: (chars: CharData[]) => React.ReactNode;
+}
+interface RawCharData {
+    char: string;
+    index: number;
+    wordIndex: number;
+    lineIndex: number;
+    isWhitespace: boolean;
+    isNewline: boolean;
+}
+/**
+ * Split text into character, word, and line metadata.
+ *
+ * @param text - Text to split
+ * @returns Array of per-character metadata objects
+ */
+export declare function splitText(text: string): RawCharData[];
+/**
+ * Get word boundaries from split text.
+ *
+ * @param chars - Output of `splitText()`
+ * @returns Array of word boundary descriptors
+ */
+export declare function getWords(chars: RawCharData[]): WordData[];
+/**
+ * Text component with character-level animation.
+ *
+ * Renders text with each character wrapped in an individually styleable span.
+ * Waits for fonts to load before rendering (via delayRender).
+ *
+ * @example
+ * // Simple text
+ * <Text text="Hello World" fontSize={80} color="white" />
+ *
+ * @example
+ * // Character-by-character animation
+ * <Text text="Animate Me" fontSize={60} fontFamily="Inter">
+ *   {(chars) => chars.map((c, i) => (
+ *     <c.Span key={i} style={{
+ *       opacity: interpolate(frame, [i * 2, i * 2 + 10], [0, 1], { extrapolateRight: 'clamp' }),
+ *     }} />
+ *   ))}
+ * </Text>
+ */
+export declare function Text({ text, fontSize, fontFamily, fontWeight, color, letterSpacing, lineHeight, textAlign, textTransform, whiteSpace, stroke, shadow, style, className, children, }: TextProps): React.ReactElement;
+export declare namespace Text {
+    var displayName: string;
+}
+export default Text;
+//# sourceMappingURL=Text.d.ts.map

package/dist/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAqC,MAAM,OAAO,CAAC;AAO1D,8DAA8D;AAC9D,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,+DAA+D;AAC/D,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED,iCAAiC;AACjC,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,iCAAiC;AACjC,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,uDAAuD;AACvD,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wCAAwC;AACxC,MAAM,WAAW,SAAS;IACxB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,gDAAgD;IAChD,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IACrD,iDAAiD;IACjD,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC/C,iCAAiC;IACjC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,iCAAiC;IACjC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CACnD;AAMD,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;CACpB;AAMD;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,EAAE,CA4BrD;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,CAoCzD;AAkDD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,QAAa,EACb,UAAyB,EACzB,UAAgB,EAChB,KAAe,EACf,aAAiB,EACjB,UAAgB,EAChB,SAAkB,EAClB,aAAsB,EACtB,UAAuB,EACvB,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAgGhC;yBAhHe,IAAI;;;AAoHpB,eAAe,IAAI,CAAC"}

package/dist/Text.js

@@ -0,0 +1,211 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Text Component
+ *
+ * Motion-graphics-grade text with character-level animation support.
+ * Automatically waits for font loading via delayRender.
+ */
+import { useEffect, useRef, useMemo } from 'react';
+import { delayRender, continueRender } from './delayRender';
+// ---------------------------------------------------------------------------
+// Utility functions
+// ---------------------------------------------------------------------------
+/**
+ * Split text into character, word, and line metadata.
+ *
+ * @param text - Text to split
+ * @returns Array of per-character metadata objects
+ */
+export function splitText(text) {
+    const chars = [];
+    let wordIndex = 0;
+    let lineIndex = 0;
+    for (let i = 0; i < text.length; i++) {
+        const char = text[i];
+        const isNewline = char === '\n';
+        const isWhitespace = /\s/.test(char);
+        chars.push({
+            char,
+            index: i,
+            wordIndex,
+            lineIndex,
+            isWhitespace,
+            isNewline,
+        });
+        if (isNewline) {
+            lineIndex++;
+            wordIndex++;
+        }
+        else if (isWhitespace) {
+            wordIndex++;
+        }
+    }
+    return chars;
+}
+/**
+ * Get word boundaries from split text.
+ *
+ * @param chars - Output of `splitText()`
+ * @returns Array of word boundary descriptors
+ */
+export function getWords(chars) {
+    const words = [];
+    let currentWord = '';
+    let startIndex = 0;
+    let currentWordIndex = -1;
+    for (const c of chars) {
+        if (c.isWhitespace || c.isNewline) {
+            if (currentWord.length > 0) {
+                words.push({
+                    word: currentWord,
+                    startIndex,
+                    endIndex: c.index - 1,
+                    wordIndex: currentWordIndex,
+                });
+                currentWord = '';
+            }
+        }
+        else {
+            if (currentWord.length === 0) {
+                startIndex = c.index;
+                currentWordIndex = c.wordIndex;
+            }
+            currentWord += c.char;
+        }
+    }
+    if (currentWord.length > 0) {
+        words.push({
+            word: currentWord,
+            startIndex,
+            endIndex: chars[chars.length - 1].index,
+            wordIndex: currentWordIndex,
+        });
+    }
+    return words;
+}
+// ---------------------------------------------------------------------------
+// Internal helpers
+// ---------------------------------------------------------------------------
+/** Generic font families that never need to be loaded. */
+const GENERIC_FONTS = new Set([
+    'sans-serif',
+    'serif',
+    'monospace',
+]);
+/**
+ * Create a character span component for per-character styling.
+ */
+function createCharSpan(charInfo, _baseStyle) {
+    const CharSpan = ({ style: charStyle, className: charClassName, }) => {
+        if (charInfo.isNewline) {
+            return _jsx("br", {});
+        }
+        return (_jsx("span", { className: charClassName, style: {
+                display: 'inline-block',
+                whiteSpace: charInfo.isWhitespace ? 'pre' : undefined,
+                ...charStyle,
+            }, children: charInfo.char }));
+    };
+    CharSpan.displayName = `Char(${charInfo.char === ' ' ? 'space' : charInfo.char})`;
+    return CharSpan;
+}
+// ---------------------------------------------------------------------------
+// Text component
+// ---------------------------------------------------------------------------
+/**
+ * Text component with character-level animation.
+ *
+ * Renders text with each character wrapped in an individually styleable span.
+ * Waits for fonts to load before rendering (via delayRender).
+ *
+ * @example
+ * // Simple text
+ * <Text text="Hello World" fontSize={80} color="white" />
+ *
+ * @example
+ * // Character-by-character animation
+ * <Text text="Animate Me" fontSize={60} fontFamily="Inter">
+ *   {(chars) => chars.map((c, i) => (
+ *     <c.Span key={i} style={{
+ *       opacity: interpolate(frame, [i * 2, i * 2 + 10], [0, 1], { extrapolateRight: 'clamp' }),
+ *     }} />
+ *   ))}
+ * </Text>
+ */
+export function Text({ text, fontSize = 40, fontFamily = 'sans-serif', fontWeight = 400, color = 'white', letterSpacing = 0, lineHeight = 1.2, textAlign = 'left', textTransform = 'none', whiteSpace = 'pre-wrap', stroke, shadow, style, className, children, }) {
+    const delayHandle = useRef(null);
+    // Wait for font to load
+    useEffect(() => {
+        if (GENERIC_FONTS.has(fontFamily)) {
+            return;
+        }
+        const handle = delayRender(`Loading font: ${fontFamily}`);
+        delayHandle.current = handle;
+        document.fonts.ready
+            .then(() => {
+            continueRender(handle);
+            delayHandle.current = null;
+        })
+            .catch(() => {
+            // Continue even if font check fails
+            continueRender(handle);
+            delayHandle.current = null;
+        });
+        return () => {
+            if (delayHandle.current !== null) {
+                continueRender(delayHandle.current);
+                delayHandle.current = null;
+            }
+        };
+    }, [fontFamily]);
+    // Build base styles
+    const baseStyle = useMemo(() => {
+        const s = {
+            fontSize,
+            fontFamily,
+            fontWeight,
+            color,
+            letterSpacing: letterSpacing !== 0 ? `${letterSpacing}px` : undefined,
+            lineHeight,
+            textAlign,
+            textTransform,
+            whiteSpace,
+            margin: 0,
+            padding: 0,
+            ...style,
+        };
+        if (stroke) {
+            s.WebkitTextStroke = `${stroke.width}px ${stroke.color}`;
+        }
+        if (shadow) {
+            s.textShadow = `${shadow.x || 0}px ${shadow.y || 0}px ${shadow.blur || 0}px ${shadow.color}`;
+        }
+        return s;
+    }, [
+        fontSize, fontFamily, fontWeight, color, letterSpacing,
+        lineHeight, textAlign, textTransform, whiteSpace,
+        stroke?.color, stroke?.width,
+        shadow?.color, shadow?.blur, shadow?.x, shadow?.y,
+        style,
+    ]);
+    // Split text and create character data with Span components
+    const charData = useMemo(() => {
+        const chars = splitText(text);
+        return chars.map((c) => ({
+            ...c,
+            Span: createCharSpan(c, baseStyle),
+        }));
+    }, [text, baseStyle]);
+    // If no children function, render simple text
+    if (typeof children !== 'function') {
+        return (_jsx("div", { className: className, style: baseStyle, children: text }));
+    }
+    return (_jsx("div", { className: className, style: {
+            ...baseStyle,
+            // Reset text properties on container — chars handle their own
+            display: 'inline',
+        }, children: children(charData) }));
+}
+Text.displayName = 'Text';
+export default Text;
+//# sourceMappingURL=Text.js.map

package/dist/Text.js.map

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

package/dist/Video.d.ts

@@ -0,0 +1,75 @@
+import { type CSSProperties, type SyntheticEvent } from 'react';
+/**
+ * A volume value can be a static number (0-1) or a callback that receives the
+ * current frame and returns a number (0-1). The callback form is useful for
+ * animating volume over time (e.g. fade-in/fade-out).
+ */
+export type VolumeCallback = (frame: number) => number;
+/**
+ * Props accepted by the Video component.
+ *
+ * Extends the standard HTML `<video>` attributes so that any native prop
+ * (e.g. `crossOrigin`, `poster`, `preload`) can be forwarded directly.
+ */
+export interface VideoProps extends Omit<React.VideoHTMLAttributes<HTMLVideoElement>, 'volume' | 'playbackRate' | 'muted' | 'loop' | 'onError'> {
+    /** Video source URL. Use `staticFile()` for local assets. */
+    src: string;
+    /**
+     * Volume level (0-1), or a callback `(frame) => number` for dynamic volume.
+     * Clamped to the 0-1 range at runtime.
+     * @default 1
+     */
+    volume?: number | VolumeCallback;
+    /**
+     * Playback speed multiplier.
+     * @default 1
+     */
+    playbackRate?: number;
+    /**
+     * Whether to mute audio.
+     * @default false
+     */
+    muted?: boolean;
+    /**
+     * Whether the video should loop.
+     * @default false
+     */
+    loop?: boolean;
+    /**
+     * Frame index from which the video should start playing (0-based).
+     * @default 0
+     */
+    startFrom?: number;
+    /**
+     * Frame index at which the video should stop (exclusive).
+     * If omitted the video plays until its natural end.
+     */
+    endAt?: number;
+    /** Optional CSS styles applied to the `<video>` element. */
+    style?: CSSProperties;
+    /** Optional CSS class name applied to the `<video>` element. */
+    className?: string;
+    /** Called when the video element encounters an error. */
+    onError?: (event: SyntheticEvent<HTMLVideoElement, Event>) => void;
+}
+/**
+ * Video component that syncs with the Framely timeline.
+ *
+ * The video's playback position is controlled by the current frame,
+ * ensuring perfect sync between the video and your composition.
+ *
+ * Usage:
+ *   import { Video, staticFile } from './lib';
+ *
+ *   <Video src={staticFile('videos/intro.mp4')} />
+ *   <Video src={staticFile('videos/bg.mp4')} volume={0.5} muted />
+ *   <Video
+ *     src={staticFile('videos/clip.mp4')}
+ *     startFrom={30}
+ *     endAt={90}
+ *     volume={(frame) => interpolate(frame, [0, 30], [0, 1])}
+ *   />
+ */
+export declare function Video({ src, volume, playbackRate, muted, loop, startFrom, endAt, style, className, onError, ...rest }: VideoProps): JSX.Element | null;
+export default Video;
+//# sourceMappingURL=Video.d.ts.map

package/dist/Video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../src/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAMf;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,QAAQ,GAAG,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CACzD;IACD,6DAA6D;IAC7D,GAAG,EAAE,MAAM,CAAC;IAEZ;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAEjC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,4DAA4D;IAC5D,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,yDAAyD;IACzD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;CACpE;AAID;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,KAAK,CAAC,EACpB,GAAG,EACH,MAAU,EACV,YAAgB,EAChB,KAAa,EACb,IAAY,EACZ,SAAa,EACb,KAAK,EACL,KAAK,EACL,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACR,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAmIjC;AAED,eAAe,KAAK,CAAC"}

package/dist/Video.js

@@ -0,0 +1,136 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState, useMemo, } from 'react';
+import { useTimeline } from './context';
+import { delayRender, continueRender, cancelRender } from './delayRender';
+// ─── Component ────────────────────────────────────────────────────────────────
+/**
+ * Video component that syncs with the Framely timeline.
+ *
+ * The video's playback position is controlled by the current frame,
+ * ensuring perfect sync between the video and your composition.
+ *
+ * Usage:
+ *   import { Video, staticFile } from './lib';
+ *
+ *   <Video src={staticFile('videos/intro.mp4')} />
+ *   <Video src={staticFile('videos/bg.mp4')} volume={0.5} muted />
+ *   <Video
+ *     src={staticFile('videos/clip.mp4')}
+ *     startFrom={30}
+ *     endAt={90}
+ *     volume={(frame) => interpolate(frame, [0, 30], [0, 1])}
+ *   />
+ */
+export function Video({ src, volume = 1, playbackRate = 1, muted = false, loop = false, startFrom = 0, endAt, style, className, onError, ...rest }) {
+    const { frame, fps, playing } = useTimeline();
+    const videoRef = useRef(null);
+    const handleRef = useRef(null);
+    const [ready, setReady] = useState(false);
+    // Calculate the actual volume (support callback)
+    const actualVolume = useMemo(() => {
+        if (typeof volume === 'function') {
+            return Math.max(0, Math.min(1, volume(frame)));
+        }
+        return Math.max(0, Math.min(1, volume));
+    }, [volume, frame]);
+    // Calculate target time based on frame
+    const targetTime = useMemo(() => {
+        const relativeFrame = frame - startFrom;
+        if (relativeFrame < 0)
+            return 0;
+        return relativeFrame / fps;
+    }, [frame, startFrom, fps]);
+    // Check if we're within the video's active range
+    const isActive = useMemo(() => {
+        if (frame < startFrom)
+            return false;
+        if (endAt !== undefined && frame >= endAt)
+            return false;
+        return true;
+    }, [frame, startFrom, endAt]);
+    // Delay render until video is ready
+    useEffect(() => {
+        handleRef.current = delayRender(`Loading video: ${src}`, {
+            timeoutInMilliseconds: 30000,
+        });
+        return () => {
+            if (handleRef.current !== null) {
+                continueRender(handleRef.current);
+                handleRef.current = null;
+            }
+        };
+    }, [src]);
+    // Handle video ready state
+    const handleCanPlay = () => {
+        setReady(true);
+        if (handleRef.current !== null) {
+            continueRender(handleRef.current);
+            handleRef.current = null;
+        }
+    };
+    // Handle video error
+    const handleError = (event) => {
+        const err = new Error(`Failed to load video: ${src}`);
+        onError?.(event);
+        if (handleRef.current !== null) {
+            cancelRender(err);
+            handleRef.current = null;
+        }
+    };
+    // Sync video time with frame
+    useEffect(() => {
+        const video = videoRef.current;
+        if (!video || !ready)
+            return;
+        // Only seek if we're more than half a frame off
+        const tolerance = 0.5 / fps;
+        if (Math.abs(video.currentTime - targetTime) > tolerance) {
+            video.currentTime = targetTime;
+        }
+    }, [targetTime, ready, fps]);
+    // Sync volume
+    useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        video.volume = actualVolume;
+    }, [actualVolume]);
+    // Sync playback rate
+    useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        video.playbackRate = playbackRate;
+    }, [playbackRate]);
+    // Sync muted state
+    useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        video.muted = muted;
+    }, [muted]);
+    // Handle play/pause (for preview mode)
+    useEffect(() => {
+        const video = videoRef.current;
+        if (!video || !ready)
+            return;
+        if (playing && isActive) {
+            video.play().catch(() => {
+                // Autoplay might be blocked, that's okay
+            });
+        }
+        else {
+            video.pause();
+        }
+    }, [playing, ready, isActive]);
+    // Don't render if outside active range
+    if (!isActive) {
+        return null;
+    }
+    return (_jsx("video", { ref: videoRef, src: src, style: {
+            ...style,
+            opacity: ready ? (style?.opacity ?? 1) : 0,
+        }, className: className, onCanPlayThrough: handleCanPlay, onError: handleError, playsInline: true, preload: "auto", loop: loop, ...rest }));
+}
+export default Video;
+//# sourceMappingURL=Video.js.map

package/dist/Video.js.map

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