@remotion/bundler 2.6.2 → 2.6.6

package/dist/error-overlay/react-overlay/utils/stack-frame.js

@@ -3,83 +3,30 @@
     Source code adapted from https://github.com/facebook/create-react-app/tree/main/packages/react-error-overlay and refactored in Typescript. This file is MIT-licensed.
 */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StackFrame = exports.ScriptLine = void 0;
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** A container holding a script line. */
-class ScriptLine {
-    constructor(lineNumber, content, highlight = false) {
-        this.lineNumber = lineNumber;
-        this.content = content;
-        this.highlight = highlight;
-    }
-}
-exports.ScriptLine = ScriptLine;
+exports.makeStackFrame = void 0;
 /**
  * A representation of a stack frame.
  */
-class StackFrame {
-    // eslint-disable-next-line max-params
-    constructor(functionName = null, fileName = null, lineNumber = null, columnNumber = null, scriptCode = null, sourceFunctionName = null, sourceFileName = null, sourceLineNumber = null, sourceColumnNumber = null, sourceScriptCode = null) {
-        if (functionName && functionName.indexOf('Object.') === 0) {
-            functionName = functionName.slice('Object.'.length);
-        }
-        if (
-        // Chrome has a bug with inferring function.name:
-        // https://github.com/facebook/create-react-app/issues/2097
-        // Let's ignore a meaningless name we get for top-level modules.
-        functionName === 'friendlySyntaxErrorLabel' ||
-            functionName === 'exports.__esModule' ||
-            functionName === '<anonymous>' ||
-            !functionName) {
-            functionName = null;
-        }
-        this.functionName = functionName;
-        this.fileName = fileName;
-        this.lineNumber = lineNumber;
-        this.columnNumber = columnNumber;
-        this._originalFunctionName = sourceFunctionName;
-        this._originalFileName = sourceFileName;
-        this._originalLineNumber = sourceLineNumber;
-        this._originalColumnNumber = sourceColumnNumber;
-        this._scriptCode = scriptCode;
-        this._originalScriptCode = sourceScriptCode;
-    }
-    /**
-     * Returns the name of this function.
-     */
-    getFunctionName() {
-        return this.functionName || '(anonymous function)';
-    }
-    /**
-     * Returns the source of the frame.
-     * This contains the file name, line number, and column number when available.
-     */
-    getSource() {
-        let str = '';
-        if (this.fileName !== null) {
-            str += this.fileName + ':';
-        }
-        if (this.lineNumber !== null) {
-            str += this.lineNumber + ':';
-        }
-        if (this.columnNumber !== null) {
-            str += this.columnNumber + ':';
-        }
-        return str.slice(0, -1);
+const makeStackFrame = ({ functionName, fileName, lineNumber, columnNumber, }) => {
+    if (functionName && functionName.indexOf('Object.') === 0) {
+        functionName = functionName.slice('Object.'.length);
     }
-    /**
-     * Returns a pretty version of this stack frame.
-     */
-    toString() {
-        const functionName = this.getFunctionName();
-        const source = this.getSource();
-        return `${functionName}${source ? ` (${source})` : ``}`;
+    if (
+    // Chrome has a bug with inferring function.name:
+    // https://github.com/facebook/create-react-app/issues/2097
+    // Let's ignore a meaningless name we get for top-level modules.
+    functionName === 'friendlySyntaxErrorLabel' ||
+        functionName === 'exports.__esModule' ||
+        functionName === '<anonymous>' ||
+        !functionName) {
+        functionName = null;
     }
-}
-exports.StackFrame = StackFrame;
+    return {
+        columnNumber,
+        fileName,
+        functionName,
+        lineNumber,
+    };
+};
+exports.makeStackFrame = makeStackFrame;
 //# sourceMappingURL=stack-frame.js.map

package/dist/error-overlay/react-overlay/utils/stack-frame.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack-frame.js","sourceRoot":"","sources":["../../../../src/error-overlay/react-overlay/utils/stack-frame.ts"],"names":[],"mappings":";AAAA;;EAEE;;;AAEF;;;;;GAKG;AAEH,yCAAyC;AACzC,MAAa,UAAU;IAQtB,YAAY,UAAkB,EAAE,OAAe,EAAE,SAAS,GAAG,KAAK;QACjE,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC5B,CAAC;CACD;AAbD,gCAaC;AAED;;GAEG;AACH,MAAa,UAAU;IActB,sCAAsC;IACtC,YACC,eAA8B,IAAI,EAClC,WAA0B,IAAI,EAC9B,aAA4B,IAAI,EAChC,eAA8B,IAAI,EAClC,aAAkC,IAAI,EACtC,qBAAoC,IAAI,EACxC,iBAAgC,IAAI,EACpC,mBAAkC,IAAI,EACtC,qBAAoC,IAAI,EACxC,mBAAwC,IAAI;QAE5C,IAAI,YAAY,IAAI,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;YAC1D,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;SACpD;QAED;QACC,iDAAiD;QACjD,2DAA2D;QAC3D,gEAAgE;QAChE,YAAY,KAAK,0BAA0B;YAC3C,YAAY,KAAK,oBAAoB;YACrC,YAAY,KAAK,aAAa;YAC9B,CAAC,YAAY,EACZ;YACD,YAAY,GAAG,IAAI,CAAC;SACpB;QAED,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QAEjC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QAEjC,IAAI,CAAC,qBAAqB,GAAG,kBAAkB,CAAC;QAChD,IAAI,CAAC,iBAAiB,GAAG,cAAc,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAG,gBAAgB,CAAC;QAC5C,IAAI,CAAC,qBAAqB,GAAG,kBAAkB,CAAC;QAEhD,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAC9B,IAAI,CAAC,mBAAmB,GAAG,gBAAgB,CAAC;IAC7C,CAAC;IAED;;OAEG;IACH,eAAe;QACd,OAAO,IAAI,CAAC,YAAY,IAAI,sBAAsB,CAAC;IACpD,CAAC;IAED;;;OAGG;IACH,SAAS;QACR,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;YAC3B,GAAG,IAAI,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;SAC3B;QAED,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;YAC7B,GAAG,IAAI,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC;SAC7B;QAED,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE;YAC/B,GAAG,IAAI,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;SAC/B;QAED,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC;IAED;;OAEG;IACH,QAAQ;QACP,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC5C,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAChC,OAAO,GAAG,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IACzD,CAAC;CACD;AA9FD,gCA8FC"}
+{"version":3,"file":"stack-frame.js","sourceRoot":"","sources":["../../../../src/error-overlay/react-overlay/utils/stack-frame.ts"],"names":[],"mappings":";AAAA;;EAEE;;;AAwCF;;GAEG;AAEI,MAAM,cAAc,GAAG,CAAC,EAC9B,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,YAAY,GAMZ,EAAc,EAAE;IAChB,IAAI,YAAY,IAAI,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;QAC1D,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;KACpD;IAED;IACC,iDAAiD;IACjD,2DAA2D;IAC3D,gEAAgE;IAChE,YAAY,KAAK,0BAA0B;QAC3C,YAAY,KAAK,oBAAoB;QACrC,YAAY,KAAK,aAAa;QAC9B,CAAC,YAAY,EACZ;QACD,YAAY,GAAG,IAAI,CAAC;KACpB;IAED,OAAO;QACN,YAAY;QACZ,QAAQ;QACR,YAAY;QACZ,UAAU;KACV,CAAC;AACH,CAAC,CAAC;AAjCW,QAAA,cAAc,kBAiCzB"}

package/dist/error-overlay/react-overlay/utils/unmapper.d.ts

@@ -1,14 +1,3 @@
-import { StackFrame } from './stack-frame';
-/**
- * Turns a set of mapped <code>StackFrame</code>s back into their generated code position and enhances them with code.
- * @param {string} fileUri The URI of the <code>bundle.js</code> file.
- * @param {StackFrame[]} frames A set of <code>StackFrame</code>s which are already mapped and missing their generated positions.
- * @param {number} [fileContents=3] The number of lines to provide before and after the line specified in the <code>StackFrame</code>.
- */
-declare function unmap(_fileUri: string | {
-    uri: string;
-    contents: string;
-}, frames: StackFrame[], contextLines?: number): Promise<StackFrame[]>;
-export { unmap };
-export default unmap;
+import { SomeStackFrame, SymbolicatedStackFrame } from './stack-frame';
+export declare const unmap: (frames: SomeStackFrame[], contextLines: number) => Promise<SymbolicatedStackFrame[]>;
 //# sourceMappingURL=unmapper.d.ts.map

package/dist/error-overlay/react-overlay/utils/unmapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unmapper.d.ts","sourceRoot":"","sources":["../../../../src/error-overlay/react-overlay/utils/unmapper.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAiBzC;;;;;GAKG;AACH,iBAAe,KAAK,CACnB,QAAQ,EAAE,MAAM,GAAG;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAC,EAClD,MAAM,EAAE,UAAU,EAAE,EACpB,YAAY,SAAI,GACd,OAAO,CAAC,UAAU,EAAE,CAAC,CAqFvB;AAED,OAAO,EAAC,KAAK,EAAC,CAAC;AACf,eAAe,KAAK,CAAC"}
+{"version":3,"file":"unmapper.d.ts","sourceRoot":"","sources":["../../../../src/error-overlay/react-overlay/utils/unmapper.ts"],"names":[],"mappings":"AAgBA,OAAO,EACN,cAAc,EAEd,sBAAsB,EACtB,MAAM,eAAe,CAAC;AASvB,eAAO,MAAM,KAAK,WACT,cAAc,EAAE,gBACV,MAAM,KAClB,QAAQ,sBAAsB,EAAE,CA2ClC,CAAC"}

package/dist/error-overlay/react-overlay/utils/unmapper.js

@@ -12,83 +12,48 @@ exports.unmap = void 0;
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+const remotion_1 = require("remotion");
 const get_lines_around_1 = require("./get-lines-around");
 const get_source_map_1 = require("./get-source-map");
-const path_1 = require("./path");
-const stack_frame_1 = require("./stack-frame");
-function count(search, string) {
-    // Count starts at -1 because a do-while loop always runs at least once
-    let _count = -1;
-    let index = -1;
-    do {
-        // First call or the while case evaluated true, meaning we have to make
-        // count 0 or we found a character
-        ++_count;
-        // Find the index of our search string, starting after the previous index
-        index = string.indexOf(search, index + 1);
-    } while (index !== -1);
-    return _count;
-}
-/**
- * Turns a set of mapped <code>StackFrame</code>s back into their generated code position and enhances them with code.
- * @param {string} fileUri The URI of the <code>bundle.js</code> file.
- * @param {StackFrame[]} frames A set of <code>StackFrame</code>s which are already mapped and missing their generated positions.
- * @param {number} [fileContents=3] The number of lines to provide before and after the line specified in the <code>StackFrame</code>.
- */
-async function unmap(_fileUri, frames, contextLines = 3) {
-    let fileContents = typeof _fileUri === 'object' ? _fileUri.contents : null;
-    const fileUri = typeof _fileUri === 'object' ? _fileUri.uri : _fileUri;
-    if (fileContents == null) {
-        fileContents = await fetch(fileUri).then((res) => res.text());
+const getFileContents = async (fileName) => {
+    const res = await fetch(fileName);
+    const fileContents = await res.text();
+    return fileContents;
+};
+const unmap = async (frames, contextLines) => {
+    const transpiled = frames
+        .filter((s) => s.type === 'transpiled')
+        .map((s) => s.frame);
+    const uniqueFileNames = [
+        ...new Set(transpiled.map((f) => f.fileName).filter(remotion_1.Internals.truthy)),
+    ];
+    const maps = await Promise.all(uniqueFileNames.map(async (fileName) => {
+        const fileContents = await getFileContents(fileName);
+        return (0, get_source_map_1.getSourceMap)(fileName, fileContents);
+    }));
+    const mapValues = {};
+    for (let i = 0; i < uniqueFileNames.length; i++) {
+        mapValues[uniqueFileNames[i]] = maps[i];
     }
-    const map = await (0, get_source_map_1.getSourceMap)(fileUri, fileContents);
     return frames.map((frame) => {
-        const { functionName, lineNumber, columnNumber, _originalLineNumber } = frame;
-        if (_originalLineNumber != null) {
-            return frame;
-        }
-        let { fileName } = frame;
-        if (fileName) {
-            // The web version of this module only provides POSIX support, so Windows
-            // paths like C:\foo\\baz\..\\bar\ cannot be normalized.
-            // A simple solution to this is to replace all `\` with `/`, then
-            // normalize afterwards.
-            fileName = (0, path_1.pathNormalize)(fileName.replace(/[\\]+/g, '/'));
-        }
-        if (fileName == null) {
-            return frame;
-        }
-        const fN = fileName;
-        const source = map
-            .getSources()
-            // Prepare path for normalization; see comment above for reasoning.
-            .map((s) => s.replace(/[\\]+/g, '/'))
-            .filter((p) => {
-            p = (0, path_1.pathNormalize)(p);
-            const i = p.lastIndexOf(fN);
-            return i !== -1 && i === p.length - fN.length;
-        })
-            .map((p) => ({
-            token: p,
-            seps: count('/', (0, path_1.pathNormalize)(p)),
-            penalties: count('node_modules', p) + count('~', p),
-        }))
-            .sort((a, b) => {
-            const s = Math.sign(a.seps - b.seps);
-            if (s !== 0) {
-                return s;
-            }
-            return Math.sign(a.penalties - b.penalties);
-        });
-        if (source.length < 1 || lineNumber == null) {
-            return new stack_frame_1.StackFrame(null, null, null, null, null, functionName, fN, lineNumber, columnNumber, null);
+        if (frame.type === 'symbolicated') {
+            return frame.frame;
         }
-        const sourceT = source[0].token;
-        const { line, column } = map.getGeneratedPosition(sourceT, lineNumber, columnNumber);
-        const originalSource = map.getSource(sourceT);
-        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));
+        const map = mapValues[frame.frame.fileName];
+        const pos = map.getOriginalPosition(frame.frame.lineNumber, frame.frame.columnNumber);
+        const { functionName } = frame.frame;
+        const hasSource = map.getSource(pos.source);
+        const scriptCode = hasSource
+            ? (0, get_lines_around_1.getLinesAround)(pos.line, contextLines, hasSource.split('\n'))
+            : null;
+        return {
+            originalColumnNumber: pos.column,
+            originalFileName: pos.source,
+            originalFunctionName: functionName,
+            originalLineNumber: pos.line,
+            originalScriptCode: scriptCode,
+        };
     });
-}
+};
 exports.unmap = unmap;
-exports.default = unmap;
 //# sourceMappingURL=unmapper.js.map

package/dist/error-overlay/react-overlay/utils/unmapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"unmapper.js","sourceRoot":"","sources":["../../../../src/error-overlay/react-overlay/utils/unmapper.ts"],"names":[],"mappings":"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"}
+{"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,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC5C,MAAM,UAAU,GAAG,SAAS;YAC3B,CAAC,CAAC,IAAA,iCAAc,EAAC,GAAG,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAC/D,CAAC,CAAC,IAAI,CAAC;QAER,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;AA9CW,QAAA,KAAK,SA8ChB"}

package/dist/error-overlay/remotion-overlay/ErrorDisplay.d.ts.map

@@ -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"}
+{"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"}

package/dist/error-overlay/remotion-overlay/ErrorDisplay.js

@@ -2,34 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorDisplay = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const AskOnDiscord_1 = require("./AskOnDiscord");
 const OpenInEditor_1 = require("./OpenInEditor");
 const SearchGitHubIssues_1 = require("./SearchGitHubIssues");
 const StackFrame_1 = require("./StackFrame");
-const DismissButton_1 = require("./DismissButton");
-const container = {
-    width: '100%',
-    maxWidth: 1000,
-    paddingLeft: 14,
-    paddingRight: 14,
-    marginLeft: 'auto',
-    marginRight: 'auto',
-    fontFamily: 'SF Pro Text, sans-serif',
-    paddingTop: '5vh',
-};
-const title = {
-    marginBottom: 8,
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: 'center',
-};
-const errName = {
-    fontSize: '0.8em',
-    background: 'linear-gradient(90deg,#4290f5,#42e9f5)',
-    WebkitBackgroundClip: 'text',
-    WebkitTextFillColor: 'transparent',
-    display: 'inline-block',
-};
+const map_error_to_react_stack_1 = require("../react-overlay/effects/map-error-to-react-stack");
+const ErrorTitle_1 = require("./ErrorTitle");
 const stack = {
     marginTop: 17,
     overflowX: 'scroll',
@@ -39,24 +18,29 @@ const spacer = {
     width: 5,
     display: 'inline-block',
 };
-const left = {
-    flex: 1,
-    paddingRight: 14,
-    lineHeight: 1.5,
-    fontSize: '1.5em',
-    fontWeight: 'bold',
-};
 const ErrorDisplay = ({ display }) => {
     const highestLineNumber = Math.max(...display.stackFrames
-        .map((s) => s._originalScriptCode)
+        .map((s) => s.originalScriptCode)
         .flat(1)
         .map((s) => { var _a; return (_a = s === null || s === void 0 ? void 0 : s.lineNumber) !== null && _a !== void 0 ? _a : 0; }));
+    const message = (0, react_1.useMemo)(() => {
+        // Format compilation errors
+        const location = (0, map_error_to_react_stack_1.getLocationFromBuildError)(display.error);
+        if (!location) {
+            return display.error.message;
+        }
+        return location.message
+            .replace(/\\n/g, '\n')
+            .replace(/\\t/g, '  ')
+            .replace(/^error:/, '')
+            .trim();
+    }, [display.error]);
     const lineNumberWidth = String(highestLineNumber).length;
-    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) => {
+    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) => {
                     return ((0, jsx_runtime_1.jsx)(StackFrame_1.StackElement
                     // eslint-disable-next-line react/no-array-index-key
-                    , { isFirst: i === 0, s: s, lineNumberWidth: lineNumberWidth }, i));
-                }) }), void 0)] }), void 0));
+                    , { isFirst: i === 0, s: s, lineNumberWidth: lineNumberWidth, defaultFunctionName: '(anonymous function)' }, i));
+                }) }), void 0)] }, void 0));
 };
 exports.ErrorDisplay = ErrorDisplay;
 //# sourceMappingURL=ErrorDisplay.js.map

package/dist/error-overlay/remotion-overlay/ErrorDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorDisplay.js","sourceRoot":"","sources":["../../../src/error-overlay/remotion-overlay/ErrorDisplay.tsx"],"names":[],"mappings":"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"}
+{"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"}

package/dist/error-overlay/remotion-overlay/ErrorLoader.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const ErrorLoader: React.FC<{
+    error: Error;
+}>;
+//# sourceMappingURL=ErrorLoader.d.ts.map

package/dist/error-overlay/remotion-overlay/ErrorLoader.d.ts.map

@@ -0,0 +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"}

package/dist/error-overlay/remotion-overlay/ErrorLoader.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorLoader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const listen_to_runtime_errors_1 = require("../react-overlay/listen-to-runtime-errors");
+const ErrorDisplay_1 = require("./ErrorDisplay");
+const ErrorTitle_1 = require("./ErrorTitle");
+const container = {
+    width: '100%',
+    maxWidth: 1000,
+    paddingLeft: 14,
+    paddingRight: 14,
+    marginLeft: 'auto',
+    marginRight: 'auto',
+    fontFamily: 'SF Pro Text, sans-serif',
+    paddingTop: '5vh',
+};
+const errorWhileErrorStyle = {
+    color: 'white',
+    lineHeight: 1.5,
+    whiteSpace: 'pre',
+};
+const ErrorLoader = ({ error }) => {
+    const [state, setState] = (0, react_1.useState)({
+        type: 'loading',
+    });
+    (0, react_1.useEffect)(() => {
+        (0, listen_to_runtime_errors_1.getErrorRecord)(error)
+            .then((record) => {
+            if (record) {
+                setState({
+                    type: 'symbolicated',
+                    record,
+                });
+            }
+            else {
+                setState({
+                    type: 'no-record',
+                });
+            }
+        })
+            .catch((err) => {
+            setState({
+                err,
+                type: 'error',
+            });
+        });
+    }, [error]);
+    if (state.type === 'loading') {
+        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));
+    }
+    if (state.type === 'error') {
+        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));
+    }
+    if (state.type === 'no-record') {
+        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));
+    }
+    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));
+};
+exports.ErrorLoader = ErrorLoader;
+//# sourceMappingURL=ErrorLoader.js.map

package/dist/error-overlay/remotion-overlay/ErrorLoader.js.map

@@ -0,0 +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"}

package/dist/error-overlay/remotion-overlay/ErrorTitle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const ErrorTitle: React.FC<{
+    name: string;
+    message: string;
+    symbolicating: boolean;
+}>;
+//# sourceMappingURL=ErrorTitle.d.ts.map

package/dist/error-overlay/remotion-overlay/ErrorTitle.d.ts.map

@@ -0,0 +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"}

package/dist/error-overlay/remotion-overlay/ErrorTitle.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorTitle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_overlay_1 = require("../react-overlay");
+const DismissButton_1 = require("./DismissButton");
+const Symbolicating_1 = require("./Symbolicating");
+const title = {
+    marginBottom: 8,
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+};
+const left = {
+    flex: 1,
+    paddingRight: 14,
+    lineHeight: 1.5,
+    whiteSpace: 'pre',
+    fontSize: '1.5em',
+    fontWeight: 'bold',
+    overflowX: 'auto',
+};
+const errName = {
+    fontSize: '0.8em',
+    background: 'linear-gradient(90deg,#4290f5,#42e9f5)',
+    WebkitBackgroundClip: 'text',
+    WebkitTextFillColor: 'transparent',
+    display: 'inline-block',
+};
+const row = {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+};
+const spacer = {
+    width: 5,
+};
+const ErrorTitle = ({ name, message, symbolicating }) => {
+    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));
+};
+exports.ErrorTitle = ErrorTitle;
+//# sourceMappingURL=ErrorTitle.js.map

package/dist/error-overlay/remotion-overlay/ErrorTitle.js.map

@@ -0,0 +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"}

package/dist/error-overlay/remotion-overlay/OpenInEditor.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { StackFrame } from '../react-overlay/utils/stack-frame';
+import { SymbolicatedStackFrame } from '../react-overlay/utils/stack-frame';
 export declare const OpenInEditor: React.FC<{
-    stack: StackFrame;
+    stack: SymbolicatedStackFrame;
 }>;
 //# sourceMappingURL=OpenInEditor.d.ts.map

package/dist/error-overlay/remotion-overlay/OpenInEditor.d.ts.map

@@ -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"}
+{"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"}

package/dist/error-overlay/remotion-overlay/Overlay.d.ts

@@ -1,16 +1,14 @@
 import React from 'react';
-import { ErrorRecord } from '../react-overlay/listen-to-runtime-errors';
 declare type SetErrors = {
     setErrors: (errs: State) => void;
+    addError: (err: Error) => void;
 };
 export declare const setErrorsRef: React.RefObject<SetErrors>;
 declare type State = {
     type: 'clear';
-} | {
-    type: 'symbolicating';
 } | {
     type: 'errors';
-    errors: ErrorRecord[];
+    errors: Error[];
 };
 export declare const Overlay: React.FC;
 export {};

package/dist/error-overlay/remotion-overlay/Overlay.d.ts.map

@@ -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"}
+{"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"}