Merge pull request #156 from preactjs/feature/custom-void-elements

Add voidElements config option

Author: sventschui

src/index.js

@@ -20,6 +20,7 @@ const noop = () => {};
  *	@param {Boolean} [options.shallow=false]	If `true`, renders nested Components as HTML elements (`<Foo a="b" />`).
  *	@param {Boolean} [options.xml=false]		If `true`, uses self-closing tags for elements without children.
  *	@param {Boolean} [options.pretty=false]		If `true`, adds whitespace for readability
+ *	@param {RegEx|undefined} [options.voidElements]       RegeEx that matches elements that are considered void (self-closing)
  */
 renderToString.render = renderToString;
 
@@ -227,7 +228,7 @@ function renderToString(vnode, context, opts, inner, isSvgMode, selectValue) {
 	s = `<${nodeName}${s}>`;
 	if (String(nodeName).match(/[\s\n\\/='"\0<>]/)) throw new Error(`${nodeName} is not a valid HTML tag name in ${s}`);
 
-	let isVoid = String(nodeName).match(VOID_ELEMENTS);
+	let isVoid = String(nodeName).match(VOID_ELEMENTS) || (opts.voidElements && String(nodeName).match(opts.voidElements));
 	if (isVoid) s = s.replace(/>$/, ' />');
 
 	let pieces = [];

test/render.js

@@ -138,6 +138,13 @@ describe('render', () => {
 			expect(rendered).to.equal(expected);
 		});
 
+		it('should self-close custom void elements', () => {
+			let rendered = render(<div><hello-world /></div>, null, { voidElements: /^hello-world$/ }),
+				expected = `<div><hello-world /></div>`;
+
+			expect(rendered).to.equal(expected);
+		});
+
 		it('does not close void elements with closing tags', () => {
 			let rendered = render(<input><p>Hello World</p></input>),
 				expected = `<input /><p>Hello World</p>`;