remotion 3.1.3 → 3.1.6

package/dist/sequencing/index.js

@@ -1,123 +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 CompositionManager_1 = require("../CompositionManager");
-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_frame_1 = require("../use-frame");
-const use_unsafe_video_config_1 = require("../use-unsafe-video-config");
-exports.SequenceContext = (0, react_1.createContext)(null);
-const Sequence = ({ from, durationInFrames = Infinity, children, name, layout = 'absolute-fill', showInTimeline = true, showLoopTimesInTimeline, }) => {
-    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 actualFrom = cumulatedFrom + from;
-    const nonce = (0, nonce_1.useNonce)();
-    if (layout !== 'absolute-fill' && layout !== 'none') {
-        throw new TypeError(`The layout prop of <Sequence /> expects either "absolute-fill" or "none", but you passed: ${layout}`);
-    }
-    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, use_frame_1.useAbsoluteCurrentFrame)();
-    const unsafeVideoConfig = (0, use_unsafe_video_config_1.useUnsafeVideoConfig)();
-    const compositionDuration = unsafeVideoConfig
-        ? unsafeVideoConfig.durationInFrames
-        : 0;
-    const actualDurationInFrames = Math.min(compositionDuration - from, parentSequence
-        ? Math.min(parentSequence.durationInFrames +
-            (parentSequence.cumulatedFrom + parentSequence.relativeFrom) -
-            actualFrom, durationInFrames)
-        : durationInFrames);
-    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;
-        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,
-        actualFrom,
-        id,
-        name,
-        registerSequence,
-        timelineClipName,
-        unregisterSequence,
-        parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.id,
-        actualDurationInFrames,
-        rootId,
-        from,
-        showInTimeline,
-        nonce,
-        showLoopTimesInTimeline,
-    ]);
-    const endThreshold = (() => {
-        return actualFrom + durationInFrames - 1;
-    })();
-    const content = absoluteFrame < actualFrom
-        ? null
-        : absoluteFrame > endThreshold
-            ? null
-            : children;
-    return ((0, jsx_runtime_1.jsx)(exports.SequenceContext.Provider, { value: contextValue, children: content === null ? null : layout === 'absolute-fill' ? ((0, jsx_runtime_1.jsx)("div", { style: {
-                position: 'absolute',
-                display: 'flex',
-                width: '100%',
-                height: '100%',
-                top: 0,
-                bottom: 0,
-                left: 0,
-                right: 0,
-            }, children: content })) : (content) }));
-};
-exports.Sequence = Sequence;

package/dist/use-frame.d.ts

@@ -1,7 +0,0 @@
-export declare const useAbsoluteCurrentFrame: () => number;
-/**
- * Get the current frame of the video.
- * Frames are 0-indexed, meaning the first frame is 0, the last frame is the duration of the composition in frames minus one.
- * @link https://www.remotion.dev/docs/use-current-frame
- */
-export declare const useCurrentFrame: () => number;

package/dist/use-frame.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCurrentFrame = exports.useAbsoluteCurrentFrame = void 0;
-const react_1 = require("react");
-const sequencing_1 = require("./sequencing");
-const timeline_position_state_1 = require("./timeline-position-state");
-const useAbsoluteCurrentFrame = () => {
-    const timelinePosition = (0, timeline_position_state_1.useTimelinePosition)();
-    return timelinePosition;
-};
-exports.useAbsoluteCurrentFrame = useAbsoluteCurrentFrame;
-/**
- * Get the current frame of the video.
- * Frames are 0-indexed, meaning the first frame is 0, the last frame is the duration of the composition in frames minus one.
- * @link https://www.remotion.dev/docs/use-current-frame
- */
-const useCurrentFrame = () => {
-    const frame = (0, exports.useAbsoluteCurrentFrame)();
-    const context = (0, react_1.useContext)(sequencing_1.SequenceContext);
-    const contextOffset = context
-        ? context.cumulatedFrom + context.relativeFrom
-        : 0;
-    return frame - contextOffset;
-};
-exports.useCurrentFrame = useCurrentFrame;