fix(APIs): remove now broken free tier API, oh and other stuff but idc

index.html

@@ -2407,23 +2407,6 @@
                                     </svg>
                                     <span>Download</span>
                                 </button>
-                                <button id="add-playlist-to-playlist-btn" class="btn-secondary" title="Add to Playlist">
-                                    <svg
-                                        xmlns="http://www.w3.org/2000/svg"
-                                        width="20"
-                                        height="20"
-                                        viewBox="0 0 24 24"
-                                        fill="none"
-                                        stroke="currentColor"
-                                        stroke-width="2"
-                                        stroke-linecap="round"
-                                        stroke-linejoin="round"
-                                    >
-                                        <line x1="12" y1="5" x2="12" y2="19"></line>
-                                        <line x1="5" y1="12" x2="19" y2="12"></line>
-                                    </svg>
-                                    <span>Add to Playlist</span>
-                                </button>
                                 <button
                                     id="like-playlist-btn"
                                     class="btn-secondary like-btn"

js/storage.js

@@ -1,6 +1,6 @@
 //storage.js
 export const apiSettings = {
-    STORAGE_KEY: 'monochrome-api-instances-v6',
+    STORAGE_KEY: 'monochrome-api-instances-v7',
     INSTANCES_URL: 'instances.json',
     defaultInstances: { api: [], streaming: [] },
     instancesLoaded: false,
@@ -58,7 +58,6 @@ export const apiSettings = {
                     'https://api.monochrome.tf',
                     'https://triton.squid.wtf',
                     'https://wolf.qqdl.site',
-                    'https://tidal-api.binimum.org',
                     'https://monochrome-api.samidy.com',
                     'https://hifi-one.spotisaver.net',
                     'https://hifi-two.spotisaver.net',
@@ -76,7 +75,6 @@ export const apiSettings = {
                     'https://katze.qqdl.site',
                     'https://hund.qqdl.site',
                     'https://tidal.kinoplus.online',
-                    'https://tidal-api.binimum.org',
                     'https://hifi-one.spotisaver.net',
                     'https://hifi-two.spotisaver.net',
                 ],

js/ui.js

@@ -2419,6 +2419,7 @@ export class UIRenderer {
         if (playBtn) playBtn.innerHTML = `${SVG_PLAY}<span>Play</span>`;
         const dlBtn = document.getElementById('download-playlist-btn');
         if (dlBtn) dlBtn.innerHTML = `${SVG_DOWNLOAD}<span>Download</span>`;
+        const addPlaylistBtn = document.getElementById('add-playlist-to-playlist-btn');
 
         imageEl.src = '';
         imageEl.style.backgroundColor = 'var(--muted)';
@@ -2464,6 +2465,7 @@ export class UIRenderer {
 
             if (playlistData) {
                 // ... (rest of the logic)
+                if (addPlaylistBtn) addPlaylistBtn.style.display = 'none';
 
                 if (playlistData.cover) {
                     imageEl.src = playlistData.cover;
@@ -2623,6 +2625,8 @@ export class UIRenderer {
                 // Setup playlist search
                 this.setupTracklistSearch();
             } else {
+                if (addPlaylistBtn) addPlaylistBtn.style.display = 'flex';
+
                 // If source was explicitly 'user' and we didn't find it, fail.
                 if (source === 'user') {
                     throw new Error('Playlist not found. If this is a custom playlist, make sure it is set to Public.');
@@ -3767,9 +3771,7 @@ export class UIRenderer {
         }
 
         try {
-            const track = await this.api.getTrackMetadata(trackId, provider);
+            const { track } = await this.api.getTrack(trackId, provider);
-            const displayTitle = getTrackTitle(track);
-            const artistName = getTrackArtists(track);
 
             const coverUrl = this.api.getCoverUrl(track.album?.cover);
             imageEl.src = coverUrl;
@@ -3782,174 +3784,46 @@ export class UIRenderer {
 
             const explicitBadge = hasExplicitContent(track) ? this.createExplicitBadge() : '';
             const qualityBadge = createQualityBadgeHTML(track);
-            titleEl.innerHTML = `${escapeHtml(displayTitle)} ${explicitBadge} ${qualityBadge}`;
+            titleEl.innerHTML = `${escapeHtml(track.title)} ${explicitBadge} ${qualityBadge}`;
-            this.adjustTitleFontSize(titleEl, displayTitle);
+            this.adjustTitleFontSize(titleEl, track.title);
 
-            let artistId = null;
+            artistEl.innerHTML = getTrackArtistsHTML(track);
-            if (track.artist) {
-                artistId = track.artist.id;
-            } else if (track.artists && track.artists.length > 0) {
-                artistId = track.artists[0].id;
-            }
-
-            if (artistId) {
-                artistEl.innerHTML = `<a href="/artist/${artistId}">${escapeHtml(artistName)}</a>`;
-            } else {
-                artistEl.textContent = artistName;
-            }
 
             if (track.album) {
                 albumEl.innerHTML = `<a href="/album/${track.album.id}">${escapeHtml(track.album.title)}</a>`;
-                if (track.album.releaseDate) {
-                    const date = new Date(track.album.releaseDate);
-                    yearEl.textContent = date.getFullYear();
             }
 
-                if (track.copyright || track.album.copyright) {
+            if (track.album?.releaseDate) {
-                    yearEl.textContent += ` • ${track.copyright || track.album.copyright}`;
+                const date = new Date(track.album.releaseDate);
+                if (!isNaN(date.getTime())) {
+                    yearEl.textContent = date.getFullYear();
                 }
             }
 
             playBtn.onclick = () => {
-                this.player.setQueue([track]);
+                this.player.setQueue([track], 0);
                 this.player.playTrackFromQueue();
             };
 
-            lyricsBtn.onclick = () => {
+            if (likeBtn) {
-                if (this.player.currentTrack && this.player.currentTrack.id === track.id) {
+                const isLiked = await db.isFavorite('track', track.id);
-                    document.getElementById('toggle-lyrics-btn').click();
+                likeBtn.innerHTML = this.createHeartIcon(isLiked);
-                } else {
+                likeBtn.classList.toggle('active', isLiked);
-                    this.player.setQueue([track]);
-                    this.player.playTrackFromQueue();
-                    setTimeout(() => document.getElementById('toggle-lyrics-btn').click(), 500);
             }
-            };
 
-            shareBtn.onclick = () => {
+            if (track.album?.id) {
-                const url = getShareUrl(`/track/${track.id}`);
+                const { tracks } = await this.api.getAlbum(track.album.id);
-                navigator.clipboard.writeText(url).then(() => {
+                if (tracks && tracks.length > 0) {
-                    showNotification('Link copied to clipboard!');
-                });
-            };
-
-            this.updateLikeState(likeBtn, 'track', track.id);
-            trackDataStore.set(likeBtn, track);
-
-            downloadBtn.dataset.action = 'download';
-            downloadBtn.classList.add('track-action-btn');
-            trackDataStore.set(downloadBtn, track);
-
-            if (track.album && track.album.id) {
-                try {
-                    const albumData = await this.api.getAlbum(track.album.id);
-                    const tracks = albumData.tracks;
-                    if (tracks.length > 1) {
                     albumSection.style.display = 'block';
-                        const otherTracks = tracks.filter((t) => t.id != track.id);
+                    this.renderListWithTracks(albumTracksContainer, tracks, false);
-                        this.renderListWithTracks(albumTracksContainer, otherTracks, false, false, true);
-                    }
-                } catch (err) {
-                    console.warn('Failed to load album tracks:', err);
                 }
             }
 
-            this.api
+            document.title = `${track.title} - ${getTrackArtists(track)}`;
-                .getRecommendedTracksForPlaylist([track], 5)
+        } catch (error) {
-                .then((similarTracks) => {
+            console.error('Failed to load track:', error);
-                    if (similarTracks.length > 0) {
+            titleEl.textContent = 'Track not found';
-                        this.renderListWithTracks(similarTracksContainer, similarTracks, true);
+            artistEl.innerHTML = '';
-                        similarSection.style.display = 'block';
-                    } else {
-                        similarSection.style.display = 'none';
-                    }
-                })
-                .catch(() => (similarSection.style.display = 'none'));
-
-            document.title = `${displayTitle} - ${artistName}`;
-        } catch (e) {
-            console.error(e);
-            titleEl.textContent = 'Error loading track';
-            artistEl.textContent = e.message || 'Track not found or unavailable';
         }
     }
-
-    renderSearchHistory() {
-        const historyEl = document.getElementById('search-history');
-        if (!historyEl) return;
-
-        const history = JSON.parse(localStorage.getItem('search-history') || '[]');
-        if (history.length === 0) {
-            historyEl.style.display = 'none';
-            return;
-        }
-
-        historyEl.innerHTML =
-            history
-                .map(
-                    (query) => `
-            <div class="search-history-item" data-query="${escapeHtml(query)}">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="history-icon">
-                    <circle cx="12" cy="12" r="10"></circle>
-                    <polyline points="12 6 12 12 16 14"></polyline>
-                </svg>
-                <span class="query-text">${escapeHtml(query)}</span>
-                <span class="delete-history-btn" title="Remove from history">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
-                </span>
-            </div>
-        `
-                )
-                .join('') +
-            `
-            <div class="search-history-clear-all" id="clear-search-history">
-                Clear all history
-            </div>
-        `;
-
-        historyEl.style.display = 'block';
-
-        // Add event listeners
-        historyEl.querySelectorAll('.search-history-item').forEach((item) => {
-            item.addEventListener('click', (e) => {
-                if (e.target.closest('.delete-history-btn')) {
-                    e.stopPropagation();
-                    this.removeFromSearchHistory(item.dataset.query);
-                    return;
-                }
-                const query = item.dataset.query;
-                const searchInput = document.getElementById('search-input');
-                if (searchInput) {
-                    searchInput.value = query;
-                    searchInput.dispatchEvent(new Event('input'));
-                    historyEl.style.display = 'none';
-                }
-            });
-        });
-
-        const clearBtn = document.getElementById('clear-search-history');
-        if (clearBtn) {
-            clearBtn.addEventListener('click', (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                localStorage.removeItem('search-history');
-                this.renderSearchHistory();
-            });
-        }
-    }
-
-    removeFromSearchHistory(query) {
-        let history = JSON.parse(localStorage.getItem('search-history') || '[]');
-        history = history.filter((q) => q !== query);
-        localStorage.setItem('search-history', JSON.stringify(history));
-        this.renderSearchHistory();
-    }
-
-    addToSearchHistory(query) {
-        if (!query || query.trim().length === 0) return;
-        let history = JSON.parse(localStorage.getItem('search-history') || '[]');
-        history = history.filter((q) => q !== query);
-        history.unshift(query);
-        history = history.slice(0, 10);
-        localStorage.setItem('search-history', JSON.stringify(history));
-    }
 }

public/instances.json

@@ -4,7 +4,6 @@
         "https://us-west.monochrome.tf",
         "https://arran.monochrome.tf",
         "https://api.monochrome.tf/",
-        "https://tidal-api.binimum.org",
         "https://monochrome-api.samidy.com",
         "https://triton.squid.wtf",
         "https://wolf.qqdl.site",
@@ -25,7 +24,6 @@
         "https://katze.qqdl.site",
         "https://hund.qqdl.site",
         "https://tidal.kinoplus.online",
-        "https://tidal-api.binimum.org",
         "https://hifi-one.spotisaver.net",
         "https://hifi-two.spotisaver.net"
     ]