@remotion/cli 4.0.515 → 4.0.517

package/dist/config/element-libraries.d.ts

@@ -0,0 +1,8 @@
+import type { StudioElementLibrary } from '@remotion/studio-shared';
+export type AddElementLibraryOptions = {
+    readonly url: string;
+    readonly displayName?: string;
+};
+export declare const addElementLibrary: (options: AddElementLibraryOptions) => void;
+export declare const getElementLibraries: () => readonly StudioElementLibrary[];
+export declare const resetElementLibraries: () => void;

package/dist/config/element-libraries.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resetElementLibraries = exports.getElementLibraries = exports.addElementLibrary = void 0;
+let elementLibraries = [];
+const addElementLibrary = (options) => {
+    var _a;
+    if (typeof options !== 'object' ||
+        options === null ||
+        Array.isArray(options)) {
+        const receivedType = Array.isArray(options) ? 'an array' : typeof options;
+        throw new Error(`Config.addElementLibrary() expects an object, got ${receivedType}`);
+    }
+    const { url, displayName } = options;
+    if (typeof url !== 'string') {
+        throw new Error(`Config.addElementLibrary() expects "url" to be a string, got ${typeof url}`);
+    }
+    let parsedUrl;
+    try {
+        parsedUrl = new URL(url);
+    }
+    catch (_b) {
+        throw new Error(`Config.addElementLibrary() expects an absolute URL, got ${JSON.stringify(url)}`);
+    }
+    if (parsedUrl.protocol !== 'http:' && parsedUrl.protocol !== 'https:') {
+        throw new Error(`Config.addElementLibrary() only supports HTTP and HTTPS URLs, got ${JSON.stringify(url)}`);
+    }
+    if (displayName !== undefined && typeof displayName !== 'string') {
+        throw new Error(`Config.addElementLibrary() expects the display name to be a string, got ${typeof displayName}`);
+    }
+    const trimmedDisplayName = (_a = displayName === null || displayName === void 0 ? void 0 : displayName.trim()) !== null && _a !== void 0 ? _a : null;
+    if (trimmedDisplayName === '') {
+        throw new Error('Config.addElementLibrary() expects the display name to not be empty');
+    }
+    elementLibraries.push({
+        displayName: trimmedDisplayName,
+        url: parsedUrl.href,
+    });
+};
+exports.addElementLibrary = addElementLibrary;
+const getElementLibraries = () => elementLibraries;
+exports.getElementLibraries = getElementLibraries;
+const resetElementLibraries = () => {
+    elementLibraries = [];
+};
+exports.resetElementLibraries = resetElementLibraries;

package/dist/config/index.d.ts

@@ -2,7 +2,8 @@ import type { BundlerOverrideFn, RspackConfiguration, RspackOverrideFn, WebpackC
 import type { BrowserExecutable, ChromeMode, CodecOrUndefined, ColorSpace, Crf, DefaultCodingAgent, DefaultEditor, DeleteAfter, FrameRange, NumberOfGifLoops, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
 import type { HardwareAccelerationOption } from '@remotion/renderer/client';
 import type { Concurrency } from './concurrency';
-export type { BundlerOverrideFn, Concurrency, RspackConfiguration, RspackOverrideFn, WebpackConfiguration, WebpackOverrideFn, };
+import type { AddElementLibraryOptions } from './element-libraries';
+export type { AddElementLibraryOptions, BundlerOverrideFn, Concurrency, RspackConfiguration, RspackOverrideFn, WebpackConfiguration, WebpackOverrideFn, };
 declare global {
     interface RemotionBundlingOptions {
         /**
@@ -380,6 +381,10 @@ declare global {
     }
 }
 type FlatConfig = RemotionConfigObject & RemotionBundlingOptions & {
+    /**
+     * Add an Element library to the Remotion Studio.
+     */
+    addElementLibrary: (options: AddElementLibraryOptions) => void;
     /**
      * Set the audio codec to use for the output video.
      * See the Encoding guide in the docs for defaults and available options.
@@ -509,6 +514,7 @@ export declare const ConfigInternals: {
     getEntryPoint: () => string | null;
     getWebpackPolling: () => number | null;
     getBufferStateDelayInMilliseconds: () => number | null;
+    getElementLibraries: () => readonly import("@remotion/studio-shared").StudioElementLibrary[];
     getOutputCodecOrUndefined: () => CodecOrUndefined;
     resetConfigOptions: () => void;
 };

package/dist/config/index.js

@@ -6,6 +6,7 @@ const studio_server_1 = require("@remotion/studio-server");
 const browser_1 = require("./browser");
 const buffer_state_delay_in_milliseconds_1 = require("./buffer-state-delay-in-milliseconds");
 const concurrency_1 = require("./concurrency");
+const element_libraries_1 = require("./element-libraries");
 const entry_point_1 = require("./entry-point");
 const env_file_1 = require("./env-file");
 const ffmpeg_override_1 = require("./ffmpeg-override");
@@ -37,6 +38,7 @@ exports.Config = {
     get Puppeteer() {
         throw new Error('The config format has changed. Change `Config.Puppeteer.*()` calls to `Config.*()` in your config file.');
     },
+    addElementLibrary: element_libraries_1.addElementLibrary,
     setMaxTimelineTracks: studio_server_1.StudioServerInternals.setMaxTimelineTracks,
     setKeyboardShortcutsEnabled: keyboardShortcutsOption.setConfig,
     setInteractivityEnabled: interactivityOption.setConfig,
@@ -169,6 +171,7 @@ const resetConfigOptions = () => {
     resetBrowserSafeConfigOptions();
     studio_server_1.StudioServerInternals.resetMaxTimelineTracks();
     (0, buffer_state_delay_in_milliseconds_1.resetBufferStateDelayInMilliseconds)();
+    (0, element_libraries_1.resetElementLibraries)();
     (0, entry_point_1.resetEntryPoint)();
     (0, ffmpeg_override_1.resetFfmpegOverrideFunction)();
     (0, metadata_1.resetMetadata)();
@@ -201,6 +204,7 @@ exports.ConfigInternals = {
     getEntryPoint: entry_point_1.getEntryPoint,
     getWebpackPolling: webpack_poll_1.getWebpackPolling,
     getBufferStateDelayInMilliseconds: buffer_state_delay_in_milliseconds_1.getBufferStateDelayInMilliseconds,
+    getElementLibraries: element_libraries_1.getElementLibraries,
     getOutputCodecOrUndefined: client_1.BrowserSafeApis.getOutputCodecOrUndefined,
     resetConfigOptions,
 };

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

@@ -12,6 +12,7 @@ exports.listOfRemotionPackages = [
     '@remotion/brand',
     '@remotion/bundler',
     '@remotion/browser-studio',
+    '@remotion/canvas',
     '@remotion/claude-code-plugin',
     '@remotion/cli',
     '@remotion/cloudrun',
@@ -39,6 +40,7 @@ exports.listOfRemotionPackages = [
     '@remotion/fonts',
     '@remotion/gif',
     '@remotion/google-fonts',
+    '@remotion/gsap',
     '@remotion/install-whisper-cpp',
     '@remotion/it-tests',
     '@remotion/react18-tests',

package/dist/studio.js

@@ -83,6 +83,7 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
             askAIEnabled: askAIOption.getValue({
                 commandLine: parsed_cli_1.parsedCli,
             }).value,
+            elementLibraries: config_1.ConfigInternals.getElementLibraries(),
             interactivityEnabled: interactivityOption.getValue({
                 commandLine: parsed_cli_1.parsedCli,
             }).value,

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/cli"
 	},
 	"name": "@remotion/cli",
-	"version": "4.0.515",
+	"version": "4.0.517",
 	"description": "Control Remotion features using the `npx remotion` command",
 	"main": "dist/index.js",
 	"bin": {
@@ -37,18 +37,18 @@
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
 		"@babel/parser": "7.24.1",
-		"@remotion/bundler": "4.0.515",
-		"@remotion/media-utils": "4.0.515",
-		"@remotion/player": "4.0.515",
-		"@remotion/renderer": "4.0.515",
-		"@remotion/studio-shared": "4.0.515",
-		"@remotion/studio-server": "4.0.515",
-		"@remotion/studio": "4.0.515",
+		"@remotion/bundler": "4.0.517",
+		"@remotion/media-utils": "4.0.517",
+		"@remotion/player": "4.0.517",
+		"@remotion/renderer": "4.0.517",
+		"@remotion/studio-shared": "4.0.517",
+		"@remotion/studio-server": "4.0.517",
+		"@remotion/studio": "4.0.517",
 		"dotenv": "17.3.1",
 		"minimist": "1.2.6",
 		"prompts": "2.4.2",
 		"semver": "7.5.3",
-		"remotion": "4.0.515"
+		"remotion": "4.0.517"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -60,14 +60,14 @@
 		"@types/prettier": "2.7.2",
 		"@types/semver": "7.5.3",
 		"@types/node": "20.12.14",
-		"@remotion/zod-types": "4.0.515",
-		"@remotion/tailwind-v4": "4.0.515",
-		"@remotion/enable-scss": "4.0.515",
-		"@remotion/skia": "4.0.515",
+		"@remotion/zod-types": "4.0.517",
+		"@remotion/tailwind-v4": "4.0.517",
+		"@remotion/enable-scss": "4.0.517",
+		"@remotion/skia": "4.0.517",
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"zod": "4.4.3",
-		"@remotion/eslint-config-internal": "4.0.515",
+		"@remotion/eslint-config-internal": "4.0.517",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},

package/dist/image-formats.d.ts

@@ -1,4 +0,0 @@
-export declare const getVideoImageFormat: ({ codec, uiImageFormat, }: {
-    codec: import("@remotion/renderer").CodecOrUndefined;
-    uiImageFormat: "jpeg" | "none" | "png" | null;
-}) => "jpeg" | "none" | "png";

package/dist/image-formats.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getVideoImageFormat = void 0;
-const client_1 = require("@remotion/renderer/client");
-const pure_1 = require("@remotion/renderer/pure");
-const parsed_cli_1 = require("./parsed-cli");
-const getVideoImageFormat = ({ codec, uiImageFormat, }) => {
-    if (uiImageFormat !== null) {
-        return uiImageFormat;
-    }
-    const configured = client_1.BrowserSafeApis.options.videoImageFormatOption.getValue({
-        commandLine: parsed_cli_1.parsedCli,
-    }).value;
-    if (configured !== null) {
-        return configured;
-    }
-    if (pure_1.NoReactAPIs.isAudioCodec(codec)) {
-        return 'none';
-    }
-    if (codec === 'h264' ||
-        codec === 'h264-mkv' ||
-        codec === 'h264-ts' ||
-        codec === 'h265' ||
-        codec === 'av1' ||
-        codec === 'vp8' ||
-        codec === 'vp9' ||
-        codec === 'prores' ||
-        codec === 'gif') {
-        return 'jpeg';
-    }
-    if (codec === undefined) {
-        return 'png';
-    }
-    throw new Error('Unrecognized codec ' + codec);
-};
-exports.getVideoImageFormat = getVideoImageFormat;