@ubean/cli 0.4.1 → 0.4.3

package/dist/cli.js

@@ -501,6 +501,35 @@ function loadScaffoldOps() {
 		recoverScaffold
 	};
 }
+/**
+* Collect render-blocking CSS URLs from the Vite dev module graph.
+*
+* In dev, CSS imported from JS (virtual uno.css entry, global.css, font css)
+* is only applied once the client entry module graph has fully loaded and
+* executed — SSR HTML paints unstyled for that gap (FOUC). Injecting the same
+* CSS modules as blocking `<link>` tags lets the browser fetch them in
+* parallel with the JS graph, so the first paint is styled.
+*
+* `?direct` tells Vite's transform middleware to return raw CSS
+* (`Content-Type: text/css`) instead of the JS style-injection wrapper.
+* Modules whose URL already carries a query (SFC `<style>` blocks such as
+* `*.vue?vue&type=style&...`) cannot be served this way and are skipped.
+*/
+function collectDevCssLinks(moduleGraph) {
+	const links = /* @__PURE__ */ new Set();
+	for (const mod of moduleGraph.idToModuleMap.values()) {
+		const { url, id } = mod;
+		if (!url || url.includes("?")) continue;
+		if (id?.endsWith(".css") || url.endsWith(".css")) links.add(`${url}?direct`);
+	}
+	return [...links];
+}
+/** Inject blocking stylesheet links right before `</head>`. */
+function injectStylesheetLinks(html, hrefs) {
+	if (!hrefs.length || !html.includes("</head>")) return html;
+	const tags = hrefs.map((href) => `<link rel="stylesheet" href="${href}">`).join("");
+	return html.replace("</head>", `${tags}</head>`);
+}
 async function createViteDevServer(options) {
 	const { cwd, config, app: initialApp, layouts: initialLayouts = [] } = options;
 	const host = options.host || "localhost";
@@ -573,8 +602,8 @@ async function createViteDevServer(options) {
 			const contentType = webRes.headers.get("content-type") || "";
 			const skipTransform = (req.url || "").startsWith("/_devtools");
 			if (contentType.includes("text/html") && webRes.body && !skipTransform) {
-				const html = await webRes.text();
-				const transformedHtml = await viteServer.transformIndexHtml(req.url || "/", html);
+				const htmlWithCss = injectStylesheetLinks(await webRes.text(), collectDevCssLinks(viteServer.moduleGraph));
+				const transformedHtml = await viteServer.transformIndexHtml(req.url || "/", htmlWithCss);
 				res.statusCode = webRes.status;
 				res.statusMessage = webRes.statusText;
 				webRes.headers.forEach((value, key) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ubean/cli",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "CLI for ubean (ubean-next binary: dev, build, prepare, init, preview, page, env, config, devtools, api/layout/middleware/cron/plugin scaffolds) plus the Vite dev server runner",
   "bin": {
     "ubean-next": "./bin/ubean-next.mjs"
@@ -24,29 +24,29 @@
     }
   },
   "dependencies": {
-    "@ubean/app": "0.4.1",
-    "@ubean/build": "0.4.1",
-    "@ubean/client": "0.4.1",
-    "@ubean/config": "0.4.1",
-    "@ubean/i18n": "0.4.1",
-    "@ubean/islands": "0.4.1",
-    "@ubean/preset": "0.4.1",
-    "@ubean/scan": "0.4.1",
-    "@ubean/shared": "0.4.1",
+    "@ubean/app": "0.4.3",
+    "@ubean/build": "0.4.3",
+    "@ubean/client": "0.4.3",
+    "@ubean/config": "0.4.3",
+    "@ubean/i18n": "0.4.3",
+    "@ubean/islands": "0.4.3",
+    "@ubean/preset": "0.4.3",
+    "@ubean/scan": "0.4.3",
+    "@ubean/shared": "0.4.3",
     "citty": "^0.2.2",
     "kolorist": "^1.8.0",
     "pathe": "^2.0.3"
   },
   "devDependencies": {
-    "@types/node": "^26.4.1",
+    "@types/node": "^26.5.0",
     "@vitejs/plugin-vue": "^6.0.8",
     "typescript": "7.0.2",
     "vite": "npm:@voidzero-dev/vite-plus-core@0.3.0",
     "vite-plus": "0.3.0"
   },
   "peerDependencies": {
-    "@ubean/content": "0.4.1",
-    "@ubean/devtools": "0.4.1",
+    "@ubean/content": "0.4.3",
+    "@ubean/devtools": "0.4.3",
     "@vitejs/plugin-vue": "^6.0.8",
     "vite": "npm:@voidzero-dev/vite-plus-core@0.3.0"
   },