70 lines
2.4 KiB
JavaScript
70 lines
2.4 KiB
JavaScript
import {
|
|
colors,
|
|
wordWrap
|
|
} from "./chunk-4L7RY2JA.js";
|
|
import {
|
|
publicDirURL
|
|
} from "./chunk-OSUFJZHZ.js";
|
|
import {
|
|
BaseComponent
|
|
} from "./chunk-4YEN7HVQ.js";
|
|
|
|
// src/templates/error_info/main.ts
|
|
var ERROR_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="24" height="24" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 7v6m0 4.01.01-.011M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z"/></svg>`;
|
|
var HINT_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="24" height="24" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 2-1 1M3 2l1 1m17 13-1-1M3 16l1-1m5 3h6m-5 3h4M12 3C8 3 5.952 4.95 6 8c.023 1.487.5 2.5 1.5 3.5S9 13 9 15h6c0-2 .5-2.5 1.5-3.5h0c1-1 1.477-2.013 1.5-3.5.048-3.05-2-5-6-5Z"/></svg>`;
|
|
var ErrorInfo = class extends BaseComponent {
|
|
cssFile = new URL("./error_info/style.css", publicDirURL);
|
|
/**
|
|
* The toHTML method is used to output the HTML for the
|
|
* web view
|
|
*/
|
|
async toHTML(props) {
|
|
return `<section>
|
|
<h4 id="error-name">${props.error.name}</h4>
|
|
<h1 id="error-title">${props.title}</h1>
|
|
</section>
|
|
<section>
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h2 id="error-message">
|
|
<span>${ERROR_ICON_SVG}</span>
|
|
<span>${props.error.message}</span>
|
|
</h2>
|
|
${props.error.hint ? `<div id="error-hint">
|
|
<span>${HINT_ICON_SVG}</span>
|
|
<span>${props.error.hint}</span>
|
|
</div>` : ""}
|
|
</div>
|
|
</div>
|
|
</section>`;
|
|
}
|
|
/**
|
|
* The toANSI method is used to output the text for the console
|
|
*/
|
|
async toANSI(props) {
|
|
const errorMessage = colors.red(
|
|
`\u2139 ${wordWrap(`${props.error.name}: ${props.error.message}`, {
|
|
width: process.stdout.columns,
|
|
indent: " ",
|
|
newLine: "\n",
|
|
escape: (value) => value
|
|
})}`
|
|
);
|
|
const hint = props.error.hint ? `
|
|
|
|
${colors.blue("\u25C9")} ${colors.dim().italic(
|
|
wordWrap(props.error.hint.replace(/(<([^>]+)>)/gi, ""), {
|
|
width: process.stdout.columns,
|
|
indent: " ",
|
|
newLine: "\n",
|
|
escape: (value) => value
|
|
})
|
|
)}` : "";
|
|
return `${errorMessage}${hint}`;
|
|
}
|
|
};
|
|
|
|
export {
|
|
ErrorInfo
|
|
};
|