refactor: use parseArgs for flag parsing; remove wildcard redirect from frontend template

Author: dmitriyeff

src/cli.ts

@@ -3,6 +3,7 @@ import * as clack from '@clack/prompts';
 import { realpathSync } from 'node:fs';
 import { basename, resolve } from 'node:path';
 import { fileURLToPath, pathToFileURL } from 'node:url';
+import { parseArgs } from 'node:util';
 import { promptAppExtensions } from './prompts/appExtensions.js';
 import { promptDatabase } from './prompts/database.js';
 import { promptProjectName } from './prompts/projectName.js';
@@ -20,7 +21,7 @@ export function nextStepLines(options: NextStepOptions): string[] {
 		`cd ${options.nameOrPath}`,
 		'cp .env.example .env',
 		'# fill in PIPEDRIVE_CLIENT_ID and PIPEDRIVE_CLIENT_SECRET',
-		'docker-compose up',
+		'docker-compose up --watch',
 	];
 
 	return ['', 'Next steps:', ...steps.map((s) => `  ${s}`)];
@@ -55,38 +56,42 @@ interface ParsedFlags {
 }
 
 export function parseFlags(argv: string[]): ParsedFlags {
+	const { values } = parseArgs({
+		args: argv.slice(2),
+		options: {
+			'project-name': { type: 'string' },
+			'database': { type: 'string' },
+			'app-extensions': { type: 'string' },
+		},
+		strict: false,
+	});
+
 	const result: ParsedFlags = {};
 
-	const nameIdx = argv.indexOf('--project-name');
-	if (nameIdx !== -1) {
-		const value = argv[nameIdx + 1];
-		if (!value || value.startsWith('--')) throw new Error('--project-name requires a value.');
-		if (!value.trim()) throw new Error('--project-name cannot be empty.');
-		result.nameOrPath = value.trim();
+	if (values['project-name'] !== undefined) {
+		const name = values['project-name'] as string;
+		if (!name.trim()) throw new Error('--project-name cannot be empty.');
+		result.nameOrPath = name.trim();
 	}
 
-	const dbIdx = argv.indexOf('--database');
-	if (dbIdx !== -1) {
-		const value = argv[dbIdx + 1];
-		if (!value || value.startsWith('--')) throw new Error('--database requires a value.');
+	if (values['database'] !== undefined) {
+		const db = values['database'] as string;
 		const valid: Database[] = ['postgres', 'mysql', 'sqlite'];
-		if (!valid.includes(value as Database)) {
-			throw new Error(`Invalid database "${value}". Choose one of: postgres, mysql, sqlite.`);
+		if (!valid.includes(db as Database)) {
+			throw new Error(`Invalid database "${db}". Choose one of: postgres, mysql, sqlite.`);
 		}
-		result.database = value as Database;
+		result.database = db as Database;
 	}
 
-	const extIdx = argv.indexOf('--app-extensions');
-	if (extIdx !== -1) {
-		const value = argv[extIdx + 1];
-		if (!value || value.startsWith('--')) throw new Error('--app-extensions requires a value.');
-		if (value === 'none') {
+	if (values['app-extensions'] !== undefined) {
+		const raw = values['app-extensions'] as string;
+		if (raw === 'none') {
 			result.appExtensions = [];
 		} else {
-			if (value.includes(',') && value.split(',').includes('none')) {
+			if (raw.includes(',') && raw.split(',').includes('none')) {
 				throw new Error('"none" cannot be combined with other extension types.');
 			}
-			const types = value.split(',');
+			const types = raw.split(',');
 			for (const type of types) {
 				if (!isAppExtensionType(type)) {
 					throw new Error(`Invalid app extension type "${type}". Choose from: custom-panel, custom-modal.`);