feat(www): adds angular universal

Author: geometricpanda

.yarn/cache/@angular-devkit-architect-npm-0.1501.6-24c73d1bc6-f63b846be1.zip

@@ -9,7 +9,7 @@
       "executor": "@angular-devkit/build-angular:browser",
       "outputs": ["{options.outputPath}"],
       "options": {
-        "outputPath": "dist/apps/www",
+        "outputPath": "dist/apps/www/browser",
         "index": "apps/www/src/index.html",
         "main": "apps/www/src/main.ts",
         "polyfills": ["zone.js"],
@@ -83,6 +83,57 @@
           "codeCoverage": true
         }
       }
+    },
+    "server": {
+      "dependsOn": ["build"],
+      "executor": "@angular-devkit/build-angular:server",
+      "options": {
+        "outputPath": "dist/apps/www/server",
+        "main": "apps/www/server.ts",
+        "tsConfig": "apps/www/tsconfig.server.json"
+      },
+      "configurations": {
+        "production": {
+          "outputHashing": "media"
+        },
+        "development": {
+          "optimization": false,
+          "sourceMap": true,
+          "extractLicenses": false
+        }
+      },
+      "defaultConfiguration": "production"
+    },
+    "serve-ssr": {
+      "executor": "@nguniversal/builders:ssr-dev-server",
+      "configurations": {
+        "development": {
+          "browserTarget": "www:build:development",
+          "serverTarget": "www:server:development"
+        },
+        "production": {
+          "browserTarget": "www:build:production",
+          "serverTarget": "www:server:production"
+        }
+      },
+      "defaultConfiguration": "development"
+    },
+    "prerender": {
+      "executor": "@nguniversal/builders:prerender",
+      "options": {
+        "routes": ["/"]
+      },
+      "configurations": {
+        "development": {
+          "browserTarget": "www:build:development",
+          "serverTarget": "www:server:development"
+        },
+        "production": {
+          "browserTarget": "www:build:production",
+          "serverTarget": "www:server:production"
+        }
+      },
+      "defaultConfiguration": "production"
     }
   },
   "tags": []

.yarn/cache/@angular-devkit-core-npm-15.1.6-c062240e9b-2c7edb2f27.zip

@@ -0,0 +1,71 @@
+import 'zone.js/dist/zone-node';
+
+import { APP_BASE_HREF } from '@angular/common';
+import { ngExpressEngine } from '@nguniversal/express-engine';
+import * as express from 'express';
+import { existsSync } from 'fs';
+import { join } from 'path';
+
+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 {
+  const server = express();
+  const distFolder = join(process.cwd(), 'dist/apps/www/browser');
+  const indexHtml = existsSync(join(distFolder, 'index.original.html'))
+    ? 'index.original.html'
+    : 'index';
+
+  // Our Universal express-engine (found @ https://github.com/angular/universal/tree/main/modules/express-engine)
+  server.engine(
+    'html',
+    ngExpressEngine({
+      bootstrap: AppServerModule,
+    })
+  );
+
+  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 Universal engine
+  server.get('*', (req, res) => {
+    res.render(indexHtml, {
+      req,
+      providers: [{ provide: APP_BASE_HREF, useValue: req.baseUrl }],
+    });
+  });
+
+  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 * from './src/main.server';

.yarn/cache/@angular-platform-server-npm-15.2.1-73cf427588-e17b590c5a.zip

@@ -1,18 +1,17 @@
-import {NgModule} from '@angular/core';
-import {BrowserModule} from '@angular/platform-browser';
-import {RouterModule} from '@angular/router';
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { RouterModule } from '@angular/router';
 
-import {AppComponent} from './app.component';
-import {appRoutes} from './app.routes';
+import { AppComponent } from './app.component';
+import { appRoutes } from './app.routes';
 
 @NgModule({
   declarations: [AppComponent],
   imports: [
-    BrowserModule,
-    RouterModule.forRoot(appRoutes, {initialNavigation: 'enabledBlocking'}),
+    BrowserModule.withServerTransition({ appId: 'serverApp' }),
+    RouterModule.forRoot(appRoutes, { initialNavigation: 'enabledBlocking' }),
   ],
   providers: [],
   bootstrap: [AppComponent],
 })
-export class AppModule {
-}
+export class AppModule {}

.yarn/cache/@nguniversal-builders-npm-15.1.0-40fb9a0c1d-a41a97b3db.zip

@@ -0,0 +1,11 @@
+import { NgModule } from '@angular/core';
+import { ServerModule } from '@angular/platform-server';
+
+import { AppModule } from './app.module';
+import { AppComponent } from './app.component';
+
+@NgModule({
+  imports: [AppModule, ServerModule],
+  bootstrap: [AppComponent],
+})
+export class AppServerModule {}

.yarn/cache/@nguniversal-common-npm-15.1.0-fa4950f32c-9d8b9e625c.zip

@@ -8,6 +8,6 @@
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
   </head>
   <body>
-    <angular-toolkit-root></angular-toolkit-root>
+    <app-root></app-root>
   </body>
 </html>

.yarn/cache/@nguniversal-express-engine-npm-15.1.0-a934f3ae09-05b6dfbed5.zip

@@ -0,0 +1,11 @@
+/***************************************************************************************************
+ * Initialize the server environment - for example, adding DOM built-in types to the global scope.
+ *
+ * NOTE:
+ * This import must come before any imports (direct or transitive) that rely on DOM built-ins being
+ * available, such as `@angular/elements`.
+ */
+import '@angular/platform-server/init';
+
+export { renderModule } from '@angular/platform-server';
+export { AppServerModule } from './app/app.server.module';

.yarn/cache/@socket.io-component-emitter-npm-3.1.0-3f778351c2-db069d9542.zip

@@ -2,6 +2,14 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
 import { AppModule } from './app/app.module';
 
-platformBrowserDynamic()
-  .bootstrapModule(AppModule)
-  .catch((err) => console.error(err));
+function bootstrap() {
+  platformBrowserDynamic()
+    .bootstrapModule(AppModule)
+    .catch((err) => console.error(err));
+}
+
+if (document.readyState !== 'loading') {
+  bootstrap();
+} else {
+  document.addEventListener('DOMContentLoaded', bootstrap);
+}

.yarn/cache/@tootallnate-once-npm-1.1.2-0517220057-e1fb1bbbc1.zip

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.app.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/server",
+    "target": "es2019",
+    "types": ["node"]
+  },
+  "files": ["src/main.server.ts", "server.ts"]
+}

.yarn/cache/@types-cookie-npm-0.4.1-274a704dc6-3275534ed6.zip

@@ -5,7 +5,7 @@
     "default": {
       "runner": "nx/tasks-runners/default",
       "options": {
-        "cacheableOperations": ["build", "lint", "test", "e2e"]
+        "cacheableOperations": ["build", "lint", "test", "e2e", "server"]
       }
     }
   },

.yarn/cache/@types-cors-npm-2.8.13-4b8ac1068f-7ef197ea19.zip

@@ -11,7 +11,9 @@
     "@angular/forms": "~15.2.0",
     "@angular/platform-browser": "~15.2.0",
     "@angular/platform-browser-dynamic": "~15.2.0",
+    "@angular/platform-server": "~15.2.0",
     "@angular/router": "~15.2.0",
+    "@nguniversal/express-engine": "~15.1.0",
     "@nrwl/angular": "15.8.3",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
@@ -27,6 +29,7 @@
     "@angular/cli": "~15.2.0",
     "@angular/compiler-cli": "~15.2.0",
     "@angular/language-service": "~15.2.0",
+    "@nguniversal/builders": "~15.1.0",
     "@nrwl/cypress": "15.8.3",
     "@nrwl/eslint-plugin-nx": "15.8.3",
     "@nrwl/jest": "15.8.3",