@remotion/cli 3.1.11 → 3.2.0

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

@@ -1,86 +0,0 @@
-"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

@@ -1,35 +0,0 @@
-/**
- * ⚠️ 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;

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

@@ -1,81 +0,0 @@
-"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

@@ -1,35 +0,0 @@
-/**
- * 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

@@ -1,32 +0,0 @@
-"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/static-preview.d.ts

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

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

@@ -1,40 +0,0 @@
-"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/webpack-cache.d.ts

@@ -1,12 +0,0 @@
-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

@@ -1,66 +0,0 @@
-"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/webpack-cache.d.ts

@@ -1,12 +0,0 @@
-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/webpack-cache.js

@@ -1,66 +0,0 @@
-"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;