@remotion/cli 4.0.126 → 4.0.128

package/dist/codemods/update-default-props.d.ts

@@ -0,0 +1,7 @@
+import type { EnumPath } from '../editor/components/RenderModal/SchemaEditor/extract-enum-json-paths';
+export declare const updateDefaultProps: ({ input, compositionId, newDefaultProps, enumPaths, }: {
+    input: string;
+    compositionId: string;
+    newDefaultProps: Record<string, unknown>;
+    enumPaths: EnumPath[];
+}) => Promise<string>;

package/dist/codemods/update-default-props.js

@@ -0,0 +1,133 @@
+"use strict";
+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.updateDefaultProps = void 0;
+const stringify_with_path_1 = require("./stringify-with-path");
+const findStarter = ({ input, compositionId, }) => {
+    const format1 = input.indexOf(`id="${compositionId}"`);
+    if (format1 > -1) {
+        return format1;
+    }
+    const format2 = input.indexOf(`id='${compositionId}'`);
+    if (format2 > -1) {
+        return format2;
+    }
+    const format3 = input.indexOf(`id={'${compositionId}'}`);
+    if (format3 > -1) {
+        return format3;
+    }
+    const format4 = input.indexOf(`id={"${compositionId}"}`);
+    if (format4 > -1) {
+        return format4;
+    }
+    const format5 = input.indexOf(`id={\`${compositionId}\``);
+    if (format5 > -1) {
+        return format5;
+    }
+    throw new Error(`Could not find composition ID ${compositionId} in file`);
+};
+const findEndPosition = (input, currentPosition) => {
+    const asConstVersion = input
+        .slice(currentPosition + 1)
+        .search(/as\sconst[ \t\n\r]+\}/);
+    if (asConstVersion !== -1) {
+        const nextEnd = input.indexOf('}', asConstVersion + currentPosition + 1);
+        return nextEnd - 1;
+    }
+    // When updating e.g. `defaultProps={{union: {type: 'car' as const, color: ''}}}`
+    const nextTriple = input.indexOf('}}}', currentPosition + 1);
+    if (nextTriple !== -1) {
+        return nextTriple + 1;
+    }
+    const next = input.indexOf('}}', currentPosition + 1);
+    if (next !== -1) {
+        return next;
+    }
+    throw new Error('Could not find end of defaultProps');
+};
+const findEnder = (input, position, maxPosition, compositionId) => {
+    let currentPosition = position;
+    while (currentPosition < maxPosition) {
+        const next = findEndPosition(input, currentPosition);
+        currentPosition = next;
+        const nextChar = input[next + 1];
+        if (nextChar === ',') {
+            continue;
+        }
+        return [position, currentPosition + 1];
+    }
+    throw new Error(`No \`defaultProps\` prop found in the <Composition/> tag with the ID "${compositionId}".`);
+};
+const findTerminators = (input, position) => {
+    const nextComposition = input.indexOf('<Composition', position);
+    if (nextComposition > -1) {
+        return nextComposition;
+    }
+    const nextStill = input.indexOf('<Still', position);
+    if (nextStill > -1) {
+        return nextStill;
+    }
+    return Infinity;
+};
+const updateDefaultProps = async ({ input, compositionId, newDefaultProps, enumPaths, }) => {
+    const starter = findStarter({ input, compositionId });
+    const START_TOKEN = 'defaultProps={';
+    const start = input.indexOf(START_TOKEN, starter);
+    if (start === -1) {
+        throw new Error(`No \`defaultProps\` prop found in the <Composition/> tag with the ID "${compositionId}".`);
+    }
+    const maxEnd = findTerminators(input, starter);
+    const [startPos, endPos] = findEnder(input, start + START_TOKEN.length, maxEnd, compositionId);
+    // eslint-disable-next-line @typescript-eslint/consistent-type-imports
+    let prettier = null;
+    try {
+        prettier = await Promise.resolve().then(() => __importStar(require('prettier')));
+    }
+    catch (err) {
+        throw new Error('Prettier cannot be found in the current project.');
+    }
+    const { format, resolveConfig, resolveConfigFile } = prettier;
+    const newFile = input.substring(0, startPos) +
+        (0, stringify_with_path_1.stringifyDefaultProps)({ props: newDefaultProps, enumPaths }) +
+        input.substring(endPos);
+    const configFilePath = await resolveConfigFile();
+    if (!configFilePath) {
+        throw new Error('The Prettier config file was not found');
+    }
+    const prettierConfig = await resolveConfig(configFilePath);
+    if (!prettierConfig) {
+        throw new Error(`The Prettier config at ${configFilePath} could not be read`);
+    }
+    const prettified = format(newFile, {
+        ...prettierConfig,
+        rangeStart: startPos,
+        rangeEnd: endPos,
+        filepath: 'test.tsx',
+        plugins: [],
+        endOfLine: 'auto',
+    });
+    return prettified;
+};
+exports.updateDefaultProps = updateDefaultProps;

package/dist/color-math.d.ts

@@ -0,0 +1,2 @@
+import type { ZodTypesType } from './editor/components/get-zod-if-possible';
+export declare const colorWithNewOpacity: (color: string, opacity: number, zodTypes: ZodTypesType) => string;

package/dist/color-math.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colorWithNewOpacity = void 0;
+const colorWithNewOpacity = (color, opacity, zodTypes) => {
+    const { r, g, b } = zodTypes.ZodZypesInternals.parseColor(color);
+    if (opacity >= 255) {
+        return `#${r.toString(16).padStart(2, '0')}${g
+            .toString(16)
+            .padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
+    }
+    return `rgba(${r}, ${g}, ${b}, ${(opacity / 255).toFixed(2)})`;
+};
+exports.colorWithNewOpacity = colorWithNewOpacity;

package/dist/compositions.js

@@ -12,9 +12,14 @@ const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const print_compositions_1 = require("./print-compositions");
 const setup_cache_1 = require("./setup-cache");
-const { enableMultiprocessOnLinuxOption, offthreadVideoCacheSizeInBytesOption, glOption, headlessOption, delayRenderTimeoutInMillisecondsOption, binariesDirectoryOption, } = client_1.BrowserSafeApis.options;
+const { enableMultiprocessOnLinuxOption, offthreadVideoCacheSizeInBytesOption, glOption, headlessOption, delayRenderTimeoutInMillisecondsOption, binariesDirectoryOption, publicPathOption, publicDirOption, } = client_1.BrowserSafeApis.options;
 const listCompositionsCommand = async (remotionRoot, args, logLevel) => {
-    const { file, reason } = (0, entry_point_1.findEntryPoint)(args, remotionRoot, logLevel);
+    const { file, reason } = (0, entry_point_1.findEntryPoint)({
+        args,
+        remotionRoot,
+        logLevel,
+        allowDirectory: true,
+    });
     if (!file) {
         log_1.Log.error({ indent: false, logLevel }, 'The `compositions` command requires you to specify a entry point. For example');
         log_1.Log.error({ indent: false, logLevel }, '  npx remotion compositions src/index.ts');
@@ -22,7 +27,7 @@ const listCompositionsCommand = async (remotionRoot, args, logLevel) => {
         process.exit(1);
     }
     log_1.Log.verbose({ indent: false, logLevel }, 'Entry point:', file, 'reason:', reason);
-    const { browserExecutable, envVariables, inputProps, publicDir, ignoreCertificateErrors, userAgent, disableWebSecurity, } = (0, get_cli_options_1.getCliOptions)({
+    const { browserExecutable, envVariables, inputProps, ignoreCertificateErrors, userAgent, disableWebSecurity, } = (0, get_cli_options_1.getCliOptions)({
         isStill: false,
         logLevel,
     });
@@ -36,6 +41,17 @@ const listCompositionsCommand = async (remotionRoot, args, logLevel) => {
         ignoreCertificateErrors,
         userAgent,
     };
+    const publicPath = publicPathOption.getValue({ commandLine: parse_command_line_1.parsedCli }).value;
+    const timeoutInMilliseconds = delayRenderTimeoutInMillisecondsOption.getValue({
+        commandLine: parse_command_line_1.parsedCli,
+    }).value;
+    const binariesDirectory = binariesDirectoryOption.getValue({
+        commandLine: parse_command_line_1.parsedCli,
+    }).value;
+    const offthreadVideoCacheSizeInBytes = offthreadVideoCacheSizeInBytesOption.getValue({
+        commandLine: parse_command_line_1.parsedCli,
+    }).value;
+    const publicDir = publicDirOption.getValue({ commandLine: parse_command_line_1.parsedCli }).value;
     const { urlOrBundle: bundled, cleanup: cleanupBundle } = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({
         remotionRoot,
         fullPath: file,
@@ -55,6 +71,7 @@ const listCompositionsCommand = async (remotionRoot, args, logLevel) => {
         gitSource: null,
         bufferStateDelayInMilliseconds: null,
         maxTimelineTracks: null,
+        publicPath,
     });
     (0, cleanup_before_quit_1.registerCleanupJob)(() => cleanupBundle());
     const compositions = await renderer_1.RenderInternals.internalGetCompositions({
@@ -67,21 +84,15 @@ const listCompositionsCommand = async (remotionRoot, args, logLevel) => {
             staticBase: null,
             indent: undefined,
         }).serializedString,
-        timeoutInMilliseconds: delayRenderTimeoutInMillisecondsOption.getValue({
-            commandLine: parse_command_line_1.parsedCli,
-        }).value,
+        timeoutInMilliseconds,
         port: (0, preview_server_1.getRendererPortFromConfigFileAndCliFlag)(),
         indent: false,
         onBrowserLog: null,
         puppeteerInstance: undefined,
         logLevel,
         server: undefined,
-        offthreadVideoCacheSizeInBytes: offthreadVideoCacheSizeInBytesOption.getValue({
-            commandLine: parse_command_line_1.parsedCli,
-        }).value,
-        binariesDirectory: binariesDirectoryOption.getValue({
-            commandLine: parse_command_line_1.parsedCli,
-        }).value,
+        offthreadVideoCacheSizeInBytes,
+        binariesDirectory,
     });
     (0, print_compositions_1.printCompositions)(compositions, logLevel);
 };

package/dist/config/bitrate.d.ts

@@ -1,8 +1,2 @@
-export declare const setAudioBitrate: (bitrate: string | null) => void;
-export declare const getAudioBitrate: () => string | null;
-export declare const setVideoBitrate: (bitrate: string | null) => void;
-export declare const getVideoBitrate: () => string | null;
-export declare const setEncodingMaxRate: (bitrate: string | null) => void;
-export declare const getEncodingMaxRate: () => string | null;
 export declare const setEncodingBufferSize: (bitrate: string | null) => void;
 export declare const getEncodingBufferSize: () => string | null;

package/dist/config/bitrate.js

@@ -1,33 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getEncodingBufferSize = exports.setEncodingBufferSize = exports.getEncodingMaxRate = exports.setEncodingMaxRate = exports.getVideoBitrate = exports.setVideoBitrate = exports.getAudioBitrate = exports.setAudioBitrate = void 0;
-let audioBitrate = null;
-const setAudioBitrate = (bitrate) => {
-    audioBitrate = bitrate;
-};
-exports.setAudioBitrate = setAudioBitrate;
-const getAudioBitrate = () => {
-    return audioBitrate;
-};
-exports.getAudioBitrate = getAudioBitrate;
-let videoBitrate = null;
-const setVideoBitrate = (bitrate) => {
-    videoBitrate = bitrate;
-};
-exports.setVideoBitrate = setVideoBitrate;
-const getVideoBitrate = () => {
-    return videoBitrate;
-};
-exports.getVideoBitrate = getVideoBitrate;
-let encodingMaxRate = null;
-const setEncodingMaxRate = (bitrate) => {
-    encodingMaxRate = bitrate;
-};
-exports.setEncodingMaxRate = setEncodingMaxRate;
-const getEncodingMaxRate = () => {
-    return encodingMaxRate;
-};
-exports.getEncodingMaxRate = getEncodingMaxRate;
+exports.getEncodingBufferSize = exports.setEncodingBufferSize = void 0;
 /**
  * encodingBufferSize is not a bitrate, but it is a bitrate-related option and get validated like a bitrate.
  */

package/dist/config/index.d.ts

@@ -289,6 +289,10 @@ declare global {
          * Prefer lossless audio encoding. Default: false
          */
         readonly setPreferLosslessAudio: (lossless: boolean) => void;
+        /**
+         * Prefer lossless audio encoding. Default: false
+         */
+        readonly setPublicPath: (publicPath: string | null) => void;
     }
 }
 type FlatConfig = RemotionConfigObject & RemotionBundlingOptions & {
@@ -363,7 +367,6 @@ export declare const ConfigInternals: {
     getMaxTimelineTracks: () => number;
     defaultOverrideFunction: WebpackOverrideFn;
     getKeyboardShortcutsEnabled: () => boolean;
-    getPublicDir: () => string | null;
     getFfmpegOverrideFunction: () => import("@remotion/renderer").FfmpegOverrideFn;
     getHeight: () => number | null;
     getWidth: () => number | null;

package/dist/config/index.js

@@ -37,12 +37,11 @@ const override_webpack_2 = require("./override-webpack");
 const pixel_format_2 = require("./pixel-format");
 const preview_server_2 = require("./preview-server");
 const prores_profile_2 = require("./prores-profile");
-const public_dir_1 = require("./public-dir");
 const user_agent_1 = require("./user-agent");
 const webpack_caching_2 = require("./webpack-caching");
 const webpack_poll_1 = require("./webpack-poll");
 const width_1 = require("./width");
-const { offthreadVideoCacheSizeInBytesOption, x264Option, audioBitrateOption, videoBitrateOption, scaleOption, crfOption, jpegQualityOption, enforceAudioOption, overwriteOption, mutedOption, videoCodecOption, colorSpaceOption, deleteAfterOption, folderExpiryOption, enableMultiprocessOnLinuxOption, glOption, headlessOption, numberOfGifLoopsOption, beepOnFinishOption, encodingMaxRateOption, encodingBufferSizeOption, reproOption, enableLambdaInsights, logLevelOption, delayRenderTimeoutInMillisecondsOption, binariesDirectoryOption, preferLosslessOption, forSeamlessAacConcatenationOption, audioCodecOption, } = client_1.BrowserSafeApis.options;
+const { offthreadVideoCacheSizeInBytesOption, x264Option, audioBitrateOption, videoBitrateOption, scaleOption, crfOption, jpegQualityOption, enforceAudioOption, overwriteOption, mutedOption, videoCodecOption, colorSpaceOption, deleteAfterOption, folderExpiryOption, enableMultiprocessOnLinuxOption, glOption, headlessOption, numberOfGifLoopsOption, beepOnFinishOption, encodingMaxRateOption, encodingBufferSizeOption, reproOption, enableLambdaInsights, logLevelOption, delayRenderTimeoutInMillisecondsOption, publicDirOption, binariesDirectoryOption, preferLosslessOption, forSeamlessAacConcatenationOption, audioCodecOption, publicPathOption, } = client_1.BrowserSafeApis.options;
 exports.Config = {
     get Bundling() {
         throw new Error('The config format has changed. Change `Config.Bundling.*()` calls to `Config.*()` in your config file.');
@@ -73,7 +72,7 @@ exports.Config = {
     setPort: preview_server_2.setPort,
     setStudioPort: preview_server_2.setStudioPort,
     setRendererPort: preview_server_2.setRendererPort,
-    setPublicDir: public_dir_1.setPublicDir,
+    setPublicDir: publicDirOption.setConfig,
     setEntryPoint: entry_point_1.setEntryPoint,
     setLevel: logLevelOption.setConfig,
     setBrowserExecutable: browser_executable_2.setBrowserExecutable,
@@ -130,6 +129,7 @@ exports.Config = {
     setLambdaInsights: enableLambdaInsights.setConfig,
     setBinariesDirectory: binariesDirectoryOption.setConfig,
     setPreferLosslessAudio: preferLosslessOption.setConfig,
+    setPublicPath: publicPathOption.setConfig,
 };
 exports.ConfigInternals = {
     getRange: frame_range_1.getRange,
@@ -157,7 +157,6 @@ exports.ConfigInternals = {
     getMaxTimelineTracks: studio_server_1.StudioServerInternals.getMaxTimelineTracks,
     defaultOverrideFunction: override_webpack_1.defaultOverrideFunction,
     getKeyboardShortcutsEnabled: keyboard_shortcuts_1.getKeyboardShortcutsEnabled,
-    getPublicDir: public_dir_1.getPublicDir,
     getFfmpegOverrideFunction: ffmpeg_override_1.getFfmpegOverrideFunction,
     getHeight: height_1.getHeight,
     getWidth: width_1.getWidth,

package/dist/config/max-timeline-tracks.d.ts

@@ -0,0 +1,2 @@
+export declare const setMaxTimelineTracks: (maxTracks: number) => void;
+export declare const getMaxTimelineTracks: () => number;

package/dist/config/max-timeline-tracks.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMaxTimelineTracks = exports.setMaxTimelineTracks = void 0;
+const MaxTimelineTracks_1 = require("../editor/components/Timeline/MaxTimelineTracks");
+let maxTimelineTracks = MaxTimelineTracks_1.DEFAULT_TIMELINE_TRACKS;
+const setMaxTimelineTracks = (maxTracks) => {
+    if (typeof maxTracks !== 'number') {
+        throw new Error(`Need to pass a number to Config.setMaxTimelineTracks(), got ${typeof maxTracks}`);
+    }
+    if (Number.isNaN(maxTracks)) {
+        throw new Error(`Need to pass a real number to Config.setMaxTimelineTracks(), got NaN`);
+    }
+    if (!Number.isFinite(maxTracks)) {
+        throw new Error(`Need to pass a real number to Config.setMaxTimelineTracks(), got ${maxTracks}`);
+    }
+    if (maxTracks < 0) {
+        throw new Error(`Need to pass a non-negative number to Config.setMaxTimelineTracks(), got ${maxTracks}`);
+    }
+    maxTimelineTracks = maxTracks;
+};
+exports.setMaxTimelineTracks = setMaxTimelineTracks;
+const getMaxTimelineTracks = () => {
+    return maxTimelineTracks;
+};
+exports.getMaxTimelineTracks = getMaxTimelineTracks;

package/dist/editor/components/AssetSelector.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AssetSelector: React.FC;

package/dist/editor/components/AssetSelector.js

@@ -0,0 +1,102 @@
+"use strict";
+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.AssetSelector = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const remotion_1 = require("remotion");
+const event_source_1 = require("../../event-source");
+const colors_1 = require("../helpers/colors");
+const create_folder_tree_1 = require("../helpers/create-folder-tree");
+const persist_open_folders_1 = require("../helpers/persist-open-folders");
+const folders_1 = require("../state/folders");
+const z_index_1 = require("../state/z-index");
+const AssetSelectorItem_1 = require("./AssetSelectorItem");
+const styles_1 = require("./Menu/styles");
+const container = {
+    display: 'flex',
+    flexDirection: 'column',
+    flex: 1,
+    overflow: 'hidden',
+    backgroundColor: colors_1.BACKGROUND,
+};
+// Some redundancy with packages/cli/src/editor/components/RenderModal/SchemaEditor/SchemaErrorMessages.tsx
+const emptyState = {
+    display: 'flex',
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    textAlign: 'center',
+    padding: '0 12px',
+};
+const label = {
+    color: colors_1.LIGHT_TEXT,
+    lineHeight: 1.5,
+    fontSize: 14,
+};
+const list = {
+    height: '100%',
+    overflowY: 'auto',
+};
+const AssetSelector = () => {
+    const { tabIndex } = (0, z_index_1.useZIndex)();
+    const { assetFoldersExpanded, setAssetFoldersExpanded } = (0, react_1.useContext)(folders_1.FolderContext);
+    const [{ publicFolderExists, staticFiles }, setState] = react_1.default.useState(() => {
+        return {
+            staticFiles: (0, remotion_1.getStaticFiles)(),
+            publicFolderExists: window.remotion_publicFolderExists,
+        };
+    });
+    const assetTree = (0, react_1.useMemo)(() => {
+        return (0, create_folder_tree_1.buildAssetFolderStructure)(staticFiles, null, assetFoldersExpanded);
+    }, [assetFoldersExpanded, staticFiles]);
+    (0, react_1.useEffect)(() => {
+        const onUpdate = () => {
+            setState({
+                staticFiles: (0, remotion_1.getStaticFiles)(),
+                publicFolderExists: window.remotion_publicFolderExists,
+            });
+        };
+        const unsub = (0, event_source_1.subscribeToEvent)('new-public-folder', onUpdate);
+        return () => {
+            unsub();
+        };
+    }, []);
+    const toggleFolder = (0, react_1.useCallback)((folderName, parentName) => {
+        setAssetFoldersExpanded((p) => {
+            var _a;
+            const key = [parentName, folderName].filter(Boolean).join('/');
+            const prev = (_a = p[key]) !== null && _a !== void 0 ? _a : false;
+            const foldersExpandedState = {
+                ...p,
+                [key]: !prev,
+            };
+            (0, persist_open_folders_1.persistExpandedFolders)('assets', foldersExpandedState);
+            return foldersExpandedState;
+        });
+    }, [setAssetFoldersExpanded]);
+    return ((0, jsx_runtime_1.jsx)("div", { style: container, children: staticFiles.length === 0 ? (publicFolderExists ? ((0, jsx_runtime_1.jsx)("div", { style: emptyState, children: (0, jsx_runtime_1.jsxs)("div", { style: label, children: ["To add assets, place a file in the", ' ', (0, jsx_runtime_1.jsx)("code", { style: styles_1.inlineCodeSnippet, children: "public" }), " folder of your project."] }) })) : ((0, jsx_runtime_1.jsx)("div", { style: emptyState, children: (0, jsx_runtime_1.jsxs)("div", { style: label, children: ["To add assets, create a folder called", ' ', (0, jsx_runtime_1.jsx)("code", { style: styles_1.inlineCodeSnippet, children: "public" }), " in the root of your project and place a file in it."] }) }))) : ((0, jsx_runtime_1.jsx)("div", { className: "__remotion-vertical-scrollbar", style: list, children: (0, jsx_runtime_1.jsx)(AssetSelectorItem_1.AssetFolderTree, { item: assetTree, level: 0, parentFolder: null, name: null, tabIndex: tabIndex, toggleFolder: toggleFolder }) })) }));
+};
+exports.AssetSelector = AssetSelector;

package/dist/editor/components/AssetSelectorItem.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { type StaticFile } from 'remotion';
+import type { AssetFolder, AssetStructure } from '../helpers/create-folder-tree';
+export declare const AssetFolderItem: React.FC<{
+    item: AssetFolder;
+    tabIndex: number;
+    level: number;
+    parentFolder: string;
+    toggleFolder: (folderName: string, parentName: string | null) => void;
+}>;
+export declare const AssetFolderTree: React.FC<{
+    item: AssetStructure;
+    name: string | null;
+    parentFolder: string | null;
+    level: number;
+    tabIndex: number;
+    toggleFolder: (folderName: string, parentName: string | null) => void;
+}>;
+export declare const AssetSelectorItem: React.FC<{
+    item: StaticFile | AssetFolder;
+    tabIndex: number;
+    level: number;
+    parentFolder: string;
+}>;