@remotion/studio-server 4.0.540 → 4.0.541

package/dist/preview-server/routes/add-render.js

@@ -1,10 +1,31 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleAddRender = void 0;
+const node_path_1 = __importDefault(require("node:path"));
 const renderer_1 = require("@remotion/renderer");
-const handleAddRender = ({ input, entryPoint, remotionRoot, logLevel, binariesDirectory, methods: { addJob }, }) => {
+const handleAddRender = ({ input, entryPoint, remotionRoot, logLevel, binariesDirectory, publicDir, methods: { addJob }, }) => {
     const id = String(Math.random()).replace('0.', '');
     if (input.type === 'video') {
+        let { outName } = input;
+        let prerender = null;
+        if (input.prerenderTarget !== null) {
+            const absoluteOutName = node_path_1.default.resolve(publicDir, input.outName);
+            const src = node_path_1.default.relative(publicDir, absoluteOutName);
+            if (src.startsWith('..') || node_path_1.default.isAbsolute(src)) {
+                throw new Error('Pre-rendered videos must be saved in the public folder');
+            }
+            outName = node_path_1.default
+                .relative(remotionRoot, absoluteOutName)
+                .split(node_path_1.default.sep)
+                .join('/');
+            prerender = {
+                ...input.prerenderTarget,
+                src: src.split(node_path_1.default.sep).join('/'),
+            };
+        }
         addJob({
             entryPoint,
             remotionRoot,
@@ -18,7 +39,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, logLevel, binariesDi
                 status: 'idle',
                 id,
                 imageFormat: input.imageFormat,
-                outName: input.outName,
+                outName,
                 jpegQuality: input.jpegQuality,
                 scale: input.scale,
                 startedAt: Date.now(),
@@ -61,6 +82,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, logLevel, binariesDi
                 preferredEffectBackend: input.preferredEffectBackend,
                 sampleRate: input.sampleRate,
                 licenseKey: input.licenseKey,
+                prerender,
             },
             logLevel,
         });

package/dist/preview-server/routes/add-sequence-keyframe.js

@@ -44,7 +44,7 @@ const addSequenceKeyframeHandler = ({ input: { fileName, nodePath, key, frame, v
     (0, undo_stack_1.pushToUndoStack)({
         filePath: absolutePath,
         oldContents: fileContents,
-        newContents: null,
+        newContents: output,
         logLevel,
         remotionRoot,
         logLine,

package/dist/preview-server/routes/can-update-sequence-props.js

@@ -973,14 +973,27 @@ const resolveSequencePropsNodePathsFromFilename = ({ fileName, targets, remotion
 exports.resolveSequencePropsNodePathsFromFilename = resolveSequencePropsNodePathsFromFilename;
 const computeSequencePropsStatusFromContent = ({ fileContents, nodePath, componentIdentity, keys, assetKeys = [], effects, }) => {
     try {
-        return (0, codemods_1.getNodeProps)({
-            project: { rootDir: '/', files: { 'source.tsx': fileContents } },
-            node: { filePath: 'source.tsx', nodePath },
+        const result = codemods_1.CodemodsInternals.computeSequencePropsStatusFromContent({
+            fileContents,
+            includeSourceLocation: true,
+            nodePath,
             componentIdentity,
             keys,
             assetKeys,
-            effectKeys: effects,
+            effects,
         });
+        const translate = result.props['style.translate'];
+        if (((translate === null || translate === void 0 ? void 0 : translate.status) === 'static' &&
+            typeof translate.codeValue === 'string' &&
+            translate.codeValue.includes('%')) ||
+            ((translate === null || translate === void 0 ? void 0 : translate.status) === 'keyframed' &&
+                translate.keyframes.some((keyframe) => typeof keyframe.value === 'string' && keyframe.value.includes('%')))) {
+            return {
+                ...result,
+                props: { ...result.props, 'style.translate': { status: 'computed' } },
+            };
+        }
+        return result;
     }
     catch (error) {
         if (error instanceof codemods_1.CodemodsInternals.JsxElementIdentityMismatchError) {

package/dist/preview-server/routes/delete-nodes.js

@@ -87,7 +87,7 @@ const deleteNodesHandler = ({ input: { nodes }, remotionRoot, logLevel }) => {
                 (0, undo_stack_1.pushToUndoStack)({
                     filePath: update.absolutePath,
                     oldContents: update.fileContents,
-                    newContents: null,
+                    newContents: update.output,
                     logLevel,
                     remotionRoot,
                     logLine: update.logLine,

package/dist/preview-server/routes/duplicate-nodes.js

@@ -73,7 +73,7 @@ const duplicateNodesHandler = ({ input: { nodes }, remotionRoot, logLevel }) =>
                 snapshots: updates.map((update) => ({
                     filePath: update.absolutePath,
                     oldContents: update.fileContents,
-                    newContents: null,
+                    newContents: update.output,
                     logLine: update.logLine,
                     nodePathRemappings: update.nodePathRemappings,
                 })),

package/dist/preview-server/routes/invalidate-bundle.js

@@ -5,7 +5,7 @@ const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
 const source_file_write_queue_1 = require("./source-file-write-queue");
 const invalidateBundleHandler = () => {
     return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
-        return { didInvalidate: await (0, watch_ignore_next_change_1.invalidatePreviouslySuppressedFiles)() };
+        return { didInvalidate: await (0, watch_ignore_next_change_1.invalidatePreviouslySuppressedFiles)(null) };
     });
 };
 exports.invalidateBundleHandler = invalidateBundleHandler;

package/dist/preview-server/routes/prerendered-scene-info.d.ts

@@ -0,0 +1,3 @@
+import type { PrerenderedSceneInfoRequest, PrerenderedSceneInfoResponse } from '@remotion/studio-shared';
+import type { ApiHandler } from '../api-types';
+export declare const prerenderedSceneInfoHandler: ApiHandler<PrerenderedSceneInfoRequest, PrerenderedSceneInfoResponse>;

package/dist/preview-server/routes/prerendered-scene-info.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prerenderedSceneInfoHandler = void 0;
+const node_path_1 = __importDefault(require("node:path"));
+const prerendered_scene_1 = require("../prerendered-scene");
+const prerenderedSceneInfoHandler = ({ input: { src }, publicDir, remotionRoot }) => {
+    const sidecar = (0, prerendered_scene_1.readPrerenderedSceneSidecar)({ publicDir, src });
+    if (sidecar === null) {
+        return Promise.resolve({ type: 'not-prerendered' });
+    }
+    let stale = null;
+    if (sidecar.sceneFile !== null && sidecar.sceneFileHash !== null) {
+        try {
+            stale =
+                (0, prerendered_scene_1.hashSceneFile)(node_path_1.default.resolve(remotionRoot, sidecar.sceneFile)) !==
+                    sidecar.sceneFileHash;
+        }
+        catch (_a) {
+            stale = true;
+        }
+    }
+    return Promise.resolve({
+        type: 'prerendered',
+        compositionId: sidecar.compositionId,
+        stale,
+    });
+};
+exports.prerenderedSceneInfoHandler = prerenderedSceneInfoHandler;

package/dist/preview-server/routes/reorder-sequence.js

@@ -49,7 +49,7 @@ const reorderSequenceHandler = ({ input: { fileName, sourceNodePaths, targetNode
             (0, undo_stack_1.pushToUndoStack)({
                 filePath: absolutePath,
                 oldContents: fileContents,
-                newContents: null,
+                newContents: output,
                 logLevel,
                 remotionRoot,
                 logLine,

package/dist/preview-server/routes/replace-video-source.js

@@ -1,86 +1,33 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceVideoSourceHandler = void 0;
-const node_fs_1 = require("node:fs");
 const codemods_1 = require("@remotion/codemods");
-const renderer_1 = require("@remotion/renderer");
 const no_react_1 = require("remotion/no-react");
-const file_watcher_1 = require("../../file-watcher");
-const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
-const format_log_file_location_1 = require("../format-log-file-location");
-const sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
-const undo_stack_1 = require("../undo-stack");
-const source_file_write_queue_1 = require("./source-file-write-queue");
-const replaceVideoSourceHandler = ({ input: { fileName, nodePath, src }, remotionRoot, logLevel }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(() => {
-    var _a;
-    var _b, _c;
-    try {
-        const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
-            remotionRoot,
-            fileName,
-            action: 'modify',
-        });
-        const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-        const result = (0, codemods_1.updateNodeProps)({
-            project: {
-                files: { [absolutePath]: fileContents },
-                rootDir: remotionRoot,
-            },
-            node: { filePath: absolutePath, nodePath },
-            updates: [
-                {
-                    key: 'src',
-                    value: `${no_react_1.NoReactInternals.FILE_TOKEN}${src.split('/').map(encodeURIComponent).join('/')}`,
-                    defaultValue: null,
-                },
-            ],
-        });
-        const output = (_b = (_a = result.changes[0]) === null || _a === void 0 ? void 0 : _a.nextContents) !== null && _b !== void 0 ? _b : fileContents;
-        const { logLine } = result;
-        const nodePathRemappings = result.nodePathRemappings.map(({ oldNodePath, newNodePath, oldJsxName, newJsxName }) => ({
-            oldNodePath,
-            newNodePath,
-            oldJsxName,
-            newJsxName,
-        }));
-        const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([{ absolutePath, remappings: nodePathRemappings }], null);
-        (0, undo_stack_1.pushToUndoStack)({
-            filePath: absolutePath,
-            oldContents: fileContents,
-            newContents: null,
-            logLevel,
-            remotionRoot,
-            logLine,
-            description: {
-                undoMessage: '↩️  Removed video background',
-                redoMessage: '↪️  Removed video background',
+const commit_node_codemod_1 = require("../commit-node-codemod");
+const replaceVideoSourceHandler = ({ input: { fileName, nodePath, src }, remotionRoot, logLevel }) => (0, commit_node_codemod_1.commitNodeCodemod)({
+    remotionRoot,
+    logLevel,
+    fileName,
+    nodePath,
+    codemod: ({ project, node }) => (0, codemods_1.updateNodeProps)({
+        project,
+        node,
+        updates: [
+            {
+                key: 'src',
+                value: `${no_react_1.NoReactInternals.FILE_TOKEN}${src.split('/').map(encodeURIComponent).join('/')}`,
+                defaultValue: null,
             },
-            entryType: 'replace-video-source',
-            suppressHmrOnFileRestore: false,
-            nodePathRemappings,
-        });
-        (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
-            file: absolutePath,
-            content: output,
-            originatorClientId: undefined,
-            metadata: { skipSequencePropsUpdate: true },
-        });
-        const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
-            remotionRoot,
-            absolutePath,
-            line: logLine,
-        });
-        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(locationLabel)} Replaced video source`);
-        (0, undo_stack_1.printUndoHint)(logLevel);
-        return Promise.resolve({ success: true, nodePathMutation });
-    }
-    catch (error) {
-        return Promise.resolve({
-            success: false,
-            reason: error.message,
-            stack: (_c = error.stack) !== null && _c !== void 0 ? _c : '',
-        });
-    }
+        ],
+    }),
+    label: 'Removed video background',
+    entryType: 'replace-video-source',
+}).then(({ nodePathMutation }) => ({ success: true, nodePathMutation }), (error) => {
+    var _a;
+    return ({
+        success: false,
+        reason: error.message,
+        stack: (_a = error.stack) !== null && _a !== void 0 ? _a : '',
+    });
 });
 exports.replaceVideoSourceHandler = replaceVideoSourceHandler;

package/dist/preview-server/routes/restore-prerendered-scene.d.ts

@@ -0,0 +1,3 @@
+import type { RestorePrerenderedSceneRequest, RestorePrerenderedSceneResponse } from '@remotion/studio-shared';
+import type { ApiHandler } from '../api-types';
+export declare const restorePrerenderedSceneHandler: ApiHandler<RestorePrerenderedSceneRequest, RestorePrerenderedSceneResponse>;

package/dist/preview-server/routes/restore-prerendered-scene.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.restorePrerenderedSceneHandler = void 0;
+const codemods_1 = require("@remotion/codemods");
+const commit_node_codemod_1 = require("../commit-node-codemod");
+const prerendered_scene_1 = require("../prerendered-scene");
+const restorePrerenderedSceneHandler = ({ input: { fileName, nodePath, src }, publicDir, remotionRoot, logLevel }) => {
+    const sidecar = (0, prerendered_scene_1.readPrerenderedSceneSidecar)({ publicDir, src });
+    if (sidecar === null) {
+        return Promise.resolve({
+            success: false,
+            reason: 'This video was not rendered from a scene',
+            stack: '',
+        });
+    }
+    return (0, commit_node_codemod_1.commitNodeCodemod)({
+        remotionRoot,
+        logLevel,
+        fileName,
+        nodePath,
+        codemod: ({ project, node }) => codemods_1.CodemodsInternals.replaceJsxElementWithSource({
+            project,
+            node,
+            source: sidecar.source,
+            importStatements: sidecar.importStatements,
+        }),
+        label: 'Restored unrendered scene',
+        entryType: 'restore-prerendered-scene',
+    }).then(({ nodePathMutation }) => ({ success: true, nodePathMutation }), (error) => {
+        var _a;
+        return ({
+            success: false,
+            reason: error.message,
+            stack: (_a = error.stack) !== null && _a !== void 0 ? _a : '',
+        });
+    });
+};
+exports.restorePrerenderedSceneHandler = restorePrerenderedSceneHandler;

package/dist/preview-server/routes/save-effect-props.js

@@ -81,7 +81,7 @@ const saveEffectPropsHandler = ({ input, remotionRoot, logLevel }) => (0, source
     (0, undo_stack_1.pushToUndoStack)({
         filePath: absolutePath,
         oldContents: fileContents,
-        newContents: null,
+        newContents: output,
         logLevel,
         remotionRoot,
         logLine,

package/dist/preview-server/routes/save-sequence-props.js

@@ -73,7 +73,9 @@ const convertSequencePropEditToCodemodChange = (edit) => {
 exports.convertSequencePropEditToCodemodChange = convertSequencePropEditToCodemodChange;
 const shouldSuppressHmrForSequencePropEdits = (edits) => {
     return edits.every((edit) => edit.key !== 'showInTimeline' &&
-        (edit.sourceEdit === null || edit.sourceEdit === undefined));
+        (edit.sourceEdit === null ||
+            edit.sourceEdit === undefined ||
+            edit.sourceEdit.type === 'playback-rate'));
 };
 exports.shouldSuppressHmrForSequencePropEdits = shouldSuppressHmrForSequencePropEdits;
 const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyframes, captionPatches = [], clientId, undoLabel, redoLabel, }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {

package/dist/preview-server/routes/split-sequences.js

@@ -77,7 +77,7 @@ const splitSequencesHandler = ({ input: { sequences }, remotionRoot, logLevel })
             snapshots: updates.map((update) => ({
                 filePath: update.absolutePath,
                 oldContents: update.fileContents,
-                newContents: null,
+                newContents: update.output,
                 logLine: update.logLine,
                 nodePathRemappings: update.nodePathRemappings,
             })),

package/dist/preview-server/routes/split-video-from-audio.js

@@ -43,7 +43,7 @@ const splitVideoFromAudioHandler = ({ input: { fileName, nodePath }, remotionRoo
         (0, undo_stack_1.pushToUndoStack)({
             filePath: absolutePath,
             oldContents: fileContents,
-            newContents: null,
+            newContents: output,
             logLevel,
             remotionRoot,
             logLine,

package/dist/preview-server/routes/subscribe-to-sequence-props.js

@@ -5,30 +5,53 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.subscribeToSequenceProps = void 0;
 const node_path_1 = __importDefault(require("node:path"));
+const resolve_compiled_sequence_paths_1 = require("../resolve-compiled-sequence-paths");
 const sequence_props_watchers_1 = require("../sequence-props-watchers");
+const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
 const can_update_sequence_props_1 = require("./can-update-sequence-props");
-const subscribeToSequenceProps = ({ input, remotionRoot, logLevel }) => {
-    var _a;
+const subscribeToSequenceProps = async ({ input, remotionRoot, logLevel }) => {
+    var _a, _b;
+    var _c, _d, _e, _f;
     // Source contents are shared only within this synchronous subscription batch.
     const fileContentsCache = new Map();
     const requestsByFile = new Map();
     for (const [index, request] of input.requests.entries()) {
         const absolutePath = node_path_1.default.resolve(remotionRoot, request.fileName);
-        const indexes = (_a = requestsByFile.get(absolutePath)) !== null && _a !== void 0 ? _a : [];
+        const indexes = (_c = requestsByFile.get(absolutePath)) !== null && _c !== void 0 ? _c : [];
         indexes.push(index);
         requestsByFile.set(absolutePath, indexes);
     }
     const results = [];
     // Finish each file before moving on so large batches do not evict and
     // repeatedly parse the same source snapshot from the bounded AST cache.
-    for (const indexes of requestsByFile.values()) {
-        const unresolved = indexes
-            .filter((index) => input.requests[index].nodePath === null)
-            .map((index) => ({
-            index,
-            line: input.requests[index].line,
-            column: input.requests[index].column,
-        }));
+    const staleFiles = new Set();
+    for (const [absolutePath, indexes] of requestsByFile) {
+        const unresolved = [];
+        const compiledTargets = [];
+        for (const index of indexes) {
+            const { line, column, nodePath } = input.requests[index];
+            if (nodePath !== null)
+                continue;
+            const hash = (_d = (_a = input.compiledSourceHashes) === null || _a === void 0 ? void 0 : _a[index]) !== null && _d !== void 0 ? _d : null;
+            if (hash === null)
+                unresolved.push({ index, line, column });
+            else
+                compiledTargets.push({ index, line, column, hash });
+        }
+        let compiledPaths = new Map();
+        if (compiledTargets.length > 0) {
+            try {
+                compiledPaths = (0, resolve_compiled_sequence_paths_1.resolveCompiledSequencePaths)({
+                    fileName: input.requests[indexes[0]].fileName,
+                    remotionRoot,
+                    fileContentsCache,
+                    targets: compiledTargets,
+                });
+            }
+            catch (_g) {
+                // An unavailable or unparsable source cannot be safely located in a newer file.
+            }
+        }
         const resolvedNodePaths = new Map();
         if (unresolved.length > 0) {
             try {
@@ -44,17 +67,22 @@ const subscribeToSequenceProps = ({ input, remotionRoot, logLevel }) => {
                     }
                 }
             }
-            catch (_b) {
+            catch (_h) {
                 // Let each subscription produce its usual not-found response.
             }
         }
         for (const index of indexes) {
             const { fileName, line, column, nodePath, componentIdentity, keys, assetKeys, effects, clientId, } = input.requests[index];
-            results[index] = (0, sequence_props_watchers_1.subscribeToSequencePropsWatchers)({
+            const requireExactNodePath = nodePath === null &&
+                ((_e = (_b = input.compiledSourceHashes) === null || _b === void 0 ? void 0 : _b[index]) !== null && _e !== void 0 ? _e : null) !== null;
+            const result = (0, sequence_props_watchers_1.subscribeToSequencePropsWatchers)({
                 fileName,
                 line,
                 column,
-                nodePath,
+                nodePath: requireExactNodePath
+                    ? ((_f = compiledPaths.get(index)) !== null && _f !== void 0 ? _f : null)
+                    : nodePath,
+                requireExactNodePath,
                 resolvedNodePath: resolvedNodePaths.get(index),
                 componentIdentity,
                 keys,
@@ -65,8 +93,15 @@ const subscribeToSequenceProps = ({ input, remotionRoot, logLevel }) => {
                 logLevel,
                 fileContentsCache,
             });
+            results[index] = result;
+            if (requireExactNodePath &&
+                !result.success &&
+                result.status.reason === 'not-found') {
+                staleFiles.add(absolutePath);
+            }
         }
     }
-    return Promise.resolve({ results });
+    await Promise.all([...staleFiles].map((file) => (0, watch_ignore_next_change_1.invalidatePreviouslySuppressedFiles)(file)));
+    return { results };
 };
 exports.subscribeToSequenceProps = subscribeToSequenceProps;

package/dist/preview-server/routes/unwrap-node.js

@@ -54,7 +54,7 @@ const unwrapNodeHandler = ({ input: { fileName, compositionId, nodePath, dryRun
                     {
                         filePath: absolutePath,
                         oldContents: fileContents,
-                        newContents: null,
+                        newContents: output,
                         logLine: line,
                         nodePathRemappings: remappings,
                     },

package/dist/preview-server/routes/update-effect-keyframe-settings.js

@@ -52,7 +52,7 @@ const updateEffectKeyframeSettingsHandler = ({ input: { fileName, sequenceNodePa
     (0, undo_stack_1.pushToUndoStack)({
         filePath: absolutePath,
         oldContents: fileContents,
-        newContents: null,
+        newContents: output,
         logLevel,
         remotionRoot,
         logLine,

package/dist/preview-server/routes/update-sequence-keyframe-settings.js

@@ -48,7 +48,7 @@ const updateSequenceKeyframeSettingsHandler = ({ input: { fileName, nodePath, ke
     (0, undo_stack_1.pushToUndoStack)({
         filePath: absolutePath,
         oldContents: fileContents,
-        newContents: null,
+        newContents: output,
         logLevel,
         remotionRoot,
         logLine,

package/dist/preview-server/routes/wrap-node.js

@@ -73,7 +73,7 @@ const wrapNodeHandler = ({ input: { fileName, compositionId, nodePath, wrapper,
                     {
                         filePath: absolutePath,
                         oldContents: fileContents,
-                        newContents: null,
+                        newContents: output,
                         logLine: line,
                         nodePathRemappings: remappings,
                     },

package/dist/preview-server/sequence-node-path-mutation-build.d.ts

@@ -0,0 +1,2 @@
+import type { webpack } from '@remotion/bundler';
+export declare const trackSequenceNodePathMutationBuilds: (compiler: webpack.Compiler) => (statsResult: webpack.Stats) => string | null;