From ea3fe2e8b13d8fc8524ed08e2bdd1af16e2a272d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Leosvel=20P=C3=A9rez=20Espinosa?=
 <leosvel.perez.espinosa@gmail.com>
Date: Fri, 22 Jul 2022 15:24:11 +0100
Subject: [PATCH] feat(angular): add spa option to file-server executor to
 support reloading client-side routes (#11252)

---
 docs/generated/packages/angular.json          |  5 ++++
 .../executors/file-server/file-server.impl.ts | 29 +++++++++++++------
 .../src/executors/file-server/schema.d.ts     |  1 +
 .../src/executors/file-server/schema.json     |  5 ++++
 4 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/docs/generated/packages/angular.json b/docs/generated/packages/angular.json
index 420ef50ecc..a2abaf6186 100644
--- a/docs/generated/packages/angular.json
+++ b/docs/generated/packages/angular.json
@@ -3233,6 +3233,11 @@
             "type": "boolean",
             "description": "Watch for file changes.",
             "default": false
+          },
+          "spa": {
+            "type": "boolean",
+            "description": "Redirect 404 errors to index.html (useful for SPA's).",
+            "default": false
           }
         },
         "additionalProperties": false,
diff --git a/packages/angular/src/executors/file-server/file-server.impl.ts b/packages/angular/src/executors/file-server/file-server.impl.ts
index 3d183cf6d8..0a96dae29f 100644
--- a/packages/angular/src/executors/file-server/file-server.impl.ts
+++ b/packages/angular/src/executors/file-server/file-server.impl.ts
@@ -1,23 +1,22 @@
-import { execFileSync, fork } from 'child_process';
 import {
   ExecutorContext,
   joinPathFragments,
-  readJsonFile,
   workspaceLayout,
 } from '@nrwl/devkit';
-import ignore from 'ignore';
-import { readFileSync } from 'fs';
-import { Schema } from './schema';
+import { execFileSync, fork } from 'child_process';
 import { watch } from 'chokidar';
-import { platform } from 'os';
-import { resolve } from 'path';
+import { copyFileSync, readFileSync, unlinkSync } from 'fs';
+import ignore from 'ignore';
 import { readModulePackageJson } from 'nx/src/utils/package-json';
+import { platform } from 'os';
+import { join, resolve } from 'path';
+import { Schema } from './schema';
 
 // platform specific command name
 const pmCmd = platform() === 'win32' ? `npx.cmd` : 'npx';
 
 function getHttpServerArgs(options: Schema) {
-  const args = ['-c-1'];
+  const args = ['-c-1', '--cors'];
   if (options.port) {
     args.push(`-p=${options.port}`);
   }
@@ -43,7 +42,6 @@ function getHttpServerArgs(options: Schema) {
     });
   }
 
-  args.push('--cors');
   return args;
 }
 
@@ -149,6 +147,15 @@ export default async function* fileServerExecutor(
   run();
 
   const outputPath = getBuildTargetOutputPath(options, context);
+
+  if (options.spa) {
+    const src = join(outputPath, 'index.html');
+    const dst = join(outputPath, '404.html');
+
+    // See: https://github.com/http-party/http-server#magic-files
+    copyFileSync(src, dst);
+  }
+
   const args = getHttpServerArgs(options);
 
   const { path: pathToHttpServerPkgJson, packageJson } =
@@ -173,6 +180,10 @@ export default async function* fileServerExecutor(
     if (disposeWatch) {
       disposeWatch();
     }
+
+    if (options.spa) {
+      unlinkSync(join(outputPath, '404.html'));
+    }
   };
   process.on('exit', processExitListener);
   process.on('SIGTERM', processExitListener);
diff --git a/packages/angular/src/executors/file-server/schema.d.ts b/packages/angular/src/executors/file-server/schema.d.ts
index 45689858b2..119d207103 100644
--- a/packages/angular/src/executors/file-server/schema.d.ts
+++ b/packages/angular/src/executors/file-server/schema.d.ts
@@ -11,4 +11,5 @@ export interface Schema {
   withDeps: boolean;
   proxyOptions?: object;
   watch?: boolean;
+  spa?: boolean;
 }
diff --git a/packages/angular/src/executors/file-server/schema.json b/packages/angular/src/executors/file-server/schema.json
index 985d35e9f8..e50c80bfe0 100644
--- a/packages/angular/src/executors/file-server/schema.json
+++ b/packages/angular/src/executors/file-server/schema.json
@@ -60,6 +60,11 @@
       "type": "boolean",
       "description": "Watch for file changes.",
       "default": false
+    },
+    "spa": {
+      "type": "boolean",
+      "description": "Redirect 404 errors to index.html (useful for SPA's).",
+      "default": false
     }
   },
   "additionalProperties": false,