@remotion/renderer 4.0.141 → 4.0.143

package/dist/browser/NetworkManager.js

@@ -233,7 +233,7 @@ _NetworkManager_client = new WeakMap(), _NetworkManager_frameManager = new WeakM
         return;
     }
     if (!event.canceled) {
-        logger_1.Log.warn({ indent: __classPrivateFieldGet(this, _NetworkManager_indent, "f"), logLevel: __classPrivateFieldGet(this, _NetworkManager_logLevel, "f") }, `Browser failed to load ${request._url}: ${event.errorText}`);
+        logger_1.Log.warn({ indent: __classPrivateFieldGet(this, _NetworkManager_indent, "f"), logLevel: __classPrivateFieldGet(this, _NetworkManager_logLevel, "f") }, `Browser failed to load ${request._url} (${event.type}): ${event.errorText}`);
     }
     __classPrivateFieldGet(this, _NetworkManager_instances, "m", _NetworkManager_forgetRequest).call(this, request, true);
 };

package/dist/check-version-requirements.d.ts

@@ -1,3 +1,3 @@
 import type { LogLevel } from './log-level';
 export declare const gLibCErrorMessage: (libCString: string) => string | null;
-export declare const checkNodeVersionAndWarnAboutRosetta: (logLevel: LogLevel, indent: boolean) => void;
+export declare const checkRuntimeVersion: (logLevel: LogLevel, indent: boolean) => void;

package/dist/check-version-requirements.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkNodeVersionAndWarnAboutRosetta = exports.gLibCErrorMessage = void 0;
+exports.checkRuntimeVersion = exports.gLibCErrorMessage = void 0;
+const no_react_1 = require("remotion/no-react");
 const get_executable_path_1 = require("./compositor/get-executable-path");
 const logger_1 = require("./logger");
 const getRequiredLibCVersion = () => {
@@ -54,13 +55,25 @@ const checkLibCRequirement = (logLevel, indent) => {
         }
     }
 };
-const checkNodeVersionAndWarnAboutRosetta = (logLevel, indent) => {
+const checkNodeVersion = () => {
     const version = process.version.replace('v', '').split('.');
     const majorVersion = Number(version[0]);
-    const requiredNodeVersion = 16;
-    if (majorVersion < 16) {
-        throw new Error(`Remotion requires at least Node ${requiredNodeVersion}. You currently have ${process.version}. Update your node version to ${requiredNodeVersion} to use Remotion.`);
+    if (majorVersion < no_react_1.NoReactInternals.MIN_NODE_VERSION) {
+        throw new Error(`Remotion requires at least Node ${no_react_1.NoReactInternals.MIN_NODE_VERSION}. You currently have ${process.version}. Update your node version to ${no_react_1.NoReactInternals.MIN_NODE_VERSION} to use Remotion.`);
+    }
+};
+const checkBunVersion = () => {
+    if (!Bun.semver.satisfies(Bun.version, `>=${no_react_1.NoReactInternals.MIN_BUN_VERSION}`)) {
+        throw new Error(`Remotion requires at least Bun ${no_react_1.NoReactInternals.MIN_BUN_VERSION}. You currently have ${Bun.version}. Update your Bun version to ${no_react_1.NoReactInternals.MIN_BUN_VERSION} to use Remotion.`);
+    }
+};
+const checkRuntimeVersion = (logLevel, indent) => {
+    if (typeof Bun === 'undefined') {
+        checkNodeVersion();
+    }
+    else {
+        checkBunVersion();
     }
     checkLibCRequirement(logLevel, indent);
 };
-exports.checkNodeVersionAndWarnAboutRosetta = checkNodeVersionAndWarnAboutRosetta;
+exports.checkRuntimeVersion = checkRuntimeVersion;

package/dist/compositor/get-executable-path.js

@@ -10,7 +10,6 @@ const logger_1 = require("../logger");
 let warned = false;
 function isMusl({ indent, logLevel, }) {
     var _a;
-    // @ts-expect-error bun no types
     if (!process.report && typeof Bun !== 'undefined') {
         if (!warned) {
             logger_1.Log.warn({ indent, logLevel }, 'Bun limitation: Could not determine if your Linux is using musl or glibc. Assuming glibc.');

package/dist/compositor/payloads.d.ts

@@ -40,7 +40,7 @@ export type VideoMetadata = {
     audioFileExtension: string | null;
     pixelFormat: null | 'yuv420p' | 'yuyv422' | 'rgb24' | 'bgr24' | 'yuv422p' | 'yuv444p' | 'yuv410p' | 'yuv411p' | 'yuvj420p' | 'yuvj422p' | 'yuvj444p' | 'argb' | 'rgba' | 'abgr' | 'bgra' | 'yuv440p' | 'yuvj440p' | 'yuva420p' | 'yuv420p16le' | 'yuv420p16be' | 'yuv422p16le' | 'yuv422p16be' | 'yuv444p16le' | 'yuv444p16be' | 'yuv420p9be' | 'yuv420p9le' | 'yuv420p10be' | 'yuv420p10le' | 'yuv422p10be' | 'yuv422p10le' | 'yuv444p9be' | 'yuv444p9le' | 'yuv444p10be' | 'yuv444p10le' | 'yuv422p9be' | 'yuv422p9le' | 'yuva420p9be' | 'yuva420p9le' | 'yuva422p9be' | 'yuva422p9le' | 'yuva444p9be' | 'yuva444p9le' | 'yuva420p10be' | 'yuva420p10le' | 'yuva422p10be' | 'yuva422p10le' | 'yuva444p10be' | 'yuva444p10le' | 'yuva420p16be' | 'yuva420p16le' | 'yuva422p16be' | 'yuva422p16le' | 'yuva444p16be' | 'yuva444p16le' | 'yuva444p' | 'yuva422p' | 'yuv420p12be' | 'yuv420p12le' | 'yuv420p14be' | 'yuv420p14le' | 'yuv422p12be' | 'yuv422p12le' | 'yuv422p14be' | 'yuv422p14le' | 'yuv444p12be' | 'yuv444p12le' | 'yuv444p14be' | 'yuv444p14le' | 'yuvj411p' | 'yuv440p10le' | 'yuv440p10be' | 'yuv440p12le' | 'yuv440p12be' | 'yuv420p9' | 'yuv422p9' | 'yuv444p9' | 'yuv420p10' | 'yuv422p10' | 'yuv440p10' | 'yuv444p10' | 'yuv420p12' | 'yuv422p12' | 'yuv440p12' | 'yuv444p12' | 'yuv420p14' | 'yuv422p14' | 'yuv444p14' | 'yuv420p16' | 'yuv422p16' | 'yuv444p16' | 'yuva420p9' | 'yuva422p9' | 'yuva444p9' | 'yuva420p10' | 'yuva422p10' | 'yuva444p10' | 'yuva420p16' | 'yuva422p16' | 'yuva444p16' | 'yuva422p12be' | 'yuva422p12le' | 'yuva444p12be' | 'yuva444p12le' | 'unknown';
 };
-type SilentPart = {
+export type SilentPart = {
     startInSeconds: number;
     endInSeconds: number;
 };
@@ -109,4 +109,3 @@ export type ErrorPayload = {
     error: string;
     backtrace: string;
 };
-export {};

package/dist/create-ffmpeg-complex-filter.d.ts

@@ -4,6 +4,9 @@ export declare const createFfmpegComplexFilter: ({ filters, downloadMap, }: {
     filters: PreprocessedAudioTrack[];
     downloadMap: DownloadMap;
 }) => Promise<{
-    complexFilterFlag: [string, string] | null;
+    complexFilterFlag: [
+        string,
+        string
+    ] | null;
     cleanup: () => void;
 }>;

package/dist/get-compositions.d.ts

@@ -6,6 +6,7 @@ import type { ChromiumOptions } from './open-browser';
 import type { ToOptions } from './options/option';
 import type { optionsMap } from './options/options-map';
 import type { RemotionServer } from './prepare-server';
+import type { RequiredInputPropsInV5 } from './v5-required-input-props';
 type InternalGetCompositionsOptions = {
     serializedInputPropsWithCustomSchema: string;
     envVariables: Record<string, string>;
@@ -18,8 +19,7 @@ type InternalGetCompositionsOptions = {
     indent: boolean;
     serveUrlOrWebpackUrl: string;
 } & ToOptions<typeof optionsMap.getCompositions>;
-export type GetCompositionsOptions = {
-    inputProps?: Record<string, unknown> | null;
+export type GetCompositionsOptions = RequiredInputPropsInV5 & {
     envVariables?: Record<string, string>;
     puppeteerInstance?: HeadlessBrowser;
     onBrowserLog?: (log: BrowserLog) => void;

package/dist/get-silent-parts.d.ts

@@ -1,5 +1,6 @@
-import type { GetSilentPartsResponse } from './compositor/payloads';
+import type { GetSilentPartsResponse, SilentPart } from './compositor/payloads';
 import type { LogLevel } from './log-level';
+export type { SilentPart };
 export declare const getSilentParts: ({ src, noiseThresholdInDecibels: passedNoiseThresholdInDecibels, minDurationInSeconds: passedMinDuration, logLevel, binariesDirectory, }: {
     src: string;
     minDurationInSeconds?: number | undefined;

package/dist/index.d.ts

@@ -19,7 +19,7 @@ export type { FfmpegOverrideFn } from './ffmpeg-override';
 export { FileExtension } from './file-extensions';
 export { FrameRange } from './frame-range';
 export { GetCompositionsOptions, getCompositions } from './get-compositions';
-export { getSilentParts } from './get-silent-parts';
+export { SilentPart, getSilentParts } from './get-silent-parts';
 export { VideoMetadata, getVideoMetadata } from './get-video-metadata';
 export { ImageFormat, StillImageFormat, VideoImageFormat, validateSelectedPixelFormatAndImageFormatCombination, } from './image-format';
 export type { LogLevel } from './log-level';
@@ -408,12 +408,12 @@ export declare const RenderInternals: {
     Log: {
         verbose: (options: import("./logger").LogOptions & {
             tag?: string | undefined;
-        }, message?: any, ...optionalParams: any[]) => void;
-        info: (options: import("./logger").LogOptions, message?: any, ...optionalParams: any[]) => void;
-        warn: (options: import("./logger").LogOptions, message?: any, ...optionalParams: any[]) => void;
+        }, ...args: any[]) => void;
+        info: (options: import("./logger").LogOptions, ...args: any[]) => void;
+        warn: (options: import("./logger").LogOptions, ...args: any[]) => void;
         error: (options: import("./logger").LogOptions & {
             tag?: string | undefined;
-        }, message?: any, ...optionalParams: any[]) => void;
+        }, ...args: any[]) => void;
     };
     INDENT_TOKEN: string;
     isColorSupported: () => boolean;

package/dist/index.js

@@ -207,4 +207,4 @@ exports.RenderInternals = {
     internalEnsureBrowser: ensure_browser_2.internalEnsureBrowser,
 };
 // Warn of potential performance issues with Apple Silicon (M1 chip under Rosetta)
-(0, check_version_requirements_1.checkNodeVersionAndWarnAboutRosetta)('info', false);
+(0, check_version_requirements_1.checkRuntimeVersion)('info', false);

package/dist/logger.d.ts

@@ -10,9 +10,9 @@ type VerboseLogOptions = LogOptions & {
 export declare const verboseTag: (str: string) => string;
 export declare const secondverboseTag: (str: string) => string;
 export declare const Log: {
-    verbose: (options: VerboseLogOptions, message?: any, ...optionalParams: any[]) => void;
-    info: (options: LogOptions, message?: any, ...optionalParams: any[]) => void;
-    warn: (options: LogOptions, message?: any, ...optionalParams: any[]) => void;
-    error: (options: VerboseLogOptions, message?: any, ...optionalParams: any[]) => void;
+    verbose: (options: VerboseLogOptions, ...args: Parameters<typeof console.log>) => void;
+    info: (options: LogOptions, ...args: Parameters<typeof console.log>) => void;
+    warn: (options: LogOptions, ...args: Parameters<typeof console.log>) => void;
+    error: (options: VerboseLogOptions, ...args: Parameters<typeof console.log>) => void;
 };
 export {};

package/dist/open-browser.js

@@ -120,6 +120,8 @@ const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions
             '--no-pings', // https://source.chromium.org/search?q=lang:cpp+symbol:kNoPings&ss=chromium
             '--font-render-hinting=none',
             '--no-zygote', // https://source.chromium.org/search?q=lang:cpp+symbol:kNoZygote&ss=chromium,
+            '--ignore-gpu-blocklist',
+            '--enable-unsafe-webgpu',
             typeof forceDeviceScaleFactor === 'undefined'
                 ? null
                 : `--force-device-scale-factor=${forceDeviceScaleFactor}`,

package/dist/port-config.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="node" />
 /// <reference types="node" />
+/// <reference types="bun-types" />
 /// <reference types="node" />
 /// <reference types="node" />
 /// <reference types="node" />
+/// <reference types="bun-types" />
+/// <reference types="bun-types" />
 import type { NetworkInterfaceInfo } from 'os';
 import os from 'os';
 type PortConfig = {

package/dist/preprocess-audio-track.js

@@ -31,6 +31,8 @@ const preprocessAudioTrackUnlimited = async ({ outName, asset, fps, downloadMap,
         trimRightOffset,
         forSeamlessAacConcatenation,
         volume: (0, flatten_volume_array_1.flattenVolumeArray)(asset.volume),
+        indent,
+        logLevel,
     });
     if (filter === null) {
         return null;

package/dist/repro.d.ts

@@ -13,7 +13,7 @@ type ReproWriter = {
     }) => Promise<void>;
 };
 export declare const getReproWriter: () => ReproWriter;
-export declare const writeInRepro: (level: string, message?: any, ...optionalParams: any[]) => void;
+export declare const writeInRepro: (level: string, ...args: Parameters<typeof console.log>) => void;
 export declare const enableRepro: ({ serveUrl, compositionName, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, }: {
     serveUrl: string;
     compositionName: string;

package/dist/select-composition.d.ts

@@ -6,6 +6,7 @@ import type { ChromiumOptions } from './open-browser';
 import type { ToOptions } from './options/option';
 import type { optionsMap } from './options/options-map';
 import type { RemotionServer } from './prepare-server';
+import type { RequiredInputPropsInV5 } from './v5-required-input-props';
 type InternalSelectCompositionsConfig = {
     serializedInputPropsWithCustomSchema: string;
     envVariables: Record<string, string>;
@@ -19,8 +20,7 @@ type InternalSelectCompositionsConfig = {
     serveUrl: string;
     id: string;
 } & ToOptions<typeof optionsMap.selectComposition>;
-export type SelectCompositionOptions = {
-    inputProps?: Record<string, unknown> | null;
+export type SelectCompositionOptions = RequiredInputPropsInV5 & {
     envVariables?: Record<string, string>;
     puppeteerInstance?: HeadlessBrowser;
     onBrowserLog?: (log: BrowserLog) => void;

package/dist/stringify-ffmpeg-filter.d.ts

@@ -1,4 +1,5 @@
 import type { AssetVolume, MediaAsset } from './assets/types';
+import type { LogLevel } from './log-level';
 export type FilterWithoutPaddingApplied = ProcessedTrack & {
     filter: string;
 };
@@ -12,7 +13,7 @@ export declare const getActualTrimLeft: ({ asset, fps, trimLeftOffset, seamless,
     trimLeftOffset: number;
     seamless: boolean;
 }) => number;
-export declare const stringifyFfmpegFilter: ({ channels, volume, fps, assetDuration, chunkLengthInSeconds, forSeamlessAacConcatenation, trimLeftOffset, trimRightOffset, asset, }: {
+export declare const stringifyFfmpegFilter: ({ channels, volume, fps, assetDuration, chunkLengthInSeconds, forSeamlessAacConcatenation, trimLeftOffset, trimRightOffset, asset, indent, logLevel, }: {
     channels: number;
     volume: AssetVolume;
     fps: number;
@@ -22,4 +23,6 @@ export declare const stringifyFfmpegFilter: ({ channels, volume, fps, assetDurat
     trimLeftOffset: number;
     trimRightOffset: number;
     asset: MediaAsset;
+    indent: boolean;
+    logLevel: LogLevel;
 }) => FilterWithoutPaddingApplied | null;

package/dist/stringify-ffmpeg-filter.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.stringifyFfmpegFilter = exports.getActualTrimLeft = void 0;
 const calculate_atempo_1 = require("./assets/calculate-atempo");
 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 stringifyTrim = (trim) => {
@@ -29,7 +30,7 @@ const getActualTrimLeft = ({ asset, fps, trimLeftOffset, seamless, }) => {
     throw new Error('This should never happen');
 };
 exports.getActualTrimLeft = getActualTrimLeft;
-const trimAndSetTempo = ({ forSeamlessAacConcatenation, assetDuration, asset, trimLeftOffset, trimRightOffset, fps, }) => {
+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.
@@ -42,25 +43,26 @@ const trimAndSetTempo = ({ forSeamlessAacConcatenation, assetDuration, asset, tr
             seamless: true,
         });
         const trimRight = trimLeft + asset.duration / fps - trimLeftOffset + trimRightOffset;
-        const trimRightOrAssetDuration = assetDuration
+        let trimRightOrAssetDuration = assetDuration
             ? Math.min(trimRight, assetDuration / asset.playbackRate)
             : trimRight;
         if (trimRightOrAssetDuration < trimLeft) {
-            throw new Error('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(trimRight)}`,
+                `atrim=${stringifyTrim(trimLeft)}:${stringifyTrim(trimRightOrAssetDuration)}`,
             ],
             actualTrimLeft: trimLeft,
-            audibleDuration: trimRight - trimLeft,
+            audibleDuration: trimRightOrAssetDuration - trimLeft,
         };
     }
     // Otherwise, we first trim and then apply playback rate, as then the atempo
@@ -87,7 +89,7 @@ const trimAndSetTempo = ({ forSeamlessAacConcatenation, assetDuration, asset, tr
     }
     throw new Error('This should never happen');
 };
-const stringifyFfmpegFilter = ({ channels, volume, fps, assetDuration, chunkLengthInSeconds, forSeamlessAacConcatenation, trimLeftOffset, trimRightOffset, asset, }) => {
+const stringifyFfmpegFilter = ({ channels, volume, fps, assetDuration, chunkLengthInSeconds, forSeamlessAacConcatenation, trimLeftOffset, trimRightOffset, asset, indent, logLevel, }) => {
     if (channels === 0) {
         return null;
     }
@@ -113,6 +115,8 @@ const stringifyFfmpegFilter = ({ channels, volume, fps, assetDuration, chunkLeng
         trimRightOffset,
         asset,
         fps,
+        indent,
+        logLevel,
     });
     const volumeFilter = (0, ffmpeg_volume_expression_1.ffmpegVolumeExpression)({
         volume,

package/dist/v5-required-input-props.d.ts

@@ -0,0 +1,6 @@
+import type { NoReactInternals } from 'remotion/no-react';
+export type RequiredInputPropsInV5 = typeof NoReactInternals.ENABLE_V5_BREAKING_CHANGES extends true ? {
+    inputProps: Record<string, unknown>;
+} : {
+    inputProps?: Record<string, unknown>;
+};

package/dist/v5-required-input-props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/renderer",
-  "version": "4.0.141",
+  "version": "4.0.143",
   "description": "Renderer for Remotion",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "extract-zip": "2.0.1",
     "source-map": "^0.8.0-beta.0",
     "ws": "8.7.0",
-    "remotion": "4.0.141"
+    "remotion": "4.0.143"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -30,8 +30,10 @@
     "@testing-library/react": "13.3.0",
     "@types/node": "18.14.6",
     "@types/progress": "2.0.5",
+    "@types/bun": "1.0.12",
     "@types/react": "18.2.48",
     "@types/react-dom": "18.2.18",
+    "jsdom": "^24.0.0",
     "eslint": "8.56.0",
     "prettier": "3.2.5",
     "prettier-plugin-organize-imports": "3.2.4",
@@ -41,13 +43,13 @@
     "@types/ws": "8.5.10"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.141",
-    "@remotion/compositor-darwin-x64": "4.0.141",
-    "@remotion/compositor-linux-arm64-musl": "4.0.141",
-    "@remotion/compositor-win32-x64-msvc": "4.0.141",
-    "@remotion/compositor-linux-x64-musl": "4.0.141",
-    "@remotion/compositor-linux-x64-gnu": "4.0.141",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.141"
+    "@remotion/compositor-darwin-arm64": "4.0.143",
+    "@remotion/compositor-darwin-x64": "4.0.143",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.143",
+    "@remotion/compositor-linux-arm64-musl": "4.0.143",
+    "@remotion/compositor-linux-x64-gnu": "4.0.143",
+    "@remotion/compositor-linux-x64-musl": "4.0.143",
+    "@remotion/compositor-win32-x64-msvc": "4.0.143"
   },
   "keywords": [
     "remotion",