# Playwright Pipeline Dashboard

Real-time dashboard that monitors Jenkins CI pipelines for Playwright E2E test results. Displays pipeline health as a color-coded card grid with stage breakdowns, build history sparklines, and extracted test report links.

## Tech Stack

- **Backend:** Express + TypeScript, SQLite (Drizzle ORM)
- **Frontend:** React 19 + Vite, Tailwind CSS (Catppuccin theme)
- **Monorepo:** pnpm workspaces

## Prerequisites

- Node.js 20+
- pnpm 10+
- GitHub CLI (`gh`) — for pipeline discovery
- Jenkins API credentials

## Setup

```bash
# Install dependencies
pnpm install

# Configure environment
cp .env.shadow .env
# Edit .env with your JENKINS_URL, JENKINS_USER, JENKINS_TOKEN

# Set up database
pnpm db:generate
pnpm db:migrate

# Discover Playwright pipelines from GitHub org
pnpm discover
```

## Development

```bash
pnpm dev            # Start backend (3001) + frontend (5173)
pnpm dev:server     # Backend only
pnpm dev:client     # Frontend only
```

## Testing

```bash
pnpm test           # Run all tests
pnpm test:watch     # Watch mode
```

## Scripts

| Command | Description |
|---|---|
| `pnpm dev` | Run server + client concurrently |
| `pnpm discover` | Scan GitHub org for Playwright repos |
| `pnpm discover --force` | Bypass 24h scan cache |
| `pnpm db:generate` | Generate Drizzle migrations |
| `pnpm db:migrate` | Apply database migrations |