Replace renderToString to renderToStringAsync (#10)

* update preact-render-to-string 6.4.0

* replace `renderToString` to `renderToStringAsync`

fix format

* fix peerDependencies

* remove render block

* fix jsdoc

* fix: TS types for maxDepth removal

---------

Co-authored-by: Ryan Christian <[email protected]>

Author: takurinton

package.json

@@ -39,7 +39,7 @@
 	},
 	"peerDependencies": {
 		"preact": ">=10",
-		"preact-render-to-string": ">=5"
+		"preact-render-to-string": ">=6.4.0"
 	},
 	"peerDependenciesMeta": {
 		"preact-render-to-string": {
@@ -52,6 +52,6 @@
 		"jest-environment-jsdom": "^29.7.0",
 		"jsdom": "^22.1.0",
 		"preact": "10.15.1",
-		"preact-render-to-string": "^6.2.2"
+		"preact-render-to-string": "^6.4.0"
 	}
-}
+}

src/prerender.d.ts

@@ -1,7 +1,6 @@
 import { VNode } from 'preact';
 
 export interface PrerenderOptions {
-	maxDepth?: number;
 	props?: Record<string, unknown>;
 }
 

src/prerender.js

@@ -1,5 +1,5 @@
 import { h, options, cloneElement } from 'preact';
-import renderToString from 'preact-render-to-string';
+import { renderToStringAsync } from 'preact-render-to-string';
 
 let vnodeHook;
 
@@ -12,32 +12,19 @@ options.vnode = vnode => {
 /**
  * @param {ReturnType<h>} vnode The root JSX element to render (eg: `<App />`)
  * @param {object} [options]
- * @param {number} [options.maxDepth = 10] The maximum number of nested asynchronous operations to wait for before flushing
  * @param {object} [options.props] Additional props to merge into the root JSX element
  */
 export default async function prerender(vnode, options) {
 	options = options || {};
 
-	const maxDepth = options.maxDepth || 10;
 	const props = options.props;
-	let tries = 0;
 
 	if (typeof vnode === 'function') {
 		vnode = h(vnode, props);
 	} else if (props) {
 		vnode = cloneElement(vnode, props);
 	}
 
-	const render = () => {
-		if (++tries > maxDepth) return;
-		try {
-			return renderToString(vnode);
-		} catch (e) {
-			if (e && e.then) return e.then(render);
-			throw e;
-		}
-	};
-
 	let links = new Set();
 	vnodeHook = ({ type, props }) => {
 		if (type === 'a' && props && props.href && (!props.target || props.target === '_self')) {
@@ -46,7 +33,7 @@ export default async function prerender(vnode, options) {
 	};
 
 	try {
-		let html = await render();
+		let html = await renderToStringAsync(vnode);
 		html += `<script type="isodata"></script>`;
 		return { html, links };
 	} finally {

yarn.lock

@@ -1261,7 +1261,7 @@ has@^1.0.3:
   resolved "https://registry.yarnpkg.com/has/-/has-1.0.4.tgz#2eb2860e000011dae4f1406a86fe80e530fb2ec6"
   integrity sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==
 
-htm@^3.0.4:
+htm@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/htm/-/htm-3.1.1.tgz#49266582be0dc66ed2235d5ea892307cc0c24b78"
   integrity sha512-983Vyg8NwUE7JkZ6NmOqpCZ+sh1bKv2iYTlUkzlWmA5JD2acKoxd4KVxbMmxX/85mtfdnDmTFoNKcg5DGAvxNQ==
@@ -1790,7 +1790,7 @@ jest-worker@^29.7.0:
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-[email protected]:
+jest@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/jest/-/jest-29.7.0.tgz#994676fc24177f088f1c5e3737f5697204ff2613"
   integrity sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==
@@ -2112,10 +2112,10 @@ pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
-preact-render-to-string@^6.2.2:
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/preact-render-to-string/-/preact-render-to-string-6.2.2.tgz#eb086b6db5d57468ab2c184896884fb0a818245d"
-  integrity sha512-YDfXQiVeYZutFR8/DpxLSbW3W6b7GgjBExRBxOOqcjrGq5rA9cziitQdNPMZe4RVMSdfBnf4hYqyeLs/KvtIuA==
+preact-render-to-string@^6.4.0:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/preact-render-to-string/-/preact-render-to-string-6.4.0.tgz#03cdd661d35e9ac76bed9f0e37ccceb42cae5fa5"
+  integrity sha512-pzDwezZaLbK371OiJjXDsZJwVOALzFX5M1wEh2Kr0pEApq5AV6bRH/DFbA/zNA7Lck/duyREPQLLvzu2G6hEQQ==
   dependencies:
     pretty-format "^3.8.0"