@remotion/studio-shared 4.0.499 → 4.0.500

package/dist/api-requests.d.ts

@@ -21,6 +21,16 @@ export type OpenInEditorRequest = {
 export type OpenInEditorResponse = {
     success: boolean;
 };
+export type FindInFileRequest = {
+    fileName: string;
+    lineNumber: number;
+    columnNumber: number;
+    search: string;
+};
+export type FindInFileResponse = {
+    lineNumber: number;
+    columnNumber: number;
+};
 export type CompositionComponentInfoRequest = {
     compositionFile: string;
     compositionId: string;
@@ -290,6 +300,22 @@ export type SaveEffectPropsRequest = (SaveEffectPropsRequestBase & {
     effectParam: EffectClipboardParam;
 });
 export type SaveEffectPropsResponse = CanUpdateEffectPropsResponse;
+type WithoutClientId<T> = T extends unknown ? Omit<T, 'clientId'> : never;
+export type SaveMultipleEffectPropsEdit = WithoutClientId<SaveEffectPropsRequest>;
+export type SaveMultipleEffectPropsRequest = {
+    edits: SaveMultipleEffectPropsEdit[];
+    clientId: string;
+    undoLabel: string;
+    redoLabel: string;
+};
+export type SaveMultipleEffectPropsResult = {
+    fileName: string;
+    sequenceNodePath: SequencePropsSubscriptionKey;
+    status: CanUpdateEffectPropsResponse;
+};
+export type SaveMultipleEffectPropsResponse = {
+    results: SaveMultipleEffectPropsResult[];
+};
 export type AddEffectRequest = {
     fileName: string;
     sequenceNodePath: SequencePropsSubscriptionKey;
@@ -703,6 +729,7 @@ 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/find-in-file': ReqAndRes<FindInFileRequest, FindInFileResponse>;
     '/api/open-in-file-explorer': ReqAndRes<OpenInFileExplorerRequest, void>;
     '/api/register-client-render': ReqAndRes<CompletedClientRender, void>;
     '/api/unregister-client-render': ReqAndRes<{
@@ -716,6 +743,7 @@ export type ApiRoutes = {
     '/api/unsubscribe-from-sequence-props': ReqAndRes<UnsubscribeFromSequencePropsRequest, undefined>;
     '/api/save-sequence-props': ReqAndRes<SaveSequencePropsRequest, SaveSequencePropsResponse>;
     '/api/save-effect-props': ReqAndRes<SaveEffectPropsRequest, SaveEffectPropsResponse>;
+    '/api/save-multiple-effect-props': ReqAndRes<SaveMultipleEffectPropsRequest, SaveMultipleEffectPropsResponse>;
     '/api/add-effect': ReqAndRes<AddEffectRequest, AddEffectResponse>;
     '/api/reorder-effect': ReqAndRes<ReorderEffectRequest, ReorderEffectResponse>;
     '/api/duplicate-effect': ReqAndRes<DuplicateEffectRequest, DuplicateEffectResponse>;

package/dist/effect-catalog.js

@@ -2,12 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EFFECT_CATALOG = exports.getEffectCatalogCategories = exports.getEffectPreviewAlt = exports.getEffectPreviewSource = exports.getEffectDocumentationLink = exports.getEffectDocumentationPath = void 0;
 const getEffectDocumentationPath = (item) => {
-    if (item.id === 'effects-light-leak') {
-        return '/docs/light-leaks/light-leak-effect';
-    }
-    if (item.id === 'effects-starburst') {
-        return '/docs/starburst/starburst-effect';
-    }
     return `/docs/effects/${item.id.slice('effects-'.length)}`;
 };
 exports.getEffectDocumentationPath = getEffectDocumentationPath;
@@ -761,7 +755,7 @@ exports.EFFECT_CATALOG = [
         description: 'Light leak overlay effect',
         effect: {
             name: 'lightLeak',
-            importPath: '@remotion/light-leaks',
+            importPath: '@remotion/effects/light-leak',
             config: {},
         },
     },
@@ -772,7 +766,7 @@ exports.EFFECT_CATALOG = [
         description: 'Starburst ray effect',
         effect: {
             name: 'starburst',
-            importPath: '@remotion/starburst',
+            importPath: '@remotion/effects/starburst',
             config: {
                 rays: 16,
                 colors: ['#ff6600', '#ffff00'],

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 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, CompositionComponentInfoRequest, CompositionComponentInfoResponse, ConvertFigmaClipboardToSvgRequest, ConvertFigmaClipboardToSvgResponse, CopyStillToClipboardRequest, DeleteEffectKeyframe, DeleteEffectRequest, DeleteEffectRequestItem, DeleteEffectResponse, DeleteJsxNodeRequest, DeleteJsxNodeRequestItem, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe, DeleteStaticFileRequest, DeleteStaticFileResponse, DownloadRemoteAssetRequest, DownloadRemoteAssetResponse, DuplicateEffectRequest, DuplicateEffectRequestItem, DuplicateEffectResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, ElementInstallRequest, GoogleFontSourceEdit, InsertElementRequest, InsertElementResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertableCompositionElement, InsertableCompositionElementPosition, InstallPackageRequest, InstallPackageResponse, LogStudioErrorRequest, LogStudioErrorResponse, MoveEffectKeyframe, MoveKeyframesRequest, MoveKeyframesResponse, MoveSequenceKeyframe, OpenInEditorRequest, OpenInEditorResponse, OpenInFileExplorerRequest, PasteEffectsRequest, PasteEffectsResponse, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, RenameStaticFileRequest, RenameStaticFileResponse, ReorderEffectRequest, ReorderEffectResponse, ReorderSequencePosition, ReorderSequenceRequest, ReorderSequenceResponse, RestartStudioRequest, RestartStudioResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveSequencePropEdit, SaveSequencePropSourceEdit, SaveSequencePropsRequest, SaveSequencePropsResponse, SaveSequencePropsResult, SimpleDiff, SplitJsxSequenceRequest, SplitJsxSequenceResponse, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UnsubscribeFromSequencePropsRequest, UpdateAvailableRequest, UpdateAvailableResponse, 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, CompositionComponentInfoRequest, CompositionComponentInfoResponse, ConvertFigmaClipboardToSvgRequest, ConvertFigmaClipboardToSvgResponse, CopyStillToClipboardRequest, DeleteEffectKeyframe, DeleteEffectRequest, DeleteEffectRequestItem, DeleteEffectResponse, DeleteJsxNodeRequest, DeleteJsxNodeRequestItem, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe, DeleteStaticFileRequest, DeleteStaticFileResponse, DownloadRemoteAssetRequest, DownloadRemoteAssetResponse, DuplicateEffectRequest, DuplicateEffectRequestItem, DuplicateEffectResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, ElementInstallRequest, FindInFileRequest, FindInFileResponse, GoogleFontSourceEdit, InsertElementRequest, InsertElementResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertableCompositionElement, InsertableCompositionElementPosition, InstallPackageRequest, InstallPackageResponse, LogStudioErrorRequest, LogStudioErrorResponse, MoveEffectKeyframe, MoveKeyframesRequest, MoveKeyframesResponse, MoveSequenceKeyframe, OpenInEditorRequest, OpenInEditorResponse, OpenInFileExplorerRequest, PasteEffectsRequest, PasteEffectsResponse, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, RenameStaticFileRequest, RenameStaticFileResponse, ReorderEffectRequest, ReorderEffectResponse, ReorderSequencePosition, ReorderSequenceRequest, ReorderSequenceResponse, RestartStudioRequest, RestartStudioResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, 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, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse, UpdateElementInstallTargetRequest, UpdateElementInstallTargetResponse, UpdatePublicLicenseRequest, UpdatePublicLicenseResponse, UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse, type AddEffectKeyframe, type AddSequenceKeyframe, type KeyframeSettings, } from './api-requests';
 export type { ApplyVisualControlCodemod, RecastCodemod } from './codemods';
 export { compositionDragDataToSymbolicatedStack } from './composition-drag-data';
 export { DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS } from './default-buffer-state-delay-in-milliseconds';

package/dist/package-info.d.ts

@@ -1,5 +1,6 @@
-export declare const packages: readonly ["svg-3d-engine", "animation-utils", "animated-emoji", "astro-example", "babel-loader", "bugs", "brand", "bundler", "browser-studio", "canvas-capture", "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-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", "drag-and-drop", "light-leaks", "rough-notation", "starburst", "vercel", "sfx", "effects"];
-export type Pkgs = (typeof packages)[number];
+declare const allPackages: readonly ["svg-3d-engine", "animation-utils", "animated-emoji", "astro-example", "babel-loader", "bugs", "brand", "bundler", "browser-studio", "canvas-capture", "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-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", "drag-and-drop", "light-leaks", "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" | "canvas-capture" | "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" | "drag-and-drop" | "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" | "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-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;
@@ -16,3 +17,4 @@ export declare const installableMap: {
 export declare const apiDocs: {
     [key in Pkgs]: string | null;
 };
+export {};

package/dist/package-info.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.apiDocs = exports.installableMap = exports.descriptions = exports.extraPackages = exports.packages = void 0;
-exports.packages = [
+const remotion_1 = require("remotion");
+const release_package_policy_1 = require("./release-package-policy");
+const allPackages = [
     'svg-3d-engine',
     'animation-utils',
     'animated-emoji',
@@ -104,6 +106,10 @@ exports.packages = [
     'sfx',
     'effects',
 ];
+exports.packages = allPackages.filter((pkg) => (0, release_package_policy_1.shouldReleasePackage)({
+    packageName: pkg === 'core' ? 'remotion' : `@remotion/${pkg}`,
+    releaseVersion: remotion_1.VERSION,
+}));
 exports.extraPackages = [
     {
         name: 'mediabunny',
@@ -314,10 +320,16 @@ exports.installableMap = {
     'test-utils': false,
     three: true,
     transitions: true,
-    'media-parser': true,
+    'media-parser': (0, release_package_policy_1.shouldReleasePackage)({
+        packageName: '@remotion/media-parser',
+        releaseVersion: remotion_1.VERSION,
+    }),
     'zod-types': true,
     'zod-types-v3': true,
-    webcodecs: true,
+    webcodecs: (0, release_package_policy_1.shouldReleasePackage)({
+        packageName: '@remotion/webcodecs',
+        releaseVersion: remotion_1.VERSION,
+    }),
     convert: false,
     captions: true,
     'openai-whisper': true,
@@ -329,9 +341,15 @@ exports.installableMap = {
     'web-renderer': false,
     design: false,
     'drag-and-drop': true,
-    'light-leaks': true,
+    'light-leaks': (0, release_package_policy_1.shouldReleasePackage)({
+        packageName: '@remotion/light-leaks',
+        releaseVersion: remotion_1.VERSION,
+    }),
     'rough-notation': true,
-    starburst: true,
+    starburst: (0, release_package_policy_1.shouldReleasePackage)({
+        packageName: '@remotion/starburst',
+        releaseVersion: remotion_1.VERSION,
+    }),
     vercel: true,
     sfx: true,
     effects: true,

package/dist/release-package-policy.d.ts

@@ -0,0 +1,15 @@
+export declare const packagesRemovedInV5: readonly ["@remotion/light-leaks", "@remotion/media-parser", "@remotion/starburst", "@remotion/webcodecs"];
+export declare const shouldReleasePackage: ({ packageName, releaseVersion, }: {
+    packageName: string;
+    releaseVersion: string;
+}) => boolean;
+type PackageJsonWithDependencies = {
+    dependencies?: Record<string, string>;
+    devDependencies?: Record<string, string>;
+};
+type PackageJsonForRelease<T> = Omit<T, 'dependencies' | 'devDependencies'> & PackageJsonWithDependencies;
+export declare const moveRemovedDependenciesToDevDependencies: <T extends PackageJsonWithDependencies>({ packageJson, releaseVersion, }: {
+    packageJson: T;
+    releaseVersion: string;
+}) => PackageJsonForRelease<T>;
+export {};

package/dist/release-package-policy.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.moveRemovedDependenciesToDevDependencies = exports.shouldReleasePackage = exports.packagesRemovedInV5 = void 0;
+exports.packagesRemovedInV5 = [
+    '@remotion/light-leaks',
+    '@remotion/media-parser',
+    '@remotion/starburst',
+    '@remotion/webcodecs',
+];
+const packagesRemovedInV5Set = new Set(exports.packagesRemovedInV5);
+const shouldReleasePackage = ({ packageName, releaseVersion, }) => {
+    const majorVersion = Number.parseInt(releaseVersion.split('.')[0], 10);
+    if (!Number.isInteger(majorVersion)) {
+        throw new Error(`Invalid release version: ${releaseVersion}`);
+    }
+    return majorVersion < 5 || !packagesRemovedInV5Set.has(packageName);
+};
+exports.shouldReleasePackage = shouldReleasePackage;
+const moveRemovedDependenciesToDevDependencies = ({ packageJson, releaseVersion, }) => {
+    const dependencies = { ...packageJson.dependencies };
+    const devDependencies = { ...packageJson.devDependencies };
+    let movedDependency = false;
+    for (const [packageName, dependencyVersion] of Object.entries(dependencies)) {
+        if (!(0, exports.shouldReleasePackage)({ packageName, releaseVersion })) {
+            delete dependencies[packageName];
+            devDependencies[packageName] = dependencyVersion;
+            movedDependency = true;
+        }
+    }
+    if (!movedDependency) {
+        return packageJson;
+    }
+    return { ...packageJson, dependencies, devDependencies };
+};
+exports.moveRemovedDependenciesToDevDependencies = moveRemovedDependenciesToDevDependencies;

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

@@ -18,7 +18,7 @@ export type EffectSchemaFieldInfo = SchemaFieldInfo & {
 };
 export type AnySchemaFieldInfo = InteractivitySchemaFieldInfo | EffectSchemaFieldInfo;
 export declare const SCHEMA_FIELD_ROW_HEIGHT = 22;
-export type SchemaFieldGroup = 'source' | 'controls' | 'transforms' | 'background' | 'border' | 'text';
+export type SchemaFieldGroup = 'source' | 'controls' | 'transforms' | 'background' | 'border' | 'crop' | 'text' | 'layout';
 export type SchemaFieldGroupInfo = {
     readonly id: SchemaFieldGroup;
     readonly label: string;
@@ -41,6 +41,12 @@ export declare const SCHEMA_FIELD_GROUPS: readonly [{
 }, {
     readonly id: "border";
     readonly label: "Border";
+}, {
+    readonly id: "crop";
+    readonly label: "Crop";
+}, {
+    readonly id: "layout";
+    readonly label: "Layout";
 }];
 export declare const getSchemaFieldGroup: (key: string) => SchemaFieldGroup;
 declare const TIMELINE_SCHEMA_FIELD_TYPE_SUPPORT: {

package/dist/schema-field-info.js

@@ -11,6 +11,8 @@ exports.SCHEMA_FIELD_GROUPS = [
     { id: 'text', label: 'Text' },
     { id: 'background', label: 'Background' },
     { id: 'border', label: 'Border' },
+    { id: 'crop', label: 'Crop' },
+    { id: 'layout', label: 'Layout' },
 ];
 const schemaFieldGroupOrder = exports.SCHEMA_FIELD_GROUPS.reduce((acc, group, index) => {
     acc[group.id] = index;
@@ -23,12 +25,19 @@ const TRANSFORM_FIELD_KEYS = new Set([
     'style.rotate',
     'style.opacity',
 ]);
+const CROP_FIELD_KEYS = new Set([
+    'cropLeft',
+    'cropRight',
+    'cropTop',
+    'cropBottom',
+]);
 const BORDER_FIELD_KEYS = new Set([
     'style.borderWidth',
     'style.borderStyle',
     'style.borderColor',
 ]);
 const BACKGROUND_FIELD_KEYS = new Set(['style.backgroundColor']);
+const LAYOUT_FIELD_KEYS = new Set(['layout', 'premountFor']);
 const TEXT_FIELD_KEYS = new Set([
     'children',
     'style.color',
@@ -47,12 +56,18 @@ const getSchemaFieldGroup = (key) => {
     if (TRANSFORM_FIELD_KEYS.has(key)) {
         return 'transforms';
     }
+    if (CROP_FIELD_KEYS.has(key)) {
+        return 'crop';
+    }
     if (BORDER_FIELD_KEYS.has(key)) {
         return 'border';
     }
     if (BACKGROUND_FIELD_KEYS.has(key)) {
         return 'background';
     }
+    if (LAYOUT_FIELD_KEYS.has(key)) {
+        return 'layout';
+    }
     if (TEXT_FIELD_KEYS.has(key)) {
         return 'text';
     }

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.499",
+	"version": "4.0.500",
 	"description": "Internal package for shared objects between the Studio backend and frontend",
 	"main": "dist",
 	"scripts": {
@@ -20,12 +20,12 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"@remotion/drag-and-drop": "4.0.499",
-		"remotion": "4.0.499"
+		"@remotion/drag-and-drop": "4.0.500",
+		"remotion": "4.0.500"
 	},
 	"devDependencies": {
-		"@remotion/renderer": "4.0.499",
-		"@remotion/eslint-config-internal": "4.0.499",
+		"@remotion/renderer": "4.0.500",
+		"@remotion/eslint-config-internal": "4.0.500",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},