Add CodSpeed performance benchmarks

.github/workflows/codspeed.yml

@@ -0,0 +1,35 @@
+name: CodSpeed
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+  # `workflow_dispatch` allows CodSpeed to trigger backtest
+  # performance analysis in order to generate initial data.
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  id-token: write
+
+jobs:
+  benchmarks:
+    name: Run benchmarks
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run benchmarks
+        uses: CodSpeedHQ/action@v4
+        with:
+          mode: simulation
+          run: npx vitest bench --run

README.md

@@ -18,6 +18,9 @@
 ![GitHub Created At](https://img.shields.io/github/created-at/LCSOGthb/Games)
 ![GitHub last commit](https://img.shields.io/github/last-commit/LCSOGthb/Games)
 
+CodSpeed
+[![CodSpeed](https://img.shields.io/endpoint?url=https://codspeed.io/badge.json)](https://codspeed.io/LCSOGthb/Games?utm_source=badge)
+
 CodeRabbit
 ![CodeRabbit Pull Request Reviews](https://img.shields.io/coderabbit/prs/github/LCSOGthb/Games?utm_source=oss&utm_medium=github&utm_campaign=LCSOGthb%2FGames&labelColor=171717&color=FF570A&link=https%3A%2F%2Fcoderabbit.ai&label=CodeRabbit+Reviews)
 

app/page.tsx

@@ -1,25 +1,11 @@
 "use client";
 
 import { useState } from "react";
-
-const translations = {
-  en: {
-    title: "Coming Soon",
-    subtitle: "Something amazing is on the way",
-    language: "English",
-  },
-  zh: {
-    title: "即将上线",
-    subtitle: "精彩内容即将呈现",
-    language: "中文",
-  },
-};
-
-type Language = keyof typeof translations;
+import { getTranslation, type Language } from "@/lib/translations";
 
 export default function Home() {
   const [lang, setLang] = useState<Language>("en");
-  const t = translations[lang];
+  const t = getTranslation(lang);
 
   return (
     <>

bench/games.bench.ts

@@ -0,0 +1,91 @@
+import { bench, describe } from "vitest";
+import {
+  filterGamesByCategory,
+  sortGamesByTitle,
+  searchGames,
+  getUniqueCategories,
+  paginateGames,
+  type Game,
+} from "../lib/games";
+import { getTranslation, getAvailableLanguages } from "../lib/translations";
+
+// --- Test data ---
+
+const categories = ["Action", "Puzzle", "Strategy", "RPG", "Sports", "Racing"];
+
+function generateGames(count: number): Game[] {
+  const games: Game[] = [];
+  for (let i = 0; i < count; i++) {
+    games.push({
+      id: i,
+      title: `Game ${String(i).padStart(4, "0")}`,
+      description: `An exciting ${categories[i % categories.length].toLowerCase()} game with unique mechanics and challenging levels`,
+      image: `/images/game-${i}.jpg`,
+      category: categories[i % categories.length],
+    });
+  }
+  return games;
+}
+
+const smallCatalog = generateGames(50);
+const largeCatalog = generateGames(1000);
+
+// --- Benchmarks ---
+
+describe("translations", () => {
+  bench("getTranslation - existing language", () => {
+    getTranslation("en");
+  });
+
+  bench("getTranslation - fallback to default", () => {
+    getTranslation("fr");
+  });
+
+  bench("getAvailableLanguages", () => {
+    getAvailableLanguages();
+  });
+});
+
+describe("game catalog - small (50 games)", () => {
+  bench("filterGamesByCategory", () => {
+    filterGamesByCategory(smallCatalog, "Action");
+  });
+
+  bench("sortGamesByTitle", () => {
+    sortGamesByTitle(smallCatalog);
+  });
+
+  bench("searchGames", () => {
+    searchGames(smallCatalog, "unique mechanics");
+  });
+
+  bench("getUniqueCategories", () => {
+    getUniqueCategories(smallCatalog);
+  });
+
+  bench("paginateGames", () => {
+    paginateGames(smallCatalog, 2, 10);
+  });
+});
+
+describe("game catalog - large (1000 games)", () => {
+  bench("filterGamesByCategory", () => {
+    filterGamesByCategory(largeCatalog, "Strategy");
+  });
+
+  bench("sortGamesByTitle", () => {
+    sortGamesByTitle(largeCatalog);
+  });
+
+  bench("searchGames", () => {
+    searchGames(largeCatalog, "unique mechanics");
+  });
+
+  bench("getUniqueCategories", () => {
+    getUniqueCategories(largeCatalog);
+  });
+
+  bench("paginateGames", () => {
+    paginateGames(largeCatalog, 5, 20);
+  });
+});

lib/games.ts

@@ -0,0 +1,37 @@
+export interface Game {
+  id: number;
+  title: string;
+  description: string;
+  image: string;
+  category: string;
+}
+
+export function filterGamesByCategory(games: Game[], category: string): Game[] {
+  return games.filter((game) => game.category === category);
+}
+
+export function sortGamesByTitle(games: Game[]): Game[] {
+  return [...games].sort((a, b) => a.title.localeCompare(b.title));
+}
+
+export function searchGames(games: Game[], query: string): Game[] {
+  const lowerQuery = query.toLowerCase();
+  return games.filter(
+    (game) =>
+      game.title.toLowerCase().includes(lowerQuery) ||
+      game.description.toLowerCase().includes(lowerQuery),
+  );
+}
+
+export function getUniqueCategories(games: Game[]): string[] {
+  return [...new Set(games.map((game) => game.category))].sort();
+}
+
+export function paginateGames(
+  games: Game[],
+  page: number,
+  pageSize: number,
+): Game[] {
+  const start = (page - 1) * pageSize;
+  return games.slice(start, start + pageSize);
+}

lib/translations.ts

@@ -0,0 +1,25 @@
+export const translations: Record<
+  string,
+  { title: string; subtitle: string; language: string }
+> = {
+  en: {
+    title: "Coming Soon",
+    subtitle: "Something amazing is on the way",
+    language: "English",
+  },
+  zh: {
+    title: "即将上线",
+    subtitle: "精彩内容即将呈现",
+    language: "中文",
+  },
+};
+
+export type Language = keyof typeof translations;
+
+export function getTranslation(lang: string) {
+  return translations[lang] ?? translations["en"];
+}
+
+export function getAvailableLanguages(): string[] {
+  return Object.keys(translations);
+}