@remotion/bundler 4.0.142 → 4.0.144

package/LICENSE.md

@@ -1,5 +1,9 @@
 # Remotion License
 
+In Remotion 5.0, the license will slightly change. [View the changes here](https://github.com/remotion-dev/remotion/pull/3750).
+
+---
+
 Depending on the type of your legal entity, you are granted permission to use Remotion for your project. Individuals and small companies are allowed to use Remotion to create videos for free (even commercial), while a company license is required for for-profit organizations of a certain size. This two-tier system was designed to ensure funding for this project while still allowing the source code to be available and the program to be free for most. Read below for the exact terms of use.
 
 - [Free license](#free-license)

package/dist/index-html.d.ts

@@ -1,4 +1,4 @@
-import type { GitSource, RenderDefaults } from '@remotion/studio';
+import type { GitSource, RenderDefaults } from '@remotion/studio-shared';
 import type { StaticFile } from 'remotion';
 export declare const indexHtml: ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, gitSource, projectName, }: {
     staticHash: string;

package/dist/index.d.ts

@@ -30,8 +30,8 @@ export declare const BundlerInternals: {
         publicFolderExists: string | null;
         includeFavicon: boolean;
         title: string;
-        renderDefaults: import("@remotion/studio").RenderDefaults | undefined;
-        gitSource: import("@remotion/studio").GitSource | null;
+        renderDefaults: import("@remotion/studio-shared").RenderDefaults | undefined;
+        gitSource: import("@remotion/studio-shared").GitSource | null;
         projectName: string;
     }) => string;
     cacheExists: (remotionRoot: string, environment: "development" | "production", hash: string) => "exists" | "other-exists" | "does-not-exist";
@@ -60,12 +60,12 @@ export declare const BundlerInternals: {
         onProgress: (progress: number) => void;
         ignoreRegisterRootWarning: boolean;
         onDirectoryCreated: (dir: string) => void;
-        gitSource: import("@remotion/studio").GitSource | null;
+        gitSource: import("@remotion/studio-shared").GitSource | null;
         maxTimelineTracks: number | null;
         bufferStateDelayInMilliseconds: number | null;
     } & import("./bundle").MandatoryLegacyBundleOptions) => Promise<string>;
 };
-export type { GitSource } from '@remotion/studio';
+export type { GitSource } from '@remotion/studio-shared';
 export { BundleOptions, LegacyBundleOptions, MandatoryLegacyBundleOptions, bundle, } from './bundle';
 export { WebpackConfiguration, WebpackOverrideFn } from './webpack-config';
 export { webpack };

package/dist/webpack-config.js

@@ -44,7 +44,9 @@ const reactDomVersion = react_dom_1.default.version.split('.')[0];
 if (reactDomVersion === '0') {
     throw new Error(`Version ${reactDomVersion} of "react-dom" is not supported by Remotion`);
 }
-const shouldUseReactDomClient = parseInt(reactDomVersion, 10) >= 18;
+const shouldUseReactDomClient = no_react_1.NoReactInternals.ENABLE_V5_BREAKING_CHANGES
+    ? true
+    : parseInt(reactDomVersion, 10) >= 18;
 const esbuildLoaderOptions = {
     target: 'chrome85',
     loader: 'tsx',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/bundler",
-  "version": "4.0.142",
+  "version": "4.0.144",
   "description": "Bundler for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -25,9 +25,9 @@
     "style-loader": "2.0.0",
     "source-map": "0.7.3",
     "webpack": "5.83.1",
-    "@remotion/studio": "4.0.142",
-    "remotion": "4.0.142",
-    "@remotion/studio-shared": "4.0.142"
+    "remotion": "4.0.144",
+    "@remotion/studio-shared": "4.0.144",
+    "@remotion/studio": "4.0.144"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/renderEntry.tsx

@@ -37,7 +37,7 @@ const getBundleMode = () => {
 };
 
 Internals.CSSUtils.injectCSS(
-	Internals.CSSUtils.makeDefaultCSS(null, '#1f2428'),
+	Internals.CSSUtils.makeDefaultPreviewCSS(null, '#1f2428'),
 );
 
 const getCanSerializeDefaultProps = (object: unknown) => {
@@ -208,15 +208,21 @@ const getRootForElement = () => {
 };
 
 const renderToDOM = (content: React.ReactElement) => {
-	// @ts-expect-error
-	if (ReactDOM.createRoot) {
-		getRootForElement().render(content);
-	} else {
+	if (!ReactDOM.createRoot) {
+		if (NoReactInternals.ENABLE_V5_BREAKING_CHANGES) {
+			throw new Error(
+				'Remotion 5.0 does only support React 18+. However, ReactDOM.createRoot() is undefined.',
+			);
+		}
+
 		(ReactDOM as unknown as {render: typeof render}).render(
 			content,
 			videoContainer,
 		);
+		return;
 	}
+
+	getRootForElement().render(content);
 };
 
 const renderContent = (Root: React.FC) => {
@@ -254,9 +260,9 @@ const renderContent = (Root: React.FC) => {
 				<DelayedSpinner />
 			</div>,
 		);
-		import('@remotion/studio')
-			.then(({Studio}) => {
-				renderToDOM(<Studio readOnly rootComponent={Root} />);
+		import('@remotion/studio/internals')
+			.then(({StudioInternals}) => {
+				renderToDOM(<StudioInternals.Studio readOnly rootComponent={Root} />);
 			})
 			.catch((err) => {
 				renderToDOM(<div>Failed to load Remotion Studio: {err.message}</div>);