remotion 3.3.45 → 3.3.51

package/dist/cjs/test/composition-validation.test.js

@@ -0,0 +1,99 @@
+"use strict";
+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 vitest_1 = require("vitest");
+const __1 = require("..");
+const RemotionRoot_js_1 = require("../RemotionRoot.js");
+const expect_to_throw_js_1 = require("./expect-to-throw.js");
+const AnyComp = () => null;
+(0, vitest_1.describe)('Composition-validation render should throw with invalid props', () => {
+    (0, vitest_1.test)('It should throw if multiple components have the same id', () => {
+        (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(RemotionRoot_js_1.RemotionRoot, { numberOfAudioTags: 0, children: (0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, id: "id" }) })), /The "width/);
+    });
+    (0, vitest_1.describe)('Throw with invalid height props', () => {
+        (0, vitest_1.test)('It should throw if height is a negative number', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(RemotionRoot_js_1.RemotionRoot, { numberOfAudioTags: 0, children: (0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: -100, width: 100, id: "id" }) })), /The "height" prop of the <Composition\/> component must be positive, but got -100./);
+        });
+        (0, vitest_1.test)('It should throw if height=0 is boundary off-point', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(RemotionRoot_js_1.RemotionRoot, { numberOfAudioTags: 0, children: (0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 0, width: 100, id: "id" }) })), /The "height" prop of the <Composition\/> component must be positive, but got 0./);
+        });
+        (0, vitest_1.test)('It should throw if height is not a number', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(RemotionRoot_js_1.RemotionRoot, { numberOfAudioTags: 0, children: (0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, 
+                    // @ts-expect-error
+                    height: '100', width: 100, id: "id" }) })), /The "height" prop of the <Composition\/> component must be a number, but you passed a value of type string/);
+        });
+        (0, vitest_1.test)('It should throw if height is not an integer', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(RemotionRoot_js_1.RemotionRoot, { numberOfAudioTags: 0, children: (0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100.01, width: 100, id: "id" }) })), /The "height" prop of the <Composition\/> component must be an integer, but is 100.01/);
+        });
+    });
+    (0, vitest_1.describe)('Throw with invalid width props', () => {
+        (0, vitest_1.test)('It should throw if width is a negative number', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(RemotionRoot_js_1.RemotionRoot, { numberOfAudioTags: 0, children: (0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, width: -100, id: "id" }) })), /The "width" prop of the <Composition\/> component must be positive, but got -100./);
+        });
+        (0, vitest_1.test)('It should throw if width=0 is boundary off-point', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(RemotionRoot_js_1.RemotionRoot, { numberOfAudioTags: 0, children: (0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, width: 0, id: "id" }) })), /The "width" prop of the <Composition\/> component must be positive, but got 0./);
+        });
+        (0, vitest_1.test)('It should throw if width is not a number', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(RemotionRoot_js_1.RemotionRoot, { numberOfAudioTags: 0, children: (0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, 
+                    // @ts-expect-error
+                    width: '100', id: "id" }) })), /The "width" prop of the <Composition\/> component must be a number, but you passed a value of type string/);
+        });
+    });
+    (0, vitest_1.describe)('Throw with invalid durationInFrames', () => {
+        (0, vitest_1.test)('It should throw if durationInFrames of a composition is a negative number', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(RemotionRoot_js_1.RemotionRoot, { numberOfAudioTags: 0, children: (0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: -100, fps: 30, height: 100, width: 100, id: "id" }) })), /The "durationInFrames" prop of the <Composition\/> component must be positive, but got -100./);
+        });
+        (0, vitest_1.test)('It should throw if durationInFrames=0 of a composition is boundary off-point', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(RemotionRoot_js_1.RemotionRoot, { numberOfAudioTags: 0, children: (0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 0, fps: 30, height: 100, width: 100, id: "id" }) })), /The "durationInFrames" prop of the <Composition\/> component must be positive, but got 0./);
+        });
+        (0, vitest_1.test)('It should throw if durationInFrames of a composition is not an integer', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(RemotionRoot_js_1.RemotionRoot, { numberOfAudioTags: 0, children: (0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 0.11, fps: 30, height: 100, width: 100, id: "id" }) })), /The "durationInFrames" prop of the <Composition\/> component must be an integer, but got 0.11./);
+        });
+        (0, vitest_1.test)('It should throw if durationInFrames of a composition is not a number', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(RemotionRoot_js_1.RemotionRoot, { numberOfAudioTags: 0, children: (0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), 
+                    // @ts-expect-error
+                    durationInFrames: '100', fps: 30, height: 100, width: 100, id: "id" }) })), /The "durationInFrames" prop of the <Composition\/> component must be a number, but you passed a value of type string/);
+        });
+    });
+    (0, vitest_1.describe)('Throw with invalid fps', () => {
+        (0, vitest_1.test)('It should throw if fps is of a composition is negative', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(RemotionRoot_js_1.RemotionRoot, { numberOfAudioTags: 0, children: (0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: -30, height: 100, width: 100, id: "id" }) })), /"fps" must be positive, but got -30./);
+        });
+        (0, vitest_1.test)('It should throw if fps=0 of a composition is boundary off-point', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(RemotionRoot_js_1.RemotionRoot, { numberOfAudioTags: 0, children: (0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 0, height: 100, width: 100, id: "id" }) })), /"fps" must be positive, but got 0./);
+        });
+        (0, vitest_1.test)('It should throw if fps of a composition is not a number', () => {
+            (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(RemotionRoot_js_1.RemotionRoot, { numberOfAudioTags: 0, children: (0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, 
+                    // @ts-expect-error
+                    fps: '30', height: 100, width: 100, id: "id" }) })), /"fps" must be a number, but you passed a value of type string/);
+        });
+    });
+});
+(0, vitest_1.describe)('Composition-validation render should NOT throw with valid props', () => {
+    (0, vitest_1.describe)('Not throw with valid height props', () => {
+        (0, vitest_1.test)('It should not throw if height is a positive number', () => {
+            (0, vitest_1.expect)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, width: 100, id: "id" }))).not.toThrow();
+        });
+        (0, vitest_1.test)('It should not throw if height=1 is boundary on-point', () => {
+            (0, vitest_1.expect)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 1, width: 100, id: "id" }))).not.toThrow();
+        });
+    });
+    (0, vitest_1.describe)('Not throw with valid width props', () => {
+        (0, vitest_1.test)('It should not throw if width is a positive number', () => {
+            (0, vitest_1.expect)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, width: 100, id: "id" }))).not.toThrow();
+        });
+        (0, vitest_1.test)('It should not throw if width=1 is boundary on-point', () => {
+            (0, vitest_1.expect)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, width: 1, id: "id" }))).not.toThrow();
+        });
+    });
+    (0, vitest_1.test)('It should not throw if durationInFrames=1 of a composition is boundary on-point', () => {
+        (0, vitest_1.expect)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 1, fps: 30, height: 100, width: 100, id: "id" }))).not.toThrow();
+    });
+    (0, vitest_1.test)('It should not throw if fps=1 of a composition is boundary on-point', () => {
+        (0, vitest_1.expect)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(__1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 1, height: 100, width: 100, id: "id" }))).not.toThrow();
+    });
+});

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

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

package/dist/cjs/test/easing.test.js

@@ -0,0 +1,191 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const easing_js_1 = require("../easing.js");
+const numbersToTest = [-0.5, 0, 0.4, 0.5, 0.7, 1, 1.5];
+(0, vitest_1.describe)('Easing step0', () => {
+    const step0 = (n) => {
+        return n > 0 ? 1 : 0;
+    };
+    const out = (n) => 1 - step0(1 - n);
+    const inOut = (n) => {
+        if (n >= 0.5) {
+            return 1 - step0((1 - n) * 2) / 2;
+        }
+        return step0(n * 2) / 2;
+    };
+    (0, vitest_1.test)('Easing In', () => {
+        const easingIn = easing_js_1.Easing.in(easing_js_1.Easing.step0);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingIn(n)).toBe(step0(n)));
+    });
+    (0, vitest_1.test)('Easing Out', () => {
+        const easingOut = easing_js_1.Easing.out(easing_js_1.Easing.step0);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingOut(n)).toBe(out(n)));
+    });
+    (0, vitest_1.test)('Easing In Out', () => {
+        const easingInOut = easing_js_1.Easing.inOut(easing_js_1.Easing.step0);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingInOut(n)).toBe(inOut(n)));
+    });
+});
+(0, vitest_1.describe)('Easing step1', () => {
+    const step1 = (n) => {
+        return n >= 1 ? 1 : 0;
+    };
+    const out = (n) => 1 - step1(1 - n);
+    const inOut = (n) => {
+        if (n >= 0.5) {
+            return 1 - step1((1 - n) * 2) / 2;
+        }
+        return step1(n * 2) / 2;
+    };
+    (0, vitest_1.test)('Easing In', () => {
+        const easingIn = easing_js_1.Easing.in(easing_js_1.Easing.step1);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingIn(n)).toBe(step1(n)));
+    });
+    (0, vitest_1.test)('Easing Out', () => {
+        const easingOut = easing_js_1.Easing.out(easing_js_1.Easing.step1);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingOut(n)).toBe(out(n)));
+    });
+    (0, vitest_1.test)('Easing In Out', () => {
+        const easingInOut = easing_js_1.Easing.inOut(easing_js_1.Easing.step1);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingInOut(n)).toBe(inOut(n)));
+    });
+});
+(0, vitest_1.describe)('Easing linear', () => {
+    (0, vitest_1.test)('Easing In', () => {
+        const easingIn = easing_js_1.Easing.in(easing_js_1.Easing.linear);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingIn(n)).toBe(n));
+    });
+    (0, vitest_1.test)('Easing In Out', () => {
+        const easingOut = easing_js_1.Easing.out(easing_js_1.Easing.linear);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingOut(n)).toBe(n));
+    });
+    (0, vitest_1.test)('Easing Out', () => {
+        const easingInOut = easing_js_1.Easing.inOut(easing_js_1.Easing.linear);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingInOut(n)).toBe(n));
+    });
+});
+(0, vitest_1.describe)('Easing Quadratic', () => {
+    const quad = (n) => n * n;
+    const out = (n) => 1 - quad(1 - n);
+    const inOut = (n) => {
+        if (n >= 0.5) {
+            return 1 - quad((1 - n) * 2) / 2;
+        }
+        return quad(n * 2) / 2;
+    };
+    (0, vitest_1.test)('Easing In', () => {
+        const easingIn = easing_js_1.Easing.in(easing_js_1.Easing.quad);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingIn(n)).toBe(quad(n)));
+    });
+    (0, vitest_1.test)('Easing In Out', () => {
+        const easingOut = easing_js_1.Easing.out(easing_js_1.Easing.quad);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingOut(n)).toBe(out(n)));
+    });
+    (0, vitest_1.test)('Easing Out', () => {
+        const easingInOut = easing_js_1.Easing.inOut(easing_js_1.Easing.quad);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingInOut(n)).toBe(inOut(n)));
+    });
+});
+(0, vitest_1.describe)('Easing Cubic', () => {
+    const cubic = (n) => n * n * n;
+    const out = (n) => 1 - cubic(1 - n);
+    const inOut = (n) => {
+        if (n >= 0.5) {
+            return 1 - cubic((1 - n) * 2) / 2;
+        }
+        return cubic(n * 2) / 2;
+    };
+    (0, vitest_1.test)('Easing In', () => {
+        const easingIn = easing_js_1.Easing.in(easing_js_1.Easing.cubic);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingIn(n)).toBe(cubic(n)));
+    });
+    (0, vitest_1.test)('Easing In Out', () => {
+        const easingOut = easing_js_1.Easing.out(easing_js_1.Easing.cubic);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingOut(n)).toBe(out(n)));
+    });
+    (0, vitest_1.test)('Easing Out', () => {
+        const easingInOut = easing_js_1.Easing.inOut(easing_js_1.Easing.cubic);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingInOut(n)).toBe(inOut(n)));
+    });
+});
+(0, vitest_1.describe)('Easing Circle', () => {
+    const circle = (n) => 1 - Math.sqrt(1 - n * n);
+    const out = (n) => 1 - circle(1 - n);
+    const inOut = (n) => {
+        if (n >= 0.5) {
+            return 1 - circle((1 - n) * 2) / 2;
+        }
+        return circle(n * 2) / 2;
+    };
+    (0, vitest_1.test)('Easing In', () => {
+        const easingIn = easing_js_1.Easing.in(easing_js_1.Easing.circle);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingIn(n)).toBe(circle(n)));
+    });
+    (0, vitest_1.test)('Easing In Out', () => {
+        const easingOut = easing_js_1.Easing.out(easing_js_1.Easing.circle);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingOut(n)).toBe(out(n)));
+    });
+    (0, vitest_1.test)('Easing Out', () => {
+        const easingInOut = easing_js_1.Easing.inOut(easing_js_1.Easing.circle);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingInOut(n)).toBe(inOut(n)));
+    });
+});
+(0, vitest_1.describe)('Easing Exp', () => {
+    const exp = (n) => 2 ** (10 * (n - 1));
+    const out = (n) => 1 - exp(1 - n);
+    const inOut = (n) => {
+        if (n >= 0.5) {
+            return 1 - exp((1 - n) * 2) / 2;
+        }
+        return exp(n * 2) / 2;
+    };
+    (0, vitest_1.test)('Easing In', () => {
+        const easingIn = easing_js_1.Easing.in(easing_js_1.Easing.exp);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingIn(n)).toBe(exp(n)));
+    });
+    (0, vitest_1.test)('Easing In Out', () => {
+        const easingOut = easing_js_1.Easing.out(easing_js_1.Easing.exp);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingOut(n)).toBe(out(n)));
+    });
+    (0, vitest_1.test)('Easing Out', () => {
+        const easingInOut = easing_js_1.Easing.inOut(easing_js_1.Easing.exp);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingInOut(n)).toBe(inOut(n)));
+    });
+});
+(0, vitest_1.describe)('Easing Bounce', () => {
+    const bounce = (n) => {
+        if (n < 1 / 2.75) {
+            return 7.5625 * n * n;
+        }
+        if (n < 2 / 2.75) {
+            const t2_ = n - 1.5 / 2.75;
+            return 7.5625 * t2_ * t2_ + 0.75;
+        }
+        if (n < 2.5 / 2.75) {
+            const t2_ = n - 2.25 / 2.75;
+            return 7.5625 * t2_ * t2_ + 0.9375;
+        }
+        const t2 = n - 2.625 / 2.75;
+        return 7.5625 * t2 * t2 + 0.984375;
+    };
+    const out = (n) => 1 - bounce(1 - n);
+    const inOut = (n) => {
+        if (n >= 0.5) {
+            return 1 - bounce((1 - n) * 2) / 2;
+        }
+        return bounce(n * 2) / 2;
+    };
+    (0, vitest_1.test)('Easing In', () => {
+        const easingIn = easing_js_1.Easing.in(easing_js_1.Easing.bounce);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingIn(n)).toBe(bounce(n)));
+    });
+    (0, vitest_1.test)('Easing In Out', () => {
+        const easingOut = easing_js_1.Easing.out(easing_js_1.Easing.bounce);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingOut(n)).toBe(out(n)));
+    });
+    (0, vitest_1.test)('Easing Out', () => {
+        const easingInOut = easing_js_1.Easing.inOut(easing_js_1.Easing.bounce);
+        numbersToTest.forEach((n) => (0, vitest_1.expect)(easingInOut(n)).toBe(inOut(n)));
+    });
+});

package/dist/cjs/test/expect-to-throw.d.ts

@@ -0,0 +1 @@
+export declare const expectToThrow: (func: Function, err: RegExp) => void;

package/dist/cjs/test/expect-to-throw.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.expectToThrow = void 0;
+const vitest_1 = require("vitest");
+const expectToThrow = (func, err) => {
+    // Even though the error is caught, it still gets printed to the console
+    // so we mock that out to avoid the wall of red text.
+    vitest_1.vitest.spyOn(console, 'error');
+    // @ts-expect-error
+    console.error.mockImplementation(() => undefined);
+    (0, vitest_1.expect)(func).toThrow(err);
+    // @ts-expect-error
+    console.error.mockRestore();
+};
+exports.expectToThrow = expectToThrow;

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

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

package/dist/cjs/test/freeze.test.js

@@ -0,0 +1,65 @@
+"use strict";
+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 vitest_1 = require("vitest");
+const CanUseRemotionHooks_js_1 = require("../CanUseRemotionHooks.js");
+const freeze_js_1 = require("../freeze.js");
+const Sequence_js_1 = require("../Sequence.js");
+const timeline_position_state_js_1 = require("../timeline-position-state.js");
+const use_current_frame_js_1 = require("../use-current-frame.js");
+const expect_to_throw_js_1 = require("./expect-to-throw.js");
+const wrap_sequence_context_js_1 = require("./wrap-sequence-context.js");
+(0, vitest_1.describe)('Prop validation', () => {
+    (0, vitest_1.test)('It should throw if Freeze has string as frame prop value', () => {
+        (0, expect_to_throw_js_1.expectToThrow)(
+        // @ts-expect-error
+        () => (0, react_1.render)((0, jsx_runtime_1.jsx)(freeze_js_1.Freeze, { frame: '0' })), /The 'frame' prop of <Freeze \/> must be a number, but is of type string/);
+    });
+    (0, vitest_1.test)('It should throw if Freeze has undefined as frame prop value', () => {
+        (0, expect_to_throw_js_1.expectToThrow)(
+        // @ts-expect-error
+        () => (0, react_1.render)((0, jsx_runtime_1.jsx)(freeze_js_1.Freeze, {})), /The <Freeze \/> component requires a 'frame' prop, but none was passed./);
+    });
+});
+const timelineCtxValue = (frame) => ({
+    rootId: '',
+    frame,
+    playing: false,
+    imperativePlaying: {
+        current: false,
+    },
+    playbackRate: 1,
+    setPlaybackRate: () => {
+        throw new Error('playback rate');
+    },
+    audioAndVideoTags: { current: [] },
+});
+const renderForFrame = (frame, markup) => {
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)(CanUseRemotionHooks_js_1.CanUseRemotionHooksProvider, { children: (0, jsx_runtime_1.jsx)(timeline_position_state_js_1.TimelineContext.Provider, { value: timelineCtxValue(frame), children: markup }) }));
+};
+const Basic = () => {
+    return ((0, jsx_runtime_1.jsx)(freeze_js_1.Freeze, { frame: 300, children: (0, jsx_runtime_1.jsx)(TestComponent, {}) }));
+};
+const WithSequence = () => {
+    const SequenceFrom = 200;
+    const FreezeFrame = 100;
+    return ((0, jsx_runtime_1.jsx)(wrap_sequence_context_js_1.WrapSequenceContext, { children: (0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { from: SequenceFrom, layout: "none", children: (0, jsx_runtime_1.jsx)(freeze_js_1.Freeze, { frame: FreezeFrame, children: (0, jsx_runtime_1.jsx)(TestComponent, {}) }) }) }));
+};
+const TestComponent = () => {
+    const frame = (0, use_current_frame_js_1.useCurrentFrame)();
+    return (0, jsx_runtime_1.jsx)("div", { children: frame });
+};
+(0, vitest_1.describe)('Integration tests', () => {
+    (0, vitest_1.test)('Basic test', () => {
+        const { container } = renderForFrame(0, (0, jsx_runtime_1.jsx)(Basic, {}));
+        (0, vitest_1.expect)(container.innerHTML).toBe('<div>300</div>');
+    });
+    (0, vitest_1.test)('Should ignore a Sequence', () => {
+        const { container } = renderForFrame(300, (0, jsx_runtime_1.jsx)(WithSequence, {}));
+        (0, vitest_1.expect)(container.innerHTML).toBe('<div>100</div>');
+    });
+});

package/dist/cjs/test/get-asset-file-name.test.d.ts

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

package/dist/cjs/test/get-asset-file-name.test.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const get_asset_file_name_js_1 = require("../get-asset-file-name.js");
+(0, vitest_1.describe)('get asset file name test', () => {
+    const testStrings = [
+        ['assets/images/sample.png', 'sample.png'],
+        ['assets\\images\\sample.png', 'sample.png'],
+        ['sample.png', 'sample.png'],
+    ];
+    testStrings.forEach((entry) => (0, vitest_1.test)(`test for ${entry[0]}`, () => {
+        (0, vitest_1.expect)((0, get_asset_file_name_js_1.getAssetDisplayName)(entry[0])).toEqual(entry[1]);
+    }));
+});

package/dist/cjs/test/get-current-time.test.d.ts

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

package/dist/cjs/test/get-current-time.test.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const get_current_time_js_1 = require("../video/get-current-time.js");
+(0, vitest_1.describe)('correctly calculate media time of video element', () => {
+    const mp4Precision = 0.04;
+    const webmPrecision = 0.02;
+    (0, vitest_1.describe)('src mp4', () => {
+        (0, vitest_1.test)('mp4 - Should correctly calculate the media time of a video element', () => {
+            (0, vitest_1.expect)((0, get_current_time_js_1.getMediaTime)({
+                fps: 30,
+                frame: 30,
+                playbackRate: 1,
+                src: 'video.mp4',
+                startFrom: 0,
+                mediaType: 'video',
+            })).toBeCloseTo(1, mp4Precision);
+        });
+        (0, vitest_1.test)('mp4 - Should correctly calculate the media time of a video element with faster framerate', () => {
+            (0, vitest_1.expect)((0, get_current_time_js_1.getMediaTime)({
+                fps: 30,
+                frame: 30,
+                playbackRate: 2,
+                src: 'video.mp4',
+                startFrom: 0,
+                mediaType: 'video',
+            })).toBeCloseTo(2, mp4Precision);
+        });
+        (0, vitest_1.test)('mp4 - Should correctly calculate the media time of a video element with faster framerate and a startFrom', () => {
+            // If playbackrate is 2, but the video only starts after 1 second, at 2sec, the video position should be 3sec
+            (0, vitest_1.expect)((0, get_current_time_js_1.getMediaTime)({
+                fps: 30,
+                frame: 60,
+                playbackRate: 2,
+                src: 'video.mp4',
+                startFrom: 30,
+                mediaType: 'video',
+            })).toBeCloseTo(3, mp4Precision);
+        });
+    });
+    (0, vitest_1.describe)('src webm', () => {
+        (0, vitest_1.test)('webm - Should correctly calculate the media time of a video element', () => {
+            (0, vitest_1.expect)((0, get_current_time_js_1.getMediaTime)({
+                fps: 30,
+                frame: 30,
+                playbackRate: 1,
+                src: 'video.webm',
+                startFrom: 0,
+                mediaType: 'video',
+            })).toBeCloseTo(1, webmPrecision);
+        });
+        (0, vitest_1.test)('webm - Should correctly calculate the media time of a video element with faster framerate', () => {
+            (0, vitest_1.expect)((0, get_current_time_js_1.getMediaTime)({
+                fps: 30,
+                frame: 30,
+                playbackRate: 2,
+                src: 'video.webm',
+                startFrom: 0,
+                mediaType: 'video',
+            })).toBeCloseTo(2, webmPrecision);
+        });
+        (0, vitest_1.test)('webm - Should correctly calculate the media time of a video element with faster framerate and a startFrom', () => {
+            // If playbackrate is 2, but the video only starts after 1 second, at 2sec, the video position should be 3sec
+            (0, vitest_1.expect)((0, get_current_time_js_1.getMediaTime)({
+                fps: 30,
+                frame: 60,
+                playbackRate: 2,
+                src: 'video.webm',
+                startFrom: 30,
+                mediaType: 'video',
+            })).toBeCloseTo(3, webmPrecision);
+        });
+    });
+});

package/dist/cjs/test/input-props.test.d.ts

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

package/dist/cjs/test/input-props.test.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @vitest-environment jsdom
+ */
+const vitest_1 = require("vitest");
+const input_props_js_1 = require("../config/input-props.js");
+(0, vitest_1.describe)('input props', () => {
+    const OLD_ENV = process.env;
+    (0, vitest_1.beforeEach)(() => {
+        vitest_1.vitest.resetModules(); // Most important - it clears the cache
+        process.env = { ...OLD_ENV }; // Make a copy
+    });
+    (0, vitest_1.afterAll)(() => {
+        process.env = OLD_ENV; // Restore old environment
+    });
+    (0, vitest_1.test)('input props in non production env', () => {
+        process.env.NODE_ENV = 'development';
+        const inputProps = {
+            firstProperty: 'firstProperty',
+            secondProperty: 'secondProperty',
+        };
+        window.remotion_inputProps = JSON.stringify(JSON.stringify(inputProps));
+        (0, vitest_1.expect)((0, input_props_js_1.getInputProps)()).toEqual(JSON.stringify(inputProps));
+    });
+    (0, vitest_1.test)('input props in production env', () => {
+        process.env.NODE_ENV = 'production';
+        window.remotion_inputProps = JSON.stringify({});
+        (0, vitest_1.expect)((0, input_props_js_1.getInputProps)()).toEqual({});
+    });
+});

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

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