typescript-node-scripts/build/lib/formatWebpackMessages.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.formatWebpackMessages = void 0;
const tslib_1 = require("tslib");
const chalk_1 = (0, tslib_1.__importDefault)(require("chalk"));
const friendlySyntaxErrorLabel = 'Syntax error:';
/**
 * Formats webpack messages into a nicer looking, human friendly format.
 * Heavily adopted from:
 * https://github.com/facebook/create-react-app/blob/master/packages/react-dev-utils/formatWebpackMessages.js
 *
 * TODO: fix typing of any, could be error from webpack or loader, so we might want to format it differently
 * @param message
 */
function formatMessage(rawMessage) {
    const fileName = rawMessage.moduleId || rawMessage.file;
    let message = fileName
        ? `${fileName}\n${rawMessage.message}`
        : `${rawMessage.message}`;
    let lines = message.split('\n');
    // Remove webpack errors/warnings
    lines = lines.filter((line) => !/Module [A-z ]+\(from/.test(line));
    // remove extra file path if exists
    // webpack somehow inserts a relative path into the messages, so we
    // splice it off here.
    if (lines.length > 2 && ~lines[0].indexOf(lines[1].slice(2))) {
        lines.splice(1, 1);
    }
    // remove webpack @ stack
    lines = lines.filter((line) => line.indexOf(' @ ') !== 0);
    // Transform 'Parsing error' to 'Syntax error'
    lines = lines.map((line) => {
        const parseError = /Line (\d+):(?:(\d+):)?\s*Parsing error: (.+)$/.exec(line);
        if (!parseError) {
            return line;
        }
        const [, errorLine, errorColumn, errorMessage] = parseError;
        return `${friendlySyntaxErrorLabel} ${errorMessage} (${errorLine}:${errorColumn})`;
    });
    // Strip leading newlines
    if (lines.length > 2 && lines[1].trim() === '') {
        lines.splice(1, 1);
    }
    // Cleans up verbose "module not found" messages for files and packages.
    if (lines[1] && lines[1].indexOf('Module not found: ') === 0) {
        lines = [
            lines[0],
            lines[1]
                .replace('Error: ', '')
                .replace('Module not found: Cannot find file:', 'Cannot find file:'),
        ];
    }
    // Underline and bold file name
    if (lines[0]) {
        lines[0] = chalk_1.default.underline.bold(lines[0]);
    }
    message = lines.join('\n');
    // Internal stacks are generally useless so we strip them... with the
    // exception of stacks containing `webpack:` because they're normally
    // from user code generated by Webpack. For more information see
    // https://github.com/facebook/create-react-app/pull/1050
    message = message.replace(/^\s*at\s((?!webpack:).)*:\d+:\d+[\s)]*(\n|$)/gm, ''); // at ... ...:x:y
    message = message.replace(/^\s*at\s<anonymous>(\n|$)/gm, ''); // at <anonymous>
    lines = message.split('\n');
    // Remove duplicated newlines
    lines = lines.filter((line, index, arr) => index === 0 || line.trim() !== '' || line.trim() !== arr[index - 1].trim());
    // Reassemble the message
    message = lines.join('\n');
    return message.trim();
}
function formatWebpackMessages(json) {
    var _a, _b, _c, _d;
    const errors = (_b = (_a = json.errors) === null || _a === void 0 ? void 0 : _a.map((error) => formatMessage(error)).filter((message) => message !== '')) !== null && _b !== void 0 ? _b : [];
    const warnings = (_d = (_c = json.warnings) === null || _c === void 0 ? void 0 : _c.map((warning) => formatMessage(warning)).filter((message) => message !== '')) !== null && _d !== void 0 ? _d : [];
    return {
        errors,
        warnings,
    };
}
exports.formatWebpackMessages = formatWebpackMessages;
//# sourceMappingURL=formatWebpackMessages.js.map