@remotion/bundler 4.0.490 → 4.0.492

package/dist/bundle.d.ts

@@ -23,12 +23,11 @@ export type MandatoryLegacyBundleOptions = {
     symlinkPublicDir: 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, }: {
     outDir: string;
     entryPoint: string;
     resolvedRemotionRoot: string;
     bufferStateDelayInMilliseconds: number | null;
-    experimentalClientSideRenderingEnabled: boolean;
     maxTimelineTracks: number | null;
     onProgress: (progress: number) => void;
     options: MandatoryLegacyBundleOptions;
@@ -42,7 +41,6 @@ type NewBundleOptions = {
     maxTimelineTracks: number | null;
     bufferStateDelayInMilliseconds: number | null;
     audioLatencyHint: AudioContextLatencyCategory | null;
-    experimentalClientSideRenderingEnabled: boolean;
     renderDefaults: RenderDefaults | null;
 };
 type MandatoryBundleOptions = {

package/dist/bundle.js

@@ -86,7 +86,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, }) => {
     var _a, _b, _c, _d, _e;
     const configArgs = {
         entry: node_path_1.default.join(require.resolve('@remotion/studio/renderEntry'), '..', 'esm', 'renderEntry.mjs'),
@@ -103,7 +103,6 @@ const getConfig = ({ entryPoint, outDir, resolvedRemotionRoot, onProgress, optio
         keyboardShortcutsEnabled: (_c = options === null || options === void 0 ? void 0 : options.keyboardShortcutsEnabled) !== null && _c !== void 0 ? _c : true,
         bufferStateDelayInMilliseconds,
         poll: null,
-        experimentalClientSideRenderingEnabled,
         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: [],
@@ -187,7 +186,6 @@ const internalBundle = async (actualArgs) => {
         // Should be null to keep cache hash working
         bufferStateDelayInMilliseconds: (_f = actualArgs.bufferStateDelayInMilliseconds) !== null && _f !== void 0 ? _f : null,
         maxTimelineTracks: actualArgs.maxTimelineTracks,
-        experimentalClientSideRenderingEnabled: actualArgs.experimentalClientSideRenderingEnabled,
     });
     if (actualArgs.rspack) {
         const { rspack: rspackFn } = require('@rspack/core');
@@ -305,6 +303,7 @@ const internalBundle = async (actualArgs) => {
         title: 'Remotion Bundle',
         renderDefaults: (_h = actualArgs.renderDefaults) !== null && _h !== void 0 ? _h : undefined,
         publicFolderExists: `${publicPath + (publicPath.endsWith('/') ? '' : '/')}public`,
+        fileSystemPlatform: null,
         gitSource: (_j = actualArgs.gitSource) !== null && _j !== void 0 ? _j : null,
         projectName: (0, studio_shared_1.getProjectName)({
             gitSource: (_k = actualArgs.gitSource) !== null && _k !== void 0 ? _k : null,
@@ -321,7 +320,6 @@ const internalBundle = async (actualArgs) => {
         studioRuntimeConfig: {
             askAIEnabled: actualArgs.askAIEnabled,
             bufferStateDelayInMilliseconds: actualArgs.bufferStateDelayInMilliseconds,
-            experimentalClientSideRenderingEnabled: actualArgs.experimentalClientSideRenderingEnabled,
             interactivityEnabled: actualArgs.interactivityEnabled,
             keyboardShortcutsEnabled: actualArgs.keyboardShortcutsEnabled,
             maxTimelineTracks: actualArgs.maxTimelineTracks,
@@ -337,7 +335,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, _w, _x;
+    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,
@@ -356,13 +354,12 @@ async function bundle(...args) {
         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,
-        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,
-        interactivityEnabled: (_u = actualArgs.interactivityEnabled) !== 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,
-        symlinkPublicDir: (_x = actualArgs.symlinkPublicDir) !== null && _x !== void 0 ? _x : false,
+        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,
     });
     return result;
 }

package/dist/index.d.ts

@@ -3,7 +3,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, interactivityEnabled, extraPlugins, }: {
+    webpackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgress, enableCaching, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, askAIEnabled, interactivityEnabled, extraPlugins, }: {
         entry: string;
         userDefinedComponent: string;
         outDir: string | null;
@@ -18,10 +18,9 @@ export declare const BundlerInternals: {
         poll: number | null;
         askAIEnabled: boolean;
         interactivityEnabled: boolean;
-        experimentalClientSideRenderingEnabled: boolean;
         extraPlugins: webpack.WebpackPluginInstance[];
     }) => Promise<[string, webpack.Configuration]>;
-    rspackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgress, enableCaching, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, experimentalClientSideRenderingEnabled, askAIEnabled, interactivityEnabled, extraPlugins, }: {
+    rspackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgress, enableCaching, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, askAIEnabled, interactivityEnabled, extraPlugins, }: {
         entry: string;
         userDefinedComponent: string;
         outDir: string | null;
@@ -36,19 +35,17 @@ export declare const BundlerInternals: {
         poll: number | null;
         askAIEnabled: boolean;
         interactivityEnabled: boolean;
-        experimentalClientSideRenderingEnabled: 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, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, sampleRate, logLevel, mode, bundleScriptUrl, 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, 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, experimentalClientSideRenderingEnabled, }: {
+    getConfig: ({ entryPoint, outDir, resolvedRemotionRoot, onProgress, options, bufferStateDelayInMilliseconds, maxTimelineTracks, }: {
         outDir: string;
         entryPoint: string;
         resolvedRemotionRoot: string;
         bufferStateDelayInMilliseconds: number | null;
-        experimentalClientSideRenderingEnabled: boolean;
         maxTimelineTracks: number | null;
         onProgress: (progress: number) => void;
         options: import("./bundle").MandatoryLegacyBundleOptions;
@@ -72,7 +69,6 @@ export declare const BundlerInternals: {
         maxTimelineTracks: number | null;
         bufferStateDelayInMilliseconds: number | null;
         audioLatencyHint: AudioContextLatencyCategory | null;
-        experimentalClientSideRenderingEnabled: 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, interactivityEnabled, extraPlugins, }: {
+export declare const rspackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgress, enableCaching, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, askAIEnabled, interactivityEnabled, extraPlugins, }: {
     entry: string;
     userDefinedComponent: string;
     outDir: string | null;
@@ -16,7 +16,6 @@ export declare const rspackConfig: ({ entry, userDefinedComponent, outDir, envir
     poll: number | null;
     askAIEnabled: boolean;
     interactivityEnabled: boolean;
-    experimentalClientSideRenderingEnabled: 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

@@ -9,7 +9,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, interactivityEnabled, extraPlugins, }) => {
+const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment, webpackOverride = (f) => f, onProgress, enableCaching = true, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, askAIEnabled, interactivityEnabled, extraPlugins, }) => {
     let lastProgress = 0;
     const define = new core_1.DefinePlugin((0, define_plugin_definitions_1.getDefinePluginDefinitions)({
         maxTimelineTracks,
@@ -17,7 +17,6 @@ const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment,
         interactivityEnabled,
         keyboardShortcutsEnabled,
         bufferStateDelayInMilliseconds,
-        experimentalClientSideRenderingEnabled,
     }));
     const swcLoaderRule = {
         loader: 'builtin:swc-loader',

package/dist/setup-sequence-stack-traces.js

@@ -8,28 +8,35 @@ const jsx_dev_runtime_1 = __importDefault(require("react/jsx-dev-runtime"));
 const jsx_runtime_1 = __importDefault(require("react/jsx-runtime"));
 const remotion_1 = require("remotion");
 const componentsToAddStacksTo = remotion_1.Internals.getComponentsToAddStacksTo();
+const sequenceComponent = remotion_1.Internals.getSequenceComponent();
 const originalCreateElement = react_1.default.createElement;
 const originalJsx = jsx_runtime_1.default.jsx;
 const originalJsxs = jsx_runtime_1.default.jsxs;
 const originalJsxDev = jsx_dev_runtime_1.default.jsxDEV;
-const enableProxy = (api) => {
+const enableProxy = (api, isCreateElement) => {
     return new Proxy(api, {
         apply(target, thisArg, argArray) {
             if (componentsToAddStacksTo.includes(argArray[0])) {
                 const [first, props, ...rest] = argArray;
+                const children = isCreateElement
+                    ? rest.length === 0
+                        ? props === null || props === void 0 ? void 0 : props.children
+                        : rest
+                    : props === null || props === void 0 ? void 0 : props.children;
                 const newProps = (props === null || props === void 0 ? void 0 : props.stack)
-                    ? props
-                    : {
-                        ...(props !== null && props !== void 0 ? props : {}),
-                        stack: new Error().stack,
-                    };
+                    ? { ...props }
+                    : { ...(props !== null && props !== void 0 ? props : {}), stack: new Error().stack };
+                if (first === sequenceComponent) {
+                    newProps._remotionInternalSingleChildComponent =
+                        remotion_1.Internals.getSingleChildComponent(children);
+                }
                 return Reflect.apply(target, thisArg, [first, newProps, ...rest]);
             }
             return Reflect.apply(target, thisArg, argArray);
         },
     });
 };
-react_1.default.createElement = enableProxy(originalCreateElement);
-jsx_runtime_1.default.jsx = enableProxy(originalJsx);
-jsx_runtime_1.default.jsxs = enableProxy(originalJsxs);
-jsx_dev_runtime_1.default.jsxDEV = enableProxy(originalJsxDev);
+react_1.default.createElement = enableProxy(originalCreateElement, true);
+jsx_runtime_1.default.jsx = enableProxy(originalJsx, false);
+jsx_runtime_1.default.jsxs = enableProxy(originalJsxs, false);
+jsx_dev_runtime_1.default.jsxDEV = enableProxy(originalJsxDev, false);

package/dist/webpack-config.d.ts

@@ -2,7 +2,7 @@ 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, experimentalClientSideRenderingEnabled, askAIEnabled, interactivityEnabled, extraPlugins, }: {
+export declare const webpackConfig: ({ entry, userDefinedComponent, outDir, environment, webpackOverride, onProgress, enableCaching, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, askAIEnabled, interactivityEnabled, extraPlugins, }: {
     entry: string;
     userDefinedComponent: string;
     outDir: string | null;
@@ -17,6 +17,5 @@ export declare const webpackConfig: ({ entry, userDefinedComponent, outDir, envi
     poll: number | null;
     askAIEnabled: boolean;
     interactivityEnabled: boolean;
-    experimentalClientSideRenderingEnabled: boolean;
     extraPlugins: webpack.WebpackPluginInstance[];
 }) => Promise<[string, Configuration]>;

package/dist/webpack-config.js

@@ -47,7 +47,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, interactivityEnabled, extraPlugins, }) => {
+const webpackConfig = async ({ entry, userDefinedComponent, outDir, environment, webpackOverride = (f) => f, onProgress, enableCaching = true, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, poll, askAIEnabled, interactivityEnabled, extraPlugins, }) => {
     const esbuildLoaderOptions = {
         target: 'chrome85',
         loader: 'tsx',
@@ -61,7 +61,6 @@ const webpackConfig = async ({ entry, userDefinedComponent, outDir, environment,
         interactivityEnabled,
         keyboardShortcutsEnabled,
         bufferStateDelayInMilliseconds,
-        experimentalClientSideRenderingEnabled,
     }));
     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.490",
+	"version": "4.0.492",
 	"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.490",
-		"@remotion/studio": "4.0.490",
-		"@remotion/studio-shared": "4.0.490",
-		"@remotion/timeline-utils": "4.0.490",
-		"@remotion/media-parser": "4.0.490",
+		"remotion": "4.0.492",
+		"@remotion/studio": "4.0.492",
+		"@remotion/studio-shared": "4.0.492",
+		"@remotion/timeline-utils": "4.0.492",
+		"@remotion/media-parser": "4.0.492",
 		"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.490",
+		"@remotion/eslint-config-internal": "4.0.492",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},