@remotion/bundler 4.0.0-alpha13 → 4.0.0-alpha14

package/dist/bundle.d.ts

@@ -1,6 +1,6 @@
 import webpack from 'webpack';
 import type { WebpackOverrideFn } from './webpack-config';
-export declare type LegacyBundleOptions = {
+export type LegacyBundleOptions = {
     webpackOverride?: WebpackOverrideFn;
     outDir?: string;
     enableCaching?: boolean;
@@ -17,13 +17,13 @@ export declare const getConfig: ({ entryPoint, outDir, resolvedRemotionRoot, onP
     onProgress?: ((progress: number) => void) | undefined;
     options?: LegacyBundleOptions | undefined;
 }) => [string, webpack.Configuration];
-export declare type BundleOptions = {
+export type BundleOptions = {
     entryPoint: string;
     onProgress?: (progress: number) => void;
     ignoreRegisterRootWarning?: boolean;
     onDirectoryCreated?: (dir: string) => void;
 } & LegacyBundleOptions;
-declare type Arguments = [options: BundleOptions] | [
+type Arguments = [options: BundleOptions] | [
     entryPoint: string,
     onProgress?: (progress: number) => void,
     options?: LegacyBundleOptions

package/dist/esbuild-loader/interfaces.d.ts

@@ -1,11 +1,11 @@
 import type { transform, TransformOptions } from 'esbuild';
-declare type Implementation = {
+type Implementation = {
     transform: typeof transform;
 };
-declare type Except<ObjectType, Properties> = {
+type Except<ObjectType, Properties> = {
     [Key in keyof ObjectType as Key extends Properties ? never : Key]: ObjectType[Key];
 };
-export declare type LoaderOptions = Except<TransformOptions, 'sourcemap' | 'sourcefile'> & {
+export type LoaderOptions = Except<TransformOptions, 'sourcemap' | 'sourcefile'> & {
     implementation: Implementation;
 };
 export {};

package/dist/homepage/homepage.js

@@ -35,12 +35,13 @@ const AvailableCompositions = () => {
         const check = () => {
             if (window.remotion_renderReady === true) {
                 setComps({ type: 'loading' });
-                window
-                    .getStaticCompositions()
-                    .then((newComps) => {
+                try {
+                    const newComps = window.remotion_getCompositionNames();
                     setComps({ type: 'loaded', comps: newComps });
-                })
-                    .catch((err) => ({ type: 'error', error: err }));
+                }
+                catch (err) {
+                    setComps({ type: 'error', error: err });
+                }
             }
             else {
                 timeout = setTimeout(check, 250);
@@ -72,7 +73,7 @@ const AvailableCompositions = () => {
     return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("ul", { children: state === null
                 ? []
                 : state.comps.map((c) => {
-                    return (0, jsx_runtime_1.jsx)("li", { children: c.id }, c.id);
+                    return (0, jsx_runtime_1.jsx)("li", { children: c }, c);
                 }) }) }));
 };
 const TestCORS = () => {

package/dist/index-html.d.ts

@@ -1,5 +1,5 @@
 import type { StaticFile } from 'remotion';
-export declare type RenderDefaults = {
+export type RenderDefaults = {
     jpegQuality: number;
     scale: number;
     logLevel: string;

package/dist/optional-depdendencies.d.ts

@@ -0,0 +1,5 @@
+import type { Compiler } from 'webpack';
+export declare class AllowOptionalDependenciesPlugin {
+    filter(error: Error): boolean;
+    apply(compiler: Compiler): void;
+}

package/dist/optional-depdendencies.js

@@ -0,0 +1,27 @@
+"use strict";
+// When Webpack cannot resolve these dependencies, it will not print an error message.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AllowOptionalDependenciesPlugin = void 0;
+const OPTIONAL_DEPENDENCIES = [
+    'zod',
+    '@remotion/zod-types',
+    'react-native-reanimated',
+    'react-native-reanimated/package.json',
+];
+class AllowOptionalDependenciesPlugin {
+    filter(error) {
+        for (const dependency of OPTIONAL_DEPENDENCIES) {
+            if (error.message.includes(`Can't resolve '${dependency}'`)) {
+                return false;
+            }
+        }
+        return true;
+    }
+    apply(compiler) {
+        compiler.hooks.afterEmit.tap('AllowOptionalDependenciesPlugin', (compilation) => {
+            compilation.errors = compilation.errors.filter(this.filter);
+            compilation.warnings = compilation.warnings.filter(this.filter);
+        });
+    }
+}
+exports.AllowOptionalDependenciesPlugin = AllowOptionalDependenciesPlugin;

package/dist/renderEntry.js

@@ -169,7 +169,7 @@ const setBundleModeAndUpdate = (state) => {
 };
 exports.setBundleModeAndUpdate = setBundleModeAndUpdate;
 if (typeof window !== 'undefined') {
-    window.getStaticCompositions = () => {
+    const getUnevaluatedComps = () => {
         if (!remotion_1.Internals.getRoot()) {
             throw new Error('registerRoot() was never called. 1. Make sure you specified the correct entrypoint for your bundle. 2. If your registerRoot() call is deferred, use the delayRender/continueRender pattern to tell Remotion to wait.');
         }
@@ -188,31 +188,42 @@ if (typeof window !== 'undefined') {
             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 Promise.all(compositions.map((c) => {
-            return Promise.resolve(remotion_1.Internals.resolveVideoConfig({
+        return compositions;
+    };
+    window.getStaticCompositions = () => {
+        const compositions = getUnevaluatedComps();
+        return Promise.all(compositions.map(async (c) => {
+            const handle = (0, remotion_1.delayRender)(`Running calculateMetadata() for composition ${c.id}. If you didn't want to evaluate this composition, use "selectComposition()" instead of "getCompositions()"`);
+            const comp = remotion_1.Internals.resolveVideoConfig({
                 composition: c,
                 editorProps: {},
                 signal: new AbortController().signal,
-            }));
+            });
+            const resolved = await Promise.resolve(comp);
+            (0, remotion_1.continueRender)(handle);
+            return resolved;
         }));
     };
-    window.calculateComposition = (compId) => {
-        if (!remotion_1.Internals.compositionsRef.current) {
-            throw new Error('Unexpectedly did not have a CompositionManager');
-        }
-        const compositions = remotion_1.Internals.compositionsRef.current.getCompositions();
+    window.remotion_getCompositionNames = () => {
+        return getUnevaluatedComps().map((c) => c.id);
+    };
+    window.remotion_calculateComposition = async (compId) => {
+        const compositions = getUnevaluatedComps();
         const selectedComp = compositions.find((c) => c.id === compId);
         if (!selectedComp) {
             throw new Error(`Could not find composition with ID ${compId}`);
         }
         const abortController = new AbortController();
-        return Promise.resolve(remotion_1.Internals.resolveVideoConfig({
+        const handle = (0, remotion_1.delayRender)(`Running the calculateMetadata() function for composition ${compId}`);
+        const prom = await Promise.resolve(remotion_1.Internals.resolveVideoConfig({
             composition: selectedComp,
             editorProps: {},
             signal: abortController.signal,
         }));
+        (0, remotion_1.continueRender)(handle);
+        return prom;
     };
     window.siteVersion = '5';
     window.remotion_version = remotion_1.VERSION;
-    window.setBundleMode = exports.setBundleModeAndUpdate;
+    window.remotion_setBundleMode = exports.setBundleModeAndUpdate;
 }

package/dist/webpack-cache.d.ts

@@ -1,5 +1,5 @@
-declare type Environment = 'development' | 'production';
-declare type CacheState = 'exists' | 'other-exists' | 'does-not-exist';
+type Environment = 'development' | 'production';
+type CacheState = 'exists' | 'other-exists' | 'does-not-exist';
 declare global {
     namespace NodeJS {
         interface ProcessVersions {

package/dist/webpack-config.d.ts

@@ -1,6 +1,6 @@
 import type { Configuration } from 'webpack';
-export declare type WebpackConfiguration = Configuration;
-export declare type WebpackOverrideFn = (currentConfiguration: WebpackConfiguration) => WebpackConfiguration;
+export type WebpackConfiguration = Configuration;
+export type WebpackOverrideFn = (currentConfiguration: WebpackConfiguration) => WebpackConfiguration;
 export declare const webpackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgress, enableCaching, maxTimelineTracks, entryPoints, remotionRoot, keyboardShortcutsEnabled, poll, }: {
     entry: string;
     userDefinedComponent: string;

package/dist/webpack-config.js

@@ -34,8 +34,9 @@ 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");
+const remotion_1 = require("remotion");
 const optional_dependencies_1 = require("./optional-dependencies");
-if (!react_dom_1.default || !react_dom_1.default.version) {
+if (!(react_dom_1.default === null || react_dom_1.default === void 0 ? void 0 : react_dom_1.default.version)) {
     throw new Error('Could not find "react-dom" package. Did you install it?');
 }
 const reactDomVersion = react_dom_1.default.version.split('.')[0];
@@ -103,7 +104,7 @@ const webpackConfig = ({ entry, userDefinedComponent, outDir, environment, webpa
             ],
         output: {
             hashFunction: 'xxhash64',
-            filename: 'bundle.js',
+            filename: remotion_1.Internals.bundleName,
             devtoolModuleFilenameTemplate: '[resource-path]',
             assetModuleFilename: environment === 'development' ? '[path][name][ext]' : '[hash][ext]',
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/bundler",
-  "version": "4.0.0-alpha13",
+  "version": "4.0.0-alpha14",
   "description": "Bundler for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -22,7 +22,7 @@
     "react-refresh": "0.9.0",
     "style-loader": "2.0.0",
     "webpack": "5.83.1",
-    "remotion": "4.0.0-alpha13"
+    "remotion": "4.0.0-alpha14"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -33,9 +33,7 @@
     "@types/node": "18.14.6",
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
-    "@typescript-eslint/eslint-plugin": "5.18.0",
-    "@typescript-eslint/parser": "5.18.0",
-    "eslint": "8.25.0",
+    "eslint": "8.42.0",
     "eslint-plugin-10x": "1.5.2",
     "eslint-plugin-react": "7.29.4",
     "eslint-plugin-react-hooks": "4.4.0",
@@ -43,7 +41,7 @@
     "prettier-plugin-organize-imports": "^2.3.4",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "typescript": "^4.7.0",
+    "typescript": "4.9.5",
     "vitest": "0.31.1"
   },
   "keywords": [