From d0f4619179af453e939b4466e3a3ee9a996d3cb7 Mon Sep 17 00:00:00 2001
From: jdecroock <decroockjovi@gmail.com>
Date: Tue, 5 Jul 2022 15:42:58 +0200
Subject: [PATCH 1/3] use smarter stringbuilder

---
 src/index.js | 35 +++++++++++++++--------------------
 1 file changed, 15 insertions(+), 20 deletions(-)

diff --git a/src/index.js b/src/index.js
index 6c2b24aa..370b09c9 100644
--- a/src/index.js
+++ b/src/index.js
@@ -85,15 +85,10 @@ function _renderToString(vnode, context, opts, inner, isSvgMode, selectValue) {
 	if (Array.isArray(vnode)) {
 		let rendered = '';
 		for (let i = 0; i < vnode.length; i++) {
-			if (pretty && i > 0) rendered += '\n';
-			rendered += _renderToString(
-				vnode[i],
-				context,
-				opts,
-				inner,
-				isSvgMode,
-				selectValue
-			);
+			if (pretty && i > 0) rendered = rendered + '\n';
+			rendered =
+				rendered +
+				_renderToString(vnode[i], context, opts, inner, isSvgMode, selectValue);
 		}
 		return rendered;
 	}
@@ -289,7 +284,7 @@ function _renderToString(vnode, context, opts, inner, isSvgMode, selectValue) {
 				opts.attributeHook &&
 				opts.attributeHook(name, v, context, opts, isComponent);
 			if (hooked || hooked === '') {
-				s += hooked;
+				s = s + hooked;
 				continue;
 			}
 
@@ -303,7 +298,7 @@ function _renderToString(vnode, context, opts, inner, isSvgMode, selectValue) {
 					v = name;
 					// in non-xml mode, allow boolean attributes
 					if (!opts || !opts.xml) {
-						s += ' ' + name;
+						s = s + ' ' + name;
 						continue;
 					}
 				}
@@ -319,10 +314,10 @@ function _renderToString(vnode, context, opts, inner, isSvgMode, selectValue) {
 						// and the <option> doesn't already have a selected attribute on it
 						typeof props.selected === 'undefined'
 					) {
-						s += ` selected`;
+						s = s + ` selected`;
 					}
 				}
-				s += ` ${name}="${encodeEntities(v)}"`;
+				s = s + ` ${name}="${encodeEntities(v)}"`;
 			}
 		}
 	}
@@ -331,10 +326,10 @@ function _renderToString(vnode, context, opts, inner, isSvgMode, selectValue) {
 	if (pretty) {
 		let sub = s.replace(/\n\s*/, ' ');
 		if (sub !== s && !~sub.indexOf('\n')) s = sub;
-		else if (pretty && ~s.indexOf('\n')) s += '\n';
+		else if (pretty && ~s.indexOf('\n')) s = s + '\n';
 	}
 
-	s += '>';
+	s = s + '>';
 
 	if (UNSAFE_NAME.test(nodeName))
 		throw new Error(`${nodeName} is not a valid HTML tag name in ${s}`);
@@ -350,7 +345,7 @@ function _renderToString(vnode, context, opts, inner, isSvgMode, selectValue) {
 		if (pretty && isLargeString(html)) {
 			html = '\n' + indentChar + indent(html, indentChar);
 		}
-		s += html;
+		s = s + html;
 	} else if (
 		propChildren != null &&
 		getChildren((children = []), propChildren).length
@@ -387,7 +382,7 @@ function _renderToString(vnode, context, opts, inner, isSvgMode, selectValue) {
 						// We merge adjacent text nodes, otherwise each piece would be printed
 						// on a new line.
 						if (lastWasText && isText) {
-							pieces[pieces.length - 1] += ret;
+							pieces[pieces.length - 1] = pieces[pieces.length - 1] + ret;
 						} else {
 							pieces.push(ret);
 						}
@@ -407,7 +402,7 @@ function _renderToString(vnode, context, opts, inner, isSvgMode, selectValue) {
 	}
 
 	if (pieces.length || html) {
-		s += pieces.join('');
+		s = s + pieces.join('');
 	} else if (opts && opts.xml) {
 		return s.substring(0, s.length - 1) + ' />';
 	}
@@ -415,8 +410,8 @@ function _renderToString(vnode, context, opts, inner, isSvgMode, selectValue) {
 	if (isVoid && !children && !html) {
 		s = s.replace(/>$/, ' />');
 	} else {
-		if (pretty && ~s.indexOf('\n')) s += '\n';
-		s += `</${nodeName}>`;
+		if (pretty && ~s.indexOf('\n')) s = s + '\n';
+		s = s + `</${nodeName}>`;
 	}
 
 	return s;

From 806db00daac6bd366e40d631ebe7d63b592775cf Mon Sep 17 00:00:00 2001
From: jdecroock <decroockjovi@gmail.com>
Date: Tue, 5 Jul 2022 15:47:43 +0200
Subject: [PATCH 2/3] changeset

---
 .changeset/twelve-kiwis-tap.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/twelve-kiwis-tap.md

diff --git a/.changeset/twelve-kiwis-tap.md b/.changeset/twelve-kiwis-tap.md
new file mode 100644
index 00000000..fa6322bb
--- /dev/null
+++ b/.changeset/twelve-kiwis-tap.md
@@ -0,0 +1,5 @@
+---
+'preact-render-to-string': patch
+---
+
+Optimize perf by using smarter string builder

From 1a82ffc438cf06eb71b06a48fcb3afeba8bf1882 Mon Sep 17 00:00:00 2001
From: Jovi De Croock <decroockjovi@gmail.com>
Date: Tue, 5 Jul 2022 18:13:39 +0200
Subject: [PATCH 3/3] Update index.js

---
 src/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/index.js b/src/index.js
index 370b09c9..f5024e40 100644
--- a/src/index.js
+++ b/src/index.js
@@ -382,7 +382,7 @@ function _renderToString(vnode, context, opts, inner, isSvgMode, selectValue) {
 						// We merge adjacent text nodes, otherwise each piece would be printed
 						// on a new line.
 						if (lastWasText && isText) {
-							pieces[pieces.length - 1] = pieces[pieces.length - 1] + ret;
+							pieces[pieces.length - 1] += ret;
 						} else {
 							pieces.push(ret);
 						}