@remotion/cli 4.1.0-alpha4 → 4.1.0-alpha5

package/dist/chalk/index.d.ts

@@ -1,5 +1,5 @@
 export declare const chalk: {
-    enabled: boolean;
+    enabled: () => boolean;
     visible: boolean;
     styles: Record<string, {
         codes: [number, number];
@@ -23,6 +23,7 @@ export declare const chalk: {
     yellow: (str: string) => string;
     blue: (str: string) => string;
     magenta: (str: string) => string;
+    cyan: (str: string) => string;
     white: (str: string) => string;
     gray: (str: string) => string;
     bgBlack: (str: string) => string;

package/dist/config/log.d.ts

@@ -1 +1 @@
-export declare const getLogLevel: () => "error" | "verbose" | "info" | "warn", setLogLevel: (newLogLevel: "error" | "verbose" | "info" | "warn") => void;
+export declare const getLogLevel: () => "verbose" | "info" | "warn" | "error", setLogLevel: (newLogLevel: "verbose" | "info" | "warn" | "error") => void;

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";
-export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "key" | "status" | "rightAlign" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+}) => "hsla(0, 0%, 100%, 0.15)" | "rgba(255, 255, 255, 0.05)" | "rgba(0, 0, 0, 0.6)" | "#ff3232" | "#f1c40f";
+export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "status" | "rightAlign"> & 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" | "status" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+export declare const RemInputTypeColor: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "status"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/editor/components/RenderModal/RenderModalBasic.d.ts

@@ -14,7 +14,7 @@ export declare const RenderModalBasic: React.FC<{
     setProResProfile: React.Dispatch<React.SetStateAction<ProResProfile>>;
     frame: number;
     setFrame: React.Dispatch<React.SetStateAction<number>>;
-    resolvedComposition: TCompMetadata<AnyZodObject, Record<string, unknown> | undefined>;
+    resolvedComposition: TCompMetadata<AnyZodObject, Record<string, unknown>>;
     setOutName: (value: React.SetStateAction<string>) => void;
     setEndFrame: React.Dispatch<React.SetStateAction<number | null>>;
     startFrame: number;

package/dist/editor/components/RenderModal/SchemaEditor/local-state.js

@@ -11,16 +11,22 @@ const useLocalState = ({ value, schema, setValue, defaultValue, }) => {
     const parentRevision = (0, react_1.useContext)(RevisionContext).childResetRevision;
     const [resetRevision, setResetRevision] = (0, react_1.useState)(0);
     const [localValue, setLocalValue] = (0, react_1.useState)(() => {
-        return {};
+        return {
+            [parentRevision]: {
+                value,
+                keyStabilityRevision: 0,
+                zodValidation: schema.safeParse(value),
+            },
+        };
     });
     const currentLocalValue = (0, react_1.useMemo)(() => {
         var _a;
         return ((_a = localValue[parentRevision]) !== null && _a !== void 0 ? _a : {
             value: defaultValue,
             keyStabilityRevision: 0,
-            zodValidation: schema.safeParse(value),
+            zodValidation: schema.safeParse(defaultValue),
         });
-    }, [defaultValue, localValue, parentRevision, schema, value]);
+    }, [defaultValue, localValue, parentRevision, schema]);
     const stateRef = (0, react_1.useRef)(currentLocalValue);
     stateRef.current = currentLocalValue;
     const onChange = (0, react_1.useCallback)(

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/get-cli-options.d.ts

@@ -20,7 +20,7 @@ export declare const getCliOptions: (options: {
     numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
     stillFrame: number;
     browserExecutable: BrowserExecutable;
-    logLevel: "error" | "verbose" | "info" | "warn";
+    logLevel: "verbose" | "info" | "warn" | "error";
     scale: number;
     chromiumOptions: ChromiumOptions;
     overwrite: boolean;

package/dist/get-composition-id.d.ts

@@ -1,5 +1,5 @@
 import type { BrowserExecutable, ChromiumOptions, HeadlessBrowser, LogLevel, RemotionServer } from '@remotion/renderer';
-import type { AnyCompMetadata } from 'remotion';
+import type { VideoConfig } from 'remotion';
 export declare const getCompositionId: ({ args, compositionIdFromUi, inputProps, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, logLevel, indent, server, }: {
     args: string[];
     compositionIdFromUi: string | null;
@@ -17,6 +17,6 @@ export declare const getCompositionId: ({ args, compositionIdFromUi, inputProps,
 }) => Promise<{
     compositionId: string;
     reason: string;
-    config: AnyCompMetadata;
+    config: VideoConfig;
     argsAfterComposition: string[];
 }>;

package/dist/get-composition-id.js

@@ -4,6 +4,7 @@ exports.getCompositionId = void 0;
 const renderer_1 = require("@remotion/renderer");
 const log_1 = require("./log");
 const show_compositions_picker_1 = require("./show-compositions-picker");
+const format_bytes_1 = require("./format-bytes");
 const getCompName = ({ cliArgs, compositionIdFromUi, }) => {
     if (compositionIdFromUi) {
         return {
@@ -21,7 +22,7 @@ const getCompositionId = async ({ args, compositionIdFromUi, inputProps, puppete
         compositionIdFromUi,
     });
     if (compName) {
-        const config = await renderer_1.RenderInternals.internalSelectComposition({
+        const { metadata: config, propsSize } = await renderer_1.RenderInternals.internalSelectComposition({
             id: compName,
             inputProps,
             puppeteerInstance,
@@ -36,6 +37,9 @@ const getCompositionId = async ({ args, compositionIdFromUi, inputProps, puppete
             indent,
             onBrowserLog: null,
         });
+        if (propsSize > 10000000) {
+            log_1.Log.warn(`The props of your composition are large (${(0, format_bytes_1.formatBytes)(propsSize)}). This may cause slowdown.`);
+        }
         if (!config) {
             throw new Error(`Cannot find composition with ID "${compName}"`);
         }

package/dist/get-composition-with-dimension-override.d.ts

@@ -1,5 +1,5 @@
 import type { BrowserExecutable, ChromiumOptions, HeadlessBrowser, LogLevel, RemotionServer } from '@remotion/renderer';
-import type { AnyCompMetadata } from 'remotion';
+import type { VideoConfig } from 'remotion';
 export declare const getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, inputProps, logLevel, server, }: {
     height: number | null;
     width: number | null;
@@ -19,6 +19,6 @@ export declare const getCompositionWithDimensionOverride: ({ height, width, args
 }) => Promise<{
     compositionId: string;
     reason: string;
-    config: AnyCompMetadata;
+    config: VideoConfig;
     argsAfterComposition: string[];
 }>;

package/dist/handle-common-errors.js

@@ -48,5 +48,9 @@ const handleCommonError = async (err, logLevel) => {
         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.34.');
+        log_1.Log.info('💡 Get help for this issue: https://github.com/remotion-dev/remotion/issues/2439');
+    }
 };
 exports.handleCommonError = handleCommonError;

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export declare const CliInternals: {
         indent: boolean;
     }) => import("./progress-bar").OverwriteableCliOutput;
     chalk: {
-        enabled: boolean;
+        enabled: () => boolean;
         visible: boolean;
         styles: Record<string, {
             codes: [number, number];
@@ -33,6 +33,7 @@ export declare const CliInternals: {
         yellow: (str: string) => string;
         blue: (str: string) => string;
         magenta: (str: string) => string;
+        cyan: (str: string) => string;
         white: (str: string) => string;
         gray: (str: string) => string;
         bgBlack: (str: string) => string;
@@ -62,19 +63,19 @@ export declare const CliInternals: {
         verbose: (message?: any, ...optionalParams: any[]) => void;
         verboseAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         } & {
             tag?: string | undefined;
         }, message?: any, ...optionalParams: any[]) => void;
         info: (message?: any, ...optionalParams: any[]) => void;
         infoAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         }, message?: any, ...optionalParams: any[]) => void;
         warn: (message?: any, ...optionalParams: any[]) => void;
         warnAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         }, message?: any, ...optionalParams: any[]) => void;
         error: (message?: any, ...optionalParams: any[]) => void;
     };
@@ -98,7 +99,7 @@ export declare const CliInternals: {
         numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
         stillFrame: number;
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         scale: number;
         chromiumOptions: import("@remotion/renderer").ChromiumOptions;
         overwrite: boolean;
@@ -172,7 +173,7 @@ export declare const CliInternals: {
     } & {
         _: string[];
     };
-    handleCommonError: (err: Error, logLevel: "error" | "verbose" | "info" | "warn") => Promise<void>;
+    handleCommonError: (err: Error, logLevel: "verbose" | "info" | "warn" | "error") => Promise<void>;
     formatBytes: (number: number, options?: Intl.NumberFormatOptions & {
         locale: string;
         bits?: boolean | undefined;
@@ -214,7 +215,7 @@ export declare const CliInternals: {
     };
     listOfRemotionPackages: string[];
     shouldUseNonOverlayingLogger: ({ logLevel, }: {
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     }) => boolean;
     getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, inputProps, logLevel, server, }: {
         height: number | null;
@@ -229,13 +230,13 @@ export declare const CliInternals: {
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
         serveUrlOrWebpackUrl: string;
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         inputProps: Record<string, unknown>;
         server: import("@remotion/renderer").RemotionServer;
     }) => Promise<{
         compositionId: string;
         reason: string;
-        config: import("remotion").AnyCompMetadata;
+        config: import("remotion").VideoConfig;
         argsAfterComposition: string[];
     }>;
 };

package/dist/log.d.ts

@@ -2,19 +2,19 @@ export declare const Log: {
     verbose: (message?: any, ...optionalParams: any[]) => void;
     verboseAdvanced: (options: {
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     } & {
         tag?: string | undefined;
     }, message?: any, ...optionalParams: any[]) => void;
     info: (message?: any, ...optionalParams: any[]) => void;
     infoAdvanced: (options: {
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     }, message?: any, ...optionalParams: any[]) => void;
     warn: (message?: any, ...optionalParams: any[]) => void;
     warnAdvanced: (options: {
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     }, message?: any, ...optionalParams: any[]) => void;
     error: (message?: any, ...optionalParams: any[]) => 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 | Ranges | -2;
+export declare function parseRange(size: number, str: string | string[]): -1 | -2 | Ranges;
 export {};

package/dist/preview-server/dev-middleware/setup-hooks.js

@@ -23,7 +23,7 @@ function setupHooks(context) {
             logger.log('Compilation finished');
             const statsOptions = {
                 preset: 'errors-warnings',
-                colors: renderer_1.RenderInternals.isColorSupported,
+                colors: renderer_1.RenderInternals.isColorSupported(),
             };
             const printedStats = stats.toString(statsOptions);
             const lines = printedStats

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.1.0-alpha4",
+  "version": "4.1.0-alpha5",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -35,11 +35,11 @@
     "prompts": "2.4.1",
     "semver": "7.3.5",
     "source-map": "0.6.1",
-    "@remotion/bundler": "4.1.0-alpha4",
-    "@remotion/media-utils": "4.1.0-alpha4",
-    "@remotion/player": "4.1.0-alpha4",
-    "@remotion/renderer": "4.1.0-alpha4",
-    "remotion": "4.1.0-alpha4"
+    "@remotion/media-utils": "4.1.0-alpha5",
+    "@remotion/player": "4.1.0-alpha5",
+    "@remotion/renderer": "4.1.0-alpha5",
+    "@remotion/bundler": "4.1.0-alpha5",
+    "remotion": "4.1.0-alpha5"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -65,8 +65,8 @@
     "typescript": "4.9.5",
     "vitest": "0.31.1",
     "zod": "^3.21.4",
-    "@remotion/zod-types": "4.1.0-alpha4",
-    "@remotion/tailwind": "4.1.0-alpha4"
+    "@remotion/tailwind": "4.1.0-alpha5",
+    "@remotion/zod-types": "4.1.0-alpha5"
   },
   "keywords": [
     "remotion",