Merge pull request #98 from standleypg-dev/UI-migrate

UI migrate

Author: standleypg

.claude/settings.local.json

@@ -0,0 +1,9 @@
+{
+  "permissions": {
+    "allow": [
+      "WebFetch(domain:github.com)",
+      "WebSearch",
+      "WebFetch(domain:support.discord.com)"
+    ]
+  }
+}

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+  "eslint.useFlatConfig": true,
+  "eslint.workingDirectories": ["src/UI/App_v2"]
+}

CLAUDE.md

@@ -0,0 +1,89 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+Discord Music Bot - A .NET 9 application that provides music playback functionality for Discord servers. Supports YouTube, SoundCloud, Spotify (for playlist fetching), and radio streams.
+
+## Build & Run Commands
+
+```bash
+# Build and run with Docker (recommended)
+docker-compose -f deployment/docker-compose.yml up --build
+
+# Build .NET solution
+dotnet build discord-project.slnx
+
+# Run the Worker (main entry point)
+dotnet run --project src/Worker/Worker.csproj
+
+# Run with specific configuration
+dotnet run --project src/Worker/Worker.csproj -c Release
+
+# Frontend dev server (from src/UI/App)
+npm run dev
+
+# Frontend production build
+npm run build
+
+# Frontend development build
+npm run build:dev
+```
+
+## Architecture
+
+### Clean Architecture Layers
+
+- **Domain** (`src/Domain/`) - Core entities (Song, User, PlayHistory, RadioSource), event interfaces (`IEventHandler<T>`, `IAsyncEventHandler<T>`), and common abstractions
+- **Application** (`src/Application/`) - Business logic services, DTOs, configuration models, event dispatching system, and service interfaces
+- **Infrastructure** (`src/Infrastructure/`) - Discord bot implementation using NetCord, audio processing with FFmpeg/NAudio, database access via EF Core, YouTube/SoundCloud integration
+- **UI** (`src/UI/`) - Contains two sub-projects:
+  - `Api/` - ASP.NET Core REST API with JWT authentication
+  - `App/` - Lit-based TypeScript frontend (Vite build)
+- **Worker** (`src/Worker/`) - Main entry point that composes all layers, hosts the Discord bot and web API
+
+### Key Patterns
+
+**Event System**: Custom domain event dispatching via `IEventHandler<T>` and `IAsyncEventHandler<T>`. Handlers are auto-discovered from assemblies at startup via `AddEventing()`.
+
+**Service Registration**: Keyed services pattern for multiple implementations:
+```csharp
+services.AddKeyedScoped<IStreamService, YoutubeService>(nameof(YoutubeService));
+services.AddKeyedScoped<IStreamService, SoundCloudService>(nameof(SoundCloudService));
+```
+
+**Discord Commands**: Organized in `src/Infrastructure/Commands/`:
+- `MusicPlayCommands.cs` - Play/queue commands
+- `MusicActionCommands.cs` - Pause, skip, volume, etc.
+- `AdminCommands.cs` - Admin functionality
+- `MiscCommands.cs` - Utility commands
+
+### Database
+
+PostgreSQL with EF Core. Context: `Infrastructure/Data/DiscordBotContext.cs`. Migrations run automatically on startup.
+
+### Audio Pipeline
+
+Audio flows through: YoutubeDLSharp/YoutubeExplode -> FFmpeg processing (`FfmpegProcessService`) -> NAudio conversion -> NetCord voice client
+
+### Native Dependencies (Linux/Docker)
+
+- FFmpeg
+- libsodium
+- libopus
+- yt-dlp
+
+## Configuration
+
+Environment variables (via docker-compose or appsettings.json):
+- `Discord__Token` - Discord bot token
+- `SpotifySettings__ClientId/ClientSecret` - Spotify API credentials
+- `ConnectionStrings__DefaultConnection` - PostgreSQL connection string
+- `JwtSettings__Secret/Issuer/Audience` - JWT configuration
+- `WebsiteSettings__Url` - Base URL for the web UI
+- `Cors__AllowedOrigins` - Allowed CORS origins
+
+## Frontend Stack
+
+TypeScript with Lit web components, Vaadin Router, Chart.js. Build output goes to `src/Worker/wwwroot/`.

deployment/Dockerfile

@@ -9,8 +9,8 @@ RUN apt update && apt install -y --no-install-recommends \
     libopus-dev \
     wget \
     unzip \
-    && curl -fsSL https://deb.nodesource.com/setup_24.x | bash - \
-    && apt install -y --no-install-recommends nodejs \
+    && curl -fsSL https://bun.sh/install | bash \
+    && ln -s /root/.bun/bin/bun /usr/local/bin/bun \
     && rm -rf /var/lib/apt/lists/*
 
 RUN wget -O /tmp/libdave.zip \

src/Infrastructure/Services/SoundCloudService.cs

@@ -1,7 +1,6 @@
 using Application.Interfaces.Services;
 using Microsoft.Extensions.Logging;
 using SoundCloudExplode;
-using SoundCloudExplode.Common;
 
 namespace Infrastructure.Services;
 

src/UI/App/.env.development

@@ -1 +1 @@
-VITE_API_BASE_URL=http://localhost:5000/api
+VITE_API_BASE_URL=http://localhost:5000/api

src/UI/App/.env.production

@@ -1 +1 @@
-VITE_API_BASE_URL=https://rytho.standleypg.com/api
+VITE_API_BASE_URL=https://rytho.standleypg.com/api

src/UI/App/.prettierignore

@@ -0,0 +1,5 @@
+dist
+node_modules
+package-lock.json
+*.min.js
+*.min.css

src/UI/App/.prettierrc

@@ -0,0 +1,12 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "bracketSpacing": true,
+  "jsxSingleQuote": false,
+  "arrowParens": "always",
+  "endOfLine": "auto"
+}