Merge pull request #1 from developit/htmmini-size-reduc

[mini] inline build to save a few more bytes

Author: jviide

package.json

@@ -22,7 +22,9 @@
     "extends": "developit",
     "rules": {
       "prefer-const": 0,
-      "no-fallthrough": 0
+      "no-fallthrough": 0,
+      "prefer-rest-params": 0,
+      "func-style": 0
     }
   },
   "jest": {

src/build.mjs

@@ -11,9 +11,121 @@
  * limitations under the License.
  */
 
-import { build } from './build.mjs';
- 
-export default function html() {
-	// eslint-disable-next-line prefer-rest-params
-	return build(this, arguments);
-}
+const MODE_SLASH = 0;
+const MODE_TEXT = 1;
+const MODE_WHITESPACE = 2;
+const MODE_TAGNAME = 3;
+const MODE_ATTRIBUTE = 4;
+
+const htm = function(statics) {
+	const root = [];
+	const stack = [];
+	let mode = MODE_TEXT;
+	let buffer = '';
+	let quote = '';
+	let args = root;
+	let char, propName;
+
+	const commit = () => {
+		if (mode === MODE_TEXT && (buffer = buffer.replace(/^\s*\n\s*|\s*\n\s*$/g, ''))) {
+			args.push(buffer);
+		}
+		else if (mode === MODE_TAGNAME && buffer) {
+			args[0] = buffer;
+			mode = MODE_WHITESPACE;
+		}
+		else if (mode === MODE_WHITESPACE && buffer) {
+			(args[1] = args[1] || {})[buffer] = true;
+		}
+		else if (mode === MODE_ATTRIBUTE && propName) {
+			(args[1] = args[1] || {})[propName] = buffer;
+			propName = '';
+		}
+		buffer = '';
+	};
+
+	for (let i=0; i<statics.length; i++) {
+		if (i) {
+			if (mode === MODE_TEXT) {
+				commit();
+				args.push(arguments[i]);
+			}
+			else if (mode === MODE_TAGNAME) {
+				args[0] = arguments[i];
+				mode = MODE_WHITESPACE;
+			}
+			else if (mode === MODE_WHITESPACE && buffer === '...') {
+				args[1] = Object.assign(args[1] || {}, arguments[i]);
+			}
+			else if (mode === MODE_ATTRIBUTE && propName) {
+				(args[1] = args[1] || {})[propName] = arguments[i];
+				propName = '';
+			}
+			buffer = '';
+		}
+		
+		for (let j=0; j<arguments[0][i].length; j++) {
+			char = arguments[0][i][j];
+
+			if (mode === MODE_TEXT) {
+				if (char === '<') {
+					// commit buffer
+					commit();
+					stack.push(args);
+					args = ['', null];
+					buffer = '';
+					mode = MODE_TAGNAME;
+				}
+				else {
+					buffer += char;
+				}
+			}
+			else if (quote) {
+				if (char === quote) {
+					quote = '';
+				}
+				else {
+					buffer += char;
+				}
+			}
+			else if (char === '"' || char === "'") {
+				quote = char;
+			}
+			else if (char === '>') {
+				commit();
+				mode = MODE_TEXT;
+			}
+			else if (!mode) {
+				// Ignore everything until the tag ends
+			}
+			else if (char === '=') {
+				mode = MODE_ATTRIBUTE;
+				propName = buffer;
+				buffer = '';
+			}
+			else if (char === '/') {
+				commit();
+				if (mode === MODE_TAGNAME) {
+					// no tag name before the slash
+					args = stack.pop();
+				}
+				// eslint-disable-next-line prefer-spread
+				mode = this.apply(null, args); // Use 'mode' as a temporary variable
+				(args = stack.pop()).push(mode);
+				mode = MODE_SLASH;
+			}
+			else if (char === ' ' || char === '\t' || char === '\n' || char === '\r') {
+				// <a disabled>
+				commit();
+				mode = MODE_WHITESPACE;
+			}
+			else {
+				buffer += char;
+			}
+		}
+	}
+	commit();
+	return root.length < 2 ? root[0] : root;
+};
+
+export default htm;