Bump webpack from 5.74.0 to 5.82.0

apps/bundle-all-deps/project.json

@@ -4,14 +4,48 @@
   "sourceRoot": "apps/bundle-all-deps/src",
   "projectType": "application",
   "targets": {
+    "rspack-build": {
+      "executor": "@nx/rspack:rspack",
+      "outputs": ["{options.outputPath}"],
+      "defaultConfiguration": "production",
+      "options": {
+        "target": "node",
+        "compiler": "tsc",
+        "outputPath": "dist/apps/bundle-all-deps-rspack",
+        "main": "apps/bundle-all-deps/src/main.ts",
+        "tsConfig": "apps/bundle-all-deps/tsconfig.app.json",
+        "assets": ["apps/bundle-all-deps/src/assets"],
+        "isolatedConfig": true,
+        "rspackConfig": "apps/bundle-all-deps/rspack.config.js"
+      },
+      "configurations": {
+        "development": {},
+        "production": {}
+      }
+    },
+    "rspack-serve": {
+      "executor": "@nx/js:node",
+      "defaultConfiguration": "development",
+      "options": {
+        "buildTarget": "bundle-all-deps:rspack-build"
+      },
+      "configurations": {
+        "development": {
+          "buildTarget": "bundle-all-deps:rspack-build:development"
+        },
+        "production": {
+          "buildTarget": "bundle-all-deps:rspack-build:production"
+        }
+      }
+    },
     "build": {
       "executor": "@nx/webpack:webpack",
       "outputs": ["{options.outputPath}"],
       "defaultConfiguration": "production",
       "options": {
         "target": "node",
         "compiler": "tsc",
-        "outputPath": "dist/apps/bundle-all-deps",
+        "outputPath": "dist/apps/bundle-all-deps-webpack",
         "main": "apps/bundle-all-deps/src/main.ts",
         "tsConfig": "apps/bundle-all-deps/tsconfig.app.json",
         "assets": ["apps/bundle-all-deps/src/assets"],

apps/bundle-all-deps/rspack.config.js

@@ -0,0 +1,51 @@
+const { composePlugins, withNx } = require('@nx/rspack');
+
+const externals = [
+  function (obj, callback) {
+    const resource = obj.request;
+    const lazyImports = [
+      '@nestjs',
+      '@nestjs/common',
+      '@nestjs/core',
+      '@nestjs/mapped-types',
+      '@nestjs/microservices',
+      '@nestjs/microservices/microservices-module',
+      '@nestjs/platform-express',
+      '@nestjs/swagger',
+      '@newrelic/pino-enricher',
+      '@octokit/auth-app',
+      'cache-manager',
+      'class-transformer',
+      'class-transformer/storage',
+      'class-validator',
+      'express',
+    ];
+    if (resource === 'newrelic' || resource === 'rest-facade') {
+      require.resolve(resource);
+      callback(null, resource);
+      return;
+    }
+    if (!lazyImports.includes(resource)) {
+      return callback();
+    }
+    try {
+      require.resolve(resource);
+    } catch (err) {
+      callback(null, resource);
+    }
+    callback();
+  },
+
+  // We want to ignore these
+  'original-fs', // Context: https://github.com/web-infra-dev/rspack/discussions/3038
+  /Debug\/iconv.node$/, // Context: https://github.com/web-infra-dev/rspack/issues/3039
+  '@nestjs/websockets/socket-module',
+];
+
+// Nx plugins for rspack.
+module.exports = composePlugins(withNx(), (config) => {
+  // Update the rspack config as needed here.
+  // e.g. `config.plugins.push(new MyPlugin())`
+  config.externals = externals;
+  return config;
+});

apps/bundle-all-deps/src/app/app.controller.ts

@@ -1,6 +1,20 @@
-import { Controller, Get } from '@nestjs/common';
+import { Body, Controller, Get, Post } from '@nestjs/common';
 
 import { AppService } from './app.service';
+import { Type } from 'class-transformer';
+import { IsArray, ValidateNested } from 'class-validator';
+
+class userDataPostDto {
+  @ValidateNested({ each: true })
+  @IsArray()
+  @Type(() => subData)
+  public userSubData: subData[];
+}
+
+class subData {
+  public subString: string;
+  public subNumber: number;
+}
 
 @Controller()
 export class AppController {
@@ -10,4 +24,9 @@ export class AppController {
   getData() {
     return this.appService.getData();
   }
+
+  @Post()
+  validateUserData(@Body() body: userDataPostDto) {
+    return this.appService.validateUserData(body);
+  }
 }

apps/bundle-all-deps/src/app/app.service.ts

@@ -5,4 +5,9 @@ export class AppService {
   getData(): { message: string } {
     return { message: 'Hello API' };
   }
+
+  validateUserData(data: any): { message: string } {
+    console.log(JSON.stringify(data, null, 2));
+    return { message: 'Never reached with rspack' };
+  }
 }

apps/bundle-all-deps/src/main.ts

@@ -3,7 +3,7 @@
  * This is only a minimal backend to get started.
  */
 
-import { Logger } from '@nestjs/common';
+import { Logger, ValidationPipe } from '@nestjs/common';
 import { NestFactory } from '@nestjs/core';
 
 import { AppModule } from './app/app.module';
@@ -13,6 +13,7 @@ async function bootstrap() {
   const globalPrefix = 'api';
   app.setGlobalPrefix(globalPrefix);
   const port = process.env.PORT || 3000;
+  app.useGlobalPipes(new ValidationPipe());
   await app.listen(port);
   Logger.log(
     `🚀 Application is running on: http://localhost:${port}/${globalPrefix}`

apps/bundle-all-deps/webpack.config.js

@@ -1,8 +1,35 @@
 const { composePlugins, withNx } = require('@nx/webpack');
+const webpack = require('webpack');
 
 // Nx plugins for webpack.
 module.exports = composePlugins(withNx(), (config) => {
+  config.plugins = config.plugins || [];
+  config.plugins.push(
+    new webpack.IgnorePlugin({
+      checkResource(resource) {
+        const lazyImports = [
+          '@nestjs/microservices',
+          '@nestjs/microservices/microservices-module',
+          '@nestjs/platform-express',
+          '@nestjs/websockets/socket-module',
+          'cache-manager',
+          'class-validator',
+          'class-transformer',
+        ];
+        if (!lazyImports.includes(resource)) {
+          return false;
+        }
+        try {
+          require.resolve(resource);
+        } catch (err) {
+          return true;
+        }
+        return false;
+      },
+    })
+  );
   // Update the webpack config as needed here.
   // e.g. `config.plugins.push(new MyPlugin())`
+  config.externals = [];
   return config;
 });