@remotion/cli 2.6.12 → 2.6.13

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 (127) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/dist/code-frame.d.ts +3 -0
  3. package/dist/code-frame.d.ts.map +1 -0
  4. package/dist/code-frame.js +68 -0
  5. package/dist/code-frame.js.map +1 -0
  6. package/dist/cycle-browser-tabs.d.ts +7 -0
  7. package/dist/cycle-browser-tabs.d.ts.map +1 -0
  8. package/dist/cycle-browser-tabs.js +24 -0
  9. package/dist/cycle-browser-tabs.js.map +1 -0
  10. package/dist/editor/components/ErrorOverlay.d.ts +9 -0
  11. package/dist/editor/components/ErrorOverlay.d.ts.map +1 -0
  12. package/dist/editor/components/ErrorOverlay.js +22 -0
  13. package/dist/editor/components/ErrorOverlay.js.map +1 -0
  14. package/dist/editor/components/Errors/ErrorDisplay.d.ts +12 -0
  15. package/dist/editor/components/Errors/ErrorDisplay.d.ts.map +1 -0
  16. package/dist/editor/components/Errors/ErrorDisplay.js +43 -0
  17. package/dist/editor/components/Errors/ErrorDisplay.js.map +1 -0
  18. package/dist/editor/components/Errors/ErrorOverlay.d.ts +9 -0
  19. package/dist/editor/components/Errors/ErrorOverlay.d.ts.map +1 -0
  20. package/dist/editor/components/Errors/ErrorOverlay.js +22 -0
  21. package/dist/editor/components/Errors/ErrorOverlay.js.map +1 -0
  22. package/dist/editor/components/Errors/stack-frame.d.ts +46 -0
  23. package/dist/editor/components/Errors/stack-frame.d.ts.map +1 -0
  24. package/dist/editor/components/Errors/stack-frame.js +82 -0
  25. package/dist/editor/components/Errors/stack-frame.js.map +1 -0
  26. package/dist/editor/components/FramePersister.d.ts +4 -0
  27. package/dist/editor/components/FramePersister.d.ts.map +1 -0
  28. package/dist/editor/components/FramePersister.js +28 -0
  29. package/dist/editor/components/FramePersister.js.map +1 -0
  30. package/dist/editor/components/MediaVolumeSlider.d.ts +3 -0
  31. package/dist/editor/components/MediaVolumeSlider.d.ts.map +1 -0
  32. package/dist/editor/components/MediaVolumeSlider.js +113 -0
  33. package/dist/editor/components/MediaVolumeSlider.js.map +1 -0
  34. package/dist/editor/components/Menu/Checkmark.d.ts +2 -0
  35. package/dist/editor/components/Menu/Checkmark.d.ts.map +1 -0
  36. package/dist/editor/components/Menu/Checkmark.js +11 -0
  37. package/dist/editor/components/Menu/Checkmark.js.map +1 -0
  38. package/dist/editor/components/Menu/is-menu-click.d.ts +1 -0
  39. package/dist/editor/components/Menu/is-menu-click.d.ts.map +1 -0
  40. package/dist/editor/components/Menu/is-menu-click.js +2 -0
  41. package/dist/editor/components/Menu/is-menu-click.js.map +1 -0
  42. package/dist/editor/components/NewComposition/LazyLoadNewComposition.d.ts +6 -0
  43. package/dist/editor/components/NewComposition/LazyLoadNewComposition.d.ts.map +1 -0
  44. package/dist/editor/components/NewComposition/LazyLoadNewComposition.js +32 -0
  45. package/dist/editor/components/NewComposition/LazyLoadNewComposition.js.map +1 -0
  46. package/dist/editor/components/NewComposition.d.ts +3 -0
  47. package/dist/editor/components/NewComposition.d.ts.map +1 -0
  48. package/dist/editor/components/NewComposition.js +47 -0
  49. package/dist/editor/components/NewComposition.js.map +1 -0
  50. package/dist/editor/components/NewSequence.d.ts +3 -0
  51. package/dist/editor/components/NewSequence.d.ts.map +1 -0
  52. package/dist/editor/components/NewSequence.js +47 -0
  53. package/dist/editor/components/NewSequence.js.map +1 -0
  54. package/dist/editor/components/Spacing.d.ts +7 -0
  55. package/dist/editor/components/Spacing.d.ts.map +1 -0
  56. package/dist/editor/components/Spacing.js +18 -0
  57. package/dist/editor/components/Spacing.js.map +1 -0
  58. package/dist/editor/components/Timeline/LoopIndicator.d.ts +5 -0
  59. package/dist/editor/components/Timeline/LoopIndicator.d.ts.map +1 -0
  60. package/dist/editor/components/Timeline/LoopIndicator.js +37 -0
  61. package/dist/editor/components/Timeline/LoopIndicator.js.map +1 -0
  62. package/dist/editor/helpers/isCompositionStill.d.ts +1 -0
  63. package/dist/editor/helpers/isCompositionStill.d.ts.map +1 -0
  64. package/dist/editor/helpers/isCompositionStill.js +2 -0
  65. package/dist/editor/helpers/isCompositionStill.js.map +1 -0
  66. package/dist/editor/helpers/validate-composition-name.d.ts +3 -0
  67. package/dist/editor/helpers/validate-composition-name.d.ts.map +1 -0
  68. package/dist/editor/helpers/validate-composition-name.js +15 -0
  69. package/dist/editor/helpers/validate-composition-name.js.map +1 -0
  70. package/dist/editor/hooks/get-el-size.d.ts +8 -0
  71. package/dist/editor/hooks/get-el-size.d.ts.map +1 -0
  72. package/dist/editor/hooks/get-el-size.js +43 -0
  73. package/dist/editor/hooks/get-el-size.js.map +1 -0
  74. package/dist/editor/icons/fast-back.d.ts +3 -0
  75. package/dist/editor/icons/fast-back.d.ts.map +1 -0
  76. package/dist/editor/icons/fast-back.js +9 -0
  77. package/dist/editor/icons/fast-back.js.map +1 -0
  78. package/dist/editor/icons/fast-forward.d.ts +3 -0
  79. package/dist/editor/icons/fast-forward.d.ts.map +1 -0
  80. package/dist/editor/icons/fast-forward.js +9 -0
  81. package/dist/editor/icons/fast-forward.js.map +1 -0
  82. package/dist/editor/state/global-menu-id.d.ts +4 -0
  83. package/dist/editor/state/global-menu-id.d.ts.map +1 -0
  84. package/dist/editor/state/global-menu-id.js +11 -0
  85. package/dist/editor/state/global-menu-id.js.map +1 -0
  86. package/dist/editor/state/menu-selection.d.ts +8 -0
  87. package/dist/editor/state/menu-selection.d.ts.map +1 -0
  88. package/dist/editor/state/menu-selection.js +14 -0
  89. package/dist/editor/state/menu-selection.js.map +1 -0
  90. package/dist/listCompositions.d.ts +2 -0
  91. package/dist/listCompositions.d.ts.map +1 -0
  92. package/dist/listCompositions.js +46 -0
  93. package/dist/listCompositions.js.map +1 -0
  94. package/dist/print-error.d.ts +2 -0
  95. package/dist/print-error.d.ts.map +1 -0
  96. package/dist/print-error.js +22 -0
  97. package/dist/print-error.js.map +1 -0
  98. package/package.json +7 -7
  99. package/.turbo/turbo-test.log +0 -21
  100. package/dist/editor/components/IFrameWrapper.d.ts +0 -6
  101. package/dist/editor/components/IFrameWrapper.d.ts.map +0 -1
  102. package/dist/editor/components/IFrameWrapper.js +0 -19
  103. package/dist/editor/components/IFrameWrapper.js.map +0 -1
  104. package/dist/editor/components/KeyboardShortcuts.d.ts +0 -1
  105. package/dist/editor/components/KeyboardShortcuts.d.ts.map +0 -1
  106. package/dist/editor/components/KeyboardShortcuts.js +0 -2
  107. package/dist/editor/components/KeyboardShortcuts.js.map +0 -1
  108. package/dist/editor/components/NewComposition/ModalHeader.d.ts +0 -3
  109. package/dist/editor/components/NewComposition/ModalHeader.d.ts.map +0 -1
  110. package/dist/editor/components/NewComposition/ModalHeader.js +0 -29
  111. package/dist/editor/components/NewComposition/ModalHeader.js.map +0 -1
  112. package/dist/editor/helpers/css-reset.d.ts +0 -3
  113. package/dist/editor/helpers/css-reset.d.ts.map +0 -1
  114. package/dist/editor/helpers/css-reset.js +0 -9
  115. package/dist/editor/helpers/css-reset.js.map +0 -1
  116. package/dist/editor/icons/folder.d.ts +0 -4
  117. package/dist/editor/icons/folder.d.ts.map +0 -1
  118. package/dist/editor/icons/folder.js +0 -14
  119. package/dist/editor/icons/folder.js.map +0 -1
  120. package/dist/empty-audio.d.ts +0 -2
  121. package/dist/empty-audio.d.ts.map +0 -1
  122. package/dist/empty-audio.js +0 -5
  123. package/dist/empty-audio.js.map +0 -1
  124. package/dist/homepage/homepage.d.ts +0 -3
  125. package/dist/homepage/homepage.d.ts.map +0 -1
  126. package/dist/homepage/homepage.js +0 -9
  127. package/dist/homepage/homepage.js.map +0 -1
@@ -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"}
@@ -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"}
@@ -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"}
@@ -0,0 +1,2 @@
1
+ export declare const listCompositionsCommand: () => Promise<void>;
2
+ //# sourceMappingURL=listCompositions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"listCompositions.d.ts","sourceRoot":"","sources":["../src/listCompositions.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,uBAAuB,qBAiDnC,CAAC"}
@@ -0,0 +1,46 @@
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.listCompositionsCommand = void 0;
7
+ const path_1 = __importDefault(require("path"));
8
+ const renderer_1 = require("@remotion/renderer");
9
+ const get_config_file_name_1 = require("./get-config-file-name");
10
+ const parse_command_line_1 = require("./parse-command-line");
11
+ const log_1 = require("./log");
12
+ const setup_cache_1 = require("./setup-cache");
13
+ const listCompositionsCommand = async () => {
14
+ const file = parse_command_line_1.parsedCli._[1];
15
+ if (!file) {
16
+ log_1.Log.error('The compositions command requires you to specify a root file. For example');
17
+ log_1.Log.error(' npx remotion compositions src/index.tsx');
18
+ log_1.Log.error('See https://www.remotion.dev/docs/register-root for more information.');
19
+ process.exit(1);
20
+ }
21
+ const fullPath = path_1.default.join(process.cwd(), file);
22
+ (0, get_config_file_name_1.loadConfig)();
23
+ const bundled = await (0, setup_cache_1.bundleOnCli)(fullPath, 1);
24
+ const compositions = await (0, renderer_1.getCompositions)(bundled);
25
+ log_1.Log.info();
26
+ log_1.Log.info('The following compositions are available:');
27
+ log_1.Log.info();
28
+ const firstColumnLength = renderer_1.RenderInternals.max(compositions.map(({ id }) => id.length)) + 4;
29
+ const secondColumnLength = 8;
30
+ const thirdColumnLength = 15;
31
+ log_1.Log.info(`${'Composition'.padEnd(firstColumnLength, ' ')}${'FPS'.padEnd(secondColumnLength)}${'Dimensions'.padEnd(thirdColumnLength, ' ')}Duration`);
32
+ log_1.Log.info(compositions
33
+ .map((comp) => {
34
+ const dimensions = `${comp.width}x${comp.height}`;
35
+ const durationInSeconds = (comp.durationInFrames / comp.fps).toFixed(2);
36
+ return [
37
+ comp.id.padEnd(firstColumnLength, ' '),
38
+ comp.fps.toString().padEnd(secondColumnLength, ' '),
39
+ dimensions.padEnd(thirdColumnLength, ' '),
40
+ `${comp.durationInFrames} (${durationInSeconds} sec)`,
41
+ ].join('');
42
+ })
43
+ .join('\n'));
44
+ };
45
+ exports.listCompositionsCommand = listCompositionsCommand;
46
+ //# sourceMappingURL=listCompositions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"listCompositions.js","sourceRoot":"","sources":["../src/listCompositions.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,iDAAoE;AACpE,iEAAkD;AAClD,6DAA+C;AAC/C,+BAA0B;AAC1B,+CAA0C;AAEnC,MAAM,uBAAuB,GAAG,KAAK,IAAI,EAAE;IACjD,MAAM,IAAI,GAAG,8BAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,IAAI,EAAE;QACV,SAAG,CAAC,KAAK,CACR,2EAA2E,CAC3E,CAAC;QACF,SAAG,CAAC,KAAK,CAAC,2CAA2C,CAAC,CAAC;QACvD,SAAG,CAAC,KAAK,CACR,uEAAuE,CACvE,CAAC;QACF,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KAChB;IAED,MAAM,QAAQ,GAAG,cAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,CAAC;IAEhD,IAAA,iCAAU,GAAE,CAAC;IAEb,MAAM,OAAO,GAAG,MAAM,IAAA,yBAAW,EAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;IAE/C,MAAM,YAAY,GAAG,MAAM,IAAA,0BAAe,EAAC,OAAO,CAAC,CAAC;IACpD,SAAG,CAAC,IAAI,EAAE,CAAC;IACX,SAAG,CAAC,IAAI,CAAC,2CAA2C,CAAC,CAAC;IACtD,SAAG,CAAC,IAAI,EAAE,CAAC;IAEX,MAAM,iBAAiB,GACtB,0BAAe,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAC,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;IAChE,MAAM,kBAAkB,GAAG,CAAC,CAAC;IAC7B,MAAM,iBAAiB,GAAG,EAAE,CAAC;IAE7B,SAAG,CAAC,IAAI,CACP,GAAG,aAAa,CAAC,MAAM,CAAC,iBAAiB,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAC7D,kBAAkB,CAClB,GAAG,YAAY,CAAC,MAAM,CAAC,iBAAiB,EAAE,GAAG,CAAC,UAAU,CACzD,CAAC;IACF,SAAG,CAAC,IAAI,CACP,YAAY;SACV,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,UAAU,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QAClD,MAAM,iBAAiB,GAAG,CAAC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACxE,OAAO;YACN,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,iBAAiB,EAAE,GAAG,CAAC;YACtC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,kBAAkB,EAAE,GAAG,CAAC;YACnD,UAAU,CAAC,MAAM,CAAC,iBAAiB,EAAE,GAAG,CAAC;YACzC,GAAG,IAAI,CAAC,gBAAgB,KAAK,iBAAiB,OAAO;SACrD,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACZ,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC,CACZ,CAAC;AACH,CAAC,CAAC;AAjDW,QAAA,uBAAuB,2BAiDlC"}
@@ -0,0 +1,2 @@
1
+ export declare const printError: (err: Error) => void;
2
+ //# sourceMappingURL=print-error.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"print-error.d.ts","sourceRoot":"","sources":["../src/print-error.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,QAAS,KAAK,SAcpC,CAAC"}
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.printError = void 0;
4
+ const renderer_1 = require("@remotion/renderer");
5
+ const code_frame_1 = require("./code-frame");
6
+ const log_1 = require("./log");
7
+ const printError = (err) => {
8
+ if (err instanceof renderer_1.ErrorWithStackFrame) {
9
+ if (err.frame !== null) {
10
+ log_1.Log.error(`An error occurred while rendering frame ${err.frame}:`);
11
+ }
12
+ else {
13
+ log_1.Log.error('An error occurred:');
14
+ }
15
+ (0, code_frame_1.printCodeFrameAndStack)(err);
16
+ return;
17
+ }
18
+ log_1.Log.error('An error occurred:');
19
+ log_1.Log.error(err.stack);
20
+ };
21
+ exports.printError = printError;
22
+ //# sourceMappingURL=print-error.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"print-error.js","sourceRoot":"","sources":["../src/print-error.ts"],"names":[],"mappings":";;;AAAA,iDAAuD;AACvD,6CAAoD;AACpD,+BAA0B;AAEnB,MAAM,UAAU,GAAG,CAAC,GAAU,EAAE,EAAE;IACxC,IAAI,GAAG,YAAY,8BAAmB,EAAE;QACvC,IAAI,GAAG,CAAC,KAAK,KAAK,IAAI,EAAE;YACvB,SAAG,CAAC,KAAK,CAAC,2CAA2C,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC;SACnE;aAAM;YACN,SAAG,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;SAChC;QAED,IAAA,mCAAsB,EAAC,GAAG,CAAC,CAAC;QAC5B,OAAO;KACP;IAED,SAAG,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;IAChC,SAAG,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACtB,CAAC,CAAC;AAdW,QAAA,UAAU,cAcrB"}