Merge pull request #189 from developit/collapse-whitespace

Collapse whitespace when { terse: true }

Author: developit

packages/babel-plugin-transform-jsx-to-htm/index.mjs

@@ -4,13 +4,14 @@ import jsx from '@babel/plugin-syntax-jsx';
  * @param {Babel} babel
  * @param {object} [options]
  * @param {string} [options.tag='html']  The tagged template "tag" function name to produce.
- * @param {boolean} [options.terse=false]  Output `<//>` for closing component tags
+ * @param {boolean} [options.terse=false]  Collapse whitespace and use `<//>` for closing component tags
  * @param {string | boolean | object} [options.import=false]  Import the tag automatically
  */
 export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 	const tagString = options.tag || 'html';
 	const tag = dottedIdentifier(tagString);
 	const importDeclaration = tagImport(options.import || false);
+	const terse = options.terse === true;
 
 	function tagImport(imp) {
 		if (imp === false) {
@@ -118,8 +119,9 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 			for (let i = 0; i < children.length; i++) {
 				let child = children[i];
 				if (t.isStringLiteral(child)) {
-					// @todo - expose `whitespace: true` option?
-					escapeText(child.value);
+					let value = child.value;
+					if (terse) value = value.replace(/\n+/g, ' ');
+					escapeText(value);
 				}
 				else if (t.isJSXElement(child)) {
 					processNode(child);
@@ -131,7 +133,7 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 
 			if (!isFragment) {
 				if (isComponentName(name)) {
-					if (options.terse) {
+					if (terse) {
 						raw('<//>');
 					}
 					else {