@remotion/renderer 4.0.273 → 4.0.274

package/dist/browser/BrowserFetcher.js

@@ -50,9 +50,10 @@ const node_util_1 = require("node:util");
 const download_file_1 = require("../assets/download-file");
 const make_file_executable_1 = require("../compositor/make-file-executable");
 const get_download_destination_1 = require("./get-download-destination");
-const TESTED_VERSION = '123.0.6312.86';
-// https://github.com/microsoft/playwright/tree/v1.42.0
-const PLAYWRIGHT_VERSION = '1105'; // 123.0.6312.4
+const TESTED_VERSION = '133.0.6943.0';
+// https://github.com/microsoft/playwright/tree/v1.50.1
+// packages/playwright-core/browsers.json
+const PLAYWRIGHT_VERSION = '1155'; // 133.0.6943.16
 function getChromeDownloadUrl({ platform, version, chromeMode, }) {
     if (platform === 'linux-arm64') {
         if (chromeMode === 'chrome-for-testing') {

package/dist/browser/BrowserPage.js

@@ -100,7 +100,12 @@ class Page extends EventEmitter_1.EventEmitter {
                 ]
                     .filter(truthy_1.truthy)
                     .join(':');
-                const tag = [origPosition === null || origPosition === void 0 ? void 0 : origPosition.name, file].filter(truthy_1.truthy).join('@');
+                const isDelayRenderClear = log.previewString.includes(no_react_1.NoReactInternals.DELAY_RENDER_CLEAR_TOKEN);
+                const tabInfo = `Tab ${this.pageIndex}`;
+                const tagInfo = [origPosition === null || origPosition === void 0 ? void 0 : origPosition.name, isDelayRenderClear ? null : file]
+                    .filter(truthy_1.truthy)
+                    .join('@');
+                const tag = [tabInfo, tagInfo].filter(truthy_1.truthy).join(', ');
                 if (log.type === 'error') {
                     logger_1.Log.error({
                         logLevel,
@@ -113,7 +118,7 @@ class Page extends EventEmitter_1.EventEmitter {
                         logLevel,
                         tag,
                         indent,
-                    }, log.previewString);
+                    }, isDelayRenderClear ? log.previewString : log.previewString);
                 }
             }
             else if (log.type === 'error') {

package/dist/client.d.ts

@@ -412,7 +412,7 @@ export declare const BrowserSafeApis: {
         webhookCustomDataOption: {
             name: string;
             cliFlag: "webhook-custom-data";
-            description: (type: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+            description: (type: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
             ssrName: "customData";
             docLink: string;
             type: Record<string, unknown> | null;
@@ -825,7 +825,7 @@ export declare const BrowserSafeApis: {
         metadataOption: {
             name: string;
             cliFlag: "metadata";
-            description: (mode: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+            description: (mode: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
             docLink: string;
             type: import("./options/metadata").Metadata;
             getValue: ({ commandLine }: {

package/dist/esm/index.mjs

@@ -705,14 +705,19 @@ var assert = (value, message) => {
 };
 
 // src/browser/BrowserPage.ts
-import { NoReactInternals } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals2 } from "remotion/no-react";
 
 // src/format-logs.ts
+import { NoReactInternals } from "remotion/no-react";
 var formatRemoteObject = (remoteObject) => {
   if (remoteObject.preview) {
     return formatObjectPreview(remoteObject.preview);
   }
   if (remoteObject.type === "string") {
+    const isDelayRenderClear = remoteObject.value.includes(NoReactInternals.DELAY_RENDER_CLEAR_TOKEN);
+    if (isDelayRenderClear) {
+      return chalk.gray(`${remoteObject.value}`);
+    }
     return chalk.reset(`${remoteObject.value}`);
   }
   if (remoteObject.type === "number") {
@@ -2845,7 +2850,7 @@ class Page extends EventEmitter {
       text: log.text,
       type: log.type
     });
-    if (url?.endsWith(NoReactInternals.bundleName) && lineNumber && this.sourceMapGetter()) {
+    if (url?.endsWith(NoReactInternals2.bundleName) && lineNumber && this.sourceMapGetter()) {
       const origPosition = this.sourceMapGetter()?.originalPositionFor({
         column: columnNumber ?? 0,
         line: lineNumber
@@ -2855,7 +2860,10 @@ class Page extends EventEmitter {
         origPosition?.line,
         origPosition?.column
       ].filter(truthy).join(":");
-      const tag = [origPosition?.name, file].filter(truthy).join("@");
+      const isDelayRenderClear = log.previewString.includes(NoReactInternals2.DELAY_RENDER_CLEAR_TOKEN);
+      const tabInfo = `Tab ${this.pageIndex}`;
+      const tagInfo = [origPosition?.name, isDelayRenderClear ? null : file].filter(truthy).join("@");
+      const tag = [tabInfo, tagInfo].filter(truthy).join(", ");
       if (log.type === "error") {
         Log.error({
           logLevel,
@@ -2867,7 +2875,7 @@ class Page extends EventEmitter {
           logLevel,
           tag,
           indent
-        }, log.previewString);
+        }, isDelayRenderClear ? log.previewString : log.previewString);
       }
     } else if (log.type === "error") {
       if (log.text.includes("Failed to load resource:")) {
@@ -4024,7 +4032,7 @@ var getShouldUsePartitionedRendering = () => {
 };
 
 // src/check-version-requirements.ts
-import { NoReactInternals as NoReactInternals2 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals3 } from "remotion/no-react";
 var getRequiredLibCVersion = () => {
   if (process.platform !== "linux") {
     return null;
@@ -4078,13 +4086,13 @@ var checkLibCRequirement = (logLevel, indent) => {
 var checkNodeVersion = () => {
   const version = process.version.replace("v", "").split(".");
   const majorVersion = Number(version[0]);
-  if (majorVersion < NoReactInternals2.MIN_NODE_VERSION) {
-    throw new Error(`Remotion requires at least Node ${NoReactInternals2.MIN_NODE_VERSION}. You currently have ${process.version}. Update your node version to ${NoReactInternals2.MIN_NODE_VERSION} to use Remotion.`);
+  if (majorVersion < NoReactInternals3.MIN_NODE_VERSION) {
+    throw new Error(`Remotion requires at least Node ${NoReactInternals3.MIN_NODE_VERSION}. You currently have ${process.version}. Update your node version to ${NoReactInternals3.MIN_NODE_VERSION} to use Remotion.`);
   }
 };
 var checkBunVersion = () => {
-  if (!Bun.semver.satisfies(Bun.version, `>=${NoReactInternals2.MIN_BUN_VERSION}`)) {
-    throw new Error(`Remotion requires at least Bun ${NoReactInternals2.MIN_BUN_VERSION}. You currently have ${Bun.version}. Update your Bun version to ${NoReactInternals2.MIN_BUN_VERSION} to use Remotion.`);
+  if (!Bun.semver.satisfies(Bun.version, `>=${NoReactInternals3.MIN_BUN_VERSION}`)) {
+    throw new Error(`Remotion requires at least Bun ${NoReactInternals3.MIN_BUN_VERSION}. You currently have ${Bun.version}. Update your Bun version to ${NoReactInternals3.MIN_BUN_VERSION} to use Remotion.`);
   }
 };
 var checkRuntimeVersion = (logLevel, indent) => {
@@ -5100,10 +5108,10 @@ var getSourceMapFromLocalFile = (fileName) => {
 };
 
 // src/error-handling/handle-javascript-exception.ts
-import { NoReactInternals as NoReactInternals4 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals5 } from "remotion/no-react";
 
 // src/delay-render-embedded-stack.ts
-import { NoReactInternals as NoReactInternals3 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals4 } from "remotion/no-react";
 
 // src/parse-browser-error-stack.ts
 var regexValidFrame_Chrome = /^\s*(at|in)\s.+(:\d+)/;
@@ -5186,11 +5194,11 @@ var parseStack = (stack) => {
 
 // src/delay-render-embedded-stack.ts
 var parseDelayRenderEmbeddedStack = (message) => {
-  const index = message.indexOf(NoReactInternals3.DELAY_RENDER_CALLSTACK_TOKEN);
+  const index = message.indexOf(NoReactInternals4.DELAY_RENDER_CALLSTACK_TOKEN);
   if (index === -1) {
     return null;
   }
-  const msg = message.substring(index + NoReactInternals3.DELAY_RENDER_CALLSTACK_TOKEN.length).trim();
+  const msg = message.substring(index + NoReactInternals4.DELAY_RENDER_CALLSTACK_TOKEN.length).trim();
   const parsed = parseStack(msg.split(`
 `));
   return parsed;
@@ -5262,7 +5270,7 @@ var cleanUpErrorMessage = (exception) => {
 `);
 };
 var removeDelayRenderStack = (message) => {
-  const index = message.indexOf(NoReactInternals4.DELAY_RENDER_CALLSTACK_TOKEN);
+  const index = message.indexOf(NoReactInternals5.DELAY_RENDER_CALLSTACK_TOKEN);
   if (index === -1) {
     return message;
   }
@@ -5380,7 +5388,7 @@ var validateFrameRange = (frameRange) => {
 };
 
 // src/get-compositions.ts
-import { NoReactInternals as NoReactInternals7 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals8 } from "remotion/no-react";
 
 // src/to-megabytes.ts
 function toMegabytes(bytes) {
@@ -5494,8 +5502,8 @@ var getDownloadsCacheDir = () => {
 };
 
 // src/browser/BrowserFetcher.ts
-var TESTED_VERSION = "123.0.6312.86";
-var PLAYWRIGHT_VERSION = "1105";
+var TESTED_VERSION = "133.0.6943.0";
+var PLAYWRIGHT_VERSION = "1155";
 function getChromeDownloadUrl({
   platform: platform2,
   version,
@@ -6077,7 +6085,7 @@ var DEFAULT_RENDER_FRAMES_OFFTHREAD_VIDEO_THREADS = 2;
 // src/prepare-server.ts
 import { existsSync as existsSync4 } from "node:fs";
 import path18 from "node:path";
-import { NoReactInternals as NoReactInternals6 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals7 } from "remotion/no-react";
 
 // src/assets/download-and-map-assets-to-file.ts
 import fs10 from "node:fs";
@@ -15781,7 +15789,7 @@ var cleanDownloadMap = (downloadMap) => {
 
 // src/get-bundle-url-from-serve-url.ts
 import path15 from "path";
-import { NoReactInternals as NoReactInternals5 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals6 } from "remotion/no-react";
 var map = (webpackBundleOrServeUrl, suffix) => {
   if (isServeUrl(webpackBundleOrServeUrl)) {
     const parsed = new URL(webpackBundleOrServeUrl);
@@ -15796,7 +15804,7 @@ var map = (webpackBundleOrServeUrl, suffix) => {
   return url;
 };
 var getBundleMapUrlFromServeUrl = (serveUrl) => {
-  return map(serveUrl, NoReactInternals5.bundleMapName);
+  return map(serveUrl, NoReactInternals6.bundleMapName);
 };
 
 // src/normalize-serve-url.ts
@@ -16435,7 +16443,7 @@ var prepareServer = async ({
     throw new Error(`Tried to serve the Webpack bundle on a HTTP server, but the file ${indexFile} does not exist. Is this a valid path to a Webpack bundle?`);
   }
   let localSourceMap = null;
-  getSourceMapFromLocalFile(path18.join(webpackConfigOrServeUrl, NoReactInternals6.bundleName)).then((s) => {
+  getSourceMapFromLocalFile(path18.join(webpackConfigOrServeUrl, NoReactInternals7.bundleName)).then((s) => {
     localSourceMap = s;
   }).catch((err) => {
     Log.verbose({ indent, logLevel }, "Could not fetch sourcemap for ", webpackConfigOrServeUrl, err);
@@ -17210,8 +17218,8 @@ var innerGetCompositions = async ({
       height,
       fps,
       durationInFrames,
-      props: NoReactInternals7.deserializeJSONWithCustomFields(r.serializedResolvedPropsWithCustomSchema),
-      defaultProps: NoReactInternals7.deserializeJSONWithCustomFields(r.serializedDefaultPropsWithCustomSchema),
+      props: NoReactInternals8.deserializeJSONWithCustomFields(r.serializedResolvedPropsWithCustomSchema),
+      defaultProps: NoReactInternals8.deserializeJSONWithCustomFields(r.serializedDefaultPropsWithCustomSchema),
       defaultCodec,
       defaultOutName
     };
@@ -17328,7 +17336,7 @@ var getCompositions = (serveUrlOrWebpackUrl, config) => {
     browserExecutable: browserExecutable ?? null,
     chromiumOptions: chromiumOptions ?? {},
     envVariables: envVariables ?? {},
-    serializedInputPropsWithCustomSchema: NoReactInternals7.serializeJSONWithDate({
+    serializedInputPropsWithCustomSchema: NoReactInternals8.serializeJSONWithDate({
       data: inputProps ?? {},
       indent: undefined,
       staticBase: null
@@ -17646,7 +17654,7 @@ var validateSelectedPixelFormatAndCodecCombination = (pixelFormat, codec) => {
 // src/render-frames.ts
 import fs14 from "node:fs";
 import path20 from "node:path";
-import { NoReactInternals as NoReactInternals11 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals12 } from "remotion/no-react";
 
 // src/cycle-browser-tabs.ts
 var cycleBrowserTabs = ({
@@ -18007,10 +18015,10 @@ class Pool {
 }
 
 // src/render-frame-and-retry-target-close.ts
-import { NoReactInternals as NoReactInternals9 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals10 } from "remotion/no-react";
 
 // src/is-delay-render-error-with-retry.ts
-import { NoReactInternals as NoReactInternals8 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals9 } from "remotion/no-react";
 var getRetriesLeftFromError = (error) => {
   if (!error) {
     throw new Error("Expected stack");
@@ -18019,15 +18027,15 @@ var getRetriesLeftFromError = (error) => {
   if (!stack) {
     throw new Error("Expected stack: " + JSON.stringify(error));
   }
-  const beforeIndex = stack.indexOf(NoReactInternals8.DELAY_RENDER_ATTEMPT_TOKEN);
+  const beforeIndex = stack.indexOf(NoReactInternals9.DELAY_RENDER_ATTEMPT_TOKEN);
   if (beforeIndex === -1) {
     throw new Error("Expected to find attempt token in stack");
   }
-  const afterIndex = stack.indexOf(NoReactInternals8.DELAY_RENDER_RETRY_TOKEN);
+  const afterIndex = stack.indexOf(NoReactInternals9.DELAY_RENDER_RETRY_TOKEN);
   if (afterIndex === -1) {
     throw new Error("Expected to find retry token in stack");
   }
-  const inbetween = stack.substring(beforeIndex + NoReactInternals8.DELAY_RENDER_ATTEMPT_TOKEN.length, afterIndex);
+  const inbetween = stack.substring(beforeIndex + NoReactInternals9.DELAY_RENDER_ATTEMPT_TOKEN.length, afterIndex);
   const parsed = Number(inbetween);
   if (Number.isNaN(parsed)) {
     throw new Error(`Expected to find a number in the stack ${stack}`);
@@ -18587,7 +18595,7 @@ var renderFrameAndRetryTargetClose = async ({
     currentPool.release(freePage);
   } catch (err) {
     const isTargetClosedError = isTargetClosedErr(err);
-    const shouldRetryError = err.stack?.includes(NoReactInternals9.DELAY_RENDER_RETRY_TOKEN);
+    const shouldRetryError = err.stack?.includes(NoReactInternals10.DELAY_RENDER_RETRY_TOKEN);
     const flakyNetworkError = isFlakyNetworkError(err);
     if (isUserCancelledRender(err) && !shouldRetryError) {
       throw err;
@@ -18732,10 +18740,10 @@ var handleBrowserCrash = (instance, logLevel, indent) => {
 };
 
 // src/validate.ts
-import { NoReactInternals as NoReactInternals10 } from "remotion/no-react";
-var validateFps = NoReactInternals10.validateFps;
-var validateDimension = NoReactInternals10.validateDimension;
-var validateDurationInFrames = NoReactInternals10.validateDurationInFrames;
+import { NoReactInternals as NoReactInternals11 } from "remotion/no-react";
+var validateFps = NoReactInternals11.validateFps;
+var validateDimension = NoReactInternals11.validateDimension;
+var validateDurationInFrames = NoReactInternals11.validateDurationInFrames;
 
 // src/validate-scale.ts
 var validateScale = (scale) => {
@@ -19171,12 +19179,12 @@ var renderFrames = (options) => {
     indent,
     jpegQuality: jpegQuality ?? DEFAULT_JPEG_QUALITY,
     onDownload: onDownload ?? null,
-    serializedInputPropsWithCustomSchema: NoReactInternals11.serializeJSONWithDate({
+    serializedInputPropsWithCustomSchema: NoReactInternals12.serializeJSONWithDate({
       indent: undefined,
       staticBase: null,
       data: inputProps ?? {}
     }).serializedString,
-    serializedResolvedPropsWithCustomSchema: NoReactInternals11.serializeJSONWithDate({
+    serializedResolvedPropsWithCustomSchema: NoReactInternals12.serializeJSONWithDate({
       indent: undefined,
       staticBase: null,
       data: composition.props
@@ -19210,7 +19218,7 @@ var renderFrames = (options) => {
 import fs16 from "node:fs";
 import os6 from "node:os";
 import path25 from "node:path";
-import { NoReactInternals as NoReactInternals13 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals14 } from "remotion/no-react";
 
 // src/crf.ts
 var defaultCrfMap = {
@@ -19404,11 +19412,11 @@ var ensureFramesInOrder = (framesToRender) => {
 
 // src/options/color-space.tsx
 var jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
-import { NoReactInternals as NoReactInternals12 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals13 } from "remotion/no-react";
 var validV4ColorSpaces = ["default", "bt709", "bt2020-ncl"];
 var validV5ColorSpaces = ["bt601", "bt709", "bt2020-ncl"];
-var validColorSpaces = NoReactInternals12.ENABLE_V5_BREAKING_CHANGES ? validV5ColorSpaces : validV4ColorSpaces;
-var DEFAULT_COLOR_SPACE = NoReactInternals12.ENABLE_V5_BREAKING_CHANGES ? "bt709" : "default";
+var validColorSpaces = NoReactInternals13.ENABLE_V5_BREAKING_CHANGES ? validV5ColorSpaces : validV4ColorSpaces;
+var DEFAULT_COLOR_SPACE = NoReactInternals13.ENABLE_V5_BREAKING_CHANGES ? "bt709" : "default";
 
 // src/options/x264-preset.tsx
 var jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
@@ -20378,8 +20386,17 @@ var ffmpegVolumeExpression = ({
 };
 
 // src/stringify-ffmpeg-filter.ts
+var cleanUpFloatingPointError = (value) => {
+  if (value % 1 < 0.0000001) {
+    return Math.floor(value);
+  }
+  if (value % 1 > 0.9999999) {
+    return Math.ceil(value);
+  }
+  return value;
+};
 var stringifyTrim = (trim) => {
-  const value = trim * 1e6;
+  const value = cleanUpFloatingPointError(trim * 1e6);
   const asString = `${value}us`;
   if (asString.includes("e-")) {
     return "0us";
@@ -20409,7 +20426,6 @@ var getActualTrimLeft = ({
   throw new Error("This should never happen");
 };
 var trimAndSetTempo = ({
-  forSeamlessAacConcatenation,
   assetDuration,
   asset,
   trimLeftOffset,
@@ -20418,54 +20434,32 @@ var trimAndSetTempo = ({
   indent,
   logLevel
 }) => {
-  if (forSeamlessAacConcatenation) {
-    const { trimLeft, maxTrim } = getActualTrimLeft({
-      asset,
-      fps,
-      trimLeftOffset,
-      seamless: true,
-      assetDuration
-    });
-    const trimRight = trimLeft + asset.duration / fps - trimLeftOffset + trimRightOffset;
-    let trimRightOrAssetDuration = maxTrim ? Math.min(trimRight, maxTrim) : trimRight;
-    if (trimRightOrAssetDuration < trimLeft) {
-      Log.warn({ indent, logLevel }, "trimRightOrAssetDuration < trimLeft: " + JSON.stringify({
-        trimRight,
-        trimLeft,
-        assetDuration,
-        assetTrimLeft: asset.trimLeft
-      }));
-      trimRightOrAssetDuration = trimLeft;
-    }
-    return {
-      filter: [
-        calculateATempo(asset.playbackRate),
-        `atrim=${stringifyTrim(trimLeft)}:${stringifyTrim(trimRightOrAssetDuration)}`
-      ],
-      actualTrimLeft: trimLeft,
-      audibleDuration: trimRightOrAssetDuration - trimLeft
-    };
-  }
-  if (!forSeamlessAacConcatenation) {
-    const { trimLeft: actualTrimLeft, maxTrim } = getActualTrimLeft({
-      asset,
-      fps,
-      trimLeftOffset,
-      seamless: false,
-      assetDuration
-    });
-    const trimRight = actualTrimLeft + asset.duration / fps * asset.playbackRate;
-    const trimRightOrAssetDuration = maxTrim ? Math.min(trimRight, maxTrim) : trimRight;
-    return {
-      filter: [
-        `atrim=${stringifyTrim(actualTrimLeft)}:${stringifyTrim(trimRightOrAssetDuration)}`,
-        calculateATempo(asset.playbackRate)
-      ],
-      actualTrimLeft,
-      audibleDuration: (trimRightOrAssetDuration - actualTrimLeft) / asset.playbackRate
-    };
+  const { trimLeft, maxTrim } = getActualTrimLeft({
+    asset,
+    fps,
+    trimLeftOffset,
+    seamless: true,
+    assetDuration
+  });
+  const trimRight = trimLeft + asset.duration / fps - trimLeftOffset + trimRightOffset;
+  let trimRightOrAssetDuration = maxTrim ? Math.min(trimRight, maxTrim) : trimRight;
+  if (trimRightOrAssetDuration < trimLeft) {
+    Log.warn({ indent, logLevel }, "trimRightOrAssetDuration < trimLeft: " + JSON.stringify({
+      trimRight,
+      trimLeft,
+      assetDuration,
+      assetTrimLeft: asset.trimLeft
+    }));
+    trimRightOrAssetDuration = trimLeft;
   }
-  throw new Error("This should never happen");
+  return {
+    filter: [
+      calculateATempo(asset.playbackRate),
+      `atrim=${stringifyTrim(trimLeft)}:${stringifyTrim(trimRightOrAssetDuration)}`
+    ],
+    actualTrimLeft: trimLeft,
+    audibleDuration: trimRightOrAssetDuration - trimLeft
+  };
 };
 var stringifyFfmpegFilter = ({
   channels,
@@ -20504,7 +20498,6 @@ var stringifyFfmpegFilter = ({
     audibleDuration,
     filter: trimAndTempoFilter
   } = trimAndSetTempo({
-    forSeamlessAacConcatenation,
     assetDuration,
     trimLeftOffset,
     trimRightOffset,
@@ -21598,10 +21591,10 @@ var internalRenderMediaRaw = ({
         onProgress: (frame) => {
           stitchStage = "muxing";
           if (preEncodedFileLocation) {
-            muxedFrames = frame;
+            muxedFrames = Math.min(frame, totalFramesToRender);
           } else {
-            muxedFrames = frame;
-            encodedFrames = frame;
+            muxedFrames = Math.min(frame, totalFramesToRender);
+            encodedFrames = Math.min(frame, totalFramesToRender);
           }
           if (encodedFrames === totalFramesToRender) {
             encodedDoneIn = Date.now() - stitchStart;
@@ -21766,7 +21759,7 @@ var renderMedia = ({
     ffmpegOverride: ffmpegOverride ?? undefined,
     frameRange: frameRange ?? null,
     imageFormat: imageFormat ?? DEFAULT_VIDEO_IMAGE_FORMAT,
-    serializedInputPropsWithCustomSchema: NoReactInternals13.serializeJSONWithDate({
+    serializedInputPropsWithCustomSchema: NoReactInternals14.serializeJSONWithDate({
       indent: undefined,
       staticBase: null,
       data: inputProps ?? {}
@@ -21801,7 +21794,7 @@ var renderMedia = ({
       return;
     },
     server: undefined,
-    serializedResolvedPropsWithCustomSchema: NoReactInternals13.serializeJSONWithDate({
+    serializedResolvedPropsWithCustomSchema: NoReactInternals14.serializeJSONWithDate({
       indent: undefined,
       staticBase: null,
       data: composition.props ?? {}
@@ -21829,7 +21822,7 @@ var renderMedia = ({
 // src/render-still.ts
 import fs17, { statSync as statSync2 } from "node:fs";
 import path26 from "node:path";
-import { NoReactInternals as NoReactInternals14 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals15 } from "remotion/no-react";
 var innerRenderStill = async ({
   composition,
   imageFormat = DEFAULT_STILL_IMAGE_FORMAT,
@@ -21865,7 +21858,7 @@ var innerRenderStill = async ({
     allowFloats: false
   });
   validateStillImageFormat(imageFormat);
-  NoReactInternals14.validateFrame({
+  NoReactInternals15.validateFrame({
     frame,
     durationInFrames: composition.durationInFrames,
     allowFloats: false
@@ -22107,7 +22100,7 @@ var renderStill = (options) => {
     frame: frame ?? 0,
     imageFormat: imageFormat ?? DEFAULT_STILL_IMAGE_FORMAT,
     indent,
-    serializedInputPropsWithCustomSchema: NoReactInternals14.serializeJSONWithDate({
+    serializedInputPropsWithCustomSchema: NoReactInternals15.serializeJSONWithDate({
       staticBase: null,
       indent: undefined,
       data: inputProps ?? {}
@@ -22124,7 +22117,7 @@ var renderStill = (options) => {
     serveUrl,
     timeoutInMilliseconds: timeoutInMilliseconds ?? DEFAULT_TIMEOUT,
     logLevel,
-    serializedResolvedPropsWithCustomSchema: NoReactInternals14.serializeJSONWithDate({
+    serializedResolvedPropsWithCustomSchema: NoReactInternals15.serializeJSONWithDate({
       indent: undefined,
       staticBase: null,
       data: composition.props ?? {}
@@ -22143,7 +22136,7 @@ var renderStill = (options) => {
 };
 
 // src/select-composition.ts
-import { NoReactInternals as NoReactInternals15 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals16 } from "remotion/no-react";
 var innerSelectComposition = async ({
   page,
   serializedInputPropsWithCustomSchema,
@@ -22219,8 +22212,8 @@ var innerSelectComposition = async ({
       height,
       fps,
       durationInFrames,
-      props: NoReactInternals15.deserializeJSONWithCustomFields(res.serializedResolvedPropsWithCustomSchema),
-      defaultProps: NoReactInternals15.deserializeJSONWithCustomFields(res.serializedDefaultPropsWithCustomSchema),
+      props: NoReactInternals16.deserializeJSONWithCustomFields(res.serializedResolvedPropsWithCustomSchema),
+      defaultProps: NoReactInternals16.deserializeJSONWithCustomFields(res.serializedDefaultPropsWithCustomSchema),
       defaultCodec,
       defaultOutName
     },
@@ -22351,7 +22344,7 @@ var selectComposition = async (options) => {
     browserExecutable: browserExecutable ?? null,
     chromiumOptions: chromiumOptions ?? {},
     envVariables: envVariables ?? {},
-    serializedInputPropsWithCustomSchema: NoReactInternals15.serializeJSONWithDate({
+    serializedInputPropsWithCustomSchema: NoReactInternals16.serializeJSONWithDate({
       indent: undefined,
       staticBase: null,
       data: inputProps ?? {}

package/dist/format-logs.js

@@ -1,12 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formatObjectPreview = exports.formatRemoteObject = void 0;
+const no_react_1 = require("remotion/no-react");
 const chalk_1 = require("./chalk");
 const formatRemoteObject = (remoteObject) => {
     if (remoteObject.preview) {
         return (0, exports.formatObjectPreview)(remoteObject.preview);
     }
     if (remoteObject.type === 'string') {
+        const isDelayRenderClear = remoteObject.value.includes(no_react_1.NoReactInternals.DELAY_RENDER_CLEAR_TOKEN);
+        if (isDelayRenderClear) {
+            return chalk_1.chalk.gray(`${remoteObject.value}`);
+        }
         return chalk_1.chalk.reset(`${remoteObject.value}`);
     }
     if (remoteObject.type === 'number') {

package/dist/get-codec-name.d.ts

@@ -9,7 +9,7 @@ export declare const hasSpecifiedUnsupportedHardwareQualifySettings: ({ encoding
     encodingMaxRate: string | null;
     encodingBufferSize: string | null;
     crf: unknown;
-}) => "encodingMaxRate" | "encodingBufferSize" | "crf" | null;
+}) => "crf" | "encodingBufferSize" | "encodingMaxRate" | null;
 export declare const getCodecName: ({ codec, encodingMaxRate, encodingBufferSize, crf, hardwareAcceleration, logLevel, indent, }: {
     codec: Codec;
     hardwareAcceleration: HardwareAccelerationOption;

package/dist/index.d.ts

@@ -354,8 +354,8 @@ export declare const RenderInternals: {
     }) => execa.ExecaChildProcess<string>;
     validStillImageFormats: readonly ["png", "jpeg", "pdf", "webp"];
     validVideoImageFormats: readonly ["png", "jpeg", "none"];
-    DEFAULT_STILL_IMAGE_FORMAT: "png" | "jpeg" | "pdf" | "webp";
-    DEFAULT_VIDEO_IMAGE_FORMAT: "png" | "jpeg" | "none";
+    DEFAULT_STILL_IMAGE_FORMAT: "jpeg" | "png" | "webp" | "pdf";
+    DEFAULT_VIDEO_IMAGE_FORMAT: "jpeg" | "png" | "none";
     DEFAULT_JPEG_QUALITY: number;
     chalk: {
         enabled: () => boolean;

package/dist/options/index.d.ts

@@ -189,7 +189,7 @@ export declare const allOptions: {
     webhookCustomDataOption: {
         name: string;
         cliFlag: "webhook-custom-data";
-        description: (type: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+        description: (type: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
         ssrName: "customData";
         docLink: string;
         type: Record<string, unknown> | null;
@@ -602,7 +602,7 @@ export declare const allOptions: {
     metadataOption: {
         name: string;
         cliFlag: "metadata";
-        description: (mode: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+        description: (mode: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
         docLink: string;
         type: import("./metadata").Metadata;
         getValue: ({ commandLine }: {

package/dist/options/metadata.d.ts

@@ -2,7 +2,7 @@ export type Metadata = Record<string, string>;
 export declare const metadataOption: {
     name: string;
     cliFlag: "metadata";
-    description: (mode: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+    description: (mode: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
     docLink: string;
     type: Metadata;
     getValue: ({ commandLine }: {

package/dist/options/webhook-custom-data.d.ts

@@ -1,7 +1,7 @@
 export declare const webhookCustomDataOption: {
     name: string;
     cliFlag: "webhook-custom-data";
-    description: (type: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+    description: (type: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
     ssrName: "customData";
     docLink: string;
     type: Record<string, unknown> | null;

package/dist/render-media.js

@@ -398,12 +398,14 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
                 assetsInfo,
                 onProgress: (frame) => {
                     stitchStage = 'muxing';
+                    // With seamless AAC concatenation, the amount of rendered frames
+                    // might be longer, so we need to clamp it to avoid progress over 100%
                     if (preEncodedFileLocation) {
-                        muxedFrames = frame;
+                        muxedFrames = Math.min(frame, totalFramesToRender);
                     }
                     else {
-                        muxedFrames = frame;
-                        encodedFrames = frame;
+                        muxedFrames = Math.min(frame, totalFramesToRender);
+                        encodedFrames = Math.min(frame, totalFramesToRender);
                     }
                     if (encodedFrames === totalFramesToRender) {
                         encodedDoneIn = Date.now() - stitchStart;

package/dist/stringify-ffmpeg-filter.js

@@ -6,8 +6,17 @@ const ffmpeg_volume_expression_1 = require("./assets/ffmpeg-volume-expression");
 const logger_1 = require("./logger");
 const sample_rate_1 = require("./sample-rate");
 const truthy_1 = require("./truthy");
+const cleanUpFloatingPointError = (value) => {
+    if (value % 1 < 0.0000001) {
+        return Math.floor(value);
+    }
+    if (value % 1 > 0.9999999) {
+        return Math.ceil(value);
+    }
+    return value;
+};
 const stringifyTrim = (trim) => {
-    const value = trim * 1000000;
+    const value = cleanUpFloatingPointError(trim * 1000000);
     const asString = `${value}us`;
     // Handle very small values such as `"6e-7us"`, those are essentially rounding errors to 0
     if (asString.includes('e-')) {
@@ -36,66 +45,40 @@ const getActualTrimLeft = ({ asset, fps, trimLeftOffset, seamless, assetDuration
     throw new Error('This should never happen');
 };
 exports.getActualTrimLeft = getActualTrimLeft;
-const trimAndSetTempo = ({ forSeamlessAacConcatenation, assetDuration, asset, trimLeftOffset, trimRightOffset, fps, indent, logLevel, }) => {
-    // If we need seamless AAC stitching, we need to apply the tempo filter first
-    // because the atempo filter is not frame-perfect. It creates a small offset
-    // and the offset needs to be the same for all audio tracks, before processing it further.
+const trimAndSetTempo = ({ assetDuration, asset, trimLeftOffset, trimRightOffset, fps, indent, logLevel, }) => {
+    // We need to apply the tempo filter first
+    // because the atempo filter is not frame-perfect.
+    // It creates a small offset and the offset needs to be the same for all audio tracks, before processing it further.
     // This also affects the trimLeft and trimRight values, as they need to be adjusted.
-    if (forSeamlessAacConcatenation) {
-        const { trimLeft, maxTrim } = (0, exports.getActualTrimLeft)({
-            asset,
-            fps,
-            trimLeftOffset,
-            seamless: true,
-            assetDuration,
-        });
-        const trimRight = trimLeft + asset.duration / fps - trimLeftOffset + trimRightOffset;
-        let trimRightOrAssetDuration = maxTrim
-            ? Math.min(trimRight, maxTrim)
-            : trimRight;
-        if (trimRightOrAssetDuration < trimLeft) {
-            logger_1.Log.warn({ indent, logLevel }, 'trimRightOrAssetDuration < trimLeft: ' +
-                JSON.stringify({
-                    trimRight,
-                    trimLeft,
-                    assetDuration,
-                    assetTrimLeft: asset.trimLeft,
-                }));
-            trimRightOrAssetDuration = trimLeft;
-        }
-        return {
-            filter: [
-                (0, calculate_atempo_1.calculateATempo)(asset.playbackRate),
-                `atrim=${stringifyTrim(trimLeft)}:${stringifyTrim(trimRightOrAssetDuration)}`,
-            ],
-            actualTrimLeft: trimLeft,
-            audibleDuration: trimRightOrAssetDuration - trimLeft,
-        };
-    }
-    // Otherwise, we first trim and then apply playback rate, as then the atempo
-    // filter needs to do less work.
-    if (!forSeamlessAacConcatenation) {
-        const { trimLeft: actualTrimLeft, maxTrim } = (0, exports.getActualTrimLeft)({
-            asset,
-            fps,
-            trimLeftOffset,
-            seamless: false,
-            assetDuration,
-        });
-        const trimRight = actualTrimLeft + (asset.duration / fps) * asset.playbackRate;
-        const trimRightOrAssetDuration = maxTrim
-            ? Math.min(trimRight, maxTrim)
-            : trimRight;
-        return {
-            filter: [
-                `atrim=${stringifyTrim(actualTrimLeft)}:${stringifyTrim(trimRightOrAssetDuration)}`,
-                (0, calculate_atempo_1.calculateATempo)(asset.playbackRate),
-            ],
-            actualTrimLeft,
-            audibleDuration: (trimRightOrAssetDuration - actualTrimLeft) / asset.playbackRate,
-        };
+    const { trimLeft, maxTrim } = (0, exports.getActualTrimLeft)({
+        asset,
+        fps,
+        trimLeftOffset,
+        seamless: true,
+        assetDuration,
+    });
+    const trimRight = trimLeft + asset.duration / fps - trimLeftOffset + trimRightOffset;
+    let trimRightOrAssetDuration = maxTrim
+        ? Math.min(trimRight, maxTrim)
+        : trimRight;
+    if (trimRightOrAssetDuration < trimLeft) {
+        logger_1.Log.warn({ indent, logLevel }, 'trimRightOrAssetDuration < trimLeft: ' +
+            JSON.stringify({
+                trimRight,
+                trimLeft,
+                assetDuration,
+                assetTrimLeft: asset.trimLeft,
+            }));
+        trimRightOrAssetDuration = trimLeft;
     }
-    throw new Error('This should never happen');
+    return {
+        filter: [
+            (0, calculate_atempo_1.calculateATempo)(asset.playbackRate),
+            `atrim=${stringifyTrim(trimLeft)}:${stringifyTrim(trimRightOrAssetDuration)}`,
+        ],
+        actualTrimLeft: trimLeft,
+        audibleDuration: trimRightOrAssetDuration - trimLeft,
+    };
 };
 const stringifyFfmpegFilter = ({ channels, volume, fps, assetDuration, chunkLengthInSeconds, forSeamlessAacConcatenation, trimLeftOffset, trimRightOffset, asset, indent, logLevel, presentationTimeOffsetInSeconds, }) => {
     if (channels === 0) {
@@ -117,7 +100,6 @@ const stringifyFfmpegFilter = ({ channels, volume, fps, assetDuration, chunkLeng
         throw new Error('toneFrequency must be a positive number between 0.01 and 2');
     }
     const { actualTrimLeft, audibleDuration, filter: trimAndTempoFilter, } = trimAndSetTempo({
-        forSeamlessAacConcatenation,
         assetDuration,
         trimLeftOffset,
         trimRightOffset,

package/ensure-browser.mjs

@@ -3064,8 +3064,8 @@ var getDownloadsCacheDir = () => {
 };
 
 // src/browser/BrowserFetcher.ts
-var TESTED_VERSION = "123.0.6312.86";
-var PLAYWRIGHT_VERSION = "1105";
+var TESTED_VERSION = "133.0.6943.0";
+var PLAYWRIGHT_VERSION = "1155";
 function getChromeDownloadUrl({
   platform: platform2,
   version,

package/package.json

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