@remotion/studio-shared 4.0.496 → 4.0.498

package/dist/api-requests.d.ts

@@ -252,10 +252,11 @@ export type SaveSequencePropEdit = {
 };
 export type SaveSequencePropsRequest = {
     edits: SaveSequencePropEdit[];
-    movedKeyframes?: {
+    addedKeyframes: AddSequenceKeyframe[] | null;
+    movedKeyframes: {
         sequenceKeyframes: MoveSequenceKeyframe[];
         effectKeyframes: MoveEffectKeyframe[];
-    };
+    } | null;
     clientId: string;
     undoLabel: string;
     redoLabel: string;
@@ -460,6 +461,16 @@ export type UpdateEffectKeyframeSettingsRequest = {
     clientId: string;
 };
 export type UpdateEffectKeyframeSettingsResponse = SaveEffectPropsResponse;
+export type BatchUpdateSequenceKeyframeSettings = Omit<UpdateSequenceKeyframeSettingsRequest, 'clientId'>;
+export type BatchUpdateEffectKeyframeSettings = Omit<UpdateEffectKeyframeSettingsRequest, 'clientId'>;
+export type BatchUpdateKeyframeSettingsRequest = {
+    sequenceKeyframes: BatchUpdateSequenceKeyframeSettings[];
+    effectKeyframes: BatchUpdateEffectKeyframeSettings[];
+    clientId: string;
+};
+export type BatchUpdateKeyframeSettingsResponse = {
+    success: true;
+};
 type BaseDeleteEffectRequestItem = {
     fileName: string;
     sequenceNodePath: SequencePropsSubscriptionKey;
@@ -551,6 +562,7 @@ export type InsertableCompositionElement = {
         width: number;
         height: number;
     } | null;
+    durationInFrames: number | null;
     position: InsertableCompositionElementPosition | null;
 } | {
     type: 'svg';
@@ -574,6 +586,7 @@ export type InsertJsxElementRequest = {
     compositionFile: string;
     compositionId: string;
     element: InsertableCompositionElement;
+    from: number | null;
 };
 export type InsertJsxElementResponse = {
     success: true;
@@ -596,6 +609,7 @@ export type InsertElementRequest = {
     compositionFile: string;
     compositionId: string;
     element: ElementDragData['element'];
+    from: number | null;
     position: InsertableCompositionElementPosition | null;
 };
 export type InsertElementResponse = {
@@ -648,6 +662,15 @@ export type ProjectInfoResponse = {
 };
 export type RestartStudioRequest = {};
 export type RestartStudioResponse = {};
+export type UpdatePublicLicenseRequest = {
+    publicLicenseKey: string;
+};
+export type UpdatePublicLicenseResponse = {
+    success: true;
+} | {
+    success: false;
+    reason: string;
+};
 export type InstallPackageRequest = {
     packageNames: string[];
 };
@@ -705,6 +728,7 @@ export type ApiRoutes = {
     '/api/add-keyframes': ReqAndRes<AddKeyframesRequest, AddKeyframesResponse>;
     '/api/update-sequence-keyframe-settings': ReqAndRes<UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse>;
     '/api/update-effect-keyframe-settings': ReqAndRes<UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse>;
+    '/api/batch-update-keyframe-settings': ReqAndRes<BatchUpdateKeyframeSettingsRequest, BatchUpdateKeyframeSettingsResponse>;
     '/api/delete-effect': ReqAndRes<DeleteEffectRequest, DeleteEffectResponse>;
     '/api/paste-effects': ReqAndRes<PasteEffectsRequest, PasteEffectsResponse>;
     '/api/delete-jsx-node': ReqAndRes<DeleteJsxNodeRequest, DeleteJsxNodeResponse>;
@@ -721,6 +745,7 @@ export type ApiRoutes = {
     '/api/delete-static-file': ReqAndRes<DeleteStaticFileRequest, DeleteStaticFileResponse>;
     '/api/rename-static-file': ReqAndRes<RenameStaticFileRequest, RenameStaticFileResponse>;
     '/api/restart-studio': ReqAndRes<RestartStudioRequest, RestartStudioResponse>;
+    '/api/update-public-license': ReqAndRes<UpdatePublicLicenseRequest, UpdatePublicLicenseResponse>;
     '/api/install-package': ReqAndRes<InstallPackageRequest, InstallPackageResponse>;
     '/api/undo': ReqAndRes<UndoRequest, UndoResponse>;
     '/api/redo': ReqAndRes<RedoRequest, RedoResponse>;

package/dist/index.d.ts

@@ -1,11 +1,10 @@
 export { splitAnsi, stripAnsi } from './ansi';
-export { AddEffectKeyframeRequest, AddEffectKeyframeResponse, AddEffectRequest, AddEffectResponse, AddKeyframesRequest, AddKeyframesResponse, AddRenderRequest, AddSequenceKeyframeRequest, AddSequenceKeyframeResponse, ApiRoutes, ApplyCodemodRequest, ApplyCodemodResponse, ApplyVisualControlRequest, ApplyVisualControlResponse, 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, 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, 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 { ASSET_DRAG_MIME_TYPE, makeAssetDragData, parseAssetDragData, type AssetDragData, } from './asset-drag-data';
 export type { ApplyVisualControlCodemod, RecastCodemod } from './codemods';
 export { COMPONENT_DRAG_MIME_TYPE, areComponentProps, isComponentIdentifier, isComponentImportPath, makeComponentDragData, parseComponentDragData, type ComponentDimensions, type ComponentDragData, type ComponentProp, } from './component-drag-data';
 export { COMPOSITION_DRAG_MIME_TYPE, compositionDragDataToSymbolicatedStack, makeCompositionDragData, parseCompositionDragData, type CompositionDragData, } from './composition-drag-data';
 export { DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS } from './default-buffer-state-delay-in-milliseconds';
-export { getDefinePluginDefinitions } from './define-plugin-definitions';
 export { detectFileType, isImageFileType, type FileDimensions, type FileType, type ImageFileType, } from './detect-file-type';
 export { REMOTION_DRAG_MIME_TYPES, isRemotionDragMimeType, type RemotionDragMimeType, } from './drag-mime-types';
 export { parseEasingClipboardData, parseEasingClipboardDataResult, type EasingClipboardData, type EasingClipboardDataParseResult, } from './easing-clipboard-data';

package/dist/index.js

@@ -14,9 +14,9 @@ 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.CUBIC_KEYFRAME_EASING = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = exports.getAssetSchemaKeys = exports.getAllSchemaKeys = exports.formatBytes = exports.parseElementDragData = exports.makeElementFileNameFromSlug = exports.makeElementDragData = exports.isLowercaseElementFileName = exports.getElementComponentNameFromSourceCode = exports.ELEMENT_DRAG_MIME_TYPE = exports.parseEffectDragData = exports.EFFECT_DRAG_MIME_TYPE = exports.parseEffectPropClipboardDataResult = exports.parseEffectPropClipboardData = exports.parseEffectClipboardDataResult = exports.parseEffectClipboardData = exports.makeEffectDragDataFromCatalogItem = exports.getEffectPreviewSource = exports.getEffectPreviewAlt = exports.getEffectDocumentationPath = exports.getEffectDocumentationLink = exports.getEffectCatalogCategories = exports.EFFECT_CATALOG = exports.parseEasingClipboardDataResult = exports.parseEasingClipboardData = exports.isRemotionDragMimeType = exports.REMOTION_DRAG_MIME_TYPES = exports.isImageFileType = exports.detectFileType = exports.getDefinePluginDefinitions = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.parseCompositionDragData = exports.makeCompositionDragData = exports.compositionDragDataToSymbolicatedStack = exports.COMPOSITION_DRAG_MIME_TYPE = exports.parseComponentDragData = exports.makeComponentDragData = exports.isComponentImportPath = exports.isComponentIdentifier = exports.areComponentProps = exports.COMPONENT_DRAG_MIME_TYPE = exports.parseAssetDragData = exports.makeAssetDragData = exports.ASSET_DRAG_MIME_TYPE = exports.stripAnsi = exports.splitAnsi = void 0;
-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.studioHtml = exports.getStudioEntryPoints = exports.stringifyDefaultProps = exports.parseSfxDragData = exports.SFX_DRAG_MIME_TYPE = 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 = exports.extraPackages = exports.descriptions = exports.apiDocs = exports.DEFAULT_TIMELINE_TRACKS = exports.parseKeyframeClipboardDataResult = exports.parseKeyframeClipboardData = exports.isKeyframeClipboardFieldType = 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 = void 0;
-exports.isUrl = exports.stringifySequenceSubscriptionKey = exports.stringifySequenceExpandedRowKey = exports.optimisticUpdateSequenceKeyframeSettings = exports.optimisticUpdateEffectKeyframeSettings = void 0;
+exports.EASE_KEYFRAME_EASING = exports.CUBIC_KEYFRAME_EASING = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = exports.getAssetSchemaKeys = exports.getAllSchemaKeys = exports.formatBytes = exports.parseElementDragData = exports.makeElementFileNameFromSlug = exports.makeElementDragData = exports.isLowercaseElementFileName = exports.getElementComponentNameFromSourceCode = exports.ELEMENT_DRAG_MIME_TYPE = exports.parseEffectDragData = exports.EFFECT_DRAG_MIME_TYPE = exports.parseEffectPropClipboardDataResult = exports.parseEffectPropClipboardData = exports.parseEffectClipboardDataResult = exports.parseEffectClipboardData = exports.makeEffectDragDataFromCatalogItem = exports.getEffectPreviewSource = exports.getEffectPreviewAlt = exports.getEffectDocumentationPath = exports.getEffectDocumentationLink = exports.getEffectCatalogCategories = exports.EFFECT_CATALOG = exports.parseEasingClipboardDataResult = exports.parseEasingClipboardData = exports.isRemotionDragMimeType = exports.REMOTION_DRAG_MIME_TYPES = exports.isImageFileType = exports.detectFileType = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.parseCompositionDragData = exports.makeCompositionDragData = exports.compositionDragDataToSymbolicatedStack = exports.COMPOSITION_DRAG_MIME_TYPE = exports.parseComponentDragData = exports.makeComponentDragData = exports.isComponentImportPath = exports.isComponentIdentifier = exports.areComponentProps = exports.COMPONENT_DRAG_MIME_TYPE = exports.parseAssetDragData = exports.makeAssetDragData = exports.ASSET_DRAG_MIME_TYPE = exports.stripAnsi = exports.splitAnsi = void 0;
+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.studioHtml = exports.getStudioEntryPoints = exports.stringifyDefaultProps = exports.parseSfxDragData = exports.SFX_DRAG_MIME_TYPE = 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 = exports.extraPackages = exports.descriptions = exports.apiDocs = exports.DEFAULT_TIMELINE_TRACKS = exports.parseKeyframeClipboardDataResult = exports.parseKeyframeClipboardData = exports.isKeyframeClipboardFieldType = 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 = void 0;
+exports.isUrl = exports.stringifySequenceSubscriptionKey = exports.stringifySequenceExpandedRowKey = exports.optimisticUpdateSequenceKeyframeSettings = 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; } });
@@ -39,8 +39,6 @@ Object.defineProperty(exports, "makeCompositionDragData", { enumerable: true, ge
 Object.defineProperty(exports, "parseCompositionDragData", { enumerable: true, get: function () { return composition_drag_data_1.parseCompositionDragData; } });
 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 define_plugin_definitions_1 = require("./define-plugin-definitions");
-Object.defineProperty(exports, "getDefinePluginDefinitions", { enumerable: true, get: function () { return define_plugin_definitions_1.getDefinePluginDefinitions; } });
 const detect_file_type_1 = require("./detect-file-type");
 Object.defineProperty(exports, "detectFileType", { enumerable: true, get: function () { return detect_file_type_1.detectFileType; } });
 Object.defineProperty(exports, "isImageFileType", { enumerable: true, get: function () { return detect_file_type_1.isImageFileType; } });

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

@@ -20,11 +20,19 @@ type KeyframeClipboardFieldTypeSupport = typeof KEYFRAME_CLIPBOARD_FIELD_TYPE_SU
 export type KeyframeClipboardFieldType = {
     [FieldType in keyof KeyframeClipboardFieldTypeSupport]: KeyframeClipboardFieldTypeSupport[FieldType] extends true ? FieldType : never;
 }[keyof KeyframeClipboardFieldTypeSupport];
+export type KeyframeClipboardField = {
+    readonly type: 'sequence';
+    readonly fieldKey: string;
+} | {
+    readonly type: 'effect';
+    readonly fieldKey: string;
+};
 export type KeyframeClipboardData = {
     readonly type: 'keyframe';
     readonly version: 1;
     readonly remotionClipboard: 'keyframe';
     readonly fieldType: KeyframeClipboardFieldType | null;
+    readonly field: KeyframeClipboardField | null;
     readonly keyframes: readonly {
         readonly frameOffset: number;
         readonly value: unknown;

package/dist/keyframe-clipboard-data.js

@@ -50,6 +50,11 @@ const areValidKeyframes = (value) => {
     }
     return ((_a = value[0]) === null || _a === void 0 ? void 0 : _a.frameOffset) === 0;
 };
+const isKeyframeClipboardField = (value) => {
+    return (isRecord(value) &&
+        (value.type === 'sequence' || value.type === 'effect') &&
+        typeof value.fieldKey === 'string');
+};
 const parseEasings = ({ value, keyframeCount, }) => {
     if (Array.isArray(value) &&
         value.length === Math.max(0, keyframeCount - 1) &&
@@ -76,6 +81,7 @@ const parseKeyframeClipboardDataResult = (value) => {
         if (parsed.type !== 'keyframe' ||
             !areValidKeyframes(parsed.keyframes) ||
             easing === null ||
+            (parsed.field !== null && !isKeyframeClipboardField(parsed.field)) ||
             (parsed.fieldType !== null &&
                 !(0, exports.isKeyframeClipboardFieldType)(parsed.fieldType))) {
             return { status: 'invalid' };
@@ -87,6 +93,7 @@ const parseKeyframeClipboardDataResult = (value) => {
                 version: 1,
                 remotionClipboard: 'keyframe',
                 fieldType: parsed.fieldType,
+                field: parsed.field,
                 keyframes: parsed.keyframes,
                 easing,
             },

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' | 'text';
+export type SchemaFieldGroup = 'source' | 'controls' | 'transforms' | 'background' | 'border' | 'text';
 export type SchemaFieldGroupInfo = {
     readonly id: SchemaFieldGroup;
     readonly label: string;
@@ -35,6 +35,12 @@ export declare const SCHEMA_FIELD_GROUPS: readonly [{
 }, {
     readonly id: "text";
     readonly label: "Text";
+}, {
+    readonly id: "background";
+    readonly label: "Background";
+}, {
+    readonly id: "border";
+    readonly label: "Border";
 }];
 export declare const getSchemaFieldGroup: (key: string) => SchemaFieldGroup;
 declare const TIMELINE_SCHEMA_FIELD_TYPE_SUPPORT: {

package/dist/schema-field-info.js

@@ -9,6 +9,8 @@ exports.SCHEMA_FIELD_GROUPS = [
     { id: 'controls', label: 'Controls' },
     { id: 'transforms', label: 'Transform' },
     { id: 'text', label: 'Text' },
+    { id: 'background', label: 'Background' },
+    { id: 'border', label: 'Border' },
 ];
 const schemaFieldGroupOrder = exports.SCHEMA_FIELD_GROUPS.reduce((acc, group, index) => {
     acc[group.id] = index;
@@ -21,6 +23,12 @@ const TRANSFORM_FIELD_KEYS = new Set([
     'style.rotate',
     'style.opacity',
 ]);
+const BORDER_FIELD_KEYS = new Set([
+    'style.borderWidth',
+    'style.borderStyle',
+    'style.borderColor',
+]);
+const BACKGROUND_FIELD_KEYS = new Set(['style.backgroundColor']);
 const TEXT_FIELD_KEYS = new Set([
     'children',
     'style.color',
@@ -39,6 +47,12 @@ const getSchemaFieldGroup = (key) => {
     if (TRANSFORM_FIELD_KEYS.has(key)) {
         return 'transforms';
     }
+    if (BORDER_FIELD_KEYS.has(key)) {
+        return 'border';
+    }
+    if (BACKGROUND_FIELD_KEYS.has(key)) {
+        return 'background';
+    }
     if (TEXT_FIELD_KEYS.has(key)) {
         return 'text';
     }

package/dist/studio-html.js

@@ -4,6 +4,16 @@ 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, sampleRate, logLevel, mode, bundleScriptUrl, readOnlyStudio, studioRuntimeConfig, }) => {
     const scriptUrl = bundleScriptUrl !== null && bundleScriptUrl !== void 0 ? bundleScriptUrl : `${publicPath}bundle.js`;
+    const isRelativeBundle = mode === 'bundle' && publicPath === './';
+    const staticBaseValue = isRelativeBundle
+        ? `new URL(${JSON.stringify(staticHash)}, window.location.href).pathname`
+        : JSON.stringify(staticHash);
+    const staticFilesValue = isRelativeBundle
+        ? `${JSON.stringify(publicFiles)}.map((file) => ({...file, src: new URL(file.src, window.location.href).pathname}))`
+        : JSON.stringify(publicFiles);
+    const publicFolderExistsValue = isRelativeBundle && publicFolderExists
+        ? `new URL(${JSON.stringify(publicFolderExists)}, window.location.href).pathname`
+        : JSON.stringify(publicFolderExists);
     return `
 <!DOCTYPE html>
 <html lang="en">
@@ -21,7 +31,7 @@ const studioHtml = ({ publicPath, editorName, inputProps, envVariables, staticHa
 		<script>window.remotion_sampleRate = ${sampleRate};</script>
 		<script>window.remotion_previewSampleRate = ${sampleRate};</script>
 		${mode === 'dev' ? `<script>window.remotion_logLevel = "${logLevel}";</script>` : ''}
-		<script>window.remotion_staticBase = "${staticHash}";</script>
+		<script>window.remotion_staticBase = ${staticBaseValue};</script>
 		${editorName
         ? `<script>window.remotion_editorName = "${editorName}";</script>`
         : '<script>window.remotion_editorName = null;</script>'}
@@ -54,11 +64,16 @@ const studioHtml = ({ publicPath, editorName, inputProps, envVariables, staticHa
 		<script>window.remotion_isStudio = true;</script>
 		<script>window.remotion_isReadOnlyStudio = ${readOnlyStudio ? 'true' : 'false'};</script>`.trimStart()
         : ''}
-		<script>window.remotion_staticFiles = ${JSON.stringify(publicFiles)}</script>
+		<script>window.remotion_staticFiles = ${staticFilesValue}</script>
 		<script>window.remotion_installedPackages = ${JSON.stringify(installedDependencies)}</script>
 		<script>window.remotion_packageManager = ${JSON.stringify(packageManager)}</script>
-		<script>window.remotion_publicFolderExists = ${JSON.stringify(publicFolderExists)};</script>
+		<script>window.remotion_publicFolderExists = ${publicFolderExistsValue};</script>
 		<script>
+				// Increment this value when the generated bundle format or behavior changes
+				// in a backwards-incompatible way. It is not the Remotion package version
+				// and should not be bumped for every generated HTML change.
+				// Keep it synchronized with requiredVersion in
+				// packages/renderer/src/set-props-and-env.ts by incrementing both values.
 				window.siteVersion = '11';
 				window.remotion_version = '${remotion_1.VERSION}';
 		</script>

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.496",
+	"version": "4.0.498",
 	"description": "Internal package for shared objects between the Studio backend and frontend",
 	"main": "dist",
 	"scripts": {
@@ -20,11 +20,11 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.496"
+		"remotion": "4.0.498"
 	},
 	"devDependencies": {
-		"@remotion/renderer": "4.0.496",
-		"@remotion/eslint-config-internal": "4.0.496",
+		"@remotion/renderer": "4.0.498",
+		"@remotion/eslint-config-internal": "4.0.498",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},
@@ -33,10 +33,6 @@
 	},
 	"exports": {
 		".": "./dist/index.js",
-		"./define-plugin-definitions": {
-			"types": "./dist/define-plugin-definitions.d.ts",
-			"default": "./dist/define-plugin-definitions.js"
-		},
 		"./studio-entry-points": {
 			"types": "./dist/studio-entry-points.d.ts",
 			"default": "./dist/studio-entry-points.js"

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;