@remotion/studio-shared 4.0.500 → 4.0.502

package/dist/esm/keyframe-easing-presets.mjs

@@ -0,0 +1,123 @@
+// src/keyframe-easing-presets.ts
+var LINEAR_KEYFRAME_EASING = { type: "linear" };
+var EASE_KEYFRAME_EASING = {
+  type: "bezier",
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
+var QUAD_KEYFRAME_EASING = {
+  type: "bezier",
+  x1: 1 / 3,
+  y1: 0,
+  x2: 2 / 3,
+  y2: 1 / 3
+};
+var CUBIC_KEYFRAME_EASING = {
+  type: "bezier",
+  x1: 1 / 3,
+  y1: 0,
+  x2: 2 / 3,
+  y2: 0
+};
+var getBackKeyframeEasing = (s = 1.70158) => ({
+  type: "bezier",
+  x1: 1 / 3,
+  y1: 0,
+  x2: 2 / 3,
+  y2: -s / 3
+});
+var getPolyKeyframeEasing = (n) => {
+  if (n === 1) {
+    return LINEAR_KEYFRAME_EASING;
+  }
+  if (n === 2) {
+    return QUAD_KEYFRAME_EASING;
+  }
+  if (n === 3) {
+    return CUBIC_KEYFRAME_EASING;
+  }
+  return null;
+};
+var getOutKeyframeEasing = (easing) => {
+  if (easing.type === "linear") {
+    return 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
+  };
+};
+var KEYFRAME_EASING_PRESETS = [
+  {
+    id: "ease-in",
+    label: "Ease in",
+    easing: { type: "bezier", x1: 0.42, y1: 0, x2: 1, y2: 1 }
+  },
+  {
+    id: "ease-out",
+    label: "Ease out",
+    easing: { type: "bezier", x1: 0, y1: 0, x2: 0.58, y2: 1 }
+  },
+  {
+    id: "ease-in-out",
+    label: "Ease in-out",
+    easing: { type: "bezier", x1: 0.42, y1: 0, x2: 0.58, y2: 1 }
+  },
+  {
+    id: "tail-spring",
+    label: "Tail spring",
+    easing: {
+      type: "spring",
+      allowTail: true,
+      damping: 200,
+      durationRestThreshold: 0.02,
+      mass: 1,
+      overshootClamping: false,
+      stiffness: 100
+    }
+  },
+  {
+    id: "spring",
+    label: "Spring",
+    easing: {
+      type: "spring",
+      allowTail: true,
+      damping: 10,
+      durationRestThreshold: 0.02,
+      mass: 1,
+      overshootClamping: false,
+      stiffness: 100
+    }
+  },
+  {
+    id: "bouncy-spring",
+    label: "Bouncy spring",
+    easing: {
+      type: "spring",
+      allowTail: true,
+      damping: 5,
+      durationRestThreshold: 0.02,
+      mass: 1,
+      overshootClamping: false,
+      stiffness: 120
+    }
+  }
+];
+export {
+  getPolyKeyframeEasing,
+  getOutKeyframeEasing,
+  getBackKeyframeEasing,
+  QUAD_KEYFRAME_EASING,
+  LINEAR_KEYFRAME_EASING,
+  KEYFRAME_EASING_PRESETS,
+  EASE_KEYFRAME_EASING,
+  CUBIC_KEYFRAME_EASING
+};

package/dist/esm/keyframe-interpolation-function.mjs

@@ -0,0 +1,114 @@
+// src/keyframe-interpolation-function.ts
+var keyframeInterpolationFunctions = [
+  "interpolate",
+  "interpolateColors"
+];
+var KEYFRAME_FIELD_TYPE_SUPPORT = {
+  array: false,
+  asset: false,
+  boolean: false,
+  "remotion-captions": false,
+  color: true,
+  enum: false,
+  "font-family": false,
+  hidden: true,
+  number: true,
+  "rotation-css": true,
+  "rotation-degrees": true,
+  scale: true,
+  "text-content": false,
+  "transform-origin": true,
+  translate: true,
+  "uv-coordinate": true
+};
+var KEYFRAME_FIELD_TYPE_INTERPOLATION = {
+  array: "unsupported",
+  asset: "unsupported",
+  boolean: "unsupported",
+  "remotion-captions": "unsupported",
+  color: "interpolateColors",
+  enum: "unsupported",
+  "font-family": "unsupported",
+  hidden: "infer",
+  number: "infer",
+  "rotation-css": "interpolate",
+  "rotation-degrees": "infer",
+  scale: "interpolate",
+  "text-content": "unsupported",
+  "transform-origin": "interpolate",
+  translate: "interpolate",
+  "uv-coordinate": "infer"
+};
+var KEYFRAME_INTERPOLATION_EASING_SUPPORT = {
+  interpolate: true,
+  interpolateColors: true
+};
+var isKeyframeInterpolationFunction = (name) => {
+  return keyframeInterpolationFunctions.includes(name);
+};
+var canEditEasingForInterpolationFunction = (interpolationFunction) => isKeyframeInterpolationFunction(interpolationFunction) && KEYFRAME_INTERPOLATION_EASING_SUPPORT[interpolationFunction];
+var isInteractivitySchemaFieldKeyframable = (field) => {
+  if (!field) {
+    return true;
+  }
+  return KEYFRAME_FIELD_TYPE_SUPPORT[field.type] && field.keyframable !== false;
+};
+var findFieldInSchema = (schema, key) => {
+  if (key in schema) {
+    return schema[key];
+  }
+  for (const field of Object.values(schema)) {
+    if (field.type !== "enum") {
+      continue;
+    }
+    for (const variant of Object.values(field.variants)) {
+      const found = findFieldInSchema(variant, key);
+      if (found) {
+        return found;
+      }
+    }
+  }
+  return;
+};
+var isSchemaFieldKeyframable = ({
+  schema,
+  key
+}) => {
+  const field = schema ? findFieldInSchema(schema, key) : undefined;
+  return isInteractivitySchemaFieldKeyframable(field);
+};
+var getKeyframeInterpolationFunctionForSchemaField = ({
+  schema,
+  key
+}) => {
+  const field = schema ? findFieldInSchema(schema, key) : undefined;
+  if (!field) {
+    return null;
+  }
+  const strategy = KEYFRAME_FIELD_TYPE_INTERPOLATION[field.type];
+  return strategy === "infer" || strategy === "unsupported" ? null : strategy;
+};
+var getKeyframeInterpolationFunction = ({
+  schema,
+  key,
+  staticValue,
+  newValue
+}) => {
+  const schemaFunction = getKeyframeInterpolationFunctionForSchemaField({
+    schema,
+    key
+  });
+  if (schemaFunction) {
+    return schemaFunction;
+  }
+  return typeof staticValue === "string" && typeof newValue === "string" ? "interpolateColors" : "interpolate";
+};
+export {
+  keyframeInterpolationFunctions,
+  isSchemaFieldKeyframable,
+  isKeyframeInterpolationFunction,
+  isInteractivitySchemaFieldKeyframable,
+  getKeyframeInterpolationFunctionForSchemaField,
+  getKeyframeInterpolationFunction,
+  canEditEasingForInterpolationFunction
+};

package/dist/esm/parse-spring-easing-config.mjs

@@ -0,0 +1,92 @@
+// src/parse-spring-easing-config.ts
+var DEFAULT_SPRING_EASING = {
+  type: "spring",
+  allowTail: null,
+  damping: 10,
+  durationRestThreshold: null,
+  mass: 1,
+  overshootClamping: false,
+  stiffness: 100
+};
+var isAstNode = (value) => {
+  return typeof value === "object" && value !== null && typeof value.type === "string";
+};
+var getNumericValue = (node) => {
+  if (node.type === "NumericLiteral") {
+    return typeof node.value === "number" ? node.value : null;
+  }
+  if (node.type === "UnaryExpression" && (node.operator === "-" || node.operator === "+") && isAstNode(node.argument) && node.argument.type === "NumericLiteral" && typeof node.argument.value === "number") {
+    return node.operator === "-" ? -node.argument.value : node.argument.value;
+  }
+  if (node.type === "TSAsExpression" && isAstNode(node.expression)) {
+    return getNumericValue(node.expression);
+  }
+  return null;
+};
+var getBooleanValue = (node) => {
+  if (node.type === "BooleanLiteral") {
+    return typeof node.value === "boolean" ? node.value : null;
+  }
+  if (node.type === "TSAsExpression" && isAstNode(node.expression)) {
+    return getBooleanValue(node.expression);
+  }
+  return null;
+};
+var getObjectPropertyName = (prop) => {
+  if (prop.computed === true || !isAstNode(prop.key)) {
+    return null;
+  }
+  if (prop.key.type === "Identifier") {
+    return typeof prop.key.name === "string" ? prop.key.name : null;
+  }
+  if (prop.key.type === "StringLiteral") {
+    return typeof prop.key.value === "string" ? prop.key.value : null;
+  }
+  return null;
+};
+var parseSpringEasingConfig = (node) => {
+  if (node === undefined) {
+    return { ...DEFAULT_SPRING_EASING };
+  }
+  if (!isAstNode(node)) {
+    return null;
+  }
+  if (node.type === "TSAsExpression") {
+    return parseSpringEasingConfig(node.expression);
+  }
+  if (node.type !== "ObjectExpression" || !Array.isArray(node.properties)) {
+    return null;
+  }
+  const spring = { ...DEFAULT_SPRING_EASING };
+  for (const prop of node.properties) {
+    if (!isAstNode(prop) || prop.type !== "ObjectProperty") {
+      return null;
+    }
+    const key = getObjectPropertyName(prop);
+    if (!key || !isAstNode(prop.value)) {
+      return null;
+    }
+    if (key === "damping" || key === "mass" || key === "stiffness" || key === "durationRestThreshold") {
+      const numericValue = getNumericValue(prop.value);
+      if (numericValue === null || !Number.isFinite(numericValue) || numericValue <= 0) {
+        return null;
+      }
+      spring[key] = numericValue;
+      continue;
+    }
+    if (key === "overshootClamping" || key === "allowTail") {
+      const booleanValue = getBooleanValue(prop.value);
+      if (booleanValue === null) {
+        return null;
+      }
+      spring[key] = booleanValue;
+      continue;
+    }
+    return null;
+  }
+  return spring;
+};
+export {
+  parseSpringEasingConfig,
+  DEFAULT_SPRING_EASING
+};

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

@@ -0,0 +1,19 @@
+// src/studio-entry-points.ts
+var getStudioEntryPoints = ({
+  fastRefreshRuntime,
+  environmentSetup,
+  sequenceStackTraces,
+  userDefinedComponent,
+  reactShim,
+  studioRenderEntry
+}) => [
+  fastRefreshRuntime,
+  environmentSetup,
+  sequenceStackTraces,
+  userDefinedComponent,
+  reactShim,
+  studioRenderEntry
+].filter(Boolean);
+export {
+  getStudioEntryPoints
+};

package/dist/esm/studio-html.mjs

@@ -0,0 +1,102 @@
+// src/studio-html.ts
+import { Internals, VERSION } from "remotion";
+var studioHtml = ({
+  publicPath,
+  editorName,
+  inputProps,
+  envVariables,
+  staticHash,
+  remotionRoot,
+  studioServerCommand,
+  renderQueue,
+  completedClientRenders,
+  numberOfAudioTags,
+  publicFiles,
+  includeFavicon,
+  title,
+  renderDefaults,
+  publicFolderExists,
+  fileSystemPlatform,
+  gitSource,
+  projectName,
+  installedDependencies,
+  packageManager,
+  audioLatencyHint,
+  sampleRate,
+  logLevel,
+  mode,
+  bundleScriptUrl,
+  readOnlyStudio,
+  studioRuntimeConfig
+}) => {
+  const scriptUrl = bundleScriptUrl ?? `${publicPath}bundle.js`;
+  const isRelativeBundle = mode === "bundle" && publicPath === "./";
+  const staticBaseValue = isRelativeBundle ? `new URL(${JSON.stringify(staticHash)}, window.location.href).pathname` : JSON.stringify(staticHash);
+  const staticFilesValue = isRelativeBundle ? `${JSON.stringify(publicFiles)}.map((file) => ({...file, src: new URL(file.src, window.location.href).pathname}))` : JSON.stringify(publicFiles);
+  const publicFolderExistsValue = isRelativeBundle && publicFolderExists ? `new URL(${JSON.stringify(publicFolderExists)}, window.location.href).pathname` : JSON.stringify(publicFolderExists);
+  return `
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		${includeFavicon ? `<link id="__remotion_favicon" rel="icon" type="image/png" href="${publicPath}favicon.ico" />` : ""}
+		<title>${title}</title>
+	</head>
+	<body>
+		<script>window.remotion_numberOfAudioTags = ${numberOfAudioTags};</script>
+		<script>window.remotion_audioLatencyHint = "${audioLatencyHint}";</script>
+		<script>window.remotion_sampleRate = ${sampleRate};</script>
+		<script>window.remotion_previewSampleRate = ${sampleRate};</script>
+		${mode === "dev" ? `<script>window.remotion_logLevel = "${logLevel}";</script>` : ""}
+		<script>window.remotion_staticBase = ${staticBaseValue};</script>
+		${editorName ? `<script>window.remotion_editorName = "${editorName}";</script>` : "<script>window.remotion_editorName = null;</script>"}
+		<script>window.remotion_projectName = ${JSON.stringify(projectName)};</script>
+		<script>window.remotion_publicPath = ${JSON.stringify(publicPath)};</script>
+		<script>window.remotion_audioEnabled = true;</script>
+		<script>window.remotion_videoEnabled = true;</script>
+		<script>window.remotion_studioConfig = ${JSON.stringify(studioRuntimeConfig ?? null)};</script>
+		<script>window.remotion_renderDefaults = ${JSON.stringify(renderDefaults)};</script>
+		<script>window.remotion_cwd = ${JSON.stringify(remotionRoot)};</script>
+		<script>window.remotion_fileSystemPlatform = ${JSON.stringify(fileSystemPlatform)};</script>
+		<script>window.remotion_studioServerCommand = ${studioServerCommand ? JSON.stringify(studioServerCommand) : "null"};</script>
+		${inputProps ? `<script>window.remotion_inputProps = ${JSON.stringify(JSON.stringify(inputProps))};</script>` : ""}
+		${renderQueue ? `<script>window.remotion_initialRenderQueue = ${JSON.stringify(renderQueue)};</script>` : ""}
+		${completedClientRenders ? `<script>window.remotion_initialClientRenders = ${JSON.stringify(completedClientRenders)};</script>` : ""}
+		${envVariables ? `<script>window.process = {env: ${JSON.stringify(envVariables)}};</script>` : ""}
+		${gitSource ? `<script>window.remotion_gitSource = ${JSON.stringify(gitSource)};</script>` : ""}
+		${mode === "dev" ? `
+		<script>window.remotion_isStudio = true;</script>
+		<script>window.remotion_isReadOnlyStudio = ${readOnlyStudio ? "true" : "false"};</script>`.trimStart() : ""}
+		<script>window.remotion_staticFiles = ${staticFilesValue}</script>
+		<script>window.remotion_installedPackages = ${JSON.stringify(installedDependencies)}</script>
+		<script>window.remotion_packageManager = ${JSON.stringify(packageManager)}</script>
+		<script>window.remotion_publicFolderExists = ${publicFolderExistsValue};</script>
+		<script>
+				// Increment this value when the generated bundle format or behavior changes
+				// in a backwards-incompatible way. It is not the Remotion package version
+				// and should not be bumped for every generated HTML change.
+				// Keep it synchronized with requiredVersion in
+				// packages/renderer/src/set-props-and-env.ts by incrementing both values.
+				window.siteVersion = '11';
+				window.remotion_version = '${VERSION}';
+		</script>
+		
+		<div id="video-container"></div>
+		<div id="${Internals.REMOTION_STUDIO_CONTAINER_ELEMENT}"></div>
+		<div id="remotion-error-overlay"></div>
+		<div id="server-disconnected-overlay"></div>
+		<div id="menuportal-0"></div>
+		<div id="menuportal-1"></div>
+		<div id="menuportal-2"></div>
+		<div id="menuportal-3"></div>
+		<div id="menuportal-4"></div>
+		<div id="menuportal-5"></div>
+		<script src="${scriptUrl}"></script>
+	</body>
+</html>
+`.trim();
+};
+export {
+  studioHtml
+};

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { splitAnsi, stripAnsi } from './ansi';
-export { AddEffectKeyframeRequest, AddEffectKeyframeResponse, AddEffectRequest, AddEffectResponse, AddKeyframesRequest, AddKeyframesResponse, AddRenderRequest, AddSequenceKeyframeRequest, AddSequenceKeyframeResponse, ApiRoutes, ApplyCodemodRequest, ApplyCodemodResponse, ApplyVisualControlRequest, ApplyVisualControlResponse, BatchUpdateEffectKeyframeSettings, BatchUpdateKeyframeSettingsRequest, BatchUpdateKeyframeSettingsResponse, BatchUpdateSequenceKeyframeSettings, CanUpdateDefaultPropsResponse, CanUpdateSequencePropsRequest, CancelRenderRequest, CancelRenderResponse, CompositionComponentInfoRequest, CompositionComponentInfoResponse, ConvertFigmaClipboardToSvgRequest, ConvertFigmaClipboardToSvgResponse, CopyStillToClipboardRequest, DeleteEffectKeyframe, DeleteEffectRequest, DeleteEffectRequestItem, DeleteEffectResponse, DeleteJsxNodeRequest, DeleteJsxNodeRequestItem, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe, DeleteStaticFileRequest, DeleteStaticFileResponse, DownloadRemoteAssetRequest, DownloadRemoteAssetResponse, DuplicateEffectRequest, DuplicateEffectRequestItem, DuplicateEffectResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, ElementInstallRequest, FindInFileRequest, FindInFileResponse, GoogleFontSourceEdit, InsertElementRequest, InsertElementResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertableCompositionElement, InsertableCompositionElementPosition, InstallPackageRequest, InstallPackageResponse, LogStudioErrorRequest, LogStudioErrorResponse, MoveEffectKeyframe, MoveKeyframesRequest, MoveKeyframesResponse, MoveSequenceKeyframe, OpenInEditorRequest, OpenInEditorResponse, OpenInFileExplorerRequest, PasteEffectsRequest, PasteEffectsResponse, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, RenameStaticFileRequest, RenameStaticFileResponse, ReorderEffectRequest, ReorderEffectResponse, ReorderSequencePosition, ReorderSequenceRequest, ReorderSequenceResponse, RestartStudioRequest, RestartStudioResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveMultipleEffectPropsEdit, SaveMultipleEffectPropsRequest, SaveMultipleEffectPropsResponse, SaveMultipleEffectPropsResult, SaveSequencePropEdit, SaveSequencePropSourceEdit, SaveSequencePropsRequest, SaveSequencePropsResponse, SaveSequencePropsResult, SimpleDiff, SplitJsxSequenceRequest, SplitJsxSequenceResponse, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UnsubscribeFromSequencePropsRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse, UpdateElementInstallTargetRequest, UpdateElementInstallTargetResponse, UpdatePublicLicenseRequest, UpdatePublicLicenseResponse, UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse, type AddEffectKeyframe, type AddSequenceKeyframe, type KeyframeSettings, } from './api-requests';
+export type { BrowserStudioOperations } from './browser-studio-operations';
+export { AddEffectKeyframeRequest, AddEffectKeyframeResponse, AddEffectRequest, AddEffectResponse, AddKeyframesRequest, AddKeyframesResponse, AddRenderRequest, AddSequenceKeyframeRequest, AddSequenceKeyframeResponse, ApiRoutes, ApplyCodemodRequest, ApplyCodemodResponse, ApplyVisualControlRequest, ApplyVisualControlResponse, BatchUpdateEffectKeyframeSettings, BatchUpdateKeyframeSettingsRequest, BatchUpdateKeyframeSettingsResponse, BatchUpdateSequenceKeyframeSettings, CanUpdateDefaultPropsResponse, CanUpdateSequencePropsRequest, CaptionPatch, CancelRenderRequest, CancelRenderResponse, CompositionComponentInfoRequest, CompositionComponentInfoResponse, ConvertFigmaClipboardToSvgRequest, ConvertFigmaClipboardToSvgResponse, CopyStillToClipboardRequest, DeleteEffectKeyframe, DeleteEffectRequest, DeleteEffectRequestItem, DeleteEffectResponse, DeleteJsxNodeRequest, DeleteJsxNodeRequestItem, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe, DeleteStaticFileRequest, DeleteStaticFileResponse, DownloadRemoteAssetRequest, DownloadRemoteAssetResponse, DuplicateEffectRequest, DuplicateEffectRequestItem, DuplicateEffectResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, ElementInstallRequest, FindInFileRequest, FindInFileResponse, GoogleFontSourceEdit, InsertElementFileConflict, InsertElementRequest, InsertElementResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertableCompositionElement, InsertableCompositionElementPosition, InstallPackageRequest, InstallPackageResponse, LogStudioErrorRequest, LogStudioErrorResponse, MoveEffectKeyframe, MoveKeyframesRequest, MoveKeyframesResponse, MoveSequenceKeyframe, OpenInEditorRequest, OpenInEditorResponse, OpenInFileExplorerRequest, PasteEffectsRequest, PasteEffectsResponse, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, RenameStaticFileRequest, RenameStaticFileResponse, ReorderEffectRequest, ReorderEffectResponse, ReorderSequencePosition, ReorderSequenceRequest, ReorderSequenceResponse, RestartStudioRequest, RestartStudioResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveMultipleEffectPropsEdit, SaveMultipleEffectPropsRequest, SaveMultipleEffectPropsResponse, SaveMultipleEffectPropsResult, SaveInlineCaptionPatchesRequest, SaveSequencePropEdit, SaveSequencePropSourceEdit, SaveSequencePropsRequest, SaveSequencePropsResponse, SaveSequencePropsResult, SimpleDiff, SplitJsxSequenceRequest, SplitJsxSequenceResponse, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UnsubscribeFromSequencePropsRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse, UpdateElementInstallTargetRequest, UpdateElementInstallTargetResponse, UpdatePublicLicenseRequest, UpdatePublicLicenseResponse, UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse, type AddEffectKeyframe, type AddSequenceKeyframe, type KeyframeSettings, } from './api-requests';
 export type { ApplyVisualControlCodemod, RecastCodemod } from './codemods';
 export { compositionDragDataToSymbolicatedStack } from './composition-drag-data';
 export { DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS } from './default-buffer-state-delay-in-milliseconds';
@@ -30,6 +31,7 @@ export { getRequiredPackageForEffectImportPath, getRequiredPackageForInsertableE
 export { SCHEMA_FIELD_GROUPS, SCHEMA_FIELD_ROW_HEIGHT, getEffectFieldsToShow, getFieldsToShow, getSchemaFieldGroup, } from './schema-field-info';
 export type { AnySchemaFieldInfo, DragOverrides, EffectSchemaFieldInfo, InteractivitySchemaFieldInfo, PropStatuses, SchemaFieldGroup, SchemaFieldGroupInfo, SchemaFieldInfo, SequenceControls, } from './schema-field-info';
 export { ScriptLine, SomeStackFrame, StackFrame, SymbolicatedStackFrame, } from './stack-types';
+export { BORDER_RADIUS_LONGHAND_KEYS, BORDER_RADIUS_SHORTHAND_KEY, getStylePropertyLonghandKeys, } from './style-property-relations';
 export { EnumPath, stringifyDefaultProps } from './stringify-default-props';
 export { getStudioEntryPoints, type StudioEntryPointPaths, } from './studio-entry-points';
 export { studioHtml, type StudioHtmlOptions } from './studio-html';

package/dist/index.js

@@ -15,7 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULT_SPRING_EASING = exports.packages = exports.installableMap = exports.extraPackages = exports.descriptions = exports.apiDocs = exports.DEFAULT_TIMELINE_TRACKS = exports.parseKeyframeClipboardDataResult = exports.parseKeyframeClipboardData = exports.isKeyframeClipboardFieldType = exports.keyframeInterpolationFunctions = exports.isSchemaFieldKeyframable = exports.isKeyframeInterpolationFunction = exports.isInteractivitySchemaFieldKeyframable = exports.getKeyframeInterpolationFunctionForSchemaField = exports.getKeyframeInterpolationFunction = exports.canEditEasingForInterpolationFunction = exports.getPolyKeyframeEasing = exports.getOutKeyframeEasing = exports.getBackKeyframeEasing = exports.QUAD_KEYFRAME_EASING = exports.LINEAR_KEYFRAME_EASING = exports.KEYFRAME_EASING_PRESETS = exports.EASE_KEYFRAME_EASING = exports.CUBIC_KEYFRAME_EASING = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = exports.getAssetSchemaKeys = exports.getAllSchemaKeys = exports.formatBytes = 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.compositionDragDataToSymbolicatedStack = 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.getSchemaFieldGroup = exports.getFieldsToShow = exports.getEffectFieldsToShow = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_GROUPS = exports.isValidPackageName = exports.getRequiredPackageForInsertableElement = exports.getRequiredPackageForEffectImportPath = exports.parseSpringEasingConfig = 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.getStylePropertyLonghandKeys = exports.BORDER_RADIUS_SHORTHAND_KEY = exports.BORDER_RADIUS_LONGHAND_KEYS = exports.getSchemaFieldGroup = exports.getFieldsToShow = exports.getEffectFieldsToShow = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_GROUPS = exports.isValidPackageName = exports.getRequiredPackageForInsertableElement = exports.getRequiredPackageForEffectImportPath = exports.parseSpringEasingConfig = 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; } });
@@ -97,6 +97,10 @@ Object.defineProperty(exports, "SCHEMA_FIELD_ROW_HEIGHT", { enumerable: true, ge
 Object.defineProperty(exports, "getEffectFieldsToShow", { enumerable: true, get: function () { return schema_field_info_1.getEffectFieldsToShow; } });
 Object.defineProperty(exports, "getFieldsToShow", { enumerable: true, get: function () { return schema_field_info_1.getFieldsToShow; } });
 Object.defineProperty(exports, "getSchemaFieldGroup", { enumerable: true, get: function () { return schema_field_info_1.getSchemaFieldGroup; } });
+const style_property_relations_1 = require("./style-property-relations");
+Object.defineProperty(exports, "BORDER_RADIUS_LONGHAND_KEYS", { enumerable: true, get: function () { return style_property_relations_1.BORDER_RADIUS_LONGHAND_KEYS; } });
+Object.defineProperty(exports, "BORDER_RADIUS_SHORTHAND_KEY", { enumerable: true, get: function () { return style_property_relations_1.BORDER_RADIUS_SHORTHAND_KEY; } });
+Object.defineProperty(exports, "getStylePropertyLonghandKeys", { enumerable: true, get: function () { return style_property_relations_1.getStylePropertyLonghandKeys; } });
 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");

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

@@ -3,6 +3,7 @@ declare const KEYFRAME_CLIPBOARD_FIELD_TYPE_SUPPORT: {
     readonly array: false;
     readonly asset: false;
     readonly boolean: false;
+    readonly 'remotion-captions': false;
     readonly color: true;
     readonly enum: false;
     readonly 'font-family': false;

package/dist/keyframe-clipboard-data.js

@@ -8,6 +8,7 @@ const KEYFRAME_CLIPBOARD_FIELD_TYPE_SUPPORT = {
     array: false,
     asset: false,
     boolean: false,
+    'remotion-captions': false,
     color: true,
     enum: false,
     'font-family': false,

package/dist/keyframe-interpolation-function.js

@@ -11,6 +11,7 @@ const KEYFRAME_FIELD_TYPE_SUPPORT = {
     array: false,
     asset: false,
     boolean: false,
+    'remotion-captions': false,
     color: true,
     enum: false,
     'font-family': false,
@@ -28,6 +29,7 @@ const KEYFRAME_FIELD_TYPE_INTERPOLATION = {
     array: 'unsupported',
     asset: 'unsupported',
     boolean: 'unsupported',
+    'remotion-captions': 'unsupported',
     color: 'interpolateColors',
     enum: 'unsupported',
     'font-family': 'unsupported',

package/dist/package-info.d.ts

@@ -1,6 +1,6 @@
-declare const allPackages: readonly ["svg-3d-engine", "animation-utils", "animated-emoji", "astro-example", "babel-loader", "bugs", "brand", "bundler", "browser-studio", "canvas-capture", "claude-code-plugin", "cli", "cloudrun", "codex-plugin", "kimi-code-plugin", "compositor-darwin-arm64", "compositor-darwin-x64", "compositor-linux-arm64-gnu", "compositor-linux-arm64-musl", "compositor-linux-x64-gnu", "compositor-linux-x64-musl", "compositor-win32-x64-msvc", "core", "create-video", "discord-poster", "docusaurus-plugin", "docs", "enable-scss", "eslint-config", "eslint-config-flat", "eslint-config-internal", "eslint-plugin", "example-without-zod", "example", "fonts", "gif", "google-fonts", "install-whisper-cpp", "it-tests", "react18-tests", "lambda-go-example", "lambda-go", "lambda-php", "lambda-ruby", "lambda-python", "lambda", "lambda-client", "layout-utils", "rounded-text-box", "licensing", "lottie", "mcp", "media-utils", "motion-blur", "noise", "paths", "player-a11y", "player-example", "player", "preload", "renderer", "rive", "shapes", "skia", "promo-pages", "streaming", "serverless", "serverless-client", "skills", "skills-evals", "studio-server", "studio-shared", "studio", "tailwind", "tailwind-v4", "timeline-utils", "test-utils", "three", "transitions", "media-parser", "zod-types", "zod-types-v3", "webcodecs", "convert", "captions", "openai-whisper", "elevenlabs", "compositor", "example-videos", "whisper-web", "media", "remotion-media", "web-renderer", "design", "drag-and-drop", "light-leaks", "rough-notation", "starburst", "vercel", "sfx", "effects"];
+declare const allPackages: readonly ["svg-3d-engine", "animation-utils", "animated-emoji", "astro-example", "babel-loader", "bugs", "brand", "bundler", "browser-studio", "canvas-capture", "claude-code-plugin", "cli", "cloudrun", "codex-plugin", "kimi-code-plugin", "compositor-darwin-arm64", "compositor-darwin-x64", "compositor-linux-arm64-gnu", "compositor-linux-arm64-musl", "compositor-linux-x64-gnu", "compositor-linux-x64-musl", "compositor-win32-x64-msvc", "core", "create-video", "discord-poster", "docusaurus-plugin", "docs", "enable-scss", "eslint-config", "eslint-config-flat", "eslint-config-internal", "eslint-plugin", "example-without-zod", "example", "fonts", "gif", "google-fonts", "install-whisper-cpp", "it-tests", "react18-tests", "lambda-go-example", "lambda-go", "lambda-php", "lambda-ruby", "lambda-python", "lambda", "lambda-client", "layout-utils", "rounded-text-box", "licensing", "lottie", "mcp", "media-utils", "motion-blur", "noise", "paths", "player-a11y", "player-example", "player", "preload", "renderer", "rive", "shapes", "skia", "promo-pages", "streaming", "serverless", "serverless-client", "skills", "skills-evals", "studio-codemods", "studio-server", "studio-shared", "studio", "tailwind", "tailwind-v4", "timeline-utils", "test-utils", "three", "transitions", "media-parser", "zod-types", "zod-types-v3", "webcodecs", "convert", "captions", "openai-whisper", "elevenlabs", "compositor", "example-videos", "whisper-web", "media", "remotion-media", "web-renderer", "design", "studio-protocol", "light-leaks", "rough-notation", "starburst", "vercel", "sfx", "effects"];
 export type Pkgs = (typeof allPackages)[number];
-export declare const packages: ("animated-emoji" | "animation-utils" | "astro-example" | "babel-loader" | "brand" | "browser-studio" | "bugs" | "bundler" | "canvas-capture" | "captions" | "claude-code-plugin" | "cli" | "cloudrun" | "codex-plugin" | "compositor" | "compositor-darwin-arm64" | "compositor-darwin-x64" | "compositor-linux-arm64-gnu" | "compositor-linux-arm64-musl" | "compositor-linux-x64-gnu" | "compositor-linux-x64-musl" | "compositor-win32-x64-msvc" | "convert" | "core" | "create-video" | "design" | "discord-poster" | "docs" | "docusaurus-plugin" | "drag-and-drop" | "effects" | "elevenlabs" | "enable-scss" | "eslint-config" | "eslint-config-flat" | "eslint-config-internal" | "eslint-plugin" | "example" | "example-videos" | "example-without-zod" | "fonts" | "gif" | "google-fonts" | "install-whisper-cpp" | "it-tests" | "kimi-code-plugin" | "lambda" | "lambda-client" | "lambda-go" | "lambda-go-example" | "lambda-php" | "lambda-python" | "lambda-ruby" | "layout-utils" | "licensing" | "light-leaks" | "lottie" | "mcp" | "media" | "media-parser" | "media-utils" | "motion-blur" | "noise" | "openai-whisper" | "paths" | "player" | "player-a11y" | "player-example" | "preload" | "promo-pages" | "react18-tests" | "remotion-media" | "renderer" | "rive" | "rough-notation" | "rounded-text-box" | "serverless" | "serverless-client" | "sfx" | "shapes" | "skia" | "skills" | "skills-evals" | "starburst" | "streaming" | "studio" | "studio-server" | "studio-shared" | "svg-3d-engine" | "tailwind" | "tailwind-v4" | "test-utils" | "three" | "timeline-utils" | "transitions" | "vercel" | "web-renderer" | "webcodecs" | "whisper-web" | "zod-types" | "zod-types-v3")[];
+export declare const packages: ("animated-emoji" | "animation-utils" | "astro-example" | "babel-loader" | "brand" | "browser-studio" | "bugs" | "bundler" | "canvas-capture" | "captions" | "claude-code-plugin" | "cli" | "cloudrun" | "codex-plugin" | "compositor" | "compositor-darwin-arm64" | "compositor-darwin-x64" | "compositor-linux-arm64-gnu" | "compositor-linux-arm64-musl" | "compositor-linux-x64-gnu" | "compositor-linux-x64-musl" | "compositor-win32-x64-msvc" | "convert" | "core" | "create-video" | "design" | "discord-poster" | "docs" | "docusaurus-plugin" | "effects" | "elevenlabs" | "enable-scss" | "eslint-config" | "eslint-config-flat" | "eslint-config-internal" | "eslint-plugin" | "example" | "example-videos" | "example-without-zod" | "fonts" | "gif" | "google-fonts" | "install-whisper-cpp" | "it-tests" | "kimi-code-plugin" | "lambda" | "lambda-client" | "lambda-go" | "lambda-go-example" | "lambda-php" | "lambda-python" | "lambda-ruby" | "layout-utils" | "licensing" | "light-leaks" | "lottie" | "mcp" | "media" | "media-parser" | "media-utils" | "motion-blur" | "noise" | "openai-whisper" | "paths" | "player" | "player-a11y" | "player-example" | "preload" | "promo-pages" | "react18-tests" | "remotion-media" | "renderer" | "rive" | "rough-notation" | "rounded-text-box" | "serverless" | "serverless-client" | "sfx" | "shapes" | "skia" | "skills" | "skills-evals" | "starburst" | "streaming" | "studio" | "studio-codemods" | "studio-protocol" | "studio-server" | "studio-shared" | "svg-3d-engine" | "tailwind" | "tailwind-v4" | "test-utils" | "three" | "timeline-utils" | "transitions" | "vercel" | "web-renderer" | "webcodecs" | "whisper-web" | "zod-types" | "zod-types-v3")[];
 export type ExtraPackage = {
     name: string;
     version: string;

package/dist/package-info.js

@@ -74,6 +74,7 @@ const allPackages = [
     'serverless-client',
     'skills',
     'skills-evals',
+    'studio-codemods',
     'studio-server',
     'studio-shared',
     'studio',
@@ -98,7 +99,7 @@ const allPackages = [
     'remotion-media',
     'web-renderer',
     'design',
-    'drag-and-drop',
+    'studio-protocol',
     'light-leaks',
     'rough-notation',
     'starburst',
@@ -150,6 +151,7 @@ exports.descriptions = {
     bundler: 'Bundle Remotion compositions using Webpack',
     'browser-studio': 'Run Remotion Studio in the browser',
     'canvas-capture': 'Capture HTML-in-canvas content as a video',
+    'studio-codemods': 'Shared codemods for Remotion Studio',
     'studio-server': 'Run a Remotion Studio with a server backend',
     'install-whisper-cpp': 'Helpers for installing and using Whisper.cpp',
     'whisper-web': 'Helpers for using Whisper.cpp in browser using WASM',
@@ -230,7 +232,7 @@ exports.descriptions = {
     'remotion-media': null,
     'web-renderer': 'Render videos in the browser',
     design: 'Design system',
-    'drag-and-drop': 'Construct and parse drag-and-drop payloads for Remotion',
+    'studio-protocol': 'Create Element payloads and request installation into Remotion Studio',
     'light-leaks': 'Light leak effects for Remotion',
     'rough-notation': 'Rough annotation primitives for Remotion',
     'player-a11y': 'Internal accessibility wrapper around @remotion/player',
@@ -311,6 +313,7 @@ exports.installableMap = {
     'promo-pages': false,
     streaming: false,
     serverless: false,
+    'studio-codemods': false,
     'studio-server': false,
     'studio-shared': false,
     studio: true,
@@ -340,7 +343,7 @@ exports.installableMap = {
     'remotion-media': false,
     'web-renderer': false,
     design: false,
-    'drag-and-drop': true,
+    'studio-protocol': true,
     'light-leaks': (0, release_package_policy_1.shouldReleasePackage)({
         packageName: '@remotion/light-leaks',
         releaseVersion: remotion_1.VERSION,
@@ -367,6 +370,7 @@ exports.apiDocs = {
     bundler: 'https://www.remotion.dev/docs/bundler',
     'browser-studio': null,
     'canvas-capture': null,
+    'studio-codemods': null,
     'lambda-client': null,
     'serverless-client': null,
     'studio-server': null,
@@ -449,7 +453,7 @@ exports.apiDocs = {
     media: 'https://remotion.dev/docs/media',
     'web-renderer': 'https://www.remotion.dev/docs/web-renderer/',
     design: 'https://www.remotion.dev/design',
-    'drag-and-drop': 'https://www.remotion.dev/docs/drag-and-drop',
+    'studio-protocol': 'https://www.remotion.dev/docs/studio-protocol',
     'light-leaks': 'https://www.remotion.dev/docs/light-leaks',
     'rough-notation': 'https://www.remotion.dev/docs/rough-notation',
     starburst: 'https://www.remotion.dev/docs/starburst',

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

@@ -18,7 +18,7 @@ export type EffectSchemaFieldInfo = SchemaFieldInfo & {
 };
 export type AnySchemaFieldInfo = InteractivitySchemaFieldInfo | EffectSchemaFieldInfo;
 export declare const SCHEMA_FIELD_ROW_HEIGHT = 22;
-export type SchemaFieldGroup = 'source' | 'controls' | 'transforms' | 'background' | 'border' | 'crop' | 'text' | 'layout';
+export type SchemaFieldGroup = 'source' | 'controls' | 'transforms' | 'background' | 'border' | 'border-radius' | 'crop' | 'text' | 'layout';
 export type SchemaFieldGroupInfo = {
     readonly id: SchemaFieldGroup;
     readonly label: string;
@@ -41,6 +41,9 @@ export declare const SCHEMA_FIELD_GROUPS: readonly [{
 }, {
     readonly id: "border";
     readonly label: "Border";
+}, {
+    readonly id: "border-radius";
+    readonly label: "Border radius";
 }, {
     readonly id: "crop";
     readonly label: "Crop";
@@ -53,6 +56,7 @@ declare const TIMELINE_SCHEMA_FIELD_TYPE_SUPPORT: {
     readonly array: true;
     readonly asset: true;
     readonly boolean: true;
+    readonly 'remotion-captions': false;
     readonly color: true;
     readonly enum: true;
     readonly 'font-family': true;