From 24fbfb6dc405319814852ec3a929685efca0b6a0 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Mon, 28 Feb 2022 19:25:37 -0800
Subject: [PATCH] untied current artwork from lcd artwork

---
 src/renderer/index.js       | 5 +++++
 src/renderer/views/main.ejs | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/renderer/index.js b/src/renderer/index.js
index 386c41b9..9e621eb6 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -187,6 +187,7 @@ const app = new Vue({
         playerReady: false,
         animateBackground: false,
         currentArtUrl: '',
+        currentArtUrlRaw: '',
         lyricon: false,
         currentTrackID: '',
         currentTrackIDBG: '',
@@ -3372,7 +3373,9 @@ const app = new Vue({
                     artworkSize = app.getThemeDirective("lcdArtworkSize")
                 }
                 this.currentArtUrl = '';
+                this.currentArtUrlRaw = '';
                 if (app.mk.nowPlayingItem != null && app.mk.nowPlayingItem.attributes != null && app.mk.nowPlayingItem.attributes.artwork != null && app.mk.nowPlayingItem.attributes.artwork.url != null && app.mk.nowPlayingItem.attributes.artwork.url != '') {
+                    this.currentArtUrlRaw = (this.mk["nowPlayingItem"]["attributes"]["artwork"]["url"] ?? '')
                     this.currentArtUrl = (this.mk["nowPlayingItem"]["attributes"]["artwork"]["url"] ?? '').replace('{w}', artworkSize).replace('{h}', artworkSize);
                     try {
                         document.querySelector('.app-playback-controls .artwork').style.setProperty('--artwork', `url("${this.currentArtUrl}")`);
@@ -3382,6 +3385,7 @@ const app = new Vue({
                     let data = await this.mk.api.v3.music(`/v1/me/library/songs/${this.mk.nowPlayingItem.id}`);
                     data = data.data.data[0];
                     if (data != null && data !== "" && data.attributes != null && data.attributes.artwork != null) {
+                        this.currentArtUrlRaw = (this.mk["nowPlayingItem"]["attributes"]["artwork"]["url"] ?? '')
                         this.currentArtUrl = (data["attributes"]["artwork"]["url"] ?? '').replace('{w}', artworkSize).replace('{h}', artworkSize);
                         ipcRenderer.send('updateRPCImage', this.currentArtUrl ?? '');
                         try {
@@ -3389,6 +3393,7 @@ const app = new Vue({
                         } catch (e) {
                         }
                     } else {
+                        this.currentArtUrlRaw = ''
                         this.currentArtUrl = '';
                         try {
                             document.querySelector('.app-playback-controls .artwork').style.setProperty('--artwork', `url("${this.currentArtUrl}")`);
diff --git a/src/renderer/views/main.ejs b/src/renderer/views/main.ejs
index 97064e4c..e59ce532 100644
--- a/src/renderer/views/main.ejs
+++ b/src/renderer/views/main.ejs
@@ -47,13 +47,13 @@
     </transition>
     <transition name="fsModeSwitch">
         <div class="fullscreen-view-container" v-if="appMode == 'fullscreen'">
-            <fullscreen-view :image="currentArtUrl.replace('50x50', '600x600')" :time="lyriccurrenttime"
+            <fullscreen-view :image="currentArtUrlRaw" :time="lyriccurrenttime"
                              :lyrics="lyrics" :richlyrics="richlyrics"></fullscreen-view>
         </div>
     </transition>
     <transition name="fsModeSwitch">
         <div class="fullscreen-view-container" v-if="appMode == 'mini'">
-            <mini-view :image="currentArtUrl.replace('50x50', '600x600')" :time="lyriccurrenttime"
+            <mini-view :image="currentArtUrlRaw" :time="lyriccurrenttime"
                        :lyrics="lyrics" :richlyrics="richlyrics"></mini-view>
         </div>
     </transition>