feat: begin rewriting site for next 15

.vscode/settings.json

@@ -12,25 +12,10 @@
     "**/.turbo/**": true,
     "**/.pnpm-store/**": true
   },
-  "[handlebars]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[css]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[json]": {
-    "editor.defaultFormatter": "vscode.json-language-features"
-  },
-  "[jsonc]": {
-    "editor.defaultFormatter": "vscode.json-language-features"
-  },
-  "[typescriptreact]": {
-    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
-  },
-  "[typescript]": {
+  "[js][ts][tsx]": {
     "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   },
-  "[scss]": {
+  "[handlebars][json][jsonc][css][scss]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "i18n-ally.localesPaths": [
@@ -45,8 +30,11 @@
   "todo-tree.tree.scanMode": "workspace only",
   "testing.automaticallyOpenPeekView": "never",
   "[rust]": {
-    "editor.defaultFormatter": "rust-lang.rust-analyzer",
+    "editor.defaultFormatter": "rust-lang.rust-analyzer"
   },
-  // Uncomment this for working with skin-renderer and WASM
-  // "rust-analyzer.cargo.target": "wasm32-unknown-unknown"
+  "tailwindCSS.classAttributes": [
+    "className",
+    "containerClass",
+    "contentClass"
+  ]
 }

apps/api/eslint.config.js

@@ -6,4 +6,6 @@
  * https://github.com/Statsify/statsify/blob/main/LICENSE
  */
 
-export { default } from "../../eslint.config.js";
+import { defineConfig } from "../../eslint.config.js";
+
+export default defineConfig({ tsconfigDirName: import.meta.dirname });

apps/api/src/app.module.ts

@@ -20,18 +20,21 @@ import { TypegooseModule } from "@m8a/nestjs-typegoose";
 import { UserModule } from "#user";
 import { config } from "@statsify/util";
 
+const mongoUri = await config("database.mongoUri");
+const redisUrl = await config("database.redisUrl");
+
 @Module({
   imports: [
     TypegooseModule.forRootAsync({
       useFactory: () => ({
-        uri: config("database.mongoUri"),
+        uri: mongoUri,
         maxPoolSize: 200,
         minPoolSize: 20,
       }),
     }),
     RedisModule.forRoot({
       config: {
-        url: config("database.redisUrl"),
+        url: redisUrl,
       },
     }),
     PlayerModule,

apps/api/src/auth/auth.guard.ts

@@ -26,7 +26,7 @@ export class AuthGuard implements CanActivate {
   ) {}
 
   public async canActivate(context: ExecutionContext): Promise<boolean> {
-    if (config("api.ignoreAuth", { required: false })) {
+    if (await config("api.ignoreAuth", { required: false })) {
       return true;
     }
 

apps/api/src/guild/guild.service.ts

@@ -96,7 +96,7 @@ export class GuildService {
       // Add all the days to the guild total exp history
       Object.entries(combinedExpHistory)
         .sort()
-        .reverse()
+        .toReversed()
         .slice(0, 30)
         .forEach(([day, exp], index) => {
           member.expHistory[index] = exp;
@@ -113,16 +113,14 @@ export class GuildService {
     guild.members = await Promise.all(fetchMembers);
 
     await this.playerModel
-      .updateMany({ guildId: guild.id })
-      .where("uuid")
-      .in(requireGuildId)
+      .updateMany({ $in: { uuid: requireGuildId } }, { guildId: guild.id })
       .lean()
       .exec();
 
     // Get scaled gexp
     Object.entries(guildExpHistory)
       .sort()
-      .reverse()
+      .toReversed()
       .slice(0, 30)
       .forEach(([day, exp], index) => {
         const scaled = this.scaleGexp(exp);

apps/api/src/hypixel/hypixel.module.ts

@@ -16,10 +16,10 @@ import { config } from "@statsify/util";
     HttpModule.register({
       baseURL: "https://api.hypixel.net/",
       headers: {
-        "API-Key": config("hypixelApi.key"),
+        "API-Key": await config("hypixelApi.key"),
         "accept-encoding": "*",
       },
-      timeout: config("hypixelApi.timeout", { default: 5000 }),
+      timeout: await config("hypixelApi.timeout", { default: 5000 }),
     }),
   ],
   providers: [HypixelService],

apps/api/src/index.ts

@@ -8,7 +8,7 @@
 
 import * as Sentry from "@sentry/node";
 import handlebars from "handlebars";
-import packageJson from "../package.json" assert { type: "json" };
+import packageJson from "../package.json" with { type: "json" };
 import { AppModule } from "./app.module.js";
 import { DocumentBuilder, SwaggerModule } from "@nestjs/swagger";
 import { FastifyAdapter, NestFastifyApplication } from "@nestjs/platform-fastify";
@@ -30,7 +30,7 @@ const handleError = logger.error.bind(logger);
 process.on("uncaughtException", handleError);
 process.on("unhandledRejection", handleError);
 
-const sentryDsn = config("sentry.apiDsn", { required: false });
+const sentryDsn = await config("sentry.apiDsn", { required: false });
 
 if (sentryDsn) {
   Sentry.init({
@@ -40,12 +40,14 @@ if (sentryDsn) {
       new Sentry.Integrations.Mongo({ useMongoose: true }),
     ],
     normalizeDepth: 3,
-    tracesSampleRate: config("sentry.tracesSampleRate"),
-    environment: config("environment"),
+    tracesSampleRate: await config("sentry.tracesSampleRate"),
+    environment: await config("environment"),
   });
 }
 
-await mkdir(join(config("api.mediaRoot"), "badges"), { recursive: true });
+const mediaRoot = await config("api.mediaRoot");
+
+await mkdir(join(mediaRoot, "badges"), { recursive: true });
 
 // Removes the `_id` fields created from sub classes of documents
 setGlobalOptions({
@@ -96,4 +98,4 @@ const document = SwaggerModule.createDocument(app, redoc);
 
 SwaggerModule.setup("swagger", app, document);
 
-await app.listen(config("api.port"));
+await app.listen(await config("api.port"));

apps/api/src/user/user.service.ts

@@ -14,6 +14,8 @@ import { getLogoPath } from "@statsify/assets";
 import { readFile, rm, writeFile } from "node:fs/promises";
 import type { ReturnModelType } from "@typegoose/typegoose";
 
+const mediaRoute = await config("api.mediaRoot");
+
 @Injectable()
 export class UserService {
   public constructor(
@@ -149,6 +151,6 @@ export class UserService {
   }
 
   private getBadgePath(id: string) {
-    return `${config("api.mediaRoot")}/badges/${id}.png`;
+    return `${mediaRoute}/badges/${id}.png`;
   }
 }

apps/discord-bot/eslint.config.js

@@ -6,4 +6,6 @@
  * https://github.com/Statsify/statsify/blob/main/LICENSE
  */
 
-export { default } from "../../eslint.config.js";
+import { defineConfig } from "../../eslint.config.js";
+
+export default defineConfig({ tsconfigDirName: import.meta.dirname });

apps/discord-bot/src/commands/duels/tables/titles.table.tsx

@@ -18,7 +18,7 @@ interface TitlesTableProps {
   modeIcons: DuelsModeIcons;
 }
 
-function ModeTitle({ icon, title, wins, t }: { icon: Image; title: string;wins: number;t: LocalizeFunction }) {
+function ModeTitle({ icon, title, wins, t }: { icon: Image; title: string; wins: number; t: LocalizeFunction }) {
   return (
     <box width="100%" padding={{ left: 8, right: 8, top: 4, bottom: 4 }}>
       <img image={icon} width={32} height={32} />

apps/discord-bot/src/commands/gtbhelper/find-solutions.ts

@@ -6,7 +6,7 @@
  * https://github.com/Statsify/statsify/blob/main/LICENSE
  */
 
-import words from "../../../words.json" assert { type: "json" };
+import words from "../../../words.json" with { type: "json" };
 
 export const findSolutions = (hint: string, limit?: number) => {
   hint = hint.toLowerCase().replaceAll("_", "?");

apps/discord-bot/src/commands/info/invite.command.ts

@@ -16,14 +16,16 @@ import { readFile } from "node:fs/promises";
 @Command({ description: (t) => t("commands.invite") })
 export class InviteCommand {
   public async run(): Promise<IMessage> {
+    const applicationId = await config("discordBot.applicationId");
+
     const embed = new EmbedBuilder()
       .title((t) => t("embeds.invite.title"))
       .color(STATUS_COLORS.info)
       .description((t) => {
         const description = t("embeds.invite.description");
 
         const links = [
-          `**${t("socials.invite", { id: config("discordBot.applicationId") })}**`,
+          `**${t("socials.invite", { id: applicationId })}**`,
           t("socials.discord"),
           t("socials.premium"),
           t("socials.website"),

apps/discord-bot/src/commands/minecraft/server/server.profile.tsx

@@ -7,7 +7,7 @@
  */
 
 import { Container, Multiline } from "#components";
-import type { Image } from "skia-canvas/lib";
+import type { Image } from "skia-canvas";
 import type { LocalizeFunction } from "@statsify/discord";
 import type { Server } from "./server.util.js";
 

apps/discord-bot/src/commands/unverify.command.ts

@@ -18,8 +18,8 @@ import {
 import { STATUS_COLORS } from "@statsify/logger";
 import { config } from "@statsify/util";
 
-const SUPPORT_BOT_GUILD_ID = config("supportBot.guild");
-const SUPPORT_BOT_MEMBER_ROLE_ID = config("supportBot.memberRole");
+const SUPPORT_BOT_GUILD_ID = await config("supportBot.guild");
+const SUPPORT_BOT_MEMBER_ROLE_ID = await config("supportBot.memberRole");
 
 @Command({ description: (t) => t("commands.unverify"), cooldown: 5 })
 export class UnverifyCommand {

apps/discord-bot/src/commands/verify.command.ts

@@ -28,8 +28,8 @@ import {
 import { STATUS_COLORS } from "@statsify/logger";
 import { config } from "@statsify/util";
 
-const SUPPORT_BOT_GUILD_ID = config("supportBot.guild");
-const SUPPORT_BOT_MEMBER_ROLE_ID = config("supportBot.memberRole");
+const SUPPORT_BOT_GUILD_ID = await config("supportBot.guild");
+const SUPPORT_BOT_MEMBER_ROLE_ID = await config("supportBot.memberRole");
 const VERIFY_VIDEO = "https://www.youtube.com/watch?v=e5tF89tHEsg";
 
 const VERIFY_MODAL = new ModalBuilder()

apps/discord-bot/src/components/GameList.tsx

@@ -13,8 +13,8 @@ import { arrayGroup } from "@statsify/util";
 import type { Box } from "@statsify/rendering";
 
 export type GameEntry =
-  | [GameId, string]
-  | [GameId, string, Box.BoxProps | Box.BoxRenderProps];
+  | [GameId, string] |
+  [GameId, string, Box.BoxProps | Box.BoxRenderProps];
 
 export interface GameListProps {
   gameIcons: Record<GameId, Image>;

apps/discord-bot/src/components/Header/Header.tsx

@@ -41,9 +41,9 @@ interface CustomHeaderBodyProps extends BaseHeaderProps {
 }
 
 export type HeaderProps =
-  | SidebarlessHeaderProps
-  | SidebarHeaderProps
-  | CustomHeaderBodyProps;
+  | SidebarlessHeaderProps |
+  SidebarHeaderProps |
+  CustomHeaderBodyProps;
 
 export const Header = (props: HeaderProps) => {
   const skin = <Skin skin={props.skin} />;

apps/discord-bot/src/components/Header/progression.ts

@@ -46,8 +46,8 @@ interface UnlabeledFormatProgressionOptions extends BaseFormatProgressionOptions
 }
 
 export type FormatProgressionOptions =
-  | LabeledFormatProgressionOptions
-  | UnlabeledFormatProgressionOptions;
+  | LabeledFormatProgressionOptions |
+  UnlabeledFormatProgressionOptions;
 
 export const formatProgression = ({
   t,

apps/discord-bot/src/constants.ts

@@ -74,33 +74,33 @@ const getDefaultApiMode = <T extends Mode[]>(modes: GameModes<T>) =>
   modes.getApiModes()[0];
 
 export type GamesWithBackgrounds =
-  | ArcadeModes
-  | ArenaBrawlModes
-  | BedWarsModes
-  | BlitzSGModes
-  | BuildBattleModes
-  | CopsAndCrimsModes
-  | DuelsModes
-  | GeneralModes
-  | ChallengeModes
-  | MegaWallsModes
-  | MurderMysteryModes
-  | PaintballModes
-  | ParkourModes
-  | PitModes
-  | QuakeModes
-  | SkyWarsModes
-  | SmashHeroesModes
-  | SpeedUHCModes
-  | TNTGamesModes
-  | TurboKartRacersModes
-  | UHCModes
-  | VampireZModes
-  | WallsModes
-  | WarlordsModes
-  | WoolGamesModes
-  | QuestModes
-  | ChallengeModes;
+  | ArcadeModes |
+  ArenaBrawlModes |
+  BedWarsModes |
+  BlitzSGModes |
+  BuildBattleModes |
+  CopsAndCrimsModes |
+  DuelsModes |
+  GeneralModes |
+  ChallengeModes |
+  MegaWallsModes |
+  MurderMysteryModes |
+  PaintballModes |
+  ParkourModes |
+  PitModes |
+  QuakeModes |
+  SkyWarsModes |
+  SmashHeroesModes |
+  SpeedUHCModes |
+  TNTGamesModes |
+  TurboKartRacersModes |
+  UHCModes |
+  VampireZModes |
+  WallsModes |
+  WarlordsModes |
+  WoolGamesModes |
+  QuestModes |
+  ChallengeModes;
 
 export const mapBackground = <T extends GamesWithBackgrounds, M extends ApiModeFromGameModes<T>>(
   modes: GameModes<T>,