@remotion/cli 2.3.0 → 2.3.4

package/dist/editor/components/AudioWaveform.js

@@ -17,17 +17,17 @@ const canvasStyle = {
     position: 'absolute',
 };
 const AudioWaveform = ({ src, fps, startFrom, durationInFrames, visualizationWidth, setMaxMediaDuration, volume, doesVolumeChange, }) => {
-    const [metadata, setMetadata] = react_1.useState(null);
-    const mountState = react_1.useRef({ isMounted: true });
-    const canvas = react_1.useRef(null);
-    react_1.useEffect(() => {
+    const [metadata, setMetadata] = (0, react_1.useState)(null);
+    const mountState = (0, react_1.useRef)({ isMounted: true });
+    const canvas = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         const { current } = mountState;
         current.isMounted = true;
         return () => {
             current.isMounted = false;
         };
     }, []);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!canvas.current) {
             return;
         }
@@ -58,8 +58,8 @@ const AudioWaveform = ({ src, fps, startFrom, durationInFrames, visualizationWid
         context.strokeStyle = 'rgba(255, 255, 255, 0.7)';
         context.stroke();
     }, [visualizationWidth, metadata, startFrom, volume, doesVolumeChange]);
-    react_1.useEffect(() => {
-        media_utils_1.getAudioData(src)
+    (0, react_1.useEffect)(() => {
+        (0, media_utils_1.getAudioData)(src)
             .then((data) => {
             if (mountState.current.isMounted) {
                 setMaxMediaDuration(Math.floor(data.durationInSeconds * fps));
@@ -70,12 +70,12 @@ const AudioWaveform = ({ src, fps, startFrom, durationInFrames, visualizationWid
             console.error(`Could not load waveform for ${src}`, err);
         });
     }, [fps, setMaxMediaDuration, src]);
-    const normalized = react_1.useMemo(() => {
+    const normalized = (0, react_1.useMemo)(() => {
         if (!metadata || metadata.numberOfChannels === 0) {
             return [];
         }
         const numberOfSamples = Math.floor(visualizationWidth / (AudioWaveformBar_1.WAVEFORM_BAR_LENGTH + AudioWaveformBar_1.WAVEFORM_BAR_MARGIN));
-        return media_utils_1.getWaveformPortion({
+        return (0, media_utils_1.getWaveformPortion)({
             audioData: metadata,
             startTimeInSeconds: startFrom / fps,
             durationInSeconds: durationInFrames / fps,
@@ -85,10 +85,9 @@ const AudioWaveform = ({ src, fps, startFrom, durationInFrames, visualizationWid
     if (!metadata) {
         return null;
     }
-    return (jsx_runtime_1.jsxs("div", Object.assign({ style: container }, { children: [normalized.map((w) => {
-                return jsx_runtime_1.jsx(AudioWaveformBar_1.AudioWaveformBar, { amplitude: w.amplitude }, w.index);
-            }),
-            jsx_runtime_1.jsx("canvas", { ref: canvas, style: canvasStyle, width: visualizationWidth, height: timeline_layout_1.TIMELINE_LAYER_HEIGHT }, void 0)] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container }, { children: [normalized.map((w) => {
+                return (0, jsx_runtime_1.jsx)(AudioWaveformBar_1.AudioWaveformBar, { amplitude: w.amplitude }, w.index);
+            }), (0, jsx_runtime_1.jsx)("canvas", { ref: canvas, style: canvasStyle, width: visualizationWidth, height: timeline_layout_1.TIMELINE_LAYER_HEIGHT }, void 0)] }), void 0));
 };
 exports.AudioWaveform = AudioWaveform;
 //# sourceMappingURL=AudioWaveform.js.map

package/dist/editor/components/AudioWaveform.js.map

@@ -1 +1 @@
-{"version":3,"file":"AudioWaveform.js","sourceRoot":"","sources":["../../../src/editor/components/AudioWaveform.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AudioWaveform.js","sourceRoot":"","sources":["../../../src/editor/components/AudioWaveform.tsx"],"names":[],"mappings":"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"}

package/dist/editor/components/AudioWaveformBar.js

@@ -13,13 +13,13 @@ const container = {
     borderRadius: 2,
 };
 const AudioWaveformBar = ({ amplitude }) => {
-    const style = react_1.useMemo(() => {
+    const style = (0, react_1.useMemo)(() => {
         return {
             ...container,
             height: (timeline_layout_1.TIMELINE_LAYER_HEIGHT / 2) * amplitude,
         };
     }, [amplitude]);
-    return jsx_runtime_1.jsx("div", { style: style }, void 0);
+    return (0, jsx_runtime_1.jsx)("div", { style: style }, void 0);
 };
 exports.AudioWaveformBar = AudioWaveformBar;
 //# sourceMappingURL=AudioWaveformBar.js.map

package/dist/editor/components/AudioWaveformBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AudioWaveformBar.js","sourceRoot":"","sources":["../../../src/editor/components/AudioWaveformBar.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AACrC,gEAAiE;AAEpD,QAAA,mBAAmB,GAAG,CAAC,CAAC;AACxB,QAAA,mBAAmB,GAAG,CAAC,CAAC;AAErC,MAAM,SAAS,GAAwB;IACtC,KAAK,EAAE,2BAAmB;IAC1B,eAAe,EAAE,0BAA0B;IAC3C,UAAU,EAAE,2BAAmB;IAC/B,YAAY,EAAE,CAAC;CACf,CAAC;AAEK,MAAM,gBAAgB,GAExB,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE;IACpB,MAAM,KAAK,GAAG,eAAO,CAAC,GAAG,EAAE;QAC1B,OAAO;YACN,GAAG,SAAS;YACZ,MAAM,EAAE,CAAC,uCAAqB,GAAG,CAAC,CAAC,GAAG,SAAS;SAC/C,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,OAAO,2BAAK,KAAK,EAAE,KAAK,WAAI,CAAC;AAC9B,CAAC,CAAC;AAVW,QAAA,gBAAgB,oBAU3B"}
+{"version":3,"file":"AudioWaveformBar.js","sourceRoot":"","sources":["../../../src/editor/components/AudioWaveformBar.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AACrC,gEAAiE;AAEpD,QAAA,mBAAmB,GAAG,CAAC,CAAC;AACxB,QAAA,mBAAmB,GAAG,CAAC,CAAC;AAErC,MAAM,SAAS,GAAwB;IACtC,KAAK,EAAE,2BAAmB;IAC1B,eAAe,EAAE,0BAA0B;IAC3C,UAAU,EAAE,2BAAmB;IAC/B,YAAY,EAAE,CAAC;CACf,CAAC;AAEK,MAAM,gBAAgB,GAExB,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE;IACpB,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,OAAO;YACN,GAAG,SAAS;YACZ,MAAM,EAAE,CAAC,uCAAqB,GAAG,CAAC,CAAC,GAAG,SAAS;SAC/C,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,OAAO,gCAAK,KAAK,EAAE,KAAK,WAAI,CAAC;AAC9B,CAAC,CAAC;AAVW,QAAA,gBAAgB,oBAU3B"}

package/dist/editor/components/Canvas.js

@@ -16,11 +16,11 @@ exports.Container = styled_components_1.default.div `
 	position: relative;
 `;
 const Canvas = () => {
-    const ref = react_1.useRef(null);
+    const ref = (0, react_1.useRef)(null);
     const size = player_1.PlayerInternals.useElementSize(ref, {
         triggerOnWindowResize: false,
     });
-    return (jsx_runtime_1.jsx(exports.Container, Object.assign({ ref: ref }, { children: size ? jsx_runtime_1.jsx(Preview_1.VideoPreview, { canvasSize: size }, void 0) : null }), void 0));
+    return ((0, jsx_runtime_1.jsx)(exports.Container, Object.assign({ ref: ref }, { children: size ? (0, jsx_runtime_1.jsx)(Preview_1.VideoPreview, { canvasSize: size }, void 0) : null }), void 0));
 };
 exports.Canvas = Canvas;
 //# sourceMappingURL=Canvas.js.map

package/dist/editor/components/Canvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"Canvas.js","sourceRoot":"","sources":["../../../src/editor/components/Canvas.tsx"],"names":[],"mappings":";;;;;;;AAAA,6CAAiD;AACjD,iCAAoC;AACpC,0EAAuC;AACvC,uCAAuC;AAE1B,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKlC,CAAC;AAEK,MAAM,MAAM,GAAa,GAAG,EAAE;IACpC,MAAM,GAAG,GAAG,cAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,IAAI,GAAG,wBAAe,CAAC,cAAc,CAAC,GAAG,EAAE;QAChD,qBAAqB,EAAE,KAAK;KAC5B,CAAC,CAAC;IAEH,OAAO,CACN,kBAAC,iBAAS,kBAAC,GAAG,EAAE,GAAG,gBACjB,IAAI,CAAC,CAAC,CAAC,kBAAC,sBAAY,IAAC,UAAU,EAAE,IAAI,WAAI,CAAC,CAAC,CAAC,IAAI,YACtC,CACZ,CAAC;AACH,CAAC,CAAC;AAZW,QAAA,MAAM,UAYjB"}
+{"version":3,"file":"Canvas.js","sourceRoot":"","sources":["../../../src/editor/components/Canvas.tsx"],"names":[],"mappings":";;;;;;;AAAA,6CAAiD;AACjD,iCAAoC;AACpC,0EAAuC;AACvC,uCAAuC;AAE1B,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKlC,CAAC;AAEK,MAAM,MAAM,GAAa,GAAG,EAAE;IACpC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,IAAI,GAAG,wBAAe,CAAC,cAAc,CAAC,GAAG,EAAE;QAChD,qBAAqB,EAAE,KAAK;KAC5B,CAAC,CAAC;IAEH,OAAO,CACN,uBAAC,iBAAS,kBAAC,GAAG,EAAE,GAAG,gBACjB,IAAI,CAAC,CAAC,CAAC,uBAAC,sBAAY,IAAC,UAAU,EAAE,IAAI,WAAI,CAAC,CAAC,CAAC,IAAI,YACtC,CACZ,CAAC;AACH,CAAC,CAAC;AAZW,QAAA,MAAM,UAYjB"}

package/dist/editor/components/CheckboardToggle.js

@@ -6,14 +6,14 @@ const react_1 = require("react");
 const checkerboard_1 = require("../state/checkerboard");
 const ControlButton_1 = require("./ControlButton");
 const CheckboardToggle = () => {
-    const { checkerboard, setCheckerboard } = react_1.useContext(checkerboard_1.CheckerboardContext);
-    const onClick = react_1.useCallback(() => {
+    const { checkerboard, setCheckerboard } = (0, react_1.useContext)(checkerboard_1.CheckerboardContext);
+    const onClick = (0, react_1.useCallback)(() => {
         setCheckerboard((c) => {
-            checkerboard_1.persistCheckerboardOption(!c);
+            (0, checkerboard_1.persistCheckerboardOption)(!c);
             return !c;
         });
     }, [setCheckerboard]);
-    return (jsx_runtime_1.jsx(ControlButton_1.ControlButton, Object.assign({ "aria-label": "Show transparency as checkerboard", onClick: onClick }, { children: jsx_runtime_1.jsx("svg", Object.assign({ "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "game-board-alt", className: "svg-inline--fa fa-game-board-alt fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", style: { width: 16, height: 16 } }, { children: jsx_runtime_1.jsx("path", { fill: checkerboard ? 'var(--blue)' : 'white', d: "M480 0H32A32 32 0 0 0 0 32v448a32 32 0 0 0 32 32h448a32 32 0 0 0 32-32V32a32 32 0 0 0-32-32zm-32 256H256v192H64V256h192V64h192z" }, void 0) }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, Object.assign({ "aria-label": "Show transparency as checkerboard", onClick: onClick }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "game-board-alt", className: "svg-inline--fa fa-game-board-alt fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", style: { width: 16, height: 16 } }, { children: (0, jsx_runtime_1.jsx)("path", { fill: checkerboard ? 'var(--blue)' : 'white', d: "M480 0H32A32 32 0 0 0 0 32v448a32 32 0 0 0 32 32h448a32 32 0 0 0 32-32V32a32 32 0 0 0-32-32zm-32 256H256v192H64V256h192V64h192z" }, void 0) }), void 0) }), void 0));
 };
 exports.CheckboardToggle = CheckboardToggle;
 //# sourceMappingURL=CheckboardToggle.js.map

package/dist/editor/components/CheckboardToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboardToggle.js","sourceRoot":"","sources":["../../../src/editor/components/CheckboardToggle.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqD;AACrD,wDAG+B;AAC/B,mDAA8C;AAEvC,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC9C,MAAM,EAAC,YAAY,EAAE,eAAe,EAAC,GAAG,kBAAU,CAAC,kCAAmB,CAAC,CAAC;IAExE,MAAM,OAAO,GAAG,mBAAW,CAAC,GAAG,EAAE;QAChC,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE;YACrB,wCAAyB,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,OAAO,CAAC,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACN,kBAAC,6BAAa,gCACF,mCAAmC,EAC9C,OAAO,EAAE,OAAO,gBAEhB,wDACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,gBAAgB,EAC1B,SAAS,EAAC,0CAA0C,EACpD,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAC,gBAE9B,4BACC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,EAC5C,CAAC,EAAC,iIAAiI,WAClI,YACG,YACS,CAChB,CAAC;AACH,CAAC,CAAC;AAjCW,QAAA,gBAAgB,oBAiC3B"}
+{"version":3,"file":"CheckboardToggle.js","sourceRoot":"","sources":["../../../src/editor/components/CheckboardToggle.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqD;AACrD,wDAG+B;AAC/B,mDAA8C;AAEvC,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC9C,MAAM,EAAC,YAAY,EAAE,eAAe,EAAC,GAAG,IAAA,kBAAU,EAAC,kCAAmB,CAAC,CAAC;IAExE,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChC,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE;YACrB,IAAA,wCAAyB,EAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,OAAO,CAAC,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACN,uBAAC,6BAAa,gCACF,mCAAmC,EAC9C,OAAO,EAAE,OAAO,gBAEhB,6DACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,gBAAgB,EAC1B,SAAS,EAAC,0CAA0C,EACpD,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAC,gBAE9B,iCACC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,EAC5C,CAAC,EAAC,iIAAiI,WAClI,YACG,YACS,CAChB,CAAC;AACH,CAAC,CAAC;AAjCW,QAAA,gBAAgB,oBAiC3B"}

package/dist/editor/components/ClipboardIcon.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ClipboardIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ClipboardIcon = () => {
-    return (jsx_runtime_1.jsx("svg", Object.assign({ "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: {
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ "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: 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" }, void 0) }), void 0));
+        } }, { 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" }, void 0) }), void 0));
 };
 exports.ClipboardIcon = ClipboardIcon;
 //# sourceMappingURL=ClipboardIcon.js.map

package/dist/editor/components/ClipboardIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClipboardIcon.js","sourceRoot":"","sources":["../../../src/editor/components/ClipboardIcon.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,OAAO,CACN,wDACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,WAAW,EACrB,SAAS,EAAC,qCAAqC,EAC/C,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE;YACN,MAAM,EAAE,EAAE;YACV,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,CAAC,CAAC;SACb,gBAED,4BACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qWAAqW,WACtW,YACG,CACN,CAAC;AACH,CAAC,CAAC;AAvBW,QAAA,aAAa,iBAuBxB"}
+{"version":3,"file":"ClipboardIcon.js","sourceRoot":"","sources":["../../../src/editor/components/ClipboardIcon.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,OAAO,CACN,6DACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,WAAW,EACrB,SAAS,EAAC,qCAAqC,EAC/C,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE;YACN,MAAM,EAAE,EAAE;YACV,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,CAAC,CAAC;SACb,gBAED,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qWAAqW,WACtW,YACG,CACN,CAAC;AACH,CAAC,CAAC;AAvBW,QAAA,aAAa,iBAuBxB"}

package/dist/editor/components/CompositionSelector.js

@@ -53,20 +53,20 @@ const spacer = {
     width: 6,
 };
 const CompositionSelector = () => {
-    const { compositions, setCurrentComposition, currentComposition } = react_1.useContext(remotion_1.Internals.CompositionManager);
+    const { compositions, setCurrentComposition, currentComposition } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
     const setCurrentFrame = remotion_1.Internals.Timeline.useTimelineSetFrame();
-    const selectComposition = react_1.useCallback((c) => {
+    const selectComposition = (0, react_1.useCallback)((c) => {
         window.history.pushState({}, 'Preview', `/${c.id}`);
-        const frame = FramePersistor_1.getFrameForComposition(c.id);
+        const frame = (0, FramePersistor_1.getFrameForComposition)(c.id);
         const frameInBounds = Math.min(c.durationInFrames - 1, frame);
         setCurrentFrame(frameInBounds);
         setCurrentComposition(c.id);
     }, [setCurrentComposition, setCurrentFrame]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (currentComposition) {
             return;
         }
-        const compositionFromUrl = FramePersistor_1.getCurrentCompositionFromUrl();
+        const compositionFromUrl = (0, FramePersistor_1.getCurrentCompositionFromUrl)();
         if (compositionFromUrl) {
             const exists = compositions.find((c) => c.id === compositionFromUrl);
             if (exists) {
@@ -78,13 +78,11 @@ const CompositionSelector = () => {
             selectComposition(compositions[0]);
         }
     }, [compositions, currentComposition, selectComposition]);
-    return (jsx_runtime_1.jsxs(Container, { children: [jsx_runtime_1.jsx(CurrentComposition_1.CurrentComposition, {}, void 0),
-            jsx_runtime_1.jsx(List, { children: compositions.map((c) => {
-                    return (jsx_runtime_1.jsxs(Item, Object.assign({ href: c.id, selected: currentComposition === c.id, onClick: (evt) => {
+    return ((0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsx)(CurrentComposition_1.CurrentComposition, {}, void 0), (0, jsx_runtime_1.jsx)(List, { children: compositions.map((c) => {
+                    return ((0, jsx_runtime_1.jsxs)(Item, Object.assign({ href: c.id, selected: currentComposition === c.id, onClick: (evt) => {
                             evt.preventDefault();
                             selectComposition(c);
-                        } }, { children: [is_composition_still_1.isCompositionStill(c) ? (jsx_runtime_1.jsx(still_1.StillIcon, { style: { height: 18, width: 18 } }, void 0)) : (jsx_runtime_1.jsx(film_1.FilmIcon, { style: { height: 18, width: 18 } }, void 0)),
-                            jsx_runtime_1.jsx("div", { style: spacer }, void 0), c.id] }), c.id));
+                        } }, { children: [(0, is_composition_still_1.isCompositionStill)(c) ? ((0, jsx_runtime_1.jsx)(still_1.StillIcon, { style: { height: 18, width: 18 } }, void 0)) : ((0, jsx_runtime_1.jsx)(film_1.FilmIcon, { style: { height: 18, width: 18 } }, void 0)), (0, jsx_runtime_1.jsx)("div", { style: spacer }, void 0), c.id] }), c.id));
                 }) }, void 0)] }, void 0));
 };
 exports.CompositionSelector = CompositionSelector;

package/dist/editor/components/CompositionSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompositionSelector.js","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelector.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CompositionSelector.js","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelector.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const CopyButton: React.FC<{
+    textToCopy: string;
+    label: string;
+    labelWhenCopied: string;
+}>;
+//# sourceMappingURL=CopyButton.d.ts.map

package/dist/editor/components/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../src/editor/components/CopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AA2C9D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;CACxB,CAyBA,CAAC"}

package/dist/editor/components/CopyButton.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../helpers/colors");
+const copy_text_1 = require("../helpers/copy-text");
+const layout_1 = require("./layout");
+const copyIcon = ((0, jsx_runtime_1.jsx)("svg", Object.assign({ "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: { width: 16, height: 16, color: 'white' } }, { 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" }, void 0) }), void 0));
+const container = {
+    padding: 10,
+    cursor: 'pointer',
+    fontSize: 14,
+};
+const button = {
+    border: `1px solid ${colors_1.INPUT_BORDER_COLOR_UNHOVERED}`,
+    borderRadius: 4,
+    backgroundColor: colors_1.INPUT_BACKGROUND,
+    appearance: 'none',
+    fontFamily: 'inherit',
+    fontSize: 16,
+    color: 'white',
+};
+const CopyButton = ({ textToCopy, label, labelWhenCopied }) => {
+    const [copied, setCopied] = (0, react_1.useState)(false);
+    const onClick = (0, react_1.useCallback)(() => {
+        (0, copy_text_1.copyCmd)(textToCopy);
+        setCopied(Date.now());
+    }, [textToCopy]);
+    (0, react_1.useEffect)(() => {
+        if (!copied) {
+            return;
+        }
+        const to = setTimeout(() => setCopied(false), 2000);
+        return () => clearTimeout(to);
+    }, [copied]);
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: onClick, style: button, type: "button" }, { children: (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ style: container }, { children: [copyIcon, (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1.5 }, void 0), " ", copied ? labelWhenCopied : label] }), void 0) }), void 0));
+};
+exports.CopyButton = CopyButton;
+//# sourceMappingURL=CopyButton.js.map

package/dist/editor/components/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../src/editor/components/CopyButton.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8D;AAC9D,8CAG2B;AAC3B,oDAA6C;AAC7C,qCAAsC;AAEtC,MAAM,QAAQ,GAAG,CAChB,6DACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,WAAW,EACrB,SAAS,EAAC,qCAAqC,EAC/C,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAC,gBAE9C,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qWAAqW,WACtW,YACG,CACN,CAAC;AAEF,MAAM,SAAS,GAAwB;IACtC,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,MAAM,GAAwB;IACnC,MAAM,EAAE,aAAa,qCAA4B,EAAE;IACnD,YAAY,EAAE,CAAC;IACf,eAAe,EAAE,yBAAgB;IACjC,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,OAAO;CACd,CAAC;AAEK,MAAM,UAAU,GAIlB,CAAC,EAAC,UAAU,EAAE,KAAK,EAAE,eAAe,EAAC,EAAE,EAAE;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAiB,KAAK,CAAC,CAAC;IAE5D,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChC,IAAA,mBAAO,EAAC,UAAU,CAAC,CAAC;QACpB,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,MAAM,EAAE;YACZ,OAAO;SACP;QAED,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACN,iDAAQ,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAC,QAAQ,gBACrD,wBAAC,YAAG,kBAAC,KAAK,EAAE,SAAS,iBACnB,QAAQ,EACT,uBAAC,gBAAO,IAAC,CAAC,EAAE,GAAG,WAAI,OAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,aAChD,YACE,CACT,CAAC;AACH,CAAC,CAAC;AA7BW,QAAA,UAAU,cA6BrB"}

package/dist/editor/components/CurrentComposition.js

@@ -40,17 +40,13 @@ const Space = styled_components_1.default.div `
 const targetHeight = 60;
 const targetWidth = (targetHeight * 16) / 9;
 const CurrentComposition = () => {
-    const richTimelineContext = react_1.useContext(rich_timeline_1.RichTimelineContext);
+    const richTimelineContext = (0, react_1.useContext)(rich_timeline_1.RichTimelineContext);
     const video = remotion_1.Internals.useVideo();
     if (!video) {
-        return jsx_runtime_1.jsx(Container, {}, void 0);
+        return (0, jsx_runtime_1.jsx)(Container, {}, void 0);
     }
     const frameToDisplay = Math.floor(video.durationInFrames / 2);
-    return (jsx_runtime_1.jsx(Container, { children: jsx_runtime_1.jsxs(Row, { children: [richTimelineContext.richTimeline ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx(Thumbnail_1.Thumbnail, { composition: video, targetHeight: targetHeight, targetWidth: targetWidth, frameToDisplay: frameToDisplay }, void 0),
-                        jsx_runtime_1.jsx(Space, {}, void 0)] }, void 0)) : null,
-                jsx_runtime_1.jsxs("div", { children: [jsx_runtime_1.jsx(Title, { children: video.id }, void 0),
-                        jsx_runtime_1.jsxs(Subtitle, { children: [video.width, "x", video.height, is_composition_still_1.isCompositionStill(video) ? null : `, ${video.fps} FPS`] }, void 0),
-                        is_composition_still_1.isCompositionStill(video) ? (jsx_runtime_1.jsx(Subtitle, { children: "Still" }, void 0)) : (jsx_runtime_1.jsxs(Subtitle, { children: ["Duration ", render_frame_1.renderFrame(video.durationInFrames, video.fps)] }, void 0))] }, void 0)] }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(Container, { children: (0, jsx_runtime_1.jsxs)(Row, { children: [richTimelineContext.richTimeline ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Thumbnail_1.Thumbnail, { composition: video, targetHeight: targetHeight, targetWidth: targetWidth, frameToDisplay: frameToDisplay }, void 0), (0, jsx_runtime_1.jsx)(Space, {}, void 0)] }, void 0)) : null, (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Title, { children: video.id }, void 0), (0, jsx_runtime_1.jsxs)(Subtitle, { children: [video.width, "x", video.height, (0, is_composition_still_1.isCompositionStill)(video) ? null : `, ${video.fps} FPS`] }, void 0), (0, is_composition_still_1.isCompositionStill)(video) ? ((0, jsx_runtime_1.jsx)(Subtitle, { children: "Still" }, void 0)) : ((0, jsx_runtime_1.jsxs)(Subtitle, { children: ["Duration ", (0, render_frame_1.renderFrame)(video.durationInFrames, video.fps)] }, void 0))] }, void 0)] }, void 0) }, void 0));
 };
 exports.CurrentComposition = CurrentComposition;
 //# sourceMappingURL=CurrentComposition.js.map

package/dist/editor/components/CurrentComposition.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrentComposition.js","sourceRoot":"","sources":["../../../src/editor/components/CurrentComposition.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAwC;AACxC,uCAAmC;AACnC,0EAAuC;AACvC,0EAAmE;AACnE,wDAAkD;AAClD,0DAA2D;AAC3D,2CAAsC;AAEtC,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAO3B,CAAC;AAEF,MAAM,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIvB,CAAC;AAEF,MAAM,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAI1B,CAAC;AAEF,MAAM,GAAG,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGrB,CAAC;AAEF,MAAM,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEvB,CAAC;AAEF,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,WAAW,GAAG,CAAC,YAAY,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;AAErC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACtC,MAAM,mBAAmB,GAAG,kBAAU,CAAC,mCAAmB,CAAC,CAAC;IAC5D,MAAM,KAAK,GAAG,oBAAS,CAAC,QAAQ,EAAE,CAAC;IACnC,IAAI,CAAC,KAAK,EAAE;QACX,OAAO,kBAAC,SAAS,aAAG,CAAC;KACrB;IAED,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;IAC9D,OAAO,CACN,kBAAC,SAAS,cACT,mBAAC,GAAG,eACF,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,CACnC,wDACC,kBAAC,qBAAS,IACT,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,WAC7B;wBACF,kBAAC,KAAK,aAAG,YACP,CACH,CAAC,CAAC,CAAC,IAAI;gBACR,uCACC,kBAAC,KAAK,cAAE,KAAK,CAAC,EAAE,WAAS;wBACzB,mBAAC,QAAQ,eACP,KAAK,CAAC,KAAK,OAAG,KAAK,CAAC,MAAM,EAC1B,yCAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,MAAM,YAC9C;wBACV,yCAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B,kBAAC,QAAQ,gCAAiB,CAC1B,CAAC,CAAC,CAAC,CACH,mBAAC,QAAQ,4BACE,0BAAW,CAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,YAC9C,CACX,YACI,YACD,WACK,CACZ,CAAC;AACH,CAAC,CAAC;AAvCW,QAAA,kBAAkB,sBAuC7B"}
+{"version":3,"file":"CurrentComposition.js","sourceRoot":"","sources":["../../../src/editor/components/CurrentComposition.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAwC;AACxC,uCAAmC;AACnC,0EAAuC;AACvC,0EAAmE;AACnE,wDAAkD;AAClD,0DAA2D;AAC3D,2CAAsC;AAEtC,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAO3B,CAAC;AAEF,MAAM,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIvB,CAAC;AAEF,MAAM,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAI1B,CAAC;AAEF,MAAM,GAAG,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGrB,CAAC;AAEF,MAAM,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEvB,CAAC;AAEF,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,WAAW,GAAG,CAAC,YAAY,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;AAErC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACtC,MAAM,mBAAmB,GAAG,IAAA,kBAAU,EAAC,mCAAmB,CAAC,CAAC;IAC5D,MAAM,KAAK,GAAG,oBAAS,CAAC,QAAQ,EAAE,CAAC;IACnC,IAAI,CAAC,KAAK,EAAE;QACX,OAAO,uBAAC,SAAS,aAAG,CAAC;KACrB;IAED,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;IAC9D,OAAO,CACN,uBAAC,SAAS,cACT,wBAAC,GAAG,eACF,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,CACnC,6DACC,uBAAC,qBAAS,IACT,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,WAC7B,EACF,uBAAC,KAAK,aAAG,YACP,CACH,CAAC,CAAC,CAAC,IAAI,EACR,4CACC,uBAAC,KAAK,cAAE,KAAK,CAAC,EAAE,WAAS,EACzB,wBAAC,QAAQ,eACP,KAAK,CAAC,KAAK,OAAG,KAAK,CAAC,MAAM,EAC1B,IAAA,yCAAkB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,MAAM,YAC9C,EACV,IAAA,yCAAkB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B,uBAAC,QAAQ,gCAAiB,CAC1B,CAAC,CAAC,CAAC,CACH,wBAAC,QAAQ,4BACE,IAAA,0BAAW,EAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,YAC9C,CACX,YACI,YACD,WACK,CACZ,CAAC;AACH,CAAC,CAAC;AAvCW,QAAA,kBAAkB,sBAuC7B"}

package/dist/editor/components/Editor.js

@@ -25,37 +25,37 @@ const Background = styled_components_1.default.div `
 `;
 const Root = remotion_1.Internals.getRoot();
 const Editor = () => {
-    const [emitter] = react_1.useState(() => new player_1.PlayerInternals.PlayerEmitter());
-    const [size, setSize] = react_1.useState(() => preview_size_1.loadPreviewSizeOption());
-    const [checkerboard, setCheckerboard] = react_1.useState(() => checkerboard_1.loadCheckerboardOption());
-    const [richTimeline, setRichTimeline] = react_1.useState(() => rich_timeline_1.loadRichTimelineOption());
-    const [mediaMuted, setMediaMuted] = react_1.useState(false);
-    const [mediaVolume, setMediaVolume] = react_1.useState(1);
-    const previewSizeCtx = react_1.useMemo(() => {
+    const [emitter] = (0, react_1.useState)(() => new player_1.PlayerInternals.PlayerEmitter());
+    const [size, setSize] = (0, react_1.useState)(() => (0, preview_size_1.loadPreviewSizeOption)());
+    const [checkerboard, setCheckerboard] = (0, react_1.useState)(() => (0, checkerboard_1.loadCheckerboardOption)());
+    const [richTimeline, setRichTimeline] = (0, react_1.useState)(() => (0, rich_timeline_1.loadRichTimelineOption)());
+    const [mediaMuted, setMediaMuted] = (0, react_1.useState)(false);
+    const [mediaVolume, setMediaVolume] = (0, react_1.useState)(1);
+    const previewSizeCtx = (0, react_1.useMemo)(() => {
         return {
             size,
             setSize,
         };
     }, [size]);
-    const checkerboardCtx = react_1.useMemo(() => {
+    const checkerboardCtx = (0, react_1.useMemo)(() => {
         return {
             checkerboard,
             setCheckerboard,
         };
     }, [checkerboard]);
-    const richTimelineCtx = react_1.useMemo(() => {
+    const richTimelineCtx = (0, react_1.useMemo)(() => {
         return {
             richTimeline,
             setRichTimeline,
         };
     }, [richTimeline]);
-    const mediaVolumeContextValue = react_1.useMemo(() => {
+    const mediaVolumeContextValue = (0, react_1.useMemo)(() => {
         return {
             mediaMuted,
             mediaVolume,
         };
     }, [mediaMuted, mediaVolume]);
-    const setMediaVolumeContextValue = react_1.useMemo(() => {
+    const setMediaVolumeContextValue = (0, react_1.useMemo)(() => {
         return {
             setMediaMuted,
             setMediaVolume,
@@ -64,10 +64,7 @@ const Editor = () => {
     if (!Root) {
         throw new Error('Root has not been registered. ');
     }
-    return (jsx_runtime_1.jsx(rich_timeline_1.RichTimelineContext.Provider, Object.assign({ value: richTimelineCtx }, { children: jsx_runtime_1.jsx(checkerboard_1.CheckerboardContext.Provider, Object.assign({ value: checkerboardCtx }, { children: jsx_runtime_1.jsx(preview_size_1.PreviewSizeContext.Provider, Object.assign({ value: previewSizeCtx }, { children: jsx_runtime_1.jsx(remotion_1.Internals.MediaVolumeContext.Provider, Object.assign({ value: mediaVolumeContextValue }, { children: jsx_runtime_1.jsx(remotion_1.Internals.SetMediaVolumeContext.Provider, Object.assign({ value: setMediaVolumeContextValue }, { children: jsx_runtime_1.jsx(player_1.PlayerInternals.PlayerEventEmitterContext.Provider, Object.assign({ value: emitter }, { children: jsx_runtime_1.jsxs(Background, { children: [jsx_runtime_1.jsx(Root, {}, void 0),
-                                    jsx_runtime_1.jsx(UpdateCheck_1.UpdateCheck, {}, void 0),
-                                    jsx_runtime_1.jsx(FramePersistor_1.FramePersistor, {}, void 0),
-                                    jsx_runtime_1.jsx(EditorContent_1.EditorContent, {}, void 0)] }, void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(rich_timeline_1.RichTimelineContext.Provider, Object.assign({ value: richTimelineCtx }, { children: (0, jsx_runtime_1.jsx)(checkerboard_1.CheckerboardContext.Provider, Object.assign({ value: checkerboardCtx }, { children: (0, jsx_runtime_1.jsx)(preview_size_1.PreviewSizeContext.Provider, Object.assign({ value: previewSizeCtx }, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.MediaVolumeContext.Provider, Object.assign({ value: mediaVolumeContextValue }, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SetMediaVolumeContext.Provider, Object.assign({ value: setMediaVolumeContextValue }, { children: (0, jsx_runtime_1.jsx)(player_1.PlayerInternals.PlayerEventEmitterContext.Provider, Object.assign({ value: emitter }, { children: (0, jsx_runtime_1.jsxs)(Background, { children: [(0, jsx_runtime_1.jsx)(Root, {}, void 0), (0, jsx_runtime_1.jsx)(UpdateCheck_1.UpdateCheck, {}, void 0), (0, jsx_runtime_1.jsx)(FramePersistor_1.FramePersistor, {}, void 0), (0, jsx_runtime_1.jsx)(EditorContent_1.EditorContent, {}, void 0)] }, void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0));
 };
 exports.Editor = Editor;
 //# sourceMappingURL=Editor.js.map

package/dist/editor/components/Editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../src/editor/components/Editor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../src/editor/components/Editor.tsx"],"names":[],"mappings":"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"}

package/dist/editor/components/EditorContent.js

@@ -9,13 +9,11 @@ const SplitterHandle_1 = require("./Splitter/SplitterHandle");
 const Timeline_1 = require("./Timeline/Timeline");
 const TopPanel_1 = require("./TopPanel");
 const EditorContent = () => {
-    const isStill = is_current_selected_still_1.useIsStill();
+    const isStill = (0, is_current_selected_still_1.useIsStill)();
     if (isStill) {
-        return jsx_runtime_1.jsx(TopPanel_1.TopPanel, {}, void 0);
+        return (0, jsx_runtime_1.jsx)(TopPanel_1.TopPanel, {}, void 0);
     }
-    return (jsx_runtime_1.jsxs(SplitterContainer_1.SplitterContainer, Object.assign({ orientation: "horizontal", id: "top-to-bottom", maxFlex: 0.9, minFlex: 0.2, defaultFlex: 0.75 }, { children: [jsx_runtime_1.jsx(SplitterElement_1.SplitterElement, Object.assign({ type: "flexer" }, { children: jsx_runtime_1.jsx(TopPanel_1.TopPanel, {}, void 0) }), void 0),
-            jsx_runtime_1.jsx(SplitterHandle_1.SplitterHandle, {}, void 0),
-            jsx_runtime_1.jsx(SplitterElement_1.SplitterElement, Object.assign({ type: "anti-flexer" }, { children: jsx_runtime_1.jsx(Timeline_1.Timeline, {}, void 0) }), void 0)] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(SplitterContainer_1.SplitterContainer, Object.assign({ orientation: "horizontal", id: "top-to-bottom", maxFlex: 0.9, minFlex: 0.2, defaultFlex: 0.75 }, { children: [(0, jsx_runtime_1.jsx)(SplitterElement_1.SplitterElement, Object.assign({ type: "flexer" }, { children: (0, jsx_runtime_1.jsx)(TopPanel_1.TopPanel, {}, void 0) }), void 0), (0, jsx_runtime_1.jsx)(SplitterHandle_1.SplitterHandle, {}, void 0), (0, jsx_runtime_1.jsx)(SplitterElement_1.SplitterElement, Object.assign({ type: "anti-flexer" }, { children: (0, jsx_runtime_1.jsx)(Timeline_1.Timeline, {}, void 0) }), void 0)] }), void 0));
 };
 exports.EditorContent = EditorContent;
 //# sourceMappingURL=EditorContent.js.map

package/dist/editor/components/EditorContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorContent.js","sourceRoot":"","sources":["../../../src/editor/components/EditorContent.tsx"],"names":[],"mappings":";;;;AACA,oFAAgE;AAChE,oEAA+D;AAC/D,gEAA2D;AAC3D,8DAAyD;AACzD,kDAA6C;AAC7C,yCAAoC;AAE7B,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,MAAM,OAAO,GAAG,sCAAU,EAAE,CAAC;IAE7B,IAAI,OAAO,EAAE;QACZ,OAAO,kBAAC,mBAAQ,aAAG,CAAC;KACpB;IAED,OAAO,CACN,mBAAC,qCAAiB,kBACjB,WAAW,EAAC,YAAY,EACxB,EAAE,EAAC,eAAe,EAClB,OAAO,EAAE,GAAG,EACZ,OAAO,EAAE,GAAG,EACZ,WAAW,EAAE,IAAI,iBAEjB,kBAAC,iCAAe,kBAAC,IAAI,EAAC,QAAQ,gBAC7B,kBAAC,mBAAQ,aAAG,YACK;YAClB,kBAAC,+BAAc,aAAG;YAClB,kBAAC,iCAAe,kBAAC,IAAI,EAAC,aAAa,gBAClC,kBAAC,mBAAQ,aAAG,YACK,aACC,CACpB,CAAC;AACH,CAAC,CAAC;AAxBW,QAAA,aAAa,iBAwBxB"}
+{"version":3,"file":"EditorContent.js","sourceRoot":"","sources":["../../../src/editor/components/EditorContent.tsx"],"names":[],"mappings":";;;;AACA,oFAAgE;AAChE,oEAA+D;AAC/D,gEAA2D;AAC3D,8DAAyD;AACzD,kDAA6C;AAC7C,yCAAoC;AAE7B,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,MAAM,OAAO,GAAG,IAAA,sCAAU,GAAE,CAAC;IAE7B,IAAI,OAAO,EAAE;QACZ,OAAO,uBAAC,mBAAQ,aAAG,CAAC;KACpB;IAED,OAAO,CACN,wBAAC,qCAAiB,kBACjB,WAAW,EAAC,YAAY,EACxB,EAAE,EAAC,eAAe,EAClB,OAAO,EAAE,GAAG,EACZ,OAAO,EAAE,GAAG,EACZ,WAAW,EAAE,IAAI,iBAEjB,uBAAC,iCAAe,kBAAC,IAAI,EAAC,QAAQ,gBAC7B,uBAAC,mBAAQ,aAAG,YACK,EAClB,uBAAC,+BAAc,aAAG,EAClB,uBAAC,iCAAe,kBAAC,IAAI,EAAC,aAAa,gBAClC,uBAAC,mBAAQ,aAAG,YACK,aACC,CACpB,CAAC;AACH,CAAC,CAAC;AAxBW,QAAA,aAAa,iBAwBxB"}

package/dist/editor/components/FpsCounter.js

@@ -21,17 +21,17 @@ const FpsCounter = () => {
     const videoConfig = remotion_1.Internals.useUnsafeVideoConfig();
     const [playing] = remotion_1.Internals.Timeline.usePlayingState();
     const frame = remotion_1.Internals.Timeline.useTimelinePosition();
-    const [marker, rerender] = react_1.useState({});
-    const [fps, setFps] = react_1.useState(0);
-    const previousUpdates = react_1.useRef([]);
-    const fpsRef = react_1.useRef(0);
-    const playingRef = react_1.useRef(playing);
-    react_1.useLayoutEffect(() => {
+    const [marker, rerender] = (0, react_1.useState)({});
+    const [fps, setFps] = (0, react_1.useState)(0);
+    const previousUpdates = (0, react_1.useRef)([]);
+    const fpsRef = (0, react_1.useRef)(0);
+    const playingRef = (0, react_1.useRef)(playing);
+    (0, react_1.useLayoutEffect)(() => {
         fpsRef.current = 0;
         previousUpdates.current = [];
         playingRef.current = playing;
     }, [playing]);
-    react_1.useLayoutEffect(() => {
+    (0, react_1.useLayoutEffect)(() => {
         if (playingRef.current === false)
             return;
         previousUpdates.current = pushWithMaxSize(previousUpdates.current, performance.now(), 15);
@@ -45,7 +45,7 @@ const FpsCounter = () => {
             setFps(fpsRef.current);
         /* This effect should depends only on frame, otherwise it will push extra updates to ref and fps will be wrong */
     }, [frame]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (playing) {
             const t = setTimeout(() => {
                 rerender({});
@@ -64,7 +64,7 @@ const FpsCounter = () => {
         return null;
     }
     const style = { color: fps < videoConfig.fps * 0.9 ? 'red' : 'white' };
-    return jsx_runtime_1.jsxs(Label, Object.assign({ style: style }, { children: [fps.toFixed(1), " FPS"] }), void 0);
+    return (0, jsx_runtime_1.jsxs)(Label, Object.assign({ style: style }, { children: [fps.toFixed(1), " FPS"] }), void 0);
 };
 exports.FpsCounter = FpsCounter;
 //# sourceMappingURL=FpsCounter.js.map

package/dist/editor/components/FpsCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"FpsCounter.js","sourceRoot":"","sources":["../../../src/editor/components/FpsCounter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FpsCounter.js","sourceRoot":"","sources":["../../../src/editor/components/FpsCounter.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA0E;AAC1E,uCAAmC;AACnC,0EAAuC;AAEvC,MAAM,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIvB,CAAC;AAEF,MAAM,eAAe,GAAG,CACvB,GAAa,EACb,KAAa,EACb,OAAe,EACJ,EAAE;IACb,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChB,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;AAC5B,CAAC,CAAC;AAEK,MAAM,UAAU,GAAa,GAAG,EAAE;IACxC,MAAM,WAAW,GAAG,oBAAS,CAAC,oBAAoB,EAAE,CAAC;IACrD,MAAM,CAAC,OAAO,CAAC,GAAG,oBAAS,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;IACvD,MAAM,KAAK,GAAG,oBAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;IAEvD,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACxC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAElC,MAAM,eAAe,GAAG,IAAA,cAAM,EAAW,EAAE,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,IAAA,cAAM,EAAS,CAAC,CAAC,CAAC;IACjC,MAAM,UAAU,GAAG,IAAA,cAAM,EAAU,OAAO,CAAC,CAAC;IAE5C,IAAA,uBAAe,EAAC,GAAG,EAAE;QACpB,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC;QACnB,eAAe,CAAC,OAAO,GAAG,EAAE,CAAC;QAC7B,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAC9B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAA,uBAAe,EAAC,GAAG,EAAE;QACpB,IAAI,UAAU,CAAC,OAAO,KAAK,KAAK;YAAE,OAAO;QAEzC,eAAe,CAAC,OAAO,GAAG,eAAe,CACxC,eAAe,CAAC,OAAO,EACvB,WAAW,CAAC,GAAG,EAAE,EACjB,EAAE,CACF,CAAC;QAEF,IAAI,eAAe,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO;QAE/C,MAAM,IAAI,GACT,IAAI,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC;YACpC,IAAI,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;QACtC,MAAM,sBAAsB,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC3E,MAAM,CAAC,OAAO,GAAG,IAAI,GAAG,sBAAsB,CAAC;QAE/C,IAAI,eAAe,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACjE,iHAAiH;IAClH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,OAAO,EAAE;YACZ,MAAM,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE;gBACzB,QAAQ,CAAC,EAAE,CAAC,CAAC;gBACb,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACxB,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;SAC7B;IACF,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,IAAI,GAAG,KAAK,CAAC,EAAE;QACd,OAAO,IAAI,CAAC;KACZ;IAED,IAAI,OAAO,KAAK,KAAK,EAAE;QACtB,OAAO,IAAI,CAAC;KACZ;IAED,IAAI,WAAW,KAAK,IAAI,EAAE;QACzB,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,KAAK,GAAG,EAAC,KAAK,EAAE,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAC,CAAC;IACrE,OAAO,wBAAC,KAAK,kBAAC,KAAK,EAAE,KAAK,iBAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAa,CAAC;AAC1D,CAAC,CAAC;AA/DW,QAAA,UAAU,cA+DrB"}

package/dist/editor/components/FramePersistor.js

@@ -11,7 +11,7 @@ const makeKey = (composition) => {
     return `remotion.time.${composition}`;
 };
 const persistCurrentFrame = (frame) => {
-    const currentComposition = exports.getCurrentCompositionFromUrl();
+    const currentComposition = (0, exports.getCurrentCompositionFromUrl)();
     if (!currentComposition) {
         return;
     }
@@ -26,14 +26,14 @@ exports.getFrameForComposition = getFrameForComposition;
 const FramePersistor = () => {
     const [playing] = remotion_1.Internals.Timeline.usePlayingState();
     const frame = remotion_1.Internals.Timeline.useTimelinePosition();
-    const { currentComposition } = react_1.useContext(remotion_1.Internals.CompositionManager);
-    const isActive = currentComposition === exports.getCurrentCompositionFromUrl();
-    react_1.useEffect(() => {
+    const { currentComposition } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
+    const isActive = currentComposition === (0, exports.getCurrentCompositionFromUrl)();
+    (0, react_1.useEffect)(() => {
         if (!isActive) {
             return;
         }
         if (!playing) {
-            exports.persistCurrentFrame(frame);
+            (0, exports.persistCurrentFrame)(frame);
         }
     }, [frame, isActive, playing]);
     return null;

package/dist/editor/components/FramePersistor.js.map

@@ -1 +1 @@
-{"version":3,"file":"FramePersistor.js","sourceRoot":"","sources":["../../../src/editor/components/FramePersistor.tsx"],"names":[],"mappings":";;;AAAA,iCAAmD;AACnD,uCAAmC;AAE5B,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAChD,OAAO,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAC3C,CAAC,CAAC;AAFW,QAAA,4BAA4B,gCAEvC;AAEF,MAAM,OAAO,GAAG,CAAC,WAAmB,EAAE,EAAE;IACvC,OAAO,iBAAiB,WAAW,EAAE,CAAC;AACvC,CAAC,CAAC;AAEK,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;IACpD,MAAM,kBAAkB,GAAG,oCAA4B,EAAE,CAAC;IAC1D,IAAI,CAAC,kBAAkB,EAAE;QACxB,OAAO;KACP;IAED,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAClE,CAAC,CAAC;AAPW,QAAA,mBAAmB,uBAO9B;AAEK,MAAM,sBAAsB,GAAG,CAAC,WAAmB,EAAE,EAAE;IAC7D,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;IACzD,OAAO,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AAHW,QAAA,sBAAsB,0BAGjC;AAEK,MAAM,cAAc,GAAa,GAAG,EAAE;IAC5C,MAAM,CAAC,OAAO,CAAC,GAAG,oBAAS,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;IACvD,MAAM,KAAK,GAAG,oBAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;IAEvD,MAAM,EAAC,kBAAkB,EAAC,GAAG,kBAAU,CAAC,oBAAS,CAAC,kBAAkB,CAAC,CAAC;IACtE,MAAM,QAAQ,GAAG,kBAAkB,KAAK,oCAA4B,EAAE,CAAC;IAEvE,iBAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,QAAQ,EAAE;YACd,OAAO;SACP;QAED,IAAI,CAAC,OAAO,EAAE;YACb,2BAAmB,CAAC,KAAK,CAAC,CAAC;SAC3B;IACF,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/B,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAlBW,QAAA,cAAc,kBAkBzB"}
+{"version":3,"file":"FramePersistor.js","sourceRoot":"","sources":["../../../src/editor/components/FramePersistor.tsx"],"names":[],"mappings":";;;AAAA,iCAAmD;AACnD,uCAAmC;AAE5B,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAChD,OAAO,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAC3C,CAAC,CAAC;AAFW,QAAA,4BAA4B,gCAEvC;AAEF,MAAM,OAAO,GAAG,CAAC,WAAmB,EAAE,EAAE;IACvC,OAAO,iBAAiB,WAAW,EAAE,CAAC;AACvC,CAAC,CAAC;AAEK,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;IACpD,MAAM,kBAAkB,GAAG,IAAA,oCAA4B,GAAE,CAAC;IAC1D,IAAI,CAAC,kBAAkB,EAAE;QACxB,OAAO;KACP;IAED,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAClE,CAAC,CAAC;AAPW,QAAA,mBAAmB,uBAO9B;AAEK,MAAM,sBAAsB,GAAG,CAAC,WAAmB,EAAE,EAAE;IAC7D,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;IACzD,OAAO,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AAHW,QAAA,sBAAsB,0BAGjC;AAEK,MAAM,cAAc,GAAa,GAAG,EAAE;IAC5C,MAAM,CAAC,OAAO,CAAC,GAAG,oBAAS,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;IACvD,MAAM,KAAK,GAAG,oBAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;IAEvD,MAAM,EAAC,kBAAkB,EAAC,GAAG,IAAA,kBAAU,EAAC,oBAAS,CAAC,kBAAkB,CAAC,CAAC;IACtE,MAAM,QAAQ,GAAG,kBAAkB,KAAK,IAAA,oCAA4B,GAAE,CAAC;IAEvE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,QAAQ,EAAE;YACd,OAAO;SACP;QAED,IAAI,CAAC,OAAO,EAAE;YACb,IAAA,2BAAmB,EAAC,KAAK,CAAC,CAAC;SAC3B;IACF,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/B,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAlBW,QAAA,cAAc,kBAkBzB"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const GlobalKeybindings: React.FC;
+//# sourceMappingURL=GlobalKeybindings.d.ts.map

package/dist/editor/components/GlobalKeybindings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalKeybindings.d.ts","sourceRoot":"","sources":["../../../src/editor/components/GlobalKeybindings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EA8BrC,CAAC"}

package/dist/editor/components/GlobalKeybindings.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlobalKeybindings = void 0;
+const react_1 = require("react");
+const use_keybinding_1 = require("../helpers/use-keybinding");
+const checkerboard_1 = require("../state/checkerboard");
+const modals_1 = require("../state/modals");
+const GlobalKeybindings = () => {
+    const keybindings = (0, use_keybinding_1.useKeybinding)();
+    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
+    const { setCheckerboard } = (0, react_1.useContext)(checkerboard_1.CheckerboardContext);
+    (0, react_1.useEffect)(() => {
+        const nKey = keybindings.registerKeybinding('keypress', 'n', () => {
+            setSelectedModal({
+                type: 'new-comp',
+                compType: 'composition',
+            });
+        });
+        const cKey = keybindings.registerKeybinding('keypress', 't', () => {
+            setCheckerboard((c) => !c);
+        });
+        const questionMark = keybindings.registerKeybinding('keypress', '?', () => {
+            setSelectedModal({
+                type: 'shortcuts',
+            });
+        });
+        return () => {
+            nKey.unregister();
+            cKey.unregister();
+            questionMark.unregister();
+        };
+    }, [keybindings, setCheckerboard, setSelectedModal]);
+    return null;
+};
+exports.GlobalKeybindings = GlobalKeybindings;
+//# sourceMappingURL=GlobalKeybindings.js.map

package/dist/editor/components/GlobalKeybindings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalKeybindings.js","sourceRoot":"","sources":["../../../src/editor/components/GlobalKeybindings.tsx"],"names":[],"mappings":";;;AAAA,iCAAmD;AACnD,8DAAwD;AACxD,wDAA0D;AAC1D,4CAA8C;AAEvC,MAAM,iBAAiB,GAAa,GAAG,EAAE;IAC/C,MAAM,WAAW,GAAG,IAAA,8BAAa,GAAE,CAAC;IACpC,MAAM,EAAC,gBAAgB,EAAC,GAAG,IAAA,kBAAU,EAAC,sBAAa,CAAC,CAAC;IACrD,MAAM,EAAC,eAAe,EAAC,GAAG,IAAA,kBAAU,EAAC,kCAAmB,CAAC,CAAC;IAE1D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,IAAI,GAAG,WAAW,CAAC,kBAAkB,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE;YACjE,gBAAgB,CAAC;gBAChB,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE,aAAa;aACvB,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,WAAW,CAAC,kBAAkB,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE;YACjE,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;QACH,MAAM,YAAY,GAAG,WAAW,CAAC,kBAAkB,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE;YACzE,gBAAgB,CAAC;gBAChB,IAAI,EAAE,WAAW;aACjB,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACX,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,YAAY,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAErD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AA9BW,QAAA,iBAAiB,qBA8B5B"}

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

@@ -0,0 +1 @@
+//# sourceMappingURL=KeyboardShortcuts.d.ts.map

package/dist/editor/components/KeyboardShortcuts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardShortcuts.d.ts","sourceRoot":"","sources":["../../../src/editor/components/KeyboardShortcuts.tsx"],"names":[],"mappings":""}