first commit

node_modules/@expo/log-box/build/utils/metroBuildErrorsFormat.d.ts

@@ -0,0 +1,11 @@
+export type ParsedBuildError = {
+    content: string;
+    fileName: string;
+    row: number;
+    column: number;
+    codeFrame: string;
+    missingModule?: string;
+};
+export declare function parseMetroError(message: string): ParsedBuildError | null;
+export declare function parseBabelTransformError(message: string): ParsedBuildError | null;
+export declare function parseBabelCodeFrameError(message: string): ParsedBuildError | null;

node_modules/@expo/log-box/build/utils/metroBuildErrorsFormat.js

@@ -0,0 +1,63 @@
+"use strict";
+// Related Metro error's formatting (for the portion of the function parsing Metro errors)
+// https://github.com/facebook/metro/blob/34bb8913ec4b5b02690b39d2246599faf094f721/packages/metro/src/lib/formatBundlingError.js#L36
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseMetroError = parseMetroError;
+exports.parseBabelTransformError = parseBabelTransformError;
+exports.parseBabelCodeFrameError = parseBabelCodeFrameError;
+const BABEL_TRANSFORM_ERROR_FORMAT = /^(?:TransformError )?(?:SyntaxError: |ReferenceError: )(.*): (.*) \((\d+):(\d+)\)\n\n([\s\S]+)/;
+const BABEL_CODE_FRAME_ERROR_FORMAT = 
+// Adjusted from original to not capture import stack a part of the code frame
+/^(?:TransformError )?(?:.*):? (?:.*?)([/|\\].*): ([\s\S]+?)\n((?:[ >]*\d+[\s|]+[^\n]*\n?)+|\u{001b}\[[0-9;]*m(?:.*\n?)+?(?=\n\n|\n[^\u{001b}\s]|$))/mu;
+const METRO_ERROR_FORMAT = /^(?:(?:InternalError )?Metro has encountered an error:) (.*): (.*) \((\d+):(\d+)\)\n\n([\s\S]+)/u;
+const UNABLE_TO_RESOLVE_MODULE_ERROR_FORMAT = /(?:\w )?Unable to resolve module (.*) from/;
+function parseMetroError(message) {
+    const e = message.match(METRO_ERROR_FORMAT);
+    if (!e) {
+        return null;
+    }
+    const [, content, fileName, row, column, codeFrame] = e;
+    return {
+        content,
+        fileName,
+        row: parseInt(row, 10),
+        column: parseInt(column, 10),
+        codeFrame,
+    };
+}
+function parseBabelTransformError(message) {
+    const e = message.match(BABEL_TRANSFORM_ERROR_FORMAT);
+    if (!e) {
+        return null;
+    }
+    // Transform errors are thrown from inside the Babel transformer.
+    const [, fileName, content, row, column, codeFrame] = e;
+    return {
+        content,
+        fileName,
+        row: parseInt(row, 10),
+        column: parseInt(column, 10),
+        codeFrame,
+    };
+}
+function parseBabelCodeFrameError(message) {
+    const e = message.match(BABEL_CODE_FRAME_ERROR_FORMAT);
+    if (!e) {
+        return null;
+    }
+    // Codeframe errors are thrown from any use of buildCodeFrameError.
+    const [, fileName, content, codeFrame] = e;
+    //TODO: In the future we should send metadata from @expo/cli, but at the moment
+    // parsing the message is the only way that work across all LogBox scenarios
+    // (build web, build ios, build android, hmr web, hmr native).
+    const [, missingModule] = message.match(UNABLE_TO_RESOLVE_MODULE_ERROR_FORMAT) || [];
+    const messageContent = missingModule ? `Unable to resolve module ${missingModule}` : content;
+    return {
+        content: messageContent,
+        fileName,
+        row: -1,
+        column: -1,
+        codeFrame,
+        missingModule,
+    };
+}

node_modules/@expo/log-box/build/utils/parseWebBuildErrors.d.ts

@@ -0,0 +1,14 @@
+import { LogBoxLogDataLegacy, MetroStackFrame } from '../Data/Types';
+/**
+ * Called in expo/cli, the return value is injected into the static error page which is bundled
+ * instead of the app when the web build fails.
+ */
+export declare function parseWebBuildErrors({ error, projectRoot, parseErrorStack, }: {
+    error: Error & {
+        type?: unknown;
+    };
+    projectRoot: string;
+    parseErrorStack: (projectRoot: string, stack?: string) => (MetroStackFrame & {
+        collapse?: boolean;
+    })[];
+}): LogBoxLogDataLegacy;

node_modules/@expo/log-box/build/utils/parseWebBuildErrors.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseWebBuildErrors = parseWebBuildErrors;
+const metroBuildErrorsFormat_1 = require("./metroBuildErrorsFormat");
+/**
+ * Called in expo/cli, the return value is injected into the static error page which is bundled
+ * instead of the app when the web build fails.
+ */
+function parseWebBuildErrors({ error, projectRoot, parseErrorStack, }) {
+    // NOTE: Ideally this will be merged with the parseWebHmrBuildErrors function
+    // Remap direct Metro Node.js errors to a format that will appear more client-friendly in the logbox UI.
+    let stack;
+    if (isTransformError(error) && error.filename) {
+        // Syntax errors in static rendering.
+        stack = [
+            {
+                // Avoid using node:path to be compatible with web and RN runtime.
+                file: `${projectRoot}/${error.filename}`,
+                methodName: '<unknown>',
+                // TODO: Import stack
+                lineNumber: error.lineNumber,
+                column: error.column,
+            },
+        ];
+    }
+    else if ('originModulePath' in error &&
+        typeof error.originModulePath === 'string' &&
+        'targetModuleName' in error &&
+        typeof error.targetModuleName === 'string' &&
+        'cause' in error) {
+        const { codeFrame } = (0, metroBuildErrorsFormat_1.parseBabelCodeFrameError)(error.message) || {};
+        // We are purposely not using the parsed fileName or content here
+        // because we have the original data in the error object.
+        const content = `Unable to resolve module ${error.targetModuleName}`;
+        return {
+            level: 'resolution',
+            // TODO: Add import stacks
+            stack: [],
+            isComponentError: false,
+            componentStack: [],
+            codeFrame: codeFrame
+                ? {
+                    fileName: error.originModulePath,
+                    location: null, // We are not given the location.
+                    content: codeFrame,
+                }
+                : undefined,
+            message: {
+                content,
+                substitutions: [],
+            },
+            category: `${error.originModulePath}-${1}-${1}`,
+        };
+    }
+    else {
+        stack = parseErrorStack(projectRoot, error.stack);
+    }
+    return {
+        level: 'static',
+        message: {
+            content: error.message,
+            substitutions: [],
+        },
+        isComponentError: false,
+        stack,
+        category: 'static',
+        componentStack: [],
+    };
+}
+function isTransformError(error) {
+    return error.type === 'TransformError';
+}

node_modules/@expo/log-box/build/utils/withoutANSIStyles.d.ts

@@ -0,0 +1 @@
+export declare function withoutANSIColorStyles(message: any): any;

node_modules/@expo/log-box/build/utils/withoutANSIStyles.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withoutANSIColorStyles = withoutANSIColorStyles;
+function withoutANSIColorStyles(message) {
+    if (typeof message !== 'string') {
+        return message;
+    }
+    return message.replace(
+    // eslint-disable-next-line no-control-regex
+    /[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g, '');
+}