@remotion/bundler 3.0.0-lambda.279 → 3.0.0-lambda.310

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 (141) hide show
  1. package/dist/dev-middleware/range-parser.d.ts +1 -1
  2. package/dist/error-overlay/entry-basic.js +13 -13
  3. package/dist/error-overlay/entry-basic.js.map +1 -1
  4. package/dist/error-overlay/react-overlay/effects/format-warning.d.ts +1 -2
  5. package/dist/error-overlay/react-overlay/effects/format-warning.d.ts.map +1 -1
  6. package/dist/error-overlay/react-overlay/effects/format-warning.js +3 -3
  7. package/dist/error-overlay/react-overlay/effects/format-warning.js.map +1 -1
  8. package/dist/error-overlay/react-overlay/effects/map-error-to-react-stack.d.ts +8 -0
  9. package/dist/error-overlay/react-overlay/effects/map-error-to-react-stack.d.ts.map +1 -0
  10. package/dist/error-overlay/react-overlay/effects/map-error-to-react-stack.js +47 -0
  11. package/dist/error-overlay/react-overlay/effects/map-error-to-react-stack.js.map +1 -0
  12. package/dist/error-overlay/react-overlay/effects/proxy-console.d.ts +10 -3
  13. package/dist/error-overlay/react-overlay/effects/proxy-console.d.ts.map +1 -1
  14. package/dist/error-overlay/react-overlay/effects/proxy-console.js +11 -1
  15. package/dist/error-overlay/react-overlay/effects/proxy-console.js.map +1 -1
  16. package/dist/error-overlay/react-overlay/effects/resolve-file-source.d.ts +4 -0
  17. package/dist/error-overlay/react-overlay/effects/resolve-file-source.d.ts.map +1 -0
  18. package/dist/error-overlay/react-overlay/effects/resolve-file-source.js +32 -0
  19. package/dist/error-overlay/react-overlay/effects/resolve-file-source.js.map +1 -0
  20. package/dist/error-overlay/react-overlay/index.d.ts +2 -7
  21. package/dist/error-overlay/react-overlay/index.d.ts.map +1 -1
  22. package/dist/error-overlay/react-overlay/index.js +10 -33
  23. package/dist/error-overlay/react-overlay/index.js.map +1 -1
  24. package/dist/error-overlay/react-overlay/listen-to-runtime-errors.d.ts +4 -7
  25. package/dist/error-overlay/react-overlay/listen-to-runtime-errors.d.ts.map +1 -1
  26. package/dist/error-overlay/react-overlay/listen-to-runtime-errors.js +41 -33
  27. package/dist/error-overlay/react-overlay/listen-to-runtime-errors.js.map +1 -1
  28. package/dist/error-overlay/react-overlay/utils/get-file-source.d.ts +2 -0
  29. package/dist/error-overlay/react-overlay/utils/get-file-source.d.ts.map +1 -0
  30. package/dist/error-overlay/react-overlay/utils/get-file-source.js +22 -0
  31. package/dist/error-overlay/react-overlay/utils/get-file-source.js.map +1 -0
  32. package/dist/error-overlay/react-overlay/utils/get-lines-around.d.ts +1 -1
  33. package/dist/error-overlay/react-overlay/utils/get-lines-around.d.ts.map +1 -1
  34. package/dist/error-overlay/react-overlay/utils/get-lines-around.js +5 -11
  35. package/dist/error-overlay/react-overlay/utils/get-lines-around.js.map +1 -1
  36. package/dist/error-overlay/react-overlay/utils/get-source-map.d.ts +1 -18
  37. package/dist/error-overlay/react-overlay/utils/get-source-map.d.ts.map +1 -1
  38. package/dist/error-overlay/react-overlay/utils/get-source-map.js +3 -30
  39. package/dist/error-overlay/react-overlay/utils/get-source-map.js.map +1 -1
  40. package/dist/error-overlay/react-overlay/utils/get-stack-frames.d.ts +2 -6
  41. package/dist/error-overlay/react-overlay/utils/get-stack-frames.d.ts.map +1 -1
  42. package/dist/error-overlay/react-overlay/utils/get-stack-frames.js +11 -21
  43. package/dist/error-overlay/react-overlay/utils/get-stack-frames.js.map +1 -1
  44. package/dist/error-overlay/react-overlay/utils/open-in-editor.d.ts +0 -2
  45. package/dist/error-overlay/react-overlay/utils/open-in-editor.d.ts.map +1 -1
  46. package/dist/error-overlay/react-overlay/utils/open-in-editor.js +2 -4
  47. package/dist/error-overlay/react-overlay/utils/open-in-editor.js.map +1 -1
  48. package/dist/error-overlay/react-overlay/utils/parser.d.ts +2 -14
  49. package/dist/error-overlay/react-overlay/utils/parser.d.ts.map +1 -1
  50. package/dist/error-overlay/react-overlay/utils/parser.js +47 -14
  51. package/dist/error-overlay/react-overlay/utils/parser.js.map +1 -1
  52. package/dist/error-overlay/react-overlay/utils/stack-frame.d.ts +27 -32
  53. package/dist/error-overlay/react-overlay/utils/stack-frame.d.ts.map +1 -1
  54. package/dist/error-overlay/react-overlay/utils/stack-frame.js +21 -74
  55. package/dist/error-overlay/react-overlay/utils/stack-frame.js.map +1 -1
  56. package/dist/error-overlay/react-overlay/utils/unmapper.d.ts +2 -13
  57. package/dist/error-overlay/react-overlay/utils/unmapper.d.ts.map +1 -1
  58. package/dist/error-overlay/react-overlay/utils/unmapper.js +34 -72
  59. package/dist/error-overlay/react-overlay/utils/unmapper.js.map +1 -1
  60. package/dist/error-overlay/remotion-overlay/ErrorDisplay.d.ts.map +1 -1
  61. package/dist/error-overlay/remotion-overlay/ErrorDisplay.js +19 -35
  62. package/dist/error-overlay/remotion-overlay/ErrorDisplay.js.map +1 -1
  63. package/dist/error-overlay/remotion-overlay/ErrorLoader.d.ts +5 -0
  64. package/dist/error-overlay/remotion-overlay/ErrorLoader.d.ts.map +1 -0
  65. package/dist/error-overlay/remotion-overlay/ErrorLoader.js +62 -0
  66. package/dist/error-overlay/remotion-overlay/ErrorLoader.js.map +1 -0
  67. package/dist/error-overlay/remotion-overlay/ErrorTitle.d.ts +7 -0
  68. package/dist/error-overlay/remotion-overlay/ErrorTitle.d.ts.map +1 -0
  69. package/dist/error-overlay/remotion-overlay/ErrorTitle.js +42 -0
  70. package/dist/error-overlay/remotion-overlay/ErrorTitle.js.map +1 -0
  71. package/dist/error-overlay/remotion-overlay/OpenInEditor.d.ts +2 -2
  72. package/dist/error-overlay/remotion-overlay/OpenInEditor.d.ts.map +1 -1
  73. package/dist/error-overlay/remotion-overlay/Overlay.d.ts +2 -4
  74. package/dist/error-overlay/remotion-overlay/Overlay.d.ts.map +1 -1
  75. package/dist/error-overlay/remotion-overlay/Overlay.js +24 -9
  76. package/dist/error-overlay/remotion-overlay/Overlay.js.map +1 -1
  77. package/dist/error-overlay/remotion-overlay/StackFrame.d.ts +3 -2
  78. package/dist/error-overlay/remotion-overlay/StackFrame.d.ts.map +1 -1
  79. package/dist/error-overlay/remotion-overlay/StackFrame.js +5 -3
  80. package/dist/error-overlay/remotion-overlay/StackFrame.js.map +1 -1
  81. package/dist/error-overlay/remotion-overlay/Symbolicating.d.ts +3 -0
  82. package/dist/error-overlay/remotion-overlay/Symbolicating.d.ts.map +1 -0
  83. package/dist/error-overlay/remotion-overlay/Symbolicating.js +9 -0
  84. package/dist/error-overlay/remotion-overlay/Symbolicating.js.map +1 -0
  85. package/dist/get-latest-remotion-version.d.ts +2 -0
  86. package/dist/get-latest-remotion-version.d.ts.map +1 -0
  87. package/dist/get-latest-remotion-version.js +32 -0
  88. package/dist/get-latest-remotion-version.js.map +1 -0
  89. package/dist/get-package-manager.d.ts +3 -0
  90. package/dist/get-package-manager.d.ts.map +1 -0
  91. package/dist/get-package-manager.js +41 -0
  92. package/dist/get-package-manager.js.map +1 -0
  93. package/dist/hot-middleware/process-update.d.ts.map +1 -1
  94. package/dist/hot-middleware/process-update.js +6 -4
  95. package/dist/hot-middleware/process-update.js.map +1 -1
  96. package/dist/hot-middleware/strip-ansi.d.ts +0 -5
  97. package/dist/hot-middleware/strip-ansi.d.ts.map +1 -1
  98. package/dist/hot-middleware/strip-ansi.js +2 -3
  99. package/dist/hot-middleware/strip-ansi.js.map +1 -1
  100. package/dist/index.d.ts +3 -0
  101. package/dist/index.d.ts.map +1 -1
  102. package/dist/index.js +4 -0
  103. package/dist/index.js.map +1 -1
  104. package/dist/setup-environment.js +1 -0
  105. package/dist/setup-environment.js.map +1 -1
  106. package/dist/start-server.d.ts.map +1 -1
  107. package/dist/start-server.js +20 -3
  108. package/dist/start-server.js.map +1 -1
  109. package/dist/test/expect-to-throw.d.ts +2 -0
  110. package/dist/test/expect-to-throw.d.ts.map +1 -0
  111. package/dist/test/expect-to-throw.js +15 -0
  112. package/dist/test/expect-to-throw.js.map +1 -0
  113. package/dist/test/latest-remotion-version.d.ts +2 -0
  114. package/dist/test/latest-remotion-version.d.ts.map +1 -0
  115. package/dist/test/latest-remotion-version.js +7 -0
  116. package/dist/test/latest-remotion-version.js.map +1 -0
  117. package/dist/test/latest-remotion-version.test.d.ts +2 -0
  118. package/dist/test/latest-remotion-version.test.d.ts.map +1 -0
  119. package/dist/test/latest-remotion-version.test.js +7 -0
  120. package/dist/test/latest-remotion-version.test.js.map +1 -0
  121. package/dist/test/parse-error-stack.test.d.ts +2 -0
  122. package/dist/test/parse-error-stack.test.d.ts.map +1 -0
  123. package/dist/test/parse-error-stack.test.js +18 -0
  124. package/dist/test/parse-error-stack.test.js.map +1 -0
  125. package/dist/test/parse-module-not-found.test.d.ts +2 -0
  126. package/dist/test/parse-module-not-found.test.d.ts.map +1 -0
  127. package/dist/test/parse-module-not-found.test.js +18 -0
  128. package/dist/test/parse-module-not-found.test.js.map +1 -0
  129. package/dist/test/secure-source-read.test.d.ts +2 -0
  130. package/dist/test/secure-source-read.test.d.ts.map +1 -0
  131. package/dist/test/secure-source-read.test.js +9 -0
  132. package/dist/test/secure-source-read.test.js.map +1 -0
  133. package/dist/update-available.d.ts +2 -2
  134. package/dist/update-available.d.ts.map +1 -1
  135. package/dist/update-available.js +5 -11
  136. package/dist/update-available.js.map +1 -1
  137. package/dist/webpack-cache.d.ts +0 -1
  138. package/dist/webpack-cache.d.ts.map +1 -1
  139. package/dist/webpack-cache.js +2 -3
  140. package/dist/webpack-cache.js.map +1 -1
  141. package/package.json +6 -5
@@ -12,83 +12,45 @@ exports.unmap = void 0;
12
12
  * This source code is licensed under the MIT license found in the
13
13
  * LICENSE file in the root directory of this source tree.
14
14
  */
15
+ const remotion_1 = require("remotion");
15
16
  const get_lines_around_1 = require("./get-lines-around");
16
17
  const get_source_map_1 = require("./get-source-map");
17
- const path_1 = require("./path");
18
- const stack_frame_1 = require("./stack-frame");
19
- function count(search, string) {
20
- // Count starts at -1 because a do-while loop always runs at least once
21
- let _count = -1;
22
- let index = -1;
23
- do {
24
- // First call or the while case evaluated true, meaning we have to make
25
- // count 0 or we found a character
26
- ++_count;
27
- // Find the index of our search string, starting after the previous index
28
- index = string.indexOf(search, index + 1);
29
- } while (index !== -1);
30
- return _count;
31
- }
32
- /**
33
- * Turns a set of mapped <code>StackFrame</code>s back into their generated code position and enhances them with code.
34
- * @param {string} fileUri The URI of the <code>bundle.js</code> file.
35
- * @param {StackFrame[]} frames A set of <code>StackFrame</code>s which are already mapped and missing their generated positions.
36
- * @param {number} [fileContents=3] The number of lines to provide before and after the line specified in the <code>StackFrame</code>.
37
- */
38
- async function unmap(_fileUri, frames, contextLines = 3) {
39
- let fileContents = typeof _fileUri === 'object' ? _fileUri.contents : null;
40
- const fileUri = typeof _fileUri === 'object' ? _fileUri.uri : _fileUri;
41
- if (fileContents == null) {
42
- fileContents = await fetch(fileUri).then((res) => res.text());
18
+ const getFileContents = async (fileName) => {
19
+ const res = await fetch(fileName);
20
+ const fileContents = await res.text();
21
+ return fileContents;
22
+ };
23
+ const unmap = async (frames, contextLines) => {
24
+ const transpiled = frames
25
+ .filter((s) => s.type === 'transpiled')
26
+ .map((s) => s.frame);
27
+ const uniqueFileNames = [
28
+ ...new Set(transpiled.map((f) => f.fileName).filter(remotion_1.Internals.truthy)),
29
+ ];
30
+ const maps = await Promise.all(uniqueFileNames.map(async (fileName) => {
31
+ const fileContents = await getFileContents(fileName);
32
+ return (0, get_source_map_1.getSourceMap)(fileName, fileContents);
33
+ }));
34
+ const mapValues = {};
35
+ for (let i = 0; i < uniqueFileNames.length; i++) {
36
+ mapValues[uniqueFileNames[i]] = maps[i];
43
37
  }
44
- const map = await (0, get_source_map_1.getSourceMap)(fileUri, fileContents);
45
38
  return frames.map((frame) => {
46
- const { functionName, lineNumber, columnNumber, _originalLineNumber } = frame;
47
- if (_originalLineNumber != null) {
48
- return frame;
49
- }
50
- let { fileName } = frame;
51
- if (fileName) {
52
- // The web version of this module only provides POSIX support, so Windows
53
- // paths like C:\foo\\baz\..\\bar\ cannot be normalized.
54
- // A simple solution to this is to replace all `\` with `/`, then
55
- // normalize afterwards.
56
- fileName = (0, path_1.pathNormalize)(fileName.replace(/[\\]+/g, '/'));
57
- }
58
- if (fileName == null) {
59
- return frame;
60
- }
61
- const fN = fileName;
62
- const source = map
63
- .getSources()
64
- // Prepare path for normalization; see comment above for reasoning.
65
- .map((s) => s.replace(/[\\]+/g, '/'))
66
- .filter((p) => {
67
- p = (0, path_1.pathNormalize)(p);
68
- const i = p.lastIndexOf(fN);
69
- return i !== -1 && i === p.length - fN.length;
70
- })
71
- .map((p) => ({
72
- token: p,
73
- seps: count('/', (0, path_1.pathNormalize)(p)),
74
- penalties: count('node_modules', p) + count('~', p),
75
- }))
76
- .sort((a, b) => {
77
- const s = Math.sign(a.seps - b.seps);
78
- if (s !== 0) {
79
- return s;
80
- }
81
- return Math.sign(a.penalties - b.penalties);
82
- });
83
- if (source.length < 1 || lineNumber == null) {
84
- return new stack_frame_1.StackFrame(null, null, null, null, null, functionName, fN, lineNumber, columnNumber, null);
39
+ if (frame.type === 'symbolicated') {
40
+ return frame.frame;
85
41
  }
86
- const sourceT = source[0].token;
87
- const { line, column } = map.getGeneratedPosition(sourceT, lineNumber, columnNumber);
88
- const originalSource = map.getSource(sourceT);
89
- return new stack_frame_1.StackFrame(functionName, fileUri, line, column || null, (0, get_lines_around_1.getLinesAround)(line, contextLines, fileContents || []), functionName, fN, lineNumber, columnNumber, (0, get_lines_around_1.getLinesAround)(lineNumber, contextLines, originalSource));
42
+ const map = mapValues[frame.frame.fileName];
43
+ const pos = map.getOriginalPosition(frame.frame.lineNumber, frame.frame.columnNumber);
44
+ const { functionName } = frame.frame;
45
+ const scriptCode = (0, get_lines_around_1.getLinesAround)(pos.line, contextLines, map.getSource(pos.source).split('\n'));
46
+ return {
47
+ originalColumnNumber: pos.column,
48
+ originalFileName: pos.source,
49
+ originalFunctionName: functionName,
50
+ originalLineNumber: pos.line,
51
+ originalScriptCode: scriptCode,
52
+ };
90
53
  });
91
- }
54
+ };
92
55
  exports.unmap = unmap;
93
- exports.default = unmap;
94
56
  //# sourceMappingURL=unmapper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"unmapper.js","sourceRoot":"","sources":["../../../../src/error-overlay/react-overlay/utils/unmapper.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"unmapper.js","sourceRoot":"","sources":["../../../../src/error-overlay/react-overlay/utils/unmapper.ts"],"names":[],"mappings":";AAAA;;EAEE;;;AAEF,2BAA2B;AAC3B,+BAA+B;AAC/B;;;;;GAKG;AAEH,uCAAmC;AACnC,yDAAkD;AAClD,qDAAyD;AAOzD,MAAM,eAAe,GAAG,KAAK,EAAE,QAAgB,EAAE,EAAE;IAClD,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,QAAkB,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;IAEtC,OAAO,YAAY,CAAC;AACrB,CAAC,CAAC;AAEK,MAAM,KAAK,GAAG,KAAK,EACzB,MAAwB,EACxB,YAAoB,EACgB,EAAE;IACtC,MAAM,UAAU,GAAG,MAAM;SACvB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC;SACtC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAiB,CAAC;IACtC,MAAM,eAAe,GAAG;QACvB,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,oBAAS,CAAC,MAAM,CAAC,CAAC;KACtE,CAAC;IACF,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,GAAG,CAC7B,eAAe,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;QACtC,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC,QAAQ,CAAC,CAAC;QACrD,OAAO,IAAA,6BAAY,EAAC,QAAkB,EAAE,YAAsB,CAAC,CAAC;IACjE,CAAC,CAAC,CACF,CAAC;IACF,MAAM,SAAS,GAA8B,EAAE,CAAC;IAChD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAChD,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;KACxC;IAED,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAA0B,EAAE;QACnD,IAAI,KAAK,CAAC,IAAI,KAAK,cAAc,EAAE;YAClC,OAAO,KAAK,CAAC,KAAK,CAAC;SACnB;QAED,MAAM,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,QAAkB,CAAC,CAAC;QACtD,MAAM,GAAG,GAAG,GAAG,CAAC,mBAAmB,CAClC,KAAK,CAAC,KAAK,CAAC,UAAoB,EAChC,KAAK,CAAC,KAAK,CAAC,YAAsB,CAClC,CAAC;QAEF,MAAM,EAAC,YAAY,EAAC,GAAG,KAAK,CAAC,KAAK,CAAC;QACnC,MAAM,UAAU,GAAG,IAAA,iCAAc,EAChC,GAAG,CAAC,IAAI,EACR,YAAY,EACZ,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CACrC,CAAC;QAEF,OAAO;YACN,oBAAoB,EAAE,GAAG,CAAC,MAAM;YAChC,gBAAgB,EAAE,GAAG,CAAC,MAAM;YAC5B,oBAAoB,EAAE,YAAY;YAClC,kBAAkB,EAAE,GAAG,CAAC,IAAI;YAC5B,kBAAkB,EAAE,UAAU;SAC9B,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,KAAK,SA+ChB"}
@@ -1 +1 @@
1
- {"version":3,"file":"ErrorDisplay.d.ts","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/ErrorDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,WAAW,EAAC,MAAM,2CAA2C,CAAC;AAoDtE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,OAAO,EAAE,WAAW,CAAC;CACrB,CA2CA,CAAC"}
1
+ {"version":3,"file":"ErrorDisplay.d.ts","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/ErrorDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,WAAW,EAAC,MAAM,2CAA2C,CAAC;AAmBtE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,OAAO,EAAE,WAAW,CAAC;CACrB,CAwDA,CAAC"}
@@ -2,34 +2,13 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.ErrorDisplay = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
5
6
  const AskOnDiscord_1 = require("./AskOnDiscord");
6
7
  const OpenInEditor_1 = require("./OpenInEditor");
7
8
  const SearchGitHubIssues_1 = require("./SearchGitHubIssues");
8
9
  const StackFrame_1 = require("./StackFrame");
9
- const DismissButton_1 = require("./DismissButton");
10
- const container = {
11
- width: '100%',
12
- maxWidth: 1000,
13
- paddingLeft: 14,
14
- paddingRight: 14,
15
- marginLeft: 'auto',
16
- marginRight: 'auto',
17
- fontFamily: 'SF Pro Text, sans-serif',
18
- paddingTop: '5vh',
19
- };
20
- const title = {
21
- marginBottom: 8,
22
- display: 'flex',
23
- flexDirection: 'row',
24
- justifyContent: 'center',
25
- };
26
- const errName = {
27
- fontSize: '0.8em',
28
- background: 'linear-gradient(90deg,#4290f5,#42e9f5)',
29
- WebkitBackgroundClip: 'text',
30
- WebkitTextFillColor: 'transparent',
31
- display: 'inline-block',
32
- };
10
+ const map_error_to_react_stack_1 = require("../react-overlay/effects/map-error-to-react-stack");
11
+ const ErrorTitle_1 = require("./ErrorTitle");
33
12
  const stack = {
34
13
  marginTop: 17,
35
14
  overflowX: 'scroll',
@@ -39,24 +18,29 @@ const spacer = {
39
18
  width: 5,
40
19
  display: 'inline-block',
41
20
  };
42
- const left = {
43
- flex: 1,
44
- paddingRight: 14,
45
- lineHeight: 1.5,
46
- fontSize: '1.5em',
47
- fontWeight: 'bold',
48
- };
49
21
  const ErrorDisplay = ({ display }) => {
50
22
  const highestLineNumber = Math.max(...display.stackFrames
51
- .map((s) => s._originalScriptCode)
23
+ .map((s) => s.originalScriptCode)
52
24
  .flat(1)
53
25
  .map((s) => { var _a; return (_a = s === null || s === void 0 ? void 0 : s.lineNumber) !== null && _a !== void 0 ? _a : 0; }));
26
+ const message = (0, react_1.useMemo)(() => {
27
+ // Format compilation errors
28
+ const location = (0, map_error_to_react_stack_1.getLocationFromBuildError)(display.error);
29
+ if (!location) {
30
+ return display.error.message;
31
+ }
32
+ return location.message
33
+ .replace(/\\n/g, '\n')
34
+ .replace(/\\t/g, ' ')
35
+ .replace(/^error:/, '')
36
+ .trim();
37
+ }, [display.error]);
54
38
  const lineNumberWidth = String(highestLineNumber).length;
55
- return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: title }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: left }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ style: errName }, { children: display.error.name }), void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), display.error.message] }), void 0), (0, jsx_runtime_1.jsx)(DismissButton_1.DismissButton, {}, void 0)] }), void 0), display.stackFrames.length > 0 && window.remotion_editorName ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OpenInEditor_1.OpenInEditor, { stack: display.stackFrames[0] }, void 0), (0, jsx_runtime_1.jsx)("div", { style: spacer }, void 0)] }, void 0)) : null, (0, jsx_runtime_1.jsx)(SearchGitHubIssues_1.SearchGithubIssues, { message: display.error.message }, void 0), (0, jsx_runtime_1.jsx)("div", { style: spacer }, void 0), (0, jsx_runtime_1.jsx)(AskOnDiscord_1.AskOnDiscord, {}, void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: stack }, { children: display.stackFrames.map((s, i) => {
39
+ return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(ErrorTitle_1.ErrorTitle, { symbolicating: false, name: display.error.name, message: message }, void 0), display.stackFrames.length > 0 && window.remotion_editorName ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OpenInEditor_1.OpenInEditor, { stack: display.stackFrames[0] }, void 0), (0, jsx_runtime_1.jsx)("div", { style: spacer }, void 0)] }, void 0)) : null, (0, jsx_runtime_1.jsx)(SearchGitHubIssues_1.SearchGithubIssues, { message: display.error.message }, void 0), (0, jsx_runtime_1.jsx)("div", { style: spacer }, void 0), (0, jsx_runtime_1.jsx)(AskOnDiscord_1.AskOnDiscord, {}, void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: stack }, { children: display.stackFrames.map((s, i) => {
56
40
  return ((0, jsx_runtime_1.jsx)(StackFrame_1.StackElement
57
41
  // eslint-disable-next-line react/no-array-index-key
58
- , { isFirst: i === 0, s: s, lineNumberWidth: lineNumberWidth }, i));
59
- }) }), void 0)] }), void 0));
42
+ , { isFirst: i === 0, s: s, lineNumberWidth: lineNumberWidth, defaultFunctionName: '(anonymous function)' }, i));
43
+ }) }), void 0)] }, void 0));
60
44
  };
61
45
  exports.ErrorDisplay = ErrorDisplay;
62
46
  //# sourceMappingURL=ErrorDisplay.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ErrorDisplay.js","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/ErrorDisplay.tsx"],"names":[],"mappings":";;;;AAEA,iDAA4C;AAC5C,iDAA4C;AAC5C,6DAAwD;AACxD,6CAA0C;AAC1C,mDAA8C;AAE9C,MAAM,SAAS,GAAwB;IACtC,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,EAAE;IAChB,UAAU,EAAE,MAAM;IAClB,WAAW,EAAE,MAAM;IACnB,UAAU,EAAE,yBAAyB;IACrC,UAAU,EAAE,KAAK;CACjB,CAAC;AAEF,MAAM,KAAK,GAAwB;IAClC,YAAY,EAAE,CAAC;IACf,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,QAAQ;CACxB,CAAC;AAEF,MAAM,OAAO,GAAwB;IACpC,QAAQ,EAAE,OAAO;IACjB,UAAU,EAAE,wCAAwC;IACpD,oBAAoB,EAAE,MAAM;IAC5B,mBAAmB,EAAE,aAAa;IAClC,OAAO,EAAE,cAAc;CACvB,CAAC;AAEF,MAAM,KAAK,GAAwB;IAClC,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,QAAQ;IACnB,YAAY,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,MAAM,GAAwB;IACnC,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,cAAc;CACvB,CAAC;AAEF,MAAM,IAAI,GAAwB;IACjC,IAAI,EAAE,CAAC;IACP,YAAY,EAAE,EAAE;IAChB,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,OAAO;IACjB,UAAU,EAAE,MAAM;CAClB,CAAC;AAEK,MAAM,YAAY,GAEpB,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE;IAClB,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CACjC,GAAG,OAAO,CAAC,WAAW;SACpB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC;SACjC,IAAI,CAAC,CAAC,CAAC;SACP,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,UAAU,mCAAI,CAAC,CAAA,EAAA,CAAC,CAChC,CAAC;IACF,MAAM,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;IAEzD,OAAO,CACN,+CAAK,KAAK,EAAE,SAAS,iBACpB,+CAAK,KAAK,EAAE,KAAK,iBAChB,+CAAK,KAAK,EAAE,IAAI,iBACf,+CAAM,KAAK,EAAE,OAAO,gBAAG,OAAO,CAAC,KAAK,CAAC,IAAI,YAAQ,EACjD,wCAAM,EACL,OAAO,CAAC,KAAK,CAAC,OAAO,aACjB,EACN,uBAAC,6BAAa,aAAG,aACZ,EACL,OAAO,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAC/D,6DACC,uBAAC,2BAAY,IAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,WAAI,EAC/C,gCAAK,KAAK,EAAE,MAAM,WAAI,YACpB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,uCAAkB,IAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,WAAI,EACtD,gCAAK,KAAK,EAAE,MAAM,WAAI,EACtB,uBAAC,2BAAY,aAAG,EAChB,8CAAK,KAAK,EAAE,KAAK,gBACf,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACjC,OAAO,CACN,uBAAC,yBAAY;oBACZ,oDAAoD;wBAEpD,OAAO,EAAE,CAAC,KAAK,CAAC,EAChB,CAAC,EAAE,CAAC,EACJ,eAAe,EAAE,eAAe,IAH3B,CAAC,CAIL,CACF,CAAC;gBACH,CAAC,CAAC,YACG,aACD,CACN,CAAC;AACH,CAAC,CAAC;AA7CW,QAAA,YAAY,gBA6CvB"}
1
+ {"version":3,"file":"ErrorDisplay.js","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/ErrorDisplay.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AAErC,iDAA4C;AAC5C,iDAA4C;AAC5C,6DAAwD;AACxD,6CAA0C;AAC1C,gGAA4F;AAC5F,6CAAwC;AAExC,MAAM,KAAK,GAAwB;IAClC,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,QAAQ;IACnB,YAAY,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,MAAM,GAAwB;IACnC,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,cAAc;CACvB,CAAC;AAEK,MAAM,YAAY,GAEpB,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE;IAClB,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CACjC,GAAG,OAAO,CAAC,WAAW;SACpB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC;SAChC,IAAI,CAAC,CAAC,CAAC;SACP,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,UAAU,mCAAI,CAAC,CAAA,EAAA,CAAC,CAChC,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,4BAA4B;QAC5B,MAAM,QAAQ,GAAG,IAAA,oDAAyB,EAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC1D,IAAI,CAAC,QAAQ,EAAE;YACd,OAAO,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;SAC7B;QAED,OAAO,QAAQ,CAAC,OAAO;aACrB,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;aACrB,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;aACrB,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;aACtB,IAAI,EAAE,CAAC;IACV,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAEpB,MAAM,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;IAEzD,OAAO,CACN,4CACC,uBAAC,uBAAU,IACV,aAAa,EAAE,KAAK,EACpB,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,EACxB,OAAO,EAAE,OAAO,WACf,EACD,OAAO,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAC/D,6DACC,uBAAC,2BAAY,IAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,WAAI,EAC/C,gCAAK,KAAK,EAAE,MAAM,WAAI,YACpB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,uCAAkB,IAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,WAAI,EACtD,gCAAK,KAAK,EAAE,MAAM,WAAI,EACtB,uBAAC,2BAAY,aAAG,EAChB,8CAAK,KAAK,EAAE,KAAK,gBACf,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACjC,OAAO,CACN,uBAAC,yBAAY;oBACZ,oDAAoD;wBAEpD,OAAO,EAAE,CAAC,KAAK,CAAC,EAChB,CAAC,EAAE,CAAC,EACJ,eAAe,EAAE,eAAe,EAChC,mBAAmB,EAAE,sBAAsB,IAJtC,CAAC,CAKL,CACF,CAAC;gBACH,CAAC,CAAC,YACG,YACD,CACN,CAAC;AACH,CAAC,CAAC;AA1DW,QAAA,YAAY,gBA0DvB"}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export declare const ErrorLoader: React.FC<{
3
+ error: Error;
4
+ }>;
5
+ //# sourceMappingURL=ErrorLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorLoader.d.ts","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/ErrorLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAyCjD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,KAAK,EAAE,KAAK,CAAC;CACb,CAsEA,CAAC"}
@@ -0,0 +1,62 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ErrorLoader = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
6
+ const listen_to_runtime_errors_1 = require("../react-overlay/listen-to-runtime-errors");
7
+ const ErrorDisplay_1 = require("./ErrorDisplay");
8
+ const ErrorTitle_1 = require("./ErrorTitle");
9
+ const container = {
10
+ width: '100%',
11
+ maxWidth: 1000,
12
+ paddingLeft: 14,
13
+ paddingRight: 14,
14
+ marginLeft: 'auto',
15
+ marginRight: 'auto',
16
+ fontFamily: 'SF Pro Text, sans-serif',
17
+ paddingTop: '5vh',
18
+ };
19
+ const errorWhileErrorStyle = {
20
+ color: 'white',
21
+ lineHeight: 1.5,
22
+ whiteSpace: 'pre',
23
+ };
24
+ const ErrorLoader = ({ error }) => {
25
+ const [state, setState] = (0, react_1.useState)({
26
+ type: 'loading',
27
+ });
28
+ (0, react_1.useEffect)(() => {
29
+ (0, listen_to_runtime_errors_1.getErrorRecord)(error)
30
+ .then((record) => {
31
+ if (record) {
32
+ setState({
33
+ type: 'symbolicated',
34
+ record,
35
+ });
36
+ }
37
+ else {
38
+ setState({
39
+ type: 'no-record',
40
+ });
41
+ }
42
+ })
43
+ .catch((err) => {
44
+ setState({
45
+ err,
46
+ type: 'error',
47
+ });
48
+ });
49
+ }, [error]);
50
+ if (state.type === 'loading') {
51
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: container }, { children: (0, jsx_runtime_1.jsx)(ErrorTitle_1.ErrorTitle, { symbolicating: true, name: error.name, message: error.message }, void 0) }), void 0));
52
+ }
53
+ if (state.type === 'error') {
54
+ return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container }, { children: [(0, jsx_runtime_1.jsx)(ErrorTitle_1.ErrorTitle, { symbolicating: false, name: error.name, message: error.message }, void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: errorWhileErrorStyle }, { children: "Error while getting stack trace:" }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: errorWhileErrorStyle }, { children: state.err.stack }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: errorWhileErrorStyle }, { children: "Report this in the Remotion repo." }), void 0)] }), void 0));
55
+ }
56
+ if (state.type === 'no-record') {
57
+ return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container }, { children: [(0, jsx_runtime_1.jsx)(ErrorTitle_1.ErrorTitle, { symbolicating: false, name: error.name, message: error.message }, void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: errorWhileErrorStyle }, { children: "Could not get a stack trace." }), void 0)] }), void 0));
58
+ }
59
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: container }, { children: (0, jsx_runtime_1.jsx)(ErrorDisplay_1.ErrorDisplay, { display: state.record }, void 0) }), void 0));
60
+ };
61
+ exports.ErrorLoader = ErrorLoader;
62
+ //# sourceMappingURL=ErrorLoader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorLoader.js","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/ErrorLoader.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiD;AACjD,wFAGmD;AACnD,iDAA4C;AAC5C,6CAAwC;AAExC,MAAM,SAAS,GAAwB;IACtC,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,EAAE;IAChB,UAAU,EAAE,MAAM;IAClB,WAAW,EAAE,MAAM;IACnB,UAAU,EAAE,yBAAyB;IACrC,UAAU,EAAE,KAAK;CACjB,CAAC;AAEF,MAAM,oBAAoB,GAAwB;IACjD,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,KAAK;CACjB,CAAC;AAkBK,MAAM,WAAW,GAEnB,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IAChB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAQ;QACzC,IAAI,EAAE,SAAS;KACf,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAA,yCAAc,EAAC,KAAK,CAAC;aACnB,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YAChB,IAAI,MAAM,EAAE;gBACX,QAAQ,CAAC;oBACR,IAAI,EAAE,cAAc;oBACpB,MAAM;iBACN,CAAC,CAAC;aACH;iBAAM;gBACN,QAAQ,CAAC;oBACR,IAAI,EAAE,WAAW;iBACjB,CAAC,CAAC;aACH;QACF,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YACd,QAAQ,CAAC;gBACR,GAAG;gBACH,IAAI,EAAE,OAAO;aACb,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE;QAC7B,OAAO,CACN,8CAAK,KAAK,EAAE,SAAS,gBACpB,uBAAC,uBAAU,IAAC,aAAa,QAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,WAAI,YACjE,CACN,CAAC;KACF;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;QAC3B,OAAO,CACN,+CAAK,KAAK,EAAE,SAAS,iBACpB,uBAAC,uBAAU,IACV,aAAa,EAAE,KAAK,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,WACrB,EACF,8CAAK,KAAK,EAAE,oBAAoB,8DAAwC,EACxE,8CAAK,KAAK,EAAE,oBAAoB,gBAAG,KAAK,CAAC,GAAG,CAAC,KAAK,YAAO,EACzD,8CAAK,KAAK,EAAE,oBAAoB,+DAE1B,aACD,CACN,CAAC;KACF;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE;QAC/B,OAAO,CACN,+CAAK,KAAK,EAAE,SAAS,iBACpB,uBAAC,uBAAU,IACV,aAAa,EAAE,KAAK,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,WACrB,EACF,8CAAK,KAAK,EAAE,oBAAoB,0DAAoC,aAC/D,CACN,CAAC;KACF;IAED,OAAO,CACN,8CAAK,KAAK,EAAE,SAAS,gBACpB,uBAAC,2BAAY,IAAC,OAAO,EAAE,KAAK,CAAC,MAAM,WAAI,YAClC,CACN,CAAC;AACH,CAAC,CAAC;AAxEW,QAAA,WAAW,eAwEtB"}
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ export declare const ErrorTitle: React.FC<{
3
+ name: string;
4
+ message: string;
5
+ symbolicating: boolean;
6
+ }>;
7
+ //# sourceMappingURL=ErrorTitle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorTitle.d.ts","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/ErrorTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwC1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,OAAO,CAAC;CACvB,CAmBA,CAAC"}
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ErrorTitle = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_overlay_1 = require("../react-overlay");
6
+ const DismissButton_1 = require("./DismissButton");
7
+ const Symbolicating_1 = require("./Symbolicating");
8
+ const title = {
9
+ marginBottom: 8,
10
+ display: 'flex',
11
+ flexDirection: 'row',
12
+ justifyContent: 'center',
13
+ };
14
+ const left = {
15
+ flex: 1,
16
+ paddingRight: 14,
17
+ lineHeight: 1.5,
18
+ whiteSpace: 'pre',
19
+ fontSize: '1.5em',
20
+ fontWeight: 'bold',
21
+ overflowX: 'auto',
22
+ };
23
+ const errName = {
24
+ fontSize: '0.8em',
25
+ background: 'linear-gradient(90deg,#4290f5,#42e9f5)',
26
+ WebkitBackgroundClip: 'text',
27
+ WebkitTextFillColor: 'transparent',
28
+ display: 'inline-block',
29
+ };
30
+ const row = {
31
+ display: 'flex',
32
+ flexDirection: 'row',
33
+ alignItems: 'center',
34
+ };
35
+ const spacer = {
36
+ width: 5,
37
+ };
38
+ const ErrorTitle = ({ name, message, symbolicating }) => {
39
+ return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: title }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: left }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ style: errName }, { children: name }), void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: row }, { children: [symbolicating ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Symbolicating_1.Symbolicating, {}, void 0), (0, jsx_runtime_1.jsx)("div", { style: spacer }, void 0)] }, void 0)) : null, (0, jsx_runtime_1.jsx)("div", { children: message }, void 0)] }), void 0)] }), void 0), (0, react_overlay_1.shouldReload)() ? null : (0, jsx_runtime_1.jsx)(DismissButton_1.DismissButton, {}, void 0)] }), void 0));
40
+ };
41
+ exports.ErrorTitle = ErrorTitle;
42
+ //# sourceMappingURL=ErrorTitle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorTitle.js","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/ErrorTitle.tsx"],"names":[],"mappings":";;;;AACA,oDAA8C;AAC9C,mDAA8C;AAC9C,mDAA8C;AAE9C,MAAM,KAAK,GAAwB;IAClC,YAAY,EAAE,CAAC;IACf,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,QAAQ;CACxB,CAAC;AAEF,MAAM,IAAI,GAAwB;IACjC,IAAI,EAAE,CAAC;IACP,YAAY,EAAE,EAAE;IAChB,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,OAAO;IACjB,UAAU,EAAE,MAAM;IAClB,SAAS,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,OAAO,GAAwB;IACpC,QAAQ,EAAE,OAAO;IACjB,UAAU,EAAE,wCAAwC;IACpD,oBAAoB,EAAE,MAAM;IAC5B,mBAAmB,EAAE,aAAa;IAClC,OAAO,EAAE,cAAc;CACvB,CAAC;AAEF,MAAM,GAAG,GAAwB;IAChC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;CACpB,CAAC;AAEF,MAAM,MAAM,GAAwB;IACnC,KAAK,EAAE,CAAC;CACR,CAAC;AAEK,MAAM,UAAU,GAIlB,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,aAAa,EAAC,EAAE,EAAE;IACvC,OAAO,CACN,+CAAK,KAAK,EAAE,KAAK,iBAChB,+CAAK,KAAK,EAAE,IAAI,iBACf,+CAAM,KAAK,EAAE,OAAO,gBAAG,IAAI,YAAQ,EACnC,wCAAM,EACN,+CAAK,KAAK,EAAE,GAAG,iBACb,aAAa,CAAC,CAAC,CAAC,CAChB,6DACC,uBAAC,6BAAa,aAAG,EACjB,gCAAK,KAAK,EAAE,MAAM,WAAI,YACpB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,0CAAM,OAAO,WAAO,aACf,aACD,EACL,IAAA,4BAAY,GAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,6BAAa,aAAG,aACrC,CACN,CAAC;AACH,CAAC,CAAC;AAvBW,QAAA,UAAU,cAuBrB"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { StackFrame } from '../react-overlay/utils/stack-frame';
2
+ import { SymbolicatedStackFrame } from '../react-overlay/utils/stack-frame';
3
3
  export declare const OpenInEditor: React.FC<{
4
- stack: StackFrame;
4
+ stack: SymbolicatedStackFrame;
5
5
  }>;
6
6
  //# sourceMappingURL=OpenInEditor.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"OpenInEditor.d.ts","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/OpenInEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,UAAU,EAAC,MAAM,oCAAoC,CAAC;AA6D9D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,KAAK,EAAE,UAAU,CAAC;CAClB,CAkEA,CAAC"}
1
+ {"version":3,"file":"OpenInEditor.d.ts","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/OpenInEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,sBAAsB,EAAC,MAAM,oCAAoC,CAAC;AA6D1E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,KAAK,EAAE,sBAAsB,CAAC;CAC9B,CAkEA,CAAC"}
@@ -1,16 +1,14 @@
1
1
  import React from 'react';
2
- import { ErrorRecord } from '../react-overlay/listen-to-runtime-errors';
3
2
  declare type SetErrors = {
4
3
  setErrors: (errs: State) => void;
4
+ addError: (err: Error) => void;
5
5
  };
6
6
  export declare const setErrorsRef: React.RefObject<SetErrors>;
7
7
  declare type State = {
8
8
  type: 'clear';
9
- } | {
10
- type: 'symbolicating';
11
9
  } | {
12
10
  type: 'errors';
13
- errors: ErrorRecord[];
11
+ errors: Error[];
14
12
  };
15
13
  export declare const Overlay: React.FC;
16
14
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAC,WAAW,EAAC,MAAM,2CAA2C,CAAC;AAGtE,aAAK,SAAS,GAAG;IAChB,SAAS,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,YAAY,4BAAyB,CAAC;AAEnD,aAAK,KAAK,GACP;IACA,IAAI,EAAE,OAAO,CAAC;CACb,GACD;IACA,IAAI,EAAE,eAAe,CAAC;CACrB,GACD;IACA,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,WAAW,EAAE,CAAC;CACrB,CAAC;AAGL,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EA0C3B,CAAC"}
1
+ {"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAIf,aAAK,SAAS,GAAG;IAChB,SAAS,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,YAAY,4BAAyB,CAAC;AAEnD,aAAK,KAAK,GACP;IACA,IAAI,EAAE,OAAO,CAAC;CACb,GACD;IACA,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,KAAK,EAAE,CAAC;CACf,CAAC;AAOL,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAoD3B,CAAC"}
@@ -4,22 +4,37 @@ exports.Overlay = exports.setErrorsRef = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const react_1 = require("react");
6
6
  const remotion_1 = require("remotion");
7
- const ErrorDisplay_1 = require("./ErrorDisplay");
7
+ const ErrorLoader_1 = require("./ErrorLoader");
8
8
  exports.setErrorsRef = (0, react_1.createRef)();
9
+ const errorsAreTheSame = (first, second) => {
10
+ return first.stack === second.stack && first.message === second.message;
11
+ };
9
12
  const BACKGROUND_COLOR = '#1f2428';
10
13
  const Overlay = () => {
11
14
  const [errors, setErrors] = (0, react_1.useState)({ type: 'clear' });
12
- (0, react_1.useImperativeHandle)(exports.setErrorsRef, () => {
13
- return { setErrors };
15
+ const addError = (0, react_1.useCallback)((err) => {
16
+ setErrors((state) => {
17
+ if (state.type === 'errors') {
18
+ if (state.errors.some((e) => errorsAreTheSame(e, err))) {
19
+ return state;
20
+ }
21
+ return {
22
+ ...state,
23
+ errors: [...state.errors, err],
24
+ };
25
+ }
26
+ return {
27
+ type: 'errors',
28
+ errors: [err],
29
+ };
30
+ });
14
31
  }, []);
32
+ (0, react_1.useImperativeHandle)(exports.setErrorsRef, () => {
33
+ return { setErrors, addError };
34
+ }, [addError]);
15
35
  if (errors.type === 'clear') {
16
36
  return null;
17
37
  }
18
- if (errors.type === 'symbolicating') {
19
- return ((0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, { style: {
20
- backgroundColor: BACKGROUND_COLOR,
21
- } }, void 0));
22
- }
23
38
  if (errors.errors.length === 0) {
24
39
  return null;
25
40
  }
@@ -28,7 +43,7 @@ const Overlay = () => {
28
43
  overflow: 'auto',
29
44
  color: 'white',
30
45
  } }, { children: errors.errors.map((err) => {
31
- return (0, jsx_runtime_1.jsx)(ErrorDisplay_1.ErrorDisplay, { display: err }, err.error.stack);
46
+ return (0, jsx_runtime_1.jsx)(ErrorLoader_1.ErrorLoader, { error: err }, err.stack);
32
47
  }) }), void 0));
33
48
  };
34
49
  exports.Overlay = Overlay;
@@ -1 +1 @@
1
- {"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/Overlay.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsE;AACtE,uCAAsC;AAEtC,iDAA4C;AAM/B,QAAA,YAAY,GAAG,IAAA,iBAAS,GAAa,CAAC;AAcnD,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAC5B,MAAM,OAAO,GAAa,GAAG,EAAE;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAQ,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC,CAAC;IAE7D,IAAA,2BAAmB,EAClB,oBAAY,EACZ,GAAG,EAAE;QACJ,OAAO,EAAC,SAAS,EAAC,CAAC;IACpB,CAAC,EACD,EAAE,CACF,CAAC;IAEF,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE;QAC5B,OAAO,IAAI,CAAC;KACZ;IAED,IAAI,MAAM,CAAC,IAAI,KAAK,eAAe,EAAE;QACpC,OAAO,CACN,uBAAC,uBAAY,IACZ,KAAK,EAAE;gBACN,eAAe,EAAE,gBAAgB;aACjC,WACA,CACF,CAAC;KACF;IAED,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QAC/B,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,uBAAC,uBAAY,kBACZ,KAAK,EAAE;YACN,eAAe,EAAE,gBAAgB;YACjC,QAAQ,EAAE,MAAM;YAChB,KAAK,EAAE,OAAO;SACd,gBAEA,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAC1B,OAAO,uBAAC,2BAAY,IAAuB,OAAO,EAAE,GAAG,IAA7B,GAAG,CAAC,KAAK,CAAC,KAAK,CAAkB,CAAC;QAC7D,CAAC,CAAC,YACY,CACf,CAAC;AACH,CAAC,CAAC;AA1CW,QAAA,OAAO,WA0ClB"}
1
+ {"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/Overlay.tsx"],"names":[],"mappings":";;;;AAAA,iCAKe;AACf,uCAAsC;AACtC,+CAA0C;AAO7B,QAAA,YAAY,GAAG,IAAA,iBAAS,GAAa,CAAC;AAWnD,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,MAAa,EAAE,EAAE;IACxD,OAAO,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,CAAC,OAAO,CAAC;AACzE,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAC5B,MAAM,OAAO,GAAa,GAAG,EAAE;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAQ,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC,CAAC;IAE7D,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,GAAU,EAAE,EAAE;QAC3C,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;gBAC5B,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE;oBACvD,OAAO,KAAK,CAAC;iBACb;gBAED,OAAO;oBACN,GAAG,KAAK;oBACR,MAAM,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC;iBAC9B,CAAC;aACF;YAED,OAAO;gBACN,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,CAAC,GAAG,CAAC;aACb,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,2BAAmB,EAClB,oBAAY,EACZ,GAAG,EAAE;QACJ,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,CAAC;IAC9B,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE;QAC5B,OAAO,IAAI,CAAC;KACZ;IAED,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QAC/B,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,uBAAC,uBAAY,kBACZ,KAAK,EAAE;YACN,eAAe,EAAE,gBAAgB;YACjC,QAAQ,EAAE,MAAM;YAChB,KAAK,EAAE,OAAO;SACd,gBAEA,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAC1B,OAAO,uBAAC,yBAAW,IAAiB,KAAK,EAAE,GAAG,IAArB,GAAG,CAAC,KAAK,CAAgB,CAAC;QACpD,CAAC,CAAC,YACY,CACf,CAAC;AACH,CAAC,CAAC;AApDW,QAAA,OAAO,WAoDlB"}
@@ -1,8 +1,9 @@
1
1
  import React from 'react';
2
- import { StackFrame } from '../react-overlay/utils/stack-frame';
2
+ import { SymbolicatedStackFrame } from '../react-overlay/utils/stack-frame';
3
3
  export declare const StackElement: React.FC<{
4
- s: StackFrame;
4
+ s: SymbolicatedStackFrame;
5
5
  lineNumberWidth: number;
6
6
  isFirst: boolean;
7
+ defaultFunctionName: string;
7
8
  }>;
8
9
  //# sourceMappingURL=StackFrame.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"StackFrame.d.ts","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/StackFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,oCAAoC,CAAC;AAiC9D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,CAAC,EAAE,UAAU,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;CACjB,CAiCA,CAAC"}
1
+ {"version":3,"file":"StackFrame.d.ts","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/StackFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAC,sBAAsB,EAAC,MAAM,oCAAoC,CAAC;AAiC1E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,CAAC,EAAE,sBAAsB,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,mBAAmB,EAAE,MAAM,CAAC;CAC5B,CAuCA,CAAC"}
@@ -30,13 +30,15 @@ const fnName = {
30
30
  fontSize: 14,
31
31
  marginBottom: 3,
32
32
  };
33
- const StackElement = ({ s, lineNumberWidth, isFirst }) => {
33
+ const StackElement = ({ s, lineNumberWidth, isFirst, defaultFunctionName }) => {
34
34
  var _a;
35
- const [showCodeFrame, setShowCodeFrame] = (0, react_1.useState)(() => { var _a; return !((_a = s._originalFileName) === null || _a === void 0 ? void 0 : _a.includes('node_modules')) || isFirst; });
35
+ const [showCodeFrame, setShowCodeFrame] = (0, react_1.useState)(() => { var _a; return !((_a = s.originalFileName) === null || _a === void 0 ? void 0 : _a.includes('node_modules')) || isFirst; });
36
36
  const toggleCodeFrame = (0, react_1.useCallback)(() => {
37
37
  setShowCodeFrame((f) => !f);
38
38
  }, []);
39
- return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: header }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: left }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: fnName }, { children: (_a = s.functionName) !== null && _a !== void 0 ? _a : '(anonymous function)' }), void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: location }, { children: [(0, format_location_1.formatLocation)(s._originalFileName), ":", s._originalLineNumber] }), void 0)] }), void 0), s._originalScriptCode ? ((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ onClick: toggleCodeFrame }, { children: showCodeFrame ? (0, jsx_runtime_1.jsx)(carets_1.CaretDown, {}, void 0) : (0, jsx_runtime_1.jsx)(carets_1.CaretRight, {}, void 0) }), void 0)) : null] }), void 0), (0, jsx_runtime_1.jsx)("div", { children: s._originalScriptCode && showCodeFrame ? ((0, jsx_runtime_1.jsx)(CodeFrame_1.CodeFrame, { lineNumberWidth: lineNumberWidth, source: s._originalScriptCode }, void 0)) : null }, void 0)] }, void 0));
39
+ return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: header }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: left }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: fnName }, { children: (_a = s.originalFunctionName) !== null && _a !== void 0 ? _a : defaultFunctionName }), void 0), s.originalFileName ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: location }, { children: [(0, format_location_1.formatLocation)(s.originalFileName), ":", s.originalLineNumber] }), void 0)) : null] }), void 0), s.originalScriptCode && s.originalScriptCode.length > 0 ? ((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ onClick: toggleCodeFrame }, { children: showCodeFrame ? (0, jsx_runtime_1.jsx)(carets_1.CaretDown, {}, void 0) : (0, jsx_runtime_1.jsx)(carets_1.CaretRight, {}, void 0) }), void 0)) : null] }), void 0), (0, jsx_runtime_1.jsx)("div", { children: s.originalScriptCode &&
40
+ s.originalScriptCode.length > 0 &&
41
+ showCodeFrame ? ((0, jsx_runtime_1.jsx)(CodeFrame_1.CodeFrame, { lineNumberWidth: lineNumberWidth, source: s.originalScriptCode }, void 0)) : null }, void 0)] }, void 0));
40
42
  };
41
43
  exports.StackElement = StackElement;
42
44
  //# sourceMappingURL=StackFrame.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"StackFrame.js","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/StackFrame.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AAEnD,qCAAgC;AAChC,qCAA+C;AAC/C,2CAAsC;AACtC,uDAAiD;AAEjD,MAAM,QAAQ,GAAwB;IACrC,KAAK,EAAE,0BAA0B;IACjC,UAAU,EAAE,WAAW;CACvB,CAAC;AAEF,MAAM,MAAM,GAAwB;IACnC,WAAW,EAAE,EAAE;IACf,UAAU,EAAE,EAAE;IACd,aAAa,EAAE,EAAE;IACjB,YAAY,EAAE,EAAE;IAChB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,6BAA6B;IAC3C,eAAe,EAAE,OAAO;CACxB,CAAC;AAEF,MAAM,IAAI,GAAwB;IACjC,YAAY,EAAE,EAAE;IAChB,IAAI,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,MAAM,GAAwB;IACnC,QAAQ,EAAE,EAAE;IACZ,YAAY,EAAE,CAAC;CACf,CAAC;AAEK,MAAM,YAAY,GAIpB,CAAC,EAAC,CAAC,EAAE,eAAe,EAAE,OAAO,EAAC,EAAE,EAAE;;IACtC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EACjD,GAAG,EAAE,WAAC,OAAA,CAAC,CAAA,MAAA,CAAC,CAAC,iBAAiB,0CAAE,QAAQ,CAAC,cAAc,CAAC,CAAA,IAAI,OAAO,CAAA,EAAA,CAC/D,CAAC;IACF,MAAM,eAAe,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACxC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACN,4CACC,+CAAK,KAAK,EAAE,MAAM,iBACjB,+CAAK,KAAK,EAAE,IAAI,iBACf,8CAAK,KAAK,EAAE,MAAM,gBAAG,MAAA,CAAC,CAAC,YAAY,mCAAI,sBAAsB,YAAO,EACpE,+CAAK,KAAK,EAAE,QAAQ,iBAClB,IAAA,gCAAc,EAAC,CAAC,CAAC,iBAA2B,CAAC,OAC7C,CAAC,CAAC,mBAAmB,aACjB,aACD,EACL,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACxB,uBAAC,eAAM,kBAAC,OAAO,EAAE,eAAe,gBAC9B,aAAa,CAAC,CAAC,CAAC,uBAAC,kBAAS,aAAG,CAAC,CAAC,CAAC,uBAAC,mBAAU,aAAG,YACvC,CACT,CAAC,CAAC,CAAC,IAAI,aACH,EACN,0CACE,CAAC,CAAC,mBAAmB,IAAI,aAAa,CAAC,CAAC,CAAC,CACzC,uBAAC,qBAAS,IACT,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,CAAC,CAAC,mBAAmB,WAC5B,CACF,CAAC,CAAC,CAAC,IAAI,WACH,YACD,CACN,CAAC;AACH,CAAC,CAAC;AArCW,QAAA,YAAY,gBAqCvB"}
1
+ {"version":3,"file":"StackFrame.js","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/StackFrame.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AAEnD,qCAAgC;AAChC,qCAA+C;AAC/C,2CAAsC;AACtC,uDAAiD;AAEjD,MAAM,QAAQ,GAAwB;IACrC,KAAK,EAAE,0BAA0B;IACjC,UAAU,EAAE,WAAW;CACvB,CAAC;AAEF,MAAM,MAAM,GAAwB;IACnC,WAAW,EAAE,EAAE;IACf,UAAU,EAAE,EAAE;IACd,aAAa,EAAE,EAAE;IACjB,YAAY,EAAE,EAAE;IAChB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,6BAA6B;IAC3C,eAAe,EAAE,OAAO;CACxB,CAAC;AAEF,MAAM,IAAI,GAAwB;IACjC,YAAY,EAAE,EAAE;IAChB,IAAI,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,MAAM,GAAwB;IACnC,QAAQ,EAAE,EAAE;IACZ,YAAY,EAAE,CAAC;CACf,CAAC;AAEK,MAAM,YAAY,GAKpB,CAAC,EAAC,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,mBAAmB,EAAC,EAAE,EAAE;;IAC3D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EACjD,GAAG,EAAE,WAAC,OAAA,CAAC,CAAA,MAAA,CAAC,CAAC,gBAAgB,0CAAE,QAAQ,CAAC,cAAc,CAAC,CAAA,IAAI,OAAO,CAAA,EAAA,CAC9D,CAAC;IACF,MAAM,eAAe,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACxC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACN,4CACC,+CAAK,KAAK,EAAE,MAAM,iBACjB,+CAAK,KAAK,EAAE,IAAI,iBACf,8CAAK,KAAK,EAAE,MAAM,gBAChB,MAAA,CAAC,CAAC,oBAAoB,mCAAI,mBAAmB,YACzC,EACL,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACrB,+CAAK,KAAK,EAAE,QAAQ,iBAClB,IAAA,gCAAc,EAAC,CAAC,CAAC,gBAA0B,CAAC,OAC5C,CAAC,CAAC,kBAAkB,aAChB,CACN,CAAC,CAAC,CAAC,IAAI,aACH,EACL,CAAC,CAAC,kBAAkB,IAAI,CAAC,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1D,uBAAC,eAAM,kBAAC,OAAO,EAAE,eAAe,gBAC9B,aAAa,CAAC,CAAC,CAAC,uBAAC,kBAAS,aAAG,CAAC,CAAC,CAAC,uBAAC,mBAAU,aAAG,YACvC,CACT,CAAC,CAAC,CAAC,IAAI,aACH,EACN,0CACE,CAAC,CAAC,kBAAkB;oBACrB,CAAC,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC;oBAC/B,aAAa,CAAC,CAAC,CAAC,CACf,uBAAC,qBAAS,IACT,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,CAAC,CAAC,kBAAkB,WAC3B,CACF,CAAC,CAAC,CAAC,IAAI,WACH,YACD,CACN,CAAC;AACH,CAAC,CAAC;AA5CW,QAAA,YAAY,gBA4CvB"}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ export declare const Symbolicating: React.FC;
3
+ //# sourceMappingURL=Symbolicating.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Symbolicating.d.ts","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/Symbolicating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EA6FjC,CAAC"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Symbolicating = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const Symbolicating = (props) => {
6
+ return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ id: "loading", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: "16", height: "16", fill: "white" }, props, { children: [(0, jsx_runtime_1.jsx)("path", Object.assign({ opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(0 16 16)" }, { children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("path", Object.assign({ opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(45 16 16)" }, { children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.125s" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("path", Object.assign({ opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(90 16 16)" }, { children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.25s" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("path", Object.assign({ opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(135 16 16)" }, { children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.375s" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("path", Object.assign({ opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(180 16 16)" }, { children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.5s" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("path", Object.assign({ opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(225 16 16)" }, { children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.675s" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("path", Object.assign({ opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(270 16 16)" }, { children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.75s" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("path", Object.assign({ opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(315 16 16)" }, { children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.875s" }, void 0) }), void 0)] }), void 0));
7
+ };
8
+ exports.Symbolicating = Symbolicating;
9
+ //# sourceMappingURL=Symbolicating.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Symbolicating.js","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/Symbolicating.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,aAAa,GAAa,CAAC,KAAK,EAAE,EAAE;IAChD,OAAO,CACN,+CACC,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,OAAO,IACR,KAAK,eAET,+CAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,oBAAoB,EAAC,SAAS,EAAC,iBAAiB,gBACpE,oCACC,aAAa,EAAC,SAAS,EACvB,IAAI,EAAC,GAAG,EACR,EAAE,EAAC,IAAI,EACP,GAAG,EAAC,IAAI,EACR,WAAW,EAAC,YAAY,EACxB,KAAK,EAAC,GAAG,WACR,YACI,EACP,+CAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,oBAAoB,EAAC,SAAS,EAAC,kBAAkB,gBACrE,oCACC,aAAa,EAAC,SAAS,EACvB,IAAI,EAAC,GAAG,EACR,EAAE,EAAC,IAAI,EACP,GAAG,EAAC,IAAI,EACR,WAAW,EAAC,YAAY,EACxB,KAAK,EAAC,QAAQ,WACb,YACI,EACP,+CAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,oBAAoB,EAAC,SAAS,EAAC,kBAAkB,gBACrE,oCACC,aAAa,EAAC,SAAS,EACvB,IAAI,EAAC,GAAG,EACR,EAAE,EAAC,IAAI,EACP,GAAG,EAAC,IAAI,EACR,WAAW,EAAC,YAAY,EACxB,KAAK,EAAC,OAAO,WACZ,YACI,EACP,+CAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,oBAAoB,EAAC,SAAS,EAAC,mBAAmB,gBACtE,oCACC,aAAa,EAAC,SAAS,EACvB,IAAI,EAAC,GAAG,EACR,EAAE,EAAC,IAAI,EACP,GAAG,EAAC,IAAI,EACR,WAAW,EAAC,YAAY,EACxB,KAAK,EAAC,QAAQ,WACb,YACI,EACP,+CAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,oBAAoB,EAAC,SAAS,EAAC,mBAAmB,gBACtE,oCACC,aAAa,EAAC,SAAS,EACvB,IAAI,EAAC,GAAG,EACR,EAAE,EAAC,IAAI,EACP,GAAG,EAAC,IAAI,EACR,WAAW,EAAC,YAAY,EACxB,KAAK,EAAC,MAAM,WACX,YACI,EACP,+CAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,oBAAoB,EAAC,SAAS,EAAC,mBAAmB,gBACtE,oCACC,aAAa,EAAC,SAAS,EACvB,IAAI,EAAC,GAAG,EACR,EAAE,EAAC,IAAI,EACP,GAAG,EAAC,IAAI,EACR,WAAW,EAAC,YAAY,EACxB,KAAK,EAAC,QAAQ,WACb,YACI,EACP,+CAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,oBAAoB,EAAC,SAAS,EAAC,mBAAmB,gBACtE,oCACC,aAAa,EAAC,SAAS,EACvB,IAAI,EAAC,GAAG,EACR,EAAE,EAAC,IAAI,EACP,GAAG,EAAC,IAAI,EACR,WAAW,EAAC,YAAY,EACxB,KAAK,EAAC,OAAO,WACZ,YACI,EACP,+CAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,oBAAoB,EAAC,SAAS,EAAC,mBAAmB,gBACtE,oCACC,aAAa,EAAC,SAAS,EACvB,IAAI,EAAC,GAAG,EACR,EAAE,EAAC,IAAI,EACP,GAAG,EAAC,IAAI,EACR,WAAW,EAAC,YAAY,EACxB,KAAK,EAAC,QAAQ,WACb,YACI,aACF,CACN,CAAC;AACH,CAAC,CAAC;AA7FW,QAAA,aAAa,iBA6FxB"}
@@ -0,0 +1,2 @@
1
+ export declare const getLatestRemotionVersion: () => Promise<any>;
2
+ //# sourceMappingURL=get-latest-remotion-version.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-latest-remotion-version.d.ts","sourceRoot":"","sources":["../src/get-latest-remotion-version.ts"],"names":[],"mappings":"AA+BA,eAAO,MAAM,wBAAwB,oBAGpC,CAAC"}