julienfroidefond/stripstream-librarian
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

feat: affiche les versions API, Indexer et Backoffice dans About

Browse Source 
- Endpoint GET /version sur l'indexer (sans auth)
- Le backoffice fetch la version indexer directement (INDEXER_BASE_URL)
- Grille 3 colonnes avec les 3 versions

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Julien Froidefond
2026-03-27 11:07:42 +01:00
parent 98d0f1c9c5
commit d32a7717a5
4 changed files with 33 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/backoffice/app/(app)/settings/SettingsPage.tsx
View File

@@ -30,7 +30,7 @@ interface SettingsPageProps {
initialStatusMappings: Record<string, unknown>[];
initialSeriesStatuses: string[];
initialProviderStatuses: string[];
versions?: { api: string; backoffice: string };
versions?: { api: string; indexer: string; backoffice: string };
}
export default function SettingsPage({ initialSettings, initialCacheStats, initialThumbnailStats, users, initialTab, initialProwlarr, initialQbittorrent, initialTorrentImport, initialTelegram, initialAnilist, initialKomga, initialMetadataProviders, initialStatusMappings, initialSeriesStatuses, initialProviderStatuses, versions }: SettingsPageProps) {
@@ -543,7 +543,7 @@ export default function SettingsPage({ initialSettings, initialCacheStats, initi
<p className="text-sm text-muted-foreground mt-1">{t("settings.aboutDesc")}</p>
</div>
<div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
<div className="grid grid-cols-1 sm:grid-cols-3 gap-3">
<div className="flex items-center gap-3 p-3 rounded-lg bg-muted/30 border border-border/40">
<div className="w-8 h-8 rounded-md bg-primary/10 flex items-center justify-center shrink-0">
<Icon name="settings" size="sm" className="text-primary" />
@@ -553,6 +553,15 @@ export default function SettingsPage({ initialSettings, initialCacheStats, initi
<p className="text-sm font-mono font-medium text-foreground">{versions?.api ?? "?"}</p>
</div>
</div>
<div className="flex items-center gap-3 p-3 rounded-lg bg-muted/30 border border-border/40">
<div className="w-8 h-8 rounded-md bg-primary/10 flex items-center justify-center shrink-0">
<Icon name="jobs" size="sm" className="text-primary" />
</div>
<div>
<p className="text-xs text-muted-foreground">Indexer</p>
<p className="text-sm font-mono font-medium text-foreground">{versions?.indexer ?? "?"}</p>
</div>
</div>
<div className="flex items-center gap-3 p-3 rounded-lg bg-muted/30 border border-border/40">
<div className="w-8 h-8 rounded-md bg-primary/10 flex items-center justify-center shrink-0">
<Icon name="books" size="sm" className="text-primary" />

16
apps/backoffice/app/(app)/settings/page.tsx
View File

@@ -4,9 +4,21 @@ import packageJson from "../../../package.json";
export const dynamic = "force-dynamic";
async function fetchIndexerVersion(): Promise<string> {
try {
const indexerUrl = (process.env.INDEXER_BASE_URL || "http://indexer:7081").replace(/\/$/, "");
const res = await fetch(`${indexerUrl}/version`, { signal: AbortSignal.timeout(3000) });
if (res.ok) {
const data = await res.json();
return data?.indexer ?? "?";
}
} catch { /* ignore */ }
return "?";
}
export default async function SettingsPageWrapper({ searchParams }: { searchParams: Promise<{ tab?: string }> }) {
const { tab } = await searchParams;
const [settings, cacheStats, thumbnailStats, users, prowlarr, qbittorrent, torrentImport, telegram, anilist, komga, metadataProviders, statusMappings, seriesStatuses, providerStatuses, apiVersion] = await Promise.all([
const [settings, cacheStats, thumbnailStats, users, prowlarr, qbittorrent, torrentImport, telegram, anilist, komga, metadataProviders, statusMappings, seriesStatuses, providerStatuses, apiVersion, indexerVersion] = await Promise.all([
getSettings().catch(() => ({
image_processing: { format: "webp", quality: 85, filter: "lanczos3", max_width: 2160 },
cache: { enabled: true, directory: "/tmp/stripstream-image-cache", max_size_mb: 10000 },
@@ -27,10 +39,12 @@ export default async function SettingsPageWrapper({ searchParams }: { searchPara
apiFetch<unknown[]>("/series/statuses").catch(() => []),
apiFetch<unknown[]>("/series/provider-statuses").catch(() => []),
apiFetch<{ api?: string }>("/version").catch(() => ({ api: "?" })),
fetchIndexerVersion(),
]);
const versions = {
api: apiVersion?.api ?? "?",
indexer: indexerVersion,
backoffice: packageJson.version,
};