chore: update dependencies and some code (#382)

.devcontainer/bot/Dockerfile

@@ -4,7 +4,8 @@
 # If you need more help, visit the Dockerfile reference guide at
 # https://docs.docker.com/engine/reference/builder/
 
-ARG NODE_MAJOR_VERSION=21
+ARG NODE_MAJOR_VERSION=22
+# Necessary to run "pnpm install" when the Dev Container has started.
 ARG PNPM_MAJOR_VERSION=8
 
 FROM node:${NODE_MAJOR_VERSION}-alpine as base

.github/workflows/build.yml

@@ -9,12 +9,12 @@ jobs:
  runs-on: ubuntu-latest
  strategy:
  matrix:
- node-version: [21]
+ node-version: [22]
  steps:
  - uses: actions/checkout@v3
  - uses: pnpm/action-setup@v3
  with:
- version: 8
+ version: 9
  - name: Use Node.js ${{ matrix.node-version }}
  uses: actions/setup-node@v3
  with:

.github/workflows/eslint.yml

@@ -9,12 +9,12 @@ jobs:
  runs-on: ubuntu-latest
  strategy:
  matrix:
- node-version: [21]
+ node-version: [22]
  steps:
  - uses: actions/checkout@v3
  - uses: pnpm/action-setup@v3
  with:
- version: 8
+ version: 9
  - name: Use Node.js ${{ matrix.node-version }}
  uses: actions/setup-node@v3
  with:

.github/workflows/format.yml

@@ -9,12 +9,12 @@ jobs:
  runs-on: ubuntu-latest
  strategy:
  matrix:
- node-version: [21]
+ node-version: [22]
  steps:
  - uses: actions/checkout@v3
  - uses: pnpm/action-setup@v3
  with:
- version: 8
+ version: 9
  - name: Use Node.js ${{ matrix.node-version }}
  uses: actions/setup-node@v3
  with:

.github/workflows/test.yml

@@ -9,12 +9,12 @@ jobs:
  runs-on: ubuntu-latest
  strategy:
  matrix:
- node-version: [21]
+ node-version: [22]
  steps:
  - uses: actions/checkout@v3
  - uses: pnpm/action-setup@v3
  with:
- version: 8
+ version: 9
  - name: Use Node.js ${{ matrix.node-version }}
  uses: actions/setup-node@v3
  with:

apps/bot/.eslintrc.cjs

@@ -10,4 +10,7 @@ module.exports = {
  parserOptions: {
  project: [join(__dirname, './tsconfig.json')],
  },
+ rules: {
+ 'unicorn/no-anonymous-default-export': 'off',
+ },
 };

apps/bot/Dockerfile

@@ -7,8 +7,8 @@
 # This problem has caused pain: https://github.com/pnpm/pnpm/issues/6088
 # The solution? Do not use dependenciesMeta.injected (until further notice).
 
-ARG NODE_MAJOR_VERSION=21
-ARG PNPM_MAJOR_VERSION=8
+ARG NODE_MAJOR_VERSION=22
+ARG PNPM_MAJOR_VERSION=9
 ARG TURBO_MAJOR_VERSION=1
 
 FROM node:${NODE_MAJOR_VERSION}-alpine as base

apps/bot/package.json

@@ -16,12 +16,12 @@
  "@ticketer/djs-framework": "workspace:*",
  "@ticketer/env": "workspace:*",
  "chalk": "^5.3.0",
- "discord.js": "^14.14.1",
+ "discord.js": "^14.15.2",
  "tsx": "^3.13.0",
  "typesafe-i18n": "^5.26.2"
  },
  "devDependencies": {
  "@ticketer/eslint-config": "workspace:*",
- "@types/node": "^20.11.28"
+ "@types/node": "^20.12.8"
  }
 }

apps/bot/src/bot.ts

@@ -1,8 +1,8 @@
 import { GatewayIntentBits, Options } from 'discord.js';
-import { dirname, resolve } from 'node:path';
 import { Client } from '@ticketer/djs-framework';
 import { environment } from '@ticketer/env/bot';
 import { fileURLToPath } from 'node:url';
+import path from 'node:path';
 
 const interval = 60;
 const filter = () => () => true;
@@ -23,9 +23,9 @@ const client = new Client({
  },
 });
 
-const currentDirectory = dirname(fileURLToPath(import.meta.url));
-const eventsFolder = resolve(currentDirectory, './events');
-const commandsFolder = resolve(currentDirectory, './commands');
+const currentDirectory = path.dirname(fileURLToPath(import.meta.url));
+const eventsFolder = path.resolve(currentDirectory, './events');
+const commandsFolder = path.resolve(currentDirectory, './commands');
 
 await client.init(eventsFolder, commandsFolder);
 

apps/bot/src/commands/staff/configuration-ticket-threads.ts

@@ -304,7 +304,7 @@ export default class extends Command.Interaction {
  .userEmbed(user)
  .setTitle('Updated the Thead Ticket Configuration')
  .setDescription(
- `${user.toString()} updated the amount of active tickets a user may have at once to ${activeTickets}.`,
+ `${user.toString()} updated the amount of active tickets a user may have at once to ${activeTickets.toString()}.`,
  );
 
  return interaction.editReply({ embeds: [embed] });
@@ -472,7 +472,9 @@ export default class extends Command.Interaction {
  const embed = super
  .userEmbed(interaction.user)
  .setTitle('Deleted the Thread Ticket Category')
- .setDescription(`${interaction.user.toString()} deleted the category with the following title: ${title}.`);
+ .setDescription(
+ `${interaction.user.toString()} deleted the category with the following title: ${title ?? 'No Title Found'}.`,
+ );
 
  return interaction.editReply({ embeds: [embed] });
  } catch (error) {
@@ -863,7 +865,9 @@ export class ModalInteraction extends Modal.Interaction {
  embeds: [
  super
  .userEmbedError(user)
- .setDescription(`There are too many categories, you may not have more than ${MAXIMUM_CATEGORY_AMOUNT}.`),
+ .setDescription(
+ `There are too many categories, you may not have more than ${MAXIMUM_CATEGORY_AMOUNT.toString()}.`,
+ ),
  ],
  });
  }

apps/bot/src/commands/staff/configuration-welcome-farewell.ts

@@ -303,11 +303,12 @@ export class ComponentInteraction extends Component.Interaction {
  private async welcomeAndFarewellConfigurationChannel({ interaction }: Component.Context<'channel'>) {
  const { channels, customId: id, guildId, user } = interaction;
  const { customId } = super.extractCustomId(id);
- const channel = channels.at(0);
+ // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+ const channel = channels.at(0)!;
 
  const type = customId.includes('welcome') ? 'welcome' : 'farewell';
  const channelDatabaseValue: InsertWithoutGuildId =
- type === 'welcome' ? { welcomeChannelId: channel?.id } : { farewellChannelId: channel?.id };
+ type === 'welcome' ? { welcomeChannelId: channel.id } : { farewellChannelId: channel.id };
 
  await database
  .insert(welcomeAndFarewell)
@@ -319,7 +320,7 @@ export class ComponentInteraction extends Component.Interaction {
  const embed = super
  .userEmbed(user)
  .setTitle('Updated the Welcome/Farewell Configuration')
- .setDescription(`${user.toString()} updated the ${type} channel to ${channel?.toString()}`);
+ .setDescription(`${user.toString()} updated the ${type} channel to ${channel.toString()}`);
 
  return interaction.editReply({ embeds: [embed], components: [] });
  }

apps/bot/src/commands/thread-ticketing/show-tickets.ts

@@ -70,12 +70,12 @@ async function viewTickets(
 
  const components = messageWithPagination({
  previous: {
- customId: this.customId('ticket_threads_categories_view_tickets_previous', `${page}_${state ?? ''}`),
+ customId: this.customId('ticket_threads_categories_view_tickets_previous', `${page.toString()}_${state ?? ''}`),
  disabled: page === 0,
  label: translations.buttons.previous.label(),
  },
  next: {
- customId: this.customId('ticket_threads_categories_view_tickets_next', `${page}_${state ?? ''}`),
+ customId: this.customId('ticket_threads_categories_view_tickets_next', `${page.toString()}_${state ?? ''}`),
  disabled: tickets.length < PAGE_SIZE,
  label: translations.buttons.next.label(),
  },

apps/bot/src/commands/thread-ticketing/view-category-tickets.ts

@@ -82,18 +82,21 @@ async function viewCategoryTickets(
  );
  const components = messageWithPagination({
  previous: {
- customId: this.customId('ticket_threads_categories_view_category_previous', `${page}_${categoryId ?? ''}`),
+ customId: this.customId(
+ 'ticket_threads_categories_view_category_previous',
+ `${page.toString()}_${categoryId ?? ''}`,
+ ),
  disabled: page === 0,
  },
  next: {
- customId: this.customId('ticket_threads_categories_view_category_next', `${page}_${categoryId ?? ''}`),
+ customId: this.customId('ticket_threads_categories_view_category_next', `${page.toString()}_${categoryId ?? ''}`),
  disabled: tickets.length < PAGE_SIZE,
  },
  });
 
  return interaction.editReply({
  components,
- content: `Total amount of tickets in the server: ${globalAmount ?? 0}.`,
+ content: `Total amount of tickets in the server: ${String(globalAmount ?? 0)}.`,
  embeds,
  });
 }

apps/bot/src/commands/thread-ticketing/view-global-tickets.ts

@@ -68,18 +68,18 @@ async function viewGlobalTickets(
  );
  const components = messageWithPagination({
  previous: {
- customId: this.customId('ticket_threads_categories_view_global_previous', `${page}_${state ?? ''}`),
+ customId: this.customId('ticket_threads_categories_view_global_previous', `${page.toString()}_${state ?? ''}`),
  disabled: page === 0,
  },
  next: {
- customId: this.customId('ticket_threads_categories_view_global_next', `${page}_${state ?? ''}`),
+ customId: this.customId('ticket_threads_categories_view_global_next', `${page.toString()}_${state ?? ''}`),
  disabled: tickets.length < PAGE_SIZE,
  },
  });
 
  return interaction.editReply({
  components,
- content: `Total amount of tickets in the server: ${globalAmount ?? 0}.`,
+ content: `Total amount of tickets in the server: ${String(globalAmount ?? 0)}.`,
  embeds,
  });
 }

apps/bot/src/commands/utility/bot-stats.ts

@@ -96,9 +96,9 @@ export default class extends Command.Interaction {
  const shardsStatsAsString = shardsStats.reduce((accumulator, shard, index) => {
  let value = `# Shard ${index.toLocaleString()}\n\n`;
  value += `* Ping: ${shard.ping.toLocaleString()} ms\n`;
- value += `* RAM Usage: ${shard.ramInMegabytes} MB\n`;
+ value += `* RAM Usage: ${shard.ramInMegabytes.toString()} MB\n`;
  value += `* Servers: ${shard.servers.toLocaleString()}\n`;
- value += `* Status: ${Status[shard.status]}\n`;
+ value += `* Status: ${Status[shard.status].toString()}\n`;
  value += `* Up Since: ${shard.uptime ? formatDateLong(new Date(Date.now() - shard.uptime)) : 'Unknown'}\n`;
  value += `* Users: ${shard.users.toLocaleString()}\n\n`;
 

apps/bot/src/deploy.ts

@@ -1,17 +1,17 @@
-import { dirname, resolve } from 'node:path';
 import { Client } from '@ticketer/djs-framework';
 import chalk from 'chalk';
 import { environment } from '@ticketer/env/bot';
 import { exit } from 'node:process';
 import { fileURLToPath } from 'node:url';
+import path from 'node:path';
 
 const client = new Client({
  intents: [],
 });
 
-const currentDirectory = dirname(fileURLToPath(import.meta.url));
-const eventsFolder = resolve(currentDirectory, './events');
-const commandsFolder = resolve(currentDirectory, './commands');
+const currentDirectory = path.dirname(fileURLToPath(import.meta.url));
+const eventsFolder = path.resolve(currentDirectory, './events');
+const commandsFolder = path.resolve(currentDirectory, './commands');
 
 await client.init(eventsFolder, commandsFolder);
 

apps/bot/src/events/client/ClientReady.ts

@@ -10,14 +10,14 @@ export default class extends Event.Handler {
  @LogExceptions
  public execute([client]: Event.ArgumentsOf<this['name']>) {
  client.user.setPresence({
- activities: [{ name: `Playing 🏌️‍♂️ | Shard #${client.shard?.ids.at(0) ?? 0}`, type: ActivityType.Custom }],
+ activities: [{ name: `Playing 🏌️‍♂️ | Shard #${String(client.shard?.ids.at(0) ?? 0)}`, type: ActivityType.Custom }],
  status: PresenceUpdateStatus.Online,
  });
 
  console.log(
  chalk.blue('[Client]'),
  `Logged in as ${chalk.blueBright(client.user.tag)} on ${formatDateLong(new Date())} on`,
- chalk.yellow(`shard #${client.shard?.ids.at(0)}.`),
+ chalk.yellow(`shard #${String(client.shard?.ids.at(0) ?? 0)}.`),
  );
  }
 }

apps/bot/src/index.ts

@@ -1,12 +1,12 @@
-import { dirname, resolve } from 'node:path';
 import { ShardingManager } from 'discord.js';
 import chalk from 'chalk';
 import { environment } from '@ticketer/env/bot';
 import { fileURLToPath } from 'node:url';
 import { formatDateLong } from '@/utils';
+import path from 'node:path';
 
-const currentDirectory = dirname(fileURLToPath(import.meta.url));
-const botFilePath = resolve(currentDirectory, './bot.ts');
+const currentDirectory = path.dirname(fileURLToPath(import.meta.url));
+const botFilePath = path.resolve(currentDirectory, './bot.ts');
 
 // https://github.com/esbuild-kit/tsx/issues/354
 const sharder = new ShardingManager(botFilePath, {
@@ -19,11 +19,11 @@ sharder.on('shardCreate', (shard) => {
  console.log(
  chalk.green('[Sharding]'),
  'Created',
- chalk.yellow(`shard #${shard.id}`),
+ chalk.yellow(`shard #${shard.id.toString()}`),
  `on ${formatDateLong(new Date())}.`,
  );
  shard.once('ready', () => {
- console.log(chalk.yellow(`[Shard #${shard.id}]`), 'This shard has become ready.');
+ console.log(chalk.yellow(`[Shard #${shard.id.toString()}]`), 'This shard has become ready.');
  });
 });
 

apps/bot/src/utils/thread-ticketing/ticketModal.ts

@@ -40,7 +40,10 @@ export function ticketModal(this: BaseInteraction.Interaction, { categoryId, loc
 
  return new ModalBuilder()
  .setCustomId(
- this.customId('ticket_threads_categories_create_ticket', userId ? `${categoryId}_${userId}` : categoryId),
+ this.customId(
+ 'ticket_threads_categories_create_ticket',
+ userId ? `${categoryId.toString()}_${userId}` : categoryId,
+ ),
  )
  .setTitle(translations.modalTitle())
  .setComponents(titleRow, descriptionRow);

apps/bot/src/utils/thread-ticketing/viewUserTickets.ts

@@ -68,11 +68,11 @@ export async function viewUserTickets(
  );
  const components = messageWithPagination({
  previous: {
- customId: this.customId('ticket_threads_categories_view_user_previous', `${page}_${user.id}`),
+ customId: this.customId('ticket_threads_categories_view_user_previous', `${page.toString()}_${user.id}`),
  disabled: page === 0,
  },
  next: {
- customId: this.customId('ticket_threads_categories_view_user_next', `${page}_${user.id}`),
+ customId: this.customId('ticket_threads_categories_view_user_next', `${page.toString()}_${user.id}`),
  disabled: tickets.length < PAGE_SIZE,
  },
  });
@@ -82,7 +82,7 @@ export async function viewUserTickets(
  parse: [],
  },
  components,
- content: `Total amount of tickets by ${user.toString()} in the server: ${globalAmount ?? 0}.`,
+ content: `Total amount of tickets by ${user.toString()} in the server: ${String(globalAmount ?? 0)}.`,
  embeds,
  });
 }

apps/website/package.json

@@ -17,25 +17,25 @@
  "@radix-ui/react-tooltip": "^1.0.7",
  "@vercel/analytics": "^1.2.2",
  "class-variance-authority": "^0.7.0",
- "clsx": "^2.1.0",
- "lucide-react": "^0.358.0",
- "next": "14.1.3",
+ "clsx": "^2.1.1",
+ "lucide-react": "^0.378.0",
+ "next": "14.2.3",
  "next-themes": "^0.3.0",
- "react": "^18.2.0",
- "react-dom": "^18.2.0",
- "tailwind-merge": "^2.2.2",
+ "react": "^18.3.1",
+ "react-dom": "^18.3.1",
+ "tailwind-merge": "^2.3.0",
  "tailwindcss-animate": "^1.0.7"
  },
  "devDependencies": {
  "@ticketer/eslint-config": "workspace:*",
- "@types/node": "^20.11.28",
- "@types/react": "^18.2.66",
- "@types/react-dom": "^18.2.22",
- "autoprefixer": "^10.4.18",
+ "@types/node": "^20.12.8",
+ "@types/react": "^18.3.1",
+ "@types/react-dom": "^18.3.0",
+ "autoprefixer": "^10.4.19",
  "eslint": "^8.57.0",
- "eslint-config-next": "14.1.3",
- "postcss": "^8.4.35",
- "tailwindcss": "^3.4.1",
- "typescript": "^5.4.2"
+ "eslint-config-next": "14.2.3",
+ "postcss": "^8.4.38",
+ "tailwindcss": "^3.4.3",
+ "typescript": "^5.4.5"
  }
 }