@remotion/bundler 4.0.522 → 4.0.523

package/dist/bundle.js

@@ -290,6 +290,7 @@ const internalBundle = async (actualArgs) => {
         }
     }
     const html = (0, index_html_1.indexHtml)({
+        importMap: null,
         staticHash,
         publicPath,
         editorName: null,

package/dist/index.d.ts

@@ -30,7 +30,7 @@ export declare const BundlerInternals: {
         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, experimentalKeepAudioContextAlive, sampleRate, logLevel, mode, bundleScriptUrl, bundleScriptType, readOnlyStudio, studioRuntimeConfig, }: import("@remotion/studio-shared").StudioHtmlOptions) => string;
+    indexHtml: ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, completedClientRenders, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, fileSystemPlatform, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, experimentalKeepAudioContextAlive, sampleRate, logLevel, mode, bundleScriptUrl, bundleScriptType, importMap, 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, }: {

package/dist/optional-dependencies.d.ts

@@ -1,5 +1,14 @@
 import type { Compiler } from 'webpack';
 export declare class AllowOptionalDependenciesPlugin {
-    filter(error: Error): boolean;
+    filter(error: Error & {
+        module?: {
+            resource?: string;
+            resourceResolveData?: {
+                descriptionFileData?: {
+                    name?: string;
+                };
+            };
+        };
+    }): boolean;
     apply(compiler: Compiler): void;
 }

package/dist/optional-dependencies.js

@@ -8,14 +8,29 @@ const OPTIONAL_DEPENDENCIES = [
     'react-native-reanimated',
     'react-native-reanimated/package.json',
 ];
+const STUDIO_OPTIONAL_DEPENDENCIES = [
+    '@remotion/whisper-webgpu',
+    '@remotion/video-matting',
+];
 const SOURCE_MAP_IGNORE = ['path', 'fs'];
 class AllowOptionalDependenciesPlugin {
     filter(error) {
+        var _a, _b, _c, _d, _e;
+        var _f;
         for (const dependency of OPTIONAL_DEPENDENCIES) {
             if (error.message.includes(`Can't resolve '${dependency}'`)) {
                 return false;
             }
         }
+        const issuer = (_f = (_b = (_a = error.module) === null || _a === void 0 ? void 0 : _a.resource) === null || _b === void 0 ? void 0 : _b.replaceAll('\\', '/')) !== null && _f !== void 0 ? _f : '';
+        const issuerPackageName = (_e = (_d = (_c = error.module) === null || _c === void 0 ? void 0 : _c.resourceResolveData) === null || _d === void 0 ? void 0 : _d.descriptionFileData) === null || _e === void 0 ? void 0 : _e.name;
+        for (const dependency of STUDIO_OPTIONAL_DEPENDENCIES) {
+            if (error.message.includes(`Can't resolve '${dependency}'`) &&
+                (issuerPackageName === '@remotion/studio' ||
+                    issuer.includes('/@remotion/studio/'))) {
+                return false;
+            }
+        }
         for (const dependency of SOURCE_MAP_IGNORE) {
             if (error.message.includes(`Can't resolve '${dependency}'`) &&
                 error.message.includes('source-map')) {

package/dist/rspack-config.js

@@ -7,6 +7,7 @@ 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 optional_dependencies_1 = require("./optional-dependencies");
 const react_scan_entry_point_1 = require("./react-scan-entry-point");
 const shared_bundler_config_1 = require("./shared-bundler-config");
 const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment, bundlerOverride = (f) => f, rspackOverride = (f) => f, onProgress, enableCaching = true, remotionRoot, poll, extraPlugins, }) => {
@@ -81,6 +82,7 @@ const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment,
             ? [
                 new plugin_react_refresh_1.default({ overlay: false }),
                 new core_1.rspack.HotModuleReplacementPlugin(),
+                new optional_dependencies_1.AllowOptionalDependenciesPlugin(),
                 ...extraPlugins,
             ]
             : [
@@ -92,6 +94,7 @@ const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment,
                         }
                     }
                 }),
+                new optional_dependencies_1.AllowOptionalDependenciesPlugin(),
             ],
         output: (0, shared_bundler_config_1.getOutputConfig)(environment),
         resolve: (0, shared_bundler_config_1.getResolveConfig)(),

package/dist/setup-environment.js

@@ -73,6 +73,11 @@ exports.injectCSS = injectCSS;
     color: #0584f2
   }
 
+  .__remotion-vertical-scrollbar::-webkit-scrollbar-corner,
+  .__remotion-horizontal-scrollbar::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+
   .__remotion-vertical-scrollbar {
     scrollbar-gutter: stable;
   }

package/dist/shared-bundler-config.d.ts

@@ -9,7 +9,6 @@ export declare const getResolveConfig: () => {
         'remotion/version': string;
         remotion: string;
         '@remotion/media-parser/worker'?: string | undefined;
-        '@remotion/studio': string;
         'react-dom/client': string;
     };
 };

package/dist/shared-bundler-config.js

@@ -36,8 +36,21 @@ const getResolveConfig = () => ({
             : {
                 '@remotion/media-parser/worker': node_path_1.default.resolve(require.resolve('@remotion/media-parser'), '..', 'esm', 'worker.mjs'),
             }),
-        // test visual controls before removing this
-        '@remotion/studio': require.resolve('@remotion/studio'),
+        // Studio entry points are also passed to the bundler as resolved CJS paths.
+        // Route both those paths and package imports through the same ESM build.
+        ...Object.fromEntries([
+            '@remotion/studio',
+            '@remotion/studio/internals',
+            '@remotion/studio/previewEntry',
+            '@remotion/studio/renderEntry',
+        ].flatMap((specifier) => {
+            const commonJsPath = require.resolve(specifier);
+            const esmPath = node_path_1.default.join(node_path_1.default.dirname(commonJsPath), 'esm', node_path_1.default.basename(commonJsPath, '.js') + '.mjs');
+            return [
+                [`${specifier}$`, esmPath],
+                [commonJsPath, esmPath],
+            ];
+        })),
         [node_path_1.default.join(require.resolve('@remotion/timeline-utils'), '..', 'audio-waveform-worker.mjs')]: node_path_1.default.join(require.resolve('@remotion/timeline-utils'), '..', 'esm', 'audio-waveform-worker.mjs'),
         'react-dom/client': exports.shouldUseReactDomClient
             ? require.resolve('react-dom/client')

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/bundler"
 	},
 	"name": "@remotion/bundler",
-	"version": "4.0.522",
+	"version": "4.0.523",
 	"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.522",
-		"@remotion/studio": "4.0.522",
-		"@remotion/studio-shared": "4.0.522",
-		"@remotion/timeline-utils": "4.0.522",
-		"@remotion/media-parser": "4.0.522",
+		"remotion": "4.0.523",
+		"@remotion/studio": "4.0.523",
+		"@remotion/studio-shared": "4.0.523",
+		"@remotion/timeline-utils": "4.0.523",
+		"@remotion/media-parser": "4.0.523",
 		"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.522",
+		"@remotion/eslint-config-internal": "4.0.523",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},