From cc25fcaa34fd452ad5cd469470957e4fe5b5ba28 Mon Sep 17 00:00:00 2001
From: Brandon4466 <spongebob.brandon@gmail.com>
Date: Sat, 27 Apr 2024 17:23:42 -0700
Subject: [PATCH] auto reload on failure

---
 __pycache__/_canvas.cpython-310.pyc           | Bin 0 -> 1633 bytes
 code                                          |   2 +-
 protos/__pycache__/canvas_pb2.cpython-310.pyc | Bin 1835 -> 1842 bytes
 spotifycontroller.py                          |  14 ++++---
 templates/webapp.html                         |  35 ++++++++++++++++--
 5 files changed, 40 insertions(+), 11 deletions(-)
 create mode 100644 __pycache__/_canvas.cpython-310.pyc

diff --git a/__pycache__/_canvas.cpython-310.pyc b/__pycache__/_canvas.cpython-310.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..cce70f14e16ada5a905a8a4b653d944d7bcdfe93
GIT binary patch
literal 1633
zcmZ8hL2uhO6ecNImL1!1)~s0%+dLElW+1kkcEz@!>*hEvnzgeH+i3<NfS`zsBgd9B
zimq!x8HT3U-FMg_IqtZBGw8b0{=g2sY>$!?q@%zm@$vETz3;tGUa^=*F#h~w^LR6h
z&|h+Ka}Zd33p02Qf+C71$VlJVz_2D0GF1#^sv0UrR53DCH8h$rvQ#s4nl*A%H}W(`
z^KX!`LRV-3-UW&Ws9O9RJfcpO#JAe6aKxfzxi77-&wiY-K*a0sDg)nh0~UUKB7`4o
zHyVL&PaNio`g~M}J>eWL>b5rx?=<YhP0hCK6V`ZnFI@*L2)D1!dOmY+9%_u3FfH3=
zL0}5+l)2w<W(A)6wcwTu&be^jC<uk6<we_|w@<gjqCc?~6DJTgu&1_6=W2jClEAiL
z29H66C4nxmAeZ<IMd(7gL}xg{6yHGyXn<5C)Wt^_oe_*eRj3g;$FBk2Gx8Ie<2kC5
zj<J$PIFtcaGqKK7pn_O|@Z-|3`>fqD+nwEBcds*y)iERx=i0Aq<_pJjtBO34q8O{x
z5>|}a?}!&5wzoU>_ThfOcyK5UMu)qeJ(~i!!C`M9PCU2L<KBo{(_~*lT^r4u`Zzc=
z6R?B2zlh8K2eBwqFM}XBk9C+OkowQ$UtR*GEgS1<K;xkt%ml4p;X|Nv$UP!sd_e#y
zMJN&8K#^jq;fBbJHIWti1~eljRG})(P%T2Y5zYRlMdTuPiKzaIa;6?2H-nLUME*4v
zE8sH|WiASlIxb#f(3Yaic=a69+$rIYL>X+>F5Z(msFD_G<69KXF#k?|4WQ|vY4e?M
z-SYj3V_Oo{hR;3W9nFrzPi|^o)#meg?bzef+Kf+_YkQQ@m@qeN4ANe0d|7{3|NN_p
z(;YNk0Px_evh|?;puSc4Y-i?7Xl3h*-G}$8;o2y4{LKnw#}iAi&B_rEb34r9j8{Gl
zs#>fyp>KT=7FwPwpk%e-!e`-Xs;xb@+|kS$u`n;oTWgNM;(D_!<8s_lTx`yu%G?Q)
zoPdzo6X<7%ipv(}7({iQ%Ywx^IB<l+pzAD3<MOcIY&|pg`+H`u-+r?9gON`R7UqmQ
zT$LwO-vc)5&EB5*v^yBag;ulkqB$`8-Th(PSQ{|zSQ95?LvJ9sjAj)wahWaQZFBB%
zF1ci^_ADN-C)}GZ&9ZiyaI65phMqPe#8qkv@N+a1EIA!(z+vi5W6eJC9Gk@oRHT}X
z3pe?0=n11uhZ?2Sk-21-vGMNOyv|>hY%*4_x0lq?Qboe6R7f7g>yjNyTj&cjx$idY
z1ouH`z>Yj7M8z6Ng40LC>RV0E|DzQ^PYSpM`vsCGpeOt;9IF-+i1~-`ZLB4&7}S@S
z_(%7XiY4gr4Y1%JNTEsFa{9CAw>#|vbGY|?o4+sBg>G|y_|zP<y1n)wVQF&Bja=m4
hf+q>-kER}-P1s}E9f8b5M>;M;Xev$~c<ZE)`wz<@&Mg1{

literal 0
HcmV?d00001

diff --git a/code b/code
index 7cf5f72..f05bb08 100644
--- a/code
+++ b/code
@@ -1 +1 @@
-AQDU_0NUgm9-EMYMDBYUTnBApWyYO6m4EDUExbHzjM_CcVkoGptsE69uePQ7ejw5NooRTCpQqIU7ZfOTfE5Nx8zj6amQBFRkgv7vMa5ViqCbH_hqos--D6mj-eG3jqW-sf-Oyq0vmPUaam6R0fB--ghWzM8EG8SRVQBGTnEN-OLf1PBX5I1sOS22GXrMud5BcFziAiYQxHn_GcnPXEyXigkHAsk60PFiWDUwW6fLdUKW2FtyJnnYH01al28eex1QEeqr2gg8e5ht9XGKfQej0ciFM62ESwIbpDZDi6bWdSk
\ No newline at end of file
+AQCZgUjpd41T5OxjgCR08o-WIKMoJVOkKQnnXWWyCMPfr9AF8OOauNn9wYPX4sFKpWxINeHmeimsNw7c2e1HVCu038drk_o9K-0rdgtG7QlQc02ENsbkJC5tjr3M40-oxdmoz203NA_qj1J_DyQBx6TA-FbHS8WXiDTIn9pB3IpVNCSCf8kubjn6MOvDU8w6uXyjwCDLUBN5ptfARe4yFEXKNlgxgQcbAsj0DPpS4owhvYbo-tAwINmyJPuO61-TUbQ6U5qWLN7A1UkhbAkX0kJfFd3WnCsGiDpQmgLmmb8
\ No newline at end of file
diff --git a/protos/__pycache__/canvas_pb2.cpython-310.pyc b/protos/__pycache__/canvas_pb2.cpython-310.pyc
index b6a642e1278289bc52ef2f3074c8ceb3aca64e81..2ffa0d77ead5ecd6ce5c1f1e9c835692f08263b6 100755
GIT binary patch
delta 65
zcmZ3@w~3E0pO=@50SInv)Jap|-pCig!WgwVp2d`jn+GUb1R{R<OrFoC$yZ#EUy_+t
QsheJ!sh3qe`8-<;007MqwEzGB

delta 58
zcmdnQx0;VHpO=@50SKyRHKqLK+Q=8c!gy<QJc}t4H!o1M2t@pHojjjSlRdZ~za%rQ
Ja`H8{7y!E<5KRC8

diff --git a/spotifycontroller.py b/spotifycontroller.py
index 8017a60..a5222f1 100644
--- a/spotifycontroller.py
+++ b/spotifycontroller.py
@@ -89,10 +89,13 @@ def callback():
 def appdata():
     global access_token
     stime = time.time()
-    user_headers = {
-        "Authorization": "Bearer " + access_token,
-        "Content-Type": "application/json"
-    }
+    try:
+        user_headers = {
+            "Authorization": "Bearer " + access_token,
+            "Content-Type": "application/json"
+        }
+    except NameError:
+        return { 'reload': True }
 
     currently_playing = requests.get("https://api.spotify.com/v1/me/player/currently-playing", headers=user_headers)
     if currently_playing.content:
@@ -100,8 +103,7 @@ def appdata():
                 print("QUICK" + str(time.time() - stime))
                 return { 'progress_ms': currently_playing.json()["progress_ms"],
                         }
-        elif currently_playing.json()["is_playing"] is True and currently_playing.json()["item"]["id"] != request.args.get('id'):     
-            
+        elif currently_playing.json()["is_playing"] is True and currently_playing.json()["item"]["id"] != request.args.get('id'):
             print("FULL" + str(time.time() - stime))
             return { 'id': currently_playing.json()["item"]["id"],
                     'name': currently_playing.json()["item"]["name"],
diff --git a/templates/webapp.html b/templates/webapp.html
index e099787..0468739 100644
--- a/templates/webapp.html
+++ b/templates/webapp.html
@@ -5,12 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>SpotifyJS</title>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/color-thief/2.3.0/color-thief.umd.js"></script>
 <style>
     .progress-container {
         width: 100%;
         background-color: #ddd;
     }
-
     .progress-bar {
         width: 0%;
         height: 4px;
@@ -51,6 +51,7 @@
     .buttons {
         display: initial;
         padding-top: 10%;
+        /* mix-blend-mode: difference; */
     }
     .total {
         display: flex;
@@ -86,7 +87,7 @@
         </div>
         </div>
     <script>
-        let id, is_playing, is_liked, duration_ms, canvas_url, lyrics;
+        let id, is_playing, is_liked, duration_ms, canvas_url, lyrics, progress_ms;
         // Function to update the values every second
         function updateValues() {
             $.ajax({
@@ -117,6 +118,12 @@
                     if (data['duration_ms'] !== undefined) {
                         duration_ms = data['duration_ms'];
                     }
+                    if (data['progress_ms'] !== undefined) {
+                        progress_ms = data['progress_ms'];
+                    }
+                    if (data['reload'] == true) {
+                        location.reload();
+                    }
 
                     document.getElementById('progress_bar').style.width = (data['progress_ms'] / duration_ms) * 100 + '%';
                     // document.getElementById('progress_bar').textContent = (Math.floor(data['progress_ms'] / (1000 * 60)) % 60) + ':' + (Math.floor((data['progress_ms'] / 1000) % 60)).toString().padStart(2, '0');
@@ -141,6 +148,7 @@
                         document.getElementById('canvas_url').style.display = "none";
                         document.getElementById('image').style.display = "";
                     }
+                    getColors(data['image'])
                     getLyrics(data['name'], data['artist'], data['progress_ms'], data['fetchlyrics'])
                 }
             });
@@ -191,6 +199,24 @@
                 }
             }
         }
+        function getColors(image) {
+            const colorThief = new ColorThief();
+            const img = document.getElementById('image');
+            img.crossOrigin = 'Anonymous';
+
+            if (img.complete) {
+                const color = colorThief.getColor(img);
+                document.body.style.backgroundColor = 'rgb(' + color + ')';
+            } else {
+                img.addEventListener('load', function() {
+                    const color = colorThief.getColor(img);
+                    document.body.style.backgroundColor = 'rgb(' + color + ')';
+                });
+            }
+        }
+        // function getLuminance() {
+
+        // }
         // BUTTONS
         $('#playpause').click(function() {
             $.ajax({
@@ -222,11 +248,12 @@
             });
         });
         $('#previous').click(function() {
+            console.log(progress_ms)
             $.ajax({
                 type: 'POST',
                 url: '/control',
                 // data: {command: (data['progress_ms'] < 5000) ? 'restart' : 'previous'}, // FIX THIS: IT DOESNT SEE THE DATA VARIABLE SO CANT CHECK THE PROGRESS MS
-                data: {command: (1 == 1) ? 'restart' : 'previous'},
+                data: {command: progress_ms > 5000 ? 'restart' : 'previous'},
                 success: function(response) {
                 }
             });
@@ -250,4 +277,4 @@
         });
     </script>
 </body>
-</html>
+</html>
\ No newline at end of file