feat: update character images for Tekken 8 and enhance pack management

- Updated character images for Tekken 8, including Jin, Jun, Kazuya, and others. - Introduced a new pack configuration system to manage character packs from a Gitea instance. - Added types for pack management, including PackCharacter, PackManifest, and PackRegistry. - Implemented functions to register and unregister installed packs, allowing dynamic character loading. - Enhanced the character image retrieval system to support both bundled and installed packs.
2026-06-06 03:32:06 +00:00 · 2026-05-21 17:59:13 +02:00
parent 04f2c2037a
commit 88aeedb5ff
50 changed files with 1621 additions and 409 deletions
@@ -1,3 +1,16 @@
+// src/shared/fighting-characters.ts
+// ─────────────────────────────────────────────────────────────────────────────
+// Two sources of character data:
+//   1. BUNDLED  — shipped with the app, images loaded at build time via
+//                 import.meta.glob (unchanged from before).
+//   2. INSTALLED — downloaded from Gitea at runtime, registered via
+//                  registerInstalledPack(). Images served by NodeCG from
+//                  /assets/<bundleName>/packs/<packId>/characters/<slug>.<ext>
+// ─────────────────────────────────────────────────────────────────────────────
+
+import { BUNDLE_NAME } from './pack-config';
+import type { PackManifest } from './pack-types';
+
 export interface FightingCharacterOption {
  label: string;
  value: string;
@@ -10,301 +23,81 @@ type GamePalette = readonly [startColor: string, endColor: string];
 const DEFAULT_PLACEHOLDER_PALETTE: GamePalette = ['#334155', '#0f172a'];
 const MAX_INITIALS = 2;

+// ─────────────────────────────────────────────────────────────────────────────
+// BUNDLED DATA
+// ─────────────────────────────────────────────────────────────────────────────
+
 const characterNamesByGame: Record<string, string[]> = {
  '2XKO': [
-    'Ahri',
-    'Akali',
-    'Braum',
-    'Caitlyn',
-    'Darius',
-    'Ekko',
-    'Illaoi',
-    'Jinx',
-    'Senna',
-    'Teemo',
-    'Vi',
-    'Warwick',
-    'Yasuo',  
+    'Ahri', 'Akali', 'Braum', 'Caitlyn', 'Darius', 'Ekko',
+    'Illaoi', 'Jinx', 'Senna', 'Teemo', 'Vi', 'Warwick', 'Yasuo',
  ],
  'FATAL FURY: City of the Wolves': [
-    'Andy Bogard',
-    'B. Jenet',
-    'Billy Kane',
-    'Blue Mary',
-    'Chun-Li',
-    'Cristiano Ronaldo',
-    'Gato',
-    'Hokutomaru',
-    'Hotaru Futaba',
-    'Joe Higashi',
-    'Kain R. Heinlein',
-    'Ken Masters',
-    'Kenshiro',
-    'Kevin Rian',
-    'Kim Dong Hwan',
-    'Kim Jae Hoon',
-    'Mai Shiranui',
-    'Marco Rodrigues',
-    'Mr. Big',
-    'Mr. Karate',
-    'Nightmare Geese',
-    'Preecha',
-    'Rock Howard',
-    'Salvatore Ganacci',
-    'Terry Bogard',
-    'Tizoc',
-    'Vox Reaper',
-    'Wolfgang Krauser',
+    'Andy Bogard', 'B. Jenet', 'Billy Kane', 'Blue Mary', 'Chun-Li',
+    'Cristiano Ronaldo', 'Gato', 'Hokutomaru', 'Hotaru Futaba', 'Joe Higashi',
+    'Kain R. Heinlein', 'Ken Masters', 'Kenshiro', 'Kevin Rian',
+    'Kim Dong Hwan', 'Kim Jae Hoon', 'Mai Shiranui', 'Marco Rodrigues',
+    'Mr. Big', 'Mr. Karate', 'Nightmare Geese', 'Preecha', 'Rock Howard',
+    'Salvatore Ganacci', 'Terry Bogard', 'Tizoc', 'Vox Reaper', 'Wolfgang Krauser',
  ],
  'Guilty Gear -Strive-': [
-    'A.B.A',
-    'Anji Mito',
-    'Asuka R.',
-    'Axl Low',
-    'Baiken',
-    'Bedman?',
-    'Bridget',
-    'Chipp Zanuff',
-    'Dizzy',
-    'Elphelt Valentine',
-    'Faust',
-    'Giovanna',
-    'Goldlewis Dickinson',
-    'Happy Chaos',
-    'I-No',
-    'Jack-O',
-    'Johnny',
-    'Ky Kiske',
-    'Leo Whitefang',
-    'Lucy',
-    'May',
-    'Millia Rage',
-    'Nagoriyuki',
-    'Potemkin',
-    'Ramlethal Valentine',
-    'Sin Kiske',
-    'Slayer',
-    'Sol Badguy',
-    'Testament',
-    'Unika',
-    'Venom',
-    'Zato-1',
+    'A.B.A', 'Anji Mito', 'Asuka R.', 'Axl Low', 'Baiken', 'Bedman?',
+    'Bridget', 'Chipp Zanuff', 'Dizzy', 'Elphelt Valentine', 'Faust',
+    'Giovanna', 'Goldlewis Dickinson', 'Happy Chaos', 'I-No', 'Jack-O',
+    'Johnny', 'Ky Kiske', 'Leo Whitefang', 'Lucy', 'May', 'Millia Rage',
+    'Nagoriyuki', 'Potemkin', 'Ramlethal Valentine', 'Sin Kiske', 'Slayer',
+    'Sol Badguy', 'Testament', 'Unika', 'Venom', 'Zato-1',
  ],
  'Invincible VS': [
-    'Allen the Alien',
-    'Anissa',
-    'Atom Eve',
-    'Battle Beast',
-    'Bulletproof',
-    'Cecil',
-    'Conquest',
-    'Dupli-Kate',
-    'Ella Mental',
-    'Immortal',
-    'Invincible',
-    'Lucan',
-    'Monster Girl',
-    'Omni-Man',
-    'Powerplex',
-    'Rex Splode',
-    'Robot',
-    'Thula',
-    'Titan',
-    'Universa',
+    'Allen the Alien', 'Anissa', 'Atom Eve', 'Battle Beast', 'Bulletproof',
+    'Cecil', 'Conquest', 'Dupli-Kate', 'Ella Mental', 'Immortal', 'Invincible',
+    'Lucan', 'Monster Girl', 'Omni-Man', 'Powerplex', 'Rex Splode', 'Robot',
+    'Thula', 'Titan', 'Universa',
  ],
  'Mortal Kombat 1': [
-    'Ashrah',
-    'Baraka',
-    'Conan the Barbarian',
-    'Cyrax',
-    'Ermac',
-    'Geras',
-    'Ghostface',
-    'Havik',
-    'Homelander',
-    'Johnny Cage',
-    'Kenshi',
-    'Kitana',
-    'Kung Lao',
-    'Li Mei',
-    'Liu Kang',
-    'Mileena',
-    'Nitara',
-    'Noob Saibot',
-    'Omni-Man',
-    'Peacemaker',
-    'Quan Chi',
-    'Raiden',
-    'Rain',
-    'Reiko',
-    'Reptile',
-    'Scorpion',
-    'Sektor',
-    'Shang Tsung',
-    'Sindel',
-    'Smoke',
-    'Sub-Zero',
-    'Takeda',
-    'Tanya',
-    'T-1000',
-  ],  
+    'Ashrah', 'Baraka', 'Conan the Barbarian', 'Cyrax', 'Ermac', 'Geras',
+    'Ghostface', 'Havik', 'Homelander', 'Johnny Cage', 'Kenshi', 'Kitana',
+    'Kung Lao', 'Li Mei', 'Liu Kang', 'Mileena', 'Nitara', 'Noob Saibot',
+    'Omni-Man', 'Peacemaker', 'Quan Chi', 'Raiden', 'Rain', 'Reiko', 'Reptile',
+    'Scorpion', 'Sektor', 'Shang Tsung', 'Sindel', 'Smoke', 'Sub-Zero',
+    'Takeda', 'Tanya', 'T-1000',
+  ],
  'Street Fighter 6': [
-    'A.K.I.',
-    'Akuma',
-    'Alex',
-    'Bison',
-    'Blanka',
-    'Cammy',
-    'Chun-Li',
-    'Dee Jay',
-    'Dhalsim',
-    'E. Honda',
-    'Ed',
-    'Elena',
-    'Guile',
-    'Jamie',
-    'JP',
-    'Juri',
-    'Ken',
-    'Kimberly',
-    'Lily',
-    'Luke',
-    'Mai',
-    'Manon',
-    'Marisa',
-    'Rashid',
-    'Ryu',
-    'Sagat',
-    'Terry',
-    'Viper',
-    'Zangief',
+    'A.K.I.', 'Akuma', 'Alex', 'Bison', 'Blanka', 'Cammy', 'Chun-Li',
+    'Dee Jay', 'Dhalsim', 'E. Honda', 'Ed', 'Elena', 'Guile', 'Jamie', 'JP',
+    'Juri', 'Ken', 'Kimberly', 'Lily', 'Luke', 'Mai', 'Manon', 'Marisa',
+    'Rashid', 'Ryu', 'Sagat', 'Terry', 'Viper', 'Zangief',
  ],
  'TEKKEN 8': [
-    'Alisa',
-    'Anna',
-    'Armor King',
-    'Asuka',
-    'Azucena',
-    'Bob',
-    'Bryan',
-    'Claudio',
-    'Clive',
-    'Devil Jin',
-    'Dragunov',
-    'Eddy',
-    'Fahkumram',
-    'Feng',
-    'Heihachi',
-    'Hwoarang',
-    'Jack-8',
-    'Jin',
-    'Jun',
-    'Kazuya',
-    'King',
-    'Kuma',
-    'Kunimitsu',
-    'Lars',
-    'Law',
-    'Lee',
-    'Leo',
-    'Leroy',
-    'Lidia',
-    'Lili',
-    'Miary Zo',
-    'Nina',
-    'Panda',
-    'Paul',
-    'Raven',
-    'Reina',
-    'Roger Jr',
-    'Shaheen',
-    'Steve',
-    'Victor',
-    'Xiaoyu',
-    'Yoshimitsu',
-    'Zafina',
+    'Alisa', 'Anna', 'Armor King', 'Asuka', 'Azucena', 'Bob', 'Bryan',
+    'Claudio', 'Clive', 'Devil Jin', 'Dragunov', 'Eddy', 'Fahkumram', 'Feng',
+    'Heihachi', 'Hwoarang', 'Jack-8', 'Jin', 'Jun', 'Kazuya', 'King', 'Kuma',
+    'Kunimitsu', 'Lars', 'Law', 'Lee', 'Leo', 'Leroy', 'Lidia', 'Lili',
+    'Miary Zo', 'Nina', 'Panda', 'Paul', 'Raven', 'Reina', 'Roger Jr',
+    'Shaheen', 'Steve', 'Victor', 'Xiaoyu', 'Yoshimitsu', 'Zafina',
  ],
  'THE KING OF FIGHTERS XV': [
-    'Angel',
-    'Antonov',
-    'Ash Crimson',
-    'Athena Asamiya',
-    'Benimaru Nikaido',
-    'Billy Kane',
-    'Blue Mary',
-    'Chizuru Kagura',
-    'Chris',
-    'Clark Still',
-    'Dolores',
-    'Duo Lon',
-    'Elisabeth Blanctorche',
-    'Gato',
-    'Geese Howard',
-    'Goenitz',
-    'Heidern',
-    'Hinako Shijo',
-    'Iori Yagami',
-    'Isla',
-    'Joe Higashi',
-    "K'",
-    'Kim Kaphwan',
-    'King',
-    'King of Dinosaurs',
-    'Krohnen McDougall',
-    'Kula Diamond',
-    'Kukri',
-    'Kyo Kusanagi',
-    'Leona Heidern',
-    'Luong',
-    'Mai Shiranui',
-    'Maxima',
-    'Meitenkun',
-    'Najd',
-    'Orochi Chris',
-    'Orochi Shermie',
-    'Orochi Yashiro',
-    'Ralf Jones',
-    'Ramón',
-    'Robert Garcia',
-    'Rock Howard',
-    'Ryo Sakazaki',
-    'Ryuji Yamazaki',
-    'Shermie',
-    'Shingo Yabuki',
-    'Sylvie Paula Paula',
-    'Terry Bogard',
-    'Vanessa',
-    'Whip',
-    'Yashiro Nanakase',
+    'Angel', 'Antonov', 'Ash Crimson', 'Athena Asamiya', 'Benimaru Nikaido',
+    'Billy Kane', 'Blue Mary', 'Chizuru Kagura', 'Chris', 'Clark Still',
+    'Dolores', 'Duo Lon', 'Elisabeth Blanctorche', 'Gato', 'Geese Howard',
+    'Goenitz', 'Heidern', 'Hinako Shijo', 'Iori Yagami', 'Isla', 'Joe Higashi',
+    "K'", 'Kim Kaphwan', 'King', 'King of Dinosaurs', 'Krohnen McDougall',
+    'Kula Diamond', 'Kukri', 'Kyo Kusanagi', 'Leona Heidern', 'Luong',
+    'Mai Shiranui', 'Maxima', 'Meitenkun', 'Najd', 'Orochi Chris',
+    'Orochi Shermie', 'Orochi Yashiro', 'Ralf Jones', 'Ramón', 'Robert Garcia',
+    'Rock Howard', 'Ryo Sakazaki', 'Ryuji Yamazaki', 'Shermie', 'Shingo Yabuki',
+    'Sylvie Paula Paula', 'Terry Bogard', 'Vanessa', 'Whip', 'Yashiro Nanakase',
    'Yuri Sakazaki',
  ],
 };

 const defaultCharacterPairByGame: Record<string, { leftCharacter: string; rightCharacter: string }> = {
-  'Guilty Gear -Strive-': {
-    leftCharacter: 'sol-badguy',
-    rightCharacter: 'ky-kiske',
-  },
-  'Street Fighter 6': {
-    leftCharacter: 'ryu',
-    rightCharacter: 'chun-li',
-  },
-  'TEKKEN 8': {
-    leftCharacter: 'jin',
-    rightCharacter: 'kazuya',
-  },
-  '2XKO': {
-    leftCharacter: 'ahri',
-    rightCharacter: 'yasuo',
-  },
-  'Mortal Kombat 1': {
-    leftCharacter: 'scorpion',
-    rightCharacter: 'sub-zero',
-  },
-  'THE KING OF FIGHTERS XV': {
-    leftCharacter: 'kyo-kusanagi',
-    rightCharacter: 'iori-yagami',
-  },
+  'Guilty Gear -Strive-': { leftCharacter: 'sol-badguy', rightCharacter: 'ky-kiske' },
+  'Street Fighter 6': { leftCharacter: 'ryu', rightCharacter: 'chun-li' },
+  'TEKKEN 8': { leftCharacter: 'jin', rightCharacter: 'kazuya' },
+  '2XKO': { leftCharacter: 'ahri', rightCharacter: 'yasuo' },
+  'Mortal Kombat 1': { leftCharacter: 'scorpion', rightCharacter: 'sub-zero' },
+  'THE KING OF FIGHTERS XV': { leftCharacter: 'kyo-kusanagi', rightCharacter: 'iori-yagami' },
 };

 const paletteByGame: Record<string, GamePalette> = {
@@ -316,11 +109,49 @@ const paletteByGame: Record<string, GamePalette> = {
  'THE KING OF FIGHTERS XV': ['#0ea5e9', '#1e3a8a'],
 };

-const toSlug = (value: string) => value.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/(^-|-$)/g, '');
+const dlcCharactersByGame: Record<string, ReadonlySet<string>> = {
+  'FATAL FURY: City of the Wolves': new Set([
+    'Chun-Li', 'Cristiano Ronaldo', 'Ken Masters', 'Kenshiro',
+    'Nightmare Geese', 'Salvatore Ganacci', 'Vox Reaper',
+  ]),
+  'Guilty Gear -Strive-': new Set([
+    'Goldlewis Dickinson', 'Jack-O', 'Happy Chaos', 'Baiken', 'Testament',
+    'Bridget', 'Sin Kiske', 'Bedman?', 'Asuka R. Kreutz', 'Johnny',
+    'Elphelt Valentine', 'A.B.A', 'Slayer', 'Dizzy', 'Venom',
+    'Lucy', 'Unika',
+  ]),
+  'Mortal Kombat 1': new Set([
+    'Ermac', 'Homelander', 'Omni-Man', 'Peacemaker', 'Quan Chi', 'Tanya',
+    'Conan the Barbarian', 'Cyrax', 'Ghostface', 'Noob Saibot', 'Sektor',
+    'Shang Tsung', 'Takeda', 'T-1000',
+  ]),
+  'Street Fighter 6': new Set([
+    'A.K.I.', 'Akuma', 'Bison', 'Ed',
+    'Alex', 'Elena', 'Mai', 'Sagat', 'Terry', 'Viper',
+  ]),
+  'TEKKEN 8': new Set([
+    'Clive', 'Eddy', 'Heihachi', 'Lidia',
+    'Anna', 'Fahkumram', 'Kunimitsu', 'Miary Zo', 'Roger Jr',
+  ]),
+  'THE KING OF FIGHTERS XV': new Set([
+    'Antonov', 'Elisabeth Blanctorche', 'Gato', 'Geese Howard', 'Goenitz',
+    'Hinako Shijo', 'Krohnen McDougall', 'Kukri', 'Luong', 'Najd',
+    'Orochi Chris', 'Orochi Shermie', 'Orochi Yashiro', 'Rock Howard',
+    'Sylvie Paula Paula',
+  ]),
+};

-const toDataUrl = (svg: string) => `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+// ─────────────────────────────────────────────────────────────────────────────
+// Image resolution — BUNDLED
+// ─────────────────────────────────────────────────────────────────────────────

-const buildCharacterPlaceholder = (game: string, character: string) => {
+const toSlug = (value: string): string =>
+  value.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/(^-|-$)/g, '');
+
+const toDataUrl = (svg: string): string =>
+  `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+
+const buildCharacterPlaceholder = (game: string, character: string): string => {
  const [startColor, endColor] = paletteByGame[game] ?? DEFAULT_PLACEHOLDER_PALETTE;
  const initials = character
    .split(/\s+/)
@@ -347,108 +178,154 @@ const buildCharacterPlaceholder = (game: string, character: string) => {
  return toDataUrl(svg.trim());
 };

-const characterImageModules = import.meta.glob('/src/shared/character-images/**/*.{png,jpg,jpeg,webp,avif,svg}', {
-  eager: true,
-  import: 'default',
-  query: '?url',
-}) as Record<string, string>;
+const characterImageModules = import.meta.glob(
+  '/src/shared/character-images/**/*.{png,jpg,jpeg,webp,avif,svg}',
+  { eager: true, import: 'default', query: '?url' },
+) as Record<string, string>;

 const resolveImageKey = (path: string): string | null => {
  const segments = path.split('/');
  const gameFolder = segments.at(-2);
  const filename = segments.at(-1);
-
-  if (!gameFolder || !filename) {
-    return null;
-  }
-
-  const characterSlug = filename.replace(/\.[^.]+$/, '');
-  return `${gameFolder}/${characterSlug}`;
+  if (!gameFolder || !filename) return null;
+  return `${gameFolder}/${filename.replace(/\.[^.]+$/, '')}`;
 };

-const characterImageByKey = Object.entries(characterImageModules).reduce<Record<string, string>>((acc, [path, url]) => {
-  const key = resolveImageKey(path);
-  if (!key) {
+const characterImageByKey = Object.entries(characterImageModules).reduce<Record<string, string>>(
+  (acc, [path, url]) => {
+    const key = resolveImageKey(path);
+    if (key) acc[key] = url;
    return acc;
-  }
+  },
+  {},
+);

-  acc[key] = url;
-  return acc;
-}, {});
-
-const getCharacterImage = (game: string, character: string, characterValue: string) => {
+const getBundledCharacterImage = (game: string, character: string, slug: string): string => {
  const gameSlug = toSlug(game);
-  const key = `${gameSlug}/${characterValue}`;
+  const key = `${gameSlug}/${slug}`;
  return characterImageByKey[key] ?? buildCharacterPlaceholder(game, character);
 };

-/**
- * DLC characters per game. Update as new content is released.
- * Characters not listed here are treated as base-roster.
- */
-const dlcCharactersByGame: Record<string, ReadonlySet<string>> = {
-  'FATAL FURY: City of the Wolves': new Set([
-    'Chun-Li',           // Season Pass (crossover)
-    'Cristiano Ronaldo', // Season Pass (celebrity)
-    'Ken Masters',       // Season Pass (crossover)
-    'Kenshiro',          // Season Pass (crossover)
-    'Nightmare Geese',   // Season Pass
-    'Salvatore Ganacci', // Season Pass (celebrity)
-    'Vox Reaper',        // Season Pass
-  ]),
-  'Guilty Gear -Strive-': new Set([
-    // Season 1
-    'Goldlewis Dickinson', 'Jack-O', 'Happy Chaos', 'Baiken', 'Testament',
-    // Season 2
-    'Bridget', 'Sin Kiske', 'Bedman?', 'Asuka R. Kreutz', 'Johnny',
-    // Season 3
-    'Elphelt Valentine', 'A.B.A', 'Slayer', 'Dizzy', 'Venom',
-    // Season 4
-    'Lucy', 'Unika',
-  ]),
-  'Mortal Kombat 1': new Set([
-    // Kombat Pack 1
-    'Ermac', 'Homelander', 'Omni-Man', 'Peacemaker', 'Quan Chi', 'Tanya',
-    // Kombat Pack 2
-    'Conan the Barbarian', 'Cyrax', 'Ghostface', 'Noob Saibot', 'Sektor',
-    'Shang Tsung', 'Takeda', 'T-1000',
-  ]),
-  'Street Fighter 6': new Set([
-    // Year 1
-    'A.K.I.', 'Akuma', 'Bison', 'Ed',
-    // Year 2
-    'Alex', 'Elena', 'Mai', 'Sagat', 'Terry', 'Viper',
-  ]),
-  'TEKKEN 8': new Set([
-    // Season 1
-    'Clive', 'Eddy', 'Heihachi', 'Lidia',
-    // Season 2
-    'Anna', 'Fahkumram', 'Kunimitsu', 'Miary Zo', 'Roger Jr',
-  ]),
-  'THE KING OF FIGHTERS XV': new Set([
-    'Antonov', 'Elisabeth Blanctorche', 'Gato', 'Geese Howard', 'Goenitz',
-    'Hinako Shijo', 'Krohnen McDougall', 'Kukri', 'Luong', 'Najd',
-    'Orochi Chris', 'Orochi Shermie', 'Orochi Yashiro', 'Rock Howard',
-    'Sylvie Paula Paula',
-  ]),
-};
+// ─────────────────────────────────────────────────────────────────────────────
+// Compile bundled game options
+// ─────────────────────────────────────────────────────────────────────────────

 export const fightingCharactersByGame: Record<string, FightingCharacterOption[]> = Object.fromEntries(
  Object.entries(characterNamesByGame).map(([game, characterNames]) => [
    game,
    characterNames.map((character) => {
      const value = toSlug(character);
-      // Prefer packaged artwork and gracefully fallback to a generated image.
      return {
        label: character,
        value,
-        image: getCharacterImage(game, character, value),
+        image: getBundledCharacterImage(game, character, value),
        dlc: dlcCharactersByGame[game]?.has(character) ?? false,
      };
    }),
  ]),
 );

-export const getCharactersByGame = (game: string) => fightingCharactersByGame[game] ?? [];
+/**
+ * The set of game names that are bundled with the application.
+ * Used by usePackRegistry to determine if a pack needs to be downloaded.
+ */
+export const BUNDLED_GAME_NAMES = new Set(Object.keys(characterNamesByGame));

-export const getDefaultCharactersByGame = (game: string) => defaultCharacterPairByGame[game];
+// ─────────────────────────────────────────────────────────────────────────────
+// INSTALLED PACK REGISTRY (runtime, populated by usePackRegistry)
+// ─────────────────────────────────────────────────────────────────────────────
+
+/**
+ * Runtime character data for packs that have been downloaded from Gitea.
+ * Keyed by game display name (same as PackManifest.name) so that
+ * getCharactersByGame() can look them up with the same key as bundled games.
+ */
+const installedPackCharacters: Record<string, FightingCharacterOption[]> = {};
+const installedPackDefaults: Record<string, { leftCharacter: string; rightCharacter: string }> = {};
+
+/**
+ * Registers an installed (downloaded) pack so that getCharactersByGame() and
+ * getDefaultCharactersByGame() return its data.
+ *
+ * Called by usePackRegistry when:
+ *   - The composable mounts and an installed pack's manifest is read from disk.
+ *   - A new pack finishes downloading.
+ *
+ * Images are served by NodeCG from /assets/<BUNDLE_NAME>/packs/<packId>/characters/.
+ * The function tries the most common extension; the browser will 404 gracefully
+ * for missing files (placeholder is shown by the img error handler in the template).
+ */
+export const registerInstalledPack = (manifest: PackManifest): void => {
+  const { id, name, palette, characters, defaultPair } = manifest;
+  const [startColor, endColor] = [palette.start, palette.end];
+
+  installedPackCharacters[name] = characters.map((char) => ({
+    label: char.name,
+    value: char.slug,
+    // Images are served at runtime by NodeCG's static asset handler
+    image: `/assets/${BUNDLE_NAME}/packs/${id}/characters/${char.slug}.png`,
+    dlc: char.dlc ?? false,
+    // Fallback placeholder uses the same palette as the manifest
+    _placeholder: buildInstalledPlaceholder(name, char.name, startColor, endColor),
+  }));
+
+  if (defaultPair) {
+    installedPackDefaults[name] = {
+      leftCharacter: defaultPair.left,
+      rightCharacter: defaultPair.right,
+    };
+  }
+};
+
+/**
+ * Removes a previously registered installed pack.
+ * Called by usePackRegistry when a pack is uninstalled.
+ */
+export const unregisterInstalledPack = (gameName: string): void => {
+  delete installedPackCharacters[gameName];
+  delete installedPackDefaults[gameName];
+};
+
+const buildInstalledPlaceholder = (
+  game: string,
+  character: string,
+  startColor: string,
+  endColor: string,
+): string => {
+  const initials = character
+    .split(/\s+/)
+    .map((p) => p[0])
+    .join('')
+    .slice(0, MAX_INITIALS)
+    .toUpperCase();
+
+  const svg = `
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 220" role="img" aria-label="${character}">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="${startColor}"/>
+      <stop offset="100%" stop-color="${endColor}"/>
+    </linearGradient>
+  </defs>
+  <rect width="480" height="220" fill="url(#bg)" rx="18"/>
+  <circle cx="90" cy="110" r="64" fill="rgba(255,255,255,0.13)"/>
+  <text x="90" y="130" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="56" font-weight="700">${initials}</text>
+  <text x="170" y="96" fill="#e2e8f0" font-family="Arial, sans-serif" font-size="20" font-weight="700">${game}</text>
+  <text x="170" y="145" fill="#ffffff" font-family="Arial, sans-serif" font-size="38" font-weight="700">${character}</text>
+</svg>`;
+  return toDataUrl(svg.trim());
+};
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Public API
+// ─────────────────────────────────────────────────────────────────────────────
+
+/** Returns the character list for a game, checking both bundled and installed packs. */
+export const getCharactersByGame = (game: string): FightingCharacterOption[] =>
+  fightingCharactersByGame[game] ?? installedPackCharacters[game] ?? [];
+
+/** Returns the default character pair for a game, checking both bundled and installed packs. */
+export const getDefaultCharactersByGame = (
+  game: string,
+): { leftCharacter: string; rightCharacter: string } | undefined =>
+  defaultCharacterPairByGame[game] ?? installedPackDefaults[game];
@@ -0,0 +1,37 @@
+// src/shared/pack-config.ts
+// ─────────────────────────────────────────────────────────────────────────────
+// Edit ONLY this file to point the pack system at your Gitea instance.
+// All other files import their Gitea/NodeCG constants from here.
+// ─────────────────────────────────────────────────────────────────────────────
+/** Base URL of your Gitea instance — no trailing slash. */
+export const GITEA_BASE_URL = 'http://10.0.0.10:3002';
+/** Gitea owner (user or organisation) that owns the packs repository. */
+export const GITEA_OWNER = 'Pandipipas';
+/** Name of the repository that contains all game packs. */
+export const GITEA_REPO = 'fighting-game-packs';
+/** Branch to pull assets from. */
+export const GITEA_BRANCH = 'main';
+/**
+ * NodeCG bundle name.
+ * Must match the "name" field in your package.json / nodecg config.
+ */
+export const BUNDLE_NAME = 'scoreko-dev';
+// ── Derived URL helpers (do not edit below this line) ────────────────────────
+/** Returns the Gitea raw-file URL for any repo-relative path. */
+export const getGiteaRawUrl = (repoPath) => `${GITEA_BASE_URL}/${GITEA_OWNER}/${GITEA_REPO}/raw/branch/${GITEA_BRANCH}/${repoPath}`;
+/** URL of the master registry file that lists every available pack. */
+export const REGISTRY_URL = getGiteaRawUrl('registry.json');
+/** Returns the URL for a specific pack's manifest.json. */
+export const getManifestUrl = (packId) => getGiteaRawUrl(`${packId}/manifest.json`);
+/** Returns the URL for a pack's logo. */
+export const getPackLogoUrl = (packId) => getGiteaRawUrl(`${packId}/logo.png`);
+/**
+ * Returns the URL for a specific character image stored in the Gitea repo.
+ * Used during download; at runtime installed packs are served by NodeCG.
+ */
+export const getCharacterImageRepoUrl = (packId, slug, ext) => getGiteaRawUrl(`${packId}/characters/${slug}.${ext}`);
+/**
+ * Returns the runtime URL for a character image from an *installed* (downloaded) pack.
+ * NodeCG serves everything under assets/ at /assets/<bundleName>/.
+ */
+export const getInstalledCharacterImageUrl = (packId, slug, ext = 'png') => `/assets/${BUNDLE_NAME}/packs/${packId}/characters/${slug}.${ext}`;
@@ -0,0 +1,54 @@
+// src/shared/pack-config.ts
+// ─────────────────────────────────────────────────────────────────────────────
+// Edit ONLY this file to point the pack system at your Gitea instance.
+// All other files import their Gitea/NodeCG constants from here.
+// ─────────────────────────────────────────────────────────────────────────────
+
+/** Base URL of your Gitea instance — no trailing slash. */
+export const GITEA_BASE_URL = 'http://10.0.0.10:3002';
+
+/** Gitea owner (user or organisation) that owns the packs repository. */
+export const GITEA_OWNER = 'Pandipipas';
+
+/** Name of the repository that contains all game packs. */
+export const GITEA_REPO = 'fighting-game-packs';
+
+/** Branch to pull assets from. */
+export const GITEA_BRANCH = 'main';
+
+/**
+ * NodeCG bundle name.
+ * Must match the "name" field in your package.json / nodecg config.
+ */
+export const BUNDLE_NAME = 'scoreko-dev';
+
+// ── Derived URL helpers (do not edit below this line) ────────────────────────
+
+/** Returns the Gitea raw-file URL for any repo-relative path. */
+export const getGiteaRawUrl = (repoPath: string): string =>
+  `${GITEA_BASE_URL}/${GITEA_OWNER}/${GITEA_REPO}/raw/branch/${GITEA_BRANCH}/${repoPath}`;
+
+/** URL of the master registry file that lists every available pack. */
+export const REGISTRY_URL = getGiteaRawUrl('registry.json');
+
+/** Returns the URL for a specific pack's manifest.json. */
+export const getManifestUrl = (packId: string): string =>
+  getGiteaRawUrl(`${packId}/manifest.json`);
+
+/** Returns the URL for a pack's logo. */
+export const getPackLogoUrl = (packId: string): string =>
+  getGiteaRawUrl(`${packId}/logo.png`);
+
+/**
+ * Returns the URL for a specific character image stored in the Gitea repo.
+ * Used during download; at runtime installed packs are served by NodeCG.
+ */
+export const getCharacterImageRepoUrl = (packId: string, slug: string, ext: string): string =>
+  getGiteaRawUrl(`${packId}/characters/${slug}.${ext}`);
+
+/**
+ * Returns the runtime URL for a character image from an *installed* (downloaded) pack.
+ * NodeCG serves everything under assets/ at /assets/<bundleName>/.
+ */
+export const getInstalledCharacterImageUrl = (packId: string, slug: string, ext = 'png'): string =>
+  `/assets/${BUNDLE_NAME}/packs/${packId}/characters/${slug}.${ext}`;
@@ -0,0 +1,6 @@
+// src/shared/pack-types.ts
+// ─────────────────────────────────────────────────────────────────────────────
+// Shared between the NodeCG extension (Node.js) and the dashboard (browser).
+// Do NOT import anything that is browser-only or Node-only from this file.
+// ─────────────────────────────────────────────────────────────────────────────
+export {};
@@ -0,0 +1,87 @@
+// src/shared/pack-types.ts
+// ─────────────────────────────────────────────────────────────────────────────
+// Shared between the NodeCG extension (Node.js) and the dashboard (browser).
+// Do NOT import anything that is browser-only or Node-only from this file.
+// ─────────────────────────────────────────────────────────────────────────────
+
+/** A single character entry inside a pack manifest. */
+export interface PackCharacter {
+  /** Display name, e.g. "Chun-Li" */
+  name: string;
+  /** URL-safe slug that matches the image filename, e.g. "chun-li" */
+  slug: string;
+  /** True when the character is paid DLC (shown with the DLC badge in the UI). */
+  dlc?: boolean;
+  /** Approximate compressed size of the character image file in bytes. */
+  sizeBytes: number;
+}
+
+/**
+ * Lightweight entry in the top-level registry.json.
+ * Enough for the UI to render the game list and the download dialog preview
+ * without having to fetch the full manifest.
+ */
+export interface PackRegistryEntry {
+  /** Unique identifier — must match the folder name in the repo, e.g. "street-fighter-6". */
+  id: string;
+  /** Human-readable game title shown in the selector, e.g. "Street Fighter 6". */
+  name: string;
+  /** Semantic version of this pack, e.g. "1.0.0". Bump when adding/updating characters. */
+  version: string;
+  /** Total download size (sum of all character images + logo) in bytes. */
+  totalSizeBytes: number;
+  /** Repo-relative path to the game's logo image, e.g. "street-fighter-6/logo.png". */
+  logoPath: string;
+  /** Pre-computed character count so the dialog can show it without loading the manifest. */
+  characterCount: number;
+  /** Gradient used for placeholder images when a character has no artwork. */
+  palette: { start: string; end: string };
+  /**
+   * True when the pack ships inside the application bundle (bundled via Vite's
+   * import.meta.glob). Bundled packs are always "installed" and never show the
+   * download button, but they still appear in the registry so the app can detect
+   * updates (version mismatch between bundle and registry).
+   */
+  bundled: boolean;
+}
+
+/** Full pack data — lives at <packId>/manifest.json in the repo. */
+export interface PackManifest {
+  /** Must match PackRegistryEntry.id and the folder name. */
+  id: string;
+  /** Must match PackRegistryEntry.name. */
+  name: string;
+  version: string;
+  palette: { start: string; end: string };
+  /** Default characters pre-selected when this game is first chosen. */
+  defaultPair?: { left: string; right: string };
+  /** Full character roster, in the order they should appear in the selector. */
+  characters: PackCharacter[];
+}
+
+/** Top-level registry.json structure. */
+export interface PackRegistry {
+  schemaVersion: number;
+  updatedAt: string;
+  packs: PackRegistryEntry[];
+}
+
+/** Tracks the download lifecycle of a single pack. */
+export interface PackDownloadState {
+  status: 'idle' | 'fetching-manifest' | 'downloading' | 'done' | 'error';
+  /** Progress percentage 0–100. */
+  progress: number;
+  error?: string;
+}
+
+/** Shape of the option objects surfaced by usePackRegistry.allGameOptions. */
+export interface GameSelectOption {
+  /** Display label for the QSelect. */
+  label: string;
+  /** Value stored in the scoreboard (equals PackRegistryEntry.name for installed games). */
+  value: string;
+  /** Whether the pack can be used right now (bundled or already downloaded). */
+  available: boolean;
+  /** Mirrors PackRegistryEntry so the download dialog can be populated inline. */
+  registryEntry: PackRegistryEntry;
+}