@remotion/cli 3.0.0-lambda.25 → 3.0.0-lambda.274

package/dist/editor/components/Errors/ErrorOverlay.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Overlay = exports.setErrorsRef = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+const ErrorDisplay_1 = require("./ErrorDisplay");
+exports.setErrorsRef = (0, react_1.createRef)();
+const Overlay = () => {
+    const [errors, setErrors] = (0, react_1.useState)([]);
+    (0, react_1.useImperativeHandle)(exports.setErrorsRef, () => {
+        return { setErrors };
+    }, []);
+    if (errors.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, Object.assign({ style: { backgroundColor: '#1f2428', overflow: 'auto', color: 'white' } }, { children: errors.map((err) => {
+            return (0, jsx_runtime_1.jsx)(ErrorDisplay_1.ErrorDisplay, { display: err }, err.error.stack);
+        }) }), void 0));
+};
+exports.Overlay = Overlay;
+//# sourceMappingURL=ErrorOverlay.js.map

package/dist/editor/components/Errors/ErrorOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorOverlay.js","sourceRoot":"","sources":["../../../../src/editor/components/Errors/ErrorOverlay.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsE;AACtE,uCAAsC;AACtC,iDAAyD;AAM5C,QAAA,YAAY,GAAG,IAAA,iBAAS,GAAa,CAAC;AAE5C,MAAM,OAAO,GAAa,GAAG,EAAE;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAgB,EAAE,CAAC,CAAC;IAExD,IAAA,2BAAmB,EAClB,oBAAY,EACZ,GAAG,EAAE;QACJ,OAAO,EAAC,SAAS,EAAC,CAAC;IACpB,CAAC,EACD,EAAE,CACF,CAAC;IAEF,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QACxB,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,uBAAC,uBAAY,kBACZ,KAAK,EAAE,EAAC,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAC,gBAEpE,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,OAAO,uBAAC,2BAAY,IAAuB,OAAO,EAAE,GAAG,IAA7B,GAAG,CAAC,KAAK,CAAC,KAAK,CAAkB,CAAC;QAC7D,CAAC,CAAC,YACY,CACf,CAAC;AACH,CAAC,CAAC;AAxBW,QAAA,OAAO,WAwBlB"}

package/dist/editor/components/Errors/stack-frame.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/** A container holding a script line. */
+export declare class ScriptLine {
+    /** The line number of this line of source. */
+    lineNumber: number;
+    /** The content (or value) of this line of source. */
+    content: string;
+    /** Whether or not this line should be highlighted. Particularly useful for error reporting with context. */
+    highlight: boolean;
+    constructor(lineNumber: number, content: string, highlight?: boolean);
+}
+/**
+ * A representation of a stack frame.
+ */
+export declare class StackFrame {
+    functionName: string | null;
+    fileName: string | null;
+    lineNumber: number | null;
+    columnNumber: number | null;
+    _originalFunctionName: string | null;
+    _originalFileName: string | null;
+    _originalLineNumber: number | null;
+    _originalColumnNumber: number | null;
+    _scriptCode: ScriptLine[] | null;
+    _originalScriptCode: ScriptLine[] | null;
+    constructor(functionName?: string | null, fileName?: string | null, lineNumber?: number | null, columnNumber?: number | null, scriptCode?: ScriptLine[] | null, sourceFunctionName?: string | null, sourceFileName?: string | null, sourceLineNumber?: number | null, sourceColumnNumber?: number | null, sourceScriptCode?: ScriptLine[] | null);
+    /**
+     * Returns the name of this function.
+     */
+    getFunctionName(): string;
+    /**
+     * Returns the source of the frame.
+     * This contains the file name, line number, and column number when available.
+     */
+    getSource(): string;
+    /**
+     * Returns a pretty version of this stack frame.
+     */
+    toString(): string;
+}
+//# sourceMappingURL=stack-frame.d.ts.map

package/dist/editor/components/Errors/stack-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-frame.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Errors/stack-frame.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,yCAAyC;AACzC,qBAAa,UAAU;IACtB,8CAA8C;IAC9C,UAAU,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,OAAO,EAAE,MAAM,CAAC;IAChB,4GAA4G;IAC5G,SAAS,EAAE,OAAO,CAAC;gBAEP,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,UAAQ;CAKlE;AAED;;GAEG;AACH,qBAAa,UAAU;IACtB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IAErC,WAAW,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IACjC,mBAAmB,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;gBAIxC,YAAY,GAAE,MAAM,GAAG,IAAW,EAClC,QAAQ,GAAE,MAAM,GAAG,IAAW,EAC9B,UAAU,GAAE,MAAM,GAAG,IAAW,EAChC,YAAY,GAAE,MAAM,GAAG,IAAW,EAClC,UAAU,GAAE,UAAU,EAAE,GAAG,IAAW,EACtC,kBAAkB,GAAE,MAAM,GAAG,IAAW,EACxC,cAAc,GAAE,MAAM,GAAG,IAAW,EACpC,gBAAgB,GAAE,MAAM,GAAG,IAAW,EACtC,kBAAkB,GAAE,MAAM,GAAG,IAAW,EACxC,gBAAgB,GAAE,UAAU,EAAE,GAAG,IAAW;IAiC7C;;OAEG;IACH,eAAe,IAAI,MAAM;IAIzB;;;OAGG;IACH,SAAS,IAAI,MAAM;IAiBnB;;OAEG;IACH,QAAQ,IAAI,MAAM;CAKlB"}

package/dist/editor/components/Errors/stack-frame.js

@@ -0,0 +1,82 @@
+"use strict";
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StackFrame = exports.ScriptLine = void 0;
+/** A container holding a script line. */
+class ScriptLine {
+    constructor(lineNumber, content, highlight = false) {
+        this.lineNumber = lineNumber;
+        this.content = content;
+        this.highlight = highlight;
+    }
+}
+exports.ScriptLine = ScriptLine;
+/**
+ * A representation of a stack frame.
+ */
+class StackFrame {
+    // eslint-disable-next-line max-params
+    constructor(functionName = null, fileName = null, lineNumber = null, columnNumber = null, scriptCode = null, sourceFunctionName = null, sourceFileName = null, sourceLineNumber = null, sourceColumnNumber = null, sourceScriptCode = null) {
+        if (functionName && functionName.indexOf('Object.') === 0) {
+            functionName = functionName.slice('Object.'.length);
+        }
+        if (
+        // Chrome has a bug with inferring function.name:
+        // https://github.com/facebook/create-react-app/issues/2097
+        // Let's ignore a meaningless name we get for top-level modules.
+        functionName === 'friendlySyntaxErrorLabel' ||
+            functionName === 'exports.__esModule' ||
+            functionName === '<anonymous>' ||
+            !functionName) {
+            functionName = null;
+        }
+        this.functionName = functionName;
+        this.fileName = fileName;
+        this.lineNumber = lineNumber;
+        this.columnNumber = columnNumber;
+        this._originalFunctionName = sourceFunctionName;
+        this._originalFileName = sourceFileName;
+        this._originalLineNumber = sourceLineNumber;
+        this._originalColumnNumber = sourceColumnNumber;
+        this._scriptCode = scriptCode;
+        this._originalScriptCode = sourceScriptCode;
+    }
+    /**
+     * Returns the name of this function.
+     */
+    getFunctionName() {
+        return this.functionName || '(anonymous function)';
+    }
+    /**
+     * Returns the source of the frame.
+     * This contains the file name, line number, and column number when available.
+     */
+    getSource() {
+        let str = '';
+        if (this.fileName !== null) {
+            str += this.fileName + ':';
+        }
+        if (this.lineNumber !== null) {
+            str += this.lineNumber + ':';
+        }
+        if (this.columnNumber !== null) {
+            str += this.columnNumber + ':';
+        }
+        return str.slice(0, -1);
+    }
+    /**
+     * Returns a pretty version of this stack frame.
+     */
+    toString() {
+        const functionName = this.getFunctionName();
+        const source = this.getSource();
+        return `${functionName}${source ? ` (${source})` : ``}`;
+    }
+}
+exports.StackFrame = StackFrame;
+//# sourceMappingURL=stack-frame.js.map

package/dist/editor/components/Errors/stack-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-frame.js","sourceRoot":"","sources":["../../../../src/editor/components/Errors/stack-frame.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,yCAAyC;AACzC,MAAa,UAAU;IAQtB,YAAY,UAAkB,EAAE,OAAe,EAAE,SAAS,GAAG,KAAK;QACjE,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC5B,CAAC;CACD;AAbD,gCAaC;AAED;;GAEG;AACH,MAAa,UAAU;IActB,sCAAsC;IACtC,YACC,eAA8B,IAAI,EAClC,WAA0B,IAAI,EAC9B,aAA4B,IAAI,EAChC,eAA8B,IAAI,EAClC,aAAkC,IAAI,EACtC,qBAAoC,IAAI,EACxC,iBAAgC,IAAI,EACpC,mBAAkC,IAAI,EACtC,qBAAoC,IAAI,EACxC,mBAAwC,IAAI;QAE5C,IAAI,YAAY,IAAI,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;YAC1D,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;SACpD;QAED;QACC,iDAAiD;QACjD,2DAA2D;QAC3D,gEAAgE;QAChE,YAAY,KAAK,0BAA0B;YAC3C,YAAY,KAAK,oBAAoB;YACrC,YAAY,KAAK,aAAa;YAC9B,CAAC,YAAY,EACZ;YACD,YAAY,GAAG,IAAI,CAAC;SACpB;QAED,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QAEjC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QAEjC,IAAI,CAAC,qBAAqB,GAAG,kBAAkB,CAAC;QAChD,IAAI,CAAC,iBAAiB,GAAG,cAAc,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAG,gBAAgB,CAAC;QAC5C,IAAI,CAAC,qBAAqB,GAAG,kBAAkB,CAAC;QAEhD,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAC9B,IAAI,CAAC,mBAAmB,GAAG,gBAAgB,CAAC;IAC7C,CAAC;IAED;;OAEG;IACH,eAAe;QACd,OAAO,IAAI,CAAC,YAAY,IAAI,sBAAsB,CAAC;IACpD,CAAC;IAED;;;OAGG;IACH,SAAS;QACR,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;YAC3B,GAAG,IAAI,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;SAC3B;QAED,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;YAC7B,GAAG,IAAI,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC;SAC7B;QAED,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE;YAC/B,GAAG,IAAI,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;SAC/B;QAED,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC;IAED;;OAEG;IACH,QAAQ;QACP,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC5C,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAChC,OAAO,GAAG,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IACzD,CAAC;CACD;AA9FD,gCA8FC"}

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

@@ -1,3 +1,5 @@
 import React from 'react';
-export declare const FpsCounter: React.FC;
+export declare const FpsCounter: React.FC<{
+    playbackSpeed: number;
+}>;
 //# sourceMappingURL=FpsCounter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FpsCounter.d.ts","sourceRoot":"","sources":["../../../src/editor/components/FpsCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAkBf,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAyE9B,CAAC"}
+{"version":3,"file":"FpsCounter.d.ts","sourceRoot":"","sources":["../../../src/editor/components/FpsCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAkBf,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC;CACtB,CA2EA,CAAC"}

package/dist/editor/components/FpsCounter.js

@@ -13,7 +13,7 @@ const pushWithMaxSize = (arr, value, maxSize) => {
     arr.push(value);
     return arr.slice(-maxSize);
 };
-const FpsCounter = () => {
+const FpsCounter = ({ playbackSpeed }) => {
     const videoConfig = remotion_1.Internals.useUnsafeVideoConfig();
     const [playing] = remotion_1.Internals.Timeline.usePlayingState();
     const frame = remotion_1.Internals.Timeline.useTimelinePosition();
@@ -54,11 +54,12 @@ const FpsCounter = () => {
         if (!videoConfig) {
             return {};
         }
+        const expectedFps = Math.abs(playbackSpeed) * videoConfig.fps;
         return {
             ...label,
-            color: fps < videoConfig.fps * 0.9 ? 'red' : 'white',
+            color: fps < expectedFps * 0.9 ? 'red' : 'white',
         };
-    }, [fps, videoConfig]);
+    }, [fps, playbackSpeed, videoConfig]);
     if (fps === 0) {
         return null;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"FpsCounter.js","sourceRoot":"","sources":["../../../src/editor/components/FpsCounter.tsx"],"names":[],"mappings":";;;;AAAA,iCAMe;AACf,uCAAmC;AAEnC,MAAM,KAAK,GAAwB;IAClC,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,8BAA8B;CAC1C,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,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,IAAI,CAAC,WAAW,EAAE;YACjB,OAAO,EAAE,CAAC;SACV;QAED,OAAO;YACN,GAAG,KAAK;YACR,KAAK,EAAE,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;SACpD,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvB,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,OAAO,+CAAK,KAAK,EAAE,KAAK,iBAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAW,CAAC;AACtD,CAAC,CAAC;AAzEW,QAAA,UAAU,cAyErB"}
+{"version":3,"file":"FpsCounter.js","sourceRoot":"","sources":["../../../src/editor/components/FpsCounter.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const getCurrentCompositionFromUrl: () => string;
+export declare const FramePersistor: React.FC;
+//# sourceMappingURL=FramePersister.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FramePersister.d.ts","sourceRoot":"","sources":["../../../src/editor/components/FramePersister.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,eAAO,MAAM,4BAA4B,cAExC,CAAC;AAcF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAWlC,CAAC"}

package/dist/editor/components/FramePersister.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FramePersistor = exports.getCurrentCompositionFromUrl = void 0;
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+const getCurrentCompositionFromUrl = () => {
+    return window.location.pathname.substr(1);
+};
+exports.getCurrentCompositionFromUrl = getCurrentCompositionFromUrl;
+const persistCurrentFrame = (frame) => {
+    const currentComposition = exports.getCurrentCompositionFromUrl();
+    if (!currentComposition) {
+        return;
+    }
+    localStorage.setItem(`remotion.time.${exports.getCurrentCompositionFromUrl()}`, String(frame));
+};
+const FramePersistor = () => {
+    const [playing] = remotion_1.Internals.Timeline.usePlayingState();
+    const frame = remotion_1.Internals.Timeline.useTimelinePosition();
+    react_1.useEffect(() => {
+        if (!playing) {
+            persistCurrentFrame(frame);
+        }
+    }, [frame, playing]);
+    return null;
+};
+exports.FramePersistor = FramePersistor;
+//# sourceMappingURL=FramePersister.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FramePersister.js","sourceRoot":"","sources":["../../../src/editor/components/FramePersister.tsx"],"names":[],"mappings":";;;AAAA,iCAAuC;AACvC,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,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;IAC7C,MAAM,kBAAkB,GAAG,oCAA4B,EAAE,CAAC;IAC1D,IAAI,CAAC,kBAAkB,EAAE;QACxB,OAAO;KACP;IAED,YAAY,CAAC,OAAO,CACnB,iBAAiB,oCAA4B,EAAE,EAAE,EACjD,MAAM,CAAC,KAAK,CAAC,CACb,CAAC;AACH,CAAC,CAAC;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,iBAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,EAAE;YACb,mBAAmB,CAAC,KAAK,CAAC,CAAC;SAC3B;IACF,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAErB,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAXW,QAAA,cAAc,kBAWzB"}

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

@@ -1 +1 @@
-{"version":3,"file":"KeyboardShortcutsModal.d.ts","sourceRoot":"","sources":["../../../src/editor/components/KeyboardShortcutsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAmCrD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAgGrC,CAAC"}
+{"version":3,"file":"KeyboardShortcutsModal.d.ts","sourceRoot":"","sources":["../../../src/editor/components/KeyboardShortcutsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAgDrD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EA+HrC,CAAC"}

package/dist/editor/components/KeyboardShortcutsModal.js

@@ -13,6 +13,10 @@ const left = {
     paddingTop: 8,
     paddingBottom: 8,
 };
+const shortLeft = {
+    ...left,
+    width: 40,
+};
 const key = {
     background: '#333',
     padding: '3px 6px',
@@ -24,7 +28,8 @@ const key = {
     fontFamily: 'monospace',
 };
 const right = {
-    fontSize: 15,
+    fontSize: 14,
+    color: '#eee',
 };
 const container = {
     paddingLeft: 20,
@@ -32,12 +37,18 @@ const container = {
     paddingTop: 10,
     paddingBottom: 10,
 };
+const title = {
+    fontWeight: 'bold',
+    color: 'white',
+    fontSize: 14,
+    marginBottom: 10,
+};
 const KeyboardShortcuts = () => {
     const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
     const onQuit = (0, react_1.useCallback)(() => {
         setSelectedModal(null);
     }, [setSelectedModal]);
-    return ((0, jsx_runtime_1.jsxs)(ModalContainer_1.ModalContainer, Object.assign({ onEscape: onQuit, onOutsideClick: onQuit }, { children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.NewCompHeader, { title: "Keyboard shortcuts" }, void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container }, { children: [(0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: left }, { children: [(0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: (0, jsx_runtime_1.jsx)(keys_1.ShiftIcon, {}, void 0) }), void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.3 }, void 0), (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: (0, jsx_runtime_1.jsx)(keys_1.ArrowLeft, {}, void 0) }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "1 second back" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: left }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: (0, jsx_runtime_1.jsx)(keys_1.ArrowLeft, {}, void 0) }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Previous frame" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: left }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "Space" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Play / Pause" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: left }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: (0, jsx_runtime_1.jsx)(keys_1.ArrowRight, {}, void 0) }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Next frame" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: left }, { children: [(0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: (0, jsx_runtime_1.jsx)(keys_1.ShiftIcon, {}, void 0) }), void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.3 }, void 0), (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: (0, jsx_runtime_1.jsx)(keys_1.ArrowRight, {}, void 0) }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "1 second forward" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: left }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "N" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "New composition" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: left }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "T" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Toggle checkerboard transparency" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: left }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "I" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Set In Point" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: left }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "O" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Set Out Point" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: left }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "X" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Clear In/Out Points" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: left }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "?" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Show keyboard shortcuts" }), void 0)] }), void 0)] }), void 0)] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(ModalContainer_1.ModalContainer, Object.assign({ onEscape: onQuit, onOutsideClick: onQuit }, { children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.NewCompHeader, { title: "Keyboard shortcuts" }, void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ style: container }, { children: [(0, jsx_runtime_1.jsxs)(layout_1.Column, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: title }, { children: "Playback" }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: left }, { children: [(0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: (0, jsx_runtime_1.jsx)(keys_1.ShiftIcon, {}, void 0) }), void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.3 }, void 0), (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: (0, jsx_runtime_1.jsx)(keys_1.ArrowLeft, {}, void 0) }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "1 second back" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: left }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: (0, jsx_runtime_1.jsx)(keys_1.ArrowLeft, {}, void 0) }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Previous frame" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: left }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "Space" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Play / Pause" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: left }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: (0, jsx_runtime_1.jsx)(keys_1.ArrowRight, {}, void 0) }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Next frame" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: left }, { children: [(0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: (0, jsx_runtime_1.jsx)(keys_1.ShiftIcon, {}, void 0) }), void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.3 }, void 0), (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: (0, jsx_runtime_1.jsx)(keys_1.ArrowRight, {}, void 0) }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "1 second forward" }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: left }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "J" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Reverse playback" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: left }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "K" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Pause" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: left }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "L" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Play / Speed up" }), void 0)] }), void 0)] }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 8 }, void 0), (0, jsx_runtime_1.jsxs)(layout_1.Column, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: title }, { children: "Navigation" }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: shortLeft }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "N" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "New composition" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: shortLeft }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "T" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Toggle checkerboard transparency" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: shortLeft }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "?" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Show keyboard shortcuts" }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: title }, { children: "Playback range" }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: shortLeft }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "I" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Set In Point" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: shortLeft }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "O" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Set Out Point" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(layout_1.Row, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: shortLeft }, { children: (0, jsx_runtime_1.jsx)("kbd", Object.assign({ style: key }, { children: "X" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: right }, { children: "Clear In/Out Points" }), void 0)] }), void 0)] }, void 0)] }), void 0)] }), void 0));
 };
 exports.KeyboardShortcuts = KeyboardShortcuts;
 //# sourceMappingURL=KeyboardShortcutsModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"KeyboardShortcutsModal.js","sourceRoot":"","sources":["../../../src/editor/components/KeyboardShortcutsModal.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqD;AACrD,wCAA+D;AAC/D,4CAA8C;AAC9C,qCAAsC;AACtC,qDAAgD;AAChD,+CAA4C;AAE5C,MAAM,IAAI,GAAwB;IACjC,KAAK,EAAE,GAAG;IACV,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC;CAChB,CAAC;AAEF,MAAM,GAAG,GAAwB;IAChC,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,iBAAiB;IACzB,iBAAiB,EAAE,CAAC;IACpB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,WAAW;CACvB,CAAC;AAEF,MAAM,KAAK,GAAwB;IAClC,QAAQ,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,SAAS,GAAwB;IACtC,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,EAAE;IAChB,UAAU,EAAE,EAAE;IACd,aAAa,EAAE,EAAE;CACjB,CAAC;AAEK,MAAM,iBAAiB,GAAa,GAAG,EAAE;IAC/C,MAAM,EAAC,gBAAgB,EAAC,GAAG,IAAA,kBAAU,EAAC,sBAAa,CAAC,CAAC;IAErD,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,CACN,wBAAC,+BAAc,kBAAC,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,iBACvD,uBAAC,2BAAa,IAAC,KAAK,EAAC,oBAAoB,WAAG,EAC5C,+CAAK,KAAK,EAAE,SAAS,iBACpB,wBAAC,YAAG,kBAAC,KAAK,EAAC,QAAQ,iBAClB,+CAAK,KAAK,EAAE,IAAI,iBACf,8CAAK,KAAK,EAAE,GAAG,gBACd,uBAAC,gBAAS,aAAG,YACR,EACN,uBAAC,gBAAO,IAAC,CAAC,EAAE,GAAG,WAAI,EACnB,8CAAK,KAAK,EAAE,GAAG,gBACd,uBAAC,gBAAS,aAAG,YACR,aACD,EACN,8CAAK,KAAK,EAAE,KAAK,2CAAqB,aACjC,EACN,wBAAC,YAAG,kBAAC,KAAK,EAAC,QAAQ,iBAClB,8CAAK,KAAK,EAAE,IAAI,gBACf,8CAAK,KAAK,EAAE,GAAG,gBACd,uBAAC,gBAAS,aAAG,YACR,YACD,EACN,8CAAK,KAAK,EAAE,KAAK,4CAAsB,aAClC,EACN,wBAAC,YAAG,kBAAC,KAAK,EAAC,QAAQ,iBAClB,8CAAK,KAAK,EAAE,IAAI,gBACf,8CAAK,KAAK,EAAE,GAAG,mCAAa,YACvB,EACN,8CAAK,KAAK,EAAE,KAAK,0CAAoB,aAChC,EACN,wBAAC,YAAG,kBAAC,KAAK,EAAC,QAAQ,iBAClB,8CAAK,KAAK,EAAE,IAAI,gBACf,8CAAK,KAAK,EAAE,GAAG,gBACd,uBAAC,iBAAU,aAAG,YACT,YACD,EACN,8CAAK,KAAK,EAAE,KAAK,wCAAkB,aAC9B,EACN,wBAAC,YAAG,kBAAC,KAAK,EAAC,QAAQ,iBAClB,+CAAK,KAAK,EAAE,IAAI,iBACf,8CAAK,KAAK,EAAE,GAAG,gBACd,uBAAC,gBAAS,aAAG,YACR,EACN,uBAAC,gBAAO,IAAC,CAAC,EAAE,GAAG,WAAI,EACnB,8CAAK,KAAK,EAAE,GAAG,gBACd,uBAAC,iBAAU,aAAG,YACT,aACD,EACN,8CAAK,KAAK,EAAE,KAAK,8CAAwB,aACpC,EACN,wBAAC,YAAG,kBAAC,KAAK,EAAC,QAAQ,iBAClB,8CAAK,KAAK,EAAE,IAAI,gBACf,8CAAK,KAAK,EAAE,GAAG,+BAAS,YACnB,EACN,8CAAK,KAAK,EAAE,KAAK,6CAAuB,aACnC,EACN,wBAAC,YAAG,kBAAC,KAAK,EAAC,QAAQ,iBAClB,8CAAK,KAAK,EAAE,IAAI,gBACf,8CAAK,KAAK,EAAE,GAAG,+BAAS,YACnB,EACN,8CAAK,KAAK,EAAE,KAAK,8DAAwC,aACpD,EACN,wBAAC,YAAG,kBAAC,KAAK,EAAC,QAAQ,iBAClB,8CAAK,KAAK,EAAE,IAAI,gBACf,8CAAK,KAAK,EAAE,GAAG,+BAAS,YACnB,EACN,8CAAK,KAAK,EAAE,KAAK,0CAAoB,aAChC,EACN,wBAAC,YAAG,kBAAC,KAAK,EAAC,QAAQ,iBAClB,8CAAK,KAAK,EAAE,IAAI,gBACf,8CAAK,KAAK,EAAE,GAAG,+BAAS,YACnB,EACN,8CAAK,KAAK,EAAE,KAAK,2CAAqB,aACjC,EACN,wBAAC,YAAG,kBAAC,KAAK,EAAC,QAAQ,iBAClB,8CAAK,KAAK,EAAE,IAAI,gBACf,8CAAK,KAAK,EAAE,GAAG,+BAAS,YACnB,EACN,8CAAK,KAAK,EAAE,KAAK,iDAA2B,aACvC,EACN,wBAAC,YAAG,kBAAC,KAAK,EAAC,QAAQ,iBAClB,8CAAK,KAAK,EAAE,IAAI,gBACf,8CAAK,KAAK,EAAE,GAAG,+BAAS,YACnB,EACN,8CAAK,KAAK,EAAE,KAAK,qDAA+B,aAC3C,aACD,aACU,CACjB,CAAC;AACH,CAAC,CAAC;AAhGW,QAAA,iBAAiB,qBAgG5B"}
+{"version":3,"file":"KeyboardShortcutsModal.js","sourceRoot":"","sources":["../../../src/editor/components/KeyboardShortcutsModal.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/editor/components/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAkC3B,CAAC"}
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/editor/components/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAkC3B,CAAC"}

package/dist/editor/components/LoadingIndicator.js

@@ -10,6 +10,7 @@ const ICON_SIZE = 40;
 const label = {
     color: '#555',
     fontSize: 14,
+    fontFamily: 'sans-serif',
 };
 const container = {
     justifyContent: 'center',

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.js","sourceRoot":"","sources":["../../../src/editor/components/LoadingIndicator.tsx"],"names":[],"mappings":";;;;AACA,uCAAsC;AAEtC,MAAM,MAAM,GAAwB;IACnC,SAAS,EAAE,eAAe;CAC1B,CAAC;AACF,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,KAAK,GAAwB;IAClC,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,SAAS,GAAwB;IACtC,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACpB,CAAC;AAEK,MAAM,OAAO,GAAa,GAAG,EAAE;IACrC,OAAO,CACN,wBAAC,uBAAY,kBAAC,KAAK,EAAE,SAAS,EAAE,EAAE,EAAC,uBAAuB,iBACzD,gDAAO,IAAI,EAAC,UAAU,gBAAE;;;;;;;;;;;;;IAavB,YAAS,EACV,8CACC,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAC,mBAAmB,EAC3B,KAAK,EAAE,MAAM,gBAEb,iCACC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,EACb,WAAW,EAAC,KAAK,EACjB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,iFAAiF,WAClF,YACG,EACN,4CAAG,KAAK,EAAE,KAAK,wCAAgB,aACjB,CACf,CAAC;AACH,CAAC,CAAC;AAlCW,QAAA,OAAO,WAkClB"}
+{"version":3,"file":"LoadingIndicator.js","sourceRoot":"","sources":["../../../src/editor/components/LoadingIndicator.tsx"],"names":[],"mappings":";;;;AACA,uCAAsC;AAEtC,MAAM,MAAM,GAAwB;IACnC,SAAS,EAAE,eAAe;CAC1B,CAAC;AACF,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,KAAK,GAAwB;IAClC,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,SAAS,GAAwB;IACtC,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACpB,CAAC;AAEK,MAAM,OAAO,GAAa,GAAG,EAAE;IACrC,OAAO,CACN,wBAAC,uBAAY,kBAAC,KAAK,EAAE,SAAS,EAAE,EAAE,EAAC,uBAAuB,iBACzD,gDAAO,IAAI,EAAC,UAAU,gBAAE;;;;;;;;;;;;;IAavB,YAAS,EACV,8CACC,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAC,mBAAmB,EAC3B,KAAK,EAAE,MAAM,gBAEb,iCACC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,EACb,WAAW,EAAC,KAAK,EACjB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,iFAAiF,WAClF,YACG,EACN,4CAAG,KAAK,EAAE,KAAK,wCAAgB,aACjB,CACf,CAAC;AACH,CAAC,CAAC;AAlCW,QAAA,OAAO,WAkClB"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const LoopToggle: React.FC<{
+    loop: boolean;
+    setLoop: React.Dispatch<React.SetStateAction<boolean>>;
+}>;
+//# sourceMappingURL=LoopToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoopToggle.d.ts","sourceRoot":"","sources":["../../../src/editor/components/LoopToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACvD,CA4BA,CAAC"}

package/dist/editor/components/LoopToggle.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoopToggle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const is_current_selected_still_1 = require("../helpers/is-current-selected-still");
+const loop_1 = require("../state/loop");
+const ControlButton_1 = require("./ControlButton");
+const accessibilityLabel = 'Loop video';
+const LoopToggle = ({ loop, setLoop }) => {
+    const onClick = (0, react_1.useCallback)(() => {
+        setLoop((c) => {
+            (0, loop_1.persistLoopOption)(!c);
+            return !c;
+        });
+    }, [setLoop]);
+    const isStill = (0, is_current_selected_still_1.useIsStill)();
+    if (isStill) {
+        return null;
+    }
+    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({ viewBox: "0 0 512 512", style: { width: 18, height: 18 } }, { children: (0, jsx_runtime_1.jsx)("path", { fill: loop ? 'var(--blue)' : 'white', d: "M493.544 181.463c11.956 22.605 18.655 48.4 18.452 75.75C511.339 345.365 438.56 416 350.404 416H192v47.495c0 22.475-26.177 32.268-40.971 17.475l-80-80c-9.372-9.373-9.372-24.569 0-33.941l80-80C166.138 271.92 192 282.686 192 304v48h158.875c52.812 0 96.575-42.182 97.12-94.992.155-15.045-3.17-29.312-9.218-42.046-4.362-9.185-2.421-20.124 4.8-27.284 4.745-4.706 8.641-8.555 11.876-11.786 11.368-11.352 30.579-8.631 38.091 5.571zM64.005 254.992c.545-52.81 44.308-94.992 97.12-94.992H320v47.505c0 22.374 26.121 32.312 40.971 17.465l80-80c9.372-9.373 9.372-24.569 0-33.941l-80-80C346.014 16.077 320 26.256 320 48.545V96H161.596C73.44 96 .661 166.635.005 254.788c-.204 27.35 6.495 53.145 18.452 75.75 7.512 14.202 26.723 16.923 38.091 5.57 3.235-3.231 7.13-7.08 11.876-11.786 7.22-7.16 9.162-18.098 4.8-27.284-6.049-12.735-9.374-27.001-9.219-42.046z" }, void 0) }), void 0) }), void 0));
+};
+exports.LoopToggle = LoopToggle;
+//# sourceMappingURL=LoopToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoopToggle.js","sourceRoot":"","sources":["../../../src/editor/components/LoopToggle.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AACzC,oFAAgE;AAChE,wCAAgD;AAChD,mDAA8C;AAE9C,MAAM,kBAAkB,GAAG,YAAY,CAAC;AAEjC,MAAM,UAAU,GAGlB,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,EAAE,EAAE;IACxB,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACb,IAAA,wBAAiB,EAAC,CAAC,CAAC,CAAC,CAAC;YACtB,OAAO,CAAC,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,OAAO,GAAG,IAAA,sCAAU,GAAE,CAAC;IAE7B,IAAI,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,uBAAC,6BAAa,kBACb,KAAK,EAAE,kBAAkB,gBACb,kBAAkB,EAC9B,OAAO,EAAE,OAAO,gBAEhB,8CAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAC,gBACxD,iCACC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,EACpC,CAAC,EAAC,00BAA00B,WAC30B,YACG,YACS,CAChB,CAAC;AACH,CAAC,CAAC;AA/BW,QAAA,UAAU,cA+BrB"}

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/MenuToolbar.js

@@ -353,7 +353,7 @@ const MenuToolbar = () => {
                         label: 'Twitter',
                         onClick: () => {
                             close();
-                            openExternal('https://twitter.com/JNYBGR');
+                            openExternal('https://twitter.com/remotion_dev');
                         },
                         type: 'item',
                         keyHint: null,