ci(demo): automatically generate routesFile.txt before prerender …

…command (#245)

.gitignore

@@ -48,3 +48,4 @@ Thumbs.db
 
 .ssl
 RELEASE_BODY.md
+projects/demo/routesFile.txt

projects/demo/project.json

@@ -198,6 +198,12 @@
             },
             "defaultConfiguration": "development"
         },
+        "generate-routes-file": {
+            "executor": "@nrwl/workspace:run-commands",
+            "options": {
+                "command": "ts-node ./scripts/generate-demo-routes-file.ts"
+            }
+        },
         "prerender": {
             "executor": "@nguniversal/builders:prerender",
             "options": {
@@ -210,7 +216,14 @@
                 "github": {
                     "browserTarget": "demo:build:github"
                 }
-            }
+            },
+            "dependsOn": [
+                {
+                    "target": "generate-routes-file",
+                    "projects": "self",
+                    "params": "ignore"
+                }
+            ]
         }
     }
 }

scripts/generate-demo-routes-file.ts

@@ -0,0 +1,39 @@
+import {readFileSync, writeFileSync} from 'fs';
+import {join} from 'path';
+
+import {infoLog, SMALL_TAB_SYMBOL, titleLog} from './helpers/colored-log';
+
+const EXCEPTIONS = ['/', 'angular/Setup'];
+
+/**
+ * This script is required for correct of `nx prerender demo` command.
+ * `@nguniversal/builders:prerender` (version 12) can't extract routes for lazy-loading modules.
+ * See: https://github.com/angular/universal/issues/1769
+ * ___
+ * TODO: after update to the newer version of Angular and `@nguniversal/builders`, check if this script is still required.
+ */
+(function main(): void {
+    const demoPathEnumContent = readFileSync(
+        join(process.cwd(), `projects`, `demo`, `src`, `app`, `demo-path.ts`),
+        `utf-8`,
+    );
+    const routes =
+        demoPathEnumContent
+            .match(/['"`](.*)['"`]/g)
+            ?.map(route => route.replace(/['"`]/g, '')) || [];
+
+    routes.forEach(route => {
+        if (route.startsWith('kit')) {
+            routes.push(`${route}/API`);
+        }
+    });
+    routes.push(...EXCEPTIONS);
+
+    titleLog('Generated routes:');
+    infoLog(`${SMALL_TAB_SYMBOL}* ${routes?.join(`\n${SMALL_TAB_SYMBOL}* `)}`);
+
+    writeFileSync(
+        join(process.cwd(), `projects`, `demo`, `routesFile.txt`),
+        routes?.join('\n') || '',
+    );
+})();

scripts/helpers/colored-log.ts

@@ -17,3 +17,5 @@ export function infoLog(message: string): void {
 export function titleLog(message: string): void {
     console.info('\x1b[35m', message);
 }
+
+export const SMALL_TAB_SYMBOL = `  `; // @note: if you use \t then we have big gaps