@remotion/studio-shared 4.0.501 → 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/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-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", "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-codemods" | "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

@@ -99,7 +99,7 @@ const allPackages = [
     'remotion-media',
     'web-renderer',
     'design',
-    'drag-and-drop',
+    'studio-protocol',
     'light-leaks',
     'rough-notation',
     'starburst',
@@ -232,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',
@@ -343,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,
@@ -453,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/package.json

@@ -3,15 +3,16 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-shared"
 	},
 	"name": "@remotion/studio-shared",
-	"version": "4.0.501",
+	"version": "4.0.502",
 	"description": "Internal package for shared objects between the Studio backend and frontend",
 	"main": "dist",
+	"module": "dist/esm/index.mjs",
 	"scripts": {
 		"lint": "eslint src",
 		"test": "bun test src",
 		"formatting": "oxfmt src --check",
 		"format": "oxfmt src",
-		"make": "tsgo -d"
+		"make": "tsgo -d && bun --env-file=../.env.bundle bundle.ts"
 	},
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"contributors": [],
@@ -20,12 +21,12 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"@remotion/drag-and-drop": "4.0.501",
-		"remotion": "4.0.501"
+		"@remotion/studio-protocol": "4.0.502",
+		"remotion": "4.0.502"
 	},
 	"devDependencies": {
-		"@remotion/renderer": "4.0.501",
-		"@remotion/eslint-config-internal": "4.0.501",
+		"@remotion/renderer": "4.0.502",
+		"@remotion/eslint-config-internal": "4.0.502",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},
@@ -33,15 +34,61 @@
 		"access": "public"
 	},
 	"exports": {
-		".": "./dist/index.js",
+		".": {
+			"types": "./dist/index.d.ts",
+			"require": "./dist/index.js",
+			"module": "./dist/esm/index.mjs",
+			"import": "./dist/esm/index.mjs"
+		},
 		"./studio-entry-points": {
 			"types": "./dist/studio-entry-points.d.ts",
-			"default": "./dist/studio-entry-points.js"
+			"require": "./dist/studio-entry-points.js",
+			"module": "./dist/esm/studio-entry-points.mjs",
+			"import": "./dist/esm/studio-entry-points.mjs"
 		},
 		"./studio-html": {
 			"types": "./dist/studio-html.d.ts",
-			"default": "./dist/studio-html.js"
+			"require": "./dist/studio-html.js",
+			"module": "./dist/esm/studio-html.mjs",
+			"import": "./dist/esm/studio-html.mjs"
+		},
+		"./keyframe-easing-presets": {
+			"types": "./dist/keyframe-easing-presets.d.ts",
+			"require": "./dist/keyframe-easing-presets.js",
+			"module": "./dist/esm/keyframe-easing-presets.mjs",
+			"import": "./dist/esm/keyframe-easing-presets.mjs"
+		},
+		"./keyframe-interpolation-function": {
+			"types": "./dist/keyframe-interpolation-function.d.ts",
+			"require": "./dist/keyframe-interpolation-function.js",
+			"module": "./dist/esm/keyframe-interpolation-function.mjs",
+			"import": "./dist/esm/keyframe-interpolation-function.mjs"
+		},
+		"./parse-spring-easing-config": {
+			"types": "./dist/parse-spring-easing-config.d.ts",
+			"require": "./dist/parse-spring-easing-config.js",
+			"module": "./dist/esm/parse-spring-easing-config.mjs",
+			"import": "./dist/esm/parse-spring-easing-config.mjs"
 		},
 		"./package.json": "./package.json"
+	},
+	"typesVersions": {
+		">=1.0": {
+			"studio-entry-points": [
+				"./dist/studio-entry-points.d.ts"
+			],
+			"studio-html": [
+				"./dist/studio-html.d.ts"
+			],
+			"keyframe-easing-presets": [
+				"./dist/keyframe-easing-presets.d.ts"
+			],
+			"keyframe-interpolation-function": [
+				"./dist/keyframe-interpolation-function.d.ts"
+			],
+			"parse-spring-easing-config": [
+				"./dist/parse-spring-easing-config.d.ts"
+			]
+		}
 	}
 }