@simplysm/sd-cli 7.0.263 → 7.0.266

package/src/entry-points/SdCliFileCrypto.ts

@@ -1,87 +1,87 @@
-import readline from "readline";
-import { Writable } from "stream";
-import crypto from "crypto";
-import { FsUtil } from "@simplysm/sd-core-node";
-import os from "os";
-
-export class SdCliFileCrypto {
-  public async encryptAsync(filePath: string): Promise<void> {
-    if (!FsUtil.exists(filePath)) {
-      throw new Error(`파일 '${filePath}'을 찾을 수 없습니다.`);
-    }
-
-    const key = await this._readKeyAsync("password: ");
-    if (!key) {
-      throw new Error("암호화키를 반드시 입력해야 합니다.");
-    }
-
-    const confirmKey = await this._readKeyAsync("confirm password: ");
-    if (key !== confirmKey) {
-      throw new Error("암호화키가 서로 다릅니다.");
-    }
-
-    this._encryptFile(filePath, key, filePath + ".enc");
-  }
-
-  public async decryptAsync(encFilePath: string): Promise<void> {
-    if (!FsUtil.exists(encFilePath)) {
-      throw new Error(`파일 '${encFilePath}'을 찾을 수 없습니다.`);
-    }
-
-    if (!encFilePath.endsWith(".enc")) {
-      throw new Error(`파일 ${encFilePath}의 확장자가 '.enc'가 아닙니다.`);
-    }
-
-    const resultFilePath = encFilePath.slice(0, -4);
-    if (FsUtil.exists(resultFilePath)) {
-      process.stdout.write(`복호화 시, 현재 존재하는 '${resultFilePath}'파일을 덮어씁니다.${os.EOL}`, "utf-8");
-    }
-
-    const key = await this._readKeyAsync("password: ");
-    if (!key) {
-      throw new Error("암호화키를 반드시 입력해야 합니다.");
-    }
-
-    this._decryptFile(encFilePath, key, resultFilePath);
-  }
-
-  private _encryptFile(filePath: string, key: string, encFilePath: string): void {
-    const iv = Buffer.alloc(16, 0);
-    const cipheriv = crypto.createCipheriv("aes-192-cbc", crypto.scryptSync(key, "salt", 24), iv);
-
-    const input = FsUtil.createReadStream(filePath);
-    const output = FsUtil.createWriteStream(encFilePath);
-    input.pipe(cipheriv).pipe(output);
-  }
-
-  private _decryptFile(encFilePath: string, key: string, filePath: string): void {
-    const iv = Buffer.alloc(16, 0);
-    const cipheriv = crypto.createDecipheriv("aes-192-cbc", crypto.scryptSync(key, "salt", 24), iv);
-
-    const input = FsUtil.createReadStream(encFilePath);
-    const output = FsUtil.createWriteStream(filePath);
-    input.pipe(cipheriv).pipe(output);
-  }
-
-  private async _readKeyAsync(message: string): Promise<string> {
-    process.stdout.write(message, "utf-8");
-
-    return await new Promise((resolve) => {
-      const rl = readline.createInterface({
-        input: process.stdin,
-        output: new Writable({
-          write: (chunk, encoding, callback) => {
-            callback();
-          }
-        }),
-        terminal: true
-      });
-
-      rl.question(message, (answer) => {
-        process.stdout.write(os.EOL, "utf-8");
-        resolve(answer);
-        rl.close();
-      });
-    });
-  }
-}
+import readline from "readline";
+import { Writable } from "stream";
+import crypto from "crypto";
+import { FsUtil } from "@simplysm/sd-core-node";
+import os from "os";
+
+export class SdCliFileCrypto {
+  public async encryptAsync(filePath: string): Promise<void> {
+    if (!FsUtil.exists(filePath)) {
+      throw new Error(`파일 '${filePath}'을 찾을 수 없습니다.`);
+    }
+
+    const key = await this._readKeyAsync("password: ");
+    if (!key) {
+      throw new Error("암호화키를 반드시 입력해야 합니다.");
+    }
+
+    const confirmKey = await this._readKeyAsync("confirm password: ");
+    if (key !== confirmKey) {
+      throw new Error("암호화키가 서로 다릅니다.");
+    }
+
+    this._encryptFile(filePath, key, filePath + ".enc");
+  }
+
+  public async decryptAsync(encFilePath: string): Promise<void> {
+    if (!FsUtil.exists(encFilePath)) {
+      throw new Error(`파일 '${encFilePath}'을 찾을 수 없습니다.`);
+    }
+
+    if (!encFilePath.endsWith(".enc")) {
+      throw new Error(`파일 ${encFilePath}의 확장자가 '.enc'가 아닙니다.`);
+    }
+
+    const resultFilePath = encFilePath.slice(0, -4);
+    if (FsUtil.exists(resultFilePath)) {
+      process.stdout.write(`복호화 시, 현재 존재하는 '${resultFilePath}'파일을 덮어씁니다.${os.EOL}`, "utf-8");
+    }
+
+    const key = await this._readKeyAsync("password: ");
+    if (!key) {
+      throw new Error("암호화키를 반드시 입력해야 합니다.");
+    }
+
+    this._decryptFile(encFilePath, key, resultFilePath);
+  }
+
+  private _encryptFile(filePath: string, key: string, encFilePath: string): void {
+    const iv = Buffer.alloc(16, 0);
+    const cipheriv = crypto.createCipheriv("aes-192-cbc", crypto.scryptSync(key, "salt", 24), iv);
+
+    const input = FsUtil.createReadStream(filePath);
+    const output = FsUtil.createWriteStream(encFilePath);
+    input.pipe(cipheriv).pipe(output);
+  }
+
+  private _decryptFile(encFilePath: string, key: string, filePath: string): void {
+    const iv = Buffer.alloc(16, 0);
+    const cipheriv = crypto.createDecipheriv("aes-192-cbc", crypto.scryptSync(key, "salt", 24), iv);
+
+    const input = FsUtil.createReadStream(encFilePath);
+    const output = FsUtil.createWriteStream(filePath);
+    input.pipe(cipheriv).pipe(output);
+  }
+
+  private async _readKeyAsync(message: string): Promise<string> {
+    process.stdout.write(message, "utf-8");
+
+    return await new Promise((resolve) => {
+      const rl = readline.createInterface({
+        input: process.stdin,
+        output: new Writable({
+          write: (chunk, encoding, callback) => {
+            callback();
+          }
+        }),
+        terminal: true
+      });
+
+      rl.question(message, (answer) => {
+        process.stdout.write(os.EOL, "utf-8");
+        resolve(answer);
+        rl.close();
+      });
+    });
+  }
+}

package/src/entry-points/SdCliPrepare.ts

@@ -1,55 +1,55 @@
-import { FsUtil, Logger } from "@simplysm/sd-core-node";
-import { fileURLToPath } from "url";
-
-export class SdCliPrepare {
-  private readonly _logger = Logger.get(["simplysm", "sd-cli", this.constructor.name]);
-
-  public async prepareAsync(): Promise<void> {
-    // 타입체크 속도 지연 메시지 추가
-    const r1 = await this._modifyTypescriptCodeForTypeCheckPerformanceWarning();
-    this._logger.log(`[모듈수정] 타입체크 속도 지연 메시지 추가 (${r1 ? "O" : "X"})`);
-  }
-
-  private async _modifyTypescriptCodeForTypeCheckPerformanceWarning(): Promise<boolean> {
-    const fileUrl = await import.meta.resolve!("typescript");
-    const filePath = fileURLToPath(fileUrl);
-    const fileContent = await FsUtil.readFileAsync(filePath);
-    const modifiedFileContent = fileContent.replace(`
-        function checkSourceElement(node) {
-            if (node) {
-                var saveCurrentNode = currentNode;
-                currentNode = node;
-                instantiationCount = 0;
-                checkSourceElementWorker(node);
-                currentNode = saveCurrentNode;
-            }
-        }`, `
-        function checkSourceElement(node) {
-            if (node) {
-                const prevUsage = process.cpuUsage();
-
-                var saveCurrentNode = currentNode;
-                currentNode = node;
-                instantiationCount = 0;
-                checkSourceElementWorker(node);
-                currentNode = saveCurrentNode;
-
-                const usage = process.cpuUsage(prevUsage);
-                if (node.hasChildPerformanceWarning) {
-                    node.parent.hasChildPerformanceWarning = true;
-                }
-                else if (usage.user + usage.system > 1000 * 1000 && node.kind !== 253) {
-                    error(node, {
-                        code: 9000,
-                        category: ts.DiagnosticCategory.Warning,
-                        key: "simplysm_check_source_element_performance_slow",
-                        message: "소스코드 타입분석에 너무 오랜 시간이 소요됩니다. [" + Math.round((usage.user + usage.system) / 1000) + "ms/cpu, KIND: " + node.kind + "]"
-                    });
-                    node.parent.hasChildPerformanceWarning = true;
-                }
-            }
-        }`);
-    await FsUtil.writeFileAsync(filePath, modifiedFileContent);
-    return modifiedFileContent.includes("const prevUsage = process.cpuUsage();");
-  }
-}
+import { FsUtil, Logger } from "@simplysm/sd-core-node";
+import { fileURLToPath } from "url";
+
+export class SdCliPrepare {
+  private readonly _logger = Logger.get(["simplysm", "sd-cli", this.constructor.name]);
+
+  public async prepareAsync(): Promise<void> {
+    // 타입체크 속도 지연 메시지 추가
+    const r1 = await this._modifyTypescriptCodeForTypeCheckPerformanceWarning();
+    this._logger.log(`[모듈수정] 타입체크 속도 지연 메시지 추가 (${r1 ? "O" : "X"})`);
+  }
+
+  private async _modifyTypescriptCodeForTypeCheckPerformanceWarning(): Promise<boolean> {
+    const fileUrl = await import.meta.resolve!("typescript");
+    const filePath = fileURLToPath(fileUrl);
+    const fileContent = await FsUtil.readFileAsync(filePath);
+    const modifiedFileContent = fileContent.replace(`
+        function checkSourceElement(node) {
+            if (node) {
+                var saveCurrentNode = currentNode;
+                currentNode = node;
+                instantiationCount = 0;
+                checkSourceElementWorker(node);
+                currentNode = saveCurrentNode;
+            }
+        }`, `
+        function checkSourceElement(node) {
+            if (node) {
+                const prevUsage = process.cpuUsage();
+
+                var saveCurrentNode = currentNode;
+                currentNode = node;
+                instantiationCount = 0;
+                checkSourceElementWorker(node);
+                currentNode = saveCurrentNode;
+
+                const usage = process.cpuUsage(prevUsage);
+                if (node.hasChildPerformanceWarning) {
+                    node.parent.hasChildPerformanceWarning = true;
+                }
+                else if (usage.user + usage.system > 1000 * 1000 && node.kind !== 253) {
+                    error(node, {
+                        code: 9000,
+                        category: ts.DiagnosticCategory.Warning,
+                        key: "simplysm_check_source_element_performance_slow",
+                        message: "소스코드 타입분석에 너무 오랜 시간이 소요됩니다. [" + Math.round((usage.user + usage.system) / 1000) + "ms/cpu, KIND: " + node.kind + "]"
+                    });
+                    node.parent.hasChildPerformanceWarning = true;
+                }
+            }
+        }`);
+    await FsUtil.writeFileAsync(filePath, modifiedFileContent);
+    return modifiedFileContent.includes("const prevUsage = process.cpuUsage();");
+  }
+}

package/src/entry-points/SdCliProjectGenerator.ts

@@ -15,7 +15,6 @@ import { fc_package_tsconfig } from "./file/base/fc_package_tsconfig";
 import { fc_package_DbContext } from "./file/db/fc_package_DbContext";
 import { fc_package_DbModel } from "./file/db/fc_package_DbModel";
 import { fc_package_server_main } from "./file/server/fc_package_server_main";
-import { fc_package_appicons } from "./file/client/fc_package_appicons";
 import { fc_package_AppModule } from "./file/client/fc_package_AppModule";
 import { fc_package_AppPage } from "./file/client/fc_package_AppPage";
 import { fileURLToPath } from "url";
@@ -25,6 +24,8 @@ import { fc_package_manifest } from "./file/client/fc_package_manifest";
 import { INpmConfig } from "../commons";
 import { fc_package_polyfills } from "./file/client/fc_package_polyfills";
 import { fc_package_styles } from "./file/client/fc_package_styles";
+import { ISdAutoIndexConfig } from "../build-tool/SdCliIndexFileGenerator";
+import { fc_package_Page } from "./file/client/fc_package_Page";
 
 export class SdCliProjectGenerator {
   private readonly _logger = Logger.get(["simplysm", "sd-cli", this.constructor.name]);
@@ -83,14 +84,20 @@ export class SdCliProjectGenerator {
     await SdProcess.spawnAsync("npm install", { cwd: this._rootPath }, true);
   }
 
-  public async addTsLibAsync(opt: { name: string; description: string; useDom: boolean }): Promise<void> {
+  public async addTsLibAsync(opt: { name: string; description: string; useDom: boolean; isForAngular: boolean }): Promise<void> {
+    const projNpmConfig = await this._getProjNpmConfigAsync();
+    const projName = projNpmConfig.name;
+
     await this._addPackageBaseTemplate({
-      ...opt,
+      name: opt.name,
+      description: opt.description,
+      useDom: opt.isForAngular || opt.useDom,
+      isForAngular: opt.isForAngular,
       isModule: true,
-      isForAngular: false,
       types: "dist/index.d.ts",
       main: "dist/index.mjs",
-      dependencies: {}
+      dependencies: {},
+      tsconfigOptions: {}
     });
 
     this._logger.log(`[${opt.name}] 'simplysm.json' 파일에 등록`);
@@ -98,8 +105,18 @@ export class SdCliProjectGenerator {
     await this._addPackageToSimplysmJson({
       name: opt.name,
       type: "library",
-      useAutoIndex: true
+      autoIndex: {
+        ...opt.isForAngular ? {
+          polyfills: [
+            "@simplysm/sd-core-common",
+            "@simplysm/sd-core-browser"
+          ]
+        } : {}
+      },
     });
+
+    this._logger.log(`[${projName}] npm install`);
+    await SdProcess.spawnAsync("npm install", { cwd: this._rootPath }, true);
   }
 
   public async addDbLibAsync(opt: { name: string }): Promise<void> {
@@ -119,7 +136,8 @@ export class SdCliProjectGenerator {
       dependencies: {
         "@simplysm/sd-core-common": "~7.0.0",
         "@simplysm/sd-orm-common": "~7.0.0"
-      }
+      },
+      tsconfigOptions: {}
     });
 
     this._logger.log(`[${pkgName}] 'src/${StringUtil.toPascalCase(opt.name)}DbContext.ts' 파일 생성`);
@@ -134,7 +152,7 @@ export class SdCliProjectGenerator {
     await this._addPackageToSimplysmJson({
       name: pkgName,
       type: "library",
-      useAutoIndex: true
+      autoIndex: {}
     });
 
     this._logger.log(`[${projName}] npm install`);
@@ -148,10 +166,12 @@ export class SdCliProjectGenerator {
     this._logger.log(`[${pkgName}] 'src/models/${opt.category}/${opt.name}.ts' 파일 생성`);
 
     await FsUtil.writeFileAsync(
-      path.resolve(pkgPath, `src/models/${opt.category}/${opt.name}.ts`), fc_package_DbModel({
+      path.resolve(pkgPath, `src/models/${opt.category}/${opt.name}.ts`),
+      fc_package_DbModel({
         name: opt.name,
         description: opt.description
-      }));
+      })
+    );
 
     this._logger.log(`[${pkgName}] DbContext 파일에 등록`);
     let dbContextContent = await FsUtil.readFileAsync(path.resolve(pkgPath, `src/${StringUtil.toPascalCase(opt.dbPkgName)}DbContext.ts`));
@@ -198,7 +218,8 @@ export class SdCliProjectGenerator {
         "@simplysm/sd-core-node": "~7.0.0",
         "@simplysm/sd-service-common": "~7.0.0",
         "@simplysm/sd-service-server": "~7.0.0"
-      }
+      },
+      tsconfigOptions: {}
     });
 
     this._logger.log(`[${pkgName}] 'src/main.ts' 파일 등록`);
@@ -210,8 +231,7 @@ export class SdCliProjectGenerator {
     this._logger.log(`[${pkgName}] 'simplysm.json' 파일에 등록`);
     await this._addPackageToSimplysmJson({
       name: pkgName,
-      type: "server",
-      useAutoIndex: false
+      type: "server"
     });
 
     this._logger.log(`[${projName}] npm install`);
@@ -232,28 +252,21 @@ export class SdCliProjectGenerator {
       isModule: true,
       isForAngular: true,
       dependencies: {
-        "@angular/common": "^13.2.0",
-        "@angular/core": "^13.2.0",
         "@angular/platform-browser": "^13.2.0",
-        "@angular/platform-browser-dynamic": "^13.2.0",
-        "@fortawesome/angular-fontawesome": "^0.10.2",
-        "@fortawesome/fontawesome-svg-core": "^6.1.0",
-        "@fortawesome/free-brands-svg-icons": "^6.1.0",
-        "@fortawesome/pro-duotone-svg-icons": "^6.1.0",
-        "@fortawesome/pro-light-svg-icons": "^6.1.0",
-        "@fortawesome/pro-regular-svg-icons": "^6.1.0",
-        "@fortawesome/pro-solid-svg-icons": "^6.1.0",
-        "@simplysm/sd-angular": "~7.0.0",
-        "@simplysm/sd-core-browser": "~7.0.0",
-        "@simplysm/sd-core-common": "~7.0.0",
-        "rxjs": "^6.6.7",
-        "zone.js": "~0.11.4"
+        "@angular/platform-browser-dynamic": "^13.2.0"
+      },
+      tsconfigOptions: {
+        angularCompilerOptions: {
+          "enableI18nLegacyMessageIdFormat": false,
+          "strictInjectionParameters": true,
+          "strictInputAccessModifiers": true,
+          "strictTemplates": true,
+          "strictInputTypes": false,
+          "strictOutputEventTypes": false
+        }
       }
     });
 
-    this._logger.log(`[${pkgName}] 'src/app-icons.ts' 파일 등록`);
-    await FsUtil.writeFileAsync(path.resolve(pkgPath, "src/app-icons.ts"), fc_package_appicons());
-
     this._logger.log(`[${pkgName}] 'src/AppModule.ts' 파일 등록`);
     await FsUtil.writeFileAsync(path.resolve(pkgPath, "src/AppModule.ts"), fc_package_AppModule());
 
@@ -283,14 +296,13 @@ export class SdCliProjectGenerator {
 
     this._logger.log(`[${pkgName}] 'src/assets' 파일 복사`);
     await FsUtil.copyAsync(
-      path.resolve(path.dirname(fileURLToPath(import.meta.url)), "file/assets"),
+      path.resolve(path.dirname(fileURLToPath(import.meta.url)), "../../assets/client-files"),
       path.resolve(pkgPath, "src")
     );
 
     await this._addPackageToSimplysmJson({
       name: pkgName,
       type: "client",
-      useAutoIndex: false,
       serverName: opt.serverName
     });
 
@@ -298,7 +310,25 @@ export class SdCliProjectGenerator {
     await SdProcess.spawnAsync("npm install", { cwd: this._rootPath }, true);
   }
 
-  private async _addPackageBaseTemplate(opt: { name: string; description: string; useDom: boolean; isModule: boolean; isForAngular: boolean; main?: string; types?: string; dependencies: Record<string, string> }): Promise<void> {
+  public async addPageAsync(opt: { pkgName: string; category?: string; name: string; isRouteParent: boolean }): Promise<void> {
+    const pkgPath = path.resolve(this._rootPath, "packages", opt.pkgName);
+
+    this._logger.log(`[${opt.pkgName}] 'src/app/${Boolean(opt.category) ? opt.category + "/" : ""}${opt.name}Page.ts' 파일 생성`);
+    await FsUtil.writeFileAsync(
+      path.resolve(pkgPath, `src/app/${Boolean(opt.category) ? opt.category + "/" : ""}${opt.name}Page.ts`),
+      fc_package_Page({
+        name: opt.name,
+        isRouteParent: opt.isRouteParent
+      })
+    );
+
+    if (opt.isRouteParent) {
+      this._logger.log(`[${opt.name}] 'src/app/${Boolean(opt.category) ? opt.category + "/" : ""}${StringUtil.toKebabCase(opt.name)}' 디렉토리 생성`);
+      await FsUtil.mkdirsAsync(path.resolve(pkgPath, `src/app/${Boolean(opt.category) ? opt.category + "/" : ""}${StringUtil.toKebabCase(opt.name)}`));
+    }
+  }
+
+  private async _addPackageBaseTemplate(opt: { name: string; description: string; useDom: boolean; isModule: boolean; isForAngular: boolean; main?: string; types?: string; dependencies: Record<string, string>; tsconfigOptions: Record<string, any> }): Promise<void> {
     const pkgPath = path.resolve(this._rootPath, "packages", opt.name);
 
     this._logger.log(`[${opt.name}] '.eslintrc.cjs' 파일 생성`);
@@ -314,25 +344,37 @@ export class SdCliProjectGenerator {
       isModule: opt.isModule,
       main: opt.main,
       types: opt.types,
-      dependencies: opt.dependencies
+      dependencies: {
+        ...opt.dependencies,
+        ...opt.isForAngular ? {
+          "@angular/common": "^13.2.0",
+          "@angular/core": "^13.2.0",
+          "@simplysm/sd-angular": "~7.0.0",
+          "@simplysm/sd-core-common": "~7.0.0",
+          "@simplysm/sd-core-browser": "~7.0.0",
+          "rxjs": "^6.6.7",
+          "zone.js": "~0.11.4"
+        } : {}
+      }
     }));
 
     this._logger.log(`[${opt.name}] 'tsconfig.json' 파일 생성`);
     await FsUtil.writeFileAsync(path.resolve(pkgPath, "tsconfig.json"), fc_package_tsconfig({
       isModule: opt.isModule,
-      useDom: opt.useDom
+      useDom: opt.useDom,
+      options: opt.tsconfigOptions
     }));
 
     this._logger.log(`[${opt.name}] 'src' 디렉토리 생성`);
     await FsUtil.mkdirsAsync(path.resolve(pkgPath, "src"));
   }
 
-  private async _addPackageToSimplysmJson(opt: { name: string; type: string; useAutoIndex: boolean; serverName?: string }): Promise<void> {
+  private async _addPackageToSimplysmJson(opt: { name: string; type: string; autoIndex?: ISdAutoIndexConfig; serverName?: string }): Promise<void> {
     const config = await FsUtil.readJsonAsync(path.resolve(this._rootPath, "simplysm.json"));
     config.packages = config.packages ?? {};
     config.packages[opt.name] = {
       type: opt.type,
-      ...opt.useAutoIndex ? { autoIndex: {} } : {},
+      ...opt.autoIndex ? { autoIndex: opt.autoIndex } : {},
       ...opt.serverName !== undefined ? { server: opt.serverName } : {}
     };
     await FsUtil.writeJsonAsync(path.resolve(this._rootPath, "simplysm.json"), config, { space: 2 });

package/src/entry-points/file/base/fc_package_eslintrc.ts

@@ -14,16 +14,16 @@ module.exports = {
             project: require("path").resolve(__dirname, "tsconfig.json")
           }
         }
-      },${opt.isForAngular ? `
-      {
-        files: ["*.ts"],
-        extends: ["plugin:@simplysm/angular"]
-      },
-      {
-        files: ["*.html"],
-        extends: ["plugin:@simplysm/angular-template"]
-      }` : ""}
-    }
+      }
+    }${opt.isForAngular ? `,
+    {
+      files: ["*.ts"],
+      extends: ["plugin:@simplysm/angular"]
+    },
+    {
+      files: ["*.html"],
+      extends: ["plugin:@simplysm/angular-template"]
+    }` : ""}
   ]
 };
 

package/src/entry-points/file/base/fc_package_tsconfig.ts

@@ -1,4 +1,4 @@
-export const fc_package_tsconfig = (opt: { isModule: boolean; useDom: boolean }): string => JSON.stringify({
+export const fc_package_tsconfig = (opt: { isModule: boolean; useDom: boolean; options: Record<string, any> }): string => JSON.stringify({
   extends: "../../tsconfig.json",
   compilerOptions: {
     ...!opt.isModule ? { module: "CommonJS" } : {},
@@ -7,5 +7,6 @@ export const fc_package_tsconfig = (opt: { isModule: boolean; useDom: boolean })
       ...opt.useDom ? ["DOM"] : []
     ],
     outDir: "./dist"
-  }
+  },
+  ...opt.options
 }, undefined, 2);

package/src/entry-points/file/client/fc_package_AppModule.ts

@@ -26,7 +26,7 @@ export class AppModule implements DoBootstrap {
   public constructor(private readonly _toast: SdToastProvider) {
   }
 
-  public async ngDoBootstrap(appRef: ApplicationRef): Promise<void> {
+  public ngDoBootstrap(appRef: ApplicationRef): void {
     this._toast.alertThemes = ["danger"];
 
     appRef.bootstrap(AppPage);

package/src/entry-points/file/client/fc_package_AppPage.ts

@@ -1,8 +1,6 @@
 export const fc_package_AppPage = (): string => /* language=ts */ `
   
-import { ChangeDetectionStrategy, Component, HostListener } from "@angular/core";
-import { DevModal } from "./modals/DevModal";
-import { SdModalProvider } from "@simplysm/sd-angular";
+import { ChangeDetectionStrategy, Component } from "@angular/core";
 
 @Component({
   selector: "app-root",
@@ -10,24 +8,6 @@ import { SdModalProvider } from "@simplysm/sd-angular";
   template: \`APP_PAGE\`
 })
 export class AppPage {
-  public constructor(private readonly _modal: SdModalProvider) {
-  }
-
-  @HostListener("document:keydown", ["$event"])
-  public async onKeydown(event: KeyboardEvent): Promise<void> {
-    if (
-      process.env["NODE_ENV"] !== "production"
-      && event.ctrlKey
-      && event.altKey
-      && event.shiftKey
-      && event.key === "F12"
-    ) {
-      event.preventDefault();
-      event.stopPropagation();
-
-      await this._modal.showAsync(DevModal, "DEV", undefined, { key: "dev-modal" });
-    }
-  }
 }
 
 `.trim();

package/src/entry-points/file/client/fc_package_Page.ts

@@ -0,0 +1,19 @@
+import { StringUtil } from "@simplysm/sd-core-common";
+
+export const fc_package_Page = (opt: { name: string; isRouteParent: boolean }): string => /* language=ts */ `
+  
+import { ChangeDetectionStrategy, Component } from "@angular/core";
+
+@Component({
+  selector: "app-${StringUtil.toKebabCase(opt.name)}",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: \`
+    ${opt.name}${opt.isRouteParent ? `<br/>
+    <router-outlet></router-outlet>
+    ` : ``}
+  \`
+})
+export class ${opt.name}Page {
+}
+
+`.trim();

package/src/entry-points/file/project/fc_project_gitignore.ts

@@ -11,6 +11,6 @@ _logs
 _modules
 _routes.ts
 ~$*.xlsx
-.*
+.*/
 
 `.trim();

package/src/entry-points/file/project/fc_project_readme.ts

@@ -3,9 +3,10 @@ export const fc_project_readme = (opt: { description: string }): string => /* la
 
 ## Requirements
 
-* node@16.x.x
+* node v16.x.x
 
 ## Installation
 
     npm install
+    
 `.trim();