@remotion/renderer 4.0.0-fastlambda.8 → 4.0.0-july8th.12

package/dist/mime-types.d.ts

@@ -0,0 +1,2 @@
+export declare function mimeLookup(path: string): string | false;
+export declare function mimeContentType(str: string): string | false;

package/dist/mime-types.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mimeContentType = exports.mimeLookup = void 0;
+const path_1 = require("path");
+const mime_db_1 = require("./mime-db");
+const extensions = {};
+const types = {};
+// Populate the extensions/types maps
+populateMaps(extensions, {});
+function mimeLookup(path) {
+    if (!path || typeof path !== 'string') {
+        return false;
+    }
+    // get the extension ("ext" or ".ext" or full path)
+    const ext = (0, path_1.extname)('x.' + path)
+        .toLowerCase()
+        .substr(1);
+    if (!ext) {
+        return false;
+    }
+    return types[ext] || false;
+}
+exports.mimeLookup = mimeLookup;
+/**
+ * Populate the extensions and types maps.
+ * @private
+ */
+function populateMaps(exts, _types) {
+    // source preference (least -> most)
+    const preference = ['nginx', 'apache', undefined, 'iana'];
+    Object.keys(mime_db_1.mimeDb).forEach((type) => {
+        const mime = mime_db_1.mimeDb[type];
+        const _exts = mime.extensions;
+        if (!_exts || !_exts.length) {
+            return;
+        }
+        // mime -> extensions
+        exts[type] = _exts;
+        // extension -> mime
+        for (let i = 0; i < _exts.length; i++) {
+            const _ext = _exts[i];
+            if (_types[_ext]) {
+                const from = preference.indexOf(mime_db_1.mimeDb[_types[_ext]].source);
+                const to = preference.indexOf(mime.source);
+                if (_types[_ext] !== 'application/octet-stream' &&
+                    (from > to ||
+                        (from === to && _types[_ext].substr(0, 12) === 'application/'))) {
+                    // skip the remapping
+                    continue;
+                }
+            }
+            // set the extension -> mime
+            _types[_ext] = type;
+        }
+    });
+}
+function mimeContentType(str) {
+    if (!str || typeof str !== 'string') {
+        return false;
+    }
+    let mime = str.indexOf('/') === -1 ? mimeLookup(str) : str;
+    if (!mime) {
+        return false;
+    }
+    if (mime.indexOf('charset') === -1) {
+        const _charset = charset(mime);
+        if (_charset)
+            mime += '; charset=' + _charset.toLowerCase();
+    }
+    return mime;
+}
+exports.mimeContentType = mimeContentType;
+const EXTRACT_TYPE_REGEXP = /^\s*([^;\s]*)(?:;|\s|$)/;
+const TEXT_TYPE_REGEXP = /^text\//i;
+function charset(type) {
+    if (!type || typeof type !== 'string') {
+        return false;
+    }
+    const match = EXTRACT_TYPE_REGEXP.exec(type);
+    const mime = match && mime_db_1.mimeDb[match[1].toLowerCase()];
+    if (mime === null || mime === void 0 ? void 0 : mime.charset) {
+        return mime.charset;
+    }
+    // default text/* to utf-8
+    if (match && TEXT_TYPE_REGEXP.test(match[1])) {
+        return 'UTF-8';
+    }
+    return false;
+}

package/dist/min-max.d.ts

@@ -0,0 +1,3 @@
+export declare const min: (arr: number[]) => number;
+export declare const max: (arr: number[]) => number;
+//# sourceMappingURL=min-max.d.ts.map

package/dist/min-max.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"min-max.d.ts","sourceRoot":"","sources":["../src/min-max.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,GAAG,QAAS,MAAM,EAAE,WAchC,CAAC;AAEF,eAAO,MAAM,GAAG,QAAS,MAAM,EAAE,WAchC,CAAC"}

package/dist/min-max.js

@@ -0,0 +1,34 @@
+"use strict";
+// Standard library Math.min and Math.max can throw
+// if array length is very long. Fixing this with own implementation
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.max = exports.min = void 0;
+const min = (arr) => {
+    if (arr.length === 0) {
+        throw new Error('Array of 0 length');
+    }
+    let smallest = arr[0];
+    for (let i = 0; i < arr.length; i++) {
+        const elem = arr[i];
+        if (elem < smallest) {
+            smallest = elem;
+        }
+    }
+    return smallest;
+};
+exports.min = min;
+const max = (arr) => {
+    if (arr.length === 0) {
+        throw new Error('Array of 0 length');
+    }
+    let biggest = arr[0];
+    for (let i = 0; i < arr.length; i++) {
+        const elem = arr[i];
+        if (elem > biggest) {
+            biggest = elem;
+        }
+    }
+    return biggest;
+};
+exports.max = max;
+//# sourceMappingURL=min-max.js.map

package/dist/min-max.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"min-max.js","sourceRoot":"","sources":["../src/min-max.ts"],"names":[],"mappings":";AAAA,mDAAmD;AACnD,oEAAoE;;;AAE7D,MAAM,GAAG,GAAG,CAAC,GAAa,EAAE,EAAE;IACpC,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;QACrB,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;KACrC;IAED,IAAI,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;IACtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACpC,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;QACpB,IAAI,IAAI,GAAG,QAAQ,EAAE;YACpB,QAAQ,GAAG,IAAI,CAAC;SAChB;KACD;IAED,OAAO,QAAQ,CAAC;AACjB,CAAC,CAAC;AAdW,QAAA,GAAG,OAcd;AAEK,MAAM,GAAG,GAAG,CAAC,GAAa,EAAE,EAAE;IACpC,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;QACrB,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;KACrC;IAED,IAAI,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;IACrB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACpC,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;QACpB,IAAI,IAAI,GAAG,OAAO,EAAE;YACnB,OAAO,GAAG,IAAI,CAAC;SACf;KACD;IAED,OAAO,OAAO,CAAC;AAChB,CAAC,CAAC;AAdW,QAAA,GAAG,OAcd"}

package/dist/offthread-video-server.d.ts

@@ -0,0 +1,15 @@
+import type { RequestListener } from 'http';
+import type { FfmpegExecutable, OffthreadVideoImageFormat } from 'remotion';
+import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
+export declare const extractUrlAndSourceFromUrl: (url: string) => {
+    src: string;
+    time: number;
+    imageFormat: OffthreadVideoImageFormat;
+};
+export declare const startOffthreadVideoServer: ({ ffmpegExecutable, ffprobeExecutable, downloadDir, onDownload, onError, }: {
+    ffmpegExecutable: FfmpegExecutable;
+    ffprobeExecutable: FfmpegExecutable;
+    downloadDir: string;
+    onDownload: RenderMediaOnDownload;
+    onError: (err: Error) => void;
+}) => RequestListener;

package/dist/offthread-video-server.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.startOffthreadVideoServer = exports.extractUrlAndSourceFromUrl = void 0;
+const remotion_1 = require("remotion");
+const url_1 = require("url");
+const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
+const extract_frame_from_video_1 = require("./extract-frame-from-video");
+const extractUrlAndSourceFromUrl = (url) => {
+    const parsed = new URL(url, 'http://localhost');
+    const query = parsed.search;
+    if (!query.trim()) {
+        throw new Error('Expected query from ' + url);
+    }
+    const params = new url_1.URLSearchParams(query);
+    const src = params.get('src');
+    if (!src) {
+        throw new Error('Did not pass `src` parameter');
+    }
+    const time = params.get('time');
+    if (!time) {
+        throw new Error('Did not get `time` parameter');
+    }
+    const imageFormat = params.get('imageFormat');
+    if (!imageFormat) {
+        throw new TypeError('Did not get `imageFormat` parameter');
+    }
+    remotion_1.Internals.validateOffthreadVideoImageFormat(imageFormat);
+    return {
+        src,
+        time: parseFloat(time),
+        imageFormat: imageFormat,
+    };
+};
+exports.extractUrlAndSourceFromUrl = extractUrlAndSourceFromUrl;
+const startOffthreadVideoServer = ({ ffmpegExecutable, ffprobeExecutable, downloadDir, onDownload, onError, }) => {
+    return (req, res) => {
+        if (!req.url) {
+            throw new Error('Request came in without URL');
+        }
+        if (!req.url.startsWith('/proxy')) {
+            res.writeHead(404);
+            res.end();
+            return;
+        }
+        const { src, time, imageFormat } = (0, exports.extractUrlAndSourceFromUrl)(req.url);
+        res.setHeader('access-control-allow-origin', '*');
+        res.setHeader('content-type', `image/${imageFormat === 'jpeg' ? 'jpg' : 'png'}`);
+        (0, download_and_map_assets_to_file_1.downloadAsset)({ src, downloadDir, onDownload })
+            .then((to) => {
+            return (0, extract_frame_from_video_1.extractFrameFromVideo)({
+                time,
+                src: to,
+                ffmpegExecutable,
+                ffprobeExecutable,
+                imageFormat,
+            });
+        })
+            .then((readable) => {
+            if (!readable) {
+                throw new Error('no readable from ffmpeg');
+            }
+            res.writeHead(200);
+            res.write(readable);
+            res.end();
+        })
+            .catch((err) => {
+            res.writeHead(500);
+            res.end();
+            onError(err);
+            console.log('Error occurred', err);
+        });
+    };
+};
+exports.startOffthreadVideoServer = startOffthreadVideoServer;

package/dist/open-browser.d.ts

@@ -1,6 +1,7 @@
-import puppeteer from 'puppeteer-core';
-import { Browser } from 'remotion';
-declare const validRenderers: readonly ["angle", "egl", "swiftshader"];
+import type { Browser } from 'remotion';
+import type { Browser as PuppeteerBrowser } from './browser/Browser';
+import type { Viewport } from './browser/PuppeteerViewport';
+declare const validRenderers: readonly ["swangle", "angle", "egl", "swiftshader"];
 declare type OpenGlRenderer = typeof validRenderers[number];
 export declare type ChromiumOptions = {
     ignoreCertificateErrors?: boolean;
@@ -10,9 +11,10 @@ export declare type ChromiumOptions = {
 };
 export declare const killAllBrowsers: () => Promise<void>;
 export declare const openBrowser: (browser: Browser, options?: {
-    shouldDumpIo?: boolean | undefined;
-    browserExecutable?: string | null | undefined;
-    chromiumOptions?: ChromiumOptions | undefined;
-    forceDeviceScaleFactor?: number | undefined;
-} | undefined) => Promise<puppeteer.Browser>;
+    shouldDumpIo?: boolean;
+    browserExecutable?: string | null;
+    chromiumOptions?: ChromiumOptions;
+    forceDeviceScaleFactor?: number;
+    viewport?: Viewport;
+}) => Promise<PuppeteerBrowser>;
 export {};

package/dist/open-browser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"open-browser.d.ts","sourceRoot":"","sources":["../src/open-browser.ts"],"names":[],"mappings":"AAGA,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAC,OAAO,EAAY,MAAM,UAAU,CAAC;AAM5C,QAAA,MAAM,cAAc,0CAA2C,CAAC;AAEhE,aAAK,cAAc,GAAG,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;AAEpD,oBAAY,eAAe,GAAG;IAC7B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,EAAE,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAYF,eAAO,MAAM,eAAe,qBAM3B,CAAC;AAEF,eAAO,MAAM,WAAW,YACd,OAAO;;;;kBAMd,QAAQ,iBAAiB,CA4D3B,CAAC"}
+{"version":3,"file":"open-browser.d.ts","sourceRoot":"","sources":["../src/open-browser.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAC,OAAO,EAAY,MAAM,UAAU,CAAC;AAM5C,eAAO,MAAM,WAAW,YACd,OAAO;;;kBAKd,QAAQ,iBAAiB,CAsC3B,CAAC"}

package/dist/open-browser.js

@@ -7,14 +7,20 @@ exports.openBrowser = exports.killAllBrowsers = void 0;
 const fs_1 = __importDefault(require("fs"));
 const os_1 = __importDefault(require("os"));
 const path_1 = __importDefault(require("path"));
-const puppeteer_core_1 = __importDefault(require("puppeteer-core"));
 const remotion_1 = require("remotion");
+const node_1 = require("./browser/node");
 const get_local_browser_executable_1 = require("./get-local-browser-executable");
-const validRenderers = ['angle', 'egl', 'swiftshader'];
+const validRenderers = ['swangle', 'angle', 'egl', 'swiftshader'];
 const getOpenGlRenderer = (option) => {
     const renderer = option !== null && option !== void 0 ? option : remotion_1.Internals.DEFAULT_OPENGL_RENDERER;
     remotion_1.Internals.validateOpenGlRenderer(renderer);
-    return renderer;
+    if (renderer === 'swangle') {
+        return [`--use-gl=angle`, `--use-angle=swiftshader`];
+    }
+    if (renderer === null) {
+        return [];
+    }
+    return [`--use-gl=${renderer}`];
 };
 const browserInstances = [];
 const killAllBrowsers = async () => {
@@ -27,24 +33,19 @@ const killAllBrowsers = async () => {
 };
 exports.killAllBrowsers = killAllBrowsers;
 const openBrowser = async (browser, options) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     if (browser === 'firefox' && !remotion_1.Internals.FEATURE_FLAG_FIREFOX_SUPPORT) {
         throw new TypeError('Firefox supported is not yet turned on. Stay tuned for the future.');
     }
     await (0, get_local_browser_executable_1.ensureLocalBrowser)(browser, (_a = options === null || options === void 0 ? void 0 : options.browserExecutable) !== null && _a !== void 0 ? _a : null);
     const executablePath = (0, get_local_browser_executable_1.getLocalBrowserExecutable)(browser, (_b = options === null || options === void 0 ? void 0 : options.browserExecutable) !== null && _b !== void 0 ? _b : null);
     const customGlRenderer = getOpenGlRenderer((_d = (_c = options === null || options === void 0 ? void 0 : options.chromiumOptions) === null || _c === void 0 ? void 0 : _c.gl) !== null && _d !== void 0 ? _d : null);
-    const browserInstance = await puppeteer_core_1.default.launch({
+    const browserInstance = await node_1.puppeteer.launch({
         executablePath,
         product: browser,
         dumpio: (_e = options === null || options === void 0 ? void 0 : options.shouldDumpIo) !== null && _e !== void 0 ? _e : false,
-        headless: false,
-        ignoreDefaultArgs: true,
-        defaultViewport: {
-            width: 1920,
-            height: 1080,
-        },
         args: [
+            'about:blank',
             '--allow-pre-commit-input',
             '--disable-background-networking',
             '--enable-features=NetworkService,NetworkServiceInProcess',
@@ -56,9 +57,9 @@ const openBrowser = async (browser, options) => {
             '--disable-default-apps',
             '--disable-dev-shm-usage',
             '--disable-extensions',
-            // TODO: remove AvoidUnnecessaryBeforeUnloadCheckSync below
-            // once crbug.com/1324138 is fixed and released.
-            '--disable-features=Translate,BackForwardCache,AvoidUnnecessaryBeforeUnloadCheckSync',
+            '--no-proxy-server',
+            "--proxy-server='direct://'",
+            '--proxy-bypass-list=*',
             '--disable-hang-monitor',
             '--disable-ipc-flooding-protection',
             '--disable-popup-blocking',
@@ -72,36 +73,34 @@ const openBrowser = async (browser, options) => {
             '--enable-automation',
             '--password-store=basic',
             '--use-mock-keychain',
-            (options === null || options === void 0 ? void 0 : options.forceDeviceScaleFactor)
-                ? `--force-device-scale-factor=${options.forceDeviceScaleFactor}`
-                : null,
-            // TODO(sadym): remove '--enable-blink-features=IdleDetection'
-            // once IdleDetection is turned on by default.
             '--enable-blink-features=IdleDetection',
             '--export-tagged-pdf',
             '--intensive-wake-up-throttling-policy=0',
-            '--headless',
+            ((_g = (_f = options === null || options === void 0 ? void 0 : options.chromiumOptions) === null || _f === void 0 ? void 0 : _f.headless) !== null && _g !== void 0 ? _g : true) ? '--headless' : null,
             '--no-sandbox',
             '--disable-setuid-sandbox',
-            '--disable-dev-shm-usage',
-            customGlRenderer ? `--use-gl=${customGlRenderer}` : null,
+            ...customGlRenderer,
             '--disable-background-media-suspend',
             process.platform === 'linux' ? '--single-process' : null,
             '--allow-running-insecure-content',
             '--disable-component-update',
             '--disable-domain-reliability',
-            '--disable-features=AudioServiceOutOfProcess,IsolateOrigins,site-per-process',
+            '--disable-features=AudioServiceOutOfProcess,IsolateOrigins,site-per-process,Translate,BackForwardCache,AvoidUnnecessaryBeforeUnloadCheckSync,IntensiveWakeUpThrottling',
             '--disable-print-preview',
             '--disable-site-isolation-trials',
-            '--disk-cache-size=33554432',
+            '--disk-cache-size=268435456',
             '--hide-scrollbars',
             '--no-default-browser-check',
             '--no-pings',
+            '--font-render-hinting=none',
             '--no-zygote',
-            ((_f = options === null || options === void 0 ? void 0 : options.chromiumOptions) === null || _f === void 0 ? void 0 : _f.ignoreCertificateErrors)
+            (options === null || options === void 0 ? void 0 : options.forceDeviceScaleFactor)
+                ? `--force-device-scale-factor=${options.forceDeviceScaleFactor}`
+                : null,
+            ((_h = options === null || options === void 0 ? void 0 : options.chromiumOptions) === null || _h === void 0 ? void 0 : _h.ignoreCertificateErrors)
                 ? '--ignore-certificate-errors'
                 : null,
-            ...(((_g = options === null || options === void 0 ? void 0 : options.chromiumOptions) === null || _g === void 0 ? void 0 : _g.disableWebSecurity)
+            ...(((_j = options === null || options === void 0 ? void 0 : options.chromiumOptions) === null || _j === void 0 ? void 0 : _j.disableWebSecurity)
                 ? [
                     '--disable-web-security',
                     '--user-data-dir=' +
@@ -109,9 +108,14 @@ const openBrowser = async (browser, options) => {
                 ]
                 : []),
         ].filter(Boolean),
+        defaultViewport: (_k = options === null || options === void 0 ? void 0 : options.viewport) !== null && _k !== void 0 ? _k : {
+            height: 720,
+            width: 1280,
+            deviceScaleFactor: 1,
+        },
     });
     const pages = await browserInstance.pages();
-    pages.forEach((p) => p.close());
+    await pages[0].close();
     browserInstances.push(browserInstance);
     return browserInstance;
 };

package/dist/open-browser.js.map

@@ -1 +1 @@
-{"version":3,"file":"open-browser.js","sourceRoot":"","sources":["../src/open-browser.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"open-browser.js","sourceRoot":"","sources":["../src/open-browser.ts"],"names":[],"mappings":";;;;;;AAAA,oEAAuC;AACvC,uCAA4C;AAC5C,iFAGwC;AAEjC,MAAM,WAAW,GAAG,KAAK,EAC/B,OAAgB,EAChB,OAGC,EAC4B,EAAE;;IAC/B,IAAI,OAAO,KAAK,SAAS,IAAI,CAAC,oBAAS,CAAC,4BAA4B,EAAE;QACrE,MAAM,IAAI,SAAS,CAClB,oEAAoE,CACpE,CAAC;KACF;IAED,MAAM,IAAA,iDAAkB,EAAC,OAAO,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,mCAAI,IAAI,CAAC,CAAC;IAEtE,MAAM,cAAc,GAAG,MAAM,IAAA,wDAAyB,EACrD,OAAO,EACP,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,mCAAI,IAAI,CAClC,CAAC;IACF,MAAM,eAAe,GAAG,MAAM,wBAAS,CAAC,MAAM,CAAC;QAC9C,cAAc;QACd,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,mCAAI,KAAK;QACtC,IAAI,EAAE;YACL,cAAc;YACd,0BAA0B;YAC1B,yBAAyB;YACzB,gBAAgB;YAChB,oCAAoC;YACpC,OAAO,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI;YACxD,kCAAkC;YAClC,4BAA4B;YAC5B,8BAA8B;YAC9B,6EAA6E;YAC7E,yBAAyB;YACzB,iCAAiC;YACjC,4BAA4B;YAC5B,mBAAmB;YACnB,4BAA4B;YAC5B,YAAY;YACZ,aAAa,EAAE,6EAA6E;SAC5F,CAAC,MAAM,CAAC,OAAO,CAAa;KAC7B,CAAC,CAAC;IACH,OAAO,eAAe,CAAC;AACxB,CAAC,CAAC;AA5CW,QAAA,WAAW,eA4CtB"}

package/dist/prepare-server.d.ts

@@ -1,4 +1,15 @@
-export declare const prepareServer: (webpackConfigOrServeUrl: string) => Promise<{
+import type { FfmpegExecutable } from 'remotion';
+import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
+export declare const prepareServer: ({ downloadDir, ffmpegExecutable, ffprobeExecutable, onDownload, onError, webpackConfigOrServeUrl, port, }: {
+    webpackConfigOrServeUrl: string;
+    downloadDir: string;
+    onDownload: RenderMediaOnDownload;
+    onError: (err: Error) => void;
+    ffmpegExecutable: FfmpegExecutable;
+    ffprobeExecutable: FfmpegExecutable;
+    port: number | null;
+}) => Promise<{
     serveUrl: string;
-    closeServer: () => Promise<void>;
+    closeServer: () => Promise<unknown>;
+    offthreadPort: number;
 }>;

package/dist/prepare-server.js

@@ -1,19 +1,52 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.prepareServer = void 0;
+const fs_1 = require("fs");
+const path_1 = __importDefault(require("path"));
 const is_serve_url_1 = require("./is-serve-url");
 const serve_static_1 = require("./serve-static");
-const prepareServer = async (webpackConfigOrServeUrl) => {
+const wait_for_symbolication_error_to_be_done_1 = require("./wait-for-symbolication-error-to-be-done");
+const prepareServer = async ({ downloadDir, ffmpegExecutable, ffprobeExecutable, onDownload, onError, webpackConfigOrServeUrl, port, }) => {
     if ((0, is_serve_url_1.isServeUrl)(webpackConfigOrServeUrl)) {
+        const { port: offthreadPort, close: closeProxy } = await (0, serve_static_1.serveStatic)(null, {
+            downloadDir,
+            onDownload,
+            onError,
+            ffmpegExecutable,
+            ffprobeExecutable,
+            port,
+        });
         return Promise.resolve({
             serveUrl: webpackConfigOrServeUrl,
-            closeServer: () => Promise.resolve(undefined),
+            closeServer: () => {
+                return closeProxy();
+            },
+            offthreadPort,
         });
     }
-    const { port, close } = await (0, serve_static_1.serveStatic)(webpackConfigOrServeUrl);
+    // Check if the path has a `index.html` file
+    const indexFile = path_1.default.join(webpackConfigOrServeUrl, 'index.html');
+    const exists = (0, fs_1.existsSync)(indexFile);
+    if (!exists) {
+        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?`);
+    }
+    const { port: serverPort, close } = await (0, serve_static_1.serveStatic)(webpackConfigOrServeUrl, {
+        downloadDir,
+        onDownload,
+        onError,
+        ffmpegExecutable,
+        ffprobeExecutable,
+        port,
+    });
     return Promise.resolve({
-        closeServer: () => close(),
-        serveUrl: `http://localhost:${port}`,
+        closeServer: () => {
+            return (0, wait_for_symbolication_error_to_be_done_1.waitForSymbolicationToBeDone)().then(() => close());
+        },
+        serveUrl: `http://localhost:${serverPort}`,
+        offthreadPort: serverPort,
     });
 };
 exports.prepareServer = prepareServer;

package/dist/preprocess-audio-track.d.ts

@@ -1,7 +1,8 @@
-import { FfmpegExecutable } from 'remotion';
-import { MediaAsset } from './assets/types';
+import type { FfmpegExecutable } from 'remotion';
+import type { MediaAsset } from './assets/types';
 declare type Options = {
     ffmpegExecutable: FfmpegExecutable;
+    ffprobeExecutable: FfmpegExecutable;
     outName: string;
     asset: MediaAsset;
     expectedFrames: number;

package/dist/preprocess-audio-track.js

@@ -10,8 +10,8 @@ const calculate_ffmpeg_filters_1 = require("./calculate-ffmpeg-filters");
 const ffmpeg_filter_file_1 = require("./ffmpeg-filter-file");
 const p_limit_1 = require("./p-limit");
 const resolve_asset_src_1 = require("./resolve-asset-src");
-const preprocessAudioTrackUnlimited = async ({ ffmpegExecutable, outName, asset, expectedFrames, fps, }) => {
-    const { channels, duration } = await (0, get_audio_channels_1.getAudioChannelsAndDuration)((0, resolve_asset_src_1.resolveAssetSrc)(asset.src));
+const preprocessAudioTrackUnlimited = async ({ ffmpegExecutable, ffprobeExecutable, outName, asset, expectedFrames, fps, }) => {
+    const { channels, duration } = await (0, get_audio_channels_1.getAudioChannelsAndDuration)((0, resolve_asset_src_1.resolveAssetSrc)(asset.src), ffprobeExecutable);
     const filter = (0, calculate_ffmpeg_filters_1.calculateFfmpegFilter)({
         asset,
         durationInFrames: expectedFrames,

package/dist/prespawn-ffmpeg.d.ts

@@ -1,5 +1,6 @@
 import execa from 'execa';
-import { Codec, FfmpegExecutable, ImageFormat, PixelFormat, ProResProfile } from 'remotion';
+import type { Codec, FfmpegExecutable, ImageFormat, PixelFormat, ProResProfile } from 'remotion';
+import type { CancelSignal } from './make-cancel-signal';
 declare type PreSticherOptions = {
     fps: number;
     width: number;
@@ -13,6 +14,7 @@ declare type PreSticherOptions = {
     verbose: boolean;
     ffmpegExecutable: FfmpegExecutable | undefined;
     imageFormat: ImageFormat;
+    signal: CancelSignal;
 };
 export declare const prespawnFfmpeg: (options: PreSticherOptions) => Promise<{
     task: execa.ExecaChildProcess<string>;

package/dist/prespawn-ffmpeg.js

@@ -57,15 +57,13 @@ const prespawnFfmpeg = async (options) => {
         // -c:v is the same as -vcodec as -codec:video
         // and specified the video codec.
         ['-c:v', encoderName],
-        ...[
-            proResProfileName ? ['-profile:v', proResProfileName] : null,
-            supportsCrf ? ['-crf', String(crf)] : null,
-            ['-pix_fmt', pixelFormat],
-            // Without explicitly disabling auto-alt-ref,
-            // transparent WebM generation doesn't work
-            pixelFormat === 'yuva420p' ? ['-auto-alt-ref', '0'] : null,
-            ['-b:v', '1M'],
-        ],
+        proResProfileName ? ['-profile:v', proResProfileName] : null,
+        supportsCrf ? ['-crf', String(crf)] : null,
+        ['-pix_fmt', pixelFormat],
+        // Without explicitly disabling auto-alt-ref,
+        // transparent WebM generation doesn't work
+        pixelFormat === 'yuva420p' ? ['-auto-alt-ref', '0'] : null,
+        ['-b:v', '1M'],
         '-y',
         options.outputLocation,
     ];
@@ -75,6 +73,9 @@ const prespawnFfmpeg = async (options) => {
     }
     const ffmpegString = ffmpegArgs.flat(2).filter(Boolean);
     const task = (0, execa_1.default)((_f = options.ffmpegExecutable) !== null && _f !== void 0 ? _f : 'ffmpeg', ffmpegString);
+    options.signal(() => {
+        task.kill();
+    });
     let ffmpegOutput = '';
     (_g = task.stderr) === null || _g === void 0 ? void 0 : _g.on('data', (data) => {
         const str = data.toString();

package/dist/provide-screenshot.d.ts

@@ -1,11 +1,11 @@
-import puppeteer from 'puppeteer-core';
-import { ImageFormat } from 'remotion';
+import type { ImageFormat } from 'remotion';
+import type { Page } from './browser/BrowserPage';
 export declare const provideScreenshot: ({ page, imageFormat, options, quality, }: {
-    page: puppeteer.Page;
+    page: Page;
     imageFormat: ImageFormat;
     quality: number | undefined;
     options: {
         frame: number;
-        output?: string;
+        output: string | null;
     };
 }) => Promise<Buffer>;

package/dist/provide-screenshot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provide-screenshot.d.ts","sourceRoot":"","sources":["../src/provide-screenshot.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAGrC,eAAO,MAAM,iBAAiB;UAMvB,UAAU,IAAI;iBACP,WAAW;aACf,MAAM,GAAG,SAAS;aAClB;QACR,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;KAChB;MACE,QAAQ,MAAM,CAUjB,CAAC"}
+{"version":3,"file":"provide-screenshot.d.ts","sourceRoot":"","sources":["../src/provide-screenshot.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAGrC,eAAO,MAAM,iBAAiB;UAMvB,UAAU,IAAI;iBACP,WAAW;aACf,MAAM,GAAG,SAAS;aAClB;QACR,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;KAChB;MACE,QAAQ,MAAM,CAWjB,CAAC"}

package/dist/provide-screenshot.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.provideScreenshot = void 0;
 const screenshot_dom_element_1 = require("./screenshot-dom-element");
-const provideScreenshot = async ({ page, imageFormat, options, quality, }) => {
+const provideScreenshot = ({ page, imageFormat, options, quality, }) => {
     return (0, screenshot_dom_element_1.screenshotDOMElement)({
         page,
         opts: {
             path: options.output,
-            selector: '#remotion-canvas',
         },
         imageFormat,
         quality,

package/dist/provide-screenshot.js.map

@@ -1 +1 @@
-{"version":3,"file":"provide-screenshot.js","sourceRoot":"","sources":["../src/provide-screenshot.ts"],"names":[],"mappings":";;;AAEA,qEAA8D;AAEvD,MAAM,iBAAiB,GAAG,KAAK,EAAE,EACvC,IAAI,EACJ,WAAW,EACX,OAAO,EACP,OAAO,GASP,EAAmB,EAAE;IACrB,OAAO,IAAA,6CAAoB,EAAC;QAC3B,IAAI;QACJ,IAAI,EAAE;YACL,IAAI,EAAE,OAAO,CAAC,MAAM;YACpB,QAAQ,EAAE,kBAAkB;SAC5B;QACD,WAAW;QACX,OAAO;KACP,CAAC,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,iBAAiB,qBAuB5B"}
+{"version":3,"file":"provide-screenshot.js","sourceRoot":"","sources":["../src/provide-screenshot.ts"],"names":[],"mappings":";;;AAEA,qEAA8D;AAEvD,MAAM,iBAAiB,GAAG,KAAK,EAAE,EACvC,IAAI,EACJ,WAAW,EACX,OAAO,EACP,OAAO,GASP,EAAmB,EAAE;IACrB,+BAA+B;IAC/B,OAAO,IAAA,6CAAoB,EAAC;QAC3B,IAAI;QACJ,IAAI,EAAE;YACL,IAAI,EAAE,OAAO,CAAC,MAAM;YACpB,QAAQ,EAAE,kBAAkB;SAC5B;QACD,WAAW;QACX,OAAO;KACP,CAAC,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,iBAAiB,qBAwB5B"}

package/dist/puppeteer-evaluate.d.ts

@@ -1,4 +1,4 @@
-import { Page } from 'puppeteer-core';
+import type { Page } from './browser/BrowserPage';
 export declare function puppeteerEvaluateWithCatch<ReturnType>({ page, pageFunction, frame, args, }: {
     page: Page;
     pageFunction: Function | string;

package/dist/puppeteer-evaluate.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.puppeteerEvaluateWithCatch = void 0;
-/* eslint-disable no-new */
-const puppeteer_core_1 = require("puppeteer-core");
+const JSHandle_1 = require("./browser/JSHandle");
 const symbolicateable_error_1 = require("./error-handling/symbolicateable-error");
 const parse_browser_error_stack_1 = require("./parse-browser-error-stack");
 const EVALUATION_SCRIPT_URL = '__puppeteer_evaluation_script__';
@@ -33,7 +32,7 @@ function isString(obj) {
 async function puppeteerEvaluateWithCatch({ page, pageFunction, frame, args, }) {
     var _a, _b, _c, _d, _e, _f, _g;
     const contextId = (await page.mainFrame().executionContext())._contextId;
-    const client = page._client;
+    const client = page._client();
     const suffix = `//# sourceURL=${EVALUATION_SCRIPT_URL}`;
     if (isString(pageFunction)) {
         const expression = pageFunction;
@@ -140,7 +139,7 @@ function convertArgument(arg) {
         return { unserializableValue: '-Infinity' };
     if (Object.is(arg, NaN))
         return { unserializableValue: 'NaN' };
-    const objectHandle = arg && arg instanceof puppeteer_core_1.JSHandle ? arg : null;
+    const objectHandle = arg && arg instanceof JSHandle_1.JSHandle ? arg : null;
     if (objectHandle) {
         if (objectHandle._disposed)
             throw new Error('JSHandle is disposed!');

package/dist/puppeteer-screenshot.d.ts

@@ -1,2 +1,3 @@
-import { Page, ScreenshotOptions } from 'puppeteer-core';
-export declare const screenshot: (page: Page, options?: ScreenshotOptions) => Promise<Buffer | string | void>;
+import type { Page } from './browser/BrowserPage';
+import type { ScreenshotOptions } from './browser/ScreenshotOptions';
+export declare const screenshot: (page: Page, options: ScreenshotOptions) => Promise<Buffer | string | void>;