@remotion/studio-server 4.0.533 → 4.0.535

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

@@ -1,13 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.openInEditorHandler = exports.getEditorName = void 0;
-const node_path_1 = __importDefault(require("node:path"));
-const renderer_1 = require("@remotion/renderer");
-const custom_editor_1 = require("../../helpers/custom-editor");
-const open_in_editor_1 = require("../../helpers/open-in-editor");
+const open_in_app_1 = require("../../helpers/open-in-app");
 const resolve_editor_1 = require("../../helpers/resolve-editor");
 const getEditorName = async ({ getDefaultEditor, logLevel, }) => {
     var _a;
@@ -19,52 +13,4 @@ const getEditorName = async ({ getDefaultEditor, logLevel, }) => {
     return (_a = editor === null || editor === void 0 ? void 0 : editor.nameWithType) !== null && _a !== void 0 ? _a : null;
 };
 exports.getEditorName = getEditorName;
-const openInEditorHandler = async ({ input, remotionRoot, logLevel, getDefaultEditor }) => {
-    try {
-        if (!('stack' in input)) {
-            throw new TypeError('Need to pass stack');
-        }
-        const { stack } = input;
-        if (input.editorId !== null &&
-            input.editorId !== 'custom' &&
-            !renderer_1.defaultEditorIds.includes(input.editorId)) {
-            return { success: false };
-        }
-        const editor = await (0, resolve_editor_1.resolveEditor)({
-            defaultEditor: getDefaultEditor(),
-            logLevel,
-            preferredEditor: input.editorId,
-        });
-        if (!editor) {
-            return { success: false };
-        }
-        const fileName = node_path_1.default.resolve(remotionRoot, stack.originalFileName);
-        const didOpen = editor.type === 'custom'
-            ? await (0, custom_editor_1.launchCustomEditor)({
-                editor: editor.editor,
-                resolvedExecutable: editor,
-                targetPath: fileName,
-                lineNumber: stack.originalLineNumber,
-                columnNumber: stack.originalColumnNumber,
-                logLevel,
-                spawnProcess: null,
-            })
-            : await (0, open_in_editor_1.launchEditor)({
-                colNumber: stack.originalColumnNumber,
-                editor,
-                fileName,
-                lineNumber: stack.originalLineNumber,
-                vsCodeNewWindow: false,
-                logLevel,
-            });
-        return {
-            success: didOpen,
-        };
-    }
-    catch (_a) {
-        return {
-            success: false,
-        };
-    }
-};
-exports.openInEditorHandler = openInEditorHandler;
+exports.openInEditorHandler = open_in_app_1.openInEditor;

package/dist/preview-server/routes/redo.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.redoHandler = void 0;
 const undo_stack_1 = require("../undo-stack");
+const source_file_write_queue_1 = require("./source-file-write-queue");
 const redoHandler = () => {
-    return Promise.resolve((0, undo_stack_1.popRedo)());
+    return (0, source_file_write_queue_1.withSourceFileWriteQueue)(() => (0, undo_stack_1.popRedo)());
 };
 exports.redoHandler = redoHandler;

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/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/source-file-write-queue.d.ts

@@ -1,2 +1,2 @@
 export declare const getCodemodTimingPrefix: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => string;
-export declare const withSourceFileWriteQueue: <T>(fn: () => Promise<T>) => Promise<T>;
+export declare const withSourceFileWriteQueue: <T>(fn: () => T | Promise<T>) => Promise<T>;

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/undo.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.undoHandler = void 0;
 const undo_stack_1 = require("../undo-stack");
+const source_file_write_queue_1 = require("./source-file-write-queue");
 const undoHandler = () => {
-    return Promise.resolve((0, undo_stack_1.popUndo)());
+    return (0, source_file_write_queue_1.withSourceFileWriteQueue)(() => (0, undo_stack_1.popUndo)());
 };
 exports.undoHandler = undoHandler;

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-config.js

@@ -120,6 +120,10 @@ const validateUpdates = (updates) => {
             catch (_b) {
                 return 'Config.addElementLibrary() expects an HTTP or HTTPS URL.';
             }
+            if (elementLibrary.captionStylesUrl !== undefined &&
+                (0, studio_shared_1.normalizeHttpUrl)(elementLibrary.captionStylesUrl) === null) {
+                return 'Config.addElementLibrary() expects "captionStylesUrl" to be an absolute HTTP or HTTPS URL.';
+            }
             if (displayName !== undefined &&
                 (typeof displayName !== 'string' || displayName.trim() === '')) {
                 return 'Config.addElementLibrary() expects a non-empty display name.';
@@ -223,16 +227,19 @@ const updateConfigFile = ({ configContents, existingElementLibraryUrls, updates,
         let value = initialValue;
         if (setter === 'addElementLibrary') {
             const elementLibrary = initialValue;
-            const { displayName: rawDisplayName, url } = elementLibrary;
+            const { displayName: rawDisplayName, url, captionStylesUrl, } = elementLibrary;
             const normalizedUrl = new URL(url).href;
             if (elementLibraryUrls.has(normalizedUrl)) {
                 continue;
             }
             const displayName = typeof rawDisplayName === 'string' ? rawDisplayName.trim() : null;
-            value =
-                displayName === null
-                    ? { url: normalizedUrl }
-                    : { url: normalizedUrl, displayName };
+            value = {
+                url: normalizedUrl,
+                ...(displayName === null ? {} : { displayName }),
+                ...(captionStylesUrl === undefined
+                    ? {}
+                    : { captionStylesUrl: new URL(captionStylesUrl).href }),
+            };
             elementLibraryUrls.add(normalizedUrl);
         }
         const serializedValue = JSON.stringify(value)

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/studio-protocol/handle-element-library.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleStudioProtocolElementLibrary = void 0;
 const studio_protocol_1 = require("@remotion/studio-protocol");
+const studio_shared_1 = require("@remotion/studio-shared");
 const element_install_state_1 = require("../element-install-state");
 const parse_body_1 = require("../parse-body");
 const origin_policy_1 = require("./origin-policy");
@@ -81,6 +82,18 @@ const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab,
         });
         return;
     }
+    const captionStylesUrl = parsedRequest.captionStylesUrl === null
+        ? null
+        : (0, studio_shared_1.normalizeHttpUrl)(parsedRequest.captionStylesUrl);
+    if (parsedRequest.captionStylesUrl !== null && captionStylesUrl === null) {
+        (0, protocol_response_1.writeStudioProtocolError)({
+            code: 'invalid-url',
+            message: 'The caption styles URL must be an absolute HTTP or HTTPS URL.',
+            response,
+            status: 400,
+        });
+        return;
+    }
     const displayName = (_b = (_a = parsedRequest.displayName) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : null;
     if (displayName === '') {
         (0, protocol_response_1.writeStudioProtocolError)({
@@ -117,6 +130,7 @@ const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab,
     }
     const delivered = liveEventsServer.sendEventToClientId(target.clientId, {
         type: 'element-library-add-request',
+        captionStylesUrl,
         url: normalizedUrl,
         displayName,
         origin: requestOrigin,

package/dist/preview-server/studio-protocol/handle-install.js

@@ -10,7 +10,7 @@ const protocol_response_1 = require("./protocol-response");
 // UTF-8 representation and the protocol envelope while keeping memory bounded.
 const MAX_STUDIO_PROTOCOL_INSTALL_BODY_SIZE = 1000000;
 const deliverElementInstall = ({ element, focusStudioTab, liveEventsServer, origin, target, }) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const installRequest = {
         id: `${Date.now()}-${Math.random().toString(16).slice(2)}`,
         clientId: target.clientId,
@@ -22,6 +22,7 @@ const deliverElementInstall = ({ element, focusStudioTab, liveEventsServer, orig
             durationInFrames: (_a = element.durationInFrames) !== null && _a !== void 0 ? _a : null,
             initialProps: (_b = element.initialProps) !== null && _b !== void 0 ? _b : null,
             installationMode: (_c = element.installationMode) !== null && _c !== void 0 ? _c : null,
+            isCaptionStyle: (_d = element.isCaptionStyle) !== null && _d !== void 0 ? _d : false,
         },
         from: null,
         position: null,

package/dist/preview-server/undo-stack.js

@@ -285,6 +285,7 @@ function popUndo() {
             (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(snapshot.filePath);
         }
         if (snapshot.oldContents === null) {
+            (0, watch_ignore_next_change_1.prepareBundlerForFileWrite)(snapshot.filePath);
             (0, node_fs_1.rmSync)(snapshot.filePath, { force: true });
         }
         else {

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/preview-server/watch-ignore-next-change.d.ts

@@ -1,5 +1,6 @@
 import type { WatchIgnoreNextChangePlugin } from '@remotion/bundler';
 export declare const setWatchIgnoreNextChangePlugin: (plugin: WatchIgnoreNextChangePlugin) => void;
 export declare const suppressBundlerUpdateForFile: (absolutePath: string) => void;
+export declare const prepareBundlerForFileWrite: (absolutePath: string) => void;
 export declare const invalidatePreviouslySuppressedFiles: () => Promise<boolean>;
 export declare const reloadPreviouslySuppressedFiles: () => Promise<void>;

package/dist/preview-server/watch-ignore-next-change.js

@@ -1,16 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.reloadPreviouslySuppressedFiles = exports.invalidatePreviouslySuppressedFiles = exports.suppressBundlerUpdateForFile = exports.setWatchIgnoreNextChangePlugin = void 0;
+exports.reloadPreviouslySuppressedFiles = exports.invalidatePreviouslySuppressedFiles = exports.prepareBundlerForFileWrite = exports.suppressBundlerUpdateForFile = exports.setWatchIgnoreNextChangePlugin = void 0;
 const node_fs_1 = require("node:fs");
+const pendingSuppressedWrites = new Set();
 let currentPlugin = null;
 const setWatchIgnoreNextChangePlugin = (plugin) => {
     currentPlugin = plugin;
+    pendingSuppressedWrites.clear();
 };
 exports.setWatchIgnoreNextChangePlugin = setWatchIgnoreNextChangePlugin;
 const suppressBundlerUpdateForFile = (absolutePath) => {
-    currentPlugin === null || currentPlugin === void 0 ? void 0 : currentPlugin.ignoreNextChange(absolutePath);
+    pendingSuppressedWrites.add(absolutePath);
 };
 exports.suppressBundlerUpdateForFile = suppressBundlerUpdateForFile;
+// Consume the intent for this write, rather than letting an earlier suppressed
+// write swallow a subsequent structural change in the watcher's aggregated event.
+const prepareBundlerForFileWrite = (absolutePath) => {
+    if (pendingSuppressedWrites.delete(absolutePath)) {
+        currentPlugin === null || currentPlugin === void 0 ? void 0 : currentPlugin.ignoreNextChange(absolutePath);
+    }
+    else {
+        currentPlugin === null || currentPlugin === void 0 ? void 0 : currentPlugin.requireRebuild(absolutePath);
+    }
+};
+exports.prepareBundlerForFileWrite = prepareBundlerForFileWrite;
 const invalidatePreviouslySuppressedFiles = async () => {
     if (!currentPlugin) {
         return false;

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,