refactor: Switch to vite-prerender-plugin (#153)

* refactor: Switch to `vite-prerender-plugin`

* revert: Support `previewMiddlewareEnabled` yet

* revert: Test script alterations for Node 22+

* chore: Bump vite-prerender-plugin

Author: rschristian

package-lock.json

@@ -17,7 +17,7 @@
 		"dev:build": "vite build demo",
 		"dev:preview": "vite preview demo",
 		"build": "rimraf dist && tsc && tsc -p tsconfig.cjs.json && node tools/postbuild.mjs",
-		"test": "node --test test",
+		"test": "rimraf demo/node_modules && node --test test",
 		"prepublishOnly": "npm run build"
 	},
 	"keywords": [
@@ -36,18 +36,14 @@
 		"dist/"
 	],
 	"dependencies": {
-		"@babel/code-frame": "^7.22.13",
 		"@babel/plugin-transform-react-jsx": "^7.22.15",
 		"@babel/plugin-transform-react-jsx-development": "^7.22.5",
 		"@prefresh/vite": "^2.4.1",
 		"@rollup/pluginutils": "^4.1.1",
 		"babel-plugin-transform-hook-names": "^1.0.2",
 		"debug": "^4.3.4",
 		"kolorist": "^1.8.0",
-		"magic-string": "0.30.5",
-		"node-html-parser": "^6.1.10",
-		"source-map": "^0.7.4",
-		"stack-trace": "^1.0.0-pre2"
+		"vite-prerender-plugin": "^0.5.3"
 	},
 	"peerDependencies": {
 		"@babel/core": "7.x",

package.json

@@ -6,7 +6,7 @@ import type { TransformOptions } from "@babel/core";
 import prefresh from "@prefresh/vite";
 import { preactDevtoolsPlugin } from "./devtools.js";
 import { createFilter, parseId } from "./utils.js";
-import { PrerenderPlugin, HTMLRoutingMiddlewarePlugin } from "./prerender.js";
+import { vitePrerenderPlugin } from "vite-prerender-plugin";
 import { transformAsync } from "@babel/core";
 
 export type BabelOptions = Omit<
@@ -145,6 +145,16 @@ function preactPlugin({
 	reactAliasesEnabled = reactAliasesEnabled ?? true;
 	prerender = prerender ?? { enabled: false };
 
+	const prerenderPlugin = vitePrerenderPlugin(prerender);
+	if (!prerender.previewMiddlewareEnabled) {
+		const idx = prerenderPlugin.findIndex(
+			p => p.name == "serve-prerendered-html",
+		);
+		if (idx > -1) {
+			prerenderPlugin.splice(idx, 1);
+		}
+	}
+
 	const jsxPlugin: Plugin = {
 		name: "vite:preact-jsx",
 		enforce: "pre",
@@ -275,14 +285,7 @@ function preactPlugin({
 		...(prefreshEnabled
 			? [prefresh({ include, exclude, parserPlugins: baseParserOptions })]
 			: []),
-		...(prerender.enabled ? [PrerenderPlugin(prerender)] : []),
-		...(prerender.previewMiddlewareEnabled
-			? [
-					HTMLRoutingMiddlewarePlugin({
-						fallback: prerender.previewMiddlewareFallback,
-					}),
-			  ]
-			: []),
+		...(prerender.enabled ? prerenderPlugin : []),
 	];
 }