perf(deps): remove html-entities dependency (#82)

Author: chenjiahan

client/overlay/components/CompileErrorTrace.js

@@ -1,10 +1,23 @@
 const ansiHTML = require('../../utils/ansi-html.js');
-const entities = require('html-entities');
 const theme = require('../theme.js');
 const utils = require('../utils.js');
 
 ansiHTML.setColors(theme);
 
+/**
+ * Escape text before passing it to `ansiHTML`, which injects HTML markup.
+ * @param {string} value
+ * @returns {string}
+ */
+function escapeHtml(value) {
+  return value
+    .replace(/&/g, '&')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+
 /**
  * @typedef {Object} CompileErrorTraceProps
  * @property {string} errorMessage
@@ -32,15 +45,7 @@ function CompileErrorTrace(document, root, props) {
   }
 
   const stackContainer = document.createElement('pre');
-  stackContainer.innerHTML = entities.decode(
-    ansiHTML(
-      entities.encode(errorParts.join('\n'), {
-        level: 'html5',
-        mode: 'nonAscii',
-      }),
-    ),
-    { level: 'html5' },
-  );
+  stackContainer.innerHTML = ansiHTML(escapeHtml(errorParts.join('\n')));
   stackContainer.style.fontFamily = [
     '"Operator Mono SSm"',
     '"Operator Mono"',

package.json

@@ -55,8 +55,7 @@
     "typescript": "5.9.3"
   },
   "dependencies": {
-    "error-stack-parser": "^2.1.4",
-    "html-entities": "^2.6.0"
+    "error-stack-parser": "^2.1.4"
   },
   "peerDependencies": {
     "react-refresh": ">=0.10.0 <1.0.0",