remotion 3.3.54 → 3.3.56

package/dist/CompositionManager.js

@@ -1,154 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CompositionManagerProvider = exports.compositionsRef = exports.CompositionManager = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-exports.CompositionManager = (0, react_1.createContext)({
-    compositions: [],
-    registerComposition: () => undefined,
-    unregisterComposition: () => undefined,
-    registerFolder: () => undefined,
-    unregisterFolder: () => undefined,
-    currentComposition: null,
-    setCurrentComposition: () => undefined,
-    setCurrentCompositionMetadata: () => undefined,
-    registerSequence: () => undefined,
-    unregisterSequence: () => undefined,
-    registerAsset: () => undefined,
-    unregisterAsset: () => undefined,
-    sequences: [],
-    assets: [],
-    folders: [],
-    currentCompositionMetadata: null,
-});
-exports.compositionsRef = react_1.default.createRef();
-const CompositionManagerProvider = ({ children }) => {
-    // Wontfix, expected to have
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const [compositions, setCompositions] = (0, react_1.useState)([]);
-    const [currentComposition, setCurrentComposition] = (0, react_1.useState)(null);
-    const [assets, setAssets] = (0, react_1.useState)([]);
-    const [folders, setFolders] = (0, react_1.useState)([]);
-    const [sequences, setSequences] = (0, react_1.useState)([]);
-    const [currentCompositionMetadata, setCurrentCompositionMetadata] = (0, react_1.useState)(null);
-    const registerComposition = (0, react_1.useCallback)((comp) => {
-        setCompositions((comps) => {
-            if (comps.find((c) => c.id === comp.id)) {
-                throw new Error(`Multiple composition with id ${comp.id} are registered.`);
-            }
-            return [...comps, comp].slice().sort((a, b) => a.nonce - b.nonce);
-        });
-    }, []);
-    const registerSequence = (0, react_1.useCallback)((seq) => {
-        setSequences((seqs) => {
-            return [...seqs, seq];
-        });
-    }, []);
-    const unregisterComposition = (0, react_1.useCallback)((id) => {
-        setCompositions((comps) => {
-            return comps.filter((c) => c.id !== id);
-        });
-    }, []);
-    const unregisterSequence = (0, react_1.useCallback)((seq) => {
-        setSequences((seqs) => seqs.filter((s) => s.id !== seq));
-    }, []);
-    const registerAsset = (0, react_1.useCallback)((asset) => {
-        setAssets((assts) => {
-            return [...assts, asset];
-        });
-    }, []);
-    const unregisterAsset = (0, react_1.useCallback)((id) => {
-        setAssets((assts) => {
-            return assts.filter((a) => a.id !== id);
-        });
-    }, []);
-    const registerFolder = (0, react_1.useCallback)((name, parent) => {
-        setFolders((prevFolders) => {
-            return [
-                ...prevFolders,
-                {
-                    name,
-                    parent,
-                },
-            ];
-        });
-    }, []);
-    const unregisterFolder = (0, react_1.useCallback)((name, parent) => {
-        setFolders((prevFolders) => {
-            return prevFolders.filter((p) => !(p.name === name && p.parent === parent));
-        });
-    }, []);
-    (0, react_1.useLayoutEffect)(() => {
-        if (typeof window !== 'undefined') {
-            window.remotion_collectAssets = () => {
-                setAssets([]); // clear assets at next render
-                return assets;
-            };
-        }
-    }, [assets]);
-    (0, react_1.useImperativeHandle)(exports.compositionsRef, () => {
-        return {
-            getCompositions: () => compositions,
-        };
-    }, [compositions]);
-    const contextValue = (0, react_1.useMemo)(() => {
-        return {
-            compositions,
-            registerComposition,
-            unregisterComposition,
-            currentComposition,
-            setCurrentComposition,
-            registerSequence,
-            unregisterSequence,
-            registerAsset,
-            unregisterAsset,
-            sequences,
-            assets,
-            folders,
-            registerFolder,
-            unregisterFolder,
-            currentCompositionMetadata,
-            setCurrentCompositionMetadata,
-        };
-    }, [
-        compositions,
-        registerComposition,
-        unregisterComposition,
-        currentComposition,
-        registerSequence,
-        unregisterSequence,
-        registerAsset,
-        unregisterAsset,
-        sequences,
-        assets,
-        folders,
-        registerFolder,
-        unregisterFolder,
-        currentCompositionMetadata,
-    ]);
-    return ((0, jsx_runtime_1.jsx)(exports.CompositionManager.Provider, { value: contextValue, children: children }));
-};
-exports.CompositionManagerProvider = CompositionManagerProvider;

package/dist/Folder.d.ts

@@ -1,15 +0,0 @@
-import type { FC } from 'react';
-export declare type TFolder = {
-    name: string;
-    parent: string | null;
-};
-declare type FolderContextType = {
-    folderName: string | null;
-    parentName: string | null;
-};
-export declare const FolderContext: import("react").Context<FolderContextType>;
-export declare const Folder: FC<{
-    name: string;
-    children: React.ReactNode;
-}>;
-export {};

package/dist/Folder.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Folder = exports.FolderContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const CompositionManager_1 = require("./CompositionManager");
-const truthy_1 = require("./truthy");
-const validate_folder_name_1 = require("./validation/validate-folder-name");
-exports.FolderContext = (0, react_1.createContext)({
-    folderName: null,
-    parentName: null,
-});
-const Folder = ({ name, children, }) => {
-    const parent = (0, react_1.useContext)(exports.FolderContext);
-    const { registerFolder, unregisterFolder } = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
-    (0, validate_folder_name_1.validateFolderName)(name);
-    const parentNameArr = [parent.parentName, parent.folderName].filter(truthy_1.truthy);
-    const parentName = parentNameArr.length === 0 ? null : parentNameArr.join('/');
-    const value = (0, react_1.useMemo)(() => {
-        return {
-            folderName: name,
-            parentName,
-        };
-    }, [name, parentName]);
-    (0, react_1.useEffect)(() => {
-        registerFolder(name, parentName);
-        return () => {
-            unregisterFolder(name, parentName);
-        };
-    }, [name, parent.folderName, parentName, registerFolder, unregisterFolder]);
-    return ((0, jsx_runtime_1.jsx)(exports.FolderContext.Provider, { value: value, children: children }));
-};
-exports.Folder = Folder;

package/dist/IFrame.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const IFrame: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, "key" | keyof React.IframeHTMLAttributes<HTMLIFrameElement>> & React.RefAttributes<HTMLIFrameElement>>;

package/dist/IFrame.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IFrame = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const delay_render_1 = require("./delay-render");
-const IFrameRefForwarding = ({ onLoad, onError, ...props }, ref) => {
-    const [handle] = (0, react_1.useState)(() => (0, delay_render_1.delayRender)(`Loading <IFrame> with source ${props.src}`));
-    const didLoad = (0, react_1.useCallback)((e) => {
-        (0, delay_render_1.continueRender)(handle);
-        onLoad === null || onLoad === void 0 ? void 0 : onLoad(e);
-    }, [handle, onLoad]);
-    const didGetError = (0, react_1.useCallback)((e) => {
-        (0, delay_render_1.continueRender)(handle);
-        if (onError) {
-            onError(e);
-        }
-        else {
-            console.error('Error loading iframe:', e, 'Handle the event using the onError() prop to make this message disappear.');
-        }
-    }, [handle, onError]);
-    return (0, jsx_runtime_1.jsx)("iframe", { ...props, ref: ref, onError: didGetError, onLoad: didLoad });
-};
-exports.IFrame = (0, react_1.forwardRef)(IFrameRefForwarding);

package/dist/Img.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const Img: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "key" | keyof React.ImgHTMLAttributes<HTMLImageElement>> & React.RefAttributes<HTMLImageElement>>;

package/dist/Img.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Img = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const delay_render_1 = require("./delay-render");
-const get_environment_1 = require("./get-environment");
-const prefetch_1 = require("./prefetch");
-const ImgRefForwarding = ({ onError, src, ...props }, ref) => {
-    const imageRef = (0, react_1.useRef)(null);
-    const environment = (0, get_environment_1.useRemotionEnvironment)();
-    (0, react_1.useImperativeHandle)(ref, () => {
-        return imageRef.current;
-    }, []);
-    const actualSrc = (0, prefetch_1.usePreload)(src);
-    const didGetError = (0, react_1.useCallback)((e) => {
-        var _a;
-        if (onError) {
-            onError(e);
-        }
-        else {
-            console.error('Error loading image with src:', (_a = imageRef.current) === null || _a === void 0 ? void 0 : _a.src, e, 'Handle the event using the onError() prop to make this message disappear.');
-        }
-    }, [onError]);
-    // If image source switches, make new handle
-    if (environment === 'rendering') {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        (0, react_1.useLayoutEffect)(() => {
-            if (process.env.NODE_ENV === 'test') {
-                return;
-            }
-            const newHandle = (0, delay_render_1.delayRender)('Loading <Img> with src=' + src);
-            const { current } = imageRef;
-            const didLoad = () => {
-                (0, delay_render_1.continueRender)(newHandle);
-            };
-            if (current === null || current === void 0 ? void 0 : current.complete) {
-                (0, delay_render_1.continueRender)(newHandle);
-            }
-            else {
-                current === null || current === void 0 ? void 0 : current.addEventListener('load', didLoad, { once: true });
-            }
-            // If tag gets unmounted, clear pending handles because image is not going to load
-            return () => {
-                current === null || current === void 0 ? void 0 : current.removeEventListener('load', didLoad);
-                (0, delay_render_1.continueRender)(newHandle);
-            };
-        }, [src]);
-    }
-    return ((0, jsx_runtime_1.jsx)("img", { ...props, ref: imageRef, src: actualSrc, onError: didGetError }));
-};
-exports.Img = (0, react_1.forwardRef)(ImgRefForwarding);

package/dist/NativeLayers.d.ts

@@ -1,13 +0,0 @@
-import type { PropsWithChildren } from 'react';
-export declare type ClipRegion = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-} | 'hide';
-export declare type TNativeLayersContext = {
-    clipRegion: ClipRegion | null;
-    setClipRegion: React.Dispatch<React.SetStateAction<ClipRegion | null>>;
-};
-export declare const NativeLayersContext: import("react").Context<TNativeLayersContext>;
-export declare const NativeLayersProvider: React.FC<PropsWithChildren>;

package/dist/NativeLayers.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NativeLayersProvider = exports.NativeLayersContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-exports.NativeLayersContext = (0, react_1.createContext)({
-    setClipRegion: () => {
-        throw new Error('NativeLayers not set');
-    },
-    clipRegion: null,
-});
-const NativeLayersProvider = ({ children, }) => {
-    const [clipRegion, setClipRegion] = (0, react_1.useState)(null);
-    const context = (0, react_1.useMemo)(() => {
-        return {
-            setClipRegion,
-            clipRegion,
-        };
-    }, [clipRegion, setClipRegion]);
-    (0, react_1.useLayoutEffect)(() => {
-        if (typeof window !== 'undefined') {
-            window.remotion_getClipRegion = () => {
-                return clipRegion;
-            };
-        }
-    }, [clipRegion, setClipRegion]);
-    return ((0, jsx_runtime_1.jsx)(exports.NativeLayersContext.Provider, { value: context, children: children }));
-};
-exports.NativeLayersProvider = NativeLayersProvider;

package/dist/Null.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const Null: React.FC;

package/dist/Null.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Null = void 0;
-const react_1 = require("react");
-const NativeLayers_1 = require("./NativeLayers");
-const Null = () => {
-    const { setClipRegion } = (0, react_1.useContext)(NativeLayers_1.NativeLayersContext);
-    (0, react_1.useEffect)(() => {
-        setClipRegion((c) => {
-            if (c === null) {
-                return 'hide';
-            }
-            // Rendering multiple <Null> is fine, because they are all hidden
-            if (c === 'hide') {
-                return 'hide';
-            }
-            throw new Error('Cannot render <Null>, because another component clipping the region was already rendered (most likely <Clipper>)');
-        });
-        return () => {
-            setClipRegion(null);
-        };
-    }, [setClipRegion]);
-    return null;
-};
-exports.Null = Null;

package/dist/RemotionRoot.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const RemotionRoot: React.FC<{
-    children: React.ReactNode;
-    numberOfAudioTags: number;
-}>;

package/dist/RemotionRoot.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RemotionRoot = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const shared_audio_tags_1 = require("./audio/shared-audio-tags");
-const CompositionManager_1 = require("./CompositionManager");
-const delay_render_1 = require("./delay-render");
-const NativeLayers_1 = require("./NativeLayers");
-const nonce_1 = require("./nonce");
-const prefetch_state_1 = require("./prefetch-state");
-const random_1 = require("./random");
-const timeline_position_state_1 = require("./timeline-position-state");
-const duration_state_1 = require("./video/duration-state");
-const RemotionRoot = ({ children, numberOfAudioTags }) => {
-    var _a;
-    const [remotionRootId] = (0, react_1.useState)(() => String((0, random_1.random)(null)));
-    const [frame, setFrame] = (0, react_1.useState)((_a = window.remotion_initialFrame) !== null && _a !== void 0 ? _a : 0);
-    const [playing, setPlaying] = (0, react_1.useState)(false);
-    const imperativePlaying = (0, react_1.useRef)(false);
-    const [fastRefreshes, setFastRefreshes] = (0, react_1.useState)(0);
-    const [playbackRate, setPlaybackRate] = (0, react_1.useState)(1);
-    const audioAndVideoTags = (0, react_1.useRef)([]);
-    (0, react_1.useLayoutEffect)(() => {
-        if (typeof window !== 'undefined') {
-            window.remotion_setFrame = (f) => {
-                const id = (0, delay_render_1.delayRender)(`Setting the current frame to ${f}`);
-                setFrame(f);
-                requestAnimationFrame(() => (0, delay_render_1.continueRender)(id));
-            };
-            window.remotion_isPlayer = false;
-        }
-    }, []);
-    const timelineContextValue = (0, react_1.useMemo)(() => {
-        return {
-            frame,
-            playing,
-            imperativePlaying,
-            rootId: remotionRootId,
-            playbackRate,
-            setPlaybackRate,
-            audioAndVideoTags,
-        };
-    }, [frame, playbackRate, playing, remotionRootId]);
-    const setTimelineContextValue = (0, react_1.useMemo)(() => {
-        return {
-            setFrame,
-            setPlaying,
-        };
-    }, []);
-    const nonceContext = (0, react_1.useMemo)(() => {
-        let counter = 0;
-        return {
-            getNonce: () => counter++,
-            fastRefreshes,
-        };
-    }, [fastRefreshes]);
-    (0, react_1.useEffect)(() => {
-        if (module.hot) {
-            module.hot.addStatusHandler((status) => {
-                if (status === 'idle') {
-                    setFastRefreshes((i) => i + 1);
-                }
-            });
-        }
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(nonce_1.NonceContext.Provider, { value: nonceContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: timelineContextValue, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.SetTimelineContext.Provider, { value: setTimelineContextValue, children: (0, jsx_runtime_1.jsx)(prefetch_state_1.PrefetchProvider, { children: (0, jsx_runtime_1.jsx)(NativeLayers_1.NativeLayersProvider, { children: (0, jsx_runtime_1.jsx)(CompositionManager_1.CompositionManagerProvider, { children: (0, jsx_runtime_1.jsx)(duration_state_1.DurationsContextProvider, { children: (0, jsx_runtime_1.jsx)(shared_audio_tags_1.SharedAudioContextProvider
-                                // In the preview, which is mostly played on Desktop, we opt out of the autoplay policy fix as described in https://github.com/remotion-dev/remotion/pull/554, as it mostly applies to mobile.
-                                , { 
-                                    // In the preview, which is mostly played on Desktop, we opt out of the autoplay policy fix as described in https://github.com/remotion-dev/remotion/pull/554, as it mostly applies to mobile.
-                                    numberOfAudioTags: numberOfAudioTags, children: children }) }) }) }) }) }) }) }));
-};
-exports.RemotionRoot = RemotionRoot;

package/dist/Sequence.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-export declare type SequenceContextType = {
-    cumulatedFrom: number;
-    relativeFrom: number;
-    parentFrom: number;
-    durationInFrames: number;
-    id: string;
-};
-export declare const SequenceContext: React.Context<SequenceContextType | null>;
-export declare type LayoutAndStyle = {
-    layout: 'none';
-} | {
-    layout?: 'absolute-fill';
-    style?: React.CSSProperties;
-};
-export declare type SequenceProps = {
-    children: React.ReactNode;
-    from?: number;
-    durationInFrames?: number;
-    name?: string;
-    showInTimeline?: boolean;
-    showLoopTimesInTimeline?: number;
-} & LayoutAndStyle;
-/**
- * A component that time-shifts its children and wraps them in an absolutely positioned <div>.
- * @link https://www.remotion.dev/docs/sequence
- */
-export declare const Sequence: React.ForwardRefExoticComponent<SequenceProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Sequence.js

@@ -1,131 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sequence = exports.SequenceContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const AbsoluteFill_1 = require("./AbsoluteFill");
-const CompositionManager_1 = require("./CompositionManager");
-const get_environment_1 = require("./get-environment");
-const get_timeline_clip_name_1 = require("./get-timeline-clip-name");
-const nonce_1 = require("./nonce");
-const timeline_position_state_1 = require("./timeline-position-state");
-const use_video_config_1 = require("./use-video-config");
-exports.SequenceContext = (0, react_1.createContext)(null);
-const SequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity, children, name, showInTimeline = true, showLoopTimesInTimeline, ...other }, ref) => {
-    const { layout = 'absolute-fill' } = other;
-    const [id] = (0, react_1.useState)(() => String(Math.random()));
-    const parentSequence = (0, react_1.useContext)(exports.SequenceContext);
-    const { rootId } = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
-    const cumulatedFrom = parentSequence
-        ? parentSequence.cumulatedFrom + parentSequence.relativeFrom
-        : 0;
-    const nonce = (0, nonce_1.useNonce)();
-    const environment = (0, get_environment_1.useRemotionEnvironment)();
-    if (layout !== 'absolute-fill' && layout !== 'none') {
-        throw new TypeError(`The layout prop of <Sequence /> expects either "absolute-fill" or "none", but you passed: ${layout}`);
-    }
-    // @ts-expect-error
-    if (layout === 'none' && typeof other.style !== 'undefined') {
-        throw new TypeError('If layout="none", you may not pass a style.');
-    }
-    if (typeof durationInFrames !== 'number') {
-        throw new TypeError(`You passed to durationInFrames an argument of type ${typeof durationInFrames}, but it must be a number.`);
-    }
-    if (durationInFrames <= 0) {
-        throw new TypeError(`durationInFrames must be positive, but got ${durationInFrames}`);
-    }
-    // Infinity is non-integer but allowed!
-    if (durationInFrames % 1 !== 0 && Number.isFinite(durationInFrames)) {
-        throw new TypeError(`The "durationInFrames" of a sequence must be an integer, but got ${durationInFrames}.`);
-    }
-    if (typeof from !== 'number') {
-        throw new TypeError(`You passed to the "from" props of your <Sequence> an argument of type ${typeof from}, but it must be a number.`);
-    }
-    if (from % 1 !== 0) {
-        throw new TypeError(`The "from" prop of a sequence must be an integer, but got ${from}.`);
-    }
-    const absoluteFrame = (0, timeline_position_state_1.useTimelinePosition)();
-    const videoConfig = (0, use_video_config_1.useVideoConfig)();
-    const parentSequenceDuration = parentSequence
-        ? Math.min(parentSequence.durationInFrames - from, durationInFrames)
-        : durationInFrames;
-    const actualDurationInFrames = Math.max(0, Math.min(videoConfig.durationInFrames - from, parentSequenceDuration));
-    const { registerSequence, unregisterSequence } = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
-    const contextValue = (0, react_1.useMemo)(() => {
-        var _a;
-        return {
-            cumulatedFrom,
-            relativeFrom: from,
-            durationInFrames: actualDurationInFrames,
-            parentFrom: (_a = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.relativeFrom) !== null && _a !== void 0 ? _a : 0,
-            id,
-        };
-    }, [
-        cumulatedFrom,
-        from,
-        actualDurationInFrames,
-        parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.relativeFrom,
-        id,
-    ]);
-    const timelineClipName = (0, react_1.useMemo)(() => {
-        return name !== null && name !== void 0 ? name : (0, get_timeline_clip_name_1.getTimelineClipName)(children);
-    }, [children, name]);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if (environment !== 'preview') {
-            return;
-        }
-        registerSequence({
-            from,
-            duration: actualDurationInFrames,
-            id,
-            displayName: timelineClipName,
-            parent: (_a = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.id) !== null && _a !== void 0 ? _a : null,
-            type: 'sequence',
-            rootId,
-            showInTimeline,
-            nonce,
-            showLoopTimesInTimeline,
-        });
-        return () => {
-            unregisterSequence(id);
-        };
-    }, [
-        durationInFrames,
-        id,
-        name,
-        registerSequence,
-        timelineClipName,
-        unregisterSequence,
-        parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.id,
-        actualDurationInFrames,
-        rootId,
-        from,
-        showInTimeline,
-        nonce,
-        showLoopTimesInTimeline,
-        environment,
-    ]);
-    const endThreshold = cumulatedFrom + from + durationInFrames - 1;
-    const content = absoluteFrame < cumulatedFrom + from
-        ? null
-        : absoluteFrame > endThreshold
-            ? null
-            : children;
-    const styleIfThere = other.layout === 'none' ? undefined : other.style;
-    const defaultStyle = (0, react_1.useMemo)(() => {
-        return {
-            flexDirection: undefined,
-            ...(styleIfThere !== null && styleIfThere !== void 0 ? styleIfThere : {}),
-        };
-    }, [styleIfThere]);
-    if (ref !== null && layout === 'none') {
-        throw new TypeError('It is not supported to pass both a `ref` and `layout="none"` to <Sequence />.');
-    }
-    return ((0, jsx_runtime_1.jsx)(exports.SequenceContext.Provider, { value: contextValue, children: content === null ? null : layout === 'absolute-fill' ? ((0, jsx_runtime_1.jsx)(AbsoluteFill_1.AbsoluteFill, { ref: ref, style: defaultStyle, children: content })) : (content) }));
-};
-/**
- * A component that time-shifts its children and wraps them in an absolutely positioned <div>.
- * @link https://www.remotion.dev/docs/sequence
- */
-exports.Sequence = (0, react_1.forwardRef)(SequenceRefForwardingFunction);

package/dist/Still.d.ts

@@ -1,2 +0,0 @@
-import type { StillProps } from './Composition';
-export declare const Still: <T>(props: StillProps<T>) => JSX.Element;

package/dist/Still.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Still = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Composition_1 = require("./Composition");
-const Still = (props) => {
-    return (0, jsx_runtime_1.jsx)(Composition_1.Composition, { fps: 1, durationInFrames: 1, ...props });
-};
-exports.Still = Still;

package/dist/absolute-src.d.ts

@@ -1 +0,0 @@
-export declare const getAbsoluteSrc: (relativeSrc: string) => string;

package/dist/absolute-src.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAbsoluteSrc = void 0;
-const getAbsoluteSrc = (relativeSrc) => {
-    return new URL(relativeSrc, window.location.origin).href;
-};
-exports.getAbsoluteSrc = getAbsoluteSrc;