Improve linter message formatting

Author: valtzu

src/linter.ts

@@ -28,7 +28,7 @@ export const expressionLanguageLinterSource = (state: EditorState) => {
           diagnostics.push({ from, to: node.node.parent?.parent?.to ?? to, severity: 'error', message: `Expression expected` });
         } else {
           const type = /^[a-zA-Z_]+[a-zA-Z_0-9]*$/.test(identifier) ? 'identifier' : 'operator';
-          diagnostics.push({ from, to, severity: 'error', message: `Unexpected ${type} '${identifier}'` });
+          diagnostics.push({ from, to, severity: 'error', message: `Unexpected ${type} <code>${identifier}</code>` });
         }
 
         return;
@@ -66,7 +66,7 @@ export const expressionLanguageLinterSource = (state: EditorState) => {
         identifier = state.sliceDoc(from, to);
 
         if (!types.find(type => resolveIdentifier(id, identifier, config.types?.[type]))) {
-          diagnostics.push({ from, to, severity: 'error', message: `${node.name} "${identifier}" not found in ${types.join('|')}` });
+          diagnostics.push({ from, to, severity: 'error', message: `${node.name} <code>${identifier}</code> not found in <code>${types.join('|')}</code>` });
         }
 
         break;
@@ -75,14 +75,14 @@ export const expressionLanguageLinterSource = (state: EditorState) => {
       case Function:
         identifier = state.sliceDoc(from, node.node.firstChild ? node.node.firstChild.from - 1 : to);
         if (!resolveIdentifier(id, identifier, config)) {
-          diagnostics.push({ from, to, severity: 'error', message: `${node.node.name} "${identifier}" not found` });
+          diagnostics.push({ from, to, severity: 'error', message: `${node.node.name} <code>${identifier}</code> not found` });
         }
 
         break;
     }
 
     if (identifier && node.node.parent?.type.isError) {
-      diagnostics.push({ from, to, severity: 'error', message: `Unexpected identifier "${identifier}"` });
+      diagnostics.push({ from, to, severity: 'error', message: `Unexpected identifier <code>${identifier}</code>` });
     }
   });
 

test/test-linter.ts

@@ -54,7 +54,7 @@ describe("Expression language linting", () => {
     const diagnostics = get("notfound / 5");
 
     ist(diagnostics.length, 1);
-    ist(diagnostics[0].message, 'Variable "notfound" not found');
+    ist(diagnostics[0].message, 'Variable <code>notfound</code> not found');
     ist(diagnostics[0].from, 0);
     ist(diagnostics[0].to, 8);
   });
@@ -63,7 +63,7 @@ describe("Expression language linting", () => {
     const diagnostics = get("obj + notfound()");
 
     ist(diagnostics.length, 1);
-    ist(diagnostics[0].message, 'Function "notfound" not found');
+    ist(diagnostics[0].message, 'Function <code>notfound</code> not found');
     ist(diagnostics[0].from, 6);
     ist(diagnostics[0].to, 14);
   });
@@ -72,7 +72,7 @@ describe("Expression language linting", () => {
     const diagnostics = get("obj obj");
 
     ist(diagnostics.length, 1);
-    ist(diagnostics[0].message, "Unexpected identifier 'obj'");
+    ist(diagnostics[0].message, "Unexpected identifier <code>obj</code>");
     ist(diagnostics[0].from, 4);
     ist(diagnostics[0].to, 7);
   });