@remotion/renderer 4.0.226 → 4.0.228

package/dist/screenshot-dom-element.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.screenshotDOMElement = void 0;
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const puppeteer_screenshot_1 = require("./puppeteer-screenshot");
-const screenshotDOMElement = async ({ page, imageFormat, jpegQuality, opts, height, width, clipRegion, timeoutInMilliseconds, scale, }) => {
+const screenshotDOMElement = async ({ page, imageFormat, jpegQuality, opts, height, width, timeoutInMilliseconds, scale, }) => {
     const { path } = opts;
     if (imageFormat === 'png' ||
         imageFormat === 'pdf' ||
@@ -41,7 +41,6 @@ const screenshotDOMElement = async ({ page, imageFormat, jpegQuality, opts, heig
         jpegQuality,
         width,
         height,
-        clipRegion,
         scale,
     });
     if (typeof buf === 'string') {

package/dist/screenshot-task.d.ts

@@ -1,7 +1,6 @@
-import type { ClipRegion } from 'remotion/no-react';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';
-export declare const screenshotTask: ({ format, height, omitBackground, page, width, path, jpegQuality, clipRegion, scale, }: {
+export declare const screenshotTask: ({ format, height, omitBackground, page, width, path, jpegQuality, scale, }: {
     page: Page;
     format: StillImageFormat;
     path?: string;
@@ -9,6 +8,5 @@ export declare const screenshotTask: ({ format, height, omitBackground, page, wi
     omitBackground: boolean;
     width: number;
     height: number;
-    clipRegion: ClipRegion | null;
     scale: number;
 }) => Promise<Buffer | string>;

package/dist/screenshot-task.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.screenshotTask = void 0;
 const node_fs_1 = __importDefault(require("node:fs"));
 const perf_1 = require("./perf");
-const screenshotTask = async ({ format, height, omitBackground, page, width, path, jpegQuality, clipRegion, scale, }) => {
+const screenshotTask = async ({ format, height, omitBackground, page, width, path, jpegQuality, scale, }) => {
     var _a;
     const client = page._client();
     const target = page.target();
@@ -49,21 +49,13 @@ const screenshotTask = async ({ format, height, omitBackground, page, width, pat
             const { value } = await client.send('Page.captureScreenshot', {
                 format,
                 quality: jpegQuality,
-                clip: clipRegion !== null && clipRegion !== 'hide'
-                    ? {
-                        x: clipRegion.x,
-                        y: clipRegion.y,
-                        height: clipRegion.height,
-                        scale: 1,
-                        width: clipRegion.width,
-                    }
-                    : {
-                        x: 0,
-                        y: 0,
-                        height: height * scaleFactor,
-                        scale: 1,
-                        width: width * scaleFactor,
-                    },
+                clip: {
+                    x: 0,
+                    y: 0,
+                    height: height * scaleFactor,
+                    scale: 1,
+                    width: width * scaleFactor,
+                },
                 captureBeyondViewport: true,
                 optimizeForSpeed: true,
                 fromSurface,

package/dist/serve-handler/index.js

@@ -80,7 +80,7 @@ const serveHandler = async (request, response, config) => {
     try {
         relativePath = decodeURIComponent(node_url_1.default.parse(request.url).pathname);
     }
-    catch (err) {
+    catch (_a) {
         return sendError('/', response, {
             statusCode: 400,
             code: 'bad_request',
@@ -192,7 +192,7 @@ const serveHandler = async (request, response, config) => {
     try {
         stream = (0, node_fs_1.createReadStream)(absolutePath, streamOpts !== null && streamOpts !== void 0 ? streamOpts : {});
     }
-    catch (err) {
+    catch (_b) {
         return internalError(absolutePath, response);
     }
     const headers = getHeaders(absolutePath, stats);

package/dist/stitch-frames-to-video.d.ts

@@ -41,7 +41,7 @@ type InternalStitchFramesToVideoOptions = {
     ffmpegOverride: null | FfmpegOverrideFn;
     colorSpace: ColorSpace | null;
     binariesDirectory: string | null;
-    metadata?: Record<string, string> | null;
+    metadata: Record<string, string> | null;
 } & ToOptions<typeof optionsMap.stitchFramesToVideo>;
 export type StitchFramesToVideoOptions = {
     fps: number;
@@ -79,5 +79,5 @@ export declare const internalStitchFramesToVideo: (options: InternalStitchFrames
  * @param {StitchFramesToVideoOptions} options The configuration options for stitching frames into a video
  * @returns {Promise<Buffer | null>} A promise that resolves with the video buffer or null if the output was written to a file
  */
-export declare const stitchFramesToVideo: ({ assetsInfo, force, fps, height, width, audioBitrate, audioCodec, cancelSignal, codec, crf, enforceAudioTrack, ffmpegOverride, muted, numberOfGifLoops, onDownload, onProgress, outputLocation, pixelFormat, proResProfile, verbose, videoBitrate, maxRate, bufferSize, x264Preset, colorSpace, binariesDirectory, separateAudioTo, metadata, }: StitchFramesToVideoOptions) => Promise<Buffer | null>;
+export declare const stitchFramesToVideo: ({ assetsInfo, force, fps, height, width, audioBitrate, audioCodec, cancelSignal, codec, crf, enforceAudioTrack, ffmpegOverride, muted, numberOfGifLoops, onDownload, onProgress, outputLocation, pixelFormat, proResProfile, verbose, videoBitrate, maxRate, bufferSize, x264Preset, colorSpace, binariesDirectory, separateAudioTo, metadata, hardwareAcceleration, }: StitchFramesToVideoOptions) => Promise<Buffer | null>;
 export {};

package/dist/stitch-frames-to-video.js

@@ -30,7 +30,7 @@ const render_has_audio_1 = require("./render-has-audio");
 const validate_1 = require("./validate");
 const validate_even_dimensions_with_codec_1 = require("./validate-even-dimensions-with-codec");
 const validate_videobitrate_1 = require("./validate-videobitrate");
-const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec: audioCodecSetting, cancelSignal, codec, crf, enforceAudioTrack, ffmpegOverride, force, fps, height, indent, muted, onDownload, outputLocation, pixelFormat, preEncodedFileLocation, preferLossless, proResProfile, logLevel, videoBitrate, maxRate, bufferSize, width, numberOfGifLoops, onProgress, x264Preset, colorSpace, binariesDirectory, separateAudioTo, metadata, }, remotionRoot) => {
+const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec: audioCodecSetting, cancelSignal, codec, crf, enforceAudioTrack, ffmpegOverride, force, fps, height, indent, muted, onDownload, outputLocation, pixelFormat, preEncodedFileLocation, preferLossless, proResProfile, logLevel, videoBitrate, maxRate, bufferSize, width, numberOfGifLoops, onProgress, x264Preset, colorSpace, binariesDirectory, separateAudioTo, metadata, hardwareAcceleration, }, remotionRoot) => {
     var _a;
     (0, validate_1.validateDimension)(height, 'height', 'passed to `stitchFramesToVideo()`');
     (0, validate_1.validateDimension)(width, 'width', 'passed to `stitchFramesToVideo()`');
@@ -108,6 +108,7 @@ const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec:
         videoBitrate,
         encodingMaxRate: maxRate,
         encodingBufferSize: bufferSize,
+        hardwareAcceleration,
     });
     (0, pixel_format_1.validateSelectedPixelFormatAndCodecCombination)(pixelFormat, codec);
     const updateProgress = (muxProgress) => {
@@ -197,6 +198,9 @@ const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec:
             pixelFormat,
             x264Preset,
             colorSpace,
+            hardwareAcceleration,
+            indent,
+            logLevel,
         }),
         codec === 'h264' ? ['-movflags', 'faststart'] : null,
         // Ignore metadata that may come from remote media
@@ -305,7 +309,7 @@ exports.internalStitchFramesToVideo = internalStitchFramesToVideo;
  * @param {StitchFramesToVideoOptions} options The configuration options for stitching frames into a video
  * @returns {Promise<Buffer | null>} A promise that resolves with the video buffer or null if the output was written to a file
  */
-const stitchFramesToVideo = ({ assetsInfo, force, fps, height, width, audioBitrate, audioCodec, cancelSignal, codec, crf, enforceAudioTrack, ffmpegOverride, muted, numberOfGifLoops, onDownload, onProgress, outputLocation, pixelFormat, proResProfile, verbose, videoBitrate, maxRate, bufferSize, x264Preset, colorSpace, binariesDirectory, separateAudioTo, metadata, }) => {
+const stitchFramesToVideo = ({ assetsInfo, force, fps, height, width, audioBitrate, audioCodec, cancelSignal, codec, crf, enforceAudioTrack, ffmpegOverride, muted, numberOfGifLoops, onDownload, onProgress, outputLocation, pixelFormat, proResProfile, verbose, videoBitrate, maxRate, bufferSize, x264Preset, colorSpace, binariesDirectory, separateAudioTo, metadata, hardwareAcceleration, }) => {
     return (0, exports.internalStitchFramesToVideo)({
         assetsInfo,
         audioBitrate: audioBitrate !== null && audioBitrate !== void 0 ? audioBitrate : null,
@@ -338,6 +342,7 @@ const stitchFramesToVideo = ({ assetsInfo, force, fps, height, width, audioBitra
         binariesDirectory: binariesDirectory !== null && binariesDirectory !== void 0 ? binariesDirectory : null,
         metadata: metadata !== null && metadata !== void 0 ? metadata : null,
         separateAudioTo: separateAudioTo !== null && separateAudioTo !== void 0 ? separateAudioTo : null,
+        hardwareAcceleration: hardwareAcceleration !== null && hardwareAcceleration !== void 0 ? hardwareAcceleration : 'disable',
     });
 };
 exports.stitchFramesToVideo = stitchFramesToVideo;

package/dist/take-frame.d.ts

@@ -0,0 +1,18 @@
+import type { TRenderAsset } from 'remotion/no-react';
+import type { Page } from './browser/BrowserPage';
+import type { StillImageFormat, VideoImageFormat } from './image-format';
+export declare const takeFrame: ({ freePage, imageFormat, jpegQuality, frame, width, height, output, scale, wantsBuffer, timeoutInMilliseconds, }: {
+    freePage: Page;
+    imageFormat: VideoImageFormat | StillImageFormat;
+    jpegQuality: number | undefined;
+    frame: number;
+    height: number;
+    width: number;
+    output: string | null;
+    scale: number;
+    wantsBuffer: boolean;
+    timeoutInMilliseconds: number;
+}) => Promise<{
+    buffer: Buffer | null;
+    collectedAssets: TRenderAsset[];
+}>;

package/dist/take-frame.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.takeFrame = void 0;
+const collect_assets_1 = require("./collect-assets");
+const provide_screenshot_1 = require("./provide-screenshot");
+const takeFrame = async ({ freePage, imageFormat, jpegQuality, frame, width, height, output, scale, wantsBuffer, timeoutInMilliseconds, }) => {
+    const collectedAssets = await (0, collect_assets_1.collectAssets)({
+        frame,
+        freePage,
+        timeoutInMilliseconds,
+    });
+    if (imageFormat === 'none') {
+        return { buffer: null, collectedAssets };
+    }
+    const shouldMakeBuffer = wantsBuffer;
+    const buf = await (0, provide_screenshot_1.provideScreenshot)({
+        page: freePage,
+        imageFormat,
+        jpegQuality,
+        options: {
+            frame,
+            output: wantsBuffer ? null : output,
+        },
+        height,
+        width,
+        timeoutInMilliseconds,
+        scale,
+    });
+    if (shouldMakeBuffer) {
+        return { buffer: buf, collectedAssets };
+    }
+    return { buffer: null, collectedAssets };
+};
+exports.takeFrame = takeFrame;

package/ensure-browser.mjs

@@ -2743,6 +2743,9 @@ var Log = {
   verbose: (options, ...args) => {
     writeInRepro("verbose", ...args);
     if (isEqualOrBelowLogLevel(options.logLevel, "verbose")) {
+      if (args.length === 0) {
+        return process.stdout.write("\n");
+      }
       return console.log(...[
         options.indent ? INDENT_TOKEN : null,
         options.tag ? verboseTag(options.tag) : null
@@ -2752,18 +2755,27 @@ var Log = {
   info: (options, ...args) => {
     writeInRepro("info", ...args);
     if (isEqualOrBelowLogLevel(options.logLevel, "info")) {
-      return console.log(...[options.indent ? INDENT_TOKEN : null].filter(truthy).concat(args));
+      if (args.length === 0) {
+        return process.stdout.write("\n");
+      }
+      return console.log(...[options.indent ? INDENT_TOKEN : null].filter(truthy).concat(args ?? []));
     }
   },
   warn: (options, ...args) => {
     writeInRepro("warn", ...args);
     if (isEqualOrBelowLogLevel(options.logLevel, "warn")) {
+      if (args.length === 0) {
+        return process.stdout.write("\n");
+      }
       return console.warn(...[options.indent ? chalk.yellow(INDENT_TOKEN) : null].filter(truthy).concat(args.map((a) => chalk.yellow(a))));
     }
   },
   error: (options, ...args) => {
     writeInRepro("error", ...args);
     if (isEqualOrBelowLogLevel(options.logLevel, "error")) {
+      if (args.length === 0) {
+        return process.stdout.write("\n");
+      }
       return console.error(...[
         options.indent ? INDENT_TOKEN : null,
         options.tag ? verboseTag(options.tag) : null

package/eslint.config.mjs

@@ -0,0 +1,34 @@
+import {remotionFlatConfig} from '@remotion/eslint-config-internal';
+
+const config = remotionFlatConfig({react: false});
+
+export default [
+	{
+		...config,
+		rules: {
+			...config.rules,
+			'@typescript-eslint/no-use-before-define': 'off',
+			'no-restricted-imports': [
+				'error',
+				{
+					patterns: ['@remotion/*/src/*', 'remotion/src/*'],
+					paths: ['remotion', 'react', 'react-dom'],
+				},
+			],
+		},
+		ignores: ['src/browser/**'],
+	},
+	{
+		...config,
+		files: ['src/test/**'],
+		rules: {
+			...config.rules,
+			'no-restricted-imports': [
+				'error',
+				{
+					patterns: ['@remotion/*/src/*', 'remotion/src/*'],
+				},
+			],
+		},
+	},
+];

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/renderer"
   },
   "name": "@remotion/renderer",
-  "version": "4.0.226",
+  "version": "4.0.228",
   "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.226",
-    "@remotion/streaming": "4.0.226"
+    "remotion": "4.0.228",
+    "@remotion/streaming": "4.0.228"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -31,16 +31,18 @@
     "@happy-dom/global-registrator": "14.5.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "@types/ws": "8.5.10"
+    "@types/ws": "8.5.10",
+    "eslint": "9.14.0",
+    "@remotion/eslint-config-internal": "4.0.228"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.226",
-    "@remotion/compositor-darwin-x64": "4.0.226",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.226",
-    "@remotion/compositor-linux-x64-gnu": "4.0.226",
-    "@remotion/compositor-linux-x64-musl": "4.0.226",
-    "@remotion/compositor-win32-x64-msvc": "4.0.226",
-    "@remotion/compositor-linux-arm64-musl": "4.0.226"
+    "@remotion/compositor-darwin-x64": "4.0.228",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.228",
+    "@remotion/compositor-linux-arm64-musl": "4.0.228",
+    "@remotion/compositor-linux-x64-gnu": "4.0.228",
+    "@remotion/compositor-linux-x64-musl": "4.0.228",
+    "@remotion/compositor-win32-x64-msvc": "4.0.228",
+    "@remotion/compositor-darwin-arm64": "4.0.228"
   },
   "keywords": [
     "remotion",
@@ -55,9 +57,8 @@
   "homepage": "https://www.remotion.dev/docs/renderer",
   "scripts": {
     "formatting": "prettier src --check",
-    "lint": "eslint src --ext ts,tsx",
+    "lint": "eslint src",
     "test": "bun test src",
-    "make": "bun build.ts --debug",
-    "build-all": "bun build.ts --all"
+    "make": "tsc -d"
   }
 }