From bbecd8efb504e96569b3c0ec40af234a4d3fb397 Mon Sep 17 00:00:00 2001 From: Eric Coissac Date: Sun, 26 Oct 2025 18:30:50 +0100 Subject: [PATCH] debug de l'application vue --- .../src/components/AudioCacheManager.vue | 24 ++++++++++--- .../src/components/CoverCacheManager.vue | 24 +++++++++---- pmoapp/webapp/src/services/audioCache.ts | 35 ++++++++++++++++--- pmoapp/webapp/src/services/coverCache.ts | 20 ++++++++++- 4 files changed, 88 insertions(+), 15 deletions(-) diff --git a/pmoapp/webapp/src/components/AudioCacheManager.vue b/pmoapp/webapp/src/components/AudioCacheManager.vue index 4c756b82..987d2eb7 100644 --- a/pmoapp/webapp/src/components/AudioCacheManager.vue +++ b/pmoapp/webapp/src/components/AudioCacheManager.vue @@ -93,8 +93,8 @@
{{ track.pk }}
- - {{ formatDuration(track.metadata.duration_ms) }} + + {{ formatDuration(durationMs(track)!) }} {{ formatSampleRate(track.metadata.sample_rate) }} @@ -147,7 +147,9 @@

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 @@
@@ -81,8 +81,8 @@
{{ 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}`;