@remotion/cli 2.5.6 → 3.0.0-compression.1

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.
Files changed (98) hide show
  1. package/dist/cycle-browser-tabs.d.ts +7 -0
  2. package/dist/cycle-browser-tabs.d.ts.map +1 -0
  3. package/dist/cycle-browser-tabs.js +24 -0
  4. package/dist/cycle-browser-tabs.js.map +1 -0
  5. package/dist/editor/components/CurrentComposition.d.ts +1 -0
  6. package/dist/editor/components/FramePersister.d.ts +4 -0
  7. package/dist/editor/components/FramePersister.d.ts.map +1 -0
  8. package/dist/editor/components/FramePersister.js +28 -0
  9. package/dist/editor/components/FramePersister.js.map +1 -0
  10. package/dist/editor/components/MediaVolumeSlider.d.ts +3 -0
  11. package/dist/editor/components/MediaVolumeSlider.d.ts.map +1 -0
  12. package/dist/editor/components/MediaVolumeSlider.js +113 -0
  13. package/dist/editor/components/MediaVolumeSlider.js.map +1 -0
  14. package/dist/editor/components/Menu/Checkmark.d.ts +2 -0
  15. package/dist/editor/components/Menu/Checkmark.d.ts.map +1 -0
  16. package/dist/editor/components/Menu/Checkmark.js +11 -0
  17. package/dist/editor/components/Menu/Checkmark.js.map +1 -0
  18. package/dist/editor/components/Menu/is-menu-click.d.ts +1 -0
  19. package/dist/editor/components/Menu/is-menu-click.d.ts.map +1 -0
  20. package/dist/editor/components/Menu/is-menu-click.js +2 -0
  21. package/dist/editor/components/Menu/is-menu-click.js.map +1 -0
  22. package/dist/editor/components/NewComposition/LazyLoadNewComposition.d.ts +6 -0
  23. package/dist/editor/components/NewComposition/LazyLoadNewComposition.d.ts.map +1 -0
  24. package/dist/editor/components/NewComposition/LazyLoadNewComposition.js +32 -0
  25. package/dist/editor/components/NewComposition/LazyLoadNewComposition.js.map +1 -0
  26. package/dist/editor/components/NewComposition.d.ts +3 -0
  27. package/dist/editor/components/NewComposition.d.ts.map +1 -0
  28. package/dist/editor/components/NewComposition.js +47 -0
  29. package/dist/editor/components/NewComposition.js.map +1 -0
  30. package/dist/editor/components/NewSequence.d.ts +3 -0
  31. package/dist/editor/components/NewSequence.d.ts.map +1 -0
  32. package/dist/editor/components/NewSequence.js +47 -0
  33. package/dist/editor/components/NewSequence.js.map +1 -0
  34. package/dist/editor/components/Spacing.d.ts +7 -0
  35. package/dist/editor/components/Spacing.d.ts.map +1 -0
  36. package/dist/editor/components/Spacing.js +18 -0
  37. package/dist/editor/components/Spacing.js.map +1 -0
  38. package/dist/editor/components/Timeline/LoopIndicator.d.ts +5 -0
  39. package/dist/editor/components/Timeline/LoopIndicator.d.ts.map +1 -0
  40. package/dist/editor/components/Timeline/LoopIndicator.js +37 -0
  41. package/dist/editor/components/Timeline/LoopIndicator.js.map +1 -0
  42. package/dist/editor/components/UpdateCheck.d.ts +1 -0
  43. package/dist/editor/components/UpdateCheck.d.ts.map +1 -1
  44. package/dist/editor/helpers/isCompositionStill.d.ts +1 -0
  45. package/dist/editor/helpers/isCompositionStill.d.ts.map +1 -0
  46. package/dist/editor/helpers/isCompositionStill.js +2 -0
  47. package/dist/editor/helpers/isCompositionStill.js.map +1 -0
  48. package/dist/editor/helpers/validate-composition-name.d.ts +3 -0
  49. package/dist/editor/helpers/validate-composition-name.d.ts.map +1 -0
  50. package/dist/editor/helpers/validate-composition-name.js +15 -0
  51. package/dist/editor/helpers/validate-composition-name.js.map +1 -0
  52. package/dist/editor/hooks/get-el-size.d.ts +8 -0
  53. package/dist/editor/hooks/get-el-size.d.ts.map +1 -0
  54. package/dist/editor/hooks/get-el-size.js +43 -0
  55. package/dist/editor/hooks/get-el-size.js.map +1 -0
  56. package/dist/editor/icons/Checkmark.d.ts +1 -0
  57. package/dist/editor/icons/caret.d.ts +1 -0
  58. package/dist/editor/icons/fast-back.d.ts +3 -0
  59. package/dist/editor/icons/fast-back.d.ts.map +1 -0
  60. package/dist/editor/icons/fast-back.js +9 -0
  61. package/dist/editor/icons/fast-back.js.map +1 -0
  62. package/dist/editor/icons/fast-forward.d.ts +3 -0
  63. package/dist/editor/icons/fast-forward.d.ts.map +1 -0
  64. package/dist/editor/icons/fast-forward.js +9 -0
  65. package/dist/editor/icons/fast-forward.js.map +1 -0
  66. package/dist/editor/state/global-menu-id.d.ts +4 -0
  67. package/dist/editor/state/global-menu-id.d.ts.map +1 -0
  68. package/dist/editor/state/global-menu-id.js +11 -0
  69. package/dist/editor/state/global-menu-id.js.map +1 -0
  70. package/dist/editor/state/menu-selection.d.ts +8 -0
  71. package/dist/editor/state/menu-selection.d.ts.map +1 -0
  72. package/dist/editor/state/menu-selection.js +14 -0
  73. package/dist/editor/state/menu-selection.js.map +1 -0
  74. package/package.json +7 -7
  75. package/dist/editor/components/IFrameWrapper.d.ts +0 -6
  76. package/dist/editor/components/IFrameWrapper.d.ts.map +0 -1
  77. package/dist/editor/components/IFrameWrapper.js +0 -19
  78. package/dist/editor/components/IFrameWrapper.js.map +0 -1
  79. package/dist/editor/components/KeyboardShortcuts.d.ts +0 -1
  80. package/dist/editor/components/KeyboardShortcuts.d.ts.map +0 -1
  81. package/dist/editor/components/KeyboardShortcuts.js +0 -2
  82. package/dist/editor/components/KeyboardShortcuts.js.map +0 -1
  83. package/dist/editor/components/NewComposition/ModalHeader.d.ts +0 -3
  84. package/dist/editor/components/NewComposition/ModalHeader.d.ts.map +0 -1
  85. package/dist/editor/components/NewComposition/ModalHeader.js +0 -29
  86. package/dist/editor/components/NewComposition/ModalHeader.js.map +0 -1
  87. package/dist/editor/helpers/css-reset.d.ts +0 -3
  88. package/dist/editor/helpers/css-reset.d.ts.map +0 -1
  89. package/dist/editor/helpers/css-reset.js +0 -9
  90. package/dist/editor/helpers/css-reset.js.map +0 -1
  91. package/dist/empty-audio.d.ts +0 -2
  92. package/dist/empty-audio.d.ts.map +0 -1
  93. package/dist/empty-audio.js +0 -5
  94. package/dist/empty-audio.js.map +0 -1
  95. package/dist/homepage/homepage.d.ts +0 -3
  96. package/dist/homepage/homepage.d.ts.map +0 -1
  97. package/dist/homepage/homepage.js +0 -9
  98. package/dist/homepage/homepage.js.map +0 -1
@@ -0,0 +1,7 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,24 @@
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
@@ -0,0 +1 @@
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,2 +1,3 @@
1
+ /// <reference types="react" />
1
2
  export declare const CurrentComposition: () => JSX.Element;
2
3
  //# sourceMappingURL=CurrentComposition.d.ts.map
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ export declare const getCurrentCompositionFromUrl: () => string;
3
+ export declare const FramePersistor: React.FC;
4
+ //# sourceMappingURL=FramePersister.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,28 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ export declare const MediaVolumeSlider: React.FC;
3
+ //# sourceMappingURL=MediaVolumeSlider.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,113 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MediaVolumeSlider.js","sourceRoot":"","sources":["../../../src/editor/components/MediaVolumeSlider.tsx"],"names":[],"mappings":";;;;AAAA,6CAAiD;AACjD,iCAA+E;AAC/E,uCAAgD;AAChD,wDAAkE;AAClE,mDAA2C;AAE3C,MAAM,UAAU,GAAG,CAAC,CAAC;AACrB,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAE3B,MAAM,cAAc,GAAwB;IAC3C,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,gBAAgB;IAC5B,aAAa,EAAE,gBAAgB;IAC/B,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,UAAU;CACpB,CAAC;AAEF,MAAM,aAAa,GAAwB;IAC1C,MAAM,EAAE,UAAU;IAClB,eAAe,EAAE,0BAA0B;IAC3C,KAAK,EAAE,GAAG;IACV,YAAY,EAAE,UAAU,GAAG,CAAC;CAC5B,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,OAAe,EAAE,KAAa,EAAE,EAAE;IACzD,MAAM,GAAG,GAAG,OAAO,CAAC;IACpB,MAAM,MAAM,GAAG,sBAAW,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;QACnD,eAAe,EAAE,OAAO;QACxB,gBAAgB,EAAE,OAAO;KACzB,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,OAAO,GAAwB;IACpC,KAAK,EAAE,CAAC;CACR,CAAC;AAEK,MAAM,iBAAiB,GAAa,GAAG,EAAE;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,oBAAS,CAAC,kBAAkB,EAAE,CAAC;IACnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,oBAAS,CAAC,mBAAmB,EAAE,CAAC;IACtE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IACzD,MAAM,UAAU,GAAG,cAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,cAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,cAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,IAAI,GAAG,wBAAe,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IACxD,MAAM,KAAK,GAAG,wBAAe,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,mBAAW,CAAC,GAAG,EAAE;QAChC,aAAa,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QACjC,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC;IAEhD,MAAM,aAAa,GAAG,mBAAW,CAChC,CAAC,CAAqC,EAAE,EAAE;QACzC,IAAI,CAAC,IAAI,EAAE;YACV,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;SACtC;QAED,MAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAClE,cAAc,CAAC,OAAO,CAAC,CAAC;QACxB,aAAa,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;QAE5B,WAAW,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,aAAa,EAAE,cAAc,EAAE,IAAI,CAAC,CACrC,CAAC;IAEF,MAAM,aAAa,GAAG,mBAAW,CAChC,CAAC,CAAe,EAAE,EAAE;QACnB,IAAI,CAAC,IAAI,EAAE;YACV,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;SACtC;QAED,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,MAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAClE,cAAc,CAAC,OAAO,CAAC,CAAC;QACxB,aAAa,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,IAAI,CAAC,CAC/C,CAAC;IAEF,MAAM,WAAW,GAAG,mBAAW,CAAC,GAAG,EAAE;QACpC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QAC7B,WAAW,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,iBAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,QAAQ,EAAE;YACd,OAAO;SACP;QAED,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;QACtD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE;YACX,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;YACzD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACtD,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC;IAE3C,MAAM,SAAS,GAAwB,eAAO,CAAC,GAAG,EAAE;;QACnD,OAAO;YACN,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,SAAS;YAChB,YAAY,EAAE,SAAS,GAAG,CAAC;YAC3B,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,gBAAgB,GAAG,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;YAC7C,eAAe,EAAE,OAAO;YACxB,IAAI,EAAE,IAAI,CAAC,GAAG,CACb,CAAC,SAAS,GAAG,CAAC,EACd,WAAW,GAAG,OAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC,CAChD;YACD,SAAS,EAAE,eAAe;YAC1B,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC;SACtB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,CAAC,CAAC;IAEtC,MAAM,SAAS,GAAwB,eAAO,CAAC,GAAG,EAAE;QACnD,OAAO;YACN,MAAM,EAAE,UAAU;YAClB,eAAe,EAAE,wBAAwB;YACzC,KAAK,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG;YACpC,YAAY,EAAE,UAAU,GAAG,CAAC;SAC5B,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACN,mBAAC,0BAAU,kBAAC,GAAG,EAAE,YAAY,iBAC5B,yCAAK,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,gBACpC,UAAU,CAAC,CAAC,CAAC,kBAAC,4BAAa,aAAG,CAAC,CAAC,CAAC,kBAAC,2BAAY,aAAG,YAC7C;YACN,2BAAK,KAAK,EAAE,OAAO,WAAI;YAEvB,yCACC,GAAG,EAAE,UAAU,EACf,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,cAAc,gBAEpB,KAAK,CAAC,CAAC,CAAC,CACR,wDACC,yCAAK,KAAK,EAAE,aAAa,gBACxB,2BAAK,KAAK,EAAE,SAAS,WAAI,YACpB;wBACN,2BAAK,KAAK,EAAE,SAAS,WAAI,YACvB,CACH,CAAC,CAAC,CAAC,CACH,2BAAK,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,EAAC,WAAI,CAC5B,YACI,aACM,CACb,CAAC;AACH,CAAC,CAAC;AAlHW,QAAA,iBAAiB,qBAkH5B"}
@@ -0,0 +1,2 @@
1
+ export declare const Checkmark: () => JSX.Element;
2
+ //# sourceMappingURL=Checkmark.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkmark.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Menu/Checkmark.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,mBAiBrB,CAAC"}
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Checkmark = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const style = {
6
+ width: 14,
7
+ height: 14,
8
+ };
9
+ 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));
10
+ exports.Checkmark = Checkmark;
11
+ //# sourceMappingURL=Checkmark.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=is-menu-click.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"is-menu-click.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Menu/is-menu-click.ts"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=is-menu-click.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"is-menu-click.js","sourceRoot":"","sources":["../../../../src/editor/components/Menu/is-menu-click.ts"],"names":[],"mappings":""}
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { CompType } from './CompositionType';
3
+ export declare const LazyLoadNewComposition: React.FC<{
4
+ initialCompType: CompType;
5
+ }>;
6
+ //# sourceMappingURL=LazyLoadNewComposition.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LazyLoadNewComposition.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/LazyLoadNewComposition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7C,eAAe,EAAE,QAAQ,CAAC;CAC1B,CASA,CAAC"}
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ Object.defineProperty(exports, "__esModule", { value: true });
22
+ exports.LazyLoadNewComposition = void 0;
23
+ const jsx_runtime_1 = require("react/jsx-runtime");
24
+ const react_1 = __importStar(require("react"));
25
+ const LazyLoadNewComposition = (props) => {
26
+ const OtherComponent = (0, react_1.useMemo)(() => {
27
+ return react_1.default.lazy(() => Promise.resolve().then(() => __importStar(require('./NewComposition'))));
28
+ }, []);
29
+ return ((0, jsx_runtime_1.jsx)(react_1.Suspense, Object.assign({ fallback: (0, jsx_runtime_1.jsx)("div", { children: "loading..." }, void 0) }, { children: (0, jsx_runtime_1.jsx)(OtherComponent, { initialCompType: props.initialCompType }, void 0) }), void 0));
30
+ };
31
+ exports.LazyLoadNewComposition = LazyLoadNewComposition;
32
+ //# sourceMappingURL=LazyLoadNewComposition.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LazyLoadNewComposition.js","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/LazyLoadNewComposition.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+C;AAGxC,MAAM,sBAAsB,GAE9B,CAAC,KAAK,EAAE,EAAE;IACd,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,OAAO,eAAK,CAAC,IAAI,CAAC,GAAG,EAAE,mDAAQ,kBAAkB,GAAC,CAAC,CAAC;IACrD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACN,uBAAC,gBAAQ,kBAAC,QAAQ,EAAE,iEAAqB,gBACxC,uBAAC,cAAc,IAAC,eAAe,EAAE,KAAK,CAAC,eAAe,WAAI,YAChD,CACX,CAAC;AACH,CAAC,CAAC;AAXW,QAAA,sBAAsB,0BAWjC"}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ export declare const NewSequence: React.FC;
3
+ //# sourceMappingURL=NewComposition.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,47 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NewComposition.js","sourceRoot":"","sources":["../../../src/editor/components/NewComposition.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ export declare const NewSequence: React.FC;
3
+ //# sourceMappingURL=NewSequence.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,47 @@
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=NewSequence.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NewSequence.js","sourceRoot":"","sources":["../../../src/editor/components/NewSequence.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ export declare const SPACING_UNIT = 8;
3
+ export declare const Spacing: React.FC<{
4
+ x?: number;
5
+ y?: number;
6
+ }>;
7
+ //# sourceMappingURL=Spacing.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Spacing.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Spacing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,eAAO,MAAM,YAAY,IAAI,CAAC;AAE9B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACX,CAUA,CAAC"}
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Spacing = exports.SPACING_UNIT = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
6
+ exports.SPACING_UNIT = 8;
7
+ const Spacing = ({ x = 0, y = 0 }) => {
8
+ const style = (0, react_1.useMemo)(() => {
9
+ return {
10
+ display: 'block',
11
+ width: x * exports.SPACING_UNIT,
12
+ height: y * exports.SPACING_UNIT,
13
+ };
14
+ }, [x, y]);
15
+ return (0, jsx_runtime_1.jsx)("div", { style: style }, void 0);
16
+ };
17
+ exports.Spacing = Spacing;
18
+ //# sourceMappingURL=Spacing.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Spacing.js","sourceRoot":"","sources":["../../../src/editor/components/Spacing.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AAExB,QAAA,YAAY,GAAG,CAAC,CAAC;AAEvB,MAAM,OAAO,GAGf,CAAC,EAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAC,EAAE,EAAE;IACvB,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAwB,EAAE;QAC/C,OAAO;YACN,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,CAAC,GAAG,oBAAY;YACvB,MAAM,EAAE,CAAC,GAAG,oBAAY;SACxB,CAAC;IACH,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEX,OAAO,gCAAK,KAAK,EAAE,KAAK,WAAI,CAAC;AAC9B,CAAC,CAAC;AAbW,QAAA,OAAO,WAalB"}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export declare const LoopIndicator: React.FC<{
3
+ loops: number;
4
+ }>;
5
+ //# sourceMappingURL=LoopIndicator.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LoopIndicator.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Timeline/LoopIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuC1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;CACd,CA8BA,CAAC"}
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.LoopIndicator = void 0;
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const react_1 = __importDefault(require("react"));
9
+ const remotion_1 = require("remotion");
10
+ const layout_1 = require("../layout");
11
+ const container = {
12
+ padding: '2px 4px',
13
+ color: 'white',
14
+ backgroundColor: 'rgba(255, 255, 255, 0.2)',
15
+ display: 'inline-flex',
16
+ borderRadius: 4,
17
+ fontSize: 12,
18
+ marginLeft: 4,
19
+ marginTop: 4,
20
+ flexDirection: 'row',
21
+ };
22
+ const Icon = () => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "repeat", className: "svg-inline--fa fa-repeat fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", style: {
23
+ height: 12,
24
+ width: 12,
25
+ marginRight: 4,
26
+ } }, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M512 256c0 88.224-71.775 160-160 160H170.067l34.512 32.419c9.875 9.276 10.119 24.883.539 34.464l-10.775 10.775c-9.373 9.372-24.568 9.372-33.941 0l-92.686-92.686c-9.373-9.373-9.373-24.568 0-33.941l92.686-92.686c9.373-9.373 24.568-9.373 33.941 0l10.775 10.775c9.581 9.581 9.337 25.187-.539 34.464L170.067 352H352c52.935 0 96-43.065 96-96 0-13.958-2.996-27.228-8.376-39.204-4.061-9.039-2.284-19.626 4.723-26.633l12.183-12.183c11.499-11.499 30.965-8.526 38.312 5.982C505.814 205.624 512 230.103 512 256zM72.376 295.204C66.996 283.228 64 269.958 64 256c0-52.935 43.065-96 96-96h181.933l-34.512 32.419c-9.875 9.276-10.119 24.883-.539 34.464l10.775 10.775c9.373 9.372 24.568 9.372 33.941 0l92.686-92.686c9.373-9.373 9.373-24.568 0-33.941l-92.686-92.686c-9.373-9.373-24.568-9.373-33.941 0L306.882 29.12c-9.581 9.581-9.337 25.187.539 34.464L341.933 96H160C71.775 96 0 167.776 0 256c0 25.897 6.186 50.376 17.157 72.039 7.347 14.508 26.813 17.481 38.312 5.982l12.183-12.183c7.008-7.008 8.786-17.595 4.724-26.634z" }, void 0) }), void 0));
27
+ const LoopIndicator = ({ loops }) => {
28
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container }, { children: [(0, jsx_runtime_1.jsx)(Icon, {}, void 0), String(loops)] }), void 0), (0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, Object.assign({ style: {
29
+ flexDirection: 'row',
30
+ } }, { children: new Array(loops).fill(true).map((l, i) => {
31
+ return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment
32
+ // eslint-disable-next-line
33
+ , { children: [(0, jsx_runtime_1.jsx)(layout_1.Flex, {}, void 0), i === loops - 1 ? null : ((0, jsx_runtime_1.jsx)("div", { style: { height: '100%', width: 1, backgroundColor: 'white' } }, void 0))] }, i));
34
+ }) }), void 0)] }, void 0));
35
+ };
36
+ exports.LoopIndicator = LoopIndicator;
37
+ //# sourceMappingURL=LoopIndicator.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LoopIndicator.js","sourceRoot":"","sources":["../../../../src/editor/components/Timeline/LoopIndicator.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,uCAAsC;AACtC,sCAA+B;AAE/B,MAAM,SAAS,GAAwB;IACtC,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,eAAe,EAAE,0BAA0B;IAC3C,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,CAAC;IACb,SAAS,EAAE,CAAC;IACZ,aAAa,EAAE,KAAK;CACpB,CAAC;AAEF,MAAM,IAAI,GAAa,GAAG,EAAE,CAAC,CAC5B,6DACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,QAAQ,EAClB,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE;QACN,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,WAAW,EAAE,CAAC;KACd,gBAED,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,2+BAA2+B,WAC5+B,YACG,CACN,CAAC;AAEK,MAAM,aAAa,GAErB,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IAChB,OAAO,CACN,6DACC,+CAAK,KAAK,EAAE,SAAS,iBACpB,uBAAC,IAAI,aAAG,EACP,MAAM,CAAC,KAAK,CAAC,aACT,EACN,uBAAC,uBAAY,kBACZ,KAAK,EAAE;oBACN,aAAa,EAAE,KAAK;iBACpB,gBAEA,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACzC,OAAO,CACN,wBAAC,eAAK,CAAC,QAAQ;oBACd,2BAA2B;mCAG3B,uBAAC,aAAI,aAAG,EACP,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzB,gCACC,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,eAAe,EAAE,OAAO,EAAC,WAC1D,CACF,KAPI,CAAC,CAQU,CACjB,CAAC;gBACH,CAAC,CAAC,YACY,YACb,CACH,CAAC;AACH,CAAC,CAAC;AAhCW,QAAA,aAAa,iBAgCxB"}
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare type PackageManager = 'npm' | 'yarn' | 'unknown';
2
3
  export declare type UpdateInfo = {
3
4
  currentVersion: string;
@@ -1 +1 @@
1
- {"version":3,"file":"UpdateCheck.d.ts","sourceRoot":"","sources":["../../../src/editor/components/UpdateCheck.tsx"],"names":[],"mappings":"AAIA,aAAK,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjD,oBAAY,UAAU,GAAG;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,cAAc,CAAC;CAC/B,CAAC;AAYF,eAAO,MAAM,WAAW,0BA2CvB,CAAC"}
1
+ {"version":3,"file":"UpdateCheck.d.ts","sourceRoot":"","sources":["../../../src/editor/components/UpdateCheck.tsx"],"names":[],"mappings":";AAIA,aAAK,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjD,oBAAY,UAAU,GAAG;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,cAAc,CAAC;CAC/B,CAAC;AAYF,eAAO,MAAM,WAAW,0BA2CvB,CAAC"}
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=isCompositionStill.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"isCompositionStill.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/isCompositionStill.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=isCompositionStill.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"isCompositionStill.js","sourceRoot":"","sources":["../../../src/editor/helpers/isCompositionStill.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ import { TComposition } from 'remotion';
2
+ export declare const validateCompositionName: (compName: string, compositions: TComposition<unknown>[]) => string | null;
3
+ //# sourceMappingURL=validate-composition-name.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"validate-composition-name.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/validate-composition-name.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,YAAY,EAAC,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,uBAAuB,aACzB,MAAM,gBACF,aAAa,OAAO,CAAC,EAAE,KACnC,MAAM,GAAG,IAUX,CAAC"}
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.validateCompositionName = void 0;
4
+ const remotion_1 = require("remotion");
5
+ const validateCompositionName = (compName, compositions) => {
6
+ if (!remotion_1.Internals.isCompositionIdValid(compName)) {
7
+ return remotion_1.Internals.invalidCompositionErrorMessage;
8
+ }
9
+ if (compositions.find((c) => c.id === compName)) {
10
+ return `A composition with that name already exists.`;
11
+ }
12
+ return null;
13
+ };
14
+ exports.validateCompositionName = validateCompositionName;
15
+ //# sourceMappingURL=validate-composition-name.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"validate-composition-name.js","sourceRoot":"","sources":["../../../src/editor/helpers/validate-composition-name.ts"],"names":[],"mappings":";;;AAAA,uCAAiD;AAE1C,MAAM,uBAAuB,GAAG,CACtC,QAAgB,EAChB,YAAqC,EACrB,EAAE;IAClB,IAAI,CAAC,oBAAS,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE;QAC9C,OAAO,oBAAS,CAAC,8BAA8B,CAAC;KAChD;IAED,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE;QAChD,OAAO,8CAA8C,CAAC;KACtD;IAED,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAbW,QAAA,uBAAuB,2BAalC"}
@@ -0,0 +1,8 @@
1
+ export declare type Size = {
2
+ width: number;
3
+ height: number;
4
+ left: number;
5
+ top: number;
6
+ };
7
+ export declare const useElementSize: (ref: React.RefObject<HTMLDivElement>) => Size | null;
8
+ //# sourceMappingURL=get-el-size.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-el-size.d.ts","sourceRoot":"","sources":["../../../src/editor/hooks/get-el-size.ts"],"names":[],"mappings":"AAEA,oBAAY,IAAI,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,cAAc,QACrB,MAAM,SAAS,CAAC,cAAc,CAAC,KAClC,IAAI,GAAG,IA2CT,CAAC"}
@@ -0,0 +1,43 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useElementSize = void 0;
4
+ const react_1 = require("react");
5
+ const useElementSize = (ref) => {
6
+ const [size, setSize] = react_1.useState(null);
7
+ const observer = react_1.useMemo(() => new ResizeObserver((entries) => {
8
+ const newSize = entries[0].target.getClientRects();
9
+ setSize({
10
+ width: newSize[0].width,
11
+ height: newSize[0].height,
12
+ left: newSize[0].x,
13
+ top: newSize[0].y,
14
+ });
15
+ }), []);
16
+ const updateSize = react_1.useCallback(() => {
17
+ if (!ref.current) {
18
+ return;
19
+ }
20
+ const rect = ref.current.getClientRects();
21
+ setSize({
22
+ width: rect[0].width,
23
+ height: rect[0].height,
24
+ left: rect[0].x,
25
+ top: rect[0].y,
26
+ });
27
+ }, [ref]);
28
+ react_1.useEffect(() => {
29
+ updateSize();
30
+ const { current } = ref;
31
+ if (ref.current) {
32
+ observer.observe(ref.current);
33
+ }
34
+ return () => {
35
+ if (current) {
36
+ observer.unobserve(current);
37
+ }
38
+ };
39
+ }, [observer, ref, updateSize]);
40
+ return size;
41
+ };
42
+ exports.useElementSize = useElementSize;
43
+ //# sourceMappingURL=get-el-size.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-el-size.js","sourceRoot":"","sources":["../../../src/editor/hooks/get-el-size.ts"],"names":[],"mappings":";;;AAAA,iCAAgE;AASzD,MAAM,cAAc,GAAG,CAC7B,GAAoC,EACtB,EAAE;IAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,gBAAQ,CAAc,IAAI,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,eAAO,CACvB,GAAG,EAAE,CACJ,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;QAC9B,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;QACnD,OAAO,CAAC;YACP,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;YACvB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM;YACzB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;YAClB,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;SACjB,CAAC,CAAC;IACJ,CAAC,CAAC,EACH,EAAE,CACF,CAAC;IACF,MAAM,UAAU,GAAG,mBAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;YACjB,OAAO;SACP;QAED,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC;QAC1C,OAAO,CAAC;YACP,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,KAAe;YAC9B,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,MAAgB;YAChC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAW;YACzB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAW;SACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,iBAAS,CAAC,GAAG,EAAE;QACd,UAAU,EAAE,CAAC;QACb,MAAM,EAAC,OAAO,EAAC,GAAG,GAAG,CAAC;QACtB,IAAI,GAAG,CAAC,OAAO,EAAE;YAChB,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;SAC9B;QAED,OAAO,GAAS,EAAE;YACjB,IAAI,OAAO,EAAE;gBACZ,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aAC5B;QACF,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;IAChC,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AA7CW,QAAA,cAAc,kBA6CzB"}
@@ -1,2 +1,3 @@
1
+ /// <reference types="react" />
1
2
  export declare const Checkmark: () => JSX.Element;
2
3
  //# sourceMappingURL=Checkmark.d.ts.map
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const Caret: () => JSX.Element;
2
3
  export declare const CaretDown: () => JSX.Element;
3
4
  //# sourceMappingURL=caret.d.ts.map
@@ -0,0 +1,3 @@
1
+ import React, { SVGProps } from 'react';
2
+ export declare const FastBack: React.FC<SVGProps<SVGSVGElement>>;
3
+ //# sourceMappingURL=fast-back.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fast-back.d.ts","sourceRoot":"","sources":["../../../src/editor/icons/fast-back.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAStD,CAAC"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FastBack = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const FastBack = (props) => {
6
+ return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "0 0 448 512" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M11.5 280.6l192 160c20.6 17.2 52.5 2.8 52.5-24.6V96c0-27.4-31.9-41.8-52.5-24.6l-192 160c-15.3 12.8-15.3 36.4 0 49.2zm256 0l192 160c20.6 17.2 52.5 2.8 52.5-24.6V96c0-27.4-31.9-41.8-52.5-24.6l-192 160c-15.3 12.8-15.3 36.4 0 49.2z" }, void 0) }), void 0));
7
+ };
8
+ exports.FastBack = FastBack;
9
+ //# sourceMappingURL=fast-back.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fast-back.js","sourceRoot":"","sources":["../../../src/editor/icons/fast-back.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,QAAQ,GAAsC,CAAC,KAAK,EAAE,EAAE;IACpE,OAAO,CACN,8CAAK,OAAO,EAAC,aAAa,IAAK,KAAK,cACnC,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qOAAqO,WACtO,YACG,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,QAAQ,YASnB"}
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ export declare const FastForward: React.FC<SVGProps<SVGSVGElement>>;
3
+ //# sourceMappingURL=fast-forward.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fast-forward.d.ts","sourceRoot":"","sources":["../../../src/editor/icons/fast-forward.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CASzD,CAAC"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FastForward = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const FastForward = (props) => {
6
+ return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "0 0 448 512" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M500.5 231.4l-192-160C287.9 54.3 256 68.6 256 96v320c0 27.4 31.9 41.8 52.5 24.6l192-160c15.3-12.8 15.3-36.4 0-49.2zm-256 0l-192-160C31.9 54.3 0 68.6 0 96v320c0 27.4 31.9 41.8 52.5 24.6l192-160c15.3-12.8 15.3-36.4 0-49.2z" }, void 0) }), void 0));
7
+ };
8
+ exports.FastForward = FastForward;
9
+ //# sourceMappingURL=fast-forward.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fast-forward.js","sourceRoot":"","sources":["../../../src/editor/icons/fast-forward.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,WAAW,GAAsC,CAAC,KAAK,EAAE,EAAE;IACvE,OAAO,CACN,8CAAK,OAAO,EAAC,aAAa,IAAK,KAAK,cACnC,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,8NAA8N,WAC/N,YACG,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,WAAW,eAStB"}
@@ -0,0 +1,4 @@
1
+ import { MenuId } from '../components/Menu/MenuItem';
2
+ export declare const setGlobalMenuId: (menuId: MenuId | null) => void;
3
+ export declare const getGlobalMenuId: () => MenuId | null;
4
+ //# sourceMappingURL=global-menu-id.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"global-menu-id.d.ts","sourceRoot":"","sources":["../../../src/editor/state/global-menu-id.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,6BAA6B,CAAC;AAInD,eAAO,MAAM,eAAe,WAAY,MAAM,GAAG,IAAI,SAEpD,CAAC;AAEF,eAAO,MAAM,eAAe,qBAAqB,CAAC"}
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getGlobalMenuId = exports.setGlobalMenuId = void 0;
4
+ let globalMenuId = null;
5
+ const setGlobalMenuId = (menuId) => {
6
+ globalMenuId = menuId;
7
+ };
8
+ exports.setGlobalMenuId = setGlobalMenuId;
9
+ const getGlobalMenuId = () => globalMenuId;
10
+ exports.getGlobalMenuId = getGlobalMenuId;
11
+ //# sourceMappingURL=global-menu-id.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"global-menu-id.js","sourceRoot":"","sources":["../../../src/editor/state/global-menu-id.ts"],"names":[],"mappings":";;;AAEA,IAAI,YAAY,GAAkB,IAAI,CAAC;AAEhC,MAAM,eAAe,GAAG,CAAC,MAAqB,EAAE,EAAE;IACxD,YAAY,GAAG,MAAM,CAAC;AACvB,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B;AAEK,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC;AAArC,QAAA,eAAe,mBAAsB"}
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { MenuId } from '../components/Menu/MenuItem';
3
+ export declare type MenuContext = {
4
+ selected: MenuId | null;
5
+ setSelected: React.Dispatch<React.SetStateAction<MenuId | null>>;
6
+ };
7
+ export declare const MenuToolbarSelectionContext: React.Context<MenuContext>;
8
+ //# sourceMappingURL=menu-selection.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menu-selection.d.ts","sourceRoot":"","sources":["../../../src/editor/state/menu-selection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,6BAA6B,CAAC;AAEnD,oBAAY,WAAW,GAAG;IACzB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CACjE,CAAC;AAEF,eAAO,MAAM,2BAA2B,4BAKtC,CAAC"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.MenuToolbarSelectionContext = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ exports.MenuToolbarSelectionContext = react_1.default.createContext({
9
+ selected: null,
10
+ setSelected: () => {
11
+ throw new Error('no context');
12
+ },
13
+ });
14
+ //# sourceMappingURL=menu-selection.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menu-selection.js","sourceRoot":"","sources":["../../../src/editor/state/menu-selection.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQb,QAAA,2BAA2B,GAAG,eAAK,CAAC,aAAa,CAAc;IAC3E,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,GAAG,EAAE;QACjB,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC;CACD,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@remotion/cli",
3
- "version": "2.5.6",
3
+ "version": "3.0.0-compression.1+82ebf464a",
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.5.6",
23
- "@remotion/media-utils": "2.5.6",
24
- "@remotion/player": "2.5.6",
25
- "@remotion/renderer": "2.5.6",
22
+ "@remotion/bundler": "3.0.0-compression.1+82ebf464a",
23
+ "@remotion/media-utils": "3.0.0-compression.1+82ebf464a",
24
+ "@remotion/player": "3.0.0-compression.1+82ebf464a",
25
+ "@remotion/renderer": "3.0.0-compression.1+82ebf464a",
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.5.6",
32
+ "remotion": "3.0.0-compression.1+82ebf464a",
33
33
  "semver": "^7.3.4",
34
34
  "webpack": "5.60.0"
35
35
  },
@@ -53,5 +53,5 @@
53
53
  "publishConfig": {
54
54
  "access": "public"
55
55
  },
56
- "gitHead": "3ca040a48c3c035abe736108959b75322374e665"
56
+ "gitHead": "82ebf464a6fb350e5e460dd77f3aee08c4e864d9"
57
57
  }
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- export declare const IFrameWrapper: React.FC<{
3
- width: number;
4
- height: number;
5
- }>;
6
- //# sourceMappingURL=IFrameWrapper.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IFrameWrapper.d.ts","sourceRoot":"","sources":["../../../src/editor/components/IFrameWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf,CAmBA,CAAC"}
@@ -1,19 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.IFrameWrapper = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const react_dom_1 = require("react-dom");
7
- const IFrameWrapper = ({ children, width, height, ...props }) => {
8
- var _a, _b;
9
- const [contentRef, setContentRef] = (0, react_1.useState)(null);
10
- const mountNode = (_b = (_a = contentRef === null || contentRef === void 0 ? void 0 : contentRef.contentWindow) === null || _a === void 0 ? void 0 : _a.document) === null || _b === void 0 ? void 0 : _b.body;
11
- return ((0, jsx_runtime_1.jsx)("iframe", Object.assign({ style: {
12
- position: 'absolute',
13
- width,
14
- height,
15
- border: 'none',
16
- }, id: "IframeWrapper" }, props, { ref: setContentRef }, { children: mountNode && (0, react_dom_1.createPortal)(children, mountNode) }), void 0));
17
- };
18
- exports.IFrameWrapper = IFrameWrapper;
19
- //# sourceMappingURL=IFrameWrapper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IFrameWrapper.js","sourceRoot":"","sources":["../../../src/editor/components/IFrameWrapper.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsC;AACtC,yCAAuC;AAEhC,MAAM,aAAa,GAGrB,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;;IAC5C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAoB,IAAI,CAAC,CAAC;IACtE,MAAM,SAAS,GAAG,MAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,aAAa,0CAAE,QAAQ,0CAAE,IAAI,CAAC;IAE5D,OAAO,CACN,iDACC,KAAK,EAAE;YACN,QAAQ,EAAE,UAAU;YACpB,KAAK;YACL,MAAM;YACN,MAAM,EAAE,MAAM;SACd,EACD,EAAE,EAAC,eAAe,IACd,KAAK,IACT,GAAG,EAAE,aAAa,gBAEjB,SAAS,IAAI,IAAA,wBAAY,EAAC,QAAQ,EAAE,SAAS,CAAC,YACvC,CACT,CAAC;AACH,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB"}
@@ -1 +0,0 @@
1
- //# sourceMappingURL=KeyboardShortcuts.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"KeyboardShortcuts.d.ts","sourceRoot":"","sources":["../../../src/editor/components/KeyboardShortcuts.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=KeyboardShortcuts.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"KeyboardShortcuts.js","sourceRoot":"","sources":["../../../src/editor/components/KeyboardShortcuts.tsx"],"names":[],"mappings":""}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- export declare const NewCompHeader: React.FC;
3
- //# sourceMappingURL=ModalHeader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAmBrD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAYjC,CAAC"}
@@ -1,29 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.NewCompHeader = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const modals_1 = require("../../state/modals");
7
- const layout_1 = require("../layout");
8
- const CancelButton_1 = require("./CancelButton");
9
- const container = {
10
- display: 'flex',
11
- flexDirection: 'row',
12
- alignItems: 'center',
13
- padding: 12,
14
- width: '100%',
15
- borderBottom: '1px solid black',
16
- };
17
- const icon = {
18
- height: 20,
19
- width: 20,
20
- };
21
- const NewCompHeader = () => {
22
- const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
23
- const onPress = (0, react_1.useCallback)(() => {
24
- setSelectedModal(null);
25
- }, [setSelectedModal]);
26
- return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container }, { children: [(0, jsx_runtime_1.jsx)("div", { children: "New composition" }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Flex, {}, void 0), (0, jsx_runtime_1.jsx)(CancelButton_1.CancelButton, { style: icon, onPress: onPress }, void 0)] }), void 0));
27
- };
28
- exports.NewCompHeader = NewCompHeader;
29
- //# sourceMappingURL=ModalHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/ModalHeader.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqD;AACrD,+CAAiD;AACjD,sCAA+B;AAC/B,iDAA4C;AAE5C,MAAM,SAAS,GAAwB;IACtC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,iBAAiB;CAC/B,CAAC;AAEF,MAAM,IAAI,GAAwB;IACjC,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACT,CAAC;AAEK,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,MAAM,EAAC,gBAAgB,EAAC,GAAG,IAAA,kBAAU,EAAC,sBAAa,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvB,OAAO,CACN,+CAAK,KAAK,EAAE,SAAS,iBACpB,sEAA0B,EAC1B,uBAAC,aAAI,aAAG,EACR,uBAAC,2BAAY,IAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,WAAI,aAC1C,CACN,CAAC;AACH,CAAC,CAAC;AAZW,QAAA,aAAa,iBAYxB"}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- export declare const cssReset: React.CSSProperties;
3
- //# sourceMappingURL=css-reset.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"css-reset.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/css-reset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAI5B,CAAC"}
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.cssReset = void 0;
4
- exports.cssReset = {
5
- fontSize: 16,
6
- lineHeight: 1,
7
- color: 'black',
8
- };
9
- //# sourceMappingURL=css-reset.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"css-reset.js","sourceRoot":"","sources":["../../../src/editor/helpers/css-reset.ts"],"names":[],"mappings":";;;AAEa,QAAA,QAAQ,GAAwB;IAC5C,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,CAAC;IACb,KAAK,EAAE,OAAO;CACd,CAAC"}
@@ -1,2 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"empty-audio.d.ts","sourceRoot":"","sources":["../src/empty-audio.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,ytCAC+rC,CAAC"}
@@ -1,5 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"empty-audio.js","sourceRoot":"","sources":["../src/empty-audio.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GACvB,stCAAstC,CAAC"}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- export declare const Homepage: React.FC;
3
- //# sourceMappingURL=homepage.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"homepage.d.ts","sourceRoot":"","sources":["../../src/homepage/homepage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAQ5B,CAAC"}
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Homepage = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const Homepage = () => {
6
- return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsx)("li", { children: "hi" }, void 0) }, void 0) }, void 0));
7
- };
8
- exports.Homepage = Homepage;
9
- //# sourceMappingURL=homepage.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"homepage.js","sourceRoot":"","sources":["../../src/homepage/homepage.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,QAAQ,GAAa,GAAG,EAAE;IACtC,OAAO,CACN,0CACC,yCACC,wDAAW,WACP,WACA,CACN,CAAC;AACH,CAAC,CAAC;AARW,QAAA,QAAQ,YAQnB"}