Drop some more bytes. Switch to microbundle and eslint-config-developit.

Author: developit

.babelrc

@@ -8,13 +8,10 @@
   "module": "dist/index.mjs",
   "jsnext:main": "dist/index.mjs",
   "scripts": {
-    "x-build": "microbundle src/index.js src/jsx.js --target web --external none --no-compress && npm run -s copy-typescript-definition",
     "build": "npm run -s transpile && npm run -s transpile:jsx && npm run -s copy-typescript-definition",
     "transpile": "microbundle src/index.js -f es,umd --target web --external none",
     "transpile:jsx": "microbundle src/jsx.js -o dist/jsx.js --target web --external none",
     "copy-typescript-definition": "copyfiles -f src/index.d.ts dist",
-    "x-transpile": "rollup -c rollup.config.js -m ${npm_package_main}.map -f umd -n $npm_package_amdName $npm_package_jsnext_main -o $npm_package_main",
-    "x-transpile:jsx": "ENTRY=jsx rollup -c rollup.config.js -m dist/jsx.js.map -f umd -n $npm_package_amdName src/jsx.js -o dist/jsx.js",
     "test": "eslint src test && mocha --compilers js:babel-register test/**/*.js",
     "prepublish": "npm run build",
     "release": "npm run build && git commit -am $npm_package_version && git tag $npm_package_version && git push && git push --tags && npm publish"
@@ -25,44 +22,55 @@
     "universal",
     "isomorphic"
   ],
+  "eslintConfig": {
+    "extends": "developit",
+    "rules": {
+      "react/prefer-stateless-function": 0,
+      "react/jsx-no-bind": 0,
+      "react/no-danger": 0,
+      "jest/valid-expect": 0,
+      "new-cap": 0
+    }
+  },
+  "babel": {
+    "presets": [
+      "env"
+    ],
+    "plugins": [
+      [
+        "transform-react-jsx",
+        {
+          "pragma": "h"
+        }
+      ],
+      "transform-object-rest-spread"
+    ]
+  },
   "author": "Jason Miller <[email protected]>",
   "license": "MIT",
   "typings": "src/index.d.ts",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/developit/preact-render-to-string.git"
-  },
-  "bugs": {
-    "url": "https://github.com/developit/preact-render-to-string/issues"
-  },
+  "repository": "developit/preact-render-to-string",
+  "bugs": "https://github.com/developit/preact-render-to-string/issues",
   "homepage": "https://github.com/developit/preact-render-to-string",
   "peerDependencies": {
     "preact": "*"
   },
   "devDependencies": {
-    "babel-cli": "^6.11.4",
-    "babel-core": "^6.11.4",
-    "babel-eslint": "^6.1.2",
-    "babel-plugin-transform-class-properties": "^6.10.2",
-    "babel-plugin-transform-react-jsx": "^6.8.0",
-    "babel-preset-es2015": "^6.9.0",
-    "babel-preset-stage-0": "^6.5.0",
-    "babel-register": "^6.9.0",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "babel-plugin-transform-react-jsx": "^6.24.1",
+    "babel-preset-env": "^1.7.0",
+    "babel-register": "^6.26.0",
     "chai": "^3.5.0",
     "copyfiles": "^1.2.0",
-    "eslint": "^3.2.2",
-    "mocha": "^3.0.0",
+    "eslint": "^4.19.1",
+    "eslint-config-developit": "^1.1.1",
+    "microbundle": "^0.6.0",
+    "mocha": "^5.2.0",
     "preact": "^8.1.0",
-    "rollup": "^0.34.3",
-    "rollup-plugin-babel": "^2.6.1",
-    "rollup-plugin-commonjs": "^3.3.1",
-    "rollup-plugin-memory": "^1.0.0",
-    "rollup-plugin-node-resolve": "^2.0.0",
     "sinon": "^1.17.5",
     "sinon-chai": "^2.8.0"
   },
   "dependencies": {
-    "microbundle": "^0.6.0",
     "pretty-format": "^3.5.1"
   }
 }

.eslintrc

@@ -5,8 +5,6 @@ const SHALLOW = { shallow: true };
 // components without names, kept as a hash for later comparison to return consistent UnnamedComponentXX names.
 const UNNAMED = [];
 
-const EMPTY = {};
-
 const VOID_ELEMENTS = /^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/;
 
 
@@ -34,19 +32,20 @@ let shallowRender = (vnode, context) => renderToString(vnode, context, SHALLOW);
 
 
 /** The default export is an alias of `render()`. */
-export default function renderToString(vnode, context, opts, inner, isSvgMode) {
-	let { nodeName, attributes, children } = vnode || EMPTY,
+function renderToString(vnode, context, opts, inner, isSvgMode) {
+	if (vnode==null || typeof vnode==='boolean') {
+		return '';
+	}
+
+	let nodeName = vnode.nodeName,
+		attributes = vnode.attributes,
 		isComponent = false;
 	context = context || {};
 	opts = opts || {};
 
 	let pretty = opts.pretty,
 		indentChar = typeof pretty==='string' ? pretty : '\t';
 
-	if (vnode==null || typeof vnode==='boolean') {
-		return '';
-	}
-
 	// #text nodes
 	if (typeof vnode!=='object' && !nodeName) {
 		return encodeEntities(vnode);
@@ -99,16 +98,16 @@ export default function renderToString(vnode, context, opts, inner, isSvgMode) {
 				v = attributes[name];
 			if (name==='children') continue;
 
-			if (name.match(/[\s\n\/='"\0<>]/)) continue;
+			if (name.match(/[\s\n\\/='"\0<>]/)) continue;
 
 			if (!(opts && opts.allAttributes) && (name==='key' || name==='ref')) continue;
 
 			if (name==='className') {
-				if (attributes['class']) continue;
+				if (attributes.class) continue;
 				name = 'class';
 			}
-			else if (isSvgMode && name.match(/^xlink\:?./)) {
-				name = name.toLowerCase().replace(/^xlink\:?/, 'xlink:');
+			else if (isSvgMode && name.match(/^xlink:?./)) {
+				name = name.toLowerCase().replace(/^xlink:?/, 'xlink:');
 			}
 
 			if (name==='style' && v && typeof v==='object') {
@@ -144,24 +143,23 @@ export default function renderToString(vnode, context, opts, inner, isSvgMode) {
 	else if (pretty && ~s.indexOf('\n')) s += '\n';
 
 	s = `<${nodeName}${s}>`;
-	if (nodeName.match(/[\s\n\/='"\0<>]/)) throw s;
+	if (nodeName.match(/[\s\n\\/='"\0<>]/)) throw s;
 
 	let isVoid = nodeName.match(VOID_ELEMENTS);
 	if (isVoid) s = s.replace(/>$/, ' />');
 
+	let pieces = [];
 	if (html) {
 		// if multiline, indent.
 		if (pretty && isLargeString(html)) {
 			html = '\n' + indentChar + indent(html, indentChar);
 		}
 		s += html;
 	}
-	else {
-		let len = children && children.length,
-			pieces = [],
-			hasLarge = ~s.indexOf('\n');
-		for (let i=0; i<len; i++) {
-			let child = children[i];
+	else if (vnode.children) {
+		let hasLarge = ~s.indexOf('\n');
+		for (let i=0; i<vnode.children.length; i++) {
+			let child = vnode.children[i];
 			if (child!=null && child!==false) {
 				let childSvgMode = nodeName==='svg' ? true : nodeName==='foreignObject' ? false : isSvgMode,
 					ret = renderToString(child, context, opts, true, childSvgMode);
@@ -174,12 +172,13 @@ export default function renderToString(vnode, context, opts, inner, isSvgMode) {
 				pieces[i] = '\n' + indentChar + indent(pieces[i], indentChar);
 			}
 		}
-		if (pieces.length) {
-			s += pieces.join('');
-		}
-		else if (opts && opts.xml) {
-			return s.substring(0, s.length-1) + ' />';
-		}
+	}
+
+	if (pieces.length) {
+		s += pieces.join('');
+	}
+	else if (opts && opts.xml) {
+		return s.substring(0, s.length-1) + ' />';
 	}
 
 	if (!isVoid) {
@@ -216,6 +215,7 @@ function getFallbackComponentName(component) {
 }
 renderToString.shallowRender = shallowRender;
 
+export default renderToString;
 
 export {
 	renderToString as render,

package.json

@@ -1,7 +1,6 @@
 import render from '../src/jsx';
 import { h, Component } from 'preact';
 import chai, { expect } from 'chai';
-import { spy, match } from 'sinon';
 import sinonChai from 'sinon-chai';
 chai.use(sinonChai);
 
@@ -62,7 +61,7 @@ describe('jsx', () => {
 		function F(){}
 		expect(renderJsx(
 			<F b={false}>bar</F>,
-			{ shallow:true, renderRootComponent:false }
+			{ shallow: true, renderRootComponent: false }
 		)).to.equal(dedent`
 			<F b={false}>bar</F>
 		`);
@@ -108,7 +107,8 @@ describe('jsx', () => {
 			<a b={[
 				<c />,
 				<d f="g" />
-			]}>bar</a>
+			]}
+			>bar</a>
 		)).to.equal(dedent`
 			<a
 				b={
@@ -148,7 +148,7 @@ describe('jsx', () => {
 	it('should skip null siblings', () => {
 		expect(renderJsx(
 			<jsx>
-				<span/>
+				<span />
 				{null}
 			</jsx>
 		)).to.deep.equal(dedent`
@@ -161,19 +161,19 @@ describe('jsx', () => {
 	it('should skip functions if functions=false', () => {
 		expect(renderJsx(
 			<div onClick={() => {}} />,
-			{ functions:false }
+			{ functions: false }
 		)).to.equal('<div></div>');
 	});
 
 	it('should skip function names if functionNames=false', () => {
 		expect(renderJsx(
 			<div onClick={() => {}} />,
-			{ functionNames:false }
+			{ functionNames: false }
 		)).to.equal('<div onClick={Function}></div>');
 
 		expect(renderJsx(
 			<div onClick={function foo(){}} />,
-			{ functionNames:false }
+			{ functionNames: false }
 		)).to.equal('<div onClick={Function}></div>');
 	});
 

src/index.js

@@ -1,12 +1,11 @@
-import { render, shallowRender } from '../src';
-import { h, Component } from 'preact';
+import { render } from '../src';
+import { h } from 'preact';
 import chai, { expect } from 'chai';
-import { spy, match } from 'sinon';
 import sinonChai from 'sinon-chai';
 chai.use(sinonChai);
 
 describe('pretty', () => {
-	let prettyRender = jsx => render(jsx, {}, { pretty:true });
+	let prettyRender = jsx => render(jsx, {}, { pretty: true });
 
 	it('should render no whitespace by default', () => {
 		let rendered = render(