Web: Modernize Frontend and Authentication [v2-r4]

[kennethmyhra]

Modernize Spark.Web Frontend and Authentication

This PR replaces the legacy ASP.NET MVC frontend and Identity authentication with a modern React SPA and GitHub OAuth.

Summary

• New React frontend built with Vite, TypeScript, and Tailwind CSS v4
• GitHub OAuth replaces ASP.NET Identity for simpler, passwordless admin access
• Removes legacy code (old webpack frontend, EF Core migrations, Razor views)

Commits Walkthrough

1. 78d4b3e - Web: Add React frontend with Vite

Introduces the new frontend stack:

• Vite + TypeScript for fast builds and HMR
• Tailwind CSS v4 with custom Incendi blue flame theme
• React Router for SPA navigation
• SignalR hooks (useMaintenanceHub) for real-time admin operations (Clear Store, Rebuild Index, Load Examples)

Key files: src/Spark.Web/app/

2. 87367ac - Web: Replace ASP.NET Identity with GitHub OAuth

Implements GitHub OAuth authentication:

• AuthController handles OAuth callback and cookie auth
• AdminClaimsTransformation maps GitHub usernames to admin role
• Configurable admin users in appsettings.json

Key files: Controllers/AuthController.cs, Services/AdminClaimsTransformation.cs

3. f7ae594 - Web: Remove legacy MVC, Identity, and EF Core infrastructure

Cleans up replaced components:

• Removes ClientApp/ (old webpack-based frontend)
• Removes Identity controllers, views, and EF Core migrations
• Removes ApplicationDbContext and SQLite dependency

4. Adjustments to new front end, and test enhancements

8c8e66f Adjusts router and Dockerfile to new Frontend. Also updates integrationstests, as they seemed to pull images from Docker Hub.

• Configure routing to support SPA client-side navigation
• Update Dockerfile with npm build steps for React app
• Fix environment variable precedence for Docker deployments
• Improve cookie handling and redirect safety
• Update integration tests to build from source

Configuration for testing

Add GitHub OAuth credentials to appsettings.json:

{
  "GitHub": {
    "ClientId": "your-client-id",
    "ClientSecret": "your-client-secret",
    "AdminUsers": ["github-username"]
  }
}