@remotion/renderer 3.0.0-lambda.42 → 3.0.0-lambda.439

package/dist/render-still.js.map

@@ -1 +1 @@
-{"version":3,"file":"render-still.js","sourceRoot":"","sources":["../src/render-still.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA2C;AAC3C,gDAAwB;AAExB,uCAMkB;AAClB,iDAA2C;AAC3C,6DAAuD;AACvD,mDAA4C;AAC5C,2DAAmD;AAEnD;;GAEG;AACI,MAAM,WAAW,GAAG,KAAK,EAAE,EACjC,WAAW,EACX,OAAO,EACP,WAAW,GAAG,KAAK,EACnB,QAAQ,EACR,OAAO,GAAG,oBAAS,CAAC,eAAe,EACnC,iBAAiB,EACjB,eAAe,GAAG,KAAK,EACvB,OAAO,EACP,UAAU,EACV,YAAY,EACZ,MAAM,EACN,KAAK,GAAG,CAAC,EACT,SAAS,GAAG,IAAI,EAChB,iBAAiB,GAgBjB,EAAE,EAAE;IACJ,oBAAS,CAAC,iBAAiB,CAC1B,WAAW,CAAC,MAAM,EAClB,QAAQ,EACR,kDAAkD,CAClD,CAAC;IACF,oBAAS,CAAC,iBAAiB,CAC1B,WAAW,CAAC,KAAK,EACjB,OAAO,EACP,kDAAkD,CAClD,CAAC;IACF,oBAAS,CAAC,WAAW,CACpB,WAAW,CAAC,GAAG,EACf,2CAA2C,CAC3C,CAAC;IACF,oBAAS,CAAC,wBAAwB,CACjC,WAAW,CAAC,gBAAgB,EAC5B,kDAAkD,CAClD,CAAC;IACF,oBAAS,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAC;IAClD,oBAAS,CAAC,aAAa,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;IAE7D,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC/B,MAAM,IAAI,SAAS,CAAC,sDAAsD,CAAC,CAAC;KAC5E;IAED,MAAM,GAAG,cAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,MAAM,CAAC,CAAC;IAE7C,IAAI,OAAO,KAAK,SAAS,IAAI,WAAW,KAAK,MAAM,EAAE;QACpD,MAAM,IAAI,KAAK,CACd,oEAAoE,CACpE,CAAC;KACF;IAED,oBAAS,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IAEnC,IAAI,YAAE,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;QAC1B,IAAI,CAAC,SAAS,EAAE;YACf,MAAM,IAAI,KAAK,CACd,yFAAyF,MAAM,kBAAkB,CACjH,CAAC;SACF;QAED,MAAM,IAAI,GAAG,IAAA,aAAQ,EAAC,MAAM,CAAC,CAAC;QAE9B,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE;YACnB,MAAM,IAAI,KAAK,CACd,uBAAuB,MAAM,0FAA0F,CACvH,CAAC;SACF;KACD;IAED,IAAA,cAAS,EAAC,cAAI,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE;QACrC,SAAS,EAAE,IAAI;KACf,CAAC,CAAC;IAEH,MAAM,eAAe,GACpB,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GACjB,CAAC,MAAM,IAAA,0BAAW,EAAC,OAAO,EAAE;QAC3B,iBAAiB;QACjB,YAAY,EAAE,eAAe;KAC7B,CAAC,CAAC,CAAC;IACL,MAAM,IAAI,GAAG,MAAM,eAAe,CAAC,OAAO,EAAE,CAAC;IAC7C,IAAI,CAAC,WAAW,CAAC;QAChB,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,MAAM,EAAE,WAAW,CAAC,MAAM;QAC1B,iBAAiB,EAAE,CAAC;KACpB,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,CAAC,GAAU,EAAE,EAAE;QACpC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,GAAG,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;IACpC,MAAM,IAAI,GAAG,GAAG,QAAQ,2BAA2B,WAAW,CAAC,EAAE,EAAE,CAAC;IACpE,MAAM,IAAA,kCAAc,EAAC;QACpB,UAAU;QACV,YAAY;QACZ,IAAI;QACJ,QAAQ;QACR,YAAY,EAAE,KAAK;KACnB,CAAC,CAAC;IAEH,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtB,IAAI;QACH,MAAM,IAAA,2BAAW,EAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC;KACjC;IAAC,OAAO,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,GAAY,CAAC;QAC3B,IACC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC;YACjC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,EACjC;YACD,aAAa,CACZ,IAAI,KAAK,CACR,2FAA2F,CAC3F,CACD,CAAC;SACF;aAAM;YACN,aAAa,CAAC,KAAK,CAAC,CAAC;SACrB;QAED,MAAM,KAAK,CAAC;KACZ;IAED,MAAM,IAAA,sCAAiB,EAAC;QACvB,IAAI;QACJ,WAAW;QACX,OAAO;QACP,OAAO,EAAE;YACR,KAAK;YACL,MAAM;SACN;KACD,CAAC,CAAC;IAEH,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;IAErC,IAAI,iBAAiB,EAAE;QACtB,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;KACnB;SAAM;QACN,eAAe,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YACrC,OAAO,CAAC,GAAG,CAAC,yBAAyB,EAAE,GAAG,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;KACH;AACF,CAAC,CAAC;AAxJW,QAAA,WAAW,eAwJtB"}
+{"version":3,"file":"render-still.js","sourceRoot":"","sources":["../src/render-still.ts"],"names":[],"mappings":"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"}

package/dist/render-video.d.ts

@@ -0,0 +1,38 @@
+import type { Browser as PuppeteerBrowser } from 'puppeteer-core';
+import { Browser, Codec, FfmpegExecutable, FrameRange, PixelFormat, ProResProfile, TCompMetadata } from 'remotion';
+export declare type RenderVideoOnDownload = (src: string) => void;
+export declare type RenderVideoOnProgress = (progress: {
+    renderedFrames: number;
+    encodedFrames: number;
+    encodedDoneIn: number | null;
+    renderedDoneIn: number | null;
+    stitchStage: 'encoding' | 'muxing';
+}) => void;
+export declare type RenderVideoOptions = {
+    proResProfile: ProResProfile | undefined;
+    parallelism: number | null;
+    parallelEncoding: boolean;
+    crf: number | null;
+    outputDir: string;
+    config: TCompMetadata;
+    imageFormat: 'png' | 'jpeg' | 'none';
+    ffmpegExecutable: FfmpegExecutable;
+    inputProps: object;
+    pixelFormat: PixelFormat;
+    codec: Codec;
+    envVariables: Record<string, string>;
+    quality: number | undefined;
+    frameRange: FrameRange | null;
+    browser: Browser;
+    serveUrl: string;
+    openedBrowser: PuppeteerBrowser;
+    overwrite: boolean;
+    absoluteOutputFile: string;
+    onProgress: RenderVideoOnProgress;
+    shouldOutputImageSequence: boolean;
+    fileExtension: string | null;
+    bundled: string;
+    onDownload: (src: string) => void;
+};
+export declare const renderVideo: ({ parallelism, proResProfile, parallelEncoding, crf, outputDir, config, imageFormat, ffmpegExecutable, inputProps, pixelFormat, codec, envVariables, quality, frameRange, browser, serveUrl, openedBrowser, absoluteOutputFile, onProgress, overwrite, shouldOutputImageSequence, fileExtension, bundled, onDownload, }: RenderVideoOptions) => Promise<void>;
+//# sourceMappingURL=render-video.d.ts.map

package/dist/render-video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-video.d.ts","sourceRoot":"","sources":["../src/render-video.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAChE,OAAO,EACN,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,UAAU,EAEV,WAAW,EACX,aAAa,EACb,aAAa,EACb,MAAM,UAAU,CAAC;AAIlB,oBAAY,qBAAqB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;AAE1D,oBAAY,qBAAqB,GAAG,CAAC,QAAQ,EAAE;IAC9C,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,WAAW,EAAE,UAAU,GAAG,QAAQ,CAAC;CACnC,KAAK,IAAI,CAAC;AAEX,oBAAY,kBAAkB,GAAG;IAChC,aAAa,EAAE,aAAa,GAAG,SAAS,CAAC;IACzC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IACrC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,gBAAgB,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,qBAAqB,CAAC;IAClC,yBAAyB,EAAE,OAAO,CAAC;IACnC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,WAAW,4TAyBrB,kBAAkB,kBAuKpB,CAAC"}

package/dist/render-video.js

@@ -0,0 +1,169 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderVideo = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const remotion_1 = require("remotion");
+const stitcher_1 = require("./stitcher");
+const render_1 = require("./render");
+const renderVideo = async ({ parallelism, proResProfile, parallelEncoding, crf, outputDir, config, imageFormat, ffmpegExecutable, inputProps, pixelFormat, codec, envVariables, quality, frameRange, browser, serveUrl, openedBrowser, absoluteOutputFile, onProgress, overwrite, shouldOutputImageSequence, fileExtension, bundled, onDownload, }) => {
+    var _a, _b;
+    let stitcherFfmpeg;
+    let preStitcher;
+    let encodedFrames = 0;
+    let renderedFrames = 0;
+    let preEncodedFileLocation;
+    let renderedDoneIn = null;
+    let encodedDoneIn = null;
+    const renderStart = Date.now();
+    if (parallelEncoding) {
+        if (typeof crf !== 'number') {
+            throw new TypeError('CRF is unexpectedly not a number');
+        }
+        preEncodedFileLocation = path_1.default.join(outputDir, 'pre-encode.' + fileExtension);
+        preStitcher = await (0, stitcher_1.spawnFfmpeg)({
+            dir: outputDir,
+            width: config.width,
+            height: config.height,
+            fps: config.fps,
+            outputLocation: preEncodedFileLocation,
+            force: true,
+            imageFormat,
+            pixelFormat,
+            codec,
+            proResProfile,
+            crf,
+            parallelism,
+            onProgress: (frame) => {
+                encodedFrames = frame;
+                onProgress({
+                    encodedFrames,
+                    renderedFrames,
+                    encodedDoneIn: null,
+                    renderedDoneIn: null,
+                    stitchStage: 'encoding',
+                });
+            },
+            verbose: remotion_1.Internals.Logging.isEqualOrBelowLogLevel('verbose'),
+            parallelEncoding,
+            webpackBundle: bundled,
+            ffmpegExecutable,
+            assetsInfo: { assets: [] },
+        });
+        stitcherFfmpeg = preStitcher.task;
+    }
+    const renderer = (0, render_1.renderFrames)({
+        config,
+        onFrameUpdate: (frame) => {
+            renderedFrames = frame;
+            onProgress({
+                encodedFrames,
+                renderedFrames,
+                encodedDoneIn,
+                renderedDoneIn,
+                stitchStage: 'encoding',
+            });
+        },
+        parallelism,
+        parallelEncoding,
+        outputDir,
+        onStart: () => {
+            renderedFrames = 0;
+            onProgress({
+                encodedDoneIn,
+                encodedFrames,
+                renderedDoneIn,
+                renderedFrames,
+                // TODO: Keep a state
+                stitchStage: 'encoding',
+            });
+        },
+        inputProps,
+        envVariables,
+        imageFormat,
+        quality,
+        browser,
+        frameRange: frameRange !== null && frameRange !== void 0 ? frameRange : null,
+        puppeteerInstance: openedBrowser,
+        writeFrame: async (buffer) => {
+            var _a;
+            (_a = stitcherFfmpeg === null || stitcherFfmpeg === void 0 ? void 0 : stitcherFfmpeg.stdin) === null || _a === void 0 ? void 0 : _a.write(buffer);
+        },
+        serveUrl,
+    });
+    const { assetsInfo } = await renderer;
+    if (stitcherFfmpeg) {
+        (_a = stitcherFfmpeg === null || stitcherFfmpeg === void 0 ? void 0 : stitcherFfmpeg.stdin) === null || _a === void 0 ? void 0 : _a.end();
+        await stitcherFfmpeg;
+        (_b = preStitcher === null || preStitcher === void 0 ? void 0 : preStitcher.cleanup) === null || _b === void 0 ? void 0 : _b.call(preStitcher);
+    }
+    const closeBrowserPromise = openedBrowser.close();
+    renderedDoneIn = Date.now() - renderStart;
+    onProgress({
+        encodedFrames,
+        renderedFrames,
+        renderedDoneIn,
+        encodedDoneIn,
+        stitchStage: 'encoding',
+    });
+    if (process.env.DEBUG) {
+        remotion_1.Internals.perf.logPerf();
+    }
+    if (shouldOutputImageSequence) {
+        return;
+    }
+    if (typeof crf !== 'number') {
+        throw new TypeError('CRF is unexpectedly not a number');
+    }
+    const dirName = path_1.default.dirname(absoluteOutputFile);
+    if (!fs_1.default.existsSync(dirName)) {
+        fs_1.default.mkdirSync(dirName, {
+            recursive: true,
+        });
+    }
+    const stitchStart = Date.now();
+    await (0, stitcher_1.stitchFramesToVideo)({
+        dir: outputDir,
+        width: config.width,
+        height: config.height,
+        fps: config.fps,
+        outputLocation: absoluteOutputFile,
+        preEncodedFileLocation,
+        force: overwrite,
+        imageFormat,
+        pixelFormat,
+        codec,
+        proResProfile,
+        crf,
+        assetsInfo,
+        parallelism,
+        ffmpegExecutable,
+        onProgress: (frame) => {
+            onProgress({
+                encodedFrames: frame,
+                renderedFrames,
+                renderedDoneIn,
+                encodedDoneIn,
+                stitchStage: 'muxing',
+            });
+        },
+        // TODO: Optimization, Now can download before!
+        onDownload,
+        webpackBundle: bundled,
+        verbose: remotion_1.Internals.Logging.isEqualOrBelowLogLevel('verbose'),
+    });
+    encodedDoneIn = Date.now() - stitchStart;
+    onProgress({
+        encodedDoneIn,
+        encodedFrames,
+        renderedDoneIn,
+        renderedFrames,
+        stitchStage: 'muxing',
+    });
+    await closeBrowserPromise;
+};
+exports.renderVideo = renderVideo;
+//# sourceMappingURL=render-video.js.map

package/dist/render-video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-video.js","sourceRoot":"","sources":["../src/render-video.ts"],"names":[],"mappings":"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"}

package/dist/render.d.ts

@@ -1,25 +1,45 @@
-import { Browser as PuppeteerBrowser } from 'puppeteer-core';
-import { Browser, BrowserExecutable, FrameRange, ImageFormat, VideoConfig } from 'remotion';
+/// <reference types="node" />
+import { Browser as PuppeteerBrowser, Page } from 'puppeteer-core';
+import { BrowserExecutable, FrameRange, ImageFormat, SmallTCompMetadata } from 'remotion';
+import { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import { BrowserLog } from './browser-log';
-import { OnErrorInfo, OnStartData, RenderFramesOutput } from './types';
-export declare const renderFrames: ({ config, parallelism, onFrameUpdate, compositionId, outputDir, onStart, inputProps, quality, imageFormat, frameRange, puppeteerInstance, serveUrl, onError, envVariables, browserExecutable, dumpBrowserLogs, browser, onBrowserLog, }: {
-    config: VideoConfig;
-    compositionId: string;
+import { ServeUrlOrWebpackBundle } from './legacy-webpack-config';
+import { ChromiumOptions } from './open-browser';
+import { OnStartData, RenderFramesOutput } from './types';
+declare type ConfigOrComposition = {
+    /**
+     * @deprecated This field has been renamed to `composition`
+     */
+    config: SmallTCompMetadata;
+} | {
+    composition: SmallTCompMetadata;
+};
+declare type RenderFramesOptions = {
     onStart: (data: OnStartData) => void;
-    onFrameUpdate: (framesRendered: number, src: string, frameIndex: number) => void;
-    outputDir: string;
+    onFrameUpdate: (framesRendered: number, frameIndex: number) => void;
+    outputDir: string | null;
     inputProps: unknown;
-    envVariables?: Record<string, string> | undefined;
+    envVariables?: Record<string, string>;
     imageFormat: ImageFormat;
-    parallelism?: number | null | undefined;
-    quality?: number | undefined;
-    browser?: Browser | undefined;
-    frameRange?: FrameRange | null | undefined;
+    parallelism?: number | null;
+    quality?: number;
+    frameRange?: FrameRange | null;
+    dumpBrowserLogs?: boolean;
+    puppeteerInstance?: PuppeteerBrowser;
+    browserExecutable?: BrowserExecutable;
+    onBrowserLog?: (log: BrowserLog) => void;
+    onFrameBuffer?: (buffer: Buffer, frame: number) => void;
+    onDownload?: RenderMediaOnDownload;
+    timeoutInMilliseconds?: number;
+    chromiumOptions?: ChromiumOptions;
+    scale?: number;
+} & ConfigOrComposition & ServeUrlOrWebpackBundle;
+export declare const innerRenderFrames: ({ parallelism, onFrameUpdate, outputDir, onStart, inputProps, quality, imageFormat, frameRange, puppeteerInstance, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, }: Omit<RenderFramesOptions, "url"> & {
+    onError: (err: Error) => void;
+    pagesArray: Page[];
     serveUrl: string;
-    dumpBrowserLogs?: boolean | undefined;
-    puppeteerInstance?: PuppeteerBrowser | undefined;
-    browserExecutable?: BrowserExecutable | undefined;
-    onError?: ((info: OnErrorInfo) => void) | undefined;
-    onBrowserLog?: ((log: BrowserLog) => void) | undefined;
+    composition: SmallTCompMetadata;
 }) => Promise<RenderFramesOutput>;
+export declare const renderFrames: (options: RenderFramesOptions) => Promise<RenderFramesOutput>;
+export {};
 //# sourceMappingURL=render.d.ts.map

package/dist/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAiB,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EACN,OAAO,EACP,iBAAiB,EACjB,UAAU,EACV,WAAW,EAEX,WAAW,EACX,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAWzC,OAAO,EAAC,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAErE,eAAO,MAAM,YAAY;YAoBhB,WAAW;mBACJ,MAAM;oBACL,WAAW,KAAK,IAAI;oCAEnB,MAAM,OACjB,MAAM,cACC,MAAM,KACd,IAAI;eACE,MAAM;gBACL,OAAO;;iBAEN,WAAW;;;;;cAKd,MAAM;;;;sBAIC,WAAW,KAAK,IAAI;0BAChB,UAAU,KAAK,IAAI;MACrC,QAAQ,kBAAkB,CAqL7B,CAAC"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":";AAEA,OAAO,EACN,OAAO,IAAI,gBAAgB,EAE3B,IAAI,EACJ,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACN,iBAAiB,EACjB,UAAU,EACV,WAAW,EAEX,kBAAkB,EAElB,MAAM,UAAU,CAAC;AAClB,OAAO,EAEN,qBAAqB,EACrB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAKzC,OAAO,EAEN,uBAAuB,EACvB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAC,eAAe,EAAc,MAAM,gBAAgB,CAAC;AAM5D,OAAO,EAAC,WAAW,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAGxD,aAAK,mBAAmB,GACrB;IACA;;OAEG;IACH,MAAM,EAAE,kBAAkB,CAAC;CAC1B,GACD;IACA,WAAW,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEL,aAAK,mBAAmB,GAAG;IAC1B,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACrC,aAAa,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;IACrC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,mBAAmB,GACtB,uBAAuB,CAAC;AAczB,eAAO,MAAM,iBAAiB;mBAqBd,KAAK,KAAK,IAAI;gBACjB,IAAI,EAAE;cACR,MAAM;iBACH,kBAAkB;MAC5B,QAAQ,kBAAkB,CAwM7B,CAAC;AAEF,eAAO,MAAM,YAAY,YACf,mBAAmB,KAC1B,QAAQ,kBAAkB,CAkF5B,CAAC"}

package/dist/render.js

@@ -3,43 +3,55 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderFrames = void 0;
+exports.renderFrames = exports.innerRenderFrames = void 0;
+const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const remotion_1 = require("remotion");
+const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
 const cycle_browser_tabs_1 = require("./cycle-browser-tabs");
 const get_concurrency_1 = require("./get-concurrency");
-const get_frame_range_1 = require("./get-frame-range");
 const get_frame_to_render_1 = require("./get-frame-to-render");
 const image_format_1 = require("./image-format");
+const legacy_webpack_config_1 = require("./legacy-webpack-config");
+const make_assets_download_dir_1 = require("./make-assets-download-dir");
 const open_browser_1 = require("./open-browser");
 const pool_1 = require("./pool");
+const prepare_server_1 = require("./prepare-server");
 const provide_screenshot_1 = require("./provide-screenshot");
 const seek_to_frame_1 = require("./seek-to-frame");
 const set_props_and_env_1 = require("./set-props-and-env");
-const renderFrames = async ({ config, parallelism, onFrameUpdate, compositionId, outputDir, onStart, inputProps, quality, imageFormat = image_format_1.DEFAULT_IMAGE_FORMAT, frameRange, puppeteerInstance, serveUrl, onError, envVariables, browserExecutable, dumpBrowserLogs, browser, onBrowserLog, }) => {
-    remotion_1.Internals.validateDimension(config.height, 'height', 'in the `config` object passed to `renderFrames()`');
-    remotion_1.Internals.validateDimension(config.width, 'width', 'in the `config` object passed to `renderFrames()`');
-    remotion_1.Internals.validateFps(config.fps, 'in the `config` object of `renderFrames()`');
-    remotion_1.Internals.validateDurationInFrames(config.durationInFrames, 'in the `config` object passed to `renderFrames()`');
-    if (quality !== undefined && imageFormat !== 'jpeg') {
-        throw new Error("You can only pass the `quality` option if `imageFormat` is 'jpeg'.");
+const validate_scale_1 = require("./validate-scale");
+const getComposition = (others) => {
+    if ('composition' in others) {
+        return others.composition;
+    }
+    if ('config' in others) {
+        return others.config;
+    }
+    return undefined;
+};
+const innerRenderFrames = async ({ parallelism, onFrameUpdate, outputDir, onStart, inputProps, quality, imageFormat = image_format_1.DEFAULT_IMAGE_FORMAT, frameRange, puppeteerInstance, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, }) => {
+    if (!puppeteerInstance) {
+        throw new Error('weird');
     }
-    remotion_1.Internals.validateQuality(quality);
     const actualParallelism = (0, get_concurrency_1.getActualConcurrency)(parallelism !== null && parallelism !== void 0 ? parallelism : null);
-    const browserInstance = puppeteerInstance !== null && puppeteerInstance !== void 0 ? puppeteerInstance : (await (0, open_browser_1.openBrowser)(browser !== null && browser !== void 0 ? browser : remotion_1.Internals.DEFAULT_BROWSER, {
-        shouldDumpIo: dumpBrowserLogs,
-        browserExecutable,
-    }));
+    if (outputDir) {
+        if (!fs_1.default.existsSync(outputDir)) {
+            fs_1.default.mkdirSync(outputDir, {
+                recursive: true,
+            });
+        }
+    }
+    const realFrameRange = (0, get_frame_to_render_1.getRealFrameRange)(composition.durationInFrames, frameRange !== null && frameRange !== void 0 ? frameRange : null);
+    const frameCount = realFrameRange[1] - realFrameRange[0] + 1;
     const pages = new Array(actualParallelism).fill(true).map(async () => {
-        const page = await browserInstance.newPage();
+        const page = await puppeteerInstance.newPage();
+        pagesArray.push(page);
         page.setViewport({
-            width: config.width,
-            height: config.height,
-            deviceScaleFactor: 1,
+            width: composition.width,
+            height: composition.height,
+            deviceScaleFactor: scale !== null && scale !== void 0 ? scale : 1,
         });
-        const errorCallback = (err) => {
-            onError === null || onError === void 0 ? void 0 : onError({ error: err, frame: null });
-        };
         const logCallback = (log) => {
             onBrowserLog === null || onBrowserLog === void 0 ? void 0 : onBrowserLog({
                 stackTrace: log.stackTrace(),
@@ -50,8 +62,6 @@ const renderFrames = async ({ config, parallelism, onFrameUpdate, compositionId,
         if (onBrowserLog) {
             page.on('console', logCallback);
         }
-        page.on('error', errorCallback);
-        page.on('pageerror', errorCallback);
         const initialFrame = typeof frameRange === 'number'
             ? frameRange
             : frameRange === null || frameRange === undefined
@@ -63,19 +73,20 @@ const renderFrames = async ({ config, parallelism, onFrameUpdate, compositionId,
             page,
             serveUrl,
             initialFrame,
+            timeoutInMilliseconds,
         });
-        const site = `${serveUrl}/index.html?composition=${compositionId}`;
-        await page.goto(site);
-        page.off('error', errorCallback);
-        page.off('pageerror', errorCallback);
+        await page.evaluate((id) => {
+            window.setBundleMode({
+                type: 'composition',
+                compositionName: id,
+            });
+        }, composition.id);
         page.off('console', logCallback);
         return page;
     });
-    const { stopCycling } = (0, cycle_browser_tabs_1.cycleBrowserTabs)(browserInstance);
     const puppeteerPages = await Promise.all(pages);
     const pool = new pool_1.Pool(puppeteerPages);
-    const frameCount = (0, get_frame_range_1.getFrameCount)(config.durationInFrames, frameRange !== null && frameRange !== void 0 ? frameRange : null);
-    const lastFrameIndex = (0, get_frame_to_render_1.getFrameToRender)(frameRange !== null && frameRange !== void 0 ? frameRange : null, frameCount - 1);
+    const [firstFrameIndex, lastFrameIndex] = realFrameRange;
     // Substract one because 100 frames will be 00-99
     // --> 2 digits
     const filePadLength = String(lastFrameIndex).length;
@@ -83,18 +94,20 @@ const renderFrames = async ({ config, parallelism, onFrameUpdate, compositionId,
     onStart({
         frameCount,
     });
-    const assets = await Promise.all(new Array(frameCount)
+    const downloadDir = (0, make_assets_download_dir_1.makeAssetsDownloadTmpDir)();
+    const assets = new Array(frameCount).fill(undefined);
+    await Promise.all(new Array(frameCount)
         .fill(Boolean)
         .map((x, i) => i)
         .map(async (index) => {
-        const frame = (0, get_frame_to_render_1.getFrameToRender)(frameRange !== null && frameRange !== void 0 ? frameRange : null, index);
+        const frame = realFrameRange[0] + index;
         const freePage = await pool.acquire();
         const paddedIndex = String(frame).padStart(filePadLength, '0');
-        const errorCallback = (err) => {
-            onError === null || onError === void 0 ? void 0 : onError({ error: err, frame });
+        const errorCallbackOnFrame = (err) => {
+            onError(new Error(`Error on rendering frame ${frame}: ${err.stack || err.message}`));
         };
-        const output = path_1.default.join(outputDir, `element-${paddedIndex}.${imageFormat}`);
-        freePage.on('pageerror', errorCallback);
+        freePage.on('pageerror', errorCallbackOnFrame);
+        freePage.on('error', errorCallbackOnFrame);
         try {
             await (0, seek_to_frame_1.seekToFrame)({ frame, page: freePage });
         }
@@ -102,53 +115,129 @@ const renderFrames = async ({ config, parallelism, onFrameUpdate, compositionId,
             const error = err;
             if (error.message.includes('timeout') &&
                 error.message.includes('exceeded')) {
-                errorCallback(new Error('The rendering timed out. See https://www.remotion.dev/docs/timeout/ for possible reasons.'));
+                errorCallbackOnFrame(new Error('The rendering timed out. See https://www.remotion.dev/docs/timeout/ for possible reasons.'));
             }
             else {
-                errorCallback(error);
+                errorCallbackOnFrame(error);
             }
             throw error;
         }
         if (imageFormat !== 'none') {
-            await (0, provide_screenshot_1.provideScreenshot)({
-                page: freePage,
-                imageFormat,
-                quality,
-                options: {
-                    frame,
-                    output,
-                },
-            });
+            if (onFrameBuffer) {
+                const buffer = await (0, provide_screenshot_1.provideScreenshot)({
+                    page: freePage,
+                    imageFormat,
+                    quality,
+                    options: {
+                        frame,
+                        output: undefined,
+                    },
+                });
+                onFrameBuffer(buffer, frame);
+            }
+            else {
+                if (!outputDir) {
+                    throw new Error('Called renderFrames() without specifying either `outputDir` or `onFrameBuffer`');
+                }
+                const output = path_1.default.join(outputDir, `element-${paddedIndex}.${imageFormat}`);
+                await (0, provide_screenshot_1.provideScreenshot)({
+                    page: freePage,
+                    imageFormat,
+                    quality,
+                    options: {
+                        frame,
+                        output,
+                    },
+                });
+            }
         }
         const collectedAssets = await freePage.evaluate(() => {
             return window.remotion_collectAssets();
         });
+        const compressedAssets = collectedAssets.map((asset) => remotion_1.Internals.AssetCompression.compressAsset(assets.filter(remotion_1.Internals.truthy).flat(1), asset));
+        assets[index] = compressedAssets;
+        compressedAssets.forEach((asset) => {
+            (0, download_and_map_assets_to_file_1.downloadAndMapAssetsToFileUrl)({
+                asset,
+                downloadDir,
+                onDownload: onDownload !== null && onDownload !== void 0 ? onDownload : (() => () => undefined),
+            }).catch((err) => {
+                onError(new Error(`Error while downloading asset: ${err.stack}`));
+            });
+        });
         pool.release(freePage);
         framesRendered++;
-        onFrameUpdate(framesRendered, output, frame);
-        freePage.off('pageerror', errorCallback);
-        return collectedAssets;
+        onFrameUpdate(framesRendered, frame);
+        freePage.off('pageerror', errorCallbackOnFrame);
+        freePage.off('error', errorCallbackOnFrame);
+        return compressedAssets;
     }));
-    stopCycling();
-    // If browser instance was passed in, we close all the pages
-    // we opened.
-    // If new browser was opened, then closing the browser as a cleanup.
-    if (puppeteerInstance) {
-        await Promise.all(puppeteerPages.map((p) => p.close())).catch((err) => {
-            console.log('Unable to close browser tab', err);
-        });
-    }
-    else {
-        browserInstance.close().catch((err) => {
-            console.log('Unable to close browser', err);
-        });
-    }
-    return {
+    const returnValue = {
         assetsInfo: {
             assets,
+            downloadDir,
+            firstFrameIndex,
+            imageSequenceName: `element-%0${filePadLength}d.${imageFormat}`,
         },
         frameCount,
     };
+    return returnValue;
+};
+exports.innerRenderFrames = innerRenderFrames;
+const renderFrames = async (options) => {
+    var _a;
+    const composition = getComposition(options);
+    if (!composition) {
+        throw new Error('No `composition` option has been specified for renderFrames()');
+    }
+    remotion_1.Internals.validateDimension(composition.height, 'height', 'in the `config` object passed to `renderFrames()`');
+    remotion_1.Internals.validateDimension(composition.width, 'width', 'in the `config` object passed to `renderFrames()`');
+    remotion_1.Internals.validateFps(composition.fps, 'in the `config` object of `renderFrames()`');
+    remotion_1.Internals.validateDurationInFrames(composition.durationInFrames, 'in the `config` object passed to `renderFrames()`');
+    if (options.quality !== undefined && options.imageFormat !== 'jpeg') {
+        throw new Error("You can only pass the `quality` option if `imageFormat` is 'jpeg'.");
+    }
+    const selectedServeUrl = (0, legacy_webpack_config_1.getServeUrlWithFallback)(options);
+    remotion_1.Internals.validateQuality(options.quality);
+    (0, validate_scale_1.validateScale)(options.scale);
+    const { closeServer, serveUrl } = await (0, prepare_server_1.prepareServer)(selectedServeUrl);
+    const browserInstance = (_a = options.puppeteerInstance) !== null && _a !== void 0 ? _a : (await (0, open_browser_1.openBrowser)(remotion_1.Internals.DEFAULT_BROWSER, {
+        shouldDumpIo: options.dumpBrowserLogs,
+        browserExecutable: options.browserExecutable,
+        chromiumOptions: options.chromiumOptions,
+    }));
+    const { stopCycling } = (0, cycle_browser_tabs_1.cycleBrowserTabs)(browserInstance);
+    const openedPages = [];
+    return new Promise((resolve, reject) => {
+        // eslint-disable-next-line promise/catch-or-return
+        (0, exports.innerRenderFrames)({
+            ...options,
+            puppeteerInstance: browserInstance,
+            onError: (err) => reject(err),
+            pagesArray: openedPages,
+            serveUrl,
+            composition,
+        })
+            .then((res) => resolve(res))
+            .catch((err) => reject(err))
+            .finally(() => {
+            // If browser instance was passed in, we close all the pages
+            // we opened.
+            // If new browser was opened, then closing the browser as a cleanup.
+            if (options.puppeteerInstance) {
+                Promise.all(openedPages.map((p) => p.close())).catch((err) => {
+                    console.log('Unable to close browser tab', err);
+                });
+            }
+            else {
+                browserInstance.close().catch((err) => {
+                    console.log('Unable to close browser', err);
+                });
+            }
+            stopCycling();
+            closeServer();
+        });
+    });
 };
 exports.renderFrames = renderFrames;
 //# sourceMappingURL=render.js.map