@vizejs/nuxt 0.9.0 → 0.10.0

package/dist/index.js

@@ -1,4 +1,5 @@
-import { defineNuxtModule } from "@nuxt/kit";
+import fs from "node:fs";
+import { addVitePlugin, defineNuxtModule } from "@nuxt/kit";
 import vize from "@vizejs/vite-plugin";
 import { musea } from "@vizejs/vite-plugin-musea";
 
@@ -17,7 +18,106 @@ var src_default = defineNuxtModule({
 	},
 	setup(options, nuxt) {
 		nuxt.options.vite.plugins = nuxt.options.vite.plugins || [];
-		if (options.compiler !== false) nuxt.options.vite.plugins.push(vize());
+		if (options.compiler !== false) {
+			nuxt.options.vite.plugins.push(vize());
+			nuxt.hook("vite:configResolved", (config) => {
+				for (let i = config.plugins.length - 1; i >= 0; i--) {
+					const p = config.plugins[i];
+					const name = p && typeof p === "object" && "name" in p ? p.name : "";
+					if (name === "vite:vue") config.plugins.splice(i, 1);
+				}
+			});
+		}
+		let unimportCtx = null;
+		nuxt.hook("imports:context", (ctx) => {
+			unimportCtx = ctx;
+		});
+		let nuxtComponents = [];
+		nuxt.hook("components:extend", (comps) => {
+			nuxtComponents = comps;
+		});
+		addVitePlugin({
+			name: "vizejs:nuxt-transform-bridge",
+			enforce: "post",
+			async transform(code, id) {
+				if (!id.startsWith("\0") || !id.endsWith(".vue.ts")) return;
+				let result = code;
+				let changed = false;
+				if (nuxtComponents.length > 0) {
+					const compImports = [];
+					let counter = 0;
+					result = result.replace(/_?resolveComponent\s*\(\s*["'`]([^"'`]+)["'`]\s*(?:,\s*[^)]+)?\)/g, (match, name) => {
+						const comp = nuxtComponents.find((c) => c.pascalName === name || c.kebabName === name || c.name === name);
+						if (comp) {
+							const varName = `__nuxt_component_${counter++}`;
+							const exportName = comp.export || "default";
+							if (exportName === "default") compImports.push(`import ${varName} from ${JSON.stringify(comp.filePath)};`);
+							else compImports.push(`import { ${exportName} as ${varName} } from ${JSON.stringify(comp.filePath)};`);
+							return varName;
+						}
+						return match;
+					});
+					if (compImports.length > 0) {
+						result = compImports.join("\n") + "\n" + result;
+						changed = true;
+					}
+				}
+				const i18nFnRe = /(?<![.\w])\$([tdn]|rt|tm|te)\s*\(/;
+				if (i18nFnRe.test(result) && !result.includes("useI18n")) {
+					const i18nMap = {
+						$t: "t: $t",
+						$rt: "rt: $rt",
+						$d: "d: $d",
+						$n: "n: $n",
+						$tm: "tm: $tm",
+						$te: "te: $te"
+					};
+					const usedFns = [];
+					for (const [fn, destructure] of Object.entries(i18nMap)) if (new RegExp(`(?<![.\\w])\\${fn}\\s*\\(`).test(result)) usedFns.push(destructure);
+					if (usedFns.length > 0) {
+						const setupMatch = result.match(/setup\s*\(__props[\s\S]*?\)\s*\{/);
+						if (setupMatch && setupMatch.index !== void 0) {
+							const insertPos = setupMatch.index + setupMatch[0].length;
+							const injection = `\nconst { ${usedFns.join(", ")} } = useI18n();\n`;
+							result = result.slice(0, insertPos) + injection + result.slice(insertPos);
+							changed = true;
+						}
+					}
+				}
+				if (unimportCtx) try {
+					const injected = await unimportCtx.injectImports(result, id);
+					if (injected.imports && injected.imports.length > 0) {
+						result = injected.code;
+						changed = true;
+					}
+				} catch {}
+				if (changed) return {
+					code: result,
+					map: null
+				};
+			}
+		});
+		addVitePlugin({
+			name: "vizejs:unocss-bridge",
+			configResolved(config) {
+				for (const plugin of config.plugins) if (plugin.name?.startsWith("unocss:") && typeof plugin.transform === "function") {
+					const origTransform = plugin.transform;
+					const isExtractionOnly = plugin.name.startsWith("unocss:global");
+					plugin.transform = function(code, id, ...args) {
+						if (id.startsWith("\0") && id.endsWith(".vue.ts")) {
+							const normalizedId = id.slice(1).replace(/\.ts$/, "");
+							let effectiveCode = code;
+							if (isExtractionOnly) try {
+								const originalSource = fs.readFileSync(normalizedId, "utf-8");
+								effectiveCode = code + "\n" + originalSource;
+							} catch {}
+							return origTransform.call(this, effectiveCode, normalizedId, ...args);
+						}
+						return origTransform.call(this, code, id, ...args);
+					};
+				}
+			}
+		});
 		if (options.musea !== false) {
 			const museaBasePath = options.musea && typeof options.musea === "object" && "basePath" in options.musea ? options.musea.basePath : "/__musea__";
 			nuxt.options.vite.plugins.push(...musea(options.musea || {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/nuxt",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "Nuxt module for Vize - compiler, musea gallery, linter, and type checker",
   "type": "module",
   "main": "./dist/index.js",
@@ -34,10 +34,10 @@
   },
   "dependencies": {
     "@nuxt/kit": "^4.0.0",
-    "@vizejs/vite-plugin-musea": "0.9.0",
-    "vize": "0.9.0",
-    "@vizejs/vite-plugin": "0.9.0",
-    "@vizejs/musea-nuxt": "0.9.0"
+    "@vizejs/vite-plugin": "0.10.0",
+    "@vizejs/vite-plugin-musea": "0.10.0",
+    "vize": "0.10.0",
+    "@vizejs/musea-nuxt": "0.10.0"
   },
   "devDependencies": {
     "tsdown": "^0.9.0",