@remotion/cli 3.2.21 → 3.2.23-ensure-ffmpeg.123

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

@@ -0,0 +1,109 @@
+"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 film_1 = require("../../icons/film");
+const still_1 = require("../../icons/still");
+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,
+        });
+        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, { style: iconStyle })) : ((0, jsx_runtime_1.jsx)(film_1.FilmIcon, { 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", { style: labelStyle, 
+                            // eslint-disable-next-line react/no-danger
+                            dangerouslySetInnerHTML: {
+                                __html: result.titleLine,
+                            } }), (0, jsx_runtime_1.jsx)("div", { style: labelStyle, 
+                            // eslint-disable-next-line react/no-danger
+                            dangerouslySetInnerHTML: {
+                                __html: result.subtitleLine,
+                            } })] })) : ((0, jsx_runtime_1.jsx)("div", { style: labelStyle, children: result.title })) })] }, result.id));
+};
+exports.QuickSwitcherResult = QuickSwitcherResult;

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

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

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.agoliaSearch = void 0;
+const AGOLIA_API_KEY = '3e42dbd4f895fe93ff5cf40d860c4a85';
+const AGOLIA_APPLICATION_ID = 'PLSDUOL1CA';
+const AGOLIA_SEARCH_URL = 'https://plsduol1ca-dsn.algolia.net/1/indexes/*/queries';
+const agoliaSearch = async (query) => {
+    const url = new URL(AGOLIA_SEARCH_URL);
+    url.searchParams.set('x-algolia-agen', encodeURIComponent('Remotion Preview DocSearch'));
+    url.searchParams.set('x-algolia-api-key', AGOLIA_API_KEY);
+    url.searchParams.set('x-algolia-application-id', AGOLIA_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"]&snippetEllipsisText=…&highlightPreTag=<mark>&highlightPostTag=</mark>&hitsPerPage=20&facetFilters=[]',
+                },
+            ],
+        }),
+        method: 'POST',
+    }).then((res) => res.json());
+    const { hits } = results[0];
+    return hits.map((hit) => {
+        var _a;
+        return ({
+            type: 'menu-item',
+            id: hit.objectID,
+            title: (_a = hit.hierarchy[hit.type]) !== null && _a !== void 0 ? _a : '',
+            onSelected: () => {
+                window.open(hit.url);
+            },
+        });
+    });
+};
+exports.agoliaSearch = agoliaSearch;

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

@@ -0,0 +1,29 @@
+import type { TQuickSwitcherResult } from './QuickSwitcherResult';
+declare type Levels = 'lvl0' | 'lvl1' | 'lvl2' | 'lvl3' | 'lvl4' | 'lvl5' | 'lvl6';
+export declare type Match = {
+    value: string;
+    matchLevel: 'none' | 'partial' | 'full';
+};
+declare type DynamicHit = {
+    type: 'content';
+    _highlightResult: {
+        content: Match;
+        hierarchy: Record<Levels, Match>;
+    };
+} | {
+    type: Levels;
+    _highlightResult: {
+        hierarchy: Record<Levels, Match>;
+    };
+};
+declare type Hit = {
+    url: string;
+    hierarchy: Record<Levels, string | null>;
+    objectID: string;
+} & DynamicHit;
+export declare const algoliaSearch: (query: string) => Promise<TQuickSwitcherResult[]>;
+export declare const splitMatchIntoTitleAndSubtitle: (match: Hit) => {
+    title: string;
+    subtitle: string;
+};
+export {};

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

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.splitMatchIntoTitleAndSubtitle = 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 Preview 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 } = (0, exports.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 };
+};
+exports.splitMatchIntoTitleAndSubtitle = splitMatchIntoTitleAndSubtitle;

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

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

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

@@ -0,0 +1,26 @@
+"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/SizeSelector.js

@@ -84,9 +84,10 @@ const SizeSelector = () => {
                 },
                 type: 'item',
                 value: newSize.size,
-                keyHint: newSize.size ? '0' : null,
+                keyHint: newSize.size === 1 ? '0' : null,
                 leftItem: String(size.size) === String(newSize.size) ? (0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {}) : null,
                 subMenu: null,
+                quickSwitcherLabel: null,
             };
         });
     }, [setSize, size]);

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

@@ -60,7 +60,7 @@ const Timeline = () => {
                 });
             },
         };
-    });
+    }, [timeline]);
     const withoutHidden = (0, react_1.useMemo)(() => {
         return timeline.filter((t) => !(0, is_collapsed_1.isTrackHidden)(t, timeline, state));
     }, [state, timeline]);

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

@@ -43,7 +43,7 @@ const TimelineSlider = () => {
                 current.style.transform = `translateX(${(0, get_left_of_timeline_slider_1.getXPositionOfItemInTimelineImperatively)(frame, (0, imperative_state_1.getCurrentDuration)(), (_b = width !== null && width !== void 0 ? width : (_a = timeline_refs_1.sliderAreaRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 0)}px)`;
             },
         };
-    });
+    }, []);
     (0, react_1.useEffect)(() => {
         const currentRef = ref.current;
         if (!currentRef) {

package/dist/editor/components/TimelineInOutToggle.js

@@ -144,6 +144,7 @@ const TimelineInOutPointToggle = () => {
                 onInMark(e);
             },
             commandCtrlKey: false,
+            preventDefault: true,
         });
         const oKey = keybindings.registerKeybinding({
             event: 'keypress',
@@ -152,6 +153,7 @@ const TimelineInOutPointToggle = () => {
                 onOutMark(e);
             },
             commandCtrlKey: false,
+            preventDefault: true,
         });
         const xKey = keybindings.registerKeybinding({
             event: 'keypress',
@@ -160,6 +162,7 @@ const TimelineInOutPointToggle = () => {
                 onInOutClear();
             },
             commandCtrlKey: false,
+            preventDefault: true,
         });
         return () => {
             oKey.unregister();
@@ -211,7 +214,7 @@ const TimelineInOutPointToggle = () => {
                 });
             },
         };
-    });
+    }, [onInMark, onInOutClear, onOutMark, setInAndOutFrames]);
     if (!videoConfig) {
         return null;
     }