@remotion/cli 3.0.2 → 3.0.3

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 (108) hide show
  1. package/dist/render.d.ts.map +1 -1
  2. package/dist/render.js +1 -1
  3. package/dist/render.js.map +1 -1
  4. package/package.json +7 -7
  5. package/dist/cycle-browser-tabs.d.ts +0 -7
  6. package/dist/cycle-browser-tabs.d.ts.map +0 -1
  7. package/dist/cycle-browser-tabs.js +0 -24
  8. package/dist/cycle-browser-tabs.js.map +0 -1
  9. package/dist/delete-directory.d.ts +0 -2
  10. package/dist/delete-directory.d.ts.map +0 -1
  11. package/dist/delete-directory.js +0 -15
  12. package/dist/delete-directory.js.map +0 -1
  13. package/dist/editor/components/ErrorOverlay.d.ts +0 -9
  14. package/dist/editor/components/ErrorOverlay.d.ts.map +0 -1
  15. package/dist/editor/components/ErrorOverlay.js +0 -22
  16. package/dist/editor/components/ErrorOverlay.js.map +0 -1
  17. package/dist/editor/components/Errors/ErrorDisplay.d.ts +0 -12
  18. package/dist/editor/components/Errors/ErrorDisplay.d.ts.map +0 -1
  19. package/dist/editor/components/Errors/ErrorDisplay.js +0 -43
  20. package/dist/editor/components/Errors/ErrorDisplay.js.map +0 -1
  21. package/dist/editor/components/Errors/ErrorOverlay.d.ts +0 -9
  22. package/dist/editor/components/Errors/ErrorOverlay.d.ts.map +0 -1
  23. package/dist/editor/components/Errors/ErrorOverlay.js +0 -22
  24. package/dist/editor/components/Errors/ErrorOverlay.js.map +0 -1
  25. package/dist/editor/components/Errors/stack-frame.d.ts +0 -46
  26. package/dist/editor/components/Errors/stack-frame.d.ts.map +0 -1
  27. package/dist/editor/components/Errors/stack-frame.js +0 -82
  28. package/dist/editor/components/Errors/stack-frame.js.map +0 -1
  29. package/dist/editor/components/FramePersister.d.ts +0 -4
  30. package/dist/editor/components/FramePersister.d.ts.map +0 -1
  31. package/dist/editor/components/FramePersister.js +0 -28
  32. package/dist/editor/components/FramePersister.js.map +0 -1
  33. package/dist/editor/components/MediaVolumeSlider.d.ts +0 -3
  34. package/dist/editor/components/MediaVolumeSlider.d.ts.map +0 -1
  35. package/dist/editor/components/MediaVolumeSlider.js +0 -113
  36. package/dist/editor/components/MediaVolumeSlider.js.map +0 -1
  37. package/dist/editor/components/Menu/Checkmark.d.ts +0 -2
  38. package/dist/editor/components/Menu/Checkmark.d.ts.map +0 -1
  39. package/dist/editor/components/Menu/Checkmark.js +0 -11
  40. package/dist/editor/components/Menu/Checkmark.js.map +0 -1
  41. package/dist/editor/components/Menu/is-menu-click.d.ts +0 -1
  42. package/dist/editor/components/Menu/is-menu-click.d.ts.map +0 -1
  43. package/dist/editor/components/Menu/is-menu-click.js +0 -2
  44. package/dist/editor/components/Menu/is-menu-click.js.map +0 -1
  45. package/dist/editor/components/NewComposition/CompositionType.d.ts +0 -7
  46. package/dist/editor/components/NewComposition/CompositionType.d.ts.map +0 -1
  47. package/dist/editor/components/NewComposition/CompositionType.js +0 -57
  48. package/dist/editor/components/NewComposition/CompositionType.js.map +0 -1
  49. package/dist/editor/components/NewComposition/LazyLoadNewComposition.d.ts +0 -6
  50. package/dist/editor/components/NewComposition/LazyLoadNewComposition.d.ts.map +0 -1
  51. package/dist/editor/components/NewComposition/LazyLoadNewComposition.js +0 -32
  52. package/dist/editor/components/NewComposition/LazyLoadNewComposition.js.map +0 -1
  53. package/dist/editor/components/NewComposition/NewCompHeader.d.ts +0 -3
  54. package/dist/editor/components/NewComposition/NewCompHeader.d.ts.map +0 -1
  55. package/dist/editor/components/NewComposition/NewCompHeader.js +0 -29
  56. package/dist/editor/components/NewComposition/NewCompHeader.js.map +0 -1
  57. package/dist/editor/components/NewComposition.d.ts +0 -3
  58. package/dist/editor/components/NewComposition.d.ts.map +0 -1
  59. package/dist/editor/components/NewComposition.js +0 -47
  60. package/dist/editor/components/NewComposition.js.map +0 -1
  61. package/dist/editor/components/NewSequence.d.ts +0 -3
  62. package/dist/editor/components/NewSequence.d.ts.map +0 -1
  63. package/dist/editor/components/NewSequence.js +0 -47
  64. package/dist/editor/components/NewSequence.js.map +0 -1
  65. package/dist/editor/components/Spacing.d.ts +0 -7
  66. package/dist/editor/components/Spacing.d.ts.map +0 -1
  67. package/dist/editor/components/Spacing.js +0 -18
  68. package/dist/editor/components/Spacing.js.map +0 -1
  69. package/dist/editor/components/Timeline/LoopIndicator.d.ts +0 -5
  70. package/dist/editor/components/Timeline/LoopIndicator.d.ts.map +0 -1
  71. package/dist/editor/components/Timeline/LoopIndicator.js +0 -37
  72. package/dist/editor/components/Timeline/LoopIndicator.js.map +0 -1
  73. package/dist/editor/helpers/font.d.ts +0 -2
  74. package/dist/editor/helpers/font.d.ts.map +0 -1
  75. package/dist/editor/helpers/font.js +0 -5
  76. package/dist/editor/helpers/font.js.map +0 -1
  77. package/dist/editor/helpers/isCompositionStill.d.ts +0 -1
  78. package/dist/editor/helpers/isCompositionStill.d.ts.map +0 -1
  79. package/dist/editor/helpers/isCompositionStill.js +0 -2
  80. package/dist/editor/helpers/isCompositionStill.js.map +0 -1
  81. package/dist/editor/helpers/validate-composition-name.d.ts +0 -3
  82. package/dist/editor/helpers/validate-composition-name.d.ts.map +0 -1
  83. package/dist/editor/helpers/validate-composition-name.js +0 -15
  84. package/dist/editor/helpers/validate-composition-name.js.map +0 -1
  85. package/dist/editor/hooks/get-el-size.d.ts +0 -8
  86. package/dist/editor/hooks/get-el-size.d.ts.map +0 -1
  87. package/dist/editor/hooks/get-el-size.js +0 -43
  88. package/dist/editor/hooks/get-el-size.js.map +0 -1
  89. package/dist/editor/icons/fast-back.d.ts +0 -3
  90. package/dist/editor/icons/fast-back.d.ts.map +0 -1
  91. package/dist/editor/icons/fast-back.js +0 -9
  92. package/dist/editor/icons/fast-back.js.map +0 -1
  93. package/dist/editor/icons/fast-forward.d.ts +0 -3
  94. package/dist/editor/icons/fast-forward.d.ts.map +0 -1
  95. package/dist/editor/icons/fast-forward.js +0 -9
  96. package/dist/editor/icons/fast-forward.js.map +0 -1
  97. package/dist/editor/state/global-menu-id.d.ts +0 -4
  98. package/dist/editor/state/global-menu-id.d.ts.map +0 -1
  99. package/dist/editor/state/global-menu-id.js +0 -11
  100. package/dist/editor/state/global-menu-id.js.map +0 -1
  101. package/dist/editor/state/menu-selection.d.ts +0 -8
  102. package/dist/editor/state/menu-selection.d.ts.map +0 -1
  103. package/dist/editor/state/menu-selection.js +0 -14
  104. package/dist/editor/state/menu-selection.js.map +0 -1
  105. package/dist/listCompositions.d.ts +0 -2
  106. package/dist/listCompositions.d.ts.map +0 -1
  107. package/dist/listCompositions.js +0 -46
  108. package/dist/listCompositions.js.map +0 -1
@@ -1,2 +0,0 @@
1
- export declare const Checkmark: () => JSX.Element;
2
- //# sourceMappingURL=Checkmark.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Checkmark.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Menu/Checkmark.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,mBAiBrB,CAAC"}
@@ -1,11 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"Checkmark.js","sourceRoot":"","sources":["../../../../src/editor/components/Menu/Checkmark.tsx"],"names":[],"mappings":";;;;AAEA,MAAM,KAAK,GAAwB;IAClC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACV,CAAC;AAEK,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC9B,6DACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,OAAO,EACjB,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,gBAEZ,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0RAA0R,WAC3R,YACG,CACN,CAAC;AAjBW,QAAA,SAAS,aAiBpB"}
@@ -1 +0,0 @@
1
- //# 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":""}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# 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":""}
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export declare type CompType = 'composition' | 'still';
3
- export declare const CompositionType: React.FC<{
4
- type: CompType;
5
- onSelected: (type: CompType) => void;
6
- }>;
7
- //# sourceMappingURL=CompositionType.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CompositionType.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/CompositionType.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAkB/E,oBAAY,QAAQ,GAAG,aAAa,GAAG,OAAO,CAAC;AAgE/C,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACrC,CAWA,CAAC"}
@@ -1,57 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.CompositionType = 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 film_1 = require("../../icons/film");
8
- const still_1 = require("../../icons/still");
9
- const z_index_1 = require("../../state/z-index");
10
- const layout_1 = require("../layout");
11
- const panel = {
12
- flex: 1,
13
- borderRadius: 8,
14
- padding: 16,
15
- cursor: 'pointer',
16
- fontSize: 14,
17
- flexDirection: 'row',
18
- display: 'flex',
19
- alignItems: 'center',
20
- };
21
- const Panel = ({ selected, type, onSelected }) => {
22
- const ref = (0, react_1.useRef)(null);
23
- const { tabIndex } = (0, z_index_1.useZIndex)();
24
- const [hovered, setHovered] = (0, react_1.useState)(false);
25
- (0, react_1.useEffect)(() => {
26
- const { current } = ref;
27
- if (!current) {
28
- return;
29
- }
30
- const onMouseEnter = () => setHovered(true);
31
- const onMouseLeave = () => setHovered(false);
32
- current.addEventListener('mouseenter', onMouseEnter);
33
- current.addEventListener('mouseleave', onMouseLeave);
34
- }, []);
35
- const style = (0, react_1.useMemo)(() => {
36
- return {
37
- ...panel,
38
- backgroundColor: (0, colors_1.getBackgroundFromHoverState)({
39
- hovered,
40
- selected,
41
- }),
42
- color: 'white',
43
- appearance: 'none',
44
- border: 'none',
45
- textAlign: 'left',
46
- };
47
- }, [hovered, selected]);
48
- const onClick = (0, react_1.useCallback)(() => {
49
- onSelected(type);
50
- }, [onSelected, type]);
51
- return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ ref: ref, tabIndex: tabIndex, type: "button", style: style, onClick: onClick }, { children: [type === 'composition' ? ((0, jsx_runtime_1.jsx)(film_1.FilmIcon, { style: { height: 18, width: 18 } }, void 0)) : ((0, jsx_runtime_1.jsx)(still_1.StillIcon, { style: { height: 18, width: 18 } }, void 0)), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }, void 0), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: type === 'composition' ? '<Composition>' : '<Still>' }, void 0), (0, jsx_runtime_1.jsx)("div", { children: type === 'composition' ? 'For videos' : 'For still images' }, void 0)] }, void 0)] }), void 0));
52
- };
53
- const CompositionType = ({ onSelected, type }) => {
54
- return ((0, jsx_runtime_1.jsxs)(layout_1.Row, { children: [(0, jsx_runtime_1.jsx)(Panel, { onSelected: onSelected, type: "composition", selected: type === 'composition' }, void 0), (0, jsx_runtime_1.jsx)(Panel, { onSelected: onSelected, type: "still", selected: type === 'still' }, void 0)] }, void 0));
55
- };
56
- exports.CompositionType = CompositionType;
57
- //# sourceMappingURL=CompositionType.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CompositionType.js","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/CompositionType.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"LazyLoadNewComposition.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/LazyLoadNewComposition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7C,eAAe,EAAE,QAAQ,CAAC;CAC1B,CASA,CAAC"}
@@ -1,32 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"LazyLoadNewComposition.js","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/LazyLoadNewComposition.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+C;AAGxC,MAAM,sBAAsB,GAE9B,CAAC,KAAK,EAAE,EAAE;IACd,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,OAAO,eAAK,CAAC,IAAI,CAAC,GAAG,EAAE,mDAAQ,kBAAkB,GAAC,CAAC,CAAC;IACrD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACN,uBAAC,gBAAQ,kBAAC,QAAQ,EAAE,iEAAqB,gBACxC,uBAAC,cAAc,IAAC,eAAe,EAAE,KAAK,CAAC,eAAe,WAAI,YAChD,CACX,CAAC;AACH,CAAC,CAAC;AAXW,QAAA,sBAAsB,0BAWjC"}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- export declare const NewCompHeader: React.FC;
3
- //# sourceMappingURL=NewCompHeader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NewCompHeader.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/NewCompHeader.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=NewCompHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NewCompHeader.js","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/NewCompHeader.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 NewSequence: React.FC;
3
- //# sourceMappingURL=NewComposition.d.ts.map
@@ -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,3 +0,0 @@
1
- import React from 'react';
2
- export declare const NewSequence: React.FC;
3
- //# sourceMappingURL=NewSequence.d.ts.map
@@ -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"}
@@ -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=NewSequence.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NewSequence.js","sourceRoot":"","sources":["../../../src/editor/components/NewSequence.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,18 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- export declare const LoopIndicator: React.FC<{
3
- loops: number;
4
- }>;
5
- //# sourceMappingURL=LoopIndicator.d.ts.map
@@ -1 +0,0 @@
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"}
@@ -1,37 +0,0 @@
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
@@ -1 +0,0 @@
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,2 +0,0 @@
1
- export declare const FONT_FAMILY = "Arial, Helvetica, sans-serif";
2
- //# sourceMappingURL=font.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"font.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/font.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,iCAAiC,CAAC"}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.FONT_FAMILY = void 0;
4
- exports.FONT_FAMILY = 'Arial, Helvetica, sans-serif';
5
- //# sourceMappingURL=font.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"font.js","sourceRoot":"","sources":["../../../src/editor/helpers/font.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG,8BAA8B,CAAC"}
@@ -1 +0,0 @@
1
- //# sourceMappingURL=isCompositionStill.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"isCompositionStill.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/isCompositionStill.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=isCompositionStill.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"isCompositionStill.js","sourceRoot":"","sources":["../../../src/editor/helpers/isCompositionStill.tsx"],"names":[],"mappings":""}
@@ -1,3 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,15 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,8 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,43 +0,0 @@
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
@@ -1 +0,0 @@
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,3 +0,0 @@
1
- import React, { SVGProps } from 'react';
2
- export declare const FastBack: React.FC<SVGProps<SVGSVGElement>>;
3
- //# sourceMappingURL=fast-back.d.ts.map
@@ -1 +0,0 @@
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"}
@@ -1,9 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,3 +0,0 @@
1
- import { SVGProps } from 'react';
2
- export declare const FastForward: React.FC<SVGProps<SVGSVGElement>>;
3
- //# sourceMappingURL=fast-forward.d.ts.map
@@ -1 +0,0 @@
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"}