root/gaming-hub
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

IGDB-Integration für Game Library + Electron Update-Button im Version-Modal

Browse source 
- Neues IGDB-Service-Modul (igdb.ts): Token-Management, Rate-Limiting, Game-Lookup per Steam-AppID/Name, Batch-Enrichment mit In-Memory-Cache
- Server: 2 neue Routes (/igdb/enrich/:steamId, /igdb/game/:appid), Auto-Enrichment bei Steam-Login und Refresh
- Frontend: IGDB-Cover, Genre-Tags, Plattform-Badges, farbcodiertes Rating, IGDB-Anreichern-Button
- Version-Modal: Update-Button für Electron-App (checkForUpdates/installUpdate), Desktop-App-Version anzeigen
- CSS: Styles für IGDB-Elemente und Update-UI

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Daniel 2026-03-08 01:48:15 +01:00
parent aec1142bff
commit b404c20eca
6 changed files with 785 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

76
web/src/styles.css
View file

@ -443,6 +443,82 @@ html, body {
text-align: center;
}
/* ── Update Section in Version Modal ── */
.hub-version-modal-update {
margin-top: 4px;
padding-top: 12px;
border-top: 1px solid var(--border);
}
.hub-version-modal-update-btn {
width: 100%;
padding: 10px 16px;
border: none;
border-radius: var(--radius);
background: var(--bg-tertiary);
color: var(--text-normal);
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: all var(--transition);
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.hub-version-modal-update-btn:hover {
background: var(--bg-hover);
color: var(--accent);
}
.hub-version-modal-update-btn.ready {
background: rgba(46, 204, 113, 0.15);
color: #2ecc71;
}
.hub-version-modal-update-btn.ready:hover {
background: rgba(46, 204, 113, 0.25);
}
.hub-version-modal-update-status {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-size: 13px;
color: var(--text-muted);
padding: 8px 0;
flex-wrap: wrap;
}
.hub-version-modal-update-status.success {
color: #2ecc71;
}
.hub-version-modal-update-status.error {
color: #e74c3c;
}
.hub-version-modal-update-retry {
background: none;
border: none;
color: var(--text-muted);
font-size: 11px;
cursor: pointer;
text-decoration: underline;
padding: 2px 4px;
width: 100%;
margin-top: 4px;
}
.hub-version-modal-update-retry:hover {
color: var(--text-normal);
}
@keyframes hub-spin {
to { transform: rotate(360deg); }
}
.hub-update-spinner {
width: 14px;
height: 14px;
border: 2px solid var(--border);
border-top-color: var(--accent);
border-radius: 50%;
animation: hub-spin 0.8s linear infinite;
flex-shrink: 0;
}
/* ── Main Content Area ── */
.hub-content {
flex: 1;