feat: add default index file and API server configuration for Angular Hub

Author: geromegrignon

angular.json

@@ -18,16 +18,15 @@
           "builder": "@angular/build:application",
           "options": {
             "browser": "src/main.ts",
+            "index": "src/indexDefault.html",
             "tsConfig": "tsconfig.app.json",
             "assets": [
               {
                 "glob": "**/*",
                 "input": "public"
               }
             ],
-            "styles": [
-              "src/styles.css"
-            ],
+            "styles": ["src/styles.css"],
             "server": "src/main.server.ts",
             "outputMode": "server",
             "ssr": {
@@ -83,9 +82,7 @@
                 "input": "public"
               }
             ],
-            "styles": [
-              "src/styles.css"
-            ]
+            "styles": ["src/styles.css"]
           }
         }
       }

api/index.js

@@ -0,0 +1,8 @@
+const path = require("path");
+
+const serverDistPath = path.join(
+  process.cwd(),
+  "dist/angular-hub/server/server.mjs",
+);
+
+export default import(serverDistPath).then((module) => module.reqHandler);

src/index.html renamed to src/indexDefault.html

@@ -22,18 +22,6 @@ const browserDistFolder = join(import.meta.dirname, '../browser');
 const app = express();
 const angularApp = new AngularNodeAppEngine();
 
-/**
- * Example Express Rest API endpoints can be defined here.
- * Uncomment and define endpoints as necessary.
- *
- * Example:
- * ```ts
- * app.get('/api/{*splat}', (req, res) => {
- *   // Handle API request
- * });
- * ```
- */
-
 // API Routes
 app.get('/api/v1/podcasts', async (req, res) => {
   try {

src/server.ts

@@ -0,0 +1,11 @@
+{
+  "version": 2,
+  "public": true,
+  "name": "angular-hub",
+  "rewrites": [{ "source": "/(.*)", "destination": "/api" }],
+  "functions": {
+    "api/index.js": {
+      "includeFiles": "dist/angular-hub/**"
+    }
+  }
+}