@remotion/studio-shared 4.0.520 → 4.0.522

package/dist/api-requests.d.ts

@@ -883,6 +883,7 @@ export type ProjectInfoRequest = {};
 export type ProjectInfoResponse = {
     projectInfo: ProjectInfo;
 };
+export type ShutdownStudioResponse = {};
 export type RestartStudioRequest = {};
 export type RestartStudioResponse = {};
 export type ConfigValue = string | number | boolean | null | ConfigValue[] | {
@@ -1023,6 +1024,10 @@ export type ApiRoutes = {
     '/api/delete-static-file': ReqAndRes<DeleteStaticFileRequest, DeleteStaticFileResponse>;
     '/api/rename-static-file': ReqAndRes<RenameStaticFileRequest, RenameStaticFileResponse>;
     '/api/copy-render-output-to-asset': ReqAndRes<CopyRenderOutputToAssetRequest, CopyRenderOutputToAssetResponse>;
+    '/api/upgrade-remotion': ReqAndRes<{
+        version: string;
+    }, {}>;
+    '/api/shutdown-studio': ReqAndRes<{}, ShutdownStudioResponse>;
     '/api/restart-studio': ReqAndRes<RestartStudioRequest, RestartStudioResponse>;
     '/api/update-config': ReqAndRes<UpdateConfigRequest, UpdateConfigResponse>;
     '/api/default-editor-info': ReqAndRes<GetDefaultEditorInfoRequest, GetDefaultEditorInfoResponse>;

package/dist/codemods.d.ts

@@ -10,6 +10,14 @@ export type ApplyVisualControlCodemod = {
     type: 'apply-visual-control';
     changes: VisualControlChange[];
 };
+export type CompositionOrFolder = {
+    type: 'composition';
+    compositionId: string;
+} | {
+    type: 'folder';
+    folderName: string;
+    parentName: string | null;
+};
 export type RecastCodemod = {
     type: 'new-composition';
     newId: string;
@@ -56,6 +64,19 @@ export type RecastCodemod = {
     idToMove: string;
     folderName: string | null;
     parentName: string | null;
+} | {
+    type: 'move-composition-or-folder';
+    source: CompositionOrFolder;
+    destination: {
+        type: 'root';
+    } | {
+        type: 'folder';
+        folderName: string;
+        parentName: string | null;
+    } | {
+        type: 'before' | 'after';
+        target: CompositionOrFolder;
+    };
 } | {
     type: 'rename-folder';
     folderName: string;

package/dist/define-plugin-definitions.d.ts

@@ -1,13 +1,15 @@
-export declare const getDefinePluginDefinitions: ({ maxTimelineTracks, askAIEnabled, interactivityEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, }: {
+export declare const getDefinePluginDefinitions: ({ maxTimelineTracks, askAIEnabled, interactivityEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, }: {
     maxTimelineTracks: number | null;
     askAIEnabled: boolean;
     interactivityEnabled: boolean;
     keyboardShortcutsEnabled: boolean;
     bufferStateDelayInMilliseconds: number | null;
+    experimentalClientSideRenderingEnabled: boolean;
 }) => {
     'process.env.MAX_TIMELINE_TRACKS': number | null;
     'process.env.ASK_AI_ENABLED': boolean;
     'process.env.INTERACTIVITY_ENABLED': boolean;
     'process.env.KEYBOARD_SHORTCUTS_ENABLED': boolean;
     'process.env.BUFFER_STATE_DELAY_IN_MILLISECONDS': number | null;
+    'process.env.EXPERIMENTAL_CLIENT_SIDE_RENDERING_ENABLED': boolean;
 };

package/dist/define-plugin-definitions.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDefinePluginDefinitions = void 0;
-const getDefinePluginDefinitions = ({ maxTimelineTracks, askAIEnabled, interactivityEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, }) => ({
+const getDefinePluginDefinitions = ({ maxTimelineTracks, askAIEnabled, interactivityEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, }) => ({
     'process.env.MAX_TIMELINE_TRACKS': maxTimelineTracks,
     'process.env.ASK_AI_ENABLED': askAIEnabled,
     'process.env.INTERACTIVITY_ENABLED': interactivityEnabled,
     'process.env.KEYBOARD_SHORTCUTS_ENABLED': keyboardShortcutsEnabled,
     'process.env.BUFFER_STATE_DELAY_IN_MILLISECONDS': bufferStateDelayInMilliseconds,
+    'process.env.EXPERIMENTAL_CLIENT_SIDE_RENDERING_ENABLED': experimentalClientSideRenderingEnabled,
 });
 exports.getDefinePluginDefinitions = getDefinePluginDefinitions;

package/dist/element-drag-data.d.ts

@@ -4,7 +4,6 @@ export type ElementDragData = {
     type: 'remotion-element';
     version: 1;
     element: {
-        dependencies: string[];
         slug: string;
         displayName: string;
         sourceCode: string;
@@ -14,8 +13,7 @@ export type ElementDragData = {
 export declare const isLowercaseElementFileName: (value: unknown) => value is string;
 export declare const makeElementFileNameFromSlug: (slug: string) => string | null;
 export declare const getElementComponentNameFromSourceCode: (sourceCode: string) => string | null;
-export declare const makeElementDragData: ({ dependencies, dimensions, displayName, slug, sourceCode, }: {
-    dependencies: string[];
+export declare const makeElementDragData: ({ dimensions, displayName, slug, sourceCode, }: {
     slug: string;
     displayName: string;
     sourceCode: string;

package/dist/element-drag-data.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseElementDragData = exports.makeElementDragData = exports.getElementComponentNameFromSourceCode = exports.makeElementFileNameFromSlug = exports.isLowercaseElementFileName = exports.ELEMENT_DRAG_MIME_TYPE = void 0;
 const component_drag_data_1 = require("./component-drag-data");
-const package_name_1 = require("./package-name");
 const drag_mime_types_1 = require("./drag-mime-types");
 Object.defineProperty(exports, "ELEMENT_DRAG_MIME_TYPE", { enumerable: true, get: function () { return drag_mime_types_1.ELEMENT_DRAG_MIME_TYPE; } });
 const isRecord = (value) => {
@@ -49,11 +48,6 @@ const isSourceCode = (value) => {
         value.trim().length > 0 &&
         value.length < 200000);
 };
-const isDependencies = (value) => {
-    return (Array.isArray(value) &&
-        value.length <= 100 &&
-        value.every((dependency) => typeof dependency === 'string' && (0, package_name_1.isValidPackageName)(dependency)));
-};
 const isDimensions = (value) => {
     if (!isRecord(value)) {
         return false;
@@ -75,12 +69,11 @@ const getElementComponentNameFromSourceCode = (sourceCode) => {
     return (0, component_drag_data_1.isComponentIdentifier)(componentName) ? componentName : null;
 };
 exports.getElementComponentNameFromSourceCode = getElementComponentNameFromSourceCode;
-const makeElementDragData = ({ dependencies, dimensions, displayName, slug, sourceCode, }) => {
+const makeElementDragData = ({ dimensions, displayName, slug, sourceCode, }) => {
     return {
         type: 'remotion-element',
         version: 1,
         element: {
-            dependencies: Array.from(new Set(dependencies)),
             slug,
             displayName,
             sourceCode,
@@ -101,20 +94,18 @@ const parseElementDragData = (value) => {
         if (!isRecord(parsed.element)) {
             return null;
         }
-        const { dependencies, dimensions, displayName, slug, sourceCode } = parsed.element;
+        const { dimensions, displayName, slug, sourceCode } = parsed.element;
         if (!isSlug(slug) ||
             !isDisplayName(displayName) ||
             !isSourceCode(sourceCode) ||
             (0, exports.getElementComponentNameFromSourceCode)(sourceCode) === null ||
             (0, exports.makeElementFileNameFromSlug)(slug) === null ||
-            (dependencies !== undefined && !isDependencies(dependencies)) ||
             (dimensions !== undefined &&
                 dimensions !== null &&
                 !isDimensions(dimensions))) {
             return null;
         }
         return (0, exports.makeElementDragData)({
-            dependencies: dependencies !== null && dependencies !== void 0 ? dependencies : [],
             slug,
             displayName,
             sourceCode,

package/dist/esm/index.mjs

@@ -1502,6 +1502,7 @@ var KEYFRAME_FIELD_TYPE_SUPPORT = {
   color: true,
   enum: true,
   "font-family": false,
+  "font-weight": false,
   hidden: true,
   number: true,
   "rotation-css": true,
@@ -1520,6 +1521,7 @@ var KEYFRAME_FIELD_TYPE_INTERPOLATION = {
   color: "interpolateColors",
   enum: "interpolate",
   "font-family": "unsupported",
+  "font-weight": "unsupported",
   hidden: "infer",
   number: "infer",
   "rotation-css": "interpolate",
@@ -1784,6 +1786,7 @@ var KEYFRAME_CLIPBOARD_FIELD_TYPE_SUPPORT = {
   color: true,
   enum: false,
   "font-family": false,
+  "font-weight": false,
   hidden: false,
   number: true,
   "rotation-css": true,
@@ -2360,7 +2363,7 @@ var extraPackages = [
   },
   {
     name: "zod",
-    version: "4.4.3",
+    version: "4.5.4",
     description: "TypeScript-first schema validation",
     docsUrl: "https://zod.dev"
   }
@@ -3036,6 +3039,7 @@ var TIMELINE_SCHEMA_FIELD_TYPE_SUPPORT = {
   color: true,
   enum: true,
   "font-family": true,
+  "font-weight": true,
   hidden: false,
   number: true,
   "rotation-css": true,

package/dist/esm/keyframe-interpolation-function.mjs

@@ -11,6 +11,7 @@ var KEYFRAME_FIELD_TYPE_SUPPORT = {
   color: true,
   enum: true,
   "font-family": false,
+  "font-weight": false,
   hidden: true,
   number: true,
   "rotation-css": true,
@@ -29,6 +30,7 @@ var KEYFRAME_FIELD_TYPE_INTERPOLATION = {
   color: "interpolateColors",
   enum: "interpolate",
   "font-family": "unsupported",
+  "font-weight": "unsupported",
   hidden: "infer",
   number: "infer",
   "rotation-css": "interpolate",

package/dist/index.d.ts

@@ -1,12 +1,12 @@
 export { splitAnsi, stripAnsi } from './ansi';
 export type { TerminalId } from './terminal';
 export type { GitClientId } from './git-client';
-export { AddEffectKeyframeRequest, AddEffectKeyframeResponse, AddEffectRequest, AddEffectResponse, AddKeyframesRequest, AddKeyframesResponse, AddRenderRequest, AddSequenceKeyframeRequest, AddSequenceKeyframeResponse, ApiRoutes, ApplyCodemodRequest, ApplyCodemodResponse, ApplyVisualControlRequest, ApplyVisualControlResponse, BatchUpdateEffectKeyframeSettings, BatchUpdateKeyframeSettingsRequest, BatchUpdateKeyframeSettingsResponse, BatchUpdateSequenceKeyframeSettings, CanUpdateDefaultPropsResponse, CanUpdateSequencePropsRequest, CancelRenderRequest, CancelRenderResponse, CaptionPatch, CompositionComponentInfoRequest, CompositionComponentInfoResponse, ComponentProp, ConvertFigmaClipboardToSvgRequest, ConvertFigmaClipboardToSvgResponse, CopyRenderOutputToAssetRequest, CopyRenderOutputToAssetResponse, CopyStillToClipboardRequest, DeleteEffectKeyframe, DeleteEffectRequest, DeleteEffectRequestItem, DeleteEffectResponse, DeleteJsxNodeRequest, DeleteJsxNodeRequestItem, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe, DeleteStaticFileRequest, DeleteStaticFileResponse, DownloadRemoteAssetRequest, DownloadRemoteAssetResponse, DuplicateEffectRequest, DuplicateEffectRequestItem, DuplicateEffectResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeRequestItem, DuplicateJsxNodeResponse, EditorPickerId, EffectDefinition, ElementInstallDestination, ElementInstallExpectedFileState, ElementInstallRequest, ElementInstallSource, FindInFileRequest, FindInFileResponse, GetDefaultCodingAgentInfoRequest, GetDefaultCodingAgentInfoResponse, GetDefaultEditorInfoRequest, GetDefaultEditorInfoResponse, GetRemotionSkillsInfoRequest, GetRemotionSkillsInfoResponse, GetReleaseNotesRequest, GetReleaseNotesResponse, GoogleFontSourceEdit, InsertElementFileConflict, InsertElementRequest, InsertElementResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertableCompositionElement, InsertableCompositionElementPosition, InstallableElement, InstallPackageRequest, InstallPackageResponse, LogStudioErrorRequest, LogStudioErrorResponse, MoveEffectKeyframe, MoveKeyframesRequest, MoveKeyframesResponse, MoveSequenceKeyframe, OpenInCodingAgentRequest, OpenInCodingAgentResponse, OpenInEditorRequest, OpenInEditorResponse, OpenInFileExplorerRequest, OpenInGitClientRequest, OpenInGitClientResponse, OpenInTerminalRequest, OpenInTerminalResponse, PackageInstallSpec, PasteEffectsRequest, PasteEffectsResponse, PrepareElementInstallRequest, PrepareElementInstallResponse, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, RenameStaticFileRequest, RenameStaticFileResponse, ReorderEffectRequest, ReorderEffectResponse, ReorderSequencePosition, ReorderSequenceRequest, ReorderSequenceResponse, RestartStudioRequest, RestartStudioResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveInlineCaptionPatchesRequest, SaveMultipleEffectPropsEdit, SaveMultipleEffectPropsRequest, SaveMultipleEffectPropsResponse, SaveMultipleEffectPropsResult, SaveSequencePropEdit, SaveSequencePropSourceEdit, SaveSequencePropsRequest, SaveSequencePropsResponse, SaveSequencePropsResult, SimpleDiff, SplitJsxSequenceRequest, SplitJsxSequenceResponse, SplitVideoFromAudioRequest, SplitVideoFromAudioResponse, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, SubscribeToSequencePropsBatchRequest, SubscribeToSequencePropsBatchResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UnsubscribeFromSequencePropsRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateConfigRequest, UpdateConfigResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse, UpdateElementInstallTargetRequest, UpdateElementInstallTargetResponse, UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse, type AddEffectKeyframe, type AddSequenceKeyframe, type ConfigUpdate, type ConfigValue, type KeyframeSettings, } from './api-requests';
+export { AddEffectKeyframeRequest, AddEffectKeyframeResponse, AddEffectRequest, AddEffectResponse, AddKeyframesRequest, AddKeyframesResponse, AddRenderRequest, AddSequenceKeyframeRequest, AddSequenceKeyframeResponse, ApiRoutes, ApplyCodemodRequest, ApplyCodemodResponse, ApplyVisualControlRequest, ApplyVisualControlResponse, BatchUpdateEffectKeyframeSettings, BatchUpdateKeyframeSettingsRequest, BatchUpdateKeyframeSettingsResponse, BatchUpdateSequenceKeyframeSettings, CanUpdateDefaultPropsResponse, CanUpdateSequencePropsRequest, CancelRenderRequest, CancelRenderResponse, CaptionPatch, CompositionComponentInfoRequest, CompositionComponentInfoResponse, ComponentProp, ConvertFigmaClipboardToSvgRequest, ConvertFigmaClipboardToSvgResponse, CopyRenderOutputToAssetRequest, CopyRenderOutputToAssetResponse, CopyStillToClipboardRequest, DeleteEffectKeyframe, DeleteEffectRequest, DeleteEffectRequestItem, DeleteEffectResponse, DeleteJsxNodeRequest, DeleteJsxNodeRequestItem, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe, DeleteStaticFileRequest, DeleteStaticFileResponse, DownloadRemoteAssetRequest, DownloadRemoteAssetResponse, DuplicateEffectRequest, DuplicateEffectRequestItem, DuplicateEffectResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeRequestItem, DuplicateJsxNodeResponse, EditorPickerId, EffectDefinition, ElementInstallDestination, ElementInstallExpectedFileState, ElementInstallRequest, ElementInstallSource, FindInFileRequest, FindInFileResponse, GetDefaultCodingAgentInfoRequest, GetDefaultCodingAgentInfoResponse, GetDefaultEditorInfoRequest, GetDefaultEditorInfoResponse, GetRemotionSkillsInfoRequest, GetRemotionSkillsInfoResponse, GetReleaseNotesRequest, GetReleaseNotesResponse, GoogleFontSourceEdit, InsertElementFileConflict, InsertElementRequest, InsertElementResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertableCompositionElement, InsertableCompositionElementPosition, InstallableElement, InstallPackageRequest, InstallPackageResponse, LogStudioErrorRequest, LogStudioErrorResponse, MoveEffectKeyframe, MoveKeyframesRequest, MoveKeyframesResponse, MoveSequenceKeyframe, OpenInCodingAgentRequest, OpenInCodingAgentResponse, OpenInEditorRequest, OpenInEditorResponse, OpenInFileExplorerRequest, OpenInGitClientRequest, OpenInGitClientResponse, OpenInTerminalRequest, OpenInTerminalResponse, PackageInstallSpec, PasteEffectsRequest, PasteEffectsResponse, PrepareElementInstallRequest, PrepareElementInstallResponse, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, RenameStaticFileRequest, RenameStaticFileResponse, ReorderEffectRequest, ReorderEffectResponse, ReorderSequencePosition, ReorderSequenceRequest, ReorderSequenceResponse, RestartStudioRequest, RestartStudioResponse, ShutdownStudioResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveInlineCaptionPatchesRequest, SaveMultipleEffectPropsEdit, SaveMultipleEffectPropsRequest, SaveMultipleEffectPropsResponse, SaveMultipleEffectPropsResult, SaveSequencePropEdit, SaveSequencePropSourceEdit, SaveSequencePropsRequest, SaveSequencePropsResponse, SaveSequencePropsResult, SimpleDiff, SplitJsxSequenceRequest, SplitJsxSequenceResponse, SplitVideoFromAudioRequest, SplitVideoFromAudioResponse, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, SubscribeToSequencePropsBatchRequest, SubscribeToSequencePropsBatchResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UnsubscribeFromSequencePropsRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateConfigRequest, UpdateConfigResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse, UpdateElementInstallTargetRequest, UpdateElementInstallTargetResponse, UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse, type AddEffectKeyframe, type AddSequenceKeyframe, type ConfigUpdate, type ConfigValue, type KeyframeSettings, } from './api-requests';
 export type { BrowserStudioKeyframeOperations, BrowserStudioEffectOperations, BrowserStudioInstallPackagesResponse, BrowserStudioOperations, BrowserStudioPackageInstallationOperations, DuplicateCompositionRequest, DuplicateCompositionResponse, } from './browser-studio-operations';
 export type { CanvasCaptureData, CanvasCaptureMouseMovement, CanvasCapturePointerClick, } from './canvas-capture';
 export { CANVAS_CAPTURE_METADATA_TAG, parseCanvasCaptureData, } from './canvas-capture';
 export type { SequenceNodePathMutation, SequenceNodePathRemapping, } from './sequence-node-path-mutation';
-export type { ApplyVisualControlCodemod, RecastCodemod } from './codemods';
+export type { ApplyVisualControlCodemod, CompositionOrFolder, RecastCodemod, } from './codemods';
 export { REACT_REFRESH_FINISHED_EVENT } from './react-refresh-event';
 export { hasSequenceTimingTraits } from './has-sequence-timing-traits';
 export { getConfigFileChangeMessage, type ConfigFileChangeType, } from './config-file-change';

package/dist/keyframe-clipboard-data.d.ts

@@ -7,6 +7,7 @@ declare const KEYFRAME_CLIPBOARD_FIELD_TYPE_SUPPORT: {
     readonly color: true;
     readonly enum: false;
     readonly 'font-family': false;
+    readonly 'font-weight': false;
     readonly hidden: false;
     readonly number: true;
     readonly 'rotation-css': true;

package/dist/keyframe-clipboard-data.js

@@ -12,6 +12,7 @@ const KEYFRAME_CLIPBOARD_FIELD_TYPE_SUPPORT = {
     color: true,
     enum: false,
     'font-family': false,
+    'font-weight': false,
     hidden: false,
     number: true,
     'rotation-css': true,

package/dist/keyframe-interpolation-function.js

@@ -15,6 +15,7 @@ const KEYFRAME_FIELD_TYPE_SUPPORT = {
     color: true,
     enum: true,
     'font-family': false,
+    'font-weight': false,
     hidden: true,
     number: true,
     'rotation-css': true,
@@ -33,6 +34,7 @@ const KEYFRAME_FIELD_TYPE_INTERPOLATION = {
     color: 'interpolateColors',
     enum: 'interpolate',
     'font-family': 'unsupported',
+    'font-weight': 'unsupported',
     hidden: 'infer',
     number: 'infer',
     'rotation-css': 'interpolate',

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,30 @@
+"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]: { status: 'static', 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,
+        effects: previous.effects,
+    };
+};
+exports.optimisticUpdateForCodeValues = optimisticUpdateForCodeValues;

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

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

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

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.optimisticUpdateForEffectCodeValues = void 0;
+const no_react_1 = require("remotion/no-react");
+const optimisticUpdateForEffectCodeValues = ({ previous, effectIndex, fieldKey, value, schema, }) => {
+    var _a;
+    if (!previous.canUpdate) {
+        return previous;
+    }
+    const targetIndex = previous.effects.findIndex((e) => e.effectIndex === effectIndex);
+    if (targetIndex === -1) {
+        return previous;
+    }
+    const target = previous.effects[targetIndex];
+    if (!target.canUpdate) {
+        return previous;
+    }
+    const props = {
+        ...target.props,
+        [fieldKey]: { status: 'static', 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];
+        }
+    }
+    const updatedEffect = {
+        ...target,
+        props,
+    };
+    const effects = [...previous.effects];
+    effects[targetIndex] = updatedEffect;
+    return {
+        ...previous,
+        effects,
+    };
+};
+exports.optimisticUpdateForEffectCodeValues = optimisticUpdateForEffectCodeValues;

package/dist/package-info.js

@@ -142,7 +142,7 @@ exports.extraPackages = [
     },
     {
         name: 'zod',
-        version: '4.4.3',
+        version: '4.5.4',
         description: 'TypeScript-first schema validation',
         docsUrl: 'https://zod.dev',
     },

package/dist/package-manager.d.ts

@@ -1 +1 @@
-export type PackageManager = 'npm' | 'yarn' | 'pnpm' | 'bun';
+export type PackageManager = 'npm' | 'yarn' | 'pnpm' | 'bun' | 'nub';

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

@@ -60,6 +60,7 @@ declare const TIMELINE_SCHEMA_FIELD_TYPE_SUPPORT: {
     readonly color: true;
     readonly enum: true;
     readonly 'font-family': true;
+    readonly 'font-weight': true;
     readonly hidden: false;
     readonly number: true;
     readonly 'rotation-css': true;

package/dist/schema-field-info.js

@@ -131,6 +131,7 @@ const TIMELINE_SCHEMA_FIELD_TYPE_SUPPORT = {
     color: true,
     enum: true,
     'font-family': true,
+    'font-weight': true,
     hidden: false,
     number: true,
     'rotation-css': true,

package/dist/shape-drag-data.d.ts

@@ -0,0 +1,22 @@
+export declare const SHAPE_DRAG_MIME_TYPE = "application/vnd.remotion.shape+json";
+export declare const shapeNames: readonly ["Arrow", "Circle", "Ellipse", "Heart", "Pie", "Polygon", "Rect", "Star", "Triangle"];
+export type ShapeName = (typeof shapeNames)[number];
+export type ShapeAttribute = {
+    name: string;
+    value: string | number | boolean;
+};
+export type ShapeDragData = {
+    type: 'remotion-shape';
+    version: 1;
+    shape: ShapeName;
+    attributes: ShapeAttribute[];
+};
+export declare const isShapeName: (value: unknown) => value is "Arrow" | "Circle" | "Ellipse" | "Heart" | "Pie" | "Polygon" | "Rect" | "Star" | "Triangle";
+export declare const isShapeAttributeName: (value: unknown) => value is string;
+export declare const isShapeAttribute: (value: unknown) => value is ShapeAttribute;
+export declare const areShapeAttributes: (value: unknown) => value is ShapeAttribute[];
+export declare const makeShapeDragData: ({ attributes, shape, }: {
+    attributes: ShapeAttribute[];
+    shape: "Arrow" | "Circle" | "Ellipse" | "Heart" | "Pie" | "Polygon" | "Rect" | "Star" | "Triangle";
+}) => ShapeDragData;
+export declare const parseShapeDragData: (value: string) => ShapeDragData | null;

package/dist/shape-drag-data.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseShapeDragData = exports.makeShapeDragData = exports.areShapeAttributes = exports.isShapeAttribute = exports.isShapeAttributeName = exports.isShapeName = exports.shapeNames = exports.SHAPE_DRAG_MIME_TYPE = void 0;
+exports.SHAPE_DRAG_MIME_TYPE = 'application/vnd.remotion.shape+json';
+exports.shapeNames = [
+    'Arrow',
+    'Circle',
+    'Ellipse',
+    'Heart',
+    'Pie',
+    'Polygon',
+    'Rect',
+    'Star',
+    'Triangle',
+];
+const isRecord = (value) => {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+};
+const isShapeName = (value) => {
+    return typeof value === 'string' && exports.shapeNames.includes(value);
+};
+exports.isShapeName = isShapeName;
+const isShapeAttributeName = (value) => {
+    return (typeof value === 'string' &&
+        value !== 'style' &&
+        /^[A-Za-z_$][A-Za-z0-9_$]*$/.test(value));
+};
+exports.isShapeAttributeName = isShapeAttributeName;
+const isShapeAttribute = (value) => {
+    if (!isRecord(value)) {
+        return false;
+    }
+    if (!(0, exports.isShapeAttributeName)(value.name)) {
+        return false;
+    }
+    return (typeof value.value === 'string' ||
+        typeof value.value === 'boolean' ||
+        (typeof value.value === 'number' && Number.isFinite(value.value)));
+};
+exports.isShapeAttribute = isShapeAttribute;
+const areShapeAttributes = (value) => {
+    if (!Array.isArray(value)) {
+        return false;
+    }
+    const seen = new Set();
+    for (const attribute of value) {
+        if (!(0, exports.isShapeAttribute)(attribute) || seen.has(attribute.name)) {
+            return false;
+        }
+        seen.add(attribute.name);
+    }
+    return true;
+};
+exports.areShapeAttributes = areShapeAttributes;
+const makeShapeDragData = ({ attributes, shape, }) => {
+    return {
+        type: 'remotion-shape',
+        version: 1,
+        shape,
+        attributes,
+    };
+};
+exports.makeShapeDragData = makeShapeDragData;
+const parseShapeDragData = (value) => {
+    try {
+        const parsed = JSON.parse(value);
+        if (!isRecord(parsed)) {
+            return null;
+        }
+        if (parsed.type !== 'remotion-shape' || parsed.version !== 1) {
+            return null;
+        }
+        if (!(0, exports.isShapeName)(parsed.shape)) {
+            return null;
+        }
+        if (!(0, exports.areShapeAttributes)(parsed.attributes)) {
+            return null;
+        }
+        return {
+            type: 'remotion-shape',
+            version: 1,
+            shape: parsed.shape,
+            attributes: parsed.attributes,
+        };
+    }
+    catch (_a) {
+        return null;
+    }
+};
+exports.parseShapeDragData = parseShapeDragData;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-shared"
 	},
 	"name": "@remotion/studio-shared",
-	"version": "4.0.520",
+	"version": "4.0.522",
 	"description": "Internal package for shared objects between the Studio backend and frontend",
 	"main": "dist",
 	"module": "dist/esm/index.mjs",
@@ -21,11 +21,11 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.520"
+		"remotion": "4.0.522"
 	},
 	"devDependencies": {
-		"@remotion/renderer": "4.0.520",
-		"@remotion/eslint-config-internal": "4.0.520",
+		"@remotion/renderer": "4.0.522",
+		"@remotion/eslint-config-internal": "4.0.522",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},