remotion 4.0.124 → 4.0.126

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

@@ -1,6 +1,6 @@
 import type { ForwardRefExoticComponent, RefAttributes } from 'react';
 import React from 'react';
-export declare const AudioForDevelopment: ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, "nonce" | "onEnded" | "onResize" | "onResizeCapture" | "autoPlay" | "controls"> & {
+export declare const AudioForDevelopment: ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, "autoPlay" | "controls" | "onEnded" | "nonce" | "onResize" | "onResizeCapture"> & {
     name?: string | undefined;
     volume?: import("../volume-prop.js").VolumeProp | undefined;
     playbackRate?: number | undefined;

package/dist/cjs/use-buffer.d.ts

@@ -0,0 +1,5 @@
+export declare const useBufferState: () => {
+    delayPlayback: () => {
+        unblock: () => void;
+    };
+};

package/dist/cjs/use-buffer.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBufferState = void 0;
+const react_1 = require("react");
+const buffering_1 = require("./buffering");
+const CanUseRemotionHooks_1 = require("./CanUseRemotionHooks");
+const useBufferState = () => {
+    const canUseRemotionHooks = (0, react_1.useContext)(CanUseRemotionHooks_1.CanUseRemotionHooks);
+    if (!canUseRemotionHooks) {
+        if (typeof window !== 'undefined' && window.remotion_isPlayer) {
+            throw new Error(`useCurrentFrame can only be called inside a component that was passed to <Player>. See: https://www.remotion.dev/docs/player/examples`);
+        }
+        throw new Error(`useCurrentFrame() can only be called inside a component that was registered as a composition. See https://www.remotion.dev/docs/the-fundamentals#defining-compositions`);
+    }
+    const buffer = (0, react_1.useContext)(buffering_1.BufferingContextReact);
+    if (!buffer) {
+        throw new Error('BufferingContextReact was unexpectedly not found. Most likely your Remotion versions are mismatching.');
+    }
+    return (0, react_1.useMemo)(() => ({
+        delayPlayback: () => {
+            const { unblock } = buffer.addBlock({
+                id: String(Math.random()),
+            });
+            return { unblock };
+        },
+    }), [buffer]);
+};
+exports.useBufferState = useBufferState;

package/dist/cjs/use-current-scale.js

@@ -25,6 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCurrentScale = exports.calculateScale = exports.PreviewSizeContext = exports.CurrentScaleContext = void 0;
 const react_1 = __importStar(require("react"));
+const get_remotion_environment_1 = require("./get-remotion-environment");
 const use_unsafe_video_config_1 = require("./use-unsafe-video-config");
 exports.CurrentScaleContext = react_1.default.createContext(null);
 exports.PreviewSizeContext = (0, react_1.createContext)({
@@ -50,6 +51,9 @@ const useCurrentScale = (options) => {
         if (options === null || options === void 0 ? void 0 : options.dontThrowIfOutsideOfRemotion) {
             return 1;
         }
+        if ((0, get_remotion_environment_1.getRemotionEnvironment)().isRendering) {
+            return 1;
+        }
         throw new Error([
             'useCurrentScale() was called outside of a Remotion context.',
             'This hook can only be called in a component that is being rendered by Remotion.',

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.124";
+export declare const VERSION = "4.0.126";

package/dist/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 // Automatically generated on publish
-exports.VERSION = '4.0.124';
+exports.VERSION = '4.0.126';

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

@@ -1,6 +1,6 @@
 import type { ForwardRefExoticComponent, RefAttributes } from 'react';
 import React from 'react';
-export declare const VideoForDevelopment: ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "nonce" | "onEnded" | "autoPlay" | "controls"> & {
+export declare const VideoForDevelopment: ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "autoPlay" | "controls" | "onEnded" | "nonce"> & {
     name?: string | undefined;
     volume?: import("../volume-prop.js").VolumeProp | undefined;
     playbackRate?: number | undefined;

package/dist/esm/index.mjs

@@ -105,7 +105,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.124';
+const VERSION = '4.0.126';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -4119,6 +4119,9 @@ const useCurrentScale = (options) => {
         if (options === null || options === void 0 ? void 0 : options.dontThrowIfOutsideOfRemotion) {
             return 1;
         }
+        if (getRemotionEnvironment().isRendering) {
+            return 1;
+        }
         throw new Error([
             'useCurrentScale() was called outside of a Remotion context.',
             'This hook can only be called in a component that is being rendered by Remotion.',

package/dist/esm/version.mjs

@@ -1,4 +1,4 @@
 // Automatically generated on publish
-const VERSION = '4.0.124';
+const VERSION = '4.0.126';
 
 export { VERSION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.124",
+  "version": "4.0.126",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",

package/dist/cjs/get-timeline-clip-name.d.ts

@@ -1 +0,0 @@
-export declare const getTimelineClipName: (children: React.ReactNode) => string;

package/dist/cjs/get-timeline-clip-name.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTimelineClipName = void 0;
-const react_1 = require("react");
-const HIDDEN_NAMES = ['__WEBPACK_DEFAULT_EXPORT__'];
-const getTimelineClipName = (children) => {
-    var _a;
-    const tree = (_a = react_1.Children.map(children, (ch) => {
-        if (!(0, react_1.isValidElement)(ch)) {
-            return null;
-        }
-        // Must be name, not ID
-        const name = typeof ch.type !== 'string' && ch.type.name;
-        if (name && !HIDDEN_NAMES.includes(name)) {
-            return name;
-        }
-        if (ch.props.children) {
-            const chName = (0, exports.getTimelineClipName)(ch.props.children);
-            return chName;
-        }
-        return null;
-    })) === null || _a === void 0 ? void 0 : _a.filter(Boolean);
-    return (tree === null || tree === void 0 ? void 0 : tree.length) ? tree[0] : '';
-};
-exports.getTimelineClipName = getTimelineClipName;