feat: improvements

Author: twlite

packages/create-commandkit/package.json

@@ -35,16 +35,16 @@
   },
   "dependencies": {
     "@clack/prompts": "^0.7.0",
-    "colors": "^1.4.0",
     "fs-extra": "^11.1.1",
-    "gradient-string": "^2.0.2"
+    "gradient-string": "^2.0.2",
+    "picocolors": "^1.1.1"
   },
   "devDependencies": {
-    "@types/node": "^20.11.6",
-    "@types/gradient-string": "^1.1.5",
     "@types/fs-extra": "^11.0.4",
-    "typescript": "^5.3.3",
+    "@types/gradient-string": "^1.1.5",
+    "@types/node": "^20.11.6",
     "tsconfig": "workspace:*",
-    "tsup": "^8.0.1"
+    "tsup": "^8.0.1",
+    "typescript": "^5.3.3"
   }
 }

packages/create-commandkit/src/functions/initializeGit.ts

@@ -0,0 +1,7 @@
+import { execSync } from 'node:child_process';
+
+export async function initializeGit(dir: string) {
+  try {
+    execSync('git init', { cwd: dir, stdio: 'pipe' });
+  } catch {}
+}

packages/create-commandkit/src/index.ts

@@ -1,7 +1,12 @@
 #!/usr/bin/env node
 console.clear();
 
-import type { Language, ModuleType, PackageManager } from './types';
+import type {
+  HandlerType,
+  Language,
+  ModuleType,
+  PackageManager,
+} from './types';
 
 import { intro, text, select, password, confirm, outro } from '@clack/prompts';
 import { commandkit, hints, outroMsg } from './utils';
@@ -10,8 +15,9 @@ import { installDeps } from './functions/installDeps';
 import { copyTemplates } from './functions/copyTemplates';
 
 import path from 'node:path';
-import colors from 'colors';
+import colors from 'picocolors';
 import fs from 'fs-extra';
+import { initializeGit } from './functions/initializeGit';
 
 await intro(`Welcome to ${commandkit}!`);
 
@@ -39,23 +45,43 @@ const dir = path.resolve(
 
 const manager = (await select({
   message: 'Select a package manager:',
+  initialValue: 'npm' as PackageManager,
   options: [
     { label: 'npm', value: 'npm' },
     { label: 'pnpm', value: 'pnpm' },
     { label: 'yarn', value: 'yarn' },
+    { label: 'bun', value: 'bun' },
   ],
 })) as PackageManager;
 
 const lang = (await select({
   message: 'Select the language to use:',
+  initialValue: 'ts' as Language,
   options: [
     { label: 'JavaScript', value: 'js' },
     { label: 'TypeScript', value: 'ts' },
   ],
 })) as Language;
 
+const handler = (await select({
+  message: 'Select a command handler:',
+  initialValue: 'app' as HandlerType,
+  options: [
+    {
+      label: 'App',
+      value: 'app',
+      hint: 'recommended',
+    },
+    {
+      label: 'Legacy',
+      value: 'legacy',
+    },
+  ],
+})) as HandlerType;
+
 const type = (await select({
   message: 'Select a module type:',
+  initialValue: 'esm' as ModuleType,
   options: [
     {
       label: 'CommonJS',
@@ -71,7 +97,7 @@ const type = (await select({
 })) as ModuleType;
 
 const token = (await password({
-  message: 'Enter your bot token:',
+  message: 'Enter your bot token (stored in .env):',
   mask: colors.gray('*'),
 })) as string;
 
@@ -80,13 +106,26 @@ const installNow = await confirm({
   initialValue: true,
 });
 
+const gitInit = await confirm({
+  message: 'Initialize a git repository?',
+  initialValue: true,
+});
+
 outro(colors.cyan('Setup complete.'));
 
 await setup({ manager, dir, token, type });
-await copyTemplates({ type, dir, lang });
+await copyTemplates({ type, dir, lang, handler });
+
+if (gitInit) {
+  await initializeGit(dir);
+}
 
 if (installNow) {
   await installDeps({ manager, dir, lang: 'js', stdio: 'inherit' });
 }
 
-console.log(outroMsg);
+console.log(
+  outroMsg({
+    manager,
+  }),
+);

packages/create-commandkit/src/types/index.ts

@@ -1,4 +1,4 @@
 export type Language = 'js' | 'ts';
-export type PackageManager = 'npm' | 'pnpm' | 'yarn';
+export type PackageManager = 'npm' | 'pnpm' | 'yarn' | 'bun';
 export type ModuleType = 'esm' | 'cjs';
 export type HandlerType = 'app' | 'legacy';

packages/create-commandkit/src/utils.ts

@@ -1,7 +1,8 @@
-import colors from 'colors';
+import colors from 'picocolors';
 import gradient from 'gradient-string';
 import path from 'node:path';
 import url from 'node:url';
+import { PackageManager } from './types';
 
 const __dirname = path.dirname(url.fileURLToPath(import.meta.url));
 
@@ -85,6 +86,7 @@ export const commands = {
     npm: 'npm init -y',
     yarn: 'yarn init -y; yarn config set nodeLinker node-modules; yarn set version stable',
     pnpm: 'pnpm init',
+    bun: 'bun init -y',
   },
 };
 
@@ -95,15 +97,26 @@ export const hints = {
   module: gradient(textColors.module)('exports'),
   javascript: gradient(textColors.js)('JavaScript'),
   typescript: gradient(textColors.ts)('TypeScript'),
-  app: gradient(textColors.app)('app'),
-  legacy: gradient(textColors.legacy)('legacy'),
 };
 
 export const commandkit = gradient(textColors.commandkit)('CommandKit');
-export const outroMsg = `
+
+interface OutroMessageProps {
+  manager: PackageManager;
+}
+
+export const outroMsg = ({ manager }: OutroMessageProps) => `
 ${gradient(textColors.commandkit)('Thank you for choosing CommandKit!')}
 
+To start your bot, use the following commands:
+  ${colors.magenta(`${manager} run dev`)}     - Run your bot in development mode
+  ${colors.magenta(`${manager} run build`)}   - Build your bot for production
+  ${colors.magenta(`${manager} run start`)}   - Run your bot in production mode
+
 • Documentation: ${colors.blue('https://commandkit.dev')}
 • GitHub: ${colors.blue('https://github.com/underctrl-io/commandkit')}
+• UnderCtrl: ${colors.blue('https://underctrl.io')}
 • Join us on Discord: ${colors.blue('https://ctrl.lol/discord')}
+
+Happy coding! 🚀
 `;