@nuxt/rspack-builder-nightly 4.5.1-29752449.30d24817 → 4.5.2-2610052030-052d82e

package/dist/index.d.mts

@@ -1,6 +1,8 @@
+import "webpack";
+import "mini-css-extract-plugin";
+import "fork-ts-checker-webpack-plugin";
+import "vue-loader/dist/pluginWebpack5.js";
 import { NuxtBuilder } from "@nuxt/schema";
-
 //#region ../webpack/src/webpack.d.ts
-declare const bundle: NuxtBuilder["bundle"];
-//#endregion
-export { bundle };
+export declare const bundle: NuxtBuilder["bundle"];
+//#endregion

package/dist/index.mjs

@@ -5,11 +5,12 @@ import { createRsbuild, rspack } from "@rsbuild/core";
 import { VueLoaderPlugin } from "rspack-vue-loader";
 import WebpackBarPlugin from "webpackbar/rspack";
 import { TsCheckerRspackPlugin } from "ts-checker-rspack-plugin";
-import pify from "pify";
+import { promisify } from "node:util";
 import { defu } from "defu";
 import { basename, dirname, isAbsolute, join, normalize, relative, resolve } from "pathe";
 import { joinURL, withTrailingSlash } from "ufo";
-import { DEFAULT_JS_FILE_EXTENSIONS, bundlerDiagnostics, configDiagnostics, directoryToURL, logger, resolveAlias, setBuildOutput, useNitro, useNuxt } from "@nuxt/kit";
+import { directoryToURL, getAddDependencyCommand, logger, resolveAlias, setBuildOutput, tryImportModule, useNitro, useNuxt } from "@nuxt/kit";
+import { DEFAULT_JS_FILE_EXTENSIONS, bundlerDiagnostics, configDiagnostics, parseNodeModulePath } from "@nuxt/kit/internal";
 import { createUnplugin } from "unplugin";
 import { generateTransform, rolldownString } from "rolldown-string";
 import { existsSync, readFileSync } from "node:fs";
@@ -21,14 +22,12 @@ import querystring from "node:querystring";
 import { BundleAnalyzerPlugin } from "webpack-bundle-analyzer";
 import { defineEnv } from "unenv";
 import { fileURLToPath } from "node:url";
-import { parseNodeModulePath } from "mlly";
 import TimeFixPlugin from "time-fix-plugin";
 import FriendlyErrorsWebpackPlugin from "@nuxt/friendly-errors-webpack-plugin";
 import escapeRegExp from "escape-string-regexp";
 import { EsbuildPlugin } from "esbuild-loader";
 import CssMinimizerPlugin from "css-minimizer-webpack-plugin";
 import createResolver from "postcss-import-resolver";
-import { createJiti } from "jiti";
 import { mkdir, writeFile } from "node:fs/promises";
 import { normalizeWebpackManifest, precomputeDependencies } from "vue-bundle-renderer";
 import { hash } from "ohash";
@@ -139,10 +138,11 @@ function parseModuleId(id) {
 		search: id.slice(qIndex)
 	};
 }
+/** Matches module IDs for Vue files (ignoring query strings). */
+const VUE_ID_RE = /\.vue(?:\?|$)/;
 //#endregion
 //#region ../webpack/src/plugins/ssr-styles.ts
 const CSS_URL_RE = /url\((['"]?)(\/[^)]+?)\1\)/g;
-const isVueFile = (id) => /\.vue(?:\?|$)/.test(id);
 const isCSSLike = (name) => /\.(?:css|scss|sass|less|styl(?:us)?|postcss|pcss)(?:\?|$)/.test(name);
 function normalizePath(nuxt, id) {
 	if (!id) return null;
@@ -162,7 +162,9 @@ function normalizeCSSContent(css) {
 	return css.trim().replace(/(--[^:]+):\s*'([^']*)'/g, "$1:\"$2\"").replace(/:\s+/g, ":").replace(/\s*\{\s*/g, "{").replace(/;\s*\}/g, "}").replace(/\s*\}\s*/g, "}");
 }
 function getVueLoaderScopeId(filePath, source, rootContext) {
-	return getVueLoaderHash(`${normalize(relative(rootContext || process.cwd(), filePath).replace(/^(?:\.\.[/\\])+/, "")).replace(/\\/g, "/")}\n${source.replace(/\r\n/g, "\n")}`);
+	const rawShortFilePath = relative(rootContext || process.cwd(), filePath).replace(/^(?:\.\.[/\\])+/, "");
+	const shortFilePath = normalize(rawShortFilePath).replace(/\\/g, "/");
+	return getVueLoaderHash(`${shortFilePath}\n${source.replace(/\r\n/g, "\n")}`);
 }
 function extractVueStyles(filePath, rootContext) {
 	try {
@@ -212,16 +214,17 @@ var SSRStylesPlugin = class {
 	escapeTemplateLiteral(str) {
 		return str.replace(/[`\\$]/g, (m) => m === "$" ? "\\$" : `\\${m}`);
 	}
-	isBuildAsset(url) {
+	buildAssetPath(url) {
 		const buildDir = withTrailingSlash(this.nuxt.options.app.buildAssetsDir || "/_nuxt/");
-		return url.startsWith(buildDir);
+		return url.startsWith(buildDir) ? url.slice(buildDir.length) : null;
 	}
 	isPublicAsset(url, nitro) {
 		const cleaned = url.replace(/[?#].*$/, "");
 		for (const dir of nitro.options.publicAssets) {
 			const base = withTrailingSlash(dir.baseURL || "/");
 			if (!url.startsWith(base)) continue;
-			if (existsSync(cleaned.replace(base, withTrailingSlash(dir.dir)))) return true;
+			const path = cleaned.replace(base, withTrailingSlash(dir.dir));
+			if (existsSync(path)) return true;
 		}
 		return false;
 	}
@@ -238,14 +241,16 @@ var SSRStylesPlugin = class {
 			const full = match[0];
 			const rawUrl = match[2] || "";
 			const stripped = rawUrl.replace(/[?#].*$/, "");
-			if (this.isPublicAsset(stripped, nitro)) {
-				needsPublicAsset = true;
-				changed = true;
-				out += "${publicAssetsURL(" + JSON.stringify(rawUrl) + ")}";
-			} else if (this.isBuildAsset(stripped)) {
+			const quote = match[1] || "";
+			const buildAssetPath = this.buildAssetPath(stripped);
+			if (buildAssetPath) {
 				needsBuildAsset = true;
 				changed = true;
-				out += "${buildAssetsURL(" + JSON.stringify(rawUrl) + ")}";
+				out += `url(${quote}\${buildAssetsURL(${JSON.stringify(buildAssetPath + rawUrl.slice(stripped.length))})}${quote})`;
+			} else if (this.isPublicAsset(stripped, nitro)) {
+				needsPublicAsset = true;
+				changed = true;
+				out += `url(${quote}\${publicAssetsURL(${JSON.stringify(rawUrl)})}${quote})`;
 			} else out += this.escapeTemplateLiteral(full);
 			lastIndex = index + full.length;
 		}
@@ -319,7 +324,7 @@ var SSRStylesPlugin = class {
 			}
 			for (const module of compilation.modules) {
 				const resource = module.resource;
-				if (!resource || !isVueFile(resource)) continue;
+				if (!resource || !VUE_ID_RE.test(resource)) continue;
 				const rel = normalizePath(this.nuxt, resource);
 				if (!rel) continue;
 				if (collected.has(rel)) continue;
@@ -349,7 +354,7 @@ var SSRStylesPlugin = class {
 			const stylesSource = ["const interopDefault = r => r.default || r || []", `export default ${genObjectFromRawEntries(Object.entries(emitted).map(([key, value]) => [key, `() => import('./${value}').then(interopDefault)`]))}`].join("\n");
 			compilation.emitAsset("styles.mjs", new rawSource(stylesSource));
 			const stylesPath = resolve(this.nuxt.options.buildDir, "dist/server/styles.mjs");
-			setBuildOutput("ssrStyles", () => `export { default } from ${JSON.stringify(stylesPath)}`, this.nuxt);
+			setBuildOutput("ssrStyles", () => [`export { default } from ${JSON.stringify(stylesPath)}`, "export const inlinedCSS = {}"].join("\n"), this.nuxt);
 			const entryIds = Array.from(this.chunksWithInlinedCSS).filter((id) => entryModules.has(id));
 			setBuildOutput("entryIds", () => `export default ${JSON.stringify(entryIds)}`, this.nuxt);
 		});
@@ -463,7 +468,7 @@ function createMFS() {
 	const _fs = { ...createFsFromVolume(new Volume()) };
 	_fs.join = join;
 	_fs.exists = (p) => Promise.resolve(_fs.existsSync(p));
-	_fs.readFile = pify(_fs.readFile);
+	_fs.readFile = promisify(_fs.readFile);
 	return _fs;
 }
 //#endregion
@@ -791,10 +796,49 @@ function basePlugins(ctx) {
 		ctx.config.plugins.push(new StripInvalidPureAnnotationsPlugin());
 	}
 }
+/**
+* Pin the packages that hold global vue state (`currentInstance`, reactivity
+* internals, injection keys) to a single resolved entry, mirroring vite's
+* `resolve.dedupe: ['vue']`.
+*/
+function vueAliases(ctx) {
+	const aliases = {};
+	const from = [
+		directoryToURL(ctx.nuxt.options.rootDir),
+		directoryToURL(ctx.nuxt.options.workspaceDir),
+		import.meta.url
+	];
+	const conditions = ctx.isServer ? [
+		"node",
+		"import",
+		"default"
+	] : [
+		"browser",
+		"import",
+		"default"
+	];
+	for (const pkg of [
+		"@vue/runtime-core",
+		"@vue/runtime-dom",
+		"@vue/reactivity",
+		"@vue/shared",
+		"@vue/runtime-vapor",
+		"vue-router"
+	]) {
+		const entry = resolveModulePath(pkg, {
+			from,
+			conditions,
+			try: true
+		});
+		if (entry) aliases[`${pkg}$`] = entry;
+	}
+	return aliases;
+}
 function baseAlias(ctx) {
 	ctx.alias = {
 		"#app": ctx.options.appDir,
 		[basename(ctx.nuxt.options.dir.assets)]: resolve(ctx.nuxt.options.srcDir, ctx.nuxt.options.dir.assets),
+		...vueAliases(ctx),
 		...ctx.options.alias,
 		...ctx.alias
 	};
@@ -844,10 +888,13 @@ function baseResolve(ctx) {
 			".json",
 			".vue"
 		],
-		alias: ctx.alias,
 		modules: resolveModules,
 		fullySpecified: false,
-		...ctx.config.resolve
+		...ctx.config.resolve,
+		alias: {
+			...ctx.alias,
+			...ctx.config.resolve?.alias
+		}
 	};
 	ctx.config.resolveLoader = {
 		modules: resolveLoaderModules,
@@ -930,7 +977,7 @@ const statsMap = {
 //#region ../webpack/src/presets/esbuild.ts
 function esbuild(ctx) {
 	const target = ctx.isServer ? "es2020" : "chrome85";
-	ctx.config.optimization.minimizer.push(new EsbuildPlugin());
+	ctx.config.optimization.minimizer.push(new EsbuildPlugin({ minify: !!ctx.config.optimization.minimize }));
 	ctx.config.module.rules.push({
 		test: /\.m?[jt]s$/i,
 		loader: "esbuild-loader",
@@ -995,32 +1042,31 @@ async function getPostcssConfig(nuxt) {
 		"postcss-url": {}
 	};
 	const postcssOptions = defu({}, nuxt.options.postcss, {
+		config: false,
 		plugins: defaultPlugins,
 		sourceMap: nuxt.options.webpack.cssSourceMap
 	});
 	const defaultPluginNames = new Set(Object.keys(defaultPlugins));
-	const jiti = createJiti(nuxt.options.rootDir, { alias: nuxt.options.alias });
 	if (!Array.isArray(postcssOptions.plugins) && isPureObject(postcssOptions.plugins)) {
 		const plugins = [];
 		for (const pluginName of sortPlugins(postcssOptions)) {
 			const pluginOptions = postcssOptions.plugins[pluginName];
 			if (!pluginOptions) continue;
 			const isDefault = defaultPluginNames.has(pluginName);
-			const parentURLs = isDefault ? [import.meta.url] : nuxt.options.modulesDir;
-			let pluginFn;
-			for (const parentURL of parentURLs) {
-				pluginFn = await jiti.import(pluginName, {
-					parentURL: parentURL.replace(/\/node_modules\/?$/, ""),
-					try: true,
-					default: true
+			const parentURLs = isDefault ? [new URL(import.meta.url)] : nuxt.options.modulesDir.map((dir) => directoryToURL(dir.replace(/\/node_modules\/?$/, "")));
+			const pluginFn = await tryImportModule(pluginName, { url: parentURLs });
+			if (typeof pluginFn === "function") plugins.push(pluginFn(pluginOptions));
+			else {
+				const installCommand = await getAddDependencyCommand(pluginName, nuxt.options.rootDir, { dev: true });
+				if (isDefault) bundlerDiagnostics.NUXT_B7011({
+					pluginName,
+					installCommand
+				});
+				else bundlerDiagnostics.NUXT_B7007({
+					pluginName,
+					installCommand
 				});
-				if (typeof pluginFn === "function") {
-					plugins.push(pluginFn(pluginOptions));
-					break;
-				}
 			}
-			if (typeof pluginFn !== "function") if (isDefault) bundlerDiagnostics.NUXT_B7011({ pluginName });
-			else bundlerDiagnostics.NUXT_B7007({ pluginName });
 		}
 		postcssOptions.plugins = plugins;
 	}
@@ -1339,7 +1385,7 @@ function clientDevtool(ctx) {
 }
 function clientPerformance(ctx) {
 	ctx.config.performance = {
-		maxEntrypointSize: 1e3 * 1024,
+		maxEntrypointSize: 1024e3,
 		hints: ctx.isDev ? false : "warning",
 		...ctx.config.performance
 	};
@@ -1378,7 +1424,8 @@ function clientHMR(ctx) {
 	ctx.config.entry.app.unshift(`webpack-hot-middleware/client?${hotMiddlewareClientOptionsStr}`);
 }
 function clientOptimization(ctx) {
-	if (!ctx.nuxt.options.features.inlineStyles) return;
+	const inlineStyles = ctx.nuxt.options.features.inlineStyles;
+	if (!inlineStyles) return;
 	const globalCSSPaths = /* @__PURE__ */ new Set();
 	for (const css of ctx.options.css) if (typeof css === "string") {
 		const resolved = resolveAlias(css, ctx.options.alias);
@@ -1395,7 +1442,7 @@ function clientOptimization(ctx) {
 			test: (module) => {
 				if (module.type !== "css/mini-extract") return false;
 				const identifier = normalize(module.identifier());
-				for (const globalPath of globalCSSPaths) if (identifier.includes(globalPath)) return true;
+				for (const globalPath of globalCSSPaths) if (identifier.includes(globalPath)) return typeof inlineStyles === "boolean" ? inlineStyles : inlineStyles(module.identifier());
 				return false;
 			}
 		};
@@ -1523,8 +1570,10 @@ function serverStandalone(ctx) {
 		}
 		if (request[0] === "." || isAbsolute(request) || inline.find((prefix) => typeof prefix === "string" && request.startsWith(prefix)) || assetPattern.test(request)) return cb(void 0, false);
 		if (context && request && !request.startsWith("node:") && (isAbsolute(context) || VIRTUAL_RE.test(context))) try {
-			const resolved = resolveModulePath(resolveAlias(normalize(request), ctx.nuxt.options.alias), {
-				from: [parseNodeModulePath(context).dir || ctx.nuxt.options.rootDir, ...ctx.nuxt.options.modulesDir].map((d) => directoryToURL(d)),
+			const normalisedRequest = resolveAlias(normalize(request), ctx.nuxt.options.alias);
+			const dir = parseNodeModulePath(context).dir || ctx.nuxt.options.rootDir;
+			const resolved = resolveModulePath(normalisedRequest, {
+				from: [dir, ...ctx.nuxt.options.modulesDir].map((d) => directoryToURL(d)),
 				suffixes: ["", "index"],
 				conditions,
 				try: true
@@ -1599,10 +1648,11 @@ function createRsbuildInstance(configs, nuxt) {
 	for (const config of configs) {
 		const isServer = config.name === "server";
 		if (nuxt.options.dev && !isServer) config.target ??= "web";
+		const distPath = isServer && nuxt.options.dev ? resolve(nuxt.options.buildDir, "dist/.rsbuild-server") : config.output.path;
 		environments[config.name] = {
 			output: {
 				target: isServer ? "node" : "web",
-				distPath: { root: config.output.path }
+				distPath: { root: distPath }
 			},
 			tools: { rspack: () => config }
 		};
@@ -1711,7 +1761,7 @@ async function createDevMiddleware(compiler) {
 		stats: "none",
 		...nuxt.options.webpack.devMiddleware
 	});
-	nuxt.hook("close", () => pify(devMiddleware.close.bind(devMiddleware))());
+	nuxt.hook("close", () => promisify(devMiddleware.close.bind(devMiddleware))());
 	const { client: _client, ...hotMiddlewareOptions } = nuxt.options.webpack.hotMiddleware || {};
 	const hotMiddleware = webpackHotMiddleware(compiler, {
 		log: false,
@@ -1769,7 +1819,7 @@ async function compile(compiler) {
 	if (nuxt.options.dev) {
 		const compilersWatching = [];
 		nuxt.hook("close", async () => {
-			await Promise.all(compilersWatching.map((watching) => watching && pify(watching.close.bind(watching))()));
+			await Promise.all(compilersWatching.map((watching) => watching && promisify(watching.close.bind(watching))()));
 		});
 		if (compiler.options.name === "client") return new Promise((resolve, reject) => {
 			compiler.hooks.done.tap("nuxt-dev", () => {

package/dist/loaders/vue-module-identifier.d.mts

@@ -1,5 +1,4 @@
 import { LoaderDefinitionFunction } from "webpack";
-
 //#region ../webpack/src/loaders/vue-module-identifier.d.ts
 interface LoaderOptions {
   srcDir?: string;

package/dist/loaders/vue-module-identifier.mjs

@@ -6,7 +6,8 @@ const vueModuleIdentifierLoader = function(source) {
 	const resourcePath = this.resourcePath || this._module?.resource;
 	if (!resourcePath || !source.includes("__exports__")) return source;
 	const context = srcDir || this.rootContext || this.context || this._compiler?.options?.context;
-	const moduleId = normalize(context ? relative(context, resourcePath) : resourcePath).replace(/^\.\//, "").replace(/\\/g, "/");
+	const relativePath = context ? relative(context, resourcePath) : resourcePath;
+	const moduleId = normalize(relativePath).replace(/^\.\//, "").replace(/\\/g, "/");
 	return source + `\n;__exports__.__moduleIdentifier = ${JSON.stringify(moduleId)};`;
 };
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/rspack-builder-nightly",
-  "version": "4.5.1-29752449.30d24817",
+  "version": "4.5.2-2610052030-052d82e",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/nuxt.git",
@@ -24,64 +24,60 @@
   ],
   "dependencies": {
     "@nuxt/friendly-errors-webpack-plugin": "^2.6.0",
-    "@nuxt/kit": "npm:@nuxt/kit-nightly@4.5.1-29752449.30d24817",
-    "@rsbuild/core": "~2.1.7",
-    "@vue/compiler-sfc": "3.5.40",
-    "autoprefixer": "^10.5.4",
-    "css-loader": "^7.1.4",
+    "@nuxt/kit": "npm:@nuxt/kit-nightly@4.5.2-2610052030-052d82e",
+    "@rsbuild/core": "~2.2.11",
+    "@vue/compiler-sfc": "3.5.43",
+    "autoprefixer": "^10.6.1",
+    "css-loader": "^7.1.5",
     "css-minimizer-webpack-plugin": "^8.0.0",
-    "cssnano": "^8.0.2",
+    "cssnano": "^9.2.2",
     "defu": "^6.1.7",
     "esbuild-loader": "^4.5.0",
     "escape-string-regexp": "^5.0.0",
-    "exsolve": "^1.1.0",
+    "exsolve": "^1.1.3",
     "file-loader": "^6.2.0",
-    "jiti": "^2.7.0",
     "knitwork": "^1.3.0",
-    "memfs": "^4.64.0",
+    "memfs": "^4.80.0",
     "mini-css-extract-plugin": "^2.10.2",
-    "mlly": "^1.8.2",
-    "ohash": "^2.0.11",
+    "ohash": "^2.0.12",
     "pathe": "^2.0.3",
-    "pify": "^6.1.0",
-    "postcss": "^8.5.22",
-    "postcss-import": "^16.1.1",
+    "postcss": "^8.5.28",
+    "postcss-import": "^17.0.0",
     "postcss-import-resolver": "^2.0.0",
     "postcss-loader": "^8.2.1",
     "postcss-url": "^10.1.4",
     "pug-plain-loader": "^1.1.0",
     "raw-loader": "^4.0.2",
     "rolldown-string": "^0.3.1",
-    "rspack-vue-loader": "^17.6.1",
-    "seroval": "^1.5.6",
+    "rspack-vue-loader": "^17.7.0",
+    "seroval": "^1.6.8",
     "time-fix-plugin": "^2.0.7",
     "tinyglobby": "^0.2.17",
-    "ts-checker-rspack-plugin": "^1.5.2",
+    "ts-checker-rspack-plugin": "^1.6.2",
     "ufo": "^1.6.4",
     "unenv": "^2.0.0-rc.24",
-    "unplugin": "^3.3.0",
+    "unplugin": "^3.4.0",
     "url-loader": "^4.1.1",
-    "vue-bundle-renderer": "^2.3.1",
-    "webpack-bundle-analyzer": "^5.3.1",
+    "vue-bundle-renderer": "^2.4.0",
+    "webpack-bundle-analyzer": "^5.4.0",
     "webpackbar": "^7.0.0"
   },
   "devDependencies": {
-    "@nuxt/schema": "npm:@nuxt/schema-nightly@4.5.1-29752449.30d24817",
+    "@nuxt/schema": "npm:@nuxt/schema-nightly@4.5.2-2610052030-052d82e",
     "@types/webpack-bundle-analyzer": "4.7.0",
     "h3": "1.15.11",
-    "h3-next": "npm:h3@2.0.1-rc.25",
-    "rollup": "4.62.2",
-    "tsdown": "0.22.0",
-    "vue": "^3.5.40"
+    "h3-next": "npm:h3@2.0.1-rc.32",
+    "rollup": "4.64.0",
+    "tsdown": "0.23.0",
+    "vue": "^3.5.43"
   },
   "peerDependencies": {
-    "nuxt": "npm:nuxt-nightly@4.5.1-29752449.30d24817",
+    "nuxt": "npm:nuxt-nightly@4.5.2-2610052030-052d82e",
     "vue": "^3.3.4"
   },
   "engines": {
-    "node": "^22.12.0 || ^24.11.0 || >=26.0.0"
+    "node": "^22.22.3 || ^24.15.0 || >=26.0.0"
   },
-  "_name": "@nuxt/rspack-builder",
   "scripts": {
     "build": "tsdown",
     "test:attw": "node ../../scripts/test-attw.ts"