@remotion/bundler 4.0.483 → 4.0.484

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

@@ -1,13 +1 @@
-export declare const getDefinePluginDefinitions: ({ maxTimelineTracks, askAIEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, }: {
-    maxTimelineTracks: number | null;
-    askAIEnabled: boolean;
-    keyboardShortcutsEnabled: boolean;
-    bufferStateDelayInMilliseconds: number | null;
-    experimentalClientSideRenderingEnabled: 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;
-};
+export { getDefinePluginDefinitions } from '@remotion/studio-shared/define-plugin-definitions';

package/dist/define-plugin-definitions.js

@@ -1,11 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDefinePluginDefinitions = void 0;
-const getDefinePluginDefinitions = ({ maxTimelineTracks, askAIEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, }) => ({
-    '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,
-});
-exports.getDefinePluginDefinitions = getDefinePluginDefinitions;
+const define_plugin_definitions_1 = require("@remotion/studio-shared/define-plugin-definitions");
+Object.defineProperty(exports, "getDefinePluginDefinitions", { enumerable: true, get: function () { return define_plugin_definitions_1.getDefinePluginDefinitions; } });

package/dist/index-html.d.ts

@@ -1,27 +1 @@
-import type { GitSource, PackageManager, RenderDefaults } from '@remotion/studio-shared';
-import type { StaticFile } from 'remotion';
-export declare const indexHtml: ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, completedClientRenders, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, sampleRate, logLevel, mode, }: {
-    staticHash: string;
-    publicPath: string;
-    editorName: string | null;
-    inputProps: object | null;
-    envVariables?: Record<string, string> | undefined;
-    remotionRoot: string;
-    studioServerCommand: string | null;
-    renderQueue: unknown;
-    completedClientRenders?: unknown;
-    numberOfAudioTags: number;
-    audioLatencyHint: AudioContextLatencyCategory;
-    sampleRate: number | null;
-    publicFiles: StaticFile[];
-    publicFolderExists: string | null;
-    includeFavicon: boolean;
-    title: string;
-    renderDefaults: RenderDefaults | undefined;
-    gitSource: GitSource | null;
-    projectName: string;
-    installedDependencies: string[] | null;
-    packageManager: "unknown" | PackageManager;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
-    mode: "bundle" | "dev";
-}) => string;
+export { studioHtml as indexHtml, type StudioHtmlOptions, } from '@remotion/studio-shared/studio-html';

package/dist/index-html.js

@@ -1,78 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.indexHtml = void 0;
-const remotion_1 = require("remotion");
-const indexHtml = ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, completedClientRenders, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, sampleRate, logLevel, mode, }) => 
-// Must setup remotion_editorName and remotion.remotion_projectName before bundle.js is loaded
-`
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		${includeFavicon
-    ? `<link id="__remotion_favicon" rel="icon" type="image/png" href="${publicPath}favicon.ico" />`
-    : ''}
-		<title>${title}</title>
-	</head>
-	<body>
-		<script>window.remotion_numberOfAudioTags = ${numberOfAudioTags};</script>
-		<script>window.remotion_audioLatencyHint = "${audioLatencyHint}";</script>
-		<script>window.remotion_sampleRate = ${sampleRate};</script>
-		<script>window.remotion_previewSampleRate = ${sampleRate};</script>
-		${mode === 'dev' ? `<script>window.remotion_logLevel = "${logLevel}";</script>` : ''}
-		<script>window.remotion_staticBase = "${staticHash}";</script>
-		${editorName
-    ? `<script>window.remotion_editorName = "${editorName}";</script>`
-    : '<script>window.remotion_editorName = null;</script>'}
-		<script>window.remotion_projectName = ${JSON.stringify(projectName)};</script>
-		<script>window.remotion_publicPath = ${JSON.stringify(publicPath)};</script>
-		<script>window.remotion_audioEnabled = true;</script>
-		<script>window.remotion_videoEnabled = true;</script>
-		<script>window.remotion_renderDefaults = ${JSON.stringify(renderDefaults)};</script>
-		<script>window.remotion_cwd = ${JSON.stringify(remotionRoot)};</script>
-		<script>window.remotion_studioServerCommand = ${studioServerCommand ? JSON.stringify(studioServerCommand) : 'null'};</script>
-		${inputProps
-    ? `<script>window.remotion_inputProps = ${JSON.stringify(JSON.stringify(inputProps))};</script>`
-    : ''}
-		${renderQueue
-    ? `<script>window.remotion_initialRenderQueue = ${JSON.stringify(renderQueue)};</script>`
-    : ''}
-		${completedClientRenders
-    ? `<script>window.remotion_initialClientRenders = ${JSON.stringify(completedClientRenders)};</script>`
-    : ''}
-		${envVariables
-    ? `<script>window.process = {env: ${JSON.stringify(envVariables)}};</script>`
-    : ''}
-		${gitSource
-    ? `<script>window.remotion_gitSource = ${JSON.stringify(gitSource)};</script>`
-    : ''}
-		${mode === 'dev'
-    ? `
-		<script>window.remotion_isStudio = true;</script>
-		<script>window.remotion_isReadOnlyStudio = false;</script>`.trimStart()
-    : ''}
-		<script>window.remotion_staticFiles = ${JSON.stringify(publicFiles)}</script>
-		<script>window.remotion_installedPackages = ${JSON.stringify(installedDependencies)}</script>
-		<script>window.remotion_packageManager = ${JSON.stringify(packageManager)}</script>
-		<script>window.remotion_publicFolderExists = ${publicFolderExists ? `"${publicFolderExists}"` : 'null'};</script>
-		<script>
-				window.siteVersion = '11';
-				window.remotion_version = '${remotion_1.VERSION}';
-		</script>
-		
-		<div id="video-container"></div>
-		<div id="${remotion_1.Internals.REMOTION_STUDIO_CONTAINER_ELEMENT}"></div>
-		<div id="remotion-error-overlay"></div>
-		<div id="server-disconnected-overlay"></div>
-		<div id="menuportal-0"></div>
-		<div id="menuportal-1"></div>
-		<div id="menuportal-2"></div>
-		<div id="menuportal-3"></div>
-		<div id="menuportal-4"></div>
-		<div id="menuportal-5"></div>
-		<script src="${publicPath}bundle.js"></script>
-	</body>
-</html>
-`.trim();
-exports.indexHtml = indexHtml;
+const studio_html_1 = require("@remotion/studio-shared/studio-html");
+Object.defineProperty(exports, "indexHtml", { enumerable: true, get: function () { return studio_html_1.studioHtml; } });

package/dist/index.d.ts

@@ -38,31 +38,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, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, sampleRate, logLevel, mode, }: {
-        staticHash: string;
-        publicPath: string;
-        editorName: string | null;
-        inputProps: object | null;
-        envVariables?: Record<string, string> | undefined;
-        remotionRoot: string;
-        studioServerCommand: string | null;
-        renderQueue: unknown;
-        completedClientRenders?: unknown;
-        numberOfAudioTags: number;
-        audioLatencyHint: AudioContextLatencyCategory;
-        sampleRate: number | null;
-        publicFiles: import("remotion").StaticFile[];
-        publicFolderExists: string | null;
-        includeFavicon: boolean;
-        title: string;
-        renderDefaults: import("@remotion/studio-shared").RenderDefaults | undefined;
-        gitSource: import("@remotion/studio-shared").GitSource | null;
-        projectName: string;
-        installedDependencies: string[] | null;
-        packageManager: "unknown" | import("@remotion/studio-shared").PackageManager;
-        logLevel: "error" | "info" | "trace" | "verbose" | "warn";
-        mode: "bundle" | "dev";
-    }) => string;
+    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, }: 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, }: {

package/dist/rspack-config.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 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");
@@ -58,15 +59,16 @@ const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment,
             __dirname: 'mock',
             __filename: 'mock',
         },
-        entry: [
-            require.resolve('./setup-environment'),
-            environment === 'development'
+        entry: (0, studio_entry_points_1.getStudioEntryPoints)({
+            fastRefreshRuntime: null,
+            environmentSetup: require.resolve('./setup-environment'),
+            sequenceStackTraces: environment === 'development'
                 ? require.resolve('./setup-sequence-stack-traces')
                 : null,
             userDefinedComponent,
-            require.resolve('../react-shim.js'),
-            entry,
-        ].filter(Boolean),
+            reactShim: require.resolve('../react-shim.js'),
+            studioRenderEntry: entry,
+        }),
         mode: environment,
         plugins: environment === 'development'
             ? [

package/dist/webpack-config.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 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");
@@ -63,21 +64,18 @@ const webpackConfig = async ({ entry, userDefinedComponent, outDir, environment,
     }));
     const conf = await webpackOverride({
         ...(0, shared_bundler_config_1.getBaseConfig)(environment, poll),
-        entry: [
-            // Fast Refresh must come first,
-            // because setup-environment imports ReactDOM.
-            // If React DOM is imported before Fast Refresh, Fast Refresh does not work
-            environment === 'development'
+        entry: (0, studio_entry_points_1.getStudioEntryPoints)({
+            fastRefreshRuntime: environment === 'development'
                 ? require.resolve('./fast-refresh/runtime.js')
                 : null,
-            require.resolve('./setup-environment'),
-            environment === 'development'
+            environmentSetup: require.resolve('./setup-environment'),
+            sequenceStackTraces: environment === 'development'
                 ? require.resolve('./setup-sequence-stack-traces')
                 : null,
             userDefinedComponent,
-            require.resolve('../react-shim.js'),
-            entry,
-        ].filter(Boolean),
+            reactShim: require.resolve('../react-shim.js'),
+            studioRenderEntry: entry,
+        }),
         mode: environment,
         plugins: environment === 'development'
             ? [

package/package.json

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