remotion 4.0.114 → 4.0.116

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/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.114";
+export declare const VERSION = "4.0.116";

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.114';
+exports.VERSION = '4.0.116';

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/cjs/watch-static-file.js

@@ -17,12 +17,18 @@ const watchStaticFile = (fileName, callback) => {
         console.warn('The API is only available while using the Remotion Studio.');
         return { cancel: () => undefined };
     }
-    let prevFileData = window.remotion_staticFiles.find((file) => file.name === fileName);
+    const withoutStaticBase = fileName.startsWith(window.remotion_staticBase)
+        ? fileName.replace(window.remotion_staticBase, '')
+        : fileName;
+    const withoutLeadingSlash = withoutStaticBase.startsWith('/')
+        ? withoutStaticBase.slice(1)
+        : withoutStaticBase;
+    let prevFileData = window.remotion_staticFiles.find((file) => file.name === withoutLeadingSlash);
     // Check if the specified static file has updated or deleted
     const checkFile = (event) => {
         const staticFiles = event.detail.files;
         // Check for user specified file
-        const newFileData = staticFiles.find((file) => file.name === fileName);
+        const newFileData = staticFiles.find((file) => file.name === withoutLeadingSlash);
         if (!newFileData) {
             // File is deleted
             if (prevFileData !== undefined) {

package/dist/esm/index.mjs

@@ -105,7 +105,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.114';
+const VERSION = '4.0.116';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -4142,12 +4142,18 @@ const watchStaticFile = (fileName, callback) => {
         console.warn('The API is only available while using the Remotion Studio.');
         return { cancel: () => undefined };
     }
-    let prevFileData = window.remotion_staticFiles.find((file) => file.name === fileName);
+    const withoutStaticBase = fileName.startsWith(window.remotion_staticBase)
+        ? fileName.replace(window.remotion_staticBase, '')
+        : fileName;
+    const withoutLeadingSlash = withoutStaticBase.startsWith('/')
+        ? withoutStaticBase.slice(1)
+        : withoutStaticBase;
+    let prevFileData = window.remotion_staticFiles.find((file) => file.name === withoutLeadingSlash);
     // Check if the specified static file has updated or deleted
     const checkFile = (event) => {
         const staticFiles = event.detail.files;
         // Check for user specified file
-        const newFileData = staticFiles.find((file) => file.name === fileName);
+        const newFileData = staticFiles.find((file) => file.name === withoutLeadingSlash);
         if (!newFileData) {
             // File is deleted
             if (prevFileData !== undefined) {

package/dist/esm/version.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.114",
+  "version": "4.0.116",
   "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;