@remotion/renderer 4.0.380 → 4.0.381

package/dist/esm/index.mjs

@@ -3051,6 +3051,18 @@ class Page extends EventEmitter {
   async bringToFront() {
     await this.#client.send("Page.bringToFront");
   }
+  async setAutoDarkModeOverride() {
+    const result = await this.#client.send("Emulation.setEmulatedMedia", {
+      media: "screen",
+      features: [
+        {
+          name: "prefers-color-scheme",
+          value: "dark"
+        }
+      ]
+    });
+    console.log(result);
+  }
   evaluate(pageFunction, ...args) {
     return this.#frameManager.mainFrame().evaluate(pageFunction, ...args);
   }
@@ -16386,7 +16398,8 @@ var innerSetPropsAndEnv = async ({
   onServeUrlVisited,
   isMainTab,
   mediaCacheSizeInBytes,
-  initialMemoryAvailable
+  initialMemoryAvailable,
+  darkMode
 }) => {
   validatePuppeteerTimeout(timeoutInMilliseconds);
   const actualTimeout = timeoutInMilliseconds ?? DEFAULT_TIMEOUT;
@@ -16412,6 +16425,9 @@ var innerSetPropsAndEnv = async ({
       window.remotion_envVariables = input;
     }, JSON.stringify(envVariables));
   }
+  if (darkMode) {
+    await page.setAutoDarkModeOverride();
+  }
   await page.evaluateOnNewDocument((input, key, port, audEnabled, vidEnabled, level) => {
     window.remotion_inputProps = input;
     window.remotion_initialFrame = key;
@@ -16458,7 +16474,8 @@ var innerSetPropsAndEnv = async ({
       onServeUrlVisited,
       isMainTab,
       mediaCacheSizeInBytes,
-      initialMemoryAvailable
+      initialMemoryAvailable,
+      darkMode
     });
   };
   const [pageRes, error] = await gotoPageOrThrow(page, urlToVisit, actualTimeout);
@@ -16709,7 +16726,8 @@ var innerGetCompositions = async ({
   timeoutInMilliseconds,
   indent,
   logLevel,
-  mediaCacheSizeInBytes
+  mediaCacheSizeInBytes,
+  darkMode
 }) => {
   validatePuppeteerTimeout(timeoutInMilliseconds);
   await setPropsAndEnv({
@@ -16730,7 +16748,8 @@ var innerGetCompositions = async ({
     },
     isMainTab: true,
     mediaCacheSizeInBytes,
-    initialMemoryAvailable: getAvailableMemory(logLevel)
+    initialMemoryAvailable: getAvailableMemory(logLevel),
+    darkMode
   });
   await puppeteerEvaluateWithCatch({
     page,
@@ -16864,7 +16883,8 @@ var internalGetCompositionsRaw = async ({
         onBrowserDownload,
         chromeMode,
         offthreadVideoThreads,
-        mediaCacheSizeInBytes
+        mediaCacheSizeInBytes,
+        darkMode: chromiumOptions.darkMode ?? false
       });
     }).then((comp) => {
       return resolve2(comp);
@@ -17895,7 +17915,8 @@ var makePage = async ({
   pageIndex,
   isMainTab,
   mediaCacheSizeInBytes,
-  onLog
+  onLog,
+  darkMode
 }) => {
   const page = await browserReplacer.getBrowser().newPage({ context, logLevel, indent, pageIndex, onBrowserLog, onLog });
   pagesArray.push(page);
@@ -17922,7 +17943,8 @@ var makePage = async ({
     },
     isMainTab,
     mediaCacheSizeInBytes,
-    initialMemoryAvailable: getAvailableMemory(logLevel)
+    initialMemoryAvailable: getAvailableMemory(logLevel),
+    darkMode
   });
   await puppeteerEvaluateWithCatch({
     pageFunction: (id, props, durationInFrames, fps, height, width, defaultCodec, defaultOutName, defaultVideoImageFormat, defaultPixelFormat, defaultProResProfile) => {
@@ -18880,7 +18902,8 @@ var innerRenderFrames = async ({
   binariesDirectory,
   imageSequencePattern,
   mediaCacheSizeInBytes,
-  onLog
+  onLog,
+  darkMode
 }) => {
   if (outputDir) {
     if (!fs14.existsSync(outputDir)) {
@@ -18928,7 +18951,8 @@ var innerRenderFrames = async ({
       pageIndex,
       isMainTab: pageIndex === 0,
       mediaCacheSizeInBytes,
-      onLog
+      onLog,
+      darkMode
     });
   };
   const getPool = async () => {
@@ -19177,7 +19201,8 @@ var internalRenderFramesRaw = ({
           offthreadVideoThreads,
           imageSequencePattern,
           mediaCacheSizeInBytes,
-          onLog
+          onLog,
+          darkMode: chromiumOptions.darkMode ?? false
         });
       })
     ]).then((res) => {
@@ -22154,7 +22179,8 @@ var innerRenderStill = async ({
     },
     isMainTab: true,
     mediaCacheSizeInBytes,
-    initialMemoryAvailable: getAvailableMemory(logLevel)
+    initialMemoryAvailable: getAvailableMemory(logLevel),
+    darkMode: chromiumOptions.darkMode ?? false
   });
   await puppeteerEvaluateWithCatch({
     pageFunction: (id, props, durationInFrames, fps, height, width, defaultCodec, defaultOutName, defaultVideoImageFormat, defaultPixelFormat, defaultProResProfile) => {
@@ -22397,7 +22423,8 @@ var innerSelectComposition = async ({
   indent,
   logLevel,
   onServeUrlVisited,
-  mediaCacheSizeInBytes
+  mediaCacheSizeInBytes,
+  chromiumOptions
 }) => {
   validatePuppeteerTimeout(timeoutInMilliseconds);
   await setPropsAndEnv({
@@ -22416,7 +22443,8 @@ var innerSelectComposition = async ({
     onServeUrlVisited,
     isMainTab: true,
     mediaCacheSizeInBytes,
-    initialMemoryAvailable: getAvailableMemory(logLevel)
+    initialMemoryAvailable: getAvailableMemory(logLevel),
+    darkMode: chromiumOptions.darkMode ?? false
   });
   await puppeteerEvaluateWithCatch({
     page,

package/dist/get-compositions.js

@@ -16,7 +16,7 @@ const seek_to_frame_1 = require("./seek-to-frame");
 const set_props_and_env_1 = require("./set-props-and-env");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
-const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCustomSchema, page, proxyPort, serveUrl, timeoutInMilliseconds, indent, logLevel, mediaCacheSizeInBytes, }) => {
+const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCustomSchema, page, proxyPort, serveUrl, timeoutInMilliseconds, indent, logLevel, mediaCacheSizeInBytes, darkMode, }) => {
     (0, validate_puppeteer_timeout_1.validatePuppeteerTimeout)(timeoutInMilliseconds);
     await (0, set_props_and_env_1.setPropsAndEnv)({
         serializedInputPropsWithCustomSchema,
@@ -35,6 +35,7 @@ const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCust
         isMainTab: true,
         mediaCacheSizeInBytes,
         initialMemoryAvailable: (0, get_available_memory_1.getAvailableMemory)(logLevel),
+        darkMode,
     });
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         page,
@@ -118,6 +119,7 @@ const internalGetCompositionsRaw = async ({ browserExecutable, chromiumOptions,
             onDownload: () => undefined,
         })
             .then(({ server: { serveUrl, offthreadPort, sourceMap }, cleanupServer }) => {
+            var _a;
             page.setBrowserSourceMapGetter(sourceMap);
             cleanup.push(() => {
                 return cleanupServer(true);
@@ -137,6 +139,7 @@ const internalGetCompositionsRaw = async ({ browserExecutable, chromiumOptions,
                 chromeMode,
                 offthreadVideoThreads,
                 mediaCacheSizeInBytes,
+                darkMode: (_a = chromiumOptions.darkMode) !== null && _a !== void 0 ? _a : false,
             });
         })
             .then((comp) => {

package/dist/make-page.d.ts

@@ -5,7 +5,7 @@ import type { SourceMapGetter } from './browser/source-map-getter';
 import type { VideoImageFormat } from './image-format';
 import type { LogLevel } from './log-level';
 import type { BrowserReplacer } from './replace-browser';
-export declare const makePage: ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, isMainTab, mediaCacheSizeInBytes, onLog, }: {
+export declare const makePage: ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, isMainTab, mediaCacheSizeInBytes, onLog, darkMode, }: {
     context: SourceMapGetter;
     initialFrame: number;
     browserReplacer: BrowserReplacer;
@@ -27,4 +27,5 @@ export declare const makePage: ({ context, initialFrame, browserReplacer, logLev
     isMainTab: boolean;
     mediaCacheSizeInBytes: number | null;
     onLog: OnLog;
+    darkMode: boolean;
 }) => Promise<Page>;

package/dist/make-page.js

@@ -4,7 +4,7 @@ exports.makePage = void 0;
 const get_available_memory_1 = require("./memory/get-available-memory");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const set_props_and_env_1 = require("./set-props-and-env");
-const makePage = async ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, isMainTab, mediaCacheSizeInBytes, onLog, }) => {
+const makePage = async ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, isMainTab, mediaCacheSizeInBytes, onLog, darkMode, }) => {
     const page = await browserReplacer
         .getBrowser()
         .newPage({ context, logLevel, indent, pageIndex, onBrowserLog, onLog });
@@ -31,6 +31,7 @@ const makePage = async ({ context, initialFrame, browserReplacer, logLevel, inde
         isMainTab,
         mediaCacheSizeInBytes,
         initialMemoryAvailable: (0, get_available_memory_1.getAvailableMemory)(logLevel),
+        darkMode,
     });
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         // eslint-disable-next-line max-params

package/dist/open-browser.d.ts

@@ -21,6 +21,7 @@ export type ChromiumOptions = {
     gl?: OpenGlRenderer | null;
     userAgent?: string | null;
     enableMultiProcessOnLinux?: boolean;
+    darkMode?: boolean;
 } & OnlyV4Options;
 type InternalOpenBrowserOptions = {
     browserExecutable: string | null;

package/dist/options/dark-mode.d.ts

@@ -0,0 +1,15 @@
+export declare const darkModeOption: {
+    name: string;
+    cliFlag: "dark-mode";
+    description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: string;
+    docLink: string;
+    type: boolean;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        source: string;
+        value: boolean;
+    };
+    setConfig: (value: boolean) => void;
+};

package/dist/options/dark-mode.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.darkModeOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DEFAULT_VALUE = false;
+let darkMode = DEFAULT_VALUE;
+const cliFlag = 'dark-mode';
+exports.darkModeOption = {
+    name: 'Dark Mode',
+    cliFlag,
+    description: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Whether Chromium should pretend to be in dark mode by emulating the media feature 'prefers-color-scheme: dark'. Default is", ' ', (0, jsx_runtime_1.jsx)("code", { children: String(DEFAULT_VALUE) }), "."] })),
+    ssrName: 'darkMode',
+    docLink: 'https://www.remotion.dev/docs/chromium-flags#--dark-mode',
+    type: false,
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined) {
+            return {
+                source: 'cli',
+                value: commandLine[cliFlag],
+            };
+        }
+        if (darkMode !== DEFAULT_VALUE) {
+            return {
+                source: 'config',
+                value: darkMode,
+            };
+        }
+        return {
+            source: 'default',
+            value: DEFAULT_VALUE,
+        };
+    },
+    setConfig: (value) => {
+        darkMode = value;
+    },
+};

package/dist/options/index.d.ts

@@ -742,6 +742,21 @@ export declare const allOptions: {
         };
         setConfig: (size: number | null) => void;
     };
+    darkModeOption: {
+        name: string;
+        cliFlag: "dark-mode";
+        description: () => import("react/jsx-runtime").JSX.Element;
+        ssrName: string;
+        docLink: string;
+        type: boolean;
+        getValue: ({ commandLine }: {
+            commandLine: Record<string, unknown>;
+        }) => {
+            source: string;
+            value: boolean;
+        };
+        setConfig: (value: boolean) => void;
+    };
 };
 export type AvailableOptions = keyof typeof allOptions;
 export type TypeOfOption<Type> = Type extends AnyRemotionOption<infer X> ? X : never;

package/dist/options/index.js

@@ -10,6 +10,7 @@ const chrome_mode_1 = require("./chrome-mode");
 const color_space_1 = require("./color-space");
 const crf_1 = require("./crf");
 const cross_site_isolation_1 = require("./cross-site-isolation");
+const dark_mode_1 = require("./dark-mode");
 const delete_after_1 = require("./delete-after");
 const disable_git_source_1 = require("./disable-git-source");
 const disallow_parallel_encoding_1 = require("./disallow-parallel-encoding");
@@ -94,4 +95,5 @@ exports.allOptions = {
     enableCrossSiteIsolationOption: cross_site_isolation_1.enableCrossSiteIsolationOption,
     imageSequencePatternOption: image_sequence_pattern_1.imageSequencePatternOption,
     mediaCacheSizeInBytesOption: video_cache_size_1.mediaCacheSizeInBytesOption,
+    darkModeOption: dark_mode_1.darkModeOption,
 };

package/dist/render-frames.js

@@ -35,7 +35,7 @@ const validate_1 = require("./validate");
 const validate_scale_1 = require("./validate-scale");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const MAX_RETRIES_PER_FRAME = 1;
-const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, resolvedConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, compositionStart, forSeamlessAacConcatenation, onArtifact, binariesDirectory, imageSequencePattern, mediaCacheSizeInBytes, onLog, }) => {
+const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, resolvedConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, compositionStart, forSeamlessAacConcatenation, onArtifact, binariesDirectory, imageSequencePattern, mediaCacheSizeInBytes, onLog, darkMode, }) => {
     if (outputDir) {
         if (!node_fs_1.default.existsSync(outputDir)) {
             node_fs_1.default.mkdirSync(outputDir, {
@@ -77,6 +77,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
             isMainTab: pageIndex === 0,
             mediaCacheSizeInBytes,
             onLog,
+            darkMode,
         });
     };
     const getPool = async () => {
@@ -246,6 +247,7 @@ const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOpti
                 }),
                 browserInstance,
             ]).then(([{ server: openedServer, cleanupServer }, pInstance]) => {
+                var _a;
                 const { serveUrl, offthreadPort, sourceMap, downloadMap } = openedServer;
                 const browserReplacer = (0, replace_browser_1.handleBrowserCrash)(pInstance, logLevel, indent);
                 const cycle = (0, cycle_browser_tabs_1.cycleBrowserTabs)({
@@ -300,6 +302,7 @@ const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOpti
                     imageSequencePattern,
                     mediaCacheSizeInBytes,
                     onLog,
+                    darkMode: (_a = chromiumOptions.darkMode) !== null && _a !== void 0 ? _a : false,
                 });
             }),
         ])

package/dist/render-still.js

@@ -68,6 +68,7 @@ const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const validate_scale_1 = require("./validate-scale");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, serializedInputPropsWithCustomSchema, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, sourceMapGetter, logLevel, indent, serializedResolvedPropsWithCustomSchema, onBrowserDownload, onArtifact, chromeMode, mediaCacheSizeInBytes, onLog, }) => {
+    var _a;
     (0, validate_1.validateDimension)(composition.height, 'height', 'in the `config` object passed to `renderStill()`');
     (0, validate_1.validateDimension)(composition.width, 'width', 'in the `config` object passed to `renderStill()`');
     (0, validate_1.validateFps)(composition.fps, 'in the `config` object of `renderStill()`', false);
@@ -166,6 +167,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         isMainTab: true,
         mediaCacheSizeInBytes,
         initialMemoryAvailable: (0, get_available_memory_1.getAvailableMemory)(logLevel),
+        darkMode: (_a = chromiumOptions.darkMode) !== null && _a !== void 0 ? _a : false,
     });
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         // eslint-disable-next-line max-params

package/dist/select-composition.js

@@ -16,7 +16,8 @@ const seek_to_frame_1 = require("./seek-to-frame");
 const set_props_and_env_1 = require("./set-props-and-env");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
-const innerSelectComposition = async ({ page, serializedInputPropsWithCustomSchema, envVariables, serveUrl, timeoutInMilliseconds, port, id, indent, logLevel, onServeUrlVisited, mediaCacheSizeInBytes, }) => {
+const innerSelectComposition = async ({ page, serializedInputPropsWithCustomSchema, envVariables, serveUrl, timeoutInMilliseconds, port, id, indent, logLevel, onServeUrlVisited, mediaCacheSizeInBytes, chromiumOptions, }) => {
+    var _a;
     (0, validate_puppeteer_timeout_1.validatePuppeteerTimeout)(timeoutInMilliseconds);
     await (0, set_props_and_env_1.setPropsAndEnv)({
         serializedInputPropsWithCustomSchema,
@@ -35,6 +36,7 @@ const innerSelectComposition = async ({ page, serializedInputPropsWithCustomSche
         isMainTab: true,
         mediaCacheSizeInBytes,
         initialMemoryAvailable: (0, get_available_memory_1.getAvailableMemory)(logLevel),
+        darkMode: (_a = chromiumOptions.darkMode) !== null && _a !== void 0 ? _a : false,
     });
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         page,

package/dist/set-props-and-env.d.ts

@@ -7,6 +7,7 @@ type SetPropsAndEnv = {
     serveUrl: string;
     initialFrame: number;
     timeoutInMilliseconds: number | undefined;
+    darkMode: boolean;
     proxyPort: number;
     retriesRemaining: number;
     audioEnabled: boolean;

package/dist/set-props-and-env.js

@@ -10,7 +10,7 @@ const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const redirect_status_codes_1 = require("./redirect-status-codes");
 const truthy_1 = require("./truthy");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
-const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVariables, page, serveUrl, initialFrame, timeoutInMilliseconds, proxyPort, retriesRemaining, audioEnabled, videoEnabled, indent, logLevel, onServeUrlVisited, isMainTab, mediaCacheSizeInBytes, initialMemoryAvailable, }) => {
+const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVariables, page, serveUrl, initialFrame, timeoutInMilliseconds, proxyPort, retriesRemaining, audioEnabled, videoEnabled, indent, logLevel, onServeUrlVisited, isMainTab, mediaCacheSizeInBytes, initialMemoryAvailable, darkMode, }) => {
     (0, validate_puppeteer_timeout_1.validatePuppeteerTimeout)(timeoutInMilliseconds);
     const actualTimeout = timeoutInMilliseconds !== null && timeoutInMilliseconds !== void 0 ? timeoutInMilliseconds : TimeoutSettings_1.DEFAULT_TIMEOUT;
     page.setDefaultTimeout(actualTimeout);
@@ -37,6 +37,9 @@ const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVa
             window.remotion_envVariables = input;
         }, JSON.stringify(envVariables));
     }
+    if (darkMode) {
+        await page.setAutoDarkModeOverride();
+    }
     await page.evaluateOnNewDocument((input, key, port, audEnabled, vidEnabled, level) => {
         window.remotion_inputProps = input;
         window.remotion_initialFrame = key;
@@ -86,6 +89,7 @@ const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVa
             isMainTab,
             mediaCacheSizeInBytes,
             initialMemoryAvailable,
+            darkMode,
         });
     };
     const [pageRes, error] = await (0, goto_page_or_throw_1.gotoPageOrThrow)(page, urlToVisit, actualTimeout);

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/renderer"
 	},
 	"name": "@remotion/renderer",
-	"version": "4.0.380",
+	"version": "4.0.381",
 	"description": "Render Remotion videos using Node.js or Bun",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -22,11 +22,11 @@
 	"dependencies": {
 		"execa": "5.1.1",
 		"extract-zip": "2.0.1",
-		"remotion": "4.0.380",
-		"@remotion/streaming": "4.0.380",
+		"remotion": "4.0.381",
+		"@remotion/streaming": "4.0.381",
 		"source-map": "^0.8.0-beta.0",
 		"ws": "8.17.1",
-		"@remotion/licensing": "4.0.380"
+		"@remotion/licensing": "4.0.381"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -39,19 +39,19 @@
 		"react": "19.0.0",
 		"react-dom": "19.0.0",
 		"@types/ws": "8.5.10",
-		"@remotion/example-videos": "4.0.380",
-		"@remotion/eslint-config-internal": "4.0.380",
+		"@remotion/example-videos": "4.0.381",
+		"@remotion/eslint-config-internal": "4.0.381",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14"
 	},
 	"optionalDependencies": {
-		"@remotion/compositor-darwin-arm64": "4.0.380",
-		"@remotion/compositor-darwin-x64": "4.0.380",
-		"@remotion/compositor-linux-arm64-gnu": "4.0.380",
-		"@remotion/compositor-linux-arm64-musl": "4.0.380",
-		"@remotion/compositor-linux-x64-gnu": "4.0.380",
-		"@remotion/compositor-linux-x64-musl": "4.0.380",
-		"@remotion/compositor-win32-x64-msvc": "4.0.380"
+		"@remotion/compositor-darwin-arm64": "4.0.381",
+		"@remotion/compositor-darwin-x64": "4.0.381",
+		"@remotion/compositor-linux-arm64-gnu": "4.0.381",
+		"@remotion/compositor-linux-arm64-musl": "4.0.381",
+		"@remotion/compositor-linux-x64-gnu": "4.0.381",
+		"@remotion/compositor-linux-x64-musl": "4.0.381",
+		"@remotion/compositor-win32-x64-msvc": "4.0.381"
 	},
 	"keywords": [
 		"remotion",