@remotion/cli 4.0.0-alpha.185 → 4.0.0-alpha.217

package/dist/preview-server/public-folder.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFiles = exports.watchPublicFolder = exports.fetchFolder = exports.initPublicFolderWatch = void 0;
+exports.getFiles = exports.fetchFolder = exports.initPublicFolderWatch = void 0;
 const bundler_1 = require("@remotion/bundler");
 const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
@@ -11,7 +11,7 @@ const env_supports_fs_recursive_1 = require("./env-supports-fs-recursive");
 let files = [];
 const initPublicFolderWatch = ({ publicDir, onUpdate, staticHash, }) => {
     (0, exports.fetchFolder)({ publicDir, staticHash });
-    (0, exports.watchPublicFolder)({ publicDir, onUpdate, staticHash });
+    watchPublicFolder({ publicDir, onUpdate, staticHash });
 };
 exports.initPublicFolderWatch = initPublicFolderWatch;
 const fetchFolder = ({ publicDir, staticHash, }) => {
@@ -33,7 +33,7 @@ const watchPublicFolder = ({ publicDir, onUpdate, staticHash, }) => {
         const parentDir = path_1.default.dirname(publicDir);
         const onDirChange = () => {
             if ((0, fs_1.existsSync)(publicDir)) {
-                (0, exports.watchPublicFolder)({
+                watchPublicFolder({
                     publicDir,
                     onUpdate,
                     staticHash,
@@ -49,7 +49,6 @@ const watchPublicFolder = ({ publicDir, onUpdate, staticHash, }) => {
         onUpdate();
     });
 };
-exports.watchPublicFolder = watchPublicFolder;
 const getFiles = () => {
     return files;
 };

package/dist/preview-server/render-queue/job.d.ts

@@ -1,7 +1,7 @@
 import type { AudioCodec, Codec, makeCancelSignal, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
 import type { AggregateRenderProgress } from '../../progress-types';
 import type { RequiredChromiumOptions } from '../../required-chromium-options';
-export declare type BaseRenderProgress = {
+declare type BaseRenderProgress = {
     message: string;
     value: number;
 };

package/dist/preview-server/render-queue/make-retry-payload.js

@@ -44,6 +44,7 @@ const makeRetryPayload = (job) => {
             initialOpenGlRenderer: job.chromiumOptions.gl,
             initialHeadless: job.chromiumOptions.headless,
             initialIgnoreCertificateErrors: job.chromiumOptions.ignoreCertificateErrors,
+            defaultProps: job.inputProps,
         };
     }
     if (job.type === 'video') {
@@ -82,6 +83,7 @@ const makeRetryPayload = (job) => {
             initialOpenGlRenderer: job.chromiumOptions.gl,
             initialHeadless: job.chromiumOptions.headless,
             initialIgnoreCertificateErrors: job.chromiumOptions.ignoreCertificateErrors,
+            defaultProps: job.inputProps,
         };
     }
     throw new Error(`Job ${JSON.stringify(job)} Not implemented`);

package/dist/preview-server/render-queue/queue.d.ts

@@ -1,13 +1,5 @@
-import type { JobProgressCallback, RenderJob, RenderJobWithCleanup } from './job';
+import type { RenderJob, RenderJobWithCleanup } from './job';
 export declare const getRenderQueue: () => RenderJob[];
-export declare const notifyClientsOfJobUpdate: () => void;
-export declare const processJob: ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }: {
-    job: RenderJob;
-    remotionRoot: string;
-    entryPoint: string;
-    onProgress: JobProgressCallback;
-    addCleanupCallback: (cb: () => void) => void;
-}) => Promise<void>;
 export declare const addJob: ({ job, entryPoint, remotionRoot, }: {
     job: RenderJobWithCleanup;
     entryPoint: string;
@@ -15,7 +7,3 @@ export declare const addJob: ({ job, entryPoint, remotionRoot, }: {
 }) => void;
 export declare const removeJob: (jobId: string) => void;
 export declare const cancelJob: (jobId: string) => void;
-export declare const processJobIfPossible: ({ remotionRoot, entryPoint, }: {
-    remotionRoot: string;
-    entryPoint: string;
-}) => Promise<void>;

package/dist/preview-server/render-queue/queue.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.processJobIfPossible = exports.cancelJob = exports.removeJob = exports.addJob = exports.processJob = exports.notifyClientsOfJobUpdate = exports.getRenderQueue = void 0;
+exports.cancelJob = exports.removeJob = exports.addJob = exports.getRenderQueue = void 0;
 const path_1 = __importDefault(require("path"));
 const chalk_1 = require("../../chalk");
 const file_watcher_1 = require("../../file-watcher");
@@ -21,7 +21,7 @@ const updateJob = (id, updater) => {
         }
         return j;
     });
-    (0, exports.notifyClientsOfJobUpdate)();
+    notifyClientsOfJobUpdate();
 };
 const getRenderQueue = () => {
     return jobQueue.map((j) => {
@@ -38,7 +38,6 @@ const notifyClientsOfJobUpdate = () => {
         });
     });
 };
-exports.notifyClientsOfJobUpdate = notifyClientsOfJobUpdate;
 const processJob = async ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }) => {
     if (job.type === 'still') {
         await (0, process_still_1.processStill)({
@@ -62,11 +61,10 @@ const processJob = async ({ job, remotionRoot, entryPoint, onProgress, addCleanu
     }
     throw new Error(`Unknown job ${JSON.stringify(job)}`);
 };
-exports.processJob = processJob;
 const addJob = ({ job, entryPoint, remotionRoot, }) => {
     jobQueue.push(job);
-    (0, exports.processJobIfPossible)({ entryPoint, remotionRoot });
-    (0, exports.notifyClientsOfJobUpdate)();
+    processJobIfPossible({ entryPoint, remotionRoot });
+    notifyClientsOfJobUpdate();
 };
 exports.addJob = addJob;
 const removeJob = (jobId) => {
@@ -79,7 +77,7 @@ const removeJob = (jobId) => {
         }
         return true;
     });
-    (0, exports.notifyClientsOfJobUpdate)();
+    notifyClientsOfJobUpdate();
 };
 exports.removeJob = removeJob;
 const cancelJob = (jobId) => {
@@ -96,6 +94,12 @@ const cancelJob = (jobId) => {
 exports.cancelJob = cancelJob;
 // TODO: Currently, concurrency = 1 is not enforced
 const processJobIfPossible = async ({ remotionRoot, entryPoint, }) => {
+    const runningJob = jobQueue.find((q) => {
+        return q.status === 'running';
+    });
+    if (runningJob) {
+        return;
+    }
     const nextJob = jobQueue.find((q) => {
         return q.status === 'idle';
     });
@@ -118,7 +122,7 @@ const processJobIfPossible = async ({ remotionRoot, entryPoint, }) => {
         const startTime = Date.now();
         log_1.Log.info(chalk_1.chalk.gray('╭─ Starting render '));
         let lastProgress = null;
-        await (0, exports.processJob)({
+        await processJob({
             job: nextJob,
             entryPoint,
             remotionRoot,
@@ -204,5 +208,5 @@ const processJobIfPossible = async ({ remotionRoot, entryPoint, }) => {
     finally {
         await Promise.all(jobCleanups.map((c) => c()));
     }
+    processJobIfPossible({ remotionRoot, entryPoint });
 };
-exports.processJobIfPossible = processJobIfPossible;

package/dist/progress-bar.d.ts

@@ -1,8 +1,5 @@
 import type { CancelSignal } from '@remotion/renderer';
-import type { AggregateRenderProgress, RenderingProgressInput, StitchingProgressInput } from './progress-types';
-export declare const createProgressBar: (quiet: boolean, cancelSignal: CancelSignal | null) => {
-    update: (str: string) => boolean;
-};
+import type { AggregateRenderProgress } from './progress-types';
 export declare type OverwriteableCliOutput = {
     update: (up: string) => boolean;
 };
@@ -26,13 +23,6 @@ export declare const makeBundlingAndCopyProgress: ({ bundling, copying, symLinks
     copying: CopyingState;
     symLinks: SymbolicLinksState;
 }, indent: boolean, bundlingStep: number, steps: number) => string;
-export declare const makeRenderingProgress: ({ frames, totalFrames, steps, concurrency, doneIn }: RenderingProgressInput, indent: boolean) => string;
-export declare const makeStitchingProgress: ({ stitchingProgress, indent, steps, stitchingStep, }: {
-    stitchingProgress: StitchingProgressInput;
-    indent: boolean;
-    steps: number;
-    stitchingStep: number;
-}) => string;
 export declare const makeRenderingAndStitchingProgress: ({ prog, indent, steps, stitchingStep, }: {
     prog: AggregateRenderProgress;
     indent: boolean;
@@ -43,4 +33,3 @@ export declare const makeRenderingAndStitchingProgress: ({ prog, indent, steps,
     progress: number;
     message: string;
 };
-export declare const getGuiProgressSubtitle: (progress: AggregateRenderProgress) => string;

package/dist/progress-bar.js

@@ -1,21 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getGuiProgressSubtitle = exports.makeRenderingAndStitchingProgress = exports.makeStitchingProgress = exports.makeRenderingProgress = exports.makeBundlingAndCopyProgress = exports.createOverwriteableCliOutput = exports.createProgressBar = void 0;
+exports.makeRenderingAndStitchingProgress = exports.makeBundlingAndCopyProgress = exports.createOverwriteableCliOutput = void 0;
 const renderer_1 = require("@remotion/renderer");
 const ansi_diff_1 = require("./ansi/ansi-diff");
 const chalk_1 = require("./chalk");
-const config_1 = require("./config");
 const download_progress_1 = require("./download-progress");
 const log_1 = require("./log");
 const make_progress_bar_1 = require("./make-progress-bar");
 const truthy_1 = require("./truthy");
-const createProgressBar = (quiet, cancelSignal) => {
-    if (!renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'info')) {
-        return { update: () => false };
-    }
-    return (0, exports.createOverwriteableCliOutput)({ quiet, cancelSignal });
-};
-exports.createProgressBar = createProgressBar;
 const createOverwriteableCliOutput = (options) => {
     var _a;
     if (options.quiet) {
@@ -114,7 +106,6 @@ const makeRenderingProgress = ({ frames, totalFrames, steps, concurrency, doneIn
         .filter(truthy_1.truthy)
         .join(' ');
 };
-exports.makeRenderingProgress = makeRenderingProgress;
 const makeStitchingProgress = ({ stitchingProgress, indent, steps, stitchingStep, }) => {
     const { frames, totalFrames, doneIn, stage, codec } = stitchingProgress;
     const progress = frames / totalFrames;
@@ -135,15 +126,14 @@ const makeStitchingProgress = ({ stitchingProgress, indent, steps, stitchingStep
         .filter(truthy_1.truthy)
         .join(' ');
 };
-exports.makeStitchingProgress = makeStitchingProgress;
 const makeRenderingAndStitchingProgress = ({ prog, indent, steps, stitchingStep, }) => {
     const { rendering, stitching, downloads, bundling } = prog;
     const output = [
-        rendering ? (0, exports.makeRenderingProgress)(rendering, indent) : null,
+        rendering ? makeRenderingProgress(rendering, indent) : null,
         (0, download_progress_1.makeMultiDownloadProgress)(downloads, indent),
         stitching === null
             ? null
-            : (0, exports.makeStitchingProgress)({
+            : makeStitchingProgress({
                 stitchingProgress: stitching,
                 indent,
                 steps,
@@ -159,7 +149,7 @@ const makeRenderingAndStitchingProgress = ({ prog, indent, steps, stitchingStep,
         ? stitching.frames / stitching.totalFrames
         : 0;
     const progress = bundling.progress * 0.3 + renderProgress * 0.6 + stitchingProgress * 0.1;
-    return { output, progress, message: (0, exports.getGuiProgressSubtitle)(prog) };
+    return { output, progress, message: getGuiProgressSubtitle(prog) };
 };
 exports.makeRenderingAndStitchingProgress = makeRenderingAndStitchingProgress;
 const getGuiProgressSubtitle = (progress) => {
@@ -187,4 +177,3 @@ const getGuiProgressSubtitle = (progress) => {
     }
     return `Stitching ${progress.stitching.frames}/${progress.stitching.totalFrames}`;
 };
-exports.getGuiProgressSubtitle = getGuiProgressSubtitle;

package/dist/render-flows/render.js

@@ -84,6 +84,9 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         logLevel,
         bundlingStep: steps.indexOf('bundling'),
         steps: steps.length,
+        onDirectoryCreated: (dir) => {
+            addCleanupCallback(() => renderer_1.RenderInternals.deleteDirectory(dir));
+        },
     });
     addCleanupCallback(() => cleanupBundle());
     const onDownload = (src) => {

package/dist/render-flows/still.js

@@ -9,6 +9,7 @@ const renderer_1 = require("@remotion/renderer");
 const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
 const chalk_1 = require("../chalk");
+const cleanup_before_quit_1 = require("../cleanup-before-quit");
 const config_1 = require("../config");
 const determine_image_format_1 = require("../determine-image-format");
 const get_cli_options_1 = require("../get-cli-options");
@@ -63,6 +64,11 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         indentOutput,
         logLevel,
         bundlingStep: steps.indexOf('bundling'),
+        onDirectoryCreated: (dir) => {
+            (0, cleanup_before_quit_1.registerCleanupJob)(() => {
+                renderer_1.RenderInternals.deleteDirectory(dir);
+            });
+        },
     });
     addCleanupCallback(() => cleanupBundle());
     const puppeteerInstance = await browserInstance;

package/dist/select-composition.d.ts

@@ -1,7 +1,8 @@
 import type { getCompositions } from '@remotion/renderer';
-export declare type Await<T> = T extends PromiseLike<infer U> ? U : T;
+declare type Await<T> = T extends PromiseLike<infer U> ? U : T;
 export declare const selectComposition: (validCompositions: Await<ReturnType<typeof getCompositions>>) => Promise<{
     compositionId: string;
     reason: string;
 }>;
 export declare const selectCompositions: (validCompositions: Await<ReturnType<typeof getCompositions>>) => Promise<string[]>;
+export {};

package/dist/setup-cache.d.ts

@@ -1,6 +1,6 @@
 import type { LogLevel } from '@remotion/renderer';
 import type { BundlingState, CopyingState } from './progress-bar';
-export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, bundlingStep, steps, }: {
+export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, bundlingStep, steps, onDirectoryCreated, }: {
     fullPath: string;
     remotionRoot: string;
     publicDir: string | null;
@@ -12,20 +12,8 @@ export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, publi
     logLevel: LogLevel;
     bundlingStep: number;
     steps: number;
+    onDirectoryCreated: (path: string) => void;
 }) => Promise<{
     urlOrBundle: string;
     cleanup: () => void;
 }>;
-export declare const bundleOnCli: ({ fullPath, remotionRoot, publicDir, onProgressCallback, indent, logLevel, bundlingStep, steps, }: {
-    fullPath: string;
-    remotionRoot: string;
-    publicDir: string | null;
-    onProgressCallback: (params: {
-        bundling: BundlingState;
-        copying: CopyingState;
-    }) => void;
-    indent: boolean;
-    logLevel: LogLevel;
-    bundlingStep: number;
-    steps: number;
-}) => Promise<string>;

package/dist/setup-cache.js

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.bundleOnCli = exports.bundleOnCliOrTakeServeUrl = void 0;
+exports.bundleOnCliOrTakeServeUrl = void 0;
 const bundler_1 = require("@remotion/bundler");
 const renderer_1 = require("@remotion/renderer");
 const config_1 = require("./config");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const progress_bar_1 = require("./progress-bar");
-const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, bundlingStep, steps, }) => {
+const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, bundlingStep, steps, onDirectoryCreated, }) => {
     if (renderer_1.RenderInternals.isServeUrl(fullPath)) {
         return {
             urlOrBundle: fullPath,
             cleanup: () => Promise.resolve(undefined),
         };
     }
-    const bundled = await (0, exports.bundleOnCli)({
+    const bundled = await bundleOnCli({
         fullPath,
         remotionRoot,
         publicDir,
@@ -23,6 +23,7 @@ const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, on
         logLevel,
         bundlingStep,
         steps,
+        onDirectoryCreated,
     });
     return {
         urlOrBundle: bundled,
@@ -30,7 +31,7 @@ const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, on
     };
 };
 exports.bundleOnCliOrTakeServeUrl = bundleOnCliOrTakeServeUrl;
-const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallback, indent, logLevel, bundlingStep, steps, }) => {
+const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallback, indent, logLevel, bundlingStep, steps, onDirectoryCreated, }) => {
     var _a;
     const shouldCache = config_1.ConfigInternals.getWebpackCaching();
     const symlinkState = {
@@ -115,6 +116,7 @@ const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallba
             };
             updateProgress(false);
         },
+        onDirectoryCreated,
         ...options,
     });
     bundlingState = {
@@ -136,4 +138,3 @@ const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallba
     }
     return bundled;
 };
-exports.bundleOnCli = bundleOnCli;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/cli",
-	"version": "4.0.0-alpha.185+1b8f0e746",
+	"version": "4.0.0-alpha.217+27eff7599",
 	"description": "CLI for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -34,16 +34,16 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "4.0.0-alpha.185+1b8f0e746",
-		"@remotion/media-utils": "4.0.0-alpha.185+1b8f0e746",
-		"@remotion/player": "4.0.0-alpha.185+1b8f0e746",
-		"@remotion/renderer": "4.0.0-alpha.185+1b8f0e746",
+		"@remotion/bundler": "4.0.0-alpha.217+27eff7599",
+		"@remotion/media-utils": "4.0.0-alpha.217+27eff7599",
+		"@remotion/player": "4.0.0-alpha.217+27eff7599",
+		"@remotion/renderer": "4.0.0-alpha.217+27eff7599",
 		"dotenv": "9.0.2",
 		"memfs": "3.4.3",
 		"minimist": "1.2.6",
 		"open": "^8.4.2",
 		"prompts": "2.4.1",
-		"remotion": "4.0.0-alpha.185+1b8f0e746",
+		"remotion": "4.0.0-alpha.217+27eff7599",
 		"semver": "7.3.5",
 		"source-map": "0.6.1"
 	},
@@ -53,6 +53,7 @@
 	},
 	"devDependencies": {
 		"@jonny/eslint-config": "3.0.266",
+		"@remotion/z-color": "4.0.0-alpha.217+27eff7599",
 		"@types/minimist": "^1.2.2",
 		"@types/node": "^16.7.5",
 		"@types/prettier": "^2.7.2",
@@ -71,7 +72,8 @@
 		"react": "^18.0.0",
 		"react-dom": "^18.0.0",
 		"typescript": "^4.7.0",
-		"vitest": "0.24.3"
+		"vitest": "0.24.3",
+		"zod": "^3.21.4"
 	},
 	"keywords": [
 		"remotion",
@@ -83,5 +85,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "1b8f0e746ea4aa1153c4ecc7bc1063752c405f25"
+	"gitHead": "27eff759935b19b666e29f4f46dd5bdd6214e188"
 }

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

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const CollapsedSidebarExpander: React.FC<{
-    onExpand: () => void;
-    direction: 'left' | 'right';
-}>;

package/dist/editor/components/CollapsedSidebarExpander.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapsedSidebarExpander = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const caret_1 = require("../icons/caret");
-const z_index_1 = require("../state/z-index");
-const CollapsedSidebarExpander = ({ onExpand, direction }) => {
-    const [hovered, setHovered] = (0, react_1.useState)(false);
-    const { tabIndex } = (0, z_index_1.useZIndex)();
-    const onPointerEnter = (0, react_1.useCallback)(() => {
-        setHovered(true);
-    }, []);
-    const onPointerLeave = (0, react_1.useCallback)(() => {
-        setHovered(false);
-    }, []);
-    const style = (0, react_1.useMemo)(() => {
-        return {
-            border: 'none',
-            borderRight: `${direction === 'right' ? 1 : 0}px solid black`,
-            borderLeft: `${direction === 'left' ? 1 : 0}px solid black`,
-            cursor: 'pointer',
-            color: 'white',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            paddingLeft: direction === 'right' ? 7 : 5,
-            paddingRight: direction === 'right' ? 4 : 5,
-            backgroundColor: (0, colors_1.getBackgroundFromHoverState)({
-                hovered,
-                selected: false,
-            }),
-            appearance: 'none',
-            WebkitAppearance: 'none',
-        };
-    }, [direction, hovered]);
-    return ((0, jsx_runtime_1.jsx)("button", { style: style, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, type: "button", role: "button", tabIndex: tabIndex, onClick: onExpand, children: direction === 'right' ? (0, jsx_runtime_1.jsx)(caret_1.CaretRight, {}) : (0, jsx_runtime_1.jsx)(caret_1.CaretLeft, {}) }));
-};
-exports.CollapsedSidebarExpander = CollapsedSidebarExpander;

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

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const leftSidebarTabs: React.RefObject<{
-    selectRendersPanel: () => void;
-}>;
-export declare const SidebarContent: React.FC;

package/dist/editor/components/SidebarContent.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarContent = exports.leftSidebarTabs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const CompositionSelector_1 = require("./CompositionSelector");
-const CurrentCompositionSideEffects_1 = require("./CurrentCompositionSideEffects");
-const RenderQueue_1 = require("./RenderQueue");
-const context_1 = require("./RenderQueue/context");
-const RendersTab_1 = require("./RendersTab");
-const Tabs_1 = require("./Tabs");
-const container = {
-    width: '100%',
-};
-const tabsContainer = {
-    borderBottom: `1px solid ${colors_1.BORDER_COLOR}`,
-};
-exports.leftSidebarTabs = (0, react_1.createRef)();
-const localStorageKey = 'remotion.sidebarPanel';
-const persistSelectedPanel = (panel) => {
-    localStorage.setItem(localStorageKey, panel);
-};
-const getSelectedPanel = (shouldRender) => {
-    const panel = localStorage.getItem(localStorageKey);
-    if (panel === 'renders' && shouldRender) {
-        return 'renders';
-    }
-    return 'compositions';
-};
-const SidebarContent = () => {
-    const shouldRender = (0, context_1.useShouldRenderLeftSidebarTabs)();
-    const [panel, setPanel] = (0, react_1.useState)(() => getSelectedPanel(shouldRender));
-    const onCompositionsSelected = (0, react_1.useCallback)(() => {
-        setPanel('compositions');
-        persistSelectedPanel('compositions');
-    }, []);
-    const onRendersSelected = (0, react_1.useCallback)(() => {
-        setPanel('renders');
-        persistSelectedPanel('renders');
-    }, []);
-    (0, react_1.useImperativeHandle)(exports.leftSidebarTabs, () => {
-        return {
-            selectRendersPanel: () => {
-                setPanel('renders');
-                persistSelectedPanel('renders');
-            },
-        };
-    }, []);
-    // TODO: It is not perfectly aligned in example
-    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [shouldRender ? ((0, jsx_runtime_1.jsx)("div", { style: tabsContainer, children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tab, { selected: panel === 'compositions', onClick: onCompositionsSelected, children: "Compositions" }), (0, jsx_runtime_1.jsx)(RendersTab_1.RendersTab, { onClick: onRendersSelected, selected: panel === 'renders' })] }) })) : null, panel === 'renders' && shouldRender ? ((0, jsx_runtime_1.jsx)(RenderQueue_1.RenderQueue, {})) : ((0, jsx_runtime_1.jsx)(CompositionSelector_1.CompositionSelector, {})), (0, jsx_runtime_1.jsx)(CurrentCompositionSideEffects_1.CurrentCompositionKeybindings, {}), (0, jsx_runtime_1.jsx)(CurrentCompositionSideEffects_1.TitleUpdater, {})] }));
-};
-exports.SidebarContent = SidebarContent;

package/dist/editor/icons/save.d.ts

@@ -1,2 +0,0 @@
-import type { SVGProps } from 'react';
-export declare const Save: (props: SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/editor/icons/save.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Save = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Save = (props) => {
-    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 448 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentcolor", d: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V173.3c0-17-6.7-33.3-18.7-45.3L352 50.7C340 38.7 323.7 32 306.7 32H64zm0 96c0-17.7 14.3-32 32-32H288c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V128zM224 288a64 64 0 1 1 0 128 64 64 0 1 1 0-128z" }) }));
-};
-exports.Save = Save;