@remotion/cli 4.0.48 → 4.0.50

package/LICENSE.md

@@ -7,7 +7,7 @@ Depending on the type of your legal entity, you are granted permission to use Re
 
 ## Free license
 
-Copyright © 2023 [Remotion](https://www.remotion.dev/)
+Copyright © 2023 [Remotion](https://www.remotion.dev)
 
 ### Eligibility
 
@@ -36,6 +36,10 @@ Support is provided on a best-we-can-do basis via GitHub Issues and Discord.
 
 ## Company license
 
-You are required to obtain a company license to use Remotion if you are not within the group of entities eligible for a free license. This license will enable you to use Remotion for the allowed use cases specified in the free license, and give you access to prioritized support (read the [Support Policy](/docs/support)).
+You are required to obtain a company license to use Remotion if you are not within the group of entities eligible for a free license. This license will enable you to use Remotion for the allowed use cases specified in the free license, and give you access to prioritized support (read the [Support Policy](https://www.remotion.dev/docs/support)).
 
-Visit [remotion.pro](https://www.remotion.pro) for pricing and to buy a license.
+Visit [remotion.pro](https://www.remotion.pro/license) for pricing and to buy a license.
+
+### FAQs
+
+Are you not sure whether you need a company license because of an edge case? Here are some [frequently asked questions](https://www.remotion.pro/faq).

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/editor/components/DownloadButton.js

@@ -0,0 +1 @@
+"use strict";

package/dist/editor/components/RenderModal/SchemaEditor/ZodSwitch.js

@@ -18,6 +18,7 @@ const ZodObjectEditor_1 = require("./ZodObjectEditor");
 const ZodOptionalEditor_1 = require("./ZodOptionalEditor");
 const ZodStaticFileEditor_1 = require("./ZodStaticFileEditor");
 const ZodStringEditor_1 = require("./ZodStringEditor");
+const ZodTextareaEditor_1 = require("./ZodTextareaEditor");
 const ZodUnionEditor_1 = require("./ZodUnionEditor");
 const ZodSwitch = ({ schema, jsonPath, value, setValue, defaultValue, onSave, showSaveButton, onRemove, saving, saveDisabledByParent, mayPad, }) => {
     const def = schema._def;
@@ -35,6 +36,11 @@ const ZodSwitch = ({ schema, jsonPath, value, setValue, defaultValue, onSave, sh
         if (value.startsWith(window.remotion_staticBase)) {
             return ((0, jsx_runtime_1.jsx)(ZodStaticFileEditor_1.ZodStaticFileEditor, { setValue: setValue, value: value, jsonPath: jsonPath, schema: schema, defaultValue: defaultValue, onSave: onSave, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving, saveDisabledByParent: saveDisabledByParent, mayPad: mayPad }));
         }
+        if (zodTypes &&
+            schema._def.description ===
+                zodTypes.ZodZypesInternals.REMOTION_TEXTAREA_BRAND) {
+            return ((0, jsx_runtime_1.jsx)(ZodTextareaEditor_1.ZodTextareaEditor, { value: value, setValue: setValue, jsonPath: jsonPath, schema: schema, onSave: onSave, defaultValue: defaultValue, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving, saveDisabledByParent: saveDisabledByParent, mayPad: mayPad }));
+        }
         return ((0, jsx_runtime_1.jsx)(ZodStringEditor_1.ZodStringEditor, { value: value, setValue: setValue, jsonPath: jsonPath, schema: schema, onSave: onSave, defaultValue: defaultValue, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving, saveDisabledByParent: saveDisabledByParent, mayPad: mayPad }));
     }
     if (typeName === z.ZodFirstPartyTypeKind.ZodDate) {

package/dist/editor/components/RenderModal/SchemaEditor/ZodTextareaEditor.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { z } from 'zod';
+import type { JSONPath } from './zod-types';
+import type { UpdaterFunction } from './ZodSwitch';
+export declare const ZodTextareaEditor: React.FC<{
+    schema: z.ZodTypeAny;
+    jsonPath: JSONPath;
+    value: string;
+    defaultValue: string;
+    setValue: UpdaterFunction<string>;
+    onSave: UpdaterFunction<string>;
+    onRemove: null | (() => void);
+    showSaveButton: boolean;
+    saving: boolean;
+    saveDisabledByParent: boolean;
+    mayPad: boolean;
+}>;

package/dist/editor/components/RenderModal/SchemaEditor/ZodTextareaEditor.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZodTextareaEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const get_zod_if_possible_1 = require("../../get-zod-if-possible");
+const RemTextarea_1 = require("../../NewComposition/RemTextarea");
+const Fieldset_1 = require("./Fieldset");
+const local_state_1 = require("./local-state");
+const SchemaLabel_1 = require("./SchemaLabel");
+const ZodFieldValidation_1 = require("./ZodFieldValidation");
+const fullWidth = {
+    width: '100%',
+};
+const textareaStyle = {
+    resize: 'vertical',
+    minHeight: 100,
+};
+const ZodTextareaEditor = ({ jsonPath, value, setValue, showSaveButton, defaultValue, schema, onSave, onRemove, saving, saveDisabledByParent, mayPad, }) => {
+    const z = (0, get_zod_if_possible_1.useZodIfPossible)();
+    if (!z) {
+        throw new Error('expected zod');
+    }
+    const zodTypes = (0, get_zod_if_possible_1.useZodTypesIfPossible)();
+    if (!zodTypes) {
+        throw new Error('expected zod textarea');
+    }
+    const { localValue, onChange: setLocalValue, reset, } = (0, local_state_1.useLocalState)({
+        schema,
+        setValue,
+        value,
+        defaultValue,
+    });
+    const onChange = (0, react_1.useCallback)((e) => {
+        setLocalValue(() => e.target.value, false, false);
+    }, [setLocalValue]);
+    const save = (0, react_1.useCallback)(() => {
+        onSave(() => value, false, false);
+    }, [onSave, value]);
+    return ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, { shouldPad: mayPad, success: localValue.zodValidation.success, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { isDefaultValue: localValue.value === defaultValue, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving, valid: localValue.zodValidation.success, saveDisabledByParent: saveDisabledByParent, suffix: null }), (0, jsx_runtime_1.jsxs)("div", { style: fullWidth, children: [(0, jsx_runtime_1.jsx)(RemTextarea_1.RemTextarea, { onChange: onChange, value: localValue.value, status: localValue.zodValidation ? 'ok' : 'error', placeholder: jsonPath.join('.'), name: jsonPath.join('.'), style: textareaStyle }), (0, jsx_runtime_1.jsx)(ZodFieldValidation_1.ZodFieldValidation, { path: jsonPath, localValue: localValue })] })] }));
+};
+exports.ZodTextareaEditor = ZodTextareaEditor;

package/dist/editor/components/RenderModal/SchemaEditor/create-zod-values.js

@@ -67,6 +67,11 @@ const createZodValues = (schema, zodRuntime, zodTypes) => {
                     zodTypes.ZodZypesInternals.REMOTION_COLOR_BRAND) {
                 return '#ffffff';
             }
+            if (zodTypes &&
+                schema._def.description ===
+                    zodTypes.ZodZypesInternals.REMOTION_TEXTAREA_BRAND) {
+                return '';
+            }
             return (0, exports.createZodValues)(def.schema, zodRuntime, zodTypes);
         }
         case zodRuntime.ZodFirstPartyTypeKind.ZodIntersection: {

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/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/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: ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, }: {

package/dist/preview-server/start-server.js

@@ -79,8 +79,10 @@ const startServer = async (options) => {
     });
     const desiredPort = (_d = (_c = options === null || options === void 0 ? void 0 : options.port) !== null && _c !== void 0 ? _c : (process.env.PORT ? Number(process.env.PORT) : undefined)) !== null && _d !== void 0 ? _d : undefined;
     const maxTries = 5;
-    // Default Node.js host, but explicity
-    const host = '0.0.0.0';
+    const host = renderer_1.RenderInternals.isIpV6Supported() ? '::' : '0.0.0.0';
+    const hostsToTry = renderer_1.RenderInternals.isIpV6Supported()
+        ? ['::', '::1']
+        : ['0.0.0.0', '127.0.0.1'];
     for (let i = 0; i < maxTries; i++) {
         try {
             const selectedPort = await new Promise((resolve, reject) => {
@@ -88,7 +90,7 @@ const startServer = async (options) => {
                     desiredPort,
                     from: 3000,
                     to: 3100,
-                    hostsToTry: ['127.0.0.1', '0.0.0.0'],
+                    hostsToTry,
                 })
                     .then(({ port, didUsePort }) => {
                     server.listen({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.48",
+  "version": "4.0.50",
   "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.48",
-    "@remotion/renderer": "4.0.48",
-    "remotion": "4.0.48",
-    "@remotion/player": "4.0.48",
-    "@remotion/media-utils": "4.0.48"
+    "@remotion/bundler": "4.0.50",
+    "@remotion/media-utils": "4.0.50",
+    "@remotion/renderer": "4.0.50",
+    "remotion": "4.0.50",
+    "@remotion/player": "4.0.50"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -65,8 +65,8 @@
     "react-dom": "^18.0.0",
     "vitest": "0.31.1",
     "zod": "^3.22.3",
-    "@remotion/zod-types": "4.0.48",
-    "@remotion/tailwind": "4.0.48"
+    "@remotion/zod-types": "4.0.50",
+    "@remotion/tailwind": "4.0.50"
   },
   "keywords": [
     "remotion",