@remotion/studio-server 4.0.91

package/dist/preview-server/routes/update-available.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleUpdate = void 0;
+const update_available_1 = require("../update-available");
+const handleUpdate = async ({ remotionRoot }) => {
+    const data = await (0, update_available_1.isUpdateAvailableWithTimeout)(remotionRoot);
+    return data;
+};
+exports.handleUpdate = handleUpdate;

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

@@ -0,0 +1,3 @@
+import type { UpdateDefaultPropsRequest, UpdateDefaultPropsResponse } from '@remotion/studio-shared';
+import type { ApiHandler } from '../api-types';
+export declare const updateDefaultPropsHandler: ApiHandler<UpdateDefaultPropsRequest, UpdateDefaultPropsResponse>;

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateDefaultPropsHandler = void 0;
+const node_fs_1 = require("node:fs");
+const update_default_props_1 = require("../../codemods/update-default-props");
+const project_info_1 = require("../project-info");
+const can_update_default_props_1 = require("./can-update-default-props");
+const updateDefaultPropsHandler = async ({ input: { compositionId, defaultProps, enumPaths }, remotionRoot }) => {
+    try {
+        const projectInfo = await (0, project_info_1.getProjectInfo)(remotionRoot);
+        if (!projectInfo.videoFile) {
+            throw new Error('Cannot find root file in project');
+        }
+        (0, can_update_default_props_1.checkIfTypeScriptFile)(projectInfo.videoFile);
+        const updated = await (0, update_default_props_1.updateDefaultProps)({
+            compositionId,
+            input: (0, node_fs_1.readFileSync)(projectInfo.videoFile, 'utf-8'),
+            newDefaultProps: JSON.parse(defaultProps),
+            enumPaths,
+        });
+        (0, node_fs_1.writeFileSync)(projectInfo.videoFile, updated);
+        return {
+            success: true,
+        };
+    }
+    catch (err) {
+        return {
+            success: false,
+            reason: err.message,
+            stack: err.stack,
+        };
+    }
+};
+exports.updateDefaultPropsHandler = updateDefaultPropsHandler;

package/dist/preview-server/serve-static.d.ts

@@ -0,0 +1,14 @@
+/*!
+ * serve-static
+ * Copyright(c) 2010 Sencha Inc.
+ * Copyright(c) 2011 TJ Holowaychuk
+ * Copyright(c) 2014-2016 Douglas Christopher Wilson
+ * MIT Licensed
+ */
+import type { IncomingMessage, ServerResponse } from 'node:http';
+export declare const serveStatic: ({ root, path, req, res, }: {
+    root: string;
+    path: string;
+    req: IncomingMessage;
+    res: ServerResponse;
+}) => Promise<void>;

package/dist/preview-server/serve-static.js

@@ -0,0 +1,75 @@
+"use strict";
+/*!
+ * serve-static
+ * Copyright(c) 2010 Sencha Inc.
+ * Copyright(c) 2011 TJ Holowaychuk
+ * Copyright(c) 2014-2016 Douglas Christopher Wilson
+ * MIT Licensed
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serveStatic = void 0;
+const renderer_1 = require("@remotion/renderer");
+const node_fs_1 = require("node:fs");
+const middleware_1 = require("./dev-middleware/middleware");
+const range_parser_1 = require("./dev-middleware/range-parser");
+const serveStatic = async function ({ root, path, req, res, }) {
+    if (req.method !== 'GET' && req.method !== 'HEAD') {
+        // method not allowed
+        res.statusCode = 405;
+        res.setHeader('Allow', 'GET, HEAD');
+        res.setHeader('Content-Length', '0');
+        res.end();
+        return;
+    }
+    if (!renderer_1.RenderInternals.isPathInside(path, root)) {
+        res.writeHead(500);
+        res.write('Not allowed to read');
+        res.end();
+        return;
+    }
+    const exists = (0, node_fs_1.existsSync)(path);
+    if (!exists) {
+        res.writeHead(404);
+        res.write(`${path} does not exist`);
+        res.end();
+        return;
+    }
+    const lstat = await node_fs_1.promises.lstat(path);
+    const isDirectory = lstat.isDirectory();
+    if (isDirectory) {
+        res.writeHead(500);
+        res.write('Is a directory');
+        res.end();
+        return;
+    }
+    const hasRange = req.headers.range && lstat.size;
+    if (!hasRange) {
+        const readStream = (0, node_fs_1.createReadStream)(path);
+        res.setHeader('content-type', renderer_1.RenderInternals.mimeLookup(path) || 'application/octet-stream');
+        res.setHeader('content-length', lstat.size);
+        res.writeHead(200);
+        readStream.pipe(res);
+        return;
+    }
+    const range = (0, range_parser_1.parseRange)(lstat.size, req.headers.range);
+    if (typeof range === 'object' && range.type === 'bytes') {
+        const { start, end } = range[0];
+        res.setHeader('content-type', renderer_1.RenderInternals.mimeLookup(path) || 'application/octet-stream');
+        res.setHeader('content-range', (0, middleware_1.getValueContentRangeHeader)('bytes', lstat.size, {
+            end,
+            start,
+        }));
+        res.setHeader('content-length', end - start + 1);
+        res.writeHead(206);
+        const readStream = (0, node_fs_1.createReadStream)(path, {
+            start,
+            end,
+        });
+        readStream.pipe(res);
+        return;
+    }
+    res.statusCode = 416;
+    res.setHeader('Content-Range', `bytes */${lstat.size}`);
+    res.end();
+};
+exports.serveStatic = serveStatic;

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

@@ -0,0 +1,31 @@
+import type { WebpackOverrideFn } from '@remotion/bundler';
+import type { LogLevel } from '@remotion/renderer';
+import type { RenderDefaults, RenderJob } from '@remotion/studio-shared';
+import type { QueueMethods } from './api-types';
+import type { LiveEventsServer } from './live-events';
+export declare const startServer: (options: {
+    entry: string;
+    userDefinedComponent: string;
+    webpackOverride: WebpackOverrideFn;
+    getCurrentInputProps: () => object;
+    getEnvVariables: () => Record<string, string>;
+    port: number | null;
+    maxTimelineTracks?: number;
+    remotionRoot: string;
+    keyboardShortcutsEnabled: boolean;
+    publicDir: string;
+    userPassedPublicDir: string | null;
+    poll: number | null;
+    staticHash: string;
+    staticHashPrefix: string;
+    outputHash: string;
+    outputHashPrefix: string;
+    logLevel: LogLevel;
+    getRenderQueue: () => RenderJob[];
+    getRenderDefaults: () => RenderDefaults;
+    numberOfAudioTags: number;
+    queueMethods: QueueMethods;
+}) => Promise<{
+    port: number;
+    liveEventsServer: LiveEventsServer;
+}>;

package/dist/preview-server/start-server.js

@@ -0,0 +1,123 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.startServer = void 0;
+const bundler_1 = require("@remotion/bundler");
+const renderer_1 = require("@remotion/renderer");
+const studio_shared_1 = require("@remotion/studio-shared");
+const node_http_1 = __importDefault(require("node:http"));
+const routes_1 = require("../routes");
+const dev_middleware_1 = require("./dev-middleware");
+const hot_middleware_1 = require("./hot-middleware");
+const live_events_1 = require("./live-events");
+const startServer = async (options) => {
+    var _a, _b, _c;
+    const [, config] = bundler_1.BundlerInternals.webpackConfig({
+        entry: options.entry,
+        userDefinedComponent: options.userDefinedComponent,
+        outDir: null,
+        environment: 'development',
+        webpackOverride: options === null || options === void 0 ? void 0 : options.webpackOverride,
+        maxTimelineTracks: (_a = options === null || options === void 0 ? void 0 : options.maxTimelineTracks) !== null && _a !== void 0 ? _a : studio_shared_1.DEFAULT_TIMELINE_TRACKS,
+        remotionRoot: options.remotionRoot,
+        keyboardShortcutsEnabled: options.keyboardShortcutsEnabled,
+        poll: options.poll,
+    });
+    const compiler = (0, bundler_1.webpack)(config);
+    const wdmMiddleware = (0, dev_middleware_1.wdm)(compiler);
+    const whm = (0, hot_middleware_1.webpackHotMiddleware)(compiler);
+    const liveEventsServer = (0, live_events_1.makeLiveEventsRouter)();
+    const server = node_http_1.default.createServer((request, response) => {
+        new Promise((resolve) => {
+            wdmMiddleware(request, response, () => {
+                resolve();
+            });
+        })
+            .then(() => {
+            return new Promise((resolve) => {
+                whm(request, response, () => {
+                    resolve();
+                });
+            });
+        })
+            .then(() => {
+            (0, routes_1.handleRoutes)({
+                staticHash: options.staticHash,
+                staticHashPrefix: options.staticHashPrefix,
+                outputHash: options.outputHash,
+                outputHashPrefix: options.outputHashPrefix,
+                request: request,
+                response,
+                liveEventsServer,
+                getCurrentInputProps: options.getCurrentInputProps,
+                getEnvVariables: options.getEnvVariables,
+                remotionRoot: options.remotionRoot,
+                entryPoint: options.userDefinedComponent,
+                publicDir: options.publicDir,
+                logLevel: options.logLevel,
+                getRenderQueue: options.getRenderQueue,
+                getRenderDefaults: options.getRenderDefaults,
+                numberOfAudioTags: options.numberOfAudioTags,
+                queueMethods: options.queueMethods,
+            });
+        })
+            .catch((err) => {
+            renderer_1.RenderInternals.Log.error(`Error while calling ${request.url}`, err);
+            if (!response.headersSent) {
+                response.setHeader('content-type', 'application/json');
+                response.writeHead(500);
+            }
+            if (!response.writableEnded) {
+                response.end(JSON.stringify({
+                    err: err.message,
+                }));
+            }
+        });
+    });
+    const desiredPort = (_c = (_b = options === null || options === void 0 ? void 0 : options.port) !== null && _b !== void 0 ? _b : (process.env.PORT ? Number(process.env.PORT) : undefined)) !== null && _c !== void 0 ? _c : undefined;
+    const maxTries = 5;
+    const portConfig = renderer_1.RenderInternals.getPortConfig();
+    for (let i = 0; i < maxTries; i++) {
+        try {
+            const selectedPort = await new Promise((resolve, reject) => {
+                renderer_1.RenderInternals.getDesiredPort({
+                    desiredPort,
+                    from: 3000,
+                    to: 3100,
+                    hostsToTry: portConfig.hostsToTry,
+                })
+                    .then(({ port, unlockPort }) => {
+                    server.listen({
+                        port,
+                        host: portConfig.host,
+                    });
+                    server.on('listening', () => {
+                        resolve(port);
+                        return unlockPort();
+                    });
+                    server.on('error', (err) => {
+                        reject(err);
+                    });
+                })
+                    .catch((err) => reject(err));
+            });
+            return { port: selectedPort, liveEventsServer };
+        }
+        catch (err) {
+            if (!(err instanceof Error)) {
+                throw err;
+            }
+            const codedError = err;
+            if (codedError.code === 'EADDRINUSE') {
+                renderer_1.RenderInternals.Log.error(`Port ${codedError.port} is already in use. Trying another port...`);
+            }
+            else {
+                throw err;
+            }
+        }
+    }
+    throw new Error(`Tried ${maxTries} times to find a free port. Giving up.`);
+};
+exports.startServer = startServer;

package/dist/preview-server/update-available.d.ts

@@ -0,0 +1,3 @@
+import type { UpdateAvailableResponse } from '@remotion/studio-shared';
+export declare const getRemotionVersion: () => any;
+export declare const isUpdateAvailableWithTimeout: (remotionRoot: string) => Promise<UpdateAvailableResponse>;

package/dist/preview-server/update-available.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isUpdateAvailableWithTimeout = exports.getRemotionVersion = void 0;
+const semver_1 = __importDefault(require("semver"));
+const get_latest_remotion_version_1 = require("../get-latest-remotion-version");
+const get_package_manager_1 = require("./get-package-manager");
+const isUpdateAvailable = async ({ remotionRoot, currentVersion, }) => {
+    const latest = await (0, get_latest_remotion_version_1.getLatestRemotionVersion)();
+    const pkgManager = (0, get_package_manager_1.getPackageManager)(remotionRoot, undefined);
+    return {
+        updateAvailable: semver_1.default.lt(currentVersion, latest),
+        currentVersion,
+        latestVersion: latest,
+        timedOut: false,
+        packageManager: pkgManager === 'unknown' ? 'unknown' : pkgManager.manager,
+    };
+};
+const getRemotionVersion = () => {
+    // careful when refactoring this file, path must be adjusted
+    const packageJson = require('../../package.json');
+    const { version } = packageJson;
+    return version;
+};
+exports.getRemotionVersion = getRemotionVersion;
+const isUpdateAvailableWithTimeout = (remotionRoot) => {
+    const version = (0, exports.getRemotionVersion)();
+    const threeSecTimeout = new Promise((resolve) => {
+        const pkgManager = (0, get_package_manager_1.getPackageManager)(remotionRoot, undefined);
+        setTimeout(() => {
+            resolve({
+                currentVersion: version,
+                latestVersion: version,
+                updateAvailable: false,
+                timedOut: true,
+                packageManager: pkgManager === 'unknown' ? 'unknown' : pkgManager.manager,
+            });
+        }, 3000);
+    });
+    return Promise.race([
+        threeSecTimeout,
+        isUpdateAvailable({ remotionRoot, currentVersion: version }),
+    ]);
+};
+exports.isUpdateAvailableWithTimeout = isUpdateAvailableWithTimeout;

package/dist/routes.d.ts

@@ -0,0 +1,24 @@
+import type { LogLevel } from '@remotion/renderer';
+import type { RenderDefaults, RenderJob } from '@remotion/studio-shared';
+import type { IncomingMessage, ServerResponse } from 'node:http';
+import type { QueueMethods } from './preview-server/api-types';
+import type { LiveEventsServer } from './preview-server/live-events';
+export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, getRenderQueue, getRenderDefaults, numberOfAudioTags, queueMethods: methods, }: {
+    staticHash: string;
+    staticHashPrefix: string;
+    outputHash: string;
+    outputHashPrefix: string;
+    request: IncomingMessage;
+    response: ServerResponse;
+    liveEventsServer: LiveEventsServer;
+    getCurrentInputProps: () => object;
+    getEnvVariables: () => Record<string, string>;
+    remotionRoot: string;
+    entryPoint: string;
+    publicDir: string;
+    logLevel: LogLevel;
+    getRenderQueue: () => RenderJob[];
+    getRenderDefaults: () => RenderDefaults;
+    numberOfAudioTags: number;
+    queueMethods: QueueMethods;
+}) => void | Promise<void> | Promise<ServerResponse<IncomingMessage> | undefined>;

package/dist/routes.js

@@ -0,0 +1,242 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleRoutes = void 0;
+const bundler_1 = require("@remotion/bundler");
+const studio_shared_1 = require("@remotion/studio-shared");
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importStar(require("node:path"));
+const node_url_1 = require("node:url");
+const get_file_source_1 = require("./helpers/get-file-source");
+const open_in_editor_1 = require("./helpers/open-in-editor");
+const api_routes_1 = require("./preview-server/api-routes");
+const get_package_manager_1 = require("./preview-server/get-package-manager");
+const handler_1 = require("./preview-server/handler");
+const parse_body_1 = require("./preview-server/parse-body");
+const project_info_1 = require("./preview-server/project-info");
+const public_folder_1 = require("./preview-server/public-folder");
+const serve_static_1 = require("./preview-server/serve-static");
+const editorGuess = (0, open_in_editor_1.guessEditor)();
+const static404 = (response) => {
+    response.writeHead(404);
+    response.end('The static/ prefix has been changed, this URL is no longer valid.');
+};
+const output404 = (response) => {
+    response.writeHead(404);
+    response.end('The outputs/ prefix has been changed, this URL is no longer valid.');
+};
+const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputProps, getEnvVariables, publicDir, getRenderQueue, getRenderDefaults, numberOfAudioTags, }) => {
+    const [edit] = await editorGuess;
+    const displayName = (0, open_in_editor_1.getDisplayNameForEditor)(edit ? edit.command : null);
+    response.setHeader('content-type', 'text/html');
+    response.writeHead(200);
+    const packageManager = (0, get_package_manager_1.getPackageManager)(remotionRoot, undefined);
+    (0, public_folder_1.fetchFolder)({ publicDir, staticHash: hash });
+    response.end(bundler_1.BundlerInternals.indexHtml({
+        staticHash: hash,
+        baseDir: '/',
+        editorName: displayName,
+        envVariables: getEnvVariables(),
+        inputProps: getCurrentInputProps(),
+        remotionRoot,
+        studioServerCommand: packageManager === 'unknown' ? null : packageManager.startCommand,
+        renderQueue: getRenderQueue(),
+        numberOfAudioTags,
+        publicFiles: (0, public_folder_1.getFiles)(),
+        includeFavicon: true,
+        title: 'Remotion Studio',
+        renderDefaults: getRenderDefaults(),
+        publicFolderExists: (0, node_fs_1.existsSync)(publicDir) ? publicDir : null,
+    }));
+};
+const handleProjectInfo = async (remotionRoot, _, response) => {
+    const data = await (0, project_info_1.getProjectInfo)(remotionRoot);
+    response.setHeader('content-type', 'application/json');
+    response.writeHead(200);
+    response.end(JSON.stringify(data));
+};
+const handleFileSource = async ({ method, remotionRoot, search, response, }) => {
+    if (method === 'OPTIONS') {
+        response.writeHead(200);
+        response.end();
+        return;
+    }
+    if (!search.startsWith('?')) {
+        throw new Error('query must start with ?');
+    }
+    const query = new node_url_1.URLSearchParams(search);
+    const f = query.get('f');
+    if (typeof f !== 'string') {
+        throw new Error('must pass `f` parameter');
+    }
+    const data = await (0, get_file_source_1.getFileSource)(remotionRoot, decodeURIComponent(f));
+    response.writeHead(200);
+    response.write(data);
+    return response.end();
+};
+const handleOpenInEditor = async (remotionRoot, req, res) => {
+    if (req.method === 'OPTIONS') {
+        res.statusCode = 200;
+        res.end();
+        return;
+    }
+    try {
+        const body = (await (0, parse_body_1.parseRequestBody)(req));
+        if (!('stack' in body)) {
+            throw new TypeError('Need to pass stack');
+        }
+        const stack = body.stack;
+        const guess = await editorGuess;
+        const didOpen = await (0, open_in_editor_1.launchEditor)({
+            colNumber: stack.originalColumnNumber,
+            editor: guess[0],
+            fileName: node_path_1.default.resolve(remotionRoot, stack.originalFileName),
+            lineNumber: stack.originalLineNumber,
+            vsCodeNewWindow: false,
+        });
+        res.setHeader('content-type', 'application/json');
+        res.writeHead(200);
+        res.end(JSON.stringify({
+            success: didOpen,
+        }));
+    }
+    catch (err) {
+        res.setHeader('content-type', 'application/json');
+        res.writeHead(200);
+        res.end(JSON.stringify({
+            success: false,
+        }));
+    }
+};
+const handleFavicon = (_, response) => {
+    const filePath = node_path_1.default.join(__dirname, '..', 'web', 'favicon.png');
+    const stat = (0, node_fs_1.statSync)(filePath);
+    response.writeHead(200, {
+        'Content-Type': 'image/png',
+        'Content-Length': stat.size,
+    });
+    const readStream = (0, node_fs_1.createReadStream)(filePath);
+    readStream.pipe(response);
+};
+const handleBeep = (_, response) => {
+    const filePath = node_path_1.default.join(__dirname, '..', 'web', 'beep.wav');
+    const stat = (0, node_fs_1.statSync)(filePath);
+    response.writeHead(200, {
+        'Content-Type': 'audio/wav',
+        'Content-Length': stat.size,
+    });
+    const readStream = (0, node_fs_1.createReadStream)(filePath);
+    readStream.pipe(response);
+};
+const handleWasm = (_, response) => {
+    const filePath = node_path_1.default.resolve(require.resolve('source-map'), '..', 'lib', 'mappings.wasm');
+    const stat = (0, node_fs_1.statSync)(filePath);
+    response.writeHead(200, {
+        'Content-Type': 'application/wasm',
+        'Content-Length': stat.size,
+    });
+    const readStream = (0, node_fs_1.createReadStream)(filePath);
+    readStream.pipe(response);
+};
+const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, getRenderQueue, getRenderDefaults, numberOfAudioTags, queueMethods: methods, }) => {
+    const url = new URL(request.url, 'http://localhost');
+    if (url.pathname === '/api/project-info') {
+        return handleProjectInfo(remotionRoot, request, response);
+    }
+    if (url.pathname === '/api/file-source') {
+        return handleFileSource({
+            remotionRoot,
+            search: url.search,
+            method: request.method,
+            response,
+        });
+    }
+    if (url.pathname === '/api/open-in-editor') {
+        return handleOpenInEditor(remotionRoot, request, response);
+    }
+    for (const [key, value] of Object.entries(api_routes_1.allApiRoutes)) {
+        if (url.pathname === key) {
+            return (0, handler_1.handleRequest)({
+                remotionRoot,
+                entryPoint,
+                handler: value,
+                request,
+                response,
+                logLevel,
+                methods,
+            });
+        }
+    }
+    if (url.pathname === '/remotion.png') {
+        return handleFavicon(request, response);
+    }
+    if (url.pathname === '/beep.wav') {
+        return handleBeep(request, response);
+    }
+    if (url.pathname === studio_shared_1.SOURCE_MAP_ENDPOINT) {
+        return handleWasm(request, response);
+    }
+    if (url.pathname === '/events') {
+        return liveEventsServer.router(request, response);
+    }
+    if (url.pathname.startsWith(staticHash)) {
+        const filename = new URL(request.url, 'http://localhost').pathname.replace(new RegExp(`^${staticHash}`), '');
+        const filePath = (0, node_path_1.join)(publicDir, decodeURIComponent(filename));
+        return (0, serve_static_1.serveStatic)({
+            root: publicDir,
+            path: filePath,
+            req: request,
+            res: response,
+        });
+    }
+    if (url.pathname.startsWith(staticHashPrefix)) {
+        return static404(response);
+    }
+    if (url.pathname.startsWith(outputHash)) {
+        const filename = new URL(request.url, 'http://localhost').pathname.replace(new RegExp(`^${outputHash}`), '');
+        const filePath = (0, node_path_1.join)(remotionRoot, decodeURIComponent(filename));
+        return (0, serve_static_1.serveStatic)({
+            root: remotionRoot,
+            path: filePath,
+            req: request,
+            res: response,
+        });
+    }
+    if (url.pathname.startsWith(outputHashPrefix)) {
+        return output404(response);
+    }
+    return handleFallback({
+        remotionRoot,
+        hash: staticHash,
+        response,
+        getCurrentInputProps,
+        getEnvVariables,
+        publicDir,
+        getRenderQueue,
+        getRenderDefaults,
+        numberOfAudioTags,
+    });
+};
+exports.handleRoutes = handleRoutes;

package/dist/server-ready.d.ts

@@ -0,0 +1,2 @@
+export declare const setServerReadyComment: (newMessage: string) => void;
+export declare const printServerReadyComment: (prefix: string) => void;

package/dist/server-ready.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.printServerReadyComment = exports.setServerReadyComment = void 0;
+const renderer_1 = require("@remotion/renderer");
+let message = null;
+const setServerReadyComment = (newMessage) => {
+    message = newMessage;
+};
+exports.setServerReadyComment = setServerReadyComment;
+const printServerReadyComment = (prefix) => {
+    renderer_1.RenderInternals.Log.info(`${prefix} - ${message}`);
+};
+exports.printServerReadyComment = printServerReadyComment;

package/dist/start-studio.d.ts

@@ -0,0 +1,26 @@
+import type { WebpackOverrideFn } from '@remotion/bundler';
+import type { LogLevel } from '@remotion/renderer';
+import type { RenderDefaults, RenderJob } from '@remotion/studio-shared';
+import type { QueueMethods } from './preview-server/api-types';
+export declare const startStudio: ({ browserArgs, browserFlag, configValueShouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, userPassedPublicDir, webpackOverride, poll, getRenderDefaults, getRenderQueue, numberOfAudioTags, queueMethods, parsedCliOpen, previewEntry, }: {
+    browserArgs: string;
+    browserFlag: string;
+    logLevel: LogLevel;
+    configValueShouldOpenBrowser: boolean;
+    fullEntryPath: string;
+    getCurrentInputProps: () => object;
+    getEnvVariables: () => Record<string, string>;
+    desiredPort: number | null;
+    maxTimelineTracks: number;
+    remotionRoot: string;
+    keyboardShortcutsEnabled: boolean;
+    userPassedPublicDir: string | null;
+    webpackOverride: WebpackOverrideFn;
+    poll: number | null;
+    getRenderDefaults: () => RenderDefaults;
+    getRenderQueue: () => RenderJob[];
+    numberOfAudioTags: number;
+    queueMethods: QueueMethods;
+    parsedCliOpen: boolean;
+    previewEntry: string;
+}) => Promise<void>;