@remotion/renderer 4.0.212 → 4.0.213

package/dist/browser/FrameManager.d.ts

@@ -16,7 +16,6 @@
 import type { LogLevel } from '../log-level';
 import type { Page } from './BrowserPage';
 import type { CDPSession } from './Connection';
-import type { Frame as TFrame } from './devtools-types';
 import { DOMWorld } from './DOMWorld';
 import type { EvaluateFn, EvaluateFnReturnType, EvaluateHandleFn, SerializableOrJSHandle, UnwrapPromiseLike } from './EvalTypes';
 import { EventEmitter } from './EventEmitter';
@@ -25,6 +24,7 @@ import type { HTTPResponse } from './HTTPResponse';
 import type { JSHandle } from './JSHandle';
 import type { PuppeteerLifeCycleEvent } from './LifecycleWatcher';
 import { NetworkManager } from './NetworkManager';
+import type { Frame as TFrame } from './devtools-types';
 export declare const FrameManagerEmittedEvents: {
     FrameNavigated: symbol;
     FrameDetached: symbol;

package/dist/browser/FrameManager.js

@@ -28,14 +28,14 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
 var _FrameManager_instances, _FrameManager_page, _FrameManager_networkManager, _FrameManager_frames, _FrameManager_contextIdToContext, _FrameManager_isolatedWorlds, _FrameManager_mainFrame, _FrameManager_client, _FrameManager_onAttachedToTarget, _FrameManager_onDetachedFromTarget, _FrameManager_onLifecycleEvent, _FrameManager_onFrameStartedLoading, _FrameManager_onFrameStoppedLoading, _FrameManager_handleFrameTree, _FrameManager_onFrameAttached, _FrameManager_onFrameNavigated, _FrameManager_onFrameNavigatedWithinDocument, _FrameManager_onFrameDetached, _FrameManager_onExecutionContextCreated, _FrameManager_onExecutionContextDestroyed, _FrameManager_onExecutionContextsCleared, _FrameManager_removeFramesRecursively, _Frame_parentFrame, _Frame_url, _Frame_client;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Frame = exports.FrameManager = exports.FrameManagerEmittedEvents = void 0;
-const assert_1 = require("./assert");
 const Connection_1 = require("./Connection");
 const DOMWorld_1 = require("./DOMWorld");
 const EventEmitter_1 = require("./EventEmitter");
 const ExecutionContext_1 = require("./ExecutionContext");
-const is_target_closed_err_1 = require("./is-target-closed-err");
 const LifecycleWatcher_1 = require("./LifecycleWatcher");
 const NetworkManager_1 = require("./NetworkManager");
+const assert_1 = require("./assert");
+const flaky_errors_1 = require("./flaky-errors");
 const util_1 = require("./util");
 const UTILITY_WORLD_NAME = '__puppeteer_utility_world__';
 exports.FrameManagerEmittedEvents = {
@@ -131,7 +131,7 @@ class FrameManager extends EventEmitter_1.EventEmitter {
         }
         catch (error) {
             // The target might have been closed before the initialization finished.
-            if ((0, util_1.isErrorLike)(error) && (0, is_target_closed_err_1.isTargetClosedErr)(error)) {
+            if ((0, util_1.isErrorLike)(error) && (0, flaky_errors_1.isTargetClosedErr)(error)) {
                 return;
             }
             throw error;

package/dist/browser/flaky-errors.d.ts

@@ -0,0 +1,2 @@
+export declare const isTargetClosedErr: (error: Error | undefined) => boolean | undefined;
+export declare const isFlakyNetworkError: (error: Error | undefined) => boolean | undefined;

package/dist/browser/flaky-errors.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isFlakyNetworkError = exports.isTargetClosedErr = void 0;
+const isTargetClosedErr = (error) => {
+    var _a, _b;
+    return (((_a = error === null || error === void 0 ? void 0 : error.message) === null || _a === void 0 ? void 0 : _a.includes('Target closed')) ||
+        ((_b = error === null || error === void 0 ? void 0 : error.message) === null || _b === void 0 ? void 0 : _b.includes('Session closed')));
+};
+exports.isTargetClosedErr = isTargetClosedErr;
+const isFlakyNetworkError = (error) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    return (((_a = error === null || error === void 0 ? void 0 : error.message) === null || _a === void 0 ? void 0 : _a.includes('ERR_CONNECTION_REFUSED')) ||
+        ((_b = error === null || error === void 0 ? void 0 : error.message) === null || _b === void 0 ? void 0 : _b.includes('ERR_CONNECTION_RESET')) ||
+        ((_c = error === null || error === void 0 ? void 0 : error.message) === null || _c === void 0 ? void 0 : _c.includes('ERR_CONNECTION_TIMED_OUT')) ||
+        ((_d = error === null || error === void 0 ? void 0 : error.message) === null || _d === void 0 ? void 0 : _d.includes('ERR_INTERNET_DISCONNECTED')) ||
+        ((_e = error === null || error === void 0 ? void 0 : error.message) === null || _e === void 0 ? void 0 : _e.includes('ERR_NAME_RESOLUTION_FAILED')) ||
+        ((_f = error === null || error === void 0 ? void 0 : error.message) === null || _f === void 0 ? void 0 : _f.includes('ERR_ADDRESS_UNREACHABLE')) ||
+        ((_g = error === null || error === void 0 ? void 0 : error.message) === null || _g === void 0 ? void 0 : _g.includes('ERR_NETWORK_CHANGED')));
+};
+exports.isFlakyNetworkError = isFlakyNetworkError;

package/dist/render-frames.js

@@ -12,7 +12,7 @@ const download_and_map_assets_to_file_1 = require("./assets/download-and-map-ass
 const browser_1 = require("./browser");
 const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const browser_download_progress_bar_1 = require("./browser/browser-download-progress-bar");
-const is_target_closed_err_1 = require("./browser/is-target-closed-err");
+const flaky_errors_1 = require("./browser/flaky-errors");
 const compress_assets_1 = require("./compress-assets");
 const cycle_browser_tabs_1 = require("./cycle-browser-tabs");
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
@@ -310,12 +310,13 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
             ]);
         }
         catch (err) {
-            const isTargetClosedError = (0, is_target_closed_err_1.isTargetClosedErr)(err);
+            const isTargetClosedError = (0, flaky_errors_1.isTargetClosedErr)(err);
             const shouldRetryError = (_a = err.stack) === null || _a === void 0 ? void 0 : _a.includes(no_react_1.NoReactInternals.DELAY_RENDER_RETRY_TOKEN);
+            const flakyNetworkError = (0, flaky_errors_1.isFlakyNetworkError)(err);
             if ((0, make_cancel_signal_1.isUserCancelledRender)(err) && !shouldRetryError) {
                 throw err;
             }
-            if (!isTargetClosedError && !shouldRetryError) {
+            if (!isTargetClosedError && !shouldRetryError && !flakyNetworkError) {
                 throw err;
             }
             if (stopped) {
@@ -527,7 +528,7 @@ const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOpti
             // If new browser was opened, then closing the browser as a cleanup.
             if (puppeteerInstance) {
                 Promise.all(openedPages.map((p) => p.close())).catch((err) => {
-                    if ((0, is_target_closed_err_1.isTargetClosedErr)(err)) {
+                    if ((0, flaky_errors_1.isTargetClosedErr)(err)) {
                         return;
                     }
                     logger_1.Log.error({ indent, logLevel }, 'Unable to close browser tab', err);

package/dist/screenshot-task.js

@@ -42,7 +42,9 @@ const screenshotTask = async ({ format, height, omitBackground, page, width, pat
             // To be determined: Is this a problem with Lambda, or the Chrome version
             // we are using on Lambda?
             // We already found out that the problem is not a general Linux problem.
-            const fromSurface = !process.env.DISABLE_FROM_SURFACE;
+            // However, if `fromSurface` is false, the screenshot is limited to 8192x8192 pixels.
+            // If the image is larger, always use `fromSurface: true`.
+            const fromSurface = !process.env.DISABLE_FROM_SURFACE || height > 8192 || width > 8192;
             const scaleFactor = fromSurface ? 1 : scale;
             const { value } = await client.send('Page.captureScreenshot', {
                 format,

package/dist/streaming.d.ts

@@ -0,0 +1,11 @@
+export declare const streamingKey = "remotion_buffer:";
+export declare const makeStreamer: (onMessage: (statusType: 'success' | 'error', nonce: string, data: Uint8Array) => void) => {
+    onData: (data: Uint8Array) => void;
+    getOutputBuffer: () => Uint8Array;
+    clear: () => void;
+};
+export declare const makeStreamPayloadMessage: ({ status, body, nonce, }: {
+    nonce: string;
+    status: 0 | 1;
+    body: Uint8Array;
+}) => Uint8Array;

package/dist/streaming.js

@@ -0,0 +1,140 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeStreamPayloadMessage = exports.makeStreamer = exports.streamingKey = void 0;
+exports.streamingKey = 'remotion_buffer:';
+const magicWordStr = 'remotion_buffer:';
+const makeStreamer = (onMessage) => {
+    const separator = new Uint8Array(magicWordStr.length);
+    for (let i = 0; i < magicWordStr.length; i++) {
+        separator[i] = magicWordStr.charCodeAt(i);
+    }
+    let unprocessedBuffers = [];
+    let outputBuffer = new Uint8Array(0);
+    let missingData = null;
+    const processInput = () => {
+        let separatorIndex = outputBuffer.indexOf(separator[0]); // Start checking for the first byte of the separator
+        if (separatorIndex === -1 ||
+            outputBuffer
+                .subarray(separatorIndex, separatorIndex + separator.length)
+                .toString() !== separator.toString()) {
+            return;
+        }
+        separatorIndex += separator.length;
+        let nonceString = '';
+        let lengthString = '';
+        let statusString = '';
+        // eslint-disable-next-line no-constant-condition
+        while (true) {
+            if (separatorIndex > outputBuffer.length - 1) {
+                return;
+            }
+            const nextDigit = outputBuffer[separatorIndex];
+            separatorIndex++;
+            if (nextDigit === 0x3a) {
+                break;
+            }
+            nonceString += String.fromCharCode(nextDigit);
+        }
+        // eslint-disable-next-line no-constant-condition
+        while (true) {
+            if (separatorIndex > outputBuffer.length - 1) {
+                return;
+            }
+            const nextDigit = outputBuffer[separatorIndex];
+            separatorIndex++;
+            if (nextDigit === 0x3a) {
+                break;
+            }
+            lengthString += String.fromCharCode(nextDigit);
+        }
+        // eslint-disable-next-line no-constant-condition
+        while (true) {
+            if (separatorIndex > outputBuffer.length - 1) {
+                return;
+            }
+            const nextDigit = outputBuffer[separatorIndex];
+            if (nextDigit === 0x3a) {
+                break;
+            }
+            separatorIndex++;
+            statusString += String.fromCharCode(nextDigit);
+        }
+        const length = Number(lengthString);
+        const status = Number(statusString);
+        const dataLength = outputBuffer.length - separatorIndex - 1;
+        if (dataLength < length) {
+            missingData = {
+                dataMissing: length - dataLength,
+            };
+            return;
+        }
+        const data = outputBuffer.subarray(separatorIndex + 1, separatorIndex + 1 + Number(lengthString));
+        onMessage(status === 1 ? 'error' : 'success', nonceString, data);
+        missingData = null;
+        outputBuffer = outputBuffer.subarray(separatorIndex + Number(lengthString) + 1);
+        processInput();
+    };
+    const onData = (data) => {
+        unprocessedBuffers.push(data);
+        const separatorIndex = data.indexOf(separator[0]);
+        if (separatorIndex === -1) {
+            if (missingData) {
+                missingData.dataMissing -= data.length;
+            }
+            if (!missingData || missingData.dataMissing > 0) {
+                return;
+            }
+        }
+        unprocessedBuffers.unshift(outputBuffer);
+        outputBuffer = new Uint8Array(unprocessedBuffers.reduce((acc, val) => acc + val.length, 0));
+        let offset = 0;
+        for (const buf of unprocessedBuffers) {
+            outputBuffer.set(buf, offset);
+            offset += buf.length;
+        }
+        unprocessedBuffers = [];
+        processInput();
+    };
+    return {
+        onData,
+        getOutputBuffer: () => outputBuffer,
+        clear: () => {
+            unprocessedBuffers = [];
+            outputBuffer = new Uint8Array(0);
+        },
+    };
+};
+exports.makeStreamer = makeStreamer;
+const makeStreamPayloadMessage = ({ status, body, nonce, }) => {
+    const nonceArr = new TextEncoder().encode(nonce);
+    const magicWordArr = new TextEncoder().encode(magicWordStr);
+    const separatorArr = new TextEncoder().encode(':');
+    const bodyLengthArr = new TextEncoder().encode(body.length.toString());
+    const statusArr = new TextEncoder().encode(String(status));
+    // Calculate total length of new Uint8Array
+    const totalLength = nonceArr.length +
+        magicWordArr.length +
+        separatorArr.length * 3 +
+        bodyLengthArr.length +
+        statusArr.length +
+        body.length;
+    // Create a new Uint8Array to hold all combined parts
+    const concat = new Uint8Array(totalLength);
+    let offset = 0;
+    // Function to append data to concat
+    const appendToConcat = (data) => {
+        concat.set(data, offset);
+        offset += data.length;
+    };
+    // Building the final Uint8Array
+    appendToConcat(magicWordArr);
+    appendToConcat(nonceArr);
+    appendToConcat(separatorArr);
+    appendToConcat(bodyLengthArr);
+    appendToConcat(separatorArr);
+    appendToConcat(statusArr);
+    appendToConcat(separatorArr);
+    appendToConcat(body);
+    return concat;
+};
+exports.makeStreamPayloadMessage = makeStreamPayloadMessage;

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/renderer"
   },
   "name": "@remotion/renderer",
-  "version": "4.0.212",
+  "version": "4.0.213",
   "description": "Render Remotion videos using Node.js or Bun",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,8 +18,8 @@
     "extract-zip": "2.0.1",
     "source-map": "^0.8.0-beta.0",
     "ws": "8.17.1",
-    "remotion": "4.0.212",
-    "@remotion/streaming": "4.0.212"
+    "remotion": "4.0.213",
+    "@remotion/streaming": "4.0.213"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -34,13 +34,13 @@
     "@types/ws": "8.5.10"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-x64": "4.0.212",
-    "@remotion/compositor-darwin-arm64": "4.0.212",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.212",
-    "@remotion/compositor-linux-arm64-musl": "4.0.212",
-    "@remotion/compositor-linux-x64-musl": "4.0.212",
-    "@remotion/compositor-linux-x64-gnu": "4.0.212",
-    "@remotion/compositor-win32-x64-msvc": "4.0.212"
+    "@remotion/compositor-darwin-arm64": "4.0.213",
+    "@remotion/compositor-darwin-x64": "4.0.213",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.213",
+    "@remotion/compositor-linux-arm64-musl": "4.0.213",
+    "@remotion/compositor-linux-x64-gnu": "4.0.213",
+    "@remotion/compositor-linux-x64-musl": "4.0.213",
+    "@remotion/compositor-win32-x64-msvc": "4.0.213"
   },
   "keywords": [
     "remotion",