@remotion/cli 4.0.0-alpha11 → 4.0.0-alpha13

package/dist/editor/components/Timeline/TimelineSlider.js

@@ -8,6 +8,7 @@ const get_left_of_timeline_slider_1 = require("../../helpers/get-left-of-timelin
 const imperative_state_1 = require("./imperative-state");
 const timeline_refs_1 = require("./timeline-refs");
 const TimelineSliderHandle_1 = require("./TimelineSliderHandle");
+const TimelineWidthProvider_1 = require("./TimelineWidthProvider");
 const container = {
     position: 'absolute',
     bottom: 0,
@@ -22,16 +23,29 @@ const line = {
 };
 exports.redrawTimelineSliderFast = (0, react_1.createRef)();
 const TimelineSlider = () => {
+    const videoConfig = remotion_1.Internals.useUnsafeVideoConfig();
+    const timelineWidth = (0, react_1.useContext)(TimelineWidthProvider_1.TimelineWidthContext);
+    if (videoConfig === null || timelineWidth === null) {
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)(Inner, {});
+};
+exports.TimelineSlider = TimelineSlider;
+const Inner = () => {
+    const videoConfig = (0, remotion_1.useVideoConfig)();
     const timelinePosition = remotion_1.Internals.Timeline.useTimelinePosition();
-    const { get } = (0, get_left_of_timeline_slider_1.useGetXPositionOfItemInTimeline)();
     const ref = (0, react_1.useRef)(null);
+    const timelineWidth = (0, react_1.useContext)(TimelineWidthProvider_1.TimelineWidthContext);
+    if (timelineWidth === null) {
+        throw new Error('Unexpectedly did not have timeline width');
+    }
     const style = (0, react_1.useMemo)(() => {
-        const left = get(timelinePosition);
+        const left = (0, get_left_of_timeline_slider_1.getXPositionOfItemInTimelineImperatively)(timelinePosition, videoConfig.durationInFrames, timelineWidth);
         return {
             ...container,
             transform: `translateX(${left}px)`,
         };
-    }, [timelinePosition, get]);
+    }, [timelinePosition, videoConfig.durationInFrames, timelineWidth]);
     (0, react_1.useImperativeHandle)(exports.redrawTimelineSliderFast, () => {
         return {
             draw: (frame, width) => {
@@ -63,4 +77,3 @@ const TimelineSlider = () => {
     }, []);
     return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, style: style, children: [(0, jsx_runtime_1.jsx)("div", { style: line }), (0, jsx_runtime_1.jsx)(TimelineSliderHandle_1.TimelineSliderHandle, {})] }));
 };
-exports.TimelineSlider = TimelineSlider;

package/dist/editor/components/Timeline/TimelineTimeIndicators.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimelineTimeIndicators = exports.TimelineTimePadding = exports.TimelineTimePlaceholders = exports.TIMELINE_TIME_INDICATOR_HEIGHT = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const player_1 = require("@remotion/player");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
 const colors_1 = require("../../helpers/colors");
@@ -12,6 +11,7 @@ const TimeValue_1 = require("../TimeValue");
 const timeline_refs_1 = require("./timeline-refs");
 const timeline_scroll_logic_1 = require("./timeline-scroll-logic");
 const TimelineListItem_1 = require("./TimelineListItem");
+const TimelineWidthProvider_1 = require("./TimelineWidthProvider");
 exports.TIMELINE_TIME_INDICATOR_HEIGHT = 30;
 const container = {
     height: exports.TIMELINE_TIME_INDICATOR_HEIGHT - 4,
@@ -77,13 +77,18 @@ const TimelineTimePadding = () => {
 };
 exports.TimelineTimePadding = TimelineTimePadding;
 const TimelineTimeIndicators = () => {
-    var _a;
-    const size = player_1.PlayerInternals.useElementSize(timeline_refs_1.sliderAreaRef, {
-        triggerOnWindowResize: false,
-        shouldApplyCssTransforms: true,
-    });
+    const sliderTrack = (0, react_1.useContext)(TimelineWidthProvider_1.TimelineWidthContext);
     const video = remotion_1.Internals.useVideo();
-    const windowWidth = (_a = size === null || size === void 0 ? void 0 : size.width) !== null && _a !== void 0 ? _a : 0;
+    if (sliderTrack === null) {
+        return null;
+    }
+    if (video === null) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(Inner, { durationInFrames: video.durationInFrames, fps: video.fps, windowWidth: sliderTrack }));
+};
+exports.TimelineTimeIndicators = TimelineTimeIndicators;
+const Inner = ({ windowWidth, durationInFrames, fps }) => {
     const ref = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         const currentRef = ref.current;
@@ -110,29 +115,26 @@ const TimelineTimeIndicators = () => {
         };
     }, [windowWidth]);
     const ticks = (0, react_1.useMemo)(() => {
-        if (!video) {
-            return [];
-        }
-        const frameInterval = (0, timeline_scroll_logic_1.getFrameIncrementFromWidth)(video.durationInFrames, windowWidth);
+        const frameInterval = (0, timeline_scroll_logic_1.getFrameIncrementFromWidth)(durationInFrames, windowWidth);
         const MIN_SPACING_BETWEEN_TICKS_PX = 5;
-        const seconds = Math.floor(video.durationInFrames / video.fps);
-        const secondMarkerEveryNth = Math.ceil((MIN_SPACING_BETWEEN_TICKS_PX * video.fps) / (frameInterval * video.fps));
+        const seconds = Math.floor(durationInFrames / fps);
+        const secondMarkerEveryNth = Math.ceil((MIN_SPACING_BETWEEN_TICKS_PX * fps) / (frameInterval * fps));
         const frameMarkerEveryNth = Math.ceil(MIN_SPACING_BETWEEN_TICKS_PX / frameInterval);
         // Big ticks showing for every second
         const secondTicks = new Array(seconds)
             .fill(true)
             .map((_, index) => {
             return {
-                frame: index * video.fps,
+                frame: index * fps,
                 style: {
                     ...secondTick,
-                    left: frameInterval * index * video.fps + timeline_layout_1.TIMELINE_PADDING,
+                    left: frameInterval * index * fps + timeline_layout_1.TIMELINE_PADDING,
                 },
                 showTime: index > 0,
             };
         })
             .filter((_, idx) => idx % secondMarkerEveryNth === 0);
-        const frameTicks = new Array(video.durationInFrames)
+        const frameTicks = new Array(durationInFrames)
             .fill(true)
             .map((_, index) => {
             return {
@@ -140,7 +142,7 @@ const TimelineTimeIndicators = () => {
                 style: {
                     ...tick,
                     left: frameInterval * index + timeline_layout_1.TIMELINE_PADDING,
-                    height: index % video.fps === 0
+                    height: index % fps === 0
                         ? 10
                         : (index / frameMarkerEveryNth) % 2 === 0
                             ? 5
@@ -157,12 +159,8 @@ const TimelineTimeIndicators = () => {
             hasTicks.push(t.frame);
             return !alreadyUsed;
         });
-    }, [video, windowWidth]);
-    if (!video) {
-        return null;
-    }
+    }, [durationInFrames, fps, windowWidth]);
     return ((0, jsx_runtime_1.jsx)("div", { ref: ref, style: style, children: ticks.map((t) => {
-            return ((0, jsx_runtime_1.jsx)("div", { style: t.style, children: t.showTime ? ((0, jsx_runtime_1.jsx)("div", { style: tickLabel, children: (0, render_frame_1.renderFrame)(t.frame, video.fps) })) : null }, t.frame));
+            return ((0, jsx_runtime_1.jsx)("div", { style: t.style, children: t.showTime ? ((0, jsx_runtime_1.jsx)("div", { style: tickLabel, children: (0, render_frame_1.renderFrame)(t.frame, fps) })) : null }, t.frame));
         }) }));
 };
-exports.TimelineTimeIndicators = TimelineTimeIndicators;

package/dist/editor/components/Timeline/TimelineTracks.d.ts

@@ -3,7 +3,6 @@ import type { TrackWithHash } from '../../helpers/get-timeline-sequence-sort-key
 import type { TimelineViewState } from './timeline-state-reducer';
 export declare const TimelineTracks: React.FC<{
     timeline: TrackWithHash[];
-    fps: number;
     viewState: TimelineViewState;
     hasBeenCut: boolean;
 }>;

package/dist/editor/components/Timeline/TimelineTracks.js

@@ -15,7 +15,7 @@ const content = {
 const timelineContent = {
     minHeight: '100%',
 };
-const TimelineTracks = ({ timeline, fps, viewState, hasBeenCut }) => {
+const TimelineTracks = ({ timeline, viewState, hasBeenCut }) => {
     const inner = (0, react_1.useMemo)(() => {
         return {
             height: timeline_layout_1.TIMELINE_LAYER_HEIGHT + timeline_layout_1.TIMELINE_BORDER * 2,
@@ -31,7 +31,7 @@ const TimelineTracks = ({ timeline, fps, viewState, hasBeenCut }) => {
                         if ((0, is_collapsed_1.isTrackHidden)(track, timeline, viewState)) {
                             return null;
                         }
-                        return ((0, jsx_runtime_1.jsx)("div", { style: inner, children: (0, jsx_runtime_1.jsx)(TimelineSequence_1.TimelineSequence, { fps: fps, s: track.sequence }) }, track.sequence.id));
+                        return ((0, jsx_runtime_1.jsx)("div", { style: inner, children: (0, jsx_runtime_1.jsx)(TimelineSequence_1.TimelineSequence, { s: track.sequence }) }, track.sequence.id));
                     }), (0, jsx_runtime_1.jsx)(TimelineTimeIndicators_1.TimelineTimeIndicators, {})] }), hasBeenCut ? (0, jsx_runtime_1.jsx)(MaxTimelineTracks_1.MaxTimelineTracksReached, {}) : null] }));
 };
 exports.TimelineTracks = TimelineTracks;

package/dist/editor/components/Timeline/TimelineWidthProvider.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type TimelineWidthContextType = number | null;
+export declare const TimelineWidthContext: import("react").Context<TimelineWidthContextType>;
+export declare const TimelineWidthProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export {};

package/dist/editor/components/Timeline/TimelineWidthProvider.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimelineWidthProvider = exports.TimelineWidthContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const player_1 = require("@remotion/player");
+const react_1 = require("react");
+const timeline_refs_1 = require("./timeline-refs");
+exports.TimelineWidthContext = (0, react_1.createContext)(null);
+const TimelineWidthProvider = ({ children }) => {
+    var _a;
+    const size = player_1.PlayerInternals.useElementSize(timeline_refs_1.sliderAreaRef, {
+        triggerOnWindowResize: false,
+        shouldApplyCssTransforms: true,
+    });
+    return ((0, jsx_runtime_1.jsx)(exports.TimelineWidthContext.Provider, { value: (_a = size === null || size === void 0 ? void 0 : size.width) !== null && _a !== void 0 ? _a : null, children: children }));
+};
+exports.TimelineWidthProvider = TimelineWidthProvider;

package/dist/editor/helpers/get-left-of-timeline-slider.d.ts

@@ -1,5 +1 @@
-export declare const useGetXPositionOfItemInTimeline: () => {
-    get: (frame: number) => number;
-    width: number;
-};
 export declare const getXPositionOfItemInTimelineImperatively: (frame: number, duration: number, width: number) => number;

package/dist/editor/helpers/get-left-of-timeline-slider.js

@@ -1,30 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getXPositionOfItemInTimelineImperatively = exports.useGetXPositionOfItemInTimeline = void 0;
-const player_1 = require("@remotion/player");
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const timeline_refs_1 = require("../components/Timeline/timeline-refs");
+exports.getXPositionOfItemInTimelineImperatively = void 0;
 const timeline_layout_1 = require("./timeline-layout");
-const useGetXPositionOfItemInTimeline = () => {
-    var _a;
-    const size = player_1.PlayerInternals.useElementSize(timeline_refs_1.sliderAreaRef, {
-        triggerOnWindowResize: false,
-        shouldApplyCssTransforms: true,
-    });
-    const videoConfig = remotion_1.Internals.useUnsafeVideoConfig();
-    const width = (_a = size === null || size === void 0 ? void 0 : size.width) !== null && _a !== void 0 ? _a : 0;
-    const get = (0, react_1.useCallback)((frame) => {
-        if (!videoConfig) {
-            return 0;
-        }
-        return (0, exports.getXPositionOfItemInTimelineImperatively)(frame, videoConfig.durationInFrames, width);
-    }, [videoConfig, width]);
-    return (0, react_1.useMemo)(() => {
-        return { get, width };
-    }, [get, width]);
-};
-exports.useGetXPositionOfItemInTimeline = useGetXPositionOfItemInTimeline;
 const getXPositionOfItemInTimelineImperatively = (frame, duration, width) => {
     const proportion = frame / (duration - 1);
     return proportion * (width - timeline_layout_1.TIMELINE_PADDING * 2) + timeline_layout_1.TIMELINE_PADDING;

package/dist/get-cli-options.d.ts

@@ -33,5 +33,5 @@ export declare const getCliOptions: (options: {
     videoBitrate: string | null;
     height: number | null;
     width: number | null;
-    configFileImageFormat: "png" | "jpeg" | "none" | undefined;
+    configFileImageFormat: "none" | "png" | "jpeg" | undefined;
 }>;

package/dist/index.d.ts

@@ -111,7 +111,7 @@ export declare const CliInternals: {
         videoBitrate: string | null;
         height: number | null;
         width: number | null;
-        configFileImageFormat: "png" | "jpeg" | "none" | undefined;
+        configFileImageFormat: "none" | "png" | "jpeg" | undefined;
     }>;
     loadConfig: (remotionRoot: string) => Promise<string | null>;
     initializeCli: (remotionRoot: string) => Promise<void>;
@@ -120,7 +120,7 @@ export declare const CliInternals: {
     parsedCli: {
         "browser-executable": import("@remotion/renderer").BrowserExecutable;
         "pixel-format": "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
-        "image-format": "png" | "jpeg" | "pdf" | "webp" | "none";
+        "image-format": "none" | "png" | "jpeg" | "pdf" | "webp";
         "prores-profile": "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy";
         "bundle-cache": string;
         "env-file": string;
@@ -184,7 +184,7 @@ export declare const CliInternals: {
         downloadName: string | null;
         outName: string | null;
         configImageFormat: "png" | "jpeg" | "pdf" | "webp" | null;
-        cliFlag: "png" | "jpeg" | "pdf" | "webp" | "none" | null;
+        cliFlag: "none" | "png" | "jpeg" | "pdf" | "webp" | null;
         isLambda: boolean;
         fromUi: "png" | "jpeg" | "pdf" | "webp" | null;
     }) => {
@@ -199,8 +199,8 @@ export declare const CliInternals: {
     };
     getVideoImageFormat: ({ codec, uiImageFormat, }: {
         codec: import("@remotion/renderer").CodecOrUndefined;
-        uiImageFormat: "png" | "jpeg" | "none" | null;
-    }) => "png" | "jpeg" | "none";
+        uiImageFormat: "none" | "png" | "jpeg" | null;
+    }) => "none" | "png" | "jpeg";
     printCompositions: (compositions: import("remotion").AnyCompMetadata[]) => void;
     getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, }: {
         cliFlag: import("@remotion/renderer").CodecOrUndefined;

package/dist/preview-server/dev-middleware/range-parser.d.ts

@@ -11,5 +11,5 @@ declare type Range = {
 declare type Ranges = Range[] & {
     type?: string;
 };
-export declare function parseRange(size: number, str: string | string[]): -1 | Ranges | -2;
+export declare function parseRange(size: number, str: string | string[]): -1 | -2 | Ranges;
 export {};

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

@@ -8,21 +8,21 @@ const bundler_1 = require("@remotion/bundler");
 const renderer_1 = require("@remotion/renderer");
 const node_http_1 = __importDefault(require("node:http"));
 const config_1 = require("../config");
+const MaxTimelineTracks_1 = require("../editor/components/Timeline/MaxTimelineTracks");
 const log_1 = require("../log");
 const dev_middleware_1 = require("./dev-middleware");
 const hot_middleware_1 = require("./hot-middleware");
 const live_events_1 = require("./live-events");
 const routes_1 = require("./routes");
 const startServer = async (options) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const [, config] = bundler_1.BundlerInternals.webpackConfig({
         entry: options.entry,
         userDefinedComponent: options.userDefinedComponent,
         outDir: null,
         environment: 'development',
         webpackOverride: (_a = options === null || options === void 0 ? void 0 : options.webpackOverride) !== null && _a !== void 0 ? _a : config_1.ConfigInternals.getWebpackOverrideFn(),
-        envVariables: (_b = options === null || options === void 0 ? void 0 : options.getEnvVariables()) !== null && _b !== void 0 ? _b : {},
-        maxTimelineTracks: (_c = options === null || options === void 0 ? void 0 : options.maxTimelineTracks) !== null && _c !== void 0 ? _c : 15,
+        maxTimelineTracks: (_b = options === null || options === void 0 ? void 0 : options.maxTimelineTracks) !== null && _b !== void 0 ? _b : MaxTimelineTracks_1.DEFAULT_TIMELINE_TRACKS,
         entryPoints: [
             require.resolve('./hot-middleware/client'),
             require.resolve('./error-overlay/entry-basic.js'),
@@ -75,7 +75,7 @@ const startServer = async (options) => {
             }
         });
     });
-    const desiredPort = (_d = options === null || options === void 0 ? void 0 : options.port) !== null && _d !== void 0 ? _d : undefined;
+    const desiredPort = (_c = options === null || options === void 0 ? void 0 : options.port) !== null && _c !== void 0 ? _c : undefined;
     const maxTries = 5;
     for (let i = 0; i < maxTries; i++) {
         try {

package/dist/preview.js

@@ -20,7 +20,6 @@ const get_absolute_public_dir_1 = require("./preview-server/get-absolute-public-
 const live_events_1 = require("./preview-server/live-events");
 const public_folder_1 = require("./preview-server/public-folder");
 const start_server_1 = require("./preview-server/start-server");
-const watch_root_file_1 = require("./watch-root-file");
 const noop = () => undefined;
 const getShouldOpenBrowser = () => {
     var _a;
@@ -99,7 +98,6 @@ const previewCommand = async (remotionRoot, args) => {
         },
         staticHash,
     });
-    (0, watch_root_file_1.watchRootFile)(remotionRoot);
     const { port, liveEventsServer } = await (0, start_server_1.startServer)({
         entry: node_path_1.default.resolve(__dirname, 'previewEntry.js'),
         userDefinedComponent: fullEntryPath,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.0-alpha11",
+  "version": "4.0.0-alpha13",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -35,11 +35,11 @@
     "prompts": "2.4.1",
     "semver": "7.3.5",
     "source-map": "0.6.1",
-    "@remotion/bundler": "4.0.0-alpha11",
-    "@remotion/media-utils": "4.0.0-alpha11",
-    "@remotion/player": "4.0.0-alpha11",
-    "@remotion/renderer": "4.0.0-alpha11",
-    "remotion": "4.0.0-alpha11"
+    "@remotion/bundler": "4.0.0-alpha13",
+    "@remotion/renderer": "4.0.0-alpha13",
+    "@remotion/player": "4.0.0-alpha13",
+    "@remotion/media-utils": "4.0.0-alpha13",
+    "remotion": "4.0.0-alpha13"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -67,8 +67,8 @@
     "typescript": "^4.7.0",
     "vitest": "0.31.1",
     "zod": "^3.21.4",
-    "@remotion/tailwind": "4.0.0-alpha11",
-    "@remotion/zod-types": "4.0.0-alpha11"
+    "@remotion/zod-types": "4.0.0-alpha13",
+    "@remotion/tailwind": "4.0.0-alpha13"
   },
   "keywords": [
     "remotion",

package/dist/ansi/ansi-regex.d.ts

@@ -1,2 +0,0 @@
-export declare const ansiRegex: () => RegExp;
-export declare const stripAnsi: (str: string) => string;

package/dist/ansi/ansi-regex.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stripAnsi = exports.ansiRegex = void 0;
-const ansiRegex = () => {
-    const pattern = [
-        '[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)',
-        '(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))',
-    ].join('|');
-    return new RegExp(pattern, 'g');
-};
-exports.ansiRegex = ansiRegex;
-const stripAnsi = (str) => {
-    if (typeof str !== 'string') {
-        throw new TypeError(`Expected a \`string\`, got \`${typeof str}\``);
-    }
-    return str.replace((0, exports.ansiRegex)(), '');
-};
-exports.stripAnsi = stripAnsi;

package/dist/config/ffmpeg-executable.d.ts

@@ -1,5 +0,0 @@
-import type { FfmpegExecutable } from '@remotion/renderer';
-export declare const setFfmpegExecutable: (ffmpegPath: FfmpegExecutable) => void;
-export declare const getCustomFfmpegExecutable: () => FfmpegExecutable;
-export declare const setFfprobeExecutable: (ffprobePath: FfmpegExecutable) => void;
-export declare const getCustomFfprobeExecutable: () => FfmpegExecutable;

package/dist/config/ffmpeg-executable.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCustomFfprobeExecutable = exports.setFfprobeExecutable = exports.getCustomFfmpegExecutable = exports.setFfmpegExecutable = void 0;
-let currentFfmpegExecutablePath = null;
-let currentFfprobeExecutablePath = null;
-const setFfmpegExecutable = (ffmpegPath) => {
-    currentFfmpegExecutablePath = ffmpegPath;
-};
-exports.setFfmpegExecutable = setFfmpegExecutable;
-const getCustomFfmpegExecutable = () => {
-    return currentFfmpegExecutablePath;
-};
-exports.getCustomFfmpegExecutable = getCustomFfmpegExecutable;
-const setFfprobeExecutable = (ffprobePath) => {
-    currentFfprobeExecutablePath = ffprobePath;
-};
-exports.setFfprobeExecutable = setFfprobeExecutable;
-const getCustomFfprobeExecutable = () => {
-    return currentFfprobeExecutablePath;
-};
-exports.getCustomFfprobeExecutable = getCustomFfprobeExecutable;

package/dist/config/quality.d.ts

@@ -1,2 +0,0 @@
-export declare const setQuality: (q: number | undefined) => void;
-export declare const getQuality: () => number | undefined;

package/dist/config/quality.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getQuality = exports.setQuality = void 0;
-const renderer_1 = require("@remotion/renderer");
-const defaultValue = undefined;
-let quality = defaultValue;
-const setQuality = (q) => {
-    renderer_1.RenderInternals.validateQuality(q);
-    if (q === 0 || q === undefined) {
-        quality = defaultValue;
-        return;
-    }
-    quality = q;
-};
-exports.setQuality = setQuality;
-const getQuality = () => quality;
-exports.getQuality = getQuality;

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

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

package/dist/editor/components/ClipboardIcon.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClipboardIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ClipboardIcon = () => {
-    return ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "clipboard", className: "svg-inline--fa fa-clipboard fa-w-12", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", style: {
-            height: 16,
-            verticalAlign: 'middle',
-            marginTop: -3,
-        }, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 40c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm144 418c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V118c0-3.3 2.7-6 6-6h42v36c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-36h42c3.3 0 6 2.7 6 6z" }) }));
-};
-exports.ClipboardIcon = ClipboardIcon;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const CollapsedCompositionSelector: React.FC<{
-    onExpand: () => void;
-}>;

package/dist/editor/components/CollapsedCompositionSelector.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapsedCompositionSelector = 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 CollapsedCompositionSelector = ({ onExpand }) => {
-    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: '2px solid black',
-            cursor: 'pointer',
-            color: 'white',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            paddingLeft: 7,
-            paddingRight: 4,
-            backgroundColor: (0, colors_1.getBackgroundFromHoverState)({
-                hovered,
-                selected: false,
-            }),
-            appearance: 'none',
-            WebkitAppearance: 'none',
-        };
-    }, [hovered]);
-    return ((0, jsx_runtime_1.jsx)("button", { style: style, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, type: "button", role: "button", tabIndex: tabIndex, onClick: onExpand, children: (0, jsx_runtime_1.jsx)(caret_1.CaretRight, {}) }));
-};
-exports.CollapsedCompositionSelector = CollapsedCompositionSelector;

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

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

package/dist/editor/components/RichTimelineToggle.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RichTimelineToggle = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const is_current_selected_still_1 = require("../helpers/is-current-selected-still");
-const timeline_1 = require("../icons/timeline");
-const rich_timeline_1 = require("../state/rich-timeline");
-const ControlButton_1 = require("./ControlButton");
-const tooltip = 'Enable rich timeline. Go to remotion.dev/docs/timeline for more information.';
-const RichTimelineToggle = () => {
-    const { richTimeline, setRichTimeline } = (0, react_1.useContext)(rich_timeline_1.RichTimelineContext);
-    const isStill = (0, is_current_selected_still_1.useIsStill)();
-    const onClick = (0, react_1.useCallback)(() => {
-        setRichTimeline((c) => {
-            (0, rich_timeline_1.persistRichTimelineOption)(!c);
-            return !c;
-        });
-    }, [setRichTimeline]);
-    if (isStill) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { title: tooltip, "aria-label": tooltip, onClick: onClick, children: (0, jsx_runtime_1.jsx)(timeline_1.TimelineIcon, { style: {
-                width: 16,
-                height: 16,
-                color: richTimeline ? 'var(--blue)' : 'white',
-            } }) }));
-};
-exports.RichTimelineToggle = RichTimelineToggle;

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { TComposition } from 'remotion';
-export declare const Thumbnail: React.FC<{
-    composition: TComposition<unknown>;
-    targetHeight: number;
-    targetWidth: number;
-    frameToDisplay: number;
-}>;