@remotion/bundler 4.0.533 → 4.0.535

package/dist/bundle.js

@@ -296,6 +296,7 @@ const internalBundle = async (actualArgs) => {
     const html = (0, index_html_1.indexHtml)({
         importMap: null,
         staticHash,
+        outputHash: null,
         publicPath,
         editorName: null,
         inputProps: null,
@@ -334,6 +335,10 @@ const internalBundle = async (actualArgs) => {
         experimentalKeepAudioContextAlive: false,
         sampleRate: (_l = (_b = actualArgs.renderDefaults) === null || _b === void 0 ? void 0 : _b.sampleRate) !== null && _l !== void 0 ? _l : 48000,
         studioRuntimeConfig: {
+            showPremounting: null,
+            defaultPremountInSeconds: null,
+            experimentalSequenceActivityEnabled: false,
+            experimentalSequenceActivityLimit: no_react_1.NoReactInternals.DEFAULT_SEQUENCE_ACTIVITY_LIMIT,
             askAIEnabled: actualArgs.askAIEnabled,
             bufferStateDelayInMilliseconds: actualArgs.bufferStateDelayInMilliseconds,
             canvasTabsEnabled: true,

package/dist/fast-refresh/notify-on-refresh.js

@@ -18,3 +18,4 @@ if (RefreshRuntime.__remotionReactRefreshWrapped === null) {
         return result;
     };
 }
+window.remotion_performReactRefresh = () => RefreshRuntime.performReactRefresh();

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, importMap, readOnlyStudio, studioRuntimeConfig, }: import("@remotion/studio-shared").StudioHtmlOptions) => string;
+    indexHtml: ({ publicPath, editorName, inputProps, envVariables, staticHash, outputHash, 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/rspack-config.js

@@ -73,6 +73,9 @@ const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment,
             reactScan: (0, react_scan_entry_point_1.getReactScanEntryPoint)(environment),
             environmentSetup: require.resolve('./setup-environment'),
             sequenceStackTraces: require.resolve('./setup-sequence-stack-traces'),
+            studioBootstrap: environment === 'development'
+                ? require.resolve('./setup-studio')
+                : null,
             userDefinedComponent,
             reactShim: require.resolve('../react-shim.js'),
             studioRenderEntry: entry,

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

@@ -7,9 +7,6 @@ const react_1 = __importDefault(require("react"));
 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 internalStackProp = remotion_1.Internals.REMOTION_INTERNAL_STACK_PROP;
 const originalCreateElement = react_1.default.createElement;
 const originalJsx = jsx_runtime_1.default.jsx;
 const originalJsxs = jsx_runtime_1.default.jsxs;
@@ -34,55 +31,17 @@ const getSourceFileName = (fileName) => {
     }
     return `./${normalizedFileName.slice(normalizedRoot.length + 1)}`;
 };
-const enableProxy = (api, isCreateElement, sourceArgumentIndex) => {
-    return new Proxy(api, {
-        apply(target, thisArg, argArray) {
-            const component = argArray[0];
-            if (componentsToAddStacksTo.includes(component)) {
-                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 source = sourceArgumentIndex === null ? null : argArray[sourceArgumentIndex];
-                const stack = source &&
-                    typeof source.fileName === 'string' &&
-                    typeof source.lineNumber === 'number' &&
-                    typeof source.columnNumber === 'number'
-                    ? remotion_1.Internals.makeOriginalSourceStack({
-                        fileName: getSourceFileName(source.fileName),
-                        lineNumber: source.lineNumber,
-                        columnNumber: source.columnNumber,
-                    })
-                    : new Error().stack;
-                const newProps = (props === null || props === void 0 ? void 0 : props[internalStackProp])
-                    ? { ...props }
-                    : {
-                        ...(props !== null && props !== void 0 ? props : {}),
-                        [internalStackProp]: 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);
-        },
-    });
-};
 let stackTracesEnabled = false;
 const enableSequenceStackTraces = () => {
     if (stackTracesEnabled) {
         return;
     }
     stackTracesEnabled = true;
-    react_1.default.createElement = enableProxy(originalCreateElement, true, null);
-    jsx_runtime_1.default.jsx = enableProxy(originalJsx, false, null);
-    jsx_runtime_1.default.jsxs = enableProxy(originalJsxs, false, null);
+    react_1.default.createElement = remotion_1.Internals.createElementSourceProxy(originalCreateElement, null, getSourceFileName);
+    jsx_runtime_1.default.jsx = remotion_1.Internals.createElementSourceProxy(originalJsx, null, getSourceFileName);
+    jsx_runtime_1.default.jsxs = remotion_1.Internals.createElementSourceProxy(originalJsxs, null, getSourceFileName);
     if (originalJsxDev) {
-        jsx_dev_runtime_1.default.jsxDEV = enableProxy(originalJsxDev, false, 4);
+        jsx_dev_runtime_1.default.jsxDEV = remotion_1.Internals.createElementSourceProxy(originalJsxDev, 4, getSourceFileName);
     }
 };
 if (typeof window !== 'undefined') {

package/dist/setup-studio.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/setup-studio.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const previewBootstrap_1 = require("@remotion/studio/previewBootstrap");
+(0, previewBootstrap_1.initializeStudioPreview)();

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

@@ -12,7 +12,6 @@ export declare const getResolveConfig: () => {
         'remotion/no-react': string;
         'remotion/version': string;
         remotion: string;
-        '@remotion/media-parser/worker'?: string | undefined;
         'react-dom/client': string;
     };
 };
@@ -34,7 +33,7 @@ export declare const getBaseConfig: (environment: "development" | "production",
     watchOptions: {
         poll: number | undefined;
         aggregateTimeout: number;
-        ignored: string[];
+        ignored: RegExp;
     };
     devtool: "cheap-module-source-map" | "source-map";
 };

package/dist/shared-bundler-config.js

@@ -36,16 +36,12 @@ const getResolveConfig = () => ({
         'remotion/no-react': node_path_1.default.resolve(require.resolve('remotion'), '..', '..', 'esm', 'no-react.mjs'),
         'remotion/version': node_path_1.default.resolve(require.resolve('remotion'), '..', '..', 'esm', 'version.mjs'),
         remotion: node_path_1.default.resolve(require.resolve('remotion'), '..', '..', 'esm', 'index.mjs'),
-        ...(no_react_1.NoReactInternals.ENABLE_V5_BREAKING_CHANGES
-            ? {}
-            : {
-                '@remotion/media-parser/worker': node_path_1.default.resolve(require.resolve('@remotion/media-parser'), '..', 'esm', 'worker.mjs'),
-            }),
         // 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/previewBootstrap',
             '@remotion/studio/previewEntry',
             '@remotion/studio/renderEntry',
         ].flatMap((specifier) => {
@@ -88,7 +84,7 @@ const getBaseConfig = (environment, poll) => {
         watchOptions: {
             poll: poll !== null && poll !== void 0 ? poll : undefined,
             aggregateTimeout: 0,
-            ignored: ['**/.git/**', '**/.turbo/**', '**/node_modules/**'],
+            ignored: /(?:^|[\\/])(?:\.git|\.turbo|node_modules)[\\/]/,
         },
         // Higher source map quality in development to power line numbers for stack traces
         devtool: environment === 'development'

package/dist/watch-ignore-next-change-plugin.d.ts

@@ -2,6 +2,7 @@ import type { Compiler } from 'webpack';
 type TraceLogFn = (...args: Parameters<typeof console.log>) => void;
 export declare class WatchIgnoreNextChangePlugin {
     private filesToIgnore;
+    private filesRequiringRebuild;
     private dirsToIgnore;
     private snapshotFileTimestamps;
     private snapshotDirTimestamps;
@@ -10,6 +11,7 @@ export declare class WatchIgnoreNextChangePlugin {
     private trace;
     constructor(trace: TraceLogFn);
     ignoreNextChange(file: string): void;
+    requireRebuild(file: string): void;
     unignoreNextChange(file: string): void;
     consumeSuppressedFilesHistory(): string[];
     consumeSuppressedFilesForRebuild(): string[];

package/dist/watch-ignore-next-change-plugin.js

@@ -14,6 +14,7 @@ exports.WatchIgnoreNextChangePlugin = void 0;
 const node_path_1 = __importDefault(require("node:path"));
 class WatchIgnoreNextChangePlugin {
     filesToIgnore = new Set();
+    filesRequiringRebuild = new Set();
     dirsToIgnore = new Set();
     snapshotFileTimestamps = new Map();
     snapshotDirTimestamps = new Map();
@@ -25,6 +26,9 @@ class WatchIgnoreNextChangePlugin {
     }
     ignoreNextChange(file) {
         var _a;
+        if (this.filesRequiringRebuild.has(file)) {
+            return;
+        }
         this.filesToIgnore.add(file);
         const dir = node_path_1.default.dirname(file);
         this.dirsToIgnore.add(dir);
@@ -52,6 +56,10 @@ class WatchIgnoreNextChangePlugin {
         }
         this.trace('[WatchIgnoreNextChange] Registered ignore for', file);
     }
+    requireRebuild(file) {
+        this.unignoreNextChange(file);
+        this.filesRequiringRebuild.add(file);
+    }
     unignoreNextChange(file) {
         this.filesToIgnore.delete(file);
         const dir = node_path_1.default.dirname(file);
@@ -106,6 +114,14 @@ class WatchIgnoreNextChangePlugin {
                 };
                 const wrappedCallback = (err, fileTimestamps, dirTimestamps, changedFiles, removedFiles) => {
                     var _a, _b, _c, _d;
+                    // A rebuild-required write wins over subsequent suppressed writes in
+                    // the same watcher batch. Release it only when the watcher sees it.
+                    for (const file of changedFiles !== null && changedFiles !== void 0 ? changedFiles : []) {
+                        self.filesRequiringRebuild.delete(file);
+                    }
+                    for (const file of removedFiles !== null && removedFiles !== void 0 ? removedFiles : []) {
+                        self.filesRequiringRebuild.delete(file);
+                    }
                     const hasIgnoredFiles = self.filesToIgnore.size > 0;
                     const suppressedFiles = [];
                     const suppressedDirs = [];

package/dist/webpack-config.js

@@ -65,6 +65,9 @@ const webpackConfig = async ({ entry, userDefinedComponent, outDir, environment,
             reactScan: (0, react_scan_entry_point_1.getReactScanEntryPoint)(environment),
             environmentSetup: require.resolve('./setup-environment'),
             sequenceStackTraces: require.resolve('./setup-sequence-stack-traces'),
+            studioBootstrap: environment === 'development'
+                ? require.resolve('./setup-studio')
+                : null,
             userDefinedComponent,
             reactShim: require.resolve('../react-shim.js'),
             studioRenderEntry: entry,

package/package.json

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