@remotion/cli 4.0.386 → 4.0.387

package/dist/config/experimental-client-side-rendering.d.ts

@@ -0,0 +1,2 @@
+export declare const setExperimentalClientSideRenderingEnabled: (enabled: boolean) => void;
+export declare const getExperimentalClientSideRenderingEnabled: () => boolean;

package/dist/config/experimental-client-side-rendering.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getExperimentalClientSideRenderingEnabled = exports.setExperimentalClientSideRenderingEnabled = void 0;
+let experimentalClientSideRenderingEnabled = false;
+const setExperimentalClientSideRenderingEnabled = (enabled) => {
+    experimentalClientSideRenderingEnabled = enabled;
+};
+exports.setExperimentalClientSideRenderingEnabled = setExperimentalClientSideRenderingEnabled;
+const getExperimentalClientSideRenderingEnabled = () => {
+    return experimentalClientSideRenderingEnabled;
+};
+exports.getExperimentalClientSideRenderingEnabled = getExperimentalClientSideRenderingEnabled;

package/dist/config/index.d.ts

@@ -54,6 +54,13 @@ declare global {
          * @default true
          */
         readonly setKeyboardShortcutsEnabled: (enableShortcuts: boolean) => void;
+        /**
+         * Enable WIP client-side rendering in the Remotion Studio.
+         * See https://www.remotion.dev/docs/client-side-rendering/ for notes.
+         * @param enabled Boolean whether to enable client-side rendering
+         * @default false
+         */
+        readonly setExperimentalClientSideRenderingEnabled: (enabled: boolean) => void;
         /**
          * Set number of shared audio tags. https://www.remotion.dev/docs/player/autoplay#using-the-numberofsharedaudiotags-prop
          * @param numberOfAudioTags
@@ -406,6 +413,7 @@ export declare const ConfigInternals: {
     getMaxTimelineTracks: () => number;
     defaultOverrideFunction: WebpackOverrideFn;
     getKeyboardShortcutsEnabled: () => boolean;
+    getExperimentalClientSideRenderingEnabled: () => boolean;
     getFfmpegOverrideFunction: () => import("@remotion/renderer").FfmpegOverrideFn;
     getHeight: () => number | null;
     getWidth: () => number | null;

package/dist/config/index.js

@@ -25,6 +25,7 @@ const concurrency_2 = require("./concurrency");
 const entry_point_1 = require("./entry-point");
 const env_file_2 = require("./env-file");
 const every_nth_frame_1 = require("./every-nth-frame");
+const experimental_client_side_rendering_1 = require("./experimental-client-side-rendering");
 const ffmpeg_override_1 = require("./ffmpeg-override");
 const frame_range_2 = require("./frame-range");
 const height_1 = require("./height");
@@ -64,6 +65,7 @@ exports.Config = {
     },
     setMaxTimelineTracks: studio_server_1.StudioServerInternals.setMaxTimelineTracks,
     setKeyboardShortcutsEnabled: keyboard_shortcuts_1.setKeyboardShortcutsEnabled,
+    setExperimentalClientSideRenderingEnabled: experimental_client_side_rendering_1.setExperimentalClientSideRenderingEnabled,
     setNumberOfSharedAudioTags: number_of_shared_audio_tags_1.setNumberOfSharedAudioTags,
     setWebpackPollingInMilliseconds: webpack_poll_1.setWebpackPollingInMilliseconds,
     setShouldOpenBrowser: open_browser_1.setShouldOpenBrowser,
@@ -166,6 +168,7 @@ exports.ConfigInternals = {
     getMaxTimelineTracks: studio_server_1.StudioServerInternals.getMaxTimelineTracks,
     defaultOverrideFunction: override_webpack_1.defaultOverrideFunction,
     getKeyboardShortcutsEnabled: keyboard_shortcuts_1.getKeyboardShortcutsEnabled,
+    getExperimentalClientSideRenderingEnabled: experimental_client_side_rendering_1.getExperimentalClientSideRenderingEnabled,
     getFfmpegOverrideFunction: ffmpeg_override_1.getFfmpegOverrideFunction,
     getHeight: height_1.getHeight,
     getWidth: width_1.getWidth,

package/dist/list-of-remotion-packages.js

@@ -37,6 +37,7 @@ exports.listOfRemotionPackages = [
     '@remotion/google-fonts',
     '@remotion/install-whisper-cpp',
     '@remotion/it-tests',
+    '@remotion/react18-tests',
     '@remotion/lambda-go-example',
     '@remotion/lambda-go',
     '@remotion/lambda-php',

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

@@ -350,6 +350,7 @@ export type CommandLineOptions = {
     frame: string | number;
     ['disable-headless']: boolean;
     ['disable-keyboard-shortcuts']: boolean;
+    ['enable-experimental-client-side-rendering']: boolean;
     muted: boolean;
     height: number;
     width: number;

package/dist/parse-command-line.js

@@ -65,6 +65,10 @@ const parseCommandLine = () => {
     if (typeof parsed_cli_1.parsedCli['disable-keyboard-shortcuts'] !== 'undefined') {
         config_1.Config.setKeyboardShortcutsEnabled(!parsed_cli_1.parsedCli['disable-keyboard-shortcuts']);
     }
+    if (typeof parsed_cli_1.parsedCli['enable-experimental-client-side-rendering'] !==
+        'undefined') {
+        config_1.Config.setExperimentalClientSideRenderingEnabled(parsed_cli_1.parsedCli['enable-experimental-client-side-rendering']);
+    }
     if (typeof parsed_cli_1.parsedCli['webpack-poll'] !== 'undefined') {
         config_1.Config.setWebpackPollingInMilliseconds(parsed_cli_1.parsedCli['webpack-poll']);
     }

package/dist/render-flows/render.js

@@ -383,7 +383,10 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
             mediaCacheSizeInBytes,
             onLog,
         });
-        log_1.Log.info({ indent, logLevel }, chalk_1.chalk.blue(`\n▶ ${absoluteOutputFile}`));
+        if (!updatesDontOverwrite) {
+            updateRenderProgress({ newline: true, printToConsole: true });
+        }
+        log_1.Log.info({ indent, logLevel }, chalk_1.chalk.blue(`${(exists ? '○' : '+').padEnd(progress_bar_1.LABEL_WIDTH)} ${(0, make_link_1.makeHyperlink)({ url: `file://${absoluteOutputFile}`, text: relativeOutputLocation, fallback: relativeOutputLocation })}`));
         return;
     }
     stitchingProgress = {

package/dist/studio.js

@@ -61,6 +61,10 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
         });
     }, logLevel, false);
     const keyboardShortcutsEnabled = config_1.ConfigInternals.getKeyboardShortcutsEnabled();
+    const experimentalClientSideRenderingEnabled = config_1.ConfigInternals.getExperimentalClientSideRenderingEnabled();
+    if (experimentalClientSideRenderingEnabled) {
+        log_1.Log.warn({ indent: false, logLevel }, 'Enabling WIP client-side rendering. Please see caveats on https://www.remotion.dev/docs/client-side-rendering/.');
+    }
     const binariesDirectory = binariesDirectoryOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
@@ -85,6 +89,7 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
         getEnvVariables: () => envVariables,
         desiredPort,
         keyboardShortcutsEnabled,
+        experimentalClientSideRenderingEnabled,
         maxTimelineTracks: config_1.ConfigInternals.getMaxTimelineTracks(),
         remotionRoot,
         relativePublicDir,

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/cli"
 	},
 	"name": "@remotion/cli",
-	"version": "4.0.386",
+	"version": "4.0.387",
 	"description": "Control Remotion features using the `npx remotion` command",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -36,17 +36,17 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "4.0.386",
-		"@remotion/media-utils": "4.0.386",
-		"@remotion/player": "4.0.386",
-		"@remotion/renderer": "4.0.386",
-		"@remotion/studio-shared": "4.0.386",
-		"@remotion/studio-server": "4.0.386",
-		"@remotion/studio": "4.0.386",
+		"@remotion/bundler": "4.0.387",
+		"@remotion/media-utils": "4.0.387",
+		"@remotion/player": "4.0.387",
+		"@remotion/renderer": "4.0.387",
+		"@remotion/studio-shared": "4.0.387",
+		"@remotion/studio-server": "4.0.387",
+		"@remotion/studio": "4.0.387",
 		"dotenv": "9.0.2",
 		"minimist": "1.2.6",
 		"prompts": "2.4.2",
-		"remotion": "4.0.386"
+		"remotion": "4.0.387"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -57,14 +57,14 @@
 		"@types/prompts": "^2.4.1",
 		"@types/prettier": "^2.7.2",
 		"@types/node": "20.12.14",
-		"@remotion/zod-types": "4.0.386",
-		"@remotion/tailwind-v4": "4.0.386",
-		"@remotion/enable-scss": "4.0.386",
-		"@remotion/skia": "4.0.386",
-		"react": "19.2.1",
-		"react-dom": "19.2.1",
+		"@remotion/zod-types": "4.0.387",
+		"@remotion/tailwind-v4": "4.0.387",
+		"@remotion/enable-scss": "4.0.387",
+		"@remotion/skia": "4.0.387",
+		"react": "19.2.3",
+		"react-dom": "19.2.3",
 		"zod": "3.22.3",
-		"@remotion/eslint-config-internal": "4.0.386",
+		"@remotion/eslint-config-internal": "4.0.387",
 		"eslint": "9.19.0"
 	},
 	"keywords": [