@remotion/cli 2.3.3 → 2.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/editor/components/CopyButton.d.ts +7 -0
- package/dist/editor/components/CopyButton.d.ts.map +1 -0
- package/dist/editor/components/CopyButton.js +40 -0
- package/dist/editor/components/CopyButton.js.map +1 -0
- package/dist/editor/components/GlobalKeybindings.d.ts +3 -0
- package/dist/editor/components/GlobalKeybindings.d.ts.map +1 -0
- package/dist/editor/components/GlobalKeybindings.js +36 -0
- package/dist/editor/components/GlobalKeybindings.js.map +1 -0
- package/dist/editor/components/KeyboardShortcuts.d.ts +1 -0
- package/dist/editor/components/KeyboardShortcuts.d.ts.map +1 -0
- package/dist/editor/components/KeyboardShortcuts.js +2 -0
- package/dist/editor/components/KeyboardShortcuts.js.map +1 -0
- package/dist/editor/components/KeyboardShortcutsModal.d.ts +3 -0
- package/dist/editor/components/KeyboardShortcutsModal.d.ts.map +1 -0
- package/dist/editor/components/KeyboardShortcutsModal.js +43 -0
- package/dist/editor/components/KeyboardShortcutsModal.js.map +1 -0
- package/dist/editor/components/Menu/MenuItem.d.ts +8 -13
- package/dist/editor/components/Menu/MenuItem.d.ts.map +1 -1
- package/dist/editor/components/Menu/MenuItem.js +13 -44
- package/dist/editor/components/Menu/MenuItem.js.map +1 -1
- package/dist/editor/components/Menu/MenuSubItem.d.ts +13 -1
- package/dist/editor/components/Menu/MenuSubItem.d.ts.map +1 -1
- package/dist/editor/components/Menu/MenuSubItem.js +60 -8
- package/dist/editor/components/Menu/MenuSubItem.js.map +1 -1
- package/dist/editor/components/Menu/SubMenu.d.ts +11 -0
- package/dist/editor/components/Menu/SubMenu.d.ts.map +1 -0
- package/dist/editor/components/Menu/SubMenu.js +15 -0
- package/dist/editor/components/Menu/SubMenu.js.map +1 -0
- package/dist/editor/components/Menu/portals.d.ts +2 -0
- package/dist/editor/components/Menu/portals.d.ts.map +1 -0
- package/dist/editor/components/Menu/portals.js +16 -0
- package/dist/editor/components/Menu/portals.js.map +1 -0
- package/dist/editor/components/Menu/styles.d.ts +5 -0
- package/dist/editor/components/Menu/styles.d.ts.map +1 -0
- package/dist/editor/components/Menu/styles.js +22 -0
- package/dist/editor/components/Menu/styles.js.map +1 -0
- package/dist/editor/components/MenuToolbar.d.ts.map +1 -1
- package/dist/editor/components/MenuToolbar.js +207 -75
- package/dist/editor/components/MenuToolbar.js.map +1 -1
- package/dist/editor/components/ModalContainer.d.ts +6 -0
- package/dist/editor/components/ModalContainer.d.ts.map +1 -0
- package/dist/editor/components/ModalContainer.js +28 -0
- package/dist/editor/components/ModalContainer.js.map +1 -0
- package/dist/editor/components/ModalHeader.d.ts +5 -0
- package/dist/editor/components/ModalHeader.d.ts.map +1 -0
- package/dist/editor/components/ModalHeader.js +29 -0
- package/dist/editor/components/ModalHeader.js.map +1 -0
- package/dist/editor/components/NewComposition/CancelButton.d.ts +3 -1
- package/dist/editor/components/NewComposition/CancelButton.d.ts.map +1 -1
- package/dist/editor/components/NewComposition/CancelButton.js +12 -1
- package/dist/editor/components/NewComposition/CancelButton.js.map +1 -1
- package/dist/editor/components/NewComposition/ComboBox.d.ts +10 -0
- package/dist/editor/components/NewComposition/ComboBox.d.ts.map +1 -1
- package/dist/editor/components/NewComposition/ComboBox.js +39 -53
- package/dist/editor/components/NewComposition/ComboBox.js.map +1 -1
- package/dist/editor/components/NewComposition/CompositionType.d.ts.map +1 -1
- package/dist/editor/components/NewComposition/CompositionType.js +9 -7
- package/dist/editor/components/NewComposition/CompositionType.js.map +1 -1
- package/dist/editor/components/NewComposition/InputDragger.d.ts +7 -0
- package/dist/editor/components/NewComposition/InputDragger.d.ts.map +1 -0
- package/dist/editor/components/NewComposition/InputDragger.js +74 -0
- package/dist/editor/components/NewComposition/InputDragger.js.map +1 -0
- package/dist/editor/components/NewComposition/MenuContent.d.ts +12 -0
- package/dist/editor/components/NewComposition/MenuContent.d.ts.map +1 -0
- package/dist/editor/components/NewComposition/MenuContent.js +173 -0
- package/dist/editor/components/NewComposition/MenuContent.js.map +1 -0
- package/dist/editor/components/NewComposition/ModalHeader.d.ts +3 -0
- package/dist/editor/components/NewComposition/ModalHeader.d.ts.map +1 -0
- package/dist/editor/components/NewComposition/ModalHeader.js +29 -0
- package/dist/editor/components/NewComposition/ModalHeader.js.map +1 -0
- package/dist/editor/components/NewComposition/NewCompAspectRatio.d.ts +2 -0
- package/dist/editor/components/NewComposition/NewCompAspectRatio.d.ts.map +1 -1
- package/dist/editor/components/NewComposition/NewCompAspectRatio.js +4 -7
- package/dist/editor/components/NewComposition/NewCompAspectRatio.js.map +1 -1
- package/dist/editor/components/NewComposition/NewCompCode.d.ts +3 -2
- package/dist/editor/components/NewComposition/NewCompCode.d.ts.map +1 -1
- package/dist/editor/components/NewComposition/NewCompCode.js +30 -11
- package/dist/editor/components/NewComposition/NewCompCode.js.map +1 -1
- package/dist/editor/components/NewComposition/NewCompDuration.d.ts +7 -0
- package/dist/editor/components/NewComposition/NewCompDuration.d.ts.map +1 -0
- package/dist/editor/components/NewComposition/NewCompDuration.js +24 -0
- package/dist/editor/components/NewComposition/NewCompDuration.js.map +1 -0
- package/dist/editor/components/NewComposition/NewCompHeader.d.ts.map +1 -1
- package/dist/editor/components/NewComposition/NewCompHeader.js +13 -2
- package/dist/editor/components/NewComposition/NewCompHeader.js.map +1 -1
- package/dist/editor/components/NewComposition/NewComposition.d.ts +4 -1
- package/dist/editor/components/NewComposition/NewComposition.d.ts.map +1 -1
- package/dist/editor/components/NewComposition/NewComposition.js +59 -45
- package/dist/editor/components/NewComposition/NewComposition.js.map +1 -1
- package/dist/editor/components/NewComposition/RemInput.d.ts +1 -0
- package/dist/editor/components/NewComposition/RemInput.d.ts.map +1 -1
- package/dist/editor/components/NewComposition/RemInput.js +17 -14
- package/dist/editor/components/NewComposition/RemInput.js.map +1 -1
- package/dist/editor/components/NewComposition/ToggleAspectRatio.d.ts +6 -0
- package/dist/editor/components/NewComposition/ToggleAspectRatio.d.ts.map +1 -0
- package/dist/editor/components/NewComposition/ToggleAspectRatio.js +24 -0
- package/dist/editor/components/NewComposition/ToggleAspectRatio.js.map +1 -0
- package/dist/editor/components/NewComposition/ValidationMessage.d.ts +5 -0
- package/dist/editor/components/NewComposition/ValidationMessage.d.ts.map +1 -0
- package/dist/editor/components/NewComposition/ValidationMessage.js +24 -0
- package/dist/editor/components/NewComposition/ValidationMessage.js.map +1 -0
- package/dist/editor/components/NewComposition/new-comp-layout.d.ts +5 -0
- package/dist/editor/components/NewComposition/new-comp-layout.d.ts.map +1 -0
- package/dist/editor/components/NewComposition/new-comp-layout.js +20 -0
- package/dist/editor/components/NewComposition/new-comp-layout.js.map +1 -0
- package/dist/editor/components/NewComposition/render-aspect-ratio.d.ts.map +1 -1
- package/dist/editor/components/NewComposition/render-aspect-ratio.js +6 -1
- package/dist/editor/components/NewComposition/render-aspect-ratio.js.map +1 -1
- package/dist/editor/components/UpdateModal/UpdateModal.d.ts +6 -0
- package/dist/editor/components/UpdateModal/UpdateModal.d.ts.map +1 -0
- package/dist/editor/components/UpdateModal/UpdateModal.js +38 -0
- package/dist/editor/components/UpdateModal/UpdateModal.js.map +1 -0
- package/dist/editor/components/layout.d.ts +13 -0
- package/dist/editor/components/layout.d.ts.map +1 -0
- package/dist/editor/components/layout.js +34 -0
- package/dist/editor/components/layout.js.map +1 -0
- package/dist/editor/helpers/colors.d.ts +5 -1
- package/dist/editor/helpers/colors.d.ts.map +1 -1
- package/dist/editor/helpers/colors.js +6 -2
- package/dist/editor/helpers/colors.js.map +1 -1
- package/dist/editor/helpers/copy-text.d.ts +2 -0
- package/dist/editor/helpers/copy-text.d.ts.map +1 -0
- package/dist/editor/helpers/copy-text.js +18 -0
- package/dist/editor/helpers/copy-text.js.map +1 -0
- package/dist/editor/helpers/noop.d.ts +2 -0
- package/dist/editor/helpers/noop.d.ts.map +1 -0
- package/dist/editor/helpers/noop.js +6 -0
- package/dist/editor/helpers/noop.js.map +1 -0
- package/dist/editor/helpers/use-keybinding.d.ts +8 -0
- package/dist/editor/helpers/use-keybinding.d.ts.map +1 -0
- package/dist/editor/helpers/use-keybinding.js +45 -0
- package/dist/editor/helpers/use-keybinding.js.map +1 -0
- package/dist/editor/icons/Checkmark.d.ts +2 -0
- package/dist/editor/icons/Checkmark.d.ts.map +1 -0
- package/dist/editor/icons/Checkmark.js +11 -0
- package/dist/editor/icons/Checkmark.js.map +1 -0
- package/dist/editor/icons/caret.d.ts +3 -0
- package/dist/editor/icons/caret.d.ts.map +1 -0
- package/dist/editor/icons/caret.js +17 -0
- package/dist/editor/icons/caret.js.map +1 -0
- package/dist/editor/icons/keys.d.ts +5 -0
- package/dist/editor/icons/keys.d.ts.map +1 -0
- package/dist/editor/icons/keys.js +17 -0
- package/dist/editor/icons/keys.js.map +1 -0
- package/dist/editor/icons/lock.d.ts +4 -0
- package/dist/editor/icons/lock.d.ts.map +1 -0
- package/dist/editor/icons/lock.js +13 -0
- package/dist/editor/icons/lock.js.map +1 -0
- package/dist/editor/state/highest-z-index.d.ts +10 -0
- package/dist/editor/state/highest-z-index.d.ts.map +1 -0
- package/dist/editor/state/highest-z-index.js +36 -0
- package/dist/editor/state/highest-z-index.js.map +1 -0
- package/dist/editor/state/input-dragger-click-lock.d.ts +3 -0
- package/dist/editor/state/input-dragger-click-lock.d.ts.map +1 -0
- package/dist/editor/state/input-dragger-click-lock.js +11 -0
- package/dist/editor/state/input-dragger-click-lock.js.map +1 -0
- package/dist/editor/state/keybindings.d.ts +18 -0
- package/dist/editor/state/keybindings.d.ts.map +1 -0
- package/dist/editor/state/keybindings.js +42 -0
- package/dist/editor/state/keybindings.js.map +1 -0
- package/dist/editor/state/modals.d.ts +18 -0
- package/dist/editor/state/modals.d.ts.map +1 -0
- package/dist/editor/state/modals.js +9 -0
- package/dist/editor/state/modals.js.map +1 -0
- package/dist/editor/state/timeline-ref.d.ts +6 -0
- package/dist/editor/state/timeline-ref.d.ts.map +1 -0
- package/dist/editor/state/timeline-ref.js +6 -0
- package/dist/editor/state/timeline-ref.js.map +1 -0
- package/dist/editor/state/z-index.d.ts +17 -0
- package/dist/editor/state/z-index.d.ts.map +1 -0
- package/dist/editor/state/z-index.js +67 -0
- package/dist/editor/state/z-index.js.map +1 -0
- package/dist/empty-audio.d.ts +2 -0
- package/dist/empty-audio.d.ts.map +1 -0
- package/dist/empty-audio.js +5 -0
- package/dist/empty-audio.js.map +1 -0
- package/package.json +6 -6
- package/dist/cycle-browser-tabs.d.ts +0 -7
- package/dist/cycle-browser-tabs.d.ts.map +0 -1
- package/dist/cycle-browser-tabs.js +0 -24
- package/dist/cycle-browser-tabs.js.map +0 -1
- package/dist/editor/components/FramePersister.d.ts +0 -4
- package/dist/editor/components/FramePersister.d.ts.map +0 -1
- package/dist/editor/components/FramePersister.js +0 -28
- package/dist/editor/components/FramePersister.js.map +0 -1
- package/dist/editor/components/MediaVolumeSlider.d.ts +0 -3
- package/dist/editor/components/MediaVolumeSlider.d.ts.map +0 -1
- package/dist/editor/components/MediaVolumeSlider.js +0 -113
- package/dist/editor/components/MediaVolumeSlider.js.map +0 -1
- package/dist/editor/components/Menu/is-menu-click.d.ts +0 -5
- package/dist/editor/components/Menu/is-menu-click.d.ts.map +0 -1
- package/dist/editor/components/Menu/is-menu-click.js +0 -24
- package/dist/editor/components/Menu/is-menu-click.js.map +0 -1
- package/dist/editor/components/NewComposition.d.ts +0 -3
- package/dist/editor/components/NewComposition.d.ts.map +0 -1
- package/dist/editor/components/NewComposition.js +0 -47
- package/dist/editor/components/NewComposition.js.map +0 -1
- package/dist/editor/components/NewSequence.d.ts +0 -3
- package/dist/editor/components/NewSequence.d.ts.map +0 -1
- package/dist/editor/components/NewSequence.js +0 -47
- package/dist/editor/components/NewSequence.js.map +0 -1
- package/dist/editor/components/Spacing.d.ts +0 -7
- package/dist/editor/components/Spacing.d.ts.map +0 -1
- package/dist/editor/components/Spacing.js +0 -18
- package/dist/editor/components/Spacing.js.map +0 -1
- package/dist/editor/helpers/isCompositionStill.d.ts +0 -1
- package/dist/editor/helpers/isCompositionStill.d.ts.map +0 -1
- package/dist/editor/helpers/isCompositionStill.js +0 -2
- package/dist/editor/helpers/isCompositionStill.js.map +0 -1
- package/dist/editor/hooks/get-el-size.d.ts +0 -8
- package/dist/editor/hooks/get-el-size.d.ts.map +0 -1
- package/dist/editor/hooks/get-el-size.js +0 -43
- package/dist/editor/hooks/get-el-size.js.map +0 -1
- package/dist/editor/state/global-menu-id.d.ts +0 -4
- package/dist/editor/state/global-menu-id.d.ts.map +0 -1
- package/dist/editor/state/global-menu-id.js +0 -11
- package/dist/editor/state/global-menu-id.js.map +0 -1
- package/dist/editor/state/menu-selection.d.ts +0 -8
- package/dist/editor/state/menu-selection.d.ts.map +0 -1
- package/dist/editor/state/menu-selection.js +0 -14
- package/dist/editor/state/menu-selection.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"keybindings.d.ts","sourceRoot":"","sources":["../../../src/editor/state/keybindings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAEzE,oBAAY,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE5D,oBAAY,mBAAmB,GAAG,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;AAE7D,oBAAY,oBAAoB,GAAG;IAClC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,mBAAmB,CAAC;CAC9B,CAAC;AAEF,oBAAY,qBAAqB,GAAG;IACnC,kBAAkB,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC5D,oBAAoB,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC9D,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAI5B,CAAC;AAEH,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EA6C7C,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.KeybindingContextProvider = exports.KeybindingContext = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
exports.KeybindingContext = (0, react_1.createContext)({
|
|
7
|
+
registerKeybinding: () => undefined,
|
|
8
|
+
unregisterKeybinding: () => undefined,
|
|
9
|
+
unregisterPane: () => undefined,
|
|
10
|
+
});
|
|
11
|
+
const KeybindingContextProvider = ({ children }) => {
|
|
12
|
+
const registered = (0, react_1.useRef)([]);
|
|
13
|
+
const registerKeybinding = (0, react_1.useCallback)((binding) => {
|
|
14
|
+
registered.current = [...registered.current, binding];
|
|
15
|
+
window.addEventListener(binding.event, binding.callback);
|
|
16
|
+
}, []);
|
|
17
|
+
const unregisterKeybinding = (0, react_1.useCallback)((binding) => {
|
|
18
|
+
registered.current = registered.current.filter((r) => {
|
|
19
|
+
if (r.id === binding.id) {
|
|
20
|
+
window.removeEventListener(binding.event, binding.callback);
|
|
21
|
+
return false;
|
|
22
|
+
}
|
|
23
|
+
return true;
|
|
24
|
+
});
|
|
25
|
+
}, []);
|
|
26
|
+
const unregisterPane = (0, react_1.useCallback)((paneId) => {
|
|
27
|
+
const matchedKeybindings = registered.current.filter((r) => r.registeredFromPane === paneId);
|
|
28
|
+
for (const matched of matchedKeybindings) {
|
|
29
|
+
unregisterKeybinding(matched);
|
|
30
|
+
}
|
|
31
|
+
}, [unregisterKeybinding]);
|
|
32
|
+
const value = (0, react_1.useMemo)(() => {
|
|
33
|
+
return {
|
|
34
|
+
registerKeybinding,
|
|
35
|
+
unregisterKeybinding,
|
|
36
|
+
unregisterPane,
|
|
37
|
+
};
|
|
38
|
+
}, [registerKeybinding, unregisterKeybinding, unregisterPane]);
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)(exports.KeybindingContext.Provider, Object.assign({ value: value }, { children: children }), void 0));
|
|
40
|
+
};
|
|
41
|
+
exports.KeybindingContextProvider = KeybindingContextProvider;
|
|
42
|
+
//# sourceMappingURL=keybindings.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"keybindings.js","sourceRoot":"","sources":["../../../src/editor/state/keybindings.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyE;AAoB5D,QAAA,iBAAiB,GAAG,IAAA,qBAAa,EAAwB;IACrE,kBAAkB,EAAE,GAAG,EAAE,CAAC,SAAS;IACnC,oBAAoB,EAAE,GAAG,EAAE,CAAC,SAAS;IACrC,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;CAC/B,CAAC,CAAC;AAEI,MAAM,yBAAyB,GAAa,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IACjE,MAAM,UAAU,GAAG,IAAA,cAAM,EAAyB,EAAE,CAAC,CAAC;IAEtD,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,CAAC,OAA6B,EAAE,EAAE;QACxE,UAAU,CAAC,OAAO,GAAG,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACtD,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,oBAAoB,GAAG,IAAA,mBAAW,EAAC,CAAC,OAA6B,EAAE,EAAE;QAC1E,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;YACpD,IAAI,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,EAAE;gBACxB,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;gBAE5D,OAAO,KAAK,CAAC;aACb;YAED,OAAO,IAAI,CAAC;QACb,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,IAAA,mBAAW,EACjC,CAAC,MAAc,EAAE,EAAE;QAClB,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,CAAC,MAAM,CACnD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,KAAK,MAAM,CACtC,CAAC;QACF,KAAK,MAAM,OAAO,IAAI,kBAAkB,EAAE;YACzC,oBAAoB,CAAC,OAAO,CAAC,CAAC;SAC9B;IACF,CAAC,EACD,CAAC,oBAAoB,CAAC,CACtB,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAA0B,EAAE;QACjD,OAAO;YACN,kBAAkB;YAClB,oBAAoB;YACpB,cAAc;SACd,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,oBAAoB,EAAE,cAAc,CAAC,CAAC,CAAC;IAE/D,OAAO,CACN,uBAAC,yBAAiB,CAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,gBACtC,QAAQ,YACmB,CAC7B,CAAC;AACH,CAAC,CAAC;AA7CW,QAAA,yBAAyB,6BA6CpC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CompType } from '../components/NewComposition/CompositionType';
|
|
3
|
+
import { UpdateInfo } from '../components/UpdateCheck';
|
|
4
|
+
export declare type ModalState = {
|
|
5
|
+
type: 'new-comp';
|
|
6
|
+
compType: CompType;
|
|
7
|
+
} | {
|
|
8
|
+
type: 'update';
|
|
9
|
+
info: UpdateInfo;
|
|
10
|
+
} | {
|
|
11
|
+
type: 'shortcuts';
|
|
12
|
+
};
|
|
13
|
+
export declare type ModalContextType = {
|
|
14
|
+
selectedModal: ModalState | null;
|
|
15
|
+
setSelectedModal: React.Dispatch<React.SetStateAction<ModalState | null>>;
|
|
16
|
+
};
|
|
17
|
+
export declare const ModalsContext: React.Context<ModalContextType>;
|
|
18
|
+
//# sourceMappingURL=modals.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modals.d.ts","sourceRoot":"","sources":["../../../src/editor/state/modals.ts"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,8CAA8C,CAAC;AACtE,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAErD,oBAAY,UAAU,GACnB;IACA,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;CAClB,GACD;IACA,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,UAAU,CAAC;CAChB,GACD;IACA,IAAI,EAAE,WAAW,CAAC;CACjB,CAAC;AAEL,oBAAY,gBAAgB,GAAG;IAC9B,aAAa,EAAE,UAAU,GAAG,IAAI,CAAC;IACjC,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC;CAC1E,CAAC;AAEF,eAAO,MAAM,aAAa,iCAGxB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ModalsContext = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
exports.ModalsContext = (0, react_1.createContext)({
|
|
6
|
+
selectedModal: null,
|
|
7
|
+
setSelectedModal: () => undefined,
|
|
8
|
+
});
|
|
9
|
+
//# sourceMappingURL=modals.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modals.js","sourceRoot":"","sources":["../../../src/editor/state/modals.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAsB9B,QAAA,aAAa,GAAG,IAAA,qBAAa,EAAmB;IAC5D,aAAa,EAAE,IAAI;IACnB,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS;CACjC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timeline-ref.d.ts","sourceRoot":"","sources":["../../../src/editor/state/timeline-ref.ts"],"names":[],"mappings":"AAEA,oBAAY,WAAW,GAAG;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW,wCAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timeline-ref.js","sourceRoot":"","sources":["../../../src/editor/state/timeline-ref.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAOnB,QAAA,WAAW,GAAG,IAAA,iBAAS,GAAe,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type ZIndex = {
|
|
3
|
+
currentIndex: number;
|
|
4
|
+
};
|
|
5
|
+
export declare const ZIndexContext: React.Context<ZIndex>;
|
|
6
|
+
export declare const HigherZIndex: React.FC<{
|
|
7
|
+
onEscape: () => void;
|
|
8
|
+
onOutsideClick: () => void;
|
|
9
|
+
}>;
|
|
10
|
+
export declare const useZIndex: () => {
|
|
11
|
+
currentZIndex: number;
|
|
12
|
+
highestZIndex: number;
|
|
13
|
+
isHighestContext: boolean;
|
|
14
|
+
tabIndex: number;
|
|
15
|
+
};
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=z-index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"z-index.d.ts","sourceRoot":"","sources":["../../../src/editor/state/z-index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAKf,aAAK,MAAM,GAAG;IACb,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,aAAa,uBAExB,CAAC;AAsBH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,EAAE,MAAM,IAAI,CAAC;CAC3B,CA2CA,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;CAcrB,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useZIndex = exports.HigherZIndex = exports.ZIndexContext = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const use_keybinding_1 = require("../helpers/use-keybinding");
|
|
7
|
+
const highest_z_index_1 = require("./highest-z-index");
|
|
8
|
+
const input_dragger_click_lock_1 = require("./input-dragger-click-lock");
|
|
9
|
+
exports.ZIndexContext = (0, react_1.createContext)({
|
|
10
|
+
currentIndex: 0,
|
|
11
|
+
});
|
|
12
|
+
const EscapeHook = ({ onEscape }) => {
|
|
13
|
+
const keybindings = (0, use_keybinding_1.useKeybinding)();
|
|
14
|
+
(0, react_1.useEffect)(() => {
|
|
15
|
+
const escape = keybindings.registerKeybinding('keydown', 'Escape', onEscape);
|
|
16
|
+
return () => {
|
|
17
|
+
escape.unregister();
|
|
18
|
+
};
|
|
19
|
+
}, [keybindings, onEscape]);
|
|
20
|
+
return null;
|
|
21
|
+
};
|
|
22
|
+
const HigherZIndex = ({ children, onEscape, onOutsideClick }) => {
|
|
23
|
+
const context = (0, react_1.useContext)(exports.ZIndexContext);
|
|
24
|
+
const highestContext = (0, react_1.useContext)(highest_z_index_1.HighestZIndexContext);
|
|
25
|
+
const containerRef = (0, react_1.useRef)(null);
|
|
26
|
+
const currentIndex = context.currentIndex + 1;
|
|
27
|
+
(0, react_1.useEffect)(() => {
|
|
28
|
+
highestContext.registerZIndex(currentIndex);
|
|
29
|
+
return () => highestContext.unregisterZIndex(currentIndex);
|
|
30
|
+
}, [currentIndex, highestContext]);
|
|
31
|
+
(0, react_1.useEffect)(() => {
|
|
32
|
+
const listener = (e) => {
|
|
33
|
+
var _a;
|
|
34
|
+
const outsideClick = !((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target));
|
|
35
|
+
if (outsideClick &&
|
|
36
|
+
highestContext.highestIndex === currentIndex &&
|
|
37
|
+
!(0, input_dragger_click_lock_1.getClickLock)() &&
|
|
38
|
+
// Don't trigger if that click removed that node
|
|
39
|
+
document.contains(e.target)) {
|
|
40
|
+
e.stopPropagation();
|
|
41
|
+
onOutsideClick();
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
window.addEventListener('click', listener);
|
|
45
|
+
return () => window.removeEventListener('click', listener);
|
|
46
|
+
}, [currentIndex, highestContext.highestIndex, onOutsideClick]);
|
|
47
|
+
const value = (0, react_1.useMemo)(() => {
|
|
48
|
+
return {
|
|
49
|
+
currentIndex,
|
|
50
|
+
};
|
|
51
|
+
}, [currentIndex]);
|
|
52
|
+
return ((0, jsx_runtime_1.jsxs)(exports.ZIndexContext.Provider, Object.assign({ value: value }, { children: [(0, jsx_runtime_1.jsx)(EscapeHook, { onEscape: onEscape }, void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: containerRef }, { children: children }), void 0)] }), void 0));
|
|
53
|
+
};
|
|
54
|
+
exports.HigherZIndex = HigherZIndex;
|
|
55
|
+
const useZIndex = () => {
|
|
56
|
+
const context = (0, react_1.useContext)(exports.ZIndexContext);
|
|
57
|
+
const highestContext = (0, react_1.useContext)(highest_z_index_1.HighestZIndexContext);
|
|
58
|
+
const isHighestContext = highestContext.highestIndex === context.currentIndex;
|
|
59
|
+
return (0, react_1.useMemo)(() => ({
|
|
60
|
+
currentZIndex: context.currentIndex,
|
|
61
|
+
highestZIndex: highestContext.highestIndex,
|
|
62
|
+
isHighestContext,
|
|
63
|
+
tabIndex: isHighestContext ? 0 : -1,
|
|
64
|
+
}), [context.currentIndex, highestContext.highestIndex, isHighestContext]);
|
|
65
|
+
};
|
|
66
|
+
exports.useZIndex = useZIndex;
|
|
67
|
+
//# sourceMappingURL=z-index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"z-index.js","sourceRoot":"","sources":["../../../src/editor/state/z-index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const EMPTY_AUDIO = "SUQzBAAAAAACDVRYWFgAAAASAAADbWFqb3JfYnJhbmQATTRBIABUWFhYAAAAEQAAA21pbm9yX3ZlcnNpb24AMABUWFhYAAAAIAAAA2NvbXBhdGlibGVfYnJhbmRzAE00QSBpc29tbXA0MgBUWFhYAAAAfwAAA2lUdW5TTVBCACAwMDAwMDAwMCAwMDAwMDg0MCAwMDAwMDMwMyAwMDAwMDAwMDAwMDAwNEJEIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwAFRTU0UAAAAPAAADTGF2ZjU4Ljc2LjEwMAAAAAAAAAAAAAAA/+M4wAAAAAAAAAAAAEluZm8AAAAPAAAABgAAAogAcXFxcXFxcXFxcXFxcXFxcY6Ojo6Ojo6Ojo6Ojo6Ojo6OqqqqqqqqqqqqqqqqqqqqqsfHx8fHx8fHx8fHx8fHx8fH4+Pj4+Pj4+Pj4+Pj4+Pj4+P/////////////////////AAAAAExhdmM1OC4xMwAAAAAAAAAAAAAAACQDgAAAAAAAAAKIql7rrgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/+MYxAALg13diAgEzAAoAZ/////81/oR/+eRv6n36v/53J////7dT29FPIzHqc76gbwgAUDdCMgAoGf/////4jF3/90X/J3y/+MYxA0MM134ABAKsH/6N////67KwkOkQiCLncaKoJ1c7jQVRdxhQiLKgwFHgOw0Wf/////njP/Gujf79xcQb/8X////+ulD/+MYxBcLu2YQAAgKsKERVViOyFKdFSRlKLxhQQxHOIibg7GFzv/////isjf/Q3+I6iqt///////GtLFVFVQxlRHeuV5VPdw7/+MYxCMLu2X8ABAKsKCwsEREREQ6BQVBjZ//CGa/ITmGQv/iE/////6rDbSq8rytc602qrqKjhZxWmFhU2igVA2ZFMiNNEZG/+MYxC8KM1ngAABRSH//8v/+ZEf///yyX8mCggVRyMv/7LLUMj5ZKRkyhnWVTEFNRTMuMTAwVVVVVVVVVVVVVVVVVVVVVVVV/+MYxEEJU2FECABHSVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV";
|
|
2
|
+
//# sourceMappingURL=empty-audio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-audio.d.ts","sourceRoot":"","sources":["../src/empty-audio.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,ytCAC+rC,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.EMPTY_AUDIO = void 0;
|
|
4
|
+
exports.EMPTY_AUDIO = 'SUQzBAAAAAACDVRYWFgAAAASAAADbWFqb3JfYnJhbmQATTRBIABUWFhYAAAAEQAAA21pbm9yX3ZlcnNpb24AMABUWFhYAAAAIAAAA2NvbXBhdGlibGVfYnJhbmRzAE00QSBpc29tbXA0MgBUWFhYAAAAfwAAA2lUdW5TTVBCACAwMDAwMDAwMCAwMDAwMDg0MCAwMDAwMDMwMyAwMDAwMDAwMDAwMDAwNEJEIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwAFRTU0UAAAAPAAADTGF2ZjU4Ljc2LjEwMAAAAAAAAAAAAAAA/+M4wAAAAAAAAAAAAEluZm8AAAAPAAAABgAAAogAcXFxcXFxcXFxcXFxcXFxcY6Ojo6Ojo6Ojo6Ojo6Ojo6OqqqqqqqqqqqqqqqqqqqqqsfHx8fHx8fHx8fHx8fHx8fH4+Pj4+Pj4+Pj4+Pj4+Pj4+P/////////////////////AAAAAExhdmM1OC4xMwAAAAAAAAAAAAAAACQDgAAAAAAAAAKIql7rrgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/+MYxAALg13diAgEzAAoAZ/////81/oR/+eRv6n36v/53J////7dT29FPIzHqc76gbwgAUDdCMgAoGf/////4jF3/90X/J3y/+MYxA0MM134ABAKsH/6N////67KwkOkQiCLncaKoJ1c7jQVRdxhQiLKgwFHgOw0Wf/////njP/Gujf79xcQb/8X////+ulD/+MYxBcLu2YQAAgKsKERVViOyFKdFSRlKLxhQQxHOIibg7GFzv/////isjf/Q3+I6iqt///////GtLFVFVQxlRHeuV5VPdw7/+MYxCMLu2X8ABAKsKCwsEREREQ6BQVBjZ//CGa/ITmGQv/iE/////6rDbSq8rytc602qrqKjhZxWmFhU2igVA2ZFMiNNEZG/+MYxC8KM1ngAABRSH//8v/+ZEf///yyX8mCggVRyMv/7LLUMj5ZKRkyhnWVTEFNRTMuMTAwVVVVVVVVVVVVVVVVVVVVVVVV/+MYxEEJU2FECABHSVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV';
|
|
5
|
+
//# sourceMappingURL=empty-audio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-audio.js","sourceRoot":"","sources":["../src/empty-audio.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GACvB,stCAAstC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remotion/cli",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.4",
|
|
4
4
|
"description": "CLI for Remotion",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -19,17 +19,17 @@
|
|
|
19
19
|
"author": "Jonny Burger <jonny@remotion.dev>",
|
|
20
20
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@remotion/bundler": "^2.3.
|
|
23
|
-
"@remotion/media-utils": "^2.3.
|
|
24
|
-
"@remotion/player": "^2.3.
|
|
25
|
-
"@remotion/renderer": "^2.3.
|
|
22
|
+
"@remotion/bundler": "^2.3.4",
|
|
23
|
+
"@remotion/media-utils": "^2.3.4",
|
|
24
|
+
"@remotion/player": "^2.3.4",
|
|
25
|
+
"@remotion/renderer": "^2.3.4",
|
|
26
26
|
"ansi-diff": "^1.1.1",
|
|
27
27
|
"better-opn": "^2.1.1",
|
|
28
28
|
"chalk": "^4.1.0",
|
|
29
29
|
"dotenv": "^9.0.0",
|
|
30
30
|
"execa": "^4.0.2",
|
|
31
31
|
"minimist": "^1.2.5",
|
|
32
|
-
"remotion": "^2.3.
|
|
32
|
+
"remotion": "^2.3.4",
|
|
33
33
|
"semver": "^7.3.4",
|
|
34
34
|
"webpack": "5.37.0",
|
|
35
35
|
"xns": "^2.0.7"
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { RenderInternals } from '@remotion/renderer';
|
|
2
|
-
declare type Await<T> = T extends PromiseLike<infer U> ? U : T;
|
|
3
|
-
export declare const cycleBrowserTabs: (openedBrowser: Await<ReturnType<typeof RenderInternals.openBrowser>>) => {
|
|
4
|
-
stopCycling: () => void;
|
|
5
|
-
};
|
|
6
|
-
export {};
|
|
7
|
-
//# sourceMappingURL=cycle-browser-tabs.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cycle-browser-tabs.d.ts","sourceRoot":"","sources":["../src/cycle-browser-tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAC;AAGnD,aAAK,KAAK,CAAC,CAAC,IAAI,CAAC,SAAS,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEvD,eAAO,MAAM,gBAAgB,kBACb,MAAM,WAAW,OAAO,gBAAgB,WAAW,CAAC,CAAC;;CAmBpE,CAAC"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.cycleBrowserTabs = void 0;
|
|
4
|
-
const log_1 = require("./log");
|
|
5
|
-
const cycleBrowserTabs = (openedBrowser) => {
|
|
6
|
-
let i = 0;
|
|
7
|
-
const interval = setInterval(() => {
|
|
8
|
-
openedBrowser
|
|
9
|
-
.pages()
|
|
10
|
-
.then((pages) => {
|
|
11
|
-
const currentPage = pages[i % pages.length];
|
|
12
|
-
i++;
|
|
13
|
-
if (!currentPage.isClosed()) {
|
|
14
|
-
currentPage.bringToFront();
|
|
15
|
-
}
|
|
16
|
-
})
|
|
17
|
-
.catch((err) => log_1.Log.error(err));
|
|
18
|
-
}, 100);
|
|
19
|
-
return {
|
|
20
|
-
stopCycling: () => clearInterval(interval),
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
exports.cycleBrowserTabs = cycleBrowserTabs;
|
|
24
|
-
//# sourceMappingURL=cycle-browser-tabs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cycle-browser-tabs.js","sourceRoot":"","sources":["../src/cycle-browser-tabs.ts"],"names":[],"mappings":";;;AACA,+BAA0B;AAInB,MAAM,gBAAgB,GAAG,CAC/B,aAAoE,EACnE,EAAE;IACH,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,aAAa;aACX,KAAK,EAAE;aACP,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;YACf,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;YAC5C,CAAC,EAAE,CAAC;YACJ,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE;gBAC5B,WAAW,CAAC,YAAY,EAAE,CAAC;aAC3B;QACF,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,SAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAClC,CAAC,EAAE,GAAG,CAAC,CAAC;IAER,OAAO;QACN,WAAW,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC;KAC1C,CAAC;AACH,CAAC,CAAC;AApBW,QAAA,gBAAgB,oBAoB3B"}
|
|
@@ -1 +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"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.FramePersistor = exports.getCurrentCompositionFromUrl = void 0;
|
|
4
|
-
const react_1 = require("react");
|
|
5
|
-
const remotion_1 = require("remotion");
|
|
6
|
-
const getCurrentCompositionFromUrl = () => {
|
|
7
|
-
return window.location.pathname.substr(1);
|
|
8
|
-
};
|
|
9
|
-
exports.getCurrentCompositionFromUrl = getCurrentCompositionFromUrl;
|
|
10
|
-
const persistCurrentFrame = (frame) => {
|
|
11
|
-
const currentComposition = exports.getCurrentCompositionFromUrl();
|
|
12
|
-
if (!currentComposition) {
|
|
13
|
-
return;
|
|
14
|
-
}
|
|
15
|
-
localStorage.setItem(`remotion.time.${exports.getCurrentCompositionFromUrl()}`, String(frame));
|
|
16
|
-
};
|
|
17
|
-
const FramePersistor = () => {
|
|
18
|
-
const [playing] = remotion_1.Internals.Timeline.usePlayingState();
|
|
19
|
-
const frame = remotion_1.Internals.Timeline.useTimelinePosition();
|
|
20
|
-
react_1.useEffect(() => {
|
|
21
|
-
if (!playing) {
|
|
22
|
-
persistCurrentFrame(frame);
|
|
23
|
-
}
|
|
24
|
-
}, [frame, playing]);
|
|
25
|
-
return null;
|
|
26
|
-
};
|
|
27
|
-
exports.FramePersistor = FramePersistor;
|
|
28
|
-
//# sourceMappingURL=FramePersister.js.map
|
|
@@ -1 +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"}
|
|
@@ -1 +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"}
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MediaVolumeSlider = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const player_1 = require("@remotion/player");
|
|
6
|
-
const react_1 = require("react");
|
|
7
|
-
const remotion_1 = require("remotion");
|
|
8
|
-
const media_volume_1 = require("../icons/media-volume");
|
|
9
|
-
const ControlButton_1 = require("./ControlButton");
|
|
10
|
-
const BAR_HEIGHT = 5;
|
|
11
|
-
const KNOB_SIZE = 12;
|
|
12
|
-
const VERTICAL_PADDING = 4;
|
|
13
|
-
const containerStyle = {
|
|
14
|
-
userSelect: 'none',
|
|
15
|
-
paddingTop: VERTICAL_PADDING,
|
|
16
|
-
paddingBottom: VERTICAL_PADDING,
|
|
17
|
-
boxSizing: 'border-box',
|
|
18
|
-
cursor: 'pointer',
|
|
19
|
-
position: 'relative',
|
|
20
|
-
};
|
|
21
|
-
const barBackground = {
|
|
22
|
-
height: BAR_HEIGHT,
|
|
23
|
-
backgroundColor: 'rgba(255, 255, 255, 0.5)',
|
|
24
|
-
width: 100,
|
|
25
|
-
borderRadius: BAR_HEIGHT / 2,
|
|
26
|
-
};
|
|
27
|
-
const getVolumeFromX = (clientX, width) => {
|
|
28
|
-
const pos = clientX;
|
|
29
|
-
const volume = remotion_1.interpolate(pos, [0, width], [0, 1], {
|
|
30
|
-
extrapolateLeft: 'clamp',
|
|
31
|
-
extrapolateRight: 'clamp',
|
|
32
|
-
});
|
|
33
|
-
return volume;
|
|
34
|
-
};
|
|
35
|
-
const xSpacer = {
|
|
36
|
-
width: 5,
|
|
37
|
-
};
|
|
38
|
-
const MediaVolumeSlider = () => {
|
|
39
|
-
const [mediaMuted, setMediaMuted] = remotion_1.Internals.useMediaMutedState();
|
|
40
|
-
const [mediaVolume, setMediaVolume] = remotion_1.Internals.useMediaVolumeState();
|
|
41
|
-
const [dragging, setDragging] = react_1.useState(false);
|
|
42
|
-
const currentRef = react_1.useRef(null);
|
|
43
|
-
const iconDivRef = react_1.useRef(null);
|
|
44
|
-
const parentDivRef = react_1.useRef(null);
|
|
45
|
-
const size = player_1.PlayerInternals.useElementSize(currentRef);
|
|
46
|
-
const hover = player_1.PlayerInternals.useHoverState(parentDivRef);
|
|
47
|
-
const onClick = react_1.useCallback(() => {
|
|
48
|
-
setMediaMuted((muted) => !muted);
|
|
49
|
-
setMediaVolume(Number(mediaMuted));
|
|
50
|
-
}, [setMediaMuted, mediaMuted, setMediaVolume]);
|
|
51
|
-
const onPointerDown = react_1.useCallback((e) => {
|
|
52
|
-
if (!size) {
|
|
53
|
-
throw new Error('Player has no size');
|
|
54
|
-
}
|
|
55
|
-
const _volume = getVolumeFromX(e.clientX - size.left, size.width);
|
|
56
|
-
setMediaVolume(_volume);
|
|
57
|
-
setMediaMuted(_volume <= 0);
|
|
58
|
-
setDragging(true);
|
|
59
|
-
}, [setMediaMuted, setMediaVolume, size]);
|
|
60
|
-
const onPointerMove = react_1.useCallback((e) => {
|
|
61
|
-
if (!size) {
|
|
62
|
-
throw new Error('Player has no size');
|
|
63
|
-
}
|
|
64
|
-
if (!dragging)
|
|
65
|
-
return;
|
|
66
|
-
const _volume = getVolumeFromX(e.clientX - size.left, size.width);
|
|
67
|
-
setMediaVolume(_volume);
|
|
68
|
-
setMediaMuted(_volume <= 0);
|
|
69
|
-
}, [dragging, setMediaMuted, setMediaVolume, size]);
|
|
70
|
-
const onPointerUp = react_1.useCallback(() => {
|
|
71
|
-
console.log('stop dragging');
|
|
72
|
-
setDragging(false);
|
|
73
|
-
}, []);
|
|
74
|
-
react_1.useEffect(() => {
|
|
75
|
-
if (!dragging) {
|
|
76
|
-
return;
|
|
77
|
-
}
|
|
78
|
-
window.addEventListener('pointermove', onPointerMove);
|
|
79
|
-
window.addEventListener('pointerup', onPointerUp);
|
|
80
|
-
return () => {
|
|
81
|
-
window.removeEventListener('pointermove', onPointerMove);
|
|
82
|
-
window.removeEventListener('pointerup', onPointerUp);
|
|
83
|
-
};
|
|
84
|
-
}, [dragging, onPointerMove, onPointerUp]);
|
|
85
|
-
const knobStyle = react_1.useMemo(() => {
|
|
86
|
-
var _a;
|
|
87
|
-
return {
|
|
88
|
-
height: KNOB_SIZE,
|
|
89
|
-
width: KNOB_SIZE,
|
|
90
|
-
borderRadius: KNOB_SIZE / 2,
|
|
91
|
-
position: 'absolute',
|
|
92
|
-
top: VERTICAL_PADDING - KNOB_SIZE / 2 + 5 / 2,
|
|
93
|
-
backgroundColor: 'white',
|
|
94
|
-
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),
|
|
95
|
-
boxShadow: '0 0 2px black',
|
|
96
|
-
opacity: Number(hover),
|
|
97
|
-
};
|
|
98
|
-
}, [hover, mediaVolume, size === null || size === void 0 ? void 0 : size.width]);
|
|
99
|
-
const fillStyle = react_1.useMemo(() => {
|
|
100
|
-
return {
|
|
101
|
-
height: BAR_HEIGHT,
|
|
102
|
-
backgroundColor: 'rgba(255, 255, 255, 1)',
|
|
103
|
-
width: (mediaVolume / 1) * 100 + '%',
|
|
104
|
-
borderRadius: BAR_HEIGHT / 2,
|
|
105
|
-
};
|
|
106
|
-
}, [mediaVolume]);
|
|
107
|
-
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),
|
|
108
|
-
jsx_runtime_1.jsx("div", { style: xSpacer }, void 0),
|
|
109
|
-
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),
|
|
110
|
-
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));
|
|
111
|
-
};
|
|
112
|
-
exports.MediaVolumeSlider = MediaVolumeSlider;
|
|
113
|
-
//# sourceMappingURL=MediaVolumeSlider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MediaVolumeSlider.js","sourceRoot":"","sources":["../../../src/editor/components/MediaVolumeSlider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export declare const MENU_ITEMS_CONTAINER = "remotion-menu-buttons-container";
|
|
2
|
-
export declare const MENU_BUTTON_CLASS_NAME = "remotion-menu-button";
|
|
3
|
-
export declare const SUBMENU_CONTAINER_CLASS_NAME = "remotion-submenu";
|
|
4
|
-
export declare const isClickInsideMenuStructure: (el: HTMLElement) => boolean;
|
|
5
|
-
//# sourceMappingURL=is-menu-click.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"is-menu-click.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Menu/is-menu-click.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,oCAAoC,CAAC;AACtE,eAAO,MAAM,sBAAsB,yBAAyB,CAAC;AAC7D,eAAO,MAAM,4BAA4B,qBAAqB,CAAC;AAE/D,eAAO,MAAM,0BAA0B,OAAQ,WAAW,YAoBzD,CAAC"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.isClickInsideMenuStructure = exports.SUBMENU_CONTAINER_CLASS_NAME = exports.MENU_BUTTON_CLASS_NAME = exports.MENU_ITEMS_CONTAINER = void 0;
|
|
4
|
-
exports.MENU_ITEMS_CONTAINER = 'remotion-menu-buttons-container';
|
|
5
|
-
exports.MENU_BUTTON_CLASS_NAME = 'remotion-menu-button';
|
|
6
|
-
exports.SUBMENU_CONTAINER_CLASS_NAME = 'remotion-submenu';
|
|
7
|
-
const isClickInsideMenuStructure = (el) => {
|
|
8
|
-
var _a, _b;
|
|
9
|
-
if ((_a = document.querySelector(`.${exports.MENU_ITEMS_CONTAINER}`)) === null || _a === void 0 ? void 0 : _a.contains(el)) {
|
|
10
|
-
return true;
|
|
11
|
-
}
|
|
12
|
-
if ((_b = document.querySelector(`.${exports.SUBMENU_CONTAINER_CLASS_NAME}`)) === null || _b === void 0 ? void 0 : _b.contains(el)) {
|
|
13
|
-
return true;
|
|
14
|
-
}
|
|
15
|
-
if (document.querySelector(`.${exports.SUBMENU_CONTAINER_CLASS_NAME}`) === el) {
|
|
16
|
-
return true;
|
|
17
|
-
}
|
|
18
|
-
if (document.querySelector(`.${exports.MENU_ITEMS_CONTAINER}`) === el) {
|
|
19
|
-
return true;
|
|
20
|
-
}
|
|
21
|
-
return false;
|
|
22
|
-
};
|
|
23
|
-
exports.isClickInsideMenuStructure = isClickInsideMenuStructure;
|
|
24
|
-
//# sourceMappingURL=is-menu-click.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"is-menu-click.js","sourceRoot":"","sources":["../../../../src/editor/components/Menu/is-menu-click.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,iCAAiC,CAAC;AACzD,QAAA,sBAAsB,GAAG,sBAAsB,CAAC;AAChD,QAAA,4BAA4B,GAAG,kBAAkB,CAAC;AAExD,MAAM,0BAA0B,GAAG,CAAC,EAAe,EAAE,EAAE;;IAC7D,IAAI,MAAA,QAAQ,CAAC,aAAa,CAAC,IAAI,4BAAoB,EAAE,CAAC,0CAAE,QAAQ,CAAC,EAAE,CAAC,EAAE;QACrE,OAAO,IAAI,CAAC;KACZ;IAED,IACC,MAAA,QAAQ,CAAC,aAAa,CAAC,IAAI,oCAA4B,EAAE,CAAC,0CAAE,QAAQ,CAAC,EAAE,CAAC,EACvE;QACD,OAAO,IAAI,CAAC;KACZ;IAED,IAAI,QAAQ,CAAC,aAAa,CAAC,IAAI,oCAA4B,EAAE,CAAC,KAAK,EAAE,EAAE;QACtE,OAAO,IAAI,CAAC;KACZ;IAED,IAAI,QAAQ,CAAC,aAAa,CAAC,IAAI,4BAAoB,EAAE,CAAC,KAAK,EAAE,EAAE;QAC9D,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AApBW,QAAA,0BAA0B,8BAoBrC"}
|
|
@@ -1 +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"}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.NewSequence = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
const colors_1 = require("../helpers/colors");
|
|
7
|
-
const font_1 = require("../helpers/font");
|
|
8
|
-
const backgroundOverlay = {
|
|
9
|
-
backgroundColor: 'rgba(255, 255, 255, 0.05)',
|
|
10
|
-
position: 'fixed',
|
|
11
|
-
height: '100%',
|
|
12
|
-
width: '100%',
|
|
13
|
-
display: 'flex',
|
|
14
|
-
justifyContent: 'center',
|
|
15
|
-
alignItems: 'center',
|
|
16
|
-
};
|
|
17
|
-
const panel = {
|
|
18
|
-
backgroundColor: colors_1.BACKGROUND,
|
|
19
|
-
boxShadow: '0 0 4px black',
|
|
20
|
-
padding: 20,
|
|
21
|
-
color: 'white',
|
|
22
|
-
fontFamily: font_1.FONT_FAMILY,
|
|
23
|
-
};
|
|
24
|
-
const NewSequence = () => {
|
|
25
|
-
const [type, setType] = (0, react_1.useState)('composition');
|
|
26
|
-
const [width, setWidth] = (0, react_1.useState)('1280');
|
|
27
|
-
const [height, setHeight] = (0, react_1.useState)('720');
|
|
28
|
-
const onStillChanged = (0, react_1.useCallback)((e) => {
|
|
29
|
-
if (e.target.checked) {
|
|
30
|
-
setType('still');
|
|
31
|
-
}
|
|
32
|
-
}, []);
|
|
33
|
-
const onCompositionChanged = (0, react_1.useCallback)((e) => {
|
|
34
|
-
if (e.target.checked) {
|
|
35
|
-
setType('composition');
|
|
36
|
-
}
|
|
37
|
-
}, []);
|
|
38
|
-
const onWidthChanged = (0, react_1.useCallback)((e) => {
|
|
39
|
-
setWidth(e.target.value);
|
|
40
|
-
}, []);
|
|
41
|
-
const onHeightChanged = (0, react_1.useCallback)((e) => {
|
|
42
|
-
setHeight(e.target.value);
|
|
43
|
-
}, []);
|
|
44
|
-
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));
|
|
45
|
-
};
|
|
46
|
-
exports.NewSequence = NewSequence;
|
|
47
|
-
//# sourceMappingURL=NewComposition.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NewComposition.js","sourceRoot":"","sources":["../../../src/editor/components/NewComposition.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +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"}
|