fix: overlayer(webpack#3579)

gem-mine · Aug 9, 2021 · 376f0b5 · 376f0b5
1 parent f663deb
commit 376f0b5
Show file tree

Hide file tree

Showing 3 changed files with 134 additions and 17,894 deletions.
diff --git a/client-src/overlay.js b/client-src/overlay.js
@@ -2,6 +2,7 @@
 // They, in turn, got inspired by webpack-hot-middleware (https://github.com/glenjamin/webpack-hot-middleware).
 
 const ansiHTML = require("ansi-html");
+const { encode } = require("html-entities");
 
 const colors = {
   reset: ["transparent", "transparent"],
@@ -135,16 +136,16 @@ function show(messages, type) {
 
       // Make it look similar to our terminal.
       const errorMessage = message.message || messages[0];
-      const text = ansiHTML(errorMessage);
-      const messageTextNode = document.createTextNode(text);
+      const text = ansiHTML(encode(errorMessage));
+      const messageTextNode = document.createElement("div");
+      messageTextNode.innerHTML = text;
 
       entryElement.appendChild(typeElement);
       entryElement.appendChild(document.createElement("br"));
       entryElement.appendChild(document.createElement("br"));
       entryElement.appendChild(messageTextNode);
       entryElement.appendChild(document.createElement("br"));
       entryElement.appendChild(document.createElement("br"));
-      entryElement.appendChild(document.createElement("br"));
 
       containerElement.appendChild(entryElement);
     });