@remotion/renderer 3.0.19 → 3.0.22

package/dist/is-vp9-video.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSpecialVCodecForTransparency = void 0;
+const execa_1 = __importDefault(require("execa"));
+const p_limit_1 = require("./p-limit");
+const isVp9VideoCache = {};
+const limit = (0, p_limit_1.pLimit)(1);
+async function getSpecialVCodecForTransparencyUnlimited(src, ffprobeExecutable) {
+    if (typeof isVp9VideoCache[src] !== 'undefined') {
+        return isVp9VideoCache[src];
+    }
+    const task = await (0, execa_1.default)(ffprobeExecutable !== null && ffprobeExecutable !== void 0 ? ffprobeExecutable : 'ffprobe', [src]);
+    const isVp9 = task.stderr.includes('Video: vp9');
+    const isVp8 = task.stderr.includes('Video: vp8');
+    isVp9VideoCache[src] = isVp9 ? 'vp9' : isVp8 ? 'vp8' : 'none';
+    return isVp9VideoCache[src];
+}
+const getSpecialVCodecForTransparency = (src, ffprobeExecutable) => {
+    return limit(() => getSpecialVCodecForTransparencyUnlimited(src, ffprobeExecutable));
+};
+exports.getSpecialVCodecForTransparency = getSpecialVCodecForTransparency;

package/dist/last-frame-from-video-cache.d.ts

@@ -1,13 +1,14 @@
 /// <reference types="node" />
-import { FfmpegExecutable } from 'remotion';
+import { FfmpegExecutable, OffthreadVideoImageFormat } from 'remotion';
+import { SpecialVCodecForTransparency } from './is-vp9-video';
 export declare type LastFrameOptions = {
     ffmpegExecutable: FfmpegExecutable;
     ffprobeExecutable: FfmpegExecutable;
     offset: number;
     src: string;
+    specialVCodecForTransparency: SpecialVCodecForTransparency;
+    imageFormat: OffthreadVideoImageFormat;
 };
 export declare const setLastFrameInCache: (options: LastFrameOptions, data: Buffer) => void;
 export declare const getLastFrameFromCache: (options: LastFrameOptions) => Buffer | null;
-export declare const removedLastFrameFromCache: (key: string) => void;
-export declare const ensureMaxSize: () => void;
 export declare const clearLastFileCache: () => void;

package/dist/last-frame-from-video-cache.js

@@ -1,12 +1,17 @@
 "use strict";
 // OffthreadVideo requires sometimes that the last frame of a video gets extracted, however, this can be slow. We allocate a cache for it but that can be garbage collected
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearLastFileCache = exports.ensureMaxSize = exports.removedLastFrameFromCache = exports.getLastFrameFromCache = exports.setLastFrameInCache = void 0;
+exports.clearLastFileCache = exports.getLastFrameFromCache = exports.setLastFrameInCache = void 0;
 let map = {};
 const MAX_CACHE_SIZE = 50 * 1024 * 1024; // 50MB
 let bufferSize = 0;
 const makeLastFrameCacheKey = (options) => {
-    return [options.ffmpegExecutable, options.offset, options.src].join('-');
+    return [
+        options.ffmpegExecutable,
+        options.offset,
+        options.src,
+        options.imageFormat,
+    ].join('-');
 };
 const setLastFrameInCache = (options, data) => {
     const key = makeLastFrameCacheKey(options);
@@ -15,7 +20,7 @@ const setLastFrameInCache = (options, data) => {
     }
     map[key] = { data, lastAccessed: Date.now() };
     bufferSize += data.byteLength;
-    (0, exports.ensureMaxSize)();
+    ensureMaxSize();
 };
 exports.setLastFrameInCache = setLastFrameInCache;
 const getLastFrameFromCache = (options) => {
@@ -35,17 +40,15 @@ const removedLastFrameFromCache = (key) => {
     bufferSize -= map[key].data.byteLength;
     delete map[key];
 };
-exports.removedLastFrameFromCache = removedLastFrameFromCache;
 const ensureMaxSize = () => {
     // eslint-disable-next-line no-unmodified-loop-condition
     while (bufferSize > MAX_CACHE_SIZE) {
         const earliest = Object.entries(map).sort((a, b) => {
             return a[1].lastAccessed - b[1].lastAccessed;
         })[0];
-        (0, exports.removedLastFrameFromCache)(earliest[0]);
+        removedLastFrameFromCache(earliest[0]);
     }
 };
-exports.ensureMaxSize = ensureMaxSize;
 const clearLastFileCache = () => {
     map = {};
 };

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

@@ -1,9 +1,10 @@
 import { RequestListener } from 'http';
-import { FfmpegExecutable } from 'remotion';
+import { FfmpegExecutable, OffthreadVideoImageFormat } from 'remotion';
 import { 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;

package/dist/offthread-video-server.js

@@ -1,6 +1,7 @@
 "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");
@@ -19,7 +20,16 @@ const extractUrlAndSourceFromUrl = (url) => {
     if (!time) {
         throw new Error('Did not get `time` parameter');
     }
-    return { src, time: parseFloat(time) };
+    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, }) => {
@@ -32,9 +42,9 @@ const startOffthreadVideoServer = ({ ffmpegExecutable, ffprobeExecutable, downlo
             res.end();
             return;
         }
+        const { src, time, imageFormat } = (0, exports.extractUrlAndSourceFromUrl)(req.url);
         res.setHeader('access-control-allow-origin', '*');
-        res.setHeader('content-type', 'image/jpg');
-        const { src, time } = (0, exports.extractUrlAndSourceFromUrl)(req.url);
+        res.setHeader('content-type', `image/${imageFormat === 'jpeg' ? 'jpg' : 'png'}`);
         const to = (0, download_and_map_assets_to_file_1.getSanitizedFilenameForAssetUrl)({ downloadDir, src });
         (0, download_and_map_assets_to_file_1.startDownloadForSrc)({ src, downloadDir, onDownload }).catch((err) => {
             onError(new Error(`Error while downloading asset: ${err.stack}`));
@@ -46,6 +56,7 @@ const startOffthreadVideoServer = ({ ffmpegExecutable, ffprobeExecutable, downlo
                 src: to,
                 ffmpegExecutable,
                 ffprobeExecutable,
+                imageFormat,
             });
         })
             .then((readable) => {

package/dist/open-browser.js

@@ -63,7 +63,6 @@ const openBrowser = async (browser, options) => {
             '--proxy-bypass-list=*',
             // TODO: remove AvoidUnnecessaryBeforeUnloadCheckSync below
             // once crbug.com/1324138 is fixed and released.
-            '--disable-features=Translate,BackForwardCache,AvoidUnnecessaryBeforeUnloadCheckSync',
             '--disable-hang-monitor',
             '--disable-ipc-flooding-protection',
             '--disable-popup-blocking',
@@ -91,7 +90,7 @@ const openBrowser = async (browser, options) => {
             '--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=268435456',

package/dist/prepare-server.js

@@ -1,6 +1,11 @@
 "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 ({ downloadDir, ffmpegExecutable, ffprobeExecutable, onDownload, onError, webpackConfigOrServeUrl, port, }) => {
@@ -19,6 +24,12 @@ const prepareServer = async ({ downloadDir, ffmpegExecutable, ffprobeExecutable,
             offthreadPort,
         });
     }
+    // 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,

package/dist/serve-handler/index.js

@@ -13,7 +13,6 @@ const mime_types_1 = __importDefault(require("mime-types"));
 const is_path_inside_1 = require("./is-path-inside");
 const range_parser_1 = require("./range-parser");
 const getHeaders = (absolutePath, stats) => {
-    const related = {};
     const { base } = path_1.default.parse(absolutePath);
     let defaultHeaders = {};
     if (stats) {
@@ -27,13 +26,7 @@ const getHeaders = (absolutePath, stats) => {
             defaultHeaders['Content-Type'] = contentType;
         }
     }
-    const headers = Object.assign(defaultHeaders, related);
-    for (const key in headers) {
-        if (headers[key] === null) {
-            delete headers[key];
-        }
-    }
-    return headers;
+    return defaultHeaders;
 };
 const getPossiblePaths = (relativePath, extension) => [
     path_1.default.join(relativePath, `index${extension}`),

package/dist/should-use-vp9-decoder.js

@@ -0,0 +1 @@
+"use strict";

package/dist/validate-offthreadvideo-image-format.d.ts

@@ -0,0 +1 @@
+export declare const validateOffthreadVideoImageFormat: (input: unknown) => void;

package/dist/validate-offthreadvideo-image-format.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateOffthreadVideoImageFormat = void 0;
+const validateOffthreadVideoImageFormat = (input) => {
+    if (typeof input === 'undefined') {
+        return;
+    }
+    if (typeof input !== 'string') {
+        throw new TypeError(`<OffthreadVideo imageFormat=""> must be a string, but got ${JSON.stringify(input)} instead.`);
+    }
+    if (input !== 'png' && input !== 'jpeg') {
+        throw new TypeError(`<OffthreadVideo imageFormat=""> must be either "png" or "jpeg", but got ${input}`);
+    }
+};
+exports.validateOffthreadVideoImageFormat = validateOffthreadVideoImageFormat;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/renderer",
-	"version": "3.0.19",
+	"version": "3.0.22",
 	"description": "Renderer for Remotion",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -23,7 +23,7 @@
 		"execa": "5.1.1",
 		"mime-types": "2.1.35",
 		"puppeteer-core": "13.5.1",
-		"remotion": "3.0.19",
+		"remotion": "3.0.22",
 		"source-map": "^0.8.0-beta.0"
 	},
 	"peerDependencies": {
@@ -59,5 +59,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "388ef0a2eacf9dbadbc860fdb8d6b3e32acb10f3"
+	"gitHead": "e79cfa299f58a26c84a637174875941898cdab97"
 }