@remotion/cli 3.1.5 → 3.1.8

package/dist/load-config.js

@@ -8,12 +8,14 @@ const bundler_1 = require("@remotion/bundler");
 const fs_1 = __importDefault(require("fs"));
 const os_1 = __importDefault(require("os"));
 const path_1 = __importDefault(require("path"));
+const worker_threads_1 = require("worker_threads");
 const log_1 = require("./log");
-const loadConfigFile = async (configFileName, isJavascript) => {
-    const resolved = path_1.default.resolve(process.cwd(), configFileName);
-    const tsconfigJson = path_1.default.join(process.cwd(), 'tsconfig.json');
+const loadConfigFile = async (remotionRoot, configFileName, isJavascript) => {
+    const resolved = path_1.default.resolve(remotionRoot, configFileName);
+    const tsconfigJson = path_1.default.join(remotionRoot, 'tsconfig.json');
     if (!isJavascript && !fs_1.default.existsSync(tsconfigJson)) {
-        log_1.Log.error('Could not find a tsconfig.json file in your project. Did you delete it? Create a tsconfig.json in the root of your project. Copy the default file from https://github.com/remotion-dev/template/blob/main/tsconfig.json.');
+        log_1.Log.error('Could not find a tsconfig.json file in your project. Did you delete it? Create a tsconfig.json in the root of your project. Copy the default file from https://github.com/remotion-dev/template-helloworld/blob/main/tsconfig.json.');
+        log_1.Log.error('The root directory is:', remotionRoot);
         process.exit(1);
     }
     const out = path_1.default.join(await fs_1.default.promises.mkdtemp(path_1.default.join(os_1.default.tmpdir(), 'remotion-')), 'bundle.js');
@@ -23,7 +25,7 @@ const loadConfigFile = async (configFileName, isJavascript) => {
         bundle: true,
         entryPoints: [resolved],
         tsconfig: isJavascript ? undefined : tsconfigJson,
-        absWorkingDir: process.cwd(),
+        absWorkingDir: remotionRoot,
         outfile: out,
         external: [
             'remotion',
@@ -44,8 +46,17 @@ const loadConfigFile = async (configFileName, isJavascript) => {
         process.exit(1);
     }
     const file = await fs_1.default.promises.readFile(out, 'utf8');
+    const currentCwd = process.cwd();
+    // The config file is always executed from the Remotion root, if `process.cwd()` is being used. We cannot enforce this in worker threads used for testing
+    if (worker_threads_1.isMainThread) {
+        process.chdir(remotionRoot);
+    }
+    // Exectute the contents of the config file
     // eslint-disable-next-line no-eval
     eval(file);
+    if (worker_threads_1.isMainThread) {
+        process.chdir(currentCwd);
+    }
     await fs_1.default.promises.unlink(out);
     return resolved;
 };

package/dist/log.js

@@ -1,27 +1,28 @@
 "use strict";
-/* eslint-disable no-console */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Log = void 0;
-const remotion_1 = require("remotion");
+/* eslint-disable no-console */
+const renderer_1 = require("@remotion/renderer");
 const chalk_1 = require("./chalk");
+const config_1 = require("./config");
 exports.Log = {
     verbose: (...args) => {
-        if (remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'verbose')) {
+        if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose')) {
             return console.log(...args.map((a) => chalk_1.chalk.blueBright(a)));
         }
     },
     info: (...args) => {
-        if (remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'info')) {
+        if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'info')) {
             return console.log(...args);
         }
     },
     warn: (...args) => {
-        if (remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'warn')) {
+        if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'warn')) {
             return console.warn(...args.map((a) => chalk_1.chalk.yellow(a)));
         }
     },
     error: (...args) => {
-        if (remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'error')) {
+        if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'error')) {
             return console.error(...args.map((a) => chalk_1.chalk.red(a)));
         }
     },

package/dist/parse-command-line.d.ts

@@ -1,5 +1,5 @@
+import type { BrowserExecutable, Codec, FfmpegExecutable, ImageFormat, OpenGlRenderer, PixelFormat, ProResProfile } from '@remotion/renderer';
 import minimist from 'minimist';
-import type { BrowserExecutable, Codec, FfmpegExecutable, ImageFormat, OpenGlRenderer, PixelFormat, ProResProfile } from 'remotion';
 export declare type CommandLineOptions = {
     ['browser-executable']: BrowserExecutable;
     ['ffmpeg-executable']: FfmpegExecutable;

package/dist/parse-command-line.js

@@ -4,9 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 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 remotion_1 = require("remotion");
+const config_1 = require("./config");
 const log_1 = require("./log");
 exports.BooleanFlags = [
     'force',
@@ -31,99 +32,99 @@ exports.parsedCli = (0, minimist_1.default)(process.argv.slice(2), {
 });
 const parseCommandLine = (type) => {
     if (exports.parsedCli['pixel-format']) {
-        remotion_1.Config.Output.setPixelFormat(exports.parsedCli['pixel-format']);
+        config_1.Config.Output.setPixelFormat(exports.parsedCli['pixel-format']);
     }
     if (exports.parsedCli['image-format']) {
-        remotion_1.Config.Rendering.setImageFormat(exports.parsedCli['image-format']);
+        config_1.Config.Rendering.setImageFormat(exports.parsedCli['image-format']);
     }
     if (exports.parsedCli['browser-executable']) {
-        remotion_1.Config.Puppeteer.setBrowserExecutable(exports.parsedCli['browser-executable']);
+        config_1.Config.Puppeteer.setBrowserExecutable(exports.parsedCli['browser-executable']);
     }
     if (exports.parsedCli['ffmpeg-executable']) {
-        remotion_1.Config.Rendering.setFfmpegExecutable((0, path_1.resolve)(exports.parsedCli['ffmpeg-executable']));
+        config_1.Config.Rendering.setFfmpegExecutable((0, path_1.resolve)(exports.parsedCli['ffmpeg-executable']));
     }
     if (exports.parsedCli['number-of-gif-loops']) {
-        remotion_1.Config.Rendering.setNumberOfGifLoops(exports.parsedCli['number-of-gif-loops']);
+        config_1.Config.Rendering.setNumberOfGifLoops(exports.parsedCli['number-of-gif-loops']);
     }
     if (exports.parsedCli['ffprobe-executable']) {
-        remotion_1.Config.Rendering.setFfprobeExecutable((0, path_1.resolve)(exports.parsedCli['ffprobe-executable']));
+        config_1.Config.Rendering.setFfprobeExecutable((0, path_1.resolve)(exports.parsedCli['ffprobe-executable']));
     }
     if (typeof exports.parsedCli['bundle-cache'] !== 'undefined') {
-        remotion_1.Config.Bundling.setCachingEnabled(exports.parsedCli['bundle-cache'] !== 'false');
+        config_1.Config.Bundling.setCachingEnabled(exports.parsedCli['bundle-cache'] !== 'false');
     }
     if (exports.parsedCli['disable-web-security']) {
-        remotion_1.Config.Puppeteer.setChromiumDisableWebSecurity(true);
+        config_1.Config.Puppeteer.setChromiumDisableWebSecurity(true);
     }
     if (exports.parsedCli['ignore-certificate-errors']) {
-        remotion_1.Config.Puppeteer.setChromiumIgnoreCertificateErrors(true);
+        config_1.Config.Puppeteer.setChromiumIgnoreCertificateErrors(true);
     }
     if (exports.parsedCli['disable-headless']) {
-        remotion_1.Config.Puppeteer.setChromiumHeadlessMode(false);
+        config_1.Config.Puppeteer.setChromiumHeadlessMode(false);
     }
     if (exports.parsedCli.log) {
-        if (!remotion_1.Internals.Logging.isValidLogLevel(exports.parsedCli.log)) {
+        if (!renderer_1.RenderInternals.isValidLogLevel(exports.parsedCli.log)) {
             log_1.Log.error('Invalid `--log` value passed.');
-            log_1.Log.error(`Accepted values: ${remotion_1.Internals.Logging.logLevels
+            log_1.Log.error(`Accepted values: ${renderer_1.RenderInternals.logLevels
                 .map((l) => `'${l}'`)
                 .join(', ')}.`);
             process.exit(1);
         }
-        remotion_1.Internals.Logging.setLogLevel(exports.parsedCli.log);
+        config_1.ConfigInternals.Logging.setLogLevel(exports.parsedCli.log);
     }
     if (exports.parsedCli.concurrency) {
-        remotion_1.Config.Rendering.setConcurrency(exports.parsedCli.concurrency);
+        config_1.Config.Rendering.setConcurrency(exports.parsedCli.concurrency);
     }
     if (exports.parsedCli.timeout) {
-        remotion_1.Config.Puppeteer.setTimeoutInMilliseconds(exports.parsedCli.timeout);
+        config_1.Config.Puppeteer.setTimeoutInMilliseconds(exports.parsedCli.timeout);
     }
     if (exports.parsedCli.frames) {
         if (type === 'still') {
             log_1.Log.error('--frames flag was passed to the `still` command. This flag only works with the `render` command. Did you mean `--frame`? See reference: https://www.remotion.dev/docs/cli/');
             process.exit(1);
         }
-        remotion_1.Internals.setFrameRangeFromCli(exports.parsedCli.frames);
+        config_1.ConfigInternals.setFrameRangeFromCli(exports.parsedCli.frames);
     }
     if (exports.parsedCli.frame) {
         if (type === 'sequence') {
             log_1.Log.error('--frame flag was passed to the `render` command. This flag only works with the `still` command. Did you mean `--frames`? See reference: https://www.remotion.dev/docs/cli/');
             process.exit(1);
         }
-        remotion_1.Internals.setStillFrame(Number(exports.parsedCli.frame));
+        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.');
-        remotion_1.Config.Output.setImageSequence(true);
-        remotion_1.Config.Rendering.setImageFormat('png');
+        config_1.Config.Output.setImageSequence(true);
+        config_1.Config.Rendering.setImageFormat('png');
     }
     if (exports.parsedCli.sequence) {
-        remotion_1.Config.Output.setImageSequence(true);
+        config_1.Config.Output.setImageSequence(true);
     }
     if (typeof exports.parsedCli.crf !== 'undefined') {
-        remotion_1.Config.Output.setCrf(exports.parsedCli.crf);
+        config_1.Config.Output.setCrf(exports.parsedCli.crf);
     }
     if (exports.parsedCli.codec) {
-        remotion_1.Config.Output.setCodec(exports.parsedCli.codec);
+        config_1.Config.Output.setCodec(exports.parsedCli.codec);
     }
     if (exports.parsedCli['every-nth-frame']) {
-        remotion_1.Config.Rendering.setEveryNthFrame(exports.parsedCli['every-nth-frame']);
+        config_1.Config.Rendering.setEveryNthFrame(exports.parsedCli['every-nth-frame']);
     }
     if (exports.parsedCli.gl) {
-        remotion_1.Config.Puppeteer.setChromiumOpenGlRenderer(exports.parsedCli.gl);
+        config_1.Config.Puppeteer.setChromiumOpenGlRenderer(exports.parsedCli.gl);
     }
     if (exports.parsedCli['prores-profile']) {
-        remotion_1.Config.Output.setProResProfile(String(exports.parsedCli['prores-profile']));
+        config_1.Config.Output.setProResProfile(String(exports.parsedCli['prores-profile']));
     }
     if (exports.parsedCli.overwrite) {
-        remotion_1.Config.Output.setOverwriteOutput(exports.parsedCli.overwrite);
+        config_1.Config.Output.setOverwriteOutput(exports.parsedCli.overwrite);
     }
     if (typeof exports.parsedCli.quality !== 'undefined') {
-        remotion_1.Config.Rendering.setQuality(exports.parsedCli.quality);
+        config_1.Config.Rendering.setQuality(exports.parsedCli.quality);
     }
     if (typeof exports.parsedCli.scale !== 'undefined') {
-        remotion_1.Config.Rendering.setScale(exports.parsedCli.scale);
+        config_1.Config.Rendering.setScale(exports.parsedCli.scale);
     }
     if (typeof exports.parsedCli.port !== 'undefined') {
-        remotion_1.Config.Bundling.setPort(exports.parsedCli.port);
+        config_1.Config.Bundling.setPort(exports.parsedCli.port);
     }
 };
 exports.parseCommandLine = parseCommandLine;

package/dist/preview-server/error-overlay/react-overlay/effects/map-error-to-react-stack.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getLocationFromBuildError = void 0;
-const remotion_1 = require("remotion");
+const truthy_1 = require("../../../../truthy");
 const getLocationFromBuildError = (err) => {
     var _a;
     if (!err.stack) {
@@ -41,6 +41,6 @@ const getLocationFromBuildError = (err) => {
             fileName: filename.trim(),
         };
     })
-        .filter(remotion_1.Internals.truthy)[0]) !== null && _a !== void 0 ? _a : null);
+        .filter(truthy_1.truthy)[0]) !== null && _a !== void 0 ? _a : null);
 };
 exports.getLocationFromBuildError = getLocationFromBuildError;

package/dist/preview-server/error-overlay/react-overlay/utils/get-file-source.d.ts

@@ -1 +1 @@
-export declare const getFileSource: (p: string) => Promise<string>;
+export declare const getFileSource: (remotionRoot: string, p: string) => Promise<string>;

package/dist/preview-server/error-overlay/react-overlay/utils/get-file-source.js

@@ -7,12 +7,12 @@ exports.getFileSource = void 0;
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const allowedFileExtensions = ['js', 'ts', 'tsx', 'jsx', 'map', 'mjs'];
-const getFileSource = (p) => {
+const getFileSource = (remotionRoot, p) => {
     if (!allowedFileExtensions.find((extension) => p.endsWith(extension))) {
         throw new Error(`Not allowed to open ${p}`);
     }
-    const resolved = path_1.default.resolve(process.cwd(), p);
-    const relativeToProcessCwd = path_1.default.relative(process.cwd(), resolved);
+    const resolved = path_1.default.resolve(remotionRoot, p);
+    const relativeToProcessCwd = path_1.default.relative(remotionRoot, resolved);
     if (relativeToProcessCwd.startsWith('..')) {
         throw new Error(`Not allowed to open ${relativeToProcessCwd}`);
     }

package/dist/preview-server/fast-refresh/helpers.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Source code is adapted from https://github.com/WebHotelier/webpack-fast-refresh#readme and rewritten in Typescript. This file is MIT licensed.
+ */
+/**
+ * MIT License
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+declare function registerExportsForReactRefresh(moduleExports: unknown, moduleID: unknown): void;
+declare function isReactRefreshBoundary(moduleExports: unknown): boolean;
+declare function shouldInvalidateReactRefreshBoundary(prevExports: unknown, nextExports: unknown): boolean;
+declare function getRefreshBoundarySignature(moduleExports: unknown): any[];
+declare function scheduleUpdate(): void;
+declare const _default: {
+    registerExportsForReactRefresh: typeof registerExportsForReactRefresh;
+    isReactRefreshBoundary: typeof isReactRefreshBoundary;
+    shouldInvalidateReactRefreshBoundary: typeof shouldInvalidateReactRefreshBoundary;
+    getRefreshBoundarySignature: typeof getRefreshBoundarySignature;
+    scheduleUpdate: typeof scheduleUpdate;
+};
+export default _default;

package/dist/preview-server/fast-refresh/helpers.js

@@ -0,0 +1,145 @@
+"use strict";
+/**
+ * Source code is adapted from https://github.com/WebHotelier/webpack-fast-refresh#readme and rewritten in Typescript. This file is MIT licensed.
+ */
+/**
+ * MIT License
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+// This file is copied from the Metro JavaScript bundler, with minor tweaks for
+// webpack compatibility.
+//
+// https://github.com/facebook/metro/blob/d6b9685c730d0d63577db40f41369157f28dfa3a/packages/metro/src/lib/polyfills/require.js
+const RefreshRuntime = require('react-refresh/runtime');
+function isSafeExport(key) {
+    return (key === '__esModule' ||
+        key === '__N_SSG' ||
+        key === '__N_SSP' ||
+        key === 'config');
+}
+function registerExportsForReactRefresh(moduleExports, moduleID) {
+    RefreshRuntime.register(moduleExports, moduleID + ' %exports%');
+    if (moduleExports === null ||
+        moduleExports === undefined ||
+        typeof moduleExports !== 'object') {
+        // Exit if we can't iterate over exports.
+        // (This is important for legacy environments.)
+        return;
+    }
+    for (const key in moduleExports) {
+        if (isSafeExport(key)) {
+            continue;
+        }
+        // @ts-expect-error
+        const exportValue = moduleExports[key];
+        const typeID = moduleID + ' %exports% ' + key;
+        RefreshRuntime.register(exportValue, typeID);
+    }
+}
+function isReactRefreshBoundary(moduleExports) {
+    if (RefreshRuntime.isLikelyComponentType(moduleExports)) {
+        return true;
+    }
+    if (moduleExports === null ||
+        moduleExports === undefined ||
+        typeof moduleExports !== 'object') {
+        // Exit if we can't iterate over exports.
+        return false;
+    }
+    let hasExports = false;
+    let areAllExportsComponents = true;
+    for (const key in moduleExports) {
+        hasExports = true;
+        if (isSafeExport(key)) {
+            continue;
+        }
+        // @ts-expect-error
+        const exportValue = moduleExports[key];
+        if (!RefreshRuntime.isLikelyComponentType(exportValue)) {
+            areAllExportsComponents = false;
+        }
+    }
+    return hasExports && areAllExportsComponents;
+}
+function shouldInvalidateReactRefreshBoundary(prevExports, nextExports) {
+    const prevSignature = getRefreshBoundarySignature(prevExports);
+    const nextSignature = getRefreshBoundarySignature(nextExports);
+    if (prevSignature.length !== nextSignature.length) {
+        return true;
+    }
+    for (let i = 0; i < nextSignature.length; i++) {
+        if (prevSignature[i] !== nextSignature[i]) {
+            return true;
+        }
+    }
+    return false;
+}
+function getRefreshBoundarySignature(moduleExports) {
+    const signature = [];
+    signature.push(RefreshRuntime.getFamilyByType(moduleExports));
+    if (moduleExports === null ||
+        moduleExports === undefined ||
+        typeof moduleExports !== 'object') {
+        // Exit if we can't iterate over exports.
+        // (This is important for legacy environments.)
+        return signature;
+    }
+    for (const key in moduleExports) {
+        if (isSafeExport(key)) {
+            continue;
+        }
+        // @ts-expect-error
+        const exportValue = moduleExports[key];
+        signature.push(key);
+        signature.push(RefreshRuntime.getFamilyByType(exportValue));
+    }
+    return signature;
+}
+function scheduleUpdate() {
+    var _a, _b;
+    const execute = () => {
+        try {
+            RefreshRuntime.performReactRefresh();
+        }
+        catch (err) {
+            console.warn('Warning: Failed to re-render. We will retry on the next Fast Refresh event.\n' +
+                err);
+        }
+    };
+    // Only trigger refresh if the webpack HMR state is idle
+    if (((_a = module.hot) === null || _a === void 0 ? void 0 : _a.status()) === 'idle') {
+        return;
+    }
+    (_b = module.hot) === null || _b === void 0 ? void 0 : _b.addStatusHandler((status) => {
+        if (status === 'idle') {
+            execute();
+        }
+    });
+}
+exports.default = {
+    registerExportsForReactRefresh,
+    isReactRefreshBoundary,
+    shouldInvalidateReactRefreshBoundary,
+    getRefreshBoundarySignature,
+    scheduleUpdate,
+};

package/dist/preview-server/fast-refresh/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Source code is adapted from https://github.com/WebHotelier/webpack-fast-refresh#readme and rewritten in Typescript. This file is MIT licensed.
+ */
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2020 Vercel, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+import webpack from 'webpack';
+export declare class ReactFreshWebpackPlugin {
+    apply(compiler: webpack.Compiler): void;
+}

package/dist/preview-server/fast-refresh/index.js

@@ -0,0 +1,86 @@
+"use strict";
+/**
+ * Source code is adapted from https://github.com/WebHotelier/webpack-fast-refresh#readme and rewritten in Typescript. This file is MIT licensed.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactFreshWebpackPlugin = void 0;
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2020 Vercel, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+// This file is copied from the @vercel/next.js, with removed TS annotations
+// minor tweaks, and removed all webpack v4-related functionality
+//
+// https://github.com/vercel/next.js/blob/canary/packages/react-refresh-utils/ReactRefreshWebpackPlugin.ts
+const webpack_1 = require("webpack");
+class ReactRefreshRuntimeModule extends webpack_1.RuntimeModule {
+    constructor() {
+        super('react refresh', 5);
+    }
+    generate() {
+        const { runtimeTemplate } = this.compilation;
+        return webpack_1.Template.asString([
+            `${webpack_1.RuntimeGlobals.interceptModuleExecution}.push(${runtimeTemplate.basicFunction('options', [
+                `const originalFactory = options.factory;`,
+                `options.factory = ${runtimeTemplate.basicFunction('moduleObject, moduleExports, webpackRequire', [
+                    // Legacy CSS implementations will `eval` browser code in a Node.js
+                    // context to extract CSS. For backwards compatibility, we need to check
+                    // we're in a browser context before continuing.
+                    `const hasRefresh = typeof self !== "undefined" && !!self.$RefreshInterceptModuleExecution$;`,
+                    `const cleanup = hasRefresh ? self.$RefreshInterceptModuleExecution$(moduleObject.id) : () => {};`,
+                    'try {',
+                    webpack_1.Template.indent('originalFactory.call(this, moduleObject, moduleExports, webpackRequire);'),
+                    '} finally {',
+                    webpack_1.Template.indent(`cleanup();`),
+                    '}',
+                ])}`,
+            ])})`,
+        ]);
+    }
+}
+class ReactFreshWebpackPlugin {
+    apply(compiler) {
+        const webpackMajorVersion = parseInt(webpack_1.version !== null && webpack_1.version !== void 0 ? webpack_1.version : '', 10);
+        if (webpackMajorVersion < 5) {
+            throw new Error(`ReactFreshWebpackPlugin does not support webpack v${webpackMajorVersion}.`);
+        }
+        compiler.hooks.compilation.tap(this.constructor.name, (compilation) => {
+            compilation.mainTemplate.hooks.localVars.tap(this.constructor.name, (source) => webpack_1.Template.asString([
+                source,
+                '',
+                '// noop fns to prevent runtime errors during initialization',
+                'if (typeof self !== "undefined") {',
+                webpack_1.Template.indent('self.$RefreshReg$ = function () {};'),
+                webpack_1.Template.indent('self.$RefreshSig$ = function () {'),
+                webpack_1.Template.indent(webpack_1.Template.indent('return function (type) {')),
+                webpack_1.Template.indent(webpack_1.Template.indent(webpack_1.Template.indent('return type;'))),
+                webpack_1.Template.indent(webpack_1.Template.indent('};')),
+                webpack_1.Template.indent('};'),
+                '}',
+            ]));
+            compilation.hooks.additionalTreeRuntimeRequirements.tap(this.constructor.name, (chunk) => {
+                compilation.addRuntimeModule(chunk, new ReactRefreshRuntimeModule());
+            });
+        });
+    }
+}
+exports.ReactFreshWebpackPlugin = ReactFreshWebpackPlugin;

package/dist/preview-server/fast-refresh/loader.d.ts

@@ -0,0 +1,35 @@
+/**
+ * ⚠️ Be careful when refactoring this file!
+ * This gets injected into every file of the browser.
+ * You cannot have returns, optional chains, inverse the if statement etc.
+ * Check the Typescript output in dist/ to see that no extra `var` statements were produced
+ */
+/**
+ * Source code is adapted from https://github.com/WebHotelier/webpack-fast-refresh#readme and rewritten in Typescript. This file is MIT licensed.
+ */
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2020 Vercel, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+import { LoaderDefinition } from 'webpack';
+declare const ReactRefreshLoader: LoaderDefinition;
+export default ReactRefreshLoader;