@matthesketh/utopia-compiler 0.0.2 → 0.0.4

package/dist/index.cjs

@@ -480,7 +480,8 @@ ${fnBody}
     if (!node.content) return null;
     this.helpers.add("createTextNode");
     const v = this.freshVar();
-    this.emit(`const ${v} = createTextNode(${JSON.stringify(node.content)})`);
+    const decoded = decodeEntities(node.content);
+    this.emit(`const ${v} = createTextNode(${JSON.stringify(decoded)})`);
     return v;
   }
   genInterpolation(node, scope) {
@@ -637,6 +638,40 @@ function isComponentTag(tag) {
 function escapeStr(s) {
   return s.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
 }
+var ENTITY_MAP = {
+  "&": "&",
+  "&lt;": "<",
+  "&gt;": ">",
+  "&quot;": '"',
+  "&#39;": "'",
+  "&apos;": "'",
+  "&nbsp;": "\xA0",
+  "&mdash;": "\u2014",
+  "&ndash;": "\u2013",
+  "&lsquo;": "\u2018",
+  "&rsquo;": "\u2019",
+  "&ldquo;": "\u201C",
+  "&rdquo;": "\u201D",
+  "&bull;": "\u2022",
+  "&hellip;": "\u2026",
+  "&copy;": "\xA9",
+  "&reg;": "\xAE",
+  "&trade;": "\u2122",
+  "&rarr;": "\u2192",
+  "&larr;": "\u2190",
+  "&uarr;": "\u2191",
+  "&darr;": "\u2193",
+  "&times;": "\xD7",
+  "&divide;": "\xF7"
+};
+function decodeEntities(text) {
+  return text.replace(/&(?:#(\d+)|#x([0-9a-fA-F]+)|(\w+));/g, (match, dec, hex, named) => {
+    if (dec) return String.fromCodePoint(parseInt(dec, 10));
+    if (hex) return String.fromCodePoint(parseInt(hex, 16));
+    if (named) return ENTITY_MAP[`&${named};`] ?? match;
+    return match;
+  });
+}
 function generate(ast, options) {
   const gen = new CodeGenerator(options);
   return gen.generate(ast);

package/dist/index.d.cts

@@ -144,7 +144,8 @@ interface CompileResult {
  *
  * // <script> block contents (user code) inlined here
  *
- * export default function render(_ctx) { ... }
+ * function __render() { ... }
+ * export default { render: __render }
  * ```
  *
  * The caller (e.g. the Vite plugin) is responsible for injecting the CSS

package/dist/index.d.ts

@@ -144,7 +144,8 @@ interface CompileResult {
  *
  * // <script> block contents (user code) inlined here
  *
- * export default function render(_ctx) { ... }
+ * function __render() { ... }
+ * export default { render: __render }
  * ```
  *
  * The caller (e.g. the Vite plugin) is responsible for injecting the CSS

package/dist/index.js

@@ -448,7 +448,8 @@ ${fnBody}
     if (!node.content) return null;
     this.helpers.add("createTextNode");
     const v = this.freshVar();
-    this.emit(`const ${v} = createTextNode(${JSON.stringify(node.content)})`);
+    const decoded = decodeEntities(node.content);
+    this.emit(`const ${v} = createTextNode(${JSON.stringify(decoded)})`);
     return v;
   }
   genInterpolation(node, scope) {
@@ -605,6 +606,40 @@ function isComponentTag(tag) {
 function escapeStr(s) {
   return s.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
 }
+var ENTITY_MAP = {
+  "&": "&",
+  "&lt;": "<",
+  "&gt;": ">",
+  "&quot;": '"',
+  "&#39;": "'",
+  "&apos;": "'",
+  "&nbsp;": "\xA0",
+  "&mdash;": "\u2014",
+  "&ndash;": "\u2013",
+  "&lsquo;": "\u2018",
+  "&rsquo;": "\u2019",
+  "&ldquo;": "\u201C",
+  "&rdquo;": "\u201D",
+  "&bull;": "\u2022",
+  "&hellip;": "\u2026",
+  "&copy;": "\xA9",
+  "&reg;": "\xAE",
+  "&trade;": "\u2122",
+  "&rarr;": "\u2192",
+  "&larr;": "\u2190",
+  "&uarr;": "\u2191",
+  "&darr;": "\u2193",
+  "&times;": "\xD7",
+  "&divide;": "\xF7"
+};
+function decodeEntities(text) {
+  return text.replace(/&(?:#(\d+)|#x([0-9a-fA-F]+)|(\w+));/g, (match, dec, hex, named) => {
+    if (dec) return String.fromCodePoint(parseInt(dec, 10));
+    if (hex) return String.fromCodePoint(parseInt(hex, 16));
+    if (named) return ENTITY_MAP[`&${named};`] ?? match;
+    return match;
+  });
+}
 function generate(ast, options) {
   const gen = new CodeGenerator(options);
   return gen.generate(ast);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matthesketh/utopia-compiler",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Compiler for .utopia single-file components",
   "type": "module",
   "license": "MIT",
@@ -39,7 +39,7 @@
     "dist"
   ],
   "dependencies": {
-    "@matthesketh/utopia-core": "0.0.2"
+    "@matthesketh/utopia-core": "0.0.4"
   },
   "scripts": {
     "build": "tsup src/index.ts --format esm,cjs --dts",