remotion 3.3.45 → 3.3.51

package/dist/{loading-indicator.js → cjs/loading-indicator.js}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Loading = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const AbsoluteFill_1 = require("./AbsoluteFill");
+const AbsoluteFill_js_1 = require("./AbsoluteFill.js");
 const rotate = {
     transform: `rotate(90deg)`,
 };
@@ -17,7 +17,7 @@ const container = {
     alignItems: 'center',
 };
 const Loading = () => {
-    return ((0, jsx_runtime_1.jsxs)(AbsoluteFill_1.AbsoluteFill, { style: container, id: "remotion-comp-loading", children: [(0, jsx_runtime_1.jsx)("style", { type: "text/css", children: `
+    return ((0, jsx_runtime_1.jsxs)(AbsoluteFill_js_1.AbsoluteFill, { style: container, id: "remotion-comp-loading", children: [(0, jsx_runtime_1.jsx)("style", { type: "text/css", children: `
 				@keyframes anim {
 					from {
 						opacity: 0

package/dist/{loop → cjs/loop}/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { LayoutAndStyle } from '../Sequence';
+import type { LayoutAndStyle } from '../Sequence.js';
 export declare type LoopProps = {
     durationInFrames: number;
     times?: number;

package/dist/{loop → cjs/loop}/index.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Loop = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Sequence_1 = require("../Sequence");
-const use_video_config_1 = require("../use-video-config");
-const validate_duration_in_frames_1 = require("../validation/validate-duration-in-frames");
+const Sequence_js_1 = require("../Sequence.js");
+const use_video_config_js_1 = require("../use-video-config.js");
+const validate_duration_in_frames_js_1 = require("../validation/validate-duration-in-frames.js");
 const Loop = ({ durationInFrames, times = Infinity, children, name, ...props }) => {
-    const { durationInFrames: compDuration } = (0, use_video_config_1.useVideoConfig)();
-    (0, validate_duration_in_frames_1.validateDurationInFrames)(durationInFrames, 'of the <Loop /> component');
+    const { durationInFrames: compDuration } = (0, use_video_config_js_1.useVideoConfig)();
+    (0, validate_duration_in_frames_js_1.validateDurationInFrames)(durationInFrames, 'of the <Loop /> component');
     if (typeof times !== 'number') {
         throw new TypeError(`You passed to "times" an argument of type ${typeof times}, but it must be a number.`);
     }
@@ -21,7 +21,7 @@ const Loop = ({ durationInFrames, times = Infinity, children, name, ...props })
     const actualTimes = Math.min(maxTimes, times);
     const style = props.layout === 'none' ? undefined : props.style;
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: new Array(actualTimes).fill(true).map((_, i) => {
-            return ((0, jsx_runtime_1.jsx)(Sequence_1.Sequence
+            return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence
             // eslint-disable-next-line react/no-array-index-key
             , { durationInFrames: durationInFrames, from: i * durationInFrames, name: name, showLoopTimesInTimeline: actualTimes, showInTimeline: i === 0, layout: props.layout, style: style, children: children }, `loop-${i}`));
         }) }));

package/dist/{multiple-versions-warning.js → cjs/multiple-versions-warning.js}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkMultipleRemotionVersions = void 0;
-const truthy_1 = require("./truthy");
-const version_1 = require("./version");
+const truthy_js_1 = require("./truthy.js");
+const version_js_1 = require("./version.js");
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
         return;
@@ -10,23 +10,23 @@ const checkMultipleRemotionVersions = () => {
     const alreadyImported = globalThis.remotion_imported ||
         (typeof window !== 'undefined' && window.remotion_imported);
     if (alreadyImported) {
-        if (typeof window === 'undefined' && alreadyImported === version_1.VERSION) {
+        if (typeof window === 'undefined' && alreadyImported === version_js_1.VERSION) {
             // Next.JS will reload the package and cause a server-side warning.
             // It's okay if this happens during SSR in developement
             return;
         }
         throw new TypeError(`🚨 Multiple versions of Remotion detected: ${[
-            version_1.VERSION,
+            version_js_1.VERSION,
             typeof alreadyImported === 'string'
                 ? alreadyImported
                 : 'an older version',
         ]
-            .filter(truthy_1.truthy)
+            .filter(truthy_js_1.truthy)
             .join(' and ')}. This will cause things to break in an unexpected way.\nCheck that all your Remotion packages are on the same version. If your dependencies depend on Remotion, make them peer dependencies. You can also run \`npx remotion versions\` from your terminal to see which versions are mismatching.`);
     }
-    globalThis.remotion_imported = version_1.VERSION;
+    globalThis.remotion_imported = version_js_1.VERSION;
     if (typeof window !== 'undefined') {
-        window.remotion_imported = version_1.VERSION;
+        window.remotion_imported = version_js_1.VERSION;
     }
 };
 exports.checkMultipleRemotionVersions = checkMultipleRemotionVersions;

package/dist/{prefetch.js → cjs/prefetch.js}

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.prefetch = exports.usePreload = void 0;
 const react_1 = require("react");
-const get_environment_1 = require("./get-environment");
-const prefetch_state_1 = require("./prefetch-state");
+const get_environment_js_1 = require("./get-environment.js");
+const prefetch_state_js_1 = require("./prefetch-state.js");
 const usePreload = (src) => {
     var _a;
-    const preloads = (0, react_1.useContext)(prefetch_state_1.PreloadContext);
+    const preloads = (0, react_1.useContext)(prefetch_state_js_1.PreloadContext);
     return (_a = preloads[src]) !== null && _a !== void 0 ? _a : src;
 };
 exports.usePreload = usePreload;
@@ -26,7 +26,7 @@ const blobToBase64 = function (blob) {
 const prefetch = (src, options) => {
     var _a;
     const method = (_a = options === null || options === void 0 ? void 0 : options.method) !== null && _a !== void 0 ? _a : 'blob-url';
-    if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
+    if ((0, get_environment_js_1.getRemotionEnvironment)() === 'rendering') {
         return {
             free: () => undefined,
             waitUntilDone: () => Promise.resolve(src),
@@ -69,7 +69,7 @@ const prefetch = (src, options) => {
             return;
         }
         objectUrl = url;
-        (0, prefetch_state_1.setPreloads)((p) => ({
+        (0, prefetch_state_js_1.setPreloads)((p) => ({
             ...p,
             [src]: objectUrl,
         }));
@@ -84,7 +84,7 @@ const prefetch = (src, options) => {
                 if (method === 'blob-url') {
                     URL.revokeObjectURL(objectUrl);
                 }
-                (0, prefetch_state_1.setPreloads)((p) => {
+                (0, prefetch_state_js_1.setPreloads)((p) => {
                     const copy = { ...p };
                     delete copy[src];
                     return copy;

package/dist/{random.js → cjs/random.js}

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.random = void 0;
+/* eslint-disable no-bitwise */
 function mulberry32(a) {
     let t = a + 0x6d2b79f5;
     t = Math.imul(t ^ (t >>> 15), t | 1);

package/dist/{series → cjs/series}/index.d.ts

@@ -1,5 +1,5 @@
 import type { FC, PropsWithChildren } from 'react';
-import type { LayoutAndStyle, SequenceProps } from '../Sequence';
+import type { LayoutAndStyle, SequenceProps } from '../Sequence.js';
 declare type SeriesSequenceProps = PropsWithChildren<{
     durationInFrames: number;
     offset?: number;

package/dist/{series → cjs/series}/index.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Series = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const Sequence_1 = require("../Sequence");
-const validate_duration_in_frames_1 = require("../validation/validate-duration-in-frames");
-const flatten_children_1 = require("./flatten-children");
+const Sequence_js_1 = require("../Sequence.js");
+const validate_duration_in_frames_js_1 = require("../validation/validate-duration-in-frames.js");
+const flatten_children_js_1 = require("./flatten-children.js");
 const SeriesSequenceRefForwardingFunction = ({ children }, _ref) => {
     // Discard ref
     // eslint-disable-next-line react/jsx-no-useless-fragment
@@ -15,7 +15,7 @@ const SeriesSequence = (0, react_1.forwardRef)(SeriesSequenceRefForwardingFuncti
 const Series = ({ children }) => {
     const childrenValue = (0, react_1.useMemo)(() => {
         let startFrame = 0;
-        return react_1.Children.map((0, flatten_children_1.flattenChildren)(children), (child, i) => {
+        return react_1.Children.map((0, flatten_children_js_1.flattenChildren)(children), (child, i) => {
             var _a;
             const castedChild = child;
             if (typeof castedChild === 'string') {
@@ -34,7 +34,7 @@ const Series = ({ children }) => {
             }
             const durationInFramesProp = castedChild.props.durationInFrames;
             const { durationInFrames, children: _children, ...passedProps } = castedChild.props;
-            (0, validate_duration_in_frames_1.validateDurationInFrames)(durationInFramesProp, `of a <Series.Sequence /> component`);
+            (0, validate_duration_in_frames_js_1.validateDurationInFrames)(durationInFramesProp, `of a <Series.Sequence /> component`);
             const offset = (_a = castedChild.props.offset) !== null && _a !== void 0 ? _a : 0;
             if (Number.isNaN(offset)) {
                 throw new TypeError(`The "offset" property of a <Series.Sequence /> must not be NaN, but got NaN (${debugInfo}).`);
@@ -47,7 +47,7 @@ const Series = ({ children }) => {
             }
             const currentStartFrame = startFrame + offset;
             startFrame += durationInFramesProp + offset;
-            return ((0, jsx_runtime_1.jsx)(Sequence_1.Sequence, { from: currentStartFrame, durationInFrames: durationInFramesProp, ...passedProps, ref: castedChild.ref, children: child }));
+            return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { from: currentStartFrame, durationInFrames: durationInFramesProp, ...passedProps, ref: castedChild.ref, children: child }));
         });
     }, [children]);
     /* eslint-disable react/jsx-no-useless-fragment */

package/dist/{setup-env-variables.js → cjs/setup-env-variables.js}

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setupEnvVariables = exports.ENV_VARIABLES_ENV_NAME = void 0;
-const get_environment_1 = require("./get-environment");
+const get_environment_js_1 = require("./get-environment.js");
 exports.ENV_VARIABLES_ENV_NAME = 'ENV_VARIABLES';
 const getEnvVariables = () => {
-    if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
+    if ((0, get_environment_js_1.getRemotionEnvironment)() === 'rendering') {
         const param = window.remotion_envVariables;
         if (!param) {
             return {};
         }
         return { ...JSON.parse(param), NODE_ENV: process.env.NODE_ENV };
     }
-    if ((0, get_environment_1.getRemotionEnvironment)() === 'preview') {
+    if ((0, get_environment_js_1.getRemotionEnvironment)() === 'preview') {
         // Webpack will convert this to an object at compile time.
         // Don't convert this syntax to a computed property.
         return {

package/dist/{spring → cjs/spring}/index.d.ts

@@ -1,4 +1,4 @@
-import type { SpringConfig } from './spring-utils';
+import type { SpringConfig } from './spring-utils.js';
 /**
  * Calculates a position based on physical parameters, start and end value, and time.
  * @link https://www.remotion.dev/docs/spring
@@ -23,5 +23,5 @@ export declare function spring({ frame, fps, config, from, to, durationInFrames,
     durationInFrames?: number;
     durationRestThreshold?: number;
 }): number;
-export { measureSpring } from './measure-spring';
-export { SpringConfig } from './spring-utils';
+export { measureSpring } from './measure-spring.js';
+export { SpringConfig } from './spring-utils.js';

package/dist/{spring → cjs/spring}/index.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.measureSpring = exports.spring = void 0;
-const validation_spring_duration_1 = require("../validation/validation-spring-duration");
-const measure_spring_1 = require("./measure-spring");
-const spring_utils_1 = require("./spring-utils");
+const validate_frame_js_1 = require("../validate-frame.js");
+const validate_fps_js_1 = require("../validation/validate-fps.js");
+const validation_spring_duration_js_1 = require("../validation/validation-spring-duration.js");
+const measure_spring_js_1 = require("./measure-spring.js");
+const spring_utils_js_1 = require("./spring-utils.js");
 /**
  * Calculates a position based on physical parameters, start and end value, and time.
  * @link https://www.remotion.dev/docs/spring
@@ -20,18 +22,20 @@ const spring_utils_1 = require("./spring-utils");
  * @param {?number} [config.durationThreshold] How close to the end the animation is considered to be done. Default `0.005`
  */
 function spring({ frame, fps, config = {}, from = 0, to = 1, durationInFrames, durationRestThreshold, }) {
-    (0, validation_spring_duration_1.validateSpringDuration)(durationInFrames);
+    (0, validation_spring_duration_js_1.validateSpringDuration)(durationInFrames);
+    (0, validate_frame_js_1.validateFrame)(frame, Infinity);
+    (0, validate_fps_js_1.validateFps)(fps, 'to spring()', false);
     const durationRatio = durationInFrames === undefined
         ? 1
         : durationInFrames /
-            (0, measure_spring_1.measureSpring)({
+            (0, measure_spring_js_1.measureSpring)({
                 fps,
                 config,
                 from,
                 to,
                 threshold: durationRestThreshold,
             });
-    const spr = (0, spring_utils_1.springCalculation)({
+    const spr = (0, spring_utils_js_1.springCalculation)({
         fps,
         frame: frame / durationRatio,
         config,
@@ -47,5 +51,5 @@ function spring({ frame, fps, config = {}, from = 0, to = 1, durationInFrames, d
     return Math.max(spr.current, to);
 }
 exports.spring = spring;
-var measure_spring_2 = require("./measure-spring");
-Object.defineProperty(exports, "measureSpring", { enumerable: true, get: function () { return measure_spring_2.measureSpring; } });
+var measure_spring_js_2 = require("./measure-spring.js");
+Object.defineProperty(exports, "measureSpring", { enumerable: true, get: function () { return measure_spring_js_2.measureSpring; } });

package/dist/{spring → cjs/spring}/measure-spring.d.ts

@@ -1,4 +1,4 @@
-import type { SpringConfig } from './spring-utils';
+import type { SpringConfig } from './spring-utils.js';
 export declare function measureSpring({ fps, config, threshold, from, to, }: {
     fps: number;
     config?: Partial<SpringConfig>;

package/dist/{spring → cjs/spring}/measure-spring.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.measureSpring = void 0;
-const validate_fps_1 = require("../validation/validate-fps");
-const spring_utils_1 = require("./spring-utils");
+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}`);
@@ -22,12 +22,12 @@ function measureSpring({ fps, config = {}, threshold = 0.005, from = 0, to = 1,
     if (threshold < 0) {
         throw new TypeError('Threshold is below 0');
     }
-    (0, validate_fps_1.validateFps)(fps, 'to the measureSpring() function', false);
+    (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_1.springCalculation)({
+        return (0, spring_utils_js_1.springCalculation)({
             fps,
             frame,
             config,

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 {};