@remotion/cli 4.0.30 → 4.0.32

package/dist/config/enable-folder-expiry.d.ts

@@ -0,0 +1,2 @@
+export declare const getEnableFolderExpiry: () => boolean | null;
+export declare const setEnableFolderExpiry: (value: boolean | null) => void;

package/dist/config/enable-folder-expiry.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setEnableFolderExpiry = exports.getEnableFolderExpiry = void 0;
+let enableFolderExpiry = null;
+const getEnableFolderExpiry = () => {
+    return enableFolderExpiry;
+};
+exports.getEnableFolderExpiry = getEnableFolderExpiry;
+const setEnableFolderExpiry = (value) => {
+    enableFolderExpiry = value;
+};
+exports.setEnableFolderExpiry = setEnableFolderExpiry;

package/dist/config/index.d.ts

@@ -4,6 +4,7 @@ import type { BrowserExecutable, CodecOrUndefined, ColorSpace, Crf, FrameRange,
 import type { Concurrency } from './concurrency';
 import type { Loop } from './number-of-gif-loops';
 import type { WebpackOverrideFn } from './override-webpack';
+export type { Concurrency, WebpackConfiguration, WebpackOverrideFn };
 declare global {
     interface RemotionBundlingOptions {
         /**
@@ -251,6 +252,11 @@ type FlatConfig = RemotionConfigObject & RemotionBundlingOptions & {
      */
     setAudioCodec: (codec: 'pcm-16' | 'aac' | 'mp3' | 'opus') => void;
     setOffthreadVideoCacheSizeInBytes: (size: number | null) => void;
+    setDeleteAfter: (day: '1-day' | '3-days' | '7-days' | '30-days' | null) => void;
+    /**
+     *
+     */
+    setEnableFolderExpiry: (value: boolean | null) => void;
     /**
      * @deprecated 'The config format has changed. Change `Config.Bundling.*()` calls to `Config.*()` in your config file.'
      */
@@ -277,7 +283,6 @@ type FlatConfig = RemotionConfigObject & RemotionBundlingOptions & {
     Output: void;
 };
 export declare const Config: FlatConfig;
-export type { Concurrency, WebpackConfiguration, WebpackOverrideFn };
 export declare const ConfigInternals: {
     getRange: () => FrameRange | null;
     getOutputCodecOrUndefined: () => CodecOrUndefined;
@@ -331,5 +336,7 @@ export declare const ConfigInternals: {
     getShouldOpenBrowser: () => boolean;
     getChromiumUserAgent: () => string | null;
     getOffthreadVideoCacheSizeInBytes: () => number | null;
+    getDeleteAfter: () => ("1-day" | "3-days" | "7-days" | "30-days") | null;
     getColorSpace: () => "default" | "bt709";
+    getEnableFolderExpiry: () => boolean | null;
 };

package/dist/config/index.js

@@ -29,6 +29,7 @@ const browser_executable_1 = require("./browser-executable");
 const chromium_flags_1 = require("./chromium-flags");
 const codec_1 = require("./codec");
 const concurrency_1 = require("./concurrency");
+const enable_folder_expiry_1 = require("./enable-folder-expiry");
 const env_file_1 = require("./env-file");
 const frame_range_1 = require("./frame-range");
 const image_format_1 = require("./image-format");
@@ -42,6 +43,7 @@ const overwrite_1 = require("./overwrite");
 const pixel_format_1 = require("./pixel-format");
 const preview_server_1 = require("./preview-server");
 const prores_profile_1 = require("./prores-profile");
+const render_folder_expiry_1 = require("./render-folder-expiry");
 const scale_1 = require("./scale");
 const still_frame_1 = require("./still-frame");
 const timeout_1 = require("./timeout");
@@ -156,7 +158,9 @@ exports.Config = {
     overrideFfmpegCommand: ffmpeg_override_1.setFfmpegOverrideFunction,
     setAudioCodec: audio_codec_1.setAudioCodec,
     setOffthreadVideoCacheSizeInBytes: offthread_video_cache_size_1.setOffthreadVideoCacheSizeInBytes,
+    setDeleteAfter: render_folder_expiry_1.setDeleteAfter,
     setColorSpace: color_space_1.setColorSpace,
+    setEnableFolderExpiry: enable_folder_expiry_1.setEnableFolderExpiry,
 };
 exports.ConfigInternals = {
     getRange: frame_range_1.getRange,
@@ -209,5 +213,7 @@ exports.ConfigInternals = {
     getShouldOpenBrowser: open_browser_1.getShouldOpenBrowser,
     getChromiumUserAgent: user_agent_1.getChromiumUserAgent,
     getOffthreadVideoCacheSizeInBytes: offthread_video_cache_size_1.getOffthreadVideoCacheSizeInBytes,
+    getDeleteAfter: render_folder_expiry_1.getDeleteAfter,
     getColorSpace: color_space_1.getColorSpace,
+    getEnableFolderExpiry: enable_folder_expiry_1.getEnableFolderExpiry,
 };

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,12 @@
+"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/config/render-folder-expiry.d.ts

@@ -0,0 +1,4 @@
+type Value = '1-day' | '3-days' | '7-days' | '30-days';
+export declare const getDeleteAfter: () => Value | null;
+export declare const setDeleteAfter: (day: Value | null) => void;
+export {};

package/dist/config/render-folder-expiry.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setDeleteAfter = exports.getDeleteAfter = void 0;
+let deleteAfter = null;
+const getDeleteAfter = () => {
+    return deleteAfter;
+};
+exports.getDeleteAfter = getDeleteAfter;
+const setDeleteAfter = (day) => {
+    deleteAfter = day;
+};
+exports.setDeleteAfter = setDeleteAfter;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { Bug } from './UpdateCheck';
+export declare const KnownBugs: React.FC<{
+    bugs: Bug[];
+}>;

package/dist/editor/components/KnownBugs.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KnownBugs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const OpenIssueButton_1 = require("./UpdateModal/OpenIssueButton");
+const container = {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+};
+const KnownBugs = ({ bugs }) => {
+    const bugElements = bugs.map((bug) => {
+        return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsxs)("div", { children: ["\uD83E\uDEB2 ", bug.title] }), (0, jsx_runtime_1.jsx)(OpenIssueButton_1.OpenIssueButton, { link: bug.link })] }, bug.description + bug.link));
+    });
+    return (0, jsx_runtime_1.jsx)("div", { children: bugElements });
+};
+exports.KnownBugs = KnownBugs;

package/dist/editor/components/UpdateModal/OpenIssueButton.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const OpenIssueButton: React.FC<{
+    link: string;
+}>;

package/dist/editor/components/UpdateModal/OpenIssueButton.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OpenIssueButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../../helpers/colors");
+const svgStyle = {
+    width: '11px',
+    height: '11px',
+};
+const buttonStyle = {
+    border: 'none',
+    width: '24px',
+    height: '24px',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+};
+const OpenIssueButton = ({ link }) => {
+    const [hovered, setHovered] = (0, react_1.useState)(false);
+    const buttonTooltip = `Open GitHub issue in new Tab`;
+    const handleClick = (0, react_1.useCallback)(() => {
+        window.open(link, '_blank');
+    }, [link]);
+    const svgFillColor = (0, react_1.useMemo)(() => {
+        return hovered ? 'white' : colors_1.LIGHT_TEXT;
+    }, [hovered]);
+    const openInEditorSvg = ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 512 512", style: svgStyle, children: (0, jsx_runtime_1.jsx)("path", { fill: svgFillColor, d: "M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" }) }));
+    const onPointerEnter = (0, react_1.useCallback)(() => {
+        setHovered(true);
+    }, []);
+    const onPointerLeave = (0, react_1.useCallback)(() => {
+        setHovered(false);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("button", { title: buttonTooltip, type: "button", onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, style: buttonStyle, onClick: handleClick, children: openInEditorSvg }));
+};
+exports.OpenIssueButton = OpenIssueButton;

package/dist/get-cli-options.d.ts

@@ -36,5 +36,6 @@ export declare const getCliOptions: (options: {
     width: number | null;
     configFileImageFormat: "png" | "jpeg" | "none" | undefined;
     offthreadVideoCacheSizeInBytes: number | null;
+    deleteAfter: ("1-day" | "3-days" | "7-days" | "30-days") | null;
     colorSpace: "default" | "bt709";
 }>;

package/dist/get-cli-options.js

@@ -128,6 +128,7 @@ const getCliOptions = async (options) => {
         width,
         configFileImageFormat: config_1.ConfigInternals.getUserPreferredVideoImageFormat(),
         offthreadVideoCacheSizeInBytes: config_1.ConfigInternals.getOffthreadVideoCacheSizeInBytes(),
+        deleteAfter: config_1.ConfigInternals.getDeleteAfter(),
         colorSpace: config_1.ConfigInternals.getColorSpace(),
     };
 };

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

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

package/dist/handle-common-errors.js

@@ -0,0 +1,60 @@
+"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;

package/dist/index.d.ts

@@ -121,6 +121,7 @@ export declare const CliInternals: {
         width: number | null;
         configFileImageFormat: "png" | "jpeg" | "none" | undefined;
         offthreadVideoCacheSizeInBytes: number | null;
+        deleteAfter: ("1-day" | "3-days" | "7-days" | "30-days") | null;
         colorSpace: "default" | "bt709";
     }>;
     loadConfig: (remotionRoot: string) => Promise<string | null>;
@@ -183,6 +184,8 @@ export declare const CliInternals: {
         "user-agent": string;
         "offthreadvideo-cache-size-in-bytes": number | null;
         "color-space": "default" | "bt709";
+        "delete-after": string | undefined;
+        "enable-folder-expiry": boolean | undefined;
     } & {
         _: string[];
     };

package/dist/parse-command-line.d.ts

@@ -58,6 +58,8 @@ type CommandLineOptions = {
     ['browser']: string;
     ['browser-args']: string;
     ['user-agent']: string;
+    [BrowserSafeApis.options.deleteAfterOption.cliFlag]: string | undefined;
+    [BrowserSafeApis.options.folderExpiryOption.cliFlag]: boolean | undefined;
 };
 export declare const BooleanFlags: string[];
 export declare const parsedCli: CommandLineOptions & {

package/dist/parse-command-line.js

@@ -148,9 +148,15 @@ const parseCommandLine = () => {
     if (typeof exports.parsedCli['offthreadvideo-cache-size-in-bytes'] !== 'undefined') {
         config_1.Config.setOffthreadVideoCacheSizeInBytes(exports.parsedCli['offthreadvideo-cache-size-in-bytes']);
     }
+    if (typeof exports.parsedCli['delete-after'] !== 'undefined') {
+        config_1.Config.setDeleteAfter(exports.parsedCli['delete-after']);
+    }
     if (typeof exports.parsedCli['color-space'] !== 'undefined') {
         config_1.Config.setColorSpace(exports.parsedCli['color-space']);
     }
+    if (typeof exports.parsedCli['enable-folder-expiry'] !== 'undefined') {
+        config_1.Config.setEnableFolderExpiry(exports.parsedCli['enable-folder-expiry']);
+    }
 };
 exports.parseCommandLine = parseCommandLine;
 const quietFlagProvided = () => exports.parsedCli.quiet || exports.parsedCli.q;

package/dist/setup-cache.js

@@ -137,10 +137,12 @@ const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallba
         progress: 1,
         doneIn: Date.now() - bundleStartTime,
     };
+    log_1.Log.verboseAdvanced({ logLevel, indent }, 'Bundling done in', bundlingState.doneIn + 'ms');
     copyingState = {
         ...copyingState,
         doneIn: copyStart ? Date.now() - copyStart : 0,
     };
+    log_1.Log.verboseAdvanced({ logLevel, indent }, 'Copying done in ', copyingState.doneIn + 'ms');
     updateProgress(true);
     log_1.Log.verboseAdvanced({ indent, logLevel }, 'Bundled under', bundled);
     const cacheExistedAfter = bundler_1.BundlerInternals.cacheExists(remotionRoot, 'production', hash) === 'exists';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.30",
+  "version": "4.0.32",
   "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.30",
-    "@remotion/media-utils": "4.0.30",
-    "remotion": "4.0.30",
-    "@remotion/renderer": "4.0.30",
-    "@remotion/player": "4.0.30"
+    "@remotion/media-utils": "4.0.32",
+    "remotion": "4.0.32",
+    "@remotion/player": "4.0.32",
+    "@remotion/renderer": "4.0.32",
+    "@remotion/bundler": "4.0.32"
   },
   "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.30",
-    "@remotion/tailwind": "4.0.30"
+    "@remotion/zod-types": "4.0.32",
+    "@remotion/tailwind": "4.0.32"
   },
   "keywords": [
     "remotion",