@remotion/cli 2.6.7 → 2.6.8

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaVolumeSlider.d.ts","sourceRoot":"","sources":["../../../src/editor/components/MediaVolumeSlider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAsC/E,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAkHrC,CAAC"}

package/dist/editor/components/MediaVolumeSlider.js

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaVolumeSlider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const player_1 = require("@remotion/player");
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+const media_volume_1 = require("../icons/media-volume");
+const ControlButton_1 = require("./ControlButton");
+const BAR_HEIGHT = 5;
+const KNOB_SIZE = 12;
+const VERTICAL_PADDING = 4;
+const containerStyle = {
+    userSelect: 'none',
+    paddingTop: VERTICAL_PADDING,
+    paddingBottom: VERTICAL_PADDING,
+    boxSizing: 'border-box',
+    cursor: 'pointer',
+    position: 'relative',
+};
+const barBackground = {
+    height: BAR_HEIGHT,
+    backgroundColor: 'rgba(255, 255, 255, 0.5)',
+    width: 100,
+    borderRadius: BAR_HEIGHT / 2,
+};
+const getVolumeFromX = (clientX, width) => {
+    const pos = clientX;
+    const volume = remotion_1.interpolate(pos, [0, width], [0, 1], {
+        extrapolateLeft: 'clamp',
+        extrapolateRight: 'clamp',
+    });
+    return volume;
+};
+const xSpacer = {
+    width: 5,
+};
+const MediaVolumeSlider = () => {
+    const [mediaMuted, setMediaMuted] = remotion_1.Internals.useMediaMutedState();
+    const [mediaVolume, setMediaVolume] = remotion_1.Internals.useMediaVolumeState();
+    const [dragging, setDragging] = react_1.useState(false);
+    const currentRef = react_1.useRef(null);
+    const iconDivRef = react_1.useRef(null);
+    const parentDivRef = react_1.useRef(null);
+    const size = player_1.PlayerInternals.useElementSize(currentRef);
+    const hover = player_1.PlayerInternals.useHoverState(parentDivRef);
+    const onClick = react_1.useCallback(() => {
+        setMediaMuted((muted) => !muted);
+        setMediaVolume(Number(mediaMuted));
+    }, [setMediaMuted, mediaMuted, setMediaVolume]);
+    const onPointerDown = react_1.useCallback((e) => {
+        if (!size) {
+            throw new Error('Player has no size');
+        }
+        const _volume = getVolumeFromX(e.clientX - size.left, size.width);
+        setMediaVolume(_volume);
+        setMediaMuted(_volume <= 0);
+        setDragging(true);
+    }, [setMediaMuted, setMediaVolume, size]);
+    const onPointerMove = react_1.useCallback((e) => {
+        if (!size) {
+            throw new Error('Player has no size');
+        }
+        if (!dragging)
+            return;
+        const _volume = getVolumeFromX(e.clientX - size.left, size.width);
+        setMediaVolume(_volume);
+        setMediaMuted(_volume <= 0);
+    }, [dragging, setMediaMuted, setMediaVolume, size]);
+    const onPointerUp = react_1.useCallback(() => {
+        console.log('stop dragging');
+        setDragging(false);
+    }, []);
+    react_1.useEffect(() => {
+        if (!dragging) {
+            return;
+        }
+        window.addEventListener('pointermove', onPointerMove);
+        window.addEventListener('pointerup', onPointerUp);
+        return () => {
+            window.removeEventListener('pointermove', onPointerMove);
+            window.removeEventListener('pointerup', onPointerUp);
+        };
+    }, [dragging, onPointerMove, onPointerUp]);
+    const knobStyle = react_1.useMemo(() => {
+        var _a;
+        return {
+            height: KNOB_SIZE,
+            width: KNOB_SIZE,
+            borderRadius: KNOB_SIZE / 2,
+            position: 'absolute',
+            top: VERTICAL_PADDING - KNOB_SIZE / 2 + 5 / 2,
+            backgroundColor: 'white',
+            left: Math.max(-KNOB_SIZE / 2, mediaVolume * ((_a = size === null || size === void 0 ? void 0 : size.width) !== null && _a !== void 0 ? _a : 0) - KNOB_SIZE / 2),
+            boxShadow: '0 0 2px black',
+            opacity: Number(hover),
+        };
+    }, [hover, mediaVolume, size === null || size === void 0 ? void 0 : size.width]);
+    const fillStyle = react_1.useMemo(() => {
+        return {
+            height: BAR_HEIGHT,
+            backgroundColor: 'rgba(255, 255, 255, 1)',
+            width: (mediaVolume / 1) * 100 + '%',
+            borderRadius: BAR_HEIGHT / 2,
+        };
+    }, [mediaVolume]);
+    return (jsx_runtime_1.jsxs(ControlButton_1.ControlDiv, Object.assign({ ref: parentDivRef }, { children: [jsx_runtime_1.jsx("div", Object.assign({ ref: iconDivRef, onClick: onClick }, { children: mediaMuted ? jsx_runtime_1.jsx(media_volume_1.VolumeOffIcon, {}, void 0) : jsx_runtime_1.jsx(media_volume_1.VolumeOnIcon, {}, void 0) }), void 0),
+            jsx_runtime_1.jsx("div", { style: xSpacer }, void 0),
+            jsx_runtime_1.jsx("div", Object.assign({ ref: currentRef, onPointerDown: onPointerDown, style: containerStyle }, { children: hover ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx("div", Object.assign({ style: barBackground }, { children: jsx_runtime_1.jsx("div", { style: fillStyle }, void 0) }), void 0),
+                        jsx_runtime_1.jsx("div", { style: knobStyle }, void 0)] }, void 0)) : (jsx_runtime_1.jsx("div", { style: { width: 100 } }, void 0)) }), void 0)] }), void 0));
+};
+exports.MediaVolumeSlider = MediaVolumeSlider;
+//# sourceMappingURL=MediaVolumeSlider.js.map

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

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

package/dist/editor/components/Menu/Checkmark.d.ts

@@ -0,0 +1,2 @@
+export declare const Checkmark: () => JSX.Element;
+//# sourceMappingURL=Checkmark.d.ts.map

package/dist/editor/components/Menu/Checkmark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkmark.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Menu/Checkmark.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,mBAiBrB,CAAC"}

package/dist/editor/components/Menu/Checkmark.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkmark = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const style = {
+    width: 14,
+    height: 14,
+};
+const Checkmark = () => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "check", className: "svg-inline--fa fa-check fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", style: style }, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z" }, void 0) }), void 0));
+exports.Checkmark = Checkmark;
+//# sourceMappingURL=Checkmark.js.map

package/dist/editor/components/Menu/Checkmark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkmark.js","sourceRoot":"","sources":["../../../../src/editor/components/Menu/Checkmark.tsx"],"names":[],"mappings":";;;;AAEA,MAAM,KAAK,GAAwB;IAClC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACV,CAAC;AAEK,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC9B,6DACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,OAAO,EACjB,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,gBAEZ,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0RAA0R,WAC3R,YACG,CACN,CAAC;AAjBW,QAAA,SAAS,aAiBpB"}

package/dist/editor/components/Menu/is-menu-click.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=is-menu-click.d.ts.map

package/dist/editor/components/Menu/is-menu-click.d.ts.map

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

package/dist/editor/components/Menu/is-menu-click.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=is-menu-click.js.map

package/dist/editor/components/Menu/is-menu-click.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-menu-click.js","sourceRoot":"","sources":["../../../../src/editor/components/Menu/is-menu-click.ts"],"names":[],"mappings":""}

package/dist/editor/components/NewComposition/LazyLoadNewComposition.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CompType } from './CompositionType';
+export declare const LazyLoadNewComposition: React.FC<{
+    initialCompType: CompType;
+}>;
+//# sourceMappingURL=LazyLoadNewComposition.d.ts.map

package/dist/editor/components/NewComposition/LazyLoadNewComposition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyLoadNewComposition.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/LazyLoadNewComposition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7C,eAAe,EAAE,QAAQ,CAAC;CAC1B,CASA,CAAC"}

package/dist/editor/components/NewComposition/LazyLoadNewComposition.js

@@ -0,0 +1,32 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LazyLoadNewComposition = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const LazyLoadNewComposition = (props) => {
+    const OtherComponent = (0, react_1.useMemo)(() => {
+        return react_1.default.lazy(() => Promise.resolve().then(() => __importStar(require('./NewComposition'))));
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, Object.assign({ fallback: (0, jsx_runtime_1.jsx)("div", { children: "loading..." }, void 0) }, { children: (0, jsx_runtime_1.jsx)(OtherComponent, { initialCompType: props.initialCompType }, void 0) }), void 0));
+};
+exports.LazyLoadNewComposition = LazyLoadNewComposition;
+//# sourceMappingURL=LazyLoadNewComposition.js.map

package/dist/editor/components/NewComposition/LazyLoadNewComposition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyLoadNewComposition.js","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/LazyLoadNewComposition.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+C;AAGxC,MAAM,sBAAsB,GAE9B,CAAC,KAAK,EAAE,EAAE;IACd,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,OAAO,eAAK,CAAC,IAAI,CAAC,GAAG,EAAE,mDAAQ,kBAAkB,GAAC,CAAC,CAAC;IACrD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACN,uBAAC,gBAAQ,kBAAC,QAAQ,EAAE,iEAAqB,gBACxC,uBAAC,cAAc,IAAC,eAAe,EAAE,KAAK,CAAC,eAAe,WAAI,YAChD,CACX,CAAC;AACH,CAAC,CAAC;AAXW,QAAA,sBAAsB,0BAWjC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewComposition.d.ts","sourceRoot":"","sources":["../../../src/editor/components/NewComposition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAwBvE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EA6F/B,CAAC"}

package/dist/editor/components/NewComposition.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewSequence = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../helpers/colors");
+const font_1 = require("../helpers/font");
+const backgroundOverlay = {
+    backgroundColor: 'rgba(255, 255, 255, 0.05)',
+    position: 'fixed',
+    height: '100%',
+    width: '100%',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+};
+const panel = {
+    backgroundColor: colors_1.BACKGROUND,
+    boxShadow: '0 0 4px black',
+    padding: 20,
+    color: 'white',
+    fontFamily: font_1.FONT_FAMILY,
+};
+const NewSequence = () => {
+    const [type, setType] = (0, react_1.useState)('composition');
+    const [width, setWidth] = (0, react_1.useState)('1280');
+    const [height, setHeight] = (0, react_1.useState)('720');
+    const onStillChanged = (0, react_1.useCallback)((e) => {
+        if (e.target.checked) {
+            setType('still');
+        }
+    }, []);
+    const onCompositionChanged = (0, react_1.useCallback)((e) => {
+        if (e.target.checked) {
+            setType('composition');
+        }
+    }, []);
+    const onWidthChanged = (0, react_1.useCallback)((e) => {
+        setWidth(e.target.value);
+    }, []);
+    const onHeightChanged = (0, react_1.useCallback)((e) => {
+        setHeight(e.target.value);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: backgroundOverlay }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: panel }, { children: (0, jsx_runtime_1.jsxs)("form", { children: [(0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "Composition name" }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { onChange: onCompositionChanged, checked: type === 'composition', name: "type", type: "radio" }, void 0), "Composition"] }, void 0), (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { onChange: onStillChanged, checked: type === 'still', name: "type", type: "radio" }, void 0), "Still"] }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("input", { type: "number", value: width, placeholder: "Width (px)", onChange: onWidthChanged, name: "width" }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("input", { type: "number", value: height, onChange: onHeightChanged, placeholder: "Height (px)", name: "height" }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsxs)("select", { children: [(0, jsx_runtime_1.jsx)("option", { children: "24fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "25fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "29.97fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "30fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "48fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "50fps" }, void 0), (0, jsx_runtime_1.jsx)("option", { children: "60fps" }, void 0)] }, void 0)] }, void 0) }), void 0) }), void 0));
+};
+exports.NewSequence = NewSequence;
+//# sourceMappingURL=NewComposition.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewSequence.d.ts","sourceRoot":"","sources":["../../../src/editor/components/NewSequence.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAwBvE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EA6F/B,CAAC"}