theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

workflow: make template-explorer error tolerant

Browse Source
This commit is contained in:
Evan You 2019-10-08 17:31:22 -04:00
parent 0615cf0108
commit 723dc8791b
1 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
packages/template-explorer/src/index.ts
View File

@ -25,13 +25,20 @@ window.init = () => {
function compileCode(source: string): string {
console.clear()
try {
const errors: CompilerError[] = []
const { code, ast, map } = compile(source, {
filename: 'template.vue',
...compilerOptions,
sourceMap: true,
onError: displayError
onError: err => {
errors.push(err)
}
})
monaco.editor.setModelMarkers(editor.getModel()!, `@vue/compiler-dom`, [])
monaco.editor.setModelMarkers(
editor.getModel()!,
`@vue/compiler-dom`,
errors.filter(e => e.loc).map(formatError)
)
console.log(`AST: `, ast)
lastSuccessfulCode = code + `\n\n// Check the console for the AST`
lastSuccessfulMap = new window._deps['source-map'].SourceMapConsumer(map)
@ -42,22 +49,17 @@ window.init = () => {
return lastSuccessfulCode
}
function displayError(err: CompilerError) {
const loc = err.loc
if (loc) {
monaco.editor.setModelMarkers(editor.getModel()!, `@vue/compiler-dom`, [
{
severity: monaco.MarkerSeverity.Error,
startLineNumber: loc.start.line,
startColumn: loc.start.column,
endLineNumber: loc.end.line,
endColumn: loc.end.column,
message: `Vue template compilation error: ${err.message}`,
code: String(err.code)
}
])
function formatError(err: CompilerError) {
const loc = err.loc!
return {
severity: monaco.MarkerSeverity.Error,
startLineNumber: loc.start.line,
startColumn: loc.start.column,
endLineNumber: loc.end.line,
endColumn: loc.end.column,
message: `Vue template compilation error: ${err.message}`,
code: String(err.code)
}
throw err
}
function reCompile() {