Year: {{ selectedTrack.metadata.year }}
Genre: {{ selectedTrack.metadata.genre }}
Track: {{ selectedTrack.metadata.track_number }}
-Duration: {{ formatDuration(selectedTrack.metadata.duration_ms) }}
++ Duration: {{ formatDuration(durationMs(selectedTrack)!) }} +
Sample Rate: {{ formatSampleRate(selectedTrack.metadata.sample_rate) }}
Bitrate: {{ formatBitrate(selectedTrack.metadata.bitrate) }}
Channels: {{ selectedTrack.metadata.channels }}
@@ -155,7 +157,11 @@Cache Info
PK: {{ selectedTrack.pk }}
-Source URL: {{ selectedTrack.source_url }}
++ Source URL: + {{ resolveTrackOrigin(selectedTrack) }} +
+Source URL: Unknown
Hits: {{ selectedTrack.hits }}
Collection: {{ selectedTrack.collection }}
Last Used: {{ formatDate(selectedTrack.last_used) }}
@@ -206,6 +212,8 @@ import { consolidateCache, getTrackUrl, getOriginalTrackUrl, + getOriginUrl, + getDurationMs, formatDuration, formatBitrate, formatSampleRate, @@ -388,6 +396,14 @@ function copyTrackUrl(pk: string) { alert("✅ URL copied!"); } +function resolveTrackOrigin(track: AudioCacheEntry | null): string | undefined { + return track ? getOriginUrl(track) : undefined; +} + +function durationMs(track: AudioCacheEntry | null): number | undefined { + return track ? getDurationMs(track.metadata) : undefined; +} + function formatDate(dateString: string) { const d = new Date(dateString); const diff = Date.now() - d.getTime(); diff --git a/pmoapp/webapp/src/components/CoverCacheManager.vue b/pmoapp/webapp/src/components/CoverCacheManager.vue index 026444b6..380f4ff3 100644 --- a/pmoapp/webapp/src/components/CoverCacheManager.vue +++ b/pmoapp/webapp/src/components/CoverCacheManager.vue @@ -71,7 +71,7 @@{{ image.pk }}
-
- {{ truncateUrl(image.source_url) }}
+
+ {{ truncateUrl(resolveOrigin(image)) }}
@@ -108,13 +108,17 @@
![]()
Image Details
PK: {{ selectedImage.pk }}
-Source URL: {{ selectedImage.source_url }}
++ Source URL: + {{ resolveOrigin(selectedImage) }} +
+Source URL: Unknown
Hits: {{ selectedImage.hits }}
Last Used: {{ formatDate(selectedImage.last_used) }}
@@ -141,6 +145,7 @@ import {
purgeCache,
consolidateCache,
getImageUrl,
+ getOriginUrl,
waitForDownload,
} from "../services/coverCache";
@@ -229,7 +234,14 @@ function copyImageUrl(pk:string){
alert("✅ URL copied!");
}
-function truncateUrl(url:string,maxLength=40){ return url.length<=maxLength?url:url.slice(0,maxLength-3)+"..."; }
+function resolveOrigin(entry: CacheEntry | null): string | undefined {
+ return entry ? getOriginUrl(entry) : undefined;
+}
+
+function truncateUrl(url?:string,maxLength=40){
+ if(!url) return "Unknown source";
+ return url.length<=maxLength?url:url.slice(0,maxLength-3)+"...";
+}
function formatDate(dateString:string){
const d=new Date(dateString), diff=Date.now()-d.getTime(), days=Math.floor(diff/(1000*60*60*24));
if(days===0)return"Today"; if(days===1)return"Yesterday"; if(days<7)return`${days} days ago`; return d.toLocaleDateString();
diff --git a/pmoapp/webapp/src/services/audioCache.ts b/pmoapp/webapp/src/services/audioCache.ts
index 343eade2..18399480 100644
--- a/pmoapp/webapp/src/services/audioCache.ts
+++ b/pmoapp/webapp/src/services/audioCache.ts
@@ -2,27 +2,32 @@
* Service API pour interagir avec le cache de pistes audio
*/
-export interface AudioMetadata {
+export interface AudioCacheMetadata {
+ origin_url?: string;
title?: string;
artist?: string;
album?: string;
year?: number;
genre?: string;
track_number?: number;
+ track_total?: number;
disc_number?: number;
+ disc_total?: number;
duration_ms?: number;
+ duration_secs?: number;
sample_rate?: number;
bitrate?: number;
channels?: number;
+ [key: string]: unknown;
}
export interface AudioCacheEntry {
pk: string;
- source_url: string;
+ id: string | null;
hits: number;
last_used: string | null;
- collection?: string;
- metadata?: AudioMetadata;
+ collection?: string | null;
+ metadata?: AudioCacheMetadata | null;
}
export interface AddTrackRequest {
@@ -48,6 +53,28 @@ export interface ApiError {
message: string;
}
+export function getOriginUrl(entry: AudioCacheEntry): string | undefined {
+ const metadata = entry.metadata;
+ if (metadata && typeof metadata === "object") {
+ const origin = (metadata as { origin_url?: unknown }).origin_url;
+ if (typeof origin === "string" && origin.trim().length > 0) {
+ return origin;
+ }
+ }
+ return undefined;
+}
+
+export function getDurationMs(metadata?: AudioCacheMetadata | null): number | undefined {
+ if (!metadata) return undefined;
+ if (typeof metadata.duration_ms === "number" && !Number.isNaN(metadata.duration_ms)) {
+ return metadata.duration_ms;
+ }
+ if (typeof metadata.duration_secs === "number" && !Number.isNaN(metadata.duration_secs)) {
+ return metadata.duration_secs * 1000;
+ }
+ return undefined;
+}
+
/**
* Liste toutes les pistes en cache
*/
diff --git a/pmoapp/webapp/src/services/coverCache.ts b/pmoapp/webapp/src/services/coverCache.ts
index d4d231fe..3605232d 100644
--- a/pmoapp/webapp/src/services/coverCache.ts
+++ b/pmoapp/webapp/src/services/coverCache.ts
@@ -2,11 +2,18 @@
* Service API pour interagir avec le cache d'images de couvertures
*/
+export interface CacheMetadata {
+ origin_url?: string;
+ [key: string]: unknown;
+}
+
export interface CacheEntry {
pk: string;
- source_url: string;
+ id: string | null;
+ collection?: string | null;
hits: number;
last_used: string | null;
+ metadata?: CacheMetadata | null;
}
export interface AddImageRequest {
@@ -168,6 +175,17 @@ export async function waitForDownload(
/**
* Génère l'URL pour afficher une image
*/
+export function getOriginUrl(entry: CacheEntry): string | undefined {
+ const metadata = entry.metadata;
+ if (metadata && typeof metadata === "object") {
+ const origin = (metadata as { origin_url?: unknown }).origin_url;
+ if (typeof origin === "string" && origin.trim().length > 0) {
+ return origin;
+ }
+ }
+ return undefined;
+}
+
export function getImageUrl(pk: string, size?: number): string {
if (size) {
return `/covers/image/${pk}/${size}`;