@remotion/renderer 3.3.4 → 3.3.6

package/dist/browser/ScreenshotOptions.d.ts

@@ -1,14 +0,0 @@
-interface ScreenshotClip {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-export interface ScreenshotOptions {
-    type: 'png' | 'jpeg';
-    path?: string;
-    clip?: ScreenshotClip;
-    quality?: number;
-    omitBackground: boolean;
-}
-export {};

package/dist/browser/ScreenshotOptions.js

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

package/dist/provide-screenshot.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="node" />
 import type { Page } from './browser/BrowserPage';
 import type { ImageFormat } from './image-format';
-export declare const provideScreenshot: ({ page, imageFormat, options, quality, }: {
+export declare const provideScreenshot: ({ page, imageFormat, options, quality, height, width, }: {
     page: Page;
     imageFormat: ImageFormat;
     quality: number | undefined;
@@ -9,4 +8,6 @@ export declare const provideScreenshot: ({ page, imageFormat, options, quality,
         frame: number;
         output: string | null;
     };
+    height: number;
+    width: number;
 }) => Promise<Buffer>;

package/dist/provide-screenshot.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.provideScreenshot = void 0;
 const screenshot_dom_element_1 = require("./screenshot-dom-element");
-const provideScreenshot = ({ page, imageFormat, options, quality, }) => {
+const provideScreenshot = ({ page, imageFormat, options, quality, height, width, }) => {
     return (0, screenshot_dom_element_1.screenshotDOMElement)({
         page,
         opts: {
@@ -10,6 +10,8 @@ const provideScreenshot = ({ page, imageFormat, options, quality, }) => {
         },
         imageFormat,
         quality,
+        height,
+        width,
     });
 };
 exports.provideScreenshot = provideScreenshot;

package/dist/puppeteer-screenshot.d.ts

@@ -1,4 +1,10 @@
-/// <reference types="node" />
 import type { Page } from './browser/BrowserPage';
-import type { ScreenshotOptions } from './browser/ScreenshotOptions';
-export declare const screenshot: (page: Page, options: ScreenshotOptions) => Promise<Buffer | string | void>;
+export declare const screenshot: (options: {
+    page: Page;
+    type: 'png' | 'jpeg';
+    path?: string;
+    quality?: number;
+    omitBackground: boolean;
+    width: number;
+    height: number;
+}) => Promise<Buffer | string | void>;

package/dist/puppeteer-screenshot.js

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.screenshot = void 0;
 const assert = __importStar(require("assert"));
 const screenshot_task_1 = require("./screenshot-task");
-const screenshot = (page, options) => {
+const screenshot = (options) => {
     let screenshotType = null;
     // options.type takes precedence over inferring the type from options.path
     // because it may be a 0-length file with no extension created beforehand
@@ -58,18 +58,14 @@ const screenshot = (page, options) => {
         assert.ok(options.quality >= 0 && options.quality <= 100, 'Expected options.quality to be between 0 and 100 (inclusive), got ' +
             options.quality);
     }
-    if (options.clip) {
-        assert.ok(typeof options.clip.x === 'number', 'Expected options.clip.x to be a number but found ' +
-            typeof options.clip.x);
-        assert.ok(typeof options.clip.y === 'number', 'Expected options.clip.y to be a number but found ' +
-            typeof options.clip.y);
-        assert.ok(typeof options.clip.width === 'number', 'Expected options.clip.width to be a number but found ' +
-            typeof options.clip.width);
-        assert.ok(typeof options.clip.height === 'number', 'Expected options.clip.height to be a number but found ' +
-            typeof options.clip.height);
-        assert.ok(options.clip.width !== 0, 'Expected options.clip.width not to be 0.');
-        assert.ok(options.clip.height !== 0, 'Expected options.clip.height not to be 0.');
-    }
-    return page.screenshotTaskQueue.postTask(() => (0, screenshot_task_1.screenshotTask)(page, screenshotType, options));
+    return options.page.screenshotTaskQueue.postTask(() => (0, screenshot_task_1.screenshotTask)({
+        page: options.page,
+        format: screenshotType,
+        height: options.height,
+        width: options.width,
+        omitBackground: options.omitBackground,
+        path: options.path,
+        quality: options.quality,
+    }));
 };
 exports.screenshot = screenshot;

package/dist/render-frames.js

@@ -52,7 +52,7 @@ const getConcurrency = (others) => {
     }
     return undefined;
 };
-const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, quality, imageFormat = image_format_1.DEFAULT_IMAGE_FORMAT, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, actualConcurrency, everyNthFrame = 1, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, }) => {
+const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, quality, imageFormat = image_format_1.DEFAULT_IMAGE_FORMAT, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale = 1, actualConcurrency, everyNthFrame = 1, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, }) => {
     if (outputDir) {
         if (!fs_1.default.existsSync(outputDir)) {
             fs_1.default.mkdirSync(outputDir, {
@@ -146,7 +146,7 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, qual
     cancelSignal === null || cancelSignal === void 0 ? void 0 : cancelSignal(() => {
         stopped = true;
     });
-    const renderFrameWithOptionToReject = async (frame, index, reject) => {
+    const renderFrameWithOptionToReject = async ({ frame, index, reject, width, height, }) => {
         const pool = await poolPromise;
         const freePage = await pool.acquire();
         if (stopped) {
@@ -174,6 +174,8 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, qual
                         frame,
                         output: null,
                     },
+                    height: composition.height,
+                    width: composition.width,
                 });
                 (0, perf_1.stopPerfMeasure)(id);
                 onFrameBuffer(buffer, frame);
@@ -198,6 +200,8 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, qual
                         frame,
                         output,
                     },
+                    height,
+                    width,
                 });
             }
         }
@@ -228,7 +232,13 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, qual
     };
     const renderFrame = (frame, index) => {
         return new Promise((resolve, reject) => {
-            renderFrameWithOptionToReject(frame, index, reject)
+            renderFrameWithOptionToReject({
+                frame,
+                index,
+                reject,
+                width: composition.width,
+                height: composition.height,
+            })
                 .then(() => {
                 resolve();
             })

package/dist/render-still.js

@@ -48,7 +48,7 @@ const set_props_and_env_1 = require("./set-props-and-env");
 const validate_frame_1 = require("./validate-frame");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const validate_scale_1 = require("./validate-scale");
-const innerRenderStill = async ({ composition, quality, imageFormat = 'png', serveUrl, puppeteerInstance, dumpBrowserLogs = false, onError, inputProps, envVariables, output, frame = 0, overwrite = true, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, }) => {
+const innerRenderStill = async ({ composition, quality, imageFormat = 'png', serveUrl, puppeteerInstance, dumpBrowserLogs = false, onError, inputProps, envVariables, output, frame = 0, overwrite = true, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale = 1, proxyPort, cancelSignal, }) => {
     remotion_1.Internals.validateDimension(composition.height, 'height', 'in the `config` object passed to `renderStill()`');
     remotion_1.Internals.validateDimension(composition.width, 'width', 'in the `config` object passed to `renderStill()`');
     remotion_1.Internals.validateFps(composition.fps, 'in the `config` object of `renderStill()`', false);
@@ -159,6 +159,8 @@ const innerRenderStill = async ({ composition, quality, imageFormat = 'png', ser
             frame: stillFrame,
             output,
         },
+        height: composition.height,
+        width: composition.width,
     });
     await cleanup();
 };

package/dist/screenshot-dom-element.d.ts

@@ -1,11 +1,12 @@
-/// <reference types="node" />
 import type { Page } from './browser/BrowserPage';
 import type { ImageFormat } from './image-format';
-export declare const screenshotDOMElement: ({ page, imageFormat, quality, opts, }: {
+export declare const screenshotDOMElement: ({ page, imageFormat, quality, opts, height, width, }: {
     page: Page;
     imageFormat: ImageFormat;
     quality: number | undefined;
     opts: {
         path: string | null;
     };
+    height: number;
+    width: number;
 }) => Promise<Buffer>;

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, quality, opts, }) => {
+const screenshotDOMElement = async ({ page, imageFormat, quality, opts, height, width, }) => {
     const { path } = opts;
     if (imageFormat === 'png') {
         await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
@@ -28,11 +28,14 @@ const screenshotDOMElement = async ({ page, imageFormat, quality, opts, }) => {
     if (imageFormat === 'none') {
         throw new TypeError('Tried to make a screenshot with format "none"');
     }
-    return (0, puppeteer_screenshot_1.screenshot)(page, {
+    return (0, puppeteer_screenshot_1.screenshot)({
+        page,
         omitBackground: imageFormat === 'png',
         path: path !== null && path !== void 0 ? path : undefined,
         type: imageFormat,
         quality,
+        width,
+        height,
     });
 };
 exports.screenshotDOMElement = screenshotDOMElement;

package/dist/screenshot-task.d.ts

@@ -1,5 +1,11 @@
-/// <reference types="node" />
 import type { Page } from './browser/BrowserPage';
-import type { ScreenshotOptions } from './browser/ScreenshotOptions';
 import type { StillImageFormat } from './image-format';
-export declare const screenshotTask: (page: Page, format: StillImageFormat, options: ScreenshotOptions) => Promise<Buffer | string>;
+export declare const screenshotTask: ({ format, height, omitBackground, page, width, path, quality, }: {
+    page: Page;
+    format: StillImageFormat;
+    path?: string | undefined;
+    quality?: number | undefined;
+    omitBackground: boolean;
+    width: number;
+    height: number;
+}) => Promise<Buffer | string>;

package/dist/screenshot-task.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.screenshotTask = void 0;
 const fs_1 = __importDefault(require("fs"));
 const perf_1 = require("./perf");
-const screenshotTask = async (page, format, options) => {
+const screenshotTask = async ({ format, height, omitBackground, page, width, path, quality, }) => {
     var _a;
     const client = page._client();
     const target = page.target();
@@ -15,7 +15,7 @@ const screenshotTask = async (page, format, options) => {
         targetId: target._targetId,
     });
     (0, perf_1.stopPerfMeasure)(perfTarget);
-    const shouldSetDefaultBackground = options.omitBackground && format === 'png';
+    const shouldSetDefaultBackground = omitBackground && format === 'png';
     if (shouldSetDefaultBackground)
         await client.send('Emulation.setDefaultBackgroundColorOverride', {
             color: { r: 0, g: 0, b: 0, a: 0 },
@@ -24,8 +24,14 @@ const screenshotTask = async (page, format, options) => {
     try {
         const result = await client.send('Page.captureScreenshot', {
             format,
-            quality: options.quality,
-            clip: undefined,
+            quality,
+            clip: {
+                x: 0,
+                y: 0,
+                height,
+                scale: 1,
+                width,
+            },
             captureBeyondViewport: true,
         });
         (0, perf_1.stopPerfMeasure)(cap);
@@ -33,8 +39,8 @@ const screenshotTask = async (page, format, options) => {
             await client.send('Emulation.setDefaultBackgroundColorOverride');
         const saveMarker = (0, perf_1.startPerfMeasure)('save');
         const buffer = Buffer.from(result.data, 'base64');
-        if (options.path)
-            await fs_1.default.promises.writeFile(options.path, buffer);
+        if (path)
+            await fs_1.default.promises.writeFile(path, buffer);
         (0, perf_1.stopPerfMeasure)(saveMarker);
         return buffer;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/renderer",
-	"version": "3.3.4",
+	"version": "3.3.6",
 	"description": "Renderer for Remotion",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -22,7 +22,7 @@
 	"dependencies": {
 		"execa": "5.1.1",
 		"extract-zip": "2.0.1",
-		"remotion": "3.3.4",
+		"remotion": "3.3.6",
 		"source-map": "^0.8.0-beta.0",
 		"ws": "8.7.0"
 	},
@@ -57,5 +57,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "d5185eb129001bbc65d1edeea0250ee52c351f30"
+	"gitHead": "40198e5226bfa91a4df72159aec44d56e17fe8a1"
 }