@quiteer/vite 0.1.0 → 0.1.2

package/dist/bin/qvite.mjs

@@ -1,11 +1,11 @@
 #!/usr/bin/env node
 import { cac } from "cac";
 import { build, createServer, loadEnv, mergeConfig } from "vite";
+import UnoCSS from "@quiteer/unocss";
 import { PersistentStore, deepMerge } from "@quiteer/utils";
-import { AutoImport, Components, Icons, IconsResolver, NaiveUiResolver, Progress, UnoCSS, Vue, VueDevTools, VueJsx, bootstrapEnv, createSvgIconsPlugin, envConfigPlugin, fileChangeLoggerPlugin, mockRouterPlugin, removeConsolePlugin, virtualHtmlPlugin } from "@quiteer/vite-plugins";
-import { fileURLToPath } from "node:url";
+import { AutoImport, Components, Icons, IconsResolver, NaiveUiResolver, Progress, Vue, VueDevTools, VueJsx, bootstrapEnv, createSvgIconsPlugin, envConfigPlugin, fileChangeLoggerPlugin, mockRouterPlugin, removeConsolePlugin, virtualHtmlPlugin } from "@quiteer/vite-plugins";
+import path, { join, resolve } from "node:path";
 import { cwd } from "node:process";
-import path, { join } from "node:path";
 import { isFunction } from "@quiteer/is";
 import { parserConfig } from "@quiteer/parser-config";
 import { pathExists } from "fs-extra";
@@ -13,57 +13,73 @@ import { setTimeout } from "node:timers/promises";
 import { getPortPromise } from "portfinder";
 
 //#region package.json
-var version = "0.1.0";
+var version = "0.1.2";
+
+//#endregion
+//#region src/store.ts
+const store = PersistentStore.getInstance("qvite");
+store.set("root", cwd());
+store.set("command", "serve");
+store.set("config", "qvite.config.ts");
+store.set("mode", "development");
+store.set("env", {});
+store.set("minify", false);
+store.set("port", 8080);
+store.set("prefixes", ["QVITE_", "VITE_"]);
 
 //#endregion
 //#region src/defaults.ts
-const defaultOptions = {
-	plugins: {
-		Vue: [{ customElement: true }],
+function getDefaultOptions() {
+	const root$1 = store.get("root");
+	return {
 		UnoCSS: false,
-		VueDevTools: [{}],
-		VueJsx: [{}],
-		Progress: [{}],
-		FileChangeLogger: false,
-		RemoveConsole: false,
-		MockRouter: false,
-		Icons: false,
-		SvgIcons: false,
-		AutoImport: [{ imports: [
-			"vue",
-			"vue-router",
-			{ "naive-ui": [
-				"useDialog",
-				"useMessage",
-				"useNotification",
-				"useLoadingBar"
-			] }
-		] }],
-		Components: [{
-			types: [{
-				from: "vue-router",
-				names: ["RouterLink", "RouterView"]
-			}],
-			resolvers: [NaiveUiResolver(), IconsResolver({
-				customCollections: "local",
-				componentPrefix: "icon-loacl"
-			})]
-		}]
-	},
-	html: {},
-	env: {
-		obfuscate: false,
-		requiredKeys: ["desc"]
-	},
-	vite: {
-		server: {
-			port: 3e3,
-			strictPort: false
+		plugins: {
+			Vue: [{ customElement: true }],
+			VueDevTools: [{}],
+			VueJsx: [{}],
+			Progress: [{}],
+			FileChangeLogger: false,
+			RemoveConsole: false,
+			MockRouter: false,
+			Icons: false,
+			SvgIcons: false,
+			AutoImport: [{ imports: [
+				"vue",
+				"vue-router",
+				{ "naive-ui": [
+					"useDialog",
+					"useMessage",
+					"useNotification",
+					"useLoadingBar"
+				] }
+			] }],
+			Components: [{
+				types: [{
+					from: "vue-router",
+					names: ["RouterLink", "RouterView"]
+				}],
+				resolvers: [NaiveUiResolver(), IconsResolver({
+					customCollections: "local",
+					componentPrefix: "icon-loacl"
+				})]
+			}]
 		},
-		resolve: { alias: { "@": fileURLToPath(new URL("./src", import.meta.url)) } },
-		build: { minify: false }
-	}
-};
+		html: {},
+		env: {
+			obfuscate: false,
+			requiredKeys: ["desc"]
+		},
+		vite: {
+			server: {
+				port: 3e3,
+				open: false,
+				strictPort: false
+			},
+			resolve: { alias: { "@": resolve(root$1, "src") } },
+			build: { minify: false }
+		}
+	};
+}
 
 //#endregion
 //#region src/plugins.ts
@@ -75,32 +91,45 @@ var plugins_default = {
 	Vue,
 	VueDevTools,
 	VueJsx,
-	UnoCSS,
 	Components,
 	SvgIcons: createSvgIconsPlugin,
 	Icons,
 	AutoImport
 };
 
-//#endregion
-//#region src/store.ts
-const store = PersistentStore.getInstance("qvite");
-store.set("root", cwd());
-store.set("command", "serve");
-store.set("config", "qvite.config.ts");
-store.set("mode", "development");
-store.set("env", {});
-store.set("minify", false);
-store.set("port", 8080);
-store.set("prefixes", ["QVITE_", "VITE_"]);
-
 //#endregion
 //#region src/transform.ts
+function withUnoInjection(config) {
+	const { html } = config;
+	if (!config.UnoCSS) return html;
+	const injection = {
+		tag: "script",
+		attrs: { type: "module" },
+		children: `import 'uno.css'`,
+		position: "head"
+	};
+	const next = { ...html };
+	if (next.pages) {
+		const pages = {};
+		for (const [k, v] of Object.entries(next.pages)) {
+			const cfg = { ...v || {} };
+			cfg.tags = [...cfg.tags ?? [], injection];
+			pages[k] = cfg;
+		}
+		next.pages = pages;
+	} else {
+		const cfg = { ...next.config || {} };
+		cfg.tags = [...cfg.tags ?? [], injection];
+		next.config = cfg;
+	}
+	return next;
+}
 async function normalizeConfig(raw) {
-	return deepMerge(defaultOptions, raw);
+	return deepMerge(getDefaultOptions(), raw);
 }
 function geVitePlugins(config) {
-	const { html, env, plugins } = config;
+	const { env, plugins } = config;
+	const html = withUnoInjection(config);
 	return [
 		...Object.keys(plugins).map((key) => {
 			const pluginOptions = plugins[key];
@@ -109,7 +138,8 @@ function geVitePlugins(config) {
 			return null;
 		}).filter(Boolean),
 		virtualHtmlPlugin(html),
-		envConfigPlugin(env)
+		envConfigPlugin(env),
+		config.UnoCSS ? UnoCSS() : void 0
 	];
 }
 async function toViteInlineConfig(config) {

package/dist/index.d.mts

@@ -1,12 +1,11 @@
 import { UserConfig, defineConfig as defineConfig$1 } from "tsdown";
 import { UserConfig as UserConfig$1, defineConfig as defineConfig$2 } from "vite";
-import { AutoImport, Components, EnvConfig, EnvConfigPluginOptions, FileSystemIconLoader, Icons, IconsResolver, NaiveUiResolver, Progress, UnoCSS, VirtualHtmlOptions, Vue, VueDevTools, VueJsx, createSvgIconsPlugin, fileChangeLoggerPlugin, mockRouterPlugin, removeConsolePlugin } from "@quiteer/vite-plugins";
+import { AutoImport, Components, EnvConfig, EnvConfigPluginOptions, FileSystemIconLoader, Icons, IconsResolver, NaiveUiResolver, Progress, VirtualHtmlOptions, Vue, VueDevTools, VueJsx, createSvgIconsPlugin, fileChangeLoggerPlugin, mockRouterPlugin, removeConsolePlugin } from "@quiteer/vite-plugins";
 
 //#region src/typings.d.ts
 type PluginOptions<T extends (...args: any) => any> = boolean | Parameters<T>;
 interface QvitePlugins {
   Vue?: PluginOptions<typeof Vue>;
-  UnoCSS?: PluginOptions<typeof UnoCSS>;
   VueJsx?: PluginOptions<typeof VueJsx>;
   Progress?: PluginOptions<typeof Progress>;
   VueDevTools?: PluginOptions<typeof VueDevTools>;
@@ -19,6 +18,7 @@ interface QvitePlugins {
   AutoImport?: PluginOptions<typeof AutoImport>;
 }
 interface QviteConfig {
+  UnoCSS?: boolean;
   vite?: UserConfig$1;
   tsdown?: UserConfig | UserConfig[];
   plugins?: QvitePlugins;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quiteer/vite",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "在 vite 的基础上增强的前端架构 cli",
   "author": "quiteer",
   "license": "MIT",
@@ -58,8 +58,9 @@
     "vite": "npm:rolldown-vite@7.2.2",
     "zx": "^8.8.5",
     "@quiteer/is": "0.0.2",
+    "@quiteer/unocss": "0.0.0",
     "@quiteer/utils": "0.0.2",
-    "@quiteer/vite-plugins": "^0.0.16"
+    "@quiteer/vite-plugins": "^0.1.2"
   },
   "scripts": {
     "dev": "tsdown -w",