You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
216 lines
6.8 KiB
216 lines
6.8 KiB
'use strict'; |
|
|
|
Object.defineProperty(exports, '__esModule', { value: true }); |
|
|
|
var picocolors = require('picocolors'); |
|
var jsTokens = require('js-tokens'); |
|
var helperValidatorIdentifier = require('@babel/helper-validator-identifier'); |
|
|
|
function isColorSupported() { |
|
return (typeof process === "object" && (process.env.FORCE_COLOR === "0" || process.env.FORCE_COLOR === "false") ? false : picocolors.isColorSupported |
|
); |
|
} |
|
const compose = (f, g) => v => f(g(v)); |
|
function buildDefs(colors) { |
|
return { |
|
keyword: colors.cyan, |
|
capitalized: colors.yellow, |
|
jsxIdentifier: colors.yellow, |
|
punctuator: colors.yellow, |
|
number: colors.magenta, |
|
string: colors.green, |
|
regex: colors.magenta, |
|
comment: colors.gray, |
|
invalid: compose(compose(colors.white, colors.bgRed), colors.bold), |
|
gutter: colors.gray, |
|
marker: compose(colors.red, colors.bold), |
|
message: compose(colors.red, colors.bold), |
|
reset: colors.reset |
|
}; |
|
} |
|
const defsOn = buildDefs(picocolors.createColors(true)); |
|
const defsOff = buildDefs(picocolors.createColors(false)); |
|
function getDefs(enabled) { |
|
return enabled ? defsOn : defsOff; |
|
} |
|
|
|
const sometimesKeywords = new Set(["as", "async", "from", "get", "of", "set"]); |
|
const NEWLINE$1 = /\r\n|[\n\r\u2028\u2029]/; |
|
const BRACKET = /^[()[\]{}]$/; |
|
let tokenize; |
|
{ |
|
const JSX_TAG = /^[a-z][\w-]*$/i; |
|
const getTokenType = function (token, offset, text) { |
|
if (token.type === "name") { |
|
if (helperValidatorIdentifier.isKeyword(token.value) || helperValidatorIdentifier.isStrictReservedWord(token.value, true) || sometimesKeywords.has(token.value)) { |
|
return "keyword"; |
|
} |
|
if (JSX_TAG.test(token.value) && (text[offset - 1] === "<" || text.slice(offset - 2, offset) === "</")) { |
|
return "jsxIdentifier"; |
|
} |
|
if (token.value[0] !== token.value[0].toLowerCase()) { |
|
return "capitalized"; |
|
} |
|
} |
|
if (token.type === "punctuator" && BRACKET.test(token.value)) { |
|
return "bracket"; |
|
} |
|
if (token.type === "invalid" && (token.value === "@" || token.value === "#")) { |
|
return "punctuator"; |
|
} |
|
return token.type; |
|
}; |
|
tokenize = function* (text) { |
|
let match; |
|
while (match = jsTokens.default.exec(text)) { |
|
const token = jsTokens.matchToToken(match); |
|
yield { |
|
type: getTokenType(token, match.index, text), |
|
value: token.value |
|
}; |
|
} |
|
}; |
|
} |
|
function highlight(text) { |
|
if (text === "") return ""; |
|
const defs = getDefs(true); |
|
let highlighted = ""; |
|
for (const { |
|
type, |
|
value |
|
} of tokenize(text)) { |
|
if (type in defs) { |
|
highlighted += value.split(NEWLINE$1).map(str => defs[type](str)).join("\n"); |
|
} else { |
|
highlighted += value; |
|
} |
|
} |
|
return highlighted; |
|
} |
|
|
|
let deprecationWarningShown = false; |
|
const NEWLINE = /\r\n|[\n\r\u2028\u2029]/; |
|
function getMarkerLines(loc, source, opts) { |
|
const startLoc = Object.assign({ |
|
column: 0, |
|
line: -1 |
|
}, loc.start); |
|
const endLoc = Object.assign({}, startLoc, loc.end); |
|
const { |
|
linesAbove = 2, |
|
linesBelow = 3 |
|
} = opts || {}; |
|
const startLine = startLoc.line; |
|
const startColumn = startLoc.column; |
|
const endLine = endLoc.line; |
|
const endColumn = endLoc.column; |
|
let start = Math.max(startLine - (linesAbove + 1), 0); |
|
let end = Math.min(source.length, endLine + linesBelow); |
|
if (startLine === -1) { |
|
start = 0; |
|
} |
|
if (endLine === -1) { |
|
end = source.length; |
|
} |
|
const lineDiff = endLine - startLine; |
|
const markerLines = {}; |
|
if (lineDiff) { |
|
for (let i = 0; i <= lineDiff; i++) { |
|
const lineNumber = i + startLine; |
|
if (!startColumn) { |
|
markerLines[lineNumber] = true; |
|
} else if (i === 0) { |
|
const sourceLength = source[lineNumber - 1].length; |
|
markerLines[lineNumber] = [startColumn, sourceLength - startColumn + 1]; |
|
} else if (i === lineDiff) { |
|
markerLines[lineNumber] = [0, endColumn]; |
|
} else { |
|
const sourceLength = source[lineNumber - i].length; |
|
markerLines[lineNumber] = [0, sourceLength]; |
|
} |
|
} |
|
} else { |
|
if (startColumn === endColumn) { |
|
if (startColumn) { |
|
markerLines[startLine] = [startColumn, 0]; |
|
} else { |
|
markerLines[startLine] = true; |
|
} |
|
} else { |
|
markerLines[startLine] = [startColumn, endColumn - startColumn]; |
|
} |
|
} |
|
return { |
|
start, |
|
end, |
|
markerLines |
|
}; |
|
} |
|
function codeFrameColumns(rawLines, loc, opts = {}) { |
|
const shouldHighlight = opts.forceColor || isColorSupported() && opts.highlightCode; |
|
const defs = getDefs(shouldHighlight); |
|
const lines = rawLines.split(NEWLINE); |
|
const { |
|
start, |
|
end, |
|
markerLines |
|
} = getMarkerLines(loc, lines, opts); |
|
const hasColumns = loc.start && typeof loc.start.column === "number"; |
|
const numberMaxWidth = String(end).length; |
|
const highlightedLines = shouldHighlight ? highlight(rawLines) : rawLines; |
|
let frame = highlightedLines.split(NEWLINE, end).slice(start, end).map((line, index) => { |
|
const number = start + 1 + index; |
|
const paddedNumber = ` ${number}`.slice(-numberMaxWidth); |
|
const gutter = ` ${paddedNumber} |`; |
|
const hasMarker = markerLines[number]; |
|
const lastMarkerLine = !markerLines[number + 1]; |
|
if (hasMarker) { |
|
let markerLine = ""; |
|
if (Array.isArray(hasMarker)) { |
|
const markerSpacing = line.slice(0, Math.max(hasMarker[0] - 1, 0)).replace(/[^\t]/g, " "); |
|
const numberOfMarkers = hasMarker[1] || 1; |
|
markerLine = ["\n ", defs.gutter(gutter.replace(/\d/g, " ")), " ", markerSpacing, defs.marker("^").repeat(numberOfMarkers)].join(""); |
|
if (lastMarkerLine && opts.message) { |
|
markerLine += " " + defs.message(opts.message); |
|
} |
|
} |
|
return [defs.marker(">"), defs.gutter(gutter), line.length > 0 ? ` ${line}` : "", markerLine].join(""); |
|
} else { |
|
return ` ${defs.gutter(gutter)}${line.length > 0 ? ` ${line}` : ""}`; |
|
} |
|
}).join("\n"); |
|
if (opts.message && !hasColumns) { |
|
frame = `${" ".repeat(numberMaxWidth + 1)}${opts.message}\n${frame}`; |
|
} |
|
if (shouldHighlight) { |
|
return defs.reset(frame); |
|
} else { |
|
return frame; |
|
} |
|
} |
|
function index (rawLines, lineNumber, colNumber, opts = {}) { |
|
if (!deprecationWarningShown) { |
|
deprecationWarningShown = true; |
|
const message = "Passing lineNumber and colNumber is deprecated to @babel/code-frame. Please use `codeFrameColumns`."; |
|
if (process.emitWarning) { |
|
process.emitWarning(message, "DeprecationWarning"); |
|
} else { |
|
const deprecationError = new Error(message); |
|
deprecationError.name = "DeprecationWarning"; |
|
console.warn(new Error(message)); |
|
} |
|
} |
|
colNumber = Math.max(colNumber, 0); |
|
const location = { |
|
start: { |
|
column: colNumber, |
|
line: lineNumber |
|
} |
|
}; |
|
return codeFrameColumns(rawLines, location, opts); |
|
} |
|
|
|
exports.codeFrameColumns = codeFrameColumns; |
|
exports.default = index; |
|
exports.highlight = highlight; |
|
//# sourceMappingURL=index.js.map
|
|
|