@remotion/cli 4.0.0-alpha4 → 4.0.0-alpha5

package/dist/parse-command-line.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.quietFlagProvided = exports.parseCommandLine = exports.parsedCli = exports.BooleanFlags = void 0;
 const renderer_1 = require("@remotion/renderer");
 const minimist_1 = __importDefault(require("minimist"));
-const path_1 = require("path");
 const config_1 = require("./config");
 const log_1 = require("./log");
 exports.BooleanFlags = [
@@ -39,21 +38,12 @@ const parseCommandLine = () => {
     if (exports.parsedCli['pixel-format']) {
         config_1.Config.setPixelFormat(exports.parsedCli['pixel-format']);
     }
-    if (exports.parsedCli['image-format']) {
-        config_1.Config.setImageFormat(exports.parsedCli['image-format']);
-    }
     if (exports.parsedCli['browser-executable']) {
         config_1.Config.setBrowserExecutable(exports.parsedCli['browser-executable']);
     }
-    if (exports.parsedCli['ffmpeg-executable']) {
-        config_1.Config.setFfmpegExecutable((0, path_1.resolve)(exports.parsedCli['ffmpeg-executable']));
-    }
     if (exports.parsedCli['number-of-gif-loops']) {
         config_1.Config.setNumberOfGifLoops(exports.parsedCli['number-of-gif-loops']);
     }
-    if (exports.parsedCli['ffprobe-executable']) {
-        config_1.Config.setFfprobeExecutable((0, path_1.resolve)(exports.parsedCli['ffprobe-executable']));
-    }
     if (typeof exports.parsedCli['bundle-cache'] !== 'undefined') {
         config_1.Config.setCachingEnabled(exports.parsedCli['bundle-cache'] !== 'false');
     }
@@ -98,9 +88,7 @@ const parseCommandLine = () => {
         config_1.ConfigInternals.setStillFrame(Number(exports.parsedCli.frame));
     }
     if (exports.parsedCli.png) {
-        log_1.Log.warn('The --png flag has been deprecrated. Use --sequence --image-format=png from now on.');
-        config_1.Config.setImageSequence(true);
-        config_1.Config.setImageFormat('png');
+        throw new Error('The --png flag has been deprecrated. Use --sequence --image-format=png from now on.');
     }
     if (exports.parsedCli.sequence) {
         config_1.Config.setImageSequence(true);
@@ -121,7 +109,11 @@ const parseCommandLine = () => {
         config_1.Config.setOverwriteOutput(exports.parsedCli.overwrite);
     }
     if (typeof exports.parsedCli.quality !== 'undefined') {
-        config_1.Config.setQuality(exports.parsedCli.quality);
+        log_1.Log.warn('The --quality flag has been renamed to --jpeg-quality instead.');
+        config_1.Config.setJpegQuality(exports.parsedCli.quality);
+    }
+    if (typeof exports.parsedCli['jpeg-quality'] !== 'undefined') {
+        config_1.Config.setJpegQuality(exports.parsedCli['jpeg-quality']);
     }
     if (typeof exports.parsedCli.scale !== 'undefined') {
         config_1.Config.setScale(exports.parsedCli.scale);

package/dist/preview-server/api-routes.d.ts

@@ -0,0 +1,4 @@
+import type { ApiHandler, ApiRoutes } from './api-types';
+export declare const allApiRoutes: {
+    [key in keyof ApiRoutes]: ApiHandler<ApiRoutes[key]['Request'], ApiRoutes[key]['Response']>;
+};

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.allApiRoutes = void 0;
+const add_render_1 = require("./routes/add-render");
+const can_update_default_props_1 = require("./routes/can-update-default-props");
+const cancel_render_1 = require("./routes/cancel-render");
+const open_in_file_explorer_1 = require("./routes/open-in-file-explorer");
+const remove_render_1 = require("./routes/remove-render");
+const subscribe_to_file_existence_1 = require("./routes/subscribe-to-file-existence");
+const unsubscribe_from_file_existence_1 = require("./routes/unsubscribe-from-file-existence");
+const update_default_props_1 = require("./routes/update-default-props");
+exports.allApiRoutes = {
+    '/api/cancel': cancel_render_1.handleCancelRender,
+    '/api/render': add_render_1.handleAddRender,
+    '/api/unsubscribe-from-file-existence': unsubscribe_from_file_existence_1.unsubscribeFromFileExistence,
+    '/api/subscribe-to-file-existence': subscribe_to_file_existence_1.subscribeToFileExistence,
+    '/api/remove-render': remove_render_1.handleRemoveRender,
+    '/api/open-in-file-explorer': open_in_file_explorer_1.handleOpenInFileExplorer,
+    '/api/update-default-props': update_default_props_1.updateDefaultPropsHandler,
+    '/api/can-update-default-props': can_update_default_props_1.canUpdateDefaultPropsHandler,
+};

package/dist/preview-server/api-types.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="node" />
+import type { IncomingMessage, ServerResponse } from 'http';
+import type { AddRenderRequest, CancelRenderRequest, CancelRenderResponse, CanUpdateDefaultPropsRequest, CanUpdateDefaultPropsResponse, OpenInFileExplorerRequest, RemoveRenderRequest, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, UnsubscribeFromFileExistenceRequest, UpdateDefaultPropsRequest } from './render-queue/job';
+export declare type ApiHandler<ReqData, ResData> = (params: {
+    input: ReqData;
+    entryPoint: string;
+    remotionRoot: string;
+    request: IncomingMessage;
+    response: ServerResponse;
+}) => Promise<ResData>;
+declare type ReqAndRes<A, B> = {
+    Request: A;
+    Response: B;
+};
+export declare type ApiRoutes = {
+    '/api/cancel': ReqAndRes<CancelRenderRequest, CancelRenderResponse>;
+    '/api/render': ReqAndRes<AddRenderRequest, undefined>;
+    '/api/unsubscribe-from-file-existence': ReqAndRes<UnsubscribeFromFileExistenceRequest, undefined>;
+    '/api/subscribe-to-file-existence': ReqAndRes<SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse>;
+    '/api/remove-render': ReqAndRes<RemoveRenderRequest, undefined>;
+    '/api/open-in-file-explorer': ReqAndRes<OpenInFileExplorerRequest, void>;
+    '/api/update-default-props': ReqAndRes<UpdateDefaultPropsRequest, void>;
+    '/api/can-update-default-props': ReqAndRes<CanUpdateDefaultPropsRequest, CanUpdateDefaultPropsResponse>;
+};
+export {};

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/preview-server/dev-middleware/middleware.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="node" />
 import type { IncomingMessage, ServerResponse } from 'http';
 import type { DevMiddlewareContext } from './types';
-export declare function getFilenameFromUrl(context: DevMiddlewareContext, url: string | undefined): string | undefined;
 export declare function getValueContentRangeHeader(type: string, size: number, range?: {
     start: number;
     end: number;

package/dist/preview-server/dev-middleware/middleware.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.middleware = exports.getValueContentRangeHeader = exports.getFilenameFromUrl = void 0;
+exports.middleware = exports.getValueContentRangeHeader = void 0;
 const renderer_1 = require("@remotion/renderer");
 const path_1 = __importDefault(require("path"));
 const querystring_1 = __importDefault(require("querystring"));
@@ -92,7 +92,6 @@ function getFilenameFromUrl(context, url) {
     }
     return foundFilename;
 }
-exports.getFilenameFromUrl = getFilenameFromUrl;
 function getValueContentRangeHeader(type, size, range) {
     return `${type} ${range ? `${range.start}-${range.end}` : '*'}/${size}`;
 }

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

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

package/dist/preview-server/error-overlay/remotion-overlay/Button.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
-export declare const Button: React.FC<{
+export declare const Button: React.ForwardRefExoticComponent<{
     onClick: () => void;
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     children: React.ReactNode;
-    style?: React.CSSProperties;
-}>;
+    style?: React.CSSProperties | undefined;
+    buttonContainerStyle?: React.CSSProperties | undefined;
+    autoFocus?: boolean | undefined;
+    title?: string | undefined;
+    id?: string | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

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 path_1 = __importDefault(require("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 = 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 = 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/handler.d.ts

@@ -0,0 +1,9 @@
+import type { IncomingMessage, ServerResponse } from '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/live-events.d.ts

@@ -6,3 +6,5 @@ export declare type LiveEventsServer = {
     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 '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/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,7 +3,7 @@ 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"));
@@ -11,7 +11,7 @@ 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, }) => {
@@ -33,7 +33,7 @@ const watchPublicFolder = ({ publicDir, onUpdate, staticHash, }) => {
         const parentDir = path_1.default.dirname(publicDir);
         const onDirChange = () => {
             if ((0, fs_1.existsSync)(publicDir)) {
-                (0, exports.watchPublicFolder)({
+                watchPublicFolder({
                     publicDir,
                     onUpdate,
                     staticHash,
@@ -49,7 +49,6 @@ const watchPublicFolder = ({ publicDir, onUpdate, 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;