Add Vue 3 + TypeScript frontend with DaisyUI

- Implement modern web control panel for MCPProxy
- Add Vue 3 with Composition API and TypeScript
- Include DaisyUI + TailwindCSS for responsive UI design
- Create reusable components: ServerCard, NavBar, ToastContainer
- Build core views: Dashboard, Servers, Tools, Search, Settings
- Add Pinia stores for state management
- Implement real-time updates via Server-Sent Events
- Setup Vitest testing framework with component tests
- Add ESLint configuration and GitHub Actions CI
- Create production build system with Go embed integration
- Support development mode with live reload
- Add comprehensive documentation and setup guide

Author: Dumbris

.github/workflows/frontend.yml

@@ -0,0 +1,49 @@
+name: Frontend CI
+
+on:
+  push:
+    branches: [ main, next ]
+    paths:
+      - 'frontend/**'
+      - '.github/workflows/frontend.yml'
+  pull_request:
+    branches: [ main, next ]
+    paths:
+      - 'frontend/**'
+      - '.github/workflows/frontend.yml'
+
+jobs:
+  frontend-test:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+        cache: 'npm'
+        cache-dependency-path: frontend/package-lock.json
+
+    - name: Install dependencies
+      run: cd frontend && npm ci
+
+    - name: Type check
+      run: cd frontend && npm run type-check
+
+    - name: Lint
+      run: cd frontend && npm run lint
+
+    - name: Run tests
+      run: cd frontend && npm run test
+
+    - name: Build frontend
+      run: cd frontend && npm run build
+
+    - name: Upload build artifacts
+      uses: actions/upload-artifact@v4
+      with:
+        name: frontend-dist
+        path: frontend/dist/
+        retention-days: 7

.gitignore

@@ -57,6 +57,26 @@ build/
 dist/
 bin/
 
+# Frontend dependencies and build artifacts
+frontend/node_modules/
+frontend/dist/
+frontend/.vite/
+frontend/.vitest/
+
+# Package manager files
+package-lock.json
+pnpm-lock.yaml
+yarn.lock
+
+# Frontend cache and temp files
+frontend/.nuxt/
+frontend/.output/
+frontend/.cache/
+frontend/coverage/
+
+# Embedded frontend assets (auto-generated)
+web/frontend/
+
 # Test coverage
 coverage.out
 coverage.html

Makefile

@@ -0,0 +1,80 @@
+# MCPProxy Makefile
+
+.PHONY: help build frontend-build frontend-dev backend-dev clean test lint
+
+# Default target
+help:
+	@echo "MCPProxy Build Commands:"
+	@echo "  make build           - Build complete project (frontend + backend)"
+	@echo "  make frontend-build  - Build frontend for production"
+	@echo "  make frontend-dev    - Start frontend development server"
+	@echo "  make backend-dev     - Build backend with dev flag (loads frontend from disk)"
+	@echo "  make clean          - Clean build artifacts"
+	@echo "  make test           - Run tests"
+	@echo "  make lint           - Run linter"
+
+# Build complete project
+build: frontend-build
+	@echo "🔨 Building Go binary with embedded frontend..."
+	go build -o mcpproxy ./cmd/mcpproxy
+	@echo "✅ Build completed! Run: ./mcpproxy serve"
+	@echo "🌐 Web UI: http://localhost:8080/ui/"
+
+# Build frontend for production
+frontend-build:
+	@echo "🎨 Building frontend for production..."
+	cd frontend && npm install && npm run build
+	@echo "📁 Copying dist files for embedding..."
+	rm -rf web/frontend
+	mkdir -p web/frontend
+	cp -r frontend/dist web/frontend/
+	@echo "✅ Frontend build completed"
+
+# Start frontend development server
+frontend-dev:
+	@echo "🎨 Starting frontend development server..."
+	cd frontend && npm install && npm run dev
+
+# Build backend with dev flag (for development with frontend hot reload)
+backend-dev:
+	@echo "🔨 Building backend in development mode..."
+	go build -tags dev -o mcpproxy-dev ./cmd/mcpproxy
+	@echo "✅ Development backend ready!"
+	@echo "🚀 Run: ./mcpproxy-dev serve"
+	@echo "🌐 In dev mode, make sure frontend dev server is running on port 3000"
+
+# Clean build artifacts
+clean:
+	@echo "🧹 Cleaning build artifacts..."
+	rm -f mcpproxy mcpproxy-dev
+	rm -rf frontend/dist frontend/node_modules web/frontend
+	go clean
+	@echo "✅ Cleanup completed"
+
+# Run tests
+test:
+	@echo "🧪 Running Go tests..."
+	go test ./internal/... -v
+	@echo "🧪 Running frontend tests..."
+	cd frontend && npm install && npm run test
+
+# Run tests with coverage
+test-coverage:
+	@echo "🧪 Running tests with coverage..."
+	go test -coverprofile=coverage.out ./internal/...
+	go tool cover -html=coverage.out -o coverage.html
+	cd frontend && npm install && npm run coverage
+
+# Run linter
+lint:
+	@echo "🔍 Running Go linter..."
+	golangci-lint run ./...
+	@echo "🔍 Running frontend linter..."
+	cd frontend && npm install && npm run lint
+
+# Install development dependencies
+dev-setup:
+	@echo "🛠️  Setting up development environment..."
+	@echo "📦 Installing frontend dependencies..."
+	cd frontend && npm install
+	@echo "✅ Development setup completed"