@remotion/cli 3.0.0-wrappedup.222 → 3.0.2

package/dist/editor/components/AudioWaveform.js

@@ -13,11 +13,22 @@ const container = {
     position: 'absolute',
     height: timeline_layout_1.TIMELINE_LAYER_HEIGHT,
 };
+const errorMessage = {
+    fontSize: 13,
+    paddingTop: 6,
+    paddingBottom: 6,
+    paddingLeft: 12,
+    paddingRight: 12,
+    alignSelf: 'flex-start',
+    maxWidth: 450,
+    opacity: 0.75,
+};
 const canvasStyle = {
     position: 'absolute',
 };
 const AudioWaveform = ({ src, fps, startFrom, durationInFrames, visualizationWidth, setMaxMediaDuration, volume, doesVolumeChange, }) => {
     const [metadata, setMetadata] = (0, react_1.useState)(null);
+    const [error, setError] = (0, react_1.useState)(null);
     const mountState = (0, react_1.useRef)({ isMounted: true });
     const canvas = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
@@ -59,6 +70,7 @@ const AudioWaveform = ({ src, fps, startFrom, durationInFrames, visualizationWid
         context.stroke();
     }, [visualizationWidth, metadata, startFrom, volume, doesVolumeChange]);
     (0, react_1.useEffect)(() => {
+        setError(null);
         (0, media_utils_1.getAudioData)(src)
             .then((data) => {
             if (mountState.current.isMounted) {
@@ -67,7 +79,10 @@ const AudioWaveform = ({ src, fps, startFrom, durationInFrames, visualizationWid
             }
         })
             .catch((err) => {
-            console.error(`Could not load waveform for ${src}`, err);
+            console.log(err);
+            if (mountState.current.isMounted) {
+                setError(err);
+            }
         });
     }, [fps, setMaxMediaDuration, src]);
     const normalized = (0, react_1.useMemo)(() => {
@@ -82,12 +97,15 @@ const AudioWaveform = ({ src, fps, startFrom, durationInFrames, visualizationWid
             numberOfSamples,
         });
     }, [durationInFrames, fps, metadata, startFrom, visualizationWidth]);
+    if (error) {
+        return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsx)("div", { style: errorMessage, children: "No waveform available. Audio might not support CORS." }, void 0) }, void 0));
+    }
     if (!metadata) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container }, { children: [normalized.map((w) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { 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));
+            }), (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/Canvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Canvas.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Canvas.tsx"],"names":[],"mappings":"AACA,OAAO,KAAe,MAAM,OAAO,CAAC;AAUpC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAY1B,CAAC"}
+{"version":3,"file":"Canvas.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Canvas.tsx"],"names":[],"mappings":"AACA,OAAO,KAAe,MAAM,OAAO,CAAC;AAUpC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAa1B,CAAC"}

package/dist/editor/components/Canvas.js

@@ -15,8 +15,9 @@ const Canvas = () => {
     const ref = (0, react_1.useRef)(null);
     const size = player_1.PlayerInternals.useElementSize(ref, {
         triggerOnWindowResize: false,
+        shouldApplyCssTransforms: true,
     });
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, style: container }, { children: size ? (0, jsx_runtime_1.jsx)(Preview_1.VideoPreview, { canvasSize: size }, void 0) : null }), void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, style: container, 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,uCAAuC;AAEvC,MAAM,SAAS,GAAwB;IACtC,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;CACpB,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,8CAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,gBAC7B,IAAI,CAAC,CAAC,CAAC,uBAAC,sBAAY,IAAC,UAAU,EAAE,IAAI,WAAI,CAAC,CAAC,CAAC,IAAI,YAC5C,CACN,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,uCAAuC;AAEvC,MAAM,SAAS,GAAwB;IACtC,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;CACpB,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;QAC5B,wBAAwB,EAAE,IAAI;KAC9B,CAAC,CAAC;IAEH,OAAO,CACN,gCAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,YAC7B,IAAI,CAAC,CAAC,CAAC,uBAAC,sBAAY,IAAC,UAAU,EAAE,IAAI,WAAI,CAAC,CAAC,CAAC,IAAI,WAC5C,CACN,CAAC;AACH,CAAC,CAAC;AAbW,QAAA,MAAM,UAajB"}

package/dist/editor/components/CheckboardToggle.js

@@ -13,7 +13,7 @@ const CheckboardToggle = () => {
             return !c;
         });
     }, [setCheckerboard]);
-    return ((0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, Object.assign({ title: accessibilityLabel, "aria-label": accessibilityLabel, 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));
+    return ((0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { title: accessibilityLabel, "aria-label": accessibilityLabel, onClick: onClick, children: (0, jsx_runtime_1.jsx)("svg", { "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,wDAA0D;AAC1D,mDAA8C;AAE9C,MAAM,kBAAkB,GAAG,uCAAuC,CAAC;AAE5D,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,OAAO,CAAC,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACN,uBAAC,6BAAa,kBACb,KAAK,EAAE,kBAAkB,gBACb,kBAAkB,EAC9B,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"}
+{"version":3,"file":"CheckboardToggle.js","sourceRoot":"","sources":["../../../src/editor/components/CheckboardToggle.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqD;AACrD,wDAA0D;AAC1D,mDAA8C;AAE9C,MAAM,kBAAkB,GAAG,uCAAuC,CAAC;AAE5D,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,OAAO,CAAC,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACN,uBAAC,6BAAa,IACb,KAAK,EAAE,kBAAkB,gBACb,kBAAkB,EAC9B,OAAO,EAAE,OAAO,YAEhB,+CACa,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,YAE9B,iCACC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,EAC5C,CAAC,EAAC,iIAAiI,WAClI,WACG,WACS,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 ((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: {
+    return ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "clipboard", className: "svg-inline--fa fa-clipboard fa-w-12", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", style: {
             height: 16,
             verticalAlign: 'middle',
             marginTop: -3,
-        } }, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 40c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm144 418c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V118c0-3.3 2.7-6 6-6h42v36c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-36h42c3.3 0 6 2.7 6 6z" }, 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,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"}
+{"version":3,"file":"ClipboardIcon.js","sourceRoot":"","sources":["../../../src/editor/components/ClipboardIcon.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,OAAO,CACN,+CACa,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,YAED,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qWAAqW,WACtW,WACG,CACN,CAAC;AACH,CAAC,CAAC;AAvBW,QAAA,aAAa,iBAuBxB"}

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

@@ -1,3 +1,4 @@
 import React from 'react';
+export declare const getKeysToExpand: (initialFolderName: string, parentFolderName: string | null, initial?: string[]) => string[];
 export declare const CompositionSelector: React.FC;
 //# sourceMappingURL=CompositionSelector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompositionSelector.d.ts","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AA0BhE,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAwDvC,CAAC"}
+{"version":3,"file":"CompositionSelector.d.ts","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAoCf,eAAO,MAAM,eAAe,sBACR,MAAM,oBACP,MAAM,GAAG,IAAI,YACtB,MAAM,EAAE,KACf,MAAM,EASR,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EA8FvC,CAAC"}

package/dist/editor/components/CompositionSelector.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CompositionSelector = void 0;
+exports.CompositionSelector = exports.getKeysToExpand = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
+const create_folder_tree_1 = require("../helpers/create-folder-tree");
+const persist_open_folders_1 = require("../helpers/persist-open-folders");
 const marks_1 = require("../state/marks");
 const z_index_1 = require("../state/z-index");
 const CompositionSelectorItem_1 = require("./CompositionSelectorItem");
@@ -22,8 +24,18 @@ const list = {
     height: 'calc(100% - 100px)',
     overflowY: 'auto',
 };
+const getKeysToExpand = (initialFolderName, parentFolderName, initial = []) => {
+    initial.push((0, persist_open_folders_1.openFolderKey)(initialFolderName, parentFolderName));
+    const { name, parent } = (0, create_folder_tree_1.splitParentIntoNameAndParent)(parentFolderName);
+    if (!name) {
+        return initial;
+    }
+    return (0, exports.getKeysToExpand)(name, parent, initial);
+};
+exports.getKeysToExpand = getKeysToExpand;
 const CompositionSelector = () => {
-    const { compositions, setCurrentComposition, currentComposition } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
+    const { compositions, setCurrentComposition, currentComposition, folders } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
+    const [foldersExpanded, setFoldersExpanded] = (0, react_1.useState)((0, persist_open_folders_1.loadExpandedFolders)());
     const { tabIndex } = (0, z_index_1.useZIndex)();
     const setCurrentFrame = remotion_1.Internals.Timeline.useTimelineSetFrame();
     const selectComposition = (0, react_1.useCallback)((c) => {
@@ -34,7 +46,33 @@ const CompositionSelector = () => {
         const frameInBounds = Math.min(c.durationInFrames - 1, frame);
         setCurrentFrame(frameInBounds);
         setCurrentComposition(c.id);
+        const { folderName, parentFolderName } = c;
+        if (folderName !== null) {
+            setFoldersExpanded((ex) => {
+                const keysToExpand = (0, exports.getKeysToExpand)(folderName, parentFolderName);
+                const newState = {
+                    ...ex,
+                };
+                for (const key of keysToExpand) {
+                    newState[key] = true;
+                }
+                return newState;
+            });
+        }
     }, [setCurrentComposition, setCurrentFrame]);
+    const toggleFolder = (0, react_1.useCallback)((folderName, parentName) => {
+        setFoldersExpanded((p) => {
+            var _a;
+            const key = (0, persist_open_folders_1.openFolderKey)(folderName, parentName);
+            const prev = (_a = p[key]) !== null && _a !== void 0 ? _a : false;
+            const foldersExpandedState = {
+                ...p,
+                [key]: !prev,
+            };
+            (0, persist_open_folders_1.persistExpandedFolders)(foldersExpandedState);
+            return foldersExpandedState;
+        });
+    }, []);
     (0, react_1.useEffect)(() => {
         if (currentComposition) {
             return;
@@ -51,9 +89,12 @@ const CompositionSelector = () => {
             selectComposition(compositions[0]);
         }
     }, [compositions, currentComposition, selectComposition]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container }, { children: [(0, jsx_runtime_1.jsx)(CurrentComposition_1.CurrentComposition, {}, void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: list }, { children: compositions.map((c) => {
-                    return ((0, jsx_runtime_1.jsx)(CompositionSelectorItem_1.CompositionSelectorItem, { currentComposition: currentComposition, selectComposition: selectComposition, tabIndex: tabIndex, composition: c }, c.id));
-                }) }), void 0)] }), void 0));
+    const items = (0, react_1.useMemo)(() => {
+        return (0, create_folder_tree_1.createFolderTree)(compositions, folders, foldersExpanded);
+    }, [compositions, folders, foldersExpanded]);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)(CurrentComposition_1.CurrentComposition, {}, void 0), (0, jsx_runtime_1.jsx)("div", { style: list, children: items.map((c) => {
+                    return ((0, jsx_runtime_1.jsx)(CompositionSelectorItem_1.CompositionSelectorItem, { level: 0, currentComposition: currentComposition, selectComposition: selectComposition, toggleFolder: toggleFolder, tabIndex: tabIndex, item: c }, c.key + c.type));
+                }) }, void 0)] }, void 0));
 };
 exports.CompositionSelector = CompositionSelector;
 //# sourceMappingURL=CompositionSelector.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompositionSelector.js","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelector.tsx"],"names":[],"mappings":";;;;AAAA,iCAAgE;AAChE,uCAAiD;AACjD,0CAAyC;AACzC,8CAA2C;AAC3C,uEAAkE;AAClE,6DAAwD;AACxD,qDAG0B;AAC1B,+DAAmD;AAEnD,MAAM,SAAS,GAAwB;IACtC,WAAW,EAAE,iBAAiB;IAC9B,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,IAAI,GAAwB;IACjC,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,oBAAoB;IAC5B,SAAS,EAAE,MAAM;CACjB,CAAC;AAEK,MAAM,mBAAmB,GAAa,GAAG,EAAE;IACjD,MAAM,EAAC,YAAY,EAAE,qBAAqB,EAAE,kBAAkB,EAAC,GAAG,IAAA,kBAAU,EAC3E,oBAAS,CAAC,kBAAkB,CAC5B,CAAC;IACF,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAA,mBAAS,GAAE,CAAC;IAC/B,MAAM,eAAe,GAAG,oBAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;IAEjE,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACpC,CAAC,CAAe,EAAE,EAAE;;QACnB,MAAA,kCAAY,CAAC,OAAO,0CAAE,QAAQ,CAAC,IAAA,iBAAS,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;QACpE,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACpD,MAAM,KAAK,GAAG,IAAA,uCAAsB,EAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC3C,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,gBAAgB,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;QAC9D,eAAe,CAAC,aAAa,CAAC,CAAC;QAC/B,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,qBAAqB,EAAE,eAAe,CAAC,CACxC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,kBAAkB,EAAE;YACvB,OAAO;SACP;QAED,MAAM,kBAAkB,GAAG,IAAA,6CAA4B,GAAE,CAAC;QAC1D,IAAI,kBAAkB,EAAE;YACvB,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,kBAAkB,CAAC,CAAC;YACrE,IAAI,MAAM,EAAE;gBACX,iBAAiB,CAAC,MAAM,CAAC,CAAC;gBAC1B,OAAO;aACP;SACD;QAED,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;YAC5B,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;SACnC;IACF,CAAC,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE1D,OAAO,CACN,+CAAK,KAAK,EAAE,SAAS,iBACpB,uBAAC,uCAAkB,aAAG,EACtB,8CAAK,KAAK,EAAE,IAAI,gBACd,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;oBACvB,OAAO,CACN,uBAAC,iDAAuB,IAEvB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,CAAC,IAJT,CAAC,CAAC,EAAE,CAKR,CACF,CAAC;gBACH,CAAC,CAAC,YACG,aACD,CACN,CAAC;AACH,CAAC,CAAC;AAxDW,QAAA,mBAAmB,uBAwD9B"}
+{"version":3,"file":"CompositionSelector.js","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelector.tsx"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,23 @@
 import React from 'react';
 import { TComposition } from 'remotion';
-export declare const CompositionSelectorItem: React.FC<{
+export declare type CompositionSelectorItemType = {
+    key: string;
+    type: 'composition';
     composition: TComposition<unknown>;
+} | {
+    key: string;
+    type: 'folder';
+    folderName: string;
+    parentName: string | null;
+    items: CompositionSelectorItemType[];
+    expanded: boolean;
+};
+export declare const CompositionSelectorItem: React.FC<{
+    item: CompositionSelectorItemType;
     currentComposition: string | null;
     tabIndex: number;
     selectComposition: (c: TComposition) => void;
+    toggleFolder: (folderName: string, parentName: string | null) => void;
+    level: number;
 }>;
 //# sourceMappingURL=CompositionSelectorItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompositionSelectorItem.d.ts","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelectorItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAyBtC,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9C,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACnC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;CAC7C,CAmDA,CAAC"}
+{"version":3,"file":"CompositionSelectorItem.d.ts","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelectorItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AA4BtC,oBAAY,2BAA2B,GACpC;IACA,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,aAAa,CAAC;IACpB,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CAClC,GACD;IACA,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,2BAA2B,EAAE,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;CACjB,CAAC;AAEL,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9C,IAAI,EAAE,2BAA2B,CAAC;IAClC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtE,KAAK,EAAE,MAAM,CAAC;CACd,CA2GA,CAAC"}

package/dist/editor/components/CompositionSelectorItem.js

@@ -6,10 +6,10 @@ const react_1 = require("react");
 const colors_1 = require("../helpers/colors");
 const is_composition_still_1 = require("../helpers/is-composition-still");
 const film_1 = require("../icons/film");
+const folder_1 = require("../icons/folder");
 const still_1 = require("../icons/still");
 const layout_1 = require("./layout");
-const item = {
-    paddingLeft: 8,
+const itemStyle = {
     paddingRight: 8,
     paddingTop: 6,
     paddingBottom: 6,
@@ -19,13 +19,21 @@ const item = {
     cursor: 'default',
     alignItems: 'center',
     marginBottom: 1,
+    appearance: 'none',
+    border: 'none',
+    width: '100%',
 };
 const iconStyle = {
     width: 18,
     height: 18,
 };
-const CompositionSelectorItem = ({ composition, currentComposition, tabIndex, selectComposition }) => {
-    const selected = currentComposition === composition.id;
+const CompositionSelectorItem = ({ item, level, currentComposition, tabIndex, selectComposition, toggleFolder, }) => {
+    const selected = (0, react_1.useMemo)(() => {
+        if (item.type === 'composition') {
+            return currentComposition === item.composition.id;
+        }
+        return false;
+    }, [item, currentComposition]);
     const [hovered, setHovered] = (0, react_1.useState)(false);
     const onPointerEnter = (0, react_1.useCallback)(() => {
         setHovered(true);
@@ -35,7 +43,7 @@ const CompositionSelectorItem = ({ composition, currentComposition, tabIndex, se
     }, []);
     const style = (0, react_1.useMemo)(() => {
         return {
-            ...item,
+            ...itemStyle,
             backgroundColor: hovered
                 ? selected
                     ? colors_1.SELECTED_BACKGROUND
@@ -44,13 +52,26 @@ const CompositionSelectorItem = ({ composition, currentComposition, tabIndex, se
                     ? colors_1.SELECTED_BACKGROUND
                     : 'transparent',
             color: selected || hovered ? 'white' : colors_1.LIGHT_TEXT,
+            paddingLeft: 8 + level * 8,
         };
-    }, [hovered, selected]);
+    }, [hovered, level, selected]);
     const onClick = (0, react_1.useCallback)((evt) => {
         evt.preventDefault();
-        selectComposition(composition);
-    }, [composition, selectComposition]);
-    return ((0, jsx_runtime_1.jsxs)("a", Object.assign({ style: style, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, href: composition.id, tabIndex: tabIndex, onClick: onClick }, { children: [(0, is_composition_still_1.isCompositionStill)(composition) ? ((0, jsx_runtime_1.jsx)(still_1.StillIcon, { style: iconStyle }, void 0)) : ((0, jsx_runtime_1.jsx)(film_1.FilmIcon, { style: iconStyle }, void 0)), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }, void 0), composition.id] }), void 0));
+        if (item.type === 'composition') {
+            selectComposition(item.composition);
+        }
+        else {
+            toggleFolder(item.folderName, item.parentName);
+        }
+    }, [item, selectComposition, toggleFolder]);
+    if (item.type === 'folder') {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", { style: style, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, tabIndex: tabIndex, onClick: onClick, type: "button", children: [item.expanded ? ((0, jsx_runtime_1.jsx)(folder_1.ExpandedFolderIcon, { style: iconStyle }, void 0)) : ((0, jsx_runtime_1.jsx)(folder_1.CollapsedFolderIcon, { style: iconStyle }, void 0)), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }, void 0), item.folderName] }, void 0), item.expanded
+                    ? item.items.map((childItem) => {
+                        return ((0, jsx_runtime_1.jsx)(exports.CompositionSelectorItem, { currentComposition: currentComposition, selectComposition: selectComposition, item: childItem, tabIndex: tabIndex, level: level + 1, toggleFolder: toggleFolder }, childItem.key + childItem.type));
+                    })
+                    : null] }, void 0));
+    }
+    return ((0, jsx_runtime_1.jsxs)("button", { style: style, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, tabIndex: tabIndex, onClick: onClick, type: "button", children: [(0, is_composition_still_1.isCompositionStill)(item.composition) ? ((0, jsx_runtime_1.jsx)(still_1.StillIcon, { style: iconStyle }, void 0)) : ((0, jsx_runtime_1.jsx)(film_1.FilmIcon, { style: iconStyle }, void 0)), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }, void 0), item.composition.id] }, void 0));
 };
 exports.CompositionSelectorItem = CompositionSelectorItem;
 //# sourceMappingURL=CompositionSelectorItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompositionSelectorItem.js","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelectorItem.tsx"],"names":[],"mappings":";;;;AAAA,iCAA+E;AAE/E,8CAA+E;AAC/E,0EAAmE;AACnE,wCAAuC;AACvC,0CAAyC;AACzC,qCAAiC;AAEjC,MAAM,IAAI,GAAwB;IACjC,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC;IAChB,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,MAAM;IACtB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,CAAC;CACf,CAAC;AAEF,MAAM,SAAS,GAAwB;IACtC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACV,CAAC;AAEK,MAAM,uBAAuB,GAK/B,CAAC,EAAC,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,iBAAiB,EAAC,EAAE,EAAE;IACvE,MAAM,QAAQ,GAAG,kBAAkB,KAAK,WAAW,CAAC,EAAE,CAAC;IACvD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACvC,UAAU,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACvC,UAAU,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/C,OAAO;YACN,GAAG,IAAI;YACP,eAAe,EAAE,OAAO;gBACvB,CAAC,CAAC,QAAQ;oBACT,CAAC,CAAC,4BAAmB;oBACrB,CAAC,CAAC,oBAAW;gBACd,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,4BAAmB;oBACrB,CAAC,CAAC,aAAa;YAChB,KAAK,EAAE,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAU;SACjD,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,MAAM,OAAO,GAAsB,IAAA,mBAAW,EAC7C,CAAC,GAAG,EAAE,EAAE;QACP,GAAG,CAAC,cAAc,EAAE,CAAC;QACrB,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAChC,CAAC,EACD,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAChC,CAAC;IAEF,OAAO,CACN,6CACC,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,WAAW,CAAC,EAAE,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,iBAEf,IAAA,yCAAkB,EAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAClC,uBAAC,iBAAS,IAAC,KAAK,EAAE,SAAS,WAAI,CAC/B,CAAC,CAAC,CAAC,CACH,uBAAC,eAAQ,IAAC,KAAK,EAAE,SAAS,WAAI,CAC9B,EACD,uBAAC,gBAAO,IAAC,CAAC,EAAE,CAAC,WAAI,EAChB,WAAW,CAAC,EAAE,aACZ,CACJ,CAAC;AACH,CAAC,CAAC;AAxDW,QAAA,uBAAuB,2BAwDlC"}
+{"version":3,"file":"CompositionSelectorItem.js","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelectorItem.tsx"],"names":[],"mappings":"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"}

package/dist/editor/components/ControlButton.js

@@ -16,7 +16,7 @@ const ControlButton = (props) => {
         };
     }, [props.disabled]);
     const { tabIndex } = (0, z_index_1.useZIndex)();
-    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ type: 'button', tabIndex: tabIndex }, props, { style: style }), void 0));
+    return ((0, jsx_runtime_1.jsx)("button", { type: 'button', tabIndex: tabIndex, ...props, style: style }, void 0));
 };
 exports.ControlButton = ControlButton;
 //# sourceMappingURL=ControlButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ControlButton.js","sourceRoot":"","sources":["../../../src/editor/components/ControlButton.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AACrC,8CAA2C;AAE9B,QAAA,sBAAsB,GAAG,CAAC,CAAC;AAEjC,MAAM,aAAa,GAAG,CAC5B,KAKC,EACA,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAwB,EAAE;QAC/C,OAAO;YACN,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACjC,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,8BAAsB;SAC/B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAA,mBAAS,GAAE,CAAC;IAC/B,OAAO,CACN,iDAAQ,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAAM,KAAK,IAAE,KAAK,EAAE,KAAK,YAAI,CACvE,CAAC;AACH,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB"}
+{"version":3,"file":"ControlButton.js","sourceRoot":"","sources":["../../../src/editor/components/ControlButton.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AACrC,8CAA2C;AAE9B,QAAA,sBAAsB,GAAG,CAAC,CAAC;AAEjC,MAAM,aAAa,GAAG,CAC5B,KAKC,EACA,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAwB,EAAE;QAC/C,OAAO;YACN,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACjC,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,8BAAsB;SAC/B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAA,mBAAS,GAAE,CAAC;IAC/B,OAAO,CACN,mCAAQ,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,EAAE,KAAK,EAAE,KAAK,WAAI,CACvE,CAAC;AACH,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB"}

package/dist/editor/components/CopyButton.js

@@ -11,7 +11,7 @@ const iconStyle = {
     height: 16,
     color: 'white',
 };
-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: iconStyle }, { 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 copyIcon = ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "clipboard", className: "svg-inline--fa fa-clipboard fa-w-12", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", style: iconStyle, 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',
@@ -42,7 +42,7 @@ const CopyButton = ({ textToCopy, label, labelWhenCopied }) => {
         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), ' ', (0, jsx_runtime_1.jsx)("span", Object.assign({ style: labelStyle }, { children: copied ? labelWhenCopied : label }), void 0)] }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("button", { onClick: onClick, style: button, type: "button", children: (0, jsx_runtime_1.jsxs)(layout_1.Row, { style: container, children: [copyIcon, (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1.5 }, void 0), ' ', (0, jsx_runtime_1.jsx)("span", { style: labelStyle, children: copied ? labelWhenCopied : label }, void 0)] }, void 0) }, void 0));
 };
 exports.CopyButton = CopyButton;
 //# sourceMappingURL=CopyButton.js.map

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

@@ -1 +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,SAAS,GAAwB;IACtC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,OAAO;CACd,CAAC;AAEF,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,SAAS,gBAEhB,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;AAEF,MAAM,UAAU,GAAwB;IACvC,QAAQ,EAAE,EAAE;CACZ,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,EAAC,GAAG,EACvB,+CAAM,KAAK,EAAE,UAAU,gBAAG,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,YAAQ,aAC7D,YACE,CACT,CAAC;AACH,CAAC,CAAC;AA9BW,QAAA,UAAU,cA8BrB"}
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../src/editor/components/CopyButton.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8D;AAC9D,8CAG2B;AAC3B,oDAA6C;AAC7C,qCAAsC;AAEtC,MAAM,SAAS,GAAwB;IACtC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,OAAO;CACd,CAAC;AAEF,MAAM,QAAQ,GAAG,CAChB,+CACa,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,SAAS,YAEhB,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qWAAqW,WACtW,WACG,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;AAEF,MAAM,UAAU,GAAwB;IACvC,QAAQ,EAAE,EAAE;CACZ,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,mCAAQ,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAC,QAAQ,YACrD,wBAAC,YAAG,IAAC,KAAK,EAAE,SAAS,aACnB,QAAQ,EACT,uBAAC,gBAAO,IAAC,CAAC,EAAE,GAAG,WAAI,EAAC,GAAG,EACvB,iCAAM,KAAK,EAAE,UAAU,YAAG,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,WAAQ,YAC7D,WACE,CACT,CAAC;AACH,CAAC,CAAC;AA9BW,QAAA,UAAU,cA8BrB"}

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

@@ -1 +1 @@
-{"version":3,"file":"CurrentComposition.d.ts","sourceRoot":"","sources":["../../../src/editor/components/CurrentComposition.tsx"],"names":[],"mappings":";AAuCA,eAAO,MAAM,kBAAkB,mBAuC9B,CAAC"}
+{"version":3,"file":"CurrentComposition.d.ts","sourceRoot":"","sources":["../../../src/editor/components/CurrentComposition.tsx"],"names":[],"mappings":";AAuCA,eAAO,MAAM,kBAAkB,mBAiD9B,CAAC"}

package/dist/editor/components/CurrentComposition.js

@@ -38,11 +38,18 @@ const targetWidth = (targetHeight * 16) / 9;
 const CurrentComposition = () => {
     const richTimelineContext = (0, react_1.useContext)(rich_timeline_1.RichTimelineContext);
     const video = remotion_1.Internals.useVideo();
+    (0, react_1.useEffect)(() => {
+        if (!video) {
+            document.title = 'Remotion Preview';
+            return;
+        }
+        document.title = `${video.id} / ${window.remotion_projectName} - Remotion Preview`;
+    }, [video]);
     if (!video) {
         return (0, jsx_runtime_1.jsx)("div", { style: container }, void 0);
     }
     const frameToDisplay = Math.floor(video.durationInFrames / 2);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: container }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: 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)(layout_1.Spacing, {}, void 0)] }, void 0)) : null, (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: title }, { children: video.id }), void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: 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)("div", Object.assign({ style: subtitle }, { children: "Still" }), void 0)) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: subtitle }, { children: ["Duration ", (0, render_frame_1.renderFrame)(video.durationInFrames, video.fps)] }), void 0))] }, void 0)] }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsxs)("div", { style: 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)(layout_1.Spacing, { x: 1 }, void 0)] }, void 0)) : null, (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { style: title, children: video.id }, void 0), (0, jsx_runtime_1.jsxs)("div", { style: 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)("div", { style: subtitle, children: "Still" }, void 0)) : ((0, jsx_runtime_1.jsxs)("div", { style: 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,0EAAmE;AACnE,wDAAkD;AAClD,0DAA2D;AAC3D,qCAAiC;AACjC,2CAAsC;AAEtC,MAAM,SAAS,GAAwB;IACtC,SAAS,EAAE,GAAG;IACd,OAAO,EAAE,OAAO;IAChB,YAAY,EAAE,iBAAiB;IAC/B,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,OAAO;CACd,CAAC;AAEF,MAAM,KAAK,GAAwB;IAClC,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,MAAM;CAClB,CAAC;AAEF,MAAM,QAAQ,GAAwB;IACrC,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,GAAG;IACZ,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,MAAM;CAClB,CAAC;AAEF,MAAM,GAAG,GAAwB;IAChC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,MAAM;CAClB,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,gCAAK,KAAK,EAAE,SAAS,WAAI,CAAC;KACjC;IAED,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;IAC9D,OAAO,CACN,8CAAK,KAAK,EAAE,SAAS,gBACpB,+CAAK,KAAK,EAAE,GAAG,iBACb,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,gBAAO,aAAG,YACT,CACH,CAAC,CAAC,CAAC,IAAI,EACR,4CACC,8CAAK,KAAK,EAAE,KAAK,gBAAG,KAAK,CAAC,EAAE,YAAO,EACnC,+CAAK,KAAK,EAAE,QAAQ,iBAClB,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,aACnD,EACL,IAAA,yCAAkB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B,8CAAK,KAAK,EAAE,QAAQ,mCAAa,CACjC,CAAC,CAAC,CAAC,CACH,+CAAK,KAAK,EAAE,QAAQ,8BACT,IAAA,0BAAW,EAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,aACnD,CACN,YACI,aACD,YACD,CACN,CAAC;AACH,CAAC,CAAC;AAvCW,QAAA,kBAAkB,sBAuC7B"}
+{"version":3,"file":"CurrentComposition.js","sourceRoot":"","sources":["../../../src/editor/components/CurrentComposition.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,uCAAmC;AACnC,0EAAmE;AACnE,wDAAkD;AAClD,0DAA2D;AAC3D,qCAAiC;AACjC,2CAAsC;AAEtC,MAAM,SAAS,GAAwB;IACtC,SAAS,EAAE,GAAG;IACd,OAAO,EAAE,OAAO;IAChB,YAAY,EAAE,iBAAiB;IAC/B,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,OAAO;CACd,CAAC;AAEF,MAAM,KAAK,GAAwB;IAClC,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,MAAM;CAClB,CAAC;AAEF,MAAM,QAAQ,GAAwB;IACrC,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,GAAG;IACZ,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,MAAM;CAClB,CAAC;AAEF,MAAM,GAAG,GAAwB;IAChC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,MAAM;CAClB,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;IAEnC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,KAAK,EAAE;YACX,QAAQ,CAAC,KAAK,GAAG,kBAAkB,CAAC;YACpC,OAAO;SACP;QAED,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,EAAE,MAAM,MAAM,CAAC,oBAAoB,qBAAqB,CAAC;IACpF,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,CAAC,KAAK,EAAE;QACX,OAAO,gCAAK,KAAK,EAAE,SAAS,WAAI,CAAC;KACjC;IAED,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;IAC9D,OAAO,CACN,gCAAK,KAAK,EAAE,SAAS,YACpB,iCAAK,KAAK,EAAE,GAAG,aACb,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,gBAAO,IAAC,CAAC,EAAE,CAAC,WAAI,YACf,CACH,CAAC,CAAC,CAAC,IAAI,EACR,4CACC,gCAAK,KAAK,EAAE,KAAK,YAAG,KAAK,CAAC,EAAE,WAAO,EACnC,iCAAK,KAAK,EAAE,QAAQ,aAClB,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,YACnD,EACL,IAAA,yCAAkB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B,gCAAK,KAAK,EAAE,QAAQ,8BAAa,CACjC,CAAC,CAAC,CAAC,CACH,iCAAK,KAAK,EAAE,QAAQ,0BACT,IAAA,0BAAW,EAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,YACnD,CACN,YACI,YACD,WACD,CACN,CAAC;AACH,CAAC,CAAC;AAjDW,QAAA,kBAAkB,sBAiD7B"}

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

@@ -1 +1 @@
-{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AA+C5D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAiK1B,CAAC"}
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAgD5D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAiK1B,CAAC"}

package/dist/editor/components/Editor.js

@@ -14,6 +14,7 @@ const checkerboard_1 = require("../state/checkerboard");
 const highest_z_index_1 = require("../state/highest-z-index");
 const keybindings_1 = require("../state/keybindings");
 const modals_1 = require("../state/modals");
+const mute_1 = require("../state/mute");
 const preview_size_1 = require("../state/preview-size");
 const rich_timeline_1 = require("../state/rich-timeline");
 const z_index_1 = require("../state/z-index");
@@ -62,7 +63,7 @@ const Editor = () => {
         inFrame: null,
         outFrame: null,
     });
-    const [mediaMuted, setMediaMuted] = (0, react_1.useState)(false);
+    const [mediaMuted, setMediaMuted] = (0, react_1.useState)(() => (0, mute_1.loadMuteOption)());
     const [mediaVolume, setMediaVolume] = (0, react_1.useState)(1);
     const [modalContextType, setModalContextType] = (0, react_1.useState)(null);
     const previewSizeCtx = (0, react_1.useMemo)(() => {
@@ -112,10 +113,10 @@ const Editor = () => {
     if (!Root) {
         throw new Error('Root has not been registered. ');
     }
-    return ((0, jsx_runtime_1.jsx)(keybindings_1.KeybindingContextProvider, { children: (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)(modals_1.ModalsContext.Provider, Object.assign({ value: modalsContext }, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineInOutContext.Provider, Object.assign({ value: timelineInOutContextValue }, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.SetTimelineInOutContext.Provider, Object.assign({ value: setTimelineInOutContextValue }, { 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.jsx)(highest_z_index_1.HighestZIndexProvider, { children: (0, jsx_runtime_1.jsxs)(z_index_1.HigherZIndex, Object.assign({ onEscape: noop_1.noop, onOutsideClick: noop_1.noop }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: background }, { children: [(0, jsx_runtime_1.jsx)(Root, {}, void 0), (0, jsx_runtime_1.jsx)(FramePersistor_1.FramePersistor, {}, void 0), (0, jsx_runtime_1.jsx)(EditorContent_1.EditorContent, {}, void 0), (0, jsx_runtime_1.jsx)(GlobalKeybindings_1.GlobalKeybindings, {}, void 0)] }), void 0), modalContextType &&
+    return ((0, jsx_runtime_1.jsx)(keybindings_1.KeybindingContextProvider, { children: (0, jsx_runtime_1.jsx)(rich_timeline_1.RichTimelineContext.Provider, { value: richTimelineCtx, children: (0, jsx_runtime_1.jsx)(checkerboard_1.CheckerboardContext.Provider, { value: checkerboardCtx, children: (0, jsx_runtime_1.jsx)(preview_size_1.PreviewSizeContext.Provider, { value: previewSizeCtx, children: (0, jsx_runtime_1.jsx)(modals_1.ModalsContext.Provider, { value: modalsContext, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineInOutContext.Provider, { value: timelineInOutContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.SetTimelineInOutContext.Provider, { value: setTimelineInOutContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.MediaVolumeContext.Provider, { value: mediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SetMediaVolumeContext.Provider, { value: setMediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(player_1.PlayerInternals.PlayerEventEmitterContext.Provider, { value: emitter, children: (0, jsx_runtime_1.jsx)(highest_z_index_1.HighestZIndexProvider, { children: (0, jsx_runtime_1.jsxs)(z_index_1.HigherZIndex, { onEscape: noop_1.noop, onOutsideClick: noop_1.noop, children: [(0, jsx_runtime_1.jsxs)("div", { style: background, children: [(0, jsx_runtime_1.jsx)(Root, {}, void 0), (0, jsx_runtime_1.jsx)(FramePersistor_1.FramePersistor, {}, void 0), (0, jsx_runtime_1.jsx)(EditorContent_1.EditorContent, {}, void 0), (0, jsx_runtime_1.jsx)(GlobalKeybindings_1.GlobalKeybindings, {}, void 0)] }, void 0), modalContextType &&
                                                             modalContextType.type === 'new-comp' && ((0, jsx_runtime_1.jsx)(NewComposition_1.default, { initialCompType: modalContextType.compType }, void 0)), modalContextType &&
                                                             modalContextType.type === 'update' && ((0, jsx_runtime_1.jsx)(UpdateModal_1.UpdateModal, { info: modalContextType.info }, void 0)), modalContextType &&
-                                                            modalContextType.type === 'shortcuts' && ((0, jsx_runtime_1.jsx)(KeyboardShortcutsModal_1.KeyboardShortcuts, {}, void 0))] }), void 0) }, void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0) }, void 0));
+                                                            modalContextType.type === 'shortcuts' && ((0, jsx_runtime_1.jsx)(KeyboardShortcutsModal_1.KeyboardShortcuts, {}, void 0))] }, void 0) }, void 0) }, void 0) }, void 0) }, 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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"}