remotion 3.0.0-lambda.424 → 3.0.0-lambda.444

package/dist/cjs/use-media-in-timeline.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMediaInTimeline = void 0;
+const react_1 = require("react");
+const use_audio_frame_1 = require("./audio/use-audio-frame");
+const CompositionManager_1 = require("./CompositionManager");
+const get_asset_file_name_1 = require("./get-asset-file-name");
+const nonce_1 = require("./nonce");
+const play_and_handle_not_allowed_error_1 = require("./play-and-handle-not-allowed-error");
+const sequencing_1 = require("./sequencing");
+const timeline_position_state_1 = require("./timeline-position-state");
+const use_video_config_1 = require("./use-video-config");
+const volume_prop_1 = require("./volume-prop");
+const didWarn = {};
+const warnOnce = (message) => {
+    if (didWarn[message]) {
+        return;
+    }
+    console.warn(message);
+    didWarn[message] = true;
+};
+const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, }) => {
+    const videoConfig = (0, use_video_config_1.useVideoConfig)();
+    const { rootId, audioAndVideoTags } = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
+    const parentSequence = (0, react_1.useContext)(sequencing_1.SequenceContext);
+    const actualFrom = parentSequence
+        ? parentSequence.relativeFrom + parentSequence.cumulatedFrom
+        : 0;
+    const [playing] = (0, timeline_position_state_1.usePlayingState)();
+    const startsAt = (0, use_audio_frame_1.useMediaStartsAt)();
+    const { registerSequence, unregisterSequence } = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
+    const [id] = (0, react_1.useState)(() => String(Math.random()));
+    const [initialVolume] = (0, react_1.useState)(() => volume);
+    const nonce = (0, nonce_1.useNonce)();
+    const duration = (() => {
+        return parentSequence
+            ? Math.min(parentSequence.durationInFrames, videoConfig.durationInFrames)
+            : videoConfig.durationInFrames;
+    })();
+    const doesVolumeChange = typeof volume === 'function';
+    const volumes = (0, react_1.useMemo)(() => {
+        if (typeof volume === 'number') {
+            return volume;
+        }
+        return new Array(Math.max(0, duration + startsAt))
+            .fill(true)
+            .map((_, i) => {
+            return (0, volume_prop_1.evaluateVolume)({
+                frame: i + startsAt,
+                volume,
+                mediaVolume,
+            });
+        })
+            .join(',');
+    }, [duration, startsAt, volume, mediaVolume]);
+    (0, react_1.useEffect)(() => {
+        if (typeof volume === 'number' && volume !== initialVolume) {
+            warnOnce(`Remotion: The ${mediaType} with src ${src} has changed it's volume. Prefer the callback syntax for setting volume to get better timeline display: https://www.remotion.dev/docs/using-audio/#controlling-volume`);
+        }
+    }, [initialVolume, mediaType, src, volume]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (!mediaRef.current) {
+            return;
+        }
+        if (!src) {
+            throw new Error('No src passed');
+        }
+        registerSequence({
+            type: mediaType,
+            src,
+            id,
+            duration,
+            from: 0,
+            parent: (_a = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.id) !== null && _a !== void 0 ? _a : null,
+            displayName: (0, get_asset_file_name_1.getAssetDisplayName)(src),
+            rootId,
+            volume: volumes,
+            showInTimeline: true,
+            nonce,
+            startMediaFrom: 0 - startsAt,
+            doesVolumeChange,
+            showLoopTimesInTimeline: undefined,
+        });
+        return () => {
+            unregisterSequence(id);
+        };
+    }, [
+        actualFrom,
+        duration,
+        id,
+        parentSequence,
+        src,
+        registerSequence,
+        rootId,
+        unregisterSequence,
+        videoConfig,
+        volumes,
+        doesVolumeChange,
+        nonce,
+        mediaRef,
+        mediaType,
+        startsAt,
+    ]);
+    (0, react_1.useEffect)(() => {
+        const tag = {
+            id,
+            play: () => {
+                if (!playing) {
+                    // Don't play if for example in a <Freeze> state.
+                    return;
+                }
+                return (0, play_and_handle_not_allowed_error_1.playAndHandleNotAllowedError)(mediaRef, mediaType);
+            },
+        };
+        audioAndVideoTags.current.push(tag);
+        return () => {
+            audioAndVideoTags.current = audioAndVideoTags.current.filter((a) => a.id !== id);
+        };
+    }, [audioAndVideoTags, id, mediaRef, mediaType, playing]);
+};
+exports.useMediaInTimeline = useMediaInTimeline;
+//# sourceMappingURL=use-media-in-timeline.js.map

package/dist/cjs/use-media-in-timeline.js.map

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

package/dist/cjs/use-media-playback.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+export declare const useMediaPlayback: ({ mediaRef, src, mediaType, playbackRate: localPlaybackRate, }: {
+    mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement>;
+    src: string | undefined;
+    mediaType: 'audio' | 'video';
+    playbackRate: number;
+}) => void;
+//# sourceMappingURL=use-media-playback.d.ts.map

package/dist/cjs/use-media-playback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-playback.d.ts","sourceRoot":"","sources":["../../src/use-media-playback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAwB,MAAM,OAAO,CAAC;AASvD,eAAO,MAAM,gBAAgB;cAMlB,UAAU,gBAAgB,GAAG,gBAAgB,CAAC;SACnD,MAAM,GAAG,SAAS;eACZ,OAAO,GAAG,OAAO;kBACd,MAAM;UA2EpB,CAAC"}

package/dist/cjs/use-media-playback.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMediaPlayback = void 0;
+const react_1 = require("react");
+const use_audio_frame_1 = require("./audio/use-audio-frame");
+const play_and_handle_not_allowed_error_1 = require("./play-and-handle-not-allowed-error");
+const timeline_position_state_1 = require("./timeline-position-state");
+const use_frame_1 = require("./use-frame");
+const use_video_config_1 = require("./use-video-config");
+const get_current_time_1 = require("./video/get-current-time");
+const warn_about_non_seekable_media_1 = require("./warn-about-non-seekable-media");
+const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybackRate, }) => {
+    const { playbackRate: globalPlaybackRate } = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
+    const frame = (0, use_frame_1.useCurrentFrame)();
+    const absoluteFrame = (0, use_frame_1.useAbsoluteCurrentFrame)();
+    const [playing] = (0, timeline_position_state_1.usePlayingState)();
+    const { fps } = (0, use_video_config_1.useVideoConfig)();
+    const mediaStartsAt = (0, use_audio_frame_1.useMediaStartsAt)();
+    const playbackRate = localPlaybackRate * globalPlaybackRate;
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (!playing) {
+            (_a = mediaRef.current) === null || _a === void 0 ? void 0 : _a.pause();
+        }
+    }, [mediaRef, mediaType, playing]);
+    (0, react_1.useEffect)(() => {
+        const tagName = mediaType === 'audio' ? '<Audio>' : '<Video>';
+        if (!mediaRef.current) {
+            throw new Error(`No ${mediaType} ref found`);
+        }
+        if (!src) {
+            throw new Error(`No 'src' attribute was passed to the ${tagName} element.`);
+        }
+        mediaRef.current.playbackRate = Math.max(0, playbackRate);
+        const shouldBeTime = (0, get_current_time_1.getMediaTime)({
+            fps,
+            frame,
+            src,
+            playbackRate: localPlaybackRate,
+            startFrom: -mediaStartsAt,
+        });
+        const isTime = mediaRef.current.currentTime;
+        const timeShift = Math.abs(shouldBeTime - isTime);
+        if (timeShift > 0.45 && !mediaRef.current.ended) {
+            console.log('Time has shifted by', timeShift, 'sec. Fixing...', `(isTime=${isTime},shouldBeTime=${shouldBeTime})`);
+            // If scrubbing around, adjust timing
+            // or if time shift is bigger than 0.2sec
+            mediaRef.current.currentTime = shouldBeTime;
+            (0, warn_about_non_seekable_media_1.warnAboutNonSeekableMedia)(mediaRef.current);
+        }
+        if (!playing || absoluteFrame === 0) {
+            mediaRef.current.currentTime = shouldBeTime;
+        }
+        if (mediaRef.current.paused && !mediaRef.current.ended && playing) {
+            const { current } = mediaRef;
+            current.currentTime = shouldBeTime;
+            (0, play_and_handle_not_allowed_error_1.playAndHandleNotAllowedError)(mediaRef, mediaType);
+        }
+    }, [
+        absoluteFrame,
+        fps,
+        playbackRate,
+        frame,
+        mediaRef,
+        mediaType,
+        playing,
+        src,
+        mediaStartsAt,
+        localPlaybackRate,
+    ]);
+};
+exports.useMediaPlayback = useMediaPlayback;
+//# sourceMappingURL=use-media-playback.js.map

package/dist/cjs/use-media-playback.js.map

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

package/dist/cjs/use-media-tag-volume.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+export declare const useMediaTagVolume: (mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement>) => number;
+//# sourceMappingURL=use-media-tag-volume.d.ts.map

package/dist/cjs/use-media-tag-volume.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-tag-volume.d.ts","sourceRoot":"","sources":["../../src/use-media-tag-volume.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,MAAM,OAAO,CAAC;AAIrD,eAAO,MAAM,iBAAiB,aACnB,UAAU,gBAAgB,GAAG,gBAAgB,CAAC,WA8BxD,CAAC"}

package/dist/cjs/use-media-tag-volume.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMediaTagVolume = void 0;
+const react_1 = require("react");
+// Returns the real volume of the audio or video while playing,
+// no matter what the supposed volume should be
+const useMediaTagVolume = (mediaRef) => {
+    const [actualVolume, setActualVolume] = (0, react_1.useState)(1);
+    (0, react_1.useEffect)(() => {
+        const ref = mediaRef.current;
+        if (!ref) {
+            return;
+        }
+        const onChange = () => {
+            setActualVolume(ref.volume);
+        };
+        ref.addEventListener('volumechange', onChange);
+        return () => ref.removeEventListener('volumechange', onChange);
+    }, [mediaRef]);
+    (0, react_1.useEffect)(() => {
+        const ref = mediaRef.current;
+        if (!ref) {
+            return;
+        }
+        if (ref.volume !== actualVolume) {
+            setActualVolume(ref.volume);
+        }
+    }, [actualVolume, mediaRef]);
+    return actualVolume;
+};
+exports.useMediaTagVolume = useMediaTagVolume;
+//# sourceMappingURL=use-media-tag-volume.js.map

package/dist/cjs/use-media-tag-volume.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-tag-volume.js","sourceRoot":"","sources":["../../src/use-media-tag-volume.ts"],"names":[],"mappings":";;;AAAA,iCAAqD;AAErD,+DAA+D;AAC/D,+CAA+C;AACxC,MAAM,iBAAiB,GAAG,CAChC,QAAwD,EACvD,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAEpD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,GAAG,EAAE;YACT,OAAO;SACP;QAED,MAAM,QAAQ,GAAG,GAAG,EAAE;YACrB,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC7B,CAAC,CAAC;QAEF,GAAG,CAAC,gBAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;QAC/C,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,GAAG,EAAE;YACT,OAAO;SACP;QAED,IAAI,GAAG,CAAC,MAAM,KAAK,YAAY,EAAE;YAChC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;SAC5B;IACF,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,OAAO,YAAY,CAAC;AACrB,CAAC,CAAC;AA/BW,QAAA,iBAAiB,qBA+B5B"}

package/dist/cjs/use-sync-volume-with-media-tag.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+import { VolumeProp } from './volume-prop';
+export declare type UseSyncVolumeWithMediaTagOptions = {
+    volumePropFrame: number;
+    actualVolume: number;
+    volume?: VolumeProp;
+    mediaVolume: number;
+    mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement>;
+};
+export declare const useSyncVolumeWithMediaTag: ({ volumePropFrame, actualVolume, volume, mediaVolume, mediaRef, }: UseSyncVolumeWithMediaTagOptions) => void;
+//# sourceMappingURL=use-sync-volume-with-media-tag.d.ts.map

package/dist/cjs/use-sync-volume-with-media-tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-volume-with-media-tag.d.ts","sourceRoot":"","sources":["../../src/use-sync-volume-with-media-tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAY,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAiB,UAAU,EAAC,MAAM,eAAe,CAAC;AAEzD,oBAAY,gCAAgC,GAAG;IAC9C,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,yBAAyB,sEAMnC,gCAAgC,SAclC,CAAC"}

package/dist/cjs/use-sync-volume-with-media-tag.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSyncVolumeWithMediaTag = void 0;
+const react_1 = require("react");
+const is_approximately_the_same_1 = require("./is-approximately-the-same");
+const volume_prop_1 = require("./volume-prop");
+const useSyncVolumeWithMediaTag = ({ volumePropFrame, actualVolume, volume, mediaVolume, mediaRef, }) => {
+    (0, react_1.useEffect)(() => {
+        const userPreferredVolume = (0, volume_prop_1.evaluateVolume)({
+            frame: volumePropFrame,
+            volume,
+            mediaVolume,
+        });
+        if (!(0, is_approximately_the_same_1.isApproximatelyTheSame)(userPreferredVolume, actualVolume) &&
+            mediaRef.current) {
+            mediaRef.current.volume = userPreferredVolume;
+        }
+    }, [actualVolume, volumePropFrame, mediaRef, volume, mediaVolume]);
+};
+exports.useSyncVolumeWithMediaTag = useSyncVolumeWithMediaTag;
+//# sourceMappingURL=use-sync-volume-with-media-tag.js.map

package/dist/cjs/use-sync-volume-with-media-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-volume-with-media-tag.js","sourceRoot":"","sources":["../../src/use-sync-volume-with-media-tag.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAC3C,2EAAmE;AACnE,+CAAyD;AAUlD,MAAM,yBAAyB,GAAG,CAAC,EACzC,eAAe,EACf,YAAY,EACZ,MAAM,EACN,WAAW,EACX,QAAQ,GAC0B,EAAE,EAAE;IACtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,mBAAmB,GAAG,IAAA,4BAAc,EAAC;YAC1C,KAAK,EAAE,eAAe;YACtB,MAAM;YACN,WAAW;SACX,CAAC,CAAC;QACH,IACC,CAAC,IAAA,kDAAsB,EAAC,mBAAmB,EAAE,YAAY,CAAC;YAC1D,QAAQ,CAAC,OAAO,EACf;YACD,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,mBAAmB,CAAC;SAC9C;IACF,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;AACpE,CAAC,CAAC;AApBW,QAAA,yBAAyB,6BAoBpC"}

package/dist/cjs/use-unsafe-video-config.d.ts

@@ -0,0 +1,3 @@
+import { VideoConfig } from './video-config';
+export declare const useUnsafeVideoConfig: () => VideoConfig | null;
+//# sourceMappingURL=use-unsafe-video-config.d.ts.map

package/dist/cjs/use-unsafe-video-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-unsafe-video-config.d.ts","sourceRoot":"","sources":["../../src/use-unsafe-video-config.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3C,eAAO,MAAM,oBAAoB,QAAO,WAAW,GAAG,IAmBrD,CAAC"}

package/dist/cjs/use-unsafe-video-config.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUnsafeVideoConfig = void 0;
+const react_1 = require("react");
+const sequencing_1 = require("./sequencing");
+const use_video_1 = require("./use-video");
+const useUnsafeVideoConfig = () => {
+    var _a;
+    const context = (0, react_1.useContext)(sequencing_1.SequenceContext);
+    const ctxDuration = (_a = context === null || context === void 0 ? void 0 : context.durationInFrames) !== null && _a !== void 0 ? _a : null;
+    const video = (0, use_video_1.useVideo)();
+    return (0, react_1.useMemo)(() => {
+        if (!video) {
+            return null;
+        }
+        const { durationInFrames, fps, height, width } = video;
+        return {
+            width,
+            height,
+            fps,
+            durationInFrames: ctxDuration !== null && ctxDuration !== void 0 ? ctxDuration : durationInFrames,
+        };
+    }, [ctxDuration, video]);
+};
+exports.useUnsafeVideoConfig = useUnsafeVideoConfig;
+//# sourceMappingURL=use-unsafe-video-config.js.map

package/dist/cjs/use-unsafe-video-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-unsafe-video-config.js","sourceRoot":"","sources":["../../src/use-unsafe-video-config.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,6CAA6C;AAC7C,2CAAqC;AAG9B,MAAM,oBAAoB,GAAG,GAAuB,EAAE;;IAC5D,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,4BAAe,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,mCAAI,IAAI,CAAC;IACtD,MAAM,KAAK,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAEzB,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QACnB,IAAI,CAAC,KAAK,EAAE;YACX,OAAO,IAAI,CAAC;SACZ;QAED,MAAM,EAAC,gBAAgB,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC;QAErD,OAAO;YACN,KAAK;YACL,MAAM;YACN,GAAG;YACH,gBAAgB,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,gBAAgB;SACjD,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;AAC1B,CAAC,CAAC;AAnBW,QAAA,oBAAoB,wBAmB/B"}

package/dist/cjs/use-video-config.d.ts

@@ -0,0 +1,8 @@
+import { VideoConfig } from './video-config';
+/**
+ * Get some info about the context of the video that you are making.
+ * Returns an object containing `fps`, `width`, `height` and `durationInFrames`, all of type `number`.
+ * @link https://www.remotion.dev/docs/use-video-config
+ */
+export declare const useVideoConfig: () => VideoConfig;
+//# sourceMappingURL=use-video-config.d.ts.map

package/dist/cjs/use-video-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-video-config.d.ts","sourceRoot":"","sources":["../../src/use-video-config.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,cAAc,QAAO,WAUjC,CAAC"}

package/dist/cjs/use-video-config.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVideoConfig = void 0;
+const use_unsafe_video_config_1 = require("./use-unsafe-video-config");
+/**
+ * Get some info about the context of the video that you are making.
+ * Returns an object containing `fps`, `width`, `height` and `durationInFrames`, all of type `number`.
+ * @link https://www.remotion.dev/docs/use-video-config
+ */
+const useVideoConfig = () => {
+    const videoConfig = (0, use_unsafe_video_config_1.useUnsafeVideoConfig)();
+    if (!videoConfig) {
+        throw new Error('No video config found. You are probably calling useVideoConfig() from a component which has not been registered as a <Composition />. See https://www.remotion.dev/docs/the-fundamentals#defining-compositions for more information.');
+    }
+    return videoConfig;
+};
+exports.useVideoConfig = useVideoConfig;
+//# sourceMappingURL=use-video-config.js.map

package/dist/cjs/use-video-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-video-config.js","sourceRoot":"","sources":["../../src/use-video-config.ts"],"names":[],"mappings":";;;AAAA,uEAA+D;AAG/D;;;;GAIG;AACI,MAAM,cAAc,GAAG,GAAgB,EAAE;IAC/C,MAAM,WAAW,GAAG,IAAA,8CAAoB,GAAE,CAAC;IAE3C,IAAI,CAAC,WAAW,EAAE;QACjB,MAAM,IAAI,KAAK,CACd,sOAAsO,CACtO,CAAC;KACF;IAED,OAAO,WAAW,CAAC;AACpB,CAAC,CAAC;AAVW,QAAA,cAAc,kBAUzB"}

package/dist/cjs/use-video.d.ts

@@ -0,0 +1,2 @@
+export declare const useVideo: () => import("./CompositionManager").TComposition<unknown> | null;
+//# sourceMappingURL=use-video.d.ts.map

package/dist/cjs/use-video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-video.d.ts","sourceRoot":"","sources":["../../src/use-video.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,mEASpB,CAAC"}

package/dist/cjs/use-video.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVideo = void 0;
+const react_1 = require("react");
+const CompositionManager_1 = require("./CompositionManager");
+const useVideo = () => {
+    const context = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
+    return (0, react_1.useMemo)(() => {
+        var _a;
+        return (_a = context.compositions.find((c) => {
+            return c.id === context.currentComposition;
+        })) !== null && _a !== void 0 ? _a : null;
+    }, [context.compositions, context.currentComposition]);
+};
+exports.useVideo = useVideo;
+//# sourceMappingURL=use-video.js.map

package/dist/cjs/use-video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-video.js","sourceRoot":"","sources":["../../src/use-video.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,6DAAwD;AAEjD,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,uCAAkB,CAAC,CAAC;IAC/C,OAAO,IAAA,eAAO,EACb,GAAG,EAAE;;QACJ,OAAA,MAAA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YAC/B,OAAO,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,kBAAkB,CAAC;QAC5C,CAAC,CAAC,mCAAI,IAAI,CAAA;KAAA,EACX,CAAC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAClD,CAAC;AACH,CAAC,CAAC;AATW,QAAA,QAAQ,YASnB"}

package/dist/cjs/validate-media-props.d.ts

@@ -0,0 +1,4 @@
+import { RemotionAudioProps } from './audio';
+import { RemotionVideoProps } from './video';
+export declare const validateMediaProps: (props: RemotionVideoProps | RemotionAudioProps, component: 'Video' | 'Audio') => void;
+//# sourceMappingURL=validate-media-props.d.ts.map

package/dist/cjs/validate-media-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-media-props.d.ts","sourceRoot":"","sources":["../../src/validate-media-props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,kBAAkB,UACvB,kBAAkB,GAAG,kBAAkB,aACnC,OAAO,GAAG,OAAO,SAqC5B,CAAC"}

package/dist/cjs/validate-media-props.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateMediaProps = void 0;
+const validateMediaProps = (props, component) => {
+    if (typeof props.volume !== 'number' &&
+        typeof props.volume !== 'function' &&
+        typeof props.volume !== 'undefined') {
+        throw new TypeError(`You have passed a volume of type ${typeof props.volume} to your <${component} /> component. Volume must be a number or a function with the signature '(frame: number) => number' undefined.`);
+    }
+    if (typeof props.volume === 'number' && props.volume < 0) {
+        throw new TypeError(`You have passed a volume below 0 to your <${component} /> component. Volume must be between 0 and 1`);
+    }
+    if (typeof props.playbackRate !== 'number' &&
+        typeof props.playbackRate !== 'undefined') {
+        throw new TypeError(`You have passed a playbackRate of type ${typeof props.playbackRate} to your <${component} /> component. Playback rate must a real number or undefined.`);
+    }
+    if (typeof props.playbackRate === 'number' &&
+        (isNaN(props.playbackRate) ||
+            !Number.isFinite(props.playbackRate) ||
+            props.playbackRate <= 0)) {
+        throw new TypeError(`You have passed a playbackRate of ${props.playbackRate} to your <${component} /> component. Playback rate must be a real number above 0.`);
+    }
+};
+exports.validateMediaProps = validateMediaProps;
+//# sourceMappingURL=validate-media-props.js.map

package/dist/cjs/validate-media-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-media-props.js","sourceRoot":"","sources":["../../src/validate-media-props.ts"],"names":[],"mappings":";;;AAGO,MAAM,kBAAkB,GAAG,CACjC,KAA8C,EAC9C,SAA4B,EAC3B,EAAE;IACH,IACC,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ;QAChC,OAAO,KAAK,CAAC,MAAM,KAAK,UAAU;QAClC,OAAO,KAAK,CAAC,MAAM,KAAK,WAAW,EAClC;QACD,MAAM,IAAI,SAAS,CAClB,oCAAoC,OAAO,KAAK,CAAC,MAAM,aAAa,SAAS,gHAAgH,CAC7L,CAAC;KACF;IAED,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QACzD,MAAM,IAAI,SAAS,CAClB,6CAA6C,SAAS,+CAA+C,CACrG,CAAC;KACF;IAED,IACC,OAAO,KAAK,CAAC,YAAY,KAAK,QAAQ;QACtC,OAAO,KAAK,CAAC,YAAY,KAAK,WAAW,EACxC;QACD,MAAM,IAAI,SAAS,CAClB,0CAA0C,OAAO,KAAK,CAAC,YAAY,aAAa,SAAS,+DAA+D,CACxJ,CAAC;KACF;IAED,IACC,OAAO,KAAK,CAAC,YAAY,KAAK,QAAQ;QACtC,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC;YACzB,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC;YACpC,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC,EACxB;QACD,MAAM,IAAI,SAAS,CAClB,qCAAqC,KAAK,CAAC,YAAY,aAAa,SAAS,6DAA6D,CAC1I,CAAC;KACF;AACF,CAAC,CAAC;AAvCW,QAAA,kBAAkB,sBAuC7B"}

package/dist/cjs/validate-start-from-props.d.ts

@@ -0,0 +1,2 @@
+export declare const validateStartFromProps: (startFrom: number | undefined, endAt: number | undefined) => void;
+//# sourceMappingURL=validate-start-from-props.d.ts.map

package/dist/cjs/validate-start-from-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-start-from-props.d.ts","sourceRoot":"","sources":["../../src/validate-start-from-props.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,cACvB,MAAM,GAAG,SAAS,SACtB,MAAM,GAAG,SAAS,SAyCzB,CAAC"}

package/dist/cjs/validate-start-from-props.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateStartFromProps = void 0;
+const validateStartFromProps = (startFrom, endAt) => {
+    if (typeof startFrom !== 'undefined') {
+        if (typeof startFrom !== 'number') {
+            throw new TypeError(`type of startFrom prop must be a number, instead got type ${typeof startFrom}.`);
+        }
+        if (isNaN(startFrom) || startFrom === Infinity) {
+            throw new TypeError('startFrom prop can not be NaN or Infinity.');
+        }
+        if (startFrom < 0) {
+            throw new TypeError(`startFrom must be greater than equal to 0 instead got ${startFrom}.`);
+        }
+    }
+    if (typeof endAt !== 'undefined') {
+        if (typeof endAt !== 'number') {
+            throw new TypeError(`type of endAt prop must be a number, instead got type ${typeof endAt}.`);
+        }
+        if (isNaN(endAt)) {
+            throw new TypeError('endAt prop can not be NaN.');
+        }
+        if (endAt <= 0) {
+            throw new TypeError(`endAt must be a positive number, instead got ${endAt}.`);
+        }
+    }
+    if (endAt < startFrom) {
+        throw new TypeError('endAt prop must be greater than startFrom prop.');
+    }
+};
+exports.validateStartFromProps = validateStartFromProps;
+//# sourceMappingURL=validate-start-from-props.js.map

package/dist/cjs/validate-start-from-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-start-from-props.js","sourceRoot":"","sources":["../../src/validate-start-from-props.ts"],"names":[],"mappings":";;;AAAO,MAAM,sBAAsB,GAAG,CACrC,SAA6B,EAC7B,KAAyB,EACxB,EAAE;IACH,IAAI,OAAO,SAAS,KAAK,WAAW,EAAE;QACrC,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;YAClC,MAAM,IAAI,SAAS,CAClB,6DAA6D,OAAO,SAAS,GAAG,CAChF,CAAC;SACF;QAED,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,SAAS,KAAK,QAAQ,EAAE;YAC/C,MAAM,IAAI,SAAS,CAAC,4CAA4C,CAAC,CAAC;SAClE;QAED,IAAI,SAAS,GAAG,CAAC,EAAE;YAClB,MAAM,IAAI,SAAS,CAClB,yDAAyD,SAAS,GAAG,CACrE,CAAC;SACF;KACD;IAED,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;QACjC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC9B,MAAM,IAAI,SAAS,CAClB,yDAAyD,OAAO,KAAK,GAAG,CACxE,CAAC;SACF;QAED,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE;YACjB,MAAM,IAAI,SAAS,CAAC,4BAA4B,CAAC,CAAC;SAClD;QAED,IAAI,KAAK,IAAI,CAAC,EAAE;YACf,MAAM,IAAI,SAAS,CAClB,gDAAgD,KAAK,GAAG,CACxD,CAAC;SACF;KACD;IAED,IAAK,KAAgB,GAAI,SAAoB,EAAE;QAC9C,MAAM,IAAI,SAAS,CAAC,iDAAiD,CAAC,CAAC;KACvE;AACF,CAAC,CAAC;AA3CW,QAAA,sBAAsB,0BA2CjC"}

package/dist/cjs/validation/validate-composition-id.d.ts

@@ -0,0 +1,4 @@
+export declare const validateCompositionId: (id: string) => void;
+export declare const isCompositionIdValid: (id: string) => RegExpMatchArray | null;
+export declare const invalidCompositionErrorMessage: string;
+//# sourceMappingURL=validate-composition-id.d.ts.map

package/dist/cjs/validation/validate-composition-id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-composition-id.d.ts","sourceRoot":"","sources":["../../../src/validation/validate-composition-id.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,OAAQ,MAAM,SAM/C,CAAC;AAIF,eAAO,MAAM,oBAAoB,OAAQ,MAAM,4BAAyB,CAAC;AAEzE,eAAO,MAAM,8BAA8B,QAExC,CAAC"}

package/dist/cjs/validation/validate-composition-id.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.invalidCompositionErrorMessage = exports.isCompositionIdValid = exports.validateCompositionId = void 0;
+const validateCompositionId = (id) => {
+    if (!(0, exports.isCompositionIdValid)(id)) {
+        throw new Error(`Composition id can only contain a-z, A-Z, 0-9 and -. You passed ${id}`);
+    }
+};
+exports.validateCompositionId = validateCompositionId;
+const getRegex = () => /^([a-zA-Z0-9-])+$/g;
+const isCompositionIdValid = (id) => id.match(getRegex());
+exports.isCompositionIdValid = isCompositionIdValid;
+exports.invalidCompositionErrorMessage = `Composition ID must match ${String(getRegex())}`;
+//# sourceMappingURL=validate-composition-id.js.map

package/dist/cjs/validation/validate-composition-id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-composition-id.js","sourceRoot":"","sources":["../../../src/validation/validate-composition-id.ts"],"names":[],"mappings":";;;AAAO,MAAM,qBAAqB,GAAG,CAAC,EAAU,EAAE,EAAE;IACnD,IAAI,CAAC,IAAA,4BAAoB,EAAC,EAAE,CAAC,EAAE;QAC9B,MAAM,IAAI,KAAK,CACd,mEAAmE,EAAE,EAAE,CACvE,CAAC;KACF;AACF,CAAC,CAAC;AANW,QAAA,qBAAqB,yBAMhC;AAEF,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC;AAErC,MAAM,oBAAoB,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;AAA5D,QAAA,oBAAoB,wBAAwC;AAE5D,QAAA,8BAA8B,GAAG,6BAA6B,MAAM,CAChF,QAAQ,EAAE,CACV,EAAE,CAAC"}

package/dist/cjs/validation/validate-dimensions.d.ts

@@ -0,0 +1,2 @@
+export declare const validateDimension: (amount: number, nameOfProp: string, location: string) => void;
+//# sourceMappingURL=validate-dimensions.d.ts.map

package/dist/cjs/validation/validate-dimensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-dimensions.d.ts","sourceRoot":"","sources":["../../../src/validation/validate-dimensions.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,WACrB,MAAM,cACF,MAAM,YACR,MAAM,SA+BhB,CAAC"}

package/dist/cjs/validation/validate-dimensions.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateDimension = void 0;
+const validateDimension = (amount, nameOfProp, location) => {
+    if (typeof amount !== 'number') {
+        throw new Error(`The "${nameOfProp}" prop ${location} must be a number, but you passed a value of type ${typeof amount}`);
+    }
+    if (isNaN(amount)) {
+        throw new TypeError(`The "${nameOfProp}" prop ${location} must not be NaN, but is NaN.`);
+    }
+    if (!Number.isFinite(amount)) {
+        throw new TypeError(`The "${nameOfProp}" prop ${location} must be finite, but is ${amount}.`);
+    }
+    if (amount % 1 !== 0) {
+        throw new TypeError(`The "${nameOfProp}" prop ${location} must be an integer, but is ${amount}.`);
+    }
+    if (amount <= 0) {
+        throw new TypeError(`The "${nameOfProp}" prop ${location} must be positive, but got ${amount}.`);
+    }
+};
+exports.validateDimension = validateDimension;
+//# sourceMappingURL=validate-dimensions.js.map

package/dist/cjs/validation/validate-dimensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-dimensions.js","sourceRoot":"","sources":["../../../src/validation/validate-dimensions.ts"],"names":[],"mappings":";;;AAAO,MAAM,iBAAiB,GAAG,CAChC,MAAc,EACd,UAAkB,EAClB,QAAgB,EACf,EAAE;IACH,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC/B,MAAM,IAAI,KAAK,CACd,QAAQ,UAAU,UAAU,QAAQ,qDAAqD,OAAO,MAAM,EAAE,CACxG,CAAC;KACF;IAED,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE;QAClB,MAAM,IAAI,SAAS,CAClB,QAAQ,UAAU,UAAU,QAAQ,+BAA+B,CACnE,CAAC;KACF;IAED,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAC7B,MAAM,IAAI,SAAS,CAClB,QAAQ,UAAU,UAAU,QAAQ,2BAA2B,MAAM,GAAG,CACxE,CAAC;KACF;IAED,IAAI,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE;QACrB,MAAM,IAAI,SAAS,CAClB,QAAQ,UAAU,UAAU,QAAQ,+BAA+B,MAAM,GAAG,CAC5E,CAAC;KACF;IAED,IAAI,MAAM,IAAI,CAAC,EAAE;QAChB,MAAM,IAAI,SAAS,CAClB,QAAQ,UAAU,UAAU,QAAQ,8BAA8B,MAAM,GAAG,CAC3E,CAAC;KACF;AACF,CAAC,CAAC;AAlCW,QAAA,iBAAiB,qBAkC5B"}

package/dist/cjs/validation/validate-duration-in-frames.d.ts

@@ -0,0 +1,2 @@
+export declare const validateDurationInFrames: (durationInFrames: number, component: string) => void;
+//# sourceMappingURL=validate-duration-in-frames.d.ts.map

package/dist/cjs/validation/validate-duration-in-frames.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-duration-in-frames.d.ts","sourceRoot":"","sources":["../../../src/validation/validate-duration-in-frames.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,qBAClB,MAAM,aACb,MAAM,SAmBjB,CAAC"}

package/dist/cjs/validation/validate-duration-in-frames.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateDurationInFrames = void 0;
+const validateDurationInFrames = (durationInFrames, component) => {
+    if (typeof durationInFrames !== 'number') {
+        throw new Error(`The "durationInFrames" prop ${component} must be a number, but you passed a value of type ${typeof durationInFrames}`);
+    }
+    if (durationInFrames <= 0) {
+        throw new TypeError(`The "durationInFrames" prop ${component} must be positive, but got ${durationInFrames}.`);
+    }
+    if (durationInFrames % 1 !== 0) {
+        throw new TypeError(`The "durationInFrames" prop ${component} must be an integer, but got ${durationInFrames}.`);
+    }
+};
+exports.validateDurationInFrames = validateDurationInFrames;
+//# sourceMappingURL=validate-duration-in-frames.js.map

package/dist/cjs/validation/validate-duration-in-frames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-duration-in-frames.js","sourceRoot":"","sources":["../../../src/validation/validate-duration-in-frames.ts"],"names":[],"mappings":";;;AAAO,MAAM,wBAAwB,GAAG,CACvC,gBAAwB,EACxB,SAAiB,EAChB,EAAE;IACH,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE;QACzC,MAAM,IAAI,KAAK,CACd,+BAA+B,SAAS,qDAAqD,OAAO,gBAAgB,EAAE,CACtH,CAAC;KACF;IAED,IAAI,gBAAgB,IAAI,CAAC,EAAE;QAC1B,MAAM,IAAI,SAAS,CAClB,+BAA+B,SAAS,8BAA8B,gBAAgB,GAAG,CACzF,CAAC;KACF;IAED,IAAI,gBAAgB,GAAG,CAAC,KAAK,CAAC,EAAE;QAC/B,MAAM,IAAI,SAAS,CAClB,+BAA+B,SAAS,gCAAgC,gBAAgB,GAAG,CAC3F,CAAC;KACF;AACF,CAAC,CAAC;AArBW,QAAA,wBAAwB,4BAqBnC"}

package/dist/cjs/validation/validate-fps.d.ts

@@ -0,0 +1,2 @@
+export declare const validateFps: (fps: number, location: string) => void;
+//# sourceMappingURL=validate-fps.d.ts.map

package/dist/cjs/validation/validate-fps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-fps.d.ts","sourceRoot":"","sources":["../../../src/validation/validate-fps.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,QAAS,MAAM,YAAY,MAAM,SAoBxD,CAAC"}