chore: update ssr and set package manager field

Author: d3lm

package.json

@@ -19,6 +19,7 @@
     "format:check": "npm run format:base -- --list-different",
     "format:fix": "npm run format:base -- --write"
   },
+  "packageManager": "[email protected]",
   "engines": {
     "node": "18"
   },
@@ -47,14 +48,14 @@
     "@angular/platform-browser-dynamic": "^17.1.1",
     "@angular/platform-server": "^17.1.1",
     "@angular/router": "^17.1.1",
-    "@angular/ssr": "^17.1.1",
     "@fortawesome/angular-fontawesome": "^0.11.1",
     "@fortawesome/fontawesome-svg-core": "^6.2.0",
     "@fortawesome/free-brands-svg-icons": "^6.2.0",
     "@fortawesome/free-solid-svg-icons": "^6.2.0",
     "@ngrx/router-store": "^17.1.0",
     "@ngrx/store": "^17.1.0",
     "@ngrx/store-devtools": "^17.1.0",
+    "@nguniversal/express-engine": "^16.2.0",
     "express": "^4.15.2",
     "fuzzysort": "^1.1.4",
     "hammerjs": "^2.0.8",
@@ -86,7 +87,7 @@
     "@types/jasmine": "~3.10.0",
     "@types/lodash": "^4.14.202",
     "@types/markdown-it": "^12.2.3",
-    "@types/node": "^12.20.36",
+    "@types/node": "^20.11.16",
     "@typescript-eslint/eslint-plugin": "^6.10.0",
     "@typescript-eslint/parser": "^6.10.0",
     "browser-sync": "^3.0.0",

server.ts

@@ -1,12 +1,11 @@
-
 import 'zone.js/node';
 
 import { APP_BASE_HREF } from '@angular/common';
-import { CommonEngine } from '@angular/ssr';
+import { ngExpressEngine } from '@nguniversal/express-engine';
 import * as express from 'express';
 import { existsSync } from 'node:fs';
 import { join } from 'node:path';
-import bootstrap from './src/main.server';
+import { AppServerModule } from './src/main.server';
 
 // the Express app is exported so that it can be used by serverless functions
 export function app(): express.Express {
@@ -16,30 +15,26 @@ export function app(): express.Express {
     ? join(distFolder, 'index.original.html')
     : join(distFolder, 'index.html');
 
-  const commonEngine = new CommonEngine();
+  server.engine(
+    'html',
+    ngExpressEngine({
+      bootstrap: AppServerModule
+    })
+  );
 
   server.set('view engine', 'html');
   server.set('views', distFolder);
 
-  server.get('*.*', express.static(distFolder, {
-    maxAge: '1y'
-  }));
+  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));
+  server.get('*', (req, res) => {
+    res.render(indexHtml, { req, providers: [{ provide: APP_BASE_HREF, useValue: req.baseUrl }] });
   });
 
   return server;
@@ -63,10 +58,10 @@ function run(): void {
 declare const __non_webpack_require__: NodeRequire;
 
 const mainModule = __non_webpack_require__.main;
-const moduleFilename = mainModule && mainModule.filename || '';
+const moduleFilename = (mainModule && mainModule.filename) || '';
 
 if (moduleFilename === __filename || moduleFilename.includes('iisnode')) {
   run();
 }
 
-export default bootstrap;
+export * from './src/main.server';