@remotion/cli 4.0.44 → 4.0.46

package/dist/index.d.ts

@@ -63,24 +63,24 @@ export declare const CliInternals: {
         verbose: (message?: any, ...optionalParams: any[]) => void;
         verboseAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
         } & {
             tag?: string | undefined;
         }, message?: any, ...optionalParams: any[]) => void;
         info: (message?: any, ...optionalParams: any[]) => void;
         infoAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
         }, message?: any, ...optionalParams: any[]) => void;
         warn: (message?: any, ...optionalParams: any[]) => void;
         warnAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
         }, message?: any, ...optionalParams: any[]) => void;
         error: (message?: any, ...optionalParams: any[]) => void;
         errorAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
         } & {
             tag?: string | undefined;
         }, message?: any, ...optionalParams: any[]) => void;
@@ -100,13 +100,13 @@ export declare const CliInternals: {
         browser: "chrome";
         crf: import("@remotion/renderer").Crf | null;
         pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
-        proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
+        proResProfile: "light" | "4444-xq" | "4444" | "hq" | "standard" | "proxy" | undefined;
         x264Preset: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
         everyNthFrame: number;
         numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
         stillFrame: number;
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         scale: number;
         chromiumOptions: import("@remotion/renderer").ChromiumOptions;
         overwrite: boolean;
@@ -132,7 +132,7 @@ export declare const CliInternals: {
         "browser-executable": import("@remotion/renderer").BrowserExecutable;
         "pixel-format": "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
         "image-format": "none" | "png" | "jpeg" | "pdf" | "webp";
-        "prores-profile": "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy";
+        "prores-profile": "light" | "4444-xq" | "4444" | "hq" | "standard" | "proxy";
         "x264-preset": "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
         "bundle-cache": string;
         "env-file": string;
@@ -190,7 +190,7 @@ export declare const CliInternals: {
     } & {
         _: string[];
     };
-    printError: (err: Error, logLevel: "verbose" | "info" | "warn" | "error") => Promise<void>;
+    printError: (err: Error, logLevel: "error" | "verbose" | "info" | "warn") => Promise<void>;
     formatBytes: (number: number, options?: Intl.NumberFormatOptions & {
         locale: string;
         bits?: boolean | undefined;
@@ -232,7 +232,7 @@ export declare const CliInternals: {
     };
     listOfRemotionPackages: string[];
     shouldUseNonOverlayingLogger: ({ logLevel, }: {
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
     }) => boolean;
     getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, offthreadVideoCacheSizeInBytes, }: {
         height: number | null;
@@ -247,7 +247,7 @@ export declare const CliInternals: {
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
         serveUrlOrWebpackUrl: string;
         indent: boolean;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         serializedInputPropsWithCustomSchema: string;
         server: import("@remotion/renderer").RemotionServer;
         offthreadVideoCacheSizeInBytes: number | null;

package/dist/log.d.ts

@@ -2,24 +2,24 @@ export declare const Log: {
     verbose: (message?: any, ...optionalParams: any[]) => void;
     verboseAdvanced: (options: {
         indent: boolean;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
     } & {
         tag?: string | undefined;
     }, message?: any, ...optionalParams: any[]) => void;
     info: (message?: any, ...optionalParams: any[]) => void;
     infoAdvanced: (options: {
         indent: boolean;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
     }, message?: any, ...optionalParams: any[]) => void;
     warn: (message?: any, ...optionalParams: any[]) => void;
     warnAdvanced: (options: {
         indent: boolean;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
     }, message?: any, ...optionalParams: any[]) => void;
     error: (message?: any, ...optionalParams: any[]) => void;
     errorAdvanced: (options: {
         indent: boolean;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
     } & {
         tag?: string | undefined;
     }, message?: any, ...optionalParams: any[]) => void;

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

@@ -1,9 +1,10 @@
-/// <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, }: {
-    hash: string;
-    hashPrefix: string;
+export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, }: {
+    staticHash: string;
+    staticHashPrefix: string;
+    outputHash: string;
+    outputHashPrefix: string;
     request: IncomingMessage;
     response: ServerResponse;
     liveEventsServer: LiveEventsServer;

package/dist/preview-server/routes.js

@@ -1,13 +1,33 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleRoutes = void 0;
 const bundler_1 = require("@remotion/bundler");
 const renderer_1 = require("@remotion/renderer");
 const node_fs_1 = require("node:fs");
-const node_path_1 = __importDefault(require("node:path"));
+const node_path_1 = __importStar(require("node:path"));
 const node_url_1 = require("node:url");
 const config_1 = require("../config");
 const number_of_shared_audio_tags_1 = require("../config/number-of-shared-audio-tags");
@@ -27,6 +47,10 @@ const static404 = (response) => {
     response.writeHead(404);
     response.end('The static/ prefix has been changed, this URL is no longer valid.');
 };
+const output404 = (response) => {
+    response.writeHead(404);
+    response.end('The outputs/ prefix has been changed, this URL is no longer valid.');
+};
 const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputProps, getEnvVariables, publicDir, }) => {
     var _a, _b, _c;
     const [edit] = await editorGuess;
@@ -176,7 +200,7 @@ const handleFavicon = (_, response) => {
     const readStream = (0, node_fs_1.createReadStream)(filePath);
     readStream.pipe(response);
 };
-const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, }) => {
+const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, }) => {
     const url = new URL(request.url, 'http://localhost');
     if (url.pathname === '/api/project-info') {
         return handleProjectInfo(remotionRoot, request, response);
@@ -209,15 +233,35 @@ const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, g
     if (url.pathname === '/events') {
         return liveEventsServer.router(request, response);
     }
-    if (url.pathname.startsWith(hash)) {
-        return (0, serve_static_1.serveStatic)(publicDir, hash, request, response);
+    if (url.pathname.startsWith(staticHash)) {
+        const filename = new URL(request.url, 'http://localhost').pathname.replace(new RegExp(`^${staticHash}`), '');
+        const filePath = (0, node_path_1.join)(publicDir, decodeURIComponent(filename));
+        return (0, serve_static_1.serveStatic)({
+            root: publicDir,
+            path: filePath,
+            req: request,
+            res: response,
+        });
     }
-    if (url.pathname.startsWith(hashPrefix)) {
+    if (url.pathname.startsWith(staticHashPrefix)) {
         return static404(response);
     }
+    if (url.pathname.startsWith(outputHash)) {
+        const filename = new URL(request.url, 'http://localhost').pathname.replace(new RegExp(`^${outputHash}`), '');
+        const filePath = (0, node_path_1.join)(remotionRoot, decodeURIComponent(filename));
+        return (0, serve_static_1.serveStatic)({
+            root: remotionRoot,
+            path: filePath,
+            req: request,
+            res: response,
+        });
+    }
+    if (url.pathname.startsWith(outputHashPrefix)) {
+        return output404(response);
+    }
     return handleFallback({
         remotionRoot,
-        hash,
+        hash: staticHash,
         response,
         getCurrentInputProps,
         getEnvVariables,

package/dist/preview-server/serve-static.d.ts

@@ -6,4 +6,9 @@
  * MIT Licensed
  */
 import type { IncomingMessage, ServerResponse } from 'node:http';
-export declare const serveStatic: (root: string, hash: string, req: IncomingMessage, res: ServerResponse) => Promise<void>;
+export declare const serveStatic: ({ root, path, req, res, }: {
+    root: string;
+    path: string;
+    req: IncomingMessage;
+    res: ServerResponse;
+}) => Promise<void>;

package/dist/preview-server/serve-static.js

@@ -10,10 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.serveStatic = void 0;
 const renderer_1 = require("@remotion/renderer");
 const node_fs_1 = require("node:fs");
-const node_path_1 = require("node:path");
 const middleware_1 = require("./dev-middleware/middleware");
 const range_parser_1 = require("./dev-middleware/range-parser");
-const serveStatic = async function (root, hash, req, res) {
+const serveStatic = async function ({ root, path, req, res, }) {
     if (req.method !== 'GET' && req.method !== 'HEAD') {
         // method not allowed
         res.statusCode = 405;
@@ -22,8 +21,6 @@ const serveStatic = async function (root, hash, req, res) {
         res.end();
         return;
     }
-    const filename = new URL(req.url, 'http://localhost').pathname.replace(new RegExp(`^${hash}`), '');
-    const path = (0, node_path_1.join)(root, decodeURIComponent(filename));
     if (!renderer_1.RenderInternals.isPathInside(path, root)) {
         res.writeHead(500);
         res.write('Not allowed to read');

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

@@ -13,8 +13,10 @@ export declare const startServer: (options: {
     publicDir: string;
     userPassedPublicDir: string | null;
     poll: number | null;
-    hash: string;
-    hashPrefix: string;
+    staticHash: string;
+    staticHashPrefix: string;
+    outputHash: string;
+    outputHashPrefix: string;
 }) => Promise<{
     port: number;
     liveEventsServer: LiveEventsServer;

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

@@ -50,8 +50,10 @@ const startServer = async (options) => {
         })
             .then(() => {
             (0, routes_1.handleRoutes)({
-                hash: options.hash,
-                hashPrefix: options.hashPrefix,
+                staticHash: options.staticHash,
+                staticHashPrefix: options.staticHashPrefix,
+                outputHash: options.outputHash,
+                outputHashPrefix: options.outputHashPrefix,
                 request: request,
                 response,
                 liveEventsServer,

package/dist/studio.js

@@ -86,8 +86,11 @@ const studioCommand = async (remotionRoot, args) => {
         userPassedPublicDir: config_1.ConfigInternals.getPublicDir(),
         remotionRoot,
     });
-    const hashPrefix = '/static-';
-    const staticHash = `${hashPrefix}${node_crypto_1.default.randomBytes(6).toString('hex')}`;
+    const hash = node_crypto_1.default.randomBytes(6).toString('hex');
+    const outputHashPrefix = '/outputs-';
+    const outputHash = `${outputHashPrefix}${hash}`;
+    const staticHashPrefix = '/static-';
+    const staticHash = `${staticHashPrefix}${hash}`;
     (0, public_folder_1.initPublicFolderWatch)({
         publicDir,
         remotionRoot,
@@ -121,8 +124,10 @@ const studioCommand = async (remotionRoot, args) => {
         webpackOverride: config_1.ConfigInternals.getWebpackOverrideFn(),
         poll: config_1.ConfigInternals.getWebpackPolling(),
         userPassedPublicDir: config_1.ConfigInternals.getPublicDir(),
-        hash: staticHash,
-        hashPrefix,
+        staticHash,
+        staticHashPrefix,
+        outputHash,
+        outputHashPrefix,
     });
     (0, live_events_1.setLiveEventsListener)(liveEventsServer);
     const networkAddress = (0, get_network_address_1.getNetworkAddress)();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.44",
+  "version": "4.0.46",
   "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.44",
-    "@remotion/media-utils": "4.0.44",
-    "@remotion/player": "4.0.44",
-    "@remotion/renderer": "4.0.44",
-    "remotion": "4.0.44"
+    "@remotion/player": "4.0.46",
+    "@remotion/media-utils": "4.0.46",
+    "@remotion/renderer": "4.0.46",
+    "@remotion/bundler": "4.0.46",
+    "remotion": "4.0.46"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -64,9 +64,9 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "vitest": "0.31.1",
-    "zod": "^3.21.4",
-    "@remotion/zod-types": "4.0.44",
-    "@remotion/tailwind": "4.0.44"
+    "zod": "^3.22.3",
+    "@remotion/zod-types": "4.0.46",
+    "@remotion/tailwind": "4.0.46"
   },
   "keywords": [
     "remotion",