@vizejs/nuxt 0.26.0 → 0.28.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import fs from "node:fs";
-import { addVitePlugin, defineNuxtModule } from "@nuxt/kit";
+import { addServerPlugin, addVitePlugin, createResolver, defineNuxtModule } from "@nuxt/kit";
 import vize from "@vizejs/vite-plugin";
 import { musea } from "@vizejs/vite-plugin-musea";
 import { createRequire } from "node:module";
@@ -273,6 +273,18 @@ function injectNuxtI18nHelpers(code) {
 	return code.slice(0, setupBodyStart) + `\nconst { ${usedSpecifiers.join(", ")} } = useI18n();\n` + code.slice(setupBodyStart);
 }
 
+//#endregion
+//#region src/utils.ts
+function normalizeUrlPrefix(value) {
+	const withLeadingSlash = value.startsWith("/") ? value : `/${value}`;
+	return withLeadingSlash.endsWith("/") ? withLeadingSlash : `${withLeadingSlash}/`;
+}
+function buildNuxtDevAssetBase(baseURL = "/", buildAssetsDir = "/_nuxt/") {
+	const normalizedBase = normalizeUrlPrefix(baseURL);
+	const normalizedAssetsDir = normalizeUrlPrefix(buildAssetsDir);
+	return normalizedBase === "/" ? normalizedAssetsDir : normalizeUrlPrefix(`${normalizedBase}${normalizedAssetsDir.replace(/^\//, "")}`);
+}
+
 //#endregion
 //#region src/index.ts
 var src_default = defineNuxtModule({
@@ -288,9 +300,16 @@ var src_default = defineNuxtModule({
 		nuxtMusea: { route: { path: "/" } }
 	},
 	setup(options, nuxt) {
+		const resolver = createResolver(import.meta.url);
 		nuxt.options.vite.plugins = nuxt.options.vite.plugins || [];
 		if (options.compiler !== false) {
-			nuxt.options.vite.plugins.push(vize());
+			const devAssetBase = buildNuxtDevAssetBase(nuxt.options.app.baseURL, nuxt.options.app.buildAssetsDir);
+			nuxt.options.vite.plugins.push(vize({ devUrlBase: devAssetBase }));
+			if (nuxt.options.dev) {
+				nuxt.options.nitro.virtual ||= {};
+				nuxt.options.nitro.virtual["#vizejs/nuxt/dev-stylesheet-links-config"] = `export const devAssetBase = ${JSON.stringify(devAssetBase)};`;
+				addServerPlugin(resolver.resolve("./runtime/server/dev-stylesheet-links"));
+			}
 			nuxt.hook("vite:configResolved", (config) => {
 				for (let i = config.plugins.length - 1; i >= 0; i--) {
 					const p = config.plugins[i];

package/dist/runtime/server/dev-stylesheet-links.d.ts

@@ -0,0 +1,5 @@
+//#region src/runtime/server/dev-stylesheet-links.d.ts
+declare const _default: any;
+
+//#endregion
+export { _default as default };

package/dist/runtime/server/dev-stylesheet-links.js

@@ -0,0 +1,37 @@
+import { defineNitroPlugin } from "nitropack/runtime";
+import { devAssetBase } from "#vizejs/nuxt/dev-stylesheet-links-config";
+
+//#region src/dev-html.ts
+function sanitizeNuxtDevStylesheetLinks(html, buildAssetsDir = "/_nuxt/") {
+	function normalizeUrlPrefix(value) {
+		const withLeadingSlash = value.startsWith("/") ? value : `/${value}`;
+		return withLeadingSlash.endsWith("/") ? withLeadingSlash : `${withLeadingSlash}/`;
+	}
+	const normalizedAssetsDir = normalizeUrlPrefix(buildAssetsDir);
+	const seenHrefs = new Set();
+	function shouldKeepHref(href) {
+		if (seenHrefs.has(href)) return false;
+		seenHrefs.add(href);
+		if (!href.startsWith(normalizedAssetsDir)) return true;
+		const pathPart = href.slice(normalizedAssetsDir.length).split("?")[0].split("#")[0];
+		let decodedPath = pathPart;
+		try {
+			decodedPath = decodeURIComponent(pathPart);
+		} catch {}
+		if (decodedPath.includes("\0")) return false;
+		return pathPart.startsWith("@fs/") || pathPart.startsWith("@id/") || pathPart.startsWith("assets/") || pathPart.startsWith("virtual:") || /^__[\w.-]+\.css$/i.test(pathPart) || /^[\w.-]+\.css$/i.test(pathPart);
+	}
+	return html.replace(/<link\b(?=[^>]*\brel=(["'])stylesheet\1)[^>]*\bhref=(["'])(.*?)\2[^>]*>/gi, (tag, _relQuote, _hrefQuote, href) => shouldKeepHref(href) ? tag : "");
+}
+
+//#endregion
+//#region src/runtime/server/dev-stylesheet-links.ts
+var dev_stylesheet_links_default = defineNitroPlugin((nitroApp) => {
+	nitroApp.hooks.hook("render:response", (response) => {
+		if (typeof response?.body !== "string" || !response.body.includes("<link")) return;
+		response.body = sanitizeNuxtDevStylesheetLinks(response.body, devAssetBase);
+	});
+});
+
+//#endregion
+export { dev_stylesheet_links_default as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/nuxt",
-  "version": "0.26.0",
+  "version": "0.28.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.26.0",
-    "@vizejs/musea-nuxt": "0.26.0",
-    "@vizejs/vite-plugin": "0.26.0",
-    "vize": "0.26.0"
+    "@vizejs/vite-plugin": "0.28.0",
+    "@vizejs/vite-plugin-musea": "0.28.0",
+    "@vizejs/musea-nuxt": "0.28.0",
+    "vize": "0.28.0"
   },
   "devDependencies": {
     "tsdown": "^0.9.0",