@remotion/bundler 4.0.496 → 4.0.498

package/dist/bundle.d.ts

@@ -1,7 +1,11 @@
 import type { GitSource, RenderDefaults } from '@remotion/studio-shared';
 import webpack from 'webpack';
-import type { WebpackOverrideFn } from './webpack-config';
+import type { BundlerOverrideFn, RspackOverrideFn, WebpackOverrideFn } from './override-types';
+export declare const getBundlePublicPath: (publicPath: string | null) => string;
+export declare const getBundleStaticHash: (publicPath: string) => string;
 export type MandatoryLegacyBundleOptions = {
+    bundlerOverride?: BundlerOverrideFn;
+    rspackOverride?: RspackOverrideFn;
     webpackOverride: WebpackOverrideFn;
     outDir: string | null;
     enableCaching: boolean;
@@ -23,12 +27,10 @@ export type MandatoryLegacyBundleOptions = {
     symlinkPublicDir: boolean;
 };
 export type LegacyBundleOptions = Partial<MandatoryLegacyBundleOptions>;
-export declare const getConfig: ({ entryPoint, outDir, resolvedRemotionRoot, onProgress, options, bufferStateDelayInMilliseconds, maxTimelineTracks, }: {
+export declare const getConfig: ({ entryPoint, outDir, resolvedRemotionRoot, onProgress, options, }: {
     outDir: string;
     entryPoint: string;
     resolvedRemotionRoot: string;
-    bufferStateDelayInMilliseconds: number | null;
-    maxTimelineTracks: number | null;
     onProgress: (progress: number) => void;
     options: MandatoryLegacyBundleOptions;
 }) => Promise<[string, webpack.Configuration]> | Promise<[string, import("@rspack/core").RspackOptions]>;

package/dist/bundle.js

@@ -36,7 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.internalBundle = exports.findClosestFolderWithItem = exports.getConfig = void 0;
+exports.internalBundle = exports.findClosestFolderWithItem = exports.getConfig = exports.getBundleStaticHash = exports.getBundlePublicPath = void 0;
 exports.bundle = bundle;
 const node_fs_1 = __importStar(require("node:fs"));
 const node_os_1 = __importDefault(require("node:os"));
@@ -86,25 +86,36 @@ const trimTrailingSlash = (p) => {
     }
     return p;
 };
-const getConfig = ({ entryPoint, outDir, resolvedRemotionRoot, onProgress, options, bufferStateDelayInMilliseconds, maxTimelineTracks, }) => {
-    var _a, _b, _c, _d, _e;
+const getBundlePublicPath = (publicPath) => {
+    return publicPath !== null && publicPath !== void 0 ? publicPath : './';
+};
+exports.getBundlePublicPath = getBundlePublicPath;
+const getBundleStaticHash = (publicPath) => {
+    if (publicPath === './') {
+        return './public';
+    }
+    return ('/' +
+        [trimTrailingSlash(trimLeadingSlash(publicPath)), 'public']
+            .filter(Boolean)
+            .join('/'));
+};
+exports.getBundleStaticHash = getBundleStaticHash;
+const getConfig = ({ entryPoint, outDir, resolvedRemotionRoot, onProgress, options, }) => {
+    var _a, _b, _c, _d;
     const configArgs = {
         entry: node_path_1.default.join(require.resolve('@remotion/studio/renderEntry'), '..', 'esm', 'renderEntry.mjs'),
         userDefinedComponent: entryPoint,
         outDir,
         environment: 'production',
-        webpackOverride: (_a = options === null || options === void 0 ? void 0 : options.webpackOverride) !== null && _a !== void 0 ? _a : ((f) => f),
+        bundlerOverride: (_a = options === null || options === void 0 ? void 0 : options.bundlerOverride) !== null && _a !== void 0 ? _a : ((f) => f),
+        webpackOverride: (_b = options === null || options === void 0 ? void 0 : options.webpackOverride) !== null && _b !== void 0 ? _b : ((f) => f),
+        rspackOverride: (_c = options === null || options === void 0 ? void 0 : options.rspackOverride) !== null && _c !== void 0 ? _c : ((f) => f),
         onProgress: (p) => {
             onProgress === null || onProgress === void 0 ? void 0 : onProgress(p);
         },
-        enableCaching: (_b = options === null || options === void 0 ? void 0 : options.enableCaching) !== null && _b !== void 0 ? _b : true,
-        maxTimelineTracks,
+        enableCaching: (_d = options === null || options === void 0 ? void 0 : options.enableCaching) !== null && _d !== void 0 ? _d : true,
         remotionRoot: resolvedRemotionRoot,
-        keyboardShortcutsEnabled: (_c = options === null || options === void 0 ? void 0 : options.keyboardShortcutsEnabled) !== null && _c !== void 0 ? _c : true,
-        bufferStateDelayInMilliseconds,
         poll: null,
-        askAIEnabled: (_d = options === null || options === void 0 ? void 0 : options.askAIEnabled) !== null && _d !== void 0 ? _d : true,
-        interactivityEnabled: (_e = options === null || options === void 0 ? void 0 : options.interactivityEnabled) !== null && _e !== void 0 ? _e : true,
         extraPlugins: [],
     };
     if (options.rspack) {
@@ -161,7 +172,7 @@ const validateEntryPoint = async (entryPoint) => {
 };
 const internalBundle = async (actualArgs) => {
     var _a, _b;
-    var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var _c, _d, _e, _f, _g, _h, _j, _k;
     const entryPoint = node_path_1.default.resolve(process.cwd(), actualArgs.entryPoint);
     const resolvedRemotionRoot = (_d = (_c = actualArgs === null || actualArgs === void 0 ? void 0 : actualArgs.rootDir) !== null && _c !== void 0 ? _c : findClosestPackageJsonFolder(entryPoint)) !== null && _d !== void 0 ? _d : process.cwd();
     if (!actualArgs.ignoreRegisterRootWarning) {
@@ -183,9 +194,6 @@ const internalBundle = async (actualArgs) => {
         resolvedRemotionRoot,
         onProgress,
         options,
-        // Should be null to keep cache hash working
-        bufferStateDelayInMilliseconds: (_f = actualArgs.bufferStateDelayInMilliseconds) !== null && _f !== void 0 ? _f : null,
-        maxTimelineTracks: actualArgs.maxTimelineTracks,
     });
     if (actualArgs.rspack) {
         const { rspack: rspackFn } = require('@rspack/core');
@@ -238,11 +246,8 @@ const internalBundle = async (actualArgs) => {
             }
         }
     }
-    const publicPath = (_g = actualArgs === null || actualArgs === void 0 ? void 0 : actualArgs.publicPath) !== null && _g !== void 0 ? _g : '/';
-    const staticHash = '/' +
-        [trimTrailingSlash(trimLeadingSlash(publicPath)), 'public']
-            .filter(Boolean)
-            .join('/');
+    const publicPath = (0, exports.getBundlePublicPath)(actualArgs.publicPath);
+    const staticHash = (0, exports.getBundleStaticHash)(publicPath);
     const from = (options === null || options === void 0 ? void 0 : options.publicDir)
         ? node_path_1.default.resolve(resolvedRemotionRoot, options.publicDir)
         : node_path_1.default.join(resolvedRemotionRoot, 'public');
@@ -301,12 +306,12 @@ const internalBundle = async (actualArgs) => {
         }),
         includeFavicon: true,
         title: 'Remotion Bundle',
-        renderDefaults: (_h = actualArgs.renderDefaults) !== null && _h !== void 0 ? _h : undefined,
+        renderDefaults: (_f = actualArgs.renderDefaults) !== null && _f !== void 0 ? _f : undefined,
         publicFolderExists: `${publicPath + (publicPath.endsWith('/') ? '' : '/')}public`,
         fileSystemPlatform: null,
-        gitSource: (_j = actualArgs.gitSource) !== null && _j !== void 0 ? _j : null,
+        gitSource: (_g = actualArgs.gitSource) !== null && _g !== void 0 ? _g : null,
         projectName: (0, studio_shared_1.getProjectName)({
-            gitSource: (_k = actualArgs.gitSource) !== null && _k !== void 0 ? _k : null,
+            gitSource: (_h = actualArgs.gitSource) !== null && _h !== void 0 ? _h : null,
             resolvedRemotionRoot,
             basename: node_path_1.default.basename,
         }),
@@ -315,8 +320,8 @@ const internalBundle = async (actualArgs) => {
         // Actual log level is set in setPropsAndEnv()
         logLevel: 'info',
         mode: 'bundle',
-        audioLatencyHint: (_l = actualArgs.audioLatencyHint) !== null && _l !== void 0 ? _l : 'playback',
-        sampleRate: (_m = (_b = actualArgs.renderDefaults) === null || _b === void 0 ? void 0 : _b.sampleRate) !== null && _m !== void 0 ? _m : 48000,
+        audioLatencyHint: (_j = actualArgs.audioLatencyHint) !== null && _j !== void 0 ? _j : 'playback',
+        sampleRate: (_k = (_b = actualArgs.renderDefaults) === null || _b === void 0 ? void 0 : _b.sampleRate) !== null && _k !== void 0 ? _k : 48000,
         studioRuntimeConfig: {
             askAIEnabled: actualArgs.askAIEnabled,
             bufferStateDelayInMilliseconds: actualArgs.bufferStateDelayInMilliseconds,
@@ -331,11 +336,11 @@ const internalBundle = async (actualArgs) => {
 };
 exports.internalBundle = internalBundle;
 /*
- * @description Bundles a Remotion project using Webpack and prepares it for rendering.
+ * @description Bundles a Remotion project and prepares it for rendering.
  * @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, _w;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
     const actualArgs = convertArgumentsIntoOptions(args);
     const result = await (0, exports.internalBundle)({
         bufferStateDelayInMilliseconds: (_a = actualArgs.bufferStateDelayInMilliseconds) !== null && _a !== void 0 ? _a : null,
@@ -352,14 +357,16 @@ async function bundle(...args) {
         publicDir: (_l = actualArgs.publicDir) !== null && _l !== void 0 ? _l : null,
         publicPath: (_m = actualArgs.publicPath) !== null && _m !== void 0 ? _m : null,
         rootDir: (_o = actualArgs.rootDir) !== null && _o !== void 0 ? _o : null,
-        webpackOverride: (_p = actualArgs.webpackOverride) !== null && _p !== void 0 ? _p : ((f) => f),
-        audioLatencyHint: (_q = actualArgs.audioLatencyHint) !== null && _q !== void 0 ? _q : null,
-        renderDefaults: (_r = actualArgs.renderDefaults) !== null && _r !== void 0 ? _r : null,
-        askAIEnabled: (_s = actualArgs.askAIEnabled) !== null && _s !== void 0 ? _s : true,
-        interactivityEnabled: (_t = actualArgs.interactivityEnabled) !== 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,
-        symlinkPublicDir: (_w = actualArgs.symlinkPublicDir) !== null && _w !== void 0 ? _w : false,
+        bundlerOverride: (_p = actualArgs.bundlerOverride) !== null && _p !== void 0 ? _p : ((f) => f),
+        rspackOverride: (_q = actualArgs.rspackOverride) !== null && _q !== void 0 ? _q : ((f) => f),
+        webpackOverride: (_r = actualArgs.webpackOverride) !== null && _r !== void 0 ? _r : ((f) => f),
+        audioLatencyHint: (_s = actualArgs.audioLatencyHint) !== null && _s !== void 0 ? _s : null,
+        renderDefaults: (_t = actualArgs.renderDefaults) !== null && _t !== void 0 ? _t : null,
+        askAIEnabled: (_u = actualArgs.askAIEnabled) !== null && _u !== void 0 ? _u : true,
+        interactivityEnabled: (_v = actualArgs.interactivityEnabled) !== null && _v !== void 0 ? _v : true,
+        keyboardShortcutsEnabled: (_w = actualArgs.keyboardShortcutsEnabled) !== null && _w !== void 0 ? _w : true,
+        rspack: (_x = actualArgs.rspack) !== null && _x !== void 0 ? _x : false,
+        symlinkPublicDir: (_y = actualArgs.symlinkPublicDir) !== null && _y !== void 0 ? _y : false,
     });
     return result;
 }

package/dist/index.d.ts

@@ -3,50 +3,40 @@ 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, askAIEnabled, interactivityEnabled, extraPlugins, }: {
+    webpackConfig: ({ entry, userDefinedComponent, outDir, environment, bundlerOverride, webpackOverride, onProgress, enableCaching, remotionRoot, poll, extraPlugins, }: {
         entry: string;
         userDefinedComponent: string;
         outDir: string | null;
         environment: "development" | "production";
-        webpackOverride: import("./webpack-config").WebpackOverrideFn;
+        bundlerOverride: import("./override-types").BundlerOverrideFn;
+        webpackOverride: import("./override-types").WebpackOverrideFn;
         onProgress?: ((f: number) => void) | undefined;
         enableCaching?: boolean | undefined;
-        maxTimelineTracks: number | null;
-        keyboardShortcutsEnabled: boolean;
-        bufferStateDelayInMilliseconds: number | null;
         remotionRoot: string;
         poll: number | null;
-        askAIEnabled: boolean;
-        interactivityEnabled: boolean;
         extraPlugins: webpack.WebpackPluginInstance[];
     }) => Promise<[string, webpack.Configuration]>;
-    rspackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgress, enableCaching, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, askAIEnabled, interactivityEnabled, extraPlugins, }: {
+    rspackConfig: ({ entry, userDefinedComponent, outDir, environment, bundlerOverride, rspackOverride, onProgress, enableCaching, remotionRoot, poll, extraPlugins, }: {
         entry: string;
         userDefinedComponent: string;
         outDir: string | null;
         environment: "development" | "production";
-        webpackOverride: import("./webpack-config").WebpackOverrideFn;
+        bundlerOverride: import("./override-types").BundlerOverrideFn;
+        rspackOverride: import("./override-types").RspackOverrideFn;
         onProgress?: ((f: number) => void) | undefined;
         enableCaching?: boolean | undefined;
-        maxTimelineTracks: number | null;
-        keyboardShortcutsEnabled: boolean;
-        bufferStateDelayInMilliseconds: number | null;
         remotionRoot: string;
         poll: number | null;
-        askAIEnabled: boolean;
-        interactivityEnabled: boolean;
         extraPlugins: any[];
     }) => 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, fileSystemPlatform, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, sampleRate, logLevel, mode, bundleScriptUrl, readOnlyStudio, studioRuntimeConfig, }: import("@remotion/studio-shared").StudioHtmlOptions) => 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, }: {
+    getConfig: ({ entryPoint, outDir, resolvedRemotionRoot, onProgress, options, }: {
         outDir: string;
         entryPoint: string;
         resolvedRemotionRoot: string;
-        bufferStateDelayInMilliseconds: number | null;
-        maxTimelineTracks: number | null;
         onProgress: (progress: number) => void;
         options: import("./bundle").MandatoryLegacyBundleOptions;
     }) => Promise<[string, webpack.Configuration]> | Promise<[string, import("@rspack/core").RspackOptions]>;
@@ -74,6 +64,6 @@ export declare const BundlerInternals: {
 };
 export type { GitSource } from '@remotion/studio-shared';
 export { bundle, BundleOptions, LegacyBundleOptions, MandatoryLegacyBundleOptions, } from './bundle';
-export { WebpackConfiguration, WebpackOverrideFn } from './webpack-config';
+export type { BundlerConfiguration, BundlerName, BundlerOverrideFn, RspackConfiguration, RspackOverrideFn, WebpackConfiguration, WebpackOverrideFn, } from './override-types';
 export { WatchIgnoreNextChangePlugin };
 export { webpack };

package/dist/override-types.d.ts

@@ -0,0 +1,11 @@
+import type { Configuration as RspackConfigurationType } from '@rspack/core';
+import type { Configuration as WebpackConfigurationType } from 'webpack';
+export type WebpackConfiguration = WebpackConfigurationType;
+export type RspackConfiguration = RspackConfigurationType;
+export type BundlerConfiguration = WebpackConfiguration | RspackConfiguration;
+export type WebpackOverrideFn = (currentConfiguration: WebpackConfiguration) => WebpackConfiguration | Promise<WebpackConfiguration>;
+export type RspackOverrideFn = (currentConfiguration: RspackConfiguration) => RspackConfiguration | Promise<RspackConfiguration>;
+export type BundlerName = 'webpack' | 'rspack';
+export type BundlerOverrideFn = <Configuration extends BundlerConfiguration>(currentConfiguration: Configuration, context: {
+    bundler: BundlerName;
+}) => Configuration | Promise<Configuration>;

package/dist/override-types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/rspack-config.d.ts

@@ -1,21 +1,16 @@
-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, askAIEnabled, interactivityEnabled, extraPlugins, }: {
+import type { BundlerOverrideFn, RspackOverrideFn } from './override-types';
+export type { RspackConfiguration, RspackOverrideFn } from './override-types';
+export declare const rspackConfig: ({ entry, userDefinedComponent, outDir, environment, bundlerOverride, rspackOverride, onProgress, enableCaching, remotionRoot, poll, extraPlugins, }: {
     entry: string;
     userDefinedComponent: string;
     outDir: string | null;
     environment: "development" | "production";
-    webpackOverride: WebpackOverrideFn;
+    bundlerOverride: BundlerOverrideFn;
+    rspackOverride: RspackOverrideFn;
     onProgress?: ((f: number) => void) | undefined;
     enableCaching?: boolean | undefined;
-    maxTimelineTracks: number | null;
-    keyboardShortcutsEnabled: boolean;
-    bufferStateDelayInMilliseconds: number | null;
     remotionRoot: string;
     poll: number | null;
-    askAIEnabled: boolean;
-    interactivityEnabled: boolean;
     extraPlugins: any[];
 }) => Promise<[string, import("@rspack/core").RspackOptions]>;
 export declare const createRspackCompiler: (config: import("@rspack/core").RspackOptions) => import("@rspack/core").Compiler;

package/dist/rspack-config.js

@@ -7,17 +7,9 @@ exports.createRspackCompiler = exports.rspackConfig = void 0;
 const studio_entry_points_1 = require("@remotion/studio-shared/studio-entry-points");
 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, askAIEnabled, interactivityEnabled, extraPlugins, }) => {
+const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment, bundlerOverride = (f) => f, rspackOverride = (f) => f, onProgress, enableCaching = true, remotionRoot, poll, extraPlugins, }) => {
     let lastProgress = 0;
-    const define = new core_1.DefinePlugin((0, define_plugin_definitions_1.getDefinePluginDefinitions)({
-        maxTimelineTracks,
-        askAIEnabled,
-        interactivityEnabled,
-        keyboardShortcutsEnabled,
-        bufferStateDelayInMilliseconds,
-    }));
     const swcLoaderRule = {
         loader: 'builtin:swc-loader',
         options: {
@@ -50,9 +42,7 @@ const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment,
             env: { targets: 'Chrome >= 85' },
         },
     };
-    // Rspack config is structurally compatible with webpack config at runtime,
-    // but the TypeScript types differ. Cast through `any` for the override.
-    const conf = (await webpackOverride({
+    const baseConfig = {
         ...(0, shared_bundler_config_1.getBaseConfig)(environment, poll),
         node: {
             // Suppress the warning in `source-map`
@@ -74,7 +64,6 @@ const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment,
             ? [
                 new plugin_react_refresh_1.default({ overlay: false }),
                 new core_1.rspack.HotModuleReplacementPlugin(),
-                define,
                 ...extraPlugins,
             ]
             : [
@@ -86,7 +75,6 @@ const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment,
                         }
                     }
                 }),
-                define,
             ],
         output: (0, shared_bundler_config_1.getOutputConfig)(environment),
         resolve: (0, shared_bundler_config_1.getResolveConfig)(),
@@ -116,8 +104,9 @@ const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment,
                 },
             ],
         },
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    }));
+    };
+    const sharedConfig = await bundlerOverride(baseConfig, { bundler: 'rspack' });
+    const conf = await rspackOverride(sharedConfig);
     const [hash, finalConf] = (0, shared_bundler_config_1.computeHashAndFinalConfig)(conf, {
         enableCaching,
         environment,

package/dist/webpack-config.d.ts

@@ -1,21 +1,16 @@
-import type { Configuration } from 'webpack';
 import webpack 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, askAIEnabled, interactivityEnabled, extraPlugins, }: {
+import type { BundlerOverrideFn, WebpackOverrideFn } from './override-types';
+export type { WebpackConfiguration, WebpackOverrideFn } from './override-types';
+export declare const webpackConfig: ({ entry, userDefinedComponent, outDir, environment, bundlerOverride, webpackOverride, onProgress, enableCaching, remotionRoot, poll, extraPlugins, }: {
     entry: string;
     userDefinedComponent: string;
     outDir: string | null;
     environment: "development" | "production";
+    bundlerOverride: BundlerOverrideFn;
     webpackOverride: WebpackOverrideFn;
     onProgress?: ((f: number) => void) | undefined;
     enableCaching?: boolean | undefined;
-    maxTimelineTracks: number | null;
-    keyboardShortcutsEnabled: boolean;
-    bufferStateDelayInMilliseconds: number | null;
     remotionRoot: string;
     poll: number | null;
-    askAIEnabled: boolean;
-    interactivityEnabled: boolean;
     extraPlugins: webpack.WebpackPluginInstance[];
-}) => Promise<[string, Configuration]>;
+}) => Promise<[string, webpack.Configuration]>;

package/dist/webpack-config.js

@@ -37,7 +37,6 @@ exports.webpackConfig = void 0;
 const studio_entry_points_1 = require("@remotion/studio-shared/studio-entry-points");
 const webpack_1 = __importStar(require("webpack"));
 const case_sensitive_paths_1 = require("./case-sensitive-paths");
-const define_plugin_definitions_1 = require("./define-plugin-definitions");
 const fast_refresh_1 = require("./fast-refresh");
 const hide_expression_dependency_1 = require("./hide-expression-dependency");
 const ignore_packfilecache_warnings_1 = require("./ignore-packfilecache-warnings");
@@ -47,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, askAIEnabled, interactivityEnabled, extraPlugins, }) => {
+const webpackConfig = async ({ entry, userDefinedComponent, outDir, environment, bundlerOverride = (f) => f, webpackOverride = (f) => f, onProgress, enableCaching = true, remotionRoot, poll, extraPlugins, }) => {
     const esbuildLoaderOptions = {
         target: 'chrome85',
         loader: 'tsx',
@@ -55,14 +54,7 @@ const webpackConfig = async ({ entry, userDefinedComponent, outDir, environment,
         remotionRoot,
     };
     let lastProgress = 0;
-    const define = new webpack_1.default.DefinePlugin((0, define_plugin_definitions_1.getDefinePluginDefinitions)({
-        maxTimelineTracks,
-        askAIEnabled,
-        interactivityEnabled,
-        keyboardShortcutsEnabled,
-        bufferStateDelayInMilliseconds,
-    }));
-    const conf = await webpackOverride({
+    const baseConfig = {
         ...(0, shared_bundler_config_1.getBaseConfig)(environment, poll),
         entry: (0, studio_entry_points_1.getStudioEntryPoints)({
             fastRefreshRuntime: environment === 'development'
@@ -82,7 +74,6 @@ const webpackConfig = async ({ entry, userDefinedComponent, outDir, environment,
                 new fast_refresh_1.ReactFreshWebpackPlugin(),
                 new case_sensitive_paths_1.CaseSensitivePathsPlugin(),
                 new webpack_1.default.HotModuleReplacementPlugin(),
-                define,
                 new optional_dependencies_1.AllowOptionalDependenciesPlugin(),
                 new hide_expression_dependency_1.AllowDependencyExpressionPlugin(),
                 new ignore_packfilecache_warnings_1.IgnorePackFileCacheWarningsPlugin(),
@@ -97,7 +88,6 @@ const webpackConfig = async ({ entry, userDefinedComponent, outDir, environment,
                         }
                     }
                 }),
-                define,
                 new optional_dependencies_1.AllowOptionalDependenciesPlugin(),
                 new hide_expression_dependency_1.AllowDependencyExpressionPlugin(),
                 new ignore_packfilecache_warnings_1.IgnorePackFileCacheWarningsPlugin(),
@@ -139,7 +129,9 @@ const webpackConfig = async ({ entry, userDefinedComponent, outDir, environment,
                 },
             ],
         },
-    });
+    };
+    const sharedConfig = await bundlerOverride(baseConfig, { bundler: 'webpack' });
+    const conf = await webpackOverride(sharedConfig);
     return (0, shared_bundler_config_1.computeHashAndFinalConfig)(conf, {
         enableCaching,
         environment,

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/bundler"
 	},
 	"name": "@remotion/bundler",
-	"version": "4.0.496",
+	"version": "4.0.498",
 	"description": "Bundle Remotion compositions using Webpack",
 	"main": "dist/index.js",
 	"bugs": {
@@ -24,11 +24,11 @@
 		"css-loader": "7.1.4",
 		"esbuild": "0.28.1",
 		"react-refresh": "0.18.0",
-		"remotion": "4.0.496",
-		"@remotion/studio": "4.0.496",
-		"@remotion/studio-shared": "4.0.496",
-		"@remotion/timeline-utils": "4.0.496",
-		"@remotion/media-parser": "4.0.496",
+		"remotion": "4.0.498",
+		"@remotion/studio": "4.0.498",
+		"@remotion/studio-shared": "4.0.498",
+		"@remotion/timeline-utils": "4.0.498",
+		"@remotion/media-parser": "4.0.498",
 		"style-loader": "4.0.0",
 		"webpack": "5.105.0"
 	},
@@ -39,7 +39,7 @@
 	"devDependencies": {
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"@remotion/eslint-config-internal": "4.0.496",
+		"@remotion/eslint-config-internal": "4.0.498",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},