@remotion/studio-shared 4.0.507 → 4.0.509

package/dist/api-requests.d.ts

@@ -7,8 +7,10 @@ import type { EffectClipboardParam, EffectClipboardPasteType, EffectClipboardSna
 import type { PackageManager } from './package-manager';
 import type { ProjectInfo } from './project-info';
 import type { CompletedClientRender, RequiredChromiumOptions } from './render-job';
+import type { SequenceNodePathMutation } from './sequence-node-path-mutation';
 import type { SymbolicatedStackFrame } from './stack-types';
 import type { EnumPath } from './stringify-default-props';
+import type { TerminalId } from './terminal';
 type KeyframeEasing = Extract<CanUpdateSequencePropStatus, {
     status: 'keyframed';
 }>['easing'][number];
@@ -29,6 +31,13 @@ export type OpenInCodingAgentRequest = {
 export type OpenInCodingAgentResponse = {
     success: boolean;
 };
+export type OpenInTerminalRequest = {
+    directory: string;
+    terminalId: TerminalId;
+};
+export type OpenInTerminalResponse = {
+    success: boolean;
+};
 export type FindInFileRequest = {
     fileName: string;
     lineNumber: number;
@@ -261,6 +270,9 @@ export type GoogleFontSourceEdit = {
 export type SaveSequencePropSourceEdit = {
     type: 'google-font';
     font: GoogleFontSourceEdit;
+} | {
+    type: 'clipboard-param';
+    param: EffectClipboardParam;
 };
 export type SaveSequencePropEdit = {
     fileName: string;
@@ -409,6 +421,7 @@ export type ReorderSequenceRequest = {
 };
 export type ReorderSequenceResponse = {
     success: true;
+    nodePathMutation: SequenceNodePathMutation;
 } | {
     success: false;
     reason: string;
@@ -579,6 +592,7 @@ export type DeleteJsxNodeRequest = {
 };
 export type DeleteJsxNodeResponse = {
     success: true;
+    nodePathMutation: SequenceNodePathMutation;
 } | {
     success: false;
     reason: string;
@@ -590,6 +604,7 @@ export type DuplicateJsxNodeRequest = {
 };
 export type DuplicateJsxNodeResponse = {
     success: true;
+    nodePathMutation: SequenceNodePathMutation;
 } | {
     success: false;
     reason: string;
@@ -602,6 +617,7 @@ export type SplitJsxSequenceRequest = {
 };
 export type SplitJsxSequenceResponse = {
     success: true;
+    nodePathMutation: SequenceNodePathMutation;
 } | {
     success: false;
     reason: string;
@@ -656,6 +672,8 @@ export type InsertJsxElementRequest = {
 };
 export type InsertJsxElementResponse = {
     success: true;
+    insertedNodePath: Pick<SequencePropsSubscriptionKey, 'absolutePath' | 'nodePath'> | null;
+    nodePathMutation: SequenceNodePathMutation;
 } | {
     success: false;
     reason: string;
@@ -709,6 +727,7 @@ export type InsertElementFileConflict = {
 };
 export type InsertElementResponse = {
     success: true;
+    nodePathMutation: SequenceNodePathMutation;
 } | {
     success: false;
     type: 'file-conflict';
@@ -810,7 +829,10 @@ export type GetDefaultCodingAgentInfoResponse = {
         id: DefaultCodingAgent;
         name: string;
         nameWithType: string;
-        iconDataUrl: string | null;
+    }[];
+    installedTerminals: {
+        id: TerminalId;
+        name: string;
     }[];
 };
 export type PackageInstallSpec = {
@@ -824,6 +846,7 @@ export type InstallPackageResponse = {};
 export type UndoRequest = {};
 export type UndoResponse = {
     success: true;
+    nodePathMutation: SequenceNodePathMutation | null;
 } | {
     success: false;
     reason: string;
@@ -831,6 +854,7 @@ export type UndoResponse = {
 export type RedoRequest = {};
 export type RedoResponse = {
     success: true;
+    nodePathMutation: SequenceNodePathMutation | null;
 } | {
     success: false;
     reason: string;
@@ -854,6 +878,7 @@ export type ApiRoutes = {
     '/api/default-coding-agent-info': ReqAndRes<GetDefaultCodingAgentInfoRequest, GetDefaultCodingAgentInfoResponse>;
     '/api/find-in-file': ReqAndRes<FindInFileRequest, FindInFileResponse>;
     '/api/open-in-file-explorer': ReqAndRes<OpenInFileExplorerRequest, void>;
+    '/api/open-in-terminal': ReqAndRes<OpenInTerminalRequest, OpenInTerminalResponse>;
     '/api/register-client-render': ReqAndRes<CompletedClientRender, void>;
     '/api/unregister-client-render': ReqAndRes<{
         id: string;

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',
@@ -89,6 +100,17 @@ exports.EFFECT_CATALOG = [
             config: {},
         },
     },
+    {
+        id: 'effects-exposure',
+        category: 'Color',
+        label: 'exposure()',
+        description: 'Stop-based exposure adjustment',
+        effect: {
+            name: 'exposure',
+            importPath: '@remotion/effects/exposure',
+            config: {},
+        },
+    },
     {
         id: 'effects-grayscale',
         category: 'Color',
@@ -122,6 +144,17 @@ exports.EFFECT_CATALOG = [
             config: {},
         },
     },
+    {
+        id: 'effects-levels',
+        category: 'Color',
+        label: 'levels()',
+        description: 'Black point, white point, and gamma',
+        effect: {
+            name: 'levels',
+            importPath: '@remotion/effects/levels',
+            config: {},
+        },
+    },
     {
         id: 'effects-saturation',
         category: 'Color',
@@ -133,6 +166,17 @@ exports.EFFECT_CATALOG = [
             config: {},
         },
     },
+    {
+        id: 'effects-shadows-highlights',
+        category: 'Color',
+        label: 'shadowsHighlights()',
+        description: 'Recover dark and bright tonal regions',
+        effect: {
+            name: 'shadowsHighlights',
+            importPath: '@remotion/effects/shadows-highlights',
+            config: {},
+        },
+    },
     {
         id: 'effects-tint',
         category: 'Color',
@@ -146,6 +190,28 @@ exports.EFFECT_CATALOG = [
             },
         },
     },
+    {
+        id: 'effects-white-balance',
+        category: 'Color',
+        label: 'whiteBalance()',
+        description: 'Temperature and tint correction',
+        effect: {
+            name: 'whiteBalance',
+            importPath: '@remotion/effects/white-balance',
+            config: {},
+        },
+    },
+    {
+        id: 'effects-vibrance',
+        category: 'Color',
+        label: 'vibrance()',
+        description: 'Selective saturation adjustment',
+        effect: {
+            name: 'vibrance',
+            importPath: '@remotion/effects/vibrance',
+            config: {},
+        },
+    },
     {
         id: 'effects-linear-gradient',
         category: 'Color',

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),
             },
         };
     }