@remotion/cli 3.3.44 → 3.3.51

package/dist/editor/components/RenderQueue/context.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { RenderJob } from '../../../preview-server/render-queue/job';
-declare global {
-    interface Window {
-        remotion_initialRenderQueue: RenderJob[];
-    }
-}
-declare type RenderQueueContextType = {
-    jobs: RenderJob[];
-};
-export declare const RenderQueueContext: React.Context<RenderQueueContextType>;
-export declare const useShouldRenderLeftSidebarTabs: () => boolean;
-export declare const renderJobsRef: React.RefObject<{
-    updateRenderJobs: (jobs: RenderJob[]) => void;
-}>;
-export declare const RenderQueueContextProvider: React.FC<{
-    children: React.ReactNode;
-}>;
-export {};

package/dist/editor/components/RenderQueue/context.js

@@ -1,56 +0,0 @@
-"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.RenderQueueContextProvider = exports.renderJobsRef = exports.useShouldRenderLeftSidebarTabs = exports.RenderQueueContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const client_id_1 = require("../../helpers/client-id");
-exports.RenderQueueContext = react_1.default.createContext({
-    jobs: [],
-});
-const useShouldRenderLeftSidebarTabs = () => {
-    const context = (0, react_1.useContext)(exports.RenderQueueContext);
-    const previewServer = (0, react_1.useContext)(client_id_1.PreviewServerConnectionCtx);
-    return context.jobs.length > 0 && previewServer.type === 'connected';
-};
-exports.useShouldRenderLeftSidebarTabs = useShouldRenderLeftSidebarTabs;
-exports.renderJobsRef = (0, react_1.createRef)();
-const RenderQueueContextProvider = ({ children }) => {
-    const [jobs, setJobs] = (0, react_1.useState)(window.remotion_initialRenderQueue);
-    const value = (0, react_1.useMemo)(() => {
-        return {
-            jobs,
-        };
-    }, [jobs]);
-    (0, react_1.useImperativeHandle)(exports.renderJobsRef, () => {
-        return {
-            updateRenderJobs: (newJobs) => {
-                setJobs(newJobs);
-            },
-        };
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(exports.RenderQueueContext.Provider, { value: value, children: children }));
-};
-exports.RenderQueueContextProvider = RenderQueueContextProvider;

package/dist/editor/components/RenderQueue/index.d.ts

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

package/dist/editor/components/RenderQueue/index.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderQueue = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../helpers/colors");
-const context_1 = require("./context");
-const RenderQueueItem_1 = require("./RenderQueueItem");
-const separatorStyle = {
-    borderBottom: `1px solid ${colors_1.BORDER_COLOR}`,
-};
-const RenderQueue = () => {
-    const { jobs } = (0, react_1.useContext)(context_1.RenderQueueContext);
-    return ((0, jsx_runtime_1.jsx)("div", { children: jobs.map((j, index) => {
-            return ((0, jsx_runtime_1.jsx)("div", { style: index === jobs.length - 1 ? undefined : separatorStyle, children: (0, jsx_runtime_1.jsx)(RenderQueueItem_1.RenderQueueItem, { job: j }) }, j.id));
-        }) }));
-};
-exports.RenderQueue = RenderQueue;

package/dist/editor/components/RenderQueue/item-style.d.ts

@@ -1,2 +0,0 @@
-import type React from 'react';
-export declare const renderQueueItemSubtitleStyle: React.CSSProperties;

package/dist/editor/components/RenderQueue/item-style.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderQueueItemSubtitleStyle = void 0;
-const colors_1 = require("../../helpers/colors");
-const layout_1 = require("../layout");
-exports.renderQueueItemSubtitleStyle = {
-    fontSize: 13,
-    color: colors_1.LIGHT_TEXT,
-    appearance: 'none',
-    border: 'none',
-    padding: 0,
-    cursor: 'pointer',
-    lineHeight: 1.2,
-    textAlign: 'left',
-    whiteSpace: 'nowrap',
-    marginRight: layout_1.SPACING_UNIT,
-    overflowX: 'hidden',
-    // size smaller than viewport causes actual ellipse
-    maxWidth: 500,
-    textOverflow: 'ellipsis',
-};

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

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

package/dist/editor/components/RenderToolbarIcon.js

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderStillButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const get_default_out_name_1 = require("../../get-default-out-name");
-const get_default_video_contexts_1 = require("../../preview-server/render-queue/get-default-video-contexts");
-const client_id_1 = require("../helpers/client-id");
-const render_1 = require("../icons/render");
-const modals_1 = require("../state/modals");
-const ControlButton_1 = require("./ControlButton");
-const RenderStillButton = () => {
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const { type } = (0, react_1.useContext)(client_id_1.PreviewServerConnectionCtx);
-    const iconStyle = (0, react_1.useMemo)(() => {
-        return {
-            style: {
-                height: 15,
-            },
-        };
-    }, []);
-    const tooltip = type === 'connected'
-        ? 'Export the current frame as a still image'
-        : 'Connect to the preview server to render';
-    const video = remotion_1.Internals.useVideo();
-    const frame = (0, remotion_1.useCurrentFrame)();
-    const onClick = (0, react_1.useCallback)(() => {
-        var _a, _b;
-        if (!video) {
-            return null;
-        }
-        const isVideo = video.durationInFrames > 1;
-        const defaults = window.remotion_renderDefaults;
-        if (!defaults) {
-            throw new TypeError('Expected defaults');
-        }
-        const { initialAudioCodec, initialRenderType, initialVideoCodec } = (0, get_default_video_contexts_1.getDefaultCodecs)({
-            defaultCodec: defaults.codec,
-            isStill: !isVideo,
-        });
-        setSelectedModal({
-            type: 'render',
-            compositionId: video.id,
-            initialFrame: frame,
-            initialStillImageFormat: defaults.stillImageFormat,
-            initialVideoImageFormat: defaults.videoImageFormat,
-            initialOutName: (0, get_default_out_name_1.getDefaultOutLocation)({
-                compositionName: video.id,
-                defaultExtension: isVideo ? 'mp4' : 'png',
-                type: 'asset',
-            }),
-            initialQuality: defaults.quality,
-            initialScale: (_b = (_a = window.remotion_renderDefaults) === null || _a === void 0 ? void 0 : _a.scale) !== null && _b !== void 0 ? _b : 1,
-            initialVerbose: defaults.logLevel === 'verbose',
-            initialAudioCodec,
-            initialRenderType,
-            initialVideoCodec,
-            initialConcurrency: defaults.concurrency,
-            maxConcurrency: defaults.maxConcurrency,
-            minConcurrency: defaults.minConcurrency,
-            initialMuted: defaults.muted,
-            initialEnforceAudioTrack: defaults.enforceAudioTrack,
-            initialProResProfile: defaults.proResProfile,
-            initialPixelFormat: defaults.pixelFormat,
-            initialAudioBitrate: defaults.audioBitrate,
-            initialVideoBitrate: defaults.videoBitrate,
-            initialEveryNthFrame: defaults.everyNthFrame,
-            initialNumberOfGifLoops: defaults.numberOfGifLoops,
-            initialDelayRenderTimeout: defaults.delayRenderTimeout,
-        });
-    }, [video, frame, setSelectedModal]);
-    if (!video) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { id: "render-modal-button", disabled: type !== 'connected', title: tooltip, "aria-label": tooltip, onClick: onClick, children: (0, jsx_runtime_1.jsx)(render_1.RenderIcon, { svgProps: iconStyle }) }));
-};
-exports.RenderStillButton = RenderStillButton;

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

@@ -1,6 +0,0 @@
-import type { MouseEventHandler } from 'react';
-import React from 'react';
-export declare const RendersTab: React.FC<{
-    selected: boolean;
-    onClick: MouseEventHandler<HTMLButtonElement>;
-}>;

package/dist/editor/components/RendersTab.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RendersTab = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const layout_1 = require("./layout");
-const context_1 = require("./RenderQueue/context");
-const Tabs_1 = require("./Tabs");
-const row = {
-    display: 'flex',
-    flexDirection: 'row',
-    fontSize: 13,
-    justifyContent: 'center',
-    color: 'inherit',
-    alignItems: 'center',
-};
-const badge = {
-    height: 16,
-    width: 16,
-    borderRadius: 8,
-    fontSize: 10,
-    display: 'inline-flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-};
-const RendersTab = ({ selected, onClick }) => {
-    const { jobs } = (0, react_1.useContext)(context_1.RenderQueueContext);
-    const failedJobs = jobs.filter((j) => j.status === 'failed').length;
-    const jobCount = jobs.length;
-    const badgeStyle = (0, react_1.useMemo)(() => {
-        return {
-            ...badge,
-            backgroundColor: failedJobs > 0 ? colors_1.FAIL_COLOR : 'transparent',
-            color: failedJobs > 0 ? 'white' : colors_1.LIGHT_TEXT,
-            borderWidth: failedJobs > 0 ? 0 : 1,
-            borderStyle: 'solid',
-            borderColor: colors_1.LIGHT_TEXT,
-        };
-    }, [failedJobs]);
-    return ((0, jsx_runtime_1.jsx)(Tabs_1.Tab, { selected: selected, onClick: onClick, children: (0, jsx_runtime_1.jsxs)("div", { style: row, children: ["Renders", jobCount > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.5 }), (0, jsx_runtime_1.jsx)("div", { style: badgeStyle, children: jobCount })] })) : null] }) }));
-};
-exports.RendersTab = RendersTab;

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

@@ -1,16 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import React from 'react';
-export declare type SegmentedControlItem = {
-    label: React.ReactNode;
-    onClick: () => void;
-    key: string;
-    selected: boolean;
-};
-export declare const SegmentedControl: React.FC<{
-    items: SegmentedControlItem[];
-    needsWrapping: boolean;
-}>;
-export declare const Item: React.FC<PropsWithChildren<{
-    selected: boolean;
-    onClick: () => void;
-}>>;

package/dist/editor/components/SegmentedControl.js

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Item = exports.SegmentedControl = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const z_index_1 = require("../state/z-index");
-const container = {
-    display: 'flex',
-    flexDirection: 'row',
-    overflow: 'hidden',
-    border: '1px solid ' + colors_1.INPUT_BORDER_COLOR_UNHOVERED,
-    flexWrap: 'wrap',
-    maxWidth: '295px',
-    justifyContent: 'flex-end',
-};
-const item = {
-    display: 'flex',
-    fontSize: 15,
-    padding: '4px 12px',
-    cursor: 'pointer',
-    appearance: 'none',
-    border: 'none',
-};
-const SegmentedControl = ({ items, needsWrapping }) => {
-    const controlStyle = (0, react_1.useMemo)(() => {
-        if (needsWrapping) {
-            return {
-                ...container,
-                flexWrap: 'wrap',
-                maxWidth: '248px',
-                justifyContent: 'flex-end',
-                marginBottom: '8px',
-            };
-        }
-        return {
-            ...container,
-        };
-    }, [needsWrapping]);
-    return ((0, jsx_runtime_1.jsx)("div", { style: controlStyle, children: items.map((i) => {
-            return ((0, jsx_runtime_1.jsx)(exports.Item, { onClick: i.onClick, selected: i.selected, children: i.label }, i.key));
-        }) }));
-};
-exports.SegmentedControl = SegmentedControl;
-const Item = ({ selected, onClick, children }) => {
-    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 itemStyle = (0, react_1.useMemo)(() => {
-        return {
-            ...item,
-            backgroundColor: selected ? colors_1.INPUT_BACKGROUND : 'transparent',
-            color: selected ? 'white' : hovered ? 'white' : colors_1.LIGHT_TEXT,
-        };
-    }, [hovered, selected]);
-    return ((0, jsx_runtime_1.jsx)("button", { type: "button", onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, style: itemStyle, tabIndex: tabIndex, onClick: onClick, children: children }));
-};
-exports.Item = Item;

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,52 +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');
-            },
-        };
-    }, []);
-    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/components/Tabs/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export declare const Tabs: React.FC<{
-    children: React.ReactNode;
-    style?: React.CSSProperties;
-}>;
-export declare const Tab: React.FC<{
-    children: React.ReactNode;
-    onClick: React.MouseEventHandler<HTMLButtonElement>;
-    style?: React.CSSProperties;
-    selected: boolean;
-}>;

package/dist/editor/components/Tabs/index.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tab = exports.Tabs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../helpers/colors");
-const z_index_1 = require("../../state/z-index");
-const tabsContainer = {
-    display: 'flex',
-    flexDirection: 'row',
-};
-const Tabs = ({ children, style }) => {
-    const definiteStyle = (0, react_1.useMemo)(() => {
-        return {
-            ...tabsContainer,
-            ...style,
-        };
-    }, [style]);
-    return (0, jsx_runtime_1.jsx)("div", { style: definiteStyle, children: children });
-};
-exports.Tabs = Tabs;
-const selectorButton = {
-    border: 'none',
-    flex: 1,
-    padding: 8,
-    fontSize: 13,
-};
-const Tab = ({ children, onClick, style, selected }) => {
-    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 definiteStyle = (0, react_1.useMemo)(() => {
-        return {
-            ...selectorButton,
-            backgroundColor: selected
-                ? colors_1.SELECTED_BACKGROUND
-                : hovered
-                    ? colors_1.CLEAR_HOVER
-                    : 'transparent',
-            color: selected ? 'white' : colors_1.LIGHT_TEXT,
-            ...style,
-        };
-    }, [hovered, selected, style]);
-    return ((0, jsx_runtime_1.jsx)("button", { style: definiteStyle, type: "button", onClick: onClick, tabIndex: tabIndex, onPointerLeave: onPointerLeave, onPointerEnter: onPointerEnter, children: children }));
-};
-exports.Tab = Tab;

package/dist/editor/helpers/client-id.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-declare type PreviewServerState = {
-    type: 'init';
-} | {
-    type: 'connected';
-    clientId: string;
-} | {
-    type: 'disconnected';
-};
-export declare const PreviewServerConnectionCtx: React.Context<PreviewServerState>;
-export declare const previewServerConnectionRef: React.RefObject<{
-    set: (jobs: PreviewServerState) => void;
-}>;
-export declare const PreviewServerConnection: React.FC<{
-    children: React.ReactNode;
-}>;
-export {};

package/dist/editor/helpers/client-id.js

@@ -1,46 +0,0 @@
-"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.PreviewServerConnection = exports.previewServerConnectionRef = exports.PreviewServerConnectionCtx = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-exports.PreviewServerConnectionCtx = react_1.default.createContext({
-    type: 'init',
-});
-exports.previewServerConnectionRef = (0, react_1.createRef)();
-const PreviewServerConnection = ({ children }) => {
-    const [state, setState] = react_1.default.useState({
-        type: 'init',
-    });
-    (0, react_1.useImperativeHandle)(exports.previewServerConnectionRef, () => {
-        return {
-            set: (newState) => {
-                setState(newState);
-            },
-        };
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(exports.PreviewServerConnectionCtx.Provider, { value: state, children: children }));
-};
-exports.PreviewServerConnection = PreviewServerConnection;

package/dist/editor/helpers/use-file-existence.d.ts

@@ -1 +0,0 @@
-export declare const useFileExistence: (outName: string) => boolean;

package/dist/editor/helpers/use-file-existence.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFileExistence = void 0;
-const react_1 = require("react");
-const event_source_1 = require("../../event-source");
-const actions_1 = require("../components/RenderQueue/actions");
-const client_id_1 = require("./client-id");
-const useFileExistence = (outName) => {
-    const [exists, setExists] = (0, react_1.useState)(false);
-    const state = (0, react_1.useContext)(client_id_1.PreviewServerConnectionCtx);
-    const clientId = state.type === 'connected' ? state.clientId : undefined;
-    const currentOutName = (0, react_1.useRef)('');
-    currentOutName.current = outName;
-    (0, react_1.useEffect)(() => {
-        if (!clientId) {
-            return;
-        }
-        (0, actions_1.subscribeToFileExistenceWatcher)({
-            file: outName,
-            clientId,
-        }).then((_exists) => {
-            if (currentOutName.current === outName) {
-                setExists(_exists);
-            }
-        });
-        return () => {
-            (0, actions_1.unsubscribeFromFileExistenceWatcher)({ file: outName, clientId });
-        };
-    }, [clientId, outName]);
-    (0, react_1.useEffect)(() => {
-        const listener = (event) => {
-            if (event.type !== 'watched-file-deleted') {
-                return;
-            }
-            if (event.file !== currentOutName.current) {
-                return;
-            }
-            if (currentOutName.current === outName) {
-                setExists(false);
-            }
-        };
-        const unsub = (0, event_source_1.subscribeToEvent)('watched-file-deleted', listener);
-        return () => {
-            unsub();
-        };
-    }, [outName]);
-    (0, react_1.useEffect)(() => {
-        const listener = (event) => {
-            if (event.type !== 'watched-file-undeleted') {
-                return;
-            }
-            if (event.file !== outName) {
-                return;
-            }
-            if (currentOutName.current === outName) {
-                setExists(true);
-            }
-        };
-        const unsub = (0, event_source_1.subscribeToEvent)('watched-file-undeleted', listener);
-        return () => {
-            unsub();
-        };
-    }, [outName]);
-    return exists;
-};
-exports.useFileExistence = useFileExistence;

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

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const RenderStill: React.FC<SVGProps<SVGSVGElement>>;

package/dist/editor/icons/RenderStillIcon.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderStill = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const RenderStill = (props) => {
-    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 512 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentcolor", d: "M144 288C144 226.1 194.1 176 256 176C317.9 176 368 226.1 368 288C368 349.9 317.9 400 256 400C194.1 400 144 349.9 144 288zM256 224C220.7 224 192 252.7 192 288C192 323.3 220.7 352 256 352C291.3 352 320 323.3 320 288C320 252.7 291.3 224 256 224zM362.9 64.82L373.3 96H448C483.3 96 512 124.7 512 160V416C512 451.3 483.3 480 448 480H64C28.65 480 0 451.3 0 416V160C0 124.7 28.65 96 64 96H138.7L149.1 64.82C155.6 45.22 173.9 32 194.6 32H317.4C338.1 32 356.4 45.22 362.9 64.82H362.9zM64 144C55.16 144 48 151.2 48 160V416C48 424.8 55.16 432 64 432H448C456.8 432 464 424.8 464 416V160C464 151.2 456.8 144 448 144H338.7L317.4 80H194.6L173.3 144H64z" }) }));
-};
-exports.RenderStill = RenderStill;

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

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

package/dist/editor/icons/audio.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AudioIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const AudioIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentcolor", d: "M243 32.32C105.5 39.15 0 157.8 0 295.5v120.4C0 451.3 28.63 480 64 480h32c17.62 0 32-14.38 32-32V288c0-17.62-14.38-32-32-32H64c-10.79 0-20.8 2.9-29.72 7.7 14.2-106.8 100.5-193.9 210.4-199.4 120.5-5.965 221.7 83.92 234 199.9-9.08-5.1-19.48-8.2-30.68-8.2h-32c-17.62 0-32 14.38-32 32v160c0 17.62 14.38 32 32 32h32c35.38 0 64-28.75 64-64.13V287.9c0-145.4-122-262.88-269-255.58zM64 288h32v160H64c-17.62 0-32-14.5-32-32.13v-95.75C32 302.5 46.38 288 64 288zm416 127.9c0 17.6-14.4 32.1-32 32.1h-32V288h32c17.62 0 32 14.5 32 32.13v95.77z" }) }));
-exports.AudioIcon = AudioIcon;

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

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

package/dist/editor/icons/file.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FileIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentcolor", d: "M0 64C0 28.65 28.65 0 64 0h156.1c12.7 0 25 5.057 34 14.06L369.9 129.9c9 9 14.1 21.3 14.1 34V448c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V64zm352 128H240c-26.5 0-48-21.5-48-48V32H64c-17.67 0-32 14.33-32 32v384c0 17.7 14.33 32 32 32h256c17.7 0 32-14.3 32-32V192zm-4.7-39.4L231.4 36.69c-2-2.07-4.6-3.51-7.4-4.21V144c0 8.8 7.2 16 16 16h111.5c-.7-2.8-2.1-5.4-4.2-7.4z" }) }));
-exports.FileIcon = FileIcon;

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

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

package/dist/editor/icons/frame.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PicIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const PicIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentcolor", d: "M324.9 157.8c-11.38-17.38-39.89-17.31-51.23-.063L200.5 268.5l-16.4-22.6c-11.4-16.8-38.2-16-49.7 0l-64.52 89.16c-6.797 9.406-7.75 21.72-2.547 32C72.53 377.5 83.05 384 94.75 384h322.5c11.41 0 21.8-6.281 27.14-16.38a30.922 30.922 0 0 0-1.516-31.56L324.9 157.8zM95.8 352l62.39-87.38 29.91 41.34c3.1 4.24 8.3 7.24 13.3 6.64 5.25-.125 10.12-2.781 13.02-7.188l83.83-129.9L415 352H95.8zM447.1 32h-384C28.65 32-.01 60.65-.01 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96c.01-35.35-27.79-64-63.99-64zM480 416c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V96c0-17.64 14.36-32 32-32h384c17.64 0 32 14.36 32 32v320zM144 192c26.5 0 48-21.5 48-48s-21.5-48-48-48-48 21.5-48 48 21.5 48 48 48zm0-64c8.822 0 15.1 7.178 15.1 16s-6.3 16-15.1 16-16-7.2-16-16 7.2-16 16-16z" }) }));
-exports.PicIcon = PicIcon;