82 lines
2.9 KiB
Plaintext
82 lines
2.9 KiB
Plaintext
import Anser from "next/dist/compiled/anser";
|
|
import * as React from "react";
|
|
import { HotlinkedText } from "../hot-linked-text";
|
|
import { EditorLink } from "./EditorLink";
|
|
function getFile(lines) {
|
|
const contentFileName = lines.shift();
|
|
if (!contentFileName) return null;
|
|
const [fileName, line, column] = contentFileName.split(":");
|
|
const parsedLine = Number(line);
|
|
const parsedColumn = Number(column);
|
|
const hasLocation = !Number.isNaN(parsedLine) && !Number.isNaN(parsedColumn);
|
|
return {
|
|
fileName: hasLocation ? fileName : contentFileName,
|
|
location: hasLocation ? {
|
|
line: parsedLine,
|
|
column: parsedColumn
|
|
} : undefined
|
|
};
|
|
}
|
|
function getImportTraceFiles(lines) {
|
|
if (lines.some((line)=>/ReactServerComponentsError:/.test(line)) || lines.some((line)=>/Import trace for requested module:/.test(line))) {
|
|
// Grab the lines at the end containing the files
|
|
const files = [];
|
|
while(/.+\..+/.test(lines[lines.length - 1]) && !lines[lines.length - 1].includes(":")){
|
|
const file = lines.pop().trim();
|
|
files.unshift(file);
|
|
}
|
|
return files;
|
|
}
|
|
return [];
|
|
}
|
|
function getEditorLinks(content) {
|
|
const lines = content.split("\n");
|
|
const file = getFile(lines);
|
|
const importTraceFiles = getImportTraceFiles(lines);
|
|
return {
|
|
file,
|
|
source: lines.join("\n"),
|
|
importTraceFiles
|
|
};
|
|
}
|
|
export const Terminal = function Terminal(param) {
|
|
let { content } = param;
|
|
const { file, source, importTraceFiles } = React.useMemo(()=>getEditorLinks(content), [
|
|
content
|
|
]);
|
|
const decoded = React.useMemo(()=>{
|
|
return Anser.ansiToJson(source, {
|
|
json: true,
|
|
use_classes: true,
|
|
remove_empty: true
|
|
});
|
|
}, [
|
|
source
|
|
]);
|
|
return /*#__PURE__*/ React.createElement("div", {
|
|
"data-nextjs-terminal": true
|
|
}, file && /*#__PURE__*/ React.createElement(EditorLink, {
|
|
isSourceFile: true,
|
|
key: file.fileName,
|
|
file: file.fileName,
|
|
location: file.location
|
|
}), /*#__PURE__*/ React.createElement("pre", null, decoded.map((entry, index)=>/*#__PURE__*/ React.createElement("span", {
|
|
key: "terminal-entry-" + index,
|
|
style: {
|
|
color: entry.fg ? "var(--color-" + entry.fg + ")" : undefined,
|
|
...entry.decoration === "bold" ? {
|
|
fontWeight: 800
|
|
} : entry.decoration === "italic" ? {
|
|
fontStyle: "italic"
|
|
} : undefined
|
|
}
|
|
}, /*#__PURE__*/ React.createElement(HotlinkedText, {
|
|
text: entry.content
|
|
}))), importTraceFiles.map((importTraceFile)=>/*#__PURE__*/ React.createElement(EditorLink, {
|
|
isSourceFile: false,
|
|
key: importTraceFile,
|
|
file: importTraceFile
|
|
}))));
|
|
};
|
|
|
|
//# sourceMappingURL=Terminal.js.map |