@remotion/studio-shared 4.0.486 → 4.0.488

package/dist/api-requests.d.ts

@@ -1,6 +1,6 @@
 import type { AudioCodec, ChromeMode, Codec, ColorSpace, LogLevel, PixelFormat, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type { HardwareAccelerationOption } from '@remotion/renderer/client';
-import type { _InternalTypes, CannotUpdateSequenceReason, CanUpdateEffectPropsResponse, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, ExtrapolateType, JsxComponentIdentity, SequenceNodePath, SequencePropsSubscriptionKey, InteractivitySchema } from 'remotion';
+import type { _InternalTypes, CannotUpdateSequenceReason, CanUpdateEffectPropsResponse, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, ExtrapolateType, InteractivitySchema, JsxComponentIdentity, SequenceNodePath, SequencePropsSubscriptionKey } from 'remotion';
 import type { RecastCodemod, VisualControlChange } from './codemods';
 import type { ComponentProp } from './component-drag-data';
 import type { EffectClipboardParam, EffectClipboardPasteType, EffectClipboardSnapshot } from './effect-clipboard-data';
@@ -584,6 +584,24 @@ export type InsertElementResponse = {
     reason: string;
     stack: string;
 };
+export type ElementInstallRequest = {
+    id: string;
+    clientId: string;
+    createdAt: number;
+    compositionFile: string;
+    compositionId: string;
+    element: ElementDragData['element'];
+    position: InsertableCompositionElementPosition | null;
+};
+export type UpdateElementInstallTargetRequest = {
+    clientId: string;
+    compositionFile: string | null;
+    compositionId: string | null;
+    canInstall: boolean;
+    lastFocusedAt: number | null;
+    readOnly: boolean;
+};
+export type UpdateElementInstallTargetResponse = {};
 export type DownloadRemoteAssetRequest = {
     url: string;
 };
@@ -671,6 +689,7 @@ export type ApiRoutes = {
     '/api/split-jsx-sequence': ReqAndRes<SplitJsxSequenceRequest, SplitJsxSequenceResponse>;
     '/api/insert-jsx-element': ReqAndRes<InsertJsxElementRequest, InsertJsxElementResponse>;
     '/api/insert-element': ReqAndRes<InsertElementRequest, InsertElementResponse>;
+    '/api/update-element-install-target': ReqAndRes<UpdateElementInstallTargetRequest, UpdateElementInstallTargetResponse>;
     '/api/download-remote-asset': ReqAndRes<DownloadRemoteAssetRequest, DownloadRemoteAssetResponse>;
     '/api/update-available': ReqAndRes<UpdateAvailableRequest, UpdateAvailableResponse>;
     '/api/apply-codemod': ReqAndRes<ApplyCodemodRequest, ApplyCodemodResponse>;

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

@@ -1,4 +1,4 @@
-export declare const ASSET_DRAG_MIME_TYPE = "application/vnd.remotion.asset+json";
+export { ASSET_DRAG_MIME_TYPE } from './drag-mime-types';
 export type AssetDragData = {
     type: 'remotion-asset';
     version: 1;

package/dist/asset-drag-data.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseAssetDragData = exports.makeAssetDragData = exports.ASSET_DRAG_MIME_TYPE = void 0;
-exports.ASSET_DRAG_MIME_TYPE = 'application/vnd.remotion.asset+json';
+const drag_mime_types_1 = require("./drag-mime-types");
+Object.defineProperty(exports, "ASSET_DRAG_MIME_TYPE", { enumerable: true, get: function () { return drag_mime_types_1.ASSET_DRAG_MIME_TYPE; } });
 const isRecord = (value) => {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
 };

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

@@ -1,4 +1,4 @@
-export declare const COMPONENT_DRAG_MIME_TYPE = "application/vnd.remotion.component+json";
+export { COMPONENT_DRAG_MIME_TYPE } from './drag-mime-types';
 export type ComponentProp = {
     name: string;
     value: string | number | boolean;

package/dist/component-drag-data.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseComponentDragData = exports.makeComponentDragData = exports.areComponentProps = exports.isComponentProp = exports.isComponentPropName = exports.isComponentImportPath = exports.isComponentIdentifier = exports.COMPONENT_DRAG_MIME_TYPE = void 0;
-exports.COMPONENT_DRAG_MIME_TYPE = 'application/vnd.remotion.component+json';
+const drag_mime_types_1 = require("./drag-mime-types");
+Object.defineProperty(exports, "COMPONENT_DRAG_MIME_TYPE", { enumerable: true, get: function () { return drag_mime_types_1.COMPONENT_DRAG_MIME_TYPE; } });
 const isRecord = (value) => {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
 };

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

@@ -1,4 +1,4 @@
-export declare const COMPOSITION_DRAG_MIME_TYPE = "application/vnd.remotion.composition+json";
+export { COMPOSITION_DRAG_MIME_TYPE } from './drag-mime-types';
 export type CompositionDragData = {
     type: 'remotion-composition';
     version: 1;

package/dist/composition-drag-data.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseCompositionDragData = exports.makeCompositionDragData = exports.COMPOSITION_DRAG_MIME_TYPE = void 0;
-exports.COMPOSITION_DRAG_MIME_TYPE = 'application/vnd.remotion.composition+json';
+const drag_mime_types_1 = require("./drag-mime-types");
+Object.defineProperty(exports, "COMPOSITION_DRAG_MIME_TYPE", { enumerable: true, get: function () { return drag_mime_types_1.COMPOSITION_DRAG_MIME_TYPE; } });
 const isRecord = (value) => {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
 };

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

@@ -1,12 +1,14 @@
-export declare const getDefinePluginDefinitions: ({ maxTimelineTracks, askAIEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, }: {
+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,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDefinePluginDefinitions = void 0;
-const getDefinePluginDefinitions = ({ maxTimelineTracks, askAIEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, }) => ({
+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,

package/dist/drag-mime-types.d.ts

@@ -0,0 +1,9 @@
+export declare const ASSET_DRAG_MIME_TYPE = "application/vnd.remotion.asset+json";
+export declare const COMPONENT_DRAG_MIME_TYPE = "application/vnd.remotion.component+json";
+export declare const COMPOSITION_DRAG_MIME_TYPE = "application/vnd.remotion.composition+json";
+export declare const EFFECT_DRAG_MIME_TYPE = "application/vnd.remotion.effect+json";
+export declare const ELEMENT_DRAG_MIME_TYPE = "application/vnd.remotion.element+json";
+export declare const SFX_DRAG_MIME_TYPE = "application/vnd.remotion.sfx+json";
+export declare const REMOTION_DRAG_MIME_TYPES: readonly ["application/vnd.remotion.asset+json", "application/vnd.remotion.component+json", "application/vnd.remotion.composition+json", "application/vnd.remotion.effect+json", "application/vnd.remotion.element+json", "application/vnd.remotion.sfx+json"];
+export type RemotionDragMimeType = (typeof REMOTION_DRAG_MIME_TYPES)[number];
+export declare const isRemotionDragMimeType: (type: string) => type is "application/vnd.remotion.asset+json" | "application/vnd.remotion.component+json" | "application/vnd.remotion.composition+json" | "application/vnd.remotion.effect+json" | "application/vnd.remotion.element+json" | "application/vnd.remotion.sfx+json";

package/dist/drag-mime-types.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isRemotionDragMimeType = exports.REMOTION_DRAG_MIME_TYPES = exports.SFX_DRAG_MIME_TYPE = exports.ELEMENT_DRAG_MIME_TYPE = exports.EFFECT_DRAG_MIME_TYPE = exports.COMPOSITION_DRAG_MIME_TYPE = exports.COMPONENT_DRAG_MIME_TYPE = exports.ASSET_DRAG_MIME_TYPE = void 0;
+exports.ASSET_DRAG_MIME_TYPE = 'application/vnd.remotion.asset+json';
+exports.COMPONENT_DRAG_MIME_TYPE = 'application/vnd.remotion.component+json';
+exports.COMPOSITION_DRAG_MIME_TYPE = 'application/vnd.remotion.composition+json';
+exports.EFFECT_DRAG_MIME_TYPE = 'application/vnd.remotion.effect+json';
+exports.ELEMENT_DRAG_MIME_TYPE = 'application/vnd.remotion.element+json';
+exports.SFX_DRAG_MIME_TYPE = 'application/vnd.remotion.sfx+json';
+exports.REMOTION_DRAG_MIME_TYPES = [
+    exports.ASSET_DRAG_MIME_TYPE,
+    exports.COMPONENT_DRAG_MIME_TYPE,
+    exports.COMPOSITION_DRAG_MIME_TYPE,
+    exports.EFFECT_DRAG_MIME_TYPE,
+    exports.ELEMENT_DRAG_MIME_TYPE,
+    exports.SFX_DRAG_MIME_TYPE,
+];
+const isRemotionDragMimeType = (type) => {
+    return exports.REMOTION_DRAG_MIME_TYPES.some((mimeType) => mimeType === type);
+};
+exports.isRemotionDragMimeType = isRemotionDragMimeType;

package/dist/effect-catalog.js

@@ -488,6 +488,17 @@ exports.EFFECT_CATALOG = [
             config: {},
         },
     },
+    {
+        id: 'effects-roughen-edges',
+        category: 'Stylize',
+        label: 'roughenEdges()',
+        description: 'Procedural alpha-edge roughening',
+        effect: {
+            name: 'roughenEdges',
+            importPath: '@remotion/effects/roughen-edges',
+            config: {},
+        },
+    },
     {
         id: 'effects-pattern',
         category: 'Stylize',

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

@@ -1,4 +1,4 @@
-export declare const EFFECT_DRAG_MIME_TYPE = "application/vnd.remotion.effect+json";
+export { EFFECT_DRAG_MIME_TYPE } from './drag-mime-types';
 export type EffectDragData = {
     type: 'remotion-effect';
     version: 1;

package/dist/effect-drag-data.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseEffectDragData = exports.EFFECT_DRAG_MIME_TYPE = void 0;
-exports.EFFECT_DRAG_MIME_TYPE = 'application/vnd.remotion.effect+json';
+const drag_mime_types_1 = require("./drag-mime-types");
+Object.defineProperty(exports, "EFFECT_DRAG_MIME_TYPE", { enumerable: true, get: function () { return drag_mime_types_1.EFFECT_DRAG_MIME_TYPE; } });
 const isRecord = (value) => {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
 };

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

@@ -1,5 +1,5 @@
 import { type ComponentDimensions } from './component-drag-data';
-export declare const ELEMENT_DRAG_MIME_TYPE = "application/vnd.remotion.element+json";
+export { ELEMENT_DRAG_MIME_TYPE } from './drag-mime-types';
 export type ElementDragData = {
     type: 'remotion-element';
     version: 1;
@@ -7,7 +7,7 @@ export type ElementDragData = {
         slug: string;
         displayName: string;
         sourceCode: string;
-        dimensions: ComponentDimensions;
+        dimensions: ComponentDimensions | null;
     };
 };
 export declare const isLowercaseElementFileName: (value: unknown) => value is string;
@@ -17,6 +17,6 @@ export declare const makeElementDragData: ({ dimensions, displayName, slug, sour
     slug: string;
     displayName: string;
     sourceCode: string;
-    dimensions: ComponentDimensions;
+    dimensions: ComponentDimensions | null;
 }) => ElementDragData;
 export declare const parseElementDragData: (value: string) => ElementDragData | null;

package/dist/element-drag-data.js

@@ -2,7 +2,8 @@
 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");
-exports.ELEMENT_DRAG_MIME_TYPE = 'application/vnd.remotion.element+json';
+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) => {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
 };
@@ -99,14 +100,16 @@ const parseElementDragData = (value) => {
             !isSourceCode(sourceCode) ||
             (0, exports.getElementComponentNameFromSourceCode)(sourceCode) === null ||
             (0, exports.makeElementFileNameFromSlug)(slug) === null ||
-            !isDimensions(dimensions)) {
+            (dimensions !== undefined &&
+                dimensions !== null &&
+                !isDimensions(dimensions))) {
             return null;
         }
         return (0, exports.makeElementDragData)({
             slug,
             displayName,
             sourceCode,
-            dimensions,
+            dimensions: dimensions !== null && dimensions !== void 0 ? dimensions : null,
         });
     }
     catch (_a) {

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

@@ -1,6 +1,6 @@
 import type { StaticFile } from 'remotion';
 import type { CanUpdateSequencePropsResponse, SequencePropsSubscriptionKey } from 'remotion';
-import type { CanUpdateDefaultPropsResponse } from './api-requests';
+import type { CanUpdateDefaultPropsResponse, ElementInstallRequest } from './api-requests';
 import type { HotMiddlewareMessage } from './hot-middleware';
 import type { CompletedClientRender, RenderJob } from './render-job';
 export type EventSourceEvent = {
@@ -54,6 +54,9 @@ export type EventSourceEvent = {
     type: 'undo-redo-stack-changed';
     undoFile: string | null;
     redoFile: string | null;
+} | {
+    type: 'element-install-request';
+    request: ElementInstallRequest;
 } | {
     type: 'visual-control-values-changed';
     values: Array<{

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, CanUpdateDefaultPropsResponse, CanUpdateSequencePropsRequest, CancelRenderRequest, CancelRenderResponse, CompositionComponentInfoRequest, CompositionComponentInfoResponse, CopyStillToClipboardRequest, DeleteEffectKeyframe, DeleteEffectRequest, DeleteEffectRequestItem, DeleteEffectResponse, DeleteJsxNodeRequest, DeleteJsxNodeRequestItem, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe, DeleteStaticFileRequest, DeleteStaticFileResponse, DownloadRemoteAssetRequest, DownloadRemoteAssetResponse, DuplicateEffectRequest, DuplicateEffectRequestItem, DuplicateEffectResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, 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, GoogleFontSourceEdit, SaveSequencePropSourceEdit, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveSequencePropEdit, SaveSequencePropsRequest, SaveSequencePropsResponse, SaveSequencePropsResult, SimpleDiff, SplitJsxSequenceRequest, SplitJsxSequenceResponse, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UnsubscribeFromSequencePropsRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse, 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, CanUpdateDefaultPropsResponse, CanUpdateSequencePropsRequest, CancelRenderRequest, CancelRenderResponse, CompositionComponentInfoRequest, CompositionComponentInfoResponse, 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 { 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';
@@ -7,6 +7,7 @@ export { COMPOSITION_DRAG_MIME_TYPE, makeCompositionDragData, parseCompositionDr
 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';
 export { EFFECT_CATALOG, getEffectCatalogCategories, getEffectDocumentationLink, getEffectDocumentationPath, getEffectPreviewAlt, getEffectPreviewSource, makeEffectDragDataFromCatalogItem, type EffectCatalogCategory, type EffectCatalogItem, } from './effect-catalog';
 export { parseEffectClipboardData, parseEffectClipboardDataResult, parseEffectPropClipboardData, parseEffectPropClipboardDataResult, type EffectClipboardClamping, type EffectClipboardData, type EffectClipboardDataParseResult, type EffectClipboardEasing, type EffectClipboardExtrapolateType, type EffectClipboardInterpolationFunction, type EffectClipboardKeyframe, type EffectClipboardKeyframedParam, type EffectClipboardParam, type EffectClipboardPasteType, type EffectClipboardSnapshot, type EffectClipboardStaticParam, type EffectPropClipboardData, type EffectPropClipboardDataParseResult, } from './effect-clipboard-data';
@@ -20,7 +21,7 @@ export { ErrorLocation, getLocationFromBuildError, } from './get-location-from-b
 export { getProjectName } from './get-project-name';
 export type { GitSource } from './git-source';
 export { HotMiddlewareMessage, HotMiddlewareOptions, ModuleMap, hotMiddlewareOptions, } from './hot-middleware';
-export { KEYFRAME_EASING_PRESETS, LINEAR_KEYFRAME_EASING, type KeyframeEasing, type KeyframeEasingPreset, } from './keyframe-easing-presets';
+export { CUBIC_KEYFRAME_EASING, EASE_KEYFRAME_EASING, KEYFRAME_EASING_PRESETS, LINEAR_KEYFRAME_EASING, QUAD_KEYFRAME_EASING, getBackKeyframeEasing, getOutKeyframeEasing, getPolyKeyframeEasing, type KeyframeEasing, type KeyframeEasingPreset, } from './keyframe-easing-presets';
 export { getKeyframeInterpolationFunction, getKeyframeInterpolationFunctionForSchemaField, isInteractivitySchemaFieldKeyframable, isKeyframeInterpolationFunction, isSchemaFieldKeyframable, keyframeInterpolationFunctions, type KeyframeInterpolationFunction, } from './keyframe-interpolation-function';
 export { DEFAULT_TIMELINE_TRACKS } from './max-timeline-tracks';
 export { Pkgs, apiDocs, descriptions, extraPackages, installableMap, packages, type ExtraPackage, } from './package-info';
@@ -35,9 +36,9 @@ export { SCHEMA_FIELD_GROUPS, SCHEMA_FIELD_ROW_HEIGHT, getEffectFieldsToShow, ge
 export type { AnySchemaFieldInfo, DragOverrides, EffectSchemaFieldInfo, InteractivitySchemaFieldInfo, PropStatuses, SchemaFieldGroup, SchemaFieldGroupInfo, SchemaFieldInfo, SequenceControls, } from './schema-field-info';
 export { SFX_DRAG_MIME_TYPE, parseSfxDragData, type SfxDragData, } from './sfx-drag-data';
 export { ScriptLine, SomeStackFrame, StackFrame, SymbolicatedStackFrame, } from './stack-types';
+export { EnumPath, stringifyDefaultProps } from './stringify-default-props';
 export { getStudioEntryPoints, type StudioEntryPointPaths, } from './studio-entry-points';
 export { studioHtml, type StudioHtmlOptions } from './studio-html';
-export { EnumPath, stringifyDefaultProps } from './stringify-default-props';
 export type { VisualControlChange } from './codemods';
 export { optimisticAddEffectKeyframe, optimisticAddSequenceKeyframe, } from './optimistic-add-keyframe';
 export { optimisticDeleteEffectKeyframe, optimisticDeleteEffectKeyframes, optimisticDeleteSequenceKeyframe, optimisticDeleteSequenceKeyframes, } from './optimistic-delete-keyframe';

package/dist/index.js

@@ -14,8 +14,8 @@ 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.isInteractivitySchemaFieldKeyframable = exports.getKeyframeInterpolationFunctionForSchemaField = exports.getKeyframeInterpolationFunction = exports.LINEAR_KEYFRAME_EASING = exports.KEYFRAME_EASING_PRESETS = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = 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.isImageFileType = exports.detectFileType = exports.getDefinePluginDefinitions = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.parseCompositionDragData = exports.makeCompositionDragData = 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.isUrl = exports.stringifySequenceSubscriptionKey = exports.stringifySequenceExpandedRowKey = exports.optimisticUpdateSequenceKeyframeSettings = exports.optimisticUpdateEffectKeyframeSettings = exports.optimisticUpdateForPropStatuses = exports.optimisticUpdateForEffectPropStatuses = exports.optimisticMoveSequenceKeyframes = exports.optimisticMoveEffectKeyframes = exports.moveKeyframesInPropStatus = exports.canMoveKeyframesWithoutCollisions = exports.optimisticDeleteSequenceKeyframes = exports.optimisticDeleteSequenceKeyframe = exports.optimisticDeleteEffectKeyframes = exports.optimisticDeleteEffectKeyframe = exports.optimisticAddSequenceKeyframe = exports.optimisticAddEffectKeyframe = exports.stringifyDefaultProps = exports.studioHtml = exports.getStudioEntryPoints = exports.parseSfxDragData = exports.SFX_DRAG_MIME_TYPE = exports.getSchemaFieldGroup = exports.getFieldsToShow = exports.getEffectFieldsToShow = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_GROUPS = 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.keyframeInterpolationFunctions = exports.isSchemaFieldKeyframable = exports.isKeyframeInterpolationFunction = void 0;
+exports.KEYFRAME_EASING_PRESETS = exports.EASE_KEYFRAME_EASING = exports.CUBIC_KEYFRAME_EASING = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = 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.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.isUrl = exports.stringifySequenceSubscriptionKey = exports.stringifySequenceExpandedRowKey = exports.optimisticUpdateSequenceKeyframeSettings = exports.optimisticUpdateEffectKeyframeSettings = exports.optimisticUpdateForPropStatuses = exports.optimisticUpdateForEffectPropStatuses = exports.optimisticMoveSequenceKeyframes = exports.optimisticMoveEffectKeyframes = exports.moveKeyframesInPropStatus = exports.canMoveKeyframesWithoutCollisions = exports.optimisticDeleteSequenceKeyframes = exports.optimisticDeleteSequenceKeyframe = exports.optimisticDeleteEffectKeyframes = exports.optimisticDeleteEffectKeyframe = exports.optimisticAddSequenceKeyframe = exports.optimisticAddEffectKeyframe = exports.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.getRequiredPackageForInsertableElement = exports.getRequiredPackageForEffectImportPath = exports.parseSpringEasingConfig = exports.DEFAULT_SPRING_EASING = exports.packages = exports.installableMap = exports.extraPackages = exports.descriptions = exports.apiDocs = exports.DEFAULT_TIMELINE_TRACKS = exports.keyframeInterpolationFunctions = exports.isSchemaFieldKeyframable = exports.isKeyframeInterpolationFunction = exports.isInteractivitySchemaFieldKeyframable = exports.getKeyframeInterpolationFunctionForSchemaField = exports.getKeyframeInterpolationFunction = exports.getPolyKeyframeEasing = exports.getOutKeyframeEasing = exports.getBackKeyframeEasing = exports.QUAD_KEYFRAME_EASING = exports.LINEAR_KEYFRAME_EASING = 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; } });
@@ -42,6 +42,9 @@ Object.defineProperty(exports, "getDefinePluginDefinitions", { enumerable: true,
 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; } });
+const drag_mime_types_1 = require("./drag-mime-types");
+Object.defineProperty(exports, "REMOTION_DRAG_MIME_TYPES", { enumerable: true, get: function () { return drag_mime_types_1.REMOTION_DRAG_MIME_TYPES; } });
+Object.defineProperty(exports, "isRemotionDragMimeType", { enumerable: true, get: function () { return drag_mime_types_1.isRemotionDragMimeType; } });
 const easing_clipboard_data_1 = require("./easing-clipboard-data");
 Object.defineProperty(exports, "parseEasingClipboardData", { enumerable: true, get: function () { return easing_clipboard_data_1.parseEasingClipboardData; } });
 Object.defineProperty(exports, "parseEasingClipboardDataResult", { enumerable: true, get: function () { return easing_clipboard_data_1.parseEasingClipboardDataResult; } });
@@ -81,8 +84,14 @@ Object.defineProperty(exports, "getProjectName", { enumerable: true, get: functi
 const hot_middleware_1 = require("./hot-middleware");
 Object.defineProperty(exports, "hotMiddlewareOptions", { enumerable: true, get: function () { return hot_middleware_1.hotMiddlewareOptions; } });
 const keyframe_easing_presets_1 = require("./keyframe-easing-presets");
+Object.defineProperty(exports, "CUBIC_KEYFRAME_EASING", { enumerable: true, get: function () { return keyframe_easing_presets_1.CUBIC_KEYFRAME_EASING; } });
+Object.defineProperty(exports, "EASE_KEYFRAME_EASING", { enumerable: true, get: function () { return keyframe_easing_presets_1.EASE_KEYFRAME_EASING; } });
 Object.defineProperty(exports, "KEYFRAME_EASING_PRESETS", { enumerable: true, get: function () { return keyframe_easing_presets_1.KEYFRAME_EASING_PRESETS; } });
 Object.defineProperty(exports, "LINEAR_KEYFRAME_EASING", { enumerable: true, get: function () { return keyframe_easing_presets_1.LINEAR_KEYFRAME_EASING; } });
+Object.defineProperty(exports, "QUAD_KEYFRAME_EASING", { enumerable: true, get: function () { return keyframe_easing_presets_1.QUAD_KEYFRAME_EASING; } });
+Object.defineProperty(exports, "getBackKeyframeEasing", { enumerable: true, get: function () { return keyframe_easing_presets_1.getBackKeyframeEasing; } });
+Object.defineProperty(exports, "getOutKeyframeEasing", { enumerable: true, get: function () { return keyframe_easing_presets_1.getOutKeyframeEasing; } });
+Object.defineProperty(exports, "getPolyKeyframeEasing", { enumerable: true, get: function () { return keyframe_easing_presets_1.getPolyKeyframeEasing; } });
 const keyframe_interpolation_function_1 = require("./keyframe-interpolation-function");
 Object.defineProperty(exports, "getKeyframeInterpolationFunction", { enumerable: true, get: function () { return keyframe_interpolation_function_1.getKeyframeInterpolationFunction; } });
 Object.defineProperty(exports, "getKeyframeInterpolationFunctionForSchemaField", { enumerable: true, get: function () { return keyframe_interpolation_function_1.getKeyframeInterpolationFunctionForSchemaField; } });
@@ -113,12 +122,12 @@ Object.defineProperty(exports, "getSchemaFieldGroup", { enumerable: true, get: f
 const sfx_drag_data_1 = require("./sfx-drag-data");
 Object.defineProperty(exports, "SFX_DRAG_MIME_TYPE", { enumerable: true, get: function () { return sfx_drag_data_1.SFX_DRAG_MIME_TYPE; } });
 Object.defineProperty(exports, "parseSfxDragData", { enumerable: true, get: function () { return sfx_drag_data_1.parseSfxDragData; } });
+const stringify_default_props_1 = require("./stringify-default-props");
+Object.defineProperty(exports, "stringifyDefaultProps", { enumerable: true, get: function () { return stringify_default_props_1.stringifyDefaultProps; } });
 const studio_entry_points_1 = require("./studio-entry-points");
 Object.defineProperty(exports, "getStudioEntryPoints", { enumerable: true, get: function () { return studio_entry_points_1.getStudioEntryPoints; } });
 const studio_html_1 = require("./studio-html");
 Object.defineProperty(exports, "studioHtml", { enumerable: true, get: function () { return studio_html_1.studioHtml; } });
-const stringify_default_props_1 = require("./stringify-default-props");
-Object.defineProperty(exports, "stringifyDefaultProps", { enumerable: true, get: function () { return stringify_default_props_1.stringifyDefaultProps; } });
 const optimistic_add_keyframe_1 = require("./optimistic-add-keyframe");
 Object.defineProperty(exports, "optimisticAddEffectKeyframe", { enumerable: true, get: function () { return optimistic_add_keyframe_1.optimisticAddEffectKeyframe; } });
 Object.defineProperty(exports, "optimisticAddSequenceKeyframe", { enumerable: true, get: function () { return optimistic_add_keyframe_1.optimisticAddSequenceKeyframe; } });

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

@@ -6,4 +6,10 @@ export type KeyframeEasingPreset = {
     readonly easing: KeyframeEasing;
 };
 export declare const LINEAR_KEYFRAME_EASING: KeyframeEasing;
+export declare const EASE_KEYFRAME_EASING: KeyframeEasing;
+export declare const QUAD_KEYFRAME_EASING: KeyframeEasing;
+export declare const CUBIC_KEYFRAME_EASING: KeyframeEasing;
+export declare const getBackKeyframeEasing: (s?: number) => CanUpdateSequencePropStatusEasing;
+export declare const getPolyKeyframeEasing: (n: number) => CanUpdateSequencePropStatusEasing | null;
+export declare const getOutKeyframeEasing: (easing: CanUpdateSequencePropStatusEasing) => CanUpdateSequencePropStatusEasing | null;
 export declare const KEYFRAME_EASING_PRESETS: KeyframeEasingPreset[];

package/dist/keyframe-easing-presets.js

@@ -1,7 +1,65 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.KEYFRAME_EASING_PRESETS = exports.LINEAR_KEYFRAME_EASING = void 0;
+exports.KEYFRAME_EASING_PRESETS = exports.getOutKeyframeEasing = exports.getPolyKeyframeEasing = exports.getBackKeyframeEasing = exports.CUBIC_KEYFRAME_EASING = exports.QUAD_KEYFRAME_EASING = exports.EASE_KEYFRAME_EASING = exports.LINEAR_KEYFRAME_EASING = void 0;
 exports.LINEAR_KEYFRAME_EASING = { type: 'linear' };
+exports.EASE_KEYFRAME_EASING = {
+    type: 'bezier',
+    x1: 0.42,
+    y1: 0,
+    x2: 1,
+    y2: 1,
+};
+exports.QUAD_KEYFRAME_EASING = {
+    type: 'bezier',
+    x1: 1 / 3,
+    y1: 0,
+    x2: 2 / 3,
+    y2: 1 / 3,
+};
+exports.CUBIC_KEYFRAME_EASING = {
+    type: 'bezier',
+    x1: 1 / 3,
+    y1: 0,
+    x2: 2 / 3,
+    y2: 0,
+};
+const getBackKeyframeEasing = (s = 1.70158) => ({
+    type: 'bezier',
+    x1: 1 / 3,
+    y1: 0,
+    x2: 2 / 3,
+    y2: -s / 3,
+});
+exports.getBackKeyframeEasing = getBackKeyframeEasing;
+const getPolyKeyframeEasing = (n) => {
+    if (n === 1) {
+        return exports.LINEAR_KEYFRAME_EASING;
+    }
+    if (n === 2) {
+        return exports.QUAD_KEYFRAME_EASING;
+    }
+    if (n === 3) {
+        return exports.CUBIC_KEYFRAME_EASING;
+    }
+    return null;
+};
+exports.getPolyKeyframeEasing = getPolyKeyframeEasing;
+const getOutKeyframeEasing = (easing) => {
+    if (easing.type === 'linear') {
+        return exports.LINEAR_KEYFRAME_EASING;
+    }
+    if (easing.type !== 'bezier') {
+        return null;
+    }
+    return {
+        type: 'bezier',
+        x1: 1 - easing.x2,
+        y1: 1 - easing.y2,
+        x2: 1 - easing.x1,
+        y2: 1 - easing.y1,
+    };
+};
+exports.getOutKeyframeEasing = getOutKeyframeEasing;
 exports.KEYFRAME_EASING_PRESETS = [
     {
         id: 'ease-in',

package/dist/package-info.js

@@ -103,16 +103,22 @@ exports.packages = [
 exports.extraPackages = [
     {
         name: 'mediabunny',
-        version: '1.50.3',
+        version: '1.50.8',
         description: 'Multimedia library used by Remotion',
         docsUrl: 'https://www.remotion.dev/docs/mediabunny/version',
     },
     {
         name: '@mediabunny/ac3',
-        version: '1.50.3',
+        version: '1.50.8',
         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/prores',
+        version: '1.50.8',
+        description: 'Apple ProRes decoder support for Mediabunny',
+        docsUrl: 'https://www.remotion.dev/docs/mediabunny/formats',
+    },
     {
         name: 'zod',
         version: '4.3.6',

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

@@ -1,4 +1,4 @@
-export declare const SFX_DRAG_MIME_TYPE = "application/vnd.remotion.sfx+json";
+export { SFX_DRAG_MIME_TYPE } from './drag-mime-types';
 export type SfxDragData = {
     type: 'remotion-sfx';
     version: 1;

package/dist/sfx-drag-data.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseSfxDragData = exports.SFX_DRAG_MIME_TYPE = void 0;
 const url_1 = require("./url");
-exports.SFX_DRAG_MIME_TYPE = 'application/vnd.remotion.sfx+json';
+const drag_mime_types_1 = require("./drag-mime-types");
+Object.defineProperty(exports, "SFX_DRAG_MIME_TYPE", { enumerable: true, get: function () { return drag_mime_types_1.SFX_DRAG_MIME_TYPE; } });
 const isRecord = (value) => {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
 };

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

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

package/dist/shape-drag-data.js

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

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-shared"
 	},
 	"name": "@remotion/studio-shared",
-	"version": "4.0.486",
+	"version": "4.0.488",
 	"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.486"
+		"remotion": "4.0.488"
 	},
 	"devDependencies": {
-		"@remotion/renderer": "4.0.486",
-		"@remotion/eslint-config-internal": "4.0.486",
+		"@remotion/renderer": "4.0.488",
+		"@remotion/eslint-config-internal": "4.0.488",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},