@remotion/studio-shared 4.0.508 → 4.0.509

package/dist/api-requests.d.ts

@@ -270,6 +270,9 @@ export type GoogleFontSourceEdit = {
 export type SaveSequencePropSourceEdit = {
     type: 'google-font';
     font: GoogleFontSourceEdit;
+} | {
+    type: 'clipboard-param';
+    param: EffectClipboardParam;
 };
 export type SaveSequencePropEdit = {
     fileName: string;
@@ -669,6 +672,7 @@ export type InsertJsxElementRequest = {
 };
 export type InsertJsxElementResponse = {
     success: true;
+    insertedNodePath: Pick<SequencePropsSubscriptionKey, 'absolutePath' | 'nodePath'> | null;
     nodePathMutation: SequenceNodePathMutation;
 } | {
     success: false;

package/dist/canvas-capture.d.ts

@@ -0,0 +1,19 @@
+export declare const CANVAS_CAPTURE_METADATA_TAG = "REMOTION_CAPTURE_DATA";
+export type CanvasCaptureMouseMovement = {
+    readonly timeInSeconds: number;
+    readonly canvasX: number | null;
+    readonly canvasY: number | null;
+    readonly cursor: string;
+};
+export type CanvasCapturePointerClick = {
+    readonly timeInSeconds: number;
+    readonly type: 'pointer-down' | 'pointer-up';
+};
+export type CanvasCaptureData = {
+    readonly captureMetadata: {
+        readonly density: number;
+    };
+    readonly mouseMovements: CanvasCaptureMouseMovement[];
+    readonly pointerClicks: CanvasCapturePointerClick[];
+};
+export declare const parseCanvasCaptureData: (metadata: unknown) => CanvasCaptureData | null;

package/dist/canvas-capture.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseCanvasCaptureData = exports.CANVAS_CAPTURE_METADATA_TAG = void 0;
+exports.CANVAS_CAPTURE_METADATA_TAG = 'REMOTION_CAPTURE_DATA';
+const isRecord = (value) => {
+    return typeof value === 'object' && value !== null;
+};
+const isFiniteNumber = (value) => {
+    return typeof value === 'number' && Number.isFinite(value);
+};
+const parseCanvasCaptureData = (metadata) => {
+    if (!isRecord(metadata) || !isRecord(metadata.raw)) {
+        return null;
+    }
+    const rawCaptureData = metadata.raw[exports.CANVAS_CAPTURE_METADATA_TAG];
+    if (typeof rawCaptureData !== 'string') {
+        return null;
+    }
+    let parsed;
+    try {
+        parsed = JSON.parse(rawCaptureData);
+    }
+    catch (_a) {
+        return null;
+    }
+    if (!isRecord(parsed) ||
+        !isRecord(parsed.captureMetadata) ||
+        !isFiniteNumber(parsed.captureMetadata.density) ||
+        parsed.captureMetadata.density <= 0 ||
+        !Array.isArray(parsed.mouseMovements) ||
+        !Array.isArray(parsed.pointerClicks)) {
+        return null;
+    }
+    const mouseMovements = [];
+    for (const movement of parsed.mouseMovements) {
+        if (!isRecord(movement) ||
+            !isFiniteNumber(movement.timeInSeconds) ||
+            movement.timeInSeconds < 0 ||
+            (movement.canvasX !== null && !isFiniteNumber(movement.canvasX)) ||
+            (movement.canvasY !== null && !isFiniteNumber(movement.canvasY)) ||
+            typeof movement.cursor !== 'string') {
+            return null;
+        }
+        mouseMovements.push({
+            timeInSeconds: movement.timeInSeconds,
+            canvasX: movement.canvasX,
+            canvasY: movement.canvasY,
+            cursor: movement.cursor,
+        });
+    }
+    const pointerClicks = [];
+    for (const click of parsed.pointerClicks) {
+        if (!isRecord(click) ||
+            !isFiniteNumber(click.timeInSeconds) ||
+            click.timeInSeconds < 0 ||
+            (click.type !== 'pointer-down' && click.type !== 'pointer-up')) {
+            return null;
+        }
+        pointerClicks.push({
+            timeInSeconds: click.timeInSeconds,
+            type: click.type,
+        });
+    }
+    return {
+        captureMetadata: { density: parsed.captureMetadata.density },
+        mouseMovements: mouseMovements.sort((a, b) => a.timeInSeconds - b.timeInSeconds),
+        pointerClicks: pointerClicks.sort((a, b) => a.timeInSeconds - b.timeInSeconds),
+    };
+};
+exports.parseCanvasCaptureData = parseCanvasCaptureData;

package/dist/codemods.d.ts

@@ -1,3 +1,4 @@
+import type { CanvasCaptureData } from './canvas-capture';
 import type { EnumPath } from './stringify-default-props';
 export type VisualControlChange = {
     id: string;
@@ -20,6 +21,13 @@ export type RecastCodemod = {
     newWidth: number;
     newFps: number;
     newDurationInFrames: number;
+    canvasCapture: {
+        readonly videoFileName: string;
+        readonly videoHeight: number;
+        readonly videoWidth: number;
+        readonly keyframeFps: number;
+        readonly data: CanvasCaptureData;
+    } | null;
 } | {
     type: 'duplicate-composition';
     idToDuplicate: string;

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

@@ -45,6 +45,7 @@ export declare const configMethodLifecycles: {
     readonly setEnforceAudioTrack: "runtime";
     readonly setEntryPoint: "restart";
     readonly setEveryNthFrame: "runtime";
+    readonly setExperimentalKeepAudioContextAlive: "reload";
     readonly setExperimentalRspackEnabled: "restart";
     readonly setForSeamlessAacConcatenation: "runtime";
     readonly setForceNewStudioEnabled: "restart";

package/dist/config-method-lifecycles.js

@@ -48,6 +48,7 @@ exports.configMethodLifecycles = {
     setEnforceAudioTrack: 'runtime',
     setEntryPoint: 'restart',
     setEveryNthFrame: 'runtime',
+    setExperimentalKeepAudioContextAlive: 'reload',
     setExperimentalRspackEnabled: 'restart',
     setForSeamlessAacConcatenation: 'runtime',
     setForceNewStudioEnabled: 'restart',

package/dist/effect-catalog.js

@@ -65,6 +65,17 @@ exports.EFFECT_CATALOG = [
             config: {},
         },
     },
+    {
+        id: 'effects-color-correction',
+        category: 'Color',
+        label: 'colorCorrection()',
+        description: 'Combined primary color adjustments',
+        effect: {
+            name: 'colorCorrection',
+            importPath: '@remotion/effects/color-correction',
+            config: {},
+        },
+    },
     {
         id: 'effects-color-key',
         category: 'Color',

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

@@ -67,6 +67,8 @@ export type EffectPropClipboardDataParseResult = {
 } | {
     readonly status: 'invalid';
 };
+export declare const normalizeEffectClipboardParam: (param: EffectClipboardParam) => EffectClipboardParam;
+export declare const isEffectClipboardParam: (value: unknown) => value is EffectClipboardParam;
 export declare const parseEffectClipboardDataResult: (value: string) => EffectClipboardDataParseResult;
 export declare const parseEffectClipboardData: (value: string) => EffectClipboardData | null;
 export declare const parseEffectPropClipboardDataResult: (value: string) => EffectPropClipboardDataParseResult;

package/dist/effect-clipboard-data.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseEffectPropClipboardData = exports.parseEffectPropClipboardDataResult = exports.parseEffectClipboardData = exports.parseEffectClipboardDataResult = void 0;
+exports.parseEffectPropClipboardData = exports.parseEffectPropClipboardDataResult = exports.parseEffectClipboardData = exports.parseEffectClipboardDataResult = exports.isEffectClipboardParam = exports.normalizeEffectClipboardParam = void 0;
 const keyframe_interpolation_function_1 = require("./keyframe-interpolation-function");
 const isRecord = (value) => {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
@@ -42,7 +42,7 @@ const normalizeEasing = (easing) => {
         durationRestThreshold: (_b = easing.durationRestThreshold) !== null && _b !== void 0 ? _b : null,
     };
 };
-const normalizeParam = (param) => {
+const normalizeEffectClipboardParam = (param) => {
     if (param.type === 'static') {
         return param;
     }
@@ -51,12 +51,13 @@ const normalizeParam = (param) => {
         easing: param.easing.map(normalizeEasing),
     };
 };
+exports.normalizeEffectClipboardParam = normalizeEffectClipboardParam;
 const normalizeSnapshot = (snapshot) => {
     return {
         ...snapshot,
         params: Object.fromEntries(Object.entries(snapshot.params).map(([key, param]) => [
             key,
-            normalizeParam(param),
+            (0, exports.normalizeEffectClipboardParam)(param),
         ])),
     };
 };
@@ -100,6 +101,7 @@ const isEffectClipboardParam = (value) => {
                 outputOptions.has(output))) &&
         (posterize === undefined || (isFiniteNumber(posterize) && posterize > 0)));
 };
+exports.isEffectClipboardParam = isEffectClipboardParam;
 const isEffectClipboardSnapshotV3 = (value) => {
     if (!isRecord(value)) {
         return false;
@@ -107,7 +109,7 @@ const isEffectClipboardSnapshotV3 = (value) => {
     return (typeof value.callee === 'string' &&
         typeof value.importPath === 'string' &&
         isRecord(value.params) &&
-        Object.values(value.params).every(isEffectClipboardParam));
+        Object.values(value.params).every(exports.isEffectClipboardParam));
 };
 const parseEffectClipboardDataResult = (value) => {
     try {
@@ -189,7 +191,7 @@ const parseEffectPropClipboardDataResult = (value) => {
         if (typeof parsed.key !== 'string') {
             return { status: 'invalid' };
         }
-        if (!isEffectClipboardParam(parsed.param)) {
+        if (!(0, exports.isEffectClipboardParam)(parsed.param)) {
             return { status: 'invalid' };
         }
         return {
@@ -203,7 +205,7 @@ const parseEffectPropClipboardDataResult = (value) => {
                     importPath: parsed.effect.importPath,
                 },
                 key: parsed.key,
-                param: normalizeParam(parsed.param),
+                param: (0, exports.normalizeEffectClipboardParam)(parsed.param),
             },
         };
     }

package/dist/esm/index.mjs

@@ -37,6 +37,59 @@ var stripAnsi = (str) => {
   }
   return str.replace(ansiRegex(), "");
 };
+// src/canvas-capture.ts
+var CANVAS_CAPTURE_METADATA_TAG = "REMOTION_CAPTURE_DATA";
+var isRecord = (value) => {
+  return typeof value === "object" && value !== null;
+};
+var isFiniteNumber = (value) => {
+  return typeof value === "number" && Number.isFinite(value);
+};
+var parseCanvasCaptureData = (metadata) => {
+  if (!isRecord(metadata) || !isRecord(metadata.raw)) {
+    return null;
+  }
+  const rawCaptureData = metadata.raw[CANVAS_CAPTURE_METADATA_TAG];
+  if (typeof rawCaptureData !== "string") {
+    return null;
+  }
+  let parsed;
+  try {
+    parsed = JSON.parse(rawCaptureData);
+  } catch {
+    return null;
+  }
+  if (!isRecord(parsed) || !isRecord(parsed.captureMetadata) || !isFiniteNumber(parsed.captureMetadata.density) || parsed.captureMetadata.density <= 0 || !Array.isArray(parsed.mouseMovements) || !Array.isArray(parsed.pointerClicks)) {
+    return null;
+  }
+  const mouseMovements = [];
+  for (const movement of parsed.mouseMovements) {
+    if (!isRecord(movement) || !isFiniteNumber(movement.timeInSeconds) || movement.timeInSeconds < 0 || movement.canvasX !== null && !isFiniteNumber(movement.canvasX) || movement.canvasY !== null && !isFiniteNumber(movement.canvasY) || typeof movement.cursor !== "string") {
+      return null;
+    }
+    mouseMovements.push({
+      timeInSeconds: movement.timeInSeconds,
+      canvasX: movement.canvasX,
+      canvasY: movement.canvasY,
+      cursor: movement.cursor
+    });
+  }
+  const pointerClicks = [];
+  for (const click of parsed.pointerClicks) {
+    if (!isRecord(click) || !isFiniteNumber(click.timeInSeconds) || click.timeInSeconds < 0 || click.type !== "pointer-down" && click.type !== "pointer-up") {
+      return null;
+    }
+    pointerClicks.push({
+      timeInSeconds: click.timeInSeconds,
+      type: click.type
+    });
+  }
+  return {
+    captureMetadata: { density: parsed.captureMetadata.density },
+    mouseMovements: mouseMovements.sort((a, b) => a.timeInSeconds - b.timeInSeconds),
+    pointerClicks: pointerClicks.sort((a, b) => a.timeInSeconds - b.timeInSeconds)
+  };
+};
 // src/composition-drag-data.ts
 var compositionDragDataToSymbolicatedStack = (dragData) => {
   if (dragData.compositionFile === null) {
@@ -110,6 +163,7 @@ var configMethodLifecycles = {
   setEnforceAudioTrack: "runtime",
   setEntryPoint: "restart",
   setEveryNthFrame: "runtime",
+  setExperimentalKeepAudioContextAlive: "reload",
   setExperimentalRspackEnabled: "restart",
   setForSeamlessAacConcatenation: "runtime",
   setForceNewStudioEnabled: "restart",
@@ -465,14 +519,14 @@ var detectFileType = (data) => {
   return { type: "unknown" };
 };
 // src/easing-clipboard-data.ts
-var isRecord = (value) => {
+var isRecord2 = (value) => {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 };
-var isFiniteNumber = (value) => {
+var isFiniteNumber2 = (value) => {
   return typeof value === "number" && Number.isFinite(value);
 };
 var isKeyframeEasing = (value) => {
-  return isRecord(value) && (value.type === "linear" || value.type === "step1" || value.type === "bezier" && isFiniteNumber(value.x1) && isFiniteNumber(value.y1) && isFiniteNumber(value.x2) && isFiniteNumber(value.y2) || value.type === "spring" && isFiniteNumber(value.damping) && isFiniteNumber(value.mass) && isFiniteNumber(value.stiffness) && (value.allowTail === undefined || value.allowTail === null || typeof value.allowTail === "boolean") && (value.durationRestThreshold === undefined || value.durationRestThreshold === null || isFiniteNumber(value.durationRestThreshold)) && typeof value.overshootClamping === "boolean");
+  return isRecord2(value) && (value.type === "linear" || value.type === "step1" || value.type === "bezier" && isFiniteNumber2(value.x1) && isFiniteNumber2(value.y1) && isFiniteNumber2(value.x2) && isFiniteNumber2(value.y2) || value.type === "spring" && isFiniteNumber2(value.damping) && isFiniteNumber2(value.mass) && isFiniteNumber2(value.stiffness) && (value.allowTail === undefined || value.allowTail === null || typeof value.allowTail === "boolean") && (value.durationRestThreshold === undefined || value.durationRestThreshold === null || isFiniteNumber2(value.durationRestThreshold)) && typeof value.overshootClamping === "boolean");
 };
 var normalizeKeyframeEasing = (easing) => {
   if (easing.type !== "spring") {
@@ -487,7 +541,7 @@ var normalizeKeyframeEasing = (easing) => {
 var parseEasingClipboardDataResult = (value) => {
   try {
     const parsed = JSON.parse(value);
-    if (!isRecord(parsed)) {
+    if (!isRecord2(parsed)) {
       return { status: "invalid" };
     }
     if (parsed.remotionClipboard !== "easing") {
@@ -577,6 +631,17 @@ var EFFECT_CATALOG = [
       config: {}
     }
   },
+  {
+    id: "effects-color-correction",
+    category: "Color",
+    label: "colorCorrection()",
+    description: "Combined primary color adjustments",
+    effect: {
+      name: "colorCorrection",
+      importPath: "@remotion/effects/color-correction",
+      config: {}
+    }
+  },
   {
     id: "effects-color-key",
     category: "Color",
@@ -1366,7 +1431,7 @@ var KEYFRAME_FIELD_TYPE_SUPPORT = {
   boolean: false,
   "remotion-captions": false,
   color: true,
-  enum: false,
+  enum: true,
   "font-family": false,
   hidden: true,
   number: true,
@@ -1384,7 +1449,7 @@ var KEYFRAME_FIELD_TYPE_INTERPOLATION = {
   boolean: "unsupported",
   "remotion-captions": "unsupported",
   color: "interpolateColors",
-  enum: "unsupported",
+  enum: "interpolate",
   "font-family": "unsupported",
   hidden: "infer",
   number: "infer",
@@ -1408,6 +1473,9 @@ var isInteractivitySchemaFieldKeyframable = (field) => {
   if (!field) {
     return true;
   }
+  if (field.type === "enum") {
+    return field.keyframable === true;
+  }
   return KEYFRAME_FIELD_TYPE_SUPPORT[field.type] && field.keyframable !== false;
 };
 var findFieldInSchema = (schema, key) => {
@@ -1434,6 +1502,13 @@ var isSchemaFieldKeyframable = ({
   const field = schema ? findFieldInSchema(schema, key) : undefined;
   return isInteractivitySchemaFieldKeyframable(field);
 };
+var isSchemaFieldHoldOnly = ({
+  schema,
+  key
+}) => {
+  const field = schema ? findFieldInSchema(schema, key) : undefined;
+  return field?.type === "enum" && field.keyframable === true;
+};
 var getKeyframeInterpolationFunctionForSchemaField = ({
   schema,
   key
@@ -1462,16 +1537,16 @@ var getKeyframeInterpolationFunction = ({
 };
 
 // src/effect-clipboard-data.ts
-var isRecord2 = (value) => {
+var isRecord3 = (value) => {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 };
 var extrapolateTypes = new Set(["extend", "identity", "clamp", "wrap"]);
 var outputOptions = new Set(["linear", "perceptual-scale"]);
-var isFiniteNumber2 = (value) => {
+var isFiniteNumber3 = (value) => {
   return typeof value === "number" && Number.isFinite(value);
 };
 var isEasing = (value) => {
-  return isRecord2(value) && (value.type === "linear" || value.type === "step1" || value.type === "bezier" && isFiniteNumber2(value.x1) && isFiniteNumber2(value.y1) && isFiniteNumber2(value.x2) && isFiniteNumber2(value.y2) || value.type === "spring" && isFiniteNumber2(value.damping) && isFiniteNumber2(value.mass) && isFiniteNumber2(value.stiffness) && (value.allowTail === undefined || value.allowTail === null || typeof value.allowTail === "boolean") && (value.durationRestThreshold === undefined || value.durationRestThreshold === null || isFiniteNumber2(value.durationRestThreshold)) && typeof value.overshootClamping === "boolean");
+  return isRecord3(value) && (value.type === "linear" || value.type === "step1" || value.type === "bezier" && isFiniteNumber3(value.x1) && isFiniteNumber3(value.y1) && isFiniteNumber3(value.x2) && isFiniteNumber3(value.y2) || value.type === "spring" && isFiniteNumber3(value.damping) && isFiniteNumber3(value.mass) && isFiniteNumber3(value.stiffness) && (value.allowTail === undefined || value.allowTail === null || typeof value.allowTail === "boolean") && (value.durationRestThreshold === undefined || value.durationRestThreshold === null || isFiniteNumber3(value.durationRestThreshold)) && typeof value.overshootClamping === "boolean");
 };
 var normalizeEasing = (easing) => {
   if (easing.type !== "spring") {
@@ -1483,7 +1558,7 @@ var normalizeEasing = (easing) => {
     durationRestThreshold: easing.durationRestThreshold ?? null
   };
 };
-var normalizeParam = (param) => {
+var normalizeEffectClipboardParam = (param) => {
   if (param.type === "static") {
     return param;
   }
@@ -1497,18 +1572,18 @@ var normalizeSnapshot = (snapshot) => {
     ...snapshot,
     params: Object.fromEntries(Object.entries(snapshot.params).map(([key, param]) => [
       key,
-      normalizeParam(param)
+      normalizeEffectClipboardParam(param)
     ]))
   };
 };
 var isKeyframe = (value) => {
-  return isRecord2(value) && isFiniteNumber2(value.frame) && "value" in value;
+  return isRecord3(value) && isFiniteNumber3(value.frame) && "value" in value;
 };
 var isClamping = (value) => {
-  return isRecord2(value) && typeof value.left === "string" && extrapolateTypes.has(value.left) && typeof value.right === "string" && extrapolateTypes.has(value.right);
+  return isRecord3(value) && typeof value.left === "string" && extrapolateTypes.has(value.left) && typeof value.right === "string" && extrapolateTypes.has(value.right);
 };
 var isEffectClipboardParam = (value) => {
-  if (!isRecord2(value)) {
+  if (!isRecord3(value)) {
     return false;
   }
   if (value.type === "static") {
@@ -1520,18 +1595,18 @@ var isEffectClipboardParam = (value) => {
   const { posterize } = value;
   const { output } = value;
   const easingLength = Array.isArray(value.keyframes) && value.keyframes.length > 0 ? value.keyframes.length - 1 : null;
-  return typeof value.interpolationFunction === "string" && isKeyframeInterpolationFunction(value.interpolationFunction) && Array.isArray(value.keyframes) && value.keyframes.length > 0 && value.keyframes.every(isKeyframe) && Array.isArray(value.easing) && value.easing.length === easingLength && value.easing.every(isEasing) && isClamping(value.clamping) && (output === undefined || value.interpolationFunction === "interpolate" && typeof output === "string" && outputOptions.has(output)) && (posterize === undefined || isFiniteNumber2(posterize) && posterize > 0);
+  return typeof value.interpolationFunction === "string" && isKeyframeInterpolationFunction(value.interpolationFunction) && Array.isArray(value.keyframes) && value.keyframes.length > 0 && value.keyframes.every(isKeyframe) && Array.isArray(value.easing) && value.easing.length === easingLength && value.easing.every(isEasing) && isClamping(value.clamping) && (output === undefined || value.interpolationFunction === "interpolate" && typeof output === "string" && outputOptions.has(output)) && (posterize === undefined || isFiniteNumber3(posterize) && posterize > 0);
 };
 var isEffectClipboardSnapshotV3 = (value) => {
-  if (!isRecord2(value)) {
+  if (!isRecord3(value)) {
     return false;
   }
-  return typeof value.callee === "string" && typeof value.importPath === "string" && isRecord2(value.params) && Object.values(value.params).every(isEffectClipboardParam);
+  return typeof value.callee === "string" && typeof value.importPath === "string" && isRecord3(value.params) && Object.values(value.params).every(isEffectClipboardParam);
 };
 var parseEffectClipboardDataResult = (value) => {
   try {
     const parsed = JSON.parse(value);
-    if (!isRecord2(parsed)) {
+    if (!isRecord3(parsed)) {
       return { status: "invalid" };
     }
     if (parsed.remotionClipboard !== "effects") {
@@ -1579,7 +1654,7 @@ var parseEffectClipboardData = (value) => {
 var parseEffectPropClipboardDataResult = (value) => {
   try {
     const parsed = JSON.parse(value);
-    if (!isRecord2(parsed)) {
+    if (!isRecord3(parsed)) {
       return { status: "invalid" };
     }
     if (parsed.remotionClipboard !== "effect-prop") {
@@ -1594,7 +1669,7 @@ var parseEffectPropClipboardDataResult = (value) => {
     if (parsed.type !== "effect-prop") {
       return { status: "invalid" };
     }
-    if (!isRecord2(parsed.effect)) {
+    if (!isRecord3(parsed.effect)) {
       return { status: "invalid" };
     }
     if (typeof parsed.effect.callee !== "string" || typeof parsed.effect.importPath !== "string") {
@@ -1617,7 +1692,7 @@ var parseEffectPropClipboardDataResult = (value) => {
           importPath: parsed.effect.importPath
         },
         key: parsed.key,
-        param: normalizeParam(parsed.param)
+        param: normalizeEffectClipboardParam(parsed.param)
       }
     };
   } catch {
@@ -1631,6 +1706,131 @@ var parseEffectPropClipboardData = (value) => {
   }
   return result.data;
 };
+// src/keyframe-clipboard-data.ts
+var KEYFRAME_CLIPBOARD_FIELD_TYPE_SUPPORT = {
+  array: false,
+  asset: false,
+  boolean: false,
+  "remotion-captions": false,
+  color: true,
+  enum: false,
+  "font-family": false,
+  hidden: false,
+  number: true,
+  "rotation-css": true,
+  "rotation-degrees": true,
+  scale: true,
+  "text-content": false,
+  "transform-origin": true,
+  translate: true,
+  "uv-coordinate": true
+};
+var isRecord4 = (value) => {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+};
+var isKeyframeClipboardFieldType = (value) => {
+  return typeof value === "string" && Object.hasOwn(KEYFRAME_CLIPBOARD_FIELD_TYPE_SUPPORT, value) && KEYFRAME_CLIPBOARD_FIELD_TYPE_SUPPORT[value];
+};
+var isKeyframeClipboardEntry = (value) => {
+  return isRecord4(value) && Number.isInteger(value.frameOffset) && Object.hasOwn(value, "value");
+};
+var areValidKeyframes = (value) => {
+  if (!Array.isArray(value) || value.length === 0) {
+    return false;
+  }
+  let previousOffset = -1;
+  for (const keyframe of value) {
+    if (!isKeyframeClipboardEntry(keyframe) || keyframe.frameOffset <= previousOffset) {
+      return false;
+    }
+    previousOffset = keyframe.frameOffset;
+  }
+  return value[0]?.frameOffset === 0;
+};
+var isKeyframeClipboardField = (value) => {
+  return isRecord4(value) && (value.type === "sequence" || value.type === "effect") && typeof value.fieldKey === "string";
+};
+var parseEasings = ({
+  value,
+  keyframeCount
+}) => {
+  if (Array.isArray(value) && value.length === Math.max(0, keyframeCount - 1) && value.every(isKeyframeEasing)) {
+    return value.map(normalizeKeyframeEasing);
+  }
+  return null;
+};
+var parseKeyframeClipboardDataResult = (value) => {
+  try {
+    const parsed = JSON.parse(value);
+    if (!isRecord4(parsed) || parsed.remotionClipboard !== "keyframe") {
+      return { status: "invalid" };
+    }
+    if (parsed.version !== 1) {
+      return { status: "unsupported-version", version: parsed.version };
+    }
+    const easing = parseEasings({
+      value: parsed.easing,
+      keyframeCount: Array.isArray(parsed.keyframes) ? parsed.keyframes.length : 0
+    });
+    if (parsed.type !== "keyframe" || !areValidKeyframes(parsed.keyframes) || easing === null || parsed.field !== null && !isKeyframeClipboardField(parsed.field) || parsed.fieldType !== null && !isKeyframeClipboardFieldType(parsed.fieldType)) {
+      return { status: "invalid" };
+    }
+    return {
+      status: "valid",
+      data: {
+        type: "keyframe",
+        version: 1,
+        remotionClipboard: "keyframe",
+        fieldType: parsed.fieldType,
+        field: parsed.field,
+        keyframes: parsed.keyframes,
+        easing
+      }
+    };
+  } catch {
+    return { status: "invalid" };
+  }
+};
+var parseKeyframeClipboardData = (value) => {
+  const result = parseKeyframeClipboardDataResult(value);
+  return result.status === "valid" ? result.data : null;
+};
+
+// src/sequence-prop-clipboard-data.ts
+var isRecord5 = (value) => {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+};
+var parseSequencePropClipboardDataResult = (value) => {
+  try {
+    const parsed = JSON.parse(value);
+    if (!isRecord5(parsed) || parsed.remotionClipboard !== "sequence-prop") {
+      return { status: "invalid" };
+    }
+    if (parsed.version !== 1) {
+      return { status: "unsupported-version", version: parsed.version };
+    }
+    if (parsed.type !== "sequence-prop" || typeof parsed.key !== "string" || !isKeyframeClipboardFieldType(parsed.fieldType) || !isEffectClipboardParam(parsed.param)) {
+      return { status: "invalid" };
+    }
+    return {
+      status: "valid",
+      data: {
+        type: "sequence-prop",
+        version: 1,
+        remotionClipboard: "sequence-prop",
+        key: parsed.key,
+        fieldType: parsed.fieldType,
+        param: normalizeEffectClipboardParam(parsed.param)
+      }
+    };
+  } catch {
+    return { status: "invalid" };
+  }
+};
+var parseSequencePropClipboardData = (value) => {
+  const result = parseSequencePropClipboardDataResult(value);
+  return result.status === "valid" ? result.data : null;
+};
 // src/format-bytes.ts
 var BYTE_UNITS = ["B", "kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
 var BIBYTE_UNITS = [
@@ -1808,95 +2008,6 @@ var hotMiddlewareOptions = {
   reload: true,
   warn: true
 };
-// src/keyframe-clipboard-data.ts
-var KEYFRAME_CLIPBOARD_FIELD_TYPE_SUPPORT = {
-  array: false,
-  asset: false,
-  boolean: false,
-  "remotion-captions": false,
-  color: true,
-  enum: false,
-  "font-family": false,
-  hidden: false,
-  number: true,
-  "rotation-css": true,
-  "rotation-degrees": true,
-  scale: true,
-  "text-content": false,
-  "transform-origin": true,
-  translate: true,
-  "uv-coordinate": true
-};
-var isRecord3 = (value) => {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-};
-var isKeyframeClipboardFieldType = (value) => {
-  return typeof value === "string" && Object.hasOwn(KEYFRAME_CLIPBOARD_FIELD_TYPE_SUPPORT, value) && KEYFRAME_CLIPBOARD_FIELD_TYPE_SUPPORT[value];
-};
-var isKeyframeClipboardEntry = (value) => {
-  return isRecord3(value) && Number.isInteger(value.frameOffset) && Object.hasOwn(value, "value");
-};
-var areValidKeyframes = (value) => {
-  if (!Array.isArray(value) || value.length === 0) {
-    return false;
-  }
-  let previousOffset = -1;
-  for (const keyframe of value) {
-    if (!isKeyframeClipboardEntry(keyframe) || keyframe.frameOffset <= previousOffset) {
-      return false;
-    }
-    previousOffset = keyframe.frameOffset;
-  }
-  return value[0]?.frameOffset === 0;
-};
-var isKeyframeClipboardField = (value) => {
-  return isRecord3(value) && (value.type === "sequence" || value.type === "effect") && typeof value.fieldKey === "string";
-};
-var parseEasings = ({
-  value,
-  keyframeCount
-}) => {
-  if (Array.isArray(value) && value.length === Math.max(0, keyframeCount - 1) && value.every(isKeyframeEasing)) {
-    return value.map(normalizeKeyframeEasing);
-  }
-  return null;
-};
-var parseKeyframeClipboardDataResult = (value) => {
-  try {
-    const parsed = JSON.parse(value);
-    if (!isRecord3(parsed) || parsed.remotionClipboard !== "keyframe") {
-      return { status: "invalid" };
-    }
-    if (parsed.version !== 1) {
-      return { status: "unsupported-version", version: parsed.version };
-    }
-    const easing = parseEasings({
-      value: parsed.easing,
-      keyframeCount: Array.isArray(parsed.keyframes) ? parsed.keyframes.length : 0
-    });
-    if (parsed.type !== "keyframe" || !areValidKeyframes(parsed.keyframes) || easing === null || parsed.field !== null && !isKeyframeClipboardField(parsed.field) || parsed.fieldType !== null && !isKeyframeClipboardFieldType(parsed.fieldType)) {
-      return { status: "invalid" };
-    }
-    return {
-      status: "valid",
-      data: {
-        type: "keyframe",
-        version: 1,
-        remotionClipboard: "keyframe",
-        fieldType: parsed.fieldType,
-        field: parsed.field,
-        keyframes: parsed.keyframes,
-        easing
-      }
-    };
-  } catch {
-    return { status: "invalid" };
-  }
-};
-var parseKeyframeClipboardData = (value) => {
-  const result = parseKeyframeClipboardDataResult(value);
-  return result.status === "valid" ? result.data : null;
-};
 // src/keyframe-easing-presets.ts
 var LINEAR_KEYFRAME_EASING = { type: "linear" };
 var HOLD_KEYFRAME_EASING = { type: "step1" };
@@ -3061,6 +3172,7 @@ var studioHtml = ({
   installedDependencies,
   packageManager,
   audioLatencyHint,
+  experimentalKeepAudioContextAlive,
   sampleRate,
   logLevel,
   mode,
@@ -3085,6 +3197,7 @@ var studioHtml = ({
 	<body>
 		<script>window.remotion_numberOfAudioTags = ${numberOfAudioTags};</script>
 		<script>window.remotion_audioLatencyHint = "${audioLatencyHint}";</script>
+		<script>window.remotion_experimentalKeepAudioContextAlive = ${experimentalKeepAudioContextAlive};</script>
 		<script>window.remotion_sampleRate = ${sampleRate};</script>
 		<script>window.remotion_previewSampleRate = ${sampleRate};</script>
 		${mode === "dev" ? `<script>window.remotion_logLevel = "${logLevel}";</script>` : ""}
@@ -3156,6 +3269,10 @@ var addKeyframeToPropStatus = ({
   schema
 }) => {
   if (status.status === "keyframed") {
+    const defaultEasing = isSchemaFieldHoldOnly({
+      schema,
+      key: fieldKey
+    }) ? HOLD_KEYFRAME_EASING : LINEAR_KEYFRAME_EASING;
     const existingIndex = status.keyframes.findIndex((kf) => kf.frame === frame);
     if (existingIndex !== -1) {
       const updatedKeyframes = status.keyframes.map((keyframe, index) => index === existingIndex ? { frame, value } : keyframe);
@@ -3172,10 +3289,10 @@ var addKeyframeToPropStatus = ({
       easingLength: easing.length,
       keyframeCount: keyframes.length
     });
-    const easingToDuplicate = easingIndexToDuplicate === null ? LINEAR_KEYFRAME_EASING : easing[easingIndexToDuplicate];
+    const easingToDuplicate = easingIndexToDuplicate === null ? defaultEasing : easing[easingIndexToDuplicate];
     easing.splice(insertedKeyframeIndex, 0, easingToDuplicate);
     while (easing.length < keyframes.length - 1) {
-      easing.push(LINEAR_KEYFRAME_EASING);
+      easing.push(defaultEasing);
     }
     return {
       ...status,
@@ -3804,6 +3921,8 @@ export {
   stringifyDefaultProps,
   splitAnsi,
   parseSpringEasingConfig,
+  parseSequencePropClipboardDataResult,
+  parseSequencePropClipboardData,
   parseKeyframeClipboardDataResult,
   parseKeyframeClipboardData,
   parseEffectPropClipboardDataResult,
@@ -3812,6 +3931,7 @@ export {
   parseEffectClipboardData,
   parseEasingClipboardDataResult,
   parseEasingClipboardData,
+  parseCanvasCaptureData,
   packages,
   optimisticUpdateSequenceKeyframeSettings,
   optimisticUpdateForPropStatuses,
@@ -3830,6 +3950,7 @@ export {
   isValidPackageName,
   isUrl,
   isSchemaFieldKeyframable,
+  isSchemaFieldHoldOnly,
   isKeyframeInterpolationFunction,
   isKeyframeClipboardFieldType,
   isInteractivitySchemaFieldKeyframable,
@@ -3881,6 +4002,7 @@ export {
   DEFAULT_SPRING_EASING,
   DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS,
   CUBIC_KEYFRAME_EASING,
+  CANVAS_CAPTURE_METADATA_TAG,
   BORDER_RADIUS_SHORTHAND_KEY,
   BORDER_RADIUS_LONGHAND_KEYS
 };

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

@@ -9,7 +9,7 @@ var KEYFRAME_FIELD_TYPE_SUPPORT = {
   boolean: false,
   "remotion-captions": false,
   color: true,
-  enum: false,
+  enum: true,
   "font-family": false,
   hidden: true,
   number: true,
@@ -27,7 +27,7 @@ var KEYFRAME_FIELD_TYPE_INTERPOLATION = {
   boolean: "unsupported",
   "remotion-captions": "unsupported",
   color: "interpolateColors",
-  enum: "unsupported",
+  enum: "interpolate",
   "font-family": "unsupported",
   hidden: "infer",
   number: "infer",
@@ -51,6 +51,9 @@ var isInteractivitySchemaFieldKeyframable = (field) => {
   if (!field) {
     return true;
   }
+  if (field.type === "enum") {
+    return field.keyframable === true;
+  }
   return KEYFRAME_FIELD_TYPE_SUPPORT[field.type] && field.keyframable !== false;
 };
 var findFieldInSchema = (schema, key) => {
@@ -77,6 +80,13 @@ var isSchemaFieldKeyframable = ({
   const field = schema ? findFieldInSchema(schema, key) : undefined;
   return isInteractivitySchemaFieldKeyframable(field);
 };
+var isSchemaFieldHoldOnly = ({
+  schema,
+  key
+}) => {
+  const field = schema ? findFieldInSchema(schema, key) : undefined;
+  return field?.type === "enum" && field.keyframable === true;
+};
 var getKeyframeInterpolationFunctionForSchemaField = ({
   schema,
   key
@@ -106,6 +116,7 @@ var getKeyframeInterpolationFunction = ({
 export {
   keyframeInterpolationFunctions,
   isSchemaFieldKeyframable,
+  isSchemaFieldHoldOnly,
   isKeyframeInterpolationFunction,
   isInteractivitySchemaFieldKeyframable,
   getKeyframeInterpolationFunctionForSchemaField,

package/dist/esm/studio-html.mjs

@@ -22,6 +22,7 @@ var studioHtml = ({
   installedDependencies,
   packageManager,
   audioLatencyHint,
+  experimentalKeepAudioContextAlive,
   sampleRate,
   logLevel,
   mode,
@@ -46,6 +47,7 @@ var studioHtml = ({
 	<body>
 		<script>window.remotion_numberOfAudioTags = ${numberOfAudioTags};</script>
 		<script>window.remotion_audioLatencyHint = "${audioLatencyHint}";</script>
+		<script>window.remotion_experimentalKeepAudioContextAlive = ${experimentalKeepAudioContextAlive};</script>
 		<script>window.remotion_sampleRate = ${sampleRate};</script>
 		<script>window.remotion_previewSampleRate = ${sampleRate};</script>
 		${mode === "dev" ? `<script>window.remotion_logLevel = "${logLevel}";</script>` : ""}

package/dist/index.d.ts

@@ -2,6 +2,8 @@ export { splitAnsi, stripAnsi } from './ansi';
 export type { TerminalId } from './terminal';
 export { AddEffectKeyframeRequest, AddEffectKeyframeResponse, AddEffectRequest, AddEffectResponse, AddKeyframesRequest, AddKeyframesResponse, AddRenderRequest, AddSequenceKeyframeRequest, AddSequenceKeyframeResponse, ApiRoutes, ApplyCodemodRequest, ApplyCodemodResponse, ApplyVisualControlRequest, ApplyVisualControlResponse, BatchUpdateEffectKeyframeSettings, BatchUpdateKeyframeSettingsRequest, BatchUpdateKeyframeSettingsResponse, BatchUpdateSequenceKeyframeSettings, CanUpdateDefaultPropsResponse, CanUpdateSequencePropsRequest, CancelRenderRequest, CancelRenderResponse, CaptionPatch, CompositionComponentInfoRequest, CompositionComponentInfoResponse, ConvertFigmaClipboardToSvgRequest, ConvertFigmaClipboardToSvgResponse, CopyRenderOutputToAssetRequest, CopyRenderOutputToAssetResponse, CopyStillToClipboardRequest, DeleteEffectKeyframe, DeleteEffectRequest, DeleteEffectRequestItem, DeleteEffectResponse, DeleteJsxNodeRequest, DeleteJsxNodeRequestItem, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe, DeleteStaticFileRequest, DeleteStaticFileResponse, DownloadRemoteAssetRequest, DownloadRemoteAssetResponse, DuplicateEffectRequest, DuplicateEffectRequestItem, DuplicateEffectResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, EditorPickerId, ElementInstallExpectedFileState, ElementInstallRequest, ElementInstallSource, FindInFileRequest, FindInFileResponse, GetDefaultCodingAgentInfoRequest, GetDefaultCodingAgentInfoResponse, GetDefaultEditorInfoRequest, GetDefaultEditorInfoResponse, GoogleFontSourceEdit, InsertElementFileConflict, InsertElementRequest, InsertElementResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertableCompositionElement, InsertableCompositionElementPosition, InstallPackageRequest, InstallPackageResponse, LogStudioErrorRequest, LogStudioErrorResponse, MoveEffectKeyframe, MoveKeyframesRequest, MoveKeyframesResponse, MoveSequenceKeyframe, OpenInCodingAgentRequest, OpenInCodingAgentResponse, OpenInEditorRequest, OpenInEditorResponse, OpenInFileExplorerRequest, OpenInTerminalRequest, OpenInTerminalResponse, PackageInstallSpec, PasteEffectsRequest, PasteEffectsResponse, PrepareElementInstallRequest, PrepareElementInstallResponse, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, RenameStaticFileRequest, RenameStaticFileResponse, ReorderEffectRequest, ReorderEffectResponse, ReorderSequencePosition, ReorderSequenceRequest, ReorderSequenceResponse, RestartStudioRequest, RestartStudioResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveInlineCaptionPatchesRequest, 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, UpdateConfigRequest, UpdateConfigResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse, UpdateElementInstallTargetRequest, UpdateElementInstallTargetResponse, UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse, type AddEffectKeyframe, type AddSequenceKeyframe, type ConfigUpdate, type ConfigValue, type KeyframeSettings, } from './api-requests';
 export type { BrowserStudioOperations } from './browser-studio-operations';
+export type { CanvasCaptureData, CanvasCaptureMouseMovement, CanvasCapturePointerClick, } from './canvas-capture';
+export { CANVAS_CAPTURE_METADATA_TAG, parseCanvasCaptureData, } from './canvas-capture';
 export type { SequenceNodePathMutation, SequenceNodePathRemapping, } from './sequence-node-path-mutation';
 export type { ApplyVisualControlCodemod, RecastCodemod } from './codemods';
 export { compositionDragDataToSymbolicatedStack } from './composition-drag-data';
@@ -13,6 +15,7 @@ export { detectFileType, isImageFileType, type FileDimensions, type FileType, ty
 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';
+export { parseSequencePropClipboardData, parseSequencePropClipboardDataResult, type SequencePropClipboardData, type SequencePropClipboardDataParseResult, } from './sequence-prop-clipboard-data';
 export { EventSourceEvent } from './event-source-event';
 export { formatBytes } from './format-bytes';
 export { getAllSchemaKeys, getAssetSchemaKeys } from './get-all-keys';
@@ -23,7 +26,7 @@ export type { GitSource } from './git-source';
 export { HotMiddlewareMessage, HotMiddlewareOptions, ModuleMap, hotMiddlewareOptions, } from './hot-middleware';
 export { isKeyframeClipboardFieldType, parseKeyframeClipboardData, parseKeyframeClipboardDataResult, type KeyframeClipboardData, type KeyframeClipboardDataParseResult, type KeyframeClipboardFieldType, } from './keyframe-clipboard-data';
 export { CUBIC_KEYFRAME_EASING, EASE_KEYFRAME_EASING, HOLD_KEYFRAME_EASING, KEYFRAME_EASING_PRESETS, LINEAR_KEYFRAME_EASING, QUAD_KEYFRAME_EASING, getBackKeyframeEasing, getOutKeyframeEasing, getPolyKeyframeEasing, type KeyframeEasing, type KeyframeEasingPreset, } from './keyframe-easing-presets';
-export { canEditEasingForInterpolationFunction, getKeyframeInterpolationFunction, getKeyframeInterpolationFunctionForSchemaField, isInteractivitySchemaFieldKeyframable, isKeyframeInterpolationFunction, isSchemaFieldKeyframable, keyframeInterpolationFunctions, type KeyframeInterpolationFunction, } from './keyframe-interpolation-function';
+export { canEditEasingForInterpolationFunction, getKeyframeInterpolationFunction, isSchemaFieldHoldOnly, getKeyframeInterpolationFunctionForSchemaField, isInteractivitySchemaFieldKeyframable, isKeyframeInterpolationFunction, isSchemaFieldKeyframable, keyframeInterpolationFunctions, type KeyframeInterpolationFunction, } from './keyframe-interpolation-function';
 export { DEFAULT_TIMELINE_TRACKS } from './max-timeline-tracks';
 export { Pkgs, apiDocs, descriptions, extraPackages, installableMap, packages, type ExtraPackage, } from './package-info';
 export { PackageManager } from './package-manager';

package/dist/index.js

@@ -14,12 +14,15 @@ 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.descriptions = exports.apiDocs = exports.DEFAULT_TIMELINE_TRACKS = 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.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.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.REACT_REFRESH_FINISHED_EVENT = 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.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 = void 0;
+exports.isKeyframeInterpolationFunction = 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.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 = 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; } });
 __exportStar(require("./api-requests"), exports);
+const canvas_capture_1 = require("./canvas-capture");
+Object.defineProperty(exports, "CANVAS_CAPTURE_METADATA_TAG", { enumerable: true, get: function () { return canvas_capture_1.CANVAS_CAPTURE_METADATA_TAG; } });
+Object.defineProperty(exports, "parseCanvasCaptureData", { enumerable: true, get: function () { return canvas_capture_1.parseCanvasCaptureData; } });
 const composition_drag_data_1 = require("./composition-drag-data");
 Object.defineProperty(exports, "compositionDragDataToSymbolicatedStack", { enumerable: true, get: function () { return composition_drag_data_1.compositionDragDataToSymbolicatedStack; } });
 const react_refresh_event_1 = require("./react-refresh-event");
@@ -48,6 +51,9 @@ Object.defineProperty(exports, "parseEffectClipboardData", { enumerable: true, g
 Object.defineProperty(exports, "parseEffectClipboardDataResult", { enumerable: true, get: function () { return effect_clipboard_data_1.parseEffectClipboardDataResult; } });
 Object.defineProperty(exports, "parseEffectPropClipboardData", { enumerable: true, get: function () { return effect_clipboard_data_1.parseEffectPropClipboardData; } });
 Object.defineProperty(exports, "parseEffectPropClipboardDataResult", { enumerable: true, get: function () { return effect_clipboard_data_1.parseEffectPropClipboardDataResult; } });
+const sequence_prop_clipboard_data_1 = require("./sequence-prop-clipboard-data");
+Object.defineProperty(exports, "parseSequencePropClipboardData", { enumerable: true, get: function () { return sequence_prop_clipboard_data_1.parseSequencePropClipboardData; } });
+Object.defineProperty(exports, "parseSequencePropClipboardDataResult", { enumerable: true, get: function () { return sequence_prop_clipboard_data_1.parseSequencePropClipboardDataResult; } });
 const format_bytes_1 = require("./format-bytes");
 Object.defineProperty(exports, "formatBytes", { enumerable: true, get: function () { return format_bytes_1.formatBytes; } });
 const get_all_keys_1 = require("./get-all-keys");
@@ -78,6 +84,7 @@ Object.defineProperty(exports, "getPolyKeyframeEasing", { enumerable: true, get:
 const keyframe_interpolation_function_1 = require("./keyframe-interpolation-function");
 Object.defineProperty(exports, "canEditEasingForInterpolationFunction", { enumerable: true, get: function () { return keyframe_interpolation_function_1.canEditEasingForInterpolationFunction; } });
 Object.defineProperty(exports, "getKeyframeInterpolationFunction", { enumerable: true, get: function () { return keyframe_interpolation_function_1.getKeyframeInterpolationFunction; } });
+Object.defineProperty(exports, "isSchemaFieldHoldOnly", { enumerable: true, get: function () { return keyframe_interpolation_function_1.isSchemaFieldHoldOnly; } });
 Object.defineProperty(exports, "getKeyframeInterpolationFunctionForSchemaField", { enumerable: true, get: function () { return keyframe_interpolation_function_1.getKeyframeInterpolationFunctionForSchemaField; } });
 Object.defineProperty(exports, "isInteractivitySchemaFieldKeyframable", { enumerable: true, get: function () { return keyframe_interpolation_function_1.isInteractivitySchemaFieldKeyframable; } });
 Object.defineProperty(exports, "isKeyframeInterpolationFunction", { enumerable: true, get: function () { return keyframe_interpolation_function_1.isKeyframeInterpolationFunction; } });

package/dist/keyframe-interpolation-function.d.ts

@@ -8,6 +8,10 @@ export declare const isSchemaFieldKeyframable: ({ schema, key, }: {
     schema: InteractivitySchema | null;
     key: string;
 }) => boolean;
+export declare const isSchemaFieldHoldOnly: ({ schema, key, }: {
+    schema: InteractivitySchema | null;
+    key: string;
+}) => boolean;
 export declare const getKeyframeInterpolationFunctionForSchemaField: ({ schema, key, }: {
     schema: InteractivitySchema | null;
     key: string;

package/dist/keyframe-interpolation-function.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getKeyframeInterpolationFunction = exports.getKeyframeInterpolationFunctionForSchemaField = exports.isSchemaFieldKeyframable = exports.isInteractivitySchemaFieldKeyframable = exports.canEditEasingForInterpolationFunction = exports.isKeyframeInterpolationFunction = exports.keyframeInterpolationFunctions = void 0;
+exports.getKeyframeInterpolationFunction = exports.getKeyframeInterpolationFunctionForSchemaField = exports.isSchemaFieldHoldOnly = exports.isSchemaFieldKeyframable = exports.isInteractivitySchemaFieldKeyframable = exports.canEditEasingForInterpolationFunction = exports.isKeyframeInterpolationFunction = exports.keyframeInterpolationFunctions = void 0;
 exports.keyframeInterpolationFunctions = [
     'interpolate',
     'interpolateColors',
@@ -13,7 +13,7 @@ const KEYFRAME_FIELD_TYPE_SUPPORT = {
     boolean: false,
     'remotion-captions': false,
     color: true,
-    enum: false,
+    enum: true,
     'font-family': false,
     hidden: true,
     number: true,
@@ -31,7 +31,7 @@ const KEYFRAME_FIELD_TYPE_INTERPOLATION = {
     boolean: 'unsupported',
     'remotion-captions': 'unsupported',
     color: 'interpolateColors',
-    enum: 'unsupported',
+    enum: 'interpolate',
     'font-family': 'unsupported',
     hidden: 'infer',
     number: 'infer',
@@ -58,6 +58,9 @@ const isInteractivitySchemaFieldKeyframable = (field) => {
     if (!field) {
         return true;
     }
+    if (field.type === 'enum') {
+        return field.keyframable === true;
+    }
     return KEYFRAME_FIELD_TYPE_SUPPORT[field.type] && field.keyframable !== false;
 };
 exports.isInteractivitySchemaFieldKeyframable = isInteractivitySchemaFieldKeyframable;
@@ -83,6 +86,11 @@ const isSchemaFieldKeyframable = ({ schema, key, }) => {
     return (0, exports.isInteractivitySchemaFieldKeyframable)(field);
 };
 exports.isSchemaFieldKeyframable = isSchemaFieldKeyframable;
+const isSchemaFieldHoldOnly = ({ schema, key, }) => {
+    const field = schema ? findFieldInSchema(schema, key) : undefined;
+    return (field === null || field === void 0 ? void 0 : field.type) === 'enum' && field.keyframable === true;
+};
+exports.isSchemaFieldHoldOnly = isSchemaFieldHoldOnly;
 const getKeyframeInterpolationFunctionForSchemaField = ({ schema, key, }) => {
     const field = schema ? findFieldInSchema(schema, key) : undefined;
     if (!field) {

package/dist/optimistic-add-keyframe.js

@@ -13,6 +13,12 @@ const getEasingIndexToDuplicate = ({ insertedKeyframeIndex, easingLength, keyfra
 const addKeyframeToPropStatus = ({ status, fieldKey, frame, value, schema, }) => {
     var _a;
     if (status.status === 'keyframed') {
+        const defaultEasing = (0, keyframe_interpolation_function_1.isSchemaFieldHoldOnly)({
+            schema,
+            key: fieldKey,
+        })
+            ? keyframe_easing_presets_1.HOLD_KEYFRAME_EASING
+            : keyframe_easing_presets_1.LINEAR_KEYFRAME_EASING;
         const existingIndex = status.keyframes.findIndex((kf) => kf.frame === frame);
         if (existingIndex !== -1) {
             const updatedKeyframes = status.keyframes.map((keyframe, index) => index === existingIndex ? { frame, value } : keyframe);
@@ -30,11 +36,11 @@ const addKeyframeToPropStatus = ({ status, fieldKey, frame, value, schema, }) =>
             keyframeCount: keyframes.length,
         });
         const easingToDuplicate = easingIndexToDuplicate === null
-            ? keyframe_easing_presets_1.LINEAR_KEYFRAME_EASING
+            ? defaultEasing
             : easing[easingIndexToDuplicate];
         easing.splice(insertedKeyframeIndex, 0, easingToDuplicate);
         while (easing.length < keyframes.length - 1) {
-            easing.push(keyframe_easing_presets_1.LINEAR_KEYFRAME_EASING);
+            easing.push(defaultEasing);
         }
         return {
             ...status,

package/dist/sequence-prop-clipboard-data.d.ts

@@ -0,0 +1,21 @@
+import type { EffectClipboardParam } from './effect-clipboard-data';
+import type { KeyframeClipboardFieldType } from './keyframe-clipboard-data';
+export type SequencePropClipboardData = {
+    readonly type: 'sequence-prop';
+    readonly version: 1;
+    readonly remotionClipboard: 'sequence-prop';
+    readonly key: string;
+    readonly fieldType: KeyframeClipboardFieldType;
+    readonly param: EffectClipboardParam;
+};
+export type SequencePropClipboardDataParseResult = {
+    readonly status: 'valid';
+    readonly data: SequencePropClipboardData;
+} | {
+    readonly status: 'unsupported-version';
+    readonly version: unknown;
+} | {
+    readonly status: 'invalid';
+};
+export declare const parseSequencePropClipboardDataResult: (value: string) => SequencePropClipboardDataParseResult;
+export declare const parseSequencePropClipboardData: (value: string) => SequencePropClipboardData | null;

package/dist/sequence-prop-clipboard-data.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseSequencePropClipboardData = exports.parseSequencePropClipboardDataResult = void 0;
+const effect_clipboard_data_1 = require("./effect-clipboard-data");
+const keyframe_clipboard_data_1 = require("./keyframe-clipboard-data");
+const isRecord = (value) => {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+};
+const parseSequencePropClipboardDataResult = (value) => {
+    try {
+        const parsed = JSON.parse(value);
+        if (!isRecord(parsed) || parsed.remotionClipboard !== 'sequence-prop') {
+            return { status: 'invalid' };
+        }
+        if (parsed.version !== 1) {
+            return { status: 'unsupported-version', version: parsed.version };
+        }
+        if (parsed.type !== 'sequence-prop' ||
+            typeof parsed.key !== 'string' ||
+            !(0, keyframe_clipboard_data_1.isKeyframeClipboardFieldType)(parsed.fieldType) ||
+            !(0, effect_clipboard_data_1.isEffectClipboardParam)(parsed.param)) {
+            return { status: 'invalid' };
+        }
+        return {
+            status: 'valid',
+            data: {
+                type: 'sequence-prop',
+                version: 1,
+                remotionClipboard: 'sequence-prop',
+                key: parsed.key,
+                fieldType: parsed.fieldType,
+                param: (0, effect_clipboard_data_1.normalizeEffectClipboardParam)(parsed.param),
+            },
+        };
+    }
+    catch (_a) {
+        return { status: 'invalid' };
+    }
+};
+exports.parseSequencePropClipboardDataResult = parseSequencePropClipboardDataResult;
+const parseSequencePropClipboardData = (value) => {
+    const result = (0, exports.parseSequencePropClipboardDataResult)(value);
+    return result.status === 'valid' ? result.data : null;
+};
+exports.parseSequencePropClipboardData = parseSequencePropClipboardData;

package/dist/studio-html.d.ts

@@ -15,6 +15,7 @@ export type StudioHtmlOptions = {
     completedClientRenders?: unknown | null;
     numberOfAudioTags: number;
     audioLatencyHint: AudioContextLatencyCategory;
+    experimentalKeepAudioContextAlive: boolean;
     sampleRate: number | null;
     publicFiles: StaticFile[];
     publicFolderExists: string | null;
@@ -32,4 +33,4 @@ export type StudioHtmlOptions = {
     readOnlyStudio?: boolean;
     studioRuntimeConfig?: StudioRuntimeConfig;
 };
-export declare const 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, }: StudioHtmlOptions) => string;
+export declare const studioHtml: ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, completedClientRenders, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, fileSystemPlatform, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, experimentalKeepAudioContextAlive, sampleRate, logLevel, mode, bundleScriptUrl, readOnlyStudio, studioRuntimeConfig, }: StudioHtmlOptions) => string;

package/dist/studio-html.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.studioHtml = void 0;
 const remotion_1 = require("remotion");
-const 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 studioHtml = ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, completedClientRenders, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, fileSystemPlatform, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, experimentalKeepAudioContextAlive, sampleRate, logLevel, mode, bundleScriptUrl, readOnlyStudio, studioRuntimeConfig, }) => {
     const scriptUrl = bundleScriptUrl !== null && bundleScriptUrl !== void 0 ? bundleScriptUrl : `${publicPath}bundle.js`;
     const isRelativeBundle = mode === 'bundle' && publicPath === './';
     const staticBaseValue = isRelativeBundle
@@ -28,6 +28,7 @@ const studioHtml = ({ publicPath, editorName, inputProps, envVariables, staticHa
 	<body>
 		<script>window.remotion_numberOfAudioTags = ${numberOfAudioTags};</script>
 		<script>window.remotion_audioLatencyHint = "${audioLatencyHint}";</script>
+		<script>window.remotion_experimentalKeepAudioContextAlive = ${experimentalKeepAudioContextAlive};</script>
 		<script>window.remotion_sampleRate = ${sampleRate};</script>
 		<script>window.remotion_previewSampleRate = ${sampleRate};</script>
 		${mode === 'dev' ? `<script>window.remotion_logLevel = "${logLevel}";</script>` : ''}

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.508",
+	"version": "4.0.509",
 	"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.508",
-		"remotion": "4.0.508"
+		"@remotion/studio-protocol": "4.0.509",
+		"remotion": "4.0.509"
 	},
 	"devDependencies": {
-		"@remotion/renderer": "4.0.508",
-		"@remotion/eslint-config-internal": "4.0.508",
+		"@remotion/renderer": "4.0.509",
+		"@remotion/eslint-config-internal": "4.0.509",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},