@vizejs/vite-plugin 0.33.0 → 0.34.0

package/README.md

@@ -29,16 +29,16 @@ yarn add @vizejs/vite-plugin
 
 ```ts
 // vite.config.ts
-import { defineConfig } from 'vite'
-import vize from '@vizejs/vite-plugin'
+import { defineConfig } from "vite";
+import vize from "@vizejs/vite-plugin";
 
 export default defineConfig({
   plugins: [
     vize({
       // options
-    })
-  ]
-})
+    }),
+  ],
+});
 ```
 
 ### Nuxt
@@ -47,23 +47,23 @@ For Nuxt 3, add the plugin to your `nuxt.config.ts`:
 
 ```ts
 // nuxt.config.ts
-import vize from '@vizejs/vite-plugin'
+import vize from "@vizejs/vite-plugin";
 
 export default defineNuxtConfig({
   vite: {
     plugins: [
       vize({
         // Exclude Nuxt's internal .vue files if needed
-        exclude: [/node_modules/, /#/, /\.nuxt/]
-      })
-    ]
+        exclude: [/node_modules/, /#/, /\.nuxt/],
+      }),
+    ],
   },
 
   // Disable the default Vue plugin
   vue: {
-    propsDestructure: false
-  }
-})
+    propsDestructure: false,
+  },
+});
 ```
 
 **Note**: When using with Nuxt, you may need to disable Nuxt's built-in Vue plugin to avoid conflicts:
@@ -72,19 +72,17 @@ export default defineNuxtConfig({
 // nuxt.config.ts
 export default defineNuxtConfig({
   hooks: {
-    'vite:extendConfig': (config) => {
+    "vite:extendConfig": (config) => {
       // Remove @vitejs/plugin-vue from plugins
       config.plugins = config.plugins?.filter(
-        (p) => p && (Array.isArray(p) ? p[0] : p).name !== 'vite:vue'
-      )
-    }
+        (p) => p && (Array.isArray(p) ? p[0] : p).name !== "vite:vue",
+      );
+    },
   },
   vite: {
-    plugins: [
-      vize()
-    ]
-  }
-})
+    plugins: [vize()],
+  },
+});
 ```
 
 ## Options
@@ -95,55 +93,55 @@ interface VizeNativeOptions {
    * Files to include in compilation
    * @default /\.vue$/
    */
-  include?: string | RegExp | (string | RegExp)[]
+  include?: string | RegExp | (string | RegExp)[];
 
   /**
    * Files to exclude from compilation
    * @default /node_modules/
    */
-  exclude?: string | RegExp | (string | RegExp)[]
+  exclude?: string | RegExp | (string | RegExp)[];
 
   /**
    * Force production mode
    * @default auto-detected from Vite config
    */
-  isProduction?: boolean
+  isProduction?: boolean;
 
   /**
    * Enable SSR mode
    * @default false
    */
-  ssr?: boolean
+  ssr?: boolean;
 
   /**
    * Enable source map generation
    * @default true in development, false in production
    */
-  sourceMap?: boolean
+  sourceMap?: boolean;
 
   /**
    * Enable Vapor mode compilation
    * @default false
    */
-  vapor?: boolean
+  vapor?: boolean;
 
   /**
    * Root directory to scan for .vue files
    * @default Vite's root
    */
-  root?: string
+  root?: string;
 
   /**
    * Glob patterns to scan for .vue files during pre-compilation
    * @default ['**\/*.vue']
    */
-  scanPatterns?: string[]
+  scanPatterns?: string[];
 
   /**
    * Glob patterns to ignore during pre-compilation
    * @default ['node_modules/**', 'dist/**', '.git/**']
    */
-  ignorePatterns?: string[]
+  ignorePatterns?: string[];
 }
 ```
 
@@ -180,26 +178,28 @@ When a `.vue` file changes:
 
 Vize's native compiler is significantly faster than the official Vue compiler:
 
-| Benchmark (15,000 SFCs) | @vue/compiler-sfc | Vize | Speedup |
-|-------------------------|-------------------|------|---------|
-| Single-threaded | 16.21s | 6.65s | **2.4x** |
-| Multi-threaded | 4.13s | 498ms | **8.3x** |
+| Benchmark (15,000 SFCs) | @vue/compiler-sfc | Vize  | Speedup  |
+| ----------------------- | ----------------- | ----- | -------- |
+| Single-threaded         | 16.21s            | 6.65s | **2.4x** |
+| Multi-threaded          | 4.13s             | 498ms | **8.3x** |
 
 ## Comparison with vite-plugin-vize
 
-| Feature | vite-plugin-vize | vite-plugin-vize |
-|---------|------------------|-------------------------|
-| Compiler | WASM | Native (NAPI) |
-| Pre-compilation | No | Yes |
-| Module Loading | Transform | Virtual Module (Load) |
-| Performance | Fast | Fastest |
-| Platform | Any | Node.js only |
+| Feature         | vite-plugin-vize | vite-plugin-vize      |
+| --------------- | ---------------- | --------------------- |
+| Compiler        | WASM             | Native (NAPI)         |
+| Pre-compilation | No               | Yes                   |
+| Module Loading  | Transform        | Virtual Module (Load) |
+| Performance     | Fast             | Fastest               |
+| Platform        | Any              | Node.js only          |
 
 Use `vite-plugin-vize` (WASM-based) when you need:
+
 - Browser compatibility (e.g., StackBlitz, WebContainers)
 - Platform-independent deployment
 
 Use `vite-plugin-vize` when you need:
+
 - Maximum performance
 - Server-side only (standard Node.js environment)
 

package/dist/{index.d.ts → index.d.mts}

@@ -1,9 +1,6 @@
 import { Plugin } from "vite";
 
 //#region ../vize/src/types/compiler.d.ts
-/**
-* Compiler configuration
-*/
 /**
  * Compiler configuration
  */
@@ -88,7 +85,8 @@ interface VitePluginConfig {
    * @default ['node_modules/**', 'dist/**', '.git/**']
    */
   ignorePatterns?: string[];
-} //#endregion
+}
+//#endregion
 //#region ../vize/src/types/tools.d.ts
 /**
  * Linter configuration
@@ -225,7 +223,8 @@ interface LspConfig {
    * @default false
    */
   tsgo?: boolean;
-} //#endregion
+}
+//#endregion
 //#region ../vize/src/types/musea.d.ts
 /**
  * VRT (Visual Regression Testing) configuration for Musea
@@ -320,7 +319,8 @@ interface MuseaConfig {
    * Autogen configuration
    */
   autogen?: MuseaAutogenConfig;
-} //#endregion
+}
+//#endregion
 //#region ../vize/src/types/loader.d.ts
 /**
  * Global type declaration
@@ -360,7 +360,6 @@ interface LoadConfigOptions {
    */
   env?: ConfigEnv;
 }
-
 //#endregion
 //#region ../vize/src/types/core.d.ts
 type MaybePromise<T> = T | Promise<T>;
@@ -409,7 +408,6 @@ interface VizeConfig {
    */
   globalTypes?: GlobalTypesConfig;
 }
-
 //#endregion
 //#region src/types.d.ts
 interface VizeOptions {
@@ -512,23 +510,18 @@ interface CompiledModule {
   /** Per-block style metadata extracted from the source SFC */
   styles?: StyleBlockInfo[];
 }
-
 //#endregion
 //#region src/virtual.d.ts
 interface DynamicImportAliasRule {
   fromPrefix: string;
   toPrefix: string;
 }
-
 //#endregion
 //#region src/transform.d.ts
-/** Check if a module ID is a vize-compiled virtual module */
 declare function rewriteStaticAssetUrls(code: string, aliasRules: DynamicImportAliasRule[]): string;
-
 //#endregion
 //#region src/plugin/index.d.ts
 declare function vize(options?: VizeOptions): Plugin[];
-
 //#endregion
 //#region src/config.d.ts
 /**
@@ -546,12 +539,10 @@ declare function loadConfig(root: string, options?: LoadConfigOptions): Promise<
  * Used by musea() and other plugins to access the unified config.
  */
 declare const vizeConfigStore: Map<string, VizeConfig>;
-
 //#endregion
 //#region src/index.d.ts
 declare const __internal: {
   rewriteStaticAssetUrls: typeof rewriteStaticAssetUrls;
 };
-
 //#endregion
-export { CompiledModule, LoadConfigOptions, VizeConfig, VizeOptions, __internal, rewriteStaticAssetUrls as __internal_rewriteStaticAssetUrls, vize as default, defineConfig, loadConfig, vize, vizeConfigStore };
+export { type CompiledModule, type LoadConfigOptions, type VizeConfig, type VizeOptions, __internal, rewriteStaticAssetUrls as __internal_rewriteStaticAssetUrls, vize as default, vize, defineConfig, loadConfig, vizeConfigStore };

package/dist/{index.js → index.mjs}

@@ -1,12 +1,11 @@
+import { createRequire } from "node:module";
 import fs from "node:fs";
 import { createHash } from "node:crypto";
 import path from "node:path";
 import { glob } from "tinyglobby";
 import * as native from "@vizejs/native";
-import { createRequire } from "node:module";
 import { pathToFileURL } from "node:url";
 import { transformWithOxc } from "vite";
-
 //#region src/hmr.ts
 function didHashChange(prevHash, nextHash) {
 	return prevHash !== nextHash;
@@ -24,11 +23,9 @@ function hasHmrChanges(prev, next) {
 */
 function detectHmrUpdateType(prev, next) {
 	if (!prev) return "full-reload";
-	const scriptChanged = didHashChange(prev.scriptHash, next.scriptHash);
-	if (scriptChanged) return "full-reload";
+	if (didHashChange(prev.scriptHash, next.scriptHash)) return "full-reload";
 	const templateChanged = didHashChange(prev.templateHash, next.templateHash);
-	const styleChanged = didHashChange(prev.styleHash, next.styleHash);
-	if (styleChanged && !templateChanged) return "style-only";
+	if (didHashChange(prev.styleHash, next.styleHash) && !templateChanged) return "style-only";
 	if (templateChanged) return "template-only";
 	return "full-reload";
 }
@@ -72,7 +69,6 @@ if (import.meta.hot) {
   }
 }`;
 }
-
 //#endregion
 //#region src/utils/css.ts
 /**
@@ -83,7 +79,7 @@ if (import.meta.hot) {
 * document.createElement('style'), bypassing Vite's CSS pipeline.
 */
 function resolveCssImports(css, importer, aliasRules, isDev, devUrlBase) {
-	const customMedia = new Map();
+	const customMedia = /* @__PURE__ */ new Map();
 	const importRegex = /^@import\s+(?:"([^"]+)"|'([^']+)');?\s*$/gm;
 	let result = css;
 	result = result.replace(importRegex, (_match, dqPath, sqPath) => {
@@ -112,8 +108,7 @@ function resolveCssImports(css, importer, aliasRules, isDev, devUrlBase) {
 		if (resolved && fs.existsSync(resolved)) {
 			const normalized = resolved.replace(/\\/g, "/");
 			const base = devUrlBase ?? "/";
-			const prefix = base.endsWith("/") ? base : base + "/";
-			return `url("${prefix}@fs${normalized}")`;
+			return `url("${base.endsWith("/") ? base : base + "/"}@fs${normalized}")`;
 		}
 		return _match;
 	});
@@ -138,7 +133,6 @@ function resolveCssPath(importPath, importer, aliasRules) {
 	if (path.isAbsolute(importPath)) return importPath;
 	return null;
 }
-
 //#endregion
 //#region src/utils/index.ts
 /** Known CSS preprocessor languages that must be delegated to Vite */
@@ -169,8 +163,7 @@ function supportsTemplateOnlyHmr(output) {
 	return /(?:^|\n)(?:_sfc_main|__sfc__)\.render\s*=\s*render\b/m.test(output);
 }
 function generateScopeId(filename) {
-	const hash = createHash("sha256").update(filename).digest("hex");
-	return hash.slice(0, 8);
+	return createHash("sha256").update(filename).digest("hex").slice(0, 8);
 }
 function createFilter(include, exclude) {
 	const includePatterns = include ? Array.isArray(include) ? include : [include] : [/\.vue$/];
@@ -206,8 +199,7 @@ function generateOutput(compiled, options) {
 		output += "\n_sfc_main.ssrRender = ssrRender;";
 		output += "\nexport default _sfc_main;";
 	}
-	const useDelegatedStyles = hasDelegatedStyles(compiled) && filePath;
-	if (useDelegatedStyles) {
+	if (hasDelegatedStyles(compiled) && filePath) {
 		const styleImports = [];
 		const cssModuleImports = [];
 		for (const block of compiled.styles) {
@@ -242,12 +234,9 @@ function generateOutput(compiled, options) {
 			const cssModuleSetup = moduleBindings.map((m) => `_sfc_main.__cssModules = _sfc_main.__cssModules || {};\n_sfc_main.__cssModules[${JSON.stringify(m.name)}] = ${m.bindingName};`).join("\n");
 			output = output.replace(/^export default _sfc_main;/m, `${cssModuleSetup}\nexport default _sfc_main;`);
 		}
-	} else if (compiled.css && !(isProduction && extractCss)) {
-		const cssCode = JSON.stringify(compiled.css);
-		const cssId = JSON.stringify(`vize-style-${compiled.scopeId}`);
-		output = `
-export const __vize_css__ = ${cssCode};
-const __vize_css_id__ = ${cssId};
+	} else if (compiled.css && !(isProduction && extractCss)) output = `
+export const __vize_css__ = ${JSON.stringify(compiled.css)};
+const __vize_css_id__ = ${JSON.stringify(`vize-style-${compiled.scopeId}`)};
 (function() {
   if (typeof document !== 'undefined') {
     let style = document.getElementById(__vize_css_id__);
@@ -262,23 +251,17 @@ const __vize_css_id__ = ${cssId};
   }
 })();
 ${output}`;
-	}
 	if (!isProduction && isDev && hasExportDefault) {
 		const effectiveHmrUpdateType = hmrUpdateType === "template-only" && !supportsTemplateOnlyHmr(output) ? "full-reload" : hmrUpdateType ?? "full-reload";
 		output += generateHmrCode(compiled.scopeId, effectiveHmrUpdateType);
 	}
 	return output;
 }
-
-//#endregion
-//#region src/virtual.ts
-const LEGACY_VIZE_PREFIX = "\0vize:";
 const VIZE_SSR_PREFIX = "\0vize-ssr:";
-const VIRTUAL_CSS_MODULE = "virtual:vize-styles";
 const RESOLVED_CSS_MODULE = "\0vize:all-styles.css";
 /** Check if a module ID is a vize-compiled virtual module */
 function isVizeVirtual(id) {
-	const pathPart = id.startsWith(VIZE_SSR_PREFIX) ? id.slice(VIZE_SSR_PREFIX.length) : id.slice(1);
+	const pathPart = id.startsWith("\0vize-ssr:") ? id.slice(10) : id.slice(1);
 	return id.startsWith("\0") && pathPart.endsWith(".vue.ts");
 }
 function isVizeSsrVirtual(id) {
@@ -290,7 +273,7 @@ function toVirtualId(realPath, ssr = false) {
 }
 /** Extract the real .vue file path from a virtual module ID */
 function fromVirtualId(virtualId) {
-	const prefix = isVizeSsrVirtual(virtualId) ? VIZE_SSR_PREFIX.length : 1;
+	const prefix = isVizeSsrVirtual(virtualId) ? 10 : 1;
 	return virtualId.slice(prefix, -3);
 }
 function escapeRegExp(value) {
@@ -317,10 +300,15 @@ function rewriteDynamicTemplateImports(code, aliasRules) {
 	rewritten = rewritten.replace(/\bimport\s*\(\s*`/g, "import(/* @vite-ignore */ `");
 	return rewritten;
 }
-
 //#endregion
 //#region src/transform.ts
 /**
+* Code transformation utilities for Vize.
+*
+* Handles static asset URL rewriting, Vite define replacements, and
+* provides the debug logger.
+*/
+/**
 * Rewrite static asset URLs in compiled template output.
 *
 * Transforms property values like `src: "@/assets/logo.svg"` into import
@@ -391,9 +379,14 @@ function createLogger(debug) {
 		error: (...args) => console.error("[vize]", ...args)
 	};
 }
-
 //#endregion
 //#region src/config.ts
+/**
+* Vize configuration loading and management.
+*
+* Handles discovery, loading, and caching of vize.config.ts/js/json files,
+* and provides the shared config store for inter-plugin communication.
+*/
 const CONFIG_FILES = [
 	"vize.config.ts",
 	"vize.config.js",
@@ -417,15 +410,12 @@ function defineConfig(config) {
 async function loadConfig(root, options = {}) {
 	const { mode = "root", configFile, env } = options;
 	if (mode === "none") return null;
-	if (configFile) {
-		const configPath = path.isAbsolute(configFile) ? configFile : path.resolve(root, configFile);
-		return loadConfigFile(configPath, env);
-	}
+	if (configFile) return loadConfigFile(path.isAbsolute(configFile) ? configFile : path.resolve(root, configFile), env);
 	if (mode === "auto") {
 		let searchDir = root;
 		while (true) {
-			const found$1 = findConfigInDir(searchDir);
-			if (found$1) return loadConfigFile(found$1, env);
+			const found = findConfigInDir(searchDir);
+			if (found) return loadConfigFile(found, env);
 			const parentDir = path.dirname(searchDir);
 			if (parentDir === searchDir) break;
 			searchDir = parentDir;
@@ -448,15 +438,13 @@ async function resolveConfigExport(exported, env) {
 }
 async function loadConfigFile(configPath, env) {
 	if (!fs.existsSync(configPath)) return null;
-	const ext = path.extname(configPath);
-	if (ext === ".json") {
+	if (path.extname(configPath) === ".json") {
 		const content = fs.readFileSync(configPath, "utf-8");
 		return JSON.parse(content);
 	}
 	try {
 		const module = await import(configPath);
-		const exported = module.default ?? module;
-		return resolveConfigExport(exported, env);
+		return resolveConfigExport(module.default ?? module, env);
 	} catch (e) {
 		console.warn(`[vize] Failed to load config from ${configPath}:`, e);
 		return null;
@@ -467,8 +455,7 @@ async function loadConfigFile(configPath, env) {
 * Key = project root, Value = resolved VizeConfig.
 * Used by musea() and other plugins to access the unified config.
 */
-const vizeConfigStore = new Map();
-
+const vizeConfigStore = /* @__PURE__ */ new Map();
 //#endregion
 //#region src/compile-options.ts
 function buildCompileFileOptions(filePath, source, options) {
@@ -487,7 +474,6 @@ function buildCompileBatchOptions(options) {
 		vapor: options.vapor
 	};
 }
-
 //#endregion
 //#region src/compiler.ts
 const { compileSfc, compileSfcBatchWithResults } = native;
@@ -549,12 +535,11 @@ function compileFile(filePath, cache, options, source) {
 * Returns per-file results with content hashes for HMR.
 */
 function compileBatch(files, cache, options) {
-	const inputs = files.map((f) => ({
+	const result = compileSfcBatchWithResults(files.map((f) => ({
 		path: f.path,
 		source: f.source
-	}));
-	const result = compileSfcBatchWithResults(inputs, buildCompileBatchOptions(options));
-	const sourceMap = new Map();
+	})), buildCompileBatchOptions(options));
+	const sourceMap = /* @__PURE__ */ new Map();
 	for (const f of files) sourceMap.set(f.path, f.source);
 	for (const fileResult of result.results) {
 		if (fileResult.errors.length === 0) {
@@ -578,7 +563,6 @@ function compileBatch(files, cache, options) {
 	}
 	return result;
 }
-
 //#endregion
 //#region src/plugin/state.ts
 function hasFileMetadataChanged(previous, next) {
@@ -618,7 +602,7 @@ async function compileAll(state) {
 		ignore: state.ignorePatterns,
 		absolute: true
 	});
-	const currentMetadata = new Map();
+	const currentMetadata = /* @__PURE__ */ new Map();
 	for (const file of files) try {
 		const stat = fs.statSync(file);
 		currentMetadata.set(file, {
@@ -639,8 +623,8 @@ async function compileAll(state) {
 	}
 	state.logger.info(`Pre-compiling ${files.length} Vue files... (${changedFiles.length} changed, ${cachedFileCount} cached, ${deletedFiles.length} removed)`);
 	if (changedFiles.length === 0) {
-		const elapsed$1 = (performance.now() - startTime).toFixed(2);
-		state.logger.info(`Pre-compilation complete: cache reused (${elapsed$1}ms)`);
+		const elapsed = (performance.now() - startTime).toFixed(2);
+		state.logger.info(`Pre-compilation complete: cache reused (${elapsed}ms)`);
 		return;
 	}
 	const fileContents = [];
@@ -678,7 +662,6 @@ async function compileAll(state) {
 	const elapsed = (performance.now() - startTime).toFixed(2);
 	state.logger.info(`Pre-compilation complete: ${result.successCount} recompiled, ${cachedFileCount} reused, ${result.failedCount} failed (${elapsed}ms, native batch: ${result.timeMs.toFixed(2)}ms)`);
 }
-
 //#endregion
 //#region src/plugin/resolve.ts
 function resolveVuePath(state, id, importer) {
@@ -704,14 +687,12 @@ function resolveBareImportWithNode(state, id, importer) {
 	const [request, queryPart] = id.split("?");
 	const querySuffix = queryPart ? `?${queryPart}` : "";
 	const candidates = [normalizeRequireBase(importer), path.join(state.root, "package.json")].filter((candidate) => candidate != null);
-	const seen = new Set();
+	const seen = /* @__PURE__ */ new Set();
 	for (const candidate of candidates) {
 		if (seen.has(candidate)) continue;
 		seen.add(candidate);
 		try {
-			const requireFromBase = createRequire(candidate);
-			const resolved = requireFromBase.resolve(request);
-			return `${resolved}${querySuffix}`;
+			return `${createRequire(candidate).resolve(request)}${querySuffix}`;
 		} catch {}
 	}
 	return null;
@@ -724,12 +705,12 @@ async function resolveIdHook(ctx, state, id, importer, options) {
 			if (isSsrRequest && !isVizeSsrVirtual(id)) return toVirtualId(fromVirtualId(id), true);
 			return null;
 		}
-		if (id.startsWith(LEGACY_VIZE_PREFIX)) {
-			const rawPath = id.slice(LEGACY_VIZE_PREFIX.length);
-			const cleanPath$1 = rawPath.endsWith(".ts") ? rawPath.slice(0, -3) : rawPath;
-			if (!cleanPath$1.endsWith(".vue")) {
-				state.logger.log(`resolveId: redirecting legacy virtual ID to ${cleanPath$1}`);
-				return cleanPath$1;
+		if (id.startsWith("\0vize:")) {
+			const rawPath = id.slice(6);
+			const cleanPath = rawPath.endsWith(".ts") ? rawPath.slice(0, -3) : rawPath;
+			if (!cleanPath.endsWith(".vue")) {
+				state.logger.log(`resolveId: redirecting legacy virtual ID to ${cleanPath}`);
+				return cleanPath;
 			}
 		}
 		const cleanPath = id.slice(1);
@@ -753,7 +734,7 @@ async function resolveIdHook(ctx, state, id, importer, options) {
 		};
 		return resolved;
 	}
-	if (id === VIRTUAL_CSS_MODULE) return RESOLVED_CSS_MODULE;
+	if (id === "virtual:vize-styles") return RESOLVED_CSS_MODULE;
 	if (isBuild && id.startsWith("/@fs/")) return normalizeFsIdForBuild(id);
 	if (id.includes("?macro=true")) {
 		const filePath = id.split("?")[0];
@@ -777,8 +758,7 @@ async function resolveIdHook(ctx, state, id, importer, options) {
 		}
 		if (!id.endsWith(".vue")) {
 			if (!id.startsWith("./") && !id.startsWith("../") && !id.startsWith("/")) {
-				const matchesAlias = state.cssAliasRules.some((rule) => id === rule.find || id.startsWith(rule.find + "/"));
-				if (!matchesAlias) {
+				if (!state.cssAliasRules.some((rule) => id === rule.find || id.startsWith(rule.find + "/"))) {
 					try {
 						const resolved = await ctx.resolve(id, cleanImporter, { skipSelf: true });
 						if (resolved) {
@@ -869,8 +849,7 @@ async function resolveIdHook(ctx, state, id, importer, options) {
 			const viteResolved = await ctx.resolve(id, importer, { skipSelf: true });
 			if (viteResolved && viteResolved.id.endsWith(".vue")) {
 				const realPath = viteResolved.id;
-				const isResolvedNodeModules = realPath.includes("node_modules");
-				if ((isResolvedNodeModules ? handleNodeModules : state.filter(realPath)) && (state.cache.has(realPath) || fs.existsSync(realPath))) {
+				if ((realPath.includes("node_modules") ? handleNodeModules : state.filter(realPath)) && (state.cache.has(realPath) || fs.existsSync(realPath))) {
 					state.logger.log(`resolveId: resolved via Vite fallback ${id} to ${realPath}`);
 					return toVirtualId(realPath, isSsrRequest);
 				}
@@ -879,7 +858,6 @@ async function resolveIdHook(ctx, state, id, importer, options) {
 	}
 	return null;
 }
-
 //#endregion
 //#region src/plugin/load.ts
 const SERVER_PLACEHOLDER_CODE = `import { createElementBlock, defineComponent } from "vue";
@@ -902,10 +880,7 @@ function getOxcDumpPath(root, realPath) {
 }
 function loadHook(state, id, loadOptions) {
 	const currentBase = loadOptions?.ssr ? state.serverViteBase : state.clientViteBase;
-	if (id === RESOLVED_CSS_MODULE) {
-		const allCss = Array.from(state.collectedCss.values()).join("\n\n");
-		return allCss;
-	}
+	if (id === "\0vize:all-styles.css") return Array.from(state.collectedCss.values()).join("\n\n");
 	let styleId = id;
 	if (id.startsWith("\0") && id.includes("?vue")) styleId = id.slice(1).replace(/\.module\.\w+$/, "").replace(/\.\w+$/, "");
 	if (styleId.includes("?vue&type=style") || styleId.includes("?vue=&type=style")) {
@@ -914,10 +889,9 @@ function loadHook(state, id, loadOptions) {
 		const params = new URLSearchParams(queryString);
 		const indexStr = params.get("index");
 		const lang = params.get("lang");
-		const _hasModule = params.has("module");
+		params.has("module");
 		const scoped = params.get("scoped");
-		const compiled = state.cache.get(realPath);
-		const fallbackCompiled = compiled ?? state.ssrCache.get(realPath);
+		const fallbackCompiled = state.cache.get(realPath) ?? state.ssrCache.get(realPath);
 		const blockIndex = indexStr !== null ? parseInt(indexStr, 10) : -1;
 		if (fallbackCompiled?.styles && blockIndex >= 0 && blockIndex < fallbackCompiled.styles.length) {
 			const block = fallbackCompiled.styles[blockIndex];
@@ -932,8 +906,7 @@ function loadHook(state, id, loadOptions) {
 					else body.push(line);
 				}
 				const bodyContent = body.join("\n");
-				const hoistedContent = hoisted.length > 0 ? hoisted.join("\n") + "\n\n" : "";
-				styleContent = `${hoistedContent}[${scoped}] {\n${bodyContent}\n}`;
+				styleContent = `${hoisted.length > 0 ? hoisted.join("\n") + "\n\n" : ""}[${scoped}] {\n${bodyContent}\n}`;
 			}
 			return {
 				code: styleContent,
@@ -946,15 +919,11 @@ function loadHook(state, id, loadOptions) {
 	if (id.startsWith("\0") && id.endsWith("?macro=true")) {
 		const realPath = id.slice(1).replace("?macro=true", "");
 		if (fs.existsSync(realPath)) {
-			const source = fs.readFileSync(realPath, "utf-8");
-			const setupMatch = source.match(/<script\s+setup[^>]*>([\s\S]*?)<\/script>/);
-			if (setupMatch) {
-				const scriptContent = setupMatch[1];
-				return {
-					code: `${scriptContent}\nexport default {}`,
-					map: null
-				};
-			}
+			const setupMatch = fs.readFileSync(realPath, "utf-8").match(/<script\s+setup[^>]*>([\s\S]*?)<\/script>/);
+			if (setupMatch) return {
+				code: `${setupMatch[1]}\nexport default {}`,
+				map: null
+			};
 		}
 		return {
 			code: "export default {}",
@@ -1004,7 +973,7 @@ function loadHook(state, id, loadOptions) {
 		}
 	}
 	if (id.startsWith("\0")) {
-		const afterPrefix = id.startsWith(LEGACY_VIZE_PREFIX) ? id.slice(LEGACY_VIZE_PREFIX.length) : id.slice(1);
+		const afterPrefix = id.startsWith("\0vize:") ? id.slice(6) : id.slice(1);
 		if (afterPrefix.includes("?commonjs-")) return null;
 		const [pathPart, queryPart] = afterPrefix.split("?");
 		const querySuffix = queryPart ? `?${queryPart}` : "";
@@ -1043,7 +1012,6 @@ async function transformHook(state, code, id, options) {
 	}
 	return null;
 }
-
 //#endregion
 //#region src/plugin/hmr.ts
 async function handleHotUpdateHook(state, ctx) {
@@ -1074,7 +1042,7 @@ async function handleHotUpdateHook(state, ctx) {
 		const modules = server.moduleGraph.getModulesByFile(virtualId) ?? server.moduleGraph.getModulesByFile(file);
 		const hasDelegated = hasDelegatedStyles(newCompiled);
 		if (hasDelegated && updateType === "style-only") {
-			const affectedModules = new Set();
+			const affectedModules = /* @__PURE__ */ new Set();
 			for (const block of newCompiled.styles ?? []) {
 				const params = new URLSearchParams();
 				params.set("vue", "");
@@ -1125,15 +1093,13 @@ function handleGenerateBundleHook(state, emitFile) {
 		state.logger.log(`Extracted CSS to assets/vize-components.css (${state.collectedCss.size} components)`);
 	}
 }
-
 //#endregion
 //#region src/plugin/compat.ts
 function createVueCompatPlugin(state) {
 	let compilerSfc = null;
 	const loadCompilerSfc = () => {
 		if (!compilerSfc) try {
-			const require = createRequire(import.meta.url);
-			compilerSfc = require("@vue/compiler-sfc");
+			compilerSfc = createRequire(import.meta.url)("@vue/compiler-sfc");
 		} catch {
 			compilerSfc = { parse: () => ({
 				descriptor: {},
@@ -1163,14 +1129,12 @@ function createPostTransformPlugin(state) {
 				state.logger.log(`post-transform: compiling virtual SFC content from ${id}`);
 				try {
 					const isSsr = !!transformOptions?.ssr;
-					const compiled = compileFile(id, getEnvironmentCache(state, isSsr), getCompileOptionsForRequest(state, isSsr), code);
-					const output = generateOutput(compiled, {
+					const result = await transformWithOxc(generateOutput(compileFile(id, getEnvironmentCache(state, isSsr), getCompileOptionsForRequest(state, isSsr), code), {
 						isProduction: state.isProduction,
 						isDev: state.server !== null,
 						extractCss: state.extractCss,
 						filePath: id
-					});
-					const result = await transformWithOxc(output, id, { lang: "ts" });
+					}), id, { lang: "ts" });
 					const defines = transformOptions?.ssr ? state.serverViteDefine : state.clientViteDefine;
 					let transformed = result.code;
 					if (Object.keys(defines).length > 0) transformed = applyDefineReplacements(transformed, defines);
@@ -1186,16 +1150,15 @@ function createPostTransformPlugin(state) {
 		}
 	};
 }
-
 //#endregion
 //#region src/plugin/index.ts
 function vize(options = {}) {
 	const state = {
-		cache: new Map(),
-		ssrCache: new Map(),
-		collectedCss: new Map(),
-		precompileMetadata: new Map(),
-		pendingHmrUpdateTypes: new Map(),
+		cache: /* @__PURE__ */ new Map(),
+		ssrCache: /* @__PURE__ */ new Map(),
+		collectedCss: /* @__PURE__ */ new Map(),
+		precompileMetadata: /* @__PURE__ */ new Map(),
+		pendingHmrUpdateTypes: /* @__PURE__ */ new Map(),
 		isProduction: false,
 		root: "",
 		clientViteBase: "/",
@@ -1213,160 +1176,157 @@ function vize(options = {}) {
 		serverViteDefine: {},
 		logger: createLogger(options.debug ?? false)
 	};
-	const mainPlugin = {
-		name: "vite-plugin-vize",
-		enforce: "pre",
-		config(userConfig, env) {
-			const cssModules = userConfig.css?.modules;
-			if (cssModules && typeof cssModules.generateScopedName === "function") {
-				const origFn = cssModules.generateScopedName;
-				cssModules.generateScopedName = function(name, filename, css) {
-					let clean = filename;
-					const nulIdx = clean.indexOf("\0");
-					if (nulIdx >= 0) clean = clean.slice(nulIdx + 1);
-					clean = clean.replace(/\.module\.\w+$/, "").replace(/\.\w+$/, "");
-					if (clean.includes("?")) clean = clean.split("?")[0];
-					return origFn.call(this, name, clean, css);
+	return [
+		createVueCompatPlugin(state),
+		{
+			name: "vite-plugin-vize",
+			enforce: "pre",
+			config(userConfig, env) {
+				const cssModules = userConfig.css?.modules;
+				if (cssModules && typeof cssModules.generateScopedName === "function") {
+					const origFn = cssModules.generateScopedName;
+					cssModules.generateScopedName = function(name, filename, css) {
+						let clean = filename;
+						const nulIdx = clean.indexOf("\0");
+						if (nulIdx >= 0) clean = clean.slice(nulIdx + 1);
+						clean = clean.replace(/\.module\.\w+$/, "").replace(/\.\w+$/, "");
+						if (clean.includes("?")) clean = clean.split("?")[0];
+						return origFn.call(this, name, clean, css);
+					};
+				}
+				return {
+					define: {
+						__VUE_OPTIONS_API__: true,
+						__VUE_PROD_DEVTOOLS__: env.command === "serve",
+						__VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
+					},
+					optimizeDeps: { exclude: ["virtual:vize-styles"] }
 				};
-			}
-			return {
-				define: {
-					__VUE_OPTIONS_API__: true,
-					__VUE_PROD_DEVTOOLS__: env.command === "serve",
-					__VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
-				},
-				optimizeDeps: { exclude: ["virtual:vize-styles"] }
-			};
-		},
-		async configResolved(resolvedConfig) {
-			state.root = options.root ?? resolvedConfig.root;
-			state.isProduction = options.isProduction ?? resolvedConfig.isProduction;
-			const isSsrBuild = !!resolvedConfig.build?.ssr;
-			const currentBase = resolvedConfig.command === "serve" ? options.devUrlBase ?? resolvedConfig.base ?? "/" : resolvedConfig.base ?? "/";
-			if (isSsrBuild) state.serverViteBase = currentBase;
-			else state.clientViteBase = currentBase;
-			state.extractCss = state.isProduction;
-			const isSsr = !!resolvedConfig.build?.ssr;
-			const envDefine = {};
-			if (resolvedConfig.define) for (const [key, value] of Object.entries(resolvedConfig.define)) {
-				if (isBuiltinDefine(key)) continue;
-				if (typeof value === "string") envDefine[key] = value;
-				else envDefine[key] = JSON.stringify(value);
-			}
-			if (isSsr) state.serverViteDefine = envDefine;
-			else state.clientViteDefine = envDefine;
-			const configEnv = {
-				mode: resolvedConfig.mode,
-				command: resolvedConfig.command === "build" ? "build" : "serve",
-				isSsrBuild: !!resolvedConfig.build?.ssr
-			};
-			let fileConfig = null;
-			if (options.configMode !== false) {
-				fileConfig = await loadConfig(state.root, {
-					mode: options.configMode ?? "root",
-					configFile: options.configFile,
-					env: configEnv
-				});
-				if (fileConfig) {
-					state.logger.log("Loaded config from vize.config file");
-					vizeConfigStore.set(state.root, fileConfig);
+			},
+			async configResolved(resolvedConfig) {
+				state.root = options.root ?? resolvedConfig.root;
+				state.isProduction = options.isProduction ?? resolvedConfig.isProduction;
+				const isSsrBuild = !!resolvedConfig.build?.ssr;
+				const currentBase = resolvedConfig.command === "serve" ? options.devUrlBase ?? resolvedConfig.base ?? "/" : resolvedConfig.base ?? "/";
+				if (isSsrBuild) state.serverViteBase = currentBase;
+				else state.clientViteBase = currentBase;
+				state.extractCss = state.isProduction;
+				const isSsr = !!resolvedConfig.build?.ssr;
+				const envDefine = {};
+				if (resolvedConfig.define) for (const [key, value] of Object.entries(resolvedConfig.define)) {
+					if (isBuiltinDefine(key)) continue;
+					if (typeof value === "string") envDefine[key] = value;
+					else envDefine[key] = JSON.stringify(value);
 				}
-			}
-			const viteConfig = fileConfig?.vite ?? {};
-			const compilerConfig = fileConfig?.compiler ?? {};
-			state.mergedOptions = {
-				...options,
-				ssr: options.ssr ?? compilerConfig.ssr ?? false,
-				sourceMap: options.sourceMap ?? compilerConfig.sourceMap,
-				vapor: options.vapor ?? compilerConfig.vapor ?? false,
-				include: options.include ?? viteConfig.include,
-				exclude: options.exclude ?? viteConfig.exclude,
-				scanPatterns: options.scanPatterns ?? viteConfig.scanPatterns,
-				ignorePatterns: options.ignorePatterns ?? viteConfig.ignorePatterns
-			};
-			state.dynamicImportAliasRules = [];
-			for (const alias of resolvedConfig.resolve.alias) {
-				if (typeof alias.find !== "string" || typeof alias.replacement !== "string") continue;
-				const fromPrefix = alias.find.endsWith("/") ? alias.find : `${alias.find}/`;
-				const replacement = toBrowserImportPrefix(alias.replacement);
-				const toPrefix = replacement.endsWith("/") ? replacement : `${replacement}/`;
-				state.dynamicImportAliasRules.push({
-					fromPrefix,
-					toPrefix
-				});
-			}
-			state.dynamicImportAliasRules.sort((a, b) => b.fromPrefix.length - a.fromPrefix.length);
-			state.cssAliasRules = [];
-			for (const alias of resolvedConfig.resolve.alias) {
-				if (typeof alias.find !== "string" || typeof alias.replacement !== "string") continue;
-				state.cssAliasRules.push({
-					find: alias.find,
-					replacement: alias.replacement
-				});
-			}
-			state.cssAliasRules.sort((a, b) => b.find.length - a.find.length);
-			state.filter = createFilter(state.mergedOptions.include, state.mergedOptions.exclude);
-			state.scanPatterns = state.mergedOptions.scanPatterns ?? ["**/*.vue"];
-			state.ignorePatterns = state.mergedOptions.ignorePatterns ?? [
-				"node_modules/**",
-				"dist/**",
-				".git/**"
-			];
-			state.initialized = true;
-		},
-		configureServer(devServer) {
-			state.server = devServer;
-			devServer.middlewares.use((req, _res, next) => {
-				if (req.url && req.url.includes("__x00__")) {
-					const [urlPath, queryPart] = req.url.split("?");
-					let cleanedPath = urlPath.replace(/__x00__/g, "");
-					cleanedPath = cleanedPath.replace(/^\/@id\/\//, "/@fs/");
-					if (cleanedPath.startsWith("/@fs/")) {
-						const fsPath = cleanedPath.slice(4);
-						if (fsPath.startsWith("/") && fs.existsSync(fsPath) && fs.statSync(fsPath).isFile() && !fsPath.endsWith(".vue.ts")) {
-							const cleaned = queryPart ? `${cleanedPath}?${queryPart}` : cleanedPath;
-							if (cleaned !== req.url) {
-								state.logger.log(`middleware: rewriting ${req.url} -> ${cleaned}`);
-								req.url = cleaned;
+				if (isSsr) state.serverViteDefine = envDefine;
+				else state.clientViteDefine = envDefine;
+				const configEnv = {
+					mode: resolvedConfig.mode,
+					command: resolvedConfig.command === "build" ? "build" : "serve",
+					isSsrBuild: !!resolvedConfig.build?.ssr
+				};
+				let fileConfig = null;
+				if (options.configMode !== false) {
+					fileConfig = await loadConfig(state.root, {
+						mode: options.configMode ?? "root",
+						configFile: options.configFile,
+						env: configEnv
+					});
+					if (fileConfig) {
+						state.logger.log("Loaded config from vize.config file");
+						vizeConfigStore.set(state.root, fileConfig);
+					}
+				}
+				const viteConfig = fileConfig?.vite ?? {};
+				const compilerConfig = fileConfig?.compiler ?? {};
+				state.mergedOptions = {
+					...options,
+					ssr: options.ssr ?? compilerConfig.ssr ?? false,
+					sourceMap: options.sourceMap ?? compilerConfig.sourceMap,
+					vapor: options.vapor ?? compilerConfig.vapor ?? false,
+					include: options.include ?? viteConfig.include,
+					exclude: options.exclude ?? viteConfig.exclude,
+					scanPatterns: options.scanPatterns ?? viteConfig.scanPatterns,
+					ignorePatterns: options.ignorePatterns ?? viteConfig.ignorePatterns
+				};
+				state.dynamicImportAliasRules = [];
+				for (const alias of resolvedConfig.resolve.alias) {
+					if (typeof alias.find !== "string" || typeof alias.replacement !== "string") continue;
+					const fromPrefix = alias.find.endsWith("/") ? alias.find : `${alias.find}/`;
+					const replacement = toBrowserImportPrefix(alias.replacement);
+					const toPrefix = replacement.endsWith("/") ? replacement : `${replacement}/`;
+					state.dynamicImportAliasRules.push({
+						fromPrefix,
+						toPrefix
+					});
+				}
+				state.dynamicImportAliasRules.sort((a, b) => b.fromPrefix.length - a.fromPrefix.length);
+				state.cssAliasRules = [];
+				for (const alias of resolvedConfig.resolve.alias) {
+					if (typeof alias.find !== "string" || typeof alias.replacement !== "string") continue;
+					state.cssAliasRules.push({
+						find: alias.find,
+						replacement: alias.replacement
+					});
+				}
+				state.cssAliasRules.sort((a, b) => b.find.length - a.find.length);
+				state.filter = createFilter(state.mergedOptions.include, state.mergedOptions.exclude);
+				state.scanPatterns = state.mergedOptions.scanPatterns ?? ["**/*.vue"];
+				state.ignorePatterns = state.mergedOptions.ignorePatterns ?? [
+					"node_modules/**",
+					"dist/**",
+					".git/**"
+				];
+				state.initialized = true;
+			},
+			configureServer(devServer) {
+				state.server = devServer;
+				devServer.middlewares.use((req, _res, next) => {
+					if (req.url && req.url.includes("__x00__")) {
+						const [urlPath, queryPart] = req.url.split("?");
+						let cleanedPath = urlPath.replace(/__x00__/g, "");
+						cleanedPath = cleanedPath.replace(/^\/@id\/\//, "/@fs/");
+						if (cleanedPath.startsWith("/@fs/")) {
+							const fsPath = cleanedPath.slice(4);
+							if (fsPath.startsWith("/") && fs.existsSync(fsPath) && fs.statSync(fsPath).isFile() && !fsPath.endsWith(".vue.ts")) {
+								const cleaned = queryPart ? `${cleanedPath}?${queryPart}` : cleanedPath;
+								if (cleaned !== req.url) {
+									state.logger.log(`middleware: rewriting ${req.url} -> ${cleaned}`);
+									req.url = cleaned;
+								}
 							}
 						}
 					}
-				}
-				next();
-			});
-		},
-		async buildStart() {
-			if (!state.scanPatterns) return;
-			await compileAll(state);
-			state.logger.log("Cache keys:", [...state.cache.keys()].slice(0, 3));
-		},
-		resolveId(id, importer, options$1) {
-			return resolveIdHook(this, state, id, importer, options$1);
-		},
-		load(id, loadOptions) {
-			return loadHook(state, id, loadOptions);
-		},
-		async transform(code, id, transformOptions) {
-			return transformHook(state, code, id, transformOptions);
-		},
-		async handleHotUpdate(ctx) {
-			return handleHotUpdateHook(state, ctx);
+					next();
+				});
+			},
+			async buildStart() {
+				if (!state.scanPatterns) return;
+				await compileAll(state);
+				state.logger.log("Cache keys:", [...state.cache.keys()].slice(0, 3));
+			},
+			resolveId(id, importer, options) {
+				return resolveIdHook(this, state, id, importer, options);
+			},
+			load(id, loadOptions) {
+				return loadHook(state, id, loadOptions);
+			},
+			async transform(code, id, transformOptions) {
+				return transformHook(state, code, id, transformOptions);
+			},
+			async handleHotUpdate(ctx) {
+				return handleHotUpdateHook(state, ctx);
+			},
+			generateBundle() {
+				handleGenerateBundleHook(state, this.emitFile.bind(this));
+			}
 		},
-		generateBundle() {
-			handleGenerateBundleHook(state, this.emitFile.bind(this));
-		}
-	};
-	return [
-		createVueCompatPlugin(state),
-		mainPlugin,
 		createPostTransformPlugin(state)
 	];
 }
-
 //#endregion
 //#region src/index.ts
 const __internal = { rewriteStaticAssetUrls };
 var src_default = vize;
-
 //#endregion
-export { __internal, rewriteStaticAssetUrls as __internal_rewriteStaticAssetUrls, src_default as default, defineConfig, loadConfig, vize, vizeConfigStore };
+export { __internal, rewriteStaticAssetUrls as __internal_rewriteStaticAssetUrls, src_default as default, defineConfig, loadConfig, vize, vizeConfigStore };

package/package.json

@@ -1,58 +1,57 @@
 {
   "name": "@vizejs/vite-plugin",
-  "version": "0.33.0",
+  "version": "0.34.0",
   "description": "High-performance native Vite plugin for Vue SFC compilation powered by Vize",
-  "publishConfig": {
-    "access": "public"
-  },
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
-  },
-  "files": [
-    "dist"
-  ],
   "keywords": [
-    "vite",
-    "vue",
-    "plugin",
-    "sfc",
     "compiler",
+    "fast",
     "native",
-    "fast"
+    "plugin",
+    "sfc",
+    "vite",
+    "vue"
   ],
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/ubugeeei/vize",
     "directory": "npm/vite-plugin-vize"
   },
-  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.mts"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "tinyglobby": "^0.2.0",
+    "@vizejs/native": "0.34.0"
+  },
   "devDependencies": {
     "@types/node": "^22.0.0",
-    "tsdown": "^0.9.0",
     "tsx": "^4.21.0",
     "typescript": "~5.6.0",
-    "vite": "^8.0.0"
+    "vite": "npm:@voidzero-dev/vite-plus-core@latest",
+    "vite-plus": "latest"
   },
   "peerDependencies": {
     "vite": "^8.0.0"
   },
-  "dependencies": {
-    "tinyglobby": "^0.2.0",
-    "@vizejs/native": "0.33.0"
-  },
   "scripts": {
-    "build": "tsdown",
-    "dev": "tsdown --watch",
-    "lint": "oxlint --deny-warnings --type-aware --tsconfig tsconfig.json",
-    "lint:fix": "oxlint --type-aware --tsconfig tsconfig.json --fix",
-    "fmt": "oxfmt --write src tsdown.config.ts",
-    "fmt:check": "oxfmt src tsdown.config.ts",
+    "build": "vp pack",
+    "dev": "vp pack --watch",
+    "check": "vp check src vite.config.ts",
+    "check:fix": "vp check --fix src vite.config.ts",
+    "fmt": "vp fmt --write src vite.config.ts",
     "test": "node --import tsx src/test.ts"
   }
 }