@remotion/bundler 4.0.482 → 4.0.484

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/define-plugin-definitions.d.ts +1 -13
  2. package/dist/define-plugin-definitions.js +2 -8
  3. package/dist/index-html.d.ts +1 -27
  4. package/dist/index-html.js +2 -75
  5. package/dist/index.d.ts +1 -25
  6. package/dist/rspack-config.js +8 -6
  7. package/dist/webpack-config.js +8 -10
  8. package/package.json +7 -7
package/dist/define-plugin-definitions.d.ts CHANGED
@@ -1,13 +1 @@
1
- export declare const getDefinePluginDefinitions: ({ maxTimelineTracks, askAIEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, }: {
2
- maxTimelineTracks: number | null;
3
- askAIEnabled: boolean;
4
- keyboardShortcutsEnabled: boolean;
5
- bufferStateDelayInMilliseconds: number | null;
6
- experimentalClientSideRenderingEnabled: boolean;
7
- }) => {
8
- 'process.env.MAX_TIMELINE_TRACKS': number | null;
9
- 'process.env.ASK_AI_ENABLED': boolean;
10
- 'process.env.KEYBOARD_SHORTCUTS_ENABLED': boolean;
11
- 'process.env.BUFFER_STATE_DELAY_IN_MILLISECONDS': number | null;
12
- 'process.env.EXPERIMENTAL_CLIENT_SIDE_RENDERING_ENABLED': boolean;
13
- };
1
+ export { getDefinePluginDefinitions } from '@remotion/studio-shared/define-plugin-definitions';
package/dist/define-plugin-definitions.js CHANGED
@@ -1,11 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.getDefinePluginDefinitions = void 0;
4
- const getDefinePluginDefinitions = ({ maxTimelineTracks, askAIEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, }) => ({
5
- 'process.env.MAX_TIMELINE_TRACKS': maxTimelineTracks,
6
- 'process.env.ASK_AI_ENABLED': askAIEnabled,
7
- 'process.env.KEYBOARD_SHORTCUTS_ENABLED': keyboardShortcutsEnabled,
8
- 'process.env.BUFFER_STATE_DELAY_IN_MILLISECONDS': bufferStateDelayInMilliseconds,
9
- 'process.env.EXPERIMENTAL_CLIENT_SIDE_RENDERING_ENABLED': experimentalClientSideRenderingEnabled,
10
- });
11
- exports.getDefinePluginDefinitions = getDefinePluginDefinitions;
4
+ const define_plugin_definitions_1 = require("@remotion/studio-shared/define-plugin-definitions");
5
+ Object.defineProperty(exports, "getDefinePluginDefinitions", { enumerable: true, get: function () { return define_plugin_definitions_1.getDefinePluginDefinitions; } });
package/dist/index-html.d.ts CHANGED
@@ -1,27 +1 @@
1
- import type { GitSource, PackageManager, RenderDefaults } from '@remotion/studio-shared';
2
- import type { StaticFile } from 'remotion';
3
- 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, }: {
4
- staticHash: string;
5
- publicPath: string;
6
- editorName: string | null;
7
- inputProps: object | null;
8
- envVariables?: Record<string, string> | undefined;
9
- remotionRoot: string;
10
- studioServerCommand: string | null;
11
- renderQueue: unknown;
12
- completedClientRenders?: unknown;
13
- numberOfAudioTags: number;
14
- audioLatencyHint: AudioContextLatencyCategory;
15
- sampleRate: number | null;
16
- publicFiles: StaticFile[];
17
- publicFolderExists: string | null;
18
- includeFavicon: boolean;
19
- title: string;
20
- renderDefaults: RenderDefaults | undefined;
21
- gitSource: GitSource | null;
22
- projectName: string;
23
- installedDependencies: string[] | null;
24
- packageManager: "unknown" | PackageManager;
25
- logLevel: "error" | "info" | "trace" | "verbose" | "warn";
26
- mode: "bundle" | "dev";
27
- }) => string;
1
+ export { studioHtml as indexHtml, type StudioHtmlOptions, } from '@remotion/studio-shared/studio-html';
package/dist/index-html.js CHANGED
@@ -1,78 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.indexHtml = void 0;
4
- const remotion_1 = require("remotion");
5
- 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, }) =>
6
- // Must setup remotion_editorName and remotion.remotion_projectName before bundle.js is loaded
7
- `
8
- <!DOCTYPE html>
9
- <html lang="en">
10
- <head>
11
- <meta charset="UTF-8" />
12
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
13
- ${includeFavicon
14
- ? `<link id="__remotion_favicon" rel="icon" type="image/png" href="${publicPath}favicon.ico" />`
15
- : ''}
16
- <title>${title}</title>
17
- </head>
18
- <body>
19
- <script>window.remotion_numberOfAudioTags = ${numberOfAudioTags};</script>
20
- <script>window.remotion_audioLatencyHint = "${audioLatencyHint}";</script>
21
- <script>window.remotion_sampleRate = ${sampleRate};</script>
22
- <script>window.remotion_previewSampleRate = ${sampleRate};</script>
23
- ${mode === 'dev' ? `<script>window.remotion_logLevel = "${logLevel}";</script>` : ''}
24
- <script>window.remotion_staticBase = "${staticHash}";</script>
25
- ${editorName
26
- ? `<script>window.remotion_editorName = "${editorName}";</script>`
27
- : '<script>window.remotion_editorName = null;</script>'}
28
- <script>window.remotion_projectName = ${JSON.stringify(projectName)};</script>
29
- <script>window.remotion_publicPath = ${JSON.stringify(publicPath)};</script>
30
- <script>window.remotion_audioEnabled = true;</script>
31
- <script>window.remotion_videoEnabled = true;</script>
32
- <script>window.remotion_renderDefaults = ${JSON.stringify(renderDefaults)};</script>
33
- <script>window.remotion_cwd = ${JSON.stringify(remotionRoot)};</script>
34
- <script>window.remotion_studioServerCommand = ${studioServerCommand ? JSON.stringify(studioServerCommand) : 'null'};</script>
35
- ${inputProps
36
- ? `<script>window.remotion_inputProps = ${JSON.stringify(JSON.stringify(inputProps))};</script>`
37
- : ''}
38
- ${renderQueue
39
- ? `<script>window.remotion_initialRenderQueue = ${JSON.stringify(renderQueue)};</script>`
40
- : ''}
41
- ${completedClientRenders
42
- ? `<script>window.remotion_initialClientRenders = ${JSON.stringify(completedClientRenders)};</script>`
43
- : ''}
44
- ${envVariables
45
- ? `<script>window.process = {env: ${JSON.stringify(envVariables)}};</script>`
46
- : ''}
47
- ${gitSource
48
- ? `<script>window.remotion_gitSource = ${JSON.stringify(gitSource)};</script>`
49
- : ''}
50
- ${mode === 'dev'
51
- ? `
52
- <script>window.remotion_isStudio = true;</script>
53
- <script>window.remotion_isReadOnlyStudio = false;</script>`.trimStart()
54
- : ''}
55
- <script>window.remotion_staticFiles = ${JSON.stringify(publicFiles)}</script>
56
- <script>window.remotion_installedPackages = ${JSON.stringify(installedDependencies)}</script>
57
- <script>window.remotion_packageManager = ${JSON.stringify(packageManager)}</script>
58
- <script>window.remotion_publicFolderExists = ${publicFolderExists ? `"${publicFolderExists}"` : 'null'};</script>
59
- <script>
60
- window.siteVersion = '11';
61
- window.remotion_version = '${remotion_1.VERSION}';
62
- </script>
63
-
64
- <div id="video-container"></div>
65
- <div id="${remotion_1.Internals.REMOTION_STUDIO_CONTAINER_ELEMENT}"></div>
66
- <div id="remotion-error-overlay"></div>
67
- <div id="server-disconnected-overlay"></div>
68
- <div id="menuportal-0"></div>
69
- <div id="menuportal-1"></div>
70
- <div id="menuportal-2"></div>
71
- <div id="menuportal-3"></div>
72
- <div id="menuportal-4"></div>
73
- <div id="menuportal-5"></div>
74
- <script src="${publicPath}bundle.js"></script>
75
- </body>
76
- </html>
77
- `.trim();
78
- exports.indexHtml = indexHtml;
4
+ const studio_html_1 = require("@remotion/studio-shared/studio-html");
5
+ Object.defineProperty(exports, "indexHtml", { enumerable: true, get: function () { return studio_html_1.studioHtml; } });
package/dist/index.d.ts CHANGED
@@ -38,31 +38,7 @@ export declare const BundlerInternals: {
38
38
  extraPlugins: any[];
39
39
  }) => Promise<[string, import("@rspack/core").RspackOptions]>;
40
40
  createRspackCompiler: (config: import("@rspack/core").RspackOptions) => import("@rspack/core").Compiler;
41
- indexHtml: ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, completedClientRenders, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, sampleRate, logLevel, mode, }: {
42
- staticHash: string;
43
- publicPath: string;
44
- editorName: string | null;
45
- inputProps: object | null;
46
- envVariables?: Record<string, string> | undefined;
47
- remotionRoot: string;
48
- studioServerCommand: string | null;
49
- renderQueue: unknown;
50
- completedClientRenders?: unknown;
51
- numberOfAudioTags: number;
52
- audioLatencyHint: AudioContextLatencyCategory;
53
- sampleRate: number | null;
54
- publicFiles: import("remotion").StaticFile[];
55
- publicFolderExists: string | null;
56
- includeFavicon: boolean;
57
- title: string;
58
- renderDefaults: import("@remotion/studio-shared").RenderDefaults | undefined;
59
- gitSource: import("@remotion/studio-shared").GitSource | null;
60
- projectName: string;
61
- installedDependencies: string[] | null;
62
- packageManager: "unknown" | import("@remotion/studio-shared").PackageManager;
63
- logLevel: "error" | "info" | "trace" | "verbose" | "warn";
64
- mode: "bundle" | "dev";
65
- }) => string;
41
+ 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;
66
42
  cacheExists: (remotionRoot: string, environment: "development" | "production", hash: string) => "does-not-exist" | "exists" | "other-exists";
67
43
  clearCache: (remotionRoot: string, env: "development" | "production") => Promise<void>;
68
44
  getConfig: ({ entryPoint, outDir, resolvedRemotionRoot, onProgress, options, bufferStateDelayInMilliseconds, maxTimelineTracks, experimentalClientSideRenderingEnabled, }: {
package/dist/rspack-config.js CHANGED
@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.createRspackCompiler = exports.rspackConfig = void 0;
7
+ const studio_entry_points_1 = require("@remotion/studio-shared/studio-entry-points");
7
8
  const core_1 = require("@rspack/core");
8
9
  const plugin_react_refresh_1 = __importDefault(require("@rspack/plugin-react-refresh"));
9
10
  const define_plugin_definitions_1 = require("./define-plugin-definitions");
@@ -58,15 +59,16 @@ const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment,
58
59
  __dirname: 'mock',
59
60
  __filename: 'mock',
60
61
  },
61
- entry: [
62
- require.resolve('./setup-environment'),
63
- environment === 'development'
62
+ entry: (0, studio_entry_points_1.getStudioEntryPoints)({
63
+ fastRefreshRuntime: null,
64
+ environmentSetup: require.resolve('./setup-environment'),
65
+ sequenceStackTraces: environment === 'development'
64
66
  ? require.resolve('./setup-sequence-stack-traces')
65
67
  : null,
66
68
  userDefinedComponent,
67
- require.resolve('../react-shim.js'),
68
- entry,
69
- ].filter(Boolean),
69
+ reactShim: require.resolve('../react-shim.js'),
70
+ studioRenderEntry: entry,
71
+ }),
70
72
  mode: environment,
71
73
  plugins: environment === 'development'
72
74
  ? [
package/dist/webpack-config.js CHANGED
@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
34
34
  })();
35
35
  Object.defineProperty(exports, "__esModule", { value: true });
36
36
  exports.webpackConfig = void 0;
37
+ const studio_entry_points_1 = require("@remotion/studio-shared/studio-entry-points");
37
38
  const webpack_1 = __importStar(require("webpack"));
38
39
  const case_sensitive_paths_1 = require("./case-sensitive-paths");
39
40
  const define_plugin_definitions_1 = require("./define-plugin-definitions");
@@ -63,21 +64,18 @@ const webpackConfig = async ({ entry, userDefinedComponent, outDir, environment,
63
64
  }));
64
65
  const conf = await webpackOverride({
65
66
  ...(0, shared_bundler_config_1.getBaseConfig)(environment, poll),
66
- entry: [
67
- // Fast Refresh must come first,
68
- // because setup-environment imports ReactDOM.
69
- // If React DOM is imported before Fast Refresh, Fast Refresh does not work
70
- environment === 'development'
67
+ entry: (0, studio_entry_points_1.getStudioEntryPoints)({
68
+ fastRefreshRuntime: environment === 'development'
71
69
  ? require.resolve('./fast-refresh/runtime.js')
72
70
  : null,
73
- require.resolve('./setup-environment'),
74
- environment === 'development'
71
+ environmentSetup: require.resolve('./setup-environment'),
72
+ sequenceStackTraces: environment === 'development'
75
73
  ? require.resolve('./setup-sequence-stack-traces')
76
74
  : null,
77
75
  userDefinedComponent,
78
- require.resolve('../react-shim.js'),
79
- entry,
80
- ].filter(Boolean),
76
+ reactShim: require.resolve('../react-shim.js'),
77
+ studioRenderEntry: entry,
78
+ }),
81
79
  mode: environment,
82
80
  plugins: environment === 'development'
83
81
  ? [
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "url": "https://github.com/remotion-dev/remotion/tree/main/packages/bundler"
4
4
  },
5
5
  "name": "@remotion/bundler",
6
- "version": "4.0.482",
6
+ "version": "4.0.484",
7
7
  "description": "Bundle Remotion compositions using Webpack",
8
8
  "main": "dist/index.js",
9
9
  "bugs": {
@@ -24,11 +24,11 @@
24
24
  "css-loader": "7.1.4",
25
25
  "esbuild": "0.28.1",
26
26
  "react-refresh": "0.18.0",
27
- "remotion": "4.0.482",
28
- "@remotion/studio": "4.0.482",
29
- "@remotion/studio-shared": "4.0.482",
30
- "@remotion/timeline-utils": "4.0.482",
31
- "@remotion/media-parser": "4.0.482",
27
+ "remotion": "4.0.484",
28
+ "@remotion/studio": "4.0.484",
29
+ "@remotion/studio-shared": "4.0.484",
30
+ "@remotion/timeline-utils": "4.0.484",
31
+ "@remotion/media-parser": "4.0.484",
32
32
  "style-loader": "4.0.0",
33
33
  "webpack": "5.105.0"
34
34
  },
@@ -39,7 +39,7 @@
39
39
  "devDependencies": {
40
40
  "react": "19.2.3",
41
41
  "react-dom": "19.2.3",
42
- "@remotion/eslint-config-internal": "4.0.482",
42
+ "@remotion/eslint-config-internal": "4.0.484",
43
43
  "eslint": "9.19.0",
44
44
  "@typescript/native-preview": "7.0.0-dev.20260217.1"
45
45
  },