@nuxt/webpack-builder 3.11.1 → 3.12.0

package/README.md

@@ -33,6 +33,7 @@ It provides a number of features that make it easy to build fast, SEO-friendly,
 - ❤️  [Contribute](#contribute)
 - 🏠 [Local Development](#local-development)
 - ⛰️ [Nuxt 2](#nuxt-2)
+- 🛟 [Professional Support](#professional-support)
 - 🔗 [Follow us](#follow-us)
 - ⚖️ [License](#license)
 
@@ -93,7 +94,7 @@ We invite you to contribute and help improve Nuxt 💚
 
 Here are a few ways you can get involved:
 - **Reporting Bugs:** If you come across any bugs or issues, please check out the [reporting bugs guide](https://nuxt.com/docs/community/reporting-bugs) to learn how to submit a bug report.
-- **Suggestions:** Have ideas to enhance Nuxt? We'd love to hear them! Check out the [contribution guide](https://nuxt.com/docs/community/contribution#creating-an-issue) to share your suggestions.
+- **Suggestions:** Have ideas to enhance Nuxt? We'd love to hear them! Check out the [contribution guide](https://nuxt.com/docs/community/contribution) to share your suggestions.
 - **Questions:** If you have questions or need assistance, the [getting help guide](https://nuxt.com/docs/community/getting-help) provides resources to help you out.
 
 ## <a name="local-development">🏠 Local Development</a>
@@ -104,6 +105,13 @@ Follow the docs to [Set Up Your Local Development Environment](https://nuxt.com/
 
 You can find the code for Nuxt 2 on the [`2.x` branch](https://github.com/nuxt/nuxt/tree/2.x) and the documentation at [v2.nuxt.com](https://v2.nuxt.com).
 
+If you expect to be using Nuxt 2 beyond the EOL (End of Life) date (June 30, 2024), and still need a maintained version that can satisfy security and browser compatibility requirements, make sure to check out [HeroDevs’ NES (Never-Ending Support) Nuxt 2](https://www.herodevs.com/support/nuxt-nes?utm_source=nuxt-github&utm_medium=nuxt-readme).
+
+## <a name="professional-support">🛟 Professional Support</a>
+
+- Technical audit & consulting: [Nuxt Experts](https://nuxt.com/enterprise/support)
+- Custom development & more: [Nuxt Agencies Partners](https://nuxt.com/enterprise/agencies)
+
 ## <a name="follow-us">🔗 Follow us</a>
 
 <p valign="center">

package/dist/index.mjs

@@ -50,8 +50,8 @@ var __publicField$3 = (obj, key, value) => {
   return value;
 };
 const stringTypes = ["Literal", "TemplateLiteral"];
-const NUXT_LIB_RE = /node_modules\/(nuxt|nuxt3|nuxt-nightly)\//;
-const SUPPORTED_EXT_RE = /\.(m?[jt]sx?|vue)/;
+const NUXT_LIB_RE = /node_modules\/(?:nuxt|nuxt3|nuxt-nightly)\//;
+const SUPPORTED_EXT_RE = /\.(?:m?[jt]sx?|vue)/;
 const composableKeysPlugin = createUnplugin((options) => {
   const composableMeta = {};
   for (const { name, ...meta } of options.composables) {
@@ -71,7 +71,7 @@ const composableKeysPlugin = createUnplugin((options) => {
       if (!KEYED_FUNCTIONS_RE.test(code)) {
         return;
       }
-      const { 0: script = code, index: codeIndex = 0 } = code.match(/(?<=<script[^>]*>)[\S\s.]*?(?=<\/script>)/) || { index: 0, 0: code };
+      const { 0: script = code, index: codeIndex = 0 } = code.match(/(?<=<script[^>]*>)[\s\S]*?(?=<\/script>)/) || { index: 0, 0: code };
       const s = new MagicString(code);
       let imports;
       let count = 0;
@@ -274,17 +274,18 @@ const defaults = {
   globalPublicPath: "__webpack_public_path__",
   sourcemap: true
 };
+const ENTRY_RE = /import ["']#build\/css["'];/;
 const DynamicBasePlugin = createUnplugin((options = {}) => {
   options = { ...defaults, ...options };
   return {
     name: "nuxt:dynamic-base-path",
     enforce: "post",
     transform(code, id) {
-      if (!id.includes("paths.mjs") || !code.includes("const appConfig = ")) {
+      if (!id.includes("entry") || !ENTRY_RE.test(code)) {
         return;
       }
       const s = new MagicString(code);
-      s.append(`
+      s.prepend(`import { buildAssetsURL } from '#internal/nuxt/paths';
 ${options.globalPublicPath} = buildAssetsURL();
 `);
       return {
@@ -334,7 +335,7 @@ function registerVirtualModules() {
   const virtualModules = new VirtualModulesPlugin(nuxt.vfs);
   const writeFiles = () => {
     for (const filePath in nuxt.vfs) {
-      virtualModules.writeModule(filePath, nuxt.vfs[filePath]);
+      virtualModules.writeModule(filePath, nuxt.vfs[filePath] || "");
     }
   };
   nuxt.hook("webpack:compile", ({ compiler }) => {
@@ -381,7 +382,7 @@ function fileName(ctx, key) {
     fileName2 = fileName2(ctx);
   }
   if (typeof fileName2 === "string" && ctx.options.dev) {
-    const hash = /\[(chunkhash|contenthash|hash)(?::(\d+))?]/.exec(fileName2);
+    const hash = /\[(chunkhash|contenthash|hash)(?::\d+)?\]/.exec(fileName2);
     if (hash) {
       logger.warn(`Notice: Please do not use ${hash[1]} in dev mode to prevent memory leak`);
     }
@@ -430,7 +431,7 @@ function assets(ctx) {
 var __defProp$2 = Object.defineProperty;
 var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$2 = (obj, key, value) => {
-  __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
+  __defNormalProp$2(obj, key + "" , value);
   return value;
 };
 class WarningIgnorePlugin {
@@ -535,6 +536,7 @@ function baseAlias(ctx) {
     "#app": ctx.options.appDir,
     "#build/plugins": resolve(ctx.options.buildDir, "plugins", ctx.isClient ? "client" : "server"),
     "#build": ctx.options.buildDir,
+    "#internal/nuxt/paths": resolve(ctx.nuxt.options.buildDir, "paths.mjs"),
     ...ctx.options.alias,
     ...ctx.alias
   };
@@ -603,8 +605,8 @@ function getWarningIgnoreFilter(ctx) {
 function getEnv(ctx) {
   const _env = {
     "process.env.NODE_ENV": JSON.stringify(ctx.config.mode),
-    __NUXT_VERSION__: JSON.stringify(ctx.nuxt._version),
-    __NUXT_ASYNC_CONTEXT__: ctx.options.experimental.asyncContext,
+    "__NUXT_VERSION__": JSON.stringify(ctx.nuxt._version),
+    "__NUXT_ASYNC_CONTEXT__": ctx.options.experimental.asyncContext,
     "process.env.VUE_ENV": JSON.stringify(ctx.name),
     "process.dev": ctx.options.dev,
     "process.test": isTest,
@@ -637,11 +639,11 @@ function esbuild(ctx) {
       test: /\.m?[jt]s$/i,
       loader: "esbuild-loader",
       exclude: (file) => {
-        file = file.split("node_modules", 2)[1];
-        if (!file) {
+        const lastSegment = file.split("node_modules", 2)[1];
+        if (!lastSegment) {
           return false;
         }
-        return !ctx.transpile.some((module) => module.test(file));
+        return !ctx.transpile.some((module) => module.test(lastSegment));
       },
       resolve: {
         fullySpecified: false
@@ -689,21 +691,17 @@ function pug(ctx) {
 }
 
 const isPureObject = (obj) => obj !== null && !Array.isArray(obj) && typeof obj === "object";
+const ensureItemIsLast = (item) => (arr) => {
+  const index = arr.indexOf(item);
+  if (index !== -1) {
+    arr.splice(index, 1);
+    arr.push(item);
+  }
+  return arr;
+};
 const orderPresets = {
-  cssnanoLast(names) {
-    const nanoIndex = names.indexOf("cssnano");
-    if (nanoIndex !== names.length - 1) {
-      names.push(names.splice(nanoIndex, 1)[0]);
-    }
-    return names;
-  },
-  autoprefixerLast(names) {
-    const nanoIndex = names.indexOf("autoprefixer");
-    if (nanoIndex !== names.length - 1) {
-      names.push(names.splice(nanoIndex, 1)[0]);
-    }
-    return names;
-  },
+  cssnanoLast: ensureItemIsLast("cssnano"),
+  autoprefixerLast: ensureItemIsLast("autoprefixer"),
   autoprefixerAndCssnanoLast(names) {
     return orderPresets.cssnanoLast(orderPresets.autoprefixerLast(names));
   }
@@ -772,13 +770,16 @@ function minimizer(ctx) {
   }
 }
 function extractCSS(ctx) {
-  if (ctx.userConfig.extractCSS) {
-    ctx.config.plugins.push(new MiniCssExtractPlugin({
-      filename: fileName(ctx, "css"),
-      chunkFilename: fileName(ctx, "css"),
-      ...ctx.userConfig.extractCSS === true ? {} : ctx.userConfig.extractCSS
-    }));
+  const config = ctx.userConfig.extractCSS;
+  if (!config) {
+    return;
   }
+  const filename = fileName(ctx, "css");
+  ctx.config.plugins.push(new MiniCssExtractPlugin({
+    filename,
+    chunkFilename: filename,
+    ...config === true ? {} : config
+  }));
 }
 function loaders(ctx) {
   ctx.config.module.rules.push(createdStyleRule("css", /\.css$/i, null, ctx));
@@ -867,18 +868,15 @@ const validate = (compiler) => {
 const isJSRegExp = /\.[cm]?js(\?[^.]+)?$/;
 const isJS = (file) => isJSRegExp.test(file);
 const extractQueryPartJS = (file) => isJSRegExp.exec(file)?.[1];
-const isCSS = (file) => /\.css(\?[^.]+)?$/.test(file);
+const isCSS = (file) => /\.css(?:\?[^.]+)?$/.test(file);
 const isHotUpdate = (file) => file.includes("hot-update");
 
 var __defProp$1 = Object.defineProperty;
 var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$1 = (obj, key, value) => {
-  __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+  __defNormalProp$1(obj, key + "" , value);
   return value;
 };
-function uniq(items) {
-  return [...new Set(items)];
-}
 class VueSSRClientPlugin {
   constructor(options) {
     __publicField$1(this, "options");
@@ -889,22 +887,43 @@ class VueSSRClientPlugin {
   apply(compiler) {
     compiler.hooks.afterEmit.tap("VueSSRClientPlugin", async (compilation) => {
       const stats = compilation.getStats().toJson();
-      const allFiles = uniq(stats.assets.map((a) => a.name)).filter((file) => !isHotUpdate(file));
-      const initialFiles = uniq(Object.keys(stats.entrypoints).map((name) => stats.entrypoints[name].assets).reduce((files, entryAssets) => files.concat(entryAssets.map((entryAsset) => entryAsset.name)), []).filter((file) => isJS(file) || isCSS(file))).filter((file) => !isHotUpdate(file));
-      const asyncFiles = allFiles.filter((file) => isJS(file) || isCSS(file)).filter((file) => !initialFiles.includes(file)).filter((file) => !isHotUpdate(file));
+      const initialFiles = /* @__PURE__ */ new Set();
+      for (const name in stats.entrypoints) {
+        const entryAssets = stats.entrypoints[name].assets;
+        for (const asset of entryAssets) {
+          const file = asset.name;
+          if ((isJS(file) || isCSS(file)) && !isHotUpdate(file)) {
+            initialFiles.add(file);
+          }
+        }
+      }
+      const allFiles = /* @__PURE__ */ new Set();
+      const asyncFiles = /* @__PURE__ */ new Set();
+      for (const asset of stats.assets) {
+        const file = asset.name;
+        if (!isHotUpdate(file)) {
+          allFiles.add(file);
+          if (initialFiles.has(file)) {
+            continue;
+          }
+          if (isJS(file) || isCSS(file)) {
+            asyncFiles.add(file);
+          }
+        }
+      }
       const assetsMapping = {};
-      stats.assets.filter(({ name }) => isJS(name)).filter(({ name }) => !isHotUpdate(name)).forEach(({ name, chunkNames = [] }) => {
-        const componentHash = hash$1(chunkNames.join("|"));
-        if (!assetsMapping[componentHash]) {
-          assetsMapping[componentHash] = [];
+      for (const { name, chunkNames = [] } of stats.assets) {
+        if (isJS(name) && !isHotUpdate(name)) {
+          const componentHash = hash$1(chunkNames.join("|"));
+          const map = assetsMapping[componentHash] || (assetsMapping[componentHash] = []);
+          map.push(name);
         }
-        assetsMapping[componentHash].push(name);
-      });
+      }
       const webpackManifest = {
         publicPath: stats.publicPath,
-        all: allFiles,
-        initial: initialFiles,
-        async: asyncFiles,
+        all: [...allFiles],
+        initial: [...initialFiles],
+        async: [...asyncFiles],
         modules: {
           /* [identifier: string]: Array<index: number> */
         },
@@ -917,7 +936,7 @@ class VueSSRClientPlugin {
         if (m.chunks.length === 1) {
           const [cid] = m.chunks;
           const chunk = stats.chunks.find((c) => c.id === cid);
-          if (!chunk || !chunk.files) {
+          if (!chunk || !chunk.files || !cid) {
             return;
           }
           const id = m.identifier.replace(/\s\w+$/, "");
@@ -963,7 +982,7 @@ class VueSSRClientPlugin {
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  __defNormalProp(obj, key + "" , value);
   return value;
 };
 const JS_MAP_RE = /\.js\.map$/;
@@ -1188,12 +1207,12 @@ function node(ctx) {
   ctx.config.performance = {
     ...ctx.config.performance,
     hints: false,
-    maxEntrypointSize: Infinity,
-    maxAssetSize: Infinity
+    maxEntrypointSize: Number.POSITIVE_INFINITY,
+    maxAssetSize: Number.POSITIVE_INFINITY
   };
 }
 
-const assetPattern = /\.(css|s[ca]ss|png|jpe?g|gif|svg|woff2?|eot|ttf|otf|webp|webm|mp4|ogv)(\?.*)?$/i;
+const assetPattern = /\.(?:css|s[ca]ss|png|jpe?g|gif|svg|woff2?|eot|ttf|otf|webp|webm|mp4|ogv)(?:\?.*)?$/i;
 function server(ctx) {
   ctx.name = "server";
   ctx.isServer = true;
@@ -1233,6 +1252,9 @@ function serverStandalone(ctx) {
     ...ctx.options.build.transpile
   ];
   const external = ["#internal/nitro"];
+  if (!ctx.nuxt.options.dev) {
+    external.push("#internal/nuxt/paths");
+  }
   if (!Array.isArray(ctx.config.externals)) {
     return;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/webpack-builder",
-  "version": "3.11.1",
+  "version": "3.12.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/nuxt.git",
@@ -23,10 +23,10 @@
   ],
   "dependencies": {
     "@nuxt/friendly-errors-webpack-plugin": "^2.6.0",
-    "autoprefixer": "^10.4.18",
-    "css-loader": "^6.10.0",
-    "css-minimizer-webpack-plugin": "^6.0.0",
-    "cssnano": "^6.1.0",
+    "autoprefixer": "^10.4.19",
+    "css-loader": "^7.1.2",
+    "css-minimizer-webpack-plugin": "^7.0.0",
+    "cssnano": "^7.0.2",
     "defu": "^6.1.4",
     "esbuild-loader": "^4.1.0",
     "escape-string-regexp": "^5.0.0",
@@ -37,45 +37,46 @@
     "h3": "^1.11.1",
     "hash-sum": "^2.0.0",
     "lodash-es": "4.17.21",
-    "magic-string": "^0.30.8",
-    "memfs": "^4.7.7",
-    "mini-css-extract-plugin": "^2.8.1",
-    "mlly": "^1.6.1",
+    "magic-string": "^0.30.10",
+    "memfs": "^4.9.2",
+    "mini-css-extract-plugin": "^2.9.0",
+    "mlly": "^1.7.1",
     "ohash": "^1.1.3",
     "pathe": "^1.1.2",
     "pify": "^6.1.0",
-    "postcss": "^8.4.36",
-    "postcss-import": "^16.0.1",
+    "postcss": "^8.4.38",
+    "postcss-import": "^16.1.0",
     "postcss-import-resolver": "^2.0.0",
     "postcss-loader": "^8.1.1",
     "postcss-url": "^10.1.3",
     "pug-plain-loader": "^1.1.0",
     "std-env": "^3.7.0",
     "time-fix-plugin": "^2.0.7",
-    "ufo": "^1.5.2",
+    "ufo": "^1.5.3",
     "unenv": "^1.9.0",
-    "unplugin": "^1.10.0",
+    "unplugin": "^1.10.1",
     "url-loader": "^4.1.1",
-    "vue-bundle-renderer": "^2.0.0",
+    "vue-bundle-renderer": "^2.1.0",
     "vue-loader": "^17.4.2",
-    "webpack": "^5.90.3",
-    "webpack-bundle-analyzer": "^4.10.1",
-    "webpack-dev-middleware": "^7.0.0",
+    "webpack": "^5.91.0",
+    "webpack-bundle-analyzer": "^4.10.2",
+    "webpack-dev-middleware": "^7.2.1",
     "webpack-hot-middleware": "^2.26.1",
-    "webpack-virtual-modules": "^0.6.1",
+    "webpack-virtual-modules": "^0.6.2",
     "webpackbar": "^6.0.1",
-    "@nuxt/kit": "3.11.1"
+    "@nuxt/kit": "3.12.0"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.4",
     "@types/hash-sum": "1.0.2",
+    "@types/lodash-es": "4.17.12",
     "@types/pify": "5.0.4",
     "@types/webpack-bundle-analyzer": "4.7.0",
     "@types/webpack-hot-middleware": "2.25.9",
-    "@types/webpack-virtual-modules": "0.1.3",
+    "@types/webpack-virtual-modules": "0.4.2",
     "unbuild": "latest",
-    "vue": "3.4.21",
-    "@nuxt/schema": "3.11.1"
+    "vue": "3.4.27",
+    "@nuxt/schema": "3.12.0"
   },
   "peerDependencies": {
     "vue": "^3.3.4"