@remotion/renderer 3.0.20 → 3.0.23

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

@@ -1,13 +1,13 @@
-/// <reference types="node" />
-import { FfmpegExecutable } from 'remotion';
+import type { FfmpegExecutable, OffthreadVideoImageFormat } from 'remotion';
+import type { 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/merge-audio-track.d.ts

@@ -1,4 +1,4 @@
-import { FfmpegExecutable } from 'remotion';
+import type { FfmpegExecutable } from 'remotion';
 declare type Options = {
     ffmpegExecutable: FfmpegExecutable;
     files: string[];

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

@@ -1,9 +1,10 @@
-import { RequestListener } from 'http';
-import { FfmpegExecutable } from 'remotion';
-import { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
+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;

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.d.ts

@@ -1,5 +1,5 @@
 import puppeteer from 'puppeteer-core';
-import { Browser } from 'remotion';
+import type { Browser } from 'remotion';
 declare const validRenderers: readonly ["swangle", "angle", "egl", "swiftshader"];
 declare type OpenGlRenderer = typeof validRenderers[number];
 export declare type ChromiumOptions = {

package/dist/prepare-server.d.ts

@@ -1,5 +1,5 @@
-import { FfmpegExecutable } from 'remotion';
-import { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
+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;

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

@@ -1,5 +1,5 @@
-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;

package/dist/prespawn-ffmpeg.d.ts

@@ -1,6 +1,6 @@
 import execa from 'execa';
-import { Codec, FfmpegExecutable, ImageFormat, PixelFormat, ProResProfile } from 'remotion';
-import { CancelSignal } from './make-cancel-signal';
+import type { Codec, FfmpegExecutable, ImageFormat, PixelFormat, ProResProfile } from 'remotion';
+import type { CancelSignal } from './make-cancel-signal';
 declare type PreSticherOptions = {
     fps: number;
     width: number;

package/dist/provide-screenshot.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="node" />
-import puppeteer from 'puppeteer-core';
-import { ImageFormat } from 'remotion';
+import type puppeteer from 'puppeteer-core';
+import type { ImageFormat } from 'remotion';
 export declare const provideScreenshot: ({ page, imageFormat, options, quality, }: {
     page: puppeteer.Page;
     imageFormat: ImageFormat;

package/dist/puppeteer-evaluate.d.ts

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

package/dist/puppeteer-evaluate.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.puppeteerEvaluateWithCatch = void 0;
-/* eslint-disable no-new */
 const puppeteer_core_1 = require("puppeteer-core");
 const symbolicateable_error_1 = require("./error-handling/symbolicateable-error");
 const parse_browser_error_stack_1 = require("./parse-browser-error-stack");

package/dist/puppeteer-screenshot.d.ts

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

package/dist/render-frames.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="node" />
-import { Browser as PuppeteerBrowser } from 'puppeteer-core';
-import { BrowserExecutable, FfmpegExecutable, FrameRange, ImageFormat, SmallTCompMetadata } from 'remotion';
-import { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
-import { BrowserLog } from './browser-log';
-import { ServeUrlOrWebpackBundle } from './legacy-webpack-config';
-import { CancelSignal } from './make-cancel-signal';
-import { ChromiumOptions } from './open-browser';
-import { OnStartData, RenderFramesOutput } from './types';
+import type { Browser as PuppeteerBrowser } from 'puppeteer-core';
+import type { BrowserExecutable, FfmpegExecutable, FrameRange, ImageFormat, SmallTCompMetadata } from 'remotion';
+import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
+import type { BrowserLog } from './browser-log';
+import type { ServeUrlOrWebpackBundle } from './legacy-webpack-config';
+import type { CancelSignal } from './make-cancel-signal';
+import type { ChromiumOptions } from './open-browser';
+import type { OnStartData, RenderFramesOutput } from './types';
 declare type ConfigOrComposition = {
     /**
      * @deprecated This field has been renamed to `composition`

package/dist/render-media.d.ts

@@ -1,11 +1,11 @@
 import type { Browser as PuppeteerBrowser } from 'puppeteer-core';
-import { BrowserExecutable, Codec, FfmpegExecutable, FrameRange, PixelFormat, ProResProfile, SmallTCompMetadata } from 'remotion';
-import { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
-import { BrowserLog } from './browser-log';
-import { ServeUrlOrWebpackBundle } from './legacy-webpack-config';
-import { CancelSignal } from './make-cancel-signal';
-import { ChromiumOptions } from './open-browser';
-import { OnStartData } from './types';
+import type { BrowserExecutable, Codec, FfmpegExecutable, FrameRange, PixelFormat, ProResProfile, SmallTCompMetadata } from 'remotion';
+import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
+import type { BrowserLog } from './browser-log';
+import type { ServeUrlOrWebpackBundle } from './legacy-webpack-config';
+import type { CancelSignal } from './make-cancel-signal';
+import type { ChromiumOptions } from './open-browser';
+import type { OnStartData } from './types';
 export declare type StitchingState = 'encoding' | 'muxing';
 export declare type RenderMediaOnProgress = (progress: {
     renderedFrames: number;

package/dist/render-still.d.ts

@@ -1,9 +1,9 @@
-import { Browser as PuppeteerBrowser } from 'puppeteer-core';
-import { BrowserExecutable, FfmpegExecutable, SmallTCompMetadata, StillImageFormat } from 'remotion';
-import { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
-import { ServeUrlOrWebpackBundle } from './legacy-webpack-config';
-import { CancelSignal } from './make-cancel-signal';
-import { ChromiumOptions } from './open-browser';
+import type { Browser as PuppeteerBrowser } from 'puppeteer-core';
+import type { BrowserExecutable, FfmpegExecutable, SmallTCompMetadata, StillImageFormat } from 'remotion';
+import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
+import type { ServeUrlOrWebpackBundle } from './legacy-webpack-config';
+import type { CancelSignal } from './make-cancel-signal';
+import type { ChromiumOptions } from './open-browser';
 declare type InnerStillOptions = {
     composition: SmallTCompMetadata;
     output: string;

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

@@ -1,6 +1,5 @@
-/// <reference types="node" />
-import puppeteer from 'puppeteer-core';
-import { ImageFormat } from 'remotion';
+import type puppeteer from 'puppeteer-core';
+import type { ImageFormat } from 'remotion';
 export declare const screenshotDOMElement: ({ page, imageFormat, quality, opts, }: {
     page: puppeteer.Page;
     imageFormat: ImageFormat;

package/dist/screenshot-task.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
-import { Page, ScreenshotOptions } from 'puppeteer-core';
-import { StillImageFormat } from 'remotion';
+import type { Page, ScreenshotOptions } from 'puppeteer-core';
+import type { StillImageFormat } from 'remotion';
 export declare const _screenshotTask: (page: Page, format: StillImageFormat, options: ScreenshotOptions) => Promise<Buffer | string>;

package/dist/seek-to-frame.d.ts

@@ -1,4 +1,4 @@
-import puppeteer from 'puppeteer-core';
+import type puppeteer from 'puppeteer-core';
 export declare const seekToFrame: ({ frame, page, }: {
     frame: number;
     page: puppeteer.Page;

package/dist/serve-handler/index.d.ts

@@ -1,4 +1,4 @@
-import { IncomingMessage, ServerResponse } from 'http';
+import type { IncomingMessage, ServerResponse } from 'http';
 export declare const serveHandler: (request: IncomingMessage, response: ServerResponse, config: {
     public: string;
 }) => Promise<void>;

package/dist/serve-handler/index.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.serveHandler = void 0;
-// Native
 const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
 const url_1 = __importDefault(require("url"));

package/dist/serve-static.d.ts

@@ -1,5 +1,5 @@
-import { FfmpegExecutable } from 'remotion';
-import { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
+import type { FfmpegExecutable } from 'remotion';
+import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 export declare const serveStatic: (path: string | null, options: {
     port: number | null;
     ffmpegExecutable: FfmpegExecutable;

package/dist/set-props-and-env.d.ts

@@ -1,4 +1,4 @@
-import { Page } from 'puppeteer-core';
+import type { Page } from 'puppeteer-core';
 export declare const setPropsAndEnv: ({ inputProps, envVariables, page, serveUrl, initialFrame, timeoutInMilliseconds, proxyPort, retriesRemaining, }: {
     inputProps: unknown;
     envVariables: Record<string, string> | undefined;

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

@@ -1,6 +1,6 @@
-import { Codec, FfmpegExecutable, ImageFormat, PixelFormat, ProResProfile, RenderAssetInfo } from 'remotion';
-import { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
-import { CancelSignal } from './make-cancel-signal';
+import type { Codec, FfmpegExecutable, ImageFormat, PixelFormat, ProResProfile, RenderAssetInfo } from 'remotion';
+import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
+import type { CancelSignal } from './make-cancel-signal';
 export declare type StitcherOptions = {
     fps: number;
     width: number;

package/dist/stringify-ffmpeg-filter.d.ts

@@ -1,4 +1,4 @@
-import { AssetVolume } from './assets/types';
+import type { AssetVolume } from './assets/types';
 export declare const stringifyFfmpegFilter: ({ trimLeft, trimRight, channels, startInVideo, volume, fps, playbackRate, durationInFrames, assetDuration, }: {
     trimLeft: number;
     trimRight: number;

package/dist/symbolicate-stacktrace.d.ts

@@ -1,4 +1,4 @@
-import { UnsymbolicatedStackFrame } from './parse-browser-error-stack';
+import type { UnsymbolicatedStackFrame } from './parse-browser-error-stack';
 declare type ScriptLine = {
     lineNumber: number;
     content: string;

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import { RenderAssetInfo } from 'remotion';
+import type { RenderAssetInfo } from 'remotion';
 export declare type RenderFramesOutput = {
     frameCount: number;
     assetsInfo: RenderAssetInfo;

package/dist/validate-even-dimensions-with-codec.d.ts

@@ -1,4 +1,4 @@
-import { Codec } from 'remotion';
+import type { Codec } from 'remotion';
 export declare const validateEvenDimensionsWithCodec: ({ width, height, codec, scale, }: {
     width: number;
     height: number;

package/dist/validate-output-filename.d.ts

@@ -1,2 +1,2 @@
-import { Codec } from 'remotion';
+import type { Codec } from 'remotion';
 export declare const validateOutputFilename: (codec: Codec, extension: string | null) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/renderer",
-	"version": "3.0.20",
+	"version": "3.0.23",
 	"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.20",
+		"remotion": "3.0.23",
 		"source-map": "^0.8.0-beta.0"
 	},
 	"peerDependencies": {
@@ -31,7 +31,7 @@
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@jonny/eslint-config": "3.0.259",
+		"@jonny/eslint-config": "3.0.266",
 		"@testing-library/dom": "^8.7.2",
 		"@testing-library/react": "13.1.1",
 		"@types/jest": "^27.4.0",
@@ -59,5 +59,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "0652aafea4415577e6259a9d334aba785c911e7e"
+	"gitHead": "34ed74cec020662252ce42ec52223d9f66a0252b"
 }