@remotion/studio-server 4.0.438 → 4.0.439

package/dist/index.d.ts

@@ -56,13 +56,16 @@ export declare const StudioServerInternals: {
     getMaxTimelineTracks: () => number;
     setMaxTimelineTracks: (maxTracks: number) => void;
     getLatestRemotionVersion: () => Promise<any>;
-    installFileWatcher: ({ file, onChange, }: {
+    installFileWatcher: (options: {
         file: string;
-        onChange: (type: "changed" | "created" | "deleted") => void;
+        onChange: (event: import("./file-watcher").FileChangeEvent) => void;
     }) => {
         exists: boolean;
         unwatch: () => void;
     };
+    writeFileAndNotifyFileWatchers: (file: string, content: string) => void;
+    createFileWatcherRegistry: () => import("./file-watcher").FileWatcherRegistry;
+    setFileWatcherRegistry: (registry: import("./file-watcher").FileWatcherRegistry) => () => void;
     AnsiDiff: typeof AnsiDiff;
     formatBytes: (number: number, options?: (Intl.NumberFormatOptions & {
         locale: string;

package/dist/index.js

@@ -26,6 +26,9 @@ exports.StudioServerInternals = {
     setMaxTimelineTracks: max_timeline_tracks_1.setMaxTimelineTracks,
     getLatestRemotionVersion: get_latest_remotion_version_1.getLatestRemotionVersion,
     installFileWatcher: file_watcher_1.installFileWatcher,
+    writeFileAndNotifyFileWatchers: file_watcher_1.writeFileAndNotifyFileWatchers,
+    createFileWatcherRegistry: file_watcher_1.createFileWatcherRegistry,
+    setFileWatcherRegistry: file_watcher_1.setFileWatcherRegistry,
     AnsiDiff: ansi_diff_1.AnsiDiff,
     formatBytes: studio_shared_1.formatBytes,
     parseAndApplyCodemod: duplicate_composition_1.parseAndApplyCodemod,

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

@@ -4,17 +4,20 @@ exports.allApiRoutes = void 0;
 const add_render_1 = require("./routes/add-render");
 const apply_codemod_1 = require("./routes/apply-codemod");
 const apply_visual_control_change_1 = require("./routes/apply-visual-control-change");
-const can_update_default_props_1 = require("./routes/can-update-default-props");
 const cancel_render_1 = require("./routes/cancel-render");
 const delete_static_file_1 = require("./routes/delete-static-file");
 const install_dependency_1 = require("./routes/install-dependency");
 const open_in_file_explorer_1 = require("./routes/open-in-file-explorer");
 const project_info_1 = require("./routes/project-info");
+const redo_1 = require("./routes/redo");
 const remove_render_1 = require("./routes/remove-render");
 const restart_studio_1 = require("./routes/restart-studio");
 const save_sequence_props_1 = require("./routes/save-sequence-props");
+const subscribe_to_default_props_1 = require("./routes/subscribe-to-default-props");
 const subscribe_to_file_existence_1 = require("./routes/subscribe-to-file-existence");
 const subscribe_to_sequence_props_1 = require("./routes/subscribe-to-sequence-props");
+const undo_1 = require("./routes/undo");
+const unsubscribe_from_default_props_1 = require("./routes/unsubscribe-from-default-props");
 const unsubscribe_from_file_existence_1 = require("./routes/unsubscribe-from-file-existence");
 const unsubscribe_from_sequence_props_1 = require("./routes/unsubscribe-from-sequence-props");
 const update_available_1 = require("./routes/update-available");
@@ -29,7 +32,8 @@ exports.allApiRoutes = {
     '/api/update-default-props': update_default_props_1.updateDefaultPropsHandler,
     '/api/apply-visual-control-change': apply_visual_control_change_1.applyVisualControlHandler,
     '/api/apply-codemod': apply_codemod_1.applyCodemodHandler,
-    '/api/can-update-default-props': can_update_default_props_1.canUpdateDefaultPropsHandler,
+    '/api/subscribe-to-default-props': subscribe_to_default_props_1.subscribeToDefaultProps,
+    '/api/unsubscribe-from-default-props': unsubscribe_from_default_props_1.unsubscribeFromDefaultProps,
     '/api/subscribe-to-sequence-props': subscribe_to_sequence_props_1.subscribeToSequenceProps,
     '/api/unsubscribe-from-sequence-props': unsubscribe_from_sequence_props_1.unsubscribeFromSequenceProps,
     '/api/save-sequence-props': save_sequence_props_1.saveSequencePropsHandler,
@@ -38,4 +42,6 @@ exports.allApiRoutes = {
     '/api/delete-static-file': delete_static_file_1.deleteStaticFileHandler,
     '/api/restart-studio': restart_studio_1.handleRestartStudio,
     '/api/install-package': install_dependency_1.handleInstallPackage,
+    '/api/undo': undo_1.undoHandler,
+    '/api/redo': redo_1.redoHandler,
 };

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

@@ -17,8 +17,8 @@ const ensureGlobalWatcher = (rootFile) => {
     }
     const { unwatch } = (0, file_watcher_1.installFileWatcher)({
         file: rootFile,
-        onChange: (type) => {
-            if (type === 'deleted') {
+        onChange: (event) => {
+            if (event.type === 'deleted') {
                 return;
             }
             if (!watcherConfig) {
@@ -30,21 +30,16 @@ const ensureGlobalWatcher = (rootFile) => {
                     continue;
                 }
                 const clientIds = [...subscriptions[compositionId]];
-                (0, can_update_default_props_1.computeCanUpdateDefaultProps)({
-                    compositionId,
-                    remotionRoot: watcherConfig.remotionRoot,
-                    entryPoint: watcherConfig.entryPoint,
-                }).then(({ result: newResult }) => {
-                    (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
-                        const event = {
-                            type: 'default-props-updatable-changed',
-                            compositionId,
-                            result: newResult,
-                        };
-                        for (const cId of clientIds) {
-                            listener.sendEventToClientId(cId, event);
-                        }
-                    });
+                const newResult = (0, can_update_default_props_1.computeCanUpdateDefaultPropsFromContent)(event.content, compositionId);
+                (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+                    const updateEvent = {
+                        type: 'default-props-updatable-changed',
+                        compositionId,
+                        result: newResult,
+                    };
+                    for (const cId of clientIds) {
+                        listener.sendEventToClientId(cId, updateEvent);
+                    }
                 });
             }
         },

package/dist/preview-server/file-existence-watchers.js

@@ -12,8 +12,8 @@ const subscribeToFileExistenceWatchers = ({ file: relativeFile, remotionRoot, cl
     const file = node_path_1.default.resolve(remotionRoot, relativeFile);
     const { unwatch, exists } = (0, file_watcher_1.installFileWatcher)({
         file,
-        onChange: (type) => {
-            if (type === 'created') {
+        onChange: (event) => {
+            if (event.type === 'created') {
                 (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
                     listener.sendEventToClient({
                         type: 'watched-file-undeleted',
@@ -22,7 +22,7 @@ const subscribeToFileExistenceWatchers = ({ file: relativeFile, remotionRoot, cl
                     });
                 });
             }
-            if (type === 'deleted') {
+            if (event.type === 'deleted') {
                 (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
                     listener.sendEventToClient({
                         type: 'watched-file-deleted',

package/dist/preview-server/hot-middleware/index.js

@@ -9,7 +9,6 @@ exports.webpackHotMiddleware = void 0;
 const node_url_1 = require("node:url");
 const renderer_1 = require("@remotion/renderer");
 const studio_shared_1 = require("@remotion/studio-shared");
-const hmr_suppression_1 = require("../hmr-suppression");
 const pathMatch = function (url, path) {
     try {
         return (0, node_url_1.parse)(url).pathname === path;
@@ -21,16 +20,9 @@ const pathMatch = function (url, path) {
 const webpackHotMiddleware = (compiler, logLevel) => {
     const eventStream = createEventStream(studio_shared_1.hotMiddlewareOptions.heartbeat);
     let latestStats = null;
-    let currentBuildSuppressed = false;
     compiler.hooks.invalid.tap('remotion', onInvalid);
     compiler.hooks.done.tap('remotion', onDone);
-    function onInvalid(filename) {
-        if ((0, hmr_suppression_1.shouldSuppressHmr)(filename)) {
-            currentBuildSuppressed = true;
-            latestStats = null;
-            return;
-        }
-        currentBuildSuppressed = false;
+    function onInvalid() {
         latestStats = null;
         renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, 'Building...');
         eventStream === null || eventStream === void 0 ? void 0 : eventStream.publish({
@@ -40,12 +32,6 @@ const webpackHotMiddleware = (compiler, logLevel) => {
     function onDone(statsResult) {
         // Keep hold of latest stats so they can be propagated to new clients
         latestStats = statsResult;
-        if (currentBuildSuppressed) {
-            // Still send the "built" event so the client hash stays in sync,
-            // but skip the "building" spinner. This avoids accumulating
-            // a large HMR delta for the next real build.
-            currentBuildSuppressed = false;
-        }
         publishStats('built', latestStats, eventStream);
     }
     const middleware = function (req, res, next) {

package/dist/preview-server/live-events.d.ts

@@ -2,9 +2,14 @@ import type { IncomingMessage, ServerResponse } from 'node:http';
 import type { EventSourceEvent } from '@remotion/studio-shared';
 export type LiveEventsServer = {
     sendEventToClient: (event: EventSourceEvent) => void;
+    sendEventToClientId: (clientId: string, event: EventSourceEvent) => void;
     router: (request: IncomingMessage, response: ServerResponse) => Promise<void>;
     closeConnections: () => Promise<void>;
 };
-export declare const makeLiveEventsRouter: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => LiveEventsServer;
+export type InitialUndoRedoState = {
+    undoFile: string | null;
+    redoFile: string | null;
+};
+export declare const makeLiveEventsRouter: (logLevel: "error" | "info" | "trace" | "verbose" | "warn", getInitialUndoRedoState: () => InitialUndoRedoState) => LiveEventsServer;
 export declare const waitForLiveEventsListener: () => Promise<LiveEventsServer>;
 export declare const setLiveEventsListener: (listener: LiveEventsServer) => () => void;

package/dist/preview-server/live-events.js

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setLiveEventsListener = exports.waitForLiveEventsListener = exports.makeLiveEventsRouter = void 0;
 const server_ready_1 = require("../server-ready");
+const default_props_watchers_1 = require("./default-props-watchers");
 const file_existence_watchers_1 = require("./file-existence-watchers");
 const sequence_props_watchers_1 = require("./sequence-props-watchers");
 const serializeMessage = (message) => {
     return `data: ${JSON.stringify(message)}\n\n`;
 };
 let printPortMessageTimeout = null;
-const makeLiveEventsRouter = (logLevel) => {
+const makeLiveEventsRouter = (logLevel, getInitialUndoRedoState) => {
     let clients = [];
     const router = (request, response) => {
         const headers = {
@@ -23,7 +24,8 @@ const makeLiveEventsRouter = (logLevel) => {
             return Promise.resolve();
         }
         const clientId = String(Math.random());
-        response.write(serializeMessage({ type: 'init', clientId }));
+        const { undoFile, redoFile } = getInitialUndoRedoState();
+        response.write(serializeMessage({ type: 'init', clientId, undoFile, redoFile }));
         const newClient = {
             id: clientId,
             response,
@@ -33,6 +35,7 @@ const makeLiveEventsRouter = (logLevel) => {
             clearTimeout(printPortMessageTimeout);
         }
         request.on('close', () => {
+            (0, default_props_watchers_1.unsubscribeClientDefaultPropsWatchers)(clientId);
             (0, file_existence_watchers_1.unsubscribeClientFileExistenceWatchers)(clientId);
             (0, sequence_props_watchers_1.unsubscribeClientSequencePropsWatchers)(clientId);
             clients = clients.filter((client) => client.id !== clientId);
@@ -53,8 +56,15 @@ const makeLiveEventsRouter = (logLevel) => {
             client.response.write(serializeMessage(event));
         });
     };
+    const sendEventToClientId = (clientId, event) => {
+        const client = clients.find((c) => c.id === clientId);
+        if (client) {
+            client.response.write(serializeMessage(event));
+        }
+    };
     return {
         sendEventToClient,
+        sendEventToClientId,
         router,
         closeConnections: () => {
             return Promise.all(clients.map((client) => {

package/dist/preview-server/routes/apply-codemod.js

@@ -5,6 +5,7 @@ const node_fs_1 = require("node:fs");
 const renderer_1 = require("@remotion/renderer");
 const duplicate_composition_1 = require("../../codemods/duplicate-composition");
 const simple_diff_1 = require("../../codemods/simple-diff");
+const file_watcher_1 = require("../../file-watcher");
 const project_info_1 = require("../project-info");
 const can_update_default_props_1 = require("./can-update-default-props");
 const applyCodemodHandler = async ({ input: { codemod, dryRun }, logLevel, remotionRoot, entryPoint }) => {
@@ -26,7 +27,7 @@ const applyCodemodHandler = async ({ input: { codemod, dryRun }, logLevel, remot
             newLines: formatted.split('\n'),
         });
         if (!dryRun) {
-            (0, node_fs_1.writeFileSync)(projectInfo.rootFile, formatted);
+            (0, file_watcher_1.writeFileAndNotifyFileWatchers)(projectInfo.rootFile, formatted);
             const end = Date.now() - time;
             renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.blue(`Edited root file in ${end}ms`));
         }

package/dist/preview-server/routes/apply-visual-control-change.js

@@ -1,4 +1,37 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -6,9 +39,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.applyVisualControlHandler = void 0;
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
+const renderer_1 = require("@remotion/renderer");
 const parse_ast_1 = require("../../codemods/parse-ast");
 const recast_mods_1 = require("../../codemods/recast-mods");
-const applyVisualControlHandler = ({ input: { fileName, changes }, remotionRoot }) => {
+const file_watcher_1 = require("../../file-watcher");
+const make_link_1 = require("../../hyperlinks/make-link");
+const live_events_1 = require("../live-events");
+const undo_stack_1 = require("../undo-stack");
+const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
+const log_update_1 = require("./log-update");
+const applyVisualControlHandler = async ({ input: { fileName, changes }, remotionRoot, logLevel }) => {
+    renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[apply-visual-control] Received request for ${fileName} with ${changes.length} changes`);
     const absolutePath = node_path_1.default.resolve(remotionRoot, fileName);
     const fileRelativeToRoot = node_path_1.default.relative(remotionRoot, absolutePath);
     if (fileRelativeToRoot.startsWith('..')) {
@@ -26,10 +67,67 @@ const applyVisualControlHandler = ({ input: { fileName, changes }, remotionRoot
     if (changesMade.length === 0) {
         throw new Error('No changes were made to the file');
     }
-    const output = (0, parse_ast_1.serializeAst)(newAst);
-    (0, node_fs_1.writeFileSync)(absolutePath, output);
-    return Promise.resolve({
-        success: true,
+    let output = (0, parse_ast_1.serializeAst)(newAst);
+    let formatted = false;
+    try {
+        const prettier = await Promise.resolve().then(() => __importStar(require('prettier')));
+        const { format, resolveConfig, resolveConfigFile } = prettier;
+        const configFilePath = await resolveConfigFile();
+        if (configFilePath) {
+            const prettierConfig = await resolveConfig(configFilePath);
+            if (prettierConfig) {
+                output = await format(output, {
+                    ...prettierConfig,
+                    filepath: 'test.tsx',
+                    plugins: [],
+                    endOfLine: 'auto',
+                });
+                formatted = true;
+            }
+        }
+    }
+    catch (_a) {
+        // Prettier not available, use unformatted output
+    }
+    (0, undo_stack_1.pushToUndoStack)({
+        filePath: absolutePath,
+        oldContents: fileContents,
+        logLevel,
+        remotionRoot,
+        description: {
+            undoMessage: 'Undid visual control change',
+            redoMessage: 'Redid visual control change',
+        },
+        entryType: 'visual-control',
     });
+    (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
+    (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(absolutePath);
+    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output);
+    (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+        listener.sendEventToClient({
+            type: 'visual-control-values-changed',
+            values: changes.map((change) => ({
+                id: change.id,
+                value: change.newValueIsUndefined
+                    ? null
+                    : JSON.parse(change.newValueSerialized),
+                isUndefined: change.newValueIsUndefined,
+            })),
+        });
+    });
+    const locationLabel = `${fileRelativeToRoot}`;
+    const fileLink = (0, make_link_1.makeHyperlink)({
+        url: `file://${absolutePath}`,
+        text: locationLabel,
+        fallback: locationLabel,
+    });
+    renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${fileLink}:`)} Applied visual control changes`);
+    if (!formatted) {
+        (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+    }
+    (0, undo_stack_1.printUndoHint)(logLevel);
+    return {
+        success: true,
+    };
 };
 exports.applyVisualControlHandler = applyVisualControlHandler;

package/dist/preview-server/routes/can-update-default-props.d.ts

@@ -1,4 +1,11 @@
-import type { CanUpdateDefaultPropsRequest, CanUpdateDefaultPropsResponse } from '@remotion/studio-shared';
-import type { ApiHandler } from '../api-types';
+import type { CanUpdateDefaultPropsResponse } from '@remotion/studio-shared';
 export declare const checkIfTypeScriptFile: (file: string) => void;
-export declare const canUpdateDefaultPropsHandler: ApiHandler<CanUpdateDefaultPropsRequest, CanUpdateDefaultPropsResponse>;
+export declare const computeCanUpdateDefaultPropsFromContent: (content: string, compositionId: string) => CanUpdateDefaultPropsResponse;
+export declare const computeCanUpdateDefaultProps: ({ compositionId, remotionRoot, entryPoint, }: {
+    compositionId: string;
+    remotionRoot: string;
+    entryPoint: string;
+}) => Promise<{
+    result: CanUpdateDefaultPropsResponse;
+    rootFile: string | null;
+}>;

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

@@ -1,9 +1,44 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.canUpdateDefaultPropsHandler = exports.checkIfTypeScriptFile = void 0;
+exports.computeCanUpdateDefaultProps = exports.computeCanUpdateDefaultPropsFromContent = exports.checkIfTypeScriptFile = void 0;
 const node_fs_1 = require("node:fs");
-const update_default_props_1 = require("../../codemods/update-default-props");
+const recast = __importStar(require("recast"));
+const parse_ast_1 = require("../../codemods/parse-ast");
 const project_info_1 = require("../project-info");
+const can_update_sequence_props_1 = require("./can-update-sequence-props");
 const checkIfTypeScriptFile = (file) => {
     if (!file.endsWith('.tsx') &&
         !file.endsWith('.ts') &&
@@ -13,28 +48,118 @@ const checkIfTypeScriptFile = (file) => {
     }
 };
 exports.checkIfTypeScriptFile = checkIfTypeScriptFile;
-const canUpdateDefaultPropsHandler = async ({ input: { compositionId }, remotionRoot, entryPoint }) => {
+const extractDefaultPropsFromSource = (input, compositionId) => {
+    const ast = (0, parse_ast_1.parseAst)(input);
+    let result = null;
+    recast.types.visit(ast, {
+        visitJSXElement(path) {
+            var _a;
+            const { openingElement } = path.node;
+            const openingName = openingElement.name;
+            if (openingName.type !== 'JSXIdentifier' &&
+                openingName.type !== 'JSXNamespacedName') {
+                this.traverse(path);
+                return;
+            }
+            if (openingName.name !== 'Composition' && openingName.name !== 'Still') {
+                this.traverse(path);
+                return;
+            }
+            if (!((_a = openingElement.attributes) === null || _a === void 0 ? void 0 : _a.some((attr) => {
+                if (attr.type === 'JSXSpreadAttribute') {
+                    return;
+                }
+                if (!attr.value) {
+                    return;
+                }
+                if (attr.value.type === 'JSXElement') {
+                    return;
+                }
+                if (attr.value.type === 'JSXExpressionContainer') {
+                    return;
+                }
+                if (attr.value.type === 'JSXFragment') {
+                    return;
+                }
+                return attr.name.name === 'id' && attr.value.value === compositionId;
+            }))) {
+                this.traverse(path);
+                return;
+            }
+            const defaultPropsAttr = openingElement.attributes.find((attr) => {
+                if (attr.type === 'JSXSpreadAttribute') {
+                    return;
+                }
+                return attr.name.name === 'defaultProps';
+            });
+            if (!defaultPropsAttr || defaultPropsAttr.type === 'JSXSpreadAttribute') {
+                this.traverse(path);
+                return;
+            }
+            if (!defaultPropsAttr.value ||
+                defaultPropsAttr.value.type !== 'JSXExpressionContainer') {
+                this.traverse(path);
+                return;
+            }
+            const { expression } = defaultPropsAttr.value;
+            if (expression.type === 'JSXEmptyExpression') {
+                this.traverse(path);
+                return;
+            }
+            if ((0, can_update_sequence_props_1.isStaticValue)(expression)) {
+                const value = (0, can_update_sequence_props_1.extractStaticValue)(expression);
+                if (value !== null &&
+                    typeof value === 'object' &&
+                    !Array.isArray(value)) {
+                    result = value;
+                }
+            }
+            this.traverse(path);
+        },
+    });
+    return result;
+};
+const computeCanUpdateDefaultPropsFromContent = (content, compositionId) => {
+    try {
+        const currentDefaultProps = extractDefaultPropsFromSource(content, compositionId);
+        if (currentDefaultProps === null) {
+            throw new Error(`Could not find or extract defaultProps for composition "${compositionId}"`);
+        }
+        return {
+            canUpdate: true,
+            currentDefaultProps,
+        };
+    }
+    catch (err) {
+        return {
+            canUpdate: false,
+            reason: err.message,
+        };
+    }
+};
+exports.computeCanUpdateDefaultPropsFromContent = computeCanUpdateDefaultPropsFromContent;
+const computeCanUpdateDefaultProps = async ({ compositionId, remotionRoot, entryPoint, }) => {
     try {
         const projectInfo = await (0, project_info_1.getProjectInfo)(remotionRoot, entryPoint);
         if (!projectInfo.rootFile) {
             throw new Error('Cannot find root file in project');
         }
         (0, exports.checkIfTypeScriptFile)(projectInfo.rootFile);
-        await (0, update_default_props_1.updateDefaultProps)({
-            compositionId,
-            input: (0, node_fs_1.readFileSync)(projectInfo.rootFile, 'utf-8'),
-            newDefaultProps: {},
-            enumPaths: [],
-        });
+        const input = (0, node_fs_1.readFileSync)(projectInfo.rootFile, 'utf-8');
+        const result = (0, exports.computeCanUpdateDefaultPropsFromContent)(input, compositionId);
         return {
-            canUpdate: true,
+            result,
+            rootFile: projectInfo.rootFile,
         };
     }
     catch (err) {
         return {
-            canUpdate: false,
-            reason: err.message,
+            result: {
+                canUpdate: false,
+                reason: err.message,
+            },
+            rootFile: null,
         };
     }
 };
-exports.canUpdateDefaultPropsHandler = canUpdateDefaultPropsHandler;
+exports.computeCanUpdateDefaultProps = computeCanUpdateDefaultProps;

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

@@ -52,6 +52,8 @@ const isStaticValue = (node) => {
             return ((node.operator === '-' ||
                 node.operator === '+') &&
                 node.argument.type === 'NumericLiteral');
+        case 'TSAsExpression':
+            return (0, exports.isStaticValue)(node.expression);
         case 'ArrayExpression':
             return node.elements.every((el) => el !== null && el.type !== 'SpreadElement' && (0, exports.isStaticValue)(el));
         case 'ObjectExpression':
@@ -78,6 +80,8 @@ const extractStaticValue = (node) => {
             }
             return undefined;
         }
+        case 'TSAsExpression':
+            return (0, exports.extractStaticValue)(node.expression);
         case 'ArrayExpression':
             return node.elements.map((el) => {
                 if (el === null || el.type === 'SpreadElement') {

package/dist/preview-server/routes/log-update.d.ts

@@ -1,3 +1,11 @@
+export declare const warnAboutPrettierOnce: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => void;
+export declare const normalizeQuotes: (str: string) => string;
+export declare const formatPropChange: ({ key, oldValueString, newValueString, defaultValueString, }: {
+    key: string;
+    oldValueString: string;
+    newValueString: string;
+    defaultValueString: string | null;
+}) => string;
 export declare const logUpdate: ({ absolutePath, fileRelativeToRoot, key, oldValueString, newValueString, defaultValueString, formatted, logLevel, }: {
     absolutePath: string;
     fileRelativeToRoot: string;