Fix download metadata / video UI cards, fix dash downloads

js/api.js

@@ -289,6 +289,16 @@
             normalized = { ...normalized, audioQuality: derivedQuality };
         }
 
+        const copyrightText =
+            typeof normalized.copyright === 'string'
+                ? normalized.copyright
+                : normalized.copyright && typeof normalized.copyright === 'object'
+                  ? normalized.copyright.text
+                  : normalized.copyright;
+        if (copyrightText !== normalized.copyright) {
+            normalized = { ...normalized, copyright: copyrightText ?? '' };
+        }
+
         normalized.isUnavailable = isTrackUnavailable(normalized);
 
         return normalized.type == 'video' ? new PreparedVideo(normalized) : new PreparedTrack(normalized);
@@ -312,6 +322,20 @@
             normalized.artist = video.artists[0];
         }
 
+        if (!normalized.imageId) {
+            const imageCandidate = video.imageId || video.squareImage || video.image || video.cover;
+            if (typeof imageCandidate === 'string' || typeof imageCandidate === 'number') {
+                normalized.imageId = imageCandidate;
+            }
+        }
+
+        if (!normalized.image) {
+            const imageCandidate = video.image || video.squareImage || video.cover || normalized.imageId;
+            if (typeof imageCandidate === 'string' || typeof imageCandidate === 'number') {
+                normalized.image = imageCandidate;
+            }
+        }
+
         return normalized;
     }
 
@@ -1614,7 +1638,36 @@
         }
 
         const id = input?.id || input;
-        const track = typeof input === 'object' ? input : await this.getTrack(id, downloadQuality);
+        const hasMissingDownloadMetadata = (candidate) =>
+            candidate?.trackNumber == null ||
+            (candidate?.volumeNumber == null && candidate?.discNumber == null) ||
+            candidate?.album?.numberOfTracks == null;
+
+        let track = typeof input === 'object' ? this.prepareTrack(input) : await this.getTrack(id, downloadQuality);
+        if (
+            typeof input === 'object' &&
+            !track?.type?.toLowerCase?.().includes('video') &&
+            hasMissingDownloadMetadata(track)
+        ) {
+            try {
+                const fullTrack = await this.getTrackMetadata(id);
+                track = this.prepareTrack({
+                    ...fullTrack,
+                    ...track,
+                    trackNumber: track?.trackNumber ?? fullTrack?.trackNumber,
+                    volumeNumber: track?.volumeNumber ?? fullTrack?.volumeNumber,
+                    discNumber: track?.discNumber ?? fullTrack?.discNumber,
+                    album: {
+                        ...(fullTrack?.album || {}),
+                        ...(track?.album || {}),
+                    },
+                    artist: track?.artist || fullTrack?.artist,
+                    artists: track?.artists?.length ? track.artists : fullTrack?.artists,
+                });
+            } catch (e) {
+                console.warn('Failed to hydrate full track metadata for download:', e);
+            }
+        }
         const isVideo = track?.type?.toLowerCase().includes('video');
         downloadQuality = isCustomFormat(downloadQuality) ? 'LOSSLESS' : downloadQuality;
 
@@ -1774,7 +1827,7 @@
             if (streamUrl.startsWith('blob:')) {
                 try {
                     const downloader = new DashDownloader();
-                    blob = await downloader.downloadDashStream(getProxyUrl(streamUrl), {
+                    blob = await downloader.downloadDashStream(streamUrl, {
                         signal: options.signal,
                         onProgress,
                         calculateDashBytes: calculateDashBytes ?? true,
@@ -1906,7 +1959,7 @@
             }
             console.error('Download failed:', error);
             if (error instanceof FfmpegError || error.code === 'MP3_ENCODING_FAILED') {
                 throw error;
             }
             if (error.message === RATE_LIMIT_ERROR_MESSAGE) {
                 throw error;

js/dash-downloader.ts

@@ -1,5 +1,6 @@
 import { AbortError } from './errorTypes';
 import { SegmentedDownloadProgress } from './progressEvents';
+import { getProxyUrl } from './proxy-utils';
 
 export interface DashDownloadOptions {
     onProgress?: MonochromeProgressListener<SegmentedDownloadProgress>;

js/downloads.js

@@ -315,8 +315,19 @@ function removeBulkDownloadTask(notifEl) {
 }
 
 async function downloadTrackBlob(track, quality, api, signal = null, onProgress = null) {
+    const tidalAPI = api.tidalAPI || api;
+    let downloadTrack = track;
+    try {
+        if (typeof tidalAPI.enrichTrack === 'function') {
+            const { enrichedTrack } = await tidalAPI.enrichTrack(track, { downloadQuality: quality });
+            if (enrichedTrack) downloadTrack = enrichedTrack;
+        }
+    } catch (e) {
+        console.warn('Failed to enrich track metadata before bulk download:', e);
+    }
+
     const blob = await api.downloadTrack(track.id, quality, undefined, {
-        track,
+        track: downloadTrack,
         signal,
         onProgress,
         triggerDownload: false,
@@ -326,7 +337,7 @@ async function downloadTrackBlob(track, quality, api, signal = null, onProgress
     // Detect actual format from blob signature BEFORE adding metadata
     const extension = await getExtensionFromBlob(blob);
 
-    return { blob, extension };
+    return { blob, extension, track: downloadTrack };
 }
 
 async function bulkDownload({
@@ -365,7 +376,11 @@ async function bulkDownload({
             updateBulkDownloadProgress(notification, i, tracks.length, trackTitle);
 
             try {
-                const { blob, extension } = await downloadTrackBlob(track, quality, api, signal, (p) => {
+                const {
+                    blob,
+                    extension,
+                    track: enrichedTrack,
+                } = await downloadTrackBlob(track, quality, api, signal, (p) => {
                     if (p instanceof DownloadProgress && p.totalBytes && p.receivedBytes) {
                         fileFraction = p.receivedBytes / p.totalBytes;
                     } else if (p instanceof SegmentedDownloadProgress && p.currentSegment && p.totalSegments) {
@@ -375,7 +390,8 @@ async function bulkDownload({
                     fileFraction = Math.min(fileFraction, 0.99); // Cap at 99% to avoid showing 100% before finalization
                     updateBulkDownloadProgress(notification, i + fileFraction, tracks.length, trackTitle, p);
                 });
-                const filename = buildTrackFilename(track, quality, extension);
+                const effectiveTrack = enrichedTrack || track;
+                const filename = buildTrackFilename(effectiveTrack, quality, extension);
                 const discNumber = discLayout.resolveDiscNumber(i);
                 const discPath = separateByDisc ? `${getDiscFolderName(discNumber)}/${filename}` : filename;
 
@@ -389,9 +405,9 @@ async function bulkDownload({
 
                 if (lyricsManager && lyricsSettings.shouldDownloadLyrics()) {
                     try {
-                        const lyricsData = await lyricsManager.fetchLyrics(track.id, track);
+                        const lyricsData = await lyricsManager.fetchLyrics(effectiveTrack.id, effectiveTrack);
                         if (lyricsData) {
-                            const lrcContent = lyricsManager.generateLRCContent(lyricsData, track);
+                            const lrcContent = lyricsManager.generateLRCContent(lyricsData, effectiveTrack);
                             if (lrcContent) {
                                 const lrcFilename = filename.replace(/\.[^.]+$/, '.lrc');
                                 yield {
@@ -1079,7 +1095,7 @@ export async function downloadTrackWithMetadata(
             triggerDownload: false,
         });
 
-        const finalFilename = buildTrackFilename(track, quality, await getExtensionFromBlob(blob))
+        const finalFilename = buildTrackFilename(enrichedTrack, quality, await getExtensionFromBlob(blob))
             .split('/')
             .pop();
 
@@ -1102,13 +1118,13 @@ export async function downloadTrackWithMetadata(
 
         if (lyricsManager && lyricsSettings.shouldDownloadLyrics()) {
             try {
-                const lyricsData = await lyricsManager.fetchLyrics(track.id, track);
+                const lyricsData = await lyricsManager.fetchLyrics(enrichedTrack.id, enrichedTrack);
                 if (lyricsData) {
                     await folderWriter.write(
                         singleWriterEntry({
                             name: [...entryName.split('.').slice(0, -1), 'lrc'].join('.'),
                             lastModified: new Date(),
-                            input: lyricsManager.getLRC(lyricsData, track),
+                            input: lyricsManager.getLRC(lyricsData, enrichedTrack),
                         })
                     );
                 }

js/events.js

@@ -2273,6 +2273,32 @@ export function initializeTrackInteractions(player, api, mainContent, contextMen
                 return;
             }
 
+            if (card.dataset.videoId) {
+                if (card.classList.contains('blocked')) return;
+                if (e.target.closest('.like-btn') || e.target.closest('.card-menu-btn')) {
+                    return;
+                }
+
+                e.preventDefault();
+                const clickedVideo = trackDataStore.get(card);
+                if (!clickedVideo) return;
+
+                const parentContainer = card.parentElement || mainContent;
+                const allVideoElements = Array.from(parentContainer.querySelectorAll('.video-card[data-video-id]'));
+                const videoList = allVideoElements.map((el) => trackDataStore.get(el)).filter(Boolean);
+
+                if (videoList.length > 0) {
+                    const startIndex = videoList.findIndex((v) => String(v.id) === String(card.dataset.videoId));
+                    player.setQueue(videoList, startIndex >= 0 ? startIndex : 0);
+                    player.enableAutoplay();
+                    document.getElementById('shuffle-btn').classList.remove('active');
+                    player.playTrackFromQueue();
+                } else {
+                    player.playVideo(clickedVideo);
+                }
+                return;
+            }
+
             const href = card.dataset.href;
             if (href) {
                 // Allow native links inside card to work if any exist

js/ui.js

@@ -820,12 +820,12 @@ export class UIRenderer {
         const duration = formatTime(video.duration);
         const artistName = getTrackArtists(video);
 
-        const videoCoverCandidate = video.imageId || video.image || video.cover || null;
+        const videoCoverCandidate = video.imageId || video.image || video.squareImage || video.cover || null;
         const videoCoverUrl =
             videoCoverCandidate && (typeof videoCoverCandidate === 'string' || typeof videoCoverCandidate === 'number')
                 ? this.api.getVideoCoverUrl(videoCoverCandidate)
                 : null;
-        const coverFallback = video.image || video.cover;
+        const coverFallback = video.image || video.squareImage || video.cover;
         const coverPrimitive =
             coverFallback != null && (typeof coverFallback === 'string' || typeof coverFallback === 'number')
                 ? coverFallback
@@ -5513,7 +5513,7 @@ export class UIRenderer {
                         const el = videosContainer.querySelector(`[data-video-id="${video.id}"]`);
                         if (el) {
                             trackDataStore.set(el, video);
-                            await this.updateLikeState(el, 'track', video.id);
+                            await this.updateLikeState(el, 'video', video.id);
                         }
                     }
                 } else {