@remotion/cli 4.0.0-imgloading.2 → 4.0.0-lambda.3

package/dist/preview-server/hot-middleware/process-update.js

@@ -0,0 +1,144 @@
+"use strict";
+/* eslint-disable no-console */
+/**
+ * Source code is adapted from
+ * https://github.com/webpack-contrib/webpack-hot-middleware#readme
+ * and rewritten in TypeScript. This file is MIT licensed
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.processUpdate = void 0;
+/* global  __webpack_hash__ */
+if (!module.hot) {
+    throw new Error('[Fast refresh] Hot Module Replacement is disabled.');
+}
+const hmrDocsUrl = 'https://webpack.js.org/concepts/hot-module-replacement/'; // eslint-disable-line max-len
+let lastHash;
+const failureStatuses = { abort: 1, fail: 1 };
+const applyOptions = {
+    ignoreUnaccepted: true,
+    ignoreDeclined: true,
+    ignoreErrored: true,
+    onUnaccepted(data) {
+        var _a;
+        console.warn('Ignored an update to unaccepted module ' +
+            ((_a = data.chain) !== null && _a !== void 0 ? _a : []).join(' -> '));
+    },
+    onDeclined(data) {
+        var _a;
+        console.warn('Ignored an update to declined module ' + ((_a = data.chain) !== null && _a !== void 0 ? _a : []).join(' -> '));
+    },
+    onErrored(data) {
+        console.error(data.error);
+        console.warn('Ignored an error while updating module ' +
+            data.moduleId +
+            ' (' +
+            data.type +
+            ')');
+    },
+};
+function upToDate(hash) {
+    if (hash)
+        lastHash = hash;
+    return lastHash === __webpack_hash__;
+}
+const processUpdate = function (hash, moduleMap, options) {
+    var _a;
+    const { reload } = options;
+    if (!upToDate(hash) && ((_a = module.hot) === null || _a === void 0 ? void 0 : _a.status()) === 'idle') {
+        check();
+    }
+    async function check() {
+        var _a;
+        const cb = function (err, updatedModules) {
+            var _a;
+            if (err)
+                return handleError(err);
+            if (!updatedModules) {
+                if (options.warn) {
+                    console.warn('[Fast refresh] Cannot find update (Full reload needed)');
+                    console.warn('[Fast refresh] (Probably because of restarting the server)');
+                }
+                performReload();
+                return null;
+            }
+            const applyCallback = function (applyErr, renewedModules) {
+                if (applyErr)
+                    return handleError(applyErr);
+                if (!upToDate()) {
+                    check();
+                }
+                logUpdates(updatedModules, renewedModules);
+            };
+            const applyResult = (_a = module.hot) === null || _a === void 0 ? void 0 : _a.apply(applyOptions, applyCallback);
+            if (applyResult === null || applyResult === void 0 ? void 0 : applyResult.then) {
+                // HotModuleReplacement.runtime.js refers to the result as `outdatedModules`
+                applyResult
+                    .then((outdatedModules) => {
+                    applyCallback(null, outdatedModules);
+                })
+                    .catch((_err) => applyCallback(_err, []));
+            }
+        };
+        try {
+            const result = await ((_a = module.hot) === null || _a === void 0 ? void 0 : _a.check(false, cb));
+            cb(null, result);
+        }
+        catch (err) {
+            cb(err, []);
+        }
+    }
+    function logUpdates(updatedModules, renewedModules) {
+        var _a;
+        const unacceptedModules = (_a = updatedModules === null || updatedModules === void 0 ? void 0 : updatedModules.filter((moduleId) => {
+            return renewedModules && renewedModules.indexOf(moduleId) < 0;
+        })) !== null && _a !== void 0 ? _a : [];
+        if (unacceptedModules.length > 0) {
+            if (options.warn) {
+                console.warn("[Fast refresh] The following modules couldn't be hot updated: " +
+                    '(Full reload needed)\n' +
+                    'This is usually because the modules which have changed ' +
+                    '(and their parents) do not know how to hot reload themselves. ' +
+                    'See ' +
+                    hmrDocsUrl +
+                    ' for more details.');
+                unacceptedModules.forEach((moduleId) => {
+                    console.warn('[Fast refresh]  - ' + (moduleMap[moduleId] || moduleId));
+                });
+            }
+            performReload();
+            return;
+        }
+        if (!renewedModules || renewedModules.length === 0) {
+            console.log('[Fast refresh] Nothing hot updated.');
+        }
+        else {
+            renewedModules.forEach((moduleId) => {
+                console.log(`[Fast refresh] ${moduleMap[moduleId] || moduleId} fast refreshed.`);
+            });
+        }
+    }
+    function handleError(err) {
+        var _a, _b;
+        if (((_b = (_a = module.hot) === null || _a === void 0 ? void 0 : _a.status()) !== null && _b !== void 0 ? _b : 'nope') in failureStatuses) {
+            if (options.warn) {
+                console.warn('[Fast refresh] Cannot check for update (Full reload needed)');
+                console.warn('[Fast refresh] ' + (err.stack || err.message));
+            }
+            performReload();
+            return;
+        }
+        if (options.warn) {
+            console.warn('[Fast refresh] Update check failed: ' + (err.stack || err.message));
+            window.location.reload();
+        }
+    }
+    function performReload() {
+        if (!reload) {
+            return;
+        }
+        if (options.warn)
+            console.warn('[Fast refresh] Reloading page');
+        window.location.reload();
+    }
+};
+exports.processUpdate = processUpdate;

package/dist/preview-server/hot-middleware/strip-ansi.d.ts

@@ -0,0 +1 @@
+export declare const stripAnsi: (str: string) => string;

package/dist/preview-server/hot-middleware/strip-ansi.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stripAnsi = void 0;
+/**
+ * Code inlined from https://github.com/chalk/strip-ansi#readme
+ * This file is MIT licensed.
+ */
+const ansiRegex = () => {
+    const pattern = [
+        '[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)',
+        '(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))',
+    ].join('|');
+    return new RegExp(pattern, 'g');
+};
+const stripAnsi = (str) => {
+    if (typeof str !== 'string') {
+        throw new TypeError(`Expected a \`string\`, got \`${typeof str}\``);
+    }
+    return str.replace(ansiRegex(), '');
+};
+exports.stripAnsi = stripAnsi;

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

@@ -0,0 +1,27 @@
+import { webpack } from '@remotion/bundler';
+export declare type HotMiddlewareMessage = {
+    action: 'building';
+    name?: string;
+} | {
+    action: 'built' | 'sync';
+    name: string;
+    time: number | undefined;
+    errors: unknown[];
+    warnings: unknown[];
+    hash: string | undefined;
+    modules: {
+        [key: string]: string;
+    };
+};
+export declare const hotMiddlewareOptions: {
+    path: string;
+    timeout: number;
+    reload: boolean;
+    warn: boolean;
+    heartbeat: number;
+};
+export declare type HotMiddlewareOptions = typeof hotMiddlewareOptions;
+export declare type WebpackStats = ReturnType<webpack.Stats['toJson']>;
+export declare type ModuleMap = {
+    [key: string]: string;
+};

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hotMiddlewareOptions = void 0;
+exports.hotMiddlewareOptions = {
+    path: '/__webpack_hmr',
+    timeout: 20 * 1000,
+    reload: true,
+    warn: true,
+    heartbeat: 10 * 1000,
+};

package/dist/preview-server/project-info.d.ts

@@ -0,0 +1,5 @@
+export declare type ProjectInfo = {
+    videoFile: string | null;
+    relativeVideoFile: string | null;
+};
+export declare const getProjectInfo: () => Promise<ProjectInfo>;

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

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

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

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

package/dist/preview-server/routes.js

@@ -0,0 +1,128 @@
+"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 bundler_1 = require("@remotion/bundler");
+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 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 static404 = (response) => {
+    response.writeHead(404);
+    response.end('The static/ prefix has been changed, this URL is no longer valid.');
+};
+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(bundler_1.BundlerInternals.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, hashPrefix, 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);
+    }
+    if (url.pathname.startsWith(hashPrefix)) {
+        return static404(response);
+    }
+    return handleFallback(hash, request, response);
+};
+exports.handleRoutes = handleRoutes;

package/dist/preview-server/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/preview-server/serve-static.js

@@ -0,0 +1,77 @@
+"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 fs_1 = require("fs");
+const path_1 = require("path");
+const middleware_1 = require("./dev-middleware/middleware");
+const range_parser_1 = require("./dev-middleware/range-parser");
+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 (!renderer_1.RenderInternals.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(`${path} does not exist`);
+        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', renderer_1.RenderInternals.mime.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', renderer_1.RenderInternals.mime.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/preview-server/start-server.d.ts

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

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

@@ -0,0 +1,69 @@
+"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 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 dev_middleware_1 = require("./dev-middleware");
+const hot_middleware_1 = require("./hot-middleware");
+const routes_1 = require("./routes");
+const startServer = 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 = bundler_1.BundlerInternals.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,
+        entryPoints: [
+            require.resolve('./hot-middleware/client'),
+            require.resolve('./error-overlay/entry-basic.js'),
+        ],
+    });
+    const compiler = (0, bundler_1.webpack)(config);
+    const hashPrefix = '/static-';
+    const hash = `${hashPrefix}${crypto_1.default.randomBytes(6).toString('hex')}`;
+    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, hashPrefix, 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 renderer_1.RenderInternals.getDesiredPort(desiredPort, 3000, 3100);
+    server.listen(port);
+    return port;
+};
+exports.startServer = startServer;

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

@@ -0,0 +1,11 @@
+import { PackageManager } from './get-package-manager';
+declare type Info = {
+    currentVersion: string;
+    latestVersion: string;
+    updateAvailable: boolean;
+    timedOut: boolean;
+    packageManager: PackageManager | 'unknown';
+};
+export declare const getRemotionVersion: () => any;
+export declare const isUpdateAvailableWithTimeout: () => Promise<Info>;
+export {};

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

@@ -0,0 +1,44 @@
+"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 (currentVersion) => {
+    const latest = await (0, get_latest_remotion_version_1.getLatestRemotionVersion)();
+    const pkgManager = (0, get_package_manager_1.getPackageManager)();
+    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 = () => {
+    const version = (0, exports.getRemotionVersion)();
+    const threeSecTimeout = new Promise((resolve) => {
+        const pkgManager = (0, get_package_manager_1.getPackageManager)();
+        setTimeout(() => {
+            resolve({
+                currentVersion: version,
+                latestVersion: version,
+                updateAvailable: false,
+                timedOut: true,
+                packageManager: pkgManager === 'unknown' ? 'unknown' : pkgManager.manager,
+            });
+        }, 3000);
+    });
+    return Promise.race([threeSecTimeout, isUpdateAvailable(version)]);
+};
+exports.isUpdateAvailableWithTimeout = isUpdateAvailableWithTimeout;

package/dist/preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../src/preview.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,cAAc,qBAkC1B,CAAC"}

package/dist/preview.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.previewCommand = void 0;
-const bundler_1 = require("@remotion/bundler");
 const better_opn_1 = __importDefault(require("better-opn"));
 const path_1 = __importDefault(require("path"));
 const remotion_1 = require("remotion");
@@ -13,6 +12,7 @@ const get_input_props_1 = require("./get-input-props");
 const initialize_render_cli_1 = require("./initialize-render-cli");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
+const start_server_1 = require("./preview-server/start-server");
 const noop = () => undefined;
 const previewCommand = async () => {
     const file = parse_command_line_1.parsedCli._[1];
@@ -27,7 +27,7 @@ const previewCommand = async () => {
     await (0, initialize_render_cli_1.initializeRenderCli)('preview');
     const inputProps = (0, get_input_props_1.getInputProps)();
     const envVariables = await (0, get_env_1.getEnvironmentVariables)();
-    const port = await bundler_1.BundlerInternals.startServer(path_1.default.resolve(__dirname, 'previewEntry.js'), fullPath, {
+    const port = await (0, start_server_1.startServer)(path_1.default.resolve(__dirname, 'previewEntry.js'), fullPath, {
         inputProps,
         envVariables,
         port: desiredPort,

package/dist/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sourceRoot":"","sources":["../src/preview.ts"],"names":[],"mappings":";;;;;;AAAA,+CAAmD;AACnD,4DAAmC;AACnC,gDAAwB;AACxB,uCAAmC;AACnC,uCAAkD;AAClD,uDAAgD;AAChD,mEAA4D;AAC5D,+BAA0B;AAC1B,6DAA+C;AAE/C,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC;AAEtB,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;IACxC,MAAM,IAAI,GAAG,8BAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,IAAI,EAAE;QACV,SAAG,CAAC,KAAK,CACR,sEAAsE,CACtE,CAAC;QACF,SAAG,CAAC,KAAK,CAAC,sCAAsC,CAAC,CAAC;QAClD,SAAG,CAAC,KAAK,CACR,uEAAuE,CACvE,CAAC;QACF,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KAChB;IAED,MAAM,EAAC,IAAI,EAAE,WAAW,EAAC,GAAG,8BAAS,CAAC;IACtC,MAAM,QAAQ,GAAG,cAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,CAAC;IAEhD,MAAM,IAAA,2CAAmB,EAAC,SAAS,CAAC,CAAC;IAErC,MAAM,UAAU,GAAG,IAAA,+BAAa,GAAE,CAAC;IACnC,MAAM,YAAY,GAAG,MAAM,IAAA,iCAAuB,GAAE,CAAC;IAErD,MAAM,IAAI,GAAG,MAAM,0BAAgB,CAAC,WAAW,CAC9C,cAAI,CAAC,OAAO,CAAC,SAAS,EAAE,iBAAiB,CAAC,EAC1C,QAAQ,EACR;QACC,UAAU;QACV,YAAY;QACZ,IAAI,EAAE,WAAW;QACjB,iBAAiB,EAAE,oBAAS,CAAC,oBAAoB,EAAE;KACnD,CACD,CAAC;IACF,IAAA,oBAAS,EAAC,oBAAoB,IAAI,EAAE,CAAC,CAAC;IACtC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;AACzB,CAAC,CAAC;AAlCW,QAAA,cAAc,kBAkCzB"}

package/dist/previewEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewEntry.d.ts","sourceRoot":"","sources":["../src/previewEntry.tsx"],"names":[],"mappings":"AAGA,OAAO,sBAAsB,CAAC"}

package/dist/previewEntry.js

@@ -9,10 +9,10 @@ const remotion_1 = require("remotion");
 require("../styles/styles.css");
 const Editor_1 = require("./editor/components/Editor");
 remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaultCSS(null, '#1f2428'));
-const content = ((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { children: (0, jsx_runtime_1.jsx)(Editor_1.Editor, {}, void 0) }, void 0));
+const content = ((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { children: (0, jsx_runtime_1.jsx)(Editor_1.Editor, {}) }));
 if (client_1.default.createRoot) {
     client_1.default.createRoot(remotion_1.Internals.getPreviewDomElement()).render(content);
 }
 else {
-    client_1.default.render((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { children: (0, jsx_runtime_1.jsx)(Editor_1.Editor, {}, void 0) }, void 0), remotion_1.Internals.getPreviewDomElement());
+    client_1.default.render((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { children: (0, jsx_runtime_1.jsx)(Editor_1.Editor, {}) }), remotion_1.Internals.getPreviewDomElement());
 }

package/dist/previewEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewEntry.js","sourceRoot":"","sources":["../src/previewEntry.tsx"],"names":[],"mappings":";;;;;;AACA,8DAAwC;AACxC,uCAAmC;AACnC,gCAA8B;AAC9B,uDAAkD;AAElD,oBAAS,CAAC,QAAQ,CAAC,SAAS,CAC3B,oBAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,EAAE,SAAS,CAAC,CAClD,CAAC;AAEF,MAAM,OAAO,GAAG,CACf,uBAAC,oBAAS,CAAC,YAAY,cACtB,uBAAC,eAAM,aAAG,WACc,CACzB,CAAC;AAEF,IAAI,gBAAQ,CAAC,UAAU,EAAE;IACxB,gBAAQ,CAAC,UAAU,CAAC,oBAAS,CAAC,oBAAoB,EAAiB,CAAC,CAAC,MAAM,CAC1E,OAAO,CACP,CAAC;CACF;KAAM;IACL,gBAA+C,CAAC,MAAM,CACtD,uBAAC,oBAAS,CAAC,YAAY,cACtB,uBAAC,eAAM,aAAG,WACc,EACzB,oBAAS,CAAC,oBAAoB,EAAE,CAChC,CAAC;CACF"}

package/dist/print-error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"print-error.d.ts","sourceRoot":"","sources":["../src/print-error.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU,QAAe,KAAK,kBA+B1C,CAAC"}