@remotion/bundler 4.0.427 → 4.0.429

package/README.md

@@ -1,18 +1,18 @@
 # @remotion/bundler
- 
+
 Bundle Remotion compositions using Webpack
- 
+
 [![NPM Downloads](https://img.shields.io/npm/dm/@remotion/bundler.svg?style=flat&color=black&label=Downloads)](https://npmcharts.com/compare/@remotion/bundler?minimal=true)
- 
+
 ## Installation
- 
+
 ```bash
 npm install @remotion/bundler --save-exact
 ```
- 
+
 When installing a Remotion package, make sure to align the version of all `remotion` and `@remotion/*` packages to the same version.
 Remove the `^` character from the version number to use the exact version.
- 
+
 ## Usage
- 
+
 See the [documentation](https://www.remotion.dev/docs/bundler) for more information.

package/dist/bundle.d.ts

@@ -15,12 +15,13 @@ export type MandatoryLegacyBundleOptions = {
     rspack: boolean;
 };
 export type LegacyBundleOptions = Partial<MandatoryLegacyBundleOptions>;
-export declare const getConfig: ({ entryPoint, outDir, resolvedRemotionRoot, onProgress, options, bufferStateDelayInMilliseconds, maxTimelineTracks, experimentalClientSideRenderingEnabled, }: {
+export declare const getConfig: ({ entryPoint, outDir, resolvedRemotionRoot, onProgress, options, bufferStateDelayInMilliseconds, maxTimelineTracks, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, }: {
     outDir: string;
     entryPoint: string;
     resolvedRemotionRoot: string;
     bufferStateDelayInMilliseconds: number | null;
     experimentalClientSideRenderingEnabled: boolean;
+    experimentalVisualModeEnabled: boolean;
     maxTimelineTracks: number | null;
     onProgress: (progress: number) => void;
     options: MandatoryLegacyBundleOptions;
@@ -35,6 +36,7 @@ type NewBundleOptions = {
     bufferStateDelayInMilliseconds: number | null;
     audioLatencyHint: AudioContextLatencyCategory | null;
     experimentalClientSideRenderingEnabled: boolean;
+    experimentalVisualModeEnabled: boolean;
     renderDefaults: RenderDefaults | null;
 };
 type MandatoryBundleOptions = {

package/dist/bundle.js

@@ -38,12 +38,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.internalBundle = exports.findClosestFolderWithItem = exports.getConfig = void 0;
 exports.bundle = bundle;
-const studio_shared_1 = require("@remotion/studio-shared");
 const node_fs_1 = __importStar(require("node:fs"));
 const node_os_1 = __importDefault(require("node:os"));
 const node_path_1 = __importDefault(require("node:path"));
 const node_util_1 = require("node:util");
 const node_worker_threads_1 = require("node:worker_threads");
+const studio_shared_1 = require("@remotion/studio-shared");
 const webpack_1 = __importDefault(require("webpack"));
 const copy_dir_1 = require("./copy-dir");
 const index_html_1 = require("./index-html");
@@ -70,7 +70,7 @@ const trimTrailingSlash = (p) => {
     }
     return p;
 };
-const getConfig = ({ entryPoint, outDir, resolvedRemotionRoot, onProgress, options, bufferStateDelayInMilliseconds, maxTimelineTracks, experimentalClientSideRenderingEnabled, }) => {
+const getConfig = ({ entryPoint, outDir, resolvedRemotionRoot, onProgress, options, bufferStateDelayInMilliseconds, maxTimelineTracks, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, }) => {
     var _a, _b, _c, _d;
     const configArgs = {
         entry: node_path_1.default.join(require.resolve('@remotion/studio/renderEntry'), '..', 'esm', 'renderEntry.mjs'),
@@ -88,6 +88,7 @@ const getConfig = ({ entryPoint, outDir, resolvedRemotionRoot, onProgress, optio
         bufferStateDelayInMilliseconds,
         poll: null,
         experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled,
         askAIEnabled: (_d = options === null || options === void 0 ? void 0 : options.askAIEnabled) !== null && _d !== void 0 ? _d : true,
     };
     if (options.rspack) {
@@ -170,6 +171,7 @@ const internalBundle = async (actualArgs) => {
         bufferStateDelayInMilliseconds: (_e = actualArgs.bufferStateDelayInMilliseconds) !== null && _e !== void 0 ? _e : null,
         maxTimelineTracks: actualArgs.maxTimelineTracks,
         experimentalClientSideRenderingEnabled: actualArgs.experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled: actualArgs.experimentalVisualModeEnabled,
     });
     if (actualArgs.rspack) {
         const { rspack: rspackFn } = require('@rspack/core');
@@ -290,7 +292,7 @@ exports.internalBundle = internalBundle;
  * @see [Documentation](https://remotion.dev/docs/bundle)
  */
 async function bundle(...args) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
     const actualArgs = convertArgumentsIntoOptions(args);
     const result = await (0, exports.internalBundle)({
         bufferStateDelayInMilliseconds: (_a = actualArgs.bufferStateDelayInMilliseconds) !== null && _a !== void 0 ? _a : null,
@@ -310,10 +312,11 @@ async function bundle(...args) {
         webpackOverride: (_p = actualArgs.webpackOverride) !== null && _p !== void 0 ? _p : ((f) => f),
         audioLatencyHint: (_q = actualArgs.audioLatencyHint) !== null && _q !== void 0 ? _q : null,
         experimentalClientSideRenderingEnabled: (_r = actualArgs.experimentalClientSideRenderingEnabled) !== null && _r !== void 0 ? _r : false,
-        renderDefaults: (_s = actualArgs.renderDefaults) !== null && _s !== void 0 ? _s : null,
-        askAIEnabled: (_t = actualArgs.askAIEnabled) !== null && _t !== void 0 ? _t : true,
-        keyboardShortcutsEnabled: (_u = actualArgs.keyboardShortcutsEnabled) !== null && _u !== void 0 ? _u : true,
-        rspack: (_v = actualArgs.rspack) !== null && _v !== void 0 ? _v : false,
+        experimentalVisualModeEnabled: (_s = actualArgs.experimentalVisualModeEnabled) !== null && _s !== void 0 ? _s : false,
+        renderDefaults: (_t = actualArgs.renderDefaults) !== null && _t !== void 0 ? _t : null,
+        askAIEnabled: (_u = actualArgs.askAIEnabled) !== null && _u !== void 0 ? _u : true,
+        keyboardShortcutsEnabled: (_v = actualArgs.keyboardShortcutsEnabled) !== null && _v !== void 0 ? _v : true,
+        rspack: (_w = actualArgs.rspack) !== null && _w !== void 0 ? _w : false,
     });
     return result;
 }

package/dist/define-plugin-definitions.d.ts

@@ -1,13 +1,15 @@
-export declare const getDefinePluginDefinitions: ({ maxTimelineTracks, askAIEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, }: {
+export declare const getDefinePluginDefinitions: ({ maxTimelineTracks, askAIEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, }: {
     maxTimelineTracks: number | null;
     askAIEnabled: boolean;
     keyboardShortcutsEnabled: boolean;
     bufferStateDelayInMilliseconds: number | null;
     experimentalClientSideRenderingEnabled: boolean;
+    experimentalVisualModeEnabled: boolean;
 }) => {
     'process.env.MAX_TIMELINE_TRACKS': number | null;
     'process.env.ASK_AI_ENABLED': boolean;
     'process.env.KEYBOARD_SHORTCUTS_ENABLED': boolean;
     'process.env.BUFFER_STATE_DELAY_IN_MILLISECONDS': number | null;
     'process.env.EXPERIMENTAL_CLIENT_SIDE_RENDERING_ENABLED': boolean;
+    'process.env.EXPERIMENTAL_VISUAL_MODE_ENABLED': boolean;
 };

package/dist/define-plugin-definitions.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDefinePluginDefinitions = void 0;
-const getDefinePluginDefinitions = ({ maxTimelineTracks, askAIEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, }) => ({
+const getDefinePluginDefinitions = ({ maxTimelineTracks, askAIEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, }) => ({
     'process.env.MAX_TIMELINE_TRACKS': maxTimelineTracks,
     'process.env.ASK_AI_ENABLED': askAIEnabled,
     'process.env.KEYBOARD_SHORTCUTS_ENABLED': keyboardShortcutsEnabled,
     'process.env.BUFFER_STATE_DELAY_IN_MILLISECONDS': bufferStateDelayInMilliseconds,
     'process.env.EXPERIMENTAL_CLIENT_SIDE_RENDERING_ENABLED': experimentalClientSideRenderingEnabled,
+    'process.env.EXPERIMENTAL_VISUAL_MODE_ENABLED': experimentalVisualModeEnabled,
 });
 exports.getDefinePluginDefinitions = getDefinePluginDefinitions;

package/dist/esbuild-loader/index.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const esbuild_1 = require("esbuild");
 const node_path_1 = __importDefault(require("node:path"));
+const esbuild_1 = require("esbuild");
 const isTsExtensionPtrn = /\.ts$/i;
 const isTypescriptInstalled = () => {
     try {

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import esbuild = require('esbuild');
 import webpack = require('webpack');
 export declare const BundlerInternals: {
     esbuild: typeof esbuild;
-    webpackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgress, enableCaching, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, experimentalClientSideRenderingEnabled, askAIEnabled, }: {
+    webpackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgress, enableCaching, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, askAIEnabled, }: {
         entry: string;
         userDefinedComponent: string;
         outDir: string | null;
@@ -17,8 +17,9 @@ export declare const BundlerInternals: {
         poll: number | null;
         askAIEnabled: boolean;
         experimentalClientSideRenderingEnabled: boolean;
+        experimentalVisualModeEnabled: boolean;
     }) => Promise<[string, webpack.Configuration]>;
-    rspackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgress, enableCaching, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, experimentalClientSideRenderingEnabled, askAIEnabled, }: {
+    rspackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgress, enableCaching, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, askAIEnabled, }: {
         entry: string;
         userDefinedComponent: string;
         outDir: string | null;
@@ -33,6 +34,7 @@ export declare const BundlerInternals: {
         poll: number | null;
         askAIEnabled: boolean;
         experimentalClientSideRenderingEnabled: boolean;
+        experimentalVisualModeEnabled: boolean;
     }) => Promise<[string, import("@rspack/core").RspackOptions]>;
     createRspackCompiler: (config: import("@rspack/core").RspackOptions) => import("@rspack/core").Compiler;
     indexHtml: ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, completedClientRenders, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, logLevel, mode, }: {
@@ -61,12 +63,13 @@ export declare const BundlerInternals: {
     }) => string;
     cacheExists: (remotionRoot: string, environment: "development" | "production", hash: string) => "does-not-exist" | "exists" | "other-exists";
     clearCache: (remotionRoot: string, env: "development" | "production") => Promise<void>;
-    getConfig: ({ entryPoint, outDir, resolvedRemotionRoot, onProgress, options, bufferStateDelayInMilliseconds, maxTimelineTracks, experimentalClientSideRenderingEnabled, }: {
+    getConfig: ({ entryPoint, outDir, resolvedRemotionRoot, onProgress, options, bufferStateDelayInMilliseconds, maxTimelineTracks, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, }: {
         outDir: string;
         entryPoint: string;
         resolvedRemotionRoot: string;
         bufferStateDelayInMilliseconds: number | null;
         experimentalClientSideRenderingEnabled: boolean;
+        experimentalVisualModeEnabled: boolean;
         maxTimelineTracks: number | null;
         onProgress: (progress: number) => void;
         options: import("./bundle").MandatoryLegacyBundleOptions;
@@ -91,6 +94,7 @@ export declare const BundlerInternals: {
         bufferStateDelayInMilliseconds: number | null;
         audioLatencyHint: AudioContextLatencyCategory | null;
         experimentalClientSideRenderingEnabled: boolean;
+        experimentalVisualModeEnabled: boolean;
         renderDefaults: import("@remotion/studio-shared").RenderDefaults | null;
     } & import("./bundle").MandatoryLegacyBundleOptions) => Promise<string>;
 };

package/dist/rspack-config.d.ts

@@ -1,7 +1,7 @@
 import type { Configuration } from '@rspack/core';
 import type { WebpackOverrideFn } from './webpack-config';
 export type RspackConfiguration = Configuration;
-export declare const rspackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgress, enableCaching, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, experimentalClientSideRenderingEnabled, askAIEnabled, }: {
+export declare const rspackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgress, enableCaching, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, askAIEnabled, }: {
     entry: string;
     userDefinedComponent: string;
     outDir: string | null;
@@ -16,5 +16,6 @@ export declare const rspackConfig: ({ entry, userDefinedComponent, outDir, envir
     poll: number | null;
     askAIEnabled: boolean;
     experimentalClientSideRenderingEnabled: boolean;
+    experimentalVisualModeEnabled: boolean;
 }) => Promise<[string, import("@rspack/core").RspackOptions]>;
 export declare const createRspackCompiler: (config: import("@rspack/core").RspackOptions) => import("@rspack/core").Compiler;

package/dist/rspack-config.js

@@ -8,7 +8,7 @@ const core_1 = require("@rspack/core");
 const plugin_react_refresh_1 = __importDefault(require("@rspack/plugin-react-refresh"));
 const define_plugin_definitions_1 = require("./define-plugin-definitions");
 const shared_bundler_config_1 = require("./shared-bundler-config");
-const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment, webpackOverride = (f) => f, onProgress, enableCaching = true, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, experimentalClientSideRenderingEnabled, askAIEnabled, }) => {
+const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment, webpackOverride = (f) => f, onProgress, enableCaching = true, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, askAIEnabled, }) => {
     let lastProgress = 0;
     const define = new core_1.DefinePlugin((0, define_plugin_definitions_1.getDefinePluginDefinitions)({
         maxTimelineTracks,
@@ -16,6 +16,7 @@ const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment,
         keyboardShortcutsEnabled,
         bufferStateDelayInMilliseconds,
         experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled,
     }));
     const swcLoaderRule = {
         loader: 'builtin:swc-loader',
@@ -53,11 +54,11 @@ const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment,
     // but the TypeScript types differ. Cast through `any` for the override.
     const conf = (await webpackOverride({
         ...(0, shared_bundler_config_1.getBaseConfig)(environment, poll),
-        ignoreWarnings: [
-            /Circular dependency between chunks with runtime/,
-            /Critical dependency: the request of a dependency is an expression/,
-            /"__dirname" is used and has been mocked/,
-        ],
+        node: {
+            // Suppress the warning in `source-map`
+            __dirname: 'mock',
+            __filename: 'mock',
+        },
         entry: [
             require.resolve('./setup-environment'),
             userDefinedComponent,
@@ -87,6 +88,18 @@ const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment,
         module: {
             rules: [
                 ...(0, shared_bundler_config_1.getSharedModuleRules)(),
+                {
+                    // Emscripten's main.js spawns Workers of itself via
+                    // new Worker(new URL('./main.js', import.meta.url)).
+                    // This creates a circular chunk dependency that breaks HMR when `@remotion/whisper-web` is used.
+                    // TODO: whisper-web does not work in Studio with Rspack, also not with Webpack.
+                    // Disable Worker detection so rspack doesn't create a
+                    // worker chunk; the new URL() is still handled as an asset.
+                    test: /[\\/]whisper-web[\\/]main\.js$/,
+                    parser: {
+                        worker: false,
+                    },
+                },
                 {
                     test: /\.tsx?$/,
                     use: [swcLoaderRule],

package/dist/webpack-config.d.ts

@@ -1,7 +1,7 @@
 import type { Configuration } from 'webpack';
 export type WebpackConfiguration = Configuration;
 export type WebpackOverrideFn = (currentConfiguration: WebpackConfiguration) => WebpackConfiguration | Promise<WebpackConfiguration>;
-export declare const webpackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgress, enableCaching, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, experimentalClientSideRenderingEnabled, askAIEnabled, }: {
+export declare const webpackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgress, enableCaching, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, askAIEnabled, }: {
     entry: string;
     userDefinedComponent: string;
     outDir: string | null;
@@ -16,4 +16,5 @@ export declare const webpackConfig: ({ entry, userDefinedComponent, outDir, envi
     poll: number | null;
     askAIEnabled: boolean;
     experimentalClientSideRenderingEnabled: boolean;
+    experimentalVisualModeEnabled: boolean;
 }) => Promise<[string, Configuration]>;

package/dist/webpack-config.js

@@ -46,7 +46,7 @@ const esbuild = require("esbuild");
 function truthy(value) {
     return Boolean(value);
 }
-const webpackConfig = async ({ entry, userDefinedComponent, outDir, environment, webpackOverride = (f) => f, onProgress, enableCaching = true, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, experimentalClientSideRenderingEnabled, askAIEnabled, }) => {
+const webpackConfig = async ({ entry, userDefinedComponent, outDir, environment, webpackOverride = (f) => f, onProgress, enableCaching = true, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, askAIEnabled, }) => {
     const esbuildLoaderOptions = {
         target: 'chrome85',
         loader: 'tsx',
@@ -60,6 +60,7 @@ const webpackConfig = async ({ entry, userDefinedComponent, outDir, environment,
         keyboardShortcutsEnabled,
         bufferStateDelayInMilliseconds,
         experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled,
     }));
     const conf = await webpackOverride({
         ...(0, shared_bundler_config_1.getBaseConfig)(environment, poll),

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/bundler"
 	},
 	"name": "@remotion/bundler",
-	"version": "4.0.427",
+	"version": "4.0.429",
 	"description": "Bundle Remotion compositions using Webpack",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -11,7 +11,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"scripts": {
-		"formatting": "prettier src --check",
+		"formatting": "oxfmt src --check",
 		"lint": "eslint src",
 		"test": "bun test src",
 		"make": "tsgo -d"
@@ -24,10 +24,10 @@
 		"css-loader": "5.2.7",
 		"esbuild": "0.25.0",
 		"react-refresh": "0.9.0",
-		"remotion": "4.0.427",
-		"@remotion/studio": "4.0.427",
-		"@remotion/studio-shared": "4.0.427",
-		"@remotion/media-parser": "4.0.427",
+		"remotion": "4.0.429",
+		"@remotion/studio": "4.0.429",
+		"@remotion/studio-shared": "4.0.429",
+		"@remotion/media-parser": "4.0.429",
 		"style-loader": "4.0.0",
 		"source-map": "0.7.3",
 		"webpack": "5.105.0"
@@ -39,7 +39,7 @@
 	"devDependencies": {
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"@remotion/eslint-config-internal": "4.0.427",
+		"@remotion/eslint-config-internal": "4.0.429",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},