feat: working i18n!

package.json

@@ -12,7 +12,7 @@
 		"build": "yarn build:clean && yarn compile",
 		"build:production": "yarn build:clean && yarn format:check && yarn lint && yarn compile",
 		"build:clean": "rm -rvf ./build/",
-		"compile": "npx sucrase src -d build --transforms typescript,imports",
+		"compile": "npx sucrase src -d build --transforms typescript,imports && cp -rvf src/languages/ build/",
 		"format": "prettier --write src",
 		"format:check": "prettier --check src",
 		"lint": "eslint src --ext .ts",
@@ -32,6 +32,7 @@
 	"dependencies": {
 		"@sapphire/framework": "^4.2.0",
 		"@sapphire/pieces": "^3.6.3",
+		"@sapphire/plugin-i18next": "^5.0.3",
 		"@sapphire/plugin-logger": "^3.0.1",
 		"@typescript-eslint/eslint-plugin": "latest",
 		"@typescript-eslint/parser": "latest",

src/commands/core/PingCommand.ts

@@ -1,6 +1,8 @@
 import { isMessageInstance } from "@sapphire/discord.js-utilities";
 import { ChatInputCommand, Command, RegisterBehavior } from "@sapphire/framework";
-import { BaseEmbedBuilder } from "../../libraries/structures/components/BaseEmbedBuilder";
+import { BaseEmbedBuilder } from "../../libraries/structures/components";
+import { resolveKey } from "@sapphire/plugin-i18next";
+import { LanguageKeys } from "../../libraries/language";
 
 export class PingCommand extends Command {
 	public constructor(context: Command.Context, options: Command.Options) {
@@ -18,17 +20,28 @@ export class PingCommand extends Command {
 	}
 
 	public async chatInputRun(interaction: Command.ChatInputCommandInteraction) {
-		const msg = await interaction.reply({ content: "> Ping?", ephemeral: false, fetchReply: true });
-		const embed = new BaseEmbedBuilder().isErrorEmbed().setDescription(":(, something went wrong.");
+		const msg = await interaction.reply({
+			content: `> ${await resolveKey(interaction, LanguageKeys.Commands.Ping.PING_WAITING)}`,
+			ephemeral: false,
+			fetchReply: true
+		});
+		const embed = new BaseEmbedBuilder()
+			.isErrorEmbed()
+			.setDescription(await resolveKey(interaction, LanguageKeys.Commands.Ping.PING_FAILED));
 
 		if (isMessageInstance(msg)) {
 			const diff = msg.createdTimestamp - interaction.createdTimestamp;
 			const ping = Math.round(this.container.client.ws.ping);
 
 			embed.isSuccessEmbed(false);
-			embed.setDescription(`**Discord API**: \`${ping}\`ms\n**Websocket**: \`${diff}\`ms`);
+			embed.setDescription(
+				await resolveKey(interaction, LanguageKeys.Commands.Ping.PING_SUCCESS_DESCRIPTION, { ping, diff })
+			);
 
-			return interaction.editReply({ content: "Pong 🏓!", embeds: [embed] });
+			return interaction.editReply({
+				content: `${await resolveKey(interaction, LanguageKeys.Commands.Ping.PING_SUCCESS)}`,
+				embeds: [embed]
+			});
 		}
 
 		return interaction.editReply({ content: "", embeds: [embed] });

src/commands/developer/EvaluateCommand.ts

@@ -1,8 +1,7 @@
 import { ChatInputCommand, Command, RegisterBehavior } from "@sapphire/framework";
-import { BaseEmbedBuilder } from "../../libraries/structures/components/BaseEmbedBuilder";
 import { ComponentType } from "discord.js";
-import { deleteBtn } from "../../libraries/structures/components/Buttons";
 import { clean } from "../../libraries/utils/common/text";
+import { BaseEmbedBuilder, deleteBtn } from "../../libraries/structures/components";
 
 export class EvalCommand extends Command {
 	public constructor(context: Command.Context, options: Command.Options) {

src/config.ts

@@ -1,3 +1,4 @@
+import { InternationalizationContext } from "@sapphire/plugin-i18next";
 import { ClientOptions, GatewayIntentsString } from "discord.js";
 
 /**
@@ -36,5 +37,11 @@ export const CLIENT_OPTIONS: ClientOptions = {
 	defaultCooldown: { delay: 3000 },
 	defaultPrefix: "/",
 	loadMessageCommandListeners: false,
-	enableLoaderTraceLoggings: false
+	enableLoaderTraceLoggings: false,
+	i18n: {
+		// eslint-disable-next-line @typescript-eslint/no-unused-vars
+		fetchLanguage(context: InternationalizationContext) {
+			return "en-US";
+		}
+	}
 };

src/index.ts

@@ -1,7 +1,8 @@
 import "@sapphire/plugin-logger/register";
+import "@sapphire/plugin-i18next/register";
 
 import "dotenv/config";
-import { BaseClient } from "./libraries/structures/BaseClient";
+import { BaseClient } from "./libraries/structures";
 
 const main = (): void => {
 	if (!process.env.DISCORD_TOKEN) {

src/languages/en-US/commands/ping.json

@@ -0,0 +1,6 @@
+{
+	"PING_WAITING": "Ping?",
+	"PING_SUCCESS": "Pong 🏓!",
+	"PING_SUCCESS_DESCRIPTION": "**Discord API**: `{{ping}}`ms\n**Websocket**: `{{diff}}`ms",
+	"PING_FAILED": ":(, something went wrong."
+}

src/languages/en-US/listeners/interactionCreate.json

@@ -0,0 +1,3 @@
+{
+	"USER_BARRED": "You are barred from using this command or the bot."
+}

src/languages/en-US/preconditions.json

@@ -0,0 +1,3 @@
+{
+	"DEVELOPER_ONLY": "This command is only available to developers."
+}

src/libraries/language/index.ts

@@ -0,0 +1 @@
+export * as LanguageKeys from "./keys/index";

src/libraries/language/keys/commands/index.ts

@@ -0,0 +1 @@
+export * as Ping from "./ping";

src/libraries/language/keys/commands/ping.ts

@@ -0,0 +1,4 @@
+export const PING_WAITING = "commands/ping:PING_WAITING";
+export const PING_SUCCESS = "commands/ping:PING_SUCCESS";
+export const PING_SUCCESS_DESCRIPTION = "commands/ping:PING_SUCCESS_DESCRIPTION";
+export const PING_FAILED = "commands/ping:PING_FAILED";

src/libraries/language/keys/index.ts

@@ -0,0 +1,3 @@
+export * as Commands from "./commands";
+export * as Listeners from "./listeners";
+export * as Preconditions from "./preconditions";

src/libraries/language/keys/listeners/index.ts

@@ -0,0 +1 @@
+export * as InteractionCreate from "./interactionCreate";

src/libraries/language/keys/listeners/interactionCreate.ts

@@ -0,0 +1 @@
+export const USER_BARRED = "listeners/interactionCreate:USER_BARRED";

src/libraries/language/keys/preconditions.ts

@@ -0,0 +1 @@
+export const DEVELOPER_ONLY = "preconditions:DEVELOPER_ONLY";

src/libraries/structures/components/index.ts

@@ -0,0 +1,2 @@
+export * from "./Buttons";
+export * from "./BaseEmbedBuilder";

src/libraries/structures/index.ts

@@ -0,0 +1 @@
+export * from "./BaseClient";

src/listeners/interaction/InteractionCreateListener.ts

@@ -1,7 +1,9 @@
 import { Listener } from "@sapphire/framework";
 import { BaseInteraction, Events } from "discord.js";
 import { parsers } from "../../libraries/utils";
-import { BaseEmbedBuilder } from "../../libraries/structures/components/BaseEmbedBuilder";
+import { BaseEmbedBuilder } from "../../libraries/structures/components";
+import { resolveKey } from "@sapphire/plugin-i18next";
+import { LanguageKeys } from "../../libraries/language";
 
 export class InteractionCreateListener extends Listener {
 	public constructor(ctx: Listener.Context) {
@@ -11,14 +13,14 @@ export class InteractionCreateListener extends Listener {
 		});
 	}
 
-	public run(interaction: BaseInteraction) {
+	public async run(interaction: BaseInteraction) {
 		if (!interaction.isChatInputCommand()) return;
 
 		const barredUsers = parsers.parseBarredUserIDByFile(`${process.cwd()}/public/barredUsers.txt`);
 		if (barredUsers.includes(interaction.user.id)) {
 			const embed = new BaseEmbedBuilder()
 				.isErrorEmbed()
-				.setDescription("You are barred from using this command.");
+				.setDescription(await resolveKey(interaction, LanguageKeys.Listeners.InteractionCreate.USER_BARRED));
 
 			return interaction.reply({ content: "", embeds: [embed] });
 		}

src/preconditions/DeveloperOnlyPrecondition.ts

@@ -1,18 +1,23 @@
 import { Command, Precondition } from "@sapphire/framework";
 import { DEV_USER_IDS } from "../config";
+import { resolveKey } from "@sapphire/plugin-i18next";
+import { LanguageKeys } from "../libraries/language";
 
 export class DeveloperOnlyPrecondition extends Precondition {
 	public chatInputRun(interaction: Command.ChatInputCommandInteraction) {
-		return this.checkDev(interaction.user.id);
+		return this.checkDev(interaction, interaction.user.id);
 	}
 
 	public contextMenuRun(interaction: Command.ContextMenuCommandInteraction) {
-		return this.checkDev(interaction.user.id);
+		return this.checkDev(interaction, interaction.user.id);
 	}
 
-	checkDev(userId: string) {
+	async checkDev(
+		interaction: Command.ChatInputCommandInteraction | Command.ContextMenuCommandInteraction,
+		userId: string
+	) {
 		return DEV_USER_IDS.includes(userId)
 			? this.ok()
-			: this.error({ message: "You are not allowed to use this command." });
+			: this.error({ message: `${await resolveKey(interaction, LanguageKeys.Preconditions.DEVELOPER_ONLY)}` });
 	}
 }

tsconfig.json

@@ -20,7 +20,9 @@
 		".git/",
 		".github/",
 		".vscode/",
-		"dist/"
+		"build/"
 	],
-	"include": [ "src/**/*" ]
+	"include": [
+		"src/**/*"
+	]
 }