remotion 4.0.108 → 4.0.110

package/dist/cjs/Sequence.d.ts

@@ -13,9 +13,6 @@ export type SequencePropsWithoutDuration = {
     height?: number;
     from?: number;
     name?: string;
-    /**
-     * @deprecated For internal use only.
-     */
     showInTimeline?: boolean;
     /**
      * @deprecated For internal use only.

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

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

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

@@ -0,0 +1,25 @@
+"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;

package/dist/cjs/use-media-buffering.js

@@ -24,6 +24,7 @@ const useMediaBuffering = (element, shouldBuffer) => {
             });
             cleanup = () => {
                 current.removeEventListener('canplay', onCanPlay);
+                unblock();
                 return undefined;
             };
         };

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.108";
+export declare const VERSION = "4.0.110";

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.108';
+exports.VERSION = '4.0.110';

package/dist/cjs/video/seek-until-right.js

@@ -1,6 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.seekToTimeMultipleUntilRight = exports.seekToTime = void 0;
+const roundTo6Commas = (num) => {
+    return Math.round(num * 100000) / 100000;
+};
 const seekToTime = (element, desiredTime) => {
     element.currentTime = desiredTime;
     let cancel;
@@ -61,13 +64,17 @@ const seekToTimeMultipleUntilRight = (element, desiredTime, fps) => {
             newSeek.wait
                 .then((newTime) => {
                 const newDifference = Math.abs(desiredTime - newTime);
-                if (newDifference <= threshold) {
+                if (roundTo6Commas(newDifference) <= roundTo6Commas(threshold)) {
                     return resolve();
                 }
-                const thirdSeek = (0, exports.seekToTime)(element, desiredTime);
+                const thirdSeek = (0, exports.seekToTime)(element, desiredTime + threshold);
                 currentCancel = thirdSeek.cancel;
-                return thirdSeek.wait.then(() => {
+                return thirdSeek.wait
+                    .then(() => {
                     resolve();
+                })
+                    .catch((err) => {
+                    reject(err);
                 });
             })
                 .catch((err) => {

package/dist/esm/index.mjs

@@ -105,7 +105,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.108';
+const VERSION = '4.0.110';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -4754,6 +4754,9 @@ const OffthreadVideo = (props) => {
     return (jsx(VideoForDevelopment, { _remotionInternalStack: stack !== null && stack !== void 0 ? stack : null, _remotionInternalNativeLoopPassed: false, onDuration: onDuration, onlyWarnForMediaSeekingError: true, ...withoutTransparent }));
 };
 
+const roundTo6Commas = (num) => {
+    return Math.round(num * 100000) / 100000;
+};
 const seekToTime = (element, desiredTime) => {
     element.currentTime = desiredTime;
     let cancel;
@@ -4813,13 +4816,17 @@ const seekToTimeMultipleUntilRight = (element, desiredTime, fps) => {
             newSeek.wait
                 .then((newTime) => {
                 const newDifference = Math.abs(desiredTime - newTime);
-                if (newDifference <= threshold) {
+                if (roundTo6Commas(newDifference) <= roundTo6Commas(threshold)) {
                     return resolve();
                 }
-                const thirdSeek = seekToTime(element, desiredTime);
+                const thirdSeek = seekToTime(element, desiredTime + threshold);
                 currentCancel = thirdSeek.cancel;
-                return thirdSeek.wait.then(() => {
+                return thirdSeek.wait
+                    .then(() => {
                     resolve();
+                })
+                    .catch((err) => {
+                    reject(err);
                 });
             })
                 .catch((err) => {

package/dist/esm/version.mjs

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

package/package.json

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

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

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

package/dist/cjs/use-buffer.js

@@ -1,28 +0,0 @@
-"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;