Use JSON.stringify for cache key generation

Author: jviide

src/index.mjs

@@ -13,8 +13,10 @@
 
 const CACHE = {};
 
+const stringify = JSON.stringify;
+
 export default function html(statics) {
-	const key = statics.length + statics;
+	const key = stringify(statics);
 	const tpl = CACHE[key] || (CACHE[key] = build(statics));
 
 	// eslint-disable-next-line prefer-rest-params
@@ -55,12 +57,12 @@ const build = (statics) => {
 		if (!inTag) {
 			if (field || (buffer = buffer.replace(/^\s*\n\s*|\s*\n\s*$/g,''))) {
 				if (hasChildren++) out += ',';
-				out += field || JSON.stringify(buffer);
+				out += field || stringify(buffer);
 			}
 		}
 		else if (mode === MODE_TAGNAME) {
 			if (hasChildren++) out += ',';
-			out += 'h(' + (field || JSON.stringify(buffer));
+			out += 'h(' + (field || stringify(buffer));
 			mode = MODE_WHITESPACE;
 		}
 		else if (mode === MODE_ATTRIBUTE || (mode === MODE_WHITESPACE && buffer === '...')) {
@@ -77,8 +79,8 @@ const build = (statics) => {
 				if (!props) props += '{';
 				else props += ',' + (propsClose ? '' : '{');
 				propsClose = '}';
-				props += JSON.stringify(propName) + ':';
-				props += field || ((propHasValue || buffer) && JSON.stringify(buffer)) || 'true';
+				props += stringify(propName) + ':';
+				props += field || ((propHasValue || buffer) && stringify(buffer)) || 'true';
 				propName = '';
 			}
 			propHasValue = false;