@remotion/studio-server 4.0.532 → 4.0.534

package/dist/preview-server/routes/install-remotion-skill.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeRemotionSkillHandler = exports.installRemotionSkillHandler = void 0;
+exports.upgradeRemotionSkillHandler = exports.removeRemotionSkillHandler = exports.installRemotionSkillHandler = void 0;
 const node_child_process_1 = require("node:child_process");
 const renderer_1 = require("@remotion/renderer");
 const package_manager_spawn_options_1 = require("../../helpers/package-manager-spawn-options");
@@ -13,19 +13,28 @@ const changeRemotionSkill = async ({ action, remotionRoot, input: { skill }, log
         throw new Error(`Unknown Remotion skill: ${JSON.stringify(skill)}`);
     }
     if (changingSkillsInProjects.has(remotionRoot)) {
-        throw new Error('A skill is already being installed or removed. Please try again once it finishes.');
+        throw new Error('A skill is already being installed, upgraded, or removed. Please try again once it finishes.');
     }
     changingSkillsInProjects.add(remotionRoot);
     try {
-        const installedSkill = (0, remotion_skills_info_1.getRemotionSkillsInfo)({ remotionRoot }).skills.find(({ name }) => name === skill);
+        const currentInfo = (0, remotion_skills_info_1.getRemotionSkillsInfo)({ remotionRoot });
+        const installedSkill = currentInfo.skills.find(({ name }) => name === skill);
         const removingGlobally = action === 'remove' &&
             (installedSkill === null || installedSkill === void 0 ? void 0 : installedSkill.installedInProject) === false &&
             installedSkill.installedGlobally;
-        if (action === 'remove' &&
-            !removingGlobally &&
-            !(installedSkill === null || installedSkill === void 0 ? void 0 : installedSkill.installedInProject)) {
+        if (action !== 'install' &&
+            !(installedSkill === null || installedSkill === void 0 ? void 0 : installedSkill.installedInProject) &&
+            !(installedSkill === null || installedSkill === void 0 ? void 0 : installedSkill.installedGlobally)) {
             throw new Error(`${skill} is not installed.`);
         }
+        const scopes = action === 'upgrade'
+            ? currentInfo.installations
+                .filter((installation) => installation.name === skill && installation.outdated)
+                .map(({ scope }) => scope)
+            : [removingGlobally ? 'global' : 'project'];
+        if (scopes.length === 0) {
+            throw new Error(`${skill} is already up to date.`);
+        }
         const packageManager = (0, get_package_manager_1.getPackageManager)({
             remotionRoot,
             packageManager: undefined,
@@ -38,61 +47,79 @@ const changeRemotionSkill = async ({ action, remotionRoot, input: { skill }, log
             : process.platform === 'win32'
                 ? 'npx.cmd'
                 : 'npx';
-        const commandArgs = action === 'install'
-            ? ['add', `remotion-dev/skills@${skill}`, '--yes']
-            : ['remove', ...(removingGlobally ? ['--global'] : []), skill, '--yes'];
-        const args = useBunx
-            ? ['--silent', 'skills@1.5.26', ...commandArgs]
-            : ['--yes', '--loglevel=error', 'skills@1.5.26', ...commandArgs];
-        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.gray(`╭─  ${executable} ${args.join(' ')}`));
-        const time = Date.now();
-        try {
-            await new Promise((resolve, reject) => {
-                const child = (0, node_child_process_1.spawn)(executable, args, {
-                    cwd: remotionRoot,
-                    env: { ...process.env, DISABLE_TELEMETRY: '1' },
-                    stdio: ['ignore', 'pipe', 'pipe'],
-                    ...(0, package_manager_spawn_options_1.getPackageManagerSpawnOptions)(),
+        for (const scope of scopes) {
+            const commandArgs = action === 'remove'
+                ? [
+                    'remove',
+                    ...(scope === 'global' ? ['--global'] : []),
+                    skill,
+                    '--yes',
+                ]
+                : [
+                    'add',
+                    `remotion-dev/skills@${skill}`,
+                    ...(scope === 'global' ? ['--global'] : []),
+                    '--yes',
+                ];
+            const args = useBunx
+                ? ['--silent', 'skills@1.7.0', ...commandArgs]
+                : ['--yes', '--loglevel=error', 'skills@1.7.0', ...commandArgs];
+            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.gray(`╭─  ${executable} ${args.join(' ')}`));
+            const time = Date.now();
+            try {
+                await new Promise((resolve, reject) => {
+                    const child = (0, node_child_process_1.spawn)(executable, args, {
+                        cwd: remotionRoot,
+                        env: { ...process.env, DISABLE_TELEMETRY: '1' },
+                        stdio: ['ignore', 'pipe', 'pipe'],
+                        ...(0, package_manager_spawn_options_1.getPackageManagerSpawnOptions)(),
+                    });
+                    let output = '';
+                    const onData = (data) => {
+                        output = (output + data.toString()).slice(-8000);
+                        data
+                            .toString()
+                            .trim()
+                            .split('\n')
+                            .forEach((line) => renderer_1.RenderInternals.Log.info({ indent: true, logLevel }, line));
+                    };
+                    child.stdout.on('data', onData);
+                    child.stderr.on('data', onData);
+                    child.on('error', reject);
+                    child.on('close', (code, signal) => {
+                        if (code === 0) {
+                            resolve();
+                        }
+                        else {
+                            reject(new Error(`Could not ${action} ${skill} (exit code ${code}, signal ${signal}). ${output.trim()}`));
+                        }
+                    });
                 });
-                let output = '';
-                const onData = (data) => {
-                    output = (output + data.toString()).slice(-8000);
-                    data
-                        .toString()
-                        .trim()
-                        .split('\n')
-                        .forEach((line) => renderer_1.RenderInternals.Log.info({ indent: true, logLevel }, line));
-                };
-                child.stdout.on('data', onData);
-                child.stderr.on('data', onData);
-                child.on('error', reject);
-                child.on('close', (code, signal) => {
-                    if (code === 0) {
-                        resolve();
-                    }
-                    else {
-                        reject(new Error(`Could not ${action} ${skill} (exit code ${code}, signal ${signal}). ${output.trim()}`));
+                const info = (0, remotion_skills_info_1.getRemotionSkillsInfo)({ remotionRoot });
+                const updatedSkill = info.skills.find(({ name }) => name === skill);
+                if (action === 'install' && !(updatedSkill === null || updatedSkill === void 0 ? void 0 : updatedSkill.installedInProject)) {
+                    throw new Error(`The installer finished, but ${skill} was not found in the project. Please try again.`);
+                }
+                if (action === 'upgrade') {
+                    const upgradedInstallation = info.installations.find((installation) => installation.name === skill && installation.scope === scope);
+                    if (!upgradedInstallation || upgradedInstallation.outdated) {
+                        throw new Error(`The installer finished, but ${skill} ${scope === 'global' ? 'globally' : 'in the project'} is still out of date. Please try again.`);
                     }
-                });
-            });
-            const info = (0, remotion_skills_info_1.getRemotionSkillsInfo)({ remotionRoot });
-            const updatedSkill = info.skills.find(({ name }) => name === skill);
-            if (action === 'install' && !(updatedSkill === null || updatedSkill === void 0 ? void 0 : updatedSkill.installedInProject)) {
-                throw new Error(`The installer finished, but ${skill} was not found in the project. Please try again.`);
+                }
+                if (action === 'remove' &&
+                    (removingGlobally
+                        ? updatedSkill === null || updatedSkill === void 0 ? void 0 : updatedSkill.installedGlobally
+                        : updatedSkill === null || updatedSkill === void 0 ? void 0 : updatedSkill.installedInProject)) {
+                    throw new Error(`The remover finished, but ${skill} is still installed ${removingGlobally ? 'globally' : 'in the project'}. Please try again.`);
+                }
+                renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.gray('╰─ '), `Done in ${Date.now() - time}ms`);
             }
-            if (action === 'remove' &&
-                (removingGlobally
-                    ? updatedSkill === null || updatedSkill === void 0 ? void 0 : updatedSkill.installedGlobally
-                    : updatedSkill === null || updatedSkill === void 0 ? void 0 : updatedSkill.installedInProject)) {
-                throw new Error(`The remover finished, but ${skill} is still installed ${removingGlobally ? 'globally' : 'in the project'}. Please try again.`);
+            catch (error) {
+                renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.gray('╰─ '), renderer_1.RenderInternals.chalk.red(`Errored in ${Date.now() - time}ms`));
+                throw error;
             }
-            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.gray('╰─ '), `Done in ${Date.now() - time}ms`);
-            return info;
-        }
-        catch (error) {
-            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.gray('╰─ '), renderer_1.RenderInternals.chalk.red(`Errored in ${Date.now() - time}ms`));
-            throw error;
         }
+        return (0, remotion_skills_info_1.getRemotionSkillsInfo)({ remotionRoot });
     }
     finally {
         changingSkillsInProjects.delete(remotionRoot);
@@ -106,3 +133,7 @@ const removeRemotionSkillHandler = (input) => {
     return changeRemotionSkill({ ...input, action: 'remove' });
 };
 exports.removeRemotionSkillHandler = removeRemotionSkillHandler;
+const upgradeRemotionSkillHandler = (input) => {
+    return changeRemotionSkill({ ...input, action: 'upgrade' });
+};
+exports.upgradeRemotionSkillHandler = upgradeRemotionSkillHandler;

package/dist/preview-server/routes/open-in-editor.js

@@ -56,7 +56,7 @@ const openInEditorHandler = async ({ input, remotionRoot, logLevel, getDefaultEd
                 lineNumber: stack.originalLineNumber,
                 vsCodeNewWindow: false,
                 logLevel,
-            });
+            }, remotionRoot);
         return {
             success: didOpen,
         };

package/dist/preview-server/routes/remotion-skills-info.d.ts

@@ -1,7 +1,8 @@
-import type { GetRemotionSkillsInfoRequest, GetRemotionSkillsInfoResponse } from '@remotion/studio-shared';
+import type { GetRemotionSkillsInfoRequest, GetRemotionSkillsInfoResponse, OpenRemotionSkillRequest } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
 export declare const getRemotionSkillsInfo: ({ remotionRoot, homeDirectory, }: {
     remotionRoot: string;
     homeDirectory?: string | undefined;
 }) => GetRemotionSkillsInfoResponse;
 export declare const remotionSkillsInfoHandler: ApiHandler<GetRemotionSkillsInfoRequest, GetRemotionSkillsInfoResponse>;
+export declare const openRemotionSkillHandler: ApiHandler<OpenRemotionSkillRequest, void>;

package/dist/preview-server/routes/remotion-skills-info.js

@@ -3,32 +3,86 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.remotionSkillsInfoHandler = exports.getRemotionSkillsInfo = void 0;
+exports.openRemotionSkillHandler = exports.remotionSkillsInfoHandler = exports.getRemotionSkillsInfo = void 0;
 const node_fs_1 = require("node:fs");
 const node_os_1 = require("node:os");
 const node_path_1 = __importDefault(require("node:path"));
+const version_1 = require("remotion/version");
+const semver_1 = __importDefault(require("semver"));
 const detect_outdated_remotion_skills_1 = require("../../detect-outdated-remotion-skills");
+const open_directory_in_finder_1 = require("../../open-directory-in-finder");
 const remotion_skill_names_1 = require("../../remotion-skill-names");
 const getRemotionSkillsInfo = ({ remotionRoot, homeDirectory = (0, node_os_1.homedir)(), }) => {
+    var _a;
     const skillsDirectories = (0, detect_outdated_remotion_skills_1.getRemotionSkillsDirectories)({
         cwd: remotionRoot,
         homeDirectory,
     });
+    const installations = remotion_skill_names_1.remotionSkillNames.flatMap((name) => {
+        return ['project', 'global'].flatMap((scope) => {
+            const { installed, version } = (0, detect_outdated_remotion_skills_1.readRemotionSkill)(node_path_1.default.join(skillsDirectories[scope], name, 'SKILL.md'));
+            if (!installed) {
+                return [];
+            }
+            return [
+                {
+                    name,
+                    scope,
+                    version,
+                    outdated: version === null ||
+                        semver_1.default.valid(version) === null ||
+                        semver_1.default.lt(version, version_1.VERSION),
+                },
+            ];
+        });
+    });
     const skills = remotion_skill_names_1.remotionSkillNames.map((name) => ({
         name,
-        installedInProject: (0, node_fs_1.existsSync)(node_path_1.default.join(skillsDirectories.project, name, 'SKILL.md')),
-        installedGlobally: (0, node_fs_1.existsSync)(node_path_1.default.join(skillsDirectories.global, name, 'SKILL.md')),
+        installedInProject: installations.some((installation) => installation.name === name && installation.scope === 'project'),
+        installedGlobally: installations.some((installation) => installation.name === name && installation.scope === 'global'),
     }));
     const isSkillAvailable = (skillName) => {
         const skill = skills.find(({ name }) => name === skillName);
         return Boolean((skill === null || skill === void 0 ? void 0 : skill.installedInProject) || (skill === null || skill === void 0 ? void 0 : skill.installedGlobally));
     };
+    const restartSkillDirectories = [skillsDirectories.global];
+    let directory = node_path_1.default.resolve(remotionRoot);
+    while (true) {
+        restartSkillDirectories.push(node_path_1.default.join(directory, '.agents', 'skills'));
+        const parent = node_path_1.default.dirname(directory);
+        if (parent === directory || (0, node_fs_1.existsSync)(node_path_1.default.join(directory, '.git'))) {
+            break;
+        }
+        directory = parent;
+    }
+    const studioRestartSkill = (_a = ['remotion-studio', 'remotion-best-practices'].find((name) => restartSkillDirectories.some((skillsDirectory) => (0, node_fs_1.existsSync)(node_path_1.default.join(skillsDirectory, name, 'SKILL.md'))))) !== null && _a !== void 0 ? _a : null;
     return {
+        studioServerStartedByAgent: Boolean(process.env.CURSOR_AGENT || process.env.CLAUDECODE === '1'),
+        studioRestartSkill,
         remotionUpgradeSkillAvailable: isSkillAvailable('remotion-upgrade'),
         remotionInteractivitySkillAvailable: isSkillAvailable('remotion-interactivity'),
+        installations,
         skills,
     };
 };
 exports.getRemotionSkillsInfo = getRemotionSkillsInfo;
 const remotionSkillsInfoHandler = ({ remotionRoot }) => Promise.resolve((0, exports.getRemotionSkillsInfo)({ remotionRoot }));
 exports.remotionSkillsInfoHandler = remotionSkillsInfoHandler;
+const openRemotionSkillHandler = ({ remotionRoot, input: { skill, scope } }) => {
+    if (!remotion_skill_names_1.remotionSkillNames.some((name) => name === skill)) {
+        throw new Error(`Unknown Remotion skill: ${JSON.stringify(skill)}`);
+    }
+    if (scope !== 'project' && scope !== 'global') {
+        throw new Error(`Unknown skill scope: ${JSON.stringify(scope)}`);
+    }
+    const directories = (0, detect_outdated_remotion_skills_1.getRemotionSkillsDirectories)({
+        cwd: remotionRoot,
+        homeDirectory: (0, node_os_1.homedir)(),
+    });
+    const skillDirectory = node_path_1.default.join(directories[scope], skill);
+    if (!(0, node_fs_1.existsSync)(node_path_1.default.join(skillDirectory, 'SKILL.md'))) {
+        throw new Error(`${skill} is not installed ${scope === 'global' ? 'globally' : 'in the project'}.`);
+    }
+    return (0, open_directory_in_finder_1.openDirectoryInFinder)(skillDirectory, directories[scope]);
+};
+exports.openRemotionSkillHandler = openRemotionSkillHandler;

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

@@ -11,7 +11,7 @@ const sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
 const undo_stack_1 = require("../undo-stack");
 const formatting_1 = require("./log-updates/formatting");
 const source_file_write_queue_1 = require("./source-file-write-queue");
-const reorderSequenceHandler = ({ input: { fileName, sourceNodePath, targetNodePath, position, clientId }, remotionRoot, logLevel, }) => {
+const reorderSequenceHandler = ({ input: { fileName, sourceNodePaths, targetNodePath, position, clientId }, remotionRoot, logLevel, }) => {
     return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
         var _a;
         var _b;
@@ -23,9 +23,12 @@ const reorderSequenceHandler = ({ input: { fileName, sourceNodePath, targetNodeP
                 action: 'modify',
             });
             const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-            const result = await (0, codemods_1.reorderNode)({
+            const result = await (0, codemods_1.reorderNodes)({
                 project: { files: { [absolutePath]: fileContents }, rootDir: remotionRoot },
-                node: { filePath: absolutePath, nodePath: sourceNodePath.nodePath },
+                nodes: sourceNodePaths.map((sourceNodePath) => ({
+                    filePath: absolutePath,
+                    nodePath: sourceNodePath.nodePath,
+                })),
                 target: { filePath: absolutePath, nodePath: targetNodePath.nodePath },
                 position,
             });

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

@@ -492,7 +492,6 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
             nodePath: (_a = updatedNodePaths.get(`${absolutePath}:${JSON.stringify(target.nodePath.nodePath)}`)) !== null && _a !== void 0 ? _a : target.nodePath.nodePath,
             componentIdentity: null,
             effects: [],
-            videoConfigValues: target.nodePath.videoConfigValues,
         };
         const newStatus = (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
             ...statusInput,

package/dist/preview-server/routes/shared-memory-capture-support.d.ts

@@ -0,0 +1,3 @@
+import type { ApiRoutes } from '@remotion/studio-shared';
+import type { ApiHandler } from '../api-types';
+export declare const sharedMemoryCaptureSupportHandler: ApiHandler<ApiRoutes['/api/shared-memory-capture-support']['Request'], ApiRoutes['/api/shared-memory-capture-support']['Response']>;

package/dist/preview-server/routes/shared-memory-capture-support.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sharedMemoryCaptureSupportHandler = void 0;
+const renderer_1 = require("@remotion/renderer");
+const sharedMemoryCaptureSupportHandler = async ({ input, binariesDirectory, logLevel }) => {
+    const supported = await renderer_1.RenderInternals.probeSharedMemoryCapture({
+        ...input,
+        binariesDirectory,
+        logLevel,
+    });
+    return { supported };
+};
+exports.sharedMemoryCaptureSupportHandler = sharedMemoryCaptureSupportHandler;

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

@@ -37,10 +37,11 @@ const splitSequencesHandler = ({ input: { sequences }, remotionRoot, logLevel })
                     files: { [absolutePath]: fileContents },
                     rootDir: remotionRoot,
                 },
-                splits: fileSequences.map(({ nodePath, sequenceKeys, splitFrame }) => ({
+                splits: fileSequences.map(({ nodePath, sequenceKeys, splitFrame, videoConfigValues }) => ({
                     node: { filePath: absolutePath, nodePath },
                     sequenceKeys,
                     frame: splitFrame,
+                    videoConfig: videoConfigValues !== null && videoConfigValues !== void 0 ? videoConfigValues : undefined,
                 })),
             });
             const output = (_b = (_a = result.changes[0]) === null || _a === void 0 ? void 0 : _a.nextContents) !== null && _b !== void 0 ? _b : fileContents;

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

@@ -32,7 +32,7 @@ const subscribeToSequenceProps = ({ input, remotionRoot, logLevel }) => {
             // Let each subscription produce its usual not-found response.
         }
     }
-    const results = input.requests.map(({ fileName, line, column, nodePath, componentIdentity, keys, assetKeys, effects, clientId, videoConfigValues, }, index) => (0, sequence_props_watchers_1.subscribeToSequencePropsWatchers)({
+    const results = input.requests.map(({ fileName, line, column, nodePath, componentIdentity, keys, assetKeys, effects, clientId, }, index) => (0, sequence_props_watchers_1.subscribeToSequencePropsWatchers)({
         fileName,
         line,
         column,
@@ -44,7 +44,6 @@ const subscribeToSequenceProps = ({ input, remotionRoot, logLevel }) => {
         effects,
         remotionRoot,
         clientId,
-        videoConfigValues,
         logLevel,
     }));
     return Promise.resolve({ results });

package/dist/preview-server/routes/unsubscribe-from-sequence-props.js

@@ -11,7 +11,6 @@ const unsubscribeFromSequenceProps = ({ input: { fileName, nodePath, clientId, s
         sequenceKeys,
         assetKeys,
         effectKeys,
-        videoConfigValues: nodePath.videoConfigValues,
     });
     return Promise.resolve(undefined);
 };

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

@@ -87,7 +87,6 @@ const updateSequenceKeyframeSettingsHandler = ({ input: { fileName, nodePath, ke
         nodePath: updatedNodePath,
         componentIdentity: null,
         effects: [],
-        videoConfigValues: nodePath.videoConfigValues,
     });
     const updatedSubscriptionKey = { ...nodePath, nodePath: updatedNodePath };
     return {

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

@@ -10,9 +10,10 @@ 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 wrapNodeHandler = ({ input: { fileName, nodePath, wrapper, width, height, timing }, remotionRoot, logLevel, }) => {
+const wrapNodeHandler = ({ input: { fileName, compositionId, nodePath, wrapper, width, height, timing }, remotionRoot, logLevel, }) => {
     return (0, source_file_write_queue_1.withSourceFileWriteQueue)(() => {
         var _a;
+        var _b, _c;
         try {
             const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
                 remotionRoot,
@@ -56,8 +57,16 @@ const wrapNodeHandler = ({ input: { fileName, nodePath, wrapper, width, height,
                 throw new Error('Could not wrap JSX node');
             }
             const output = change.nextContents;
-            const remappings = result.nodePathRemappings.map(({ oldNodePath, newNodePath }) => ({ oldNodePath, newNodePath }));
-            const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([{ absolutePath, remappings }], null);
+            const remappings = result.nodePathRemappings.map(({ oldNodePath, newNodePath, oldJsxName, newJsxName }) => ({
+                oldNodePath,
+                newNodePath,
+                oldJsxName,
+                newJsxName,
+            }));
+            const insertedNodePath = (_b = (_a = remappings.find((remapping) => remapping.oldNodePath === null)) === null || _a === void 0 ? void 0 : _a.newNodePath) !== null && _b !== void 0 ? _b : null;
+            const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([{ absolutePath, remappings }], insertedNodePath !== null
+                ? { compositionId, absolutePath, nodePath: insertedNodePath }
+                : null);
             const line = result.logLine;
             (0, undo_stack_1.pushTransactionToUndoStack)({
                 snapshots: [
@@ -100,7 +109,7 @@ const wrapNodeHandler = ({ input: { fileName, nodePath, wrapper, width, height,
             return Promise.resolve({
                 success: false,
                 reason: err.message,
-                stack: (_a = err.stack) !== null && _a !== void 0 ? _a : '',
+                stack: (_c = err.stack) !== null && _c !== void 0 ? _c : '',
             });
         }
     });

package/dist/preview-server/sequence-props-watchers.d.ts

@@ -1,6 +1,6 @@
 import { type SubscribeToSequencePropsResponse } from '@remotion/studio-shared';
-import type { SequenceNodePath, VideoConfigValues } from 'remotion';
-export declare const subscribeToSequencePropsWatchers: ({ fileName, line, column, nodePath: preferredNodePath, resolvedNodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, clientId, logLevel, videoConfigValues, }: {
+import type { SequenceNodePath } from 'remotion';
+export declare const subscribeToSequencePropsWatchers: ({ fileName, line, column, nodePath: preferredNodePath, resolvedNodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, clientId, logLevel, }: {
     fileName: string;
     line: number;
     column: number;
@@ -13,9 +13,8 @@ export declare const subscribeToSequencePropsWatchers: ({ fileName, line, column
     remotionRoot: string;
     clientId: string;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
-    videoConfigValues: VideoConfigValues;
 }) => SubscribeToSequencePropsResponse;
-export declare const unsubscribeFromSequencePropsWatchers: ({ fileName, nodePath, remotionRoot, clientId, sequenceKeys, assetKeys, effectKeys, videoConfigValues, }: {
+export declare const unsubscribeFromSequencePropsWatchers: ({ fileName, nodePath, remotionRoot, clientId, sequenceKeys, assetKeys, effectKeys, }: {
     fileName: string;
     nodePath: SequenceNodePath;
     remotionRoot: string;
@@ -23,6 +22,5 @@ export declare const unsubscribeFromSequencePropsWatchers: ({ fileName, nodePath
     sequenceKeys: string[];
     assetKeys: string[];
     effectKeys: string[][];
-    videoConfigValues: VideoConfigValues | null;
 }) => void;
 export declare const unsubscribeClientSequencePropsWatchers: (clientId: string) => void;

package/dist/preview-server/sequence-props-watchers.js

@@ -14,8 +14,8 @@ const live_events_1 = require("./live-events");
 const node_path_cache_1 = require("./node-path-cache");
 const can_update_sequence_props_1 = require("./routes/can-update-sequence-props");
 const sequencePropsWatchers = {};
-const getWatcherKey = (nodePath, assetKeys) => `${(0, studio_shared_1.stringifySequenceSubscriptionKey)(nodePath)}:${assetKeys.join('\0')}:${JSON.stringify(nodePath.videoConfigValues)}`;
-const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, resolvedNodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, logLevel, videoConfigValues, }) => {
+const getWatcherKey = (nodePath, assetKeys) => `${(0, studio_shared_1.stringifySequenceSubscriptionKey)(nodePath)}:${assetKeys.join('\0')}`;
+const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, resolvedNodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, logLevel, }) => {
     if (preferredNodePath) {
         try {
             const fromNodePath = (0, can_update_sequence_props_1.computeSequencePropsStatus)({
@@ -26,7 +26,6 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, res
                 assetKeys,
                 effects,
                 remotionRoot,
-                videoConfigValues,
             });
             return {
                 status: fromNodePath,
@@ -35,7 +34,7 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, res
                     nodePath: preferredNodePath,
                     sequenceKeys: keys,
                     effectKeys: effects,
-                    videoConfigValues,
+                    videoConfigValues: null,
                 },
                 success: true,
             };
@@ -60,7 +59,6 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, res
                     assetKeys,
                     effects,
                     remotionRoot,
-                    videoConfigValues,
                 });
             }
             catch (error) {
@@ -79,7 +77,7 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, res
                     nodePath: cachedNodePath,
                     sequenceKeys: keys,
                     effectKeys: effects,
-                    videoConfigValues,
+                    videoConfigValues: null,
                 },
                 success: true,
             };
@@ -96,14 +94,13 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, res
                     assetKeys,
                     effects,
                     remotionRoot,
-                    videoConfigValues,
                 }),
                 nodePath: {
                     absolutePath: node_path_1.default.resolve(remotionRoot, fileName),
                     nodePath: resolvedNodePath,
                     sequenceKeys: keys,
                     effectKeys: effects,
-                    videoConfigValues,
+                    videoConfigValues: null,
                 },
                 success: true,
             };
@@ -125,11 +122,10 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, res
         effects,
         remotionRoot,
         logLevel,
-        videoConfigValues,
     });
     return status;
 };
-const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: preferredNodePath, resolvedNodePath = null, componentIdentity, keys, assetKeys, effects, remotionRoot, clientId, logLevel, videoConfigValues, }) => {
+const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: preferredNodePath, resolvedNodePath = null, componentIdentity, keys, assetKeys, effects, remotionRoot, clientId, logLevel, }) => {
     var _a;
     const initialResult = getSequencePropsStatus({
         fileName,
@@ -143,7 +139,6 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
         effects,
         remotionRoot,
         logLevel,
-        videoConfigValues,
     });
     if (!initialResult.success) {
         return initialResult;
@@ -170,9 +165,8 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
             if (event.type === 'deleted') {
                 return;
             }
-            if (event.originatorClientId === clientId) {
-                return;
-            }
+            // Even the editing client needs the saved expression: its optimistic
+            // numeric value only describes the instance that initiated the edit.
             if (event.type === 'changed' && event.skipSequencePropsUpdate) {
                 return;
             }
@@ -184,7 +178,6 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
                     keys,
                     assetKeys,
                     effects,
-                    videoConfigValues,
                 });
                 const previousEffectChain = result.effects.map((effect) => effect.canUpdate && effect.callee);
                 const newEffectChain = initialResult.success &&
@@ -227,14 +220,13 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
     return initialResult;
 };
 exports.subscribeToSequencePropsWatchers = subscribeToSequencePropsWatchers;
-const unsubscribeFromSequencePropsWatchers = ({ fileName, nodePath, remotionRoot, clientId, sequenceKeys, assetKeys, effectKeys, videoConfigValues, }) => {
+const unsubscribeFromSequencePropsWatchers = ({ fileName, nodePath, remotionRoot, clientId, sequenceKeys, assetKeys, effectKeys, }) => {
     const absolutePath = node_path_1.default.resolve(remotionRoot, fileName);
     const watcherKey = getWatcherKey({
         absolutePath,
         nodePath,
         sequenceKeys,
         effectKeys,
-        videoConfigValues,
     }, assetKeys);
     if (!sequencePropsWatchers[clientId] ||
         !sequencePropsWatchers[clientId][watcherKey]) {

package/dist/preview-server/update-available.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isUpdateAvailableWithTimeout = exports.getRemotionVersion = exports.isUpdateAvailable = void 0;
+const node_path_1 = __importDefault(require("node:path"));
 const semver_1 = __importDefault(require("semver"));
 const detect_outdated_remotion_skills_1 = require("../detect-outdated-remotion-skills");
 const get_latest_remotion_version_1 = require("../get-latest-remotion-version");
@@ -15,6 +16,22 @@ const getSkillsUpdateInfo = ({ remotionRoot, currentVersion, }) => {
     }).project;
     return {
         skillsUpdateAvailable: projectSkills.type === 'outdated',
+        skillsUpdateDetails: projectSkills.type === 'outdated'
+            ? {
+                outdatedSkills: projectSkills.outdatedSkillNames.map((name) => {
+                    const { version } = (0, detect_outdated_remotion_skills_1.readRemotionSkill)(node_path_1.default.join(projectSkills.skillsDirectory, name, 'SKILL.md'));
+                    return {
+                        name,
+                        installedVersion: version,
+                        reason: version === null
+                            ? 'missing-version'
+                            : semver_1.default.valid(version) === null
+                                ? 'invalid-version'
+                                : 'older-version',
+                    };
+                }),
+            }
+            : null,
     };
 };
 const isUpdateAvailable = async ({ remotionRoot, currentVersion, logLevel, getLatestVersion, }) => {

package/dist/routes.js

@@ -102,7 +102,7 @@ const handleRemotionConfig = (response, remotionRoot) => {
     response.end(JSON.stringify(body));
     return Promise.resolve();
 };
-const handleFallback = async ({ remotionRoot, hash, response, request, getCurrentInputProps, getEnvVariables, publicDir, getRenderQueue, getRenderDefaults, getNumberOfAudioTags, getAudioLatencyHint, getExperimentalKeepAudioContextAlive, getPreviewSampleRate, gitSource, logLevel, enableCrossSiteIsolation, getStudioRuntimeConfig, getDefaultEditor, }) => {
+const handleFallback = async ({ remotionRoot, hash, outputHash, response, request, getCurrentInputProps, getEnvVariables, publicDir, getRenderQueue, getRenderDefaults, getNumberOfAudioTags, getAudioLatencyHint, getExperimentalKeepAudioContextAlive, getPreviewSampleRate, gitSource, logLevel, enableCrossSiteIsolation, getStudioRuntimeConfig, getDefaultEditor, }) => {
     var _a, _b;
     const acceptsHtml = ((_a = request.headers.accept) !== null && _a !== void 0 ? _a : '').includes('text/html');
     if (request.method === 'GET' && acceptsHtml) {
@@ -142,6 +142,7 @@ const handleFallback = async ({ remotionRoot, hash, response, request, getCurren
     response.end(bundler_1.BundlerInternals.indexHtml({
         importMap: null,
         staticHash: hash,
+        outputHash,
         publicPath: '/',
         editorName: displayName,
         envVariables: getEnvVariables(),
@@ -470,6 +471,7 @@ const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPref
     return handleFallback({
         remotionRoot,
         hash: staticHash,
+        outputHash,
         response,
         request,
         getCurrentInputProps,