@remotion/bundler 4.0.362 → 4.0.364

package/dist/index-html.js

@@ -39,6 +39,11 @@ const indexHtml = ({ publicPath, editorName, inputProps, envVariables, staticHas
     : ''}
 		${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>

package/dist/setup-environment.d.ts

@@ -1 +1 @@
-export {};
+export declare const injectCSS: (css: string) => void;

package/dist/setup-environment.js

@@ -1,8 +1,58 @@
 "use strict";
+// https://github.com/remotion-dev/remotion/issues/3412#issuecomment-1910120552
 Object.defineProperty(exports, "__esModule", { value: true });
-const remotion_1 = require("remotion");
-remotion_1.Internals.setupEnvVariables();
-remotion_1.Internals.CSSUtils.injectCSS(`
+exports.injectCSS = void 0;
+function getEnvVar() {
+    const parts = ['proc', 'ess', '.', 'en', 'v', '.', 'NOD', 'E_EN', 'V'];
+    return parts.join('');
+}
+const getEnvVariables = () => {
+    if (window.remotion_isStudio) {
+        // For the Studio, we already set the environment variables in index-html.ts.
+        // We just add NODE_ENV here.
+        if (!process.env.NODE_ENV) {
+            throw new Error(`${getEnvVar()} is not set`);
+        }
+        return {
+            NODE_ENV: process.env.NODE_ENV,
+        };
+    }
+    const param = window.remotion_envVariables;
+    if (!param) {
+        return {};
+    }
+    return { ...JSON.parse(param), NODE_ENV: process.env.NODE_ENV };
+};
+const setupEnvVariables = () => {
+    const env = getEnvVariables();
+    if (!window.process) {
+        window.process = {};
+    }
+    if (!window.process.env) {
+        window.process.env = {};
+    }
+    Object.keys(env).forEach((key) => {
+        window.process.env[key] = env[key];
+    });
+};
+setupEnvVariables();
+const injected = {};
+const injectCSS = (css) => {
+    // Skip in node
+    if (typeof document === 'undefined') {
+        return;
+    }
+    if (injected[css]) {
+        return;
+    }
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.appendChild(document.createTextNode(css));
+    head.prepend(style);
+    injected[css] = true;
+};
+exports.injectCSS = injectCSS;
+(0, exports.injectCSS)(`
   .css-reset, .css-reset * {
     font-size: 16px;
     line-height: 1.5;
@@ -89,7 +139,4 @@ remotion_1.Internals.CSSUtils.injectCSS(`
     background-color: #ffffff;
     appearance: none;
   }
-
-
-
 `);

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/bundler"
 	},
 	"name": "@remotion/bundler",
-	"version": "4.0.362",
+	"version": "4.0.364",
 	"description": "Bundle Remotion compositions using Webpack",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -28,10 +28,10 @@
 		"css-loader": "5.2.7",
 		"esbuild": "0.25.0",
 		"react-refresh": "0.9.0",
-		"remotion": "4.0.362",
-		"@remotion/studio": "4.0.362",
-		"@remotion/studio-shared": "4.0.362",
-		"@remotion/media-parser": "4.0.362",
+		"remotion": "4.0.364",
+		"@remotion/studio": "4.0.364",
+		"@remotion/studio-shared": "4.0.364",
+		"@remotion/media-parser": "4.0.364",
 		"style-loader": "4.0.0",
 		"source-map": "0.7.3",
 		"webpack": "5.96.1"
@@ -43,7 +43,7 @@
 	"devDependencies": {
 		"react": "19.0.0",
 		"react-dom": "19.0.0",
-		"@remotion/eslint-config-internal": "4.0.362",
+		"@remotion/eslint-config-internal": "4.0.364",
 		"eslint": "9.19.0"
 	},
 	"keywords": [