remotion 3.0.0-lambda.439 → 3.0.0-lambda.444

package/dist/cjs/timeline-inout-position-state.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare type TimelineInOutContextValue = {
+    inFrame: number | null;
+    outFrame: number | null;
+};
+export declare type SetTimelineInOutContextValue = {
+    setInAndOutFrames: (u: React.SetStateAction<TimelineInOutContextValue>) => void;
+};
+export declare const TimelineInOutContext: React.Context<TimelineInOutContextValue>;
+export declare const SetTimelineInOutContext: React.Context<SetTimelineInOutContextValue>;
+export declare const useTimelineInOutFramePosition: () => TimelineInOutContextValue;
+export declare const useTimelineSetInOutFramePosition: () => SetTimelineInOutContextValue;
+//# sourceMappingURL=timeline-inout-position-state.d.ts.map

package/dist/cjs/timeline-inout-position-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-inout-position-state.d.ts","sourceRoot":"","sources":["../../src/timeline-inout-position-state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAEvD,oBAAY,yBAAyB,GAAG;IACvC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IAC1C,iBAAiB,EAAE,CAClB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,yBAAyB,CAAC,KAC9C,IAAI,CAAC;CACV,CAAC;AAEF,eAAO,MAAM,oBAAoB,0CAG/B,CAAC;AAEH,eAAO,MAAM,uBAAuB,6CAMlC,CAAC;AAEH,eAAO,MAAM,6BAA6B,QAAO,yBAGhD,CAAC;AAEF,eAAO,MAAM,gCAAgC,QAAO,4BAGnD,CAAC"}

package/dist/cjs/timeline-inout-position-state.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTimelineSetInOutFramePosition = exports.useTimelineInOutFramePosition = exports.SetTimelineInOutContext = exports.TimelineInOutContext = void 0;
+const react_1 = require("react");
+exports.TimelineInOutContext = (0, react_1.createContext)({
+    inFrame: null,
+    outFrame: null,
+});
+exports.SetTimelineInOutContext = (0, react_1.createContext)({
+    setInAndOutFrames: () => {
+        throw new Error('default');
+    },
+});
+const useTimelineInOutFramePosition = () => {
+    const state = (0, react_1.useContext)(exports.TimelineInOutContext);
+    return state;
+};
+exports.useTimelineInOutFramePosition = useTimelineInOutFramePosition;
+const useTimelineSetInOutFramePosition = () => {
+    const { setInAndOutFrames } = (0, react_1.useContext)(exports.SetTimelineInOutContext);
+    return { setInAndOutFrames };
+};
+exports.useTimelineSetInOutFramePosition = useTimelineSetInOutFramePosition;
+//# sourceMappingURL=timeline-inout-position-state.js.map

package/dist/cjs/timeline-inout-position-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-inout-position-state.js","sourceRoot":"","sources":["../../src/timeline-inout-position-state.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AAa1C,QAAA,oBAAoB,GAAG,IAAA,qBAAa,EAA4B;IAC5E,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,IAAI;CACd,CAAC,CAAC;AAEU,QAAA,uBAAuB,GAAG,IAAA,qBAAa,EAElD;IACD,iBAAiB,EAAE,GAAG,EAAE;QACvB,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;CACD,CAAC,CAAC;AAEI,MAAM,6BAA6B,GAAG,GAA8B,EAAE;IAC5E,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,4BAAoB,CAAC,CAAC;IAC/C,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AAHW,QAAA,6BAA6B,iCAGxC;AAEK,MAAM,gCAAgC,GAAG,GAAiC,EAAE;IAClF,MAAM,EAAC,iBAAiB,EAAC,GAAG,IAAA,kBAAU,EAAC,+BAAuB,CAAC,CAAC;IAChE,OAAO,EAAC,iBAAiB,EAAC,CAAC;AAC5B,CAAC,CAAC;AAHW,QAAA,gCAAgC,oCAG3C"}

package/dist/cjs/timeline-position-state.d.ts

@@ -0,0 +1,30 @@
+import { MutableRefObject } from 'react';
+export declare type PlayableMediaTag = {
+    play: () => void;
+    id: string;
+};
+export declare type TimelineContextValue = {
+    frame: number;
+    playing: boolean;
+    rootId: string;
+    playbackRate: number;
+    imperativePlaying: MutableRefObject<boolean>;
+    setPlaybackRate: (u: React.SetStateAction<number>) => void;
+    audioAndVideoTags: MutableRefObject<PlayableMediaTag[]>;
+};
+export declare type SetTimelineContextValue = {
+    setFrame: (u: React.SetStateAction<number>) => void;
+    setPlaying: (u: React.SetStateAction<boolean>) => void;
+};
+export declare const TimelineContext: import("react").Context<TimelineContextValue>;
+export declare const SetTimelineContext: import("react").Context<SetTimelineContextValue>;
+export declare const useTimelinePosition: () => number;
+export declare const useTimelineSetFrame: () => (u: React.SetStateAction<number>) => void;
+declare type PlayingReturnType = readonly [
+    boolean,
+    (u: React.SetStateAction<boolean>) => void,
+    MutableRefObject<boolean>
+];
+export declare const usePlayingState: () => PlayingReturnType;
+export {};
+//# sourceMappingURL=timeline-position-state.d.ts.map

package/dist/cjs/timeline-position-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-position-state.d.ts","sourceRoot":"","sources":["../../src/timeline-position-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,gBAAgB,EAAsB,MAAM,OAAO,CAAC;AAE3E,oBAAY,gBAAgB,GAAG;IAC9B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC3D,iBAAiB,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,CAAC,CAAC;CACxD,CAAC;AAEF,oBAAY,uBAAuB,GAAG;IACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACpD,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,eAAe,+CAY1B,CAAC;AAEH,eAAO,MAAM,kBAAkB,kDAO7B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAAO,MAGtC,CAAC;AAEF,eAAO,MAAM,mBAAmB,YAC5B,MAAM,cAAc,CAAC,MAAM,CAAC,KAC3B,IAGJ,CAAC;AAEF,aAAK,iBAAiB,GAAG,SAAS;IACjC,OAAO;IACP,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI;IAC1C,gBAAgB,CAAC,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,eAAe,yBAQ3B,CAAC"}

package/dist/cjs/timeline-position-state.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePlayingState = exports.useTimelineSetFrame = exports.useTimelinePosition = exports.SetTimelineContext = exports.TimelineContext = void 0;
+const react_1 = require("react");
+exports.TimelineContext = (0, react_1.createContext)({
+    frame: 0,
+    playing: false,
+    playbackRate: 1,
+    rootId: '',
+    imperativePlaying: {
+        current: false,
+    },
+    setPlaybackRate: () => {
+        throw new Error('default');
+    },
+    audioAndVideoTags: { current: [] },
+});
+exports.SetTimelineContext = (0, react_1.createContext)({
+    setFrame: () => {
+        throw new Error('default');
+    },
+    setPlaying: () => {
+        throw new Error('default');
+    },
+});
+const useTimelinePosition = () => {
+    const state = (0, react_1.useContext)(exports.TimelineContext);
+    return state.frame;
+};
+exports.useTimelinePosition = useTimelinePosition;
+const useTimelineSetFrame = () => {
+    const { setFrame } = (0, react_1.useContext)(exports.SetTimelineContext);
+    return setFrame;
+};
+exports.useTimelineSetFrame = useTimelineSetFrame;
+const usePlayingState = () => {
+    const { playing, imperativePlaying } = (0, react_1.useContext)(exports.TimelineContext);
+    const { setPlaying } = (0, react_1.useContext)(exports.SetTimelineContext);
+    return (0, react_1.useMemo)(() => [playing, setPlaying, imperativePlaying], [imperativePlaying, playing, setPlaying]);
+};
+exports.usePlayingState = usePlayingState;
+//# sourceMappingURL=timeline-position-state.js.map

package/dist/cjs/timeline-position-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-position-state.js","sourceRoot":"","sources":["../../src/timeline-position-state.ts"],"names":[],"mappings":";;;AAAA,iCAA2E;AAsB9D,QAAA,eAAe,GAAG,IAAA,qBAAa,EAAuB;IAClE,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,KAAK;IACd,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,EAAE;IACV,iBAAiB,EAAE;QAClB,OAAO,EAAE,KAAK;KACd;IACD,eAAe,EAAE,GAAG,EAAE;QACrB,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;IACD,iBAAiB,EAAE,EAAC,OAAO,EAAE,EAAE,EAAC;CAChC,CAAC,CAAC;AAEU,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAA0B;IACxE,QAAQ,EAAE,GAAG,EAAE;QACd,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;IACD,UAAU,EAAE,GAAG,EAAE;QAChB,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;CACD,CAAC,CAAC;AAEI,MAAM,mBAAmB,GAAG,GAAW,EAAE;IAC/C,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,uBAAe,CAAC,CAAC;IAC1C,OAAO,KAAK,CAAC,KAAK,CAAC;AACpB,CAAC,CAAC;AAHW,QAAA,mBAAmB,uBAG9B;AAEK,MAAM,mBAAmB,GAAG,GAExB,EAAE;IACZ,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;IAClD,OAAO,QAAQ,CAAC;AACjB,CAAC,CAAC;AALW,QAAA,mBAAmB,uBAK9B;AAQK,MAAM,eAAe,GAAG,GAAsB,EAAE;IACtD,MAAM,EAAC,OAAO,EAAE,iBAAiB,EAAC,GAAG,IAAA,kBAAU,EAAC,uBAAe,CAAC,CAAC;IACjE,MAAM,EAAC,UAAU,EAAC,GAAG,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;IAEpD,OAAO,IAAA,eAAO,EACb,GAAG,EAAE,CAAC,CAAC,OAAO,EAAE,UAAU,EAAE,iBAAiB,CAAC,EAC9C,CAAC,iBAAiB,EAAE,OAAO,EAAE,UAAU,CAAC,CACxC,CAAC;AACH,CAAC,CAAC;AARW,QAAA,eAAe,mBAQ1B"}

package/dist/cjs/timeout.d.ts

@@ -0,0 +1,4 @@
+export declare const DEFAULT_PUPPETEER_TIMEOUT = 30000;
+export declare const PUPPETEER_TIMEOUT_KEY = "remotion.puppeteerTimeout";
+export declare const setupPuppeteerTimeout: () => void;
+//# sourceMappingURL=timeout.d.ts.map

package/dist/cjs/timeout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeout.d.ts","sourceRoot":"","sources":["../../src/timeout.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,QAAQ,CAAC;AAE/C,eAAO,MAAM,qBAAqB,8BAA8B,CAAC;AAOjE,eAAO,MAAM,qBAAqB,YAEjC,CAAC"}

package/dist/cjs/timeout.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupPuppeteerTimeout = exports.PUPPETEER_TIMEOUT_KEY = exports.DEFAULT_PUPPETEER_TIMEOUT = void 0;
+exports.DEFAULT_PUPPETEER_TIMEOUT = 30000;
+exports.PUPPETEER_TIMEOUT_KEY = 'remotion.puppeteerTimeout';
+const getPuppeteerTimeout = () => {
+    const param = localStorage.getItem(exports.PUPPETEER_TIMEOUT_KEY);
+    return param ? Number(param) : exports.DEFAULT_PUPPETEER_TIMEOUT;
+};
+const setupPuppeteerTimeout = () => {
+    window.remotion_puppeteerTimeout = getPuppeteerTimeout();
+};
+exports.setupPuppeteerTimeout = setupPuppeteerTimeout;
+//# sourceMappingURL=timeout.js.map

package/dist/cjs/timeout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeout.js","sourceRoot":"","sources":["../../src/timeout.ts"],"names":[],"mappings":";;;AAAa,QAAA,yBAAyB,GAAG,KAAK,CAAC;AAElC,QAAA,qBAAqB,GAAG,2BAA2B,CAAC;AAEjE,MAAM,mBAAmB,GAAG,GAAW,EAAE;IACxC,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,6BAAqB,CAAC,CAAC;IAC1D,OAAO,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iCAAyB,CAAC;AAC1D,CAAC,CAAC;AAEK,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACzC,MAAM,CAAC,yBAAyB,GAAG,mBAAmB,EAAE,CAAC;AAC1D,CAAC,CAAC;AAFW,QAAA,qBAAqB,yBAEhC"}

package/dist/cjs/truthy.d.ts

@@ -0,0 +1,4 @@
+declare type Truthy<T> = T extends false | '' | 0 | null | undefined ? never : T;
+export declare function truthy<T>(value: T): value is Truthy<T>;
+export {};
+//# sourceMappingURL=truthy.d.ts.map

package/dist/cjs/truthy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"truthy.d.ts","sourceRoot":"","sources":["../../src/truthy.ts"],"names":[],"mappings":"AAAA,aAAK,MAAM,CAAC,CAAC,IAAI,CAAC,SAAS,KAAK,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAEzE,wBAAgB,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,CAEtD"}

package/dist/cjs/truthy.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.truthy = void 0;
+function truthy(value) {
+    return Boolean(value);
+}
+exports.truthy = truthy;
+//# sourceMappingURL=truthy.js.map

package/dist/cjs/truthy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truthy.js","sourceRoot":"","sources":["../../src/truthy.ts"],"names":[],"mappings":";;;AAEA,SAAgB,MAAM,CAAI,KAAQ;IACjC,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAFD,wBAEC"}

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

@@ -0,0 +1,8 @@
+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;
+//# sourceMappingURL=use-frame.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-frame.d.ts","sourceRoot":"","sources":["../../src/use-frame.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,uBAAuB,QAAO,MAI1C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,QAAO,MASlC,CAAC"}

package/dist/cjs/use-frame.js

@@ -0,0 +1,26 @@
+"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;
+//# sourceMappingURL=use-frame.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-frame.js","sourceRoot":"","sources":["../../src/use-frame.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AACjC,6CAA6C;AAC7C,uEAA8D;AAEvD,MAAM,uBAAuB,GAAG,GAAW,EAAE;IACnD,MAAM,gBAAgB,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE/C,OAAO,gBAAgB,CAAC;AACzB,CAAC,CAAC;AAJW,QAAA,uBAAuB,2BAIlC;AAEF;;;;GAIG;AACI,MAAM,eAAe,GAAG,GAAW,EAAE;IAC3C,MAAM,KAAK,GAAG,IAAA,+BAAuB,GAAE,CAAC;IACxC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,4BAAe,CAAC,CAAC;IAE5C,MAAM,aAAa,GAAG,OAAO;QAC5B,CAAC,CAAC,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC,YAAY;QAC9C,CAAC,CAAC,CAAC,CAAC;IAEL,OAAO,KAAK,GAAG,aAAa,CAAC;AAC9B,CAAC,CAAC;AATW,QAAA,eAAe,mBAS1B"}

package/dist/cjs/use-lazy-component.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { LooseAnyComponent } from './any-component';
+import { CompProps } from './internals';
+export declare const useLazyComponent: <T>(compProps: CompProps<T>) => React.LazyExoticComponent<LooseAnyComponent<T>>;
+//# sourceMappingURL=use-lazy-component.d.ts.map

package/dist/cjs/use-lazy-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-lazy-component.d.ts","sourceRoot":"","sources":["../../src/use-lazy-component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAGtC,eAAO,MAAM,gBAAgB,iFAkC5B,CAAC"}

package/dist/cjs/use-lazy-component.js

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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.useLazyComponent = void 0;
+const react_1 = __importStar(require("react"));
+// Expected, it can be any component props
+const useLazyComponent = (compProps) => {
+    const lazy = (0, react_1.useMemo)(() => {
+        if ('lazyComponent' in compProps) {
+            return react_1.default.lazy(compProps.lazyComponent);
+        }
+        if ('component' in compProps) {
+            // In SSR, suspense is not yet supported, we cannot use React.lazy
+            if (typeof document === 'undefined') {
+                return compProps.component;
+            }
+            return react_1.default.lazy(() => Promise.resolve({ default: compProps.component }));
+        }
+        throw new Error("You must pass either 'component' or 'lazyComponent'");
+        // Very important to leave the dependencies as they are, or instead
+        // the player will remount on every frame.
+        // @ts-expect-error
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [compProps.component, compProps.lazyComponent]);
+    return lazy;
+};
+exports.useLazyComponent = useLazyComponent;
+//# sourceMappingURL=use-lazy-component.js.map

package/dist/cjs/use-lazy-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-lazy-component.js","sourceRoot":"","sources":["../../src/use-lazy-component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqC;AAIrC,0CAA0C;AACnC,MAAM,gBAAgB,GAAG,CAC/B,SAAuB,EAC2B,EAAE;IACpD,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,IAAI,eAAe,IAAI,SAAS,EAAE;YACjC,OAAO,eAAK,CAAC,IAAI,CAChB,SAAS,CAAC,aAER,CACF,CAAC;SACF;QAED,IAAI,WAAW,IAAI,SAAS,EAAE;YAC7B,kEAAkE;YAClE,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;gBACpC,OAAQ,SAAS,CAAC,SAEjB,CAAC;aACF;YAED,OAAO,eAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CACtB,OAAO,CAAC,OAAO,CAAC,EAAC,OAAO,EAAE,SAAS,CAAC,SAAiC,EAAC,CAAC,CACvE,CAAC;SACF;QAED,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;QAEvE,mEAAmE;QACnE,0CAA0C;QAE1C,mBAAmB;QACnB,uDAAuD;IACxD,CAAC,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;IACnD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAlCW,QAAA,gBAAgB,oBAkC3B"}

package/dist/cjs/use-media-in-timeline.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+import { VolumeProp } from './volume-prop';
+export declare const useMediaInTimeline: ({ volume, mediaVolume, mediaRef, src, mediaType, }: {
+    volume: VolumeProp | undefined;
+    mediaVolume: number;
+    mediaRef: RefObject<HTMLAudioElement | HTMLVideoElement>;
+    src: string | undefined;
+    mediaType: 'audio' | 'video';
+}) => void;
+//# sourceMappingURL=use-media-in-timeline.d.ts.map

package/dist/cjs/use-media-in-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-in-timeline.d.ts","sourceRoot":"","sources":["../../src/use-media-in-timeline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAA2C,MAAM,OAAO,CAAC;AAa1E,OAAO,EAAiB,UAAU,EAAC,MAAM,eAAe,CAAC;AAazD,eAAO,MAAM,kBAAkB;YAOtB,UAAU,GAAG,SAAS;iBACjB,MAAM;cACT,UAAU,gBAAgB,GAAG,gBAAgB,CAAC;SACnD,MAAM,GAAG,SAAS;eACZ,OAAO,GAAG,OAAO;UAmH5B,CAAC"}

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