@nx/angular 0.0.0-pr-30516-94d09ba → 0.0.0-pr-30756-ba621b6

package/migrations.json

@@ -1666,6 +1666,15 @@
           "alwaysAddToPackageJson": false
         }
       }
+    },
+    "20.8.1": {
+      "version": "20.8.1-beta.0",
+      "packages": {
+        "@nx/angular-rspack": {
+          "version": "^20.7.0",
+          "alwaysAddToPackageJson": false
+        }
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/angular",
-  "version": "0.0.0-pr-30516-94d09ba",
+  "version": "0.0.0-pr-30756-ba621b6",
   "private": false,
   "description": "The Nx Plugin for Angular contains executors, generators, and utilities for managing Angular applications and libraries within an Nx workspace. It provides: \n\n- Integration with libraries such as Storybook, Jest, ESLint, Tailwind CSS, Playwright and Cypress. \n\n- Generators to help scaffold code quickly (like: Micro Frontends, Libraries, both internal to your codebase and publishable to npm) \n\n- Single Component Application Modules (SCAMs) \n\n- NgRx helpers. \n\n- Utilities for automatic workspace refactoring.",
   "repository": {
@@ -72,14 +72,14 @@
     "semver": "^7.5.3",
     "tslib": "^2.3.0",
     "webpack-merge": "^5.8.0",
-    "@nx/devkit": "0.0.0-pr-30516-94d09ba",
-    "@nx/js": "0.0.0-pr-30516-94d09ba",
-    "@nx/eslint": "0.0.0-pr-30516-94d09ba",
-    "@nx/webpack": "0.0.0-pr-30516-94d09ba",
-    "@nx/rspack": "0.0.0-pr-30516-94d09ba",
-    "@nx/module-federation": "0.0.0-pr-30516-94d09ba",
-    "@nx/web": "0.0.0-pr-30516-94d09ba",
-    "@nx/workspace": "0.0.0-pr-30516-94d09ba",
+    "@nx/devkit": "0.0.0-pr-30756-ba621b6",
+    "@nx/js": "0.0.0-pr-30756-ba621b6",
+    "@nx/eslint": "0.0.0-pr-30756-ba621b6",
+    "@nx/webpack": "0.0.0-pr-30756-ba621b6",
+    "@nx/rspack": "0.0.0-pr-30756-ba621b6",
+    "@nx/module-federation": "0.0.0-pr-30756-ba621b6",
+    "@nx/web": "0.0.0-pr-30756-ba621b6",
+    "@nx/workspace": "0.0.0-pr-30756-ba621b6",
     "piscina": "^4.4.0"
   },
   "peerDependencies": {

package/src/generators/application/application.js

@@ -76,6 +76,12 @@ async function applicationGenerator(tree, schema) {
             skipInstall: options.skipPackageJson,
             skipFormat: true,
         });
+        if (options.ssr) {
+            (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, './files/rspack-ssr'), options.appProjectSourceRoot, {
+                pathToDistFolder: (0, devkit_1.joinPathFragments)((0, devkit_1.offsetFromRoot)(options.appProjectRoot), options.outputPath, 'browser'),
+                tmpl: '',
+            });
+        }
     }
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(tree);

package/src/generators/application/files/rspack-ssr/server.ts__tmpl__

@@ -0,0 +1,72 @@
+import 'zone.js/node';
+
+import { APP_BASE_HREF } from '@angular/common';
+import { CommonEngine } from '@angular/ssr/node';
+import * as express from 'express';
+import { existsSync } from 'node:fs';
+import { join } from 'node:path';
+import bootstrap from './main.server';
+
+// The Express app is exported so that it can be used by serverless Functions.
+export function app(): express.Express {
+  const server = express();
+  const distFolder = join(process.cwd(), "<%= pathToDistFolder %>");
+  const indexHtml = existsSync(join(distFolder, 'index.original.html'))
+    ? join(distFolder, 'index.original.html')
+    : join(distFolder, 'index.html');
+
+  const commonEngine = new CommonEngine();
+
+  server.set('view engine', 'html');
+  server.set('views', distFolder);
+
+  // Example Express Rest API endpoints
+  // server.get('/api/**', (req, res) => { });
+  // Serve static files from /browser
+  server.get(
+    '*.*',
+    express.static(distFolder, {
+      maxAge: '1y',
+    })
+  );
+
+  // All regular routes use the Angular engine
+  server.get('*', (req, res, next) => {
+    const { protocol, originalUrl, baseUrl, headers } = req;
+
+    commonEngine
+      .render({
+        bootstrap,
+        documentFilePath: indexHtml,
+        url: `${protocol}://${headers.host}${originalUrl}`,
+        publicPath: distFolder,
+        providers: [{ provide: APP_BASE_HREF, useValue: baseUrl }],
+      })
+      .then((html) => res.send(html))
+      .catch((err) => next(err));
+  });
+
+  return server;
+}
+
+function run(): void {
+  const port = process.env['PORT'] || 4000;
+
+  // Start up the Node server
+  const server = app();
+  server.listen(port, () => {
+    console.log(`Node Express server listening on http://localhost:${port}`);
+  });
+}
+
+// Webpack will replace 'require' with '__webpack_require__'
+// '__non_webpack_require__' is a proxy to Node 'require'
+// The below code is to ensure that the server is run only when not requiring the bundle.
+declare const __non_webpack_require__: NodeRequire;
+const mainModule = __non_webpack_require__.main;
+const moduleFilename = (mainModule && mainModule.filename) || '';
+if (moduleFilename === __filename || moduleFilename.includes('iisnode')) {
+  run();
+}
+
+export default bootstrap;

package/src/generators/convert-to-rspack/convert-to-rspack.js

@@ -14,7 +14,9 @@ const enquirer_1 = require("enquirer");
 const SUPPORTED_EXECUTORS = [
     '@angular-devkit/build-angular:browser',
     '@angular-devkit/build-angular:dev-server',
+    '@angular-devkit/build-angular:server',
     '@nx/angular:webpack-browser',
+    '@nx/angular:webpack-server',
     '@nx/angular:dev-server',
     '@nx/angular:module-federation-dev-server',
 ];
@@ -22,21 +24,7 @@ const RENAMED_OPTIONS = {
     main: 'browser',
     ngswConfigPath: 'serviceWorker',
 };
-const REMOVED_OPTIONS = [
-    'publicHost',
-    'disableHostCheck',
-    'resourcesOutputPath',
-    'routesFile',
-    'routes',
-    'discoverRoutes',
-    'appModuleBundle',
-    'inputIndexPath',
-    'outputIndexPath',
-    'buildOptimizer',
-    'deployUrl',
-    'buildTarget',
-    'browserTarget',
-];
+const REMOVED_OPTIONS = ['buildOptimizer', 'buildTarget', 'browserTarget'];
 function normalizeFromProjectRoot(tree, path, projectRoot) {
     if (projectRoot === '.') {
         if (!path.startsWith('./')) {
@@ -268,6 +256,13 @@ async function convertToRspack(tree, schema) {
             }
             buildTargetNames.push(targetName);
         }
+        else if (target.executor === '@angular-devkit/build-angular:server' ||
+            target.executor === '@nx/angular:webpack-server') {
+            createConfigOptions.ssr ??= {};
+            createConfigOptions.ssr.entry ??= normalizeFromProjectRoot(tree, target.options.main, project.root);
+            createConfigOptions.server = './src/main.server.ts';
+            buildTargetNames.push(targetName);
+        }
         else if (target.executor === '@angular-devkit/build-angular:dev-server' ||
             target.executor === '@nx/angular:dev-server' ||
             target.executor === '@nx/angular:module-federation-dev-server') {

package/src/utils/versions.d.ts

@@ -2,7 +2,7 @@ export declare const nxVersion: any;
 export declare const angularVersion = "~19.2.0";
 export declare const angularDevkitVersion = "~19.2.0";
 export declare const ngPackagrVersion = "~19.2.0";
-export declare const angularRspackVersion = "~20.6.1";
+export declare const angularRspackVersion = "^20.7.0";
 export declare const ngrxVersion = "^19.0.0";
 export declare const rxjsVersion = "~7.8.0";
 export declare const zoneJsVersion = "~0.15.0";

package/src/utils/versions.js

@@ -5,7 +5,7 @@ exports.nxVersion = require('../../package.json').version;
 exports.angularVersion = '~19.2.0';
 exports.angularDevkitVersion = '~19.2.0';
 exports.ngPackagrVersion = '~19.2.0';
-exports.angularRspackVersion = '~20.6.1';
+exports.angularRspackVersion = '^20.7.0';
 exports.ngrxVersion = '^19.0.0';
 exports.rxjsVersion = '~7.8.0';
 exports.zoneJsVersion = '~0.15.0';