Count: {count}
+ +An error ocurred:
${error.message}`
+ );
+ }
+ });
+
+ // Abandon and switch to client rendering if enough time passes.
+ // Try lowering this to see the client recover.
+ setTimeout(abort, 10000);
+}
diff --git a/demo/vite.config.js b/demo/vite.config.js
new file mode 100644
index 00000000..80a11efa
--- /dev/null
+++ b/demo/vite.config.js
@@ -0,0 +1,59 @@
+import { defineConfig } from 'vite';
+import preact from '@preact/preset-vite';
+import path from 'path';
+import { promises as fs } from 'fs';
+
+function ssrPlugin() {
+ return {
+ name: 'ssrPlugin',
+
+ configureServer(server) {
+ server.middlewares.use(async (req, res, next) => {
+ if (req.url !== '/') {
+ return next();
+ }
+
+ const { render } = await server.ssrLoadModule(
+ path.resolve(__dirname, './src/entry-server')
+ );
+
+ const indexHtml = await fs.readFile(
+ path.resolve(__dirname, './index.html'),
+ 'utf-8'
+ );
+
+ const url = new URL('http://localhost:5173/' + req.url);
+ const template = await server.transformIndexHtml(
+ url.toString(),
+ indexHtml
+ );
+
+ /**
+ * Scrape out `head` contents injected by Vite. This is used for React runtime and fast refresh.
+ * It will be injected into the `` React component shell in the server entrypoint.
+ */
+ const head = template.match(/(.+?)<\/head>/s)[1];
+
+ return render({ res, head });
+ });
+ }
+ };
+}
+
+export default defineConfig({
+ // @ts-ignore
+ ssr: {
+ noExternal: /./
+ },
+ build: {
+ ssrManifest: true
+ },
+ resolve: {
+ alias: {
+ preact: path.resolve(__dirname, './node_modules/preact'),
+ 'preact/compat': path.resolve(__dirname, './node_modules/preact/compat'),
+ 'preact/hooks': path.resolve(__dirname, './node_modules/preact/hooks')
+ }
+ },
+ plugins: [ssrPlugin(), preact()]
+});
diff --git a/package-lock.json b/package-lock.json
index 9f2bdadd..17bba44e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,6 +5,7 @@
"requires": true,
"packages": {
"": {
+ "name": "preact-render-to-string",
"version": "5.2.6",
"license": "MIT",
"dependencies": {
@@ -25,7 +26,7 @@
"lint-staged": "^10.5.3",
"microbundle": "^0.15.1",
"mocha": "^8.2.1",
- "preact": "^10.11.1",
+ "preact": "^10.12.0",
"prettier": "^2.2.1",
"sinon": "^9.2.2",
"sinon-chai": "^3.5.0",
@@ -10791,9 +10792,9 @@
}
},
"node_modules/preact": {
- "version": "10.11.1",
- "resolved": "https://registry.npmjs.org/preact/-/preact-10.11.1.tgz",
- "integrity": "sha512-1Wz5PCRm6Fg+6BTXWJHhX4wRK9MZbZBHuwBqfZlOdVm2NqPe8/rjYpufvYCwJSGb9layyzB2jTTXfpCTynLqFQ==",
+ "version": "10.12.1",
+ "resolved": "https://registry.npmjs.org/preact/-/preact-10.12.1.tgz",
+ "integrity": "sha512-l8386ixSsBdbreOAkqtrwqHwdvR35ID8c3rKPa8lCWuO86dBi32QWHV4vfsZK1utLLFMvw+Z5Ad4XLkZzchscg==",
"dev": true,
"funding": {
"type": "opencollective",
@@ -13112,21 +13113,6 @@
"url": "https://github.com/sponsors/ljharb"
}
},
- "node_modules/unbox-primitive": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
- "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
- "dev": true,
- "dependencies": {
- "call-bind": "^1.0.2",
- "has-bigints": "^1.0.2",
- "has-symbols": "^1.0.3",
- "which-boxed-primitive": "^1.0.2"
- },
- "funding": {
- "url": "https://github.com/sponsors/ljharb"
- }
- },
"node_modules/unicode-canonical-property-names-ecmascript": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
@@ -22526,9 +22512,9 @@
"dev": true
},
"preact": {
- "version": "10.11.1",
- "resolved": "https://registry.npmjs.org/preact/-/preact-10.11.1.tgz",
- "integrity": "sha512-1Wz5PCRm6Fg+6BTXWJHhX4wRK9MZbZBHuwBqfZlOdVm2NqPe8/rjYpufvYCwJSGb9layyzB2jTTXfpCTynLqFQ==",
+ "version": "10.12.1",
+ "resolved": "https://registry.npmjs.org/preact/-/preact-10.12.1.tgz",
+ "integrity": "sha512-l8386ixSsBdbreOAkqtrwqHwdvR35ID8c3rKPa8lCWuO86dBi32QWHV4vfsZK1utLLFMvw+Z5Ad4XLkZzchscg==",
"dev": true
},
"preferred-pm": {
diff --git a/package.json b/package.json
index 7797f7df..49fd03d7 100644
--- a/package.json
+++ b/package.json
@@ -134,7 +134,7 @@
"lint-staged": "^10.5.3",
"microbundle": "^0.15.1",
"mocha": "^8.2.1",
- "preact": "^10.11.1",
+ "preact": "^10.12.0",
"prettier": "^2.2.1",
"sinon": "^9.2.2",
"sinon-chai": "^3.5.0",
From fa44f465fc7f0b46d7d694baedf746c8e61d4cfe Mon Sep 17 00:00:00 2001
From: jdecroock An error ocurred:
${error.message}`
- );
+ const { pipe, abort } = renderToPipeableStream(
+ An error ocurred:
${error.message}`
+ );
+ }
}
- });
+ );
// Abandon and switch to client rendering if enough time passes.
// Try lowering this to see the client recover.
From e8be966dc19873210b402d431cdde401dfe25eb9 Mon Sep 17 00:00:00 2001
From: jdecroock An error ocurred:
${error.message}`
- );
- }
+ const { pipe, abort } = renderToPipeableStream(An error ocurred:
${error.message}`
+ );
}
- );
+ });
// Abandon and switch to client rendering if enough time passes.
// Try lowering this to see the client recover.
From bd735051b4ed256744c44e46e901c1e701c98544 Mon Sep 17 00:00:00 2001
From: jdecroock