@remotion/studio-shared 4.0.459 → 4.0.461

package/dist/access-visual-mode-values.d.ts

@@ -0,0 +1,3 @@
+import type { CodeValues } from 'remotion';
+export declare const getCodeValues: (codeValues: CodeValues, overrideId: string) => Record<string, import("remotion").CanUpdateSequencePropStatus>;
+export type GetCodeValuesType = typeof getCodeValues;

package/dist/access-visual-mode-values.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCodeValues = void 0;
+const getCodeValues = (codeValues, overrideId) => {
+    var _a;
+    return (_a = codeValues[overrideId]) !== null && _a !== void 0 ? _a : undefined;
+};
+exports.getCodeValues = getCodeValues;

package/dist/api-requests.d.ts

@@ -1,13 +1,13 @@
 import type { AudioCodec, ChromeMode, Codec, ColorSpace, LogLevel, PixelFormat, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type { HardwareAccelerationOption } from '@remotion/renderer/client';
-import type { _InternalTypes, SequenceSchema } from 'remotion';
-import type { CanUpdateSequencePropStatus } from 'remotion';
+import type { _InternalTypes, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, SequenceSchema } from 'remotion';
+import type { CanUpdateSequencePropsResponse } from 'remotion';
+import type { SequenceNodePath } from 'remotion';
 import type { RecastCodemod, VisualControlChange } from './codemods';
 import type { PackageManager } from './package-manager';
 import type { ProjectInfo } from './project-info';
 import type { RequiredChromiumOptions } from './render-job';
 import type { EnumPath } from './stringify-default-props';
-export type SequenceNodePath = Array<string | number>;
 export type OpenInFileExplorerRequest = {
     directory: string;
 };
@@ -172,22 +172,19 @@ export type SubscribeToSequencePropsRequest = {
     schema: SequenceSchema;
     clientId: string;
 };
-export type SubscribeToSequencePropsResponse = CanUpdateSequencePropsResponse;
+export type SubscribeToSequencePropsResponse = {
+    success: true;
+    status: CanUpdateSequencePropsResponseTrue;
+    nodePath: SequenceNodePath;
+} | {
+    success: false;
+    status: CanUpdateSequencePropsResponseFalse;
+};
 export type UnsubscribeFromSequencePropsRequest = {
     fileName: string;
     nodePath: SequenceNodePath;
     clientId: string;
 };
-export type CanUpdateSequencePropsResponse = {
-    canUpdate: true;
-    props: Record<string, CanUpdateSequencePropStatus>;
-    nodePath: SequenceNodePath;
-    /** True when the JSX is inside a `.map()` callback (list iteration). */
-    jsxInMapCallback: boolean;
-} | {
-    canUpdate: false;
-    reason: string;
-};
 export type SaveSequencePropsRequest = {
     fileName: string;
     nodePath: SequenceNodePath;
@@ -196,14 +193,6 @@ export type SaveSequencePropsRequest = {
     defaultValue: string | null;
     schema: SequenceSchema;
 };
-export type SaveSequencePropsResponse = {
-    success: true;
-    newStatus: CanUpdateSequencePropsResponse;
-} | {
-    success: false;
-    reason: string;
-    stack: string;
-};
 export type DeleteJsxNodeRequest = {
     fileName: string;
     nodePath: SequenceNodePath;
@@ -271,7 +260,7 @@ export type ApiRoutes = {
     '/api/unsubscribe-from-default-props': ReqAndRes<UnsubscribeFromDefaultPropsRequest, undefined>;
     '/api/subscribe-to-sequence-props': ReqAndRes<SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse>;
     '/api/unsubscribe-from-sequence-props': ReqAndRes<UnsubscribeFromSequencePropsRequest, undefined>;
-    '/api/save-sequence-props': ReqAndRes<SaveSequencePropsRequest, SaveSequencePropsResponse>;
+    '/api/save-sequence-props': ReqAndRes<SaveSequencePropsRequest, CanUpdateSequencePropsResponse>;
     '/api/delete-jsx-node': ReqAndRes<DeleteJsxNodeRequest, DeleteJsxNodeResponse>;
     '/api/duplicate-jsx-node': ReqAndRes<DuplicateJsxNodeRequest, DuplicateJsxNodeResponse>;
     '/api/update-available': ReqAndRes<UpdateAvailableRequest, UpdateAvailableResponse>;

package/dist/event-source-event.d.ts

@@ -1,5 +1,6 @@
 import type { StaticFile } from 'remotion';
-import type { CanUpdateDefaultPropsResponse, CanUpdateSequencePropsResponse, SequenceNodePath } from './api-requests';
+import type { SequenceNodePath, CanUpdateSequencePropsResponse } from 'remotion';
+import type { CanUpdateDefaultPropsResponse } from './api-requests';
 import type { HotMiddlewareMessage } from './hot-middleware';
 import type { CompletedClientRender, RenderJob } from './render-job';
 export type EventSourceEvent = {

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { splitAnsi, stripAnsi } from './ansi';
-export { AddRenderRequest, ApiRoutes, ApplyCodemodRequest, ApplyCodemodResponse, ApplyVisualControlRequest, ApplyVisualControlResponse, CanUpdateDefaultPropsResponse, CanUpdateSequencePropsRequest, CanUpdateSequencePropsResponse, CancelRenderRequest, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UnsubscribeFromSequencePropsRequest, CancelRenderResponse, CopyStillToClipboardRequest, DeleteJsxNodeRequest, DeleteJsxNodeResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, DeleteStaticFileRequest, DeleteStaticFileResponse, InstallPackageRequest, InstallPackageResponse, OpenInFileExplorerRequest, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, RestartStudioRequest, RestartStudioResponse, SaveSequencePropsRequest, SaveSequencePropsResponse, SequenceNodePath, SimpleDiff, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, } from './api-requests';
+export { AddRenderRequest, ApiRoutes, ApplyCodemodRequest, ApplyCodemodResponse, ApplyVisualControlRequest, ApplyVisualControlResponse, CanUpdateDefaultPropsResponse, CanUpdateSequencePropsRequest, CancelRenderRequest, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UnsubscribeFromSequencePropsRequest, CancelRenderResponse, CopyStillToClipboardRequest, DeleteJsxNodeRequest, DeleteJsxNodeResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, DeleteStaticFileRequest, DeleteStaticFileResponse, InstallPackageRequest, InstallPackageResponse, OpenInFileExplorerRequest, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, RestartStudioRequest, RestartStudioResponse, SaveSequencePropsRequest, SimpleDiff, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, } from './api-requests';
 export type { ApplyVisualControlCodemod, RecastCodemod } from './codemods';
 export { DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS } from './default-buffer-state-delay-in-milliseconds';
 export { EventSourceEvent } from './event-source-event';
@@ -18,7 +18,7 @@ export { AggregateRenderProgress, ArtifactProgress, BrowserDownloadState, Browse
 export type { CompletedClientRender } from './render-job';
 export { SCHEMA_FIELD_ROW_HEIGHT, UNSUPPORTED_FIELD_ROW_HEIGHT, getFieldsToShow, } from './schema-field-info';
 export type { CodeValues, DragOverrides, SchemaFieldInfo, SequenceControls, } from './schema-field-info';
-export { SOURCE_MAP_ENDPOINT } from './source-map-endpoint';
 export { ScriptLine, SomeStackFrame, StackFrame, SymbolicatedStackFrame, } from './stack-types';
 export { EnumPath, stringifyDefaultProps } from './stringify-default-props';
 export type { VisualControlChange } from './codemods';
+export { optimisticUpdateForCodeValues } from './optimistic-update-for-code-values';

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.stringifyDefaultProps = exports.SOURCE_MAP_ENDPOINT = exports.getFieldsToShow = exports.UNSUPPORTED_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.packages = exports.installableMap = exports.extraPackages = exports.descriptions = exports.apiDocs = exports.DEFAULT_TIMELINE_TRACKS = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = exports.formatBytes = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.stripAnsi = exports.splitAnsi = void 0;
+exports.optimisticUpdateForCodeValues = exports.stringifyDefaultProps = exports.getFieldsToShow = exports.UNSUPPORTED_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.packages = exports.installableMap = exports.extraPackages = exports.descriptions = exports.apiDocs = exports.DEFAULT_TIMELINE_TRACKS = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = exports.formatBytes = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.stripAnsi = exports.splitAnsi = void 0;
 const ansi_1 = require("./ansi");
 Object.defineProperty(exports, "splitAnsi", { enumerable: true, get: function () { return ansi_1.splitAnsi; } });
 Object.defineProperty(exports, "stripAnsi", { enumerable: true, get: function () { return ansi_1.stripAnsi; } });
@@ -28,7 +28,7 @@ const schema_field_info_1 = require("./schema-field-info");
 Object.defineProperty(exports, "SCHEMA_FIELD_ROW_HEIGHT", { enumerable: true, get: function () { return schema_field_info_1.SCHEMA_FIELD_ROW_HEIGHT; } });
 Object.defineProperty(exports, "UNSUPPORTED_FIELD_ROW_HEIGHT", { enumerable: true, get: function () { return schema_field_info_1.UNSUPPORTED_FIELD_ROW_HEIGHT; } });
 Object.defineProperty(exports, "getFieldsToShow", { enumerable: true, get: function () { return schema_field_info_1.getFieldsToShow; } });
-const source_map_endpoint_1 = require("./source-map-endpoint");
-Object.defineProperty(exports, "SOURCE_MAP_ENDPOINT", { enumerable: true, get: function () { return source_map_endpoint_1.SOURCE_MAP_ENDPOINT; } });
 const stringify_default_props_1 = require("./stringify-default-props");
 Object.defineProperty(exports, "stringifyDefaultProps", { enumerable: true, get: function () { return stringify_default_props_1.stringifyDefaultProps; } });
+const optimistic_update_for_code_values_1 = require("./optimistic-update-for-code-values");
+Object.defineProperty(exports, "optimisticUpdateForCodeValues", { enumerable: true, get: function () { return optimistic_update_for_code_values_1.optimisticUpdateForCodeValues; } });

package/dist/optimistic-update-for-code-values.d.ts

@@ -0,0 +1,7 @@
+import { type CanUpdateSequencePropsResponse, type SequenceSchema } from 'remotion';
+export declare const optimisticUpdateForCodeValues: ({ previous, fieldKey, value, schema, }: {
+    previous: CanUpdateSequencePropsResponse;
+    fieldKey: string;
+    value: unknown;
+    schema: SequenceSchema;
+}) => CanUpdateSequencePropsResponse;

package/dist/optimistic-update-for-code-values.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.optimisticUpdateForCodeValues = void 0;
+const no_react_1 = require("remotion/no-react");
+const optimisticUpdateForCodeValues = ({ previous, fieldKey, value, schema, }) => {
+    var _a;
+    if (!previous.canUpdate) {
+        return previous;
+    }
+    const props = {
+        ...previous.props,
+        [fieldKey]: { canUpdate: true, codeValue: value },
+    };
+    if (((_a = schema[fieldKey]) === null || _a === void 0 ? void 0 : _a.type) === 'enum') {
+        const propsToDelete = no_react_1.NoReactInternals.findPropsToDelete({
+            schema,
+            key: fieldKey,
+            value,
+        });
+        for (const propToDelete of propsToDelete) {
+            delete props[propToDelete];
+        }
+    }
+    return {
+        canUpdate: true,
+        props,
+    };
+};
+exports.optimisticUpdateForCodeValues = optimisticUpdateForCodeValues;

package/dist/package-info.d.ts

@@ -1,4 +1,4 @@
-export declare const packages: readonly ["svg-3d-engine", "animation-utils", "animated-emoji", "astro-example", "babel-loader", "bugs", "brand", "bundler", "cli", "cloudrun", "codex-plugin", "compositor-darwin-arm64", "compositor-darwin-x64", "compositor-linux-arm64-gnu", "compositor-linux-arm64-musl", "compositor-linux-x64-gnu", "compositor-linux-x64-musl", "compositor-win32-x64-msvc", "core", "create-video", "discord-poster", "docusaurus-plugin", "docs", "enable-scss", "eslint-config", "eslint-config-flat", "eslint-config-internal", "eslint-plugin", "example-without-zod", "example", "fonts", "gif", "google-fonts", "install-whisper-cpp", "it-tests", "react18-tests", "lambda-go-example", "lambda-go", "lambda-php", "lambda-ruby", "lambda-python", "lambda", "lambda-client", "layout-utils", "rounded-text-box", "licensing", "lottie", "mcp", "media-utils", "motion-blur", "noise", "paths", "player-a11y", "player-example", "player", "preload", "renderer", "rive", "shapes", "skia", "promo-pages", "streaming", "serverless", "serverless-client", "skills", "studio-server", "studio-shared", "studio", "tailwind", "tailwind-v4", "test-utils", "three", "transitions", "media-parser", "zod-types", "zod-types-v3", "webcodecs", "convert", "captions", "openai-whisper", "elevenlabs", "compositor", "example-videos", "whisper-web", "media", "web-renderer", "design", "light-leaks", "starburst", "vercel", "sfx", "effects"];
+export declare const packages: readonly ["svg-3d-engine", "animation-utils", "animated-emoji", "astro-example", "babel-loader", "bugs", "brand", "bundler", "cli", "cloudrun", "codex-plugin", "compositor-darwin-arm64", "compositor-darwin-x64", "compositor-linux-arm64-gnu", "compositor-linux-arm64-musl", "compositor-linux-x64-gnu", "compositor-linux-x64-musl", "compositor-win32-x64-msvc", "core", "create-video", "discord-poster", "docusaurus-plugin", "docs", "enable-scss", "eslint-config", "eslint-config-flat", "eslint-config-internal", "eslint-plugin", "example-without-zod", "example", "fonts", "gif", "google-fonts", "install-whisper-cpp", "it-tests", "react18-tests", "lambda-go-example", "lambda-go", "lambda-php", "lambda-ruby", "lambda-python", "lambda", "lambda-client", "layout-utils", "rounded-text-box", "licensing", "lottie", "mcp", "media-utils", "motion-blur", "noise", "paths", "player-a11y", "player-example", "player", "preload", "renderer", "rive", "shapes", "skia", "promo-pages", "streaming", "serverless", "serverless-client", "skills", "studio-server", "studio-shared", "studio", "tailwind", "tailwind-v4", "timeline-utils", "test-utils", "three", "transitions", "media-parser", "zod-types", "zod-types-v3", "webcodecs", "convert", "captions", "openai-whisper", "elevenlabs", "compositor", "example-videos", "whisper-web", "media", "web-renderer", "design", "light-leaks", "starburst", "vercel", "sfx", "effects"];
 export type Pkgs = (typeof packages)[number];
 export type ExtraPackage = {
     name: string;

package/dist/package-info.js

@@ -72,6 +72,7 @@ exports.packages = [
     'studio',
     'tailwind',
     'tailwind-v4',
+    'timeline-utils',
     'test-utils',
     'three',
     'transitions',
@@ -157,6 +158,7 @@ exports.descriptions = {
     'enable-scss': 'Enable SCSS support in Remotion',
     'create-video': 'Create a new Remotion project',
     'studio-shared': 'Internal package for shared objects between the Studio backend and frontend',
+    'timeline-utils': 'Internal utilities for rendering Remotion timelines',
     tailwind: 'Enable TailwindCSS support in Remotion (TailwindCSS v3)',
     'tailwind-v4': 'Enable TailwindCSS support in Remotion (TailwindCSS v4)',
     streaming: 'Utilities for streaming data between programs',
@@ -281,6 +283,7 @@ exports.installableMap = {
     studio: true,
     tailwind: true,
     'tailwind-v4': true,
+    'timeline-utils': false,
     'test-utils': false,
     three: true,
     transitions: true,
@@ -376,6 +379,7 @@ exports.apiDocs = {
     serverless: null,
     skills: null,
     studio: 'https://www.remotion.dev/docs/studio/api',
+    'timeline-utils': null,
     transitions: 'https://www.remotion.dev/transitions',
     'animated-emoji': 'https://www.remotion.dev/docs/animated-emoji',
     webcodecs: 'https://remotion.dev/webcodecs',

package/dist/schema-field-info.d.ts

@@ -1,4 +1,4 @@
-import type { CodeValues, DragOverrides, SequenceControls, SequenceFieldSchema, SequenceSchema } from 'remotion';
+import type { CodeValues, DragOverrides, SequenceControls, VisibleFieldSchema, SequenceSchema, GetDragOverrides, GetCodeValues, SequenceNodePath } from 'remotion';
 export type { CodeValues, DragOverrides, SequenceControls };
 export type SchemaFieldInfo = {
     key: string;
@@ -7,14 +7,14 @@ export type SchemaFieldInfo = {
     supported: boolean;
     rowHeight: number;
     currentRuntimeValue: unknown;
-    fieldSchema: SequenceFieldSchema;
+    fieldSchema: VisibleFieldSchema;
 };
 export declare const SCHEMA_FIELD_ROW_HEIGHT = 22;
 export declare const UNSUPPORTED_FIELD_ROW_HEIGHT = 22;
-export declare const getFieldsToShow: ({ dragOverrides, codeValues, overrideId, schema, currentRuntimeValueDotNotation, }: {
+export declare const getFieldsToShow: ({ getDragOverrides, getCodeValues, nodePath, schema, currentRuntimeValueDotNotation, }: {
     schema: SequenceSchema;
     currentRuntimeValueDotNotation: Record<string, unknown>;
-    dragOverrides: DragOverrides;
-    codeValues: CodeValues;
-    overrideId: string;
+    getDragOverrides: GetDragOverrides;
+    getCodeValues: GetCodeValues;
+    nodePath: SequenceNodePath;
 }) => SchemaFieldInfo[] | null;

package/dist/schema-field-info.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFieldsToShow = exports.UNSUPPORTED_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_ROW_HEIGHT = void 0;
 const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 exports.SCHEMA_FIELD_ROW_HEIGHT = 22;
 exports.UNSUPPORTED_FIELD_ROW_HEIGHT = 22;
 const SUPPORTED_SCHEMA_TYPES = new Set([
@@ -11,18 +12,21 @@ const SUPPORTED_SCHEMA_TYPES = new Set([
     'translate',
     'enum',
 ]);
-const getFieldsToShow = ({ dragOverrides, codeValues, overrideId, schema, currentRuntimeValueDotNotation, }) => {
-    var _a;
-    const valuesDotNotation = remotion_1.Internals.computeEffectiveSchemaValuesDotNotation({
+const getFieldsToShow = ({ getDragOverrides, getCodeValues, nodePath, schema, currentRuntimeValueDotNotation, }) => {
+    const { merged: valuesDotNotation } = remotion_1.Internals.computeEffectiveSchemaValuesDotNotation({
         schema,
         currentValue: currentRuntimeValueDotNotation,
-        overrideValues: (_a = dragOverrides[overrideId]) !== null && _a !== void 0 ? _a : {},
-        propStatus: codeValues[overrideId],
+        overrideValues: getDragOverrides(nodePath),
+        propStatus: getCodeValues(nodePath),
     });
     const activeSchema = remotion_1.Internals.flattenActiveSchema(schema, (key) => valuesDotNotation[key]);
-    return Object.entries(activeSchema).map(([key, fieldSchema]) => {
+    return Object.entries(activeSchema)
+        .map(([key, fieldSchema]) => {
         const typeName = fieldSchema.type;
         const supported = SUPPORTED_SCHEMA_TYPES.has(typeName);
+        if (typeName === 'hidden') {
+            return null;
+        }
         return {
             key,
             description: fieldSchema.description,
@@ -34,6 +38,7 @@ const getFieldsToShow = ({ dragOverrides, codeValues, overrideId, schema, curren
             currentRuntimeValue: currentRuntimeValueDotNotation[key],
             fieldSchema,
         };
-    });
+    })
+        .filter(no_react_1.NoReactInternals.truthy);
 };
 exports.getFieldsToShow = getFieldsToShow;

package/package.json

@@ -3,12 +3,13 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-shared"
 	},
 	"name": "@remotion/studio-shared",
-	"version": "4.0.459",
+	"version": "4.0.461",
 	"description": "Internal package for shared objects between the Studio backend and frontend",
 	"main": "dist",
 	"sideEffects": false,
 	"scripts": {
 		"lint": "eslint src",
+		"test": "bun test src",
 		"formatting": "oxfmt src --check",
 		"format": "oxfmt src",
 		"make": "tsgo -d"
@@ -20,11 +21,11 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.459"
+		"remotion": "4.0.461"
 	},
 	"devDependencies": {
-		"@remotion/renderer": "4.0.459",
-		"@remotion/eslint-config-internal": "4.0.459",
+		"@remotion/renderer": "4.0.461",
+		"@remotion/eslint-config-internal": "4.0.461",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},