@remotion/studio-shared 4.0.505 → 4.0.507

package/dist/api-requests.d.ts

@@ -1,6 +1,6 @@
-import type { AudioCodec, BuiltInEditor, ChromeMode, Codec, ColorSpace, LogLevel, PixelFormat, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
+import type { AudioCodec, BuiltInEditor, ChromeMode, Codec, ColorSpace, DefaultCodingAgent, LogLevel, PixelFormat, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type { HardwareAccelerationOption } from '@remotion/renderer/client';
-import type { ComponentProp, ElementDependency, ElementDragData } from '@remotion/studio-protocol';
+import type { ComponentProp, ElementDragData } from '@remotion/studio-protocol';
 import type { _InternalTypes, CannotUpdateSequenceReason, CanUpdateEffectPropsResponse, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, ExtrapolateType, InteractivitySchema, InterpolateOutputOption, JsxComponentIdentity, SequenceNodePath, SequencePropsSubscriptionKey, VideoConfigValues } from 'remotion';
 import type { RecastCodemod, VisualControlChange } from './codemods';
 import type { EffectClipboardParam, EffectClipboardPasteType, EffectClipboardSnapshot } from './effect-clipboard-data';
@@ -22,6 +22,13 @@ export type OpenInEditorRequest = {
 export type OpenInEditorResponse = {
     success: boolean;
 };
+export type OpenInCodingAgentRequest = {
+    codingAgentId: DefaultCodingAgent;
+    prompt: string | null;
+};
+export type OpenInCodingAgentResponse = {
+    success: boolean;
+};
 export type FindInFileRequest = {
     fileName: string;
     lineNumber: number;
@@ -60,6 +67,7 @@ type AddRenderRequestDynamicFields = {
     scale: number;
     logLevel: LogLevel;
     chromeMode: ChromeMode;
+    licenseKey: string | null;
 } | {
     type: 'sequence';
     imageFormat: VideoImageFormat;
@@ -104,6 +112,7 @@ type AddRenderRequestDynamicFields = {
     hardwareAcceleration: HardwareAccelerationOption;
     chromeMode: ChromeMode;
     sampleRate: number;
+    licenseKey: string | null;
 };
 export type CancelRenderRequest = {
     jobId: string;
@@ -186,6 +195,13 @@ export type RenameStaticFileRequest = {
 export type RenameStaticFileResponse = {
     success: boolean;
 };
+export type CopyRenderOutputToAssetRequest = {
+    outputPath: string;
+    assetPath: string;
+};
+export type CopyRenderOutputToAssetResponse = {
+    created: boolean;
+};
 export type CanUpdateDefaultPropsResponse = {
     canUpdate: true;
     currentDefaultProps: Record<string, unknown>;
@@ -756,10 +772,22 @@ export type ProjectInfoResponse = {
 };
 export type RestartStudioRequest = {};
 export type RestartStudioResponse = {};
-export type UpdatePublicLicenseRequest = {
-    publicLicenseKey: string;
+export type ConfigValue = string | number | boolean | null | ConfigValue[] | {
+    [key: string]: ConfigValue;
+};
+export type ConfigUpdate = {
+    setter: string;
+    type: 'delete';
+} | {
+    setter: string;
+    type: 'set';
+    value: ConfigValue;
 };
-export type UpdatePublicLicenseResponse = {
+export type UpdateConfigRequest = {
+    clientId: string;
+    updates: ConfigUpdate[];
+};
+export type UpdateConfigResponse = {
     success: true;
 } | {
     success: false;
@@ -772,19 +800,25 @@ export type GetDefaultEditorInfoResponse = {
     installedEditors: {
         id: EditorPickerId;
         name: string;
+        nameWithType: string;
     }[];
 };
-export type UpdateDefaultEditorRequest = {
-    defaultEditor: EditorPickerId | null;
+export type GetDefaultCodingAgentInfoRequest = {};
+export type GetDefaultCodingAgentInfoResponse = {
+    defaultCodingAgent: DefaultCodingAgent | null;
+    installedCodingAgents: {
+        id: DefaultCodingAgent;
+        name: string;
+        nameWithType: string;
+        iconDataUrl: string | null;
+    }[];
 };
-export type UpdateDefaultEditorResponse = {
-    success: true;
-} | {
-    success: false;
-    reason: string;
+export type PackageInstallSpec = {
+    readonly name: string;
+    readonly version: string | null;
 };
 export type InstallPackageRequest = {
-    dependencies: ElementDependency[];
+    dependencies: PackageInstallSpec[];
 };
 export type InstallPackageResponse = {};
 export type UndoRequest = {};
@@ -816,6 +850,8 @@ export type ApiRoutes = {
     '/api/subscribe-to-file-existence': ReqAndRes<SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse>;
     '/api/remove-render': ReqAndRes<RemoveRenderRequest, undefined>;
     '/api/open-in-editor': ReqAndRes<OpenInEditorRequest, OpenInEditorResponse>;
+    '/api/open-in-coding-agent': ReqAndRes<OpenInCodingAgentRequest, OpenInCodingAgentResponse>;
+    '/api/default-coding-agent-info': ReqAndRes<GetDefaultCodingAgentInfoRequest, GetDefaultCodingAgentInfoResponse>;
     '/api/find-in-file': ReqAndRes<FindInFileRequest, FindInFileResponse>;
     '/api/open-in-file-explorer': ReqAndRes<OpenInFileExplorerRequest, void>;
     '/api/register-client-render': ReqAndRes<CompletedClientRender, void>;
@@ -859,10 +895,10 @@ export type ApiRoutes = {
     '/api/project-info': ReqAndRes<ProjectInfoRequest, ProjectInfoResponse>;
     '/api/delete-static-file': ReqAndRes<DeleteStaticFileRequest, DeleteStaticFileResponse>;
     '/api/rename-static-file': ReqAndRes<RenameStaticFileRequest, RenameStaticFileResponse>;
+    '/api/copy-render-output-to-asset': ReqAndRes<CopyRenderOutputToAssetRequest, CopyRenderOutputToAssetResponse>;
     '/api/restart-studio': ReqAndRes<RestartStudioRequest, RestartStudioResponse>;
-    '/api/update-public-license': ReqAndRes<UpdatePublicLicenseRequest, UpdatePublicLicenseResponse>;
+    '/api/update-config': ReqAndRes<UpdateConfigRequest, UpdateConfigResponse>;
     '/api/default-editor-info': ReqAndRes<GetDefaultEditorInfoRequest, GetDefaultEditorInfoResponse>;
-    '/api/update-default-editor': ReqAndRes<UpdateDefaultEditorRequest, UpdateDefaultEditorResponse>;
     '/api/install-package': ReqAndRes<InstallPackageRequest, InstallPackageResponse>;
     '/api/undo': ReqAndRes<UndoRequest, UndoResponse>;
     '/api/redo': ReqAndRes<RedoRequest, RedoResponse>;

package/dist/config-file-change.d.ts

@@ -0,0 +1,2 @@
+export type ConfigFileChangeType = 'runtime' | 'reload' | 'restart';
+export declare const getConfigFileChangeMessage: (changeType: ConfigFileChangeType) => string;

package/dist/config-file-change.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getConfigFileChangeMessage = void 0;
+const getConfigFileChangeMessage = (changeType) => {
+    if (changeType === 'restart') {
+        return 'Restart Studio to apply config file changes';
+    }
+    if (changeType === 'reload') {
+        return 'Reload page to apply config file changes';
+    }
+    return 'Config file changed';
+};
+exports.getConfigFileChangeMessage = getConfigFileChangeMessage;

package/dist/config-method-lifecycles.d.ts

@@ -0,0 +1,94 @@
+export declare const configMethodLifecycles: {
+    readonly overrideBundlerConfig: "restart";
+    readonly overrideDuration: "runtime";
+    readonly overrideFfmpegCommand: "runtime";
+    readonly overrideFps: "runtime";
+    readonly overrideHeight: "runtime";
+    readonly overrideRspackConfig: "restart";
+    readonly overrideWebpackConfig: "restart";
+    readonly overrideWidth: "runtime";
+    readonly setAllowHtmlInCanvasEnabled: "runtime";
+    readonly setAskAIEnabled: "runtime";
+    readonly setAudioBitrate: "runtime";
+    readonly setAudioCodec: "runtime";
+    readonly setAudioLatencyHint: "reload";
+    readonly setBeepOnFinish: "runtime";
+    readonly setBenchmarkConcurrencies: "runtime";
+    readonly setBenchmarkRuns: "runtime";
+    readonly setBinariesDirectory: "restart";
+    readonly setBrowserExecutable: "runtime";
+    readonly setBufferStateDelayInMilliseconds: "runtime";
+    readonly setBundleOutDir: "runtime";
+    readonly setCachingEnabled: "runtime";
+    readonly setChromeMode: "runtime";
+    readonly setChromiumDarkMode: "runtime";
+    readonly setChromiumDisableWebSecurity: "runtime";
+    readonly setChromiumHeadlessMode: "runtime";
+    readonly setChromiumIgnoreCertificateErrors: "runtime";
+    readonly setChromiumMultiProcessOnLinux: "runtime";
+    readonly setChromiumOpenGlRenderer: "runtime";
+    readonly setChromiumUserAgent: "runtime";
+    readonly setCodec: "runtime";
+    readonly setColorSpace: "runtime";
+    readonly setConcurrency: "runtime";
+    readonly setCrf: "runtime";
+    readonly setDefaultCodingAgent: "runtime";
+    readonly setDefaultEditor: "runtime";
+    readonly setDelayRenderTimeoutInMilliseconds: "runtime";
+    readonly setDeleteAfter: "runtime";
+    readonly setDisallowParallelEncoding: "runtime";
+    readonly setDotEnvLocation: "restart";
+    readonly setEnableCrossSiteIsolation: "restart";
+    readonly setEnableFolderExpiry: "runtime";
+    readonly setEncodingBufferSize: "runtime";
+    readonly setEncodingMaxRate: "runtime";
+    readonly setEnforceAudioTrack: "runtime";
+    readonly setEntryPoint: "restart";
+    readonly setEveryNthFrame: "runtime";
+    readonly setExperimentalRspackEnabled: "restart";
+    readonly setForSeamlessAacConcatenation: "runtime";
+    readonly setForceNewStudioEnabled: "restart";
+    readonly setFrameRange: "runtime";
+    readonly setGopSize: "runtime";
+    readonly setHardwareAcceleration: "runtime";
+    readonly setIPv4: "restart";
+    readonly setImageFormat: "runtime";
+    readonly setImageSequence: "runtime";
+    readonly setImageSequencePattern: "runtime";
+    readonly setInteractivityEnabled: "runtime";
+    readonly setJpegQuality: "runtime";
+    readonly setKeyboardShortcutsEnabled: "runtime";
+    readonly setLambdaInsights: "runtime";
+    readonly setLevel: "restart";
+    readonly setLogLevel: "restart";
+    readonly setMaxTimelineTracks: "runtime";
+    readonly setMetadata: "runtime";
+    readonly setMuted: "runtime";
+    readonly setNumberOfGifLoops: "runtime";
+    readonly setNumberOfSharedAudioTags: "reload";
+    readonly setOffthreadVideoCacheSizeInBytes: "runtime";
+    readonly setOutputLocation: "runtime";
+    readonly setOverwriteOutput: "runtime";
+    readonly setPixelFormat: "runtime";
+    readonly setPort: "restart";
+    readonly setPreferLosslessAudio: "runtime";
+    readonly setPreviewSampleRate: "reload";
+    readonly setProResProfile: "runtime";
+    readonly setPublicDir: "restart";
+    readonly setPublicLicenseKey: "runtime";
+    readonly setPublicPath: "runtime";
+    readonly setQuality: "runtime";
+    readonly setRendererPort: "restart";
+    readonly setRepro: "runtime";
+    readonly setRspack: "restart";
+    readonly setSampleRate: "runtime";
+    readonly setScale: "runtime";
+    readonly setShouldOpenBrowser: "restart";
+    readonly setStillImageFormat: "runtime";
+    readonly setStudioPort: "restart";
+    readonly setTimeoutInMilliseconds: "runtime";
+    readonly setVideoBitrate: "runtime";
+    readonly setVideoImageFormat: "runtime";
+    readonly setWebpackPollingInMilliseconds: "restart";
+    readonly setX264Preset: "runtime";
+};

package/dist/config-method-lifecycles.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configMethodLifecycles = void 0;
+exports.configMethodLifecycles = {
+    overrideBundlerConfig: 'restart',
+    overrideDuration: 'runtime',
+    overrideFfmpegCommand: 'runtime',
+    overrideFps: 'runtime',
+    overrideHeight: 'runtime',
+    overrideRspackConfig: 'restart',
+    overrideWebpackConfig: 'restart',
+    overrideWidth: 'runtime',
+    setAllowHtmlInCanvasEnabled: 'runtime',
+    setAskAIEnabled: 'runtime',
+    setAudioBitrate: 'runtime',
+    setAudioCodec: 'runtime',
+    setAudioLatencyHint: 'reload',
+    setBeepOnFinish: 'runtime',
+    setBenchmarkConcurrencies: 'runtime',
+    setBenchmarkRuns: 'runtime',
+    setBinariesDirectory: 'restart',
+    setBrowserExecutable: 'runtime',
+    setBufferStateDelayInMilliseconds: 'runtime',
+    setBundleOutDir: 'runtime',
+    setCachingEnabled: 'runtime',
+    setChromeMode: 'runtime',
+    setChromiumDarkMode: 'runtime',
+    setChromiumDisableWebSecurity: 'runtime',
+    setChromiumHeadlessMode: 'runtime',
+    setChromiumIgnoreCertificateErrors: 'runtime',
+    setChromiumMultiProcessOnLinux: 'runtime',
+    setChromiumOpenGlRenderer: 'runtime',
+    setChromiumUserAgent: 'runtime',
+    setCodec: 'runtime',
+    setColorSpace: 'runtime',
+    setConcurrency: 'runtime',
+    setCrf: 'runtime',
+    setDefaultCodingAgent: 'runtime',
+    setDefaultEditor: 'runtime',
+    setDelayRenderTimeoutInMilliseconds: 'runtime',
+    setDeleteAfter: 'runtime',
+    setDisallowParallelEncoding: 'runtime',
+    setDotEnvLocation: 'restart',
+    setEnableCrossSiteIsolation: 'restart',
+    setEnableFolderExpiry: 'runtime',
+    setEncodingBufferSize: 'runtime',
+    setEncodingMaxRate: 'runtime',
+    setEnforceAudioTrack: 'runtime',
+    setEntryPoint: 'restart',
+    setEveryNthFrame: 'runtime',
+    setExperimentalRspackEnabled: 'restart',
+    setForSeamlessAacConcatenation: 'runtime',
+    setForceNewStudioEnabled: 'restart',
+    setFrameRange: 'runtime',
+    setGopSize: 'runtime',
+    setHardwareAcceleration: 'runtime',
+    setIPv4: 'restart',
+    setImageFormat: 'runtime',
+    setImageSequence: 'runtime',
+    setImageSequencePattern: 'runtime',
+    setInteractivityEnabled: 'runtime',
+    setJpegQuality: 'runtime',
+    setKeyboardShortcutsEnabled: 'runtime',
+    setLambdaInsights: 'runtime',
+    setLevel: 'restart',
+    setLogLevel: 'restart',
+    setMaxTimelineTracks: 'runtime',
+    setMetadata: 'runtime',
+    setMuted: 'runtime',
+    setNumberOfGifLoops: 'runtime',
+    setNumberOfSharedAudioTags: 'reload',
+    setOffthreadVideoCacheSizeInBytes: 'runtime',
+    setOutputLocation: 'runtime',
+    setOverwriteOutput: 'runtime',
+    setPixelFormat: 'runtime',
+    setPort: 'restart',
+    setPreferLosslessAudio: 'runtime',
+    setPreviewSampleRate: 'reload',
+    setProResProfile: 'runtime',
+    setPublicDir: 'restart',
+    setPublicLicenseKey: 'runtime',
+    setPublicPath: 'runtime',
+    setQuality: 'runtime',
+    setRendererPort: 'restart',
+    setRepro: 'runtime',
+    setRspack: 'restart',
+    setSampleRate: 'runtime',
+    setScale: 'runtime',
+    setShouldOpenBrowser: 'restart',
+    setStillImageFormat: 'runtime',
+    setStudioPort: 'restart',
+    setTimeoutInMilliseconds: 'runtime',
+    setVideoBitrate: 'runtime',
+    setVideoImageFormat: 'runtime',
+    setWebpackPollingInMilliseconds: 'restart',
+    setX264Preset: 'runtime',
+};

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

@@ -1,15 +1,13 @@
-export declare const getDefinePluginDefinitions: ({ maxTimelineTracks, askAIEnabled, interactivityEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, }: {
+export declare const getDefinePluginDefinitions: ({ maxTimelineTracks, askAIEnabled, interactivityEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, }: {
     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,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDefinePluginDefinitions = void 0;
-const getDefinePluginDefinitions = ({ maxTimelineTracks, askAIEnabled, interactivityEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, }) => ({
+const getDefinePluginDefinitions = ({ maxTimelineTracks, askAIEnabled, interactivityEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, }) => ({
     '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/easing-clipboard-data.js

@@ -10,6 +10,7 @@ const isFiniteNumber = (value) => {
 const isKeyframeEasing = (value) => {
     return (isRecord(value) &&
         (value.type === 'linear' ||
+            value.type === 'step1' ||
             (value.type === 'bezier' &&
                 isFiniteNumber(value.x1) &&
                 isFiniteNumber(value.y1) &&

package/dist/effect-catalog.js

@@ -214,6 +214,20 @@ exports.EFFECT_CATALOG = [
             config: {},
         },
     },
+    {
+        id: 'effects-region-blur',
+        category: 'Blur & Shadow',
+        label: 'regionBlur()',
+        description: 'Blur a rectangular or rounded region',
+        effect: {
+            name: 'regionBlur',
+            importPath: '@remotion/effects/region-blur',
+            config: {
+                topLeft: [0.28, 0.18],
+                bottomRight: [0.72, 0.82],
+            },
+        },
+    },
     {
         id: 'effects-zoom-blur',
         category: 'Blur & Shadow',

package/dist/effect-clipboard-data.js

@@ -13,6 +13,7 @@ const isFiniteNumber = (value) => {
 const isEasing = (value) => {
     return (isRecord(value) &&
         (value.type === 'linear' ||
+            value.type === 'step1' ||
             (value.type === 'bezier' &&
                 isFiniteNumber(value.x1) &&
                 isFiniteNumber(value.y1) &&

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

@@ -4,6 +4,7 @@ export type ElementDragData = {
     type: 'remotion-element';
     version: 1;
     element: {
+        dependencies: string[];
         slug: string;
         displayName: string;
         sourceCode: string;
@@ -13,7 +14,8 @@ 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: ({ dimensions, displayName, slug, sourceCode, }: {
+export declare const makeElementDragData: ({ dependencies, dimensions, displayName, slug, sourceCode, }: {
+    dependencies: string[];
     slug: string;
     displayName: string;
     sourceCode: string;

package/dist/element-drag-data.js

@@ -2,6 +2,7 @@
 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) => {
@@ -48,6 +49,11 @@ 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;
@@ -69,11 +75,12 @@ const getElementComponentNameFromSourceCode = (sourceCode) => {
     return (0, component_drag_data_1.isComponentIdentifier)(componentName) ? componentName : null;
 };
 exports.getElementComponentNameFromSourceCode = getElementComponentNameFromSourceCode;
-const makeElementDragData = ({ dimensions, displayName, slug, sourceCode, }) => {
+const makeElementDragData = ({ dependencies, dimensions, displayName, slug, sourceCode, }) => {
     return {
         type: 'remotion-element',
         version: 1,
         element: {
+            dependencies: Array.from(new Set(dependencies)),
             slug,
             displayName,
             sourceCode,
@@ -94,18 +101,20 @@ const parseElementDragData = (value) => {
         if (!isRecord(parsed.element)) {
             return null;
         }
-        const { dimensions, displayName, slug, sourceCode } = parsed.element;
+        const { dependencies, 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

@@ -50,6 +50,111 @@ var compositionDragDataToSymbolicatedStack = (dragData) => {
     originalScriptCode: null
   };
 };
+// src/config-file-change.ts
+var getConfigFileChangeMessage = (changeType) => {
+  if (changeType === "restart") {
+    return "Restart Studio to apply config file changes";
+  }
+  if (changeType === "reload") {
+    return "Reload page to apply config file changes";
+  }
+  return "Config file changed";
+};
+// src/config-method-lifecycles.ts
+var configMethodLifecycles = {
+  overrideBundlerConfig: "restart",
+  overrideDuration: "runtime",
+  overrideFfmpegCommand: "runtime",
+  overrideFps: "runtime",
+  overrideHeight: "runtime",
+  overrideRspackConfig: "restart",
+  overrideWebpackConfig: "restart",
+  overrideWidth: "runtime",
+  setAllowHtmlInCanvasEnabled: "runtime",
+  setAskAIEnabled: "runtime",
+  setAudioBitrate: "runtime",
+  setAudioCodec: "runtime",
+  setAudioLatencyHint: "reload",
+  setBeepOnFinish: "runtime",
+  setBenchmarkConcurrencies: "runtime",
+  setBenchmarkRuns: "runtime",
+  setBinariesDirectory: "restart",
+  setBrowserExecutable: "runtime",
+  setBufferStateDelayInMilliseconds: "runtime",
+  setBundleOutDir: "runtime",
+  setCachingEnabled: "runtime",
+  setChromeMode: "runtime",
+  setChromiumDarkMode: "runtime",
+  setChromiumDisableWebSecurity: "runtime",
+  setChromiumHeadlessMode: "runtime",
+  setChromiumIgnoreCertificateErrors: "runtime",
+  setChromiumMultiProcessOnLinux: "runtime",
+  setChromiumOpenGlRenderer: "runtime",
+  setChromiumUserAgent: "runtime",
+  setCodec: "runtime",
+  setColorSpace: "runtime",
+  setConcurrency: "runtime",
+  setCrf: "runtime",
+  setDefaultCodingAgent: "runtime",
+  setDefaultEditor: "runtime",
+  setDelayRenderTimeoutInMilliseconds: "runtime",
+  setDeleteAfter: "runtime",
+  setDisallowParallelEncoding: "runtime",
+  setDotEnvLocation: "restart",
+  setEnableCrossSiteIsolation: "restart",
+  setEnableFolderExpiry: "runtime",
+  setEncodingBufferSize: "runtime",
+  setEncodingMaxRate: "runtime",
+  setEnforceAudioTrack: "runtime",
+  setEntryPoint: "restart",
+  setEveryNthFrame: "runtime",
+  setExperimentalRspackEnabled: "restart",
+  setForSeamlessAacConcatenation: "runtime",
+  setForceNewStudioEnabled: "restart",
+  setFrameRange: "runtime",
+  setGopSize: "runtime",
+  setHardwareAcceleration: "runtime",
+  setIPv4: "restart",
+  setImageFormat: "runtime",
+  setImageSequence: "runtime",
+  setImageSequencePattern: "runtime",
+  setInteractivityEnabled: "runtime",
+  setJpegQuality: "runtime",
+  setKeyboardShortcutsEnabled: "runtime",
+  setLambdaInsights: "runtime",
+  setLevel: "restart",
+  setLogLevel: "restart",
+  setMaxTimelineTracks: "runtime",
+  setMetadata: "runtime",
+  setMuted: "runtime",
+  setNumberOfGifLoops: "runtime",
+  setNumberOfSharedAudioTags: "reload",
+  setOffthreadVideoCacheSizeInBytes: "runtime",
+  setOutputLocation: "runtime",
+  setOverwriteOutput: "runtime",
+  setPixelFormat: "runtime",
+  setPort: "restart",
+  setPreferLosslessAudio: "runtime",
+  setPreviewSampleRate: "reload",
+  setProResProfile: "runtime",
+  setPublicDir: "restart",
+  setPublicLicenseKey: "runtime",
+  setPublicPath: "runtime",
+  setQuality: "runtime",
+  setRendererPort: "restart",
+  setRepro: "runtime",
+  setRspack: "restart",
+  setSampleRate: "runtime",
+  setScale: "runtime",
+  setShouldOpenBrowser: "restart",
+  setStillImageFormat: "runtime",
+  setStudioPort: "restart",
+  setTimeoutInMilliseconds: "runtime",
+  setVideoBitrate: "runtime",
+  setVideoImageFormat: "runtime",
+  setWebpackPollingInMilliseconds: "restart",
+  setX264Preset: "runtime"
+};
 // src/default-buffer-state-delay-in-milliseconds.ts
 var DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = 300;
 // src/detect-file-type.ts
@@ -365,7 +470,7 @@ var isFiniteNumber = (value) => {
   return typeof value === "number" && Number.isFinite(value);
 };
 var isKeyframeEasing = (value) => {
-  return isRecord(value) && (value.type === "linear" || value.type === "bezier" && isFiniteNumber(value.x1) && isFiniteNumber(value.y1) && isFiniteNumber(value.x2) && isFiniteNumber(value.y2) || value.type === "spring" && isFiniteNumber(value.damping) && isFiniteNumber(value.mass) && isFiniteNumber(value.stiffness) && (value.allowTail === undefined || value.allowTail === null || typeof value.allowTail === "boolean") && (value.durationRestThreshold === undefined || value.durationRestThreshold === null || isFiniteNumber(value.durationRestThreshold)) && typeof value.overshootClamping === "boolean");
+  return isRecord(value) && (value.type === "linear" || value.type === "step1" || value.type === "bezier" && isFiniteNumber(value.x1) && isFiniteNumber(value.y1) && isFiniteNumber(value.x2) && isFiniteNumber(value.y2) || value.type === "spring" && isFiniteNumber(value.damping) && isFiniteNumber(value.mass) && isFiniteNumber(value.stiffness) && (value.allowTail === undefined || value.allowTail === null || typeof value.allowTail === "boolean") && (value.durationRestThreshold === undefined || value.durationRestThreshold === null || isFiniteNumber(value.durationRestThreshold)) && typeof value.overshootClamping === "boolean");
 };
 var normalizeKeyframeEasing = (easing) => {
   if (easing.type !== "spring") {
@@ -619,6 +724,20 @@ var EFFECT_CATALOG = [
       config: {}
     }
   },
+  {
+    id: "effects-region-blur",
+    category: "Blur & Shadow",
+    label: "regionBlur()",
+    description: "Blur a rectangular or rounded region",
+    effect: {
+      name: "regionBlur",
+      importPath: "@remotion/effects/region-blur",
+      config: {
+        topLeft: [0.28, 0.18],
+        bottomRight: [0.72, 0.82]
+      }
+    }
+  },
   {
     id: "effects-zoom-blur",
     category: "Blur & Shadow",
@@ -1295,7 +1414,7 @@ var isFiniteNumber2 = (value) => {
   return typeof value === "number" && Number.isFinite(value);
 };
 var isEasing = (value) => {
-  return isRecord2(value) && (value.type === "linear" || value.type === "bezier" && isFiniteNumber2(value.x1) && isFiniteNumber2(value.y1) && isFiniteNumber2(value.x2) && isFiniteNumber2(value.y2) || value.type === "spring" && isFiniteNumber2(value.damping) && isFiniteNumber2(value.mass) && isFiniteNumber2(value.stiffness) && (value.allowTail === undefined || value.allowTail === null || typeof value.allowTail === "boolean") && (value.durationRestThreshold === undefined || value.durationRestThreshold === null || isFiniteNumber2(value.durationRestThreshold)) && typeof value.overshootClamping === "boolean");
+  return isRecord2(value) && (value.type === "linear" || value.type === "step1" || value.type === "bezier" && isFiniteNumber2(value.x1) && isFiniteNumber2(value.y1) && isFiniteNumber2(value.x2) && isFiniteNumber2(value.y2) || value.type === "spring" && isFiniteNumber2(value.damping) && isFiniteNumber2(value.mass) && isFiniteNumber2(value.stiffness) && (value.allowTail === undefined || value.allowTail === null || typeof value.allowTail === "boolean") && (value.durationRestThreshold === undefined || value.durationRestThreshold === null || isFiniteNumber2(value.durationRestThreshold)) && typeof value.overshootClamping === "boolean");
 };
 var normalizeEasing = (easing) => {
   if (easing.type !== "spring") {
@@ -1723,6 +1842,7 @@ var parseKeyframeClipboardData = (value) => {
 };
 // src/keyframe-easing-presets.ts
 var LINEAR_KEYFRAME_EASING = { type: "linear" };
+var HOLD_KEYFRAME_EASING = { type: "step1" };
 var EASE_KEYFRAME_EASING = {
   type: "bezier",
   x1: 0.42,
@@ -1794,6 +1914,11 @@ var KEYFRAME_EASING_PRESETS = [
     label: "Ease in-out",
     easing: { type: "bezier", x1: 0.42, y1: 0, x2: 0.58, y2: 1 }
   },
+  {
+    id: "hold",
+    label: "Hold",
+    easing: HOLD_KEYFRAME_EASING
+  },
   {
     id: "tail-spring",
     label: "Tail spring",
@@ -3669,6 +3794,7 @@ export {
   getEffectDocumentationLink,
   getEffectCatalogCategories,
   getDefaultOutLocation,
+  getConfigFileChangeMessage,
   getBackKeyframeEasing,
   getAssetSchemaKeys,
   getAllSchemaKeys,
@@ -3676,6 +3802,7 @@ export {
   extraPackages,
   detectFileType,
   descriptions,
+  configMethodLifecycles,
   compositionDragDataToSymbolicatedStack,
   canMoveKeyframesWithoutCollisions,
   canEditEasingForInterpolationFunction,
@@ -3685,6 +3812,7 @@ export {
   QUAD_KEYFRAME_EASING,
   LINEAR_KEYFRAME_EASING,
   KEYFRAME_EASING_PRESETS,
+  HOLD_KEYFRAME_EASING,
   EFFECT_CATALOG,
   EASE_KEYFRAME_EASING,
   DEFAULT_TIMELINE_TRACKS,

package/dist/esm/keyframe-easing-presets.mjs

@@ -1,5 +1,6 @@
 // src/keyframe-easing-presets.ts
 var LINEAR_KEYFRAME_EASING = { type: "linear" };
+var HOLD_KEYFRAME_EASING = { type: "step1" };
 var EASE_KEYFRAME_EASING = {
   type: "bezier",
   x1: 0.42,
@@ -71,6 +72,11 @@ var KEYFRAME_EASING_PRESETS = [
     label: "Ease in-out",
     easing: { type: "bezier", x1: 0.42, y1: 0, x2: 0.58, y2: 1 }
   },
+  {
+    id: "hold",
+    label: "Hold",
+    easing: HOLD_KEYFRAME_EASING
+  },
   {
     id: "tail-spring",
     label: "Tail spring",
@@ -118,6 +124,7 @@ export {
   QUAD_KEYFRAME_EASING,
   LINEAR_KEYFRAME_EASING,
   KEYFRAME_EASING_PRESETS,
+  HOLD_KEYFRAME_EASING,
   EASE_KEYFRAME_EASING,
   CUBIC_KEYFRAME_EASING
 };

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

@@ -1,7 +1,10 @@
 import type { CanUpdateSequencePropsResponse, SequencePropsSubscriptionKey, StaticFile } from 'remotion';
 import type { CanUpdateDefaultPropsResponse, ElementInstallRequest } from './api-requests';
+import type { ConfigFileChangeType } from './config-file-change';
 import type { HotMiddlewareMessage } from './hot-middleware';
+import type { RenderDefaults } from './render-defaults';
 import type { CompletedClientRender, RenderJob } from './render-job';
+import type { StudioRuntimeConfig } from './studio-runtime-config';
 export type EventSourceEvent = {
     type: 'new-input-props';
     newProps: object;
@@ -15,6 +18,14 @@ export type EventSourceEvent = {
     newEnvVariables: Record<string, string>;
 } | {
     type: 'config-file-changed';
+    changeType: ConfigFileChangeType;
+    originatorClientId: string | null;
+    renderDefaults: RenderDefaults;
+    studioRuntimeConfig: StudioRuntimeConfig;
+    editorName: string | null;
+} | {
+    type: 'config-file-reload-failed';
+    errorMessage: string;
 } | {
     type: 'root-file-changed';
 } | {
@@ -61,6 +72,9 @@ export type EventSourceEvent = {
 } | {
     type: 'element-install-request';
     request: ElementInstallRequest;
+} | {
+    type: 'license-key-install-request';
+    licenseKey: string;
 } | {
     type: 'visual-control-values-changed';
     values: Array<{

package/dist/index.d.ts

@@ -1,8 +1,10 @@
 export { splitAnsi, stripAnsi } from './ansi';
-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, ConvertFigmaClipboardToSvgRequest, ConvertFigmaClipboardToSvgResponse, CopyStillToClipboardRequest, DeleteEffectKeyframe, DeleteEffectRequest, DeleteEffectRequestItem, DeleteEffectResponse, DeleteJsxNodeRequest, DeleteJsxNodeRequestItem, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe, DeleteStaticFileRequest, DeleteStaticFileResponse, DownloadRemoteAssetRequest, DownloadRemoteAssetResponse, DuplicateEffectRequest, DuplicateEffectRequestItem, DuplicateEffectResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, ElementInstallExpectedFileState, ElementInstallRequest, ElementInstallSource, EditorPickerId, FindInFileRequest, FindInFileResponse, GetDefaultEditorInfoRequest, GetDefaultEditorInfoResponse, GoogleFontSourceEdit, InsertElementFileConflict, InsertElementRequest, InsertElementResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertableCompositionElement, InsertableCompositionElementPosition, InstallPackageRequest, InstallPackageResponse, LogStudioErrorRequest, LogStudioErrorResponse, MoveEffectKeyframe, MoveKeyframesRequest, MoveKeyframesResponse, MoveSequenceKeyframe, OpenInEditorRequest, OpenInEditorResponse, OpenInFileExplorerRequest, 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, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UnsubscribeFromSequencePropsRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultEditorRequest, UpdateDefaultEditorResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse, UpdateElementInstallTargetRequest, UpdateElementInstallTargetResponse, UpdatePublicLicenseRequest, UpdatePublicLicenseResponse, UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse, type AddEffectKeyframe, type AddSequenceKeyframe, 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, ConvertFigmaClipboardToSvgRequest, ConvertFigmaClipboardToSvgResponse, CopyRenderOutputToAssetRequest, CopyRenderOutputToAssetResponse, CopyStillToClipboardRequest, DeleteEffectKeyframe, DeleteEffectRequest, DeleteEffectRequestItem, DeleteEffectResponse, DeleteJsxNodeRequest, DeleteJsxNodeRequestItem, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe, DeleteStaticFileRequest, DeleteStaticFileResponse, DownloadRemoteAssetRequest, DownloadRemoteAssetResponse, DuplicateEffectRequest, DuplicateEffectRequestItem, DuplicateEffectResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, EditorPickerId, ElementInstallExpectedFileState, ElementInstallRequest, ElementInstallSource, FindInFileRequest, FindInFileResponse, GetDefaultCodingAgentInfoRequest, GetDefaultCodingAgentInfoResponse, GetDefaultEditorInfoRequest, GetDefaultEditorInfoResponse, GoogleFontSourceEdit, InsertElementFileConflict, InsertElementRequest, InsertElementResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertableCompositionElement, InsertableCompositionElementPosition, InstallPackageRequest, InstallPackageResponse, LogStudioErrorRequest, LogStudioErrorResponse, MoveEffectKeyframe, MoveKeyframesRequest, MoveKeyframesResponse, MoveSequenceKeyframe, OpenInCodingAgentRequest, OpenInCodingAgentResponse, OpenInEditorRequest, OpenInEditorResponse, OpenInFileExplorerRequest, 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, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, 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 { BrowserStudioOperations } from './browser-studio-operations';
 export type { ApplyVisualControlCodemod, RecastCodemod } from './codemods';
 export { compositionDragDataToSymbolicatedStack } from './composition-drag-data';
+export { getConfigFileChangeMessage, type ConfigFileChangeType, } from './config-file-change';
+export { configMethodLifecycles } from './config-method-lifecycles';
 export { DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS } from './default-buffer-state-delay-in-milliseconds';
 export { detectFileType, isImageFileType, type FileDimensions, type FileType, type ImageFileType, } from './detect-file-type';
 export { parseEasingClipboardData, parseEasingClipboardDataResult, type EasingClipboardData, type EasingClipboardDataParseResult, } from './easing-clipboard-data';
@@ -17,7 +19,7 @@ export { getProjectName } from './get-project-name';
 export type { GitSource } from './git-source';
 export { HotMiddlewareMessage, HotMiddlewareOptions, ModuleMap, hotMiddlewareOptions, } from './hot-middleware';
 export { isKeyframeClipboardFieldType, parseKeyframeClipboardData, parseKeyframeClipboardDataResult, type KeyframeClipboardData, type KeyframeClipboardDataParseResult, type KeyframeClipboardFieldType, } from './keyframe-clipboard-data';
-export { CUBIC_KEYFRAME_EASING, EASE_KEYFRAME_EASING, KEYFRAME_EASING_PRESETS, LINEAR_KEYFRAME_EASING, QUAD_KEYFRAME_EASING, getBackKeyframeEasing, getOutKeyframeEasing, getPolyKeyframeEasing, type KeyframeEasing, type KeyframeEasingPreset, } from './keyframe-easing-presets';
+export { CUBIC_KEYFRAME_EASING, EASE_KEYFRAME_EASING, HOLD_KEYFRAME_EASING, KEYFRAME_EASING_PRESETS, LINEAR_KEYFRAME_EASING, QUAD_KEYFRAME_EASING, getBackKeyframeEasing, getOutKeyframeEasing, getPolyKeyframeEasing, type KeyframeEasing, type KeyframeEasingPreset, } from './keyframe-easing-presets';
 export { canEditEasingForInterpolationFunction, getKeyframeInterpolationFunction, getKeyframeInterpolationFunctionForSchemaField, isInteractivitySchemaFieldKeyframable, isKeyframeInterpolationFunction, isSchemaFieldKeyframable, keyframeInterpolationFunctions, type KeyframeInterpolationFunction, } from './keyframe-interpolation-function';
 export { DEFAULT_TIMELINE_TRACKS } from './max-timeline-tracks';
 export { Pkgs, apiDocs, descriptions, extraPackages, installableMap, packages, type ExtraPackage, } from './package-info';

package/dist/index.js

@@ -14,14 +14,18 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_SPRING_EASING = exports.packages = exports.installableMap = exports.extraPackages = exports.descriptions = exports.apiDocs = exports.DEFAULT_TIMELINE_TRACKS = exports.keyframeInterpolationFunctions = exports.isSchemaFieldKeyframable = exports.isKeyframeInterpolationFunction = exports.isInteractivitySchemaFieldKeyframable = exports.getKeyframeInterpolationFunctionForSchemaField = exports.getKeyframeInterpolationFunction = exports.canEditEasingForInterpolationFunction = exports.getPolyKeyframeEasing = exports.getOutKeyframeEasing = exports.getBackKeyframeEasing = exports.QUAD_KEYFRAME_EASING = exports.LINEAR_KEYFRAME_EASING = exports.KEYFRAME_EASING_PRESETS = exports.EASE_KEYFRAME_EASING = exports.CUBIC_KEYFRAME_EASING = exports.parseKeyframeClipboardDataResult = exports.parseKeyframeClipboardData = exports.isKeyframeClipboardFieldType = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = exports.getAssetSchemaKeys = exports.getAllSchemaKeys = exports.formatBytes = exports.parseEffectPropClipboardDataResult = exports.parseEffectPropClipboardData = exports.parseEffectClipboardDataResult = exports.parseEffectClipboardData = exports.getEffectPreviewSource = exports.getEffectPreviewAlt = exports.getEffectDocumentationPath = exports.getEffectDocumentationLink = exports.getEffectCatalogCategories = exports.EFFECT_CATALOG = exports.parseEasingClipboardDataResult = exports.parseEasingClipboardData = exports.isImageFileType = exports.detectFileType = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.compositionDragDataToSymbolicatedStack = exports.stripAnsi = exports.splitAnsi = void 0;
-exports.isUrl = exports.stringifySequenceSubscriptionKey = exports.stringifySequenceExpandedRowKey = exports.optimisticUpdateSequenceKeyframeSettings = exports.optimisticUpdateEffectKeyframeSettings = exports.optimisticUpdateForPropStatuses = exports.optimisticUpdateForEffectPropStatuses = exports.optimisticMoveSequenceKeyframes = exports.optimisticMoveEffectKeyframes = exports.moveKeyframesInPropStatus = exports.canMoveKeyframesWithoutCollisions = exports.optimisticDeleteSequenceKeyframes = exports.optimisticDeleteSequenceKeyframe = exports.optimisticDeleteEffectKeyframes = exports.optimisticDeleteEffectKeyframe = exports.optimisticAddSequenceKeyframe = exports.optimisticAddEffectKeyframe = exports.getStylePropertyLonghandKeys = exports.BORDER_RADIUS_SHORTHAND_KEY = exports.BORDER_RADIUS_LONGHAND_KEYS = exports.studioHtml = exports.getStudioEntryPoints = exports.stringifyDefaultProps = exports.getSchemaFieldGroup = exports.getFieldsToShow = exports.getEffectFieldsToShow = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_GROUPS = exports.isValidPackageName = exports.getRequiredPackageForInsertableElement = exports.getRequiredPackageForEffectImportPath = exports.parseSpringEasingConfig = void 0;
+exports.extraPackages = exports.descriptions = exports.apiDocs = exports.DEFAULT_TIMELINE_TRACKS = exports.keyframeInterpolationFunctions = exports.isSchemaFieldKeyframable = exports.isKeyframeInterpolationFunction = exports.isInteractivitySchemaFieldKeyframable = exports.getKeyframeInterpolationFunctionForSchemaField = exports.getKeyframeInterpolationFunction = exports.canEditEasingForInterpolationFunction = exports.getPolyKeyframeEasing = exports.getOutKeyframeEasing = exports.getBackKeyframeEasing = exports.QUAD_KEYFRAME_EASING = exports.LINEAR_KEYFRAME_EASING = exports.KEYFRAME_EASING_PRESETS = exports.HOLD_KEYFRAME_EASING = exports.EASE_KEYFRAME_EASING = exports.CUBIC_KEYFRAME_EASING = exports.parseKeyframeClipboardDataResult = exports.parseKeyframeClipboardData = exports.isKeyframeClipboardFieldType = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = exports.getAssetSchemaKeys = exports.getAllSchemaKeys = exports.formatBytes = exports.parseEffectPropClipboardDataResult = exports.parseEffectPropClipboardData = exports.parseEffectClipboardDataResult = exports.parseEffectClipboardData = exports.getEffectPreviewSource = exports.getEffectPreviewAlt = exports.getEffectDocumentationPath = exports.getEffectDocumentationLink = exports.getEffectCatalogCategories = exports.EFFECT_CATALOG = exports.parseEasingClipboardDataResult = exports.parseEasingClipboardData = exports.isImageFileType = exports.detectFileType = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.configMethodLifecycles = exports.getConfigFileChangeMessage = exports.compositionDragDataToSymbolicatedStack = exports.stripAnsi = exports.splitAnsi = void 0;
+exports.isUrl = exports.stringifySequenceSubscriptionKey = exports.stringifySequenceExpandedRowKey = exports.optimisticUpdateSequenceKeyframeSettings = exports.optimisticUpdateEffectKeyframeSettings = exports.optimisticUpdateForPropStatuses = exports.optimisticUpdateForEffectPropStatuses = exports.optimisticMoveSequenceKeyframes = exports.optimisticMoveEffectKeyframes = exports.moveKeyframesInPropStatus = exports.canMoveKeyframesWithoutCollisions = exports.optimisticDeleteSequenceKeyframes = exports.optimisticDeleteSequenceKeyframe = exports.optimisticDeleteEffectKeyframes = exports.optimisticDeleteEffectKeyframe = exports.optimisticAddSequenceKeyframe = exports.optimisticAddEffectKeyframe = exports.getStylePropertyLonghandKeys = exports.BORDER_RADIUS_SHORTHAND_KEY = exports.BORDER_RADIUS_LONGHAND_KEYS = exports.studioHtml = exports.getStudioEntryPoints = exports.stringifyDefaultProps = exports.getSchemaFieldGroup = exports.getFieldsToShow = exports.getEffectFieldsToShow = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_GROUPS = exports.isValidPackageName = exports.getRequiredPackageForInsertableElement = exports.getRequiredPackageForEffectImportPath = exports.parseSpringEasingConfig = exports.DEFAULT_SPRING_EASING = exports.packages = exports.installableMap = 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; } });
 __exportStar(require("./api-requests"), exports);
 const composition_drag_data_1 = require("./composition-drag-data");
 Object.defineProperty(exports, "compositionDragDataToSymbolicatedStack", { enumerable: true, get: function () { return composition_drag_data_1.compositionDragDataToSymbolicatedStack; } });
+const config_file_change_1 = require("./config-file-change");
+Object.defineProperty(exports, "getConfigFileChangeMessage", { enumerable: true, get: function () { return config_file_change_1.getConfigFileChangeMessage; } });
+const config_method_lifecycles_1 = require("./config-method-lifecycles");
+Object.defineProperty(exports, "configMethodLifecycles", { enumerable: true, get: function () { return config_method_lifecycles_1.configMethodLifecycles; } });
 const default_buffer_state_delay_in_milliseconds_1 = require("./default-buffer-state-delay-in-milliseconds");
 Object.defineProperty(exports, "DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS", { enumerable: true, get: function () { return default_buffer_state_delay_in_milliseconds_1.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS; } });
 const detect_file_type_1 = require("./detect-file-type");
@@ -62,6 +66,7 @@ Object.defineProperty(exports, "parseKeyframeClipboardDataResult", { enumerable:
 const keyframe_easing_presets_1 = require("./keyframe-easing-presets");
 Object.defineProperty(exports, "CUBIC_KEYFRAME_EASING", { enumerable: true, get: function () { return keyframe_easing_presets_1.CUBIC_KEYFRAME_EASING; } });
 Object.defineProperty(exports, "EASE_KEYFRAME_EASING", { enumerable: true, get: function () { return keyframe_easing_presets_1.EASE_KEYFRAME_EASING; } });
+Object.defineProperty(exports, "HOLD_KEYFRAME_EASING", { enumerable: true, get: function () { return keyframe_easing_presets_1.HOLD_KEYFRAME_EASING; } });
 Object.defineProperty(exports, "KEYFRAME_EASING_PRESETS", { enumerable: true, get: function () { return keyframe_easing_presets_1.KEYFRAME_EASING_PRESETS; } });
 Object.defineProperty(exports, "LINEAR_KEYFRAME_EASING", { enumerable: true, get: function () { return keyframe_easing_presets_1.LINEAR_KEYFRAME_EASING; } });
 Object.defineProperty(exports, "QUAD_KEYFRAME_EASING", { enumerable: true, get: function () { return keyframe_easing_presets_1.QUAD_KEYFRAME_EASING; } });

package/dist/keyframe-easing-presets.d.ts

@@ -1,11 +1,12 @@
 import type { CanUpdateSequencePropStatusEasing } from 'remotion';
 export type KeyframeEasing = CanUpdateSequencePropStatusEasing;
 export type KeyframeEasingPreset = {
-    readonly id: 'ease-in' | 'ease-out' | 'ease-in-out' | 'spring' | 'bouncy-spring' | 'tail-spring';
+    readonly id: 'ease-in' | 'ease-out' | 'ease-in-out' | 'hold' | 'spring' | 'bouncy-spring' | 'tail-spring';
     readonly label: string;
     readonly easing: KeyframeEasing;
 };
 export declare const LINEAR_KEYFRAME_EASING: KeyframeEasing;
+export declare const HOLD_KEYFRAME_EASING: KeyframeEasing;
 export declare const EASE_KEYFRAME_EASING: KeyframeEasing;
 export declare const QUAD_KEYFRAME_EASING: KeyframeEasing;
 export declare const CUBIC_KEYFRAME_EASING: KeyframeEasing;

package/dist/keyframe-easing-presets.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.KEYFRAME_EASING_PRESETS = exports.getOutKeyframeEasing = exports.getPolyKeyframeEasing = exports.getBackKeyframeEasing = exports.CUBIC_KEYFRAME_EASING = exports.QUAD_KEYFRAME_EASING = exports.EASE_KEYFRAME_EASING = exports.LINEAR_KEYFRAME_EASING = void 0;
+exports.KEYFRAME_EASING_PRESETS = exports.getOutKeyframeEasing = exports.getPolyKeyframeEasing = exports.getBackKeyframeEasing = exports.CUBIC_KEYFRAME_EASING = exports.QUAD_KEYFRAME_EASING = exports.EASE_KEYFRAME_EASING = exports.HOLD_KEYFRAME_EASING = exports.LINEAR_KEYFRAME_EASING = void 0;
 exports.LINEAR_KEYFRAME_EASING = { type: 'linear' };
+exports.HOLD_KEYFRAME_EASING = { type: 'step1' };
 exports.EASE_KEYFRAME_EASING = {
     type: 'bezier',
     x1: 0.42,
@@ -76,6 +77,11 @@ exports.KEYFRAME_EASING_PRESETS = [
         label: 'Ease in-out',
         easing: { type: 'bezier', x1: 0.42, y1: 0, x2: 0.58, y2: 1 },
     },
+    {
+        id: 'hold',
+        label: 'Hold',
+        easing: exports.HOLD_KEYFRAME_EASING,
+    },
     {
         id: 'tail-spring',
         label: 'Tail spring',

package/dist/render-job.d.ts

@@ -86,6 +86,7 @@ type RenderJobDynamicFields = ({
     offthreadVideoCacheSizeInBytes: number | null;
     mediaCacheSizeInBytes: number | null;
     offthreadVideoThreads: number | null;
+    licenseKey: string | null;
 } & RenderJobDynamicStatus) | ({
     type: 'sequence';
     imageFormat: VideoImageFormat;
@@ -129,6 +130,7 @@ type RenderJobDynamicFields = ({
     separateAudioTo: string | null;
     hardwareAcceleration: HardwareAccelerationOption;
     sampleRate: number;
+    licenseKey: string | null;
 } & RenderJobDynamicStatus);
 import type { ChromiumOptions, OpenGlRenderer } from '@remotion/renderer';
 import type { HardwareAccelerationOption } from '@remotion/renderer/client';

package/dist/studio-runtime-config.d.ts

@@ -1,7 +1,11 @@
+import type { BuiltInEditor, DefaultCodingAgent } from '@remotion/renderer';
 export type StudioRuntimeConfig = {
     readonly maxTimelineTracks: number | null;
     readonly askAIEnabled: boolean;
     readonly interactivityEnabled: boolean;
     readonly keyboardShortcutsEnabled: boolean;
     readonly bufferStateDelayInMilliseconds: number | null;
+    readonly defaultCodingAgent: DefaultCodingAgent | null;
+    readonly defaultEditor: BuiltInEditor | 'custom' | null;
+    readonly publicLicenseKey: string | null;
 };

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.505",
+	"version": "4.0.507",
 	"description": "Internal package for shared objects between the Studio backend and frontend",
 	"main": "dist",
 	"module": "dist/esm/index.mjs",
@@ -21,12 +21,12 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.505",
-		"remotion": "4.0.505"
+		"@remotion/studio-protocol": "4.0.507",
+		"remotion": "4.0.507"
 	},
 	"devDependencies": {
-		"@remotion/renderer": "4.0.505",
-		"@remotion/eslint-config-internal": "4.0.505",
+		"@remotion/renderer": "4.0.507",
+		"@remotion/eslint-config-internal": "4.0.507",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},

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

@@ -1,7 +0,0 @@
-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

@@ -1,30 +0,0 @@
-"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

@@ -1,8 +0,0 @@
-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

@@ -1,43 +0,0 @@
-"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/shape-drag-data.d.ts

@@ -1,22 +0,0 @@
-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

@@ -1,90 +0,0 @@
-"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;