@remotion/studio-shared 4.0.506 → 4.0.508

package/dist/api-requests.d.ts

@@ -7,8 +7,10 @@ import type { EffectClipboardParam, EffectClipboardPasteType, EffectClipboardSna
 import type { PackageManager } from './package-manager';
 import type { ProjectInfo } from './project-info';
 import type { CompletedClientRender, RequiredChromiumOptions } from './render-job';
+import type { SequenceNodePathMutation } from './sequence-node-path-mutation';
 import type { SymbolicatedStackFrame } from './stack-types';
 import type { EnumPath } from './stringify-default-props';
+import type { TerminalId } from './terminal';
 type KeyframeEasing = Extract<CanUpdateSequencePropStatus, {
     status: 'keyframed';
 }>['easing'][number];
@@ -22,6 +24,20 @@ export type OpenInEditorRequest = {
 export type OpenInEditorResponse = {
     success: boolean;
 };
+export type OpenInCodingAgentRequest = {
+    codingAgentId: DefaultCodingAgent;
+    prompt: string | null;
+};
+export type OpenInCodingAgentResponse = {
+    success: boolean;
+};
+export type OpenInTerminalRequest = {
+    directory: string;
+    terminalId: TerminalId;
+};
+export type OpenInTerminalResponse = {
+    success: boolean;
+};
 export type FindInFileRequest = {
     fileName: string;
     lineNumber: number;
@@ -60,6 +76,7 @@ type AddRenderRequestDynamicFields = {
     scale: number;
     logLevel: LogLevel;
     chromeMode: ChromeMode;
+    licenseKey: string | null;
 } | {
     type: 'sequence';
     imageFormat: VideoImageFormat;
@@ -104,6 +121,7 @@ type AddRenderRequestDynamicFields = {
     hardwareAcceleration: HardwareAccelerationOption;
     chromeMode: ChromeMode;
     sampleRate: number;
+    licenseKey: string | null;
 };
 export type CancelRenderRequest = {
     jobId: string;
@@ -186,6 +204,13 @@ export type RenameStaticFileRequest = {
 export type RenameStaticFileResponse = {
     success: boolean;
 };
+export type CopyRenderOutputToAssetRequest = {
+    outputPath: string;
+    assetPath: string;
+};
+export type CopyRenderOutputToAssetResponse = {
+    created: boolean;
+};
 export type CanUpdateDefaultPropsResponse = {
     canUpdate: true;
     currentDefaultProps: Record<string, unknown>;
@@ -393,6 +418,7 @@ export type ReorderSequenceRequest = {
 };
 export type ReorderSequenceResponse = {
     success: true;
+    nodePathMutation: SequenceNodePathMutation;
 } | {
     success: false;
     reason: string;
@@ -563,6 +589,7 @@ export type DeleteJsxNodeRequest = {
 };
 export type DeleteJsxNodeResponse = {
     success: true;
+    nodePathMutation: SequenceNodePathMutation;
 } | {
     success: false;
     reason: string;
@@ -574,6 +601,7 @@ export type DuplicateJsxNodeRequest = {
 };
 export type DuplicateJsxNodeResponse = {
     success: true;
+    nodePathMutation: SequenceNodePathMutation;
 } | {
     success: false;
     reason: string;
@@ -586,6 +614,7 @@ export type SplitJsxSequenceRequest = {
 };
 export type SplitJsxSequenceResponse = {
     success: true;
+    nodePathMutation: SequenceNodePathMutation;
 } | {
     success: false;
     reason: string;
@@ -640,6 +669,7 @@ export type InsertJsxElementRequest = {
 };
 export type InsertJsxElementResponse = {
     success: true;
+    nodePathMutation: SequenceNodePathMutation;
 } | {
     success: false;
     reason: string;
@@ -693,6 +723,7 @@ export type InsertElementFileConflict = {
 };
 export type InsertElementResponse = {
     success: true;
+    nodePathMutation: SequenceNodePathMutation;
 } | {
     success: false;
     type: 'file-conflict';
@@ -756,10 +787,22 @@ export type ProjectInfoResponse = {
 };
 export type RestartStudioRequest = {};
 export type RestartStudioResponse = {};
-export type UpdatePublicLicenseRequest = {
-    publicLicenseKey: string;
+export type ConfigValue = string | number | boolean | null | ConfigValue[] | {
+    [key: string]: ConfigValue;
+};
+export type ConfigUpdate = {
+    setter: string;
+    type: 'delete';
+} | {
+    setter: string;
+    type: 'set';
+    value: ConfigValue;
+};
+export type UpdateConfigRequest = {
+    clientId: string;
+    updates: ConfigUpdate[];
 };
-export type UpdatePublicLicenseResponse = {
+export type UpdateConfigResponse = {
     success: true;
 } | {
     success: false;
@@ -772,33 +815,21 @@ export type GetDefaultEditorInfoResponse = {
     installedEditors: {
         id: EditorPickerId;
         name: string;
+        nameWithType: string;
     }[];
 };
-export type UpdateDefaultEditorRequest = {
-    defaultEditor: EditorPickerId | null;
-};
-export type UpdateDefaultEditorResponse = {
-    success: true;
-} | {
-    success: false;
-    reason: string;
-};
 export type GetDefaultCodingAgentInfoRequest = {};
 export type GetDefaultCodingAgentInfoResponse = {
     defaultCodingAgent: DefaultCodingAgent | null;
     installedCodingAgents: {
         id: DefaultCodingAgent;
         name: string;
+        nameWithType: string;
+    }[];
+    installedTerminals: {
+        id: TerminalId;
+        name: string;
     }[];
-};
-export type UpdateDefaultCodingAgentRequest = {
-    defaultCodingAgent: DefaultCodingAgent | null;
-};
-export type UpdateDefaultCodingAgentResponse = {
-    success: true;
-} | {
-    success: false;
-    reason: string;
 };
 export type PackageInstallSpec = {
     readonly name: string;
@@ -811,6 +842,7 @@ export type InstallPackageResponse = {};
 export type UndoRequest = {};
 export type UndoResponse = {
     success: true;
+    nodePathMutation: SequenceNodePathMutation | null;
 } | {
     success: false;
     reason: string;
@@ -818,6 +850,7 @@ export type UndoResponse = {
 export type RedoRequest = {};
 export type RedoResponse = {
     success: true;
+    nodePathMutation: SequenceNodePathMutation | null;
 } | {
     success: false;
     reason: string;
@@ -837,10 +870,11 @@ export type ApiRoutes = {
     '/api/subscribe-to-file-existence': ReqAndRes<SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse>;
     '/api/remove-render': ReqAndRes<RemoveRenderRequest, undefined>;
     '/api/open-in-editor': ReqAndRes<OpenInEditorRequest, OpenInEditorResponse>;
+    '/api/open-in-coding-agent': ReqAndRes<OpenInCodingAgentRequest, OpenInCodingAgentResponse>;
     '/api/default-coding-agent-info': ReqAndRes<GetDefaultCodingAgentInfoRequest, GetDefaultCodingAgentInfoResponse>;
-    '/api/update-default-coding-agent': ReqAndRes<UpdateDefaultCodingAgentRequest, UpdateDefaultCodingAgentResponse>;
     '/api/find-in-file': ReqAndRes<FindInFileRequest, FindInFileResponse>;
     '/api/open-in-file-explorer': ReqAndRes<OpenInFileExplorerRequest, void>;
+    '/api/open-in-terminal': ReqAndRes<OpenInTerminalRequest, OpenInTerminalResponse>;
     '/api/register-client-render': ReqAndRes<CompletedClientRender, void>;
     '/api/unregister-client-render': ReqAndRes<{
         id: string;
@@ -882,10 +916,10 @@ export type ApiRoutes = {
     '/api/project-info': ReqAndRes<ProjectInfoRequest, ProjectInfoResponse>;
     '/api/delete-static-file': ReqAndRes<DeleteStaticFileRequest, DeleteStaticFileResponse>;
     '/api/rename-static-file': ReqAndRes<RenameStaticFileRequest, RenameStaticFileResponse>;
+    '/api/copy-render-output-to-asset': ReqAndRes<CopyRenderOutputToAssetRequest, CopyRenderOutputToAssetResponse>;
     '/api/restart-studio': ReqAndRes<RestartStudioRequest, RestartStudioResponse>;
-    '/api/update-public-license': ReqAndRes<UpdatePublicLicenseRequest, UpdatePublicLicenseResponse>;
+    '/api/update-config': ReqAndRes<UpdateConfigRequest, UpdateConfigResponse>;
     '/api/default-editor-info': ReqAndRes<GetDefaultEditorInfoRequest, GetDefaultEditorInfoResponse>;
-    '/api/update-default-editor': ReqAndRes<UpdateDefaultEditorRequest, UpdateDefaultEditorResponse>;
     '/api/install-package': ReqAndRes<InstallPackageRequest, InstallPackageResponse>;
     '/api/undo': ReqAndRes<UndoRequest, UndoResponse>;
     '/api/redo': ReqAndRes<RedoRequest, RedoResponse>;

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

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

package/dist/config-method-lifecycles.js

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

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

@@ -1,15 +1,13 @@
-export declare const getDefinePluginDefinitions: ({ maxTimelineTracks, askAIEnabled, interactivityEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, }: {
+export declare const getDefinePluginDefinitions: ({ maxTimelineTracks, askAIEnabled, interactivityEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, }: {
     maxTimelineTracks: number | null;
     askAIEnabled: boolean;
     interactivityEnabled: boolean;
     keyboardShortcutsEnabled: boolean;
     bufferStateDelayInMilliseconds: number | null;
-    experimentalClientSideRenderingEnabled: boolean;
 }) => {
     'process.env.MAX_TIMELINE_TRACKS': number | null;
     'process.env.ASK_AI_ENABLED': boolean;
     'process.env.INTERACTIVITY_ENABLED': boolean;
     'process.env.KEYBOARD_SHORTCUTS_ENABLED': boolean;
     'process.env.BUFFER_STATE_DELAY_IN_MILLISECONDS': number | null;
-    'process.env.EXPERIMENTAL_CLIENT_SIDE_RENDERING_ENABLED': boolean;
 };

package/dist/define-plugin-definitions.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDefinePluginDefinitions = void 0;
-const getDefinePluginDefinitions = ({ maxTimelineTracks, askAIEnabled, interactivityEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, }) => ({
+const getDefinePluginDefinitions = ({ maxTimelineTracks, askAIEnabled, interactivityEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, }) => ({
     'process.env.MAX_TIMELINE_TRACKS': maxTimelineTracks,
     'process.env.ASK_AI_ENABLED': askAIEnabled,
     'process.env.INTERACTIVITY_ENABLED': interactivityEnabled,
     'process.env.KEYBOARD_SHORTCUTS_ENABLED': keyboardShortcutsEnabled,
     'process.env.BUFFER_STATE_DELAY_IN_MILLISECONDS': bufferStateDelayInMilliseconds,
-    'process.env.EXPERIMENTAL_CLIENT_SIDE_RENDERING_ENABLED': experimentalClientSideRenderingEnabled,
 });
 exports.getDefinePluginDefinitions = getDefinePluginDefinitions;

package/dist/easing-clipboard-data.js

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

package/dist/effect-catalog.js

@@ -89,6 +89,17 @@ exports.EFFECT_CATALOG = [
             config: {},
         },
     },
+    {
+        id: 'effects-exposure',
+        category: 'Color',
+        label: 'exposure()',
+        description: 'Stop-based exposure adjustment',
+        effect: {
+            name: 'exposure',
+            importPath: '@remotion/effects/exposure',
+            config: {},
+        },
+    },
     {
         id: 'effects-grayscale',
         category: 'Color',
@@ -122,6 +133,17 @@ exports.EFFECT_CATALOG = [
             config: {},
         },
     },
+    {
+        id: 'effects-levels',
+        category: 'Color',
+        label: 'levels()',
+        description: 'Black point, white point, and gamma',
+        effect: {
+            name: 'levels',
+            importPath: '@remotion/effects/levels',
+            config: {},
+        },
+    },
     {
         id: 'effects-saturation',
         category: 'Color',
@@ -133,6 +155,17 @@ exports.EFFECT_CATALOG = [
             config: {},
         },
     },
+    {
+        id: 'effects-shadows-highlights',
+        category: 'Color',
+        label: 'shadowsHighlights()',
+        description: 'Recover dark and bright tonal regions',
+        effect: {
+            name: 'shadowsHighlights',
+            importPath: '@remotion/effects/shadows-highlights',
+            config: {},
+        },
+    },
     {
         id: 'effects-tint',
         category: 'Color',
@@ -146,6 +179,28 @@ exports.EFFECT_CATALOG = [
             },
         },
     },
+    {
+        id: 'effects-white-balance',
+        category: 'Color',
+        label: 'whiteBalance()',
+        description: 'Temperature and tint correction',
+        effect: {
+            name: 'whiteBalance',
+            importPath: '@remotion/effects/white-balance',
+            config: {},
+        },
+    },
+    {
+        id: 'effects-vibrance',
+        category: 'Color',
+        label: 'vibrance()',
+        description: 'Selective saturation adjustment',
+        effect: {
+            name: 'vibrance',
+            importPath: '@remotion/effects/vibrance',
+            config: {},
+        },
+    },
     {
         id: 'effects-linear-gradient',
         category: 'Color',
@@ -214,6 +269,20 @@ exports.EFFECT_CATALOG = [
             config: {},
         },
     },
+    {
+        id: 'effects-region-blur',
+        category: 'Blur & Shadow',
+        label: 'regionBlur()',
+        description: 'Blur a rectangular or rounded region',
+        effect: {
+            name: 'regionBlur',
+            importPath: '@remotion/effects/region-blur',
+            config: {
+                topLeft: [0.28, 0.18],
+                bottomRight: [0.72, 0.82],
+            },
+        },
+    },
     {
         id: 'effects-zoom-blur',
         category: 'Blur & Shadow',

package/dist/effect-clipboard-data.js

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

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

@@ -4,6 +4,7 @@ export type ElementDragData = {
     type: 'remotion-element';
     version: 1;
     element: {
+        dependencies: string[];
         slug: string;
         displayName: string;
         sourceCode: string;
@@ -13,7 +14,8 @@ export type ElementDragData = {
 export declare const isLowercaseElementFileName: (value: unknown) => value is string;
 export declare const makeElementFileNameFromSlug: (slug: string) => string | null;
 export declare const getElementComponentNameFromSourceCode: (sourceCode: string) => string | null;
-export declare const makeElementDragData: ({ dimensions, displayName, slug, sourceCode, }: {
+export declare const makeElementDragData: ({ dependencies, dimensions, displayName, slug, sourceCode, }: {
+    dependencies: string[];
     slug: string;
     displayName: string;
     sourceCode: string;

package/dist/element-drag-data.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseElementDragData = exports.makeElementDragData = exports.getElementComponentNameFromSourceCode = exports.makeElementFileNameFromSlug = exports.isLowercaseElementFileName = exports.ELEMENT_DRAG_MIME_TYPE = void 0;
 const component_drag_data_1 = require("./component-drag-data");
+const package_name_1 = require("./package-name");
 const drag_mime_types_1 = require("./drag-mime-types");
 Object.defineProperty(exports, "ELEMENT_DRAG_MIME_TYPE", { enumerable: true, get: function () { return drag_mime_types_1.ELEMENT_DRAG_MIME_TYPE; } });
 const isRecord = (value) => {
@@ -48,6 +49,11 @@ const isSourceCode = (value) => {
         value.trim().length > 0 &&
         value.length < 200000);
 };
+const isDependencies = (value) => {
+    return (Array.isArray(value) &&
+        value.length <= 100 &&
+        value.every((dependency) => typeof dependency === 'string' && (0, package_name_1.isValidPackageName)(dependency)));
+};
 const isDimensions = (value) => {
     if (!isRecord(value)) {
         return false;
@@ -69,11 +75,12 @@ const getElementComponentNameFromSourceCode = (sourceCode) => {
     return (0, component_drag_data_1.isComponentIdentifier)(componentName) ? componentName : null;
 };
 exports.getElementComponentNameFromSourceCode = getElementComponentNameFromSourceCode;
-const makeElementDragData = ({ dimensions, displayName, slug, sourceCode, }) => {
+const makeElementDragData = ({ dependencies, dimensions, displayName, slug, sourceCode, }) => {
     return {
         type: 'remotion-element',
         version: 1,
         element: {
+            dependencies: Array.from(new Set(dependencies)),
             slug,
             displayName,
             sourceCode,
@@ -94,18 +101,20 @@ const parseElementDragData = (value) => {
         if (!isRecord(parsed.element)) {
             return null;
         }
-        const { dimensions, displayName, slug, sourceCode } = parsed.element;
+        const { dependencies, dimensions, displayName, slug, sourceCode } = parsed.element;
         if (!isSlug(slug) ||
             !isDisplayName(displayName) ||
             !isSourceCode(sourceCode) ||
             (0, exports.getElementComponentNameFromSourceCode)(sourceCode) === null ||
             (0, exports.makeElementFileNameFromSlug)(slug) === null ||
+            (dependencies !== undefined && !isDependencies(dependencies)) ||
             (dimensions !== undefined &&
                 dimensions !== null &&
                 !isDimensions(dimensions))) {
             return null;
         }
         return (0, exports.makeElementDragData)({
+            dependencies: dependencies !== null && dependencies !== void 0 ? dependencies : [],
             slug,
             displayName,
             sourceCode,