remotion 3.3.45 → 3.3.52

package/dist/cjs/test/series.test.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const server_1 = require("react-dom/server");
+const vitest_1 = require("vitest");
+const CanUseRemotionHooks_js_1 = require("../CanUseRemotionHooks.js");
+const series_1 = require("../series");
+const timeline_position_state_js_1 = require("../timeline-position-state.js");
+const use_current_frame_js_1 = require("../use-current-frame.js");
+const wrap_sequence_context_js_1 = require("./wrap-sequence-context.js");
+const First = () => {
+    const frame = (0, use_current_frame_js_1.useCurrentFrame)();
+    return (0, jsx_runtime_1.jsx)("div", { children: 'first ' + frame });
+};
+const Second = () => {
+    const frame = (0, use_current_frame_js_1.useCurrentFrame)();
+    return (0, jsx_runtime_1.jsx)("div", { children: 'second ' + frame });
+};
+const Third = () => {
+    const frame = (0, use_current_frame_js_1.useCurrentFrame)();
+    return (0, jsx_runtime_1.jsx)("div", { children: 'third ' + frame });
+};
+const renderForFrame = (frame, markup) => {
+    return (0, server_1.renderToString)((0, jsx_runtime_1.jsx)(CanUseRemotionHooks_js_1.CanUseRemotionHooksProvider, { children: (0, jsx_runtime_1.jsx)(timeline_position_state_js_1.TimelineContext.Provider, { value: {
+                rootId: '',
+                frame,
+                playing: false,
+                imperativePlaying: {
+                    current: false,
+                },
+                playbackRate: 1,
+                setPlaybackRate: () => {
+                    throw new Error('playback rate');
+                },
+                audioAndVideoTags: { current: [] },
+            }, children: markup }) }));
+};
+(0, vitest_1.test)('Basic series test', () => {
+    const outerHTML = renderForFrame(10, (0, jsx_runtime_1.jsx)(wrap_sequence_context_js_1.WrapSequenceContext, { children: (0, jsx_runtime_1.jsxs)(series_1.Series, { children: [(0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(First, {}) }), (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(Second, {}) }), (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(Third, {}) })] }) }));
+    (0, vitest_1.expect)(outerHTML).toBe('<div style="position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex"><div>third 0</div></div>');
+});
+(0, vitest_1.test)('Should support fragments', () => {
+    const outerHtml = renderForFrame(10, (0, jsx_runtime_1.jsx)(wrap_sequence_context_js_1.WrapSequenceContext, { children: (0, jsx_runtime_1.jsxs)(series_1.Series, { children: [(0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(First, {}) }), (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(Second, {}) }, "0"), (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(Third, {}) }, "1")] })] }) }));
+    (0, vitest_1.expect)(outerHtml).not.toBe('<div style="position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex"><div>second 1</div></div>');
+});
+(0, vitest_1.test)('Should not allow foreign elements', () => {
+    (0, vitest_1.expect)(() => {
+        renderForFrame(0, (0, jsx_runtime_1.jsx)(wrap_sequence_context_js_1.WrapSequenceContext, { children: (0, jsx_runtime_1.jsx)(series_1.Series, { children: (0, jsx_runtime_1.jsx)(First, {}) }) }));
+    }).toThrow(/only accepts a/);
+});
+(0, vitest_1.test)('Should allow layout prop', () => {
+    const outerHTML = renderForFrame(0, (0, jsx_runtime_1.jsx)(wrap_sequence_context_js_1.WrapSequenceContext, { children: (0, jsx_runtime_1.jsx)(series_1.Series, { children: (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 1, children: (0, jsx_runtime_1.jsx)(First, {}) }) }) }));
+    (0, vitest_1.expect)(outerHTML).toBe('<div style="position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex"><div>first 0</div></div>');
+    const outerHTML2 = renderForFrame(0, (0, jsx_runtime_1.jsx)(wrap_sequence_context_js_1.WrapSequenceContext, { children: (0, jsx_runtime_1.jsx)(series_1.Series, { children: (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 1, layout: "none", children: (0, jsx_runtime_1.jsx)(First, {}) }) }) }));
+    (0, vitest_1.expect)(outerHTML2).toBe('<div>first 0</div>');
+});
+(0, vitest_1.test)('Should render nothing after the end', () => {
+    const outerHTML = renderForFrame(10, (0, jsx_runtime_1.jsx)(wrap_sequence_context_js_1.WrapSequenceContext, { children: (0, jsx_runtime_1.jsx)(series_1.Series, { children: (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 1, children: (0, jsx_runtime_1.jsx)(First, {}) }) }) }));
+    (0, vitest_1.expect)(outerHTML).toBe('');
+});
+(0, vitest_1.test)('Should throw if invalid or no duration provided', () => {
+    (0, vitest_1.expect)(() => {
+        renderForFrame(10, (0, jsx_runtime_1.jsx)(series_1.Series, { children: (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: NaN, children: (0, jsx_runtime_1.jsx)(First, {}) }) }));
+    }).toThrow(/The "durationInFrames" prop of a <Series.Sequence \/> component must be an integer, but got NaN./);
+    (0, vitest_1.expect)(() => {
+        renderForFrame(10, (0, jsx_runtime_1.jsx)(series_1.Series, { children: (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { children: (0, jsx_runtime_1.jsx)(First, {}) }) }));
+    }).toThrow(/The "durationInFrames" prop of a <Series.Sequence \/> component must be a number, but you passed a value of type undefined/);
+});
+(0, vitest_1.test)('Should allow whitespace', () => {
+    const outerHtml = renderForFrame(11, (0, jsx_runtime_1.jsx)(wrap_sequence_context_js_1.WrapSequenceContext, { children: (0, jsx_runtime_1.jsxs)(series_1.Series, { children: [(0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 10, children: (0, jsx_runtime_1.jsx)(First, {}) }), ' ', (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 10, children: (0, jsx_runtime_1.jsx)(Second, {}) })] }) }));
+    (0, vitest_1.expect)(outerHtml).toBe('<div style="position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex"><div>second 1</div></div>');
+});
+(0, vitest_1.test)('Handle empty Series.Sequence', () => {
+    (0, vitest_1.expect)(() => renderForFrame(11, (0, jsx_runtime_1.jsxs)(series_1.Series, { children: [(0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 10, children: (0, jsx_runtime_1.jsx)(First, {}) }), (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 10 })] }))).toThrow(/A <Series.Sequence \/> component \(index = 1, duration = 10\) was detected to not have any children\. Delete it to fix this error\./);
+});
+(0, vitest_1.test)('Should allow negative overlap prop', () => {
+    const outerHTML = renderForFrame(4, (0, jsx_runtime_1.jsx)(wrap_sequence_context_js_1.WrapSequenceContext, { children: (0, jsx_runtime_1.jsxs)(series_1.Series, { children: [(0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 5, layout: "none", children: (0, jsx_runtime_1.jsx)(First, {}) }), (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { offset: -1, layout: "none", durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(Second, {}) })] }) }));
+    (0, vitest_1.expect)(outerHTML).toBe('<div>first 4</div><div>second 0</div>');
+});
+(0, vitest_1.test)('Should allow positive overlap prop', () => {
+    const outerHTML = renderForFrame(5, (0, jsx_runtime_1.jsx)(wrap_sequence_context_js_1.WrapSequenceContext, { children: (0, jsx_runtime_1.jsxs)(series_1.Series, { children: [(0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 5, layout: "none", children: (0, jsx_runtime_1.jsx)(First, {}) }), (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { offset: 1, layout: "none", durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(Second, {}) })] }) }));
+    (0, vitest_1.expect)(outerHTML).toBe('');
+});
+(0, vitest_1.test)('Should disallow NaN as offset prop', () => {
+    (0, vitest_1.expect)(() => {
+        renderForFrame(9, (0, jsx_runtime_1.jsx)(series_1.Series, { children: (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { offset: NaN, layout: "none", durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(Second, {}) }) }));
+    }).toThrow(/The "offset" property of a <Series.Sequence \/> must not be NaN, but got NaN \(index = 0, duration = 5\)\./);
+});
+(0, vitest_1.test)('Should disallow Infinity as offset prop', () => {
+    (0, vitest_1.expect)(() => {
+        renderForFrame(9, (0, jsx_runtime_1.jsx)(series_1.Series, { children: (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { offset: Infinity, layout: "none", durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(Second, {}) }) }));
+    }).toThrow(/The "offset" property of a <Series.Sequence \/> must be finite, but got Infinity \(index = 0, duration = 5\)\./);
+});
+(0, vitest_1.test)('Should disallow non-integer numbers as offset prop', () => {
+    (0, vitest_1.expect)(() => {
+        renderForFrame(9, (0, jsx_runtime_1.jsx)(series_1.Series, { children: (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { offset: Math.PI, layout: "none", durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(Second, {}) }) }));
+    }).toThrow(/The "offset" property of a <Series.Sequence \/> must be finite, but got 3.141592653589793 \(index = 0, duration = 5\)\./);
+});
+(0, vitest_1.test)('Should cascade negative offset props', () => {
+    const outerHTML = renderForFrame(9, (0, jsx_runtime_1.jsx)(wrap_sequence_context_js_1.WrapSequenceContext, { children: (0, jsx_runtime_1.jsxs)(series_1.Series, { children: [(0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 5, layout: "none", children: (0, jsx_runtime_1.jsx)(First, {}) }), (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { offset: -1, layout: "none", durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(Second, {}) }), (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { layout: "none", durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(Third, {}) })] }) }));
+    (0, vitest_1.expect)(outerHTML).toBe('<div>third 0</div>');
+});
+(0, vitest_1.test)('Should cascade positive offset props', () => {
+    const outerHTML = renderForFrame(11, (0, jsx_runtime_1.jsx)(wrap_sequence_context_js_1.WrapSequenceContext, { children: (0, jsx_runtime_1.jsxs)(series_1.Series, { children: [(0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 5, layout: "none", children: (0, jsx_runtime_1.jsx)(First, {}) }), (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { offset: 1, layout: "none", durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(Second, {}) }), (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { layout: "none", durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(Third, {}) })] }) }));
+    (0, vitest_1.expect)(outerHTML).toBe('<div>third 0</div>');
+});
+(0, vitest_1.test)('Allow durationInFrames as Infinity for last Series.Sequence', () => {
+    const outerHTML = renderForFrame(10, (0, jsx_runtime_1.jsx)(wrap_sequence_context_js_1.WrapSequenceContext, { children: (0, jsx_runtime_1.jsxs)(series_1.Series, { children: [(0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(First, {}) }), (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(Second, {}) }), (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: Infinity, children: (0, jsx_runtime_1.jsx)(Third, {}) })] }) }));
+    (0, vitest_1.expect)(outerHTML).toBe('<div style="position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex"><div>third 0</div></div>');
+});
+(0, vitest_1.test)('Disallow durationInFrames as Infinity for first n-1 Series.Sequence', () => {
+    (0, vitest_1.expect)(() => {
+        renderForFrame(10, (0, jsx_runtime_1.jsx)(wrap_sequence_context_js_1.WrapSequenceContext, { children: (0, jsx_runtime_1.jsxs)(series_1.Series, { children: [(0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(First, {}) }), (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: Infinity, children: (0, jsx_runtime_1.jsx)(Second, {}) }), (0, jsx_runtime_1.jsx)(series_1.Series.Sequence, { durationInFrames: 5, children: (0, jsx_runtime_1.jsx)(Third, {}) })] }) }));
+    }).toThrow(/The "durationInFrames" prop of a <Series.Sequence \/> component must be an integer, but got Infinity\./);
+});

package/dist/cjs/test/spring.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/test/spring.test.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const is_approximately_the_same_js_1 = require("../is-approximately-the-same.js");
+const spring_1 = require("../spring");
+(0, vitest_1.test)('Basic spring to equal 0', () => {
+    (0, vitest_1.expect)((0, spring_1.spring)({
+        fps: 30,
+        frame: 0,
+    })).toEqual(0);
+});
+(0, vitest_1.test)('Basic spring to equal 1', () => {
+    (0, vitest_1.expect)((0, spring_1.spring)({
+        fps: 30,
+        frame: 0,
+        from: 1,
+        to: 0,
+    })).toEqual(1);
+});
+(0, vitest_1.test)('Should be approxmiately the same', () => {
+    (0, vitest_1.expect)((0, is_approximately_the_same_js_1.isApproximatelyTheSame)((0, spring_1.spring)({
+        fps: 30,
+        frame: 1,
+    }), 0.04941510804510185)).toBe(true);
+});
+(0, vitest_1.test)('Should be close to 1', () => {
+    (0, vitest_1.expect)((0, spring_1.spring)({
+        fps: 30,
+        frame: 100,
+    })).toBeCloseTo(1);
+});
+(0, vitest_1.test)('Should be able to set duration for spring', () => {
+    (0, vitest_1.expect)((0, spring_1.spring)({
+        fps: 30,
+        frame: 5,
+        durationInFrames: 5,
+    })).toBeCloseTo(1);
+});

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

@@ -0,0 +1 @@
+export {};

package/dist/cjs/test/truthy.test.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const truthy_js_1 = require("../truthy.js");
+vitest_1.test.each([
+    ['true', true],
+    ['false', true],
+    ['True', true],
+    ['False', true],
+    ['', false],
+    ['abc', true],
+    [true, true],
+    [false, false],
+    [null, false],
+    [undefined, false],
+    [0, false],
+    [1, true],
+    [0.5, true],
+    [12, true],
+    [-1, true],
+    [-4, true],
+])('test with %s', (input, expected) => {
+    (0, vitest_1.expect)((0, truthy_js_1.truthy)(input)).toEqual(expected);
+});

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

@@ -0,0 +1 @@
+export {};

package/dist/cjs/test/use-audio-frame.test.js

@@ -0,0 +1,78 @@
+"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 });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const vitest_1 = require("vitest");
+const useAudioFrameModule = __importStar(require("../audio/use-audio-frame.js"));
+const use_audio_frame_js_1 = require("../audio/use-audio-frame.js");
+const Sequence_js_1 = require("../Sequence.js");
+const useFrameModule = __importStar(require("../use-current-frame.js"));
+const render_hook_js_1 = require("./render-hook.js");
+vitest_1.test.skip('Media starts at 0 if it is outside a sequence', () => {
+    const wrapper = ({ children }) => ((0, jsx_runtime_1.jsx)(Sequence_js_1.SequenceContext.Provider, { value: null, children: children }));
+    const { result } = (0, render_hook_js_1.renderHook)(() => (0, use_audio_frame_js_1.useMediaStartsAt)(), { wrapper });
+    (0, vitest_1.expect)(result.current).toEqual(0);
+});
+vitest_1.test.skip('Media start is shifted back based on sequence', () => {
+    const mockSequence = {
+        cumulatedFrom: 0,
+        relativeFrom: -100,
+        parentFrom: 0,
+        durationInFrames: 0,
+        id: 'mock',
+    };
+    const wrapper = ({ children }) => ((0, jsx_runtime_1.jsx)(Sequence_js_1.SequenceContext.Provider, { value: mockSequence, children: children }));
+    const { result } = (0, render_hook_js_1.renderHook)(() => (0, use_audio_frame_js_1.useMediaStartsAt)(), { wrapper });
+    (0, vitest_1.expect)(result.current).toEqual(-100);
+});
+(0, vitest_1.describe)('useFrameForVolumeProp hook tests', () => {
+    (0, vitest_1.beforeAll)(() => {
+        vitest_1.vitest
+            .spyOn(useAudioFrameModule, 'useMediaStartsAt')
+            .mockImplementation(() => -10);
+    });
+    (0, vitest_1.afterAll)(() => {
+        vitest_1.vitest.spyOn(useAudioFrameModule, 'useMediaStartsAt').mockRestore();
+    });
+    vitest_1.test.skip('Media not mounted', () => {
+        vitest_1.vitest.spyOn(useFrameModule, 'useCurrentFrame').mockImplementation(() => 9);
+        const { result } = (0, render_hook_js_1.renderHook)(() => (0, use_audio_frame_js_1.useFrameForVolumeProp)());
+        (0, vitest_1.expect)(result.current).toEqual(-1);
+    });
+    vitest_1.test.skip('Media mounted', () => {
+        vitest_1.vitest
+            .spyOn(useFrameModule, 'useCurrentFrame')
+            .mockImplementation(() => 10);
+        const { result } = (0, render_hook_js_1.renderHook)(() => (0, use_audio_frame_js_1.useFrameForVolumeProp)());
+        (0, vitest_1.expect)(result.current).toEqual(0);
+    });
+    vitest_1.test.skip('Media mounted + 1 frame', () => {
+        vitest_1.vitest
+            .spyOn(useFrameModule, 'useCurrentFrame')
+            .mockImplementation(() => 11);
+        const { result } = (0, render_hook_js_1.renderHook)(() => (0, use_audio_frame_js_1.useFrameForVolumeProp)());
+        (0, vitest_1.expect)(result.current).toEqual(1);
+    });
+});

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,74 @@
+"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 });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const vitest_1 = require("vitest");
+const internals_js_1 = require("../internals.js");
+const use_media_in_timeline_js_1 = require("../use-media-in-timeline.js");
+const useVideoConfigModule = __importStar(require("../use-video-config.js"));
+const render_hook_js_1 = require("./render-hook.js");
+const wrap_sequence_context_js_1 = require("./wrap-sequence-context.js");
+(0, vitest_1.beforeAll)(() => {
+    vitest_1.vitest
+        .spyOn(useVideoConfigModule, 'useVideoConfig')
+        .mockImplementation(() => ({
+        width: 10,
+        height: 10,
+        fps: 30,
+        durationInFrames: 100,
+        id: 'hithere',
+        defaultProps: () => ({}),
+    }));
+});
+(0, vitest_1.afterAll)(() => {
+    vitest_1.vitest.spyOn(useVideoConfigModule, 'useVideoConfig').mockClear();
+});
+(0, vitest_1.test)('useMediaInTimeline registers and unregisters new sequence', () => {
+    const registerSequence = vitest_1.vitest.fn();
+    const unregisterSequence = vitest_1.vitest.fn();
+    const wrapper = ({ children }) => ((0, jsx_runtime_1.jsx)(internals_js_1.Internals.CompositionManager.Provider, { value: 
+        // eslint-disable-next-line react/jsx-no-constructed-context-values
+        {
+            ...wrap_sequence_context_js_1.mockCompositionContext,
+            registerSequence,
+            unregisterSequence,
+        }, children: children }));
+    const audioRef = {
+        current: { volume: 0.5 },
+    };
+    const { unmount } = (0, render_hook_js_1.renderHook)(() => (0, use_media_in_timeline_js_1.useMediaInTimeline)({
+        volume: 1,
+        src: 'test',
+        mediaVolume: 1,
+        mediaType: 'audio',
+        mediaRef: audioRef,
+        playbackRate: 1,
+    }), {
+        wrapper,
+    });
+    (0, vitest_1.expect)(registerSequence).toHaveBeenCalled();
+    unmount();
+    (0, vitest_1.expect)(unregisterSequence).toHaveBeenCalled();
+});

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const vitest_1 = require("vitest");
+const use_media_tag_volume_js_1 = require("../use-media-tag-volume.js");
+const render_hook_js_1 = require("./render-hook.js");
+(0, vitest_1.describe)('Should update state when volume changes', () => {
+    const setState = vitest_1.vitest.fn();
+    const useStateSpy = vitest_1.vitest.spyOn(react_1.default, 'useState');
+    (0, vitest_1.beforeEach)(() => {
+        // @ts-expect-error
+        useStateSpy.mockImplementation((init) => [init, setState]);
+    });
+    (0, vitest_1.afterEach)(() => {
+        useStateSpy.mockRestore();
+    });
+    vitest_1.test.skip('has the volume been set', () => {
+        const addEventListener = vitest_1.vitest.fn();
+        const removeEventListener = vitest_1.vitest.fn();
+        let audioRef = {
+            current: { volume: 0.5, addEventListener, removeEventListener },
+        };
+        const { rerender } = (0, render_hook_js_1.renderHook)(({ mediaRef }) => (0, use_media_tag_volume_js_1.useMediaTagVolume)(mediaRef), {
+            initialProps: { mediaRef: audioRef },
+        });
+        (0, vitest_1.expect)(setState).toHaveBeenCalledWith(0.5);
+        audioRef = {
+            current: { ...audioRef.current, volume: 0.75 },
+        };
+        rerender({ mediaRef: audioRef });
+        (0, vitest_1.expect)(setState).toHaveBeenCalledWith(0.75);
+        (0, vitest_1.expect)(addEventListener).toHaveBeenCalledWith('volumechange', vitest_1.expect.anything());
+        (0, vitest_1.expect)(removeEventListener).toHaveBeenCalledWith('volumechange', vitest_1.expect.anything());
+    });
+});
+(0, vitest_1.test)('Should listen for volume changes', () => {
+    const addEventListener = vitest_1.vitest.fn();
+    const removeEventListener = vitest_1.vitest.fn();
+    const audioRef = {
+        current: { volume: 0.5, addEventListener, removeEventListener },
+    };
+    (0, render_hook_js_1.renderHook)(({ mediaRef }) => (0, use_media_tag_volume_js_1.useMediaTagVolume)(mediaRef), {
+        initialProps: { mediaRef: audioRef },
+    });
+    (0, vitest_1.expect)(addEventListener).toHaveBeenCalledTimes(1);
+});

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const use_sync_volume_with_media_tag_js_1 = require("../use-sync-volume-with-media-tag.js");
+const render_hook_js_1 = require("./render-hook.js");
+(0, vitest_1.test)('has the volume been adapted', () => {
+    var _a, _b;
+    const addEventListener = vitest_1.vitest.fn();
+    const removeEventListener = vitest_1.vitest.fn();
+    const audioRef = {
+        current: { volume: 0.5, addEventListener, removeEventListener },
+    };
+    const volume = 0.6;
+    const volumePropFrame = 1;
+    const actualVolume = 0.4;
+    const initialProps = {
+        volumePropFrame,
+        actualVolume,
+        volume,
+        mediaRef: audioRef,
+        mediaVolume: 1,
+    };
+    const { rerender } = (0, render_hook_js_1.renderHook)((hookProps) => (0, use_sync_volume_with_media_tag_js_1.useSyncVolumeWithMediaTag)(hookProps), {
+        initialProps,
+    });
+    (0, vitest_1.expect)((_a = audioRef.current) === null || _a === void 0 ? void 0 : _a.volume).toEqual(initialProps.volume);
+    const newVolume = 0.5;
+    rerender({
+        ...initialProps,
+        volume: newVolume,
+    });
+    (0, vitest_1.expect)((_b = audioRef.current) === null || _b === void 0 ? void 0 : _b.volume).toEqual(newVolume);
+});
+(0, vitest_1.test)('volume should not be adapted', () => {
+    var _a;
+    const addEventListener = vitest_1.vitest.fn();
+    const removeEventListener = vitest_1.vitest.fn();
+    const audioRef = {
+        current: { volume: 0.4, addEventListener, removeEventListener },
+    };
+    const volume = 0.4;
+    const volumePropFrame = 1;
+    const actualVolume = 0.4;
+    const initialProps = {
+        volumePropFrame,
+        actualVolume,
+        volume,
+        mediaRef: audioRef,
+        mediaVolume: 1,
+    };
+    (0, render_hook_js_1.renderHook)((hookProps) => (0, use_sync_volume_with_media_tag_js_1.useSyncVolumeWithMediaTag)(hookProps), {
+        initialProps,
+    });
+    (0, vitest_1.expect)((_a = audioRef.current) === null || _a === void 0 ? void 0 : _a.volume).toEqual(initialProps.volume);
+});

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const validate_start_from_props_js_1 = require("../validate-start-from-props.js");
+const expect_to_throw_js_1 = require("./expect-to-throw.js");
+(0, vitest_1.describe)('ValidateStartFrom props should throw', () => {
+    (0, vitest_1.describe)('Throw with invalid startFrom prop', () => {
+        (0, vitest_1.test)('It should throw if startFrom prop is negative', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, validate_start_from_props_js_1.validateStartFromProps)(-40, 1), /startFrom must be greater than equal to 0 instead got -40./);
+        });
+        (0, vitest_1.test)('It should throw if startFrom is not a number', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(
+            // @ts-expect-error
+            () => (0, validate_start_from_props_js_1.validateStartFromProps)('10', 20), /type of startFrom prop must be a number, instead got type string./);
+        });
+        (0, vitest_1.test)('It should throw if startFrom is NaN', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, validate_start_from_props_js_1.validateStartFromProps)(NaN, 20), /startFrom prop can not be NaN or Infinity./);
+        });
+        (0, vitest_1.test)('It should throw if startFrom is Infinity', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, validate_start_from_props_js_1.validateStartFromProps)(Infinity, 20), /startFrom prop can not be NaN or Infinity./);
+        });
+    });
+    (0, vitest_1.describe)('Throw with invalid endAt prop', () => {
+        (0, vitest_1.test)('It should throw if endAt prop is negative', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, validate_start_from_props_js_1.validateStartFromProps)(0, -40), /endAt must be a positive number, instead got -40./);
+        });
+        (0, vitest_1.test)('It should throw if endAt is less than startFrom', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, validate_start_from_props_js_1.validateStartFromProps)(10, 1), /endAt prop must be greater than startFrom prop./);
+        });
+        (0, vitest_1.test)('It should throw if endAt is not a number', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(
+            // @ts-expect-error
+            () => (0, validate_start_from_props_js_1.validateStartFromProps)(10, '20'), /type of endAt prop must be a number, instead got type string./);
+        });
+        (0, vitest_1.test)('It should throw if endAt is NaN', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, validate_start_from_props_js_1.validateStartFromProps)(10, NaN), /endAt prop can not be NaN./);
+        });
+    });
+});

package/dist/cjs/test/video.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/test/video.test.js

@@ -0,0 +1,80 @@
+"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 });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @vitest-environment jsdom
+ */
+const react_1 = require("@testing-library/react");
+const react_2 = __importStar(require("react"));
+const vitest_1 = require("vitest");
+const CanUseRemotionHooks_js_1 = require("../CanUseRemotionHooks.js");
+const internals_js_1 = require("../internals.js");
+const video_1 = require("../video");
+const expect_to_throw_js_1 = require("./expect-to-throw.js");
+const Wrapper = ({ children }) => {
+    const compositions = (0, react_2.useContext)(internals_js_1.Internals.CompositionManager);
+    return ((0, jsx_runtime_1.jsx)(CanUseRemotionHooks_js_1.CanUseRemotionHooksProvider, { children: (0, jsx_runtime_1.jsx)(internals_js_1.Internals.RemotionRoot, { numberOfAudioTags: 0, children: (0, jsx_runtime_1.jsx)(internals_js_1.Internals.CompositionManager.Provider
+            // eslint-disable-next-line react/jsx-no-constructed-context-values
+            , { 
+                // eslint-disable-next-line react/jsx-no-constructed-context-values
+                value: {
+                    ...compositions,
+                    compositions: [
+                        {
+                            height: 1080,
+                            width: 1080,
+                            fps: 30,
+                            durationInFrames: 30,
+                            id: 'markup',
+                            nonce: 0,
+                            component: react_2.default.lazy(() => Promise.resolve({
+                                default: (() => null),
+                            })),
+                            defaultProps: undefined,
+                            folderName: null,
+                            parentFolderName: null,
+                        },
+                    ],
+                    currentComposition: 'markup',
+                }, children: children }) }) }));
+};
+(0, vitest_1.describe)('Render correctly with props', () => {
+    (0, vitest_1.test)('It should render Video without startFrom / endAt props', () => {
+        (0, vitest_1.expect)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(video_1.Video, { src: "test" }) }))).not.toThrow();
+    });
+    (0, vitest_1.test)('It should render Video with startFrom props', () => {
+        (0, vitest_1.expect)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(video_1.Video, { src: "test", startFrom: 10 }) }))).not.toThrow();
+    });
+    (0, vitest_1.test)('It should render Video with endAt props', () => {
+        (0, vitest_1.expect)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(video_1.Video, { src: "test", endAt: 10 }) }))).not.toThrow();
+    });
+    (0, vitest_1.test)('It should render Video with startFrom and endAt props', () => {
+        (0, vitest_1.expect)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(video_1.Video, { src: "test", startFrom: 10, endAt: 15 }) }))).not.toThrow();
+    });
+    (0, vitest_1.test)('It should throw if videoConfig/Wrapper is missing', () => {
+        (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(CanUseRemotionHooks_js_1.CanUseRemotionHooksProvider, { children: (0, jsx_runtime_1.jsx)(video_1.Video, { startFrom: 10, endAt: 15 }) })), /No video config found/);
+    });
+});

package/dist/cjs/test/volume-prop.test.d.ts

@@ -0,0 +1 @@
+export {};