feat: update pack handling and character image paths; implement installed packs revision tracking

src/extension/pack-manager.ts

@@ -9,6 +9,7 @@
 // ─────────────────────────────────────────────────────────────────────────────
 
 import * as fs from 'fs';
+import type { IncomingMessage, ServerResponse } from 'http';
 import * as path from 'path';
 import { fileURLToPath } from 'url';
 import { nodecg } from './util/nodecg.js';
@@ -87,7 +88,7 @@ const IMAGE_EXTENSIONS = ['png', 'webp', 'jpg', 'jpeg', 'avif'] as const;
 // Raíz del proyecto: 2 niveles por encima de extension/pack-manager.js
 // Usamos import.meta.url porque nodecg.bundleDir no está disponible cuando
 // NodeCG se usa como dependencia en lugar de servidor standalone.
-const bundleDir = fileURLToPath(new URL('../../', import.meta.url));
+const bundleDir = fileURLToPath(new URL('../', import.meta.url));
 
 // ── Replicants ────────────────────────────────────────────────────────────────
 
@@ -114,8 +115,49 @@ const availableUpdatesRep = nodecg.Replicant<Record<string, { installedVersion:
 
 // ── Filesystem ────────────────────────────────────────────────────────────────
 
-const packsDir = path.join(bundleDir, 'assets', 'packs');
+const packsDir = path.join(bundleDir, 'packs');
 fs.mkdirSync(packsDir, { recursive: true });
+nodecg.log.info(`[pack-manager] Packs directory: ${packsDir}`);
+
+// Registrar el directorio de packs como ruta estática usando nodecg.mount().
+// Las imágenes quedan accesibles en /packs/<packId>/characters/<slug>.png
+// independientemente de cómo NodeCG configure el resto de rutas del bundle.
+const packsMiddleware = (req: IncomingMessage, res: ServerResponse) => {
+  const urlPath = decodeURIComponent(req.url ?? '/');
+  const safe    = path.normalize(urlPath).replace(/^(\.\.[/\\])+/, '');
+  const file    = path.join(packsDir, safe);
+
+  // Security: only serve files inside packsDir
+  if (!file.startsWith(packsDir)) {
+    res.writeHead(403);
+    res.end();
+    return;
+  }
+
+  fs.stat(file, (statErr, stat) => {
+    if (statErr || !stat.isFile()) {
+      res.writeHead(404);
+      res.end();
+      return;
+    }
+    const mimeTypes: Record<string, string> = {
+      '.png':  'image/png',
+      '.jpg':  'image/jpeg',
+      '.jpeg': 'image/jpeg',
+      '.webp': 'image/webp',
+      '.avif': 'image/avif',
+      '.json': 'application/json',
+    };
+    const ext = path.extname(file).toLowerCase();
+    res.setHeader('Content-Type', mimeTypes[ext] ?? 'application/octet-stream');
+    res.setHeader('Cache-Control', 'public, max-age=3600');
+    fs.createReadStream(file).pipe(res);
+  });
+};
+
+// nodecg.mount registra el middleware en el servidor Express de NodeCG
+(nodecg as unknown as { mount: (p: string, h: typeof packsMiddleware) => void })
+  .mount('/packs', packsMiddleware);
 
 // Verificación de integridad al arrancar
 const installedAtStart = installedPacksRep.value ?? [];
@@ -152,7 +194,10 @@ const trySaveImage = async (
   for (const ext of extensions) {
     try {
       const buffer = await fetchBuffer(buildUrl(ext));
-      fs.writeFileSync(path.join(destDir, `${filename}.${ext}`), buffer);
+      // Siempre guardamos como .png para que la URL del dashboard sea predecible.
+      // Los navegadores modernos identifican el formato por el contenido (magic bytes),
+      // no por la extensión, así que WebP/AVIF/JPEG se renderizan correctamente.
+      fs.writeFileSync(path.join(destDir, `${filename}.png`), buffer);
       return true;
     } catch { /* prueba siguiente extensión */ }
   }