@remotion/studio 4.0.364 → 4.0.366

package/dist/esm/renderEntry.mjs

@@ -189,7 +189,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-ha1wm1xf.js").then(({ StudioInternals }) => {
+    import("./chunk-knnc4kgj.js").then(({ StudioInternals }) => {
       window.remotion_isStudio = true;
       window.remotion_isReadOnlyStudio = true;
       Internals.enableSequenceStackTraces();

package/dist/helpers/extract-frames.d.ts

@@ -0,0 +1,17 @@
+type Options = {
+    track: {
+        width: number;
+        height: number;
+    };
+    container: string;
+    durationInSeconds: number | null;
+};
+export type ExtractFramesTimestampsInSecondsFn = (options: Options) => Promise<number[]> | number[];
+export type ExtractFramesProps = {
+    src: string;
+    timestampsInSeconds: number[] | ExtractFramesTimestampsInSecondsFn;
+    onFrame: (frame: VideoFrame) => void;
+    signal?: AbortSignal;
+};
+export declare function extractFrames({ src, timestampsInSeconds, onFrame, signal, }: ExtractFramesProps): Promise<void>;
+export {};

package/dist/helpers/extract-frames.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractFrames = extractFrames;
+const mediabunny_1 = require("mediabunny");
+async function extractFrames({ src, timestampsInSeconds, onFrame, signal, }) {
+    const input = new mediabunny_1.Input({
+        formats: mediabunny_1.ALL_FORMATS,
+        source: new mediabunny_1.UrlSource(src),
+    });
+    const dispose = () => {
+        input.dispose();
+    };
+    if (signal) {
+        signal.addEventListener('abort', dispose, { once: true });
+    }
+    try {
+        const [durationInSeconds, format, videoTrack] = await Promise.all([
+            input.computeDuration(),
+            input.getFormat(),
+            input.getPrimaryVideoTrack(),
+        ]);
+        if (!videoTrack) {
+            throw new Error('No video track found in the input');
+        }
+        const timestamps = typeof timestampsInSeconds === 'function'
+            ? await timestampsInSeconds({
+                track: {
+                    width: videoTrack.displayWidth,
+                    height: videoTrack.displayHeight,
+                },
+                container: format.name,
+                durationInSeconds,
+            })
+            : timestampsInSeconds;
+        if (timestamps.length === 0) {
+            return;
+        }
+        const sink = new mediabunny_1.VideoSampleSink(videoTrack);
+        for await (const videoSample of sink.samplesAtTimestamps(timestamps)) {
+            if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
+                break;
+            }
+            if (!videoSample) {
+                continue;
+            }
+            const videoFrame = videoSample.toVideoFrame();
+            onFrame(videoFrame);
+        }
+    }
+    catch (error) {
+        if (error instanceof mediabunny_1.InputDisposedError) {
+            return;
+        }
+        throw error;
+    }
+    finally {
+        dispose();
+        if (signal) {
+            signal.removeEventListener('abort', dispose);
+        }
+    }
+}

package/dist/helpers/resize-video-frame.d.ts

@@ -0,0 +1,4 @@
+export declare const resizeVideoFrame: ({ frame, scale, }: {
+    frame: VideoFrame;
+    scale: number;
+}) => VideoFrame;

package/dist/helpers/resize-video-frame.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resizeVideoFrame = void 0;
+const calculateNewDimensionsFromScale = ({ width, height, scale, }) => {
+    const scaledWidth = Math.round(width * scale);
+    const scaledHeight = Math.round(height * scale);
+    return {
+        width: scaledWidth,
+        height: scaledHeight,
+    };
+};
+const resizeVideoFrame = ({ frame, scale, }) => {
+    var _a;
+    // No resize, no rotation
+    if (scale === 1) {
+        return frame;
+    }
+    const { width, height } = calculateNewDimensionsFromScale({
+        height: frame.displayHeight,
+        width: frame.displayWidth,
+        scale,
+    });
+    const canvas = new OffscreenCanvas(width, height);
+    const ctx = canvas.getContext('2d');
+    if (!ctx) {
+        throw new Error('Could not get 2d context');
+    }
+    canvas.width = width;
+    canvas.height = height;
+    ctx.scale(scale, scale);
+    ctx.drawImage(frame, 0, 0);
+    return new VideoFrame(canvas, {
+        displayHeight: height,
+        displayWidth: width,
+        duration: (_a = frame.duration) !== null && _a !== void 0 ? _a : undefined,
+        timestamp: frame.timestamp,
+    });
+};
+exports.resizeVideoFrame = resizeVideoFrame;

package/dist/helpers/use-max-media-duration.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMaxMediaDuration = void 0;
-const media_parser_1 = require("@remotion/media-parser");
 const media_utils_1 = require("@remotion/media-utils");
+const mediabunny_1 = require("mediabunny");
 const react_1 = require("react");
 const cache = new Map();
 const getSrc = (s) => {
@@ -22,18 +22,18 @@ const useMaxMediaDuration = (s, fps) => {
         if (!src) {
             return;
         }
-        const controller = (0, media_parser_1.mediaParserController)();
-        (0, media_parser_1.parseMedia)({
-            src,
-            controller,
-            acknowledgeRemotionLicense: true,
-            onDurationInSeconds: (duration) => {
-                const durationOrInfinity = duration !== null && duration !== void 0 ? duration : Infinity;
-                cache.set(src, Math.floor(durationOrInfinity * fps));
-                setMaxMediaDuration(Math.floor(durationOrInfinity * fps));
-            },
-        }).catch((e) => {
-            if ((0, media_parser_1.hasBeenAborted)(e)) {
+        const input = new mediabunny_1.Input({
+            formats: mediabunny_1.ALL_FORMATS,
+            source: new mediabunny_1.UrlSource(src),
+        });
+        input
+            .computeDuration()
+            .then((duration) => {
+            cache.set(src, Math.floor(duration * fps));
+            setMaxMediaDuration(Math.floor(duration * fps));
+        })
+            .catch((e) => {
+            if (e instanceof mediabunny_1.InputDisposedError) {
                 return;
             }
             // In case of CORS errors, fall back to getVideoMetadata
@@ -49,10 +49,7 @@ const useMaxMediaDuration = (s, fps) => {
             });
         });
         return () => {
-            try {
-                controller.abort();
-            }
-            catch (_a) { }
+            input.dispose();
         };
     }, [src, fps]);
     return maxMediaDuration;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.364",
+	"version": "4.0.366",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"sideEffects": false,
@@ -25,15 +25,14 @@
 	},
 	"dependencies": {
 		"semver": "7.5.3",
-		"remotion": "4.0.364",
-		"@remotion/player": "4.0.364",
-		"@remotion/media-utils": "4.0.364",
-		"@remotion/media-parser": "4.0.364",
-		"@remotion/renderer": "4.0.364",
-		"@remotion/web-renderer": "4.0.364",
-		"@remotion/studio-shared": "4.0.364",
-		"@remotion/webcodecs": "4.0.364",
-		"@remotion/zod-types": "4.0.364",
+		"remotion": "4.0.366",
+		"@remotion/player": "4.0.366",
+		"@remotion/media-utils": "4.0.366",
+		"@remotion/renderer": "4.0.366",
+		"@remotion/web-renderer": "4.0.366",
+		"@remotion/studio-shared": "4.0.366",
+		"@remotion/zod-types": "4.0.366",
+		"mediabunny": "1.24.2",
 		"memfs": "3.4.3",
 		"source-map": "0.7.3",
 		"open": "^8.4.2",
@@ -43,7 +42,7 @@
 		"react": "19.0.0",
 		"react-dom": "19.0.0",
 		"@types/semver": "^7.3.4",
-		"@remotion/eslint-config-internal": "4.0.364",
+		"@remotion/eslint-config-internal": "4.0.366",
 		"eslint": "9.19.0"
 	},
 	"publishConfig": {

package/.turbo/turbo-formatting.log

@@ -1,4 +0,0 @@
-
-$ prettier --experimental-cli src --check
-[?25l- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| src/api/get-zod-schema-from-primitive.ts/ src/index.ts- src/index.ts\ src/api/reevaluate-composition.ts| src/api/go-to-composition.ts/ src/api/visual-control.ts- src/api/update-default-props.ts\ src/api/update-default-props.ts| src/api/update-default-props.ts/ src/api/toggle.ts- src/api/save-default-props.ts\ src/components/AssetSelectorItem.tsx| src/components/CheckboardToggle.tsx/ src/components/Checkbox.tsx- src/components/CheckerboardProvider.tsx\ src/components/ControlButton.tsx| src/components/FilePreview.tsx/ src/components/ExplorerPanel.tsx- src/components/FullscreenToggle.tsx\ src/components/CompositionSelector.tsx| src/components/CompSelectorRef.tsx/ src/components/ModalFooter.tsx- src/components/KeyboardShortcutsExplainer.tsx\ src/components/KeyboardShortcutsExplainer.tsx| src/components/InstallablePackage.tsx/ src/components/ModalContainer.tsx- src/components/RenderPreview.tsx\ src/components/MenuToolbar.tsx| src/components/EditorContexts.tsx/ src/components/ModalButton.tsx- src/components/SegmentedControl.tsx\ src/components/ZoomPersistor.tsx| src/components/ShowGuidesProvider.tsx/ src/helpers/client-id.tsx- src/components/ZoomGesturesProvider.tsx\ src/helpers/frame-database.ts| src/helpers/persist-open-folders.tsx/ src/helpers/get-git-menu-item.ts- src/helpers/use-keybinding.ts\ src/icons/data.tsx| src/icons/media-volume.tsx/ src/state/folders.tsx- src/state/in-out.ts\ src/test/disable-browser-rendering.test.ts| src/test/timeline-sequence-layout.test.ts/ src/test/create-zod-values.test.ts- src/components/Menu/styles.ts\ src/components/Notifications/ColorDot.tsx| src/components/NewComposition/InputDragger.tsx/ src/components/RenderModal/OptionExplainer.tsx- src/components/QuickSwitcher/QuickSwitcherContent.tsx\ src/components/RenderModal/RenderModalOutputName.tsx| src/components/RenderModal/RenderModalJSONPropsEditor.tsx/ src/components/RenderModal/ResolveCompositionBeforeModal.tsx- src/components/RenderQueue/RenderQueueOutputName.tsx\ src/components/RenderQueue/actions.ts| src/components/RenderQueue/RenderQueueRepeat.tsx/ src/components/Timeline/TimelineWidthProvider.tsx- src/components/VisualControls/ClickableFileName.tsx\ src/components/VisualControls/get-original-stack-trace.ts| src/components/WebRender/TriggerWebRender.tsx/ src/error-overlay/remotion-overlay/Overlay.tsx- src/components/RenderModal/SchemaEditor/SchemaEditor.tsx\ src/components/RenderModal/SchemaEditor/ZodColorEditor.tsx| src/components/RenderModal/SchemaEditor/ZodDefaultEditor.tsx/ src/components/RenderModal/SchemaEditor/ZodMatrixEditor.tsx- src/components/RenderModal/SchemaEditor/ZodDateEditor.tsx\ src/components/RenderModal/SchemaEditor/SchemaVerticalGuide.tsx| src/error-overlay/react-overlay/effects/unhandled-error.ts[?25hChecking formatting...
-[?25hAll matched files use Prettier code style!

package/.turbo/turbo-lint.log

@@ -1,28 +0,0 @@
-
-$ eslint src
-=============
-
-WARNING: You are currently running a version of TypeScript which is not officially supported by @typescript-eslint/typescript-estree.
-
-You may find that it works just fine, or you may not.
-
-SUPPORTED TYPESCRIPT VERSIONS: >=4.7.4 <5.7.0
-
-YOUR TYPESCRIPT VERSION: 5.8.2
-
-Please only submit bug reports when using the officially supported version.
-
-=============
-
-/Users/jonathanburger/remotion/packages/studio/src/components/QuickSwitcher/fuzzy-search.ts
-  23:3  warning  Unused eslint-disable directive (no problems were reported from 'no-bitwise')
-
-/Users/jonathanburger/remotion/packages/studio/src/error-overlay/react-overlay/utils/get-source-map.ts
-  54:1  warning  Unexpected 'todo' comment: 'TODO: Can import this from...'  no-warning-comments
-
-/Users/jonathanburger/remotion/packages/studio/src/visual-controls/get-current-edited-value.ts
-  10:2  warning  Unexpected 'todo' comment: 'TODO: What if z.null()'  no-warning-comments
-
-✖ 3 problems (0 errors, 3 warnings)
-  0 errors and 1 warning potentially fixable with the `--fix` option.
-

package/.turbo/turbo-make.log

@@ -1,3 +0,0 @@
-
-$ tsc -d && bun --env-file=../.env.bundle bundle.ts
-[56.82ms] Generated.