Add support for disabling function and/or function name comparison in JSX mode

Author: developit

src/index.js

@@ -50,7 +50,8 @@ let shallowRender = (vnode, context) => renderToString(vnode, context, SHALLOW);
 
 /** The default export is an alias of `render()`. */
 export default function renderToString(vnode, context, opts, inner) {
-	let { nodeName, attributes, children } = vnode || EMPTY;
+	let { nodeName, attributes, children } = vnode || EMPTY,
+		isComponent = false;
 	context = context || {};
 	opts = opts || {};
 
@@ -68,6 +69,7 @@ export default function renderToString(vnode, context, opts, inner) {
 
 	// components
 	if (typeof nodeName==='function') {
+		isComponent = true;
 		if (opts.shallow && (inner || opts.renderRootComponent===false)) {
 			nodeName = getComponentName(nodeName);
 		}
@@ -111,7 +113,7 @@ export default function renderToString(vnode, context, opts, inner) {
 			if (name==='children') continue;
 			if (!(opts && opts.allAttributes) && (name==='key' || name==='ref')) continue;
 
-			let hooked = opts.attributeHook && opts.attributeHook(name, v, context, opts);
+			let hooked = opts.attributeHook && opts.attributeHook(name, v, context, opts, isComponent);
 			if (hooked || hooked==='') {
 				s += hooked;
 				continue;

src/jsx.js

@@ -20,16 +20,24 @@ let prettyFormatOpts = {
 };
 
 
-function attributeHook(name, value, context, opts) {
-	if (value==null) return '';
+function attributeHook(name, value, context, opts, isComponent) {
+	let type = typeof value;
+
+	// always skip null & undefined values, skip false DOM attributes, skip functions if told to
+	if (value==null || (!isComponent && value===false) || (type==='function' && !opts.functions)) return '';
 
 	let indentChar = typeof opts.pretty==='string' ? opts.pretty : '\t';
-	if (typeof value!=='string') {
-		preactPlugin.context = context;
-		preactPlugin.opts = opts;
-		value = prettyFormat(value, prettyFormatOpts);
-		if (~value.indexOf('\n')) {
-			value = `${indent('\n'+value, indentChar)}\n`;
+	if (type!=='string') {
+		if (type==='function' && !opts.functionNames) {
+			value = 'Function';
+		}
+		else {
+			preactPlugin.context = context;
+			preactPlugin.opts = opts;
+			value = prettyFormat(value, prettyFormatOpts);
+			if (~value.indexOf('\n')) {
+				value = `${indent('\n'+value, indentChar)}\n`;
+			}
 		}
 		return indent(`\n${name}={${value}}`, indentChar);
 	}
@@ -41,6 +49,8 @@ let defaultOpts = {
 	attributeHook,
 	jsx: true,
 	xml: false,
+	functions: true,
+	functionNames: true,
 	pretty: '  '
 };