remotion 3.3.45 → 3.3.52

package/dist/cjs/spring/measure-spring.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.measureSpring = void 0;
+const validate_fps_js_1 = require("../validation/validate-fps.js");
+const spring_utils_js_1 = require("./spring-utils.js");
+function measureSpring({ fps, config = {}, threshold = 0.005, from = 0, to = 1, }) {
+    if (typeof threshold !== 'number') {
+        throw new TypeError(`threshold must be a number, got ${threshold} of type ${typeof threshold}`);
+    }
+    if (threshold === 0) {
+        return Infinity;
+    }
+    if (threshold === 1) {
+        return 0;
+    }
+    if (isNaN(threshold)) {
+        throw new TypeError('Threshold is NaN');
+    }
+    if (!Number.isFinite(threshold)) {
+        throw new TypeError('Threshold is not finite');
+    }
+    if (threshold < 0) {
+        throw new TypeError('Threshold is below 0');
+    }
+    (0, validate_fps_js_1.validateFps)(fps, 'to the measureSpring() function', false);
+    const range = Math.abs(from - to);
+    let frame = 0;
+    let finishedFrame = 0;
+    const calc = () => {
+        return (0, spring_utils_js_1.springCalculation)({
+            fps,
+            frame,
+            config,
+            from,
+            to,
+        });
+    };
+    let animation = calc();
+    const calcDifference = () => {
+        return (Math.abs(animation.current - animation.toValue) /
+            (range === 0 ? 1 : range));
+    };
+    let difference = calcDifference();
+    while (difference >= threshold) {
+        frame++;
+        animation = calc();
+        difference = calcDifference();
+    }
+    // Since spring is bouncy, just because it's under the threshold we
+    // cannot be sure it's done. We need to animate further until it stays in the
+    // threshold for, say, 20 frames.
+    finishedFrame = frame;
+    for (let i = 0; i < 20; i++) {
+        frame++;
+        animation = calc();
+        difference = calcDifference();
+        if (difference >= threshold) {
+            i = 0;
+            finishedFrame = frame + 1;
+        }
+    }
+    return finishedFrame;
+}
+exports.measureSpring = measureSpring;

package/dist/cjs/spring/spring-utils.d.ts

@@ -0,0 +1,21 @@
+declare type AnimationNode = {
+    lastTimestamp: number;
+    toValue: number;
+    current: number;
+    velocity: number;
+    prevPosition?: number;
+};
+export declare type SpringConfig = {
+    damping: number;
+    mass: number;
+    stiffness: number;
+    overshootClamping: boolean;
+};
+export declare function springCalculation({ from, to, frame, fps, config, }: {
+    from?: number;
+    to?: number;
+    frame: number;
+    fps: number;
+    config?: Partial<SpringConfig>;
+}): AnimationNode;
+export {};

package/dist/cjs/spring/spring-utils.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.springCalculation = void 0;
+const defaultSpringConfig = {
+    damping: 10,
+    mass: 1,
+    stiffness: 100,
+    overshootClamping: false,
+};
+const advanceCache = {};
+function advance({ animation, now, config, }) {
+    const { toValue, lastTimestamp, current, velocity } = animation;
+    const deltaTime = Math.min(now - lastTimestamp, 64);
+    const c = config.damping;
+    const m = config.mass;
+    const k = config.stiffness;
+    const cacheKey = [
+        toValue,
+        lastTimestamp,
+        current,
+        velocity,
+        c,
+        m,
+        k,
+        now,
+    ].join('-');
+    if (advanceCache[cacheKey]) {
+        return advanceCache[cacheKey];
+    }
+    const v0 = -velocity;
+    const x0 = toValue - current;
+    const zeta = c / (2 * Math.sqrt(k * m)); // damping ratio
+    const omega0 = Math.sqrt(k / m); // undamped angular frequency of the oscillator (rad/ms)
+    const omega1 = omega0 * Math.sqrt(1 - zeta ** 2); // exponential decay
+    const t = deltaTime / 1000;
+    const sin1 = Math.sin(omega1 * t);
+    const cos1 = Math.cos(omega1 * t);
+    // under damped
+    const underDampedEnvelope = Math.exp(-zeta * omega0 * t);
+    const underDampedFrag1 = underDampedEnvelope *
+        (sin1 * ((v0 + zeta * omega0 * x0) / omega1) + x0 * cos1);
+    const underDampedPosition = toValue - underDampedFrag1;
+    // This looks crazy -- it's actually just the derivative of the oscillation function
+    const underDampedVelocity = zeta * omega0 * underDampedFrag1 -
+        underDampedEnvelope *
+            (cos1 * (v0 + zeta * omega0 * x0) - omega1 * x0 * sin1);
+    // critically damped
+    const criticallyDampedEnvelope = Math.exp(-omega0 * t);
+    const criticallyDampedPosition = toValue - criticallyDampedEnvelope * (x0 + (v0 + omega0 * x0) * t);
+    const criticallyDampedVelocity = criticallyDampedEnvelope *
+        (v0 * (t * omega0 - 1) + t * x0 * omega0 * omega0);
+    const animationNode = {
+        toValue,
+        prevPosition: current,
+        lastTimestamp: now,
+        current: zeta < 1 ? underDampedPosition : criticallyDampedPosition,
+        velocity: zeta < 1 ? underDampedVelocity : criticallyDampedVelocity,
+    };
+    advanceCache[cacheKey] = animationNode;
+    return animationNode;
+}
+const calculationCache = {};
+function springCalculation({ from = 0, to = 1, frame, fps, config = {}, }) {
+    const cacheKey = [
+        from,
+        to,
+        frame,
+        fps,
+        config.damping,
+        config.mass,
+        config.overshootClamping,
+        config.stiffness,
+    ].join('-');
+    if (calculationCache[cacheKey]) {
+        return calculationCache[cacheKey];
+    }
+    let animation = {
+        lastTimestamp: 0,
+        current: from,
+        toValue: to,
+        velocity: 0,
+        prevPosition: 0,
+    };
+    const frameClamped = Math.max(0, frame);
+    const unevenRest = frameClamped % 1;
+    for (let f = 0; f <= Math.floor(frameClamped); f++) {
+        if (f === Math.floor(frameClamped)) {
+            f += unevenRest;
+        }
+        const time = (f / fps) * 1000;
+        animation = advance({
+            animation,
+            now: time,
+            config: {
+                ...defaultSpringConfig,
+                ...config,
+            },
+        });
+    }
+    calculationCache[cacheKey] = animation;
+    return animation;
+}
+exports.springCalculation = springCalculation;

package/dist/cjs/static-file.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Reference a file from the public/ folder.
+ * If the file does not appear in the autocomplete, type the path manually.
+ */
+export declare const staticFile: (path: string) => string;

package/dist/cjs/static-file.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.staticFile = void 0;
+const trimLeadingSlash = (path) => {
+    if (path.startsWith('/')) {
+        return trimLeadingSlash(path.substr(1));
+    }
+    return path;
+};
+const inner = (path) => {
+    if (typeof window !== 'undefined' && window.remotion_staticBase) {
+        return `${window.remotion_staticBase}/${trimLeadingSlash(path)}`;
+    }
+    return `/${trimLeadingSlash(path)}`;
+};
+/**
+ * Reference a file from the public/ folder.
+ * If the file does not appear in the autocomplete, type the path manually.
+ */
+const staticFile = (path) => {
+    if (path.startsWith('http://') || path.startsWith('https://')) {
+        throw new TypeError(`staticFile() does not support remote URLs - got "${path}". Instead, pass the URL without wrapping it in staticFile(). See: https://remotion.dev/docs/staticfile-remote-urls`);
+    }
+    if (path.startsWith('..') || path.startsWith('./')) {
+        throw new TypeError(`staticFile() does not support relative paths - got "${path}". Instead, pass the name of a file that is inside the public/ folder. See: https://remotion.dev/docs/staticfile-relative-paths`);
+    }
+    const preparsed = inner(path);
+    if (!preparsed.startsWith('/')) {
+        return `/${preparsed}`;
+    }
+    return preparsed;
+};
+exports.staticFile = staticFile;

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

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

package/dist/cjs/test/Img.test.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 = __importDefault(require("react"));
+const vitest_1 = require("vitest");
+const Img_js_1 = require("../Img.js");
+const ref = react_2.default.createRef();
+const testImgUrl = 'https://source.unsplash.com/random/50x50';
+(0, vitest_1.beforeEach)(() => {
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(Img_js_1.Img, { ref: ref, src: testImgUrl }));
+});
+(0, vitest_1.test)('Img component renders img tag', () => {
+    var _a;
+    (0, vitest_1.expect)((_a = ref.current) === null || _a === void 0 ? void 0 : _a.tagName).toBe('IMG');
+});
+(0, vitest_1.test)('Src attribute is forwarded to img tag', () => {
+    (0, vitest_1.expect)(ref.current).toHaveProperty('src', testImgUrl);
+});

package/dist/cjs/test/absolute-src.test.d.ts

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

package/dist/cjs/test/absolute-src.test.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @vitest-environment jsdom
+ */
+const vitest_1 = require("vitest");
+const absolute_src_js_1 = require("../absolute-src.js");
+(0, vitest_1.describe)('Absolute src should behave as expected', () => {
+    (0, vitest_1.test)('Get localhost:8080', () => {
+        (0, vitest_1.expect)((0, absolute_src_js_1.getAbsoluteSrc)('http://localhost:8080')).toBe('http://localhost:8080/');
+    });
+    (0, vitest_1.test)('Get localhost/hi', () => {
+        (0, vitest_1.expect)((0, absolute_src_js_1.getAbsoluteSrc)('/hi')).toBe('http://localhost:3000/hi');
+    });
+    (0, vitest_1.test)('Get data:base64', () => {
+        (0, vitest_1.expect)((0, absolute_src_js_1.getAbsoluteSrc)('data:base64,image/png,abc')).toBe('data:base64,image/png,abc');
+    });
+});

package/dist/cjs/test/audio-for-rendering.test.d.ts

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

package/dist/cjs/test/audio-for-rendering.test.js

@@ -0,0 +1,88 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 = __importDefault(require("react"));
+const vitest_1 = require("vitest");
+const AudioForRendering_js_1 = require("../audio/AudioForRendering.js");
+const CanUseRemotionHooks_js_1 = require("../CanUseRemotionHooks.js");
+const internals_js_1 = require("../internals.js");
+const expect_to_throw_js_1 = require("./expect-to-throw.js");
+let mockContext;
+(0, vitest_1.describe)('Register and unregister asset', () => {
+    function createMockContext() {
+        const registerAsset = vitest_1.vitest.fn();
+        const unregisterAsset = vitest_1.vitest.fn();
+        window.remotion_audioEnabled = true;
+        const MockProvider = ({ children }) => {
+            return ((0, jsx_runtime_1.jsx)(CanUseRemotionHooks_js_1.CanUseRemotionHooksProvider, { children: (0, jsx_runtime_1.jsx)(internals_js_1.Internals.CompositionManager.Provider, { value: 
+                    // eslint-disable-next-line react/jsx-no-constructed-context-values
+                    {
+                        registerAsset,
+                        unregisterAsset,
+                    }, children: children }) }));
+        };
+        return {
+            MockProvider,
+            registerAsset,
+            unregisterAsset,
+        };
+    }
+    (0, vitest_1.beforeEach)(() => {
+        mockContext = createMockContext();
+    });
+    (0, vitest_1.test)('register and unregister asset', () => {
+        const props = {
+            src: 'test',
+            muted: false,
+            volume: 50,
+            onDuration: vitest_1.vitest.fn(),
+        };
+        const { unmount } = (0, react_1.render)((0, jsx_runtime_1.jsx)(CanUseRemotionHooks_js_1.CanUseRemotionHooksProvider, { children: (0, jsx_runtime_1.jsx)(mockContext.MockProvider, { children: (0, jsx_runtime_1.jsx)(AudioForRendering_js_1.AudioForRendering, { ...props }) }) }));
+        (0, vitest_1.expect)(mockContext.registerAsset).toHaveBeenCalled();
+        unmount();
+        (0, vitest_1.expect)(mockContext.unregisterAsset).toHaveBeenCalled();
+    });
+    (0, vitest_1.test)('no src passed', () => {
+        const props = {
+            src: undefined,
+            muted: false,
+            volume: 50,
+            onDuration: vitest_1.vitest.fn(),
+        };
+        (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)(mockContext.MockProvider, { children: (0, jsx_runtime_1.jsx)(AudioForRendering_js_1.AudioForRendering, { ...props }) }) }));
+        }, /No src passed/);
+        (0, vitest_1.expect)(mockContext.registerAsset).not.toHaveBeenCalled();
+        (0, vitest_1.expect)(mockContext.unregisterAsset).not.toHaveBeenCalled();
+    });
+});
+let mockUseEffect;
+(0, vitest_1.describe)('useEffect tests', () => {
+    const useEffectSpy = vitest_1.vitest.spyOn(react_2.default, 'useEffect');
+    mockUseEffect = vitest_1.vitest.fn();
+    (0, vitest_1.beforeAll)(() => {
+        useEffectSpy.mockImplementation(() => {
+            mockUseEffect();
+        });
+    });
+    (0, vitest_1.afterAll)(() => {
+        useEffectSpy.mockRestore();
+    });
+    vitest_1.test.skip('has registered', () => {
+        const props = {
+            src: 'test',
+            muted: false,
+            volume: 50,
+            onDuration: vitest_1.vitest.fn(),
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(CanUseRemotionHooks_js_1.CanUseRemotionHooksProvider, { children: [(0, jsx_runtime_1.jsx)(AudioForRendering_js_1.AudioForRendering, { ...props }), ' '] }));
+        (0, vitest_1.expect)(mockUseEffect).toHaveBeenCalled();
+    });
+});

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

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

package/dist/cjs/test/audio.test.js

@@ -0,0 +1,76 @@
+"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 audio_1 = require("../audio");
+const CanUseRemotionHooks_js_1 = require("../CanUseRemotionHooks.js");
+const internals_js_1 = require("../internals.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 Audio without startFrom / endAt props', () => {
+        (0, vitest_1.expect)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(audio_1.Audio, { src: "test", volume: 1 }) }))).not.toThrow();
+    });
+    (0, vitest_1.test)('It should render Audio with startAt  props', () => {
+        (0, vitest_1.expect)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(audio_1.Audio, { src: "test", volume: 1, startFrom: 10 }) }))).not.toThrow();
+    });
+    (0, vitest_1.test)('It should render Audio with endAt props', () => {
+        (0, vitest_1.expect)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(audio_1.Audio, { src: "test", volume: 1, endAt: 10 }) }))).not.toThrow();
+    });
+    (0, vitest_1.test)('It should render Audio 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)(audio_1.Audio, { src: "test", volume: 1, startFrom: 10, endAt: 20 }) }))).not.toThrow();
+    });
+});

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

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

package/dist/cjs/test/bezier.test.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const bezier_js_1 = require("../bezier.js");
+const identity = (x) => {
+    return x;
+};
+const assertClose = (a, b, precision = 3) => {
+    (0, vitest_1.expect)(a).toBeCloseTo(b, precision);
+};
+const allEquals = (be1, be2, samples) => {
+    for (let i = 0; i <= samples; ++i) {
+        const x = i / samples;
+        assertClose(be1(x), be2(x));
+    }
+};
+function repeat(n) {
+    return function (f) {
+        for (let i = 0; i < n; ++i) {
+            f();
+        }
+    };
+}
+(0, vitest_1.test)('bezier - should create an object', () => {
+    (0, vitest_1.expect)(typeof (0, bezier_js_1.bezier)(0, 0, 1, 1) === 'function').toBe(true);
+});
+(0, vitest_1.test)('bezier - fail with wrong params', () => {
+    const valuesToTest = [
+        [0.5, 0.5, -5, 0.5],
+        [0.5, 0.5, 5, 0.5],
+        [-2, 0.5, 0.5, 0.5],
+        [2, 0.5, 0.5, 0.5],
+    ];
+    valuesToTest.forEach((entry) => {
+        (0, vitest_1.expect)(() => (0, bezier_js_1.bezier)(entry[0], entry[1], entry[2], entry[3])).toThrow();
+    });
+});
+(0, vitest_1.test)('bezier - linear curves', () => {
+    allEquals((0, bezier_js_1.bezier)(0, 0, 1, 1), (0, bezier_js_1.bezier)(1, 1, 0, 0), 100);
+    allEquals((0, bezier_js_1.bezier)(0, 0, 1, 1), identity, 100);
+});
+(0, vitest_1.test)('bezier - right value at extremes', () => {
+    repeat(10)(() => {
+        const a = Math.random();
+        const b = 2 * Math.random() - 0.5;
+        const c = Math.random();
+        const d = 2 * Math.random() - 0.5;
+        const easing = (0, bezier_js_1.bezier)(a, b, c, d);
+        (0, vitest_1.expect)(easing(0)).toBe(0);
+        (0, vitest_1.expect)(easing(1)).toBe(1);
+    });
+});

package/dist/cjs/test/composition-rules.test.d.ts

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

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

@@ -0,0 +1,30 @@
+"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 Composition_js_1 = require("../Composition.js");
+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)('Render composition-rules should throw with invalid props', () => {
+    (0, vitest_1.test)('It should report invalid component id', () => {
+        (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(Composition_js_1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, id: "invalid@id", width: 100 })), /can only contain/);
+    });
+    (0, vitest_1.test)('It should throw if no id is passed', () => {
+        (0, expect_to_throw_js_1.expectToThrow)(() => (0, react_1.render)(
+        // @ts-expect-error
+        (0, jsx_runtime_1.jsx)(Composition_js_1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, width: 100 })), /No id for composition passed./);
+    });
+    (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.jsxs)(RemotionRoot_js_1.RemotionRoot, { numberOfAudioTags: 0, children: [(0, jsx_runtime_1.jsx)(Composition_js_1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, width: 100, id: "id" }), (0, jsx_runtime_1.jsx)(Composition_js_1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, width: 100, id: "id" })] })), /Multiple composition with id id/);
+    });
+});
+(0, vitest_1.describe)('Render composition-rules should not with valid props', () => {
+    (0, vitest_1.test)('It should validate the component id', () => {
+        (0, vitest_1.expect)(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(Composition_js_1.Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, id: "valid-id", width: 100 }))).not.toThrow();
+    });
+});

package/dist/cjs/test/composition-validation.test.d.ts

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

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();
+    });
+});