DevServer: source map and error modal improvements (#17476)

src/bake/client/JavaScriptSyntaxHighlighter.ts

@@ -562,6 +562,24 @@ export class DraculaSyntaxHighlighter {
     return this.buildHtmlElement("pre", { "class": classAttr }, result);
   }
 
+  public highlightLine() {
+    let lineContent = "";
+
+    for (const token of this.tokenize()) {
+      if (token.type === TokenType.Newline) {
+        continue;
+      }
+
+      if (token.tokenClass) {
+        lineContent += this.wrap(token.value, token.tokenClass);
+      } else {
+        lineContent += this.escapeHtml(token.value);
+      }
+    }
+
+    return lineContent;
+  }
+
   private escapeHtml(str: string): string {
     return str
       .replace(/&/g, "&")
@@ -794,3 +812,7 @@ export class DraculaSyntaxHighlighter {
     return false;
   }
 }
+
+export function syntaxHighlight(code: string) {
+  return new DraculaSyntaxHighlighter(code).highlightLine();
+}