feat: Verschluesselte Musik, GitHub Actions Deploy, base-path fuer Pages

MP3s mit AES-256-CBC verschluesselt unter assets/music/ (gehashte Namen).
Decrypt-Script und GitHub Actions Workflow fuer automatisches Build & Deploy
auf GitHub Pages. music.ts auf gehashte Dateinamen umgestellt. Vite base-path
und PWA scope auf /halma/ gesetzt. ThemeSelect TS-Fehler behoben.

Naechster Schritt: MUSIC_KEY als GitHub Secret anlegen.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: michaelblaess

.github/workflows/deploy.yml

@@ -0,0 +1,53 @@
+name: Build & Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: pages
+  cancel-in-progress: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Decrypt music
+        run: bash scripts/decrypt-music.sh
+        env:
+          MUSIC_KEY: ${{ secrets.MUSIC_KEY }}
+
+      - name: Build
+        run: npm run build
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: dist
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.gitignore

@@ -12,7 +12,7 @@ dist
 dist-ssr
 *.local
 
-# Lizenzierte Musik (nicht im Repo, siehe public/music/README.md)
+# Entschluesselte Musik (nur lokal, nicht im Repo)
 public/music/*.mp3
 
 # Editor directories and files

assets/music/1e6b41f0261e.enc

@@ -1,23 +1,11 @@
 # Hintergrundmusik
 
-Dieses Verzeichnis enthaelt die lizenzierten Hintergrundmusik-Tracks fuer das Spiel.
-Die MP3-Dateien sind **nicht im Repository enthalten**, da sie ueber kommerzielle
-Lizenzen (AudioJungle / Envato Market — Music Standard License) bezogen wurden.
+Die MP3-Dateien werden beim Build automatisch aus den verschluesselten Dateien
+in `assets/music/` erzeugt (siehe `scripts/decrypt-music.sh`).
 
-## Erwartete Dateien
-
-| Dateiname | Track | Autor | AudioJungle Item ID |
-|---|---|---|---|
-| `cyberpunk.mp3` | Cyberpunk | Pchelaudio | 20906388 |
-| `epic-short.mp3` | Epic | (aus ZIP) | 22602282 |
-| `epicness-middle.mp3` | Epicness | Alive_Tunes | 20777340 |
+Lokal: `MUSIC_KEY=... bash scripts/decrypt-music.sh`
 
 ## Ohne Musik spielen
 
 Das Spiel funktioniert auch ohne diese Dateien — der Musik-Toggle bleibt dann
 wirkungslos. Alle anderen Features (KI, Themes, Sound-Effekte) sind davon nicht betroffen.
-
-## Eigene Musik verwenden
-
-Du kannst eigene MP3-Dateien mit den obigen Dateinamen in dieses Verzeichnis legen.
-Alternativ kannst du die Track-Liste in `src/audio/music.ts` anpassen.

assets/music/9685818f508c.enc

@@ -0,0 +1,42 @@
+#!/usr/bin/env bash
+# Entschluesselt die Musik-Dateien fuer den Build.
+# Erwartet MUSIC_KEY als Umgebungsvariable.
+set -euo pipefail
+
+if [ -z "${MUSIC_KEY:-}" ]; then
+  echo "MUSIC_KEY nicht gesetzt — Musik wird uebersprungen."
+  exit 0
+fi
+
+SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
+ROOT_DIR="$(dirname "$SCRIPT_DIR")"
+SRC_DIR="$ROOT_DIR/assets/music"
+DEST_DIR="$ROOT_DIR/public/music"
+
+mkdir -p "$DEST_DIR"
+
+# Mapping: hash → entschluesselte Datei
+declare -A TRACKS=(
+  ["1e6b41f0261e"]="1e6b41f0261e"
+  ["9685818f508c"]="9685818f508c"
+  ["a07b560519d9"]="a07b560519d9"
+)
+
+for hash in "${!TRACKS[@]}"; do
+  enc_file="$SRC_DIR/${hash}.enc"
+  out_file="$DEST_DIR/${TRACKS[$hash]}.mp3"
+
+  if [ ! -f "$enc_file" ]; then
+    echo "WARNUNG: $enc_file nicht gefunden, ueberspringe."
+    continue
+  fi
+
+  openssl enc -aes-256-cbc -d -salt -pbkdf2 \
+    -in "$enc_file" \
+    -out "$out_file" \
+    -pass "pass:$MUSIC_KEY"
+
+  echo "Entschluesselt: ${TRACKS[$hash]}.mp3"
+done
+
+echo "Musik bereit."

assets/music/a07b560519d9.enc

@@ -1,9 +1,10 @@
 // Background music player — shuffled playlist, loops forever
 
+// Hashed filenames — Mapping siehe scripts/decrypt-music.sh
 const TRACKS = [
-  '/music/cyberpunk.mp3',
-  '/music/epic-short.mp3',
-  '/music/epicness-middle.mp3',
+  '/music/1e6b41f0261e.mp3',
+  '/music/9685818f508c.mp3',
+  '/music/a07b560519d9.mp3',
 ];
 
 let audio: HTMLAudioElement | null = null;

public/music/README.md

@@ -3,7 +3,7 @@ import { useTheme } from '../theme/ThemeContext';
 import { THEME_IDS, THEME_LABELS } from '../theme/themes';
 
 // TODO: Kosmos, Neon, Eleganz werden noch überarbeitet — vorerst ausgeblendet
-const HIDDEN_THEMES = new Set(['kosmos', 'neon', 'eleganz'] as const);
+const HIDDEN_THEMES: Set<string> = new Set(['kosmos', 'neon', 'eleganz']);
 const VISIBLE = THEME_IDS.filter((id) => !HIDDEN_THEMES.has(id));
 const ROW1 = VISIBLE.slice(0, 4); // Standard, Holz, Kontrast, Hell
 const ROW2 = VISIBLE.slice(4);

scripts/decrypt-music.sh

@@ -4,13 +4,14 @@ import { VitePWA } from 'vite-plugin-pwa'
 
 // https://vite.dev/config/
 export default defineConfig({
+  base: '/halma/',
   plugins: [
     react(),
     VitePWA({
       registerType: 'autoUpdate',
       includeAssets: ['icon.svg', 'music/*.mp3', 'HIGHSCORE.md', 'og-image.png'],
       manifest: {
-        id: '/',
+        id: '/halma/',
         name: 'Halma',
         short_name: 'Halma',
         description: 'Sternhalma gegen die KI — schnell, taktisch, offline spielbar.',
@@ -19,8 +20,8 @@ export default defineConfig({
         display: 'standalone',
         orientation: 'any',
         lang: 'de',
-        start_url: '/',
-        scope: '/',
+        start_url: '/halma/',
+        scope: '/halma/',
         icons: [
           { src: 'icons/icon-192.png', sizes: '192x192', type: 'image/png' },
           { src: 'icons/icon-512.png', sizes: '512x512', type: 'image/png' },