@remotion/studio 4.0.428 → 4.0.429

package/dist/esm/renderEntry.mjs

@@ -208,7 +208,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-btxgxqx6.js").then(({ StudioInternals }) => {
+    import("./chunk-0rv5nqc6.js").then(({ StudioInternals }) => {
       window.remotion_isStudio = true;
       window.remotion_isReadOnlyStudio = true;
       window.remotion_inputProps = "{}";

package/dist/helpers/calculate-timeline.js

@@ -24,6 +24,7 @@ const calculateTimeline = ({ sequences, sequenceDuration, }) => {
                     stack: null,
                     premountDisplay: null,
                     postmountDisplay: null,
+                    controls: null,
                 },
                 depth: 0,
                 hash: '-',

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

@@ -1,5 +1,19 @@
+import type { SequenceControls } from 'remotion';
+import type { AnyZodSchema } from '../components/RenderModal/SchemaEditor/zod-schema-type';
 export declare const TIMELINE_PADDING = 16;
 export declare const TIMELINE_BORDER = 1;
 export declare const TIMELINE_ITEM_BORDER_BOTTOM = 1;
 export declare const TIMELINE_TRACK_EXPANDED_HEIGHT = 100;
+export declare const SCHEMA_FIELD_ROW_HEIGHT = 26;
+export declare const UNSUPPORTED_FIELD_ROW_HEIGHT = 26;
+export type SchemaFieldInfo = {
+    key: string;
+    typeName: string;
+    supported: boolean;
+    rowHeight: number;
+    currentValue: unknown;
+    fieldSchema: AnyZodSchema;
+};
+export declare const getSchemaFields: (controls: SequenceControls | null) => SchemaFieldInfo[] | null;
+export declare const getExpandedTrackHeight: (controls: SequenceControls | null) => number;
 export declare const getTimelineLayerHeight: (type: "other" | "video") => 25 | 50;

package/dist/helpers/timeline-layout.js

@@ -1,10 +1,54 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTimelineLayerHeight = exports.TIMELINE_TRACK_EXPANDED_HEIGHT = exports.TIMELINE_ITEM_BORDER_BOTTOM = exports.TIMELINE_BORDER = exports.TIMELINE_PADDING = void 0;
+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 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);
+        const supported = SUPPORTED_SCHEMA_TYPES.has(typeName);
+        return {
+            key,
+            typeName,
+            supported,
+            rowHeight: supported
+                ? exports.SCHEMA_FIELD_ROW_HEIGHT
+                : exports.UNSUPPORTED_FIELD_ROW_HEIGHT,
+            currentValue: controls.currentValue[key],
+            fieldSchema,
+        };
+    });
+};
+exports.getSchemaFields = getSchemaFields;
+const getExpandedTrackHeight = (controls) => {
+    const fields = (0, exports.getSchemaFields)(controls);
+    if (!fields || fields.length === 0) {
+        return exports.TIMELINE_TRACK_EXPANDED_HEIGHT;
+    }
+    return fields.reduce((sum, f) => sum + f.rowHeight, 0);
+};
+exports.getExpandedTrackHeight = getExpandedTrackHeight;
 const getTimelineLayerHeight = (type) => {
     if (type === 'video') {
         return 50;

package/dist/helpers/use-menu-structure.js

@@ -7,10 +7,10 @@ const remotion_1 = require("remotion");
 const no_react_1 = require("remotion/no-react");
 const restart_studio_1 = require("../api/restart-studio");
 const AskAiModal_1 = require("../components/AskAiModal");
+const layout_1 = require("../components/layout");
 const NotificationCenter_1 = require("../components/Notifications/NotificationCenter");
 const SizeSelector_1 = require("../components/SizeSelector");
 const TimelineInOutToggle_1 = require("../components/TimelineInOutToggle");
-const layout_1 = require("../components/layout");
 const ShortcutHint_1 = require("../error-overlay/remotion-overlay/ShortcutHint");
 const Checkmark_1 = require("../icons/Checkmark");
 const canvas_ref_1 = require("../state/canvas-ref");

package/dist/previewEntry.js

@@ -7,10 +7,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const client_1 = __importDefault(require("react-dom/client"));
 const remotion_1 = require("remotion");
 const no_react_1 = require("remotion/no-react");
-const Studio_1 = require("./Studio");
 const NoRegisterRoot_1 = require("./components/NoRegisterRoot");
 const entry_basic_1 = require("./error-overlay/entry-basic");
 const client_2 = require("./hot-middleware-client/client");
+const Studio_1 = require("./Studio");
 remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaultPreviewCSS(null, '#1f2428'));
 if (!window.__remotionOverlayStarted) {
     window.__remotionOverlayStarted = true;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.428",
+	"version": "4.0.429",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"sideEffects": false,
@@ -11,7 +11,7 @@
 		"lint": "eslint src",
 		"make": "tsgo -d && bun --env-file=../.env.bundle bundle.ts",
 		"test": "bun test src",
-		"formatting": "prettier src --check"
+		"formatting": "oxfmt src --check"
 	},
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"contributors": [],
@@ -25,14 +25,14 @@
 	},
 	"dependencies": {
 		"semver": "7.5.3",
-		"remotion": "4.0.428",
-		"@remotion/player": "4.0.428",
-		"@remotion/media-utils": "4.0.428",
-		"@remotion/renderer": "4.0.428",
-		"@remotion/web-renderer": "4.0.428",
-		"@remotion/studio-shared": "4.0.428",
-		"@remotion/zod-types": "4.0.428",
-		"mediabunny": "1.34.4",
+		"remotion": "4.0.429",
+		"@remotion/player": "4.0.429",
+		"@remotion/media-utils": "4.0.429",
+		"@remotion/renderer": "4.0.429",
+		"@remotion/web-renderer": "4.0.429",
+		"@remotion/studio-shared": "4.0.429",
+		"@remotion/zod-types": "4.0.429",
+		"mediabunny": "1.34.5",
 		"memfs": "3.4.3",
 		"source-map": "0.7.3",
 		"open": "^8.4.2",
@@ -42,7 +42,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@types/semver": "^7.3.4",
-		"@remotion/eslint-config-internal": "4.0.428",
+		"@remotion/eslint-config-internal": "4.0.429",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},