@nuxt/webpack-builder 4.3.1 → 4.4.2

package/dist/index.mjs

@@ -3,16 +3,12 @@ import pify from "pify";
 import webpackDevMiddleware from "webpack-dev-middleware";
 import webpackHotMiddleware from "webpack-hot-middleware";
 import { defu } from "defu";
-import { joinURL, parseURL, withTrailingSlash } from "ufo";
+import { joinURL, withTrailingSlash } from "ufo";
 import { directoryToURL, logger, resolveAlias, useNitro, useNuxt } from "@nuxt/kit";
 import { createUnplugin } from "unplugin";
 import MagicString from "magic-string";
-import webpack from "webpack";
-import MiniCssExtractPlugin from "mini-css-extract-plugin";
-import WebpackBarPlugin from "webpackbar";
-import TsCheckerPlugin from "fork-ts-checker-webpack-plugin";
+import { MiniCssExtractPlugin, TsCheckerPlugin, WebpackBarPlugin, builder, webpack } from "#builder";
 import { existsSync, readFileSync } from "node:fs";
-import { pathToFileURL } from "node:url";
 import { basename, isAbsolute, join, normalize, relative, resolve } from "pathe";
 import { genArrayFromRaw, genObjectFromRawEntries, genString } from "knitwork";
 import { compileStyle, parse } from "@vue/compiler-sfc";
@@ -36,6 +32,7 @@ import { normalizeWebpackManifest, precomputeDependencies } from "vue-bundle-ren
 import { hash } from "ohash";
 import { serialize } from "seroval";
 import { parseNodeModulePath } from "mlly";
+//#region src/plugins/dynamic-base.ts
 const defaults = {
 	globalPublicPath: "__webpack_public_path__",
 	sourcemap: true
@@ -65,7 +62,8 @@ const DynamicBasePlugin = createUnplugin((options = {}) => {
 		}
 	};
 });
-const builder = "webpack";
+//#endregion
+//#region src/plugins/chunk.ts
 const pluginName = "ChunkErrorPlugin";
 var ChunkErrorPlugin = class {
 	apply(compiler) {
@@ -97,19 +95,40 @@ if (typeof ${ensureChunk} !== "undefined") {
 `;
 	}
 };
+//#endregion
+//#region ../nuxt/src/core/utils/plugins.ts
+/**
+* Split a bundler module ID into its pathname and search (query) parts.
+*
+* Module IDs from Vite/webpack are already-normalized filesystem paths
+* that may carry query strings (e.g. `?vue&type=style&lang=css`).
+*/
+function parseModuleId(id) {
+	const qIndex = id.indexOf("?");
+	if (qIndex === -1) return {
+		pathname: id,
+		search: ""
+	};
+	return {
+		pathname: id.slice(0, qIndex),
+		search: id.slice(qIndex)
+	};
+}
+//#endregion
+//#region 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;
-	const { pathname } = parseURL(decodeURIComponent(pathToFileURL(id).href));
+	const { pathname } = parseModuleId(id);
 	const rel = relative(nuxt.options.srcDir, pathname);
 	if (rel.startsWith("..")) return null;
 	return rel;
 }
 function resolveFilePath(id) {
 	if (!id) return null;
-	return parseURL(decodeURIComponent(pathToFileURL(id).href)).pathname || null;
+	return parseModuleId(normalize(id)).pathname || null;
 }
 function sanitizeStyleAssetName(rel) {
 	return rel.replace(/[\\/]/g, "_").replace(/\.{2,}/g, "_");
@@ -236,11 +255,6 @@ var SSRStylesPlugin = class {
 		}
 		return null;
 	}
-	normalizeResourcePath(resource) {
-		if (!resource) return null;
-		const withoutQuery = resource.split("?")[0];
-		return resolveFilePath(withoutQuery);
-	}
 	apply(compiler) {
 		if (this.nuxt.options.dev) return;
 		const isClient = compiler.options.name === "client";
@@ -414,6 +428,8 @@ var SSRStylesPlugin = class {
 		return cssChunks;
 	}
 };
+//#endregion
+//#region src/utils/mfs.ts
 function createMFS() {
 	const _fs = { ...createFsFromVolume(new Volume()) };
 	_fs.join = join;
@@ -421,9 +437,14 @@ function createMFS() {
 	_fs.readFile = pify(_fs.readFile);
 	return _fs;
 }
+//#endregion
+//#region src/utils/index.ts
+/** @since 3.9.0 */
 function toArray(value) {
 	return Array.isArray(value) ? value : [value];
 }
+//#endregion
+//#region src/utils/config.ts
 function createWebpackConfigContext(nuxt) {
 	return {
 		nuxt,
@@ -451,6 +472,8 @@ function fileName(ctx, key) {
 	}
 	return fileName;
 }
+//#endregion
+//#region src/presets/assets.ts
 function assets(ctx) {
 	ctx.config.module.rules.push({
 		test: /\.(png|jpe?g|gif|svg|webp)$/i,
@@ -481,6 +504,8 @@ function assets(ctx) {
 		}]
 	});
 }
+//#endregion
+//#region src/plugins/warning-ignore.ts
 var WarningIgnorePlugin = class {
 	filter;
 	constructor(filter) {
@@ -492,6 +517,12 @@ var WarningIgnorePlugin = class {
 		});
 	}
 };
+//#endregion
+//#region src/plugins/vue/util.ts
+/**
+* This file is based on Vue.js (MIT) webpack plugins
+* https://github.com/vuejs/vue/blob/dev/src/server/webpack-plugin/util.js
+*/
 const validate = (compiler) => {
 	if (compiler.options.target !== "node") logger.warn("webpack config `target` should be \"node\".");
 	if (!compiler.options.externals) logger.info("It is recommended to externalize dependencies in the server build for better build performance.");
@@ -502,10 +533,17 @@ const extractQueryPartJS = (file) => isJSRegExp.exec(file)?.[1];
 const isCSSRegExp = /\.css(?:\?[^.]+)?$/;
 const isCSS = (file) => isCSSRegExp.test(file);
 const isHotUpdate = (file) => file.includes("hot-update");
+//#endregion
+//#region src/plugins/rollup-compat-dynamic-import.ts
 const DYNAMIC_IMPORT_RE = /import\([^)]*\+\s*__webpack_require__[^+]*\)\.then/;
 const DYNAMIC_IMPORT_REPLACE_RE = /import\([^)]*\+\s*(__webpack_require__[^+]*)\)\.then/g;
 const HELPER_FILENAME = "_dynamic-import-helper.mjs";
 const HELPER_IMPORT = `import { _rollupDynamicImport } from "./${HELPER_FILENAME}";\n`;
+/**
+* Webpack plugin that generates rollup-compatible dynamic imports.
+* This plugin uses webpack's native compilation hooks to override dynamic import generation
+* and create rollup-compatible code directly during webpack's compilation process.
+*/
 var RollupCompatDynamicImportPlugin = class {
 	apply(compiler) {
 		compiler.hooks.compilation.tap("RollupCompatDynamicImportPlugin", (compilation) => {
@@ -573,6 +611,8 @@ export function _rollupDynamicImport(chunkId) {
 `;
 	}
 };
+//#endregion
+//#region src/presets/base.ts
 async function base(ctx) {
 	await applyPresets(ctx, [
 		baseAlias,
@@ -748,6 +788,8 @@ const statsMap = {
 	info: "normal",
 	verbose: "verbose"
 };
+//#endregion
+//#region src/presets/esbuild.ts
 function esbuild(ctx) {
 	const target = ctx.isServer ? "es2020" : "chrome85";
 	ctx.config.optimization.minimizer.push(new EsbuildPlugin());
@@ -775,6 +817,8 @@ function esbuild(ctx) {
 		}
 	});
 }
+//#endregion
+//#region src/presets/pug.ts
 function pug(ctx) {
 	ctx.config.module.rules.push({
 		test: /\.pug$/i,
@@ -790,6 +834,8 @@ function pug(ctx) {
 		}] }]
 	});
 }
+//#endregion
+//#region src/utils/postcss.ts
 const isPureObject = (obj) => obj !== null && !Array.isArray(obj) && typeof obj === "object";
 function sortPlugins({ plugins, order }) {
 	const names = Object.keys(plugins);
@@ -835,6 +881,8 @@ async function getPostcssConfig(nuxt) {
 		postcssOptions
 	};
 }
+//#endregion
+//#region src/presets/style.ts
 async function style(ctx) {
 	await applyPresets(ctx, [
 		loaders,
@@ -914,6 +962,12 @@ async function createPostcssLoadersRule(ctx) {
 		options: config
 	};
 }
+//#endregion
+//#region src/plugins/vue/client.ts
+/**
+* This file is based on Vue.js (MIT) webpack plugins
+* https://github.com/vuejs/vue/blob/dev/src/server/webpack-plugin/client.js
+*/
 var VueSSRClientPlugin = class {
 	serverDist;
 	nuxt;
@@ -996,6 +1050,8 @@ var VueSSRClientPlugin = class {
 		});
 	}
 };
+//#endregion
+//#region src/plugins/vue/server.ts
 const JS_MAP_RE = /\.js\.map$/;
 var VueSSRServerPlugin = class {
 	options;
@@ -1044,8 +1100,14 @@ var VueSSRServerPlugin = class {
 		});
 	}
 };
+//#endregion
+//#region src/presets/vue.ts
 function vue(ctx) {
-	ctx.config.plugins.push(new (VueLoaderPlugin.default || VueLoaderPlugin)());
+	ctx.nuxt.hooks.hookOnce(`${builder}:config`, () => {
+		ctx.nuxt.hook(`${builder}:configResolved`, (configs) => {
+			for (const config of configs) config.plugins.unshift(new (VueLoaderPlugin.default || VueLoaderPlugin)());
+		});
+	});
 	ctx.config.module.rules.push({
 		test: /\.vue$/i,
 		loader: "vue-loader",
@@ -1073,6 +1135,8 @@ function vue(ctx) {
 		"__VUE_PROD_HYDRATION_MISMATCH_DETAILS__": ctx.nuxt.options.debug && ctx.nuxt.options.debug.hydration
 	}));
 }
+//#endregion
+//#region src/presets/nuxt.ts
 async function nuxt(ctx) {
 	await applyPresets(ctx, [
 		base,
@@ -1083,6 +1147,8 @@ async function nuxt(ctx) {
 		vue
 	]);
 }
+//#endregion
+//#region src/configs/client.ts
 async function client(ctx) {
 	ctx.name = "client";
 	ctx.isClient = true;
@@ -1188,6 +1254,8 @@ function clientPlugins(ctx) {
 		if (!ctx.nuxt.options.test && (ctx.nuxt.options.typescript.typeCheck === true || ctx.nuxt.options.typescript.typeCheck === "build" && !ctx.nuxt.options.dev)) ctx.config.plugins.push(new TsCheckerPlugin({ logger }));
 	}
 }
+//#endregion
+//#region src/presets/node.ts
 function node(ctx) {
 	ctx.config.target = "node";
 	ctx.config.node = false;
@@ -1216,6 +1284,8 @@ function node(ctx) {
 		maxAssetSize: Number.POSITIVE_INFINITY
 	};
 }
+//#endregion
+//#region src/configs/server.ts
 const assetPattern = /\.(?:css|s[ca]ss|png|jpe?g|gif|svg|woff2?|eot|ttf|otf|webp|webm|mp4|ogv)(?:\?.*)?$/i;
 const VIRTUAL_RE = /^\0?virtual:(?:nuxt:)?/;
 async function server(ctx) {
@@ -1308,6 +1378,8 @@ function serverPlugins(ctx) {
 	}));
 	if (!ctx.nuxt.options.test && (ctx.nuxt.options.typescript.typeCheck === true || ctx.nuxt.options.typescript.typeCheck === "build" && !ctx.nuxt.options.dev)) ctx.config.plugins.push(new TsCheckerPlugin({ logger }));
 }
+//#endregion
+//#region src/webpack.ts
 const bundle = async (nuxt) => {
 	const webpackConfigs = await Promise.all([client, ...nuxt.options.ssr ? [server] : []].map(async (preset) => {
 		const ctx = createWebpackConfigContext(nuxt);
@@ -1315,6 +1387,7 @@ const bundle = async (nuxt) => {
 		await applyPresets(ctx, preset);
 		return ctx.config;
 	}));
+	/** Remove Nitro rollup plugin for handling dynamic imports from webpack chunks */
 	if (!nuxt.options.dev) useNitro().hooks.hook("rollup:before", (_nitro, config) => {
 		const plugins = config.plugins;
 		const existingPlugin = plugins.findIndex((i) => i && "name" in i && i.name === "dynamic-require");
@@ -1377,10 +1450,6 @@ function wdmToH3Handler(devMiddleware) {
 			res.end("Forbidden");
 			return;
 		}
-		event.context.webpack = {
-			...event.context.webpack,
-			devMiddleware: devMiddleware.context
-		};
 		return await new Promise((resolve, reject) => {
 			res.stream = (stream) => {
 				resolve(stream);
@@ -1445,4 +1514,5 @@ async function compile(compiler) {
 function defineEventHandler(handler) {
 	return Object.assign(handler, { __is_handler__: true });
 }
+//#endregion
 export { bundle };

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

@@ -1,4 +1,5 @@
 import { normalize, relative } from "pathe";
+//#region src/loaders/vue-module-identifier.ts
 const vueModuleIdentifierLoader = function(source) {
 	this.cacheable?.();
 	const { srcDir } = this.getOptions() || {};
@@ -8,4 +9,5 @@ const vueModuleIdentifierLoader = function(source) {
 	const moduleId = normalize(context ? relative(context, resourcePath) : resourcePath).replace(/^\.\//, "").replace(/\\/g, "/");
 	return source + `\n;__exports__.__moduleIdentifier = ${JSON.stringify(moduleId)};`;
 };
+//#endregion
 export { vueModuleIdentifierLoader as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/webpack-builder",
-  "version": "4.3.1",
+  "version": "4.4.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/nuxt.git",
@@ -25,11 +25,11 @@
   ],
   "dependencies": {
     "@nuxt/friendly-errors-webpack-plugin": "^2.6.0",
-    "@vue/compiler-sfc": "3.5.27",
-    "autoprefixer": "^10.4.24",
-    "css-loader": "^7.1.3",
-    "css-minimizer-webpack-plugin": "^7.0.4",
-    "cssnano": "^7.1.2",
+    "@vue/compiler-sfc": "3.5.30",
+    "autoprefixer": "^10.4.27",
+    "css-loader": "^7.1.4",
+    "css-minimizer-webpack-plugin": "^8.0.0",
+    "cssnano": "^7.1.3",
     "defu": "^6.1.4",
     "esbuild-loader": "^4.4.2",
     "escape-string-regexp": "^5.0.0",
@@ -39,20 +39,20 @@
     "jiti": "^2.6.1",
     "knitwork": "^1.3.0",
     "magic-string": "^0.30.21",
-    "memfs": "^4.56.10",
-    "mini-css-extract-plugin": "^2.10.0",
-    "mlly": "^1.8.0",
+    "memfs": "^4.56.11",
+    "mini-css-extract-plugin": "^2.10.1",
+    "mlly": "^1.8.1",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",
     "pify": "^6.1.0",
-    "postcss": "^8.5.6",
+    "postcss": "^8.5.8",
     "postcss-import": "^16.1.1",
     "postcss-import-resolver": "^2.0.0",
-    "postcss-loader": "^8.2.0",
+    "postcss-loader": "^8.2.1",
     "postcss-url": "^10.1.3",
     "pug-plain-loader": "^1.1.0",
-    "seroval": "^1.5.0",
-    "std-env": "^3.10.0",
+    "seroval": "^1.5.1",
+    "std-env": "^4.0.0",
     "time-fix-plugin": "^2.0.7",
     "tinyglobby": "^0.2.15",
     "ufo": "^1.6.3",
@@ -61,27 +61,27 @@
     "url-loader": "^4.1.1",
     "vue-bundle-renderer": "^2.2.0",
     "vue-loader": "^17.4.2",
-    "webpack": "^5.104.1",
+    "webpack": "^5.105.4",
     "webpack-bundle-analyzer": "^5.2.0",
     "webpack-dev-middleware": "^7.4.5",
     "webpack-hot-middleware": "^2.26.1",
     "webpackbar": "^7.0.0",
-    "@nuxt/kit": "4.3.1"
+    "@nuxt/kit": "4.4.2"
   },
   "devDependencies": {
-    "@rspack/core": "1.7.5",
+    "@rspack/core": "1.7.8",
     "@types/webpack-bundle-analyzer": "4.7.0",
     "@types/webpack-hot-middleware": "2.25.12",
-    "h3": "1.15.5",
-    "h3-next": "npm:h3@2.0.1-rc.14",
-    "obuild": "0.4.27",
-    "rollup": "4.57.1",
-    "vue": "3.5.27",
-    "@nuxt/schema": "4.3.1"
+    "h3": "1.15.6",
+    "h3-next": "npm:h3@2.0.1-rc.16",
+    "obuild": "0.4.32",
+    "rollup": "4.59.0",
+    "vue": "3.5.30",
+    "@nuxt/schema": "4.4.2"
   },
   "peerDependencies": {
     "vue": "^3.3.4",
-    "nuxt": "4.3.1"
+    "nuxt": "4.4.2"
   },
   "engines": {
     "node": "^20.19.0 || >=22.12.0"

package/dist/_chunks/libs/@vue/shared.d.mts

@@ -1,119 +0,0 @@
-//#region ../../node_modules/.pnpm/@vue+shared@3.5.27/node_modules/@vue/shared/dist/shared.d.ts
-/**
- * Patch flags are optimization hints generated by the compiler.
- * when a block with dynamicChildren is encountered during diff, the algorithm
- * enters "optimized mode". In this mode, we know that the vdom is produced by
- * a render function generated by the compiler, so the algorithm only needs to
- * handle updates explicitly marked by these patch flags.
- *
- * Patch flags can be combined using the | bitwise operator and can be checked
- * using the & operator, e.g.
- *
- * ```js
- * const flag = TEXT | CLASS
- * if (flag & TEXT) { ... }
- * ```
- *
- * Check the `patchElement` function in '../../runtime-core/src/renderer.ts' to see how the
- * flags are handled during diff.
- */
-declare enum PatchFlags {
-  /**
-   * Indicates an element with dynamic textContent (children fast path)
-   */
-  TEXT = 1,
-  /**
-   * Indicates an element with dynamic class binding.
-   */
-  CLASS = 2,
-  /**
-   * Indicates an element with dynamic style
-   * The compiler pre-compiles static string styles into static objects
-   * + detects and hoists inline static objects
-   * e.g. `style="color: red"` and `:style="{ color: 'red' }"` both get hoisted
-   * as:
-   * ```js
-   * const style = { color: 'red' }
-   * render() { return e('div', { style }) }
-   * ```
-   */
-  STYLE = 4,
-  /**
-   * Indicates an element that has non-class/style dynamic props.
-   * Can also be on a component that has any dynamic props (includes
-   * class/style). when this flag is present, the vnode also has a dynamicProps
-   * array that contains the keys of the props that may change so the runtime
-   * can diff them faster (without having to worry about removed props)
-   */
-  PROPS = 8,
-  /**
-   * Indicates an element with props with dynamic keys. When keys change, a full
-   * diff is always needed to remove the old key. This flag is mutually
-   * exclusive with CLASS, STYLE and PROPS.
-   */
-  FULL_PROPS = 16,
-  /**
-   * Indicates an element that requires props hydration
-   * (but not necessarily patching)
-   * e.g. event listeners & v-bind with prop modifier
-   */
-  NEED_HYDRATION = 32,
-  /**
-   * Indicates a fragment whose children order doesn't change.
-   */
-  STABLE_FRAGMENT = 64,
-  /**
-   * Indicates a fragment with keyed or partially keyed children
-   */
-  KEYED_FRAGMENT = 128,
-  /**
-   * Indicates a fragment with unkeyed children.
-   */
-  UNKEYED_FRAGMENT = 256,
-  /**
-   * Indicates an element that only needs non-props patching, e.g. ref or
-   * directives (onVnodeXXX hooks). since every patched vnode checks for refs
-   * and onVnodeXXX hooks, it simply marks the vnode so that a parent block
-   * will track it.
-   */
-  NEED_PATCH = 512,
-  /**
-   * Indicates a component with dynamic slots (e.g. slot that references a v-for
-   * iterated value, or dynamic slot names).
-   * Components with this flag are always force updated.
-   */
-  DYNAMIC_SLOTS = 1024,
-  /**
-   * Indicates a fragment that was created only because the user has placed
-   * comments at the root level of a template. This is a dev-only flag since
-   * comments are stripped in production.
-   */
-  DEV_ROOT_FRAGMENT = 2048,
-  /**
-   * SPECIAL FLAGS -------------------------------------------------------------
-   * Special flags are negative integers. They are never matched against using
-   * bitwise operators (bitwise matching should only happen in branches where
-   * patchFlag > 0), and are mutually exclusive. When checking for a special
-   * flag, simply check patchFlag === FLAG.
-   */
-  /**
-   * Indicates a cached static vnode. This is also a hint for hydration to skip
-   * the entire sub tree since static content never needs to be updated.
-   */
-  CACHED = -1,
-  /**
-   * A special flag that indicates that the diffing algorithm should bail out
-   * of optimized mode. For example, on block fragments created by renderSlot()
-   * when encountering non-compiler generated slots (i.e. manually written
-   * render functions, which should always be fully diffed)
-   * OR manually cloneVNodes
-   */
-  BAIL = -2
-}
-declare function generateCodeFrame(source: string, start?: number, end?: number): string;
-type Prettify<T> = { [K in keyof T]: T[K] } & {};
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never;
-type LooseRequired<T> = { [P in keyof (T & Required<T>)]: T[P] };
-type IfAny<T, Y, N> = 0 extends 1 & T ? Y : N;
-//#endregion
-export { UnionToIntersection as a, Prettify as i, LooseRequired as n, generateCodeFrame as o, PatchFlags as r, IfAny as t };

package/dist/_chunks/libs/pkg-types.d.mts

@@ -1,23 +0,0 @@
-import "exsolve";
-
-//#region ../../node_modules/.pnpm/pkg-types@2.3.0/node_modules/pkg-types/dist/index.d.mts
-type StripEnums<T extends Record<string, any>> = { [K in keyof T]: T[K] extends boolean ? T[K] : T[K] extends string ? T[K] : T[K] extends object ? T[K] : T[K] extends Array<any> ? T[K] : T[K] extends undefined ? undefined : any };
-interface TSConfig {
-  compilerOptions?: StripEnums<CompilerOptions>;
-  exclude?: string[];
-  compileOnSave?: boolean;
-  extends?: string | string[];
-  files?: string[];
-  include?: string[];
-  typeAcquisition?: TypeAcquisition;
-  references?: {
-    path: string;
-  }[];
-}
-/**
- * Defines a TSConfig structure.
- * @param tsconfig - The contents of `tsconfig.json` as an object. See {@link TSConfig}.
- * @returns the same `tsconfig.json` object.
- */
-//#endregion
-export { TSConfig as t };