vike-lite 1.0.17 → 1.0.18

package/README.md

@@ -17,18 +17,19 @@ Add Vite plugin
 
 ```ts
 // vite.config.ts
+import type { UserConfig } from 'vite'
 import vikeLite from 'vike-lite/vite'
 
 export default {
   plugins: [
     vikeLite()
   ]
-}
+} satisfies UserConfig
 ```
 
-#### Hooks
+### 🪝 Hooks
 
-### renderPage
+#### renderPage
 ```ts
 // /server/index.ts
 import { cors } from 'hono/cors'

package/dist/vite.mjs

@@ -54,31 +54,27 @@ function generateRoutes(pagesAbsPath) {
 		errorRoute
 	};
 }
-const cssCache = /* @__PURE__ */ new Map();
 /**
 * Anti-FOUC: Inspect all known SSR modules, ask the client environment
 * to translate them into plain text (thanks to ?direct) and return them.
 */
 async function injectFOUCStyles(server, html) {
+	const styles = /* @__PURE__ */ new Set();
 	const ssrEnv = server.environments.ssr;
 	const clientEnv = server.environments.client;
-	const styles = /* @__PURE__ */ new Set();
-	for (const mod of ssrEnv.moduleGraph.idToModuleMap.values()) if (mod.file && /\.(css|scss|sass|less|styl|stylus)($|\?)/.test(mod.file)) {
-		let css = cssCache.get(mod.file);
-		if (!css) try {
-			const url = mod.url.split("?", 1)[0] + "?direct";
-			css = (await clientEnv.transformRequest(url))?.code ?? "";
-			cssCache.set(mod.file, css);
-		} catch {}
-		if (css) styles.add(css);
+	for (const mod of ssrEnv.moduleGraph.idToModuleMap.values()) {
+		if (!(mod.file && /\.(css|scss|sass|less|styl|stylus)($|\?)/.test(mod.file))) continue;
+		const url = mod.url.split("?", 1)[0] + "?direct";
+		try {
+			const result = await clientEnv.transformRequest(url);
+			if (result?.code) styles.add(result.code);
+		} catch (e) {}
 	}
 	if (styles.size === 0) return html;
+	const cssContent = Array.from(styles).join("");
 	const headEndIndex = html.lastIndexOf("</head>");
-	const bodyEndIndex = html.lastIndexOf("</body>");
-	let cssContent = "";
-	for (const s of styles) cssContent += s;
-	const inlineCss = `<style type="text/css" data-vite-dev-fouc>${cssContent}</style>`;
-	return html.slice(0, headEndIndex) + inlineCss + html.slice(headEndIndex, bodyEndIndex) + `<script type="module" data-vite-dev-fouc-cleanup>requestAnimationFrame(()=>{document.querySelectorAll('[data-vite-dev-fouc]').forEach(el=>el.remove());document.currentScript?.remove();})<\/script>` + html.slice(bodyEndIndex);
+	if (headEndIndex === -1) return html;
+	return `${html.slice(0, headEndIndex)}<style type="text/css" data-vite-dev-fouc>${cssContent}</style>${html.slice(headEndIndex)}`;
 }
 function routerPlugin({ pagesDir = "pages", serverEntry = "server/index.ts", apiPrefix = "/api" } = {}) {
 	const isProd = process.env.NODE_ENV === "production";
@@ -177,11 +173,10 @@ function routerPlugin({ pagesDir = "pages", serverEntry = "server/index.ts", api
 				const manifestPath = path.join(viteConfigRoot, "../dist/client/.vite/manifest.json");
 				return `export default ${fs.readFileSync(manifestPath, "utf8")}`;
 			}
-			if (id === resolvedVirtualEntryClientId) return `
-          import { routes, errorRoute } from '${virtualModuleId}';
+			if (id === resolvedVirtualEntryClientId) return `import { routes, errorRoute } from '${virtualModuleId}';
           import { onRenderClient } from '${virtualAdapterId}';
-          onRenderClient().then((module) => { module.default({ routes, errorRoute })});
-        `;
+          const { default: render } = await onRenderClient();
+          render({ routes, errorRoute });`;
 			if (id === resolvedVirtualSetupId) return `
           import { routes, errorRoute, config } from '${virtualModuleId}';
           import { setVikeState } from 'vike-lite/__internal/server';
@@ -243,9 +238,6 @@ function routerPlugin({ pagesDir = "pages", serverEntry = "server/index.ts", api
 					}
 				});
 			};
-		},
-		handleHotUpdate(ctx) {
-			if (/\.(css|scss|sass|less|styl|stylus)$/.test(ctx.file)) cssCache.delete(ctx.file);
 		}
 	};
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vike-lite",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.mjs",