Files
artifactapi/ui/src/pages/RemoteDetail.css
T
benvin b46c116f6b
ci/woodpecker/tag/docker Pipeline was successful
Feat/v3 go rewrite (#47)
Complete rewrite of ArtifactAPI from Python/FastAPI to Go as a single binary.

Core engine:
- 10 package providers: generic, docker, helm, pypi, npm, rpm, alpine,
  puppet, terraform, goproxy — each with built-in mutable patterns
- Content-addressable storage (SHA256 dedup across all remotes)
- Three-tier caching: Redis (TTL/locks) → S3/MinIO (blobs) → upstream
- Classifier with allowlist/blocklist per-remote (empty = allow all)
- Circuit breaker, conditional revalidation, stale-on-error
- Background garbage collection for orphaned blobs
- Access logging to PostgreSQL

API:
- v1 proxy endpoints (backwards compatible)
- v2 management API: CRUD remotes/virtuals, object browser, stats,
  health, SSE events, probe/test endpoint
- Virtual repos with index merging (Helm YAML + PyPI HTML)

Frontend (React + Vite, separate Dockerfile):
- Dashboard with stats, health indicators, top remotes
- Remotes list with type filter, remote detail with config/patterns
- Object browser with pagination and evict
- Test Remote page: probe any remote path, see headers/size/timing
- Virtuals page with expandable member lists

TUI (Bubble Tea):
- Dashboard, remotes list/detail, object browser, virtuals
- Vim-style navigation, artifactapi tui --endpoint <url>

Infrastructure:
- S3 client supports MinIO, Ceph RGW, AWS S3 (minio-go)
- PostgreSQL schema with migrations
- Docker Compose: API + UI + Postgres 17 + Redis 7 + MinIO
- Makefile with Go version check, build/test/lint/fmt/e2e targets
- Distroless Docker image (~15MB)

Testing:
- Unit tests for models, classifier, providers, mergers
- E2E tests with testcontainers-go (real Postgres/Redis/MinIO)

Terraform config:
- All 40 production remotes + helm virtual as HCL
- Provider repo: terraform-provider-artifactapi v0.0.1 (separate)

---------

Co-authored-by: Ben Vincent <ben@unkin.net>
Reviewed-on: #47
2026-06-07 19:30:35 +10:00

118 lines
1.8 KiB
CSS

.detail-header {
margin-bottom: 20px;
}
.back-link {
font-size: 0.85em;
color: var(--text-muted);
display: inline-block;
margin-bottom: 8px;
}
.detail-badges {
display: flex;
gap: 8px;
margin-top: 4px;
}
.detail-description {
color: var(--text-muted);
font-size: 0.95em;
margin-bottom: 24px;
}
.detail-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 24px;
}
.detail-section {
background: var(--bg-surface);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 18px;
}
.section-label {
font-size: 0.85em;
font-weight: 600;
color: var(--text-muted);
text-transform: uppercase;
letter-spacing: 0.04em;
margin-bottom: 12px;
}
.detail-dl {
display: grid;
grid-template-columns: 140px 1fr;
gap: 6px 12px;
font-size: 0.9em;
}
.detail-dl dt {
color: var(--text-muted);
font-weight: 500;
}
.detail-dl dd {
color: var(--text);
}
.pattern-list {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.pattern-list li {
font-size: 0.85em;
color: var(--text);
background: var(--bg-elevated);
padding: 2px 6px;
border-radius: 3px;
display: inline-block;
width: fit-content;
}
.detail-actions {
display: flex;
gap: 10px;
}
.btn {
display: inline-block;
padding: 8px 16px;
border-radius: var(--radius);
font-size: 0.9em;
font-weight: 500;
border: none;
cursor: pointer;
text-decoration: none;
transition: all 0.15s;
}
.btn-primary {
background: var(--accent);
color: #fff;
}
.btn-primary:hover {
background: var(--accent-hover);
text-decoration: none;
color: #fff;
}
.btn-danger {
background: rgba(239, 68, 68, 0.15);
color: var(--red);
border: 1px solid var(--red);
}
.btn-danger:hover {
background: rgba(239, 68, 68, 0.25);
}