@remotion/studio-server 4.0.470 → 4.0.471

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/codemods/add-effect.d.ts +15 -0
  2. package/dist/codemods/add-effect.js +231 -0
  3. package/dist/codemods/reorder-effect.d.ts +13 -0
  4. package/dist/codemods/reorder-effect.js +61 -0
  5. package/dist/codemods/update-keyframes/update-keyframes.d.ts +4 -0
  6. package/dist/codemods/update-keyframes/update-keyframes.js +25 -10
  7. package/dist/helpers/open-in-editor.d.ts +2 -2
  8. package/dist/helpers/open-in-editor.js +35 -2
  9. package/dist/helpers/resolve-composition-component.d.ts +15 -0
  10. package/dist/helpers/resolve-composition-component.js +269 -31
  11. package/dist/preview-server/api-routes.js +8 -4
  12. package/dist/preview-server/routes/add-effect-keyframe.js +2 -2
  13. package/dist/preview-server/routes/add-effect.d.ts +3 -0
  14. package/dist/preview-server/routes/add-effect.js +68 -0
  15. package/dist/preview-server/routes/add-sequence-keyframe.js +6 -3
  16. package/dist/preview-server/routes/can-update-sequence-props.d.ts +1 -0
  17. package/dist/preview-server/routes/can-update-sequence-props.js +15 -1
  18. package/dist/preview-server/routes/delete-keyframes.d.ts +13 -0
  19. package/dist/preview-server/routes/delete-keyframes.js +263 -0
  20. package/dist/preview-server/routes/insert-jsx-element.d.ts +3 -0
  21. package/dist/preview-server/routes/insert-jsx-element.js +79 -0
  22. package/dist/preview-server/routes/reorder-effect.d.ts +3 -0
  23. package/dist/preview-server/routes/reorder-effect.js +67 -0
  24. package/dist/preview-server/routes/subscribe-to-sequence-props.js +2 -1
  25. package/dist/preview-server/sequence-props-watchers.d.ts +2 -1
  26. package/dist/preview-server/sequence-props-watchers.js +22 -2
  27. package/dist/preview-server/undo-stack.d.ts +9 -1
  28. package/package.json +6 -6
@@ -0,0 +1,263 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.deleteKeyframesHandler = exports.deleteKeyframes = void 0;
4
+ const node_fs_1 = require("node:fs");
5
+ const renderer_1 = require("@remotion/renderer");
6
+ const studio_shared_1 = require("@remotion/studio-shared");
7
+ const parse_ast_1 = require("../../codemods/parse-ast");
8
+ const update_keyframes_1 = require("../../codemods/update-keyframes/update-keyframes");
9
+ const file_watcher_1 = require("../../file-watcher");
10
+ const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
11
+ const undo_stack_1 = require("../undo-stack");
12
+ const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
13
+ const can_update_effect_props_1 = require("./can-update-effect-props");
14
+ const can_update_sequence_props_1 = require("./can-update-sequence-props");
15
+ const log_effect_update_1 = require("./log-updates/log-effect-update");
16
+ const log_update_1 = require("./log-updates/log-update");
17
+ const save_props_mutex_1 = require("./save-props-mutex");
18
+ const groupBy = (items, getKey) => {
19
+ var _a;
20
+ const groups = new Map();
21
+ for (const item of items) {
22
+ const key = getKey(item);
23
+ const group = (_a = groups.get(key)) !== null && _a !== void 0 ? _a : [];
24
+ group.push(item);
25
+ groups.set(key, group);
26
+ }
27
+ return [...groups.values()];
28
+ };
29
+ const getBatchDescription = ({ totalKeyframes, firstKeyframe, }) => {
30
+ if (totalKeyframes === 1) {
31
+ return {
32
+ undoMessage: `↩️ ${firstKeyframe.key} keyframe restored at frame ${firstKeyframe.frame}`,
33
+ redoMessage: `↪️ ${firstKeyframe.key} keyframe deleted at frame ${firstKeyframe.frame}`,
34
+ };
35
+ }
36
+ return {
37
+ undoMessage: `↩️ ${totalKeyframes} keyframes restored`,
38
+ redoMessage: `↪️ ${totalKeyframes} keyframes deleted`,
39
+ };
40
+ };
41
+ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remotionRoot, logLevel, }) => {
42
+ var _a, _b;
43
+ const totalKeyframes = sequenceKeyframes.length + effectKeyframes.length;
44
+ if (totalKeyframes === 0) {
45
+ throw new Error('No keyframes were specified for deletion');
46
+ }
47
+ const fileGroups = new Map();
48
+ const resolvedSequenceKeyframes = [];
49
+ const resolvedEffectKeyframes = [];
50
+ for (const [index, keyframe] of sequenceKeyframes.entries()) {
51
+ const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
52
+ remotionRoot,
53
+ fileName: keyframe.fileName,
54
+ action: 'modify',
55
+ });
56
+ const group = (_a = fileGroups.get(absolutePath)) !== null && _a !== void 0 ? _a : {
57
+ fileRelativeToRoot,
58
+ sequenceKeyframes: [],
59
+ effectKeyframes: [],
60
+ };
61
+ const resolved = { ...keyframe, index, absolutePath, fileRelativeToRoot };
62
+ group.sequenceKeyframes.push(resolved);
63
+ resolvedSequenceKeyframes.push(resolved);
64
+ fileGroups.set(absolutePath, group);
65
+ }
66
+ for (const [index, keyframe] of effectKeyframes.entries()) {
67
+ const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
68
+ remotionRoot,
69
+ fileName: keyframe.fileName,
70
+ action: 'modify',
71
+ });
72
+ const group = (_b = fileGroups.get(absolutePath)) !== null && _b !== void 0 ? _b : {
73
+ fileRelativeToRoot,
74
+ sequenceKeyframes: [],
75
+ effectKeyframes: [],
76
+ };
77
+ const resolved = { ...keyframe, index, absolutePath, fileRelativeToRoot };
78
+ group.effectKeyframes.push(resolved);
79
+ resolvedEffectKeyframes.push(resolved);
80
+ fileGroups.set(absolutePath, group);
81
+ }
82
+ const snapshots = [];
83
+ const outputByPath = new Map();
84
+ const sequenceLogs = [];
85
+ const effectLogs = [];
86
+ for (const [absolutePath, group] of fileGroups) {
87
+ const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
88
+ let output = fileContents;
89
+ let firstLogLine = Number.POSITIVE_INFINITY;
90
+ for (const keyframeGroup of groupBy(group.sequenceKeyframes, (keyframe) => JSON.stringify(keyframe.nodePath.nodePath))) {
91
+ const [firstSequenceKeyframe] = keyframeGroup;
92
+ if (!firstSequenceKeyframe) {
93
+ continue;
94
+ }
95
+ const result = await (0, update_keyframes_1.updateSequenceKeyframes)({
96
+ input: output,
97
+ nodePath: firstSequenceKeyframe.nodePath.nodePath,
98
+ updates: keyframeGroup.map((keyframe) => ({
99
+ key: keyframe.key,
100
+ operation: {
101
+ type: 'remove',
102
+ frame: keyframe.frame,
103
+ },
104
+ })),
105
+ });
106
+ output = result.output;
107
+ firstLogLine = Math.min(firstLogLine, result.logLine);
108
+ for (const [keyframeIndex, keyframe] of keyframeGroup.entries()) {
109
+ sequenceLogs.push({
110
+ fileRelativeToRoot: keyframe.fileRelativeToRoot,
111
+ line: result.logLine,
112
+ key: keyframe.key,
113
+ oldValueString: result.oldValueStrings[keyframeIndex],
114
+ newValueString: result.newValueStrings[keyframeIndex],
115
+ formatted: result.formatted,
116
+ });
117
+ }
118
+ }
119
+ for (const keyframeGroup of groupBy(group.effectKeyframes, (keyframe) => `${JSON.stringify(keyframe.sequenceNodePath.nodePath)}:${keyframe.effectIndex}`)) {
120
+ const [firstEffectKeyframe] = keyframeGroup;
121
+ if (!firstEffectKeyframe) {
122
+ continue;
123
+ }
124
+ const result = await (0, update_keyframes_1.updateEffectKeyframes)({
125
+ input: output,
126
+ sequenceNodePath: firstEffectKeyframe.sequenceNodePath.nodePath,
127
+ effectIndex: firstEffectKeyframe.effectIndex,
128
+ updates: keyframeGroup.map((keyframe) => ({
129
+ key: keyframe.key,
130
+ operation: {
131
+ type: 'remove',
132
+ frame: keyframe.frame,
133
+ },
134
+ })),
135
+ });
136
+ output = result.output;
137
+ firstLogLine = Math.min(firstLogLine, result.logLine);
138
+ for (const [keyframeIndex, keyframe] of keyframeGroup.entries()) {
139
+ effectLogs.push({
140
+ fileRelativeToRoot: keyframe.fileRelativeToRoot,
141
+ line: result.logLine,
142
+ effectName: result.effectCallee,
143
+ propKey: keyframe.key,
144
+ oldValueString: result.oldValueStrings[keyframeIndex],
145
+ newValueString: result.newValueStrings[keyframeIndex],
146
+ formatted: result.formatted,
147
+ });
148
+ }
149
+ }
150
+ snapshots.push({
151
+ filePath: absolutePath,
152
+ oldContents: fileContents,
153
+ newContents: output,
154
+ logLine: Number.isFinite(firstLogLine) ? firstLogLine : 1,
155
+ });
156
+ outputByPath.set(absolutePath, output);
157
+ }
158
+ const [firstKeyframe] = sequenceKeyframes.length > 0 ? sequenceKeyframes : effectKeyframes;
159
+ if (!firstKeyframe) {
160
+ throw new Error('No keyframes were specified for deletion');
161
+ }
162
+ (0, undo_stack_1.pushTransactionToUndoStack)({
163
+ snapshots,
164
+ logLevel,
165
+ remotionRoot,
166
+ description: getBatchDescription({ totalKeyframes, firstKeyframe }),
167
+ entryType: sequenceKeyframes.length > 0 && effectKeyframes.length > 0
168
+ ? 'keyframe-delete'
169
+ : sequenceKeyframes.length > 0
170
+ ? 'sequence-props'
171
+ : 'effect-props',
172
+ suppressHmrOnFileRestore: true,
173
+ });
174
+ for (const snapshot of snapshots) {
175
+ (0, undo_stack_1.suppressUndoStackInvalidation)(snapshot.filePath);
176
+ (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(snapshot.filePath);
177
+ (0, file_watcher_1.writeFileAndNotifyFileWatchers)(snapshot.filePath, snapshot.newContents, clientId);
178
+ }
179
+ for (const log of sequenceLogs) {
180
+ (0, log_update_1.logUpdate)({
181
+ fileRelativeToRoot: log.fileRelativeToRoot,
182
+ line: log.line,
183
+ key: log.key,
184
+ oldValueString: log.oldValueString,
185
+ newValueString: log.newValueString,
186
+ defaultValueString: null,
187
+ formatted: log.formatted,
188
+ logLevel,
189
+ removedProps: [],
190
+ addedProps: [],
191
+ });
192
+ }
193
+ for (const log of effectLogs) {
194
+ (0, log_effect_update_1.logEffectUpdate)({
195
+ fileRelativeToRoot: log.fileRelativeToRoot,
196
+ line: log.line,
197
+ effectName: log.effectName,
198
+ propKey: log.propKey,
199
+ oldValueString: log.oldValueString,
200
+ newValueString: log.newValueString,
201
+ defaultValueString: null,
202
+ formatted: log.formatted,
203
+ logLevel,
204
+ removedProps: [],
205
+ addedProps: [],
206
+ });
207
+ }
208
+ (0, undo_stack_1.printUndoHint)(logLevel);
209
+ const sequenceResults = resolvedSequenceKeyframes.map((keyframe) => {
210
+ const output = outputByPath.get(keyframe.absolutePath);
211
+ if (!output) {
212
+ throw new Error('Could not compute sequence keyframe deletion status');
213
+ }
214
+ const status = (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
215
+ fileContents: output,
216
+ keys: (0, studio_shared_1.getAllSchemaKeys)(keyframe.schema),
217
+ nodePath: keyframe.nodePath.nodePath,
218
+ effects: [],
219
+ });
220
+ return {
221
+ fileName: keyframe.fileName,
222
+ nodePath: keyframe.nodePath,
223
+ props: status.props,
224
+ };
225
+ });
226
+ const astByPath = new Map();
227
+ const effectResults = resolvedEffectKeyframes.map((keyframe) => {
228
+ var _a;
229
+ const output = outputByPath.get(keyframe.absolutePath);
230
+ if (!output) {
231
+ throw new Error('Could not compute effect keyframe deletion status');
232
+ }
233
+ const ast = (_a = astByPath.get(keyframe.absolutePath)) !== null && _a !== void 0 ? _a : (0, parse_ast_1.parseAst)(output);
234
+ astByPath.set(keyframe.absolutePath, ast);
235
+ const jsx = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, keyframe.sequenceNodePath.nodePath);
236
+ if (!jsx) {
237
+ return {
238
+ canUpdate: false,
239
+ effectIndex: keyframe.effectIndex,
240
+ reason: 'not-found',
241
+ };
242
+ }
243
+ return (0, can_update_effect_props_1.computeEffectPropStatus)({
244
+ jsx,
245
+ effectIndex: keyframe.effectIndex,
246
+ keys: (0, studio_shared_1.getAllSchemaKeys)(keyframe.schema),
247
+ });
248
+ });
249
+ return { sequenceResults, effectResults };
250
+ };
251
+ exports.deleteKeyframes = deleteKeyframes;
252
+ const deleteKeyframesHandler = ({ input: { sequenceKeyframes, effectKeyframes, clientId }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
253
+ renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[delete-keyframes] Received request to delete ${sequenceKeyframes.length + effectKeyframes.length} keyframe(s)`);
254
+ await (0, exports.deleteKeyframes)({
255
+ sequenceKeyframes,
256
+ effectKeyframes,
257
+ clientId,
258
+ remotionRoot,
259
+ logLevel,
260
+ });
261
+ return { success: true };
262
+ });
263
+ exports.deleteKeyframesHandler = deleteKeyframesHandler;
@@ -0,0 +1,3 @@
1
+ import type { InsertJsxElementRequest, InsertJsxElementResponse } from '@remotion/studio-shared';
2
+ import type { ApiHandler } from '../api-types';
3
+ export declare const insertJsxElementHandler: ApiHandler<InsertJsxElementRequest, InsertJsxElementResponse>;
@@ -0,0 +1,79 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.insertJsxElementHandler = void 0;
4
+ const renderer_1 = require("@remotion/renderer");
5
+ const file_watcher_1 = require("../../file-watcher");
6
+ const resolve_composition_component_1 = require("../../helpers/resolve-composition-component");
7
+ const format_log_file_location_1 = require("../format-log-file-location");
8
+ const undo_stack_1 = require("../undo-stack");
9
+ const log_update_1 = require("./log-updates/log-update");
10
+ const save_props_mutex_1 = require("./save-props-mutex");
11
+ const validateDimension = (name, value) => {
12
+ if (!Number.isFinite(value) || value < 1) {
13
+ throw new Error(`${name} must be a positive number`);
14
+ }
15
+ };
16
+ const validateElement = (element) => {
17
+ if (element.type === 'solid') {
18
+ validateDimension('width', element.width);
19
+ validateDimension('height', element.height);
20
+ }
21
+ };
22
+ const getElementLabel = (element) => {
23
+ if (element.type === 'solid') {
24
+ return '<Solid>';
25
+ }
26
+ throw new Error('Unsupported element type');
27
+ };
28
+ const insertJsxElementHandler = ({ input: { compositionFile, compositionId, element }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
29
+ try {
30
+ validateElement(element);
31
+ const elementLabel = getElementLabel(element);
32
+ renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[insert-jsx-element] Received request for compositionFile="${compositionFile}" compositionId="${compositionId}" element="${element.type}"`);
33
+ const { fileName, source, oldContents, output, formatted, logLine } = await (0, resolve_composition_component_1.insertJsxElementIntoComposition)({
34
+ remotionRoot,
35
+ compositionFile,
36
+ compositionId,
37
+ element,
38
+ prettierConfigOverride: null,
39
+ });
40
+ (0, undo_stack_1.pushToUndoStack)({
41
+ filePath: fileName,
42
+ oldContents,
43
+ newContents: output,
44
+ logLevel,
45
+ remotionRoot,
46
+ logLine,
47
+ description: {
48
+ undoMessage: `↩️ Added ${elementLabel}`,
49
+ redoMessage: `↪️ Added ${elementLabel}`,
50
+ },
51
+ entryType: 'insert-jsx-element',
52
+ suppressHmrOnFileRestore: false,
53
+ });
54
+ (0, undo_stack_1.suppressUndoStackInvalidation)(fileName);
55
+ (0, file_watcher_1.writeFileAndNotifyFileWatchers)(fileName, output, undefined);
56
+ const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
57
+ remotionRoot,
58
+ absolutePath: fileName,
59
+ line: logLine,
60
+ });
61
+ renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Added ${elementLabel}`);
62
+ if (!formatted) {
63
+ (0, log_update_1.warnAboutPrettierOnce)(logLevel);
64
+ }
65
+ renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[insert-jsx-element] Wrote ${source}${formatted ? ' (formatted)' : ''}`);
66
+ (0, undo_stack_1.printUndoHint)(logLevel);
67
+ return {
68
+ success: true,
69
+ };
70
+ }
71
+ catch (err) {
72
+ return {
73
+ success: false,
74
+ reason: err.message,
75
+ stack: err.stack,
76
+ };
77
+ }
78
+ });
79
+ exports.insertJsxElementHandler = insertJsxElementHandler;
@@ -0,0 +1,3 @@
1
+ import type { ReorderEffectRequest, ReorderEffectResponse } from '@remotion/studio-shared';
2
+ import type { ApiHandler } from '../api-types';
3
+ export declare const reorderEffectHandler: ApiHandler<ReorderEffectRequest, ReorderEffectResponse>;
@@ -0,0 +1,67 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.reorderEffectHandler = void 0;
4
+ const node_fs_1 = require("node:fs");
5
+ const renderer_1 = require("@remotion/renderer");
6
+ const reorder_effect_1 = require("../../codemods/reorder-effect");
7
+ const file_watcher_1 = require("../../file-watcher");
8
+ const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
9
+ const format_log_file_location_1 = require("../format-log-file-location");
10
+ const undo_stack_1 = require("../undo-stack");
11
+ const formatting_1 = require("./log-updates/formatting");
12
+ const log_update_1 = require("./log-updates/log-update");
13
+ const reorderEffectHandler = async ({ input: { fileName, sequenceNodePath, fromIndex, toIndex, clientId }, remotionRoot, logLevel, }) => {
14
+ try {
15
+ renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[reorder-effect] Received request for fileName="${fileName}" fromIndex=${fromIndex} toIndex=${toIndex}`);
16
+ const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
17
+ remotionRoot,
18
+ fileName,
19
+ action: 'modify',
20
+ });
21
+ const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
22
+ const { output, formatted, effectLabel, logLine } = await (0, reorder_effect_1.reorderEffect)({
23
+ input: fileContents,
24
+ sequenceNodePath: sequenceNodePath.nodePath,
25
+ fromIndex,
26
+ toIndex,
27
+ });
28
+ (0, undo_stack_1.pushToUndoStack)({
29
+ filePath: absolutePath,
30
+ oldContents: fileContents,
31
+ newContents: null,
32
+ logLevel,
33
+ remotionRoot,
34
+ logLine,
35
+ description: {
36
+ undoMessage: `↩️ Reordering of ${effectLabel}`,
37
+ redoMessage: `↪️ Reordering of ${effectLabel}`,
38
+ },
39
+ entryType: 'reorder-effect',
40
+ suppressHmrOnFileRestore: false,
41
+ });
42
+ (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
43
+ (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
44
+ const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
45
+ remotionRoot,
46
+ absolutePath,
47
+ line: logLine,
48
+ });
49
+ renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Reordered ${(0, formatting_1.attrName)(effectLabel)}`);
50
+ if (!formatted) {
51
+ (0, log_update_1.warnAboutPrettierOnce)(logLevel);
52
+ }
53
+ renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[reorder-effect] Wrote ${fileRelativeToRoot}${formatted ? ' (formatted)' : ''}`);
54
+ (0, undo_stack_1.printUndoHint)(logLevel);
55
+ return {
56
+ success: true,
57
+ };
58
+ }
59
+ catch (err) {
60
+ return {
61
+ success: false,
62
+ reason: err.message,
63
+ stack: err.stack,
64
+ };
65
+ }
66
+ };
67
+ exports.reorderEffectHandler = reorderEffectHandler;
@@ -2,11 +2,12 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.subscribeToSequenceProps = void 0;
4
4
  const sequence_props_watchers_1 = require("../sequence-props-watchers");
5
- const subscribeToSequenceProps = ({ input: { fileName, line, column, keys, effects, clientId }, remotionRoot, logLevel, }) => {
5
+ const subscribeToSequenceProps = ({ input: { fileName, line, column, nodePath, keys, effects, clientId }, remotionRoot, logLevel, }) => {
6
6
  const result = (0, sequence_props_watchers_1.subscribeToSequencePropsWatchers)({
7
7
  fileName,
8
8
  line,
9
9
  column,
10
+ nodePath,
10
11
  keys,
11
12
  effects,
12
13
  remotionRoot,
@@ -1,9 +1,10 @@
1
1
  import { type SubscribeToSequencePropsResponse } from '@remotion/studio-shared';
2
2
  import type { SequenceNodePath } from 'remotion';
3
- export declare const subscribeToSequencePropsWatchers: ({ fileName, line, column, keys, effects, remotionRoot, clientId, logLevel, }: {
3
+ export declare const subscribeToSequencePropsWatchers: ({ fileName, line, column, nodePath: preferredNodePath, keys, effects, remotionRoot, clientId, logLevel, }: {
4
4
  fileName: string;
5
5
  line: number;
6
6
  column: number;
7
+ nodePath: SequenceNodePath | null;
7
8
  keys: string[];
8
9
  effects: string[][];
9
10
  remotionRoot: string;
@@ -13,7 +13,26 @@ const live_events_1 = require("./live-events");
13
13
  const node_path_cache_1 = require("./node-path-cache");
14
14
  const can_update_sequence_props_1 = require("./routes/can-update-sequence-props");
15
15
  const sequencePropsWatchers = {};
16
- const getSequencePropsStatus = ({ fileName, line, column, keys, effects, remotionRoot, logLevel, }) => {
16
+ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, keys, effects, remotionRoot, logLevel, }) => {
17
+ if (preferredNodePath) {
18
+ const fromNodePath = (0, can_update_sequence_props_1.computeSequencePropsStatus)({
19
+ fileName,
20
+ nodePath: preferredNodePath,
21
+ keys,
22
+ effects,
23
+ remotionRoot,
24
+ });
25
+ return {
26
+ status: fromNodePath,
27
+ nodePath: {
28
+ absolutePath: node_path_1.default.resolve(remotionRoot, fileName),
29
+ nodePath: preferredNodePath,
30
+ sequenceKeys: keys,
31
+ effectKeys: effects,
32
+ },
33
+ success: true,
34
+ };
35
+ }
17
36
  // Try cached nodePath first (handles stale source maps after suppressed rebuilds)
18
37
  const cachedNodePath = (0, node_path_cache_1.getCachedNodePath)(fileName, line, column);
19
38
  if (cachedNodePath) {
@@ -47,12 +66,13 @@ const getSequencePropsStatus = ({ fileName, line, column, keys, effects, remotio
47
66
  });
48
67
  return status;
49
68
  };
50
- const subscribeToSequencePropsWatchers = ({ fileName, line, column, keys, effects, remotionRoot, clientId, logLevel, }) => {
69
+ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: preferredNodePath, keys, effects, remotionRoot, clientId, logLevel, }) => {
51
70
  var _a;
52
71
  const initialResult = getSequencePropsStatus({
53
72
  fileName,
54
73
  line,
55
74
  column,
75
+ preferredNodePath,
56
76
  keys,
57
77
  effects,
58
78
  remotionRoot,
@@ -3,7 +3,7 @@ export interface UndoEntryDescription {
3
3
  undoMessage: string;
4
4
  redoMessage: string;
5
5
  }
6
- type UndoEntryType = 'visual-control' | 'default-props' | 'sequence-props' | 'effect-props' | 'delete-effect' | 'delete-jsx-node' | 'duplicate-jsx-node' | 'delete-composition' | 'rename-composition' | 'duplicate-composition';
6
+ type UndoEntryType = 'visual-control' | 'default-props' | 'sequence-props' | 'effect-props' | 'keyframe-delete' | 'add-effect' | 'delete-effect' | 'reorder-effect' | 'delete-jsx-node' | 'duplicate-jsx-node' | 'insert-jsx-element' | 'delete-composition' | 'rename-composition' | 'duplicate-composition';
7
7
  type UndoEntrySnapshot = {
8
8
  filePath: string;
9
9
  oldContents: string;
@@ -27,12 +27,20 @@ type UndoEntry = {
27
27
  entryType: 'sequence-props';
28
28
  } | {
29
29
  entryType: 'effect-props';
30
+ } | {
31
+ entryType: 'keyframe-delete';
32
+ } | {
33
+ entryType: 'add-effect';
30
34
  } | {
31
35
  entryType: 'delete-effect';
36
+ } | {
37
+ entryType: 'reorder-effect';
32
38
  } | {
33
39
  entryType: 'delete-jsx-node';
34
40
  } | {
35
41
  entryType: 'duplicate-jsx-node';
42
+ } | {
43
+ entryType: 'insert-jsx-element';
36
44
  } | {
37
45
  entryType: 'delete-composition';
38
46
  } | {
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-server"
4
4
  },
5
5
  "name": "@remotion/studio-server",
6
- "version": "4.0.470",
6
+ "version": "4.0.471",
7
7
  "description": "Run a Remotion Studio with a server backend",
8
8
  "main": "dist",
9
9
  "scripts": {
@@ -27,11 +27,11 @@
27
27
  "@babel/parser": "7.24.1",
28
28
  "semver": "7.5.3",
29
29
  "prettier": "3.8.1",
30
- "remotion": "4.0.470",
30
+ "remotion": "4.0.471",
31
31
  "recast": "0.23.11",
32
- "@remotion/bundler": "4.0.470",
33
- "@remotion/renderer": "4.0.470",
34
- "@remotion/studio-shared": "4.0.470",
32
+ "@remotion/bundler": "4.0.471",
33
+ "@remotion/renderer": "4.0.471",
34
+ "@remotion/studio-shared": "4.0.471",
35
35
  "memfs": "3.4.3",
36
36
  "open": "8.4.2"
37
37
  },
@@ -39,7 +39,7 @@
39
39
  "ast-types": "0.16.1",
40
40
  "react": "19.2.3",
41
41
  "@types/semver": "7.5.3",
42
- "@remotion/eslint-config-internal": "4.0.470",
42
+ "@remotion/eslint-config-internal": "4.0.471",
43
43
  "eslint": "9.19.0",
44
44
  "@types/node": "20.12.14",
45
45
  "@typescript/native-preview": "7.0.0-dev.20260217.1"