remotion 4.0.0-webhook.27 → 4.1.0-alpha2

package/dist/esm/version.mjs

@@ -0,0 +1,4 @@
+// Automatically generated on publish
+const VERSION = '4.1.0-alpha2';
+
+export { VERSION };

package/package.json

@@ -1,58 +1,81 @@
 {
-	"name": "remotion",
-	"version": "4.0.0-webhook.27+eb81308ee",
-	"description": "Render videos in React",
-	"main": "dist/index.js",
-	"types": "dist/index.d.ts",
-	"sideEffects": false,
-	"scripts": {
-		"prepublish": "node ensure-correct-version.js && cp ../../README.md .",
-		"lint": "eslint src --ext ts,tsx",
-		"test": "vitest --run",
-		"build": "tsc -d",
-		"watch": "tsc -w"
-	},
-	"repository": {
-		"url": "https://github.com/remotion-dev/remotion"
-	},
-	"bugs": {
-		"url": "https://github.com/remotion-dev/remotion/issues"
-	},
-	"author": "",
-	"license": "SEE LICENSE IN LICENSE.md",
-	"peerDependencies": {
-		"react": ">=16.8.0",
-		"react-dom": ">=16.8.0"
-	},
-	"devDependencies": {
-		"@jonny/eslint-config": "3.0.266",
-		"@testing-library/react": "13.3.0",
-		"@types/node": "^16.7.5",
-		"@types/react": "18.0.1",
-		"@types/react-dom": "18.0.0",
-		"@types/webpack-env": "^1.16.0",
-		"@vitejs/plugin-react": "^2.0.0",
-		"eslint": "8.13.0",
-		"prettier": "^2.0.5",
-		"prettier-plugin-organize-imports": "^2.3.4",
-		"react": "^18.0.0",
-		"react-dom": "^18.0.0",
-		"react-test-renderer": "^18.0.0",
-		"rimraf": "^3.0.2",
-		"typescript": "^4.7.0",
-		"vitest": "^0.18.0",
-		"webpack": "5.74.0"
-	},
-	"keywords": [
-		"remotion",
-		"ffmpeg",
-		"video",
-		"react",
-		"puppeteer",
-		"player"
-	],
-	"publishConfig": {
-		"access": "public"
-	},
-	"gitHead": "eb81308ee07a402f4a8dd9ff24306bb07dd78175"
-}
+  "name": "remotion",
+  "version": "4.1.0-alpha2",
+  "description": "Render videos in React",
+  "main": "dist/cjs/index.js",
+  "types": "dist/cjs/index.d.ts",
+  "module": "dist/esm/index.mjs",
+  "repository": {
+    "url": "https://github.com/remotion-dev/remotion"
+  },
+  "bugs": {
+    "url": "https://github.com/remotion-dev/remotion/issues"
+  },
+  "author": "Jonny Burger <jonny@remotion.dev>",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@jonny/eslint-config": "3.0.273",
+    "@rollup/plugin-typescript": "^8.2.0",
+    "@testing-library/react": "14.0.0",
+    "@types/node": "18.14.6",
+    "@types/react": "18.0.26",
+    "@types/react-dom": "18.0.10",
+    "@vitejs/plugin-react": "^2.0.0",
+    "eslint": "8.42.0",
+    "eslint-plugin-require-extensions": "^0.1.2",
+    "jsdom": "21.1.0",
+    "prettier": "^2.7.1",
+    "prettier-plugin-organize-imports": "^2.3.4",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.70.1",
+    "typescript": "4.9.5",
+    "vitest": "0.31.1",
+    "webpack": "5.83.1",
+    "zod": "3.21.4"
+  },
+  "keywords": [
+    "remotion",
+    "ffmpeg",
+    "video",
+    "react",
+    "player"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/cjs/index.d.ts",
+      "module": "./dist/esm/index.mjs",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.js"
+    },
+    "./version": {
+      "types": "./dist/cjs/version.d.ts",
+      "module": "./dist/esm/version.mjs",
+      "import": "./dist/esm/version.mjs",
+      "require": "./dist/cjs/version.js"
+    }
+  },
+  "typesVersions": {
+    ">=1.0": {
+      "version": [
+        "dist/cjs/version.d.ts"
+      ]
+    }
+  },
+  "scripts": {
+    "formatting": "prettier src --check",
+    "lint": "eslint src --ext ts,tsx",
+    "test": "vitest --run",
+    "build": "tsc -d && rollup --config rollup-version.config.js && rollup --config rollup.config.js",
+    "watch": "tsc -w"
+  }
+}

package/version.js

@@ -1 +1,2 @@
-module.exports = require('./dist/version');
+// For backwards compatibility when you use `esm-wallaby`
+module.exports = require('./dist/cjs/version');

package/.prettierrc.js

@@ -1,14 +0,0 @@
-module.exports = {
-	singleQuote: true,
-	bracketSpacing: false,
-	useTabs: true,
-	overrides: [
-		{
-			files: ['*.yml'],
-			options: {
-				singleQuote: false,
-			},
-		},
-	],
-	plugins: [require.resolve('prettier-plugin-organize-imports')],
-};

package/.turbo/turbo-build.log

@@ -1,5 +0,0 @@
-remotion:build: cache hit, replaying output 0f507b249dbf2f69
-remotion:build: 
-remotion:build: > remotion@3.2.29 build /Users/jonathanburger/remotion/packages/core
-remotion:build: > tsc -d
-remotion:build: 

package/dist/Composition.d.ts

@@ -1,22 +0,0 @@
-import type { ComponentType } from 'react';
-import React from 'react';
-declare type LooseComponentType<T> = ComponentType<T> | ((props: T) => React.ReactNode);
-export declare type CompProps<T> = {
-    lazyComponent: () => Promise<{
-        default: LooseComponentType<T>;
-    }>;
-} | {
-    component: LooseComponentType<T>;
-};
-export declare type StillProps<T> = {
-    width: number;
-    height: number;
-    id: string;
-    defaultProps?: T;
-} & CompProps<T>;
-declare type CompositionProps<T> = StillProps<T> & {
-    fps: number;
-    durationInFrames: number;
-};
-export declare const Composition: <T>({ width, height, fps, durationInFrames, id, defaultProps, ...compProps }: CompositionProps<T>) => React.ReactPortal | null;
-export {};

package/dist/Composition.js

@@ -1,98 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Composition = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_dom_1 = require("react-dom");
-const CanUseRemotionHooks_1 = require("./CanUseRemotionHooks");
-const CompositionManager_1 = require("./CompositionManager");
-const input_props_1 = require("./config/input-props");
-const delay_render_1 = require("./delay-render");
-const Folder_1 = require("./Folder");
-const get_environment_1 = require("./get-environment");
-const internals_1 = require("./internals");
-const loading_indicator_1 = require("./loading-indicator");
-const nonce_1 = require("./nonce");
-const portal_node_1 = require("./portal-node");
-const use_lazy_component_1 = require("./use-lazy-component");
-const use_video_1 = require("./use-video");
-const validate_composition_id_1 = require("./validation/validate-composition-id");
-const validate_dimensions_1 = require("./validation/validate-dimensions");
-const validate_duration_in_frames_1 = require("./validation/validate-duration-in-frames");
-const validate_fps_1 = require("./validation/validate-fps");
-const Fallback = () => {
-    (0, react_1.useEffect)(() => {
-        const fallback = (0, delay_render_1.delayRender)('Waiting for Root component to unsuspend');
-        return () => (0, delay_render_1.continueRender)(fallback);
-    }, []);
-    return null;
-};
-const Composition = ({ width, height, fps, durationInFrames, id, defaultProps, ...compProps }) => {
-    const { registerComposition, unregisterComposition } = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
-    const video = (0, use_video_1.useVideo)();
-    const lazy = (0, use_lazy_component_1.useLazyComponent)(compProps);
-    const nonce = (0, nonce_1.useNonce)();
-    const canUseComposition = (0, react_1.useContext)(internals_1.Internals.CanUseRemotionHooks);
-    if (canUseComposition) {
-        if (typeof window !== 'undefined' && window.remotion_isPlayer) {
-            throw new Error('<Composition> was mounted inside the `component` that was passed to the <Player>. See https://remotion.dev/docs/wrong-composition-mount for help.');
-        }
-        throw new Error('<Composition> mounted inside another composition. See https://remotion.dev/docs/wrong-composition-mount for help.');
-    }
-    const { folderName, parentName } = (0, react_1.useContext)(Folder_1.FolderContext);
-    (0, react_1.useEffect)(() => {
-        // Ensure it's a URL safe id
-        if (!id) {
-            throw new Error('No id for composition passed.');
-        }
-        (0, validate_composition_id_1.validateCompositionId)(id);
-        (0, validate_dimensions_1.validateDimension)(width, 'width', 'of the <Composition/> component');
-        (0, validate_dimensions_1.validateDimension)(height, 'height', 'of the <Composition/> component');
-        (0, validate_duration_in_frames_1.validateDurationInFrames)(durationInFrames, 'of the <Composition/> component');
-        (0, validate_fps_1.validateFps)(fps, 'as a prop of the <Composition/> component', false);
-        registerComposition({
-            durationInFrames,
-            fps,
-            height,
-            width,
-            id,
-            folderName,
-            component: lazy,
-            defaultProps,
-            nonce,
-            parentFolderName: parentName,
-        });
-        return () => {
-            unregisterComposition(id);
-        };
-    }, [
-        durationInFrames,
-        fps,
-        height,
-        lazy,
-        id,
-        folderName,
-        defaultProps,
-        registerComposition,
-        unregisterComposition,
-        width,
-        nonce,
-        parentName,
-    ]);
-    if ((0, get_environment_1.getRemotionEnvironment)() === 'preview' &&
-        video &&
-        video.component === lazy) {
-        const Comp = lazy;
-        const inputProps = (0, input_props_1.getInputProps)();
-        return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(CanUseRemotionHooks_1.CanUseRemotionHooksProvider, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(loading_indicator_1.Loading, {}), children: (0, jsx_runtime_1.jsx)(Comp, { ...defaultProps, ...inputProps }) }) }), (0, portal_node_1.portalNode)());
-    }
-    if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering' &&
-        video &&
-        video.component === lazy) {
-        const Comp = lazy;
-        const inputProps = (0, input_props_1.getInputProps)();
-        return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(CanUseRemotionHooks_1.CanUseRemotionHooksProvider, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(Fallback, {}), children: (0, jsx_runtime_1.jsx)(Comp, { ...defaultProps, ...inputProps }) }) }), (0, portal_node_1.portalNode)());
-    }
-    return null;
-};
-exports.Composition = Composition;

package/dist/CompositionManager.d.ts

@@ -1,79 +0,0 @@
-import type { ComponentType, LazyExoticComponent } from 'react';
-import React from 'react';
-import type { TFolder } from './Folder';
-export declare type TComposition<T = unknown> = {
-    width: number;
-    height: number;
-    fps: number;
-    durationInFrames: number;
-    id: string;
-    folderName: string | null;
-    parentFolderName: string | null;
-    component: LazyExoticComponent<ComponentType<T>>;
-    defaultProps: T | undefined;
-    nonce: number;
-};
-export declare type TCompMetadata = Pick<TComposition, 'id' | 'height' | 'width' | 'fps' | 'durationInFrames' | 'defaultProps'>;
-export declare type SmallTCompMetadata = Pick<TComposition, 'id' | 'height' | 'width' | 'fps' | 'durationInFrames'> & Partial<Pick<TComposition, 'defaultProps'>>;
-declare type EnhancedTSequenceData = {
-    type: 'sequence';
-} | {
-    type: 'audio';
-    src: string;
-    volume: string | number;
-    doesVolumeChange: boolean;
-    startMediaFrom: number;
-} | {
-    type: 'video';
-    src: string;
-    volume: string | number;
-    doesVolumeChange: boolean;
-    startMediaFrom: number;
-};
-export declare type TSequence = {
-    from: number;
-    duration: number;
-    id: string;
-    displayName: string;
-    parent: string | null;
-    rootId: string;
-    showInTimeline: boolean;
-    nonce: number;
-    showLoopTimesInTimeline: number | undefined;
-} & EnhancedTSequenceData;
-export declare type TAsset = {
-    type: 'audio' | 'video';
-    src: string;
-    id: string;
-    frame: number;
-    volume: number;
-    mediaFrame: number;
-    playbackRate: number;
-};
-declare type BaseMetadata = Pick<TCompMetadata, 'durationInFrames' | 'fps' | 'defaultProps' | 'height' | 'width'>;
-export declare type CompositionManagerContext = {
-    compositions: TComposition[];
-    registerComposition: <T>(comp: TComposition<T>) => void;
-    unregisterComposition: (name: string) => void;
-    registerFolder: (name: string, parent: string | null) => void;
-    unregisterFolder: (name: string, parent: string | null) => void;
-    currentComposition: string | null;
-    setCurrentComposition: (curr: string) => void;
-    setCurrentCompositionMetadata: (metadata: BaseMetadata) => void;
-    currentCompositionMetadata: BaseMetadata | null;
-    registerSequence: (seq: TSequence) => void;
-    unregisterSequence: (id: string) => void;
-    registerAsset: (asset: TAsset) => void;
-    unregisterAsset: (id: string) => void;
-    sequences: TSequence[];
-    assets: TAsset[];
-    folders: TFolder[];
-};
-export declare const CompositionManager: React.Context<CompositionManagerContext>;
-export declare const compositionsRef: React.RefObject<{
-    getCompositions: () => TCompMetadata[];
-}>;
-export declare const CompositionManagerProvider: React.FC<{
-    children: React.ReactNode;
-}>;
-export {};

package/dist/Img.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const Img: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "key" | keyof React.ImgHTMLAttributes<HTMLImageElement>> & React.RefAttributes<HTMLImageElement>>;

package/dist/Img.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Img = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const delay_render_1 = require("./delay-render");
-const get_environment_1 = require("./get-environment");
-const prefetch_1 = require("./prefetch");
-const ImgRefForwarding = ({ onError, src, ...props }, ref) => {
-    const imageRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, () => {
-        return imageRef.current;
-    }, []);
-    const actualSrc = (0, prefetch_1.usePreload)(src);
-    const didGetError = (0, react_1.useCallback)((e) => {
-        var _a;
-        if (onError) {
-            onError(e);
-        }
-        else {
-            console.error('Error loading image with src:', (_a = imageRef.current) === null || _a === void 0 ? void 0 : _a.src, e, 'Handle the event using the onError() prop to make this message disappear.');
-        }
-    }, [onError]);
-    // If image source switches, make new handle
-    if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        (0, react_1.useLayoutEffect)(() => {
-            if (process.env.NODE_ENV === 'test') {
-                return;
-            }
-            const newHandle = (0, delay_render_1.delayRender)('Loading <Img> with src=' + src);
-            const { current } = imageRef;
-            const didLoad = () => {
-                (0, delay_render_1.continueRender)(newHandle);
-            };
-            if (current === null || current === void 0 ? void 0 : current.complete) {
-                (0, delay_render_1.continueRender)(newHandle);
-            }
-            else {
-                current === null || current === void 0 ? void 0 : current.addEventListener('load', didLoad, { once: true });
-            }
-            // If tag gets unmounted, clear pending handles because image is not going to load
-            return () => {
-                current === null || current === void 0 ? void 0 : current.removeEventListener('load', didLoad);
-                (0, delay_render_1.continueRender)(newHandle);
-            };
-        }, [src]);
-    }
-    return ((0, jsx_runtime_1.jsx)("img", { ...props, ref: imageRef, src: actualSrc, onError: didGetError }));
-};
-exports.Img = (0, react_1.forwardRef)(ImgRefForwarding);

package/dist/RemotionRoot.js

@@ -1,71 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RemotionRoot = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const shared_audio_tags_1 = require("./audio/shared-audio-tags");
-const CompositionManager_1 = require("./CompositionManager");
-const delay_render_1 = require("./delay-render");
-const nonce_1 = require("./nonce");
-const prefetch_state_1 = require("./prefetch-state");
-const random_1 = require("./random");
-const timeline_position_state_1 = require("./timeline-position-state");
-const RemotionRoot = ({ children }) => {
-    var _a;
-    const [remotionRootId] = (0, react_1.useState)(() => String((0, random_1.random)(null)));
-    const [frame, setFrame] = (0, react_1.useState)((_a = window.remotion_initialFrame) !== null && _a !== void 0 ? _a : 0);
-    const [playing, setPlaying] = (0, react_1.useState)(false);
-    const imperativePlaying = (0, react_1.useRef)(false);
-    const [fastRefreshes, setFastRefreshes] = (0, react_1.useState)(0);
-    const [playbackRate, setPlaybackRate] = (0, react_1.useState)(1);
-    const audioAndVideoTags = (0, react_1.useRef)([]);
-    (0, react_1.useLayoutEffect)(() => {
-        if (typeof window !== 'undefined') {
-            window.remotion_setFrame = (f) => {
-                const id = (0, delay_render_1.delayRender)(`Setting the current frame to ${f}`);
-                setFrame(f);
-                requestAnimationFrame(() => (0, delay_render_1.continueRender)(id));
-            };
-            window.remotion_isPlayer = false;
-        }
-    }, []);
-    const timelineContextValue = (0, react_1.useMemo)(() => {
-        return {
-            frame,
-            playing,
-            imperativePlaying,
-            rootId: remotionRootId,
-            playbackRate,
-            setPlaybackRate,
-            audioAndVideoTags,
-        };
-    }, [frame, playbackRate, playing, remotionRootId]);
-    const setTimelineContextValue = (0, react_1.useMemo)(() => {
-        return {
-            setFrame,
-            setPlaying,
-        };
-    }, []);
-    const nonceContext = (0, react_1.useMemo)(() => {
-        let counter = 0;
-        return {
-            getNonce: () => counter++,
-            fastRefreshes,
-        };
-    }, [fastRefreshes]);
-    (0, react_1.useEffect)(() => {
-        if (module.hot) {
-            module.hot.addStatusHandler((status) => {
-                if (status === 'idle') {
-                    setFastRefreshes((i) => i + 1);
-                }
-            });
-        }
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(nonce_1.NonceContext.Provider, { value: nonceContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: timelineContextValue, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.SetTimelineContext.Provider, { value: setTimelineContextValue, children: (0, jsx_runtime_1.jsx)(prefetch_state_1.PrefetchProvider, { children: (0, jsx_runtime_1.jsx)(CompositionManager_1.CompositionManagerProvider, { children: (0, jsx_runtime_1.jsx)(shared_audio_tags_1.SharedAudioContextProvider
-                        // In the preview, which is mostly played on Desktop, we opt out of the autoplay policy fix as described in https://github.com/remotion-dev/remotion/pull/554, as it mostly applies to mobile.
-                        , { 
-                            // In the preview, which is mostly played on Desktop, we opt out of the autoplay policy fix as described in https://github.com/remotion-dev/remotion/pull/554, as it mostly applies to mobile.
-                            numberOfAudioTags: 0, children: children }) }) }) }) }) }));
-};
-exports.RemotionRoot = RemotionRoot;

package/dist/Sequence.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-export declare type SequenceContextType = {
-    cumulatedFrom: number;
-    relativeFrom: number;
-    parentFrom: number;
-    durationInFrames: number;
-    id: string;
-};
-export declare const SequenceContext: React.Context<SequenceContextType | null>;
-declare type LayoutAndStyle = {
-    layout: 'none';
-} | {
-    layout?: 'absolute-fill';
-    style?: React.CSSProperties;
-};
-export declare type SequenceProps = {
-    children: React.ReactNode;
-    from: number;
-    durationInFrames?: number;
-    name?: string;
-    showInTimeline?: boolean;
-    showLoopTimesInTimeline?: number;
-} & LayoutAndStyle;
-/**
- * A component that time-shifts its children and wraps them in an absolutely positioned <div>.
- * @link https://www.remotion.dev/docs/sequence
- */
-export declare const Sequence: React.ForwardRefExoticComponent<SequenceProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/Still.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { StillProps } from './Composition';
-export declare const Still: <T>(props: StillProps<T>) => JSX.Element;

package/dist/Still.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Still = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Composition_1 = require("./Composition");
-const Still = (props) => {
-    return (0, jsx_runtime_1.jsx)(Composition_1.Composition, { fps: 1, durationInFrames: 1, ...props });
-};
-exports.Still = Still;

package/dist/audio/Audio.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Audio = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const get_environment_1 = require("../get-environment");
-const Sequence_1 = require("../Sequence");
-const validate_media_props_1 = require("../validate-media-props");
-const validate_start_from_props_1 = require("../validate-start-from-props");
-const AudioForDevelopment_1 = require("./AudioForDevelopment");
-const AudioForRendering_1 = require("./AudioForRendering");
-const shared_audio_tags_1 = require("./shared-audio-tags");
-const AudioRefForwardingFunction = (props, ref) => {
-    const audioContext = (0, react_1.useContext)(shared_audio_tags_1.SharedAudioContext);
-    const { startFrom, endAt, ...otherProps } = props;
-    const onError = (0, react_1.useCallback)((e) => {
-        console.log(e.currentTarget.error);
-        throw new Error(`Could not play audio with src ${otherProps.src}: ${e.currentTarget.error}. See https://remotion.dev/docs/media-playback-error for help.`);
-    }, [otherProps.src]);
-    if (typeof startFrom !== 'undefined' || typeof endAt !== 'undefined') {
-        (0, validate_start_from_props_1.validateStartFromProps)(startFrom, endAt);
-        const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
-        const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
-        return ((0, jsx_runtime_1.jsx)(Sequence_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, children: (0, jsx_runtime_1.jsx)(exports.Audio, { ...otherProps, ref: ref }) }));
-    }
-    (0, validate_media_props_1.validateMediaProps)(props, 'Audio');
-    if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
-        return (0, jsx_runtime_1.jsx)(AudioForRendering_1.AudioForRendering, { ...props, ref: ref, onError: onError });
-    }
-    return ((0, jsx_runtime_1.jsx)(AudioForDevelopment_1.AudioForDevelopment, { shouldPreMountAudioTags: audioContext !== null && audioContext.numberOfAudioTags > 0, ...props, ref: ref, onError: onError }));
-};
-exports.Audio = (0, react_1.forwardRef)(AudioRefForwardingFunction);

package/dist/audio/AudioForDevelopment.d.ts

@@ -1,8 +0,0 @@
-import type { ForwardRefExoticComponent, RefAttributes } from 'react';
-import React from 'react';
-export declare const AudioForDevelopment: ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, "onEnded" | "autoPlay" | "controls" | "loop"> & {
-    volume?: import("../volume-prop").VolumeProp | undefined;
-    playbackRate?: number | undefined;
-} & {
-    shouldPreMountAudioTags: boolean;
-} & RefAttributes<HTMLAudioElement>>;