@remotion/cli 3.1.5 → 3.1.8

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

@@ -0,0 +1,81 @@
+"use strict";
+/**
+ * ⚠️ 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+// This file is copied from the @vercel/next.js, with removed TS annotations
+//
+// https://github.com/vercel/next.js/blob/canary/packages/react-refresh-utils/loader.ts
+// This function gets unwrapped into global scope, which is why we don't invert
+// if-blocks. Also, you cannot use `return`.
+function RefreshModuleRuntime() {
+    // 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.
+    if (typeof self !== 'undefined' &&
+        // AMP / No-JS mode does not inject these helpers:
+        '$RefreshHelpers$' in self) {
+        // @ts-expect-error
+        // eslint-disable-next-line no-proto
+        const currentExports = module.__proto__.exports;
+        let prevExports = null;
+        // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
+        if (module.hot && module.hot.data && module.hot.data.prevExports) {
+            prevExports = module.hot.data.prevExports;
+        }
+        // This cannot happen in MainTemplate because the exports mismatch between
+        // templating and execution.
+        self.$RefreshHelpers$.registerExportsForReactRefresh(currentExports, module.id);
+        // A module can be accepted automatically based on its exports, e.g. when
+        // it is a Refresh Boundary.
+        if (self.$RefreshHelpers$.isReactRefreshBoundary(currentExports)) {
+            // Save the previous exports on update so we can compare the boundary
+            // signatures.
+            module.hot.dispose((data) => {
+                data.prevExports = currentExports;
+            });
+            // Unconditionally accept an update to this module, we'll check if it's
+            // still a Refresh Boundary later.
+            module.hot.accept();
+            // This field is set when the previous version of this module was a
+            // Refresh Boundary, letting us know we need to check for invalidation or
+            // enqueue an update.
+            if (prevExports !== null) {
+                // A boundary can become ineligible if its exports are incompatible
+                // with the previous exports.
+                //
+                // For example, if you add/remove/change exports, we'll want to
+                // re-execute the importing modules, and force those components to
+                // re-render. Similarly, if you convert a class component to a
+                // function, we want to invalidate the boundary.
+                if (self.$RefreshHelpers$.shouldInvalidateReactRefreshBoundary(prevExports, currentExports)) {
+                    // @ts-expect-error
+                    module.hot.invalidate();
+                }
+                else {
+                    self.$RefreshHelpers$.scheduleUpdate();
+                }
+            }
+        }
+        else {
+            // Since we just executed the code for the module, it's possible that the
+            // new exports made it ineligible for being a boundary.
+            // We only care about the case when we were _previously_ a boundary,
+            // because we already accepted this update (accidental side effect).
+            const isNoLongerABoundary = prevExports !== null;
+            if (isNoLongerABoundary) {
+                // @ts-expect-error
+                module.hot.invalidate();
+            }
+        }
+    }
+}
+let refreshModuleRuntime = RefreshModuleRuntime.toString();
+refreshModuleRuntime = refreshModuleRuntime.slice(refreshModuleRuntime.indexOf('{') + 1, refreshModuleRuntime.lastIndexOf('}'));
+const ReactRefreshLoader = function (source, inputSourceMap) {
+    this.callback(null, `${source}\n\n;${refreshModuleRuntime}`, inputSourceMap);
+};
+exports.default = ReactRefreshLoader;

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

@@ -0,0 +1,35 @@
+/**
+ * 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.
+ */
+declare global {
+    interface Window {
+        $RefreshReg$: (type: string, id?: string) => void;
+        $RefreshSig$: () => (type: string) => unknown;
+        $RefreshHelpers$: typeof RefreshHelpers;
+        $RefreshInterceptModuleExecution$: (webpackId: unknown) => () => void;
+    }
+}
+import RefreshHelpers from './helpers';

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

@@ -0,0 +1,32 @@
+"use strict";
+/**
+ * Source code is adapted from https://github.com/WebHotelier/webpack-fast-refresh#readme and rewritten in Typescript. This file is MIT licensed.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const RefreshRuntime = require('react-refresh/runtime');
+const helpers_1 = __importDefault(require("./helpers"));
+// Hook into ReactDOM initialization
+RefreshRuntime.injectIntoGlobalHook(self);
+// noop fns to prevent runtime errors during initialization
+self.$RefreshReg$ = () => undefined;
+self.$RefreshSig$ = () => (type) => type;
+// Register global helpers
+self.$RefreshHelpers$ = helpers_1.default;
+// Register a helper for module execution interception
+self.$RefreshInterceptModuleExecution$ = function (webpackModuleId) {
+    const prevRefreshReg = self.$RefreshReg$;
+    const prevRefreshSig = self.$RefreshSig$;
+    self.$RefreshReg$ = (type, id) => {
+        RefreshRuntime.register(type, webpackModuleId + ' ' + id);
+    };
+    self.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;
+    // Modeled after `useEffect` cleanup pattern:
+    // https://reactjs.org/docs/hooks-effect.html#effects-with-cleanup
+    return () => {
+        self.$RefreshReg$ = prevRefreshReg;
+        self.$RefreshSig$ = prevRefreshSig;
+    };
+};

package/dist/preview-server/get-package-manager.d.ts

@@ -5,5 +5,5 @@ declare type LockfilePath = {
     installCommand: string;
 };
 export declare const lockFilePaths: LockfilePath[];
-export declare const getPackageManager: () => LockfilePath | 'unknown';
+export declare const getPackageManager: (remotionRoot: string) => LockfilePath | 'unknown';
 export {};

package/dist/preview-server/get-package-manager.js

@@ -19,8 +19,8 @@ exports.lockFilePaths = [
         installCommand: 'pnpm i',
     },
 ];
-const getPackageManager = () => {
-    const existingPkgManagers = exports.lockFilePaths.filter((p) => fs_1.default.existsSync(path_1.default.join(process.cwd(), p.path)));
+const getPackageManager = (remotionRoot) => {
+    const existingPkgManagers = exports.lockFilePaths.filter((p) => fs_1.default.existsSync(path_1.default.join(remotionRoot, p.path)));
     if (existingPkgManagers.length === 0) {
         return 'unknown';
     }

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

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

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

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getProjectInfo = void 0;
 const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
-const getProjectInfo = () => {
+const getProjectInfo = (remotionRoot) => {
     var _a;
     const pathsToLookFor = ['src/Video.tsx', 'src/Video.jsx'].map((p) => {
-        return path_1.default.join(process.cwd(), p);
+        return path_1.default.join(remotionRoot, 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)
+            ? path_1.default.relative(remotionRoot, videoFile)
             : null,
     });
 };

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

@@ -1,10 +1,11 @@
 import type { IncomingMessage, ServerResponse } from 'http';
 import type { LiveEventsServer } from './live-events';
-export declare const handleRoutes: ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, }: {
+export declare const handleRoutes: ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, remotionRoot, }: {
     hash: string;
     hashPrefix: string;
     request: IncomingMessage;
     response: ServerResponse;
     liveEventsServer: LiveEventsServer;
     getCurrentInputProps: () => object;
+    remotionRoot: string;
 }) => void | Promise<void>;

package/dist/preview-server/routes.js

@@ -13,8 +13,8 @@ const open_in_editor_1 = require("./error-overlay/react-overlay/utils/open-in-ed
 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)();
+const handleUpdate = async (remotionRoot, _, response) => {
+    const data = await (0, update_available_1.isUpdateAvailableWithTimeout)(remotionRoot);
     response.setHeader('content-type', 'application/json');
     response.writeHead(200);
     response.end(JSON.stringify(data));
@@ -24,20 +24,26 @@ 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, getCurrentInputProps) => {
+const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputProps, }) => {
     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);
-    response.end(bundler_1.BundlerInternals.indexHtml(hash, '/', displayName, getCurrentInputProps()));
+    response.end(bundler_1.BundlerInternals.indexHtml({
+        staticHash: hash,
+        baseDir: '/',
+        editorName: displayName,
+        inputProps: getCurrentInputProps(),
+        remotionRoot,
+    }));
 };
-const handleProjectInfo = async (_, response) => {
-    const data = await (0, project_info_1.getProjectInfo)();
+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 (search, _, response) => {
+const handleFileSource = async (remotionRoot, search, _, response) => {
     if (!search.startsWith('?')) {
         throw new Error('query must start with ?');
     }
@@ -46,12 +52,12 @@ const handleFileSource = async (search, _, response) => {
     if (typeof f !== 'string') {
         throw new Error('must pass `f` parameter');
     }
-    const data = await (0, get_file_source_1.getFileSource)(decodeURIComponent(f));
+    const data = await (0, get_file_source_1.getFileSource)(remotionRoot, decodeURIComponent(f));
     response.writeHead(200);
     response.write(data);
     return response.end();
 };
-const handleOpenInEditor = async (req, res) => {
+const handleOpenInEditor = async (remotionRoot, req, res) => {
     try {
         const b = await new Promise((_resolve) => {
             let data = '';
@@ -71,7 +77,7 @@ const handleOpenInEditor = async (req, res) => {
         const didOpen = await (0, open_in_editor_1.launchEditor)({
             colNumber: stack.originalColumnNumber,
             editor: guess[0],
-            fileName: path_1.default.resolve(process.cwd(), stack.originalFileName),
+            fileName: path_1.default.resolve(remotionRoot, stack.originalFileName),
             lineNumber: stack.originalLineNumber,
             vsCodeNewWindow: false,
         });
@@ -99,19 +105,19 @@ const handleFavicon = (_, response) => {
     const readStream = (0, fs_1.createReadStream)(filePath);
     readStream.pipe(response);
 };
-const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, }) => {
+const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, remotionRoot, }) => {
     const url = new URL(request.url, 'http://localhost');
     if (url.pathname === '/api/update') {
-        return handleUpdate(request, response);
+        return handleUpdate(remotionRoot, request, response);
     }
     if (url.pathname === '/api/project-info') {
-        return handleProjectInfo(request, response);
+        return handleProjectInfo(remotionRoot, request, response);
     }
     if (url.pathname === '/api/file-source') {
-        return handleFileSource(url.search, request, response);
+        return handleFileSource(remotionRoot, url.search, request, response);
     }
     if (url.pathname === '/api/open-in-editor') {
-        return handleOpenInEditor(request, response);
+        return handleOpenInEditor(remotionRoot, request, response);
     }
     if (url.pathname === '/remotion.png') {
         return handleFavicon(request, response);
@@ -120,12 +126,17 @@ const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, g
         return liveEventsServer.router(request, response);
     }
     if (url.pathname.startsWith(hash)) {
-        const root = path_1.default.join(process.cwd(), 'public');
+        const root = path_1.default.join(remotionRoot, 'public');
         return (0, serve_static_1.serveStatic)(root, hash, request, response);
     }
     if (url.pathname.startsWith(hashPrefix)) {
         return static404(response);
     }
-    return handleFallback(hash, request, response, getCurrentInputProps);
+    return handleFallback({
+        remotionRoot,
+        hash,
+        response,
+        getCurrentInputProps,
+    });
 };
 exports.handleRoutes = handleRoutes;

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

@@ -6,6 +6,7 @@ export declare const startServer: (entry: string, userDefinedComponent: string,
     envVariables?: Record<string, string>;
     port: number | null;
     maxTimelineTracks?: number;
+    remotionRoot: string;
 }) => Promise<{
     port: number;
     liveEventsServer: LiveEventsServer;

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

@@ -11,7 +11,7 @@ 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 config_1 = require("../config");
 const dev_middleware_1 = require("./dev-middleware");
 const hot_middleware_1 = require("./hot-middleware");
 const live_events_1 = require("./live-events");
@@ -24,13 +24,14 @@ const startServer = async (entry, userDefinedComponent, options) => {
         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(),
+        webpackOverride: (_a = options === null || options === void 0 ? void 0 : options.webpackOverride) !== null && _a !== void 0 ? _a : config_1.ConfigInternals.getWebpackOverrideFn(),
         envVariables: (_b = options === null || options === void 0 ? void 0 : options.envVariables) !== null && _b !== void 0 ? _b : {},
         maxTimelineTracks: (_c = options === null || options === void 0 ? void 0 : options.maxTimelineTracks) !== null && _c !== void 0 ? _c : 15,
         entryPoints: [
             require.resolve('./hot-middleware/client'),
             require.resolve('./error-overlay/entry-basic.js'),
         ],
+        remotionRoot: options.remotionRoot,
     });
     const compiler = (0, bundler_1.webpack)(config);
     const hashPrefix = '/static-';
@@ -59,6 +60,7 @@ const startServer = async (entry, userDefinedComponent, options) => {
                 response,
                 liveEventsServer,
                 getCurrentInputProps: options.getCurrentInputProps,
+                remotionRoot: options.remotionRoot,
             });
         })
             .catch((err) => {

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

@@ -0,0 +1 @@
+export declare const indexHtml: (staticHash: string, baseDir: string, editorName: string | null) => string;

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

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.indexHtml = void 0;
+const path_1 = __importDefault(require("path"));
+const indexHtml = (staticHash, baseDir, editorName) => `
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<link rel="preconnect" href="https://fonts.gstatic.com" />
+		<link rel="icon" type="image/png" href="/remotion.png" />
+		<title>Remotion Preview</title>
+	</head>
+	<body>
+    <script>window.remotion_staticBase = "${staticHash}";</script>
+		<div id="video-container"></div>
+		<div id="explainer-container"></div>
+		${editorName
+    ? `<script>window.remotion_editorName = "${editorName}";</script>`
+    : '<script>window.remotion_editorName = null;</script>'}
+		<script>window.remotion_projectName = ${JSON.stringify(path_1.default.basename(process.cwd()))};</script>
+		<script>window.remotion_cwd = ${JSON.stringify(process.cwd())};</script>
+		
+		<div id="container"></div>
+		<div id="menuportal-0"></div>
+		<div id="menuportal-1"></div>
+		<div id="menuportal-2"></div>
+		<div id="menuportal-3"></div>
+		<div id="menuportal-4"></div>
+		<div id="menuportal-5"></div>
+		<div id="remotion-error-overlay"></div>
+		<script src="${baseDir}bundle.js"></script>
+	</body>
+</html>
+`.trim();
+exports.indexHtml = indexHtml;

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

@@ -7,5 +7,5 @@ declare type Info = {
     packageManager: PackageManager | 'unknown';
 };
 export declare const getRemotionVersion: () => any;
-export declare const isUpdateAvailableWithTimeout: () => Promise<Info>;
+export declare const isUpdateAvailableWithTimeout: (remotionRoot: string) => Promise<Info>;
 export {};

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

@@ -7,9 +7,9 @@ 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 isUpdateAvailable = async ({ remotionRoot, currentVersion, }) => {
     const latest = await (0, get_latest_remotion_version_1.getLatestRemotionVersion)();
-    const pkgManager = (0, get_package_manager_1.getPackageManager)();
+    const pkgManager = (0, get_package_manager_1.getPackageManager)(remotionRoot);
     return {
         updateAvailable: semver_1.default.lt(currentVersion, latest),
         currentVersion,
@@ -25,10 +25,10 @@ const getRemotionVersion = () => {
     return version;
 };
 exports.getRemotionVersion = getRemotionVersion;
-const isUpdateAvailableWithTimeout = () => {
+const isUpdateAvailableWithTimeout = (remotionRoot) => {
     const version = (0, exports.getRemotionVersion)();
     const threeSecTimeout = new Promise((resolve) => {
-        const pkgManager = (0, get_package_manager_1.getPackageManager)();
+        const pkgManager = (0, get_package_manager_1.getPackageManager)(remotionRoot);
         setTimeout(() => {
             resolve({
                 currentVersion: version,
@@ -39,6 +39,9 @@ const isUpdateAvailableWithTimeout = () => {
             });
         }, 3000);
     });
-    return Promise.race([threeSecTimeout, isUpdateAvailable(version)]);
+    return Promise.race([
+        threeSecTimeout,
+        isUpdateAvailable({ remotionRoot, currentVersion: version }),
+    ]);
 };
 exports.isUpdateAvailableWithTimeout = isUpdateAvailableWithTimeout;

package/dist/preview-server/webpack-cache.d.ts

@@ -0,0 +1,12 @@
+declare type Environment = 'development' | 'production';
+declare global {
+    namespace NodeJS {
+        interface ProcessVersions {
+            pnp?: string;
+        }
+    }
+}
+export declare const clearCache: (environment: Environment, inputProps: object | null) => Promise<void>;
+export declare const getWebpackCacheName: (environment: Environment, inputProps: object | null) => string;
+export declare const cacheExists: (environment: Environment, inputProps: object | null) => boolean;
+export {};

package/dist/preview-server/webpack-cache.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cacheExists = exports.getWebpackCacheName = exports.clearCache = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const remotion_1 = require("remotion");
+// Inlined from https://github.com/webpack/webpack/blob/4c2ee7a4ddb8db2362ca83b6c4190523387ba7ee/lib/config/defaults.js#L265
+// An algorithm to determine where Webpack will cache the depencies
+const getWebpackCacheDir = () => {
+    const cwd = process.cwd();
+    let dir = cwd;
+    for (;;) {
+        try {
+            if (fs_1.default.statSync(path_1.default.join(dir, 'package.json')).isFile()) {
+                break;
+            }
+            // eslint-disable-next-line no-empty
+        }
+        catch (e) { }
+        const parent = path_1.default.dirname(dir);
+        if (dir === parent) {
+            dir = undefined;
+            break;
+        }
+        dir = parent;
+    }
+    if (!dir) {
+        return path_1.default.resolve(cwd, '.cache/webpack');
+    }
+    if (process.versions.pnp === '1') {
+        return path_1.default.resolve(dir, '.pnp/.cache/webpack');
+    }
+    if (process.versions.pnp === '3') {
+        return path_1.default.resolve(dir, '.yarn/.cache/webpack');
+    }
+    return path_1.default.resolve(dir, 'node_modules/.cache/webpack');
+};
+const remotionCacheLocation = (environment, inputProps) => {
+    return path_1.default.join(getWebpackCacheDir(), (0, exports.getWebpackCacheName)(environment, inputProps));
+};
+const clearCache = (environment, inputProps) => {
+    var _a;
+    return ((_a = fs_1.default.promises.rm) !== null && _a !== void 0 ? _a : fs_1.default.promises.rmdir)(remotionCacheLocation(environment, inputProps), {
+        recursive: true,
+    });
+};
+exports.clearCache = clearCache;
+const getWebpackCacheName = (environment, inputProps) => {
+    // In development, let's reset the cache when input props
+    // are changing, because they are injected using Webpack and if changed,
+    // it will get the cached version
+    if (environment === 'development') {
+        return `remotion-v3-${environment}-${(0, remotion_1.random)(JSON.stringify(inputProps))}`;
+    }
+    // In production, the cache is independent from input props because
+    // they are passed over URL params. Speed is mostly important in production.
+    return `remotion-v3-${environment}`;
+};
+exports.getWebpackCacheName = getWebpackCacheName;
+const cacheExists = (environment, inputProps) => {
+    return fs_1.default.existsSync(remotionCacheLocation(environment, inputProps));
+};
+exports.cacheExists = cacheExists;

package/dist/preview.d.ts

@@ -1 +1 @@
-export declare const previewCommand: () => Promise<void>;
+export declare const previewCommand: (remotionRoot: string) => Promise<void>;

package/dist/preview.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.previewCommand = void 0;
 const better_opn_1 = __importDefault(require("better-opn"));
 const path_1 = __importDefault(require("path"));
-const remotion_1 = require("remotion");
+const config_1 = require("./config");
 const get_env_1 = require("./get-env");
 const get_input_props_1 = require("./get-input-props");
 const initialize_render_cli_1 = require("./initialize-render-cli");
@@ -30,7 +30,7 @@ const waitForLiveEventsListener = () => {
         });
     });
 };
-const previewCommand = async () => {
+const previewCommand = async (remotionRoot) => {
     const file = parse_command_line_1.parsedCli._[1];
     if (!file) {
         log_1.Log.error('The preview command requires you to specify a root file. For example');
@@ -40,7 +40,7 @@ const previewCommand = async () => {
     }
     const { port: desiredPort } = parse_command_line_1.parsedCli;
     const fullPath = path_1.default.join(process.cwd(), file);
-    await (0, initialize_render_cli_1.initializeRenderCli)('preview');
+    await (0, initialize_render_cli_1.initializeRenderCli)(remotionRoot, 'preview');
     let inputProps = (0, get_input_props_1.getInputProps)((newProps) => {
         waitForLiveEventsListener().then((listener) => {
             inputProps = newProps;
@@ -55,7 +55,8 @@ const previewCommand = async () => {
         getCurrentInputProps: () => inputProps,
         envVariables,
         port: desiredPort,
-        maxTimelineTracks: remotion_1.Internals.getMaxTimelineTracks(),
+        maxTimelineTracks: config_1.ConfigInternals.getMaxTimelineTracks(),
+        remotionRoot,
     });
     setLiveEventsListener(liveEventsServer);
     (0, better_opn_1.default)(`http://localhost:${port}`);

package/dist/previewEntry.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const client_1 = __importDefault(require("react-dom/client"));
+// eslint-disable-next-line no-restricted-imports
 const remotion_1 = require("remotion");
 require("../styles/styles.css");
 const Editor_1 = require("./editor/components/Editor");

package/dist/progress-bar.d.ts

@@ -1,5 +1,4 @@
-import type { StitchingState } from '@remotion/renderer';
-import type { Codec } from 'remotion';
+import type { Codec, StitchingState } from '@remotion/renderer';
 import type { RenderStep } from './step';
 export declare const createProgressBar: (quiet: boolean) => {
     update: (str: string) => boolean;

package/dist/progress-bar.js

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeRenderingAndStitchingProgress = exports.makeStitchingProgress = exports.makeRenderingProgress = exports.makeBundlingProgress = exports.createOverwriteableCliOutput = exports.createProgressBar = void 0;
 const renderer_1 = require("@remotion/renderer");
-const remotion_1 = require("remotion");
 const ansi_diff_1 = require("./ansi/ansi-diff");
 const chalk_1 = require("./chalk");
+const config_1 = require("./config");
 const download_progress_1 = require("./download-progress");
 const make_progress_bar_1 = require("./make-progress-bar");
+const truthy_1 = require("./truthy");
 const createProgressBar = (quiet) => {
-    if (!remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'info')) {
+    if (!renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'info')) {
         return { update: () => false };
     }
     return (0, exports.createOverwriteableCliOutput)(quiet);
@@ -41,7 +42,7 @@ const makeRenderingProgress = ({ frames, totalFrames, steps, concurrency, doneIn
         `(${steps.indexOf('rendering') + 1}/${steps.length})`,
         (0, make_progress_bar_1.makeProgressBar)(progress),
         [doneIn ? 'Rendered' : 'Rendering', `frames (${concurrency}x)`]
-            .filter(remotion_1.Internals.truthy)
+            .filter(truthy_1.truthy)
             .join(' '),
         doneIn === null ? `${frames}/${totalFrames}` : chalk_1.chalk.gray(`${doneIn}ms`),
     ].join(' ');
@@ -65,7 +66,7 @@ const makeRenderingAndStitchingProgress = ({ rendering, stitching, downloads, })
         (0, download_progress_1.makeMultiDownloadProgress)(downloads),
         stitching === null ? null : (0, exports.makeStitchingProgress)(stitching),
     ]
-        .filter(remotion_1.Internals.truthy)
+        .filter(truthy_1.truthy)
         .join('\n');
 };
 exports.makeRenderingAndStitchingProgress = makeRenderingAndStitchingProgress;

package/dist/render.d.ts

@@ -1 +1 @@
-export declare const render: () => Promise<void>;
+export declare const render: (remotionRoot: string) => Promise<void>;