@remotion/bundler 4.0.0-oops.3 → 4.0.0-publish.10

package/dist/index.d.ts

@@ -1,24 +1,23 @@
-import mimeTypes from 'mime-types';
 import esbuild = require('esbuild');
+import webpack = require('webpack');
 export declare const BundlerInternals: {
-    startServer: (entry: string, userDefinedComponent: string, options?: {
-        webpackOverride?: import("remotion").WebpackOverrideFn | undefined;
-        inputProps?: object | undefined;
-        envVariables?: Record<string, string> | undefined;
-        port?: number | undefined;
-        maxTimelineTracks?: number | undefined;
-    } | undefined) => Promise<number>;
+    esbuild: typeof esbuild;
+    webpackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgressUpdate, enableCaching, inputProps, envVariables, maxTimelineTracks, entryPoints, }: {
+        entry: string;
+        userDefinedComponent: string;
+        outDir: string;
+        environment: "development" | "production";
+        webpackOverride: import("remotion").WebpackOverrideFn;
+        onProgressUpdate?: ((f: number) => void) | undefined;
+        enableCaching?: boolean | undefined;
+        inputProps: object;
+        envVariables: Record<string, string>;
+        maxTimelineTracks: number;
+        entryPoints: string[];
+    }) => webpack.Configuration;
+    indexHtml: (staticHash: string, baseDir: string, editorName: string | null) => string;
     cacheExists: (environment: "development" | "production", inputProps: object | null) => boolean;
     clearCache: (environment: "development" | "production", inputProps: object | null) => Promise<void>;
-    getLatestRemotionVersion: () => Promise<any>;
-    getPackageManager: () => import("./get-package-manager").PackageManager | "unknown";
-    lockFilePaths: {
-        manager: import("./get-package-manager").PackageManager;
-        path: string;
-    }[];
-    esbuild: typeof esbuild;
-    mimeTypes: typeof mimeTypes;
 };
-export { bundle } from './bundler';
-export { PackageManager } from './get-package-manager';
-export type { ProjectInfo } from './project-info';
+export { bundle } from './bundle';
+export { webpack };

package/dist/index.js

@@ -1,24 +1,18 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.bundle = exports.BundlerInternals = void 0;
-const mime_types_1 = __importDefault(require("mime-types"));
-const get_latest_remotion_version_1 = require("./get-latest-remotion-version");
-const get_package_manager_1 = require("./get-package-manager");
-const start_server_1 = require("./start-server");
+exports.webpack = exports.bundle = exports.BundlerInternals = void 0;
+const index_html_1 = require("./index-html");
 const webpack_cache_1 = require("./webpack-cache");
+const webpack_config_1 = require("./webpack-config");
 const esbuild = require("esbuild");
+const webpack = require("webpack");
+exports.webpack = webpack;
 exports.BundlerInternals = {
-    startServer: start_server_1.startServer,
+    esbuild,
+    webpackConfig: webpack_config_1.webpackConfig,
+    indexHtml: index_html_1.indexHtml,
     cacheExists: webpack_cache_1.cacheExists,
     clearCache: webpack_cache_1.clearCache,
-    getLatestRemotionVersion: get_latest_remotion_version_1.getLatestRemotionVersion,
-    getPackageManager: get_package_manager_1.getPackageManager,
-    lockFilePaths: get_package_manager_1.lockFilePaths,
-    esbuild,
-    mimeTypes: mime_types_1.default,
 };
-var bundler_1 = require("./bundler");
-Object.defineProperty(exports, "bundle", { enumerable: true, get: function () { return bundler_1.bundle; } });
+var bundle_1 = require("./bundle");
+Object.defineProperty(exports, "bundle", { enumerable: true, get: function () { return bundle_1.bundle; } });

package/dist/is-path-inside.d.ts

@@ -0,0 +1 @@
+export declare const isPathInside: (thePath: string, potentialParent: string) => boolean;

package/dist/is-path-inside.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isPathInside = void 0;
+const path_1 = __importDefault(require("path"));
+const isPathInside = function (thePath, potentialParent) {
+    // For inside-directory checking, we want to allow trailing slashes, so normalize.
+    thePath = stripTrailingSep(thePath);
+    potentialParent = stripTrailingSep(potentialParent);
+    // Node treats only Windows as case-insensitive in its path module; we follow those conventions.
+    if (process.platform === 'win32') {
+        thePath = thePath.toLowerCase();
+        potentialParent = potentialParent.toLowerCase();
+    }
+    return (thePath.lastIndexOf(potentialParent, 0) === 0 &&
+        (thePath[potentialParent.length] === path_1.default.sep ||
+            thePath[potentialParent.length] === undefined));
+};
+exports.isPathInside = isPathInside;
+function stripTrailingSep(thePath) {
+    if (thePath[thePath.length - 1] === path_1.default.sep) {
+        return thePath.slice(0, -1);
+    }
+    return thePath;
+}

package/dist/p-limit.d.ts

@@ -0,0 +1 @@
+export declare const pLimit: (concurrency: number) => <Arguments extends unknown[], ReturnType_1>(fn: (..._arguments: Arguments) => ReturnType_1 | PromiseLike<ReturnType_1>, ...args: Arguments) => Promise<ReturnType_1>;

package/dist/p-limit.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pLimit = void 0;
+const pLimit = (concurrency) => {
+    const queue = [];
+    let activeCount = 0;
+    const next = () => {
+        var _a;
+        activeCount--;
+        if (queue.length > 0) {
+            (_a = queue.shift()) === null || _a === void 0 ? void 0 : _a();
+        }
+    };
+    const run = async (fn, resolve, ...args) => {
+        activeCount++;
+        // eslint-disable-next-line require-await
+        const result = (async () => fn(...args))();
+        resolve(result);
+        try {
+            await result;
+        }
+        catch (_a) { }
+        next();
+    };
+    const enqueue = (fn, resolve, ...args) => {
+        queue.push(() => run(fn, resolve, ...args));
+        (async () => {
+            var _a;
+            // This function needs to wait until the next microtask before comparing
+            // `activeCount` to `concurrency`, because `activeCount` is updated asynchronously
+            // when the run function is dequeued and called. The comparison in the if-statement
+            // needs to happen asynchronously as well to get an up-to-date value for `activeCount`.
+            await Promise.resolve();
+            if (activeCount < concurrency && queue.length > 0) {
+                (_a = queue.shift()) === null || _a === void 0 ? void 0 : _a();
+            }
+        })();
+    };
+    const generator = (fn, ...args) => new Promise((resolve) => {
+        enqueue(fn, resolve, ...args);
+    });
+    Object.defineProperties(generator, {
+        activeCount: {
+            get: () => activeCount,
+        },
+        pendingCount: {
+            get: () => queue.length,
+        },
+        clearQueue: {
+            value: () => {
+                queue.length = 0;
+            },
+        },
+    });
+    return generator;
+};
+exports.pLimit = pLimit;

package/dist/renderEntry.d.ts

@@ -1,2 +1,2 @@
-import { BundleState } from 'remotion';
+import type { BundleState } from 'remotion';
 export declare const setBundleModeAndUpdate: (state: BundleState) => void;

package/dist/renderEntry.js

@@ -15,23 +15,14 @@ const remotion_1 = require("remotion");
 const bundle_mode_1 = require("./bundle-mode");
 const homepage_1 = require("./homepage/homepage");
 remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaultCSS(null, '#fff'));
-const Root = remotion_1.Internals.getRoot();
-if (!Root) {
-    throw new Error('Root has not been registered.');
-}
-const handle = (0, remotion_1.delayRender)('Loading root component');
-const Fallback = () => {
-    (0, react_1.useEffect)(() => {
-        const fallback = (0, remotion_1.delayRender)('Waiting for Root component to unsuspend');
-        return () => (0, remotion_1.continueRender)(fallback);
-    }, []);
-    return null;
-};
 const GetVideo = ({ state }) => {
-    var _a;
     const video = remotion_1.Internals.useVideo();
     const compositions = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
-    const [Component, setComponent] = (0, react_1.useState)(null);
+    const portalContainer = (0, react_1.useRef)(null);
+    const [handle] = (0, react_1.useState)(() => (0, remotion_1.delayRender)('Wait for Composition' + JSON.stringify(state)));
+    (0, react_1.useEffect)(() => {
+        return () => (0, remotion_1.continueRender)(handle);
+    }, [handle]);
     (0, react_1.useEffect)(() => {
         var _a;
         if (state.type !== 'composition') {
@@ -45,35 +36,36 @@ const GetVideo = ({ state }) => {
             compositions.setCurrentComposition((_a = foundComposition === null || foundComposition === void 0 ? void 0 : foundComposition.id) !== null && _a !== void 0 ? _a : null);
         }
     }, [compositions, compositions.compositions, state, video]);
-    const fetchComponent = (0, react_1.useCallback)(() => {
-        if (!video) {
-            throw new Error('Expected to have video');
-        }
-        const Comp = video.component;
-        setComponent(Comp);
-    }, [video]);
-    (0, react_1.useEffect)(() => {
-        if (video) {
-            fetchComponent();
-        }
-    }, [fetchComponent, video]);
     (0, react_1.useEffect)(() => {
         if (state.type === 'evaluation') {
             (0, remotion_1.continueRender)(handle);
         }
-        else if (Component) {
+        else if (video) {
             (0, remotion_1.continueRender)(handle);
         }
-    }, [Component, state.type]);
+    }, [handle, state.type, video]);
+    (0, react_1.useEffect)(() => {
+        if (!video) {
+            return;
+        }
+        const { current } = portalContainer;
+        if (!current) {
+            throw new Error('portal did not render');
+        }
+        current.appendChild(remotion_1.Internals.portalNode());
+        return () => {
+            current.removeChild(remotion_1.Internals.portalNode());
+        };
+    }, [video]);
     if (!video) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(Fallback, {}, void 0), children: (0, jsx_runtime_1.jsx)("div", { id: "remotion-canvas", style: {
-                width: video.width,
-                height: video.height,
-                display: 'flex',
-                backgroundColor: 'transparent',
-            }, children: Component ? ((0, jsx_runtime_1.jsx)(Component, { ...((_a = video === null || video === void 0 ? void 0 : video.defaultProps) !== null && _a !== void 0 ? _a : {}), ...(0, remotion_1.getInputProps)() }, void 0)) : null }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: portalContainer, id: "remotion-canvas", style: {
+            width: video.width,
+            height: video.height,
+            display: 'flex',
+            backgroundColor: 'transparent',
+        } }));
 };
 const videoContainer = document.getElementById('video-container');
 const explainerContainer = document.getElementById('explainer-container');
@@ -83,10 +75,28 @@ let cleanupVideoContainer = () => {
 let cleanupExplainerContainer = () => {
     explainerContainer.innerHTML = '';
 };
+const waitForRootHandle = (0, remotion_1.delayRender)('Loading root component');
+const WaitForRoot = () => {
+    const [Root, setRoot] = (0, react_1.useState)(() => remotion_1.Internals.getRoot());
+    (0, react_1.useEffect)(() => {
+        if (Root) {
+            (0, remotion_1.continueRender)(waitForRootHandle);
+            return;
+        }
+        const cleanup = remotion_1.Internals.waitForRoot((NewRoot) => {
+            setRoot(() => NewRoot);
+        });
+        return () => cleanup();
+    }, [Root]);
+    if (Root === null) {
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)(Root, {});
+};
 const renderContent = () => {
     const bundleMode = (0, bundle_mode_1.getBundleMode)();
     if (bundleMode.type === 'composition' || bundleMode.type === 'evaluation') {
-        const markup = ((0, jsx_runtime_1.jsxs)(remotion_1.Internals.RemotionRoot, { children: [(0, jsx_runtime_1.jsx)(Root, {}, void 0), (0, jsx_runtime_1.jsx)(GetVideo, { state: bundleMode }, void 0)] }, void 0));
+        const markup = ((0, jsx_runtime_1.jsxs)(remotion_1.Internals.RemotionRoot, { children: [(0, jsx_runtime_1.jsx)(WaitForRoot, {}), (0, jsx_runtime_1.jsx)(GetVideo, { state: bundleMode })] }));
         if (client_1.default.createRoot) {
             const root = client_1.default.createRoot(videoContainer);
             root.render(markup);
@@ -110,14 +120,14 @@ const renderContent = () => {
     if (bundleMode.type === 'index' || bundleMode.type === 'evaluation') {
         if (client_1.default.createRoot) {
             const root = client_1.default.createRoot(explainerContainer);
-            root.render((0, jsx_runtime_1.jsx)(homepage_1.Homepage, {}, void 0));
+            root.render((0, jsx_runtime_1.jsx)(homepage_1.Homepage, {}));
             cleanupExplainerContainer = () => {
                 root.unmount();
             };
         }
         else {
             const root = client_1.default;
-            root.render((0, jsx_runtime_1.jsx)(homepage_1.Homepage, {}, void 0), explainerContainer);
+            root.render((0, jsx_runtime_1.jsx)(homepage_1.Homepage, {}), explainerContainer);
             cleanupExplainerContainer = () => {
                 root.unmountComponentAtNode(explainerContainer);
             };
@@ -138,6 +148,9 @@ const setBundleModeAndUpdate = (state) => {
 exports.setBundleModeAndUpdate = setBundleModeAndUpdate;
 if (typeof window !== 'undefined') {
     window.getStaticCompositions = () => {
+        if (!remotion_1.Internals.getRoot()) {
+            throw new Error('registerRoot() was never called. 1. Make sure you specified the correct entrypoint for your bundle. 2. If your registerRoot() call is deferred, use the delayRender/continueRender pattern to tell Remotion to wait.');
+        }
         if (!remotion_1.Internals.compositionsRef.current) {
             throw new Error('Unexpectedly did not have a CompositionManager');
         }
@@ -154,6 +167,6 @@ if (typeof window !== 'undefined') {
             };
         });
     };
-    window.siteVersion = '2';
+    window.siteVersion = '3';
     window.setBundleMode = exports.setBundleModeAndUpdate;
 }

package/dist/routes.d.ts

@@ -0,0 +1,2 @@
+import { IncomingMessage, ServerResponse } from 'http';
+export declare const handleRoutes: (hash: string, request: IncomingMessage, response: ServerResponse) => void | Promise<void>;

package/dist/routes.js

@@ -0,0 +1,121 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleRoutes = void 0;
+const fs_1 = require("fs");
+const path_1 = __importDefault(require("path"));
+const url_1 = require("url");
+const get_file_source_1 = require("./error-overlay/react-overlay/utils/get-file-source");
+const open_in_editor_1 = require("./error-overlay/react-overlay/utils/open-in-editor");
+const project_info_1 = require("./project-info");
+const serve_static_1 = require("./serve-static");
+const static_preview_1 = require("./static-preview");
+const update_available_1 = require("./update-available");
+const handleUpdate = async (_, response) => {
+    const data = await (0, update_available_1.isUpdateAvailableWithTimeout)();
+    response.setHeader('content-type', 'application/json');
+    response.writeHead(200);
+    response.end(JSON.stringify(data));
+};
+const editorGuess = (0, open_in_editor_1.guessEditor)();
+const handleFallback = async (hash, _, response) => {
+    const edit = await editorGuess;
+    const displayName = (0, open_in_editor_1.getDisplayNameForEditor)(edit[0]);
+    response.setHeader('content-type', 'text/html');
+    response.writeHead(200);
+    response.end((0, static_preview_1.indexHtml)(hash, '/', displayName));
+};
+const handleProjectInfo = async (_, response) => {
+    const data = await (0, project_info_1.getProjectInfo)();
+    response.setHeader('content-type', 'application/json');
+    response.writeHead(200);
+    response.end(JSON.stringify(data));
+};
+const handleFileSource = async (search, _, response) => {
+    if (!search.startsWith('?')) {
+        throw new Error('query must start with ?');
+    }
+    const query = new 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)(decodeURIComponent(f));
+    response.writeHead(200);
+    response.write(data);
+    return response.end();
+};
+const handleOpenInEditor = async (req, res) => {
+    try {
+        const b = await new Promise((_resolve) => {
+            let data = '';
+            req.on('data', (chunk) => {
+                data += chunk;
+            });
+            req.on('end', () => {
+                _resolve(data.toString());
+            });
+        });
+        const body = JSON.parse(b);
+        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: path_1.default.resolve(process.cwd(), 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 = path_1.default.join(__dirname, '..', 'web', 'favicon.png');
+    const stat = (0, fs_1.statSync)(filePath);
+    response.writeHead(200, {
+        'Content-Type': 'image/png',
+        'Content-Length': stat.size,
+    });
+    const readStream = (0, fs_1.createReadStream)(filePath);
+    readStream.pipe(response);
+};
+const handleRoutes = (hash, request, response) => {
+    const url = new URL(request.url, 'http://localhost');
+    if (url.pathname === '/api/update') {
+        return handleUpdate(request, response);
+    }
+    if (url.pathname === '/api/project-info') {
+        return handleProjectInfo(request, response);
+    }
+    if (url.pathname === '/api/file-source') {
+        return handleFileSource(url.search, request, response);
+    }
+    if (url.pathname === '/api/open-in-editor') {
+        return handleOpenInEditor(request, response);
+    }
+    if (url.pathname === '/remotion.png') {
+        return handleFavicon(request, response);
+    }
+    if (url.pathname.startsWith(hash)) {
+        const root = path_1.default.join(process.cwd(), 'public');
+        return (0, serve_static_1.serveStatic)(root, hash, request, response);
+    }
+    return handleFallback(hash, request, response);
+};
+exports.handleRoutes = handleRoutes;

package/dist/serve-static.d.ts

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

package/dist/serve-static.js

@@ -0,0 +1,81 @@
+"use strict";
+/*!
+ * serve-static
+ * Copyright(c) 2010 Sencha Inc.
+ * Copyright(c) 2011 TJ Holowaychuk
+ * Copyright(c) 2014-2016 Douglas Christopher Wilson
+ * MIT Licensed
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serveStatic = void 0;
+const fs_1 = require("fs");
+const mime_types_1 = __importDefault(require("mime-types"));
+const path_1 = require("path");
+const middleware_1 = require("./dev-middleware/middleware");
+const range_parser_1 = require("./dev-middleware/range-parser");
+const is_path_inside_1 = require("./is-path-inside");
+const serveStatic = async function (root, hash, 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;
+    }
+    const path = (0, path_1.join)(root, new URL(req.url, 'http://localhost').pathname.replace(new RegExp(`^${hash}`), ''));
+    if (!(0, is_path_inside_1.isPathInside)(path, root)) {
+        res.writeHead(500);
+        res.write('Not allowed to read');
+        res.end();
+        return;
+    }
+    const exists = (0, fs_1.existsSync)(path);
+    if (!exists) {
+        res.writeHead(404);
+        res.write('Not found');
+        res.end();
+        return;
+    }
+    const lstat = await 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, fs_1.createReadStream)(path);
+        res.setHeader('content-type', mime_types_1.default.lookup(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', mime_types_1.default.lookup(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, 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/setup-environment.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const remotion_1 = require("remotion");
 remotion_1.Internals.setupEnvVariables();
-remotion_1.Internals.setupInitialFrame();
 remotion_1.Internals.setupPuppeteerTimeout();
 remotion_1.Internals.CSSUtils.injectCSS(`
   .css-reset * {

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

@@ -0,0 +1,8 @@
+import { WebpackOverrideFn } from 'remotion';
+export declare const startServerPure: (entry: string, userDefinedComponent: string, options?: {
+    webpackOverride?: WebpackOverrideFn;
+    inputProps?: object;
+    envVariables?: Record<string, string>;
+    port: number | null;
+    maxTimelineTracks?: number;
+}) => Promise<number>;

package/dist/start-server-pure.js

@@ -0,0 +1,68 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.startServerPure = void 0;
+const crypto_1 = __importDefault(require("crypto"));
+const fs_1 = __importDefault(require("fs"));
+const http_1 = __importDefault(require("http"));
+const os_1 = __importDefault(require("os"));
+const path_1 = __importDefault(require("path"));
+const remotion_1 = require("remotion");
+const webpack_1 = __importDefault(require("webpack"));
+const dev_middleware_1 = require("./dev-middleware");
+const get_port_1 = require("./get-port");
+const hot_middleware_1 = require("./hot-middleware");
+const routes_1 = require("./routes");
+const webpack_config_1 = require("./webpack-config");
+const startServerPure = async (entry, userDefinedComponent, options) => {
+    var _a, _b, _c, _d, _e;
+    const tmpDir = await fs_1.default.promises.mkdtemp(path_1.default.join(os_1.default.tmpdir(), 'react-motion-graphics'));
+    const config = (0, webpack_config_1.webpackConfig)({
+        entry,
+        userDefinedComponent,
+        outDir: tmpDir,
+        environment: 'development',
+        webpackOverride: (_a = options === null || options === void 0 ? void 0 : options.webpackOverride) !== null && _a !== void 0 ? _a : remotion_1.Internals.getWebpackOverrideFn(),
+        inputProps: (_b = options === null || options === void 0 ? void 0 : options.inputProps) !== null && _b !== void 0 ? _b : {},
+        envVariables: (_c = options === null || options === void 0 ? void 0 : options.envVariables) !== null && _c !== void 0 ? _c : {},
+        maxTimelineTracks: (_d = options === null || options === void 0 ? void 0 : options.maxTimelineTracks) !== null && _d !== void 0 ? _d : 15,
+    });
+    const compiler = (0, webpack_1.default)(config);
+    const hash = `/static-${crypto_1.default.randomBytes(6).toString('hex')}`;
+    /**
+     * TODO: Put static server
+     */
+    const wdmMiddleware = (0, dev_middleware_1.wdm)(compiler);
+    const whm = (0, hot_middleware_1.webpackHotMiddleware)(compiler);
+    const server = 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)(hash, request, response);
+        })
+            .catch((err) => {
+            response.setHeader('content-type', 'application/json');
+            response.writeHead(500);
+            response.end(JSON.stringify({
+                err: err.message,
+            }));
+        });
+    });
+    const desiredPort = (_e = options === null || options === void 0 ? void 0 : options.port) !== null && _e !== void 0 ? _e : undefined;
+    const port = await (0, get_port_1.getDesiredPort)(desiredPort, 3000, 3100);
+    server.listen(port);
+    return port;
+};
+exports.startServerPure = startServerPure;

package/dist/start-server.d.ts

@@ -1,8 +1,8 @@
 import { WebpackOverrideFn } from 'remotion';
 export declare const startServer: (entry: string, userDefinedComponent: string, options?: {
-    webpackOverride?: WebpackOverrideFn | undefined;
-    inputProps?: object | undefined;
-    envVariables?: Record<string, string> | undefined;
-    port?: number | undefined;
-    maxTimelineTracks?: number | undefined;
-} | undefined) => Promise<number>;
+    webpackOverride?: WebpackOverrideFn;
+    inputProps?: object;
+    envVariables?: Record<string, string>;
+    port: number | null;
+    maxTimelineTracks?: number;
+}) => Promise<number>;