@remotion/studio 4.0.429 → 4.0.430

package/dist/esm/renderEntry.mjs

@@ -1,7 +1,6 @@
 import {
-  __require,
-  __toESM
-} from "./chunk-6jf1natv.js";
+  __require
+} from "./chunk-m17t3vjq.js";
 
 // src/renderEntry.tsx
 import { useContext, useEffect, useRef, useState } from "react";
@@ -208,11 +207,10 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-0rv5nqc6.js").then(({ StudioInternals }) => {
+    import("./chunk-59m8tgkh.js").then(({ StudioInternals }) => {
       window.remotion_isStudio = true;
       window.remotion_isReadOnlyStudio = true;
       window.remotion_inputProps = "{}";
-      Internals.enableSequenceStackTraces();
       renderToDOM(/* @__PURE__ */ jsx(StudioInternals.Studio, {
         readOnly: true,
         rootComponent: Root

package/dist/helpers/extract-frames.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.extractFrames = extractFrames;
 const mediabunny_1 = require("mediabunny");
 async function extractFrames({ src, timestampsInSeconds, onVideoSample, signal, }) {
+    var _a;
     const input = new mediabunny_1.Input({
         formats: mediabunny_1.ALL_FORMATS,
         source: new mediabunny_1.UrlSource(src),
@@ -36,15 +37,30 @@ async function extractFrames({ src, timestampsInSeconds, onVideoSample, signal,
             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) {
-                videoSample === null || videoSample === void 0 ? void 0 : videoSample.close();
-                break;
+        const sampleIterator = sink.samplesAtTimestamps(timestamps);
+        try {
+            for await (const videoSample of sampleIterator) {
+                if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
+                    videoSample === null || videoSample === void 0 ? void 0 : videoSample.close();
+                    break;
+                }
+                if (!videoSample) {
+                    continue;
+                }
+                onVideoSample(videoSample);
             }
-            if (!videoSample) {
-                continue;
+        }
+        finally {
+            // When input.dispose() causes the iterator to throw
+            // InputDisposedError, for-await does not call .return() on the
+            // iterator (it only does so on `break`). Explicitly call it so
+            // the iterator can close any internally buffered VideoSamples.
+            try {
+                await ((_a = sampleIterator.return) === null || _a === void 0 ? void 0 : _a.call(sampleIterator));
+            }
+            catch (_b) {
+                // Iterator already done or input disposed
             }
-            onVideoSample(videoSample);
         }
     }
     catch (error) {

package/dist/helpers/get-timeline-sequence-layout.js

@@ -13,27 +13,13 @@ const getWidthOfTrack = ({ durationInFrames, lastFrame, windowWidth, spatialDura
 const getTimelineSequenceLayout = ({ durationInFrames, startFrom, maxMediaDuration, startFromMedia, video, windowWidth, premountDisplay, postmountDisplay, }) => {
     var _a;
     const maxMediaSequenceDuration = (maxMediaDuration !== null && maxMediaDuration !== void 0 ? maxMediaDuration : Infinity) - startFromMedia;
-    const lastFrame = ((_a = video.durationInFrames) !== null && _a !== void 0 ? _a : 1) - 1;
-    let spatialDuration = Math.min(maxMediaSequenceDuration, durationInFrames - 1, lastFrame - startFrom);
+    const lastFrame = (_a = video.durationInFrames) !== null && _a !== void 0 ? _a : 1;
+    const spatialDuration = Math.min(maxMediaSequenceDuration, durationInFrames, lastFrame - startFrom);
     // Unclipped spatial duration: without the lastFrame - startFrom constraint
-    let naturalSpatialDuration = Math.min(maxMediaSequenceDuration, durationInFrames - 1);
-    const shouldAddHalfAFrameAtEnd = startFrom + durationInFrames < lastFrame;
-    const shouldAddHalfAFrameAtStart = startFrom > 0;
-    if (shouldAddHalfAFrameAtEnd) {
-        spatialDuration += 0.5;
-        naturalSpatialDuration += 0.5;
-    }
-    if (shouldAddHalfAFrameAtStart) {
-        spatialDuration += 0.5;
-        naturalSpatialDuration += 0.5;
-    }
-    const startFromWithOffset = shouldAddHalfAFrameAtStart
-        ? startFrom - 0.5
-        : startFrom;
+    const naturalSpatialDuration = Math.min(maxMediaSequenceDuration, durationInFrames);
     const marginLeft = lastFrame === 0
         ? 0
-        : (startFromWithOffset / lastFrame) *
-            (windowWidth - timeline_layout_1.TIMELINE_PADDING * 2);
+        : (startFrom / lastFrame) * (windowWidth - timeline_layout_1.TIMELINE_PADDING * 2);
     const nonNegativeMarginLeft = Math.min(marginLeft, 0);
     const width = getWidthOfTrack({
         durationInFrames,

package/dist/helpers/timeline-layout.d.ts

@@ -1,5 +1,4 @@
-import type { SequenceControls } from 'remotion';
-import type { AnyZodSchema } from '../components/RenderModal/SchemaEditor/zod-schema-type';
+import type { SequenceControls, SequenceFieldSchema } from 'remotion';
 export declare const TIMELINE_PADDING = 16;
 export declare const TIMELINE_BORDER = 1;
 export declare const TIMELINE_ITEM_BORDER_BOTTOM = 1;
@@ -8,11 +7,12 @@ export declare const SCHEMA_FIELD_ROW_HEIGHT = 26;
 export declare const UNSUPPORTED_FIELD_ROW_HEIGHT = 26;
 export type SchemaFieldInfo = {
     key: string;
+    description: string | undefined;
     typeName: string;
     supported: boolean;
     rowHeight: number;
     currentValue: unknown;
-    fieldSchema: AnyZodSchema;
+    fieldSchema: SequenceFieldSchema;
 };
 export declare const getSchemaFields: (controls: SequenceControls | null) => SchemaFieldInfo[] | null;
 export declare const getExpandedTrackHeight: (controls: SequenceControls | null) => number;

package/dist/helpers/timeline-layout.js

@@ -1,35 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getTimelineLayerHeight = exports.getExpandedTrackHeight = exports.getSchemaFields = exports.UNSUPPORTED_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.TIMELINE_TRACK_EXPANDED_HEIGHT = exports.TIMELINE_ITEM_BORDER_BOTTOM = exports.TIMELINE_BORDER = exports.TIMELINE_PADDING = void 0;
-const zod_schema_type_1 = require("../components/RenderModal/SchemaEditor/zod-schema-type");
 exports.TIMELINE_PADDING = 16;
 exports.TIMELINE_BORDER = 1;
 exports.TIMELINE_ITEM_BORDER_BOTTOM = 1;
 exports.TIMELINE_TRACK_EXPANDED_HEIGHT = 100;
 exports.SCHEMA_FIELD_ROW_HEIGHT = 26;
 exports.UNSUPPORTED_FIELD_ROW_HEIGHT = 26;
-const SUPPORTED_SCHEMA_TYPES = new Set([
-    'number',
-    'string',
-    'boolean',
-    'enum',
-    'date',
-    'array',
-    'object',
-    'optional',
-    'nullable',
-    'default',
-]);
+const SUPPORTED_SCHEMA_TYPES = new Set(['number', 'boolean']);
 const getSchemaFields = (controls) => {
     if (!controls) {
         return null;
     }
-    const shape = (0, zod_schema_type_1.getObjectShape)(controls.schema);
-    return Object.entries(shape).map(([key, fieldSchema]) => {
-        const typeName = (0, zod_schema_type_1.getZodSchemaType)(fieldSchema);
+    return Object.entries(controls.schema).map(([key, fieldSchema]) => {
+        const typeName = fieldSchema.type;
         const supported = SUPPORTED_SCHEMA_TYPES.has(typeName);
         return {
             key,
+            description: fieldSchema.description,
             typeName,
             supported,
             rowHeight: supported

package/dist/previewEntry.js

@@ -44,6 +44,5 @@ const renderToDOM = (content) => {
 };
 renderToDOM(jsx_runtime_1.jsx(NoRegisterRoot_1.NoRegisterRoot, {}));
 remotion_1.Internals.waitForRoot((NewRoot) => {
-    remotion_1.Internals.enableSequenceStackTraces();
     renderToDOM(jsx_runtime_1.jsx(Studio_1.Studio, { readOnly: false, rootComponent: NewRoot }));
 });

package/dist/renderEntry.js

@@ -203,7 +203,6 @@ const renderContent = (Root) => {
             window.remotion_isStudio = true;
             window.remotion_isReadOnlyStudio = true;
             window.remotion_inputProps = '{}';
-            remotion_1.Internals.enableSequenceStackTraces();
             renderToDOM(jsx_runtime_1.jsx(StudioInternals.Studio, { readOnly: true, rootComponent: Root }));
         })
             .catch((err) => {

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.429",
+	"version": "4.0.430",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"sideEffects": false,
@@ -11,7 +11,8 @@
 		"lint": "eslint src",
 		"make": "tsgo -d && bun --env-file=../.env.bundle bundle.ts",
 		"test": "bun test src",
-		"formatting": "oxfmt src --check"
+		"formatting": "oxfmt src --check",
+		"format": "oxfmt src"
 	},
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"contributors": [],
@@ -32,7 +33,7 @@
 		"@remotion/web-renderer": "4.0.429",
 		"@remotion/studio-shared": "4.0.429",
 		"@remotion/zod-types": "4.0.429",
-		"mediabunny": "1.34.5",
+		"mediabunny": "1.35.1",
 		"memfs": "3.4.3",
 		"source-map": "0.7.3",
 		"open": "^8.4.2",

package/dist/esm/chunk-6jf1natv.js

@@ -1,25 +0,0 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __toESM = (mod, isNodeMode, target) => {
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: () => mod[key],
-        enumerable: true
-      });
-  return to;
-};
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-export { __toESM, __require };