@remotion/studio-shared 4.0.515 → 4.0.516

package/dist/api-requests.d.ts

@@ -817,6 +817,11 @@ export type GetRemotionSkillsInfoRequest = {};
 export type GetRemotionSkillsInfoResponse = {
     remotionUpgradeSkillAvailable: boolean;
     remotionInteractivitySkillAvailable: boolean;
+    skills: {
+        name: string;
+        installedInProject: boolean;
+        installedGlobally: boolean;
+    }[];
 };
 export type ProjectInfoRequest = {};
 export type ProjectInfoResponse = {

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

@@ -1,5 +1,5 @@
 import type { ElementDragData } from '@remotion/studio-protocol';
-import type { AddEffectKeyframeRequest, AddEffectKeyframeResponse, AddEffectRequest, AddEffectResponse, AddKeyframesRequest, AddKeyframesResponse, AddSequenceKeyframeRequest, AddSequenceKeyframeResponse, ApplyCodemodRequest, ApplyCodemodResponse, BatchUpdateKeyframeSettingsRequest, BatchUpdateKeyframeSettingsResponse, CompositionComponentInfoRequest, CompositionComponentInfoResponse, DeleteJsxNodeRequest, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteEffectRequest, DeleteEffectResponse, DeleteStaticFileRequest, DeleteStaticFileResponse, FindInFileRequest, FindInFileResponse, DuplicateEffectRequest, DuplicateEffectResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertElementRequest, InsertElementResponse, InstallPackageRequest, MoveKeyframesRequest, MoveKeyframesResponse, PasteEffectsRequest, PasteEffectsResponse, PrepareElementInstallRequest, PrepareElementInstallResponse, RedoResponse, RenameStaticFileRequest, RenameStaticFileResponse, ReorderEffectRequest, ReorderEffectResponse, ReorderSequenceRequest, ReorderSequenceResponse, SaveSequencePropsRequest, SaveSequencePropsResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveMultipleEffectPropsRequest, SaveMultipleEffectPropsResponse, SimpleDiff, SplitJsxSequenceRequest, SplitJsxSequenceResponse, SplitVideoFromAudioRequest, SplitVideoFromAudioResponse, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromSequencePropsRequest, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse, UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse } from './api-requests';
+import type { AddEffectKeyframeRequest, AddEffectKeyframeResponse, AddEffectRequest, AddEffectResponse, AddKeyframesRequest, AddKeyframesResponse, AddSequenceKeyframeRequest, AddSequenceKeyframeResponse, ApplyCodemodRequest, ApplyCodemodResponse, BatchUpdateKeyframeSettingsRequest, BatchUpdateKeyframeSettingsResponse, CompositionComponentInfoRequest, CompositionComponentInfoResponse, DeleteJsxNodeRequest, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteEffectRequest, DeleteEffectResponse, DeleteStaticFileRequest, DeleteStaticFileResponse, DownloadRemoteAssetRequest, DownloadRemoteAssetResponse, FindInFileRequest, FindInFileResponse, DuplicateEffectRequest, DuplicateEffectResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertElementRequest, InsertElementResponse, InstallPackageRequest, MoveKeyframesRequest, MoveKeyframesResponse, PasteEffectsRequest, PasteEffectsResponse, PrepareElementInstallRequest, PrepareElementInstallResponse, RedoResponse, RenameStaticFileRequest, RenameStaticFileResponse, ReorderEffectRequest, ReorderEffectResponse, ReorderSequenceRequest, ReorderSequenceResponse, SaveSequencePropsRequest, SaveSequencePropsResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveMultipleEffectPropsRequest, SaveMultipleEffectPropsResponse, SimpleDiff, SplitJsxSequenceRequest, SplitJsxSequenceResponse, SplitVideoFromAudioRequest, SplitVideoFromAudioResponse, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromSequencePropsRequest, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse, UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse } from './api-requests';
 import type { RecastCodemod } from './codemods';
 import type { EventSourceEvent } from './event-source-event';
 export type WriteStaticFileRequest = {
@@ -61,7 +61,9 @@ export type BrowserStudioOperations = {
         data: Uint8Array;
         fileName: string;
     }>;
+    downloadRemoteAsset: (request: DownloadRemoteAssetRequest) => Promise<DownloadRemoteAssetResponse>;
     duplicateComposition: (request: DuplicateCompositionRequest) => Promise<DuplicateCompositionResponse>;
+    duplicateJsxNode: (request: DuplicateJsxNodeRequest) => Promise<DuplicateJsxNodeResponse>;
     effects: BrowserStudioEffectOperations;
     findInFile: (request: FindInFileRequest) => Promise<FindInFileResponse>;
     getFileSource: (fileName: string) => Promise<string | null>;

package/dist/esm/index.mjs

@@ -524,6 +524,56 @@ var detectFileType = (data) => {
   }
   return { type: "unknown" };
 };
+// src/remote-asset.ts
+var maxRemoteAssetSize = 50 * 1024 * 1024;
+var remoteAssetDownloadTimeout = 15000;
+var remoteAssetAcceptHeader = "image/png,image/apng,image/jpeg,image/webp,image/bmp,image/gif";
+var extensionsForFileType = {
+  png: ["png"],
+  apng: ["png", "apng"],
+  jpeg: ["jpg", "jpeg"],
+  webp: ["webp"],
+  bmp: ["bmp"],
+  gif: ["gif"]
+};
+var getRemoteAssetFilename = ({
+  fileType,
+  url
+}) => {
+  const encodedBasename = url.pathname.slice(url.pathname.lastIndexOf("/") + 1);
+  let basename;
+  try {
+    basename = decodeURIComponent(encodedBasename);
+  } catch {
+    basename = encodedBasename;
+  }
+  const sanitized = Array.from(basename).map((character) => {
+    const charCode = character.charCodeAt(0);
+    return charCode <= 31 || '<>:"/\\|?*'.includes(character) ? "-" : character;
+  }).join("").trim().replace(/^[. ]+|[. ]+$/g, "");
+  const filenameWithoutFallback = sanitized === "" ? "image" : sanitized;
+  const extensions = extensionsForFileType[fileType.type];
+  const lastDot = filenameWithoutFallback.lastIndexOf(".");
+  const extension = lastDot > 0 ? filenameWithoutFallback.slice(lastDot + 1).toLowerCase() : "";
+  if (extensions.includes(extension)) {
+    return filenameWithoutFallback;
+  }
+  const withoutExtension = extension ? filenameWithoutFallback.slice(0, -(extension.length + 1)) : filenameWithoutFallback;
+  const safeName = withoutExtension === "" ? "image" : withoutExtension;
+  return `${safeName}.${extensions[0]}`;
+};
+var getRemoteAssetElement = ({
+  assetPath,
+  fileType
+}) => ({
+  type: "asset",
+  assetType: fileType.type === "gif" ? "gif" : fileType.type === "apng" || fileType.type === "webp" && fileType.animated ? "animated-image" : "image",
+  src: assetPath,
+  srcType: "static",
+  dimensions: fileType.dimensions,
+  durationInFrames: null,
+  position: null
+});
 // src/easing-clipboard-data.ts
 var isRecord2 = (value) => {
   return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -3179,6 +3229,7 @@ var stringifyDefaultProps = ({
 // src/studio-entry-points.ts
 var getStudioEntryPoints = ({
   fastRefreshRuntime,
+  reactScan,
   environmentSetup,
   sequenceStackTraces,
   userDefinedComponent,
@@ -3186,6 +3237,7 @@ var getStudioEntryPoints = ({
   studioRenderEntry
 }) => [
   fastRefreshRuntime,
+  reactScan,
   environmentSetup,
   sequenceStackTraces,
   userDefinedComponent,
@@ -3977,6 +4029,8 @@ export {
   stringifySequenceExpandedRowKey,
   stringifyDefaultProps,
   splitAnsi,
+  remoteAssetDownloadTimeout,
+  remoteAssetAcceptHeader,
   parseSpringEasingConfig,
   parseSequencePropClipboardDataResult,
   parseSequencePropClipboardData,
@@ -4003,6 +4057,7 @@ export {
   optimisticAddSequenceKeyframe,
   optimisticAddEffectKeyframe,
   moveKeyframesInPropStatus,
+  maxRemoteAssetSize,
   keyframeInterpolationFunctions,
   isValidPackageName,
   isUrl,
@@ -4020,6 +4075,8 @@ export {
   getSchemaFieldGroup,
   getRequiredPackageForInsertableElement,
   getRequiredPackageForEffectImportPath,
+  getRemoteAssetFilename,
+  getRemoteAssetElement,
   getProjectName,
   getPolyKeyframeEasing,
   getOutKeyframeEasing,

package/dist/esm/studio-entry-points.mjs

@@ -1,6 +1,7 @@
 // src/studio-entry-points.ts
 var getStudioEntryPoints = ({
   fastRefreshRuntime,
+  reactScan,
   environmentSetup,
   sequenceStackTraces,
   userDefinedComponent,
@@ -8,6 +9,7 @@ var getStudioEntryPoints = ({
   studioRenderEntry
 }) => [
   fastRefreshRuntime,
+  reactScan,
   environmentSetup,
   sequenceStackTraces,
   userDefinedComponent,

package/dist/index.d.ts

@@ -14,6 +14,7 @@ export { getConfigFileChangeMessage, type ConfigFileChangeType, } from './config
 export { configMethodLifecycles } from './config-method-lifecycles';
 export { DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS } from './default-buffer-state-delay-in-milliseconds';
 export { detectFileType, isImageFileType, type FileDimensions, type FileType, type ImageFileType, } from './detect-file-type';
+export { getRemoteAssetElement, getRemoteAssetFilename, maxRemoteAssetSize, remoteAssetAcceptHeader, remoteAssetDownloadTimeout, } from './remote-asset';
 export { parseEasingClipboardData, parseEasingClipboardDataResult, type EasingClipboardData, type EasingClipboardDataParseResult, } from './easing-clipboard-data';
 export { EFFECT_CATALOG, getEffectCatalogCategories, getEffectDocumentationLink, getEffectDocumentationPath, getEffectPreviewAlt, getEffectPreviewSource, 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';

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.isSchemaFieldHoldOnly = exports.getKeyframeInterpolationFunction = exports.canEditEasingForInterpolationFunction = exports.getPolyKeyframeEasing = exports.getOutKeyframeEasing = exports.getBackKeyframeEasing = exports.QUAD_KEYFRAME_EASING = exports.LINEAR_KEYFRAME_EASING = exports.KEYFRAME_EASING_PRESETS = exports.HOLD_KEYFRAME_EASING = exports.EASE_KEYFRAME_EASING = exports.CUBIC_KEYFRAME_EASING = exports.parseKeyframeClipboardDataResult = exports.parseKeyframeClipboardData = exports.isKeyframeClipboardFieldType = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = exports.getAssetSchemaKeys = exports.getAllSchemaKeys = exports.formatBytes = exports.parseSequencePropClipboardDataResult = exports.parseSequencePropClipboardData = exports.parseEffectPropClipboardDataResult = exports.parseEffectPropClipboardData = exports.parseEffectClipboardDataResult = exports.parseEffectClipboardData = exports.getEffectPreviewSource = exports.getEffectPreviewAlt = exports.getEffectDocumentationPath = exports.getEffectDocumentationLink = exports.getEffectCatalogCategories = exports.EFFECT_CATALOG = exports.parseEasingClipboardDataResult = exports.parseEasingClipboardData = exports.isImageFileType = exports.detectFileType = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.configMethodLifecycles = exports.getConfigFileChangeMessage = exports.hasSequenceTimingTraits = exports.REACT_REFRESH_FINISHED_EVENT = exports.compositionDragDataToSymbolicatedStack = exports.parseCanvasCaptureData = exports.CANVAS_CAPTURE_METADATA_TAG = 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.getStylePropertyLonghandKeys = exports.BORDER_RADIUS_SHORTHAND_KEY = exports.BORDER_RADIUS_LONGHAND_KEYS = exports.studioHtml = exports.getStudioEntryPoints = exports.stringifyDefaultProps = 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.keyframeInterpolationFunctions = exports.isSchemaFieldKeyframable = exports.isKeyframeInterpolationFunction = void 0;
+exports.getPolyKeyframeEasing = exports.getOutKeyframeEasing = exports.getBackKeyframeEasing = exports.QUAD_KEYFRAME_EASING = exports.LINEAR_KEYFRAME_EASING = exports.KEYFRAME_EASING_PRESETS = exports.HOLD_KEYFRAME_EASING = exports.EASE_KEYFRAME_EASING = exports.CUBIC_KEYFRAME_EASING = exports.parseKeyframeClipboardDataResult = exports.parseKeyframeClipboardData = exports.isKeyframeClipboardFieldType = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = exports.getAssetSchemaKeys = exports.getAllSchemaKeys = exports.formatBytes = exports.parseSequencePropClipboardDataResult = exports.parseSequencePropClipboardData = exports.parseEffectPropClipboardDataResult = exports.parseEffectPropClipboardData = exports.parseEffectClipboardDataResult = exports.parseEffectClipboardData = exports.getEffectPreviewSource = exports.getEffectPreviewAlt = exports.getEffectDocumentationPath = exports.getEffectDocumentationLink = exports.getEffectCatalogCategories = exports.EFFECT_CATALOG = exports.parseEasingClipboardDataResult = exports.parseEasingClipboardData = exports.remoteAssetDownloadTimeout = exports.remoteAssetAcceptHeader = exports.maxRemoteAssetSize = exports.getRemoteAssetFilename = exports.getRemoteAssetElement = exports.isImageFileType = exports.detectFileType = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.configMethodLifecycles = exports.getConfigFileChangeMessage = exports.hasSequenceTimingTraits = exports.REACT_REFRESH_FINISHED_EVENT = exports.compositionDragDataToSymbolicatedStack = exports.parseCanvasCaptureData = exports.CANVAS_CAPTURE_METADATA_TAG = 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.getStylePropertyLonghandKeys = exports.BORDER_RADIUS_SHORTHAND_KEY = exports.BORDER_RADIUS_LONGHAND_KEYS = exports.studioHtml = exports.getStudioEntryPoints = exports.stringifyDefaultProps = 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.keyframeInterpolationFunctions = exports.isSchemaFieldKeyframable = exports.isKeyframeInterpolationFunction = exports.isInteractivitySchemaFieldKeyframable = exports.getKeyframeInterpolationFunctionForSchemaField = exports.isSchemaFieldHoldOnly = exports.getKeyframeInterpolationFunction = exports.canEditEasingForInterpolationFunction = 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; } });
@@ -38,6 +38,12 @@ Object.defineProperty(exports, "DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS", { e
 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 remote_asset_1 = require("./remote-asset");
+Object.defineProperty(exports, "getRemoteAssetElement", { enumerable: true, get: function () { return remote_asset_1.getRemoteAssetElement; } });
+Object.defineProperty(exports, "getRemoteAssetFilename", { enumerable: true, get: function () { return remote_asset_1.getRemoteAssetFilename; } });
+Object.defineProperty(exports, "maxRemoteAssetSize", { enumerable: true, get: function () { return remote_asset_1.maxRemoteAssetSize; } });
+Object.defineProperty(exports, "remoteAssetAcceptHeader", { enumerable: true, get: function () { return remote_asset_1.remoteAssetAcceptHeader; } });
+Object.defineProperty(exports, "remoteAssetDownloadTimeout", { enumerable: true, get: function () { return remote_asset_1.remoteAssetDownloadTimeout; } });
 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; } });

package/dist/remote-asset.d.ts

@@ -0,0 +1,13 @@
+import type { InsertableCompositionElement } from './api-requests';
+import type { ImageFileType } from './detect-file-type';
+export declare const maxRemoteAssetSize: number;
+export declare const remoteAssetDownloadTimeout = 15000;
+export declare const remoteAssetAcceptHeader = "image/png,image/apng,image/jpeg,image/webp,image/bmp,image/gif";
+export declare const getRemoteAssetFilename: ({ fileType, url, }: {
+    fileType: ImageFileType;
+    url: URL;
+}) => string;
+export declare const getRemoteAssetElement: ({ assetPath, fileType, }: {
+    assetPath: string;
+    fileType: ImageFileType;
+}) => InsertableCompositionElement;

package/dist/remote-asset.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRemoteAssetElement = exports.getRemoteAssetFilename = exports.remoteAssetAcceptHeader = exports.remoteAssetDownloadTimeout = exports.maxRemoteAssetSize = void 0;
+exports.maxRemoteAssetSize = 50 * 1024 * 1024;
+exports.remoteAssetDownloadTimeout = 15000;
+exports.remoteAssetAcceptHeader = 'image/png,image/apng,image/jpeg,image/webp,image/bmp,image/gif';
+const extensionsForFileType = {
+    png: ['png'],
+    apng: ['png', 'apng'],
+    jpeg: ['jpg', 'jpeg'],
+    webp: ['webp'],
+    bmp: ['bmp'],
+    gif: ['gif'],
+};
+const getRemoteAssetFilename = ({ fileType, url, }) => {
+    const encodedBasename = url.pathname.slice(url.pathname.lastIndexOf('/') + 1);
+    let basename;
+    try {
+        basename = decodeURIComponent(encodedBasename);
+    }
+    catch (_a) {
+        basename = encodedBasename;
+    }
+    const sanitized = Array.from(basename)
+        .map((character) => {
+        const charCode = character.charCodeAt(0);
+        return charCode <= 31 || '<>:"/\\|?*'.includes(character)
+            ? '-'
+            : character;
+    })
+        .join('')
+        .trim()
+        .replace(/^[. ]+|[. ]+$/g, '');
+    const filenameWithoutFallback = sanitized === '' ? 'image' : sanitized;
+    const extensions = extensionsForFileType[fileType.type];
+    const lastDot = filenameWithoutFallback.lastIndexOf('.');
+    const extension = lastDot > 0 ? filenameWithoutFallback.slice(lastDot + 1).toLowerCase() : '';
+    if (extensions.includes(extension)) {
+        return filenameWithoutFallback;
+    }
+    const withoutExtension = extension
+        ? filenameWithoutFallback.slice(0, -(extension.length + 1))
+        : filenameWithoutFallback;
+    const safeName = withoutExtension === '' ? 'image' : withoutExtension;
+    return `${safeName}.${extensions[0]}`;
+};
+exports.getRemoteAssetFilename = getRemoteAssetFilename;
+const getRemoteAssetElement = ({ assetPath, fileType, }) => ({
+    type: 'asset',
+    assetType: fileType.type === 'gif'
+        ? 'gif'
+        : fileType.type === 'apng' ||
+            (fileType.type === 'webp' && fileType.animated)
+            ? 'animated-image'
+            : 'image',
+    src: assetPath,
+    srcType: 'static',
+    dimensions: fileType.dimensions,
+    durationInFrames: null,
+    position: null,
+});
+exports.getRemoteAssetElement = getRemoteAssetElement;

package/dist/studio-entry-points.d.ts

@@ -1,9 +1,10 @@
 export type StudioEntryPointPaths = {
     fastRefreshRuntime: string | null;
+    reactScan: string | null;
     environmentSetup: string;
     sequenceStackTraces: string | null;
     userDefinedComponent: string;
     reactShim: string;
     studioRenderEntry: string;
 };
-export declare const getStudioEntryPoints: ({ fastRefreshRuntime, environmentSetup, sequenceStackTraces, userDefinedComponent, reactShim, studioRenderEntry, }: StudioEntryPointPaths) => [string, ...string[]];
+export declare const getStudioEntryPoints: ({ fastRefreshRuntime, reactScan, environmentSetup, sequenceStackTraces, userDefinedComponent, reactShim, studioRenderEntry, }: StudioEntryPointPaths) => [string, ...string[]];

package/dist/studio-entry-points.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStudioEntryPoints = void 0;
-const getStudioEntryPoints = ({ fastRefreshRuntime, environmentSetup, sequenceStackTraces, userDefinedComponent, reactShim, studioRenderEntry, }) => [
+const getStudioEntryPoints = ({ fastRefreshRuntime, reactScan, environmentSetup, sequenceStackTraces, userDefinedComponent, reactShim, studioRenderEntry, }) => [
     // Fast Refresh must come first because setup-environment imports ReactDOM.
     // If ReactDOM is imported before Fast Refresh, Fast Refresh does not work.
     fastRefreshRuntime,
+    reactScan,
     environmentSetup,
     sequenceStackTraces,
     userDefinedComponent,

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.515",
+	"version": "4.0.516",
 	"description": "Internal package for shared objects between the Studio backend and frontend",
 	"main": "dist",
 	"module": "dist/esm/index.mjs",
@@ -21,12 +21,12 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.515",
-		"remotion": "4.0.515"
+		"@remotion/studio-protocol": "4.0.516",
+		"remotion": "4.0.516"
 	},
 	"devDependencies": {
-		"@remotion/renderer": "4.0.515",
-		"@remotion/eslint-config-internal": "4.0.515",
+		"@remotion/renderer": "4.0.516",
+		"@remotion/eslint-config-internal": "4.0.516",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},