@remotion/cli 4.0.24 → 4.0.26

package/dist/ansi/ansi-diff.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="node" />
+/// <reference types="bun-types" />
 type Options = {
     width?: number;
     height?: number;

package/dist/better-opn/index.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="node" />
+/// <reference types="bun-types" />
 export declare const openBrowser: ({ url, browserFlag, browserArgs, }: {
     url: string;
     browserFlag: string | undefined;

package/dist/config/height.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getHeight = exports.overrideHeight = void 0;
-const remotion_1 = require("remotion");
+const validate_1 = require("../validate");
 let specifiedHeight;
 const overrideHeight = (newHeight) => {
-    remotion_1.Internals.validateDimension(newHeight, 'height', 'passed to `overrideHeight()`');
+    (0, validate_1.validateDimension)(newHeight, 'height', 'passed to `overrideHeight()`');
     specifiedHeight = newHeight;
 };
 exports.overrideHeight = overrideHeight;

package/dist/config/image-format.d.ts

@@ -2,4 +2,4 @@ import type { StillImageFormat, VideoImageFormat } from '@remotion/renderer';
 export declare const setStillImageFormat: (format: StillImageFormat) => void;
 export declare const setVideoImageFormat: (format: VideoImageFormat) => void;
 export declare const getUserPreferredStillImageFormat: () => "png" | "jpeg" | "pdf" | "webp" | undefined;
-export declare const getUserPreferredVideoImageFormat: () => "none" | "png" | "jpeg" | undefined;
+export declare const getUserPreferredVideoImageFormat: () => "png" | "jpeg" | "none" | undefined;

package/dist/config/index.d.ts

@@ -300,7 +300,7 @@ export declare const ConfigInternals: {
     getShouldOutputImageSequence: (frameRange: FrameRange | null) => boolean;
     getDotEnvLocation: () => string | null;
     getUserPreferredStillImageFormat: () => "png" | "jpeg" | "pdf" | "webp" | undefined;
-    getUserPreferredVideoImageFormat: () => "none" | "png" | "jpeg" | undefined;
+    getUserPreferredVideoImageFormat: () => "png" | "jpeg" | "none" | undefined;
     getWebpackOverrideFn: () => WebpackOverrideFn;
     getWebpackCaching: () => boolean;
     getOutputLocation: () => string | null;

package/dist/config/width.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getWidth = exports.overrideWidth = void 0;
-const remotion_1 = require("remotion");
+const validate_1 = require("../validate");
 let passedWidth = null;
 const overrideWidth = (newWidth) => {
     if (typeof newWidth !== 'number') {
-        remotion_1.Internals.validateDimension(newWidth, 'width', 'passed to `setWidth()`');
+        (0, validate_1.validateDimension)(newWidth, 'width', 'passed to `setWidth()`');
     }
     passedWidth = newWidth;
 };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const getNewCompositionCode: ({ type, height, width, fps, durationInFrames, name, raw, }: {
     type: 'still' | 'composition';
     height: 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)" | "#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>>;
+}) => "hsla(0, 0%, 100%, 0.15)" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)" | "#ff3232" | "#f1c40f";
+export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "status" | "key" | "rightAlign" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -4,5 +4,5 @@ type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>
     status: RemInputStatus;
     name: string;
 };
-export declare const RemInputTypeColor: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "status"> & React.RefAttributes<HTMLInputElement>>;
+export declare const RemInputTypeColor: React.ForwardRefExoticComponent<Pick<Props, "status" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -3,5 +3,5 @@ type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLTextAreaEleme
     status: 'error' | 'warning' | 'ok';
 };
 export declare const inputBaseStyle: React.CSSProperties;
-export declare const RemTextarea: React.ForwardRefExoticComponent<Pick<Props, "key" | "status" | keyof React.InputHTMLAttributes<HTMLTextAreaElement>> & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const RemTextarea: React.ForwardRefExoticComponent<Pick<Props, "status" | "key" | keyof React.InputHTMLAttributes<HTMLTextAreaElement>> & React.RefAttributes<HTMLTextAreaElement>>;
 export {};

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

@@ -51,6 +51,6 @@ const copyWrapper = {
     justifyContent: 'flex-end',
 };
 const OptionExplainer = ({ option }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: container, className: "__remotion-info-button-container", children: [(0, jsx_runtime_1.jsxs)("div", { style: padding, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { style: title, children: option.name }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)("a", { style: link, href: option.docLink, target: "_blank", children: "Docs" })] }), (0, jsx_runtime_1.jsx)("div", { style: description, children: option.description })] }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 0.5, block: true }), (0, jsx_runtime_1.jsx)(MenuDivider_1.MenuDivider, {}), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 0.5, block: true }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { style: infoRow, children: [(0, jsx_runtime_1.jsx)("div", { style: infoRowLabel, children: "CLI flag" }), (0, jsx_runtime_1.jsx)("div", { style: flexSpacer }), (0, jsx_runtime_1.jsx)("code", { children: option.cliFlag }), (0, jsx_runtime_1.jsx)("div", { style: copyWrapper, children: (0, jsx_runtime_1.jsx)(CliCopyButton_1.CliCopyButton, { valueToCopy: option.cliFlag }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: infoRow, children: [(0, jsx_runtime_1.jsx)("div", { style: infoRowLabel, children: "Node.JS option" }), (0, jsx_runtime_1.jsx)("div", { style: flexSpacer }), (0, jsx_runtime_1.jsx)("code", { children: option.ssrName }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 3.75 })] }), (0, jsx_runtime_1.jsx)("div", { style: infoRow })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: container, className: "__remotion-info-button-container", children: [(0, jsx_runtime_1.jsxs)("div", { style: padding, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { style: title, children: option.name }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)("a", { style: link, href: option.docLink, target: "_blank", children: "Docs" })] }), (0, jsx_runtime_1.jsx)("div", { style: description, children: option.description('ssr') })] }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 0.5, block: true }), (0, jsx_runtime_1.jsx)(MenuDivider_1.MenuDivider, {}), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 0.5, block: true }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { style: infoRow, children: [(0, jsx_runtime_1.jsx)("div", { style: infoRowLabel, children: "CLI flag" }), (0, jsx_runtime_1.jsx)("div", { style: flexSpacer }), (0, jsx_runtime_1.jsx)("code", { children: option.cliFlag }), (0, jsx_runtime_1.jsx)("div", { style: copyWrapper, children: (0, jsx_runtime_1.jsx)(CliCopyButton_1.CliCopyButton, { valueToCopy: option.cliFlag }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: infoRow, children: [(0, jsx_runtime_1.jsx)("div", { style: infoRowLabel, children: "Node.JS option" }), (0, jsx_runtime_1.jsx)("div", { style: flexSpacer }), (0, jsx_runtime_1.jsx)("code", { children: option.ssrName }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 3.75 })] }), (0, jsx_runtime_1.jsx)("div", { style: infoRow })] })] }));
 };
 exports.OptionExplainer = OptionExplainer;

package/dist/editor/components/RenderModal/human-readable-codec.d.ts

@@ -1,2 +1,2 @@
 import type { Codec } from '@remotion/renderer';
-export declare const humanReadableCodec: (codec: Codec) => "AAC" | "MP3" | "GIF" | "H.264" | "H.264 Matroska" | "H.265" | "ProRes" | "WebM VP8" | "WebM VP9" | "Waveform" | undefined;
+export declare const humanReadableCodec: (codec: Codec) => "GIF" | "AAC" | "MP3" | "H.264" | "H.264 Matroska" | "H.265" | "ProRes" | "WebM VP8" | "WebM VP9" | "Waveform" | undefined;

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

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

package/dist/editor/helpers/colors.d.ts

@@ -16,4 +16,4 @@ export declare const BLUE_DISABLED = "#284f73";
 export declare const getBackgroundFromHoverState: ({ selected, hovered, }: {
     selected: boolean;
     hovered: boolean;
-}) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "rgba(255, 255, 255, 0.06)" | "hsla(0, 0%, 100%, 0.25)";
+}) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)" | "rgba(255, 255, 255, 0.06)";

package/dist/editor/helpers/convert-env-variables.d.ts

@@ -1,8 +1,2 @@
-export declare const envVariablesObjectToArray: (envVariables: Record<string, string>) => [
-    string,
-    string
-][];
-export declare const envVariablesArrayToObject: (envVariables: [
-    string,
-    string
-][]) => Record<string, string>;
+export declare const envVariablesObjectToArray: (envVariables: Record<string, string>) => [string, string][];
+export declare const envVariablesArrayToObject: (envVariables: [string, string][]) => Record<string, string>;

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

@@ -1,3 +1,4 @@
+/// <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/get-cli-options.d.ts

@@ -34,6 +34,6 @@ export declare const getCliOptions: (options: {
     videoBitrate: string | null;
     height: number | null;
     width: number | null;
-    configFileImageFormat: "none" | "png" | "jpeg" | undefined;
+    configFileImageFormat: "png" | "jpeg" | "none" | undefined;
     offthreadVideoCacheSizeInBytes: number | null;
 }>;

package/dist/get-env.js

@@ -56,7 +56,12 @@ const getEnvForEnvFile = async (processEnv, envFile, onUpdate) => {
     try {
         const envFileData = await node_fs_1.default.promises.readFile(envFile);
         if (onUpdate) {
-            watchEnvFile({ processEnv, envFile, onUpdate });
+            if (typeof node_fs_1.default.watchFile === 'undefined') {
+                log_1.Log.warn('Unsupported feature (fs.watchFile): .env file will not hot reload.');
+            }
+            else {
+                watchEnvFile({ processEnv, envFile, onUpdate });
+            }
         }
         return {
             ...processEnv,
@@ -96,11 +101,16 @@ const getEnvironmentVariables = (onUpdate) => {
     const defaultEnvFile = node_path_1.default.resolve(remotionRoot, '.env');
     if (!node_fs_1.default.existsSync(defaultEnvFile)) {
         if (onUpdate) {
-            watchEnvFile({
-                processEnv,
-                envFile: defaultEnvFile,
-                onUpdate,
-            });
+            if (typeof node_fs_1.default.watchFile === 'undefined') {
+                log_1.Log.warn('Unsupported Bun feature: .env file will not hot reload.');
+            }
+            else {
+                watchEnvFile({
+                    processEnv,
+                    envFile: defaultEnvFile,
+                    onUpdate,
+                });
+            }
         }
         return Promise.resolve(processEnv);
     }

package/dist/index.d.ts

@@ -119,7 +119,7 @@ export declare const CliInternals: {
         videoBitrate: string | null;
         height: number | null;
         width: number | null;
-        configFileImageFormat: "none" | "png" | "jpeg" | undefined;
+        configFileImageFormat: "png" | "jpeg" | "none" | undefined;
         offthreadVideoCacheSizeInBytes: number | null;
     }>;
     loadConfig: (remotionRoot: string) => Promise<string | null>;
@@ -129,7 +129,7 @@ export declare const CliInternals: {
     parsedCli: {
         "browser-executable": import("@remotion/renderer").BrowserExecutable;
         "pixel-format": "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
-        "image-format": "none" | "png" | "jpeg" | "pdf" | "webp";
+        "image-format": "png" | "jpeg" | "pdf" | "webp" | "none";
         "prores-profile": "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy";
         "x264-preset": "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
         "bundle-cache": string;
@@ -184,7 +184,7 @@ export declare const CliInternals: {
     } & {
         _: string[];
     };
-    handleCommonError: (err: Error, logLevel: "verbose" | "info" | "warn" | "error") => Promise<void>;
+    printError: (err: Error, logLevel: "verbose" | "info" | "warn" | "error") => Promise<void>;
     formatBytes: (number: number, options?: Intl.NumberFormatOptions & {
         locale: string;
         bits?: boolean | undefined;
@@ -196,7 +196,7 @@ export declare const CliInternals: {
         downloadName: string | null;
         outName: string | null;
         configImageFormat: "png" | "jpeg" | "pdf" | "webp" | null;
-        cliFlag: "none" | "png" | "jpeg" | "pdf" | "webp" | null;
+        cliFlag: "png" | "jpeg" | "pdf" | "webp" | "none" | null;
         isLambda: boolean;
         fromUi: "png" | "jpeg" | "pdf" | "webp" | null;
     }) => {
@@ -211,8 +211,8 @@ export declare const CliInternals: {
     };
     getVideoImageFormat: ({ codec, uiImageFormat, }: {
         codec: import("@remotion/renderer").CodecOrUndefined;
-        uiImageFormat: "none" | "png" | "jpeg" | null;
-    }) => "none" | "png" | "jpeg";
+        uiImageFormat: "png" | "jpeg" | "none" | null;
+    }) => "png" | "jpeg" | "none";
     printCompositions: (compositions: import("remotion").VideoConfig[]) => void;
     getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, }: {
         cliFlag: import("@remotion/renderer").CodecOrUndefined;

package/dist/index.js

@@ -35,7 +35,6 @@ const get_cli_options_1 = require("./get-cli-options");
 const get_composition_with_dimension_override_1 = require("./get-composition-with-dimension-override");
 const get_config_file_name_1 = require("./get-config-file-name");
 const get_final_output_codec_1 = require("./get-final-output-codec");
-const handle_common_errors_1 = require("./handle-common-errors");
 const image_formats_1 = require("./image-formats");
 const initialize_cli_1 = require("./initialize-cli");
 const lambda_command_1 = require("./lambda-command");
@@ -44,6 +43,7 @@ const log_1 = require("./log");
 const make_progress_bar_1 = require("./make-progress-bar");
 const parse_command_line_1 = require("./parse-command-line");
 const print_compositions_1 = require("./print-compositions");
+const print_error_1 = require("./print-error");
 const print_help_1 = require("./print-help");
 const progress_bar_1 = require("./progress-bar");
 const render_1 = require("./render");
@@ -116,7 +116,7 @@ const cli = async () => {
     }
     catch (err) {
         log_1.Log.info();
-        await (0, handle_common_errors_1.handleCommonError)(err, config_1.ConfigInternals.Logging.getLogLevel());
+        await (0, print_error_1.printError)(err, config_1.ConfigInternals.Logging.getLogLevel());
         (0, cleanup_before_quit_1.cleanupBeforeQuit)();
         process.exit(1);
     }
@@ -138,7 +138,7 @@ exports.CliInternals = {
     BooleanFlags: parse_command_line_1.BooleanFlags,
     quietFlagProvided: parse_command_line_1.quietFlagProvided,
     parsedCli: parse_command_line_1.parsedCli,
-    handleCommonError: handle_common_errors_1.handleCommonError,
+    printError: print_error_1.printError,
     formatBytes: format_bytes_1.formatBytes,
     getFileSizeDownloadBar: download_progress_1.getFileSizeDownloadBar,
     determineFinalStillImageFormat: determine_image_format_1.determineFinalStillImageFormat,

package/dist/preview-server/dev-middleware/compatible-api.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="node" />
 /// <reference types="node" />
 /// <reference types="node" />
+/// <reference types="bun-types" />
 import type { ReadStream } from 'node:fs';
 import type { IncomingMessage, ServerResponse } from 'node:http';
 export declare function setHeaderForResponse(res: ServerResponse, name: string, value: string | number): void;

package/dist/preview-server/dev-middleware/range-parser.d.ts

@@ -11,5 +11,5 @@ type Range = {
 type Ranges = Range[] & {
     type?: string;
 };
-export declare function parseRange(size: number, str: string | string[]): -1 | -2 | Ranges;
+export declare function parseRange(size: number, str: string | string[]): -1 | Ranges | -2;
 export {};

package/dist/preview-server/hot-middleware/client.d.ts

@@ -1,3 +1,5 @@
+/// <reference lib="dom" />
+/// <reference lib="dom.iterable" />
 import type { HotMiddlewareMessage } from './types';
 declare function eventSourceWrapper(): {
     addMessageListener(fn: (msg: MessageEvent) => void): void;

package/dist/preview-server/hot-middleware/client.js

@@ -1,4 +1,6 @@
 "use strict";
+/// <reference lib="dom" />
+/// <reference lib="dom.iterable" />
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable no-console */
 /**

package/dist/preview-server/live-events.js

@@ -11,11 +11,12 @@ const makeLiveEventsRouter = () => {
     let clients = [];
     const router = (request, response) => {
         const headers = {
-            'content-type': 'text/event-stream',
+            'content-type': 'text/event-stream;charset=utf-8',
             connection: 'keep-alive',
             'cache-control': 'no-cache',
         };
         response.writeHead(200, headers);
+        response.write('\n');
         if (request.method === 'OPTIONS') {
             response.end();
             return;

package/dist/preview-server/render-queue/queue.js

@@ -8,8 +8,8 @@ const node_path_1 = __importDefault(require("node:path"));
 const chalk_1 = require("../../chalk");
 const config_1 = require("../../config");
 const file_watcher_1 = require("../../file-watcher");
-const handle_common_errors_1 = require("../../handle-common-errors");
 const log_1 = require("../../log");
+const print_error_1 = require("../../print-error");
 const progress_types_1 = require("../../progress-types");
 const live_events_1 = require("../live-events");
 const process_still_1 = require("./process-still");
@@ -196,7 +196,7 @@ const processJobIfPossible = async ({ remotionRoot, entryPoint, }) => {
                 },
             };
         });
-        await (0, handle_common_errors_1.handleCommonError)(err, config_1.ConfigInternals.Logging.getLogLevel());
+        await (0, print_error_1.printError)(err, config_1.ConfigInternals.Logging.getLogLevel());
         (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
             listener.sendEventToClient({
                 type: 'render-job-failed',

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

@@ -1,3 +1,4 @@
+/// <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/dist/preview-server/start-server.js

@@ -52,7 +52,7 @@ const startServer = async (options) => {
             (0, routes_1.handleRoutes)({
                 hash: options.hash,
                 hashPrefix: options.hashPrefix,
-                request,
+                request: request,
                 response,
                 liveEventsServer,
                 getCurrentInputProps: options.getCurrentInputProps,

package/dist/validate.d.ts

@@ -0,0 +1,2 @@
+import { Internals } from 'remotion';
+export declare const validateDimension: typeof Internals.validateDimension;

package/dist/validate.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateDimension = void 0;
+/* eslint-disable prefer-destructuring */
+const remotion_1 = require("remotion");
+exports.validateDimension = remotion_1.Internals.validateDimension;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.24",
+  "version": "4.0.26",
   "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.24",
-    "@remotion/media-utils": "4.0.24",
-    "@remotion/player": "4.0.24",
-    "remotion": "4.0.24",
-    "@remotion/renderer": "4.0.24"
+    "@remotion/bundler": "4.0.26",
+    "@remotion/renderer": "4.0.26",
+    "@remotion/media-utils": "4.0.26",
+    "remotion": "4.0.26",
+    "@remotion/player": "4.0.26"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -48,6 +48,7 @@
   "devDependencies": {
     "@jonny/eslint-config": "3.0.266",
     "@types/minimist": "^1.2.2",
+    "bun-types": "0.8.0",
     "@types/node": "18.14.6",
     "@types/prompts": "^2.4.1",
     "@types/react": "18.0.26",
@@ -64,8 +65,8 @@
     "react-dom": "^18.0.0",
     "vitest": "0.31.1",
     "zod": "^3.21.4",
-    "@remotion/zod-types": "4.0.24",
-    "@remotion/tailwind": "4.0.24"
+    "@remotion/zod-types": "4.0.26",
+    "@remotion/tailwind": "4.0.26"
   },
   "keywords": [
     "remotion",

package/dist/editor/components/RenderModal/SchemaEditor/input-props-serialization.d.ts

@@ -1,14 +0,0 @@
-export type SerializedJSONWithCustomFields = {
-    serializedString: string;
-    customDateUsed: boolean;
-    customFileUsed: boolean;
-    mapUsed: boolean;
-    setUsed: boolean;
-};
-export declare const FILE_TOKEN = "remotion-file:";
-export declare const serializeJSONWithDate: ({ data, indent, staticBase, }: {
-    data: unknown;
-    indent: number | undefined;
-    staticBase: string;
-}) => SerializedJSONWithCustomFields;
-export declare const deserializeJSONWithCustomFields: (data: string) => any;

package/dist/editor/components/RenderModal/SchemaEditor/input-props-serialization.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.deserializeJSONWithCustomFields = exports.serializeJSONWithDate = exports.FILE_TOKEN = void 0;
-const DATE_TOKEN = 'remotion-date:';
-exports.FILE_TOKEN = 'remotion-file:';
-const serializeJSONWithDate = ({ data, indent, staticBase, }) => {
-    let customDateUsed = false;
-    let customFileUsed = false;
-    let mapUsed = false;
-    let setUsed = false;
-    const serializedString = JSON.stringify(data, function (key, value) {
-        const item = this[key];
-        if (item instanceof Date) {
-            customDateUsed = true;
-            return `${DATE_TOKEN}${item.toISOString()}`;
-        }
-        if (item instanceof Map) {
-            mapUsed = true;
-            return value;
-        }
-        if (item instanceof Set) {
-            setUsed = true;
-            return value;
-        }
-        if (typeof item === 'string' && item.startsWith(staticBase)) {
-            customFileUsed = true;
-            return `${exports.FILE_TOKEN}${item.replace(staticBase + '/', '')}`;
-        }
-        return value;
-    }, indent);
-    return { serializedString, customDateUsed, customFileUsed, mapUsed, setUsed };
-};
-exports.serializeJSONWithDate = serializeJSONWithDate;
-const deserializeJSONWithCustomFields = (data) => {
-    return JSON.parse(data, (_, value) => {
-        if (typeof value === 'string' && value.startsWith(DATE_TOKEN)) {
-            return new Date(value.replace(DATE_TOKEN, ''));
-        }
-        return value;
-    });
-};
-exports.deserializeJSONWithCustomFields = deserializeJSONWithCustomFields;

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

@@ -1,8 +0,0 @@
-import React from 'react';
-type SidebarPanel = 'input-props' | 'renders';
-export declare const persistSelectedPanel: (panel: SidebarPanel) => void;
-export declare const rightSidebarTabs: React.RefObject<{
-    selectRendersPanel: () => void;
-}>;
-export declare const RightPanel: React.FC<{}>;
-export {};

package/dist/editor/components/RightPanel.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RightPanel = exports.rightSidebarTabs = exports.persistSelectedPanel = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const colors_1 = require("../helpers/colors");
-const DataEditor_1 = require("./RenderModal/DataEditor");
-const RenderQueue_1 = require("./RenderQueue");
-const RendersTab_1 = require("./RendersTab");
-const Tabs_1 = require("./Tabs");
-const container = {
-    height: '100%',
-    width: '100%',
-    position: 'absolute',
-    display: 'flex',
-    flexDirection: 'column',
-};
-const PropsEditor = ({ composition }) => {
-    const { props, updateProps } = (0, react_1.useContext)(remotion_1.Internals.EditorPropsContext);
-    const setInputProps = (0, react_1.useCallback)((newProps) => {
-        updateProps({
-            id: composition.id,
-            defaultProps: composition.defaultProps,
-            newProps,
-        });
-    }, [composition.defaultProps, composition.id, updateProps]);
-    const actualProps = (0, react_1.useMemo)(() => { var _a, _b; return (_b = (_a = props[composition.id]) !== null && _a !== void 0 ? _a : composition.defaultProps) !== null && _b !== void 0 ? _b : {}; }, [composition.defaultProps, composition.id, props]);
-    return ((0, jsx_runtime_1.jsx)(DataEditor_1.DataEditor, { unresolvedComposition: composition, inputProps: actualProps, setInputProps: setInputProps, mayShowSaveButton: true, propsEditType: "default-props" }, composition.id));
-};
-const localStorageKey = 'remotion.sidebarPanel';
-const getSelectedPanel = () => {
-    const panel = localStorage.getItem(localStorageKey);
-    if (panel === 'renders') {
-        return 'renders';
-    }
-    return 'input-props';
-};
-const tabsContainer = {
-    backgroundColor: colors_1.BACKGROUND,
-};
-const persistSelectedPanel = (panel) => {
-    localStorage.setItem(localStorageKey, panel);
-};
-exports.persistSelectedPanel = persistSelectedPanel;
-exports.rightSidebarTabs = (0, react_1.createRef)();
-const RightPanel = () => {
-    const [panel, setPanel] = (0, react_1.useState)(() => getSelectedPanel());
-    const onCompositionsSelected = (0, react_1.useCallback)(() => {
-        setPanel('input-props');
-        (0, exports.persistSelectedPanel)('input-props');
-    }, []);
-    const onRendersSelected = (0, react_1.useCallback)(() => {
-        setPanel('renders');
-        (0, exports.persistSelectedPanel)('renders');
-    }, []);
-    (0, react_1.useImperativeHandle)(exports.rightSidebarTabs, () => {
-        return {
-            selectRendersPanel: () => {
-                setPanel('renders');
-                (0, exports.persistSelectedPanel)('renders');
-            },
-        };
-    }, []);
-    const { compositions, currentComposition } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
-    const composition = (0, react_1.useMemo)(() => {
-        for (const comp of compositions) {
-            if (comp.id === currentComposition) {
-                return comp;
-            }
-        }
-        return null;
-    }, [compositions, currentComposition]);
-    if (composition === null) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { style: container, className: "css-reset", children: [(0, jsx_runtime_1.jsx)("div", { style: tabsContainer, children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tab, { selected: panel === 'input-props', onClick: onCompositionsSelected, children: "Props" }), (0, jsx_runtime_1.jsx)(RendersTab_1.RendersTab, { onClick: onRendersSelected, selected: panel === 'renders' })] }) }), panel === 'renders' ? ((0, jsx_runtime_1.jsx)(RenderQueue_1.RenderQueue, {})) : ((0, jsx_runtime_1.jsx)(PropsEditor, { composition: composition }))] }));
-};
-exports.RightPanel = RightPanel;

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;