@remotion/renderer 4.0.246 → 4.0.247
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/BrowserFetcher.d.ts +4 -2
- package/dist/browser/BrowserFetcher.js +41 -18
- package/dist/browser/browser-download-progress-bar.js +13 -3
- package/dist/client.d.ts +148 -0
- package/dist/client.js +2 -0
- package/dist/ensure-browser.d.ts +2 -3
- package/dist/ensure-browser.js +9 -13
- package/dist/get-browser-instance.d.ts +3 -1
- package/dist/get-browser-instance.js +2 -1
- package/dist/get-compositions.js +5 -2
- package/dist/get-local-browser-executable.d.ts +3 -1
- package/dist/get-local-browser-executable.js +4 -8
- package/dist/index.d.ts +122 -5
- package/dist/open-browser.d.ts +6 -5
- package/dist/open-browser.js +12 -3
- package/dist/options/chrome-mode.d.ts +17 -0
- package/dist/options/chrome-mode.js +46 -0
- package/dist/options/index.d.ts +15 -0
- package/dist/options/index.js +2 -0
- package/dist/options/on-browser-download.d.ts +4 -1
- package/dist/options/options-map.d.ts +132 -0
- package/dist/options/options-map.js +12 -0
- package/dist/render-frames.js +5 -2
- package/dist/render-media.d.ts +1 -1
- package/dist/render-media.js +9 -3
- package/dist/render-still.js +9 -3
- package/dist/select-composition.js +5 -2
- package/dist/test-gpu.d.ts +3 -1
- package/dist/test-gpu.js +2 -1
- package/package.json +12 -12
- package/dist/get-local-browser.d.ts +0 -1
- package/dist/get-local-browser.js +0 -19
package/dist/index.d.ts
CHANGED
|
@@ -25,6 +25,7 @@ export { LogOptions } from './logger';
|
|
|
25
25
|
export { CancelSignal, makeCancelSignal } from './make-cancel-signal';
|
|
26
26
|
export { openBrowser } from './open-browser';
|
|
27
27
|
export type { ChromiumOptions } from './open-browser';
|
|
28
|
+
export { ChromeMode } from './options/chrome-mode';
|
|
28
29
|
export { ColorSpace } from './options/color-space';
|
|
29
30
|
export type { DeleteAfter } from './options/delete-after';
|
|
30
31
|
export { OpenGlRenderer } from './options/gl';
|
|
@@ -557,19 +558,73 @@ export declare const RenderInternals: {
|
|
|
557
558
|
getValue: () => never;
|
|
558
559
|
setConfig: () => never;
|
|
559
560
|
};
|
|
561
|
+
readonly chromeMode: {
|
|
562
|
+
cliFlag: "chrome-mode";
|
|
563
|
+
name: string;
|
|
564
|
+
ssrName: string;
|
|
565
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
566
|
+
docLink: string;
|
|
567
|
+
getValue: ({ commandLine }: {
|
|
568
|
+
commandLine: Record<string, unknown>;
|
|
569
|
+
}) => {
|
|
570
|
+
value: import("./options/chrome-mode").ChromeMode;
|
|
571
|
+
source: string;
|
|
572
|
+
};
|
|
573
|
+
setConfig: (newChromeMode: import("./options/chrome-mode").ChromeMode) => void;
|
|
574
|
+
type: import("./options/chrome-mode").ChromeMode;
|
|
575
|
+
};
|
|
560
576
|
}>) => Promise<{
|
|
561
577
|
buffer: Buffer | null;
|
|
562
578
|
}>;
|
|
563
|
-
internalOpenBrowser: ({ browser, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, viewport, logLevel, onBrowserDownload, }: {
|
|
579
|
+
internalOpenBrowser: ({ browser, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, viewport, logLevel, onBrowserDownload, chromeMode, }: {
|
|
564
580
|
browserExecutable: string | null;
|
|
565
581
|
chromiumOptions: import("./open-browser").ChromiumOptions;
|
|
566
582
|
forceDeviceScaleFactor: number | undefined;
|
|
567
583
|
viewport: import("./browser/PuppeteerViewport").Viewport | null;
|
|
568
584
|
indent: boolean;
|
|
569
585
|
browser: import("./browser").Browser;
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
586
|
+
} & import("./options/option").ToOptions<{
|
|
587
|
+
readonly logLevel: {
|
|
588
|
+
cliFlag: "log";
|
|
589
|
+
name: string;
|
|
590
|
+
ssrName: string;
|
|
591
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
592
|
+
docLink: string;
|
|
593
|
+
getValue: ({ commandLine }: {
|
|
594
|
+
commandLine: Record<string, unknown>;
|
|
595
|
+
}) => {
|
|
596
|
+
value: import("./log-level").LogLevel;
|
|
597
|
+
source: string;
|
|
598
|
+
};
|
|
599
|
+
setConfig: (newLogLevel: import("./log-level").LogLevel) => void;
|
|
600
|
+
type: import("./log-level").LogLevel;
|
|
601
|
+
};
|
|
602
|
+
readonly onBrowserDownload: {
|
|
603
|
+
name: string;
|
|
604
|
+
cliFlag: "on-browser-download";
|
|
605
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
606
|
+
ssrName: "onBrowserDownload";
|
|
607
|
+
docLink: string;
|
|
608
|
+
type: import("./options/on-browser-download").OnBrowserDownload;
|
|
609
|
+
getValue: () => never;
|
|
610
|
+
setConfig: () => never;
|
|
611
|
+
};
|
|
612
|
+
readonly chromeMode: {
|
|
613
|
+
cliFlag: "chrome-mode";
|
|
614
|
+
name: string;
|
|
615
|
+
ssrName: string;
|
|
616
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
617
|
+
docLink: string;
|
|
618
|
+
getValue: ({ commandLine }: {
|
|
619
|
+
commandLine: Record<string, unknown>;
|
|
620
|
+
}) => {
|
|
621
|
+
value: import("./options/chrome-mode").ChromeMode;
|
|
622
|
+
source: string;
|
|
623
|
+
};
|
|
624
|
+
setConfig: (newChromeMode: import("./options/chrome-mode").ChromeMode) => void;
|
|
625
|
+
type: import("./options/chrome-mode").ChromeMode;
|
|
626
|
+
};
|
|
627
|
+
}>) => Promise<HeadlessBrowser>;
|
|
573
628
|
internalSelectComposition: (options: {
|
|
574
629
|
serializedInputPropsWithCustomSchema: string;
|
|
575
630
|
envVariables: Record<string, string>;
|
|
@@ -657,6 +712,21 @@ export declare const RenderInternals: {
|
|
|
657
712
|
getValue: () => never;
|
|
658
713
|
setConfig: () => never;
|
|
659
714
|
};
|
|
715
|
+
readonly chromeMode: {
|
|
716
|
+
cliFlag: "chrome-mode";
|
|
717
|
+
name: string;
|
|
718
|
+
ssrName: string;
|
|
719
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
720
|
+
docLink: string;
|
|
721
|
+
getValue: ({ commandLine }: {
|
|
722
|
+
commandLine: Record<string, unknown>;
|
|
723
|
+
}) => {
|
|
724
|
+
value: import("./options/chrome-mode").ChromeMode;
|
|
725
|
+
source: string;
|
|
726
|
+
};
|
|
727
|
+
setConfig: (newChromeMode: import("./options/chrome-mode").ChromeMode) => void;
|
|
728
|
+
type: import("./options/chrome-mode").ChromeMode;
|
|
729
|
+
};
|
|
660
730
|
}>) => Promise<{
|
|
661
731
|
metadata: import("remotion").VideoConfig;
|
|
662
732
|
propsSize: number;
|
|
@@ -746,6 +816,21 @@ export declare const RenderInternals: {
|
|
|
746
816
|
getValue: () => never;
|
|
747
817
|
setConfig: () => never;
|
|
748
818
|
};
|
|
819
|
+
readonly chromeMode: {
|
|
820
|
+
cliFlag: "chrome-mode";
|
|
821
|
+
name: string;
|
|
822
|
+
ssrName: string;
|
|
823
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
824
|
+
docLink: string;
|
|
825
|
+
getValue: ({ commandLine }: {
|
|
826
|
+
commandLine: Record<string, unknown>;
|
|
827
|
+
}) => {
|
|
828
|
+
value: import("./options/chrome-mode").ChromeMode;
|
|
829
|
+
source: string;
|
|
830
|
+
};
|
|
831
|
+
setConfig: (newChromeMode: import("./options/chrome-mode").ChromeMode) => void;
|
|
832
|
+
type: import("./options/chrome-mode").ChromeMode;
|
|
833
|
+
};
|
|
749
834
|
}>) => Promise<import("remotion").VideoConfig[]>;
|
|
750
835
|
internalRenderFrames: (args_0: {
|
|
751
836
|
onStart: null | ((data: import("./types").OnStartData) => void);
|
|
@@ -883,6 +968,21 @@ export declare const RenderInternals: {
|
|
|
883
968
|
getValue: () => never;
|
|
884
969
|
setConfig: () => never;
|
|
885
970
|
};
|
|
971
|
+
readonly chromeMode: {
|
|
972
|
+
cliFlag: "chrome-mode";
|
|
973
|
+
name: string;
|
|
974
|
+
ssrName: string;
|
|
975
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
976
|
+
docLink: string;
|
|
977
|
+
getValue: ({ commandLine }: {
|
|
978
|
+
commandLine: Record<string, unknown>;
|
|
979
|
+
}) => {
|
|
980
|
+
value: import("./options/chrome-mode").ChromeMode;
|
|
981
|
+
source: string;
|
|
982
|
+
};
|
|
983
|
+
setConfig: (newChromeMode: import("./options/chrome-mode").ChromeMode) => void;
|
|
984
|
+
type: import("./options/chrome-mode").ChromeMode;
|
|
985
|
+
};
|
|
886
986
|
}>) => Promise<import("./types").RenderFramesOutput>;
|
|
887
987
|
internalRenderMedia: (args_0: import("./render-media").InternalRenderMediaOptions) => Promise<{
|
|
888
988
|
buffer: Buffer | null;
|
|
@@ -890,13 +990,14 @@ export declare const RenderInternals: {
|
|
|
890
990
|
}>;
|
|
891
991
|
validOpenGlRenderers: readonly ["swangle", "angle", "egl", "swiftshader", "vulkan", "angle-egl"];
|
|
892
992
|
isIpV6Supported: (flattened: import("os").NetworkInterfaceInfo[]) => boolean;
|
|
893
|
-
getChromiumGpuInformation: ({ browserExecutable, indent, logLevel, chromiumOptions, timeoutInMilliseconds, onBrowserDownload, }: {
|
|
993
|
+
getChromiumGpuInformation: ({ browserExecutable, indent, logLevel, chromiumOptions, timeoutInMilliseconds, onBrowserDownload, chromeMode, }: {
|
|
894
994
|
browserExecutable: import("./browser-executable").BrowserExecutable;
|
|
895
995
|
indent: boolean;
|
|
896
996
|
logLevel: import("./log-level").LogLevel;
|
|
897
997
|
chromiumOptions: import("./open-browser").ChromiumOptions;
|
|
898
998
|
timeoutInMilliseconds: number;
|
|
899
999
|
onBrowserDownload: import("./options/on-browser-download").OnBrowserDownload;
|
|
1000
|
+
chromeMode: import("./options/chrome-mode").ChromeMode;
|
|
900
1001
|
}) => Promise<{
|
|
901
1002
|
feature: string;
|
|
902
1003
|
status: string;
|
|
@@ -928,6 +1029,7 @@ export declare const RenderInternals: {
|
|
|
928
1029
|
internalEnsureBrowser: (options: {
|
|
929
1030
|
browserExecutable: import("./browser-executable").BrowserExecutable;
|
|
930
1031
|
indent: boolean;
|
|
1032
|
+
chromeMode: import("./options/chrome-mode").ChromeMode;
|
|
931
1033
|
} & import("./options/option").ToOptions<{
|
|
932
1034
|
readonly logLevel: {
|
|
933
1035
|
cliFlag: "log";
|
|
@@ -954,6 +1056,21 @@ export declare const RenderInternals: {
|
|
|
954
1056
|
getValue: () => never;
|
|
955
1057
|
setConfig: () => never;
|
|
956
1058
|
};
|
|
1059
|
+
readonly chromeMode: {
|
|
1060
|
+
cliFlag: "chrome-mode";
|
|
1061
|
+
name: string;
|
|
1062
|
+
ssrName: string;
|
|
1063
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
1064
|
+
docLink: string;
|
|
1065
|
+
getValue: ({ commandLine }: {
|
|
1066
|
+
commandLine: Record<string, unknown>;
|
|
1067
|
+
}) => {
|
|
1068
|
+
value: import("./options/chrome-mode").ChromeMode;
|
|
1069
|
+
source: string;
|
|
1070
|
+
};
|
|
1071
|
+
setConfig: (newChromeMode: import("./options/chrome-mode").ChromeMode) => void;
|
|
1072
|
+
type: import("./options/chrome-mode").ChromeMode;
|
|
1073
|
+
};
|
|
957
1074
|
}>) => Promise<import("./ensure-browser").BrowserStatus>;
|
|
958
1075
|
printUsefulErrorMessage: (err: Error, logLevel: import("./log-level").LogLevel, indent: boolean) => void;
|
|
959
1076
|
};
|
package/dist/open-browser.d.ts
CHANGED
|
@@ -3,8 +3,10 @@ import type { Browser } from './browser';
|
|
|
3
3
|
import type { HeadlessBrowser } from './browser/Browser';
|
|
4
4
|
import type { Viewport } from './browser/PuppeteerViewport';
|
|
5
5
|
import { type LogLevel } from './log-level';
|
|
6
|
+
import type { ChromeMode } from './options/chrome-mode';
|
|
6
7
|
import type { validOpenGlRenderers } from './options/gl';
|
|
7
|
-
import type {
|
|
8
|
+
import type { ToOptions } from './options/option';
|
|
9
|
+
import type { optionsMap } from './options/options-map';
|
|
8
10
|
type OpenGlRenderer = (typeof validOpenGlRenderers)[number];
|
|
9
11
|
type OnlyV4Options = typeof NoReactInternals.ENABLE_V5_BREAKING_CHANGES extends true ? {} : {
|
|
10
12
|
/**
|
|
@@ -27,9 +29,7 @@ type InternalOpenBrowserOptions = {
|
|
|
27
29
|
viewport: Viewport | null;
|
|
28
30
|
indent: boolean;
|
|
29
31
|
browser: Browser;
|
|
30
|
-
|
|
31
|
-
onBrowserDownload: OnBrowserDownload;
|
|
32
|
-
};
|
|
32
|
+
} & ToOptions<typeof optionsMap.openBrowser>;
|
|
33
33
|
type LogOptions = typeof NoReactInternals.ENABLE_V5_BREAKING_CHANGES extends true ? {
|
|
34
34
|
logLevel?: LogLevel;
|
|
35
35
|
} : {
|
|
@@ -39,8 +39,9 @@ type LogOptions = typeof NoReactInternals.ENABLE_V5_BREAKING_CHANGES extends tru
|
|
|
39
39
|
export type OpenBrowserOptions = {
|
|
40
40
|
browserExecutable?: string | null;
|
|
41
41
|
chromiumOptions?: ChromiumOptions;
|
|
42
|
+
chromeMode?: ChromeMode;
|
|
42
43
|
forceDeviceScaleFactor?: number;
|
|
43
44
|
} & LogOptions;
|
|
44
|
-
export declare const internalOpenBrowser: ({ browser, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, viewport, logLevel, onBrowserDownload, }: InternalOpenBrowserOptions) => Promise<HeadlessBrowser>;
|
|
45
|
+
export declare const internalOpenBrowser: ({ browser, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, viewport, logLevel, onBrowserDownload, chromeMode, }: InternalOpenBrowserOptions) => Promise<HeadlessBrowser>;
|
|
45
46
|
export declare const openBrowser: (browser: Browser, options?: OpenBrowserOptions) => Promise<HeadlessBrowser>;
|
|
46
47
|
export {};
|
package/dist/open-browser.js
CHANGED
|
@@ -41,6 +41,7 @@ const getOpenGlRenderer = (option) => {
|
|
|
41
41
|
'--use-vulkan=swiftshader',
|
|
42
42
|
'--disable-vulkan-fallback-to-gl-for-testing',
|
|
43
43
|
'--dignore-gpu-blocklist',
|
|
44
|
+
'--enable-gpu',
|
|
44
45
|
];
|
|
45
46
|
}
|
|
46
47
|
if (renderer === null) {
|
|
@@ -48,7 +49,7 @@ const getOpenGlRenderer = (option) => {
|
|
|
48
49
|
}
|
|
49
50
|
return [`--use-gl=${renderer}`];
|
|
50
51
|
};
|
|
51
|
-
const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, viewport, logLevel, onBrowserDownload, }) => {
|
|
52
|
+
const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, viewport, logLevel, onBrowserDownload, chromeMode, }) => {
|
|
52
53
|
var _a, _b, _c;
|
|
53
54
|
// @ts-expect-error Firefox
|
|
54
55
|
if (browser === 'firefox') {
|
|
@@ -59,11 +60,13 @@ const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions
|
|
|
59
60
|
logLevel,
|
|
60
61
|
indent,
|
|
61
62
|
onBrowserDownload,
|
|
63
|
+
chromeMode,
|
|
62
64
|
});
|
|
63
65
|
const executablePath = (0, get_local_browser_executable_1.getLocalBrowserExecutable)({
|
|
64
66
|
preferredBrowserExecutable: browserExecutable,
|
|
65
67
|
logLevel,
|
|
66
68
|
indent,
|
|
69
|
+
chromeMode,
|
|
67
70
|
});
|
|
68
71
|
const customGlRenderer = getOpenGlRenderer((_a = chromiumOptions.gl) !== null && _a !== void 0 ? _a : null);
|
|
69
72
|
const enableMultiProcessOnLinux = (_b = chromiumOptions.enableMultiProcessOnLinux) !== null && _b !== void 0 ? _b : true;
|
|
@@ -94,6 +97,7 @@ const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions
|
|
|
94
97
|
'--proxy-bypass-list=*',
|
|
95
98
|
'--disable-hang-monitor',
|
|
96
99
|
'--disable-extensions',
|
|
100
|
+
'--allow-chrome-scheme-url',
|
|
97
101
|
'--disable-ipc-flooding-protection',
|
|
98
102
|
'--disable-popup-blocking',
|
|
99
103
|
'--disable-prompt-on-repost',
|
|
@@ -110,7 +114,11 @@ const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions
|
|
|
110
114
|
'--enable-blink-features=IdleDetection',
|
|
111
115
|
'--export-tagged-pdf',
|
|
112
116
|
'--intensive-wake-up-throttling-policy=0',
|
|
113
|
-
((_c = chromiumOptions.headless) !== null && _c !== void 0 ? _c : true)
|
|
117
|
+
((_c = chromiumOptions.headless) !== null && _c !== void 0 ? _c : true)
|
|
118
|
+
? chromeMode === 'chrome-for-testing'
|
|
119
|
+
? '--headless=new'
|
|
120
|
+
: '--headless=old'
|
|
121
|
+
: null,
|
|
114
122
|
'--no-sandbox',
|
|
115
123
|
'--disable-setuid-sandbox',
|
|
116
124
|
...customGlRenderer,
|
|
@@ -166,7 +174,7 @@ exports.internalOpenBrowser = internalOpenBrowser;
|
|
|
166
174
|
* @see [Documentation](https://www.remotion.dev/docs/renderer/open-browser)
|
|
167
175
|
*/
|
|
168
176
|
const openBrowser = (browser, options) => {
|
|
169
|
-
var _a;
|
|
177
|
+
var _a, _b;
|
|
170
178
|
const { browserExecutable, chromiumOptions, forceDeviceScaleFactor } = options !== null && options !== void 0 ? options : {};
|
|
171
179
|
const indent = false;
|
|
172
180
|
const logLevel = (_a = options === null || options === void 0 ? void 0 : options.logLevel) !== null && _a !== void 0 ? _a : ((options === null || options === void 0 ? void 0 : options.shouldDumpIo) ? 'verbose' : 'info');
|
|
@@ -183,6 +191,7 @@ const openBrowser = (browser, options) => {
|
|
|
183
191
|
logLevel,
|
|
184
192
|
api: 'openBrowser()',
|
|
185
193
|
}),
|
|
194
|
+
chromeMode: (_b = options === null || options === void 0 ? void 0 : options.chromeMode) !== null && _b !== void 0 ? _b : 'headless-shell',
|
|
186
195
|
});
|
|
187
196
|
};
|
|
188
197
|
exports.openBrowser = openBrowser;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export declare const validChromeModeOptions: readonly ["headless-shell", "chrome-for-testing"];
|
|
2
|
+
export type ChromeMode = (typeof validChromeModeOptions)[number];
|
|
3
|
+
export declare const chromeModeOption: {
|
|
4
|
+
cliFlag: "chrome-mode";
|
|
5
|
+
name: string;
|
|
6
|
+
ssrName: string;
|
|
7
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
docLink: string;
|
|
9
|
+
getValue: ({ commandLine }: {
|
|
10
|
+
commandLine: Record<string, unknown>;
|
|
11
|
+
}) => {
|
|
12
|
+
value: ChromeMode;
|
|
13
|
+
source: string;
|
|
14
|
+
};
|
|
15
|
+
setConfig: (newChromeMode: ChromeMode) => void;
|
|
16
|
+
type: ChromeMode;
|
|
17
|
+
};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.chromeModeOption = exports.validChromeModeOptions = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
exports.validChromeModeOptions = [
|
|
6
|
+
'headless-shell',
|
|
7
|
+
'chrome-for-testing',
|
|
8
|
+
];
|
|
9
|
+
const cliFlag = 'chrome-mode';
|
|
10
|
+
let configSelection = null;
|
|
11
|
+
exports.chromeModeOption = {
|
|
12
|
+
cliFlag,
|
|
13
|
+
name: 'Chrome Mode',
|
|
14
|
+
ssrName: 'chromeMode',
|
|
15
|
+
description: () => {
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["One of", ' ', exports.validChromeModeOptions.map((option, i) => ((0, jsx_runtime_1.jsxs)("code", { children: [option, i === exports.validChromeModeOptions.length - 1 ? '' : ', '] }, option))), ". Default ", (0, jsx_runtime_1.jsx)("code", { children: "headless-shell" }), ". Use", ' ', (0, jsx_runtime_1.jsx)("code", { children: "chrome-for-testing" }), " to take advantage of GPU drivers on Linux."] }));
|
|
17
|
+
},
|
|
18
|
+
docLink: 'https://www.remotion.dev/docs/miscellaneous/chrome-headless-shell',
|
|
19
|
+
getValue: ({ commandLine }) => {
|
|
20
|
+
if (commandLine[cliFlag]) {
|
|
21
|
+
if (!exports.validChromeModeOptions.includes(commandLine[cliFlag])) {
|
|
22
|
+
throw new Error(`Invalid \`--${cliFlag}\` value passed. Accepted values: ${exports.validChromeModeOptions
|
|
23
|
+
.map((l) => `'${l}'`)
|
|
24
|
+
.join(', ')}.`);
|
|
25
|
+
}
|
|
26
|
+
return {
|
|
27
|
+
value: commandLine[cliFlag],
|
|
28
|
+
source: 'cli',
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
if (configSelection !== null) {
|
|
32
|
+
return {
|
|
33
|
+
value: configSelection,
|
|
34
|
+
source: 'config',
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
return {
|
|
38
|
+
value: 'headless-shell',
|
|
39
|
+
source: 'default',
|
|
40
|
+
};
|
|
41
|
+
},
|
|
42
|
+
setConfig: (newChromeMode) => {
|
|
43
|
+
configSelection = newChromeMode;
|
|
44
|
+
},
|
|
45
|
+
type: 'headless-shell',
|
|
46
|
+
};
|
package/dist/options/index.d.ts
CHANGED
|
@@ -613,6 +613,21 @@ export declare const allOptions: {
|
|
|
613
613
|
};
|
|
614
614
|
setConfig: (value: import("./hardware-acceleration").HardwareAccelerationOption) => void;
|
|
615
615
|
};
|
|
616
|
+
chromeModeOption: {
|
|
617
|
+
cliFlag: "chrome-mode";
|
|
618
|
+
name: string;
|
|
619
|
+
ssrName: string;
|
|
620
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
621
|
+
docLink: string;
|
|
622
|
+
getValue: ({ commandLine }: {
|
|
623
|
+
commandLine: Record<string, unknown>;
|
|
624
|
+
}) => {
|
|
625
|
+
value: import("./chrome-mode").ChromeMode;
|
|
626
|
+
source: string;
|
|
627
|
+
};
|
|
628
|
+
setConfig: (newChromeMode: import("./chrome-mode").ChromeMode) => void;
|
|
629
|
+
type: import("./chrome-mode").ChromeMode;
|
|
630
|
+
};
|
|
616
631
|
};
|
|
617
632
|
export type AvailableOptions = keyof typeof allOptions;
|
|
618
633
|
export type TypeOfOption<Type> = Type extends AnyRemotionOption<infer X> ? X : never;
|
package/dist/options/index.js
CHANGED
|
@@ -5,6 +5,7 @@ const audio_bitrate_1 = require("./audio-bitrate");
|
|
|
5
5
|
const audio_codec_1 = require("./audio-codec");
|
|
6
6
|
const beep_on_finish_1 = require("./beep-on-finish");
|
|
7
7
|
const binaries_directory_1 = require("./binaries-directory");
|
|
8
|
+
const chrome_mode_1 = require("./chrome-mode");
|
|
8
9
|
const color_space_1 = require("./color-space");
|
|
9
10
|
const crf_1 = require("./crf");
|
|
10
11
|
const delete_after_1 = require("./delete-after");
|
|
@@ -78,4 +79,5 @@ exports.allOptions = {
|
|
|
78
79
|
disableGitSourceOption: disable_git_source_1.disableGitSourceOption,
|
|
79
80
|
metadataOption: metadata_1.metadataOption,
|
|
80
81
|
hardwareAccelerationOption: hardware_acceleration_1.hardwareAccelerationOption,
|
|
82
|
+
chromeModeOption: chrome_mode_1.chromeModeOption,
|
|
81
83
|
};
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
import type { ChromeMode } from './chrome-mode';
|
|
1
2
|
export type DownloadBrowserProgressFn = (progress: {
|
|
2
3
|
percent: number;
|
|
3
4
|
downloadedBytes: number;
|
|
4
5
|
totalSizeInBytes: number;
|
|
5
6
|
}) => void;
|
|
6
|
-
export type OnBrowserDownload = (
|
|
7
|
+
export type OnBrowserDownload = (options: {
|
|
8
|
+
chromeMode: ChromeMode;
|
|
9
|
+
}) => {
|
|
7
10
|
onProgress: DownloadBrowserProgressFn;
|
|
8
11
|
version: string | null;
|
|
9
12
|
};
|
|
@@ -328,6 +328,21 @@ export declare const optionsMap: {
|
|
|
328
328
|
};
|
|
329
329
|
setConfig: (value: import("./hardware-acceleration").HardwareAccelerationOption) => void;
|
|
330
330
|
};
|
|
331
|
+
readonly chromeMode: {
|
|
332
|
+
cliFlag: "chrome-mode";
|
|
333
|
+
name: string;
|
|
334
|
+
ssrName: string;
|
|
335
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
336
|
+
docLink: string;
|
|
337
|
+
getValue: ({ commandLine }: {
|
|
338
|
+
commandLine: Record<string, unknown>;
|
|
339
|
+
}) => {
|
|
340
|
+
value: import("./chrome-mode").ChromeMode;
|
|
341
|
+
source: string;
|
|
342
|
+
};
|
|
343
|
+
setConfig: (newChromeMode: import("./chrome-mode").ChromeMode) => void;
|
|
344
|
+
type: import("./chrome-mode").ChromeMode;
|
|
345
|
+
};
|
|
331
346
|
};
|
|
332
347
|
readonly stitchFramesToVideo: {
|
|
333
348
|
readonly separateAudioTo: {
|
|
@@ -453,6 +468,21 @@ export declare const optionsMap: {
|
|
|
453
468
|
getValue: () => never;
|
|
454
469
|
setConfig: () => never;
|
|
455
470
|
};
|
|
471
|
+
readonly chromeMode: {
|
|
472
|
+
cliFlag: "chrome-mode";
|
|
473
|
+
name: string;
|
|
474
|
+
ssrName: string;
|
|
475
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
476
|
+
docLink: string;
|
|
477
|
+
getValue: ({ commandLine }: {
|
|
478
|
+
commandLine: Record<string, unknown>;
|
|
479
|
+
}) => {
|
|
480
|
+
value: import("./chrome-mode").ChromeMode;
|
|
481
|
+
source: string;
|
|
482
|
+
};
|
|
483
|
+
setConfig: (newChromeMode: import("./chrome-mode").ChromeMode) => void;
|
|
484
|
+
type: import("./chrome-mode").ChromeMode;
|
|
485
|
+
};
|
|
456
486
|
};
|
|
457
487
|
readonly getCompositions: {
|
|
458
488
|
readonly offthreadVideoCacheSizeInBytes: {
|
|
@@ -528,6 +558,21 @@ export declare const optionsMap: {
|
|
|
528
558
|
getValue: () => never;
|
|
529
559
|
setConfig: () => never;
|
|
530
560
|
};
|
|
561
|
+
readonly chromeMode: {
|
|
562
|
+
cliFlag: "chrome-mode";
|
|
563
|
+
name: string;
|
|
564
|
+
ssrName: string;
|
|
565
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
566
|
+
docLink: string;
|
|
567
|
+
getValue: ({ commandLine }: {
|
|
568
|
+
commandLine: Record<string, unknown>;
|
|
569
|
+
}) => {
|
|
570
|
+
value: import("./chrome-mode").ChromeMode;
|
|
571
|
+
source: string;
|
|
572
|
+
};
|
|
573
|
+
setConfig: (newChromeMode: import("./chrome-mode").ChromeMode) => void;
|
|
574
|
+
type: import("./chrome-mode").ChromeMode;
|
|
575
|
+
};
|
|
531
576
|
};
|
|
532
577
|
readonly selectComposition: {
|
|
533
578
|
readonly offthreadVideoCacheSizeInBytes: {
|
|
@@ -603,6 +648,21 @@ export declare const optionsMap: {
|
|
|
603
648
|
getValue: () => never;
|
|
604
649
|
setConfig: () => never;
|
|
605
650
|
};
|
|
651
|
+
readonly chromeMode: {
|
|
652
|
+
cliFlag: "chrome-mode";
|
|
653
|
+
name: string;
|
|
654
|
+
ssrName: string;
|
|
655
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
656
|
+
docLink: string;
|
|
657
|
+
getValue: ({ commandLine }: {
|
|
658
|
+
commandLine: Record<string, unknown>;
|
|
659
|
+
}) => {
|
|
660
|
+
value: import("./chrome-mode").ChromeMode;
|
|
661
|
+
source: string;
|
|
662
|
+
};
|
|
663
|
+
setConfig: (newChromeMode: import("./chrome-mode").ChromeMode) => void;
|
|
664
|
+
type: import("./chrome-mode").ChromeMode;
|
|
665
|
+
};
|
|
606
666
|
};
|
|
607
667
|
readonly renderFrames: {
|
|
608
668
|
readonly forSeamlessAacConcatenation: {
|
|
@@ -711,6 +771,21 @@ export declare const optionsMap: {
|
|
|
711
771
|
getValue: () => never;
|
|
712
772
|
setConfig: () => never;
|
|
713
773
|
};
|
|
774
|
+
readonly chromeMode: {
|
|
775
|
+
cliFlag: "chrome-mode";
|
|
776
|
+
name: string;
|
|
777
|
+
ssrName: string;
|
|
778
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
779
|
+
docLink: string;
|
|
780
|
+
getValue: ({ commandLine }: {
|
|
781
|
+
commandLine: Record<string, unknown>;
|
|
782
|
+
}) => {
|
|
783
|
+
value: import("./chrome-mode").ChromeMode;
|
|
784
|
+
source: string;
|
|
785
|
+
};
|
|
786
|
+
setConfig: (newChromeMode: import("./chrome-mode").ChromeMode) => void;
|
|
787
|
+
type: import("./chrome-mode").ChromeMode;
|
|
788
|
+
};
|
|
714
789
|
};
|
|
715
790
|
readonly renderMediaOnLambda: {
|
|
716
791
|
readonly offthreadVideoCacheSizeInBytes: {
|
|
@@ -1453,6 +1528,63 @@ export declare const optionsMap: {
|
|
|
1453
1528
|
getValue: () => never;
|
|
1454
1529
|
setConfig: () => never;
|
|
1455
1530
|
};
|
|
1531
|
+
readonly chromeMode: {
|
|
1532
|
+
cliFlag: "chrome-mode";
|
|
1533
|
+
name: string;
|
|
1534
|
+
ssrName: string;
|
|
1535
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
1536
|
+
docLink: string;
|
|
1537
|
+
getValue: ({ commandLine }: {
|
|
1538
|
+
commandLine: Record<string, unknown>;
|
|
1539
|
+
}) => {
|
|
1540
|
+
value: import("./chrome-mode").ChromeMode;
|
|
1541
|
+
source: string;
|
|
1542
|
+
};
|
|
1543
|
+
setConfig: (newChromeMode: import("./chrome-mode").ChromeMode) => void;
|
|
1544
|
+
type: import("./chrome-mode").ChromeMode;
|
|
1545
|
+
};
|
|
1546
|
+
};
|
|
1547
|
+
readonly openBrowser: {
|
|
1548
|
+
readonly logLevel: {
|
|
1549
|
+
cliFlag: "log";
|
|
1550
|
+
name: string;
|
|
1551
|
+
ssrName: string;
|
|
1552
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
1553
|
+
docLink: string;
|
|
1554
|
+
getValue: ({ commandLine }: {
|
|
1555
|
+
commandLine: Record<string, unknown>;
|
|
1556
|
+
}) => {
|
|
1557
|
+
value: import("..").LogLevel;
|
|
1558
|
+
source: string;
|
|
1559
|
+
};
|
|
1560
|
+
setConfig: (newLogLevel: import("..").LogLevel) => void;
|
|
1561
|
+
type: import("..").LogLevel;
|
|
1562
|
+
};
|
|
1563
|
+
readonly onBrowserDownload: {
|
|
1564
|
+
name: string;
|
|
1565
|
+
cliFlag: "on-browser-download";
|
|
1566
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
1567
|
+
ssrName: "onBrowserDownload";
|
|
1568
|
+
docLink: string;
|
|
1569
|
+
type: import("./on-browser-download").OnBrowserDownload;
|
|
1570
|
+
getValue: () => never;
|
|
1571
|
+
setConfig: () => never;
|
|
1572
|
+
};
|
|
1573
|
+
readonly chromeMode: {
|
|
1574
|
+
cliFlag: "chrome-mode";
|
|
1575
|
+
name: string;
|
|
1576
|
+
ssrName: string;
|
|
1577
|
+
description: () => import("react/jsx-runtime").JSX.Element;
|
|
1578
|
+
docLink: string;
|
|
1579
|
+
getValue: ({ commandLine }: {
|
|
1580
|
+
commandLine: Record<string, unknown>;
|
|
1581
|
+
}) => {
|
|
1582
|
+
value: import("./chrome-mode").ChromeMode;
|
|
1583
|
+
source: string;
|
|
1584
|
+
};
|
|
1585
|
+
setConfig: (newChromeMode: import("./chrome-mode").ChromeMode) => void;
|
|
1586
|
+
type: import("./chrome-mode").ChromeMode;
|
|
1587
|
+
};
|
|
1456
1588
|
};
|
|
1457
1589
|
readonly deploySiteLambda: {
|
|
1458
1590
|
readonly logLevel: {
|
|
@@ -4,6 +4,7 @@ exports.optionsMap = void 0;
|
|
|
4
4
|
const audio_bitrate_1 = require("./audio-bitrate");
|
|
5
5
|
const audio_codec_1 = require("./audio-codec");
|
|
6
6
|
const binaries_directory_1 = require("./binaries-directory");
|
|
7
|
+
const chrome_mode_1 = require("./chrome-mode");
|
|
7
8
|
const color_space_1 = require("./color-space");
|
|
8
9
|
const crf_1 = require("./crf");
|
|
9
10
|
const delete_after_1 = require("./delete-after");
|
|
@@ -49,6 +50,7 @@ exports.optionsMap = {
|
|
|
49
50
|
audioCodec: audio_codec_1.audioCodecOption,
|
|
50
51
|
onBrowserDownload: on_browser_download_1.onBrowserDownloadOption,
|
|
51
52
|
hardwareAcceleration: hardware_acceleration_1.hardwareAccelerationOption,
|
|
53
|
+
chromeMode: chrome_mode_1.chromeModeOption,
|
|
52
54
|
},
|
|
53
55
|
stitchFramesToVideo: {
|
|
54
56
|
separateAudioTo: separate_audio_1.separateAudioOption,
|
|
@@ -61,6 +63,7 @@ exports.optionsMap = {
|
|
|
61
63
|
timeoutInMilliseconds: timeout_1.delayRenderTimeoutInMillisecondsOption,
|
|
62
64
|
binariesDirectory: binaries_directory_1.binariesDirectoryOption,
|
|
63
65
|
onBrowserDownload: on_browser_download_1.onBrowserDownloadOption,
|
|
66
|
+
chromeMode: chrome_mode_1.chromeModeOption,
|
|
64
67
|
},
|
|
65
68
|
getCompositions: {
|
|
66
69
|
offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
|
|
@@ -68,6 +71,7 @@ exports.optionsMap = {
|
|
|
68
71
|
timeoutInMilliseconds: timeout_1.delayRenderTimeoutInMillisecondsOption,
|
|
69
72
|
binariesDirectory: binaries_directory_1.binariesDirectoryOption,
|
|
70
73
|
onBrowserDownload: on_browser_download_1.onBrowserDownloadOption,
|
|
74
|
+
chromeMode: chrome_mode_1.chromeModeOption,
|
|
71
75
|
},
|
|
72
76
|
selectComposition: {
|
|
73
77
|
offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
|
|
@@ -75,6 +79,7 @@ exports.optionsMap = {
|
|
|
75
79
|
timeoutInMilliseconds: timeout_1.delayRenderTimeoutInMillisecondsOption,
|
|
76
80
|
binariesDirectory: binaries_directory_1.binariesDirectoryOption,
|
|
77
81
|
onBrowserDownload: on_browser_download_1.onBrowserDownloadOption,
|
|
82
|
+
chromeMode: chrome_mode_1.chromeModeOption,
|
|
78
83
|
},
|
|
79
84
|
renderFrames: {
|
|
80
85
|
forSeamlessAacConcatenation: for_seamless_aac_concatenation_1.forSeamlessAacConcatenationOption,
|
|
@@ -84,6 +89,7 @@ exports.optionsMap = {
|
|
|
84
89
|
timeoutInMilliseconds: timeout_1.delayRenderTimeoutInMillisecondsOption,
|
|
85
90
|
binariesDirectory: binaries_directory_1.binariesDirectoryOption,
|
|
86
91
|
onBrowserDownload: on_browser_download_1.onBrowserDownloadOption,
|
|
92
|
+
chromeMode: chrome_mode_1.chromeModeOption,
|
|
87
93
|
},
|
|
88
94
|
renderMediaOnLambda: {
|
|
89
95
|
offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
|
|
@@ -141,6 +147,12 @@ exports.optionsMap = {
|
|
|
141
147
|
ensureBrowser: {
|
|
142
148
|
logLevel: log_level_1.logLevelOption,
|
|
143
149
|
onBrowserDownload: on_browser_download_1.onBrowserDownloadOption,
|
|
150
|
+
chromeMode: chrome_mode_1.chromeModeOption,
|
|
151
|
+
},
|
|
152
|
+
openBrowser: {
|
|
153
|
+
logLevel: log_level_1.logLevelOption,
|
|
154
|
+
onBrowserDownload: on_browser_download_1.onBrowserDownloadOption,
|
|
155
|
+
chromeMode: chrome_mode_1.chromeModeOption,
|
|
144
156
|
},
|
|
145
157
|
deploySiteLambda: {
|
|
146
158
|
logLevel: log_level_1.logLevelOption,
|