@remotion/cli 4.0.39 → 4.0.41

package/dist/config/chromium-flags.d.ts

@@ -3,7 +3,7 @@ export declare const getChromiumDisableWebSecurity: () => boolean;
 export declare const setChromiumDisableWebSecurity: (should: boolean) => void;
 export declare const getIgnoreCertificateErrors: () => boolean;
 export declare const setChromiumIgnoreCertificateErrors: (should: boolean) => void;
-export declare const getChromiumOpenGlRenderer: () => "swangle" | "angle" | "egl" | "swiftshader" | null;
+export declare const getChromiumOpenGlRenderer: () => "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | null;
 export declare const setChromiumOpenGlRenderer: (renderer: OpenGlRenderer) => void;
 export declare const getChromiumHeadlessMode: () => boolean;
 export declare const setChromiumHeadlessMode: (should: boolean) => void;

package/dist/config/index.d.ts

@@ -103,10 +103,10 @@ declare global {
          */
         readonly setChromiumHeadlessMode: (should: boolean) => void;
         /**
-         * Set the OpenGL rendering backend for Chrome. Possible values: 'egl', 'angle', 'swiftshader' and 'swangle'.
+         * Set the OpenGL rendering backend for Chrome. Possible values: 'egl', 'angle', 'swiftshader', 'swangle' and 'vulkan'.
          * Default: 'swangle' in Lambda, null elsewhere.
          */
-        readonly setChromiumOpenGlRenderer: (renderer: 'swangle' | 'angle' | 'egl' | 'swiftshader') => void;
+        readonly setChromiumOpenGlRenderer: (renderer: 'swangle' | 'angle' | 'egl' | 'swiftshader' | 'vulkan') => void;
         /**
          * Set the user agent for Chrome. Only works during rendering.
          * Default is the default user agent for Chrome
@@ -299,7 +299,7 @@ export declare const ConfigInternals: {
     getChromiumDisableWebSecurity: () => boolean;
     getIgnoreCertificateErrors: () => boolean;
     getChromiumHeadlessMode: () => boolean;
-    getChromiumOpenGlRenderer: () => "swangle" | "angle" | "egl" | "swiftshader" | null;
+    getChromiumOpenGlRenderer: () => "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | null;
     getEveryNthFrame: () => number;
     getConcurrency: () => string | number | null;
     getCurrentPuppeteerTimeout: () => number;

package/dist/editor/components/NewComposition/RemInput.d.ts

@@ -12,6 +12,6 @@ export declare const getInputBorderColor: ({ status, isFocused, isHovered, }: {
     status: 'error' | 'warning' | 'ok';
     isFocused: boolean;
     isHovered: boolean;
-}) => "hsla(0, 0%, 100%, 0.15)" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)" | "#ff3232" | "#f1c40f";
+}) => "hsla(0, 0%, 100%, 0.15)" | "#ff3232" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)" | "#f1c40f";
 export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "status" | "rightAlign"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/editor/components/QuickSwitcher/QuickSwitcherContent.js

@@ -135,7 +135,7 @@ const QuickSwitcherContent = ({ initialMode, invocationTimestamp }) => {
                     var _a;
                     selectComposition(c, true);
                     setSelectedModal(null);
-                    const selector = `.__remotion-composition[data-compname=${c.id}`;
+                    const selector = `.__remotion-composition[data-compname="${c.id}"]`;
                     (_a = CompositionSelector_1.compositionSelectorRef.current) === null || _a === void 0 ? void 0 : _a.expandComposition(c.id);
                     waitForElm(selector).then(() => {
                         var _a;

package/dist/editor/components/RenderModal/RenderModalAdvanced.js

@@ -19,7 +19,7 @@ const container = {
 };
 const RenderModalAdvanced = ({ renderMode, maxConcurrency, minConcurrency, setConcurrency, concurrency, setVerboseLogging, verbose, delayRenderTimeout, setDelayRenderTimeout, disallowParallelEncoding, setDisallowParallelEncoding, setDisableWebSecurity, setIgnoreCertificateErrors, setHeadless, headless, ignoreCertificateErrors, disableWebSecurity, openGlOption, setOpenGlOption, setEnvVariables, envVariables, setx264Preset, x264Preset, codec, offthreadVideoCacheSizeInBytes, setOffthreadVideoCacheSizeInBytes, }) => {
     const extendedOpenGlOptions = (0, react_1.useMemo)(() => {
-        return ['angle', 'egl', 'swangle', 'swiftshader', 'default'];
+        return ['angle', 'egl', 'swangle', 'swiftshader', 'vulkan', 'default'];
     }, []);
     const onVerboseLoggingChanged = (0, react_1.useCallback)((e) => {
         setVerboseLogging(e.target.checked);

package/dist/editor/components/UpdateCheck.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { PackageManager } from '../../preview-server/get-package-manager';
 export type UpdateInfo = {
     currentVersion: string;

package/dist/editor/helpers/render-modal-sections.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Codec } from '@remotion/renderer';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
 type Section = 'general' | 'picture' | 'advanced' | 'data' | 'gif' | 'audio';

package/dist/index.d.ts

@@ -175,7 +175,7 @@ export declare const CliInternals: {
         runs: number;
         concurrencies: string;
         "enforce-audio-track": boolean;
-        gl: "swangle" | "angle" | "egl" | "swiftshader";
+        gl: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan";
         "package-manager": string;
         "webpack-poll": number;
         "no-open": boolean;

package/dist/preview-server/project-info.js

@@ -16,6 +16,8 @@ const getProjectInfo = (remotionRoot) => {
         'app/remotion/Root.tsx',
         'src/Video.tsx',
         'src/Video.jsx',
+        'src/remotion/Root.tsx',
+        'src/remotion/Root.jsx',
     ].map((p) => {
         return node_path_1.default.join(remotionRoot, p);
     });

package/dist/preview-server/routes.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { IncomingMessage, ServerResponse } from 'node:http';
 import type { LiveEventsServer } from './live-events';
 export declare const handleRoutes: ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.39",
+  "version": "4.0.41",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -35,11 +35,11 @@
     "prompts": "2.4.1",
     "semver": "7.5.3",
     "source-map": "0.6.1",
-    "@remotion/bundler": "4.0.39",
-    "@remotion/media-utils": "4.0.39",
-    "@remotion/player": "4.0.39",
-    "@remotion/renderer": "4.0.39",
-    "remotion": "4.0.39"
+    "@remotion/renderer": "4.0.41",
+    "@remotion/bundler": "4.0.41",
+    "@remotion/player": "4.0.41",
+    "remotion": "4.0.41",
+    "@remotion/media-utils": "4.0.41"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -65,8 +65,8 @@
     "react-dom": "^18.0.0",
     "vitest": "0.31.1",
     "zod": "^3.21.4",
-    "@remotion/zod-types": "4.0.39",
-    "@remotion/tailwind": "4.0.39"
+    "@remotion/zod-types": "4.0.41",
+    "@remotion/tailwind": "4.0.41"
   },
   "keywords": [
     "remotion",

package/dist/config/presets-profile.d.ts

@@ -1,3 +0,0 @@
-import type { x264Preset } from '@remotion/renderer';
-export declare const getPresetProfile: () => x264Preset | undefined;
-export declare const setPresetProfile: (profile: x264Preset | undefined) => void;

package/dist/config/presets-profile.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setPresetProfile = exports.getPresetProfile = void 0;
-let preset;
-const getPresetProfile = () => {
-    return preset;
-};
-exports.getPresetProfile = getPresetProfile;
-const setPresetProfile = (profile) => {
-    preset = profile;
-};
-exports.setPresetProfile = setPresetProfile;

package/dist/handle-common-errors.d.ts

@@ -1,2 +0,0 @@
-import type { LogLevel } from '@remotion/renderer';
-export declare const handleCommonError: (err: Error, logLevel: LogLevel) => Promise<void>;

package/dist/handle-common-errors.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleCommonError = void 0;
-const chalk_1 = require("./chalk");
-const log_1 = require("./log");
-const print_error_1 = require("./print-error");
-const truthy_1 = require("./truthy");
-const handleCommonError = async (err, logLevel) => {
-    var _a;
-    await (0, print_error_1.printError)(err, logLevel);
-    if (err.message.includes('Could not play video with')) {
-        log_1.Log.info();
-        log_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/media-playback-error');
-    }
-    if (err.message.includes('A delayRender()') &&
-        err.message.includes('was called but not cleared after')) {
-        log_1.Log.info();
-        log_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/timeout');
-    }
-    if (err.message.includes('Target closed')) {
-        log_1.Log.info();
-        log_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/target-closed');
-    }
-    if (err.message.includes('ENAMETOOLONG')) {
-        log_1.Log.info();
-        log_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/enametoolong');
-    }
-    if (err.message.includes('Error creating WebGL context')) {
-        log_1.Log.info();
-        log_1.Log.warn('💡 You might need to set the OpenGL renderer to "angle" (or "swangle" if rendering on lambda). Learn why at https://www.remotion.dev/docs/three');
-        log_1.Log.warn("💡 Check how it's done at https://www.remotion.dev/docs/chromium-flags#--gl");
-    }
-    if (err.message.includes('The bucket does not allow ACLs')) {
-        log_1.Log.info();
-        log_1.Log.info(chalk_1.chalk.green('💡 Fix this issue https://remotion.dev/docs/lambda/troubleshooting/bucket-disallows-acl'));
-    }
-    if (err.message.includes('Minified React error #306')) {
-        const componentName = (_a = err.message.match(/<\w+>/)) === null || _a === void 0 ? void 0 : _a[0];
-        log_1.Log.info([
-            '💡 This error indicates that the component',
-            componentName ? `(${componentName})` : null,
-            'you are trying to render is not imported correctly.',
-        ]
-            .filter(truthy_1.truthy)
-            .join(' '));
-        log_1.Log.info();
-        log_1.Log.info('   Check the root file and ensure that the component is not undefined.');
-        log_1.Log.info('   Oftentimes, this happens if the component is missing the `export` keyword');
-        log_1.Log.info('   or if the component was renamed and the import statement not properly adjusted.');
-    }
-    if (err.message.includes('GLIBC_')) {
-        log_1.Log.info('💡 Remotion requires at least Libc 2.35.');
-        log_1.Log.info('💡 Get help for this issue: https://github.com/remotion-dev/remotion/issues/2439');
-    }
-    if (err.message.includes('EBADF')) {
-        log_1.Log.info('💡 This error might be fixed by changing your Node version:');
-        log_1.Log.info('   https://github.com/remotion-dev/remotion/issues/2452');
-    }
-};
-exports.handleCommonError = handleCommonError;