Restore converting HTML entities in JSX

I broke this in 16675bb. Closes #104.
bublejs · Feb 5, 2018 · 569dd07 · 569dd07
1 parent 65891a8
commit 569dd07
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/src/program/types/JSXElement.js b/src/program/types/JSXElement.js
@@ -1,6 +1,9 @@
 import Node from '../Node.js';
 
 function normalise(str, removeTrailingWhitespace) {
+
+	str = str.replace(/\u00a0/g, '&nbsp;');
+
 	if (removeTrailingWhitespace && /\n/.test(str)) {
 		str = str.replace(/\s+$/, '');
 	}
@@ -43,7 +46,7 @@ export default class JSXElement extends Node {
 				}
 
 				if (child.type === 'JSXText') {
-					const str = normalise(child.raw, i === children.length - 1);
+					const str = normalise(child.value, i === children.length - 1);
 					code.overwrite(child.start, child.end, str);
 				}
 

diff --git a/test/samples/jsx.js b/test/samples/jsx.js
@@ -293,5 +293,19 @@ module.exports = [
 			React.createElement( 'div', null,
 				React.createElement( 'a', null, "1" ), "&nbsp; &nbsp;")
 		`
+	},
+
+	{
+		description: 'transpiles entities',
+
+		input: `
+			<div>
+				<a>1&lt;</a>&nbsp;
+			</div>
+		`,
+		output: `
+			React.createElement( 'div', null,
+				React.createElement( 'a', null, "1<" ), "&nbsp;")
+		`
 	}
 ];