feat: create simple angular skeleton

Author: inpercima

.editorconfig

@@ -3,15 +3,15 @@ root = true
 
 [*]
 charset = utf-8
-end_of_line = lf
-indent_size = 2
 indent_style = space
+indent_size = 2
 insert_final_newline = true
-max_line_length = 140
 trim_trailing_whitespace = true
+end_of_line = lf
+max_line_length = 140
 
 [*.md]
-indent_size = 4
+max_line_length = off
 
 [*.ts]
 quote_type = single

package.json

@@ -1,7 +1,7 @@
 {
   "author": "Marcel Hendrich",
   "bin": {
-    "swagstack": "dist/cli/index.js"
+    "swagstack": "dist/index.js"
   },
   "contributors": [
     {
@@ -11,10 +11,10 @@
   ],
   "dependencies": {
     "@inquirer/prompts": "8.3.2",
-    "commander": "14.0.3",
     "chalk": "5.6.2",
-    "figlet": "1.11.0",
+    "commander": "14.0.3",
     "execa": "9.6.1",
+    "figlet": "1.11.0",
     "fs-extra": "11.3.4",
     "handlebars": "4.7.9"
   },
@@ -35,9 +35,9 @@
   "private": true,
   "repository": "https://github.com/inpercima/swagstack",
   "scripts": {
-    "build": "tsc",
-    "dev": "tsx src/cli/index.ts",
-    "start": "node dist/cli/index.js"
+    "build": "tsc && node scripts/copy-templates.js",
+    "dev": "tsx src/index.ts",
+    "start": "node dist/index.js"
   },
   "type": "module",
   "version": "3.0.0-SNAPSHOT"

scripts/copy-templates.js

@@ -0,0 +1,13 @@
+import fs from 'fs-extra';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const source = path.resolve(__dirname, '../src/templates');
+const target = path.resolve(__dirname, '../dist/templates');
+
+await fs.ensureDir(path.dirname(target));
+await fs.copy(source, target, { overwrite: true });
+
+console.log(`Copied templates: ${source} -> ${target}`);

src/commands/init.ts

@@ -0,0 +1,45 @@
+import path from 'node:path';
+import { PRESETS, Config, DESIGN_SYSTEMS } from '../../../utils/types.js';
+import { run } from '../../../utils/utils.js';
+import { ANGULAR_CLI_VERSION, CLARITY_DESIGN_VERSION } from '../../../utils/versions.js';
+
+export async function createAngularFrontendSkeleton(config: Config): Promise<void> {
+  const isAngularOnly = config.preset === PRESETS.ANGULAR_ONLY;
+  const workingRootDir = isAngularOnly ? process.cwd() : config.repoRoot;
+  const workingAngularDir = isAngularOnly ? config.repoRoot : path.join(config.repoRoot, 'frontend');
+
+  await installAngularCli(workingRootDir, isAngularOnly, config.pm, config.projectName);
+
+  await run('ng', ['add', 'angular-eslint'], workingAngularDir);
+
+  if (config.useCypress) {
+    await run('ng', ['add', '@cypress/schematic'], workingAngularDir);
+  }
+
+  if (config.designSystem.includes(DESIGN_SYSTEMS.ANGULAR_MATERIAL)) {
+    await run('ng', ['add', `@angular/material@${ANGULAR_CLI_VERSION}`], workingAngularDir);
+  }
+
+  if (config.designSystem.includes(DESIGN_SYSTEMS.CLARITY_DESIGN)) {
+    await run(config.pm, ['install', `@clr/ui@${CLARITY_DESIGN_VERSION}`, `@clr/angular@${CLARITY_DESIGN_VERSION}`], workingAngularDir);
+  }
+}
+
+async function installAngularCli(workingRootDir: string, isAngularOnly: boolean, pm: string, projectName: string): Promise<void> {
+  return run(
+    'npx',
+    [
+      '-y',
+      `@angular/cli@${ANGULAR_CLI_VERSION}`,
+      'new',
+      isAngularOnly ? projectName : 'frontend',
+      '--interactive=false',
+      '--skip-git',
+      '--style=css',
+      '--routing',
+      '--package-manager',
+      pm,
+    ],
+    workingRootDir,
+  );
+}