@nuxt/webpack-builder 4.1.3 → 4.2.1

package/README.md

@@ -1,11 +1,11 @@
-[![Nuxt banner](https://github.com/nuxt/nuxt/tree/main/.github/assets/banner.svg)](https://nuxt.com)
+[![Nuxt banner](https://github.com/nuxt/nuxt/blob/main/.github/assets/banner.svg)](https://nuxt.com)
 
 # Nuxt
 
 <p>
   <a href="https://www.npmjs.com/package/nuxt"><img src="https://img.shields.io/npm/v/nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="Version"></a>
   <a href="https://www.npmjs.com/package/nuxt"><img src="https://img.shields.io/npm/dm/nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="Downloads"></a>
-  <a href="https://github.com/nuxt/nuxt/tree/main/LICENSE"><img src="https://img.shields.io/github/license/nuxt/nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="License"></a>
+  <a href="https://github.com/nuxt/nuxt/blob/main/LICENSE"><img src="https://img.shields.io/github/license/nuxt/nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="License"></a>
   <a href="https://nuxt.com"><img src="https://img.shields.io/badge/Nuxt%20Docs-18181B?logo=nuxt" alt="Website"></a>
   <a href="https://chat.nuxt.dev"><img src="https://img.shields.io/badge/Nuxt%20Discord-18181B?logo=discord" alt="Discord"></a>
   <a href="https://securityscorecards.dev/"><img src="https://api.securityscorecards.dev/projects/github.com/nuxt/nuxt/badge" alt="Nuxt openssf scorecard score"></a>
@@ -109,9 +109,9 @@ Follow the docs to [Set Up Your Local Development Environment](https://nuxt.com/
 ## <a name="follow-us">🔗 Follow Us</a>
 
 <p valign="center">
-  <a href="https://go.nuxt.com/discord"><img width="20px" src="https://github.com/nuxt/nuxt/tree/main/.github/assets/discord.svg" alt="Discord"></a>&nbsp;&nbsp;<a href="https://go.nuxt.com/x"><img width="20px" src="https://github.com/nuxt/nuxt/tree/main/.github/assets/twitter.svg" alt="Twitter"></a>&nbsp;&nbsp;<a href="https://go.nuxt.com/github"><img width="20px" src="https://github.com/nuxt/nuxt/tree/main/.github/assets/github.svg" alt="GitHub"></a>&nbsp;&nbsp;<a href="https://go.nuxt.com/bluesky"><img width="20px" src="https://github.com/nuxt/nuxt/tree/main/.github/assets/bluesky.svg" alt="Bluesky"></a>
+  <a href="https://go.nuxt.com/discord"><img width="20px" src="https://github.com/nuxt/nuxt/blob/main/.github/assets/discord.svg" alt="Discord"></a>&nbsp;&nbsp;<a href="https://go.nuxt.com/x"><img width="20px" src="https://github.com/nuxt/nuxt/blob/main/.github/assets/twitter.svg" alt="Twitter"></a>&nbsp;&nbsp;<a href="https://go.nuxt.com/github"><img width="20px" src="https://github.com/nuxt/nuxt/blob/main/.github/assets/github.svg" alt="GitHub"></a>&nbsp;&nbsp;<a href="https://go.nuxt.com/bluesky"><img width="20px" src="https://github.com/nuxt/nuxt/blob/main/.github/assets/bluesky.svg" alt="Bluesky"></a>
 </p>
 
 ## <a name="license">⚖️ License</a>
 
-[MIT](https://github.com/nuxt/nuxt/tree/main/LICENSE)
+[MIT](https://github.com/nuxt/nuxt/blob/main/LICENSE)

package/dist/index.mjs

@@ -8,7 +8,7 @@ import { logger, useNitro, useNuxt } from '@nuxt/kit';
 import { createUnplugin } from 'unplugin';
 import MagicString from 'magic-string';
 import { webpack, WebpackBarPlugin, builder, MiniCssExtractPlugin, TsCheckerPlugin } from '#builder';
-import { join, resolve, basename, normalize, dirname, isAbsolute } from 'pathe';
+import { join, resolve, basename, normalize, isAbsolute } from 'pathe';
 import { createFsFromVolume, Volume } from 'memfs';
 import querystring from 'node:querystring';
 import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
@@ -24,8 +24,9 @@ import createResolver from 'postcss-import-resolver';
 import { createJiti } from 'jiti';
 import VueLoaderPlugin from 'vue-loader/dist/pluginWebpack5.js';
 import { mkdir, writeFile } from 'node:fs/promises';
-import { normalizeWebpackManifest } from 'vue-bundle-renderer';
+import { normalizeWebpackManifest, precomputeDependencies } from 'vue-bundle-renderer';
 import { hash } from 'ohash';
+import { serialize } from 'seroval';
 
 const defaults = {
   globalPublicPath: "__webpack_public_path__",
@@ -475,6 +476,17 @@ function getEnv(ctx) {
     "import.meta.client": ctx.isClient,
     "import.meta.server": ctx.isServer
   };
+  if (ctx.isClient) {
+    _env["process.prerender"] = false;
+    _env["process.nitro"] = false;
+    _env["import.meta.prerender"] = false;
+    _env["import.meta.nitro"] = false;
+  } else {
+    _env["process.prerender"] = "(()=>process.prerender)()";
+    _env["process.nitro"] = "(()=>process.nitro)()";
+    _env["import.meta.prerender"] = "(()=>import.meta.prerender)()";
+    _env["import.meta.nitro"] = "(()=>import.meta.nitro)()";
+  }
   if (ctx.userConfig.aggressiveCodeRemoval) {
     _env["typeof process"] = JSON.stringify(ctx.isServer ? "object" : "undefined");
     _env["typeof window"] = _env["typeof document"] = JSON.stringify(!ctx.isServer ? "object" : "undefined");
@@ -703,11 +715,11 @@ async function createPostcssLoadersRule(ctx) {
 }
 
 class VueSSRClientPlugin {
-  options;
+  serverDist;
+  nuxt;
   constructor(options) {
-    this.options = Object.assign({
-      filename: null
-    }, options);
+    this.serverDist = resolve(options.nuxt.options.buildDir, "dist/server");
+    this.nuxt = options.nuxt;
   }
   apply(compiler) {
     compiler.hooks.afterEmit.tap("VueSSRClientPlugin", async (compilation) => {
@@ -798,12 +810,12 @@ class VueSSRClientPlugin {
         }
       }
       const manifest = normalizeWebpackManifest(webpackManifest);
-      await this.options.nuxt.callHook("build:manifest", manifest);
-      const src = JSON.stringify(manifest, null, 2);
-      await mkdir(dirname(this.options.filename), { recursive: true });
-      await writeFile(this.options.filename, src);
-      const mjsSrc = "export default " + src;
-      await writeFile(this.options.filename.replace(".json", ".mjs"), mjsSrc);
+      await this.nuxt.callHook("build:manifest", manifest);
+      await mkdir(this.serverDist, { recursive: true });
+      const precomputed = precomputeDependencies(manifest);
+      await writeFile(join(this.serverDist, `client.manifest.json`), JSON.stringify(manifest, null, 2));
+      await writeFile(join(this.serverDist, "client.manifest.mjs"), "export default " + serialize(manifest), "utf8");
+      await writeFile(join(this.serverDist, "client.precomputed.mjs"), "export default " + serialize(precomputed), "utf8");
     });
   }
 }
@@ -885,10 +897,7 @@ function vue(ctx) {
     options: ctx.userConfig.loaders.vue
   });
   if (ctx.isClient) {
-    ctx.config.plugins.push(new VueSSRClientPlugin({
-      filename: resolve(ctx.options.buildDir, "dist/server", `${ctx.name}.manifest.json`),
-      nuxt: ctx.nuxt
-    }));
+    ctx.config.plugins.push(new VueSSRClientPlugin({ nuxt: ctx.nuxt }));
   } else {
     ctx.config.plugins.push(new VueSSRServerPlugin({
       filename: `${ctx.name}.manifest.json`
@@ -978,7 +987,7 @@ function clientHMR(ctx) {
   const hotMiddlewareClientOptionsStr = querystring.stringify(hotMiddlewareClientOptions);
   const app = ctx.config.entry.app;
   app.unshift(
-    // https://github.com/glenjamin/webpack-hot-middleware#config
+    // https://github.com/webpack/webpack-hot-middleware#config
     `webpack-hot-middleware/client?${hotMiddlewareClientOptionsStr}`
   );
   ctx.config.plugins ||= [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/webpack-builder",
-  "version": "4.1.3",
+  "version": "4.2.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/nuxt.git",
@@ -30,7 +30,7 @@
     "autoprefixer": "^10.4.21",
     "css-loader": "^7.1.2",
     "css-minimizer-webpack-plugin": "^7.0.2",
-    "cssnano": "^7.1.1",
+    "cssnano": "^7.1.2",
     "defu": "^6.1.4",
     "esbuild-loader": "^4.4.0",
     "escape-string-regexp": "^5.0.0",
@@ -39,8 +39,8 @@
     "h3": "^1.15.4",
     "jiti": "^2.6.1",
     "knitwork": "^1.2.0",
-    "magic-string": "^0.30.19",
-    "memfs": "^4.48.1",
+    "magic-string": "^0.30.21",
+    "memfs": "^4.50.0",
     "mini-css-extract-plugin": "^2.9.4",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",
@@ -51,30 +51,31 @@
     "postcss-loader": "^8.2.0",
     "postcss-url": "^10.1.3",
     "pug-plain-loader": "^1.1.0",
-    "std-env": "^3.9.0",
+    "seroval": "^1.3.2",
+    "std-env": "^3.10.0",
     "time-fix-plugin": "^2.0.7",
     "tinyglobby": "^0.2.15",
     "ufo": "^1.6.1",
-    "unenv": "^2.0.0-rc.21",
+    "unenv": "^2.0.0-rc.24",
     "unplugin": "^2.3.10",
     "url-loader": "^4.1.1",
     "vue-bundle-renderer": "^2.2.0",
     "vue-loader": "^17.4.2",
-    "webpack": "^5.102.0",
+    "webpack": "^5.102.1",
     "webpack-bundle-analyzer": "^4.10.2",
     "webpack-dev-middleware": "^7.4.5",
     "webpack-hot-middleware": "^2.26.1",
     "webpackbar": "^7.0.0",
-    "@nuxt/kit": "4.1.3"
+    "@nuxt/kit": "4.2.1"
   },
   "devDependencies": {
-    "@rspack/core": "1.5.8",
+    "@rspack/core": "1.6.1",
     "@types/webpack-bundle-analyzer": "4.7.0",
-    "@types/webpack-hot-middleware": "2.25.10",
-    "rollup": "4.52.4",
+    "@types/webpack-hot-middleware": "2.25.12",
+    "rollup": "4.52.5",
     "unbuild": "3.6.1",
-    "vue": "3.5.22",
-    "@nuxt/schema": "4.1.3"
+    "vue": "3.5.23",
+    "@nuxt/schema": "4.2.1"
   },
   "peerDependencies": {
     "vue": "^3.3.4"