@remotion/bundler 4.0.0-lambda.1 → 4.0.0-newpathfunctions.13

package/dist/read-recursively.js

@@ -0,0 +1,78 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.readRecursively = void 0;
+const fs_1 = __importStar(require("fs"));
+const path_1 = __importDefault(require("path"));
+const readRecursively = ({ folder, output = [], startPath, staticHash, limit, }) => {
+    const absFolder = path_1.default.join(startPath, folder);
+    if (!fs_1.default.existsSync(absFolder)) {
+        return [];
+    }
+    const files = fs_1.default.readdirSync(absFolder);
+    for (const file of files) {
+        if (output.length >= limit) {
+            break;
+        }
+        if (file.startsWith('.DS_Store')) {
+            continue;
+        }
+        const stat = (0, fs_1.statSync)(path_1.default.join(absFolder, file));
+        if (stat.isDirectory()) {
+            (0, exports.readRecursively)({
+                startPath,
+                folder: path_1.default.join(folder, file),
+                output,
+                staticHash,
+                limit,
+            });
+        }
+        else if (stat.isFile()) {
+            output.push({
+                name: path_1.default.join(folder, file),
+                lastModified: Math.floor(stat.mtimeMs),
+                sizeInBytes: stat.size,
+                src: staticHash + '/' + path_1.default.join(folder, file),
+            });
+        }
+        else if (stat.isSymbolicLink()) {
+            const realpath = fs_1.default.realpathSync(path_1.default.join(folder, file));
+            const realStat = fs_1.default.statSync(realpath);
+            if (realStat.isFile()) {
+                output.push({
+                    name: realpath,
+                    lastModified: Math.floor(realStat.mtimeMs),
+                    sizeInBytes: realStat.size,
+                    src: staticHash + '/' + realpath,
+                });
+            }
+        }
+    }
+    return output.sort((a, b) => a.name.localeCompare(b.name));
+};
+exports.readRecursively = readRecursively;

package/dist/renderEntry.d.ts

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

package/dist/renderEntry.js

@@ -15,6 +15,19 @@ const remotion_1 = require("remotion");
 const bundle_mode_1 = require("./bundle-mode");
 const homepage_1 = require("./homepage/homepage");
 remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaultCSS(null, '#fff'));
+const getCanSerializeDefaultProps = (object) => {
+    try {
+        const str = JSON.stringify(object);
+        // 256MB is the theoretical limit, making it throw if over 90% of that is reached.
+        return str.length < 256 * 1024 * 1024 * 0.9;
+    }
+    catch (err) {
+        if (err.message.includes('Invalid string length')) {
+            return false;
+        }
+        throw err;
+    }
+};
 const GetVideo = ({ state }) => {
     const video = remotion_1.Internals.useVideo();
     const compositions = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
@@ -34,6 +47,13 @@ const GetVideo = ({ state }) => {
                 throw new Error('Found no composition with the name ' + state.compositionName);
             }
             compositions.setCurrentComposition((_a = foundComposition === null || foundComposition === void 0 ? void 0 : foundComposition.id) !== null && _a !== void 0 ? _a : null);
+            compositions.setCurrentCompositionMetadata({
+                defaultProps: state.compositionDefaultProps,
+                durationInFrames: state.compositionDurationInFrames,
+                fps: state.compositionFps,
+                height: state.compositionHeight,
+                width: state.compositionWidth,
+            });
         }
     }, [compositions, compositions.compositions, state, video]);
     (0, react_1.useEffect)(() => {
@@ -75,7 +95,7 @@ let cleanupVideoContainer = () => {
 let cleanupExplainerContainer = () => {
     explainerContainer.innerHTML = '';
 };
-const waitForRootHandle = (0, remotion_1.delayRender)('Loading root component');
+const waitForRootHandle = (0, remotion_1.delayRender)('Loading root component - See https://remotion.dev/docs/troubleshooting/loading-root-component if you experience a timeout');
 const WaitForRoot = () => {
     const [Root, setRoot] = (0, react_1.useState)(() => remotion_1.Internals.getRoot());
     (0, react_1.useEffect)(() => {
@@ -96,7 +116,7 @@ const WaitForRoot = () => {
 const renderContent = () => {
     const bundleMode = (0, bundle_mode_1.getBundleMode)();
     if (bundleMode.type === 'composition' || bundleMode.type === 'evaluation') {
-        const markup = ((0, jsx_runtime_1.jsxs)(remotion_1.Internals.RemotionRoot, { children: [(0, jsx_runtime_1.jsx)(WaitForRoot, {}), (0, jsx_runtime_1.jsx)(GetVideo, { state: bundleMode })] }));
+        const markup = ((0, jsx_runtime_1.jsxs)(remotion_1.Internals.RemotionRoot, { numberOfAudioTags: 0, children: [(0, jsx_runtime_1.jsx)(WaitForRoot, {}), (0, jsx_runtime_1.jsx)(GetVideo, { state: bundleMode })] }));
         if (client_1.default.createRoot) {
             const root = client_1.default.createRoot(videoContainer);
             root.render(markup);
@@ -154,9 +174,19 @@ if (typeof window !== 'undefined') {
         if (!remotion_1.Internals.compositionsRef.current) {
             throw new Error('Unexpectedly did not have a CompositionManager');
         }
-        return remotion_1.Internals.compositionsRef.current
-            .getCompositions()
-            .map((c) => {
+        const compositions = remotion_1.Internals.compositionsRef.current.getCompositions();
+        const canSerializeDefaultProps = getCanSerializeDefaultProps(compositions);
+        if (!canSerializeDefaultProps) {
+            console.warn('defaultProps are too big to serialize - trying to find the problematic composition...');
+            for (const comp of compositions) {
+                if (!getCanSerializeDefaultProps(comp)) {
+                    throw new Error(`defaultProps too big - could not serialize - the defaultProps of composition with ID ${comp.id} - the object that was passed to defaultProps was too big. Learn how to mitigate this error by visiting https://remotion.dev/docs/troubleshooting/serialize-defaultprops`);
+                }
+            }
+            console.warn('Could not single out a problematic composition -  The composition list as a whole is too big to serialize.');
+            throw new Error('defaultProps too big - Could not serialize - an object that was passed to defaultProps was too big. Learn how to mitigate this error by visiting https://remotion.dev/docs/troubleshooting/serialize-defaultprops');
+        }
+        return compositions.map((c) => {
             return {
                 defaultProps: c.defaultProps,
                 durationInFrames: c.durationInFrames,
@@ -167,6 +197,7 @@ if (typeof window !== 'undefined') {
             };
         });
     };
-    window.siteVersion = '3';
+    window.siteVersion = '4';
+    window.remotion_version = remotion_1.VERSION;
     window.setBundleMode = exports.setBundleModeAndUpdate;
 }

package/dist/setup-environment.js

@@ -2,12 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const remotion_1 = require("remotion");
 remotion_1.Internals.setupEnvVariables();
-remotion_1.Internals.setupPuppeteerTimeout();
 remotion_1.Internals.CSSUtils.injectCSS(`
-  .css-reset * {
+  .css-reset, .css-reset * {
     font-size: 16px;
-    line-height: 1;
+    line-height: 1.5;
     color: white;
     font-family: Arial, Helvetica, sans-serif;
+    background: transparent;
+    box-sizing: border-box;
+  }
+
+  .algolia-docsearch-suggestion--highlight {
+    font-size: 15px;
+    line-height: 1.25;
   }
 `);

package/dist/stringify-with-circular-references.d.ts

@@ -0,0 +1 @@
+export declare const jsonStringifyWithCircularReferences: (circ: unknown) => string;

package/dist/stringify-with-circular-references.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.jsonStringifyWithCircularReferences = void 0;
+const jsonStringifyWithCircularReferences = (circ) => {
+    let seen = [];
+    const val = JSON.stringify(circ, (_, value) => {
+        if (typeof value === 'object' && value !== null && seen) {
+            if (seen.includes(value)) {
+                return '[Circular]';
+            }
+            seen.push(value);
+        }
+        return value;
+    });
+    seen = null;
+    return val;
+};
+exports.jsonStringifyWithCircularReferences = jsonStringifyWithCircularReferences;

package/dist/test/validate-bundle.test.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const bundle_1 = require("../bundle");
+(0, vitest_1.test)('Should reject bad bundle options', () => {
+    // @ts-expect-error
+    (0, vitest_1.expect)(() => (0, bundle_1.bundle)()).rejects.toThrow(/bundle\(\) was called without arguments/);
+    // @ts-expect-error
+    (0, vitest_1.expect)(() => (0, bundle_1.bundle)({})).rejects.toThrow(/bundle\(\) was called without the `entryPoint` option/);
+});

package/dist/test/validate-public-dir.test.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = __importDefault(require("path"));
+const vitest_1 = require("vitest");
+const validate_public_dir_1 = require("../validate-public-dir");
+(0, vitest_1.describe)('validatePublicDir()', () => {
+    (0, vitest_1.test)('Should not allow root directory as public dir.', () => {
+        (0, vitest_1.expect)(() => (0, validate_public_dir_1.validatePublicDir)(path_1.default.parse(process.cwd()).root)).toThrow(/which is the root directory. This is not allowed./);
+    });
+    (0, vitest_1.test)('Should not allow a path where the parent directory does not exist', () => {
+        const pathToPass = process.platform === 'win32' ? 'C:\\foo\\bar' : '/foo/bar';
+        const expectedParent = process.platform === 'win32' ? 'C:\\foo' : '/foo';
+        (0, vitest_1.expect)(() => (0, validate_public_dir_1.validatePublicDir)(pathToPass)).toThrow(`The public directory was specified as "${pathToPass}", but this folder does not exist and the parent directory "${expectedParent}" does also not exist.`);
+    });
+    (0, vitest_1.test)('Should allow /foo as a path since that directory can be created', () => {
+        (0, vitest_1.expect)(() => (0, validate_public_dir_1.validatePublicDir)(process.platform === 'win32' ? 'C:\\foo' : '/foo')).not.toThrow();
+    });
+});

package/dist/validate-public-dir.d.ts

@@ -0,0 +1 @@
+export declare const validatePublicDir: (p: string) => void;

package/dist/validate-public-dir.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validatePublicDir = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const validatePublicDir = (p) => {
+    const { root } = path_1.default.parse(process.cwd());
+    if (p === root) {
+        throw new Error(`The public directory was specified as "${p}", which is the root directory. This is not allowed.`);
+    }
+    try {
+        const stat = fs_1.default.lstatSync(p);
+        if (!stat.isDirectory()) {
+            throw new Error(`The public directory was specified as "${p}", and while this path exists on the filesystem, it is not a directory.`);
+        }
+    }
+    catch (e) {
+        // Path does not exist
+        // Check if the parent path exists
+        const parentPath = path_1.default.dirname(p);
+        const exists = fs_1.default.existsSync(parentPath);
+        if (!exists) {
+            throw new Error(`The public directory was specified as "${p}", but this folder does not exist and the parent directory "${parentPath}" does also not exist. Create at least the parent directory.`);
+        }
+    }
+};
+exports.validatePublicDir = validatePublicDir;

package/dist/webpack-cache.d.ts

@@ -1,4 +1,5 @@
 declare type Environment = 'development' | 'production';
+declare type CacheState = 'exists' | 'other-exists' | 'does-not-exist';
 declare global {
     namespace NodeJS {
         interface ProcessVersions {
@@ -6,7 +7,7 @@ declare global {
         }
     }
 }
-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 declare const clearCache: (remotionRoot: string) => Promise<void>;
+export declare const getWebpackCacheName: (environment: Environment, hash: string) => string;
+export declare const cacheExists: (remotionRoot: string, environment: Environment, hash: string) => CacheState;
 export {};

package/dist/webpack-cache.js

@@ -6,12 +6,10 @@ 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;
+const getWebpackCacheDir = (remotionRoot) => {
+    let dir = remotionRoot;
     for (;;) {
         try {
             if (fs_1.default.statSync(path_1.default.join(dir, 'package.json')).isFile()) {
@@ -28,7 +26,7 @@ const getWebpackCacheDir = () => {
         dir = parent;
     }
     if (!dir) {
-        return path_1.default.resolve(cwd, '.cache/webpack');
+        return path_1.default.resolve(remotionRoot, '.cache/webpack');
     }
     if (process.versions.pnp === '1') {
         return path_1.default.resolve(dir, '.pnp/.cache/webpack');
@@ -38,29 +36,47 @@ const getWebpackCacheDir = () => {
     }
     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 remotionCacheLocation = (remotionRoot, environment, hash) => {
+    return path_1.default.join(getWebpackCacheDir(remotionRoot), (0, exports.getWebpackCacheName)(environment, hash));
 };
-const clearCache = (environment, inputProps) => {
+const clearCache = (remotionRoot) => {
     var _a;
-    return ((_a = fs_1.default.promises.rm) !== null && _a !== void 0 ? _a : fs_1.default.promises.rmdir)(remotionCacheLocation(environment, inputProps), {
+    return ((_a = fs_1.default.promises.rm) !== null && _a !== void 0 ? _a : fs_1.default.promises.rmdir)(getWebpackCacheDir(remotionRoot), {
         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
+const getPrefix = (environment) => {
+    return `remotion-v4-${environment}`;
+};
+const getWebpackCacheName = (environment, hash) => {
     if (environment === 'development') {
-        return `remotion-v3-${environment}-${(0, remotion_1.random)(JSON.stringify(inputProps))}`;
+        return `${getPrefix(environment)}-${hash}`;
     }
     // 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}`;
+    return `${getPrefix(environment)}-${hash}`;
 };
 exports.getWebpackCacheName = getWebpackCacheName;
-const cacheExists = (environment, inputProps) => {
-    return fs_1.default.existsSync(remotionCacheLocation(environment, inputProps));
+const hasOtherCache = ({ remotionRoot, environment, }) => {
+    const cacheDir = fs_1.default.readdirSync(getWebpackCacheDir(remotionRoot));
+    if (cacheDir.find((c) => {
+        return c.startsWith(getPrefix(environment));
+    })) {
+        return true;
+    }
+    return false;
+};
+const cacheExists = (remotionRoot, environment, hash) => {
+    if (fs_1.default.existsSync(remotionCacheLocation(remotionRoot, environment, hash))) {
+        return 'exists';
+    }
+    if (!fs_1.default.existsSync(getWebpackCacheDir(remotionRoot))) {
+        return 'does-not-exist';
+    }
+    if (hasOtherCache({ remotionRoot, environment })) {
+        return 'other-exists';
+    }
+    return 'does-not-exist';
 };
 exports.cacheExists = cacheExists;

package/dist/webpack-config.d.ts

@@ -1,14 +1,16 @@
-import { WebpackConfiguration, WebpackOverrideFn } from 'remotion';
-export declare const webpackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgressUpdate, enableCaching, inputProps, envVariables, maxTimelineTracks, entryPoints, }: {
+import type { WebpackConfiguration, WebpackOverrideFn } from 'remotion';
+export declare const webpackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgress, enableCaching, envVariables, maxTimelineTracks, entryPoints, remotionRoot, keyboardShortcutsEnabled, poll, }: {
     entry: string;
     userDefinedComponent: string;
     outDir: string;
     environment: 'development' | 'production';
     webpackOverride: WebpackOverrideFn;
-    onProgressUpdate?: ((f: number) => void) | undefined;
+    onProgress?: ((f: number) => void) | undefined;
     enableCaching?: boolean | undefined;
-    inputProps: object;
     envVariables: Record<string, string>;
     maxTimelineTracks: number;
+    keyboardShortcutsEnabled: boolean;
     entryPoints: string[];
-}) => WebpackConfiguration;
+    remotionRoot: string;
+    poll: number | null;
+}) => [string, WebpackConfiguration];

package/dist/webpack-config.js

@@ -27,10 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.webpackConfig = void 0;
+const crypto_1 = require("crypto");
 const react_dom_1 = __importDefault(require("react-dom"));
 const remotion_1 = require("remotion");
 const webpack_1 = __importStar(require("webpack"));
 const fast_refresh_1 = require("./fast-refresh");
+const stringify_with_circular_references_1 = require("./stringify-with-circular-references");
 const webpack_cache_1 = require("./webpack-cache");
 const esbuild = require("esbuild");
 if (!react_dom_1.default || !react_dom_1.default.version) {
@@ -49,8 +51,8 @@ const esbuildLoaderOptions = {
 function truthy(value) {
     return Boolean(value);
 }
-const webpackConfig = ({ entry, userDefinedComponent, outDir, environment, webpackOverride = (f) => f, onProgressUpdate, enableCaching = remotion_1.Internals.DEFAULT_WEBPACK_CACHE_ENABLED, inputProps, envVariables, maxTimelineTracks, entryPoints, }) => {
-    return webpackOverride({
+const webpackConfig = ({ entry, userDefinedComponent, outDir, environment, webpackOverride = (f) => f, onProgress, enableCaching = true, envVariables, maxTimelineTracks, entryPoints, remotionRoot, keyboardShortcutsEnabled, poll, }) => {
+    const conf = webpackOverride({
         optimization: {
             minimize: false,
         },
@@ -62,18 +64,11 @@ const webpackConfig = ({ entry, userDefinedComponent, outDir, environment, webpa
                 },
         },
         watchOptions: {
+            poll: poll !== null && poll !== void 0 ? poll : undefined,
             aggregateTimeout: 0,
             ignored: ['**/.git/**', '**/node_modules/**'],
         },
-        cache: enableCaching
-            ? {
-                type: 'filesystem',
-                name: (0, webpack_cache_1.getWebpackCacheName)(environment, inputProps !== null && inputProps !== void 0 ? inputProps : {}),
-            }
-            : false,
-        devtool: environment === 'development'
-            ? 'cheap-module-source-map'
-            : 'cheap-module-source-map',
+        devtool: 'cheap-module-source-map',
         entry: [
             // Fast Refresh must come first,
             // because setup-environment imports ReactDOM.
@@ -94,14 +89,14 @@ const webpackConfig = ({ entry, userDefinedComponent, outDir, environment, webpa
                 new webpack_1.default.HotModuleReplacementPlugin(),
                 new webpack_1.default.DefinePlugin({
                     'process.env.MAX_TIMELINE_TRACKS': maxTimelineTracks,
-                    'process.env.INPUT_PROPS': JSON.stringify(inputProps !== null && inputProps !== void 0 ? inputProps : {}),
+                    'process.env.KEYBOARD_SHORTCUTS_ENABLED': keyboardShortcutsEnabled,
                     [`process.env.${remotion_1.Internals.ENV_VARIABLES_ENV_NAME}`]: JSON.stringify(envVariables),
                 }),
             ]
             : [
                 new webpack_1.ProgressPlugin((p) => {
-                    if (onProgressUpdate) {
-                        onProgressUpdate(Number((p * 100).toFixed(2)));
+                    if (onProgress) {
+                        onProgress(Number((p * 100).toFixed(2)));
                     }
                 }),
             ],
@@ -109,12 +104,11 @@ const webpackConfig = ({ entry, userDefinedComponent, outDir, environment, webpa
             hashFunction: 'xxhash64',
             globalObject: 'this',
             filename: 'bundle.js',
-            path: outDir,
             devtoolModuleFilenameTemplate: '[resource-path]',
             assetModuleFilename: environment === 'development' ? '[path][name][ext]' : '[hash][ext]',
         },
         resolve: {
-            extensions: ['.ts', '.tsx', '.js', '.jsx'],
+            extensions: ['.ts', '.tsx', '.web.js', '.js', '.jsx'],
             alias: {
                 // Only one version of react
                 'react/jsx-runtime': require.resolve('react/jsx-runtime'),
@@ -174,5 +168,26 @@ const webpackConfig = ({ entry, userDefinedComponent, outDir, environment, webpa
             ],
         },
     });
+    const hash = (0, crypto_1.createHash)('md5')
+        .update((0, stringify_with_circular_references_1.jsonStringifyWithCircularReferences)(conf))
+        .digest('hex');
+    return [
+        hash,
+        {
+            ...conf,
+            cache: enableCaching
+                ? {
+                    type: 'filesystem',
+                    name: (0, webpack_cache_1.getWebpackCacheName)(environment, hash),
+                    version: hash,
+                }
+                : false,
+            output: {
+                ...conf.output,
+                path: outDir,
+            },
+            context: remotionRoot,
+        },
+    ];
 };
 exports.webpackConfig = webpackConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/bundler",
-	"version": "4.0.0-lambda.1+5a0913230",
+	"version": "4.0.0-newpathfunctions.13+40cc970bd",
 	"description": "Bundler for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -13,55 +13,56 @@
 	"scripts": {
 		"lint": "eslint src --ext ts,tsx",
 		"build": "tsc -d",
-		"watch": "tsc -w"
+		"watch": "tsc -w",
+		"test": "vitest --run"
 	},
 	"files": [
 		"dist",
-		"web",
 		"react-shim.js"
 	],
 	"author": "",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
 		"css-loader": "5.2.7",
-		"esbuild": "0.14.19",
+		"esbuild": "0.16.12",
 		"react-refresh": "0.9.0",
-		"remotion": "4.0.0-lambda.1+5a0913230",
+		"remotion": "4.0.0-newpathfunctions.13+40cc970bd",
 		"style-loader": "2.0.0",
-		"webpack": "5.72.0"
+		"webpack": "5.74.0"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@jonny/eslint-config": "3.0.259",
+		"@jonny/eslint-config": "3.0.266",
 		"@types/node": "^16.7.5",
-		"@types/react": "18.0.1",
-		"@types/react-dom": "18.0.0",
+		"@types/react": "18.0.26",
+		"@types/react-dom": "18.0.10",
 		"@types/webpack-env": "^1.16.0",
 		"@typescript-eslint/eslint-plugin": "5.18.0",
 		"@typescript-eslint/parser": "5.18.0",
-		"eslint": "8.13.0",
+		"eslint": "8.25.0",
 		"eslint-plugin-10x": "1.5.2",
 		"eslint-plugin-react": "7.29.4",
 		"eslint-plugin-react-hooks": "4.4.0",
-		"prettier": "^2.0.5",
+		"prettier": "^2.7.1",
 		"prettier-plugin-organize-imports": "^2.3.4",
 		"react": "^18.0.0",
 		"react-dom": "^18.0.0",
-		"typescript": "^4.7.0"
+		"typescript": "^4.7.0",
+		"vitest": "0.24.3"
 	},
 	"keywords": [
 		"remotion",
 		"ffmpeg",
 		"video",
 		"react",
-		"puppeteer",
+		"webpack",
 		"player"
 	],
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "5a091323018b016b7c05adcd4d3d2a5c9df292a8"
+	"gitHead": "40cc970bd20f2c9fde0c1644f1c9f33cd47f3dc7"
 }

package/react-shim.js

@@ -1,3 +1,7 @@
 import * as React from 'react';
 
-window.React = React;
+if (typeof globalThis === 'undefined') {
+	window.React = React;
+} else {
+	globalThis.React = React;
+}

package/dist/bundle-mode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"bundle-mode.d.ts","sourceRoot":"","sources":["../src/bundle-mode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAMrC,eAAO,MAAM,aAAa,UAAW,WAAW,SAE/C,CAAC;AAEF,eAAO,MAAM,aAAa,mBAEzB,CAAC"}

package/dist/bundle-mode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bundle-mode.js","sourceRoot":"","sources":["../src/bundle-mode.ts"],"names":[],"mappings":";;;AAEA,IAAI,UAAU,GAAgB;IAC7B,IAAI,EAAE,OAAO;CACb,CAAC;AAEK,MAAM,aAAa,GAAG,CAAC,KAAkB,EAAE,EAAE;IACnD,UAAU,GAAG,KAAK,CAAC;AACpB,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB;AAEK,MAAM,aAAa,GAAG,GAAG,EAAE;IACjC,OAAO,UAAU,CAAC;AACnB,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB"}

package/dist/bundler.d.ts

@@ -1,7 +0,0 @@
-import { WebpackOverrideFn } from 'remotion';
-export declare const bundle: (entryPoint: string, onProgressUpdate?: ((progress: number) => void) | undefined, options?: {
-    webpackOverride?: WebpackOverrideFn | undefined;
-    outDir?: string | undefined;
-    enableCaching?: boolean | undefined;
-    publicPath?: string | undefined;
-} | undefined) => Promise<string>;

package/dist/bundler.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"bundler.d.ts","sourceRoot":"","sources":["../src/bundler.ts"],"names":[],"mappings":"AAGA,OAAO,EAAY,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAoCtD,eAAO,MAAM,MAAM,eACN,MAAM,iCACY,MAAM,KAAK,IAAI;;;;;kBAO3C,QAAQ,MAAM,CA6ChB,CAAC"}