added logic for 1 tag elements

SparkPost · Oct 15, 2017 · 8bbd04a · 8bbd04a
1 parent 216cffa
commit 8bbd04a
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/packages/heml-render/package-lock.json b/packages/heml-render/package-lock.json
diff --git a/packages/heml-render/package.json b/packages/heml-render/package.json
@@ -6,6 +6,7 @@
   "author": "SparkPost <[email protected]> (https://sparkpost.com)",
   "license": "MIT",
   "dependencies": {
+    "html-tags": "^2.0.0",
     "is-promise": "^2.1.0",
     "lodash": "^4.17.4",
     "stringify-attributes": "^1.0.0"

diff --git a/packages/heml-render/src/renderElement.js b/packages/heml-render/src/renderElement.js
@@ -1,6 +1,7 @@
 import stringifyAttributes from 'stringify-attributes'
 import isPromise from 'is-promise'
 import { isString, isArray, defaults, mapValues, castArray } from 'lodash'
+import selfClosingHtmlTags from 'html-tags/void'
 
 export default function (name, attrs, contents) {
   if (!isString(name)) {
@@ -39,5 +40,9 @@ export default function (name, attrs, contents) {
   }
 
   /** if we have a regular ol element go ahead and convert it to a string */
+  if (selfClosingHtmlTags.includes(name)) {
+    return `<${name}${attrs ? stringifyAttributes(attrs) : ''} />`
+  }
+
   return `<${name}${attrs ? stringifyAttributes(attrs) : ''}>${contents || '&zwnj;'}</${name}>`
 }