feat: i18n wip

Author: twlite

apps/test-bot/commandkit.config.ts

@@ -1,6 +1,7 @@
 import { defineConfig } from 'commandkit';
 import { legacy } from '@commandkit/legacy';
+import { i18n } from '@commandkit/i18n';
 
 export default defineConfig({
-  plugins: [legacy({ skipBuiltInValidations: true })],
+  plugins: [i18n(), legacy({ skipBuiltInValidations: true })],
 });

apps/test-bot/package.json

@@ -11,6 +11,7 @@
   "dependencies": {
     "commandkit": "workspace:*",
     "@commandkit/devtools": "workspace:*",
+    "@commandkit/i18n": "workspace:*",
     "@commandkit/legacy": "workspace:*",
     "discord.js": "^14.17.3",
     "dotenv": "^16.4.7"

apps/test-bot/src/app/commands/(general)/avatar.ts

@@ -20,10 +20,14 @@ export const command = {
 export async function userContextMenu(ctx: UserContextMenuCommandContext) {
   const target = ctx.interaction.targetUser;
 
+  const { t } = ctx.locale();
+
   await ctx.interaction.reply({
     embeds: [
       {
-        title: `${target.username}'s Avatar`,
+        title: t('avatar', {
+          user: target.username,
+        }),
         image: {
           url: target.displayAvatarURL({ size: 2048 }),
         },
@@ -35,11 +39,14 @@ export async function userContextMenu(ctx: UserContextMenuCommandContext) {
 
 export async function chatInput(ctx: SlashCommandContext) {
   const user = ctx.options.getUser('user') ?? ctx.interaction.user;
+  const { t } = ctx.locale();
 
   await ctx.interaction.reply({
     embeds: [
       {
-        title: `${user.username}'s Avatar`,
+        title: t('avatar', {
+          user: user.username,
+        }),
         image: {
           url: user.displayAvatarURL({ size: 2048 }),
         },
@@ -51,11 +58,14 @@ export async function chatInput(ctx: SlashCommandContext) {
 
 export async function message(ctx: MessageCommandContext) {
   const user = ctx.options.getUser('user') ?? ctx.message.author;
+  const { t } = ctx.locale();
 
   await ctx.message.reply({
     embeds: [
       {
-        title: `${user.username}'s Avatar`,
+        title: t('avatar', {
+          user: user.username,
+        }),
         image: {
           url: user.displayAvatarURL({ size: 2048 }),
         },

apps/test-bot/src/app/locales/en-US/avatar.json

@@ -0,0 +1,13 @@
+export default {
+  $command: {
+    name: 'avatar',
+    description: 'This is an avatar command.',
+    options: [
+      {
+        name: 'user',
+        description: 'The user to get the avatar for.',
+      },
+    ],
+  },
+  avatar: "{{user}}'s avatar",
+};

apps/test-bot/src/app/locales/en-US/avatar.ts

@@ -0,0 +1,13 @@
+export default {
+  $command: {
+    name: 'avatar',
+    description: "C'est une commande pour afficher l'avatar.",
+    options: [
+      {
+        name: 'user',
+        description: "L'utilisateur dont vous souhaitez voir l'avatar.",
+      },
+    ],
+  },
+  avatar: 'Avatar de {{user}}',
+};