@remotion/studio-shared 4.0.513 → 4.0.515

package/dist/api-requests.d.ts

@@ -637,6 +637,18 @@ export type SplitJsxSequenceResponse = {
     reason: string;
     stack: string;
 };
+export type SplitVideoFromAudioRequest = {
+    fileName: string;
+    nodePath: SequenceNodePath;
+};
+export type SplitVideoFromAudioResponse = {
+    success: true;
+    nodePathMutation: SequenceNodePathMutation;
+} | {
+    success: false;
+    reason: string;
+    stack: string;
+};
 export type InsertableCompositionElement = {
     type: 'solid';
     width: number;
@@ -755,6 +767,9 @@ export type InsertElementResponse = {
 export type ElementInstallSource = {
     type: 'studio-protocol';
     origin: string;
+} | {
+    type: 'browser-studio-link';
+    origin: string | null;
 } | {
     type: 'drag-and-drop';
 };
@@ -795,10 +810,14 @@ export type UpdateAvailableResponse = {
     latestVersion: string;
     updateAvailable: boolean;
     skillsUpdateAvailable: boolean;
-    remotionUpgradeSkillAvailable: boolean;
     timedOut: boolean;
     packageManager: PackageManager | 'unknown';
 };
+export type GetRemotionSkillsInfoRequest = {};
+export type GetRemotionSkillsInfoResponse = {
+    remotionUpgradeSkillAvailable: boolean;
+    remotionInteractivitySkillAvailable: boolean;
+};
 export type ProjectInfoRequest = {};
 export type ProjectInfoResponse = {
     projectInfo: ProjectInfo;
@@ -928,6 +947,7 @@ export type ApiRoutes = {
     '/api/delete-jsx-node': ReqAndRes<DeleteJsxNodeRequest, DeleteJsxNodeResponse>;
     '/api/duplicate-jsx-node': ReqAndRes<DuplicateJsxNodeRequest, DuplicateJsxNodeResponse>;
     '/api/split-jsx-sequence': ReqAndRes<SplitJsxSequenceRequest, SplitJsxSequenceResponse>;
+    '/api/split-video-from-audio': ReqAndRes<SplitVideoFromAudioRequest, SplitVideoFromAudioResponse>;
     '/api/insert-jsx-element': ReqAndRes<InsertJsxElementRequest, InsertJsxElementResponse>;
     '/api/convert-figma-clipboard-to-svg': ReqAndRes<ConvertFigmaClipboardToSvgRequest, ConvertFigmaClipboardToSvgResponse>;
     '/api/insert-element': ReqAndRes<InsertElementRequest, InsertElementResponse>;
@@ -935,6 +955,7 @@ export type ApiRoutes = {
     '/api/update-element-install-target': ReqAndRes<UpdateElementInstallTargetRequest, UpdateElementInstallTargetResponse>;
     '/api/download-remote-asset': ReqAndRes<DownloadRemoteAssetRequest, DownloadRemoteAssetResponse>;
     '/api/update-available': ReqAndRes<UpdateAvailableRequest, UpdateAvailableResponse>;
+    '/api/remotion-skills-info': ReqAndRes<GetRemotionSkillsInfoRequest, GetRemotionSkillsInfoResponse>;
     '/api/apply-codemod': ReqAndRes<ApplyCodemodRequest, ApplyCodemodResponse>;
     '/api/project-info': ReqAndRes<ProjectInfoRequest, ProjectInfoResponse>;
     '/api/delete-static-file': ReqAndRes<DeleteStaticFileRequest, DeleteStaticFileResponse>;

package/dist/browser-studio-operations.d.ts

@@ -1,29 +1,91 @@
-import type { CompositionComponentInfoRequest, CompositionComponentInfoResponse, DeleteStaticFileRequest, DeleteStaticFileResponse, FindInFileRequest, FindInFileResponse, InsertJsxElementRequest, InsertJsxElementResponse, RedoResponse, RenameStaticFileRequest, RenameStaticFileResponse, SaveSequencePropsRequest, SaveSequencePropsResponse, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromSequencePropsRequest } from './api-requests';
+import type { ElementDragData } from '@remotion/studio-protocol';
+import type { AddEffectKeyframeRequest, AddEffectKeyframeResponse, AddEffectRequest, AddEffectResponse, AddKeyframesRequest, AddKeyframesResponse, AddSequenceKeyframeRequest, AddSequenceKeyframeResponse, ApplyCodemodRequest, ApplyCodemodResponse, BatchUpdateKeyframeSettingsRequest, BatchUpdateKeyframeSettingsResponse, CompositionComponentInfoRequest, CompositionComponentInfoResponse, DeleteJsxNodeRequest, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteEffectRequest, DeleteEffectResponse, DeleteStaticFileRequest, DeleteStaticFileResponse, FindInFileRequest, FindInFileResponse, DuplicateEffectRequest, DuplicateEffectResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertElementRequest, InsertElementResponse, InstallPackageRequest, MoveKeyframesRequest, MoveKeyframesResponse, PasteEffectsRequest, PasteEffectsResponse, PrepareElementInstallRequest, PrepareElementInstallResponse, RedoResponse, RenameStaticFileRequest, RenameStaticFileResponse, ReorderEffectRequest, ReorderEffectResponse, ReorderSequenceRequest, ReorderSequenceResponse, SaveSequencePropsRequest, SaveSequencePropsResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveMultipleEffectPropsRequest, SaveMultipleEffectPropsResponse, SimpleDiff, SplitJsxSequenceRequest, SplitJsxSequenceResponse, SplitVideoFromAudioRequest, SplitVideoFromAudioResponse, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromSequencePropsRequest, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse, UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse } from './api-requests';
+import type { RecastCodemod } from './codemods';
 import type { EventSourceEvent } from './event-source-event';
 export type WriteStaticFileRequest = {
     contents: string | ArrayBuffer;
     filePath: string;
 };
+export type DuplicateCompositionRequest = {
+    codemod: Extract<RecastCodemod, {
+        type: 'duplicate-composition';
+    }>;
+    dryRun: boolean;
+};
+export type DuplicateCompositionResponse = {
+    success: true;
+    diff: SimpleDiff;
+} | {
+    success: false;
+    reason: string;
+    stack: string;
+};
+export type BrowserStudioKeyframeOperations = {
+    addEffectKeyframe: (request: AddEffectKeyframeRequest) => Promise<AddEffectKeyframeResponse>;
+    addKeyframes: (request: AddKeyframesRequest) => Promise<AddKeyframesResponse>;
+    addSequenceKeyframe: (request: AddSequenceKeyframeRequest) => Promise<AddSequenceKeyframeResponse>;
+    batchUpdateKeyframeSettings: (request: BatchUpdateKeyframeSettingsRequest) => Promise<BatchUpdateKeyframeSettingsResponse>;
+    deleteKeyframes: (request: DeleteKeyframesRequest) => Promise<DeleteKeyframesResponse>;
+    moveKeyframes: (request: MoveKeyframesRequest) => Promise<MoveKeyframesResponse>;
+    updateEffectKeyframeSettings: (request: UpdateEffectKeyframeSettingsRequest) => Promise<UpdateEffectKeyframeSettingsResponse>;
+    updateSequenceKeyframeSettings: (request: UpdateSequenceKeyframeSettingsRequest) => Promise<UpdateSequenceKeyframeSettingsResponse>;
+};
+export type BrowserStudioEffectOperations = {
+    addEffect: (request: AddEffectRequest) => Promise<AddEffectResponse>;
+    deleteEffects: (request: DeleteEffectRequest) => Promise<DeleteEffectResponse>;
+    duplicateEffects: (request: DuplicateEffectRequest) => Promise<DuplicateEffectResponse>;
+    pasteEffects: (request: PasteEffectsRequest) => Promise<PasteEffectsResponse>;
+    reorderEffect: (request: ReorderEffectRequest) => Promise<ReorderEffectResponse>;
+    saveEffectProps: (request: SaveEffectPropsRequest) => Promise<SaveEffectPropsResponse>;
+    saveMultipleEffectProps: (request: SaveMultipleEffectPropsRequest) => Promise<SaveMultipleEffectPropsResponse>;
+};
+export type BrowserStudioInstallPackagesResponse = {
+    success: true;
+} | {
+    success: false;
+    reason: string;
+    stack: string;
+};
+export type BrowserStudioPackageInstallationOperations = {
+    installPackages: (request: InstallPackageRequest) => Promise<BrowserStudioInstallPackagesResponse>;
+};
 export type BrowserStudioOperations = {
+    consumeInitialElement: () => {
+        element: ElementDragData['element'];
+        sourceOrigin: string | null;
+    } | null;
+    applyCodemod: (request: ApplyCodemodRequest) => Promise<ApplyCodemodResponse>;
+    deleteJsxNode: (request: DeleteJsxNodeRequest) => Promise<DeleteJsxNodeResponse>;
     deleteStaticFile: (request: DeleteStaticFileRequest) => Promise<DeleteStaticFileResponse>;
     downloadProject: () => Promise<{
         data: Uint8Array;
         fileName: string;
     }>;
+    duplicateComposition: (request: DuplicateCompositionRequest) => Promise<DuplicateCompositionResponse>;
+    effects: BrowserStudioEffectOperations;
     findInFile: (request: FindInFileRequest) => Promise<FindInFileResponse>;
     getFileSource: (fileName: string) => Promise<string | null>;
     getCompositionFile: (compositionId: string) => string | null;
     getCompositionComponentInfo: (request: CompositionComponentInfoRequest) => Promise<CompositionComponentInfoResponse>;
     insertSolid: (request: InsertJsxElementRequest) => Promise<InsertJsxElementResponse>;
+    insertElement: (request: InsertElementRequest) => Promise<InsertElementResponse>;
+    insertJsxElement: (request: InsertJsxElementRequest) => Promise<InsertJsxElementResponse>;
+    keyframes: BrowserStudioKeyframeOperations;
+    packageInstallation: BrowserStudioPackageInstallationOperations;
+    prepareElementInstall: (request: PrepareElementInstallRequest) => Promise<PrepareElementInstallResponse>;
     redo: () => Promise<RedoResponse>;
     renameStaticFile: (request: RenameStaticFileRequest) => Promise<RenameStaticFileResponse>;
+    reorderSequence: (request: ReorderSequenceRequest) => Promise<ReorderSequenceResponse>;
     saveSequenceProps: (request: SaveSequencePropsRequest) => Promise<SaveSequencePropsResponse>;
+    splitJsxSequence: (request: SplitJsxSequenceRequest) => Promise<SplitJsxSequenceResponse>;
+    splitVideoFromAudio: (request: SplitVideoFromAudioRequest) => Promise<SplitVideoFromAudioResponse>;
     subscribeToDefaultProps: (request: SubscribeToDefaultPropsRequest) => Promise<SubscribeToDefaultPropsResponse>;
     subscribeToSequenceProps: (request: SubscribeToSequencePropsRequest) => Promise<SubscribeToSequencePropsResponse>;
     subscribeToEvent: (listener: (event: EventSourceEvent) => void) => () => void;
     undo: () => Promise<UndoResponse>;
     unsubscribeFromDefaultProps: (request: UnsubscribeFromDefaultPropsRequest) => Promise<undefined>;
     unsubscribeFromSequenceProps: (request: UnsubscribeFromSequencePropsRequest) => Promise<undefined>;
+    updateDefaultProps: (request: UpdateDefaultPropsRequest) => Promise<UpdateDefaultPropsResponse>;
     writeStaticFile: (request: WriteStaticFileRequest) => Promise<void>;
 };
 declare global {

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

@@ -38,6 +38,7 @@ export declare const configMethodLifecycles: {
     readonly setDeleteAfter: "runtime";
     readonly setDisallowParallelEncoding: "runtime";
     readonly setDotEnvLocation: "restart";
+    readonly setEnableCancellation: "runtime";
     readonly setEnableCrossSiteIsolation: "restart";
     readonly setEnableFolderExpiry: "runtime";
     readonly setEncodingBufferSize: "runtime";

package/dist/config-method-lifecycles.js

@@ -41,6 +41,7 @@ exports.configMethodLifecycles = {
     setDeleteAfter: 'runtime',
     setDisallowParallelEncoding: 'runtime',
     setDotEnvLocation: 'restart',
+    setEnableCancellation: 'runtime',
     setEnableCrossSiteIsolation: 'restart',
     setEnableFolderExpiry: 'runtime',
     setEncodingBufferSize: 'runtime',

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/effect-catalog.js

@@ -327,6 +327,20 @@ exports.EFFECT_CATALOG = [
             config: {},
         },
     },
+    {
+        id: 'effects-outline',
+        category: 'Blur & Shadow',
+        label: 'outline()',
+        description: 'Solid alpha outline effect',
+        effect: {
+            name: 'outline',
+            importPath: '@remotion/effects/outline',
+            config: {
+                width: 12,
+                color: '#00ffff',
+            },
+        },
+    },
     {
         id: 'effects-light-trail',
         category: 'Blur & Shadow',

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

@@ -161,6 +161,7 @@ var configMethodLifecycles = {
   setDeleteAfter: "runtime",
   setDisallowParallelEncoding: "runtime",
   setDotEnvLocation: "restart",
+  setEnableCancellation: "runtime",
   setEnableCrossSiteIsolation: "restart",
   setEnableFolderExpiry: "runtime",
   setEncodingBufferSize: "runtime",
@@ -898,6 +899,20 @@ var EFFECT_CATALOG = [
       config: {}
     }
   },
+  {
+    id: "effects-outline",
+    category: "Blur & Shadow",
+    label: "outline()",
+    description: "Solid alpha outline effect",
+    effect: {
+      name: "outline",
+      importPath: "@remotion/effects/outline",
+      config: {
+        width: 12,
+        color: "#00ffff"
+      }
+    }
+  },
   {
     id: "effects-light-trail",
     category: "Blur & Shadow",
@@ -2266,6 +2281,7 @@ var allPackages = [
   "studio-protocol",
   "light-leaks",
   "mac-cursors",
+  "maptiler",
   "rough-notation",
   "starburst",
   "vercel",
@@ -2279,19 +2295,25 @@ var packages = allPackages.filter((pkg) => shouldReleasePackage({
 var extraPackages = [
   {
     name: "mediabunny",
-    version: "1.50.8",
+    version: "1.55.1",
     description: "Multimedia library used by Remotion",
     docsUrl: "https://www.remotion.dev/docs/mediabunny/version"
   },
   {
     name: "@mediabunny/ac3",
-    version: "1.50.8",
+    version: "1.55.1",
     description: "AC-3 and E-AC-3 audio codec support for Mediabunny",
     docsUrl: "https://www.remotion.dev/docs/mediabunny/formats#ac-3-and-e-ac-3"
   },
+  {
+    name: "@mediabunny/dts",
+    version: "1.55.1",
+    description: "DTS audio codec support for Mediabunny",
+    docsUrl: "https://mediabunny.dev/guide/extensions/dts"
+  },
   {
     name: "@mediabunny/prores",
-    version: "1.50.8",
+    version: "1.55.1",
     description: "Apple ProRes decoder support for Mediabunny",
     docsUrl: "https://www.remotion.dev/docs/mediabunny/formats"
   },
@@ -2399,6 +2421,7 @@ var descriptions = {
   "studio-protocol": "Create Element payloads and request installation into Remotion Studio",
   "light-leaks": "Light leak effects for Remotion",
   "mac-cursors": "macOS cursor components for Remotion",
+  maptiler: "MapTiler components for Remotion",
   "rough-notation": "Rough annotation primitives for Remotion",
   "player-a11y": "Internal accessibility wrapper around @remotion/player",
   starburst: "Starburst ray effect for Remotion",
@@ -2516,6 +2539,7 @@ var installableMap = {
     packageName: "@remotion/mac-cursors",
     releaseVersion: VERSION
   }),
+  maptiler: false,
   "rough-notation": true,
   starburst: shouldReleasePackage({
     packageName: "@remotion/starburst",
@@ -2623,6 +2647,7 @@ var apiDocs = {
   "studio-protocol": "https://www.remotion.dev/docs/studio-protocol",
   "light-leaks": "https://www.remotion.dev/docs/light-leaks",
   "mac-cursors": "https://www.remotion.dev/docs/mac-cursors",
+  maptiler: null,
   "rough-notation": "https://www.remotion.dev/docs/rough-notation",
   starburst: "https://www.remotion.dev/docs/starburst",
   vercel: "https://www.remotion.dev/docs/vercel/api",
@@ -3196,6 +3221,7 @@ var studioHtml = ({
   logLevel,
   mode,
   bundleScriptUrl,
+  bundleScriptType,
   readOnlyStudio,
   studioRuntimeConfig
 }) => {
@@ -3263,7 +3289,7 @@ var studioHtml = ({
 		<div id="menuportal-3"></div>
 		<div id="menuportal-4"></div>
 		<div id="menuportal-5"></div>
-		<script src="${scriptUrl}"></script>
+		<script${bundleScriptType === "module" ? ' type="module"' : ""} src="${scriptUrl}"></script>
 	</body>
 </html>
 `.trim();

package/dist/esm/studio-html.mjs

@@ -27,6 +27,7 @@ var studioHtml = ({
   logLevel,
   mode,
   bundleScriptUrl,
+  bundleScriptType,
   readOnlyStudio,
   studioRuntimeConfig
 }) => {
@@ -94,7 +95,7 @@ var studioHtml = ({
 		<div id="menuportal-3"></div>
 		<div id="menuportal-4"></div>
 		<div id="menuportal-5"></div>
-		<script src="${scriptUrl}"></script>
+		<script${bundleScriptType === "module" ? ' type="module"' : ""} src="${scriptUrl}"></script>
 	</body>
 </html>
 `.trim();

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 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, 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, 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, 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 { BrowserStudioOperations } from './browser-studio-operations';
+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, GetRemotionSkillsInfoRequest, GetRemotionSkillsInfoResponse, GoogleFontSourceEdit, InsertElementFileConflict, InsertElementRequest, InsertElementResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertableCompositionElement, InsertableCompositionElementPosition, 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 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';
@@ -44,7 +44,7 @@ export { ScriptLine, SomeStackFrame, StackFrame, SymbolicatedStackFrame, } from
 export { EnumPath, stringifyDefaultProps } from './stringify-default-props';
 export { getStudioEntryPoints, type StudioEntryPointPaths, } from './studio-entry-points';
 export { studioHtml, type StudioHtmlOptions } from './studio-html';
-export type { StudioRuntimeConfig } from './studio-runtime-config';
+export type { ConfigFileStudioSettings, StudioRuntimeConfig, } from './studio-runtime-config';
 export { BORDER_RADIUS_LONGHAND_KEYS, BORDER_RADIUS_SHORTHAND_KEY, getStylePropertyLonghandKeys, } from './style-property-relations';
 export type { VisualControlChange } from './codemods';
 export { optimisticAddEffectKeyframe, optimisticAddSequenceKeyframe, } from './optimistic-add-keyframe';

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.d.ts

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

package/dist/package-info.js

@@ -101,6 +101,7 @@ const allPackages = [
     'studio-protocol',
     'light-leaks',
     'mac-cursors',
+    'maptiler',
     'rough-notation',
     'starburst',
     'vercel',
@@ -114,19 +115,25 @@ exports.packages = allPackages.filter((pkg) => (0, release_package_policy_1.shou
 exports.extraPackages = [
     {
         name: 'mediabunny',
-        version: '1.50.8',
+        version: '1.55.1',
         description: 'Multimedia library used by Remotion',
         docsUrl: 'https://www.remotion.dev/docs/mediabunny/version',
     },
     {
         name: '@mediabunny/ac3',
-        version: '1.50.8',
+        version: '1.55.1',
         description: 'AC-3 and E-AC-3 audio codec support for Mediabunny',
         docsUrl: 'https://www.remotion.dev/docs/mediabunny/formats#ac-3-and-e-ac-3',
     },
+    {
+        name: '@mediabunny/dts',
+        version: '1.55.1',
+        description: 'DTS audio codec support for Mediabunny',
+        docsUrl: 'https://mediabunny.dev/guide/extensions/dts',
+    },
     {
         name: '@mediabunny/prores',
-        version: '1.50.8',
+        version: '1.55.1',
         description: 'Apple ProRes decoder support for Mediabunny',
         docsUrl: 'https://www.remotion.dev/docs/mediabunny/formats',
     },
@@ -234,6 +241,7 @@ exports.descriptions = {
     'studio-protocol': 'Create Element payloads and request installation into Remotion Studio',
     'light-leaks': 'Light leak effects for Remotion',
     'mac-cursors': 'macOS cursor components for Remotion',
+    maptiler: 'MapTiler components for Remotion',
     'rough-notation': 'Rough annotation primitives for Remotion',
     'player-a11y': 'Internal accessibility wrapper around @remotion/player',
     starburst: 'Starburst ray effect for Remotion',
@@ -351,6 +359,7 @@ exports.installableMap = {
         packageName: '@remotion/mac-cursors',
         releaseVersion: remotion_1.VERSION,
     }),
+    maptiler: false,
     'rough-notation': true,
     starburst: (0, release_package_policy_1.shouldReleasePackage)({
         packageName: '@remotion/starburst',
@@ -458,6 +467,7 @@ exports.apiDocs = {
     'studio-protocol': 'https://www.remotion.dev/docs/studio-protocol',
     'light-leaks': 'https://www.remotion.dev/docs/light-leaks',
     'mac-cursors': 'https://www.remotion.dev/docs/mac-cursors',
+    maptiler: null,
     'rough-notation': 'https://www.remotion.dev/docs/rough-notation',
     starburst: 'https://www.remotion.dev/docs/starburst',
     vercel: 'https://www.remotion.dev/docs/vercel/api',

package/dist/render-defaults.d.ts

@@ -4,11 +4,19 @@ import type { _InternalTypes } from 'remotion';
 import type { GitSource } from './git-source';
 import type { PackageManager } from './package-manager';
 import type { StudioRuntimeConfig } from './studio-runtime-config';
+export type ConfigFileRenderDefaults = {
+    codec: Codec | null;
+    proResProfile: _InternalTypes['ProResProfile'] | null;
+    stillImageFormat: StillImageFormat | null;
+    videoImageFormat: VideoImageFormat | null;
+    x264Preset: X264Preset | null;
+};
 export type RenderDefaults = {
     jpegQuality: number;
     scale: number;
     logLevel: LogLevel;
     codec: Codec;
+    crf: number | null;
     concurrency: number;
     minConcurrency: number;
     muted: boolean;
@@ -47,7 +55,9 @@ export type RenderDefaults = {
     chromeMode: ChromeMode;
     publicLicenseKey: string | null;
     outputLocation: string | null;
+    allowHtmlInCanvas: boolean;
     sampleRate: number;
+    configFileRenderDefaults: ConfigFileRenderDefaults | null;
 };
 declare global {
     interface Window {

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/dist/studio-html.d.ts

@@ -30,7 +30,8 @@ export type StudioHtmlOptions = {
     logLevel: LogLevel;
     mode: 'dev' | 'bundle';
     bundleScriptUrl?: string;
+    bundleScriptType?: 'classic' | 'module';
     readOnlyStudio?: boolean;
     studioRuntimeConfig?: StudioRuntimeConfig;
 };
-export declare const studioHtml: ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, completedClientRenders, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, fileSystemPlatform, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, experimentalKeepAudioContextAlive, sampleRate, logLevel, mode, bundleScriptUrl, readOnlyStudio, studioRuntimeConfig, }: StudioHtmlOptions) => string;
+export declare const studioHtml: ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, completedClientRenders, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, fileSystemPlatform, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, experimentalKeepAudioContextAlive, sampleRate, logLevel, mode, bundleScriptUrl, bundleScriptType, readOnlyStudio, studioRuntimeConfig, }: StudioHtmlOptions) => string;

package/dist/studio-html.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.studioHtml = void 0;
 const remotion_1 = require("remotion");
-const studioHtml = ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, completedClientRenders, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, fileSystemPlatform, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, experimentalKeepAudioContextAlive, sampleRate, logLevel, mode, bundleScriptUrl, readOnlyStudio, studioRuntimeConfig, }) => {
+const studioHtml = ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, completedClientRenders, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, fileSystemPlatform, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, experimentalKeepAudioContextAlive, sampleRate, logLevel, mode, bundleScriptUrl, bundleScriptType, readOnlyStudio, studioRuntimeConfig, }) => {
     const scriptUrl = bundleScriptUrl !== null && bundleScriptUrl !== void 0 ? bundleScriptUrl : `${publicPath}bundle.js`;
     const isRelativeBundle = mode === 'bundle' && publicPath === './';
     const staticBaseValue = isRelativeBundle
@@ -89,7 +89,7 @@ const studioHtml = ({ publicPath, editorName, inputProps, envVariables, staticHa
 		<div id="menuportal-3"></div>
 		<div id="menuportal-4"></div>
 		<div id="menuportal-5"></div>
-		<script src="${scriptUrl}"></script>
+		<script${bundleScriptType === 'module' ? ' type="module"' : ''} src="${scriptUrl}"></script>
 	</body>
 </html>
 `.trim();

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

@@ -1,4 +1,16 @@
-import type { BuiltInEditor, DefaultCodingAgent } from '@remotion/renderer';
+import type { BuiltInEditor, DefaultCodingAgent, LogLevel } from '@remotion/renderer';
+export type ConfigFileStudioSettings = {
+    readonly askAIEnabled: boolean | null;
+    readonly audioLatencyHint: AudioContextLatencyCategory | null;
+    readonly beepOnFinish: boolean | null;
+    readonly enableCrossSiteIsolation: boolean | null;
+    readonly interactivityEnabled: boolean | null;
+    readonly keyboardShortcutsEnabled: boolean | null;
+    readonly logLevel: LogLevel | null;
+    readonly maxTimelineTracks: number | null;
+    readonly numberOfSharedAudioTags: number | null;
+    readonly rspack: boolean | null;
+};
 export type StudioRuntimeConfig = {
     readonly maxTimelineTracks: number | null;
     readonly askAIEnabled: boolean;
@@ -8,4 +20,5 @@ export type StudioRuntimeConfig = {
     readonly defaultCodingAgent: DefaultCodingAgent | null;
     readonly defaultEditor: BuiltInEditor | 'custom' | null;
     readonly publicLicenseKey: string | null;
+    readonly configFileStudioSettings: ConfigFileStudioSettings | 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.513",
+	"version": "4.0.515",
 	"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.513",
-		"remotion": "4.0.513"
+		"@remotion/studio-protocol": "4.0.515",
+		"remotion": "4.0.515"
 	},
 	"devDependencies": {
-		"@remotion/renderer": "4.0.513",
-		"@remotion/eslint-config-internal": "4.0.513",
+		"@remotion/renderer": "4.0.515",
+		"@remotion/eslint-config-internal": "4.0.515",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},