@remotion/cli 4.0.0-alpha4 → 4.0.0-alpha6

package/dist/preview-server/error-overlay/remotion-overlay/Button.js

@@ -14,18 +14,22 @@ const button = {
     color: 'white',
     flexDirection: 'row',
 };
-const buttonContainer = {
-    padding: 10,
-    cursor: 'pointer',
-    fontSize: 14,
-};
-const Button = ({ children, onClick, disabled, style }) => {
+const ButtonRefForwardFunction = ({ children, onClick, title, disabled, style, id, autoFocus, buttonContainerStyle, }, ref) => {
     const combined = (0, react_1.useMemo)(() => {
         return {
             ...button,
             ...(style !== null && style !== void 0 ? style : {}),
         };
     }, [style]);
-    return ((0, jsx_runtime_1.jsx)("button", { style: combined, type: "button", disabled: disabled, onClick: onClick, children: (0, jsx_runtime_1.jsx)("div", { className: "css-reset", style: buttonContainer, children: children }) }));
+    const buttonContainer = (0, react_1.useMemo)(() => {
+        return {
+            padding: 10,
+            cursor: disabled ? 'inherit' : 'pointer',
+            fontSize: 14,
+            opacity: disabled ? 0.7 : 1,
+            ...(buttonContainerStyle !== null && buttonContainerStyle !== void 0 ? buttonContainerStyle : {}),
+        };
+    }, [buttonContainerStyle, disabled]);
+    return ((0, jsx_runtime_1.jsx)("button", { ref: ref, id: id, style: combined, type: "button", disabled: disabled, onClick: onClick, autoFocus: autoFocus, title: title, children: (0, jsx_runtime_1.jsx)("div", { className: "css-reset", style: buttonContainer, children: children }) }));
 };
-exports.Button = Button;
+exports.Button = (0, react_1.forwardRef)(ButtonRefForwardFunction);

package/dist/preview-server/error-overlay/remotion-overlay/ErrorDisplay.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorDisplay = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const is_menu_item_1 = require("../../../editor/components/Menu/is-menu-item");
 const map_error_to_react_stack_1 = require("../react-overlay/effects/map-error-to-react-stack");
 const AskOnDiscord_1 = require("./AskOnDiscord");
 const ErrorTitle_1 = require("./ErrorTitle");
@@ -39,7 +40,7 @@ const ErrorDisplay = ({ display, keyboardShortcuts }) => {
     }, [display.error]);
     const lineNumberWidth = String(highestLineNumber).length;
     const helpLink = (0, get_help_link_1.getHelpLink)(message);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(ErrorTitle_1.ErrorTitle, { symbolicating: false, name: display.error.name, message: message }), helpLink ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(HelpLink_1.HelpLink, { link: helpLink, canHaveKeyboardShortcuts: keyboardShortcuts }), (0, jsx_runtime_1.jsx)("div", { style: spacer })] })) : null, display.stackFrames.length > 0 && window.remotion_editorName ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OpenInEditor_1.OpenInEditor, { canHaveKeyboardShortcuts: keyboardShortcuts, stack: display.stackFrames[0] }), (0, jsx_runtime_1.jsx)("div", { style: spacer })] })) : null, (0, jsx_runtime_1.jsx)(SearchGitHubIssues_1.SearchGithubIssues, { canHaveKeyboardShortcuts: keyboardShortcuts, message: display.error.message }), (0, jsx_runtime_1.jsx)("div", { style: spacer }), (0, jsx_runtime_1.jsx)(AskOnDiscord_1.AskOnDiscord, { canHaveKeyboardShortcuts: keyboardShortcuts }), (0, jsx_runtime_1.jsx)("div", { style: stack, children: display.stackFrames.map((s, i) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(ErrorTitle_1.ErrorTitle, { symbolicating: false, name: display.error.name, message: message }), helpLink ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(HelpLink_1.HelpLink, { link: helpLink, canHaveKeyboardShortcuts: keyboardShortcuts }), (0, jsx_runtime_1.jsx)("div", { style: spacer })] })) : null, display.stackFrames.length > 0 && window.remotion_editorName ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OpenInEditor_1.OpenInEditor, { canHaveKeyboardShortcuts: keyboardShortcuts, stack: display.stackFrames[0] }), (0, jsx_runtime_1.jsx)("div", { style: spacer })] })) : null, (0, jsx_runtime_1.jsx)(SearchGitHubIssues_1.SearchGithubIssues, { canHaveKeyboardShortcuts: keyboardShortcuts, message: display.error.message }), (0, jsx_runtime_1.jsx)("div", { style: spacer }), (0, jsx_runtime_1.jsx)(AskOnDiscord_1.AskOnDiscord, { canHaveKeyboardShortcuts: keyboardShortcuts }), (0, jsx_runtime_1.jsx)("div", { style: stack, className: is_menu_item_1.HORIZONTAL_SCROLLBAR_CLASSNAME, children: display.stackFrames.map((s, i) => {
                     return ((0, jsx_runtime_1.jsx)(StackFrame_1.StackElement
                     // eslint-disable-next-line react/no-array-index-key
                     , { isFirst: i === 0, s: s, lineNumberWidth: lineNumberWidth, defaultFunctionName: '(anonymous function)' }, i));

package/dist/preview-server/error-overlay/remotion-overlay/HelpLink.js

@@ -28,6 +28,7 @@ const HelpLink = ({ canHaveKeyboardShortcuts, link }) => {
             callback: onEditor,
             commandCtrlKey: true,
             preventDefault: true,
+            triggerIfInputFieldFocused: false,
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openLink, registerKeybinding]);

package/dist/preview-server/error-overlay/remotion-overlay/OpenInEditor.js

@@ -81,6 +81,7 @@ const OpenInEditor = ({ stack, canHaveKeyboardShortcuts }) => {
             callback: onEditor,
             commandCtrlKey: true,
             preventDefault: true,
+            triggerIfInputFieldFocused: false,
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openInBrowser, registerKeybinding]);

package/dist/preview-server/error-overlay/remotion-overlay/SearchGitHubIssues.js

@@ -24,6 +24,7 @@ const SearchGithubIssues = ({ message, canHaveKeyboardShortcuts }) => {
             callback: onEditor,
             commandCtrlKey: true,
             preventDefault: true,
+            triggerIfInputFieldFocused: false,
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openInBrowser, registerKeybinding]);

package/dist/preview-server/error-overlay/remotion-overlay/ShortcutHint.js

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ShortcutHint = exports.cmdOrCtrlCharacter = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const use_keybinding_1 = require("../../../editor/helpers/use-keybinding");
 exports.cmdOrCtrlCharacter = window.navigator.platform.startsWith('Mac')
     ? '⌘'
     : 'Ctrl';
@@ -9,8 +11,21 @@ const container = {
     display: 'inline-block',
     marginLeft: 6,
     opacity: 0.6,
+    verticalAlign: 'middle',
 };
 const ShortcutHint = ({ keyToPress, cmdOrCtrl }) => {
-    return ((0, jsx_runtime_1.jsxs)("span", { style: container, children: [cmdOrCtrl ? `${exports.cmdOrCtrlCharacter}+` : '', keyToPress.toUpperCase()] }));
+    const style = (0, react_1.useMemo)(() => {
+        if (keyToPress === '↵') {
+            return {
+                display: 'inline-block',
+                transform: `translateY(2px)`,
+            };
+        }
+        return {};
+    }, [keyToPress]);
+    if ((0, use_keybinding_1.areKeyboardShortcutsDisabled)()) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)("span", { style: container, children: [cmdOrCtrl ? `${exports.cmdOrCtrlCharacter}` : '', (0, jsx_runtime_1.jsx)("span", { style: style, children: keyToPress.toUpperCase() })] }));
 };
 exports.ShortcutHint = ShortcutHint;

package/dist/preview-server/file-existence-watchers.d.ts

@@ -0,0 +1,13 @@
+export declare const subscribeToFileExistenceWatchers: ({ file: relativeFile, remotionRoot, clientId, }: {
+    file: string;
+    remotionRoot: string;
+    clientId: string;
+}) => {
+    exists: boolean;
+};
+export declare const unsubscribeFromFileExistenceWatchers: ({ file, remotionRoot, clientId, }: {
+    file: string;
+    remotionRoot: string;
+    clientId: string;
+}) => void;
+export declare const unsubscribeClientFileExistenceWatchers: (clientId: string) => void;

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

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.unsubscribeClientFileExistenceWatchers = exports.unsubscribeFromFileExistenceWatchers = exports.subscribeToFileExistenceWatchers = void 0;
+const node_path_1 = __importDefault(require("node:path"));
+const file_watcher_1 = require("../file-watcher");
+const live_events_1 = require("./live-events");
+const fileExistenceWatchers = {};
+const subscribeToFileExistenceWatchers = ({ file: relativeFile, remotionRoot, clientId, }) => {
+    const file = node_path_1.default.resolve(remotionRoot, relativeFile);
+    const { unwatch, exists } = (0, file_watcher_1.installFileWatcher)({
+        file,
+        onChange: (type) => {
+            if (type === 'created') {
+                (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+                    listener.sendEventToClient({
+                        type: 'watched-file-undeleted',
+                        // Must be relative file because that's what the client expects
+                        file: relativeFile,
+                    });
+                });
+            }
+            if (type === 'deleted') {
+                (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+                    listener.sendEventToClient({
+                        type: 'watched-file-deleted',
+                        // Must be relative file because that's what the client expects
+                        file: relativeFile,
+                    });
+                });
+            }
+        },
+    });
+    if (!fileExistenceWatchers[clientId]) {
+        fileExistenceWatchers[clientId] = {};
+    }
+    fileExistenceWatchers[clientId][file] = unwatch;
+    return { exists };
+};
+exports.subscribeToFileExistenceWatchers = subscribeToFileExistenceWatchers;
+const unsubscribeFromFileExistenceWatchers = ({ file, remotionRoot, clientId, }) => {
+    var _a, _b;
+    const actualPath = node_path_1.default.resolve(remotionRoot, file);
+    if (!fileExistenceWatchers[clientId]) {
+        return;
+    }
+    (_b = (_a = fileExistenceWatchers[clientId])[actualPath]) === null || _b === void 0 ? void 0 : _b.call(_a);
+    delete fileExistenceWatchers[clientId][actualPath];
+};
+exports.unsubscribeFromFileExistenceWatchers = unsubscribeFromFileExistenceWatchers;
+const unsubscribeClientFileExistenceWatchers = (clientId) => {
+    if (!fileExistenceWatchers[clientId]) {
+        return;
+    }
+    Object.values(fileExistenceWatchers[clientId]).forEach((unwatch) => {
+        unwatch();
+    });
+    delete fileExistenceWatchers[clientId];
+};
+exports.unsubscribeClientFileExistenceWatchers = unsubscribeClientFileExistenceWatchers;

package/dist/preview-server/get-absolute-public-dir.js

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAbsolutePublicDir = void 0;
-const path_1 = __importDefault(require("path"));
+const node_path_1 = __importDefault(require("node:path"));
 const getAbsolutePublicDir = ({ userPassedPublicDir, remotionRoot, }) => {
     const publicDir = userPassedPublicDir
-        ? path_1.default.resolve(remotionRoot, userPassedPublicDir)
-        : path_1.default.join(remotionRoot, 'public');
+        ? node_path_1.default.resolve(remotionRoot, userPassedPublicDir)
+        : node_path_1.default.join(remotionRoot, 'public');
     return publicDir;
 };
 exports.getAbsolutePublicDir = getAbsolutePublicDir;

package/dist/preview-server/get-package-manager.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPackageManager = exports.lockFilePaths = void 0;
-const fs_1 = __importDefault(require("fs"));
-const path_1 = __importDefault(require("path"));
+const node_fs_1 = __importDefault(require("node:fs"));
+const node_path_1 = __importDefault(require("node:path"));
 exports.lockFilePaths = [
     {
         path: 'package-lock.json',
@@ -36,7 +36,7 @@ const getPackageManager = (remotionRoot, packageManager) => {
         }
         return manager;
     }
-    const existingPkgManagers = exports.lockFilePaths.filter((p) => fs_1.default.existsSync(path_1.default.join(remotionRoot, p.path)));
+    const existingPkgManagers = exports.lockFilePaths.filter((p) => node_fs_1.default.existsSync(node_path_1.default.join(remotionRoot, p.path)));
     if (existingPkgManagers.length === 0) {
         return 'unknown';
     }

package/dist/preview-server/handler.d.ts

@@ -0,0 +1,9 @@
+import type { IncomingMessage, ServerResponse } from 'node:http';
+import type { ApiHandler } from './api-types';
+export declare const handleRequest: <Req, Res>({ remotionRoot, request, response, entryPoint, handler, }: {
+    remotionRoot: string;
+    request: IncomingMessage;
+    response: ServerResponse;
+    entryPoint: string;
+    handler: ApiHandler<Req, Res>;
+}) => Promise<void>;

package/dist/preview-server/handler.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleRequest = void 0;
+const parse_body_1 = require("./parse-body");
+const handleRequest = async ({ remotionRoot, request, response, entryPoint, handler, }) => {
+    if (request.method === 'OPTIONS') {
+        response.statusCode = 200;
+        response.end();
+        return;
+    }
+    response.setHeader('content-type', 'application/json');
+    response.writeHead(200);
+    try {
+        const body = (await (0, parse_body_1.parseRequestBody)(request));
+        const outputData = await handler({
+            entryPoint,
+            remotionRoot,
+            request,
+            response,
+            input: body,
+        });
+        response.end(JSON.stringify({
+            success: true,
+            data: outputData,
+        }));
+    }
+    catch (err) {
+        response.end(JSON.stringify({
+            success: false,
+            error: err.message,
+        }));
+    }
+};
+exports.handleRequest = handleRequest;

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * https://github.com/webpack-contrib/webpack-hot-middleware#readme
  * and rewritten in TypeScript. This file is MIT licensed
  */
+const ansi_split_1 = require("../../ansi/ansi-split");
 const process_update_1 = require("./process-update");
-const strip_ansi_1 = require("./strip-ansi");
 const types_1 = require("./types");
 if (typeof window === 'undefined') {
     // do nothing
@@ -107,7 +107,7 @@ function createReporter() {
         }
         const newProblems = obj[type]
             .map((msg) => {
-            return (0, strip_ansi_1.stripAnsi)(msg);
+            return (0, ansi_split_1.stripAnsi)(msg);
         })
             .join('\n');
         if (previousProblems === newProblems) {

package/dist/preview-server/hot-middleware/index.d.ts

@@ -4,7 +4,7 @@
  * and rewritten in TypeScript. This file is MIT licensed
  */
 import type { webpack } from '@remotion/bundler';
-import type { IncomingMessage, ServerResponse } from 'http';
+import type { IncomingMessage, ServerResponse } from 'node:http';
 declare global {
     const __webpack_hash__: unknown;
     interface HotNotifierInfo {

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

@@ -6,12 +6,12 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.webpackHotMiddleware = void 0;
-const url_1 = require("url");
+const node_url_1 = require("node:url");
 const log_1 = require("../../log");
 const types_1 = require("./types");
 const pathMatch = function (url, path) {
     try {
-        return (0, url_1.parse)(url).pathname === path;
+        return (0, node_url_1.parse)(url).pathname === path;
     }
     catch (e) {
         return false;

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

@@ -1,8 +1,10 @@
 /// <reference types="node" />
-import type { IncomingMessage, ServerResponse } from 'http';
+import type { IncomingMessage, ServerResponse } from 'node:http';
 import type { EventSourceEvent } from '../event-source-events';
 export declare type LiveEventsServer = {
     sendEventToClient: (event: EventSourceEvent) => void;
     router: (request: IncomingMessage, response: ServerResponse) => void;
 };
 export declare const makeLiveEventsRouter: () => LiveEventsServer;
+export declare const waitForLiveEventsListener: () => Promise<LiveEventsServer>;
+export declare const setLiveEventsListener: (listener: LiveEventsServer) => void;

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeLiveEventsRouter = void 0;
+exports.setLiveEventsListener = exports.waitForLiveEventsListener = exports.makeLiveEventsRouter = void 0;
+const file_existence_watchers_1 = require("./file-existence-watchers");
 const serializeMessage = (message) => {
     return `data: ${JSON.stringify(message)}\n\n`;
 };
@@ -17,14 +18,15 @@ const makeLiveEventsRouter = () => {
             response.end();
             return;
         }
-        response.write(serializeMessage({ type: 'init' }));
         const clientId = String(Math.random());
+        response.write(serializeMessage({ type: 'init', clientId }));
         const newClient = {
             id: clientId,
             response,
         };
         clients.push(newClient);
         request.on('close', () => {
+            (0, file_existence_watchers_1.unsubscribeClientFileExistenceWatchers)(clientId);
             clients = clients.filter((client) => client.id !== clientId);
         });
     };
@@ -39,3 +41,21 @@ const makeLiveEventsRouter = () => {
     };
 };
 exports.makeLiveEventsRouter = makeLiveEventsRouter;
+let liveEventsListener = null;
+const waiters = [];
+const waitForLiveEventsListener = () => {
+    if (liveEventsListener) {
+        return Promise.resolve(liveEventsListener);
+    }
+    return new Promise((resolve) => {
+        waiters.push((list) => {
+            resolve(list);
+        });
+    });
+};
+exports.waitForLiveEventsListener = waitForLiveEventsListener;
+const setLiveEventsListener = (listener) => {
+    liveEventsListener = listener;
+    waiters.forEach((w) => w(listener));
+};
+exports.setLiveEventsListener = setLiveEventsListener;

package/dist/preview-server/parse-body.d.ts

@@ -0,0 +1,2 @@
+import type { IncomingMessage } from 'node:http';
+export declare const parseRequestBody: (req: IncomingMessage) => Promise<unknown>;

package/dist/preview-server/parse-body.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseRequestBody = void 0;
+const parseRequestBody = async (req) => {
+    const body = await new Promise((_resolve) => {
+        let data = '';
+        req.on('data', (chunk) => {
+            data += chunk;
+        });
+        req.on('end', () => {
+            _resolve(data.toString());
+        });
+    });
+    return JSON.parse(body);
+};
+exports.parseRequestBody = parseRequestBody;

package/dist/preview-server/project-info.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getProjectInfo = void 0;
-const fs_1 = require("fs");
-const path_1 = __importDefault(require("path"));
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
 const getProjectInfo = (remotionRoot) => {
     var _a;
     const pathsToLookFor = [
@@ -17,13 +17,13 @@ const getProjectInfo = (remotionRoot) => {
         'src/Video.tsx',
         'src/Video.jsx',
     ].map((p) => {
-        return path_1.default.join(remotionRoot, p);
+        return node_path_1.default.join(remotionRoot, p);
     });
-    const videoFile = (_a = pathsToLookFor.find((p) => (0, fs_1.existsSync)(p))) !== null && _a !== void 0 ? _a : null;
+    const videoFile = (_a = pathsToLookFor.find((p) => (0, node_fs_1.existsSync)(p))) !== null && _a !== void 0 ? _a : null;
     return Promise.resolve({
         videoFile,
         relativeVideoFile: videoFile
-            ? path_1.default.relative(remotionRoot, videoFile)
+            ? node_path_1.default.relative(remotionRoot, videoFile)
             : null,
     });
 };

package/dist/preview-server/public-folder.d.ts

@@ -9,9 +9,4 @@ export declare const fetchFolder: ({ publicDir, staticHash, }: {
     publicDir: string;
     staticHash: string;
 }) => void;
-export declare const watchPublicFolder: ({ publicDir, onUpdate, staticHash, }: {
-    publicDir: string;
-    onUpdate: () => void;
-    staticHash: string;
-}) => void;
 export declare const getFiles: () => StaticFile[];

package/dist/preview-server/public-folder.js

@@ -3,15 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFiles = exports.watchPublicFolder = exports.fetchFolder = exports.initPublicFolderWatch = void 0;
+exports.getFiles = exports.fetchFolder = exports.initPublicFolderWatch = void 0;
 const bundler_1 = require("@remotion/bundler");
-const fs_1 = require("fs");
-const path_1 = __importDefault(require("path"));
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
 const env_supports_fs_recursive_1 = require("./env-supports-fs-recursive");
 let files = [];
 const initPublicFolderWatch = ({ publicDir, onUpdate, staticHash, }) => {
     (0, exports.fetchFolder)({ publicDir, staticHash });
-    (0, exports.watchPublicFolder)({ publicDir, onUpdate, staticHash });
+    watchPublicFolder({ publicDir, onUpdate, staticHash });
 };
 exports.initPublicFolderWatch = initPublicFolderWatch;
 const fetchFolder = ({ publicDir, staticHash, }) => {
@@ -23,17 +23,17 @@ const fetchFolder = ({ publicDir, staticHash, }) => {
     }).map((f) => {
         return {
             ...f,
-            name: f.name.split(path_1.default.sep).join('/'),
+            name: f.name.split(node_path_1.default.sep).join('/'),
         };
     });
 };
 exports.fetchFolder = fetchFolder;
 const watchPublicFolder = ({ publicDir, onUpdate, staticHash, }) => {
-    if (!(0, fs_1.existsSync)(publicDir)) {
-        const parentDir = path_1.default.dirname(publicDir);
+    if (!(0, node_fs_1.existsSync)(publicDir)) {
+        const parentDir = node_path_1.default.dirname(publicDir);
         const onDirChange = () => {
-            if ((0, fs_1.existsSync)(publicDir)) {
-                (0, exports.watchPublicFolder)({
+            if ((0, node_fs_1.existsSync)(publicDir)) {
+                watchPublicFolder({
                     publicDir,
                     onUpdate,
                     staticHash,
@@ -41,15 +41,14 @@ const watchPublicFolder = ({ publicDir, onUpdate, staticHash, }) => {
                 watcher.close();
             }
         };
-        const watcher = (0, fs_1.watch)(parentDir, {}, onDirChange);
+        const watcher = (0, node_fs_1.watch)(parentDir, {}, onDirChange);
         return;
     }
-    (0, fs_1.watch)(publicDir, { recursive: (0, env_supports_fs_recursive_1.envSupportsFsRecursive)() }, () => {
+    (0, node_fs_1.watch)(publicDir, { recursive: (0, env_supports_fs_recursive_1.envSupportsFsRecursive)() }, () => {
         (0, exports.fetchFolder)({ publicDir, staticHash });
         onUpdate();
     });
 };
-exports.watchPublicFolder = watchPublicFolder;
 const getFiles = () => {
     return files;
 };

package/dist/preview-server/render-queue/get-default-video-contexts.d.ts

@@ -0,0 +1,10 @@
+import type { Codec } from '@remotion/renderer';
+import type { RenderType } from '../../editor/components/RenderModal/RenderModalAdvanced';
+export declare const getDefaultCodecs: ({ defaultCodec, isStill, }: {
+    defaultCodec: Codec;
+    isStill: boolean;
+}) => {
+    initialAudioCodec: Codec;
+    initialVideoCodec: Codec;
+    initialRenderType: RenderType;
+};

package/dist/preview-server/render-queue/get-default-video-contexts.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultCodecs = void 0;
+const client_1 = require("@remotion/renderer/client");
+const getDefaultCodecs = ({ defaultCodec, isStill, }) => {
+    const isAudioCodec = client_1.BrowserSafeApis.isAudioCodec(defaultCodec);
+    return {
+        initialAudioCodec: isAudioCodec ? defaultCodec : 'mp3',
+        initialVideoCodec: isAudioCodec ? 'h264' : defaultCodec,
+        initialRenderType: isStill ? 'still' : isAudioCodec ? 'audio' : 'video',
+    };
+};
+exports.getDefaultCodecs = getDefaultCodecs;