@remotion/cli 4.0.84 → 4.0.85

package/dist/editor/components/QuickSwitcher/AlgoliaCredit.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlgoliaCredit = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const link = {
-    display: 'inline-flex',
-};
-const AlgoliaCredit = () => {
-    return ((0, jsx_runtime_1.jsx)("a", { style: link, href: "https://www.algolia.com/ref/docsearch/?utm_source=www.remotion.dev&utm_medium=referral&utm_content=powered_by&utm_campaign=docsearch", target: "_blank", rel: "noopener noreferrer", children: (0, jsx_runtime_1.jsx)("svg", { width: "77", height: "19", "aria-label": "Algolia", role: "img", children: (0, jsx_runtime_1.jsx)("path", { d: "M2.5067 0h14.0245c1.384.001 2.5058 1.1205 2.5068 2.5017V16.5c-.0014 1.3808-1.1232 2.4995-2.5068 2.5H2.5067C1.1232 18.9995.0014 17.8808 0 16.5V2.4958A2.495 2.495 0 01.735.7294 2.505 2.505 0 012.5068 0zM37.95 15.0695c-3.7068.0168-3.7068-2.986-3.7068-3.4634L34.2372.3576 36.498 0v11.1794c0 .2715 0 1.9889 1.452 1.994v1.8961zm-9.1666-1.8388c.694 0 1.2086-.0397 1.5678-.1088v-2.2934a5.3639 5.3639 0 00-1.3303-.1679 4.8283 4.8283 0 00-.758.0582 2.2845 2.2845 0 00-.688.2024c-.2029.0979-.371.2362-.4919.4142-.1268.1788-.185.2826-.185.5533 0 .5297.185.8359.5205 1.0375.3355.2016.7928.3053 1.365.3053v-.0008zm-.1969-8.1817c.7463 0 1.3768.092 1.8856.2767.5088.1838.9195.4428 1.2204.7717.3068.334.5147.7777.6423 1.251.1327.4723.196.991.196 1.5603v5.798c-.5235.1036-1.05.192-1.5787.2649-.7048.1037-1.4976.156-2.3774.156-.5832 0-1.1215-.0582-1.6016-.167a3.385 3.385 0 01-1.2432-.5364 2.6034 2.6034 0 01-.8037-.9565c-.191-.3922-.29-.9447-.29-1.5208 0-.5533.11-.905.3246-1.2863a2.7351 2.7351 0 01.8849-.9329c.376-.242.8029-.415 1.2948-.5187a7.4517 7.4517 0 011.5381-.156 7.1162 7.1162 0 011.6667.2024V8.886c0-.259-.0296-.5061-.093-.7372a1.5847 1.5847 0 00-.3245-.6158 1.5079 1.5079 0 00-.6119-.4158 2.6788 2.6788 0 00-.966-.173c-.5206 0-.9948.0634-1.4283.1384a6.5481 6.5481 0 00-1.065.259l-.2712-1.849c.2831-.0986.7048-.1964 1.2491-.2943a9.2979 9.2979 0 011.752-.1501v.0008zm44.6597 8.1193c.6947 0 1.2086-.0405 1.567-.1097v-2.2942a5.3743 5.3743 0 00-1.3303-.1679c-.2485 0-.503.0177-.7573.0582a2.2853 2.2853 0 00-.688.2024 1.2333 1.2333 0 00-.4918.4142c-.1268.1788-.1843.2826-.1843.5533 0 .5297.1843.8359.5198 1.0375.3414.2066.7927.3053 1.365.3053v.0009zm-.191-8.1767c.7463 0 1.3768.0912 1.8856.2759.5087.1847.9195.4436 1.2204.7717.3.329.5147.7786.6414 1.251a5.7248 5.7248 0 01.197 1.562v5.7972c-.3466.0742-.874.1602-1.5788.2648-.7049.1038-1.4976.1552-2.3774.1552-.5832 0-1.1215-.0573-1.6016-.167a3.385 3.385 0 01-1.2432-.5356 2.6034 2.6034 0 01-.8038-.9565c-.191-.3922-.2898-.9447-.2898-1.5216 0-.5533.1098-.905.3245-1.2854a2.7373 2.7373 0 01.8849-.9338c.376-.2412.8029-.4141 1.2947-.5178a7.4545 7.4545 0 012.325-.1097c.2781.0287.5672.081.879.156v-.3686a2.7781 2.7781 0 00-.092-.738 1.5788 1.5788 0 00-.3246-.6166 1.5079 1.5079 0 00-.612-.415 2.6797 2.6797 0 00-.966-.1729c-.5205 0-.9947.0633-1.4282.1384a6.5608 6.5608 0 00-1.065.259l-.2712-1.8498c.283-.0979.7048-.1957 1.2491-.2935a9.8597 9.8597 0 011.752-.1494zm-6.79-1.072c-.7576.001-1.373-.6103-1.3759-1.3664 0-.755.6128-1.3664 1.376-1.3664.764 0 1.3775.6115 1.3775 1.3664s-.6195 1.3664-1.3776 1.3664zm1.1393 11.1507h-2.2726V5.3409l2.2734-.3568v10.0845l-.0008.0017zm-3.984 0c-3.707.0168-3.707-2.986-3.707-3.4642L59.7069.3576 61.9685 0v11.1794c0 .2715 0 1.9889 1.452 1.994V15.0703zm-7.3512-4.979c0-.975-.2138-1.7873-.6305-2.3516-.4167-.571-.9998-.852-1.747-.852-.7454 0-1.3302.281-1.7452.852-.4166.5702-.6195 1.3765-.6195 2.3516 0 .9851.208 1.6473.6254 2.2183.4158.576.9998.8587 1.7461.8587.7454 0 1.3303-.2885 1.747-.8595.4158-.5761.6237-1.2315.6237-2.2184v.0009zm2.3132-.006c0 .7609-.1099 1.3361-.3356 1.9654a4.654 4.654 0 01-.9533 1.6076A4.214 4.214 0 0155.613 14.69c-.579.2412-1.4697.3795-1.9143.3795-.4462-.005-1.3303-.1324-1.9033-.3795a4.307 4.307 0 01-1.474-1.0316c-.4115-.4445-.7293-.9801-.9609-1.6076a5.3423 5.3423 0 01-.3465-1.9653c0-.7608.104-1.493.3356-2.1155a4.683 4.683 0 01.9719-1.5958 4.3383 4.3383 0 011.479-1.0257c.5739-.242 1.2043-.3567 1.8864-.3567.6829 0 1.3125.1197 1.8906.3567a4.1245 4.1245 0 011.4816 1.0257 4.7587 4.7587 0 01.9592 1.5958c.2426.6225.3643 1.3547.3643 2.1155zm-17.0198 0c0 .9448.208 1.9932.6238 2.431.4166.4386.955.6579 1.6142.6579.3584 0 .6998-.0523 1.0176-.1502.3186-.0978.5721-.2134.775-.3517V7.0784a8.8706 8.8706 0 00-1.4926-.1906c-.8206-.0236-1.4452.312-1.8847.8468-.4335.5365-.6533 1.476-.6533 2.3516v-.0008zm6.2863 4.4485c0 1.5385-.3938 2.662-1.1866 3.3773-.791.7136-2.0005 1.0712-3.6308 1.0712-.5958 0-1.834-.1156-2.8228-.334l.3643-1.7865c.8282.173 1.9202.2193 2.4932.2193.9077 0 1.555-.1847 1.943-.5533.388-.3686.578-.916.578-1.643v-.3687a6.8289 6.8289 0 01-.8848.3349c-.3634.1096-.786.167-1.261.167-.6246 0-1.1917-.0979-1.7055-.2944a3.5554 3.5554 0 01-1.3244-.8645c-.3642-.3796-.6541-.8579-.8561-1.4289-.2028-.571-.3068-1.59-.3068-2.339 0-.7034.1099-1.5856.3245-2.1735.2198-.5871.5316-1.0949.9542-1.515.4167-.42.9255-.743 1.5213-.98a5.5923 5.5923 0 012.052-.3855c.7353 0 1.4114.092 2.0707.2024.6592.1088 1.2204.2236 1.6776.35v8.945-.0008zM11.5026 4.2418v-.6511c-.0005-.4553-.3704-.8241-.8266-.8241H8.749c-.4561 0-.826.3688-.8265.824v.669c0 .0742.0693.1264.1445.1096a6.0346 6.0346 0 011.6768-.2362 6.125 6.125 0 011.6202.2185.1116.1116 0 00.1386-.1097zm-5.2806.852l-.3296-.3282a.8266.8266 0 00-1.168 0l-.393.3922a.8199.8199 0 000 1.164l.3237.323c.0524.0515.1268.0397.1733-.0117.191-.259.3989-.507.6305-.7372.2374-.2362.48-.4437.7462-.6335.0575-.0354.0634-.1155.017-.1687zm3.5159 2.069v2.818c0 .081.0879.1392.1622.0987l2.5102-1.2964c.0574-.0287.0752-.0987.0464-.1552a3.1237 3.1237 0 00-2.603-1.574c-.0575 0-.115.0456-.115.1097l-.0008-.0009zm.0008 6.789c-2.0933.0005-3.7915-1.6912-3.7947-3.7804C5.9468 8.0821 7.6452 6.39 9.7387 6.391c2.0932-.0005 3.7911 1.6914 3.794 3.7804a3.7783 3.7783 0 01-1.1124 2.675 3.7936 3.7936 0 01-2.6824 1.1054h.0008zM9.738 4.8002c-1.9218 0-3.6975 1.0232-4.6584 2.6841a5.359 5.359 0 000 5.3683c.9609 1.661 2.7366 2.6841 4.6584 2.6841a5.3891 5.3891 0 003.8073-1.5725 5.3675 5.3675 0 001.578-3.7987 5.3574 5.3574 0 00-1.5771-3.797A5.379 5.379 0 009.7387 4.801l-.0008-.0008z", fill: "currentColor", fillRule: "evenodd" }) }) }));
-};
-exports.AlgoliaCredit = AlgoliaCredit;

package/dist/editor/components/QuickSwitcher/NoResults.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export type QuickSwitcherMode = 'commands' | 'compositions' | 'docs';
-export declare const QuickSwitcherNoResults: React.FC<{
-    query: string;
-    mode: QuickSwitcherMode;
-}>;

package/dist/editor/components/QuickSwitcher/NoResults.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QuickSwitcherNoResults = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const colors_1 = require("../../helpers/colors");
-const container = {
-    padding: 80,
-    color: colors_1.LIGHT_TEXT,
-    textAlign: 'center',
-    fontSize: 14,
-};
-const MODE_TO_STRING = {
-    commands: 'commands',
-    compositions: 'compositions',
-    docs: 'documentation',
-};
-const QuickSwitcherNoResults = ({ query, mode }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: ["No ", MODE_TO_STRING[mode], " matching ", '"', query, '"'] }));
-};
-exports.QuickSwitcherNoResults = QuickSwitcherNoResults;

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { QuickSwitcherMode } from './NoResults';
-declare const QuickSwitcher: React.FC<{
-    initialMode: QuickSwitcherMode;
-    invocationTimestamp: number;
-}>;
-export default QuickSwitcher;

package/dist/editor/components/QuickSwitcher/QuickSwitcher.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const modals_1 = require("../../state/modals");
-const ModalContainer_1 = require("../ModalContainer");
-const QuickSwitcherContent_1 = require("./QuickSwitcherContent");
-const QuickSwitcher = ({ initialMode, invocationTimestamp }) => {
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const onQuit = (0, react_1.useCallback)(() => {
-        setSelectedModal(null);
-    }, [setSelectedModal]);
-    // Separate child component to correctly capture keybindings
-    return ((0, jsx_runtime_1.jsx)(ModalContainer_1.ModalContainer, { onOutsideClick: onQuit, onEscape: onQuit, children: (0, jsx_runtime_1.jsx)(QuickSwitcherContent_1.QuickSwitcherContent, { invocationTimestamp: invocationTimestamp, initialMode: initialMode }) }));
-};
-exports.default = QuickSwitcher;

package/dist/editor/components/QuickSwitcher/QuickSwitcherContent.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { QuickSwitcherMode } from './NoResults';
-export declare const QuickSwitcherContent: React.FC<{
-    initialMode: QuickSwitcherMode;
-    invocationTimestamp: number;
-}>;

package/dist/editor/components/QuickSwitcher/QuickSwitcherContent.js

@@ -1,303 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QuickSwitcherContent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const colors_1 = require("../../helpers/colors");
-const is_composition_still_1 = require("../../helpers/is-composition-still");
-const use_keybinding_1 = require("../../helpers/use-keybinding");
-const use_menu_structure_1 = require("../../helpers/use-menu-structure");
-const modals_1 = require("../../state/modals");
-const CompositionSelector_1 = require("../CompositionSelector");
-const InitialCompositionLoader_1 = require("../InitialCompositionLoader");
-const KeyboardShortcutsExplainer_1 = require("../KeyboardShortcutsExplainer");
-const layout_1 = require("../layout");
-const is_menu_item_1 = require("../Menu/is-menu-item");
-const RemInput_1 = require("../NewComposition/RemInput");
-const algolia_search_1 = require("./algolia-search");
-const AlgoliaCredit_1 = require("./AlgoliaCredit");
-const fuzzy_search_1 = require("./fuzzy-search");
-const NoResults_1 = require("./NoResults");
-const QuickSwitcherResult_1 = require("./QuickSwitcherResult");
-const input = {
-    width: '100%',
-};
-const modeSelector = {
-    paddingLeft: 16,
-    paddingRight: 16,
-    display: 'flex',
-    flexDirection: 'row',
-    paddingTop: 8,
-    paddingBottom: 5,
-};
-const modeItem = {
-    appearance: 'none',
-    border: 'none',
-    fontFamily: 'inherit',
-    padding: 0,
-    fontSize: 13,
-    cursor: 'pointer',
-};
-const modeInactive = {
-    ...modeItem,
-    color: colors_1.LIGHT_TEXT,
-};
-const modeActive = {
-    ...modeItem,
-    color: 'white',
-    fontWeight: 'bold',
-};
-const content = {
-    paddingLeft: 16,
-    paddingRight: 16,
-    paddingTop: 4,
-    paddingBottom: 10,
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-};
-const loopIndex = (index, length) => {
-    if (index < 0) {
-        index += length;
-    }
-    return index % length;
-};
-const stripQuery = (query) => {
-    if (query.startsWith('>') || query.startsWith('?')) {
-        return query.substring(1).trim();
-    }
-    return query.trim();
-};
-const mapQueryToMode = (query) => {
-    return query.startsWith('>')
-        ? 'commands'
-        : query.startsWith('?')
-            ? 'docs'
-            : 'compositions';
-};
-const mapModeToQuery = (mode) => {
-    if (mode === 'commands') {
-        return '> ';
-    }
-    if (mode === 'compositions') {
-        return '';
-    }
-    if (mode === 'docs') {
-        return '? ';
-    }
-    throw new Error('no mode' + mode);
-};
-const QuickSwitcherContent = ({ initialMode, invocationTimestamp }) => {
-    const { compositions } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
-    const [state, setState] = (0, react_1.useState)(() => {
-        return {
-            query: mapModeToQuery(initialMode),
-            selectedIndex: 0,
-        };
-    });
-    (0, react_1.useEffect)(() => {
-        setState({
-            query: mapModeToQuery(initialMode),
-            selectedIndex: 0,
-        });
-    }, [initialMode, invocationTimestamp]);
-    const inputRef = (0, react_1.useRef)(null);
-    const selectComposition = (0, InitialCompositionLoader_1.useSelectComposition)();
-    const closeMenu = (0, react_1.useCallback)(() => undefined, []);
-    const actions = (0, use_menu_structure_1.useMenuStructure)(closeMenu);
-    const [docResults, setDocResults] = (0, react_1.useState)({ type: 'initial' });
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const keybindings = (0, use_keybinding_1.useKeybinding)();
-    const mode = mapQueryToMode(state.query);
-    const actualQuery = (0, react_1.useMemo)(() => {
-        return stripQuery(state.query);
-    }, [state.query]);
-    const menuActions = (0, react_1.useMemo)(() => {
-        if (mode !== 'commands') {
-            return [];
-        }
-        return (0, use_menu_structure_1.makeSearchResults)(actions, setSelectedModal);
-    }, [actions, mode, setSelectedModal]);
-    const resultsArray = (0, react_1.useMemo)(() => {
-        if (mode === 'commands') {
-            return (0, fuzzy_search_1.fuzzySearch)(actualQuery, menuActions);
-        }
-        if (mode === 'docs' && docResults.type === 'results') {
-            return docResults.results;
-        }
-        return (0, fuzzy_search_1.fuzzySearch)(actualQuery, compositions.map((c) => {
-            return {
-                id: 'composition-' + c.id,
-                title: c.id,
-                type: 'composition',
-                onSelected: () => {
-                    var _a;
-                    selectComposition(c, true);
-                    setSelectedModal(null);
-                    const selector = `.__remotion-composition[data-compname="${c.id}"]`;
-                    (_a = CompositionSelector_1.compositionSelectorRef.current) === null || _a === void 0 ? void 0 : _a.expandComposition(c.id);
-                    waitForElm(selector).then(() => {
-                        var _a;
-                        (_a = document
-                            .querySelector(selector)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'center' });
-                    });
-                },
-                compositionType: (0, is_composition_still_1.isCompositionStill)(c) ? 'still' : 'composition',
-            };
-        }));
-    }, [
-        mode,
-        actualQuery,
-        compositions,
-        menuActions,
-        docResults,
-        selectComposition,
-        setSelectedModal,
-    ]);
-    const onArrowDown = (0, react_1.useCallback)(() => {
-        setState((s) => {
-            return {
-                ...s,
-                selectedIndex: s.selectedIndex + 1,
-            };
-        });
-    }, []);
-    const onArrowUp = (0, react_1.useCallback)(() => {
-        setState((s) => {
-            return {
-                ...s,
-                selectedIndex: s.selectedIndex - 1,
-            };
-        });
-    }, []);
-    // Arrow up
-    (0, react_1.useEffect)(() => {
-        const binding = keybindings.registerKeybinding({
-            key: 'ArrowUp',
-            callback: onArrowUp,
-            commandCtrlKey: false,
-            event: 'keydown',
-            preventDefault: true,
-            // Will be using the input field while selecting
-            triggerIfInputFieldFocused: true,
-            keepRegisteredWhenNotHighestContext: false,
-        });
-        return () => {
-            binding.unregister();
-        };
-    }, [keybindings, onArrowDown, onArrowUp]);
-    (0, react_1.useEffect)(() => {
-        if (mode !== 'docs') {
-            return;
-        }
-        if (actualQuery.trim() === '') {
-            setDocResults({ type: 'initial' });
-            return;
-        }
-        let cancelled = false;
-        setDocResults({ type: 'loading' });
-        (0, algolia_search_1.algoliaSearch)(actualQuery)
-            .then((agoliaResults) => {
-            if (cancelled) {
-                return;
-            }
-            setDocResults({ type: 'results', results: agoliaResults });
-        })
-            .catch((err) => {
-            if (cancelled) {
-                return;
-            }
-            setDocResults({ type: 'error', error: err });
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [actualQuery, mode]);
-    // Arrow down
-    (0, react_1.useEffect)(() => {
-        const binding = keybindings.registerKeybinding({
-            key: 'ArrowDown',
-            callback: onArrowDown,
-            commandCtrlKey: false,
-            event: 'keydown',
-            preventDefault: true,
-            // Will be using the input field while selecting
-            triggerIfInputFieldFocused: true,
-            keepRegisteredWhenNotHighestContext: false,
-        });
-        return () => {
-            binding.unregister();
-        };
-    }, [keybindings, onArrowDown]);
-    const onTextChange = (0, react_1.useCallback)((e) => {
-        setState({ query: e.target.value, selectedIndex: 0 });
-    }, []);
-    const selectedIndexRounded = loopIndex(state.selectedIndex, resultsArray.length);
-    const onActionsSelected = (0, react_1.useCallback)(() => {
-        var _a;
-        setState((s) => ({
-            query: `> ${stripQuery(s.query)}`,
-            selectedIndex: 0,
-        }));
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, []);
-    const onCompositionsSelected = (0, react_1.useCallback)(() => {
-        var _a;
-        setState((s) => ({
-            query: stripQuery(s.query),
-            selectedIndex: 0,
-        }));
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, []);
-    const onDocSearchSelected = (0, react_1.useCallback)(() => {
-        var _a;
-        setState((s) => ({
-            query: `? ${stripQuery(s.query)}`,
-            selectedIndex: 0,
-        }));
-        setDocResults({ type: 'initial' });
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, []);
-    const showKeyboardShortcuts = mode === 'docs' && actualQuery.trim() === '';
-    const showSearchLoadingState = mode === 'docs' && docResults.type === 'loading';
-    const container = (0, react_1.useMemo)(() => {
-        return {
-            width: showKeyboardShortcuts ? 800 : 500,
-        };
-    }, [showKeyboardShortcuts]);
-    const results = (0, react_1.useMemo)(() => {
-        if (showKeyboardShortcuts) {
-            return {
-                maxHeight: 600,
-                overflowY: 'auto',
-            };
-        }
-        return {
-            overflowY: 'auto',
-            height: 300,
-        };
-    }, [showKeyboardShortcuts]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsxs)("div", { style: modeSelector, children: [(0, jsx_runtime_1.jsx)("button", { onClick: onCompositionsSelected, style: mode === 'compositions' ? modeActive : modeInactive, type: "button", children: "Compositions" }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)("button", { onClick: onActionsSelected, style: mode === 'commands' ? modeActive : modeInactive, type: "button", children: "Actions" }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)("button", { onClick: onDocSearchSelected, style: mode === 'docs' ? modeActive : modeInactive, type: "button", children: "Documentation" })] }), (0, jsx_runtime_1.jsxs)("div", { style: content, children: [(0, jsx_runtime_1.jsx)(RemInput_1.RemotionInput, { ref: inputRef, type: "text", style: input, autoFocus: true, status: "ok", value: state.query, onChange: onTextChange, placeholder: "Search compositions...", rightAlign: false }), showKeyboardShortcuts ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 2 }), " ", (0, jsx_runtime_1.jsx)(AlgoliaCredit_1.AlgoliaCredit, {})] })) : null] }), (0, jsx_runtime_1.jsx)("div", { style: results, className: is_menu_item_1.VERTICAL_SCROLLBAR_CLASSNAME, children: showKeyboardShortcuts ? ((0, jsx_runtime_1.jsx)(KeyboardShortcutsExplainer_1.KeyboardShortcutsExplainer, {})) : showSearchLoadingState ? null : resultsArray.length === 0 ? ((0, jsx_runtime_1.jsx)(NoResults_1.QuickSwitcherNoResults, { mode: mode, query: actualQuery })) : (resultsArray.map((result, i) => {
-                    return ((0, jsx_runtime_1.jsx)(QuickSwitcherResult_1.QuickSwitcherResult, { selected: selectedIndexRounded === i, result: result }, result.id));
-                })) })] }));
-};
-exports.QuickSwitcherContent = QuickSwitcherContent;
-function waitForElm(selector) {
-    return new Promise((resolve) => {
-        if (document.querySelector(selector)) {
-            resolve(document.querySelector(selector));
-            return;
-        }
-        const observer = new MutationObserver(() => {
-            if (document.querySelector(selector)) {
-                resolve(document.querySelector(selector));
-                observer.disconnect();
-            }
-        });
-        observer.observe(document.body, {
-            childList: true,
-            subtree: true,
-        });
-    });
-}

package/dist/editor/components/QuickSwitcher/QuickSwitcherResult.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-type QuickSwitcherResultDetail = {
-    type: 'composition';
-    compositionType: 'composition' | 'still';
-} | {
-    type: 'menu-item';
-} | {
-    type: 'search-result';
-    titleLine: string;
-    subtitleLine: string;
-};
-export type TQuickSwitcherResult = {
-    title: string;
-    id: string;
-    onSelected: () => void;
-} & QuickSwitcherResultDetail;
-export declare const QuickSwitcherResult: React.FC<{
-    result: TQuickSwitcherResult;
-    selected: boolean;
-}>;
-export {};

package/dist/editor/components/QuickSwitcher/QuickSwitcherResult.js

@@ -1,112 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QuickSwitcherResult = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../helpers/colors");
-const use_keybinding_1 = require("../../helpers/use-keybinding");
-const still_1 = require("../../icons/still");
-const video_1 = require("../../icons/video");
-const layout_1 = require("../layout");
-const container = {
-    paddingLeft: 16,
-    paddingRight: 16,
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    cursor: 'pointer',
-};
-const label = {
-    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis',
-};
-const searchLabel = {
-    ...label,
-    lineHeight: 1.25,
-};
-const iconStyle = {
-    width: 14,
-    height: 14,
-};
-const labelContainer = {
-    overflow: 'hidden',
-    flex: 1,
-    paddingTop: 5,
-    paddingBottom: 5,
-};
-const QuickSwitcherResult = ({ result, selected }) => {
-    const [hovered, setIsHovered] = (0, react_1.useState)(false);
-    const ref = (0, react_1.useRef)(null);
-    const keybindings = (0, use_keybinding_1.useKeybinding)();
-    (0, react_1.useEffect)(() => {
-        const { current } = ref;
-        if (!current) {
-            return;
-        }
-        const onMouseEnter = () => setIsHovered(true);
-        const onMouseLeave = () => setIsHovered(false);
-        current.addEventListener('mouseenter', onMouseEnter);
-        current.addEventListener('mouseleave', onMouseLeave);
-        return () => {
-            current.removeEventListener('mouseenter', onMouseEnter);
-            current.removeEventListener('mouseleave', onMouseLeave);
-        };
-    }, []);
-    (0, react_1.useEffect)(() => {
-        if (!selected) {
-            return;
-        }
-        const binding = keybindings.registerKeybinding({
-            key: 'Enter',
-            callback: result.onSelected,
-            commandCtrlKey: false,
-            event: 'keydown',
-            preventDefault: true,
-            // Input will be focused while sleection
-            triggerIfInputFieldFocused: true,
-            keepRegisteredWhenNotHighestContext: false,
-        });
-        return () => {
-            binding.unregister();
-        };
-    }, [keybindings, result.onSelected, selected]);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if (selected) {
-            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
-                block: 'nearest',
-                inline: 'center',
-            });
-        }
-    }, [selected]);
-    const style = (0, react_1.useMemo)(() => {
-        return {
-            ...container,
-            backgroundColor: (0, colors_1.getBackgroundFromHoverState)({
-                hovered,
-                selected,
-            }),
-        };
-    }, [hovered, selected]);
-    const labelStyle = (0, react_1.useMemo)(() => {
-        return {
-            ...(result.type === 'search-result' ? searchLabel : label),
-            color: result.type === 'search-result'
-                ? colors_1.LIGHT_TEXT
-                : selected || hovered
-                    ? 'white'
-                    : colors_1.LIGHT_TEXT,
-            fontSize: 15,
-        };
-    }, [hovered, result.type, selected]);
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, style: style, onClick: result.onSelected, children: [result.type === 'composition' ? (result.compositionType === 'still' ? ((0, jsx_runtime_1.jsx)(still_1.StillIcon, { color: selected ? 'white' : colors_1.LIGHT_TEXT, style: iconStyle })) : ((0, jsx_runtime_1.jsx)(video_1.FilmIcon, { color: selected ? 'white' : colors_1.LIGHT_TEXT, style: iconStyle }))) : null, (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)("div", { style: labelContainer, children: result.type === 'search-result' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { 
-                            // eslint-disable-next-line react/no-danger
-                            dangerouslySetInnerHTML: {
-                                __html: result.titleLine,
-                            }, style: labelStyle }), (0, jsx_runtime_1.jsx)("div", { 
-                            // eslint-disable-next-line react/no-danger
-                            dangerouslySetInnerHTML: {
-                                __html: result.subtitleLine,
-                            }, style: labelStyle })] })) : ((0, jsx_runtime_1.jsx)("div", { style: labelStyle, children: result.title })) })] }, result.id));
-};
-exports.QuickSwitcherResult = QuickSwitcherResult;

package/dist/editor/components/QuickSwitcher/algolia-search.d.ts

@@ -1,2 +0,0 @@
-import type { TQuickSwitcherResult } from './QuickSwitcherResult';
-export declare const algoliaSearch: (query: string) => Promise<TQuickSwitcherResult[]>;

package/dist/editor/components/QuickSwitcher/algolia-search.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.algoliaSearch = void 0;
-const truthy_1 = require("../../../truthy");
-const ALGOLIA_API_KEY = '3e42dbd4f895fe93ff5cf40d860c4a85';
-const ALGOLIA_APPLICATION_ID = 'PLSDUOL1CA';
-const AGOLIA_SEARCH_URL = 'https://plsduol1ca-dsn.algolia.net/1/indexes/*/queries';
-const algoliaSearch = async (query) => {
-    const url = new URL(AGOLIA_SEARCH_URL);
-    url.searchParams.set('x-algolia-agen', encodeURIComponent('Remotion Studio DocSearch'));
-    url.searchParams.set('x-algolia-api-key', ALGOLIA_API_KEY);
-    url.searchParams.set('x-algolia-application-id', ALGOLIA_APPLICATION_ID);
-    const { results } = await fetch(url.toString(), {
-        headers: {
-            'content-type': 'application/x-www-form-urlencoded',
-        },
-        body: JSON.stringify({
-            requests: [
-                {
-                    query,
-                    indexName: 'remotion',
-                    params: 'attributesToRetrieve=["hierarchy.lvl0","hierarchy.lvl1","hierarchy.lvl2","hierarchy.lvl3","hierarchy.lvl4","hierarchy.lvl5","hierarchy.lvl6","content","type","url"]&attributesToSnippet=["hierarchy.lvl1:10","hierarchy.lvl2:10","hierarchy.lvl3:10","hierarchy.lvl4:10","hierarchy.lvl5:10","hierarchy.lvl6:10","content:10"]&hitsPerPage=20',
-                },
-            ],
-        }),
-        method: 'POST',
-    }).then((res) => res.json());
-    const { hits } = results[0];
-    return hits
-        .map((hit) => {
-        var _a;
-        const entries = Object.values(hit._highlightResult.hierarchy);
-        const result = (_a = entries.find((value) => value.matchLevel === 'full')) !== null && _a !== void 0 ? _a : entries.find((value) => value.matchLevel === 'partial');
-        const { subtitle, title } = splitMatchIntoTitleAndSubtitle(hit);
-        if (!result) {
-            return null;
-        }
-        return {
-            type: 'search-result',
-            id: hit.objectID,
-            title: 'Should not display',
-            titleLine: title,
-            subtitleLine: subtitle,
-            onSelected: () => {
-                window.open(hit.url);
-            },
-        };
-    })
-        .filter(truthy_1.truthy);
-};
-exports.algoliaSearch = algoliaSearch;
-const splitMatchIntoTitleAndSubtitle = (match) => {
-    const main = match.type === 'content'
-        ? match._highlightResult.content
-        : match._highlightResult.hierarchy[match.type];
-    const title = main.value;
-    const subtitle = Object.entries(match._highlightResult.hierarchy)
-        .filter(([level]) => level !== match.type)
-        .map((value) => value[1].value)
-        .join(' • ');
-    return { title, subtitle };
-};

package/dist/editor/components/QuickSwitcher/fuzzy-search.d.ts

@@ -1,2 +0,0 @@
-import type { TQuickSwitcherResult } from './QuickSwitcherResult';
-export declare function fuzzySearch(query: string, dataset: TQuickSwitcherResult[]): TQuickSwitcherResult[];

package/dist/editor/components/QuickSwitcher/fuzzy-search.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fuzzySearch = void 0;
-function fuzzySearch(query, dataset) {
-    const q = query ? query.trim().toLowerCase() : '';
-    const matchingIndices = [];
-    if (q.length === 0) {
-        for (let i = 0; i < dataset.length; i++) {
-            matchingIndices.push(i);
-        }
-        return dataset.filter((_, i) => matchingIndices.includes(i));
-    }
-    dataset.forEach((d, index) => {
-        const s = d.title.trim().toLowerCase();
-        let i = 0;
-        let n = -1;
-        let l;
-        // eslint-disable-next-line no-bitwise
-        for (; (l = q[i++]);)
-            if (!~(n = s.indexOf(l, n + 1)))
-                return;
-        matchingIndices.push(index);
-    });
-    return dataset.filter((_, i) => matchingIndices.includes(i));
-}
-exports.fuzzySearch = fuzzySearch;

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

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