create-commandkit 1.1.4-dev.20250208091526 → 1.1.4-dev.20250215123740

package/dist/index.js

@@ -1,7 +1,16 @@
 #!/usr/bin/env node
-var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:true});import{intro,text,select,password,confirm,outro}from"@clack/prompts";import colors from"colors";import gradient from"gradient-string";import path from"node:path";import url from"node:url";var __dirname=path.dirname(url.fileURLToPath(import.meta.url));var templates={js:{esm:path.join(__dirname,"..","templates","JavaScript","esm"),cjs:path.join(__dirname,"..","templates","JavaScript","cjs")},ts:{esm:path.join(__dirname,"..","templates","TypeScript","esm"),cjs:path.join(__dirname,"..","templates","TypeScript","cjs")}};var textColors={commandkit:["#fdba74","#e4a5a2","#c288de","#b27bf9"],import:["#c586c0","#c586c0"],export:["#569cd6","#569cd6"],require:["#dcdcaa","#dcdcaa"],module:["#4ec9b0","#4ec9b0"],js:["#f7e01c","#f7e01c"],ts:["#2480c5","#2480c5"]};var baseDependencies=["commandkit","discord.js","dotenv"];var dependencies={js:{dependencies:baseDependencies},ts:{dependencies:baseDependencies,devDependencies:["@types/node","typescript"]}};var commands={init:{npm:"npm init -y",yarn:"yarn init -y; yarn config set nodeLinker node-modules; yarn set version stable",pnpm:"pnpm init"}};var hints={import:gradient(textColors.import)("import"),export:gradient(textColors.export)("export"),require:gradient(textColors.require)("require"),module:gradient(textColors.module)("exports"),javascript:gradient(textColors.js)("JavaScript"),typescript:gradient(textColors.ts)("TypeScript")};var commandkit=gradient(textColors.commandkit)("CommandKit");var outroMsg=`
+var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:true});import{intro,text,select,password,confirm,outro}from"@clack/prompts";import colors from"picocolors";import gradient from"gradient-string";import path from"node:path";import url from"node:url";var __dirname=path.dirname(url.fileURLToPath(import.meta.url));var templates={js:{app:{esm:path.join(__dirname,"..","templates","JavaScript","app","esm"),cjs:path.join(__dirname,"..","templates","JavaScript","app","cjs")},legacy:{esm:path.join(__dirname,"..","templates","JavaScript","legacy","esm"),cjs:path.join(__dirname,"..","templates","JavaScript","legacy","cjs")}},ts:{app:{esm:path.join(__dirname,"..","templates","TypeScript","app","esm"),cjs:path.join(__dirname,"..","templates","TypeScript","app","cjs")},legacy:{esm:path.join(__dirname,"..","templates","TypeScript","legacy","esm"),cjs:path.join(__dirname,"..","templates","TypeScript","legacy","cjs")}}};var textColors={commandkit:["#fdba74","#e4a5a2","#c288de","#b27bf9"],import:["#c586c0","#c586c0"],export:["#569cd6","#569cd6"],require:["#dcdcaa","#dcdcaa"],module:["#4ec9b0","#4ec9b0"],js:["#f7e01c","#f7e01c"],ts:["#2480c5","#2480c5"],app:["#e4a5a2","#e4a5a2"],legacy:["#dcdcaa","#dcdcaa"]};var baseDependencies=["commandkit","discord.js"];var dependencies={js:{dependencies:baseDependencies},ts:{dependencies:baseDependencies,devDependencies:["@types/node","typescript"]}};var commands={init:{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"}};var hints={import:gradient(textColors.import)("import"),export:gradient(textColors.export)("export"),require:gradient(textColors.require)("require"),module:gradient(textColors.module)("exports"),javascript:gradient(textColors.js)("JavaScript"),typescript:gradient(textColors.ts)("TypeScript")};var commandkit=gradient(textColors.commandkit)("CommandKit");var outroMsg=__name(({manager:manager2})=>`
 ${gradient(textColors.commandkit)("Thank you for choosing CommandKit!")}
 
+To start your bot, use the following commands:
+  ${colors.magenta(`${manager2} run dev`)}     - Run your bot in development mode
+  ${colors.magenta(`${manager2} run build`)}   - Build your bot for production
+  ${colors.magenta(`${manager2} run start`)}   - Run your bot in production mode
+
 \u2022 Documentation: ${colors.blue("https://commandkit.dev")}
+\u2022 GitHub: ${colors.blue("https://github.com/underctrl-io/commandkit")}
+\u2022 UnderCtrl: ${colors.blue("https://underctrl.io")}
 \u2022 Join us on Discord: ${colors.blue("https://ctrl.lol/discord")}
-`;import{execSync}from"child_process";import fs from"fs-extra";import path2 from"node:path";async function setup({manager:manager2,type:type2,token:token2,dir:dir2,stdio="pipe"}){await fs.emptyDir(dir2);execSync(commands.init[manager2],{cwd:dir2,stdio});const packageJsonPath=path2.join(dir2,"package.json");const packageJson=await fs.readJSON(packageJsonPath);delete packageJson.main;packageJson.name=packageJson.name.toLowerCase();packageJson.type=type2=="esm"?"module":"commonjs";packageJson.version="0.0.0";packageJson.scripts={dev:"commandkit dev",build:"commandkit build",start:"commandkit start"};await fs.writeJSON(packageJsonPath,packageJson,{spaces:2});await fs.writeFile(`${dir2}/.env`,`TOKEN="${token2}"`)}__name(setup,"setup");import{execSync as execSync2}from"node:child_process";function installDeps({manager:manager2,dir:dir2,lang:lang2,stdio="pipe"}){const depsCommand=`${manager2} add ${dependencies[lang2].dependencies.join(" ")}`;const devDepsCommand=`${manager2} add ${dependencies.ts.devDependencies.join(" ")}`;execSync2(depsCommand,{cwd:dir2,stdio});if(lang2=="ts"){execSync2(devDepsCommand,{cwd:dir2,stdio})}}__name(installDeps,"installDeps");import fs2 from"fs-extra";async function copyTemplates({type:type2,dir:dir2,lang:lang2}){await fs2.copy(templates[lang2][type2],dir2)}__name(copyTemplates,"copyTemplates");import path3 from"node:path";import colors2 from"colors";import fs3 from"fs-extra";console.clear();await intro(`Welcome to ${commandkit}!`);var dir=path3.resolve(process.cwd(),await text({message:"Enter a project directory:",placeholder:"Leave blank for current directory",defaultValue:".",validate:__name(value=>{value=path3.resolve(process.cwd(),value);let isEmpty;try{const contents=fs3.readdirSync(value);isEmpty=contents.length===0}catch{isEmpty=true}return isEmpty?void 0:"Directory is not empty!"},"validate")}));var manager=await select({message:"Select a package manager:",options:[{label:"npm",value:"npm"},{label:"pnpm",value:"pnpm"},{label:"yarn",value:"yarn"}]});var lang=await select({message:"Select the language to use:",options:[{label:"JavaScript",value:"js"},{label:"TypeScript",value:"ts"}]});var type=await select({message:"Select a module type:",options:[{label:"CommonJS",value:"cjs",hint:`${hints.require} & ${hints.module}`},{label:"ES Modules",value:"esm",hint:`${hints.import} & ${hints.export}`}]});var token=await password({message:"Enter your bot token:",mask:colors2.gray("*")});var installNow=await confirm({message:"Install dependencies now?",initialValue:true});outro(colors2.cyan("Setup complete."));await setup({manager,dir,token,type});await copyTemplates({type,dir,lang});if(installNow){await installDeps({manager,dir,lang:"js",stdio:"inherit"})}console.log(outroMsg);
+
+Happy coding! \u{1F680}
+`,"outroMsg");import{execSync}from"child_process";import fs from"fs-extra";import path2 from"node:path";async function setup({manager:manager2,type:type2,token:token2,dir:dir2,stdio="pipe"}){await fs.emptyDir(dir2);execSync(commands.init[manager2],{cwd:dir2,stdio});const packageJsonPath=path2.join(dir2,"package.json");const packageJson=await fs.readJSON(packageJsonPath);delete packageJson.main;packageJson.name=packageJson.name.toLowerCase();packageJson.type=type2=="esm"?"module":"commonjs";packageJson.version="0.0.0";packageJson.scripts={dev:"commandkit dev",build:"commandkit build",start:"commandkit start"};await fs.writeJSON(packageJsonPath,packageJson,{spaces:2});await fs.writeFile(`${dir2}/.env`,`DISCORD_TOKEN="${token2}"`)}__name(setup,"setup");import{execSync as execSync2}from"node:child_process";function installDeps({manager:manager2,dir:dir2,lang:lang2,stdio="pipe"}){const depsCommand=`${manager2} add ${dependencies[lang2].dependencies.join(" ")}`;const devDepsCommand=`${manager2} add ${dependencies.ts.devDependencies.join(" ")}`;execSync2(depsCommand,{cwd:dir2,stdio});if(lang2=="ts"){execSync2(devDepsCommand,{cwd:dir2,stdio})}}__name(installDeps,"installDeps");import fs2 from"fs-extra";async function copyTemplates({type:type2,dir:dir2,lang:lang2,handler:handler2}){await fs2.copy(templates[lang2][handler2][type2],dir2)}__name(copyTemplates,"copyTemplates");import path3 from"node:path";import colors2 from"picocolors";import fs3 from"fs-extra";import{execSync as execSync3}from"node:child_process";async function initializeGit(dir2){try{execSync3("git init",{cwd:dir2,stdio:"pipe"})}catch{}}__name(initializeGit,"initializeGit");console.clear();await intro(`Welcome to ${commandkit}!`);var dir=path3.resolve(process.cwd(),await text({message:"Enter a project directory:",placeholder:"Leave blank for current directory",defaultValue:".",validate:__name(value=>{value=path3.resolve(process.cwd(),value);let isEmpty;try{const contents=fs3.readdirSync(value);isEmpty=contents.length===0}catch{isEmpty=true}return isEmpty?void 0:"Directory is not empty!"},"validate")}));var manager=await select({message:"Select a package manager:",initialValue:"npm",options:[{label:"npm",value:"npm"},{label:"pnpm",value:"pnpm"},{label:"yarn",value:"yarn"},{label:"bun",value:"bun"}]});var lang=await select({message:"Select the language to use:",initialValue:"ts",options:[{label:"JavaScript",value:"js"},{label:"TypeScript",value:"ts"}]});var handler=await select({message:"Select a command handler:",initialValue:"app",options:[{label:"App",value:"app",hint:"recommended"},{label:"Legacy",value:"legacy"}]});var type=await select({message:"Select a module type:",initialValue:"esm",options:[{label:"CommonJS",value:"cjs",hint:`${hints.require} & ${hints.module}`},{label:"ES Modules",value:"esm",hint:`${hints.import} & ${hints.export}`}]});var token=await password({message:"Enter your bot token (stored in .env):",mask:colors2.gray("*")});var installNow=await confirm({message:"Install dependencies now?",initialValue:true});var gitInit=await confirm({message:"Initialize a git repository?",initialValue:true});outro(colors2.cyan("Setup complete."));await setup({manager,dir,token,type});await copyTemplates({type,dir,lang,handler});if(gitInit){await initializeGit(dir)}if(installNow){await installDeps({manager,dir,lang:"js",stdio:"inherit"})}console.log(outroMsg({manager}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-commandkit",
   "description": "Effortlessly create a CommandKit project",
-  "version": "1.1.4-dev.20250208091526",
+  "version": "1.1.4-dev.20250215123740",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "bin": "./dist/index.js",
@@ -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"
   }
 }

package/templates/JavaScript/app/cjs/src/app/commands/ping/command.js

@@ -0,0 +1,23 @@
+// import { SlashCommandContext, MessageCommandContext } from 'commandkit';
+module.exports.command = {
+  name: 'ping',
+  description: "Ping the bot to check if it's online.",
+};
+
+module.exports.chatInput = async (ctx) => {
+  const { t } = ctx.locale();
+
+  const latency = ctx.client.ws.ping ?? -1;
+  const response = await t('ping_response', { latency });
+
+  await ctx.interaction.reply(response);
+};
+
+module.exports.message = async (ctx) => {
+  const { t } = ctx.locale();
+
+  const latency = ctx.client.ws.ping ?? -1;
+  const response = await t('ping_response', { latency });
+
+  await ctx.message.reply(response);
+};

package/templates/JavaScript/app/cjs/src/app/events/ready/log.js

@@ -0,0 +1,6 @@
+/**
+ * @param {import('discord.js').Client<true>} client
+ */
+module.exports = (client) => {
+  console.log(`Logged in as ${client.user.username}!`);
+};

package/templates/JavaScript/app/cjs/src/app/locales/en-US/ping.json

@@ -0,0 +1,9 @@
+{
+  "command": {
+    "name": "ping",
+    "description": "Ping the bot to check if it's online."
+  },
+  "response": {
+    "ping_response": "The ping is `{latency}ms`."
+  }
+}

package/templates/JavaScript/app/cjs/src/index.js

@@ -0,0 +1,19 @@
+process.loadEnvFile();
+
+const { Client, IntentsBitField } = require('discord.js');
+const { CommandKit } = require('commandkit');
+
+const client = new Client({
+  intents: [
+    IntentsBitField.Flags.Guilds,
+    IntentsBitField.Flags.GuildMembers,
+    IntentsBitField.Flags.GuildMessages,
+    IntentsBitField.Flags.MessageContent,
+  ],
+});
+
+const commandkit = new CommandKit({
+  client,
+});
+
+commandkit.start(process.env.DISCORD_TOKEN);

package/templates/{TypeScript → JavaScript/app}/cjs/tsconfig.json

@@ -4,7 +4,7 @@
     "lib": ["ES2022"],
     "target": "ES2022",
     "moduleResolution": "Bundler",
-    "module": "ES2022",
+    "module": "Preserve",
     "esModuleInterop": true,
     "resolveJsonModule": true,
     "skipLibCheck": true,
@@ -13,7 +13,10 @@
     "allowJs": true,
     "strict": true,
     "noEmit": true,
-    "declaration": false
+    "declaration": false,
+    "jsx": "react",
+    "jsxFactory": "CommandKit.createElement",
+    "jsxFragmentFactory": "CommandKit.Fragment"
   },
   "include": ["src"],
   "exclude": ["dist", "node_modules", ".commandkit"]

package/templates/JavaScript/app/esm/src/app/commands/ping/command.js

@@ -0,0 +1,28 @@
+export const command = {
+  name: 'ping',
+  description: "Ping the bot to check if it's online.",
+};
+
+/**
+ * @param {import('commandkit').SlashCommandContext} ctx
+ */
+export async function chatInput(ctx) {
+  const { t } = ctx.locale();
+
+  const latency = ctx.client.ws.ping ?? -1;
+  const response = await t('ping_response', { latency });
+
+  await ctx.interaction.reply(response);
+}
+
+/**
+ * @param {import('commandkit').MessageCommandContext} ctx
+ */
+export async function message(ctx) {
+  const { t } = ctx.locale();
+
+  const latency = ctx.client.ws.ping ?? -1;
+  const response = await t('ping_response', { latency });
+
+  await ctx.message.reply(response);
+}

package/templates/JavaScript/app/esm/src/app/events/ready/log.js

@@ -0,0 +1,6 @@
+/**
+ * @param {import('discord.js').Client<true>} client
+ */
+export default function log(client) {
+  console.log(`Logged in as ${client.user.username}!`);
+}

package/templates/JavaScript/app/esm/src/app/locales/en-US/ping.json

@@ -0,0 +1,9 @@
+{
+  "command": {
+    "name": "ping",
+    "description": "Ping the bot to check if it's online."
+  },
+  "response": {
+    "ping_response": "The ping is `{latency}ms`."
+  }
+}

package/templates/JavaScript/app/esm/src/index.js

@@ -0,0 +1,19 @@
+process.loadEnvFile();
+
+import { Client, IntentsBitField } from 'discord.js';
+import { CommandKit } from 'commandkit';
+
+const client = new Client({
+  intents: [
+    IntentsBitField.Flags.Guilds,
+    IntentsBitField.Flags.GuildMembers,
+    IntentsBitField.Flags.GuildMessages,
+    IntentsBitField.Flags.MessageContent,
+  ],
+});
+
+const commandkit = new CommandKit({
+  client,
+});
+
+await commandkit.start(process.env.DISCORD_TOKEN);

package/templates/{TypeScript → JavaScript/app}/esm/tsconfig.json

@@ -4,7 +4,7 @@
     "lib": ["ES2022"],
     "target": "ES2022",
     "moduleResolution": "Bundler",
-    "module": "ES2022",
+    "module": "Preserve",
     "esModuleInterop": true,
     "resolveJsonModule": true,
     "skipLibCheck": true,
@@ -13,7 +13,10 @@
     "allowJs": true,
     "strict": true,
     "noEmit": true,
-    "declaration": false
+    "declaration": false,
+    "jsx": "react",
+    "jsxFactory": "CommandKit.createElement",
+    "jsxFragmentFactory": "CommandKit.Fragment"
   },
   "include": ["src"],
   "exclude": ["dist", "node_modules", ".commandkit"]

package/templates/JavaScript/{cjs → legacy/cjs}/src/index.js

@@ -1,4 +1,4 @@
-require('dotenv/config');
+process.loadEnvFile();
 
 const { Client, IntentsBitField } = require('discord.js');
 const { CommandKit } = require('commandkit');
@@ -13,10 +13,10 @@ const client = new Client({
   ],
 });
 
-new CommandKit({
+const commandkit = new CommandKit({
   client,
   eventsPath: join(__dirname, 'events'),
   commandsPath: join(__dirname, 'commands'),
 });
 
-client.login(process.env.TOKEN);
+commandkit.start(process.env.DISCORD_TOKEN);

package/templates/JavaScript/legacy/esm/commandkit.mjs

@@ -0,0 +1,6 @@
+import { defineConfig } from 'commandkit';
+
+export default defineConfig({
+  src: 'src',
+  main: 'index.js',
+});

package/templates/JavaScript/{esm → legacy/esm}/src/index.js

@@ -1,12 +1,9 @@
-import 'dotenv/config';
+process.loadEnvFile();
 
 import { Client, IntentsBitField } from 'discord.js';
 import { CommandKit } from 'commandkit';
 
-import { join, dirname } from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
+import { join } from 'node:path';
 
 const client = new Client({
   intents: [
@@ -17,10 +14,10 @@ const client = new Client({
   ],
 });
 
-new CommandKit({
+const commandkit = new CommandKit({
   client,
-  eventsPath: join(__dirname, 'events'),
-  commandsPath: join(__dirname, 'commands'),
+  eventsPath: join(import.meta.dirname, 'events'),
+  commandsPath: join(import.meta.dirname, 'commands'),
 });
 
-client.login(process.env.TOKEN);
+await commandkit.start(process.env.DISCORD_TOKEN);

package/templates/TypeScript/app/cjs/README.md

@@ -0,0 +1,10 @@
+# Welcome to CommandKit
+
+> This project was generated by [create-commandkit](https://npmjs.com/package/create-commandkit).
+
+Thanks for choosing CommandKit to build your Discord bot!
+
+## Useful links
+
+-   [Documentation](https://commandkit.dev)
+-   [Discord](https://ctrl.lol/discord)

package/templates/TypeScript/app/cjs/commandkit.mjs

@@ -0,0 +1,6 @@
+import { defineConfig } from 'commandkit';
+
+export default defineConfig({
+  src: 'src',
+  main: 'index.js',
+});

package/templates/TypeScript/app/cjs/src/app/commands/ping/command.ts

@@ -0,0 +1,24 @@
+import { SlashCommandContext, MessageCommandContext } from 'commandkit';
+
+export const command = {
+  name: 'ping',
+  description: "Ping the bot to check if it's online.",
+};
+
+export async function chatInput(ctx: SlashCommandContext) {
+  const { t } = ctx.locale();
+
+  const latency = ctx.client.ws.ping ?? -1;
+  const response = await t('ping_response', { latency });
+
+  await ctx.interaction.reply(response);
+}
+
+export async function message(ctx: MessageCommandContext) {
+  const { t } = ctx.locale();
+
+  const latency = ctx.client.ws.ping ?? -1;
+  const response = await t('ping_response', { latency });
+
+  await ctx.message.reply(response);
+}

package/templates/TypeScript/app/cjs/src/app/events/ready/log.ts

@@ -0,0 +1,5 @@
+import type { Client } from 'discord.js';
+
+export default function log(client: Client<true>) {
+  console.log(`Logged in as ${client.user.username}!`);
+}

package/templates/TypeScript/app/cjs/src/app/locales/en-US/ping.json

@@ -0,0 +1,9 @@
+{
+  "command": {
+    "name": "ping",
+    "description": "Ping the bot to check if it's online."
+  },
+  "response": {
+    "ping_response": "The ping is `{latency}ms`."
+  }
+}

package/templates/TypeScript/app/cjs/src/index.ts

@@ -0,0 +1,19 @@
+process.loadEnvFile();
+
+import { Client, IntentsBitField } from 'discord.js';
+import { CommandKit } from 'commandkit';
+
+const client = new Client({
+  intents: [
+    IntentsBitField.Flags.Guilds,
+    IntentsBitField.Flags.GuildMembers,
+    IntentsBitField.Flags.GuildMessages,
+    IntentsBitField.Flags.MessageContent,
+  ],
+});
+
+const commandkit = new CommandKit({
+  client,
+});
+
+commandkit.start(process.env.DISCORD_TOKEN);

package/templates/TypeScript/app/cjs/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "compilerOptions": {
+    "lib": ["ES2022"],
+    "target": "ES2022",
+    "moduleResolution": "Bundler",
+    "module": "Preserve",
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "noUncheckedIndexedAccess": true,
+    "removeComments": true,
+    "allowJs": true,
+    "strict": true,
+    "noEmit": true,
+    "declaration": false,
+    "jsx": "react",
+    "jsxFactory": "CommandKit.createElement",
+    "jsxFragmentFactory": "CommandKit.Fragment"
+  },
+  "include": ["src"],
+  "exclude": ["dist", "node_modules", ".commandkit"]
+}

package/templates/TypeScript/app/esm/README.md

@@ -0,0 +1,10 @@
+# Welcome to CommandKit
+
+> This project was generated by [create-commandkit](https://npmjs.com/package/create-commandkit).
+
+Thanks for choosing CommandKit to build your Discord bot!
+
+## Useful links
+
+-   [Documentation](https://commandkit.dev)
+-   [Discord](https://ctrl.lol/discord)

package/templates/TypeScript/app/esm/commandkit.mjs

@@ -0,0 +1,6 @@
+import { defineConfig } from 'commandkit';
+
+export default defineConfig({
+  src: 'src',
+  main: 'index.js',
+});

package/templates/TypeScript/app/esm/src/app/commands/ping/command.ts

@@ -0,0 +1,24 @@
+import { SlashCommandContext, MessageCommandContext } from 'commandkit';
+
+export const command = {
+  name: 'ping',
+  description: "Ping the bot to check if it's online.",
+};
+
+export async function chatInput(ctx: SlashCommandContext) {
+  const { t } = ctx.locale();
+
+  const latency = ctx.client.ws.ping ?? -1;
+  const response = await t('ping_response', { latency });
+
+  await ctx.interaction.reply(response);
+}
+
+export async function message(ctx: MessageCommandContext) {
+  const { t } = ctx.locale();
+
+  const latency = ctx.client.ws.ping ?? -1;
+  const response = await t('ping_response', { latency });
+
+  await ctx.message.reply(response);
+}

package/templates/TypeScript/app/esm/src/app/events/ready/log.ts

@@ -0,0 +1,5 @@
+import type { Client } from 'discord.js';
+
+export default function log(client: Client<true>) {
+  console.log(`Logged in as ${client.user.username}!`);
+}

package/templates/TypeScript/app/esm/src/app/locales/en-US/ping.json

@@ -0,0 +1,9 @@
+{
+  "command": {
+    "name": "ping",
+    "description": "Ping the bot to check if it's online."
+  },
+  "response": {
+    "ping_response": "The ping is `{latency}ms`."
+  }
+}

package/templates/TypeScript/app/esm/src/index.ts

@@ -0,0 +1,19 @@
+process.loadEnvFile();
+
+import { Client, IntentsBitField } from 'discord.js';
+import { CommandKit } from 'commandkit';
+
+const client = new Client({
+  intents: [
+    IntentsBitField.Flags.Guilds,
+    IntentsBitField.Flags.GuildMembers,
+    IntentsBitField.Flags.GuildMessages,
+    IntentsBitField.Flags.MessageContent,
+  ],
+});
+
+const commandkit = new CommandKit({
+  client,
+});
+
+await commandkit.start(process.env.DISCORD_TOKEN);

package/templates/TypeScript/app/esm/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "compilerOptions": {
+    "lib": ["ES2022"],
+    "target": "ES2022",
+    "moduleResolution": "Bundler",
+    "module": "Preserve",
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "noUncheckedIndexedAccess": true,
+    "removeComments": true,
+    "allowJs": true,
+    "strict": true,
+    "noEmit": true,
+    "declaration": false,
+    "jsx": "react",
+    "jsxFactory": "CommandKit.createElement",
+    "jsxFragmentFactory": "CommandKit.Fragment"
+  },
+  "include": ["src"],
+  "exclude": ["dist", "node_modules", ".commandkit"]
+}

package/templates/TypeScript/legacy/cjs/README.md

@@ -0,0 +1,10 @@
+# Welcome to CommandKit
+
+> This project was generated by [create-commandkit](https://npmjs.com/package/create-commandkit).
+
+Thanks for choosing CommandKit to build your Discord bot!
+
+## Useful links
+
+-   [Documentation](https://commandkit.dev)
+-   [Discord](https://ctrl.lol/discord)

package/templates/TypeScript/{cjs → legacy/cjs}/src/index.ts

@@ -1,4 +1,4 @@
-import 'dotenv/config';
+process.loadEnvFile();
 
 import { Client, IntentsBitField } from 'discord.js';
 import { CommandKit } from 'commandkit';
@@ -13,10 +13,10 @@ const client = new Client({
   ],
 });
 
-new CommandKit({
+const commandkit = new CommandKit({
   client,
   eventsPath: join(__dirname, 'events'),
   commandsPath: join(__dirname, 'commands'),
 });
 
-client.login(process.env.TOKEN);
+commandkit.start(process.env.DISCORD_TOKEN);

package/templates/TypeScript/legacy/cjs/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "compilerOptions": {
+    "lib": ["ES2022"],
+    "target": "ES2022",
+    "moduleResolution": "Bundler",
+    "module": "Preserve",
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "noUncheckedIndexedAccess": true,
+    "removeComments": true,
+    "allowJs": true,
+    "strict": true,
+    "noEmit": true,
+    "declaration": false,
+    "jsx": "react",
+    "jsxFactory": "CommandKit.createElement",
+    "jsxFragmentFactory": "CommandKit.Fragment"
+  },
+  "include": ["src"],
+  "exclude": ["dist", "node_modules", ".commandkit"]
+}

package/templates/TypeScript/legacy/esm/README.md

@@ -0,0 +1,10 @@
+# Welcome to CommandKit
+
+> This project was generated by [create-commandkit](https://npmjs.com/package/create-commandkit).
+
+Thanks for choosing CommandKit to build your Discord bot!
+
+## Useful links
+
+-   [Documentation](https://commandkit.dev)
+-   [Discord](https://ctrl.lol/discord)

package/templates/TypeScript/legacy/esm/commandkit.mjs

@@ -0,0 +1,6 @@
+import { defineConfig } from 'commandkit';
+
+export default defineConfig({
+  src: 'src',
+  main: 'index.js',
+});

package/templates/TypeScript/{esm → legacy/esm}/src/index.ts

@@ -1,12 +1,9 @@
-import 'dotenv/config';
+process.loadEnvFile();
 
 import { Client, IntentsBitField } from 'discord.js';
 import { CommandKit } from 'commandkit';
 
-import { join, dirname } from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
+import { join } from 'node:path';
 
 const client = new Client({
   intents: [
@@ -17,10 +14,10 @@ const client = new Client({
   ],
 });
 
-new CommandKit({
+const commandkit = new CommandKit({
   client,
-  eventsPath: join(__dirname, 'events'),
-  commandsPath: join(__dirname, 'commands'),
+  eventsPath: join(import.meta.dirname, 'events'),
+  commandsPath: join(import.meta.dirname, 'commands'),
 });
 
-client.login(process.env.TOKEN);
+await commandkit.start(process.env.DISCORD_TOKEN);

package/templates/TypeScript/legacy/esm/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "compilerOptions": {
+    "lib": ["ES2022"],
+    "target": "ES2022",
+    "moduleResolution": "Bundler",
+    "module": "Preserve",
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "noUncheckedIndexedAccess": true,
+    "removeComments": true,
+    "allowJs": true,
+    "strict": true,
+    "noEmit": true,
+    "declaration": false,
+    "jsx": "react",
+    "jsxFactory": "CommandKit.createElement",
+    "jsxFragmentFactory": "CommandKit.Fragment"
+  },
+  "include": ["src"],
+  "exclude": ["dist", "node_modules", ".commandkit"]
+}