From 1a1fdf69c85fb4350339b18378fd08b53932090c Mon Sep 17 00:00:00 2001 From: Claude Code Date: Thu, 5 Mar 2026 16:28:35 +0100 Subject: [PATCH] feat: Verbindungsdetails Modal mit Live-Ping - Backend: Voice-Stats (Ping, Gateway, Status, Uptime) via SSE alle 5s - Frontend: Klick auf Verbunden oeffnet Modal mit allen Verbindungsdetails - Ping-Anzeige direkt im Header neben Verbunden - Farbcodierte Ping-Dots (gruen <80ms, gelb <150ms, rot >=150ms) - Uptime-Zaehler seit letztem VoiceConnection Ready - connectedSince Tracking pro Guild --- server/src/index.ts | 3246 ++++++++++++++++++++++--------------------- web/src/App.tsx | 2424 ++++++++++++++++---------------- web/src/styles.css | 84 ++ 3 files changed, 2980 insertions(+), 2774 deletions(-) diff --git a/server/src/index.ts b/server/src/index.ts index 3c536c4..01c7060 100644 --- a/server/src/index.ts +++ b/server/src/index.ts @@ -1,1607 +1,1639 @@ -import path from 'node:path'; -import fs from 'node:fs'; -import { fileURLToPath } from 'node:url'; -import express, { Request, Response } from 'express'; -import multer from 'multer'; -import cors from 'cors'; -import crypto from 'node:crypto'; -import { Client, GatewayIntentBits, Partials, ChannelType, Events, type Message, VoiceState } from 'discord.js'; -import { - joinVoiceChannel, - createAudioPlayer, - createAudioResource, - AudioPlayerStatus, - NoSubscriberBehavior, - getVoiceConnection, - type VoiceConnection, - type AudioResource, - StreamType, - generateDependencyReport, - entersState, - VoiceConnectionStatus -} from '@discordjs/voice'; -import sodium from 'libsodium-wrappers'; -import nacl from 'tweetnacl'; -// Streaming externer Plattformen entfernt – nur MP3-URLs werden noch unterstützt -import child_process from 'node:child_process'; -import { PassThrough, Readable } from 'node:stream'; - -const __filename = fileURLToPath(import.meta.url); -const __dirname = path.dirname(__filename); - -// --- Config --- -const PORT = Number(process.env.PORT ?? 8080); -const SOUNDS_DIR = process.env.SOUNDS_DIR ?? '/data/sounds'; -const DISCORD_TOKEN = process.env.DISCORD_TOKEN ?? ''; -const ADMIN_PWD = process.env.ADMIN_PWD ?? ''; -const ALLOWED_GUILD_IDS = (process.env.ALLOWED_GUILD_IDS ?? '') - .split(',') - .map((s) => s.trim()) - .filter(Boolean); - -if (!DISCORD_TOKEN) { - console.error('Fehlende Umgebungsvariable DISCORD_TOKEN'); - process.exit(1); -} - -fs.mkdirSync(SOUNDS_DIR, { recursive: true }); - -// Persistenter Zustand: Lautstärke/Plays + Kategorien -type Category = { id: string; name: string; color?: string; sort?: number }; - type PersistedState = { - volumes: Record; - plays: Record; - totalPlays: number; - categories?: Category[]; - fileCategories?: Record; // relPath or fileName -> categoryIds[] - fileBadges?: Record; // relPath or fileName -> custom badges (emoji/text) - selectedChannels?: Record; // guildId -> channelId (serverweite Auswahl) - entranceSounds?: Record; // userId -> relativePath or fileName - exitSounds?: Record; // userId -> relativePath or fileName -}; -// Neuer, persistenter Speicherort direkt im Sounds-Volume -const STATE_FILE_NEW = path.join(SOUNDS_DIR, 'state.json'); -// Alter Speicherort (eine Ebene über SOUNDS_DIR). Wird für Migration gelesen, falls vorhanden. -const STATE_FILE_OLD = path.join(path.resolve(SOUNDS_DIR, '..'), 'state.json'); - -function readPersistedState(): PersistedState { - try { - // 1) Bevorzugt neuen Speicherort lesen - if (fs.existsSync(STATE_FILE_NEW)) { - const raw = fs.readFileSync(STATE_FILE_NEW, 'utf8'); - const parsed = JSON.parse(raw); - return { - volumes: parsed.volumes ?? {}, - plays: parsed.plays ?? {}, - totalPlays: parsed.totalPlays ?? 0, - categories: Array.isArray(parsed.categories) ? parsed.categories : [], - fileCategories: parsed.fileCategories ?? {}, - fileBadges: parsed.fileBadges ?? {}, - selectedChannels: parsed.selectedChannels ?? {}, - entranceSounds: parsed.entranceSounds ?? {}, - exitSounds: parsed.exitSounds ?? {} - } as PersistedState; - } - // 2) Fallback: alten Speicherort lesen und sofort nach NEW migrieren - if (fs.existsSync(STATE_FILE_OLD)) { - const raw = fs.readFileSync(STATE_FILE_OLD, 'utf8'); - const parsed = JSON.parse(raw); - const migrated: PersistedState = { - volumes: parsed.volumes ?? {}, - plays: parsed.plays ?? {}, - totalPlays: parsed.totalPlays ?? 0, - categories: Array.isArray(parsed.categories) ? parsed.categories : [], - fileCategories: parsed.fileCategories ?? {}, - fileBadges: parsed.fileBadges ?? {}, - selectedChannels: parsed.selectedChannels ?? {}, - entranceSounds: parsed.entranceSounds ?? {}, - exitSounds: parsed.exitSounds ?? {} - }; - try { - fs.mkdirSync(path.dirname(STATE_FILE_NEW), { recursive: true }); - fs.writeFileSync(STATE_FILE_NEW, JSON.stringify(migrated, null, 2), 'utf8'); - } catch {} - return migrated; - } - } catch {} - return { volumes: {}, plays: {}, totalPlays: 0 }; -} - -function writePersistedState(state: PersistedState): void { - try { - fs.mkdirSync(path.dirname(STATE_FILE_NEW), { recursive: true }); - fs.writeFileSync(STATE_FILE_NEW, JSON.stringify(state, null, 2), 'utf8'); - } catch (e) { - console.warn('Persisted state konnte nicht geschrieben werden:', e); - } -} - -const persistedState: PersistedState = readPersistedState(); - -// Debounced write: sammelt Schreibaufrufe und schreibt max. alle 2 Sekunden -let _writeTimer: ReturnType | null = null; -function writePersistedStateDebounced(): void { - if (_writeTimer) return; - _writeTimer = setTimeout(() => { - _writeTimer = null; - writePersistedState(persistedState); - }, 2000); -} - -const getPersistedVolume = (guildId: string): number => { - const v = persistedState.volumes[guildId]; - return typeof v === 'number' && Number.isFinite(v) ? Math.max(0, Math.min(1, v)) : 1; -}; -/** Sicherstellen, dass ein relativer Pfad nicht aus SOUNDS_DIR ausbricht */ -function safeSoundsPath(rel: string): string | null { - const resolved = path.resolve(SOUNDS_DIR, rel); - if (!resolved.startsWith(path.resolve(SOUNDS_DIR) + path.sep) && resolved !== path.resolve(SOUNDS_DIR)) return null; - return resolved; -} - -function incrementPlaysFor(relativePath: string) { - try { - const key = relativePath.replace(/\\/g, '/'); - persistedState.plays[key] = (persistedState.plays[key] ?? 0) + 1; - persistedState.totalPlays = (persistedState.totalPlays ?? 0) + 1; - writePersistedStateDebounced(); // Debounced: Play-Counter sind nicht kritisch - } catch {} -} - -// Normalisierung (ffmpeg loudnorm) Konfiguration -const NORMALIZE_ENABLE = String(process.env.NORMALIZE_ENABLE ?? 'true').toLowerCase() !== 'false'; -const NORMALIZE_I = String(process.env.NORMALIZE_I ?? '-16'); -const NORMALIZE_LRA = String(process.env.NORMALIZE_LRA ?? '11'); -const NORMALIZE_TP = String(process.env.NORMALIZE_TP ?? '-1.5'); - -// Loudnorm-Cache: normalisierte PCM-Dateien werden gecacht, damit ffmpeg nur 1× pro Sound läuft -const NORM_CACHE_DIR = path.join(SOUNDS_DIR, '.norm-cache'); -fs.mkdirSync(NORM_CACHE_DIR, { recursive: true }); - -// In-Memory PCM Cache: gecachte PCM-Dateien werden beim ersten Abspielen in den RAM geladen. -// Danach kein Disk-I/O mehr bei Cache-Hits -> nahezu instant playback. -const pcmMemoryCache = new Map(); -const PCM_MEMORY_CACHE_MAX_MB = Number(process.env.PCM_CACHE_MAX_MB ?? '512'); -let pcmMemoryCacheBytes = 0; - -function getPcmFromMemory(cachedPath: string): Buffer | null { - const buf = pcmMemoryCache.get(cachedPath); - if (buf) return buf; - // Erste Anfrage: von Disk in RAM laden - try { - const data = fs.readFileSync(cachedPath); - const newTotal = pcmMemoryCacheBytes + data.byteLength; - if (newTotal <= PCM_MEMORY_CACHE_MAX_MB * 1024 * 1024) { - pcmMemoryCache.set(cachedPath, data); - pcmMemoryCacheBytes = newTotal; - } - return data; - } catch { return null; } -} - -function invalidatePcmMemory(cachedPath: string): void { - const buf = pcmMemoryCache.get(cachedPath); - if (buf) { - pcmMemoryCacheBytes -= buf.byteLength; - pcmMemoryCache.delete(cachedPath); - } -} - -/** Erzeugt einen Cache-Key aus dem relativen Pfad (Slash-normalisiert, Sonderzeichen escaped) */ -function normCacheKey(filePath: string): string { - const rel = path.relative(SOUNDS_DIR, filePath).replace(/\\/g, '/'); - return rel.replace(/[/\\:*?"<>|]/g, '_') + '.pcm'; -} - -/** Liefert den Pfad zur gecachten normalisierten PCM-Datei, oder null wenn kein gültiger Cache existiert */ -function getNormCachePath(filePath: string): string | null { - const cacheFile = path.join(NORM_CACHE_DIR, normCacheKey(filePath)); - if (!fs.existsSync(cacheFile)) return null; - // Invalidieren wenn Quelldatei neuer als Cache - try { - const srcMtime = fs.statSync(filePath).mtimeMs; - const cacheMtime = fs.statSync(cacheFile).mtimeMs; - if (srcMtime > cacheMtime) { try { fs.unlinkSync(cacheFile); } catch {} invalidatePcmMemory(cacheFile); return null; } - } catch { return null; } - return cacheFile; -} - -/** Normalisiert eine Audiodatei via ffmpeg loudnorm und speichert das Ergebnis im Cache */ -function normalizeToCache(filePath: string): Promise { - const cacheFile = path.join(NORM_CACHE_DIR, normCacheKey(filePath)); - return new Promise((resolve, reject) => { - const ffArgs = ['-hide_banner', '-loglevel', 'error', '-y', '-i', filePath, - '-af', `loudnorm=I=${NORMALIZE_I}:LRA=${NORMALIZE_LRA}:TP=${NORMALIZE_TP}`, - '-f', 's16le', '-ar', '48000', '-ac', '2', cacheFile]; - const ff = child_process.spawn('ffmpeg', ffArgs); - ff.on('error', reject); - ff.on('close', (code) => { - if (code === 0) resolve(cacheFile); - else reject(new Error(`ffmpeg exited with code ${code}`)); - }); - }); -} - -// Wie viele ffmpeg-Prozesse parallel beim Cache-Sync laufen dürfen. -// Standard: 2 (konservativ – lässt genug Headroom für Discord-Wiedergabe und Node.js). -// Empfehlung: i5/i7 (8-16 Kerne) → 2-3, Ryzen 9 / Xeon → 4-8 -// Über NORM_CONCURRENCY=4 env var erhöhbar. -const NORM_CONCURRENCY = Math.max(1, Number(process.env.NORM_CONCURRENCY ?? 2)); - -/** - * Vollständige Cache-Synchronisation: - * 1. Alle Sound-Dateien normalisieren, die noch nicht im Cache sind (parallel) - * 2. Verwaiste Cache-Dateien löschen (Sound wurde gelöscht/umbenannt) - * Läuft im Hintergrund, blockiert nicht den Server. - */ -async function syncNormCache(): Promise { - if (!NORMALIZE_ENABLE) return; - const t0 = Date.now(); - const allSounds = listAllSounds(); - - // Set aller erwarteten Cache-Keys - const expectedKeys = new Set(); - const toProcess: string[] = []; - - for (const s of allSounds) { - const fp = path.join(SOUNDS_DIR, s.relativePath); - const key = normCacheKey(fp); - expectedKeys.add(key); - if (!fs.existsSync(fp)) continue; - if (getNormCachePath(fp)) continue; // bereits gecacht & gültig - toProcess.push(fp); - } - - let created = 0; - let failed = 0; - const skipped = allSounds.length - toProcess.length; - - // Parallele Worker-Pool: NORM_CONCURRENCY ffmpeg-Prozesse gleichzeitig - const queue = [...toProcess]; - async function worker(): Promise { - while (queue.length > 0) { - const fp = queue.shift()!; - try { - await normalizeToCache(fp); - created++; - } catch (e) { - failed++; - console.warn(`Norm-cache failed: ${path.relative(SOUNDS_DIR, fp)}`, e); - } - } - } - const workers = Array.from({ length: Math.min(NORM_CONCURRENCY, toProcess.length || 1) }, worker); - await Promise.all(workers); - - // Verwaiste Cache-Dateien aufräumen - let cleaned = 0; - try { - for (const f of fs.readdirSync(NORM_CACHE_DIR)) { - if (!expectedKeys.has(f)) { - try { fs.unlinkSync(path.join(NORM_CACHE_DIR, f)); cleaned++; } catch {} - } - } - } catch {} - - const dt = ((Date.now() - t0) / 1000).toFixed(1); - console.log( - `Norm-Cache sync (${dt}s, ${NORM_CONCURRENCY} parallel): ${created} neu, ${skipped} vorhanden, ${failed} fehlgeschlagen, ${cleaned} verwaist entfernt (${allSounds.length} Sounds gesamt)` - ); -} - -// --- Voice Abhängigkeiten prüfen --- -await sodium.ready; -// init nacl to ensure it loads -void nacl.randomBytes(1); -console.log(generateDependencyReport()); - -// --- Discord Client --- -const client = new Client({ - intents: [ - GatewayIntentBits.Guilds, - GatewayIntentBits.GuildVoiceStates, - GatewayIntentBits.DirectMessages, - GatewayIntentBits.MessageContent, - ], - partials: [Partials.Channel] -}); - -type GuildAudioState = { - connection: VoiceConnection; - player: ReturnType; - guildId: string; - channelId: string; - currentResource?: AudioResource; - currentVolume: number; // 0..1 -}; -const guildAudioState = new Map(); -// Partymode: serverseitige Steuerung (global pro Guild) -const partyTimers = new Map(); -const partyActive = new Set(); -// Now-Playing: aktuell gespielter Sound pro Guild -const nowPlaying = new Map(); -// SSE-Klienten für Broadcasts (z.B. Partymode Status) -const sseClients = new Set(); -function sseBroadcast(payload: any) { - const data = `data: ${JSON.stringify(payload)}\n\n`; - for (const res of sseClients) { - try { res.write(data); } catch {} - } -} - -// Hilfsfunktionen für serverweit ausgewählten Channel pro Guild -function getSelectedChannelForGuild(guildId: string): string | undefined { - const id = String(guildId || ''); - if (!id) return undefined; - const sc = persistedState.selectedChannels ?? {}; - return sc[id]; -} -function setSelectedChannelForGuild(guildId: string, channelId: string): void { - const g = String(guildId || ''); - const c = String(channelId || ''); - if (!g || !c) return; - if (!persistedState.selectedChannels) persistedState.selectedChannels = {}; - persistedState.selectedChannels[g] = c; - writePersistedState(persistedState); - sseBroadcast({ type: 'channel', guildId: g, channelId: c }); -} - -async function playFilePath(guildId: string, channelId: string, filePath: string, volume?: number, relativeKey?: string): Promise { - const guild = client.guilds.cache.get(guildId); - if (!guild) throw new Error('Guild nicht gefunden'); - let state = guildAudioState.get(guildId); - if (!state) { - const connection = joinVoiceChannel({ - channelId, - guildId, - adapterCreator: guild.voiceAdapterCreator as any, - selfMute: false, - selfDeaf: false - }); - const player = createAudioPlayer({ behaviors: { noSubscriber: NoSubscriberBehavior.Play } }); - connection.subscribe(player); - state = { connection, player, guildId, channelId, currentVolume: getPersistedVolume(guildId) }; - guildAudioState.set(guildId, state); - state.connection = await ensureConnectionReady(connection, channelId, guildId, guild); - attachVoiceLifecycle(state, guild); - } - // Wenn der Bot in einer anderen ChannelId ist, sauber rüberwechseln - try { - const current = getVoiceConnection(guildId); - if (current && current.joinConfig?.channelId !== channelId) { - current.destroy(); - const connection = joinVoiceChannel({ - channelId, - guildId, - adapterCreator: guild.voiceAdapterCreator as any, - selfMute: false, - selfDeaf: false - }); - // Reuse bestehenden Player falls vorhanden - const player = state.player ?? createAudioPlayer({ behaviors: { noSubscriber: NoSubscriberBehavior.Play } }); - connection.subscribe(player); - state = { connection, player, guildId, channelId, currentVolume: state.currentVolume ?? getPersistedVolume(guildId) }; - guildAudioState.set(guildId, state); - state.connection = await ensureConnectionReady(connection, channelId, guildId, guild); - attachVoiceLifecycle(state, guild); - } - } catch {} - - // Falls keine aktive Verbindung existiert (oder nach destroy), sicherstellen - if (!getVoiceConnection(guildId)) { - const connection = joinVoiceChannel({ - channelId, - guildId, - adapterCreator: guild.voiceAdapterCreator as any, - selfMute: false, - selfDeaf: false - }); - const player = state?.player ?? createAudioPlayer({ behaviors: { noSubscriber: NoSubscriberBehavior.Play } }); - connection.subscribe(player); - state = { connection, player, guildId, channelId, currentVolume: state?.currentVolume ?? getPersistedVolume(guildId) }; - guildAudioState.set(guildId, state); - state.connection = await ensureConnectionReady(connection, channelId, guildId, guild); - attachVoiceLifecycle(state, guild); - } - const useVolume = typeof volume === 'number' && Number.isFinite(volume) - ? Math.max(0, Math.min(1, volume)) - : (state.currentVolume ?? 1); - let resource: AudioResource; - if (NORMALIZE_ENABLE) { - const cachedPath = getNormCachePath(filePath); - if (cachedPath) { - // Cache-Hit: PCM aus RAM lesen (kein Disk-I/O, instant) - const pcmBuf = getPcmFromMemory(cachedPath); - if (pcmBuf) { - const useInline = useVolume !== 1; - resource = createAudioResource(Readable.from(pcmBuf), { - inlineVolume: useInline, - inputType: StreamType.Raw - }); - } else { - // Fallback: Stream von Disk - const pcmStream = fs.createReadStream(cachedPath, { highWaterMark: 256 * 1024 }); - resource = createAudioResource(pcmStream, { inlineVolume: true, inputType: StreamType.Raw }); - } - } else { - // Cache-Miss: ffmpeg streamen (sofortige Wiedergabe) UND gleichzeitig in Cache schreiben - const cacheFile = path.join(NORM_CACHE_DIR, normCacheKey(filePath)); - const ffArgs = ['-hide_banner', '-loglevel', 'error', '-i', filePath, - '-af', `loudnorm=I=${NORMALIZE_I}:LRA=${NORMALIZE_LRA}:TP=${NORMALIZE_TP}`, - '-f', 's16le', '-ar', '48000', '-ac', '2', 'pipe:1']; - const ff = child_process.spawn('ffmpeg', ffArgs); - // Tee: Daten gleichzeitig an Player und Cache-Datei - const playerStream = new PassThrough(); - const cacheWrite = fs.createWriteStream(cacheFile); - ff.stdout.on('data', (chunk: Buffer) => { - playerStream.write(chunk); - cacheWrite.write(chunk); - }); - ff.stdout.on('end', () => { - playerStream.end(); - cacheWrite.end(); - console.log(`${new Date().toISOString()} | Loudnorm cached: ${path.basename(filePath)}`); - // In Memory-Cache laden fuer naechsten Aufruf - try { - const buf = fs.readFileSync(cacheFile); - if (pcmMemoryCacheBytes + buf.byteLength <= PCM_MEMORY_CACHE_MAX_MB * 1024 * 1024) { - pcmMemoryCache.set(cacheFile, buf); - pcmMemoryCacheBytes += buf.byteLength; - } - } catch {} - }); - ff.on('error', () => { try { fs.unlinkSync(cacheFile); } catch {} }); - ff.on('close', (code) => { - if (code !== 0) { try { fs.unlinkSync(cacheFile); } catch {} } - }); - resource = createAudioResource(playerStream, { inlineVolume: true, inputType: StreamType.Raw }); - } - } else { - resource = createAudioResource(filePath, { inlineVolume: true }); - } - if (resource.volume) resource.volume.setVolume(useVolume); - state.player.stop(); - state.player.play(resource); - state.currentResource = resource; - state.currentVolume = useVolume; - // Now-Playing broadcast - const soundLabel = relativeKey ? path.parse(relativeKey).name : path.parse(filePath).name; - nowPlaying.set(guildId, soundLabel); - sseBroadcast({ type: 'nowplaying', guildId, name: soundLabel }); - if (relativeKey) incrementPlaysFor(relativeKey); -} - -async function handleCommand(message: Message, content: string) { - const reply = async (txt: string) => { - try { await message.author.send?.(txt); } catch { await message.reply(txt); } - }; - const parts = content.split(/\s+/); - const cmd = parts[0].toLowerCase(); - - if (cmd === '?help') { - await reply( - 'Available commands\n' + - '?help - zeigt diese Hilfe\n' + - '?list - listet alle Audio-Dateien (mp3/wav)\n' + - '?entrance | remove - setze oder entferne deinen Entrance-Sound\n' + - '?exit | remove - setze oder entferne deinen Exit-Sound\n' - ); - return; - } - if (cmd === '?list') { - const files = fs - .readdirSync(SOUNDS_DIR) - .filter(f => { const l = f.toLowerCase(); return l.endsWith('.mp3') || l.endsWith('.wav'); }); - await reply(files.length ? files.join('\n') : 'Keine Dateien gefunden.'); - return; - } - if (cmd === '?entrance') { - const [, fileNameRaw] = parts; - const userId = message.author?.id ?? ''; - if (!userId) { await reply('Kein Benutzer erkannt.'); return; } - const fileName = fileNameRaw?.trim(); - if (!fileName) { await reply('Verwendung: ?entrance | remove'); return; } - if (/^(remove|clear|delete)$/i.test(fileName)) { - persistedState.entranceSounds = persistedState.entranceSounds ?? {}; - delete persistedState.entranceSounds[userId]; - writePersistedState(persistedState); - try { console.log(`${new Date().toISOString()} | Entrance removed: user=${userId} (${message.author?.tag || 'unknown'})`); } catch {} - await reply('Entrance-Sound entfernt.'); - return; - } - const lower = fileName.toLowerCase(); - if (!(lower.endsWith('.mp3') || lower.endsWith('.wav'))) { await reply('Nur .mp3 oder .wav Dateien sind erlaubt'); return; } - const resolve = (() => { - try { - const direct = path.join(SOUNDS_DIR, fileName); if (fs.existsSync(direct)) return fileName; - const dirs = fs.readdirSync(SOUNDS_DIR, { withFileTypes: true }); - for (const d of dirs) { if (!d.isDirectory()) continue; const cand = path.join(SOUNDS_DIR, d.name, fileName); if (fs.existsSync(cand)) return path.join(d.name, fileName).replace(/\\/g, '/'); } - return ''; - } catch { return ''; } - })(); - if (!resolve) { await reply('Datei nicht gefunden. Nutze ?list.'); return; } - persistedState.entranceSounds = persistedState.entranceSounds ?? {}; - persistedState.entranceSounds[userId] = resolve; - writePersistedState(persistedState); - try { - console.log(`${new Date().toISOString()} | Entrance set: user=${userId} (${message.author?.tag || 'unknown'}) file=${resolve}`); - } catch {} - await reply(`Entrance-Sound gesetzt: ${resolve}`); return; - } - if (cmd === '?exit') { - const [, fileNameRaw] = parts; - const userId = message.author?.id ?? ''; - if (!userId) { await reply('Kein Benutzer erkannt.'); return; } - const fileName = fileNameRaw?.trim(); - if (!fileName) { await reply('Verwendung: ?exit | remove'); return; } - if (/^(remove|clear|delete)$/i.test(fileName)) { - persistedState.exitSounds = persistedState.exitSounds ?? {}; - delete persistedState.exitSounds[userId]; - writePersistedState(persistedState); - try { console.log(`${new Date().toISOString()} | Exit removed: user=${userId} (${message.author?.tag || 'unknown'})`); } catch {} - await reply('Exit-Sound entfernt.'); - return; - } - const lower = fileName.toLowerCase(); - if (!(lower.endsWith('.mp3') || lower.endsWith('.wav'))) { await reply('Nur .mp3 oder .wav Dateien sind erlaubt'); return; } - const resolve = (() => { - try { - const direct = path.join(SOUNDS_DIR, fileName); if (fs.existsSync(direct)) return fileName; - const dirs = fs.readdirSync(SOUNDS_DIR, { withFileTypes: true }); - for (const d of dirs) { if (!d.isDirectory()) continue; const cand = path.join(SOUNDS_DIR, d.name, fileName); if (fs.existsSync(cand)) return path.join(d.name, fileName).replace(/\\/g, '/'); } - return ''; - } catch { return ''; } - })(); - if (!resolve) { await reply('Datei nicht gefunden. Nutze ?list.'); return; } - persistedState.exitSounds = persistedState.exitSounds ?? {}; - persistedState.exitSounds[userId] = resolve; - writePersistedState(persistedState); - try { - console.log(`${new Date().toISOString()} | Exit set: user=${userId} (${message.author?.tag || 'unknown'}) file=${resolve}`); - } catch {} - await reply(`Exit-Sound gesetzt: ${resolve}`); return; - } - await reply('Unbekannter Command. Nutze ?help.'); -} - -async function ensureConnectionReady(connection: VoiceConnection, channelId: string, guildId: string, guild: any): Promise { - // Versuch 1: Warten ob bestehende Connection ready wird - try { - await entersState(connection, VoiceConnectionStatus.Ready, 15_000); - console.log(`${new Date().toISOString()} | VoiceConnection ready`); - return connection; - } catch (e) { - console.warn(`${new Date().toISOString()} | VoiceConnection not ready, trying rejoin...`); - } - - // Versuch 2: Rejoin - try { - connection.rejoin({ channelId, selfDeaf: false, selfMute: false }); - await entersState(connection, VoiceConnectionStatus.Ready, 15_000); - console.log(`${new Date().toISOString()} | VoiceConnection ready after rejoin`); - return connection; - } catch (e2) { - console.warn(`${new Date().toISOString()} | VoiceConnection still not ready after rejoin`); - } - - // Versuch 3: Komplett neu verbinden - try { connection.destroy(); } catch {} - guildAudioState.delete(guildId); - - const newConn = joinVoiceChannel({ - channelId, - guildId, - adapterCreator: guild.voiceAdapterCreator as any, - selfMute: false, - selfDeaf: false - }); - try { - await entersState(newConn, VoiceConnectionStatus.Ready, 15_000); - console.log(`${new Date().toISOString()} | VoiceConnection ready after fresh join`); - return newConn; - } catch (e3) { - console.error(`${new Date().toISOString()} | VoiceConnection failed after all attempts, cleaning up`); - try { newConn.destroy(); } catch {} - guildAudioState.delete(guildId); - throw new Error('Voice connection failed after 3 attempts'); - } -} - -function attachVoiceLifecycle(state: GuildAudioState, guild: any) { - const { connection } = state; - // Mehrfach-Registrierung verhindern - if ((connection as any).__lifecycleAttached) return; - try { (connection as any).setMaxListeners?.(0); } catch {} - - // Retry-Tracking um Endlosschleife zu verhindern - let reconnectAttempts = 0; - const MAX_RECONNECT_ATTEMPTS = 3; - let isReconnecting = false; - - connection.on('stateChange', async (oldS: any, newS: any) => { - console.log(`${new Date().toISOString()} | VoiceConnection: ${oldS.status} -> ${newS.status}`); - - // Ready zurückgesetzt -> Retry-Counter reset - if (newS.status === VoiceConnectionStatus.Ready) { - reconnectAttempts = 0; - isReconnecting = false; - return; - } - - // Re-Entranz verhindern: wenn schon ein Reconnect läuft, nicht nochmal starten - if (isReconnecting) return; - - try { - if (newS.status === VoiceConnectionStatus.Disconnected) { - // Versuche, die Verbindung kurzfristig neu auszuhandeln, sonst rejoin - try { - await Promise.race([ - entersState(connection, VoiceConnectionStatus.Signalling, 5_000), - entersState(connection, VoiceConnectionStatus.Connecting, 5_000) - ]); - } catch { - if (reconnectAttempts < MAX_RECONNECT_ATTEMPTS) { - reconnectAttempts++; - console.warn(`${new Date().toISOString()} | Disconnected rejoin attempt ${reconnectAttempts}/${MAX_RECONNECT_ATTEMPTS}`); - connection.rejoin({ channelId: state.channelId, selfDeaf: false, selfMute: false }); - } else { - console.error(`${new Date().toISOString()} | Max reconnect attempts reached from Disconnected, destroying and rejoining fresh`); - reconnectAttempts = 0; - try { connection.destroy(); } catch {} - const newConn = joinVoiceChannel({ - channelId: state.channelId, - guildId: state.guildId, - adapterCreator: guild.voiceAdapterCreator as any, - selfMute: false, - selfDeaf: false - }); - state.connection = newConn; - newConn.subscribe(state.player); - attachVoiceLifecycle(state, guild); - } - } - } else if (newS.status === VoiceConnectionStatus.Destroyed) { - // Komplett neu beitreten - const newConn = joinVoiceChannel({ - channelId: state.channelId, - guildId: state.guildId, - adapterCreator: guild.voiceAdapterCreator as any, - selfMute: false, - selfDeaf: false - }); - state.connection = newConn; - newConn.subscribe(state.player); - attachVoiceLifecycle(state, guild); - } else if (newS.status === VoiceConnectionStatus.Connecting || newS.status === VoiceConnectionStatus.Signalling) { - isReconnecting = true; - try { - await entersState(connection, VoiceConnectionStatus.Ready, 15_000); - // Ready wird oben im Handler behandelt - } catch (e) { - reconnectAttempts++; - if (reconnectAttempts < MAX_RECONNECT_ATTEMPTS) { - const backoffMs = reconnectAttempts * 2_000; - console.warn(`${new Date().toISOString()} | Voice not ready from ${newS.status}, attempt ${reconnectAttempts}/${MAX_RECONNECT_ATTEMPTS}, backoff ${backoffMs}ms`); - await new Promise(r => setTimeout(r, backoffMs)); - isReconnecting = false; - connection.rejoin({ channelId: state.channelId, selfDeaf: false, selfMute: false }); - } else { - console.error(`${new Date().toISOString()} | Max reconnect attempts reached, destroying and rejoining fresh`); - reconnectAttempts = 0; - isReconnecting = false; - try { connection.destroy(); } catch {} - const newConn = joinVoiceChannel({ - channelId: state.channelId, - guildId: state.guildId, - adapterCreator: guild.voiceAdapterCreator as any, - selfMute: false, - selfDeaf: false - }); - state.connection = newConn; - newConn.subscribe(state.player); - attachVoiceLifecycle(state, guild); - } - } - } - } catch (e) { - isReconnecting = false; - console.error(`${new Date().toISOString()} | Voice lifecycle handler error`, e); - } - }); - (connection as any).__lifecycleAttached = true; -} - -client.once(Events.ClientReady, () => { - console.log(`Bot eingeloggt als ${client.user?.tag}`); -}); - -// Voice State Updates: Entrance/Exit -client.on(Events.VoiceStateUpdate, async (oldState: VoiceState, newState: VoiceState) => { - try { - const userId = (newState.id || oldState.id) as string; - if (!userId) return; - // Eigene Events ignorieren - if (userId === client.user?.id) return; - const guildId = (newState.guild?.id || oldState.guild?.id) as string; - if (!guildId) return; - - const before = oldState.channelId; - const after = newState.channelId; - console.log(`${new Date().toISOString()} | VoiceStateUpdate user=${userId} before=${before ?? '-'} after=${after ?? '-'}`); - - // Entrance: Nutzer betritt einen Channel (erstmaliger Join oder Wechsel) - if (after && before !== after) { - console.log(`${new Date().toISOString()} | Entrance condition met for user=${userId} before=${before ?? '-'} after=${after}`); - const mapping = persistedState.entranceSounds ?? {}; - const file = mapping[userId]; - if (file) { - const rel = file.replace(/\\/g, '/'); - const abs = path.join(SOUNDS_DIR, rel); - if (fs.existsSync(abs)) { - try { - // Dem Channel beitreten und Sound spielen - await playFilePath(guildId, after, abs, undefined, rel); - console.log(`${new Date().toISOString()} | Entrance played for ${userId}: ${rel}`); - } catch (e) { console.warn('Entrance play error', e); } - } - } - } - // Exit: Nur wenn Nutzer wirklich auflegt (after ist leer). Bei Wechsel KEIN Exit-Sound. - if (before && !after) { - console.log(`${new Date().toISOString()} | Exit condition met (disconnect) for user=${userId} before=${before}`); - const mapping = persistedState.exitSounds ?? {}; - const file = mapping[userId]; - if (file) { - const rel = file.replace(/\\/g, '/'); - const abs = path.join(SOUNDS_DIR, rel); - if (fs.existsSync(abs)) { - try { - await playFilePath(guildId, before, abs, undefined, rel); - console.log(`${new Date().toISOString()} | Exit played for ${userId}: ${rel}`); - } catch (e) { console.warn('Exit play error', e); } - } - } - } else if (before && after && before !== after) { - // Kanalwechsel: Exit-Sound unterdrücken - console.log(`${new Date().toISOString()} | Exit suppressed (move) for user=${userId} before=${before} after=${after}`); - } - } catch (e) { - console.warn('VoiceStateUpdate entrance/exit handling error', e); - } -}); - -client.on(Events.MessageCreate, async (message: Message) => { - try { - if (message.author?.bot) return; - // Commands überall annehmen (inkl. DMs) - const content = (message.content || '').trim(); - if (content.startsWith('?')) { - await handleCommand(message, content); - return; - } - // Dateiuploads nur per DM - if (!message.channel?.isDMBased?.()) return; - if (message.attachments.size === 0) return; - - for (const [, attachment] of message.attachments) { - const name = attachment.name ?? 'upload'; - const lower = name.toLowerCase(); - if (!(lower.endsWith('.mp3') || lower.endsWith('.wav'))) continue; - - const safeName = name.replace(/[^a-zA-Z0-9_.-]/g, '_'); - let targetPath = path.join(SOUNDS_DIR, safeName); - if (fs.existsSync(targetPath)) { - const base = path.parse(safeName).name; - const ext = path.parse(safeName).ext || (lower.endsWith('.wav') ? '.wav' : '.mp3'); - let i = 2; - while (fs.existsSync(targetPath)) { - targetPath = path.join(SOUNDS_DIR, `${base}-${i}${ext}`); - i += 1; - } - } - - const res = await fetch(attachment.url); - if (!res.ok) throw new Error(`Download fehlgeschlagen: ${attachment.url}`); - const arrayBuffer = await res.arrayBuffer(); - fs.writeFileSync(targetPath, Buffer.from(arrayBuffer)); - // Sofort normalisieren für instant Play - if (NORMALIZE_ENABLE) { - normalizeToCache(targetPath).catch((e) => console.warn('Norm after upload failed:', e)); - } - await message.author.send?.(`Sound gespeichert: ${path.basename(targetPath)}`); - } - } catch (err) { - console.error('Fehler bei DM-Upload:', err); - } -}); - -await client.login(DISCORD_TOKEN); - -// --- Express App --- -const app = express(); -app.use(express.json()); -app.use(cors()); - -app.get('/api/health', (_req: Request, res: Response) => { - res.json({ ok: true, totalPlays: persistedState.totalPlays ?? 0, categories: (persistedState.categories ?? []).length }); -}); - -type ListedSound = { - fileName: string; - name: string; - folder: string; - relativePath: string; -}; - -function listAllSounds(): ListedSound[] { - const rootEntries = fs.readdirSync(SOUNDS_DIR, { withFileTypes: true }); - const rootFiles: ListedSound[] = rootEntries - .filter((d) => { - if (!d.isFile()) return false; - const n = d.name.toLowerCase(); - return n.endsWith('.mp3') || n.endsWith('.wav'); - }) - .map((d) => ({ - fileName: d.name, - name: path.parse(d.name).name, - folder: '', - relativePath: d.name, - })); - - const folderItems: ListedSound[] = []; - const subFolders = rootEntries.filter((d) => d.isDirectory() && d.name !== '.norm-cache'); - for (const dirent of subFolders) { - const folderName = dirent.name; - const folderPath = path.join(SOUNDS_DIR, folderName); - const entries = fs.readdirSync(folderPath, { withFileTypes: true }); - for (const e of entries) { - if (!e.isFile()) continue; - const n = e.name.toLowerCase(); - if (!(n.endsWith('.mp3') || n.endsWith('.wav'))) continue; - folderItems.push({ - fileName: e.name, - name: path.parse(e.name).name, - folder: folderName, - relativePath: path.join(folderName, e.name), - }); - } - } - - return [...rootFiles, ...folderItems].sort((a, b) => a.name.localeCompare(b.name)); -} - -app.get('/api/analytics', (_req: Request, res: Response) => { - try { - const allItems = listAllSounds(); - const byKey = new Map(); - for (const it of allItems) { - byKey.set(it.relativePath, it); - if (!byKey.has(it.fileName)) byKey.set(it.fileName, it); - } - - const mostPlayed = Object.entries(persistedState.plays ?? {}) - .map(([rel, count]) => { - const item = byKey.get(rel); - if (!item) return null; - return { - name: item.name, - relativePath: item.relativePath, - count: Number(count) || 0, - }; - }) - .filter((x): x is { name: string; relativePath: string; count: number } => !!x) - .sort((a, b) => b.count - a.count || a.name.localeCompare(b.name)) - .slice(0, 10); - - res.json({ - totalSounds: allItems.length, - totalPlays: persistedState.totalPlays ?? 0, - mostPlayed, - }); - } catch (e: any) { - res.status(500).json({ error: e?.message ?? 'Analytics konnten nicht geladen werden' }); - } -}); - -// --- Admin Auth --- -type AdminPayload = { iat: number; exp: number }; -function b64url(input: Buffer | string): string { - return Buffer.from(input).toString('base64').replace(/=/g, '').replace(/\+/g, '-').replace(/\//g, '_'); -} -function signAdminToken(payload: AdminPayload): string { - const body = b64url(JSON.stringify(payload)); - const sig = crypto.createHmac('sha256', ADMIN_PWD || 'no-admin').update(body).digest('base64url'); - return `${body}.${sig}`; -} -function verifyAdminToken(token: string | undefined): boolean { - if (!token || !ADMIN_PWD) return false; - const [body, sig] = token.split('.'); - if (!body || !sig) return false; - const expected = crypto.createHmac('sha256', ADMIN_PWD).update(body).digest('base64url'); - if (expected !== sig) return false; - try { - const payload = JSON.parse(Buffer.from(body, 'base64').toString('utf8')) as AdminPayload; - if (typeof payload.exp !== 'number') return false; - return Date.now() < payload.exp; - } catch { - return false; - } -} -function readCookie(req: Request, key: string): string | undefined { - const c = req.headers.cookie; - if (!c) return undefined; - for (const part of c.split(';')) { - const [k, v] = part.trim().split('='); - if (k === key) return decodeURIComponent(v || ''); - } - return undefined; -} -function requireAdmin(req: Request, res: Response, next: () => void) { - if (!ADMIN_PWD) return res.status(503).json({ error: 'Admin nicht konfiguriert' }); - const token = readCookie(req, 'admin'); - if (!verifyAdminToken(token)) return res.status(401).json({ error: 'Nicht eingeloggt' }); - next(); -} - -app.post('/api/admin/login', (req: Request, res: Response) => { - if (!ADMIN_PWD) return res.status(503).json({ error: 'Admin nicht konfiguriert' }); - const { password } = req.body as { password?: string }; - if (!password || password !== ADMIN_PWD) return res.status(401).json({ error: 'Falsches Passwort' }); - const token = signAdminToken({ iat: Date.now(), exp: Date.now() + 7 * 24 * 3600 * 1000 }); - res.setHeader('Set-Cookie', `admin=${encodeURIComponent(token)}; HttpOnly; Path=/; Max-Age=${7 * 24 * 3600}; SameSite=Lax`); - res.json({ ok: true }); -}); - -app.post('/api/admin/logout', (_req: Request, res: Response) => { - res.setHeader('Set-Cookie', 'admin=; HttpOnly; Path=/; Max-Age=0; SameSite=Lax'); - res.json({ ok: true }); -}); - -app.get('/api/admin/status', (req: Request, res: Response) => { - res.json({ authenticated: verifyAdminToken(readCookie(req, 'admin')) }); -}); - -app.get('/api/sounds', (req: Request, res: Response) => { - const q = String(req.query.q ?? '').toLowerCase(); - const folderFilter = typeof req.query.folder === 'string' ? (req.query.folder as string) : '__all__'; - const categoryFilter = typeof (req.query as any).categoryId === 'string' ? String((req.query as any).categoryId) : undefined; - const fuzzyParam = String((req.query as any).fuzzy ?? '0'); - const useFuzzy = fuzzyParam === '1' || fuzzyParam === 'true'; - - const allItems = listAllSounds(); - - // Ordner-Statistik aus allItems ableiten - const folderCounts = new Map(); - for (const it of allItems) { - if (it.folder) folderCounts.set(it.folder, (folderCounts.get(it.folder) ?? 0) + 1); - } - const folders: Array<{ key: string; name: string; count: number }> = []; - for (const [key, count] of folderCounts) { - folders.push({ key, name: key, count }); - } - - // Zeitstempel für Neu-Logik - type ItemWithTime = { fileName: string; name: string; folder: string; relativePath: string; mtimeMs: number }; - const allWithTime: ItemWithTime[] = [...allItems].map((it) => { - const stat = fs.statSync(path.join(SOUNDS_DIR, it.relativePath)); - return { ...it, mtimeMs: stat.mtimeMs }; - }); - const sortedByNewest = [...allWithTime].sort((a, b) => b.mtimeMs - a.mtimeMs); - const recentTop10 = sortedByNewest.slice(0, 10); - const recentTop5Set = new Set(recentTop10.slice(0, 5).map((x) => x.relativePath)); - let itemsByFolder = allItems; - if (folderFilter !== '__all__') { - if (folderFilter === '__recent__') { - itemsByFolder = recentTop10.map(({ fileName, name, folder, relativePath }) => ({ fileName, name, folder, relativePath })); - } else { - itemsByFolder = allItems.filter((it) => (folderFilter === '' ? it.folder === '' : it.folder === folderFilter)); - } - } - // Fuzzy-Score: bevorzugt Präfixe, zusammenhängende Treffer und frühe Positionen - function fuzzyScore(text: string, pattern: string): number { - if (!pattern) return 1; - if (text === pattern) return 2000; - const idx = text.indexOf(pattern); - if (idx !== -1) { - let base = 1000; - if (idx === 0) base += 200; // Präfix-Bonus - return base - idx * 2; // leichte Positionsstrafe - } - // subsequence Matching - let textIndex = 0; - let patIndex = 0; - let score = 0; - let lastMatch = -1; - let gaps = 0; - let firstMatchPos = -1; - while (textIndex < text.length && patIndex < pattern.length) { - if (text[textIndex] === pattern[patIndex]) { - if (firstMatchPos === -1) firstMatchPos = textIndex; - if (lastMatch === textIndex - 1) { - score += 5; // zusammenhängende Treffer belohnen - } - lastMatch = textIndex; - patIndex++; - } else if (firstMatchPos !== -1) { - gaps++; - } - textIndex++; - } - if (patIndex !== pattern.length) return 0; // nicht alle Pattern-Zeichen gefunden - score += Math.max(0, 300 - firstMatchPos * 2); // frühe Starts belohnen - score += Math.max(0, 100 - gaps * 10); // weniger Lücken belohnen - return score; - } - - let filteredItems = itemsByFolder; - if (q) { - if (useFuzzy) { - const scored = itemsByFolder - .map((it) => ({ it, score: fuzzyScore(it.name.toLowerCase(), q) })) - .filter((x) => x.score > 0) - .sort((a, b) => (b.score - a.score) || a.it.name.localeCompare(b.it.name)); - filteredItems = scored.map((x) => x.it); - } else { - filteredItems = itemsByFolder.filter((s) => s.name.toLowerCase().includes(q)); - } - } - - const total = allItems.length; - const recentCount = Math.min(10, total); - // Nerdinfos: Top 3 meistgespielte - const playsEntries = Object.entries(persistedState.plays || {}); - const top3 = playsEntries - .sort((a, b) => (b[1] as number) - (a[1] as number)) - .slice(0, 3) - .map(([rel, count]) => { - const it = allItems.find(i => (i.relativePath === rel || i.fileName === rel)); - return it ? { key: `__top__:${rel}`, name: `${it.name} (${count})`, count: 1 } : null; - }) - .filter(Boolean) as Array<{ key: string; name: string; count: number }>; - - const foldersOut = [ - { key: '__all__', name: 'Alle', count: total }, - { key: '__recent__', name: 'Neu', count: recentCount }, - ...(top3.length ? [{ key: '__top3__', name: 'Most Played (3)', count: top3.length }] : []), - ...folders - ]; - // isRecent-Flag für UI (Top 5 der neuesten) - // Kategorie-Filter (virtuell) anwenden, wenn gesetzt - let result = filteredItems; - if (categoryFilter) { - const fc = persistedState.fileCategories ?? {}; - result = result.filter((it) => { - const key = it.relativePath ?? it.fileName; - const cats = fc[key] ?? []; - return cats.includes(categoryFilter); - }); - } - if (folderFilter === '__top3__') { - const keys = new Set(top3.map(t => t.key.split(':')[1])); - result = allItems.filter(i => keys.has(i.relativePath ?? i.fileName)); - } - - // Badges vorbereiten (Top3 = Rakete, Recent = New) - const top3Set = new Set(top3.map(t => t.key.split(':')[1])); - const customBadges = persistedState.fileBadges ?? {}; - const withRecentFlag = result.map((it) => { - const key = it.relativePath ?? it.fileName; - const badges: string[] = []; - if (recentTop5Set.has(key)) badges.push('new'); - if (top3Set.has(key)) badges.push('rocket'); - for (const b of (customBadges[key] ?? [])) badges.push(b); - return { ...it, isRecent: recentTop5Set.has(key), badges } as any; - }); - - res.json({ items: withRecentFlag, total, folders: foldersOut, categories: persistedState.categories ?? [], fileCategories: persistedState.fileCategories ?? {} }); -}); - -// --- Admin: Bulk-Delete --- -app.post('/api/admin/sounds/delete', requireAdmin, (req: Request, res: Response) => { - const { paths } = req.body as { paths?: string[] }; - if (!Array.isArray(paths) || paths.length === 0) return res.status(400).json({ error: 'paths[] erforderlich' }); - const results: Array<{ path: string; ok: boolean; error?: string }> = []; - for (const rel of paths) { - const full = safeSoundsPath(rel); - if (!full) { results.push({ path: rel, ok: false, error: 'Ungültiger Pfad' }); continue; } - try { - if (fs.existsSync(full) && fs.statSync(full).isFile()) { - fs.unlinkSync(full); - // Loudnorm-Cache aufräumen - try { const cf = path.join(NORM_CACHE_DIR, normCacheKey(full)); if (fs.existsSync(cf)) fs.unlinkSync(cf); } catch {} - results.push({ path: rel, ok: true }); - } else { - results.push({ path: rel, ok: false, error: 'nicht gefunden' }); - } - } catch (e: any) { - results.push({ path: rel, ok: false, error: e?.message ?? 'Fehler' }); - } - } - res.json({ ok: true, results }); -}); - -// --- Admin: Umbenennen einer Datei --- -app.post('/api/admin/sounds/rename', requireAdmin, (req: Request, res: Response) => { - const { from, to } = req.body as { from?: string; to?: string }; - if (!from || !to) return res.status(400).json({ error: 'from und to erforderlich' }); - const src = safeSoundsPath(from); - if (!src) return res.status(400).json({ error: 'Ungültiger Quellpfad' }); - const parsed = path.parse(from); - // UTF-8 Zeichen erlauben: Leerzeichen, Umlaute, etc. - nur problematische Zeichen filtern - const sanitizedName = to.replace(/[<>:"/\\|?*\x00-\x1f]/g, '_'); - const dstRel = path.join(parsed.dir || '', `${sanitizedName}.mp3`); - const dst = safeSoundsPath(dstRel); - if (!dst) return res.status(400).json({ error: 'Ungültiger Zielpfad' }); - try { - if (!fs.existsSync(src)) return res.status(404).json({ error: 'Quelle nicht gefunden' }); - if (fs.existsSync(dst)) return res.status(409).json({ error: 'Ziel existiert bereits' }); - fs.renameSync(src, dst); - // Loudnorm-Cache für alte Datei aufräumen (neue wird beim nächsten Play erzeugt) - try { const cf = path.join(NORM_CACHE_DIR, normCacheKey(src)); if (fs.existsSync(cf)) fs.unlinkSync(cf); } catch {} - res.json({ ok: true, from, to: dstRel }); - } catch (e: any) { - res.status(500).json({ error: e?.message ?? 'Rename fehlgeschlagen' }); - } -}); - -// --- Datei-Upload (Drag & Drop) --- -type MulterFile = { fieldname: string; originalname: string; encoding: string; mimetype: string; destination: string; filename: string; path: string; size: number; }; - -const uploadStorage = multer.diskStorage({ - destination: (_req: any, _file: any, cb: (e: null, dest: string) => void) => cb(null, SOUNDS_DIR), - filename: (_req: any, file: { originalname: string }, cb: (e: null, name: string) => void) => { - const safe = file.originalname.replace(/[<>:"/\\|?*\x00-\x1f]/g, '_'); - const { name, ext } = path.parse(safe); - let finalName = safe; - let i = 2; - while (fs.existsSync(path.join(SOUNDS_DIR, finalName))) { - finalName = `${name}-${i}${ext}`; - i++; - } - cb(null, finalName); - }, -}); -const uploadMulter = multer({ - storage: uploadStorage, - fileFilter: (_req: any, file: { originalname: string }, cb: (e: null, ok: boolean) => void) => { - const ext = path.extname(file.originalname).toLowerCase(); - cb(null, ext === '.mp3' || ext === '.wav'); - }, - limits: { fileSize: 50 * 1024 * 1024, files: 20 }, -}); - -app.post('/api/upload', requireAdmin, (req: Request, res: Response) => { - uploadMulter.array('files', 20)(req, res, async (err: any) => { - if (err) return res.status(400).json({ error: err?.message ?? 'Upload fehlgeschlagen' }); - const files = (req as any).files as MulterFile[] | undefined; - if (!files?.length) return res.status(400).json({ error: 'Keine gültigen Dateien (nur MP3/WAV)' }); - const saved = files.map(f => ({ name: f.filename, size: f.size })); - // Normalisierung im Hintergrund starten - if (NORMALIZE_ENABLE) { - for (const f of files) { - normalizeToCache(f.path).catch(e => console.warn(`Norm after upload failed (${f.filename}):`, e)); - } - } - console.log(`${new Date().toISOString()} | Upload: ${files.map(f => f.filename).join(', ')}`); - res.json({ ok: true, files: saved }); - }); -}); - -// --- Kategorien API --- -app.get('/api/categories', (_req: Request, res: Response) => { - res.json({ categories: persistedState.categories ?? [] }); -}); - -app.post('/api/categories', requireAdmin, (req: Request, res: Response) => { - const { name, color, sort } = req.body as { name?: string; color?: string; sort?: number }; - const n = (name || '').trim(); - if (!n) return res.status(400).json({ error: 'name erforderlich' }); - const id = crypto.randomUUID(); - const cat = { id, name: n, color, sort }; - persistedState.categories = [...(persistedState.categories ?? []), cat]; - writePersistedState(persistedState); - res.json({ ok: true, category: cat }); -}); - -app.patch('/api/categories/:id', requireAdmin, (req: Request, res: Response) => { - const { id } = req.params; - const { name, color, sort } = req.body as { name?: string; color?: string; sort?: number }; - const cats = persistedState.categories ?? []; - const idx = cats.findIndex(c => c.id === id); - if (idx === -1) return res.status(404).json({ error: 'Kategorie nicht gefunden' }); - const updated = { ...cats[idx] } as any; - if (typeof name === 'string') updated.name = name; - if (typeof color === 'string') updated.color = color; - if (typeof sort === 'number') updated.sort = sort; - cats[idx] = updated; - persistedState.categories = cats; - writePersistedState(persistedState); - res.json({ ok: true, category: updated }); -}); - -app.delete('/api/categories/:id', requireAdmin, (req: Request, res: Response) => { - const { id } = req.params; - const cats = persistedState.categories ?? []; - if (!cats.find(c => c.id === id)) return res.status(404).json({ error: 'Kategorie nicht gefunden' }); - persistedState.categories = cats.filter(c => c.id !== id); - // Zuordnungen entfernen - const fc = persistedState.fileCategories ?? {}; - for (const k of Object.keys(fc)) fc[k] = (fc[k] ?? []).filter(x => x !== id); - persistedState.fileCategories = fc; - writePersistedState(persistedState); - res.json({ ok: true }); -}); - -// Bulk-Assign/Remove Kategorien zu Dateien -app.post('/api/categories/assign', requireAdmin, (req: Request, res: Response) => { - const { files, add, remove } = req.body as { files?: string[]; add?: string[]; remove?: string[] }; - if (!Array.isArray(files) || files.length === 0) return res.status(400).json({ error: 'files[] erforderlich' }); - const validCats = new Set((persistedState.categories ?? []).map(c => c.id)); - const toAdd = (add ?? []).filter(id => validCats.has(id)); - const toRemove = (remove ?? []).filter(id => validCats.has(id)); - const fc = persistedState.fileCategories ?? {}; - for (const rel of files) { - const key = rel; - const old = new Set(fc[key] ?? []); - for (const a of toAdd) old.add(a); - for (const r of toRemove) old.delete(r); - fc[key] = Array.from(old); - } - persistedState.fileCategories = fc; - writePersistedState(persistedState); - res.json({ ok: true, fileCategories: fc }); -}); - -// Badges (custom) setzen/entfernen (Rakete/Neu kommen automatisch, hier nur freie Badges) -app.post('/api/badges/assign', requireAdmin, (req: Request, res: Response) => { - const { files, add, remove } = req.body as { files?: string[]; add?: string[]; remove?: string[] }; - if (!Array.isArray(files) || files.length === 0) return res.status(400).json({ error: 'files[] erforderlich' }); - const fb = persistedState.fileBadges ?? {}; - for (const rel of files) { - const key = rel; - const old = new Set(fb[key] ?? []); - for (const a of (add ?? [])) old.add(a); - for (const r of (remove ?? [])) old.delete(r); - fb[key] = Array.from(old); - } - persistedState.fileBadges = fb; - writePersistedState(persistedState); - res.json({ ok: true, fileBadges: fb }); -}); - -// Alle Custom-Badges für die angegebenen Dateien entfernen -app.post('/api/badges/clear', requireAdmin, (req: Request, res: Response) => { - const { files } = req.body as { files?: string[] }; - if (!Array.isArray(files) || files.length === 0) return res.status(400).json({ error: 'files[] erforderlich' }); - const fb = persistedState.fileBadges ?? {}; - for (const rel of files) { - delete fb[rel]; - } - persistedState.fileBadges = fb; - writePersistedState(persistedState); - res.json({ ok: true, fileBadges: fb }); -}); - -app.get('/api/channels', (_req: Request, res: Response) => { - if (!client.isReady()) return res.status(503).json({ error: 'Bot noch nicht bereit' }); - - const allowed = new Set(ALLOWED_GUILD_IDS); - const result: Array<{ guildId: string; guildName: string; channelId: string; channelName: string; selected?: boolean }> = []; - for (const [, guild] of client.guilds.cache) { - if (allowed.size > 0 && !allowed.has(guild.id)) continue; - const channels = guild.channels.cache; - for (const [, ch] of channels) { - if (ch?.type === ChannelType.GuildVoice || ch?.type === ChannelType.GuildStageVoice) { - const sel = getSelectedChannelForGuild(guild.id); - result.push({ guildId: guild.id, guildName: guild.name, channelId: ch.id, channelName: ch.name, selected: sel === ch.id }); - } - } - } - result.sort((a, b) => a.guildName.localeCompare(b.guildName) || a.channelName.localeCompare(b.channelName)); - res.json(result); -}); - -// Globale Channel-Auswahl: auslesen (komplettes Mapping) -app.get('/api/selected-channels', (_req: Request, res: Response) => { - try { - res.json({ selected: persistedState.selectedChannels ?? {} }); - } catch (e: any) { - res.status(500).json({ error: e?.message ?? 'Unbekannter Fehler' }); - } -}); - -// Globale Channel-Auswahl: setzen (validiert Channel-Typ) -app.post('/api/selected-channel', async (req: Request, res: Response) => { - try { - const { guildId, channelId } = req.body as { guildId?: string; channelId?: string }; - const gid = String(guildId ?? ''); - const cid = String(channelId ?? ''); - if (!gid || !cid) return res.status(400).json({ error: 'guildId und channelId erforderlich' }); - const guild = client.guilds.cache.get(gid); - if (!guild) return res.status(404).json({ error: 'Guild nicht gefunden' }); - const ch = guild.channels.cache.get(cid); - if (!ch || (ch.type !== ChannelType.GuildVoice && ch.type !== ChannelType.GuildStageVoice)) { - return res.status(400).json({ error: 'Ungültiger Voice-Channel' }); - } - setSelectedChannelForGuild(gid, cid); - return res.json({ ok: true }); - } catch (e: any) { - console.error('selected-channel error', e); - return res.status(500).json({ error: e?.message ?? 'Unbekannter Fehler' }); - } -}); - -app.post('/api/play', async (req: Request, res: Response) => { - try { - const { soundName, guildId, channelId, volume, folder, relativePath } = req.body as { - soundName?: string; - guildId?: string; - channelId?: string; - volume?: number; // 0..1 - folder?: string; // optional subfolder key - relativePath?: string; // optional direct relative path - }; - if (!soundName || !guildId || !channelId) return res.status(400).json({ error: 'soundName, guildId, channelId erforderlich' }); - - let filePath: string; - if (relativePath) filePath = path.join(SOUNDS_DIR, relativePath); - else if (folder) { - const mp3 = path.join(SOUNDS_DIR, folder, `${soundName}.mp3`); - const wav = path.join(SOUNDS_DIR, folder, `${soundName}.wav`); - filePath = fs.existsSync(mp3) ? mp3 : wav; - } else { - const mp3 = path.join(SOUNDS_DIR, `${soundName}.mp3`); - const wav = path.join(SOUNDS_DIR, `${soundName}.wav`); - filePath = fs.existsSync(mp3) ? mp3 : wav; - } - if (!fs.existsSync(filePath)) return res.status(404).json({ error: 'Sound nicht gefunden' }); - - // Delegiere an playFilePath (inkl. Loudnorm, Connection-Management, Now-Playing Broadcast) - const relKey = relativePath || (folder ? `${folder}/${soundName}` : soundName); - await playFilePath(guildId, channelId, filePath, volume, relKey!); - return res.json({ ok: true }); - } catch (err: any) { - console.error('Play-Fehler:', err); - return res.status(500).json({ error: err?.message ?? 'Unbekannter Fehler' }); - } -}); - -// Lautstärke zur Laufzeit ändern (0..1). Wirken sofort auf aktuelle Resource, sonst als Default für nächste Wiedergabe. -app.post('/api/volume', (req: Request, res: Response) => { - try { - const { guildId, volume } = req.body as { guildId?: string; volume?: number }; - if (!guildId || typeof volume !== 'number' || !Number.isFinite(volume)) { - return res.status(400).json({ error: 'guildId und volume (0..1) erforderlich' }); - } - const safeVolume = Math.max(0, Math.min(1, volume)); - const state = guildAudioState.get(guildId); - if (!state) { - // Kein aktiver Player: nur persistieren für nächste Wiedergabe - persistedState.volumes[guildId] = safeVolume; - writePersistedState(persistedState); - // Broadcast neue Lautstärke an alle Clients - sseBroadcast({ type: 'volume', guildId, volume: safeVolume }); - return res.json({ ok: true, volume: safeVolume, persistedOnly: true }); - } - state.currentVolume = safeVolume; - if (state.currentResource?.volume) { - state.currentResource.volume.setVolume(safeVolume); - console.log(`${new Date().toISOString()} | live setVolume(${safeVolume}) guild=${guildId}`); - } - persistedState.volumes[guildId] = safeVolume; - writePersistedState(persistedState); - // Broadcast neue Lautstärke an alle Clients - sseBroadcast({ type: 'volume', guildId, volume: safeVolume }); - return res.json({ ok: true, volume: safeVolume }); - } catch (e: any) { - console.error('Volume-Fehler:', e); - return res.status(500).json({ error: e?.message ?? 'Unbekannter Fehler' }); - } -}); - -// Aktuelle/gespeicherte Lautstärke abrufen -app.get('/api/volume', (req: Request, res: Response) => { - const guildId = String(req.query.guildId ?? ''); - if (!guildId) return res.status(400).json({ error: 'guildId erforderlich' }); - const state = guildAudioState.get(guildId); - const v = state?.currentVolume ?? getPersistedVolume(guildId); - return res.json({ volume: v }); -}); - -// Panik: Stoppe aktuelle Wiedergabe sofort -app.post('/api/stop', (req: Request, res: Response) => { - try { - const guildId = String((req.query.guildId || (req.body as any)?.guildId) ?? ''); - if (!guildId) return res.status(400).json({ error: 'guildId erforderlich' }); - const state = guildAudioState.get(guildId); - if (!state) return res.status(404).json({ error: 'Kein aktiver Player' }); - state.player.stop(true); - // Now-Playing löschen - nowPlaying.delete(guildId); - sseBroadcast({ type: 'nowplaying', guildId, name: '' }); - // Partymode für diese Guild ebenfalls stoppen - try { - const t = partyTimers.get(guildId); - if (t) clearTimeout(t); - partyTimers.delete(guildId); - partyActive.delete(guildId); - sseBroadcast({ type: 'party', guildId, active: false }); - } catch {} - return res.json({ ok: true }); - } catch (e: any) { - return res.status(500).json({ error: e?.message ?? 'Unbekannter Fehler' }); - } -}); - -// --- Partymode (serverseitig) --- -function schedulePartyPlayback(guildId: string, channelId: string) { - const MIN_DELAY = 30_000; // 30s - const MAX_EXTRA = 60_000; // +0..60s => 30..90s - - const doPlay = async () => { - try { - // Dateien ermitteln (mp3/wav, inkl. Subfolder) - const rootEntries = fs.readdirSync(SOUNDS_DIR, { withFileTypes: true }); - const pick: string[] = []; - for (const d of rootEntries) { - if (d.isFile()) { - const l = d.name.toLowerCase(); if (l.endsWith('.mp3') || l.endsWith('.wav')) pick.push(path.join(SOUNDS_DIR, d.name)); - } else if (d.isDirectory()) { - const folderPath = path.join(SOUNDS_DIR, d.name); - const entries = fs.readdirSync(folderPath, { withFileTypes: true }); - for (const e of entries) { - if (!e.isFile()) continue; - const n = e.name.toLowerCase(); - if (n.endsWith('.mp3') || n.endsWith('.wav')) pick.push(path.join(folderPath, e.name)); - } - } - } - if (pick.length === 0) return; - const filePath = pick[Math.floor(Math.random() * pick.length)]; - await playFilePath(guildId, channelId, filePath); - } catch (err) { - console.error('Partymode play error:', err); - } - }; - - const loop = async () => { - if (!partyActive.has(guildId)) return; - await doPlay(); - if (!partyActive.has(guildId)) return; - const delay = MIN_DELAY + Math.floor(Math.random() * MAX_EXTRA); - const t = setTimeout(loop, delay); - partyTimers.set(guildId, t); - }; - - // Start: sofort spielen und nächste planen - partyActive.add(guildId); - void loop(); - // Broadcast Status - sseBroadcast({ type: 'party', guildId, active: true, channelId }); -} - -app.post('/api/party/start', async (req: Request, res: Response) => { - try { - const { guildId, channelId } = req.body as { guildId?: string; channelId?: string }; - if (!guildId || !channelId) return res.status(400).json({ error: 'guildId und channelId erforderlich' }); - // vorhandenen Timer stoppen - const old = partyTimers.get(guildId); if (old) clearTimeout(old); - partyTimers.delete(guildId); - schedulePartyPlayback(guildId, channelId); - return res.json({ ok: true }); - } catch (e: any) { - console.error('party/start error', e); - return res.status(500).json({ error: e?.message ?? 'Unbekannter Fehler' }); - } -}); - -app.post('/api/party/stop', (req: Request, res: Response) => { - try { - const { guildId } = req.body as { guildId?: string }; - const id = String(guildId ?? ''); - if (!id) return res.status(400).json({ error: 'guildId erforderlich' }); - const t = partyTimers.get(id); if (t) clearTimeout(t); - partyTimers.delete(id); - partyActive.delete(id); - sseBroadcast({ type: 'party', guildId: id, active: false }); - return res.json({ ok: true }); - } catch (e: any) { - console.error('party/stop error', e); - return res.status(500).json({ error: e?.message ?? 'Unbekannter Fehler' }); - } -}); - -// Server-Sent Events Endpoint -app.get('/api/events', (req: Request, res: Response) => { - res.setHeader('Content-Type', 'text/event-stream'); - res.setHeader('Cache-Control', 'no-cache'); - res.setHeader('Connection', 'keep-alive'); - res.flushHeaders?.(); - - // Snapshot senden - try { - res.write(`data: ${JSON.stringify({ type: 'snapshot', party: Array.from(partyActive), selected: persistedState.selectedChannels ?? {}, volumes: persistedState.volumes ?? {}, nowplaying: Object.fromEntries(nowPlaying) })}\n\n`); - } catch {} - - // Ping, damit Proxies die Verbindung offen halten - const ping = setInterval(() => { try { res.write(':\n\n'); } catch {} }, 15_000); - - sseClients.add(res); - req.on('close', () => { - sseClients.delete(res); - clearInterval(ping); - try { res.end(); } catch {} - }); -}); - -// --- Medien-URL abspielen --- -// Unterstützt: direkte MP3-URL (Download und Ablage) -app.post('/api/play-url', async (req: Request, res: Response) => { - try { - const { url, guildId, channelId, volume } = req.body as { url?: string; guildId?: string; channelId?: string; volume?: number }; - if (!url || !guildId || !channelId) return res.status(400).json({ error: 'url, guildId, channelId erforderlich' }); - - let parsed: URL; - try { - parsed = new URL(url); - } catch { - return res.status(400).json({ error: 'Ungültige URL' }); - } - const pathname = parsed.pathname.toLowerCase(); - if (!pathname.endsWith('.mp3')) { - return res.status(400).json({ error: 'Nur direkte MP3-Links werden unterstützt.' }); - } - const fileName = path.basename(parsed.pathname); - const dest = path.join(SOUNDS_DIR, fileName); - const r = await fetch(url); - if (!r.ok) return res.status(400).json({ error: 'Download fehlgeschlagen' }); - const buf = Buffer.from(await r.arrayBuffer()); - fs.writeFileSync(dest, buf); - // Vor dem Abspielen normalisieren → sofort aus Cache - if (NORMALIZE_ENABLE) { - try { await normalizeToCache(dest); } catch (e) { console.warn('Norm after URL import failed:', e); } - } - try { - await playFilePath(guildId, channelId, dest, volume, path.basename(dest)); - } catch { - return res.status(500).json({ error: 'Abspielen fehlgeschlagen' }); - } - return res.json({ ok: true, saved: path.basename(dest) }); - } catch (e: any) { - console.error('play-url error:', e); - return res.status(500).json({ error: e?.message ?? 'Unbekannter Fehler' }); - } -}); - -// Static Frontend ausliefern (Vite build) -const webDistPath = path.resolve(__dirname, '../../web/dist'); -if (fs.existsSync(webDistPath)) { - app.use(express.static(webDistPath)); - app.get('/{*splat}', (_req, res) => { - res.sendFile(path.join(webDistPath, 'index.html')); - }); -} - -// Node 24 warnt bei negativen Timeout-Werten (aus @discordjs/voice intern) - harmlos unterdruecken -process.on('warning', (warning) => { - if (warning.name === 'TimeoutNegativeWarning') return; - console.warn(warning.name + ': ' + warning.message); -}); -process.on('uncaughtException', (err) => { - console.error(`FATAL uncaughtException:`, err); - process.exit(1); -}); -process.on('unhandledRejection', (reason) => { - console.error(`FATAL unhandledRejection:`, reason); -}); - -app.listen(PORT, () => { - console.log(`Server läuft auf http://0.0.0.0:${PORT}`); - - // Vollständige Cache-Synchronisation beim Start (Hintergrund) - syncNormCache(); -}); - - - - +import path from 'node:path'; +import fs from 'node:fs'; +import { fileURLToPath } from 'node:url'; +import express, { Request, Response } from 'express'; +import multer from 'multer'; +import cors from 'cors'; +import crypto from 'node:crypto'; +import { Client, GatewayIntentBits, Partials, ChannelType, Events, type Message, VoiceState } from 'discord.js'; +import { + joinVoiceChannel, + createAudioPlayer, + createAudioResource, + AudioPlayerStatus, + NoSubscriberBehavior, + getVoiceConnection, + type VoiceConnection, + type AudioResource, + StreamType, + generateDependencyReport, + entersState, + VoiceConnectionStatus +} from '@discordjs/voice'; +import sodium from 'libsodium-wrappers'; +import nacl from 'tweetnacl'; +// Streaming externer Plattformen entfernt – nur MP3-URLs werden noch unterstützt +import child_process from 'node:child_process'; +import { PassThrough, Readable } from 'node:stream'; + +const __filename = fileURLToPath(import.meta.url); +const __dirname = path.dirname(__filename); + +// --- Config --- +const PORT = Number(process.env.PORT ?? 8080); +const SOUNDS_DIR = process.env.SOUNDS_DIR ?? '/data/sounds'; +const DISCORD_TOKEN = process.env.DISCORD_TOKEN ?? ''; +const ADMIN_PWD = process.env.ADMIN_PWD ?? ''; +const ALLOWED_GUILD_IDS = (process.env.ALLOWED_GUILD_IDS ?? '') + .split(',') + .map((s) => s.trim()) + .filter(Boolean); + +if (!DISCORD_TOKEN) { + console.error('Fehlende Umgebungsvariable DISCORD_TOKEN'); + process.exit(1); +} + +fs.mkdirSync(SOUNDS_DIR, { recursive: true }); + +// Persistenter Zustand: Lautstärke/Plays + Kategorien +type Category = { id: string; name: string; color?: string; sort?: number }; + type PersistedState = { + volumes: Record; + plays: Record; + totalPlays: number; + categories?: Category[]; + fileCategories?: Record; // relPath or fileName -> categoryIds[] + fileBadges?: Record; // relPath or fileName -> custom badges (emoji/text) + selectedChannels?: Record; // guildId -> channelId (serverweite Auswahl) + entranceSounds?: Record; // userId -> relativePath or fileName + exitSounds?: Record; // userId -> relativePath or fileName +}; +// Neuer, persistenter Speicherort direkt im Sounds-Volume +const STATE_FILE_NEW = path.join(SOUNDS_DIR, 'state.json'); +// Alter Speicherort (eine Ebene über SOUNDS_DIR). Wird für Migration gelesen, falls vorhanden. +const STATE_FILE_OLD = path.join(path.resolve(SOUNDS_DIR, '..'), 'state.json'); + +function readPersistedState(): PersistedState { + try { + // 1) Bevorzugt neuen Speicherort lesen + if (fs.existsSync(STATE_FILE_NEW)) { + const raw = fs.readFileSync(STATE_FILE_NEW, 'utf8'); + const parsed = JSON.parse(raw); + return { + volumes: parsed.volumes ?? {}, + plays: parsed.plays ?? {}, + totalPlays: parsed.totalPlays ?? 0, + categories: Array.isArray(parsed.categories) ? parsed.categories : [], + fileCategories: parsed.fileCategories ?? {}, + fileBadges: parsed.fileBadges ?? {}, + selectedChannels: parsed.selectedChannels ?? {}, + entranceSounds: parsed.entranceSounds ?? {}, + exitSounds: parsed.exitSounds ?? {} + } as PersistedState; + } + // 2) Fallback: alten Speicherort lesen und sofort nach NEW migrieren + if (fs.existsSync(STATE_FILE_OLD)) { + const raw = fs.readFileSync(STATE_FILE_OLD, 'utf8'); + const parsed = JSON.parse(raw); + const migrated: PersistedState = { + volumes: parsed.volumes ?? {}, + plays: parsed.plays ?? {}, + totalPlays: parsed.totalPlays ?? 0, + categories: Array.isArray(parsed.categories) ? parsed.categories : [], + fileCategories: parsed.fileCategories ?? {}, + fileBadges: parsed.fileBadges ?? {}, + selectedChannels: parsed.selectedChannels ?? {}, + entranceSounds: parsed.entranceSounds ?? {}, + exitSounds: parsed.exitSounds ?? {} + }; + try { + fs.mkdirSync(path.dirname(STATE_FILE_NEW), { recursive: true }); + fs.writeFileSync(STATE_FILE_NEW, JSON.stringify(migrated, null, 2), 'utf8'); + } catch {} + return migrated; + } + } catch {} + return { volumes: {}, plays: {}, totalPlays: 0 }; +} + +function writePersistedState(state: PersistedState): void { + try { + fs.mkdirSync(path.dirname(STATE_FILE_NEW), { recursive: true }); + fs.writeFileSync(STATE_FILE_NEW, JSON.stringify(state, null, 2), 'utf8'); + } catch (e) { + console.warn('Persisted state konnte nicht geschrieben werden:', e); + } +} + +const persistedState: PersistedState = readPersistedState(); + +// Debounced write: sammelt Schreibaufrufe und schreibt max. alle 2 Sekunden +let _writeTimer: ReturnType | null = null; +function writePersistedStateDebounced(): void { + if (_writeTimer) return; + _writeTimer = setTimeout(() => { + _writeTimer = null; + writePersistedState(persistedState); + }, 2000); +} + +const getPersistedVolume = (guildId: string): number => { + const v = persistedState.volumes[guildId]; + return typeof v === 'number' && Number.isFinite(v) ? Math.max(0, Math.min(1, v)) : 1; +}; +/** Sicherstellen, dass ein relativer Pfad nicht aus SOUNDS_DIR ausbricht */ +function safeSoundsPath(rel: string): string | null { + const resolved = path.resolve(SOUNDS_DIR, rel); + if (!resolved.startsWith(path.resolve(SOUNDS_DIR) + path.sep) && resolved !== path.resolve(SOUNDS_DIR)) return null; + return resolved; +} + +function incrementPlaysFor(relativePath: string) { + try { + const key = relativePath.replace(/\\/g, '/'); + persistedState.plays[key] = (persistedState.plays[key] ?? 0) + 1; + persistedState.totalPlays = (persistedState.totalPlays ?? 0) + 1; + writePersistedStateDebounced(); // Debounced: Play-Counter sind nicht kritisch + } catch {} +} + +// Normalisierung (ffmpeg loudnorm) Konfiguration +const NORMALIZE_ENABLE = String(process.env.NORMALIZE_ENABLE ?? 'true').toLowerCase() !== 'false'; +const NORMALIZE_I = String(process.env.NORMALIZE_I ?? '-16'); +const NORMALIZE_LRA = String(process.env.NORMALIZE_LRA ?? '11'); +const NORMALIZE_TP = String(process.env.NORMALIZE_TP ?? '-1.5'); + +// Loudnorm-Cache: normalisierte PCM-Dateien werden gecacht, damit ffmpeg nur 1× pro Sound läuft +const NORM_CACHE_DIR = path.join(SOUNDS_DIR, '.norm-cache'); +fs.mkdirSync(NORM_CACHE_DIR, { recursive: true }); + +// In-Memory PCM Cache: gecachte PCM-Dateien werden beim ersten Abspielen in den RAM geladen. +// Danach kein Disk-I/O mehr bei Cache-Hits -> nahezu instant playback. +const pcmMemoryCache = new Map(); +const PCM_MEMORY_CACHE_MAX_MB = Number(process.env.PCM_CACHE_MAX_MB ?? '512'); +let pcmMemoryCacheBytes = 0; + +function getPcmFromMemory(cachedPath: string): Buffer | null { + const buf = pcmMemoryCache.get(cachedPath); + if (buf) return buf; + // Erste Anfrage: von Disk in RAM laden + try { + const data = fs.readFileSync(cachedPath); + const newTotal = pcmMemoryCacheBytes + data.byteLength; + if (newTotal <= PCM_MEMORY_CACHE_MAX_MB * 1024 * 1024) { + pcmMemoryCache.set(cachedPath, data); + pcmMemoryCacheBytes = newTotal; + } + return data; + } catch { return null; } +} + +function invalidatePcmMemory(cachedPath: string): void { + const buf = pcmMemoryCache.get(cachedPath); + if (buf) { + pcmMemoryCacheBytes -= buf.byteLength; + pcmMemoryCache.delete(cachedPath); + } +} + +/** Erzeugt einen Cache-Key aus dem relativen Pfad (Slash-normalisiert, Sonderzeichen escaped) */ +function normCacheKey(filePath: string): string { + const rel = path.relative(SOUNDS_DIR, filePath).replace(/\\/g, '/'); + return rel.replace(/[/\\:*?"<>|]/g, '_') + '.pcm'; +} + +/** Liefert den Pfad zur gecachten normalisierten PCM-Datei, oder null wenn kein gültiger Cache existiert */ +function getNormCachePath(filePath: string): string | null { + const cacheFile = path.join(NORM_CACHE_DIR, normCacheKey(filePath)); + if (!fs.existsSync(cacheFile)) return null; + // Invalidieren wenn Quelldatei neuer als Cache + try { + const srcMtime = fs.statSync(filePath).mtimeMs; + const cacheMtime = fs.statSync(cacheFile).mtimeMs; + if (srcMtime > cacheMtime) { try { fs.unlinkSync(cacheFile); } catch {} invalidatePcmMemory(cacheFile); return null; } + } catch { return null; } + return cacheFile; +} + +/** Normalisiert eine Audiodatei via ffmpeg loudnorm und speichert das Ergebnis im Cache */ +function normalizeToCache(filePath: string): Promise { + const cacheFile = path.join(NORM_CACHE_DIR, normCacheKey(filePath)); + return new Promise((resolve, reject) => { + const ffArgs = ['-hide_banner', '-loglevel', 'error', '-y', '-i', filePath, + '-af', `loudnorm=I=${NORMALIZE_I}:LRA=${NORMALIZE_LRA}:TP=${NORMALIZE_TP}`, + '-f', 's16le', '-ar', '48000', '-ac', '2', cacheFile]; + const ff = child_process.spawn('ffmpeg', ffArgs); + ff.on('error', reject); + ff.on('close', (code) => { + if (code === 0) resolve(cacheFile); + else reject(new Error(`ffmpeg exited with code ${code}`)); + }); + }); +} + +// Wie viele ffmpeg-Prozesse parallel beim Cache-Sync laufen dürfen. +// Standard: 2 (konservativ – lässt genug Headroom für Discord-Wiedergabe und Node.js). +// Empfehlung: i5/i7 (8-16 Kerne) → 2-3, Ryzen 9 / Xeon → 4-8 +// Über NORM_CONCURRENCY=4 env var erhöhbar. +const NORM_CONCURRENCY = Math.max(1, Number(process.env.NORM_CONCURRENCY ?? 2)); + +/** + * Vollständige Cache-Synchronisation: + * 1. Alle Sound-Dateien normalisieren, die noch nicht im Cache sind (parallel) + * 2. Verwaiste Cache-Dateien löschen (Sound wurde gelöscht/umbenannt) + * Läuft im Hintergrund, blockiert nicht den Server. + */ +async function syncNormCache(): Promise { + if (!NORMALIZE_ENABLE) return; + const t0 = Date.now(); + const allSounds = listAllSounds(); + + // Set aller erwarteten Cache-Keys + const expectedKeys = new Set(); + const toProcess: string[] = []; + + for (const s of allSounds) { + const fp = path.join(SOUNDS_DIR, s.relativePath); + const key = normCacheKey(fp); + expectedKeys.add(key); + if (!fs.existsSync(fp)) continue; + if (getNormCachePath(fp)) continue; // bereits gecacht & gültig + toProcess.push(fp); + } + + let created = 0; + let failed = 0; + const skipped = allSounds.length - toProcess.length; + + // Parallele Worker-Pool: NORM_CONCURRENCY ffmpeg-Prozesse gleichzeitig + const queue = [...toProcess]; + async function worker(): Promise { + while (queue.length > 0) { + const fp = queue.shift()!; + try { + await normalizeToCache(fp); + created++; + } catch (e) { + failed++; + console.warn(`Norm-cache failed: ${path.relative(SOUNDS_DIR, fp)}`, e); + } + } + } + const workers = Array.from({ length: Math.min(NORM_CONCURRENCY, toProcess.length || 1) }, worker); + await Promise.all(workers); + + // Verwaiste Cache-Dateien aufräumen + let cleaned = 0; + try { + for (const f of fs.readdirSync(NORM_CACHE_DIR)) { + if (!expectedKeys.has(f)) { + try { fs.unlinkSync(path.join(NORM_CACHE_DIR, f)); cleaned++; } catch {} + } + } + } catch {} + + const dt = ((Date.now() - t0) / 1000).toFixed(1); + console.log( + `Norm-Cache sync (${dt}s, ${NORM_CONCURRENCY} parallel): ${created} neu, ${skipped} vorhanden, ${failed} fehlgeschlagen, ${cleaned} verwaist entfernt (${allSounds.length} Sounds gesamt)` + ); +} + +// --- Voice Abhängigkeiten prüfen --- +await sodium.ready; +// init nacl to ensure it loads +void nacl.randomBytes(1); +console.log(generateDependencyReport()); + +// --- Discord Client --- +const client = new Client({ + intents: [ + GatewayIntentBits.Guilds, + GatewayIntentBits.GuildVoiceStates, + GatewayIntentBits.DirectMessages, + GatewayIntentBits.MessageContent, + ], + partials: [Partials.Channel] +}); + +type GuildAudioState = { + connection: VoiceConnection; + player: ReturnType; + guildId: string; + channelId: string; + currentResource?: AudioResource; + currentVolume: number; // 0..1 +}; +const guildAudioState = new Map(); +// Partymode: serverseitige Steuerung (global pro Guild) +const partyTimers = new Map(); +const partyActive = new Set(); +// Now-Playing: aktuell gespielter Sound pro Guild +const nowPlaying = new Map(); +// Verbindungszeitpunkt pro Guild (fuer Uptime-Anzeige im Frontend) +const connectedSince = new Map(); +// SSE-Klienten für Broadcasts (z.B. Partymode Status) +const sseClients = new Set(); +function sseBroadcast(payload: any) { + const data = `data: ${JSON.stringify(payload)}\n\n`; + for (const res of sseClients) { + try { res.write(data); } catch {} + } +} + +// Hilfsfunktionen für serverweit ausgewählten Channel pro Guild +function getSelectedChannelForGuild(guildId: string): string | undefined { + const id = String(guildId || ''); + if (!id) return undefined; + const sc = persistedState.selectedChannels ?? {}; + return sc[id]; +} +function setSelectedChannelForGuild(guildId: string, channelId: string): void { + const g = String(guildId || ''); + const c = String(channelId || ''); + if (!g || !c) return; + if (!persistedState.selectedChannels) persistedState.selectedChannels = {}; + persistedState.selectedChannels[g] = c; + writePersistedState(persistedState); + sseBroadcast({ type: 'channel', guildId: g, channelId: c }); +} + +async function playFilePath(guildId: string, channelId: string, filePath: string, volume?: number, relativeKey?: string): Promise { + const guild = client.guilds.cache.get(guildId); + if (!guild) throw new Error('Guild nicht gefunden'); + let state = guildAudioState.get(guildId); + if (!state) { + const connection = joinVoiceChannel({ + channelId, + guildId, + adapterCreator: guild.voiceAdapterCreator as any, + selfMute: false, + selfDeaf: false + }); + const player = createAudioPlayer({ behaviors: { noSubscriber: NoSubscriberBehavior.Play } }); + connection.subscribe(player); + state = { connection, player, guildId, channelId, currentVolume: getPersistedVolume(guildId) }; + guildAudioState.set(guildId, state); + state.connection = await ensureConnectionReady(connection, channelId, guildId, guild); + attachVoiceLifecycle(state, guild); + } + // Wenn der Bot in einer anderen ChannelId ist, sauber rüberwechseln + try { + const current = getVoiceConnection(guildId); + if (current && current.joinConfig?.channelId !== channelId) { + current.destroy(); + const connection = joinVoiceChannel({ + channelId, + guildId, + adapterCreator: guild.voiceAdapterCreator as any, + selfMute: false, + selfDeaf: false + }); + // Reuse bestehenden Player falls vorhanden + const player = state.player ?? createAudioPlayer({ behaviors: { noSubscriber: NoSubscriberBehavior.Play } }); + connection.subscribe(player); + state = { connection, player, guildId, channelId, currentVolume: state.currentVolume ?? getPersistedVolume(guildId) }; + guildAudioState.set(guildId, state); + state.connection = await ensureConnectionReady(connection, channelId, guildId, guild); + attachVoiceLifecycle(state, guild); + } + } catch {} + + // Falls keine aktive Verbindung existiert (oder nach destroy), sicherstellen + if (!getVoiceConnection(guildId)) { + const connection = joinVoiceChannel({ + channelId, + guildId, + adapterCreator: guild.voiceAdapterCreator as any, + selfMute: false, + selfDeaf: false + }); + const player = state?.player ?? createAudioPlayer({ behaviors: { noSubscriber: NoSubscriberBehavior.Play } }); + connection.subscribe(player); + state = { connection, player, guildId, channelId, currentVolume: state?.currentVolume ?? getPersistedVolume(guildId) }; + guildAudioState.set(guildId, state); + state.connection = await ensureConnectionReady(connection, channelId, guildId, guild); + attachVoiceLifecycle(state, guild); + } + const useVolume = typeof volume === 'number' && Number.isFinite(volume) + ? Math.max(0, Math.min(1, volume)) + : (state.currentVolume ?? 1); + let resource: AudioResource; + if (NORMALIZE_ENABLE) { + const cachedPath = getNormCachePath(filePath); + if (cachedPath) { + // Cache-Hit: PCM aus RAM lesen (kein Disk-I/O, instant) + const pcmBuf = getPcmFromMemory(cachedPath); + if (pcmBuf) { + const useInline = useVolume !== 1; + resource = createAudioResource(Readable.from(pcmBuf), { + inlineVolume: useInline, + inputType: StreamType.Raw + }); + } else { + // Fallback: Stream von Disk + const pcmStream = fs.createReadStream(cachedPath, { highWaterMark: 256 * 1024 }); + resource = createAudioResource(pcmStream, { inlineVolume: true, inputType: StreamType.Raw }); + } + } else { + // Cache-Miss: ffmpeg streamen (sofortige Wiedergabe) UND gleichzeitig in Cache schreiben + const cacheFile = path.join(NORM_CACHE_DIR, normCacheKey(filePath)); + const ffArgs = ['-hide_banner', '-loglevel', 'error', '-i', filePath, + '-af', `loudnorm=I=${NORMALIZE_I}:LRA=${NORMALIZE_LRA}:TP=${NORMALIZE_TP}`, + '-f', 's16le', '-ar', '48000', '-ac', '2', 'pipe:1']; + const ff = child_process.spawn('ffmpeg', ffArgs); + // Tee: Daten gleichzeitig an Player und Cache-Datei + const playerStream = new PassThrough(); + const cacheWrite = fs.createWriteStream(cacheFile); + ff.stdout.on('data', (chunk: Buffer) => { + playerStream.write(chunk); + cacheWrite.write(chunk); + }); + ff.stdout.on('end', () => { + playerStream.end(); + cacheWrite.end(); + console.log(`${new Date().toISOString()} | Loudnorm cached: ${path.basename(filePath)}`); + // In Memory-Cache laden fuer naechsten Aufruf + try { + const buf = fs.readFileSync(cacheFile); + if (pcmMemoryCacheBytes + buf.byteLength <= PCM_MEMORY_CACHE_MAX_MB * 1024 * 1024) { + pcmMemoryCache.set(cacheFile, buf); + pcmMemoryCacheBytes += buf.byteLength; + } + } catch {} + }); + ff.on('error', () => { try { fs.unlinkSync(cacheFile); } catch {} }); + ff.on('close', (code) => { + if (code !== 0) { try { fs.unlinkSync(cacheFile); } catch {} } + }); + resource = createAudioResource(playerStream, { inlineVolume: true, inputType: StreamType.Raw }); + } + } else { + resource = createAudioResource(filePath, { inlineVolume: true }); + } + if (resource.volume) resource.volume.setVolume(useVolume); + state.player.stop(); + state.player.play(resource); + state.currentResource = resource; + state.currentVolume = useVolume; + // Now-Playing broadcast + const soundLabel = relativeKey ? path.parse(relativeKey).name : path.parse(filePath).name; + nowPlaying.set(guildId, soundLabel); + sseBroadcast({ type: 'nowplaying', guildId, name: soundLabel }); + if (relativeKey) incrementPlaysFor(relativeKey); +} + +async function handleCommand(message: Message, content: string) { + const reply = async (txt: string) => { + try { await message.author.send?.(txt); } catch { await message.reply(txt); } + }; + const parts = content.split(/\s+/); + const cmd = parts[0].toLowerCase(); + + if (cmd === '?help') { + await reply( + 'Available commands\n' + + '?help - zeigt diese Hilfe\n' + + '?list - listet alle Audio-Dateien (mp3/wav)\n' + + '?entrance | remove - setze oder entferne deinen Entrance-Sound\n' + + '?exit | remove - setze oder entferne deinen Exit-Sound\n' + ); + return; + } + if (cmd === '?list') { + const files = fs + .readdirSync(SOUNDS_DIR) + .filter(f => { const l = f.toLowerCase(); return l.endsWith('.mp3') || l.endsWith('.wav'); }); + await reply(files.length ? files.join('\n') : 'Keine Dateien gefunden.'); + return; + } + if (cmd === '?entrance') { + const [, fileNameRaw] = parts; + const userId = message.author?.id ?? ''; + if (!userId) { await reply('Kein Benutzer erkannt.'); return; } + const fileName = fileNameRaw?.trim(); + if (!fileName) { await reply('Verwendung: ?entrance | remove'); return; } + if (/^(remove|clear|delete)$/i.test(fileName)) { + persistedState.entranceSounds = persistedState.entranceSounds ?? {}; + delete persistedState.entranceSounds[userId]; + writePersistedState(persistedState); + try { console.log(`${new Date().toISOString()} | Entrance removed: user=${userId} (${message.author?.tag || 'unknown'})`); } catch {} + await reply('Entrance-Sound entfernt.'); + return; + } + const lower = fileName.toLowerCase(); + if (!(lower.endsWith('.mp3') || lower.endsWith('.wav'))) { await reply('Nur .mp3 oder .wav Dateien sind erlaubt'); return; } + const resolve = (() => { + try { + const direct = path.join(SOUNDS_DIR, fileName); if (fs.existsSync(direct)) return fileName; + const dirs = fs.readdirSync(SOUNDS_DIR, { withFileTypes: true }); + for (const d of dirs) { if (!d.isDirectory()) continue; const cand = path.join(SOUNDS_DIR, d.name, fileName); if (fs.existsSync(cand)) return path.join(d.name, fileName).replace(/\\/g, '/'); } + return ''; + } catch { return ''; } + })(); + if (!resolve) { await reply('Datei nicht gefunden. Nutze ?list.'); return; } + persistedState.entranceSounds = persistedState.entranceSounds ?? {}; + persistedState.entranceSounds[userId] = resolve; + writePersistedState(persistedState); + try { + console.log(`${new Date().toISOString()} | Entrance set: user=${userId} (${message.author?.tag || 'unknown'}) file=${resolve}`); + } catch {} + await reply(`Entrance-Sound gesetzt: ${resolve}`); return; + } + if (cmd === '?exit') { + const [, fileNameRaw] = parts; + const userId = message.author?.id ?? ''; + if (!userId) { await reply('Kein Benutzer erkannt.'); return; } + const fileName = fileNameRaw?.trim(); + if (!fileName) { await reply('Verwendung: ?exit | remove'); return; } + if (/^(remove|clear|delete)$/i.test(fileName)) { + persistedState.exitSounds = persistedState.exitSounds ?? {}; + delete persistedState.exitSounds[userId]; + writePersistedState(persistedState); + try { console.log(`${new Date().toISOString()} | Exit removed: user=${userId} (${message.author?.tag || 'unknown'})`); } catch {} + await reply('Exit-Sound entfernt.'); + return; + } + const lower = fileName.toLowerCase(); + if (!(lower.endsWith('.mp3') || lower.endsWith('.wav'))) { await reply('Nur .mp3 oder .wav Dateien sind erlaubt'); return; } + const resolve = (() => { + try { + const direct = path.join(SOUNDS_DIR, fileName); if (fs.existsSync(direct)) return fileName; + const dirs = fs.readdirSync(SOUNDS_DIR, { withFileTypes: true }); + for (const d of dirs) { if (!d.isDirectory()) continue; const cand = path.join(SOUNDS_DIR, d.name, fileName); if (fs.existsSync(cand)) return path.join(d.name, fileName).replace(/\\/g, '/'); } + return ''; + } catch { return ''; } + })(); + if (!resolve) { await reply('Datei nicht gefunden. Nutze ?list.'); return; } + persistedState.exitSounds = persistedState.exitSounds ?? {}; + persistedState.exitSounds[userId] = resolve; + writePersistedState(persistedState); + try { + console.log(`${new Date().toISOString()} | Exit set: user=${userId} (${message.author?.tag || 'unknown'}) file=${resolve}`); + } catch {} + await reply(`Exit-Sound gesetzt: ${resolve}`); return; + } + await reply('Unbekannter Command. Nutze ?help.'); +} + +async function ensureConnectionReady(connection: VoiceConnection, channelId: string, guildId: string, guild: any): Promise { + // Versuch 1: Warten ob bestehende Connection ready wird + try { + await entersState(connection, VoiceConnectionStatus.Ready, 15_000); + console.log(`${new Date().toISOString()} | VoiceConnection ready`); + return connection; + } catch (e) { + console.warn(`${new Date().toISOString()} | VoiceConnection not ready, trying rejoin...`); + } + + // Versuch 2: Rejoin + try { + connection.rejoin({ channelId, selfDeaf: false, selfMute: false }); + await entersState(connection, VoiceConnectionStatus.Ready, 15_000); + console.log(`${new Date().toISOString()} | VoiceConnection ready after rejoin`); + return connection; + } catch (e2) { + console.warn(`${new Date().toISOString()} | VoiceConnection still not ready after rejoin`); + } + + // Versuch 3: Komplett neu verbinden + try { connection.destroy(); } catch {} + guildAudioState.delete(guildId); + + const newConn = joinVoiceChannel({ + channelId, + guildId, + adapterCreator: guild.voiceAdapterCreator as any, + selfMute: false, + selfDeaf: false + }); + try { + await entersState(newConn, VoiceConnectionStatus.Ready, 15_000); + console.log(`${new Date().toISOString()} | VoiceConnection ready after fresh join`); + return newConn; + } catch (e3) { + console.error(`${new Date().toISOString()} | VoiceConnection failed after all attempts, cleaning up`); + try { newConn.destroy(); } catch {} + guildAudioState.delete(guildId); + throw new Error('Voice connection failed after 3 attempts'); + } +} + +function attachVoiceLifecycle(state: GuildAudioState, guild: any) { + const { connection } = state; + // Mehrfach-Registrierung verhindern + if ((connection as any).__lifecycleAttached) return; + try { (connection as any).setMaxListeners?.(0); } catch {} + + // Retry-Tracking um Endlosschleife zu verhindern + let reconnectAttempts = 0; + const MAX_RECONNECT_ATTEMPTS = 3; + let isReconnecting = false; + + connection.on('stateChange', async (oldS: any, newS: any) => { + console.log(`${new Date().toISOString()} | VoiceConnection: ${oldS.status} -> ${newS.status}`); + + // Ready zurückgesetzt -> Retry-Counter reset + if (newS.status === VoiceConnectionStatus.Ready) { + reconnectAttempts = 0; + isReconnecting = false; + if (!connectedSince.has(state.guildId)) connectedSince.set(state.guildId, new Date().toISOString()); + return; + } + + // Re-Entranz verhindern: wenn schon ein Reconnect läuft, nicht nochmal starten + if (isReconnecting) return; + + try { + if (newS.status === VoiceConnectionStatus.Disconnected) { + // Versuche, die Verbindung kurzfristig neu auszuhandeln, sonst rejoin + try { + await Promise.race([ + entersState(connection, VoiceConnectionStatus.Signalling, 5_000), + entersState(connection, VoiceConnectionStatus.Connecting, 5_000) + ]); + } catch { + if (reconnectAttempts < MAX_RECONNECT_ATTEMPTS) { + reconnectAttempts++; + console.warn(`${new Date().toISOString()} | Disconnected rejoin attempt ${reconnectAttempts}/${MAX_RECONNECT_ATTEMPTS}`); + connection.rejoin({ channelId: state.channelId, selfDeaf: false, selfMute: false }); + } else { + console.error(`${new Date().toISOString()} | Max reconnect attempts reached from Disconnected, destroying and rejoining fresh`); + reconnectAttempts = 0; + try { connection.destroy(); } catch {} + const newConn = joinVoiceChannel({ + channelId: state.channelId, + guildId: state.guildId, + adapterCreator: guild.voiceAdapterCreator as any, + selfMute: false, + selfDeaf: false + }); + state.connection = newConn; + newConn.subscribe(state.player); + attachVoiceLifecycle(state, guild); + } + } + } else if (newS.status === VoiceConnectionStatus.Destroyed) { + connectedSince.delete(state.guildId); + // Komplett neu beitreten + const newConn = joinVoiceChannel({ + channelId: state.channelId, + guildId: state.guildId, + adapterCreator: guild.voiceAdapterCreator as any, + selfMute: false, + selfDeaf: false + }); + state.connection = newConn; + newConn.subscribe(state.player); + attachVoiceLifecycle(state, guild); + } else if (newS.status === VoiceConnectionStatus.Connecting || newS.status === VoiceConnectionStatus.Signalling) { + isReconnecting = true; + try { + await entersState(connection, VoiceConnectionStatus.Ready, 15_000); + // Ready wird oben im Handler behandelt + } catch (e) { + reconnectAttempts++; + if (reconnectAttempts < MAX_RECONNECT_ATTEMPTS) { + const backoffMs = reconnectAttempts * 2_000; + console.warn(`${new Date().toISOString()} | Voice not ready from ${newS.status}, attempt ${reconnectAttempts}/${MAX_RECONNECT_ATTEMPTS}, backoff ${backoffMs}ms`); + await new Promise(r => setTimeout(r, backoffMs)); + isReconnecting = false; + connection.rejoin({ channelId: state.channelId, selfDeaf: false, selfMute: false }); + } else { + console.error(`${new Date().toISOString()} | Max reconnect attempts reached, destroying and rejoining fresh`); + reconnectAttempts = 0; + isReconnecting = false; + try { connection.destroy(); } catch {} + const newConn = joinVoiceChannel({ + channelId: state.channelId, + guildId: state.guildId, + adapterCreator: guild.voiceAdapterCreator as any, + selfMute: false, + selfDeaf: false + }); + state.connection = newConn; + newConn.subscribe(state.player); + attachVoiceLifecycle(state, guild); + } + } + } + } catch (e) { + isReconnecting = false; + console.error(`${new Date().toISOString()} | Voice lifecycle handler error`, e); + } + }); + (connection as any).__lifecycleAttached = true; +} + +client.once(Events.ClientReady, () => { + console.log(`Bot eingeloggt als ${client.user?.tag}`); +}); + +// Voice State Updates: Entrance/Exit +client.on(Events.VoiceStateUpdate, async (oldState: VoiceState, newState: VoiceState) => { + try { + const userId = (newState.id || oldState.id) as string; + if (!userId) return; + // Eigene Events ignorieren + if (userId === client.user?.id) return; + const guildId = (newState.guild?.id || oldState.guild?.id) as string; + if (!guildId) return; + + const before = oldState.channelId; + const after = newState.channelId; + console.log(`${new Date().toISOString()} | VoiceStateUpdate user=${userId} before=${before ?? '-'} after=${after ?? '-'}`); + + // Entrance: Nutzer betritt einen Channel (erstmaliger Join oder Wechsel) + if (after && before !== after) { + console.log(`${new Date().toISOString()} | Entrance condition met for user=${userId} before=${before ?? '-'} after=${after}`); + const mapping = persistedState.entranceSounds ?? {}; + const file = mapping[userId]; + if (file) { + const rel = file.replace(/\\/g, '/'); + const abs = path.join(SOUNDS_DIR, rel); + if (fs.existsSync(abs)) { + try { + // Dem Channel beitreten und Sound spielen + await playFilePath(guildId, after, abs, undefined, rel); + console.log(`${new Date().toISOString()} | Entrance played for ${userId}: ${rel}`); + } catch (e) { console.warn('Entrance play error', e); } + } + } + } + // Exit: Nur wenn Nutzer wirklich auflegt (after ist leer). Bei Wechsel KEIN Exit-Sound. + if (before && !after) { + console.log(`${new Date().toISOString()} | Exit condition met (disconnect) for user=${userId} before=${before}`); + const mapping = persistedState.exitSounds ?? {}; + const file = mapping[userId]; + if (file) { + const rel = file.replace(/\\/g, '/'); + const abs = path.join(SOUNDS_DIR, rel); + if (fs.existsSync(abs)) { + try { + await playFilePath(guildId, before, abs, undefined, rel); + console.log(`${new Date().toISOString()} | Exit played for ${userId}: ${rel}`); + } catch (e) { console.warn('Exit play error', e); } + } + } + } else if (before && after && before !== after) { + // Kanalwechsel: Exit-Sound unterdrücken + console.log(`${new Date().toISOString()} | Exit suppressed (move) for user=${userId} before=${before} after=${after}`); + } + } catch (e) { + console.warn('VoiceStateUpdate entrance/exit handling error', e); + } +}); + +client.on(Events.MessageCreate, async (message: Message) => { + try { + if (message.author?.bot) return; + // Commands überall annehmen (inkl. DMs) + const content = (message.content || '').trim(); + if (content.startsWith('?')) { + await handleCommand(message, content); + return; + } + // Dateiuploads nur per DM + if (!message.channel?.isDMBased?.()) return; + if (message.attachments.size === 0) return; + + for (const [, attachment] of message.attachments) { + const name = attachment.name ?? 'upload'; + const lower = name.toLowerCase(); + if (!(lower.endsWith('.mp3') || lower.endsWith('.wav'))) continue; + + const safeName = name.replace(/[^a-zA-Z0-9_.-]/g, '_'); + let targetPath = path.join(SOUNDS_DIR, safeName); + if (fs.existsSync(targetPath)) { + const base = path.parse(safeName).name; + const ext = path.parse(safeName).ext || (lower.endsWith('.wav') ? '.wav' : '.mp3'); + let i = 2; + while (fs.existsSync(targetPath)) { + targetPath = path.join(SOUNDS_DIR, `${base}-${i}${ext}`); + i += 1; + } + } + + const res = await fetch(attachment.url); + if (!res.ok) throw new Error(`Download fehlgeschlagen: ${attachment.url}`); + const arrayBuffer = await res.arrayBuffer(); + fs.writeFileSync(targetPath, Buffer.from(arrayBuffer)); + // Sofort normalisieren für instant Play + if (NORMALIZE_ENABLE) { + normalizeToCache(targetPath).catch((e) => console.warn('Norm after upload failed:', e)); + } + await message.author.send?.(`Sound gespeichert: ${path.basename(targetPath)}`); + } + } catch (err) { + console.error('Fehler bei DM-Upload:', err); + } +}); + +await client.login(DISCORD_TOKEN); + +// --- Express App --- +const app = express(); +app.use(express.json()); +app.use(cors()); + +app.get('/api/health', (_req: Request, res: Response) => { + res.json({ ok: true, totalPlays: persistedState.totalPlays ?? 0, categories: (persistedState.categories ?? []).length }); +}); + +type ListedSound = { + fileName: string; + name: string; + folder: string; + relativePath: string; +}; + +function listAllSounds(): ListedSound[] { + const rootEntries = fs.readdirSync(SOUNDS_DIR, { withFileTypes: true }); + const rootFiles: ListedSound[] = rootEntries + .filter((d) => { + if (!d.isFile()) return false; + const n = d.name.toLowerCase(); + return n.endsWith('.mp3') || n.endsWith('.wav'); + }) + .map((d) => ({ + fileName: d.name, + name: path.parse(d.name).name, + folder: '', + relativePath: d.name, + })); + + const folderItems: ListedSound[] = []; + const subFolders = rootEntries.filter((d) => d.isDirectory() && d.name !== '.norm-cache'); + for (const dirent of subFolders) { + const folderName = dirent.name; + const folderPath = path.join(SOUNDS_DIR, folderName); + const entries = fs.readdirSync(folderPath, { withFileTypes: true }); + for (const e of entries) { + if (!e.isFile()) continue; + const n = e.name.toLowerCase(); + if (!(n.endsWith('.mp3') || n.endsWith('.wav'))) continue; + folderItems.push({ + fileName: e.name, + name: path.parse(e.name).name, + folder: folderName, + relativePath: path.join(folderName, e.name), + }); + } + } + + return [...rootFiles, ...folderItems].sort((a, b) => a.name.localeCompare(b.name)); +} + +app.get('/api/analytics', (_req: Request, res: Response) => { + try { + const allItems = listAllSounds(); + const byKey = new Map(); + for (const it of allItems) { + byKey.set(it.relativePath, it); + if (!byKey.has(it.fileName)) byKey.set(it.fileName, it); + } + + const mostPlayed = Object.entries(persistedState.plays ?? {}) + .map(([rel, count]) => { + const item = byKey.get(rel); + if (!item) return null; + return { + name: item.name, + relativePath: item.relativePath, + count: Number(count) || 0, + }; + }) + .filter((x): x is { name: string; relativePath: string; count: number } => !!x) + .sort((a, b) => b.count - a.count || a.name.localeCompare(b.name)) + .slice(0, 10); + + res.json({ + totalSounds: allItems.length, + totalPlays: persistedState.totalPlays ?? 0, + mostPlayed, + }); + } catch (e: any) { + res.status(500).json({ error: e?.message ?? 'Analytics konnten nicht geladen werden' }); + } +}); + +// --- Admin Auth --- +type AdminPayload = { iat: number; exp: number }; +function b64url(input: Buffer | string): string { + return Buffer.from(input).toString('base64').replace(/=/g, '').replace(/\+/g, '-').replace(/\//g, '_'); +} +function signAdminToken(payload: AdminPayload): string { + const body = b64url(JSON.stringify(payload)); + const sig = crypto.createHmac('sha256', ADMIN_PWD || 'no-admin').update(body).digest('base64url'); + return `${body}.${sig}`; +} +function verifyAdminToken(token: string | undefined): boolean { + if (!token || !ADMIN_PWD) return false; + const [body, sig] = token.split('.'); + if (!body || !sig) return false; + const expected = crypto.createHmac('sha256', ADMIN_PWD).update(body).digest('base64url'); + if (expected !== sig) return false; + try { + const payload = JSON.parse(Buffer.from(body, 'base64').toString('utf8')) as AdminPayload; + if (typeof payload.exp !== 'number') return false; + return Date.now() < payload.exp; + } catch { + return false; + } +} +function readCookie(req: Request, key: string): string | undefined { + const c = req.headers.cookie; + if (!c) return undefined; + for (const part of c.split(';')) { + const [k, v] = part.trim().split('='); + if (k === key) return decodeURIComponent(v || ''); + } + return undefined; +} +function requireAdmin(req: Request, res: Response, next: () => void) { + if (!ADMIN_PWD) return res.status(503).json({ error: 'Admin nicht konfiguriert' }); + const token = readCookie(req, 'admin'); + if (!verifyAdminToken(token)) return res.status(401).json({ error: 'Nicht eingeloggt' }); + next(); +} + +app.post('/api/admin/login', (req: Request, res: Response) => { + if (!ADMIN_PWD) return res.status(503).json({ error: 'Admin nicht konfiguriert' }); + const { password } = req.body as { password?: string }; + if (!password || password !== ADMIN_PWD) return res.status(401).json({ error: 'Falsches Passwort' }); + const token = signAdminToken({ iat: Date.now(), exp: Date.now() + 7 * 24 * 3600 * 1000 }); + res.setHeader('Set-Cookie', `admin=${encodeURIComponent(token)}; HttpOnly; Path=/; Max-Age=${7 * 24 * 3600}; SameSite=Lax`); + res.json({ ok: true }); +}); + +app.post('/api/admin/logout', (_req: Request, res: Response) => { + res.setHeader('Set-Cookie', 'admin=; HttpOnly; Path=/; Max-Age=0; SameSite=Lax'); + res.json({ ok: true }); +}); + +app.get('/api/admin/status', (req: Request, res: Response) => { + res.json({ authenticated: verifyAdminToken(readCookie(req, 'admin')) }); +}); + +app.get('/api/sounds', (req: Request, res: Response) => { + const q = String(req.query.q ?? '').toLowerCase(); + const folderFilter = typeof req.query.folder === 'string' ? (req.query.folder as string) : '__all__'; + const categoryFilter = typeof (req.query as any).categoryId === 'string' ? String((req.query as any).categoryId) : undefined; + const fuzzyParam = String((req.query as any).fuzzy ?? '0'); + const useFuzzy = fuzzyParam === '1' || fuzzyParam === 'true'; + + const allItems = listAllSounds(); + + // Ordner-Statistik aus allItems ableiten + const folderCounts = new Map(); + for (const it of allItems) { + if (it.folder) folderCounts.set(it.folder, (folderCounts.get(it.folder) ?? 0) + 1); + } + const folders: Array<{ key: string; name: string; count: number }> = []; + for (const [key, count] of folderCounts) { + folders.push({ key, name: key, count }); + } + + // Zeitstempel für Neu-Logik + type ItemWithTime = { fileName: string; name: string; folder: string; relativePath: string; mtimeMs: number }; + const allWithTime: ItemWithTime[] = [...allItems].map((it) => { + const stat = fs.statSync(path.join(SOUNDS_DIR, it.relativePath)); + return { ...it, mtimeMs: stat.mtimeMs }; + }); + const sortedByNewest = [...allWithTime].sort((a, b) => b.mtimeMs - a.mtimeMs); + const recentTop10 = sortedByNewest.slice(0, 10); + const recentTop5Set = new Set(recentTop10.slice(0, 5).map((x) => x.relativePath)); + let itemsByFolder = allItems; + if (folderFilter !== '__all__') { + if (folderFilter === '__recent__') { + itemsByFolder = recentTop10.map(({ fileName, name, folder, relativePath }) => ({ fileName, name, folder, relativePath })); + } else { + itemsByFolder = allItems.filter((it) => (folderFilter === '' ? it.folder === '' : it.folder === folderFilter)); + } + } + // Fuzzy-Score: bevorzugt Präfixe, zusammenhängende Treffer und frühe Positionen + function fuzzyScore(text: string, pattern: string): number { + if (!pattern) return 1; + if (text === pattern) return 2000; + const idx = text.indexOf(pattern); + if (idx !== -1) { + let base = 1000; + if (idx === 0) base += 200; // Präfix-Bonus + return base - idx * 2; // leichte Positionsstrafe + } + // subsequence Matching + let textIndex = 0; + let patIndex = 0; + let score = 0; + let lastMatch = -1; + let gaps = 0; + let firstMatchPos = -1; + while (textIndex < text.length && patIndex < pattern.length) { + if (text[textIndex] === pattern[patIndex]) { + if (firstMatchPos === -1) firstMatchPos = textIndex; + if (lastMatch === textIndex - 1) { + score += 5; // zusammenhängende Treffer belohnen + } + lastMatch = textIndex; + patIndex++; + } else if (firstMatchPos !== -1) { + gaps++; + } + textIndex++; + } + if (patIndex !== pattern.length) return 0; // nicht alle Pattern-Zeichen gefunden + score += Math.max(0, 300 - firstMatchPos * 2); // frühe Starts belohnen + score += Math.max(0, 100 - gaps * 10); // weniger Lücken belohnen + return score; + } + + let filteredItems = itemsByFolder; + if (q) { + if (useFuzzy) { + const scored = itemsByFolder + .map((it) => ({ it, score: fuzzyScore(it.name.toLowerCase(), q) })) + .filter((x) => x.score > 0) + .sort((a, b) => (b.score - a.score) || a.it.name.localeCompare(b.it.name)); + filteredItems = scored.map((x) => x.it); + } else { + filteredItems = itemsByFolder.filter((s) => s.name.toLowerCase().includes(q)); + } + } + + const total = allItems.length; + const recentCount = Math.min(10, total); + // Nerdinfos: Top 3 meistgespielte + const playsEntries = Object.entries(persistedState.plays || {}); + const top3 = playsEntries + .sort((a, b) => (b[1] as number) - (a[1] as number)) + .slice(0, 3) + .map(([rel, count]) => { + const it = allItems.find(i => (i.relativePath === rel || i.fileName === rel)); + return it ? { key: `__top__:${rel}`, name: `${it.name} (${count})`, count: 1 } : null; + }) + .filter(Boolean) as Array<{ key: string; name: string; count: number }>; + + const foldersOut = [ + { key: '__all__', name: 'Alle', count: total }, + { key: '__recent__', name: 'Neu', count: recentCount }, + ...(top3.length ? [{ key: '__top3__', name: 'Most Played (3)', count: top3.length }] : []), + ...folders + ]; + // isRecent-Flag für UI (Top 5 der neuesten) + // Kategorie-Filter (virtuell) anwenden, wenn gesetzt + let result = filteredItems; + if (categoryFilter) { + const fc = persistedState.fileCategories ?? {}; + result = result.filter((it) => { + const key = it.relativePath ?? it.fileName; + const cats = fc[key] ?? []; + return cats.includes(categoryFilter); + }); + } + if (folderFilter === '__top3__') { + const keys = new Set(top3.map(t => t.key.split(':')[1])); + result = allItems.filter(i => keys.has(i.relativePath ?? i.fileName)); + } + + // Badges vorbereiten (Top3 = Rakete, Recent = New) + const top3Set = new Set(top3.map(t => t.key.split(':')[1])); + const customBadges = persistedState.fileBadges ?? {}; + const withRecentFlag = result.map((it) => { + const key = it.relativePath ?? it.fileName; + const badges: string[] = []; + if (recentTop5Set.has(key)) badges.push('new'); + if (top3Set.has(key)) badges.push('rocket'); + for (const b of (customBadges[key] ?? [])) badges.push(b); + return { ...it, isRecent: recentTop5Set.has(key), badges } as any; + }); + + res.json({ items: withRecentFlag, total, folders: foldersOut, categories: persistedState.categories ?? [], fileCategories: persistedState.fileCategories ?? {} }); +}); + +// --- Admin: Bulk-Delete --- +app.post('/api/admin/sounds/delete', requireAdmin, (req: Request, res: Response) => { + const { paths } = req.body as { paths?: string[] }; + if (!Array.isArray(paths) || paths.length === 0) return res.status(400).json({ error: 'paths[] erforderlich' }); + const results: Array<{ path: string; ok: boolean; error?: string }> = []; + for (const rel of paths) { + const full = safeSoundsPath(rel); + if (!full) { results.push({ path: rel, ok: false, error: 'Ungültiger Pfad' }); continue; } + try { + if (fs.existsSync(full) && fs.statSync(full).isFile()) { + fs.unlinkSync(full); + // Loudnorm-Cache aufräumen + try { const cf = path.join(NORM_CACHE_DIR, normCacheKey(full)); if (fs.existsSync(cf)) fs.unlinkSync(cf); } catch {} + results.push({ path: rel, ok: true }); + } else { + results.push({ path: rel, ok: false, error: 'nicht gefunden' }); + } + } catch (e: any) { + results.push({ path: rel, ok: false, error: e?.message ?? 'Fehler' }); + } + } + res.json({ ok: true, results }); +}); + +// --- Admin: Umbenennen einer Datei --- +app.post('/api/admin/sounds/rename', requireAdmin, (req: Request, res: Response) => { + const { from, to } = req.body as { from?: string; to?: string }; + if (!from || !to) return res.status(400).json({ error: 'from und to erforderlich' }); + const src = safeSoundsPath(from); + if (!src) return res.status(400).json({ error: 'Ungültiger Quellpfad' }); + const parsed = path.parse(from); + // UTF-8 Zeichen erlauben: Leerzeichen, Umlaute, etc. - nur problematische Zeichen filtern + const sanitizedName = to.replace(/[<>:"/\\|?*\x00-\x1f]/g, '_'); + const dstRel = path.join(parsed.dir || '', `${sanitizedName}.mp3`); + const dst = safeSoundsPath(dstRel); + if (!dst) return res.status(400).json({ error: 'Ungültiger Zielpfad' }); + try { + if (!fs.existsSync(src)) return res.status(404).json({ error: 'Quelle nicht gefunden' }); + if (fs.existsSync(dst)) return res.status(409).json({ error: 'Ziel existiert bereits' }); + fs.renameSync(src, dst); + // Loudnorm-Cache für alte Datei aufräumen (neue wird beim nächsten Play erzeugt) + try { const cf = path.join(NORM_CACHE_DIR, normCacheKey(src)); if (fs.existsSync(cf)) fs.unlinkSync(cf); } catch {} + res.json({ ok: true, from, to: dstRel }); + } catch (e: any) { + res.status(500).json({ error: e?.message ?? 'Rename fehlgeschlagen' }); + } +}); + +// --- Datei-Upload (Drag & Drop) --- +type MulterFile = { fieldname: string; originalname: string; encoding: string; mimetype: string; destination: string; filename: string; path: string; size: number; }; + +const uploadStorage = multer.diskStorage({ + destination: (_req: any, _file: any, cb: (e: null, dest: string) => void) => cb(null, SOUNDS_DIR), + filename: (_req: any, file: { originalname: string }, cb: (e: null, name: string) => void) => { + const safe = file.originalname.replace(/[<>:"/\\|?*\x00-\x1f]/g, '_'); + const { name, ext } = path.parse(safe); + let finalName = safe; + let i = 2; + while (fs.existsSync(path.join(SOUNDS_DIR, finalName))) { + finalName = `${name}-${i}${ext}`; + i++; + } + cb(null, finalName); + }, +}); +const uploadMulter = multer({ + storage: uploadStorage, + fileFilter: (_req: any, file: { originalname: string }, cb: (e: null, ok: boolean) => void) => { + const ext = path.extname(file.originalname).toLowerCase(); + cb(null, ext === '.mp3' || ext === '.wav'); + }, + limits: { fileSize: 50 * 1024 * 1024, files: 20 }, +}); + +app.post('/api/upload', requireAdmin, (req: Request, res: Response) => { + uploadMulter.array('files', 20)(req, res, async (err: any) => { + if (err) return res.status(400).json({ error: err?.message ?? 'Upload fehlgeschlagen' }); + const files = (req as any).files as MulterFile[] | undefined; + if (!files?.length) return res.status(400).json({ error: 'Keine gültigen Dateien (nur MP3/WAV)' }); + const saved = files.map(f => ({ name: f.filename, size: f.size })); + // Normalisierung im Hintergrund starten + if (NORMALIZE_ENABLE) { + for (const f of files) { + normalizeToCache(f.path).catch(e => console.warn(`Norm after upload failed (${f.filename}):`, e)); + } + } + console.log(`${new Date().toISOString()} | Upload: ${files.map(f => f.filename).join(', ')}`); + res.json({ ok: true, files: saved }); + }); +}); + +// --- Kategorien API --- +app.get('/api/categories', (_req: Request, res: Response) => { + res.json({ categories: persistedState.categories ?? [] }); +}); + +app.post('/api/categories', requireAdmin, (req: Request, res: Response) => { + const { name, color, sort } = req.body as { name?: string; color?: string; sort?: number }; + const n = (name || '').trim(); + if (!n) return res.status(400).json({ error: 'name erforderlich' }); + const id = crypto.randomUUID(); + const cat = { id, name: n, color, sort }; + persistedState.categories = [...(persistedState.categories ?? []), cat]; + writePersistedState(persistedState); + res.json({ ok: true, category: cat }); +}); + +app.patch('/api/categories/:id', requireAdmin, (req: Request, res: Response) => { + const { id } = req.params; + const { name, color, sort } = req.body as { name?: string; color?: string; sort?: number }; + const cats = persistedState.categories ?? []; + const idx = cats.findIndex(c => c.id === id); + if (idx === -1) return res.status(404).json({ error: 'Kategorie nicht gefunden' }); + const updated = { ...cats[idx] } as any; + if (typeof name === 'string') updated.name = name; + if (typeof color === 'string') updated.color = color; + if (typeof sort === 'number') updated.sort = sort; + cats[idx] = updated; + persistedState.categories = cats; + writePersistedState(persistedState); + res.json({ ok: true, category: updated }); +}); + +app.delete('/api/categories/:id', requireAdmin, (req: Request, res: Response) => { + const { id } = req.params; + const cats = persistedState.categories ?? []; + if (!cats.find(c => c.id === id)) return res.status(404).json({ error: 'Kategorie nicht gefunden' }); + persistedState.categories = cats.filter(c => c.id !== id); + // Zuordnungen entfernen + const fc = persistedState.fileCategories ?? {}; + for (const k of Object.keys(fc)) fc[k] = (fc[k] ?? []).filter(x => x !== id); + persistedState.fileCategories = fc; + writePersistedState(persistedState); + res.json({ ok: true }); +}); + +// Bulk-Assign/Remove Kategorien zu Dateien +app.post('/api/categories/assign', requireAdmin, (req: Request, res: Response) => { + const { files, add, remove } = req.body as { files?: string[]; add?: string[]; remove?: string[] }; + if (!Array.isArray(files) || files.length === 0) return res.status(400).json({ error: 'files[] erforderlich' }); + const validCats = new Set((persistedState.categories ?? []).map(c => c.id)); + const toAdd = (add ?? []).filter(id => validCats.has(id)); + const toRemove = (remove ?? []).filter(id => validCats.has(id)); + const fc = persistedState.fileCategories ?? {}; + for (const rel of files) { + const key = rel; + const old = new Set(fc[key] ?? []); + for (const a of toAdd) old.add(a); + for (const r of toRemove) old.delete(r); + fc[key] = Array.from(old); + } + persistedState.fileCategories = fc; + writePersistedState(persistedState); + res.json({ ok: true, fileCategories: fc }); +}); + +// Badges (custom) setzen/entfernen (Rakete/Neu kommen automatisch, hier nur freie Badges) +app.post('/api/badges/assign', requireAdmin, (req: Request, res: Response) => { + const { files, add, remove } = req.body as { files?: string[]; add?: string[]; remove?: string[] }; + if (!Array.isArray(files) || files.length === 0) return res.status(400).json({ error: 'files[] erforderlich' }); + const fb = persistedState.fileBadges ?? {}; + for (const rel of files) { + const key = rel; + const old = new Set(fb[key] ?? []); + for (const a of (add ?? [])) old.add(a); + for (const r of (remove ?? [])) old.delete(r); + fb[key] = Array.from(old); + } + persistedState.fileBadges = fb; + writePersistedState(persistedState); + res.json({ ok: true, fileBadges: fb }); +}); + +// Alle Custom-Badges für die angegebenen Dateien entfernen +app.post('/api/badges/clear', requireAdmin, (req: Request, res: Response) => { + const { files } = req.body as { files?: string[] }; + if (!Array.isArray(files) || files.length === 0) return res.status(400).json({ error: 'files[] erforderlich' }); + const fb = persistedState.fileBadges ?? {}; + for (const rel of files) { + delete fb[rel]; + } + persistedState.fileBadges = fb; + writePersistedState(persistedState); + res.json({ ok: true, fileBadges: fb }); +}); + +app.get('/api/channels', (_req: Request, res: Response) => { + if (!client.isReady()) return res.status(503).json({ error: 'Bot noch nicht bereit' }); + + const allowed = new Set(ALLOWED_GUILD_IDS); + const result: Array<{ guildId: string; guildName: string; channelId: string; channelName: string; selected?: boolean }> = []; + for (const [, guild] of client.guilds.cache) { + if (allowed.size > 0 && !allowed.has(guild.id)) continue; + const channels = guild.channels.cache; + for (const [, ch] of channels) { + if (ch?.type === ChannelType.GuildVoice || ch?.type === ChannelType.GuildStageVoice) { + const sel = getSelectedChannelForGuild(guild.id); + result.push({ guildId: guild.id, guildName: guild.name, channelId: ch.id, channelName: ch.name, selected: sel === ch.id }); + } + } + } + result.sort((a, b) => a.guildName.localeCompare(b.guildName) || a.channelName.localeCompare(b.channelName)); + res.json(result); +}); + +// Globale Channel-Auswahl: auslesen (komplettes Mapping) +app.get('/api/selected-channels', (_req: Request, res: Response) => { + try { + res.json({ selected: persistedState.selectedChannels ?? {} }); + } catch (e: any) { + res.status(500).json({ error: e?.message ?? 'Unbekannter Fehler' }); + } +}); + +// Globale Channel-Auswahl: setzen (validiert Channel-Typ) +app.post('/api/selected-channel', async (req: Request, res: Response) => { + try { + const { guildId, channelId } = req.body as { guildId?: string; channelId?: string }; + const gid = String(guildId ?? ''); + const cid = String(channelId ?? ''); + if (!gid || !cid) return res.status(400).json({ error: 'guildId und channelId erforderlich' }); + const guild = client.guilds.cache.get(gid); + if (!guild) return res.status(404).json({ error: 'Guild nicht gefunden' }); + const ch = guild.channels.cache.get(cid); + if (!ch || (ch.type !== ChannelType.GuildVoice && ch.type !== ChannelType.GuildStageVoice)) { + return res.status(400).json({ error: 'Ungültiger Voice-Channel' }); + } + setSelectedChannelForGuild(gid, cid); + return res.json({ ok: true }); + } catch (e: any) { + console.error('selected-channel error', e); + return res.status(500).json({ error: e?.message ?? 'Unbekannter Fehler' }); + } +}); + +app.post('/api/play', async (req: Request, res: Response) => { + try { + const { soundName, guildId, channelId, volume, folder, relativePath } = req.body as { + soundName?: string; + guildId?: string; + channelId?: string; + volume?: number; // 0..1 + folder?: string; // optional subfolder key + relativePath?: string; // optional direct relative path + }; + if (!soundName || !guildId || !channelId) return res.status(400).json({ error: 'soundName, guildId, channelId erforderlich' }); + + let filePath: string; + if (relativePath) filePath = path.join(SOUNDS_DIR, relativePath); + else if (folder) { + const mp3 = path.join(SOUNDS_DIR, folder, `${soundName}.mp3`); + const wav = path.join(SOUNDS_DIR, folder, `${soundName}.wav`); + filePath = fs.existsSync(mp3) ? mp3 : wav; + } else { + const mp3 = path.join(SOUNDS_DIR, `${soundName}.mp3`); + const wav = path.join(SOUNDS_DIR, `${soundName}.wav`); + filePath = fs.existsSync(mp3) ? mp3 : wav; + } + if (!fs.existsSync(filePath)) return res.status(404).json({ error: 'Sound nicht gefunden' }); + + // Delegiere an playFilePath (inkl. Loudnorm, Connection-Management, Now-Playing Broadcast) + const relKey = relativePath || (folder ? `${folder}/${soundName}` : soundName); + await playFilePath(guildId, channelId, filePath, volume, relKey!); + return res.json({ ok: true }); + } catch (err: any) { + console.error('Play-Fehler:', err); + return res.status(500).json({ error: err?.message ?? 'Unbekannter Fehler' }); + } +}); + +// Lautstärke zur Laufzeit ändern (0..1). Wirken sofort auf aktuelle Resource, sonst als Default für nächste Wiedergabe. +app.post('/api/volume', (req: Request, res: Response) => { + try { + const { guildId, volume } = req.body as { guildId?: string; volume?: number }; + if (!guildId || typeof volume !== 'number' || !Number.isFinite(volume)) { + return res.status(400).json({ error: 'guildId und volume (0..1) erforderlich' }); + } + const safeVolume = Math.max(0, Math.min(1, volume)); + const state = guildAudioState.get(guildId); + if (!state) { + // Kein aktiver Player: nur persistieren für nächste Wiedergabe + persistedState.volumes[guildId] = safeVolume; + writePersistedState(persistedState); + // Broadcast neue Lautstärke an alle Clients + sseBroadcast({ type: 'volume', guildId, volume: safeVolume }); + return res.json({ ok: true, volume: safeVolume, persistedOnly: true }); + } + state.currentVolume = safeVolume; + if (state.currentResource?.volume) { + state.currentResource.volume.setVolume(safeVolume); + console.log(`${new Date().toISOString()} | live setVolume(${safeVolume}) guild=${guildId}`); + } + persistedState.volumes[guildId] = safeVolume; + writePersistedState(persistedState); + // Broadcast neue Lautstärke an alle Clients + sseBroadcast({ type: 'volume', guildId, volume: safeVolume }); + return res.json({ ok: true, volume: safeVolume }); + } catch (e: any) { + console.error('Volume-Fehler:', e); + return res.status(500).json({ error: e?.message ?? 'Unbekannter Fehler' }); + } +}); + +// Aktuelle/gespeicherte Lautstärke abrufen +app.get('/api/volume', (req: Request, res: Response) => { + const guildId = String(req.query.guildId ?? ''); + if (!guildId) return res.status(400).json({ error: 'guildId erforderlich' }); + const state = guildAudioState.get(guildId); + const v = state?.currentVolume ?? getPersistedVolume(guildId); + return res.json({ volume: v }); +}); + +// Panik: Stoppe aktuelle Wiedergabe sofort +app.post('/api/stop', (req: Request, res: Response) => { + try { + const guildId = String((req.query.guildId || (req.body as any)?.guildId) ?? ''); + if (!guildId) return res.status(400).json({ error: 'guildId erforderlich' }); + const state = guildAudioState.get(guildId); + if (!state) return res.status(404).json({ error: 'Kein aktiver Player' }); + state.player.stop(true); + // Now-Playing löschen + nowPlaying.delete(guildId); + sseBroadcast({ type: 'nowplaying', guildId, name: '' }); + // Partymode für diese Guild ebenfalls stoppen + try { + const t = partyTimers.get(guildId); + if (t) clearTimeout(t); + partyTimers.delete(guildId); + partyActive.delete(guildId); + sseBroadcast({ type: 'party', guildId, active: false }); + } catch {} + return res.json({ ok: true }); + } catch (e: any) { + return res.status(500).json({ error: e?.message ?? 'Unbekannter Fehler' }); + } +}); + +// --- Partymode (serverseitig) --- +function schedulePartyPlayback(guildId: string, channelId: string) { + const MIN_DELAY = 30_000; // 30s + const MAX_EXTRA = 60_000; // +0..60s => 30..90s + + const doPlay = async () => { + try { + // Dateien ermitteln (mp3/wav, inkl. Subfolder) + const rootEntries = fs.readdirSync(SOUNDS_DIR, { withFileTypes: true }); + const pick: string[] = []; + for (const d of rootEntries) { + if (d.isFile()) { + const l = d.name.toLowerCase(); if (l.endsWith('.mp3') || l.endsWith('.wav')) pick.push(path.join(SOUNDS_DIR, d.name)); + } else if (d.isDirectory()) { + const folderPath = path.join(SOUNDS_DIR, d.name); + const entries = fs.readdirSync(folderPath, { withFileTypes: true }); + for (const e of entries) { + if (!e.isFile()) continue; + const n = e.name.toLowerCase(); + if (n.endsWith('.mp3') || n.endsWith('.wav')) pick.push(path.join(folderPath, e.name)); + } + } + } + if (pick.length === 0) return; + const filePath = pick[Math.floor(Math.random() * pick.length)]; + await playFilePath(guildId, channelId, filePath); + } catch (err) { + console.error('Partymode play error:', err); + } + }; + + const loop = async () => { + if (!partyActive.has(guildId)) return; + await doPlay(); + if (!partyActive.has(guildId)) return; + const delay = MIN_DELAY + Math.floor(Math.random() * MAX_EXTRA); + const t = setTimeout(loop, delay); + partyTimers.set(guildId, t); + }; + + // Start: sofort spielen und nächste planen + partyActive.add(guildId); + void loop(); + // Broadcast Status + sseBroadcast({ type: 'party', guildId, active: true, channelId }); +} + +app.post('/api/party/start', async (req: Request, res: Response) => { + try { + const { guildId, channelId } = req.body as { guildId?: string; channelId?: string }; + if (!guildId || !channelId) return res.status(400).json({ error: 'guildId und channelId erforderlich' }); + // vorhandenen Timer stoppen + const old = partyTimers.get(guildId); if (old) clearTimeout(old); + partyTimers.delete(guildId); + schedulePartyPlayback(guildId, channelId); + return res.json({ ok: true }); + } catch (e: any) { + console.error('party/start error', e); + return res.status(500).json({ error: e?.message ?? 'Unbekannter Fehler' }); + } +}); + +app.post('/api/party/stop', (req: Request, res: Response) => { + try { + const { guildId } = req.body as { guildId?: string }; + const id = String(guildId ?? ''); + if (!id) return res.status(400).json({ error: 'guildId erforderlich' }); + const t = partyTimers.get(id); if (t) clearTimeout(t); + partyTimers.delete(id); + partyActive.delete(id); + sseBroadcast({ type: 'party', guildId: id, active: false }); + return res.json({ ok: true }); + } catch (e: any) { + console.error('party/stop error', e); + return res.status(500).json({ error: e?.message ?? 'Unbekannter Fehler' }); + } +}); + +// Server-Sent Events Endpoint +app.get('/api/events', (req: Request, res: Response) => { + res.setHeader('Content-Type', 'text/event-stream'); + res.setHeader('Cache-Control', 'no-cache'); + res.setHeader('Connection', 'keep-alive'); + res.flushHeaders?.(); + + // Snapshot senden + try { + const statsSnap: Record = {}; + for (const [gId, st] of guildAudioState) { + const ch = client.channels.cache.get(st.channelId); + statsSnap[gId] = { + voicePing: (st.connection.ping as any)?.ws ?? null, + gatewayPing: client.ws.ping, + status: st.connection.state?.status ?? 'unknown', + channelName: ch && 'name' in ch ? (ch as any).name : null, + connectedSince: connectedSince.get(gId) ?? null, + }; + } + res.write(`data: ${JSON.stringify({ type: 'snapshot', party: Array.from(partyActive), selected: persistedState.selectedChannels ?? {}, volumes: persistedState.volumes ?? {}, nowplaying: Object.fromEntries(nowPlaying), voicestats: statsSnap })}\n\n`); + } catch {} + + // Ping, damit Proxies die Verbindung offen halten + const ping = setInterval(() => { try { res.write(':\n\n'); } catch {} }, 15_000); + + sseClients.add(res); + req.on('close', () => { + sseClients.delete(res); + clearInterval(ping); + try { res.end(); } catch {} + }); +}); + +// --- Medien-URL abspielen --- +// Unterstützt: direkte MP3-URL (Download und Ablage) +app.post('/api/play-url', async (req: Request, res: Response) => { + try { + const { url, guildId, channelId, volume } = req.body as { url?: string; guildId?: string; channelId?: string; volume?: number }; + if (!url || !guildId || !channelId) return res.status(400).json({ error: 'url, guildId, channelId erforderlich' }); + + let parsed: URL; + try { + parsed = new URL(url); + } catch { + return res.status(400).json({ error: 'Ungültige URL' }); + } + const pathname = parsed.pathname.toLowerCase(); + if (!pathname.endsWith('.mp3')) { + return res.status(400).json({ error: 'Nur direkte MP3-Links werden unterstützt.' }); + } + const fileName = path.basename(parsed.pathname); + const dest = path.join(SOUNDS_DIR, fileName); + const r = await fetch(url); + if (!r.ok) return res.status(400).json({ error: 'Download fehlgeschlagen' }); + const buf = Buffer.from(await r.arrayBuffer()); + fs.writeFileSync(dest, buf); + // Vor dem Abspielen normalisieren → sofort aus Cache + if (NORMALIZE_ENABLE) { + try { await normalizeToCache(dest); } catch (e) { console.warn('Norm after URL import failed:', e); } + } + try { + await playFilePath(guildId, channelId, dest, volume, path.basename(dest)); + } catch { + return res.status(500).json({ error: 'Abspielen fehlgeschlagen' }); + } + return res.json({ ok: true, saved: path.basename(dest) }); + } catch (e: any) { + console.error('play-url error:', e); + return res.status(500).json({ error: e?.message ?? 'Unbekannter Fehler' }); + } +}); + +// Static Frontend ausliefern (Vite build) +const webDistPath = path.resolve(__dirname, '../../web/dist'); +if (fs.existsSync(webDistPath)) { + app.use(express.static(webDistPath)); + app.get('/{*splat}', (_req, res) => { + res.sendFile(path.join(webDistPath, 'index.html')); + }); +} + +// Node 24 warnt bei negativen Timeout-Werten (aus @discordjs/voice intern) - harmlos unterdruecken +process.on('warning', (warning) => { + if (warning.name === 'TimeoutNegativeWarning') return; + console.warn(warning.name + ': ' + warning.message); +}); +process.on('uncaughtException', (err) => { + console.error(`FATAL uncaughtException:`, err); + process.exit(1); +}); +process.on('unhandledRejection', (reason) => { + console.error(`FATAL unhandledRejection:`, reason); +}); + +app.listen(PORT, () => { + console.log(`Server läuft auf http://0.0.0.0:${PORT}`); + + // Vollständige Cache-Synchronisation beim Start (Hintergrund) + syncNormCache(); + + // Voice-Stats alle 5 Sekunden an alle SSE-Clients broadcasten + setInterval(() => { + if (sseClients.size === 0 || guildAudioState.size === 0) return; + for (const [gId, st] of guildAudioState) { + const ch = client.channels.cache.get(st.channelId); + sseBroadcast({ + type: 'voicestats', + guildId: gId, + voicePing: (st.connection.ping as any)?.ws ?? null, + gatewayPing: client.ws.ping, + status: st.connection.state?.status ?? 'unknown', + channelName: ch && 'name' in ch ? (ch as any).name : null, + connectedSince: connectedSince.get(gId) ?? null, + }); + } + }, 5_000); +}); + + + + diff --git a/web/src/App.tsx b/web/src/App.tsx index fb30ea6..98ad596 100644 --- a/web/src/App.tsx +++ b/web/src/App.tsx @@ -1,1167 +1,1257 @@ -import React, { useEffect, useMemo, useRef, useState, useCallback } from 'react'; -import { - fetchChannels, fetchSounds, fetchAnalytics, playSound, playUrl, setVolumeLive, getVolume, - adminStatus, adminLogin, adminLogout, adminDelete, adminRename, - fetchCategories, partyStart, partyStop, subscribeEvents, - getSelectedChannels, setSelectedChannel, uploadFile, -} from './api'; -import type { VoiceChannelInfo, Sound, Category, AnalyticsResponse } from './types'; -import { getCookie, setCookie } from './cookies'; - -const THEMES = [ - { id: 'default', color: '#5865f2', label: 'Discord' }, - { id: 'purple', color: '#9b59b6', label: 'Midnight' }, - { id: 'forest', color: '#2ecc71', label: 'Forest' }, - { id: 'sunset', color: '#e67e22', label: 'Sunset' }, - { id: 'ocean', color: '#3498db', label: 'Ocean' }, -]; - -const CAT_PALETTE = [ - '#3b82f6', '#f59e0b', '#8b5cf6', '#ec4899', '#14b8a6', - '#f97316', '#06b6d4', '#ef4444', '#a855f7', '#84cc16', - '#d946ef', '#0ea5e9', '#f43f5e', '#10b981', -]; - -type Tab = 'all' | 'favorites' | 'recent'; - -type UploadItem = { - id: string; - file: File; - status: 'waiting' | 'uploading' | 'done' | 'error'; - progress: number; - savedName?: string; - error?: string; -}; - -export default function App() { - /* ── Data ── */ - const [sounds, setSounds] = useState([]); - const [total, setTotal] = useState(0); - const [folders, setFolders] = useState>([]); - const [categories, setCategories] = useState([]); - const [analytics, setAnalytics] = useState({ - totalSounds: 0, - totalPlays: 0, - mostPlayed: [], - }); - - /* ── Navigation ── */ - const [activeTab, setActiveTab] = useState('all'); - const [activeFolder, setActiveFolder] = useState(''); - const [query, setQuery] = useState(''); - const [importUrl, setImportUrl] = useState(''); - const [importBusy, setImportBusy] = useState(false); - - /* ── Channels ── */ - const [channels, setChannels] = useState([]); - const [selected, setSelected] = useState(''); - const selectedRef = useRef(''); - const [channelOpen, setChannelOpen] = useState(false); - - /* ── Playback ── */ - const [volume, setVolume] = useState(1); - const [lastPlayed, setLastPlayed] = useState(''); - - /* ── Preferences ── */ - const [favs, setFavs] = useState>({}); - const [theme, setTheme] = useState(() => localStorage.getItem('jb-theme') || 'default'); - const [cardSize, setCardSize] = useState(() => parseInt(localStorage.getItem('jb-card-size') || '110')); - - /* ── Party ── */ - const [chaosMode, setChaosMode] = useState(false); - const [partyActiveGuilds, setPartyActiveGuilds] = useState([]); - const chaosModeRef = useRef(false); - const volDebounceRef = useRef>(); - - /* ── Admin ── */ - const [isAdmin, setIsAdmin] = useState(false); - const [showAdmin, setShowAdmin] = useState(false); - const [adminPwd, setAdminPwd] = useState(''); - const [adminSounds, setAdminSounds] = useState([]); - const [adminLoading, setAdminLoading] = useState(false); - const [adminQuery, setAdminQuery] = useState(''); - const [adminSelection, setAdminSelection] = useState>({}); - const [renameTarget, setRenameTarget] = useState(''); - const [renameValue, setRenameValue] = useState(''); - - /* ── Drag & Drop Upload ── */ - const [isDragging, setIsDragging] = useState(false); - const [uploads, setUploads] = useState([]); - const [showUploads, setShowUploads] = useState(false); - const dragCounterRef = useRef(0); - const uploadDismissRef = useRef>(); - - /* ── UI ── */ - const [notification, setNotification] = useState<{ msg: string; type: 'info' | 'error' } | null>(null); - const [clock, setClock] = useState(''); - const [ctxMenu, setCtxMenu] = useState<{ x: number; y: number; sound: Sound } | null>(null); - const [refreshKey, setRefreshKey] = useState(0); - - /* ── Refs ── */ - useEffect(() => { chaosModeRef.current = chaosMode; }, [chaosMode]); - useEffect(() => { selectedRef.current = selected; }, [selected]); - - /* ── Drag & Drop: globale Window-Listener ── */ - useEffect(() => { - const onDragEnter = (e: DragEvent) => { - if (Array.from(e.dataTransfer?.items ?? []).some(i => i.kind === 'file')) { - dragCounterRef.current++; - setIsDragging(true); - } - }; - const onDragLeave = () => { - dragCounterRef.current = Math.max(0, dragCounterRef.current - 1); - if (dragCounterRef.current === 0) setIsDragging(false); - }; - const onDragOver = (e: DragEvent) => e.preventDefault(); - const onDrop = (e: DragEvent) => { - e.preventDefault(); - dragCounterRef.current = 0; - setIsDragging(false); - const files = Array.from(e.dataTransfer?.files ?? []).filter(f => - /\.(mp3|wav)$/i.test(f.name) - ); - if (files.length) handleFileDrop(files); - }; - window.addEventListener('dragenter', onDragEnter); - window.addEventListener('dragleave', onDragLeave); - window.addEventListener('dragover', onDragOver); - window.addEventListener('drop', onDrop); - return () => { - window.removeEventListener('dragenter', onDragEnter); - window.removeEventListener('dragleave', onDragLeave); - window.removeEventListener('dragover', onDragOver); - window.removeEventListener('drop', onDrop); - }; - // eslint-disable-next-line react-hooks/exhaustive-deps - }, [isAdmin]); - - /* ── Helpers ── */ - const notify = useCallback((msg: string, type: 'info' | 'error' = 'info') => { - setNotification({ msg, type }); - setTimeout(() => setNotification(null), 3000); - }, []); - const soundKey = useCallback((s: Sound) => s.relativePath ?? s.fileName, []); - const isMp3Url = useCallback((value: string) => { - try { - const parsed = new URL(value.trim()); - return parsed.pathname.toLowerCase().endsWith('.mp3'); - } catch { - return false; - } - }, []); - - const guildId = selected ? selected.split(':')[0] : ''; - const channelId = selected ? selected.split(':')[1] : ''; - - const selectedChannel = useMemo(() => - channels.find(c => `${c.guildId}:${c.channelId}` === selected), - [channels, selected]); - - /* ── Clock ── */ - useEffect(() => { - const update = () => { - const now = new Date(); - const h = String(now.getHours()).padStart(2, '0'); - const m = String(now.getMinutes()).padStart(2, '0'); - const s = String(now.getSeconds()).padStart(2, '0'); - setClock(`${h}:${m}:${s}`); - }; - update(); - const id = setInterval(update, 1000); - return () => clearInterval(id); - }, []); - - /* ── Init ── */ - useEffect(() => { - (async () => { - try { - const [ch, selMap] = await Promise.all([fetchChannels(), getSelectedChannels()]); - setChannels(ch); - if (ch.length) { - const g = ch[0].guildId; - const serverCid = selMap[g]; - const match = serverCid && ch.find(x => x.guildId === g && x.channelId === serverCid); - setSelected(match ? `${g}:${serverCid}` : `${ch[0].guildId}:${ch[0].channelId}`); - } - } catch (e: any) { notify(e?.message || 'Channel-Fehler', 'error'); } - try { setIsAdmin(await adminStatus()); } catch { } - try { const c = await fetchCategories(); setCategories(c.categories || []); } catch { } - })(); - }, []); - - /* ── Theme ── */ - useEffect(() => { - if (theme === 'default') document.body.removeAttribute('data-theme'); - else document.body.setAttribute('data-theme', theme); - localStorage.setItem('jb-theme', theme); - }, [theme]); - - /* ── Card size ── */ - useEffect(() => { - const r = document.documentElement; - r.style.setProperty('--card-size', cardSize + 'px'); - const ratio = cardSize / 110; - r.style.setProperty('--card-emoji', Math.round(28 * ratio) + 'px'); - r.style.setProperty('--card-font', Math.max(9, Math.round(11 * ratio)) + 'px'); - localStorage.setItem('jb-card-size', String(cardSize)); - }, [cardSize]); - - /* ── SSE ── */ - useEffect(() => { - const unsub = subscribeEvents((msg) => { - if (msg?.type === 'party') { - setPartyActiveGuilds(prev => { - const s = new Set(prev); - if (msg.active) s.add(msg.guildId); else s.delete(msg.guildId); - return Array.from(s); - }); - } else if (msg?.type === 'snapshot') { - setPartyActiveGuilds(Array.isArray(msg.party) ? msg.party : []); - try { - const sel = msg?.selected || {}; - const g = selectedRef.current?.split(':')[0]; - if (g && sel[g]) setSelected(`${g}:${sel[g]}`); - } catch { } - try { - const vols = msg?.volumes || {}; - const g = selectedRef.current?.split(':')[0]; - if (g && typeof vols[g] === 'number') setVolume(vols[g]); - } catch { } - try { - const np = msg?.nowplaying || {}; - const g = selectedRef.current?.split(':')[0]; - if (g && typeof np[g] === 'string') setLastPlayed(np[g]); - } catch { } - } else if (msg?.type === 'channel') { - const g = selectedRef.current?.split(':')[0]; - if (msg.guildId === g) setSelected(`${msg.guildId}:${msg.channelId}`); - } else if (msg?.type === 'volume') { - const g = selectedRef.current?.split(':')[0]; - if (msg.guildId === g && typeof msg.volume === 'number') setVolume(msg.volume); - } else if (msg?.type === 'nowplaying') { - const g = selectedRef.current?.split(':')[0]; - if (msg.guildId === g) setLastPlayed(msg.name || ''); - } - }); - return () => { try { unsub(); } catch { } }; - }, []); - - useEffect(() => { - setChaosMode(guildId ? partyActiveGuilds.includes(guildId) : false); - }, [selected, partyActiveGuilds]); - - /* ── Data Fetch ── */ - useEffect(() => { - (async () => { - try { - let folderParam = '__all__'; - if (activeTab === 'recent') folderParam = '__recent__'; - else if (activeFolder) folderParam = activeFolder; - const s = await fetchSounds(query, folderParam, undefined, false); - setSounds(s.items); - setTotal(s.total); - setFolders(s.folders); - } catch (e: any) { notify(e?.message || 'Sounds-Fehler', 'error'); } - })(); - }, [activeTab, activeFolder, query, refreshKey]); - - useEffect(() => { - void loadAnalytics(); - }, [refreshKey]); - - /* ── Favs persistence ── */ - useEffect(() => { - const c = getCookie('favs'); - if (c) try { setFavs(JSON.parse(c)); } catch { } - }, []); - - useEffect(() => { - try { setCookie('favs', JSON.stringify(favs)); } catch { } - }, [favs]); - - /* ── Volume sync ── */ - useEffect(() => { - if (selected) { - (async () => { - try { const v = await getVolume(guildId); setVolume(v); } catch { } - })(); - } - }, [selected]); - - /* ── Close dropdowns on outside click ── */ - useEffect(() => { - const handler = () => { setChannelOpen(false); setCtxMenu(null); }; - document.addEventListener('click', handler); - return () => document.removeEventListener('click', handler); - }, []); - - useEffect(() => { - if (showAdmin && isAdmin) { - void loadAdminSounds(); - } - }, [showAdmin, isAdmin]); - - /* ── Actions ── */ - async function loadAnalytics() { - try { - const data = await fetchAnalytics(); - setAnalytics(data); - } catch { } - } - - async function handlePlay(s: Sound) { - if (!selected) return notify('Bitte einen Voice-Channel auswählen', 'error'); - try { - await playSound(s.name, guildId, channelId, volume, s.relativePath); - setLastPlayed(s.name); - void loadAnalytics(); - } catch (e: any) { notify(e?.message || 'Play fehlgeschlagen', 'error'); } - } - - async function handleUrlImport() { - const trimmed = importUrl.trim(); - if (!trimmed) return notify('Bitte einen MP3-Link eingeben', 'error'); - if (!selected) return notify('Bitte einen Voice-Channel auswählen', 'error'); - if (!isMp3Url(trimmed)) return notify('Nur direkte MP3-Links sind erlaubt', 'error'); - setImportBusy(true); - try { - await playUrl(trimmed, guildId, channelId, volume); - setImportUrl(''); - notify('MP3 importiert und abgespielt'); - setRefreshKey(k => k + 1); - await loadAnalytics(); - } catch (e: any) { - notify(e?.message || 'URL-Import fehlgeschlagen', 'error'); - } finally { - setImportBusy(false); - } - } - - async function handleFileDrop(files: File[]) { - if (!isAdmin) { - notify('Admin-Login erforderlich zum Hochladen', 'error'); - return; - } - if (uploadDismissRef.current) clearTimeout(uploadDismissRef.current); - - const items: UploadItem[] = files.map(f => ({ - id: Math.random().toString(36).slice(2), - file: f, - status: 'waiting', - progress: 0, - })); - setUploads(items); - setShowUploads(true); - - const updated = [...items]; - for (let i = 0; i < updated.length; i++) { - updated[i] = { ...updated[i], status: 'uploading' }; - setUploads([...updated]); - try { - const savedName = await uploadFile( - updated[i].file, - pct => { - updated[i] = { ...updated[i], progress: pct }; - setUploads([...updated]); - }, - ); - updated[i] = { ...updated[i], status: 'done', progress: 100, savedName }; - } catch (e: any) { - updated[i] = { ...updated[i], status: 'error', error: e?.message ?? 'Fehler' }; - } - setUploads([...updated]); - } - - // Sound-Liste aktualisieren - setRefreshKey(k => k + 1); - void loadAnalytics(); - - // Auto-Dismiss nach 3s - uploadDismissRef.current = setTimeout(() => { - setShowUploads(false); - setUploads([]); - }, 3500); - } - - async function handleStop() { - if (!selected) return; - setLastPlayed(''); - try { await fetch(`/api/stop?guildId=${encodeURIComponent(guildId)}`, { method: 'POST' }); } catch { } - } - - async function handleRandom() { - if (!displaySounds.length || !selected) return; - const rnd = displaySounds[Math.floor(Math.random() * displaySounds.length)]; - handlePlay(rnd); - } - - async function toggleParty() { - if (chaosMode) { - await handleStop(); - try { await partyStop(guildId); } catch { } - } else { - if (!selected) return notify('Bitte einen Channel auswählen', 'error'); - try { await partyStart(guildId, channelId); } catch { } - } - } - - async function handleChannelSelect(ch: VoiceChannelInfo) { - const v = `${ch.guildId}:${ch.channelId}`; - setSelected(v); - setChannelOpen(false); - try { await setSelectedChannel(ch.guildId, ch.channelId); } catch { } - } - - function toggleFav(key: string) { - setFavs(prev => ({ ...prev, [key]: !prev[key] })); - } - - async function loadAdminSounds() { - setAdminLoading(true); - try { - const data = await fetchSounds('', '__all__', undefined, false); - setAdminSounds(data.items || []); - } catch (e: any) { - notify(e?.message || 'Admin-Sounds konnten nicht geladen werden', 'error'); - } finally { - setAdminLoading(false); - } - } - - function toggleAdminSelection(path: string) { - setAdminSelection(prev => ({ ...prev, [path]: !prev[path] })); - } - - function startRename(sound: Sound) { - setRenameTarget(soundKey(sound)); - setRenameValue(sound.name); - } - - function cancelRename() { - setRenameTarget(''); - setRenameValue(''); - } - - async function submitRename() { - if (!renameTarget) return; - const baseName = renameValue.trim().replace(/\.(mp3|wav)$/i, ''); - if (!baseName) { - notify('Bitte einen gültigen Namen eingeben', 'error'); - return; - } - try { - await adminRename(renameTarget, baseName); - notify('Sound umbenannt'); - cancelRename(); - setRefreshKey(k => k + 1); - if (showAdmin) await loadAdminSounds(); - } catch (e: any) { - notify(e?.message || 'Umbenennen fehlgeschlagen', 'error'); - } - } - - async function deleteAdminPaths(paths: string[]) { - if (paths.length === 0) return; - try { - await adminDelete(paths); - notify(paths.length === 1 ? 'Sound gelöscht' : `${paths.length} Sounds gelöscht`); - setAdminSelection({}); - cancelRename(); - setRefreshKey(k => k + 1); - if (showAdmin) await loadAdminSounds(); - } catch (e: any) { - notify(e?.message || 'Löschen fehlgeschlagen', 'error'); - } - } - - async function handleAdminLogin() { - try { - const ok = await adminLogin(adminPwd); - if (ok) { - setIsAdmin(true); - setAdminPwd(''); - notify('Admin eingeloggt'); - } - else notify('Falsches Passwort', 'error'); - } catch { notify('Login fehlgeschlagen', 'error'); } - } - - async function handleAdminLogout() { - try { - await adminLogout(); - setIsAdmin(false); - setAdminSelection({}); - cancelRename(); - notify('Ausgeloggt'); - } catch { } - } - - /* ── Computed ── */ - const displaySounds = useMemo(() => { - if (activeTab === 'favorites') return sounds.filter(s => favs[s.relativePath ?? s.fileName]); - return sounds; - }, [sounds, activeTab, favs]); - - const favCount = useMemo(() => Object.values(favs).filter(Boolean).length, [favs]); - - const visibleFolders = useMemo(() => - folders.filter(f => !['__all__', '__recent__', '__top3__'].includes(f.key)), - [folders]); - - const folderColorMap = useMemo(() => { - const m: Record = {}; - visibleFolders.forEach((f, i) => { m[f.key] = CAT_PALETTE[i % CAT_PALETTE.length]; }); - return m; - }, [visibleFolders]); - - const firstOfInitial = useMemo(() => { - const seen = new Set(); - const result = new Set(); - displaySounds.forEach((s, idx) => { - const ch = s.name.charAt(0).toUpperCase(); - if (!seen.has(ch)) { seen.add(ch); result.add(idx); } - }); - return result; - }, [displaySounds]); - - const channelsByGuild = useMemo(() => { - const groups: Record = {}; - channels.forEach(c => { - if (!groups[c.guildName]) groups[c.guildName] = []; - groups[c.guildName].push(c); - }); - return groups; - }, [channels]); - - const adminFilteredSounds = useMemo(() => { - const q = adminQuery.trim().toLowerCase(); - if (!q) return adminSounds; - return adminSounds.filter(s => { - const key = soundKey(s).toLowerCase(); - return s.name.toLowerCase().includes(q) - || (s.folder || '').toLowerCase().includes(q) - || key.includes(q); - }); - }, [adminQuery, adminSounds, soundKey]); - - const selectedAdminPaths = useMemo(() => - Object.keys(adminSelection).filter(k => adminSelection[k]), - [adminSelection]); - - const selectedVisibleCount = useMemo(() => - adminFilteredSounds.filter(s => !!adminSelection[soundKey(s)]).length, - [adminFilteredSounds, adminSelection, soundKey]); - - const allVisibleSelected = adminFilteredSounds.length > 0 && selectedVisibleCount === adminFilteredSounds.length; - const analyticsTop = analytics.mostPlayed.slice(0, 10); - const totalSoundsDisplay = analytics.totalSounds || total; - - const clockMain = clock.slice(0, 5); - const clockSec = clock.slice(5); - - /* ════════════════════════════════════════════ - RENDER - ════════════════════════════════════════════ */ - return ( -
- {chaosMode &&
} - - {/* ═══ TOPBAR ═══ */} -
-
-
- music_note -
- Soundboard - - {/* Channel Dropdown */} -
e.stopPropagation()}> - - {channelOpen && ( -
- {Object.entries(channelsByGuild).map(([guild, chs]) => ( - -
{guild}
- {chs.map(ch => ( -
handleChannelSelect(ch)} - > - volume_up - {ch.channelName} -
- ))} - - ))} - {channels.length === 0 && ( -
- Keine Channels verfügbar -
- )} -
- )} -
-
- -
-
{clockMain}{clockSec}
-
- -
- {lastPlayed && ( -
-
-
-
-
- Last Played: {lastPlayed} -
- )} - {selected && ( -
- - Verbunden -
- )} - -
-
- - {/* ═══ TOOLBAR ═══ */} -
-
- - - -
- -
- search - setQuery(e.target.value)} - /> - {query && ( - - )} -
- -
- link - setImportUrl(e.target.value)} - onKeyDown={e => { if (e.key === 'Enter') void handleUrlImport(); }} - /> - -
- -
- -
- { - const newVol = volume > 0 ? 0 : 0.5; - setVolume(newVol); - if (guildId) setVolumeLive(guildId, newVol).catch(() => {}); - }} - > - {volume === 0 ? 'volume_off' : volume < 0.5 ? 'volume_down' : 'volume_up'} - - { - const v = parseFloat(e.target.value); - setVolume(v); - if (guildId) { - if (volDebounceRef.current) clearTimeout(volDebounceRef.current); - volDebounceRef.current = setTimeout(() => { - setVolumeLive(guildId, v).catch(() => {}); - }, 120); - } - }} - style={{ '--vol': `${Math.round(volume * 100)}%` } as React.CSSProperties} - /> - {Math.round(volume * 100)}% -
- - - - - - - -
- grid_view - setCardSize(parseInt(e.target.value))} - /> -
- -
- {THEMES.map(t => ( -
setTheme(t.id)} - /> - ))} -
-
- -
-
- library_music -
- Sounds gesamt - {totalSoundsDisplay} -
-
- -
- leaderboard -
- Most Played -
- {analyticsTop.length === 0 ? ( - Noch keine Plays - ) : ( - analyticsTop.map((item, idx) => ( - - {idx + 1}. {item.name} ({item.count}) - - )) - )} -
-
-
-
- - {/* ═══ FOLDER CHIPS ═══ */} - {activeTab === 'all' && visibleFolders.length > 0 && ( -
- {visibleFolders.map(f => { - const color = folderColorMap[f.key] || '#888'; - const isActive = activeFolder === f.key; - return ( - - ); - })} -
- )} - - {/* ═══ MAIN ═══ */} -
- {displaySounds.length === 0 ? ( -
-
{activeTab === 'favorites' ? '⭐' : '🔇'}
-
- {activeTab === 'favorites' - ? 'Noch keine Favoriten' - : query - ? `Kein Sound für "${query}" gefunden` - : 'Keine Sounds vorhanden'} -
-
- {activeTab === 'favorites' - ? 'Klick den Stern auf einem Sound!' - : 'Hier gibt\'s noch nichts zu hören.'} -
-
- ) : ( -
- {displaySounds.map((s, idx) => { - const key = s.relativePath ?? s.fileName; - const isFav = !!favs[key]; - const isPlaying = lastPlayed === s.name; - const isNew = s.isRecent || s.badges?.includes('new'); - const initial = s.name.charAt(0).toUpperCase(); - const showInitial = firstOfInitial.has(idx); - const folderColor = s.folder ? (folderColorMap[s.folder] || 'var(--accent)') : 'var(--accent)'; - - return ( -
{ - const card = e.currentTarget; - const rect = card.getBoundingClientRect(); - const ripple = document.createElement('div'); - ripple.className = 'ripple'; - const sz = Math.max(rect.width, rect.height); - ripple.style.width = ripple.style.height = sz + 'px'; - ripple.style.left = (e.clientX - rect.left - sz / 2) + 'px'; - ripple.style.top = (e.clientY - rect.top - sz / 2) + 'px'; - card.appendChild(ripple); - setTimeout(() => ripple.remove(), 500); - handlePlay(s); - }} - onContextMenu={e => { - e.preventDefault(); - e.stopPropagation(); - setCtxMenu({ - x: Math.min(e.clientX, window.innerWidth - 170), - y: Math.min(e.clientY, window.innerHeight - 140), - sound: s, - }); - }} - title={`${s.name}${s.folder ? ` (${s.folder})` : ''}`} - > - {isNew && NEU} - { e.stopPropagation(); toggleFav(key); }} - > - {isFav ? 'star' : 'star_border'} - - {showInitial && {initial}} - {s.name} - {s.folder && {s.folder}} -
-
-
-
-
- ); - })} -
- )} -
- - {/* ═══ CONTEXT MENU ═══ */} - {ctxMenu && ( -
e.stopPropagation()} - > -
{ handlePlay(ctxMenu.sound); setCtxMenu(null); }}> - play_arrow - Abspielen -
-
{ - toggleFav(ctxMenu.sound.relativePath ?? ctxMenu.sound.fileName); - setCtxMenu(null); - }}> - - {favs[ctxMenu.sound.relativePath ?? ctxMenu.sound.fileName] ? 'star' : 'star_border'} - - Favorit -
- {isAdmin && ( - <> -
-
{ - const path = ctxMenu.sound.relativePath ?? ctxMenu.sound.fileName; - await deleteAdminPaths([path]); - setCtxMenu(null); - }}> - delete - Löschen -
- - )} -
- )} - - {/* ═══ TOAST ═══ */} - {notification && ( -
- - {notification.type === 'error' ? 'error_outline' : 'check_circle'} - - {notification.msg} -
- )} - - {/* ═══ ADMIN PANEL ═══ */} - {showAdmin && ( -
{ if (e.target === e.currentTarget) setShowAdmin(false); }}> -
-

- Admin - -

- {!isAdmin ? ( -
-
- - setAdminPwd(e.target.value)} - onKeyDown={e => e.key === 'Enter' && handleAdminLogin()} - placeholder="Admin-Passwort..." - /> -
- -
- ) : ( -
-
-

Eingeloggt als Admin

-
- - -
-
- -
- - setAdminQuery(e.target.value)} - placeholder="Nach Name, Ordner oder Pfad filtern..." - /> -
- -
- - - -
- -
- {adminLoading ? ( -
Lade Sounds...
- ) : adminFilteredSounds.length === 0 ? ( -
Keine Sounds gefunden.
- ) : ( -
- {adminFilteredSounds.map(sound => { - const key = soundKey(sound); - const editing = renameTarget === key; - return ( -
- - -
-
{sound.name}
-
- {sound.folder ? `Ordner: ${sound.folder}` : 'Root'} - {' · '} - {key} -
- {editing && ( -
- setRenameValue(e.target.value)} - onKeyDown={e => { - if (e.key === 'Enter') void submitRename(); - if (e.key === 'Escape') cancelRename(); - }} - placeholder="Neuer Name..." - /> - - -
- )} -
- - {!editing && ( -
- - -
- )} -
- ); - })} -
- )} -
-
- )} -
-
- )} - - {/* ── Drag & Drop Overlay ── */} - {isDragging && ( -
-
- cloud_upload -
MP3 & WAV hier ablegen
-
Mehrere Dateien gleichzeitig möglich
-
-
- )} - - {/* ── Upload-Queue ── */} - {showUploads && uploads.length > 0 && ( -
-
- upload - - {uploads.every(u => u.status === 'done' || u.status === 'error') - ? `${uploads.filter(u => u.status === 'done').length} von ${uploads.length} hochgeladen` - : `Lade hoch… (${uploads.filter(u => u.status === 'done').length}/${uploads.length})`} - - -
-
- {uploads.map(u => ( -
- audio_file -
-
- {u.savedName ?? u.file.name} -
-
{(u.file.size / 1024).toFixed(0)} KB
-
- {(u.status === 'waiting' || u.status === 'uploading') && ( -
-
-
- )} - - {u.status === 'done' ? 'check_circle' : - u.status === 'error' ? 'error' : - u.status === 'uploading' ? 'sync' : 'schedule'} - - {u.status === 'error' &&
{u.error}
} -
- ))} -
-
- )} -
- ); -} +import React, { useEffect, useMemo, useRef, useState, useCallback } from 'react'; +import { + fetchChannels, fetchSounds, fetchAnalytics, playSound, playUrl, setVolumeLive, getVolume, + adminStatus, adminLogin, adminLogout, adminDelete, adminRename, + fetchCategories, partyStart, partyStop, subscribeEvents, + getSelectedChannels, setSelectedChannel, uploadFile, +} from './api'; +import type { VoiceChannelInfo, Sound, Category, AnalyticsResponse } from './types'; +import { getCookie, setCookie } from './cookies'; + +const THEMES = [ + { id: 'default', color: '#5865f2', label: 'Discord' }, + { id: 'purple', color: '#9b59b6', label: 'Midnight' }, + { id: 'forest', color: '#2ecc71', label: 'Forest' }, + { id: 'sunset', color: '#e67e22', label: 'Sunset' }, + { id: 'ocean', color: '#3498db', label: 'Ocean' }, +]; + +const CAT_PALETTE = [ + '#3b82f6', '#f59e0b', '#8b5cf6', '#ec4899', '#14b8a6', + '#f97316', '#06b6d4', '#ef4444', '#a855f7', '#84cc16', + '#d946ef', '#0ea5e9', '#f43f5e', '#10b981', +]; + +type Tab = 'all' | 'favorites' | 'recent'; + +type UploadItem = { + id: string; + file: File; + status: 'waiting' | 'uploading' | 'done' | 'error'; + progress: number; + savedName?: string; + error?: string; +}; + +export default function App() { + /* ── Data ── */ + const [sounds, setSounds] = useState([]); + const [total, setTotal] = useState(0); + const [folders, setFolders] = useState>([]); + const [categories, setCategories] = useState([]); + const [analytics, setAnalytics] = useState({ + totalSounds: 0, + totalPlays: 0, + mostPlayed: [], + }); + + /* ── Navigation ── */ + const [activeTab, setActiveTab] = useState('all'); + const [activeFolder, setActiveFolder] = useState(''); + const [query, setQuery] = useState(''); + const [importUrl, setImportUrl] = useState(''); + const [importBusy, setImportBusy] = useState(false); + + /* ── Channels ── */ + const [channels, setChannels] = useState([]); + const [selected, setSelected] = useState(''); + const selectedRef = useRef(''); + const [channelOpen, setChannelOpen] = useState(false); + + /* ── Playback ── */ + const [volume, setVolume] = useState(1); + const [lastPlayed, setLastPlayed] = useState(''); + + /* ── Preferences ── */ + const [favs, setFavs] = useState>({}); + const [theme, setTheme] = useState(() => localStorage.getItem('jb-theme') || 'default'); + const [cardSize, setCardSize] = useState(() => parseInt(localStorage.getItem('jb-card-size') || '110')); + + /* ── Party ── */ + const [chaosMode, setChaosMode] = useState(false); + const [partyActiveGuilds, setPartyActiveGuilds] = useState([]); + const chaosModeRef = useRef(false); + const volDebounceRef = useRef>(); + + /* ── Admin ── */ + const [isAdmin, setIsAdmin] = useState(false); + const [showAdmin, setShowAdmin] = useState(false); + const [adminPwd, setAdminPwd] = useState(''); + const [adminSounds, setAdminSounds] = useState([]); + const [adminLoading, setAdminLoading] = useState(false); + const [adminQuery, setAdminQuery] = useState(''); + const [adminSelection, setAdminSelection] = useState>({}); + const [renameTarget, setRenameTarget] = useState(''); + const [renameValue, setRenameValue] = useState(''); + + /* ── Drag & Drop Upload ── */ + const [isDragging, setIsDragging] = useState(false); + const [uploads, setUploads] = useState([]); + const [showUploads, setShowUploads] = useState(false); + const dragCounterRef = useRef(0); + const uploadDismissRef = useRef>(); + + /* ── Voice Stats ── */ + interface VoiceStats { + voicePing: number | null; + gatewayPing: number; + status: string; + channelName: string | null; + connectedSince: string | null; + } + const [voiceStats, setVoiceStats] = useState(null); + const [showConnModal, setShowConnModal] = useState(false); + + /* ── UI ── */ + const [notification, setNotification] = useState<{ msg: string; type: 'info' | 'error' } | null>(null); + const [clock, setClock] = useState(''); + const [ctxMenu, setCtxMenu] = useState<{ x: number; y: number; sound: Sound } | null>(null); + const [refreshKey, setRefreshKey] = useState(0); + + /* ── Refs ── */ + useEffect(() => { chaosModeRef.current = chaosMode; }, [chaosMode]); + useEffect(() => { selectedRef.current = selected; }, [selected]); + + /* ── Drag & Drop: globale Window-Listener ── */ + useEffect(() => { + const onDragEnter = (e: DragEvent) => { + if (Array.from(e.dataTransfer?.items ?? []).some(i => i.kind === 'file')) { + dragCounterRef.current++; + setIsDragging(true); + } + }; + const onDragLeave = () => { + dragCounterRef.current = Math.max(0, dragCounterRef.current - 1); + if (dragCounterRef.current === 0) setIsDragging(false); + }; + const onDragOver = (e: DragEvent) => e.preventDefault(); + const onDrop = (e: DragEvent) => { + e.preventDefault(); + dragCounterRef.current = 0; + setIsDragging(false); + const files = Array.from(e.dataTransfer?.files ?? []).filter(f => + /\.(mp3|wav)$/i.test(f.name) + ); + if (files.length) handleFileDrop(files); + }; + window.addEventListener('dragenter', onDragEnter); + window.addEventListener('dragleave', onDragLeave); + window.addEventListener('dragover', onDragOver); + window.addEventListener('drop', onDrop); + return () => { + window.removeEventListener('dragenter', onDragEnter); + window.removeEventListener('dragleave', onDragLeave); + window.removeEventListener('dragover', onDragOver); + window.removeEventListener('drop', onDrop); + }; + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [isAdmin]); + + /* ── Helpers ── */ + const notify = useCallback((msg: string, type: 'info' | 'error' = 'info') => { + setNotification({ msg, type }); + setTimeout(() => setNotification(null), 3000); + }, []); + const soundKey = useCallback((s: Sound) => s.relativePath ?? s.fileName, []); + const isMp3Url = useCallback((value: string) => { + try { + const parsed = new URL(value.trim()); + return parsed.pathname.toLowerCase().endsWith('.mp3'); + } catch { + return false; + } + }, []); + + const guildId = selected ? selected.split(':')[0] : ''; + const channelId = selected ? selected.split(':')[1] : ''; + + const selectedChannel = useMemo(() => + channels.find(c => `${c.guildId}:${c.channelId}` === selected), + [channels, selected]); + + /* ── Clock ── */ + useEffect(() => { + const update = () => { + const now = new Date(); + const h = String(now.getHours()).padStart(2, '0'); + const m = String(now.getMinutes()).padStart(2, '0'); + const s = String(now.getSeconds()).padStart(2, '0'); + setClock(`${h}:${m}:${s}`); + }; + update(); + const id = setInterval(update, 1000); + return () => clearInterval(id); + }, []); + + /* ── Init ── */ + useEffect(() => { + (async () => { + try { + const [ch, selMap] = await Promise.all([fetchChannels(), getSelectedChannels()]); + setChannels(ch); + if (ch.length) { + const g = ch[0].guildId; + const serverCid = selMap[g]; + const match = serverCid && ch.find(x => x.guildId === g && x.channelId === serverCid); + setSelected(match ? `${g}:${serverCid}` : `${ch[0].guildId}:${ch[0].channelId}`); + } + } catch (e: any) { notify(e?.message || 'Channel-Fehler', 'error'); } + try { setIsAdmin(await adminStatus()); } catch { } + try { const c = await fetchCategories(); setCategories(c.categories || []); } catch { } + })(); + }, []); + + /* ── Theme ── */ + useEffect(() => { + if (theme === 'default') document.body.removeAttribute('data-theme'); + else document.body.setAttribute('data-theme', theme); + localStorage.setItem('jb-theme', theme); + }, [theme]); + + /* ── Card size ── */ + useEffect(() => { + const r = document.documentElement; + r.style.setProperty('--card-size', cardSize + 'px'); + const ratio = cardSize / 110; + r.style.setProperty('--card-emoji', Math.round(28 * ratio) + 'px'); + r.style.setProperty('--card-font', Math.max(9, Math.round(11 * ratio)) + 'px'); + localStorage.setItem('jb-card-size', String(cardSize)); + }, [cardSize]); + + /* ── SSE ── */ + useEffect(() => { + const unsub = subscribeEvents((msg) => { + if (msg?.type === 'party') { + setPartyActiveGuilds(prev => { + const s = new Set(prev); + if (msg.active) s.add(msg.guildId); else s.delete(msg.guildId); + return Array.from(s); + }); + } else if (msg?.type === 'snapshot') { + setPartyActiveGuilds(Array.isArray(msg.party) ? msg.party : []); + try { + const sel = msg?.selected || {}; + const g = selectedRef.current?.split(':')[0]; + if (g && sel[g]) setSelected(`${g}:${sel[g]}`); + } catch { } + try { + const vols = msg?.volumes || {}; + const g = selectedRef.current?.split(':')[0]; + if (g && typeof vols[g] === 'number') setVolume(vols[g]); + } catch { } + try { + const np = msg?.nowplaying || {}; + const g = selectedRef.current?.split(':')[0]; + if (g && typeof np[g] === 'string') setLastPlayed(np[g]); + } catch { } + try { + const vs = msg?.voicestats || {}; + const g = selectedRef.current?.split(':')[0]; + if (g && vs[g]) setVoiceStats(vs[g]); + } catch { } + } else if (msg?.type === 'channel') { + const g = selectedRef.current?.split(':')[0]; + if (msg.guildId === g) setSelected(`${msg.guildId}:${msg.channelId}`); + } else if (msg?.type === 'volume') { + const g = selectedRef.current?.split(':')[0]; + if (msg.guildId === g && typeof msg.volume === 'number') setVolume(msg.volume); + } else if (msg?.type === 'nowplaying') { + const g = selectedRef.current?.split(':')[0]; + if (msg.guildId === g) setLastPlayed(msg.name || ''); + } else if (msg?.type === 'voicestats') { + const g = selectedRef.current?.split(':')[0]; + if (msg.guildId === g) { + setVoiceStats({ + voicePing: msg.voicePing, + gatewayPing: msg.gatewayPing, + status: msg.status, + channelName: msg.channelName, + connectedSince: msg.connectedSince, + }); + } + } + }); + return () => { try { unsub(); } catch { } }; + }, []); + + useEffect(() => { + setChaosMode(guildId ? partyActiveGuilds.includes(guildId) : false); + }, [selected, partyActiveGuilds]); + + /* ── Data Fetch ── */ + useEffect(() => { + (async () => { + try { + let folderParam = '__all__'; + if (activeTab === 'recent') folderParam = '__recent__'; + else if (activeFolder) folderParam = activeFolder; + const s = await fetchSounds(query, folderParam, undefined, false); + setSounds(s.items); + setTotal(s.total); + setFolders(s.folders); + } catch (e: any) { notify(e?.message || 'Sounds-Fehler', 'error'); } + })(); + }, [activeTab, activeFolder, query, refreshKey]); + + useEffect(() => { + void loadAnalytics(); + }, [refreshKey]); + + /* ── Favs persistence ── */ + useEffect(() => { + const c = getCookie('favs'); + if (c) try { setFavs(JSON.parse(c)); } catch { } + }, []); + + useEffect(() => { + try { setCookie('favs', JSON.stringify(favs)); } catch { } + }, [favs]); + + /* ── Volume sync ── */ + useEffect(() => { + if (selected) { + (async () => { + try { const v = await getVolume(guildId); setVolume(v); } catch { } + })(); + } + }, [selected]); + + /* ── Close dropdowns on outside click ── */ + useEffect(() => { + const handler = () => { setChannelOpen(false); setCtxMenu(null); }; + document.addEventListener('click', handler); + return () => document.removeEventListener('click', handler); + }, []); + + useEffect(() => { + if (showAdmin && isAdmin) { + void loadAdminSounds(); + } + }, [showAdmin, isAdmin]); + + /* ── Actions ── */ + async function loadAnalytics() { + try { + const data = await fetchAnalytics(); + setAnalytics(data); + } catch { } + } + + async function handlePlay(s: Sound) { + if (!selected) return notify('Bitte einen Voice-Channel auswählen', 'error'); + try { + await playSound(s.name, guildId, channelId, volume, s.relativePath); + setLastPlayed(s.name); + void loadAnalytics(); + } catch (e: any) { notify(e?.message || 'Play fehlgeschlagen', 'error'); } + } + + async function handleUrlImport() { + const trimmed = importUrl.trim(); + if (!trimmed) return notify('Bitte einen MP3-Link eingeben', 'error'); + if (!selected) return notify('Bitte einen Voice-Channel auswählen', 'error'); + if (!isMp3Url(trimmed)) return notify('Nur direkte MP3-Links sind erlaubt', 'error'); + setImportBusy(true); + try { + await playUrl(trimmed, guildId, channelId, volume); + setImportUrl(''); + notify('MP3 importiert und abgespielt'); + setRefreshKey(k => k + 1); + await loadAnalytics(); + } catch (e: any) { + notify(e?.message || 'URL-Import fehlgeschlagen', 'error'); + } finally { + setImportBusy(false); + } + } + + async function handleFileDrop(files: File[]) { + if (!isAdmin) { + notify('Admin-Login erforderlich zum Hochladen', 'error'); + return; + } + if (uploadDismissRef.current) clearTimeout(uploadDismissRef.current); + + const items: UploadItem[] = files.map(f => ({ + id: Math.random().toString(36).slice(2), + file: f, + status: 'waiting', + progress: 0, + })); + setUploads(items); + setShowUploads(true); + + const updated = [...items]; + for (let i = 0; i < updated.length; i++) { + updated[i] = { ...updated[i], status: 'uploading' }; + setUploads([...updated]); + try { + const savedName = await uploadFile( + updated[i].file, + pct => { + updated[i] = { ...updated[i], progress: pct }; + setUploads([...updated]); + }, + ); + updated[i] = { ...updated[i], status: 'done', progress: 100, savedName }; + } catch (e: any) { + updated[i] = { ...updated[i], status: 'error', error: e?.message ?? 'Fehler' }; + } + setUploads([...updated]); + } + + // Sound-Liste aktualisieren + setRefreshKey(k => k + 1); + void loadAnalytics(); + + // Auto-Dismiss nach 3s + uploadDismissRef.current = setTimeout(() => { + setShowUploads(false); + setUploads([]); + }, 3500); + } + + async function handleStop() { + if (!selected) return; + setLastPlayed(''); + try { await fetch(`/api/stop?guildId=${encodeURIComponent(guildId)}`, { method: 'POST' }); } catch { } + } + + async function handleRandom() { + if (!displaySounds.length || !selected) return; + const rnd = displaySounds[Math.floor(Math.random() * displaySounds.length)]; + handlePlay(rnd); + } + + async function toggleParty() { + if (chaosMode) { + await handleStop(); + try { await partyStop(guildId); } catch { } + } else { + if (!selected) return notify('Bitte einen Channel auswählen', 'error'); + try { await partyStart(guildId, channelId); } catch { } + } + } + + async function handleChannelSelect(ch: VoiceChannelInfo) { + const v = `${ch.guildId}:${ch.channelId}`; + setSelected(v); + setChannelOpen(false); + try { await setSelectedChannel(ch.guildId, ch.channelId); } catch { } + } + + function toggleFav(key: string) { + setFavs(prev => ({ ...prev, [key]: !prev[key] })); + } + + async function loadAdminSounds() { + setAdminLoading(true); + try { + const data = await fetchSounds('', '__all__', undefined, false); + setAdminSounds(data.items || []); + } catch (e: any) { + notify(e?.message || 'Admin-Sounds konnten nicht geladen werden', 'error'); + } finally { + setAdminLoading(false); + } + } + + function toggleAdminSelection(path: string) { + setAdminSelection(prev => ({ ...prev, [path]: !prev[path] })); + } + + function startRename(sound: Sound) { + setRenameTarget(soundKey(sound)); + setRenameValue(sound.name); + } + + function cancelRename() { + setRenameTarget(''); + setRenameValue(''); + } + + async function submitRename() { + if (!renameTarget) return; + const baseName = renameValue.trim().replace(/\.(mp3|wav)$/i, ''); + if (!baseName) { + notify('Bitte einen gültigen Namen eingeben', 'error'); + return; + } + try { + await adminRename(renameTarget, baseName); + notify('Sound umbenannt'); + cancelRename(); + setRefreshKey(k => k + 1); + if (showAdmin) await loadAdminSounds(); + } catch (e: any) { + notify(e?.message || 'Umbenennen fehlgeschlagen', 'error'); + } + } + + async function deleteAdminPaths(paths: string[]) { + if (paths.length === 0) return; + try { + await adminDelete(paths); + notify(paths.length === 1 ? 'Sound gelöscht' : `${paths.length} Sounds gelöscht`); + setAdminSelection({}); + cancelRename(); + setRefreshKey(k => k + 1); + if (showAdmin) await loadAdminSounds(); + } catch (e: any) { + notify(e?.message || 'Löschen fehlgeschlagen', 'error'); + } + } + + async function handleAdminLogin() { + try { + const ok = await adminLogin(adminPwd); + if (ok) { + setIsAdmin(true); + setAdminPwd(''); + notify('Admin eingeloggt'); + } + else notify('Falsches Passwort', 'error'); + } catch { notify('Login fehlgeschlagen', 'error'); } + } + + async function handleAdminLogout() { + try { + await adminLogout(); + setIsAdmin(false); + setAdminSelection({}); + cancelRename(); + notify('Ausgeloggt'); + } catch { } + } + + /* ── Computed ── */ + const displaySounds = useMemo(() => { + if (activeTab === 'favorites') return sounds.filter(s => favs[s.relativePath ?? s.fileName]); + return sounds; + }, [sounds, activeTab, favs]); + + const favCount = useMemo(() => Object.values(favs).filter(Boolean).length, [favs]); + + const visibleFolders = useMemo(() => + folders.filter(f => !['__all__', '__recent__', '__top3__'].includes(f.key)), + [folders]); + + const folderColorMap = useMemo(() => { + const m: Record = {}; + visibleFolders.forEach((f, i) => { m[f.key] = CAT_PALETTE[i % CAT_PALETTE.length]; }); + return m; + }, [visibleFolders]); + + const firstOfInitial = useMemo(() => { + const seen = new Set(); + const result = new Set(); + displaySounds.forEach((s, idx) => { + const ch = s.name.charAt(0).toUpperCase(); + if (!seen.has(ch)) { seen.add(ch); result.add(idx); } + }); + return result; + }, [displaySounds]); + + const channelsByGuild = useMemo(() => { + const groups: Record = {}; + channels.forEach(c => { + if (!groups[c.guildName]) groups[c.guildName] = []; + groups[c.guildName].push(c); + }); + return groups; + }, [channels]); + + const adminFilteredSounds = useMemo(() => { + const q = adminQuery.trim().toLowerCase(); + if (!q) return adminSounds; + return adminSounds.filter(s => { + const key = soundKey(s).toLowerCase(); + return s.name.toLowerCase().includes(q) + || (s.folder || '').toLowerCase().includes(q) + || key.includes(q); + }); + }, [adminQuery, adminSounds, soundKey]); + + const selectedAdminPaths = useMemo(() => + Object.keys(adminSelection).filter(k => adminSelection[k]), + [adminSelection]); + + const selectedVisibleCount = useMemo(() => + adminFilteredSounds.filter(s => !!adminSelection[soundKey(s)]).length, + [adminFilteredSounds, adminSelection, soundKey]); + + const allVisibleSelected = adminFilteredSounds.length > 0 && selectedVisibleCount === adminFilteredSounds.length; + const analyticsTop = analytics.mostPlayed.slice(0, 10); + const totalSoundsDisplay = analytics.totalSounds || total; + + const clockMain = clock.slice(0, 5); + const clockSec = clock.slice(5); + + /* ════════════════════════════════════════════ + RENDER + ════════════════════════════════════════════ */ + return ( +
+ {chaosMode &&
} + + {/* ═══ TOPBAR ═══ */} +
+
+
+ music_note +
+ Soundboard + + {/* Channel Dropdown */} +
e.stopPropagation()}> + + {channelOpen && ( +
+ {Object.entries(channelsByGuild).map(([guild, chs]) => ( + +
{guild}
+ {chs.map(ch => ( +
handleChannelSelect(ch)} + > + volume_up + {ch.channelName} +
+ ))} + + ))} + {channels.length === 0 && ( +
+ Keine Channels verfügbar +
+ )} +
+ )} +
+
+ +
+
{clockMain}{clockSec}
+
+ +
+ {lastPlayed && ( +
+
+
+
+
+ Last Played: {lastPlayed} +
+ )} + {selected && ( +
setShowConnModal(true)} style={{cursor:'pointer'}} title="Verbindungsdetails"> + + Verbunden + {voiceStats?.voicePing != null && ( + {voiceStats.voicePing}ms + )} +
+ )} + +
+
+ + {/* ═══ TOOLBAR ═══ */} +
+
+ + + +
+ +
+ search + setQuery(e.target.value)} + /> + {query && ( + + )} +
+ +
+ link + setImportUrl(e.target.value)} + onKeyDown={e => { if (e.key === 'Enter') void handleUrlImport(); }} + /> + +
+ +
+ +
+ { + const newVol = volume > 0 ? 0 : 0.5; + setVolume(newVol); + if (guildId) setVolumeLive(guildId, newVol).catch(() => {}); + }} + > + {volume === 0 ? 'volume_off' : volume < 0.5 ? 'volume_down' : 'volume_up'} + + { + const v = parseFloat(e.target.value); + setVolume(v); + if (guildId) { + if (volDebounceRef.current) clearTimeout(volDebounceRef.current); + volDebounceRef.current = setTimeout(() => { + setVolumeLive(guildId, v).catch(() => {}); + }, 120); + } + }} + style={{ '--vol': `${Math.round(volume * 100)}%` } as React.CSSProperties} + /> + {Math.round(volume * 100)}% +
+ + + + + + + +
+ grid_view + setCardSize(parseInt(e.target.value))} + /> +
+ +
+ {THEMES.map(t => ( +
setTheme(t.id)} + /> + ))} +
+
+ +
+
+ library_music +
+ Sounds gesamt + {totalSoundsDisplay} +
+
+ +
+ leaderboard +
+ Most Played +
+ {analyticsTop.length === 0 ? ( + Noch keine Plays + ) : ( + analyticsTop.map((item, idx) => ( + + {idx + 1}. {item.name} ({item.count}) + + )) + )} +
+
+
+
+ + {/* ═══ FOLDER CHIPS ═══ */} + {activeTab === 'all' && visibleFolders.length > 0 && ( +
+ {visibleFolders.map(f => { + const color = folderColorMap[f.key] || '#888'; + const isActive = activeFolder === f.key; + return ( + + ); + })} +
+ )} + + {/* ═══ MAIN ═══ */} +
+ {displaySounds.length === 0 ? ( +
+
{activeTab === 'favorites' ? '⭐' : '🔇'}
+
+ {activeTab === 'favorites' + ? 'Noch keine Favoriten' + : query + ? `Kein Sound für "${query}" gefunden` + : 'Keine Sounds vorhanden'} +
+
+ {activeTab === 'favorites' + ? 'Klick den Stern auf einem Sound!' + : 'Hier gibt\'s noch nichts zu hören.'} +
+
+ ) : ( +
+ {displaySounds.map((s, idx) => { + const key = s.relativePath ?? s.fileName; + const isFav = !!favs[key]; + const isPlaying = lastPlayed === s.name; + const isNew = s.isRecent || s.badges?.includes('new'); + const initial = s.name.charAt(0).toUpperCase(); + const showInitial = firstOfInitial.has(idx); + const folderColor = s.folder ? (folderColorMap[s.folder] || 'var(--accent)') : 'var(--accent)'; + + return ( +
{ + const card = e.currentTarget; + const rect = card.getBoundingClientRect(); + const ripple = document.createElement('div'); + ripple.className = 'ripple'; + const sz = Math.max(rect.width, rect.height); + ripple.style.width = ripple.style.height = sz + 'px'; + ripple.style.left = (e.clientX - rect.left - sz / 2) + 'px'; + ripple.style.top = (e.clientY - rect.top - sz / 2) + 'px'; + card.appendChild(ripple); + setTimeout(() => ripple.remove(), 500); + handlePlay(s); + }} + onContextMenu={e => { + e.preventDefault(); + e.stopPropagation(); + setCtxMenu({ + x: Math.min(e.clientX, window.innerWidth - 170), + y: Math.min(e.clientY, window.innerHeight - 140), + sound: s, + }); + }} + title={`${s.name}${s.folder ? ` (${s.folder})` : ''}`} + > + {isNew && NEU} + { e.stopPropagation(); toggleFav(key); }} + > + {isFav ? 'star' : 'star_border'} + + {showInitial && {initial}} + {s.name} + {s.folder && {s.folder}} +
+
+
+
+
+ ); + })} +
+ )} +
+ + {/* ═══ CONTEXT MENU ═══ */} + {ctxMenu && ( +
e.stopPropagation()} + > +
{ handlePlay(ctxMenu.sound); setCtxMenu(null); }}> + play_arrow + Abspielen +
+
{ + toggleFav(ctxMenu.sound.relativePath ?? ctxMenu.sound.fileName); + setCtxMenu(null); + }}> + + {favs[ctxMenu.sound.relativePath ?? ctxMenu.sound.fileName] ? 'star' : 'star_border'} + + Favorit +
+ {isAdmin && ( + <> +
+
{ + const path = ctxMenu.sound.relativePath ?? ctxMenu.sound.fileName; + await deleteAdminPaths([path]); + setCtxMenu(null); + }}> + delete + Löschen +
+ + )} +
+ )} + + {/* ═══ CONNECTION MODAL ═══ */} + {showConnModal && voiceStats && (() => { + const uptimeSec = voiceStats.connectedSince + ? Math.floor((Date.now() - new Date(voiceStats.connectedSince).getTime()) / 1000) + : 0; + const h = Math.floor(uptimeSec / 3600); + const m = Math.floor((uptimeSec % 3600) / 60); + const s = uptimeSec % 60; + const uptimeStr = h > 0 + ? `${h}h ${String(m).padStart(2,'0')}m ${String(s).padStart(2,'0')}s` + : m > 0 + ? `${m}m ${String(s).padStart(2,'0')}s` + : `${s}s`; + const pingColor = (ms: number | null) => + ms == null ? 'var(--muted)' : ms < 80 ? 'var(--green)' : ms < 150 ? '#f0a830' : '#e04040'; + return ( +
setShowConnModal(false)}> +
e.stopPropagation()}> +
+ cell_tower + Verbindungsdetails + +
+
+
+ Voice Ping + + + {voiceStats.voicePing != null ? `${voiceStats.voicePing} ms` : '---'} + +
+
+ Gateway Ping + + + {voiceStats.gatewayPing >= 0 ? `${voiceStats.gatewayPing} ms` : '---'} + +
+
+ Status + + {voiceStats.status === 'ready' ? 'Verbunden' : voiceStats.status} + +
+
+ Kanal + {voiceStats.channelName || '---'} +
+
+ Verbunden seit + {uptimeStr} +
+
+
+
+ ); + })()} + + {/* ═══ TOAST ═══ */} + {notification && ( +
+ + {notification.type === 'error' ? 'error_outline' : 'check_circle'} + + {notification.msg} +
+ )} + + {/* ═══ ADMIN PANEL ═══ */} + {showAdmin && ( +
{ if (e.target === e.currentTarget) setShowAdmin(false); }}> +
+

+ Admin + +

+ {!isAdmin ? ( +
+
+ + setAdminPwd(e.target.value)} + onKeyDown={e => e.key === 'Enter' && handleAdminLogin()} + placeholder="Admin-Passwort..." + /> +
+ +
+ ) : ( +
+
+

Eingeloggt als Admin

+
+ + +
+
+ +
+ + setAdminQuery(e.target.value)} + placeholder="Nach Name, Ordner oder Pfad filtern..." + /> +
+ +
+ + + +
+ +
+ {adminLoading ? ( +
Lade Sounds...
+ ) : adminFilteredSounds.length === 0 ? ( +
Keine Sounds gefunden.
+ ) : ( +
+ {adminFilteredSounds.map(sound => { + const key = soundKey(sound); + const editing = renameTarget === key; + return ( +
+ + +
+
{sound.name}
+
+ {sound.folder ? `Ordner: ${sound.folder}` : 'Root'} + {' · '} + {key} +
+ {editing && ( +
+ setRenameValue(e.target.value)} + onKeyDown={e => { + if (e.key === 'Enter') void submitRename(); + if (e.key === 'Escape') cancelRename(); + }} + placeholder="Neuer Name..." + /> + + +
+ )} +
+ + {!editing && ( +
+ + +
+ )} +
+ ); + })} +
+ )} +
+
+ )} +
+
+ )} + + {/* ── Drag & Drop Overlay ── */} + {isDragging && ( +
+
+ cloud_upload +
MP3 & WAV hier ablegen
+
Mehrere Dateien gleichzeitig möglich
+
+
+ )} + + {/* ── Upload-Queue ── */} + {showUploads && uploads.length > 0 && ( +
+
+ upload + + {uploads.every(u => u.status === 'done' || u.status === 'error') + ? `${uploads.filter(u => u.status === 'done').length} von ${uploads.length} hochgeladen` + : `Lade hoch… (${uploads.filter(u => u.status === 'done').length}/${uploads.length})`} + + +
+
+ {uploads.map(u => ( +
+ audio_file +
+
+ {u.savedName ?? u.file.name} +
+
{(u.file.size / 1024).toFixed(0)} KB
+
+ {(u.status === 'waiting' || u.status === 'uploading') && ( +
+
+
+ )} + + {u.status === 'done' ? 'check_circle' : + u.status === 'error' ? 'error' : + u.status === 'uploading' ? 'sync' : 'schedule'} + + {u.status === 'error' &&
{u.error}
} +
+ ))} +
+
+ )} +
+ ); +} diff --git a/web/src/styles.css b/web/src/styles.css index 4fa09d6..d0e8cc8 100644 --- a/web/src/styles.css +++ b/web/src/styles.css @@ -353,6 +353,90 @@ input, select { 50% { box-shadow: 0 0 12px rgba(35, 165, 90, .8); } } +.conn-ping { + font-size: 10px; + opacity: .7; + margin-left: 2px; +} + +/* ── Connection Details Modal ── */ +.conn-modal-overlay { + position: fixed; + inset: 0; + background: rgba(0, 0, 0, .55); + z-index: 9000; + display: flex; + align-items: center; + justify-content: center; + backdrop-filter: blur(4px); + animation: fadeIn .15s ease; +} +.conn-modal { + background: var(--card); + border: 1px solid var(--border); + border-radius: 16px; + width: 340px; + box-shadow: 0 20px 60px rgba(0,0,0,.4); + overflow: hidden; + animation: slideUp .2s ease; +} +@keyframes slideUp { + from { transform: translateY(20px); opacity: 0; } + to { transform: translateY(0); opacity: 1; } +} +.conn-modal-header { + display: flex; + align-items: center; + gap: 8px; + padding: 14px 16px; + border-bottom: 1px solid var(--border); + font-weight: 700; + font-size: 14px; +} +.conn-modal-close { + margin-left: auto; + background: none; + border: none; + color: var(--muted); + cursor: pointer; + padding: 4px; + border-radius: 6px; + display: flex; + transition: all .15s; +} +.conn-modal-close:hover { + background: rgba(255,255,255,.08); + color: var(--fg); +} +.conn-modal-body { + padding: 16px; + display: flex; + flex-direction: column; + gap: 12px; +} +.conn-stat { + display: flex; + justify-content: space-between; + align-items: center; +} +.conn-stat-label { + color: var(--muted); + font-size: 13px; +} +.conn-stat-value { + font-weight: 600; + font-size: 13px; + display: flex; + align-items: center; + gap: 6px; +} +.conn-ping-dot { + width: 8px; + height: 8px; + border-radius: 50%; + flex-shrink: 0; +} + /* ── Admin Icon Button ── */ .admin-btn-icon { width: 32px;