From 9054bc50e2df098b9c69f75969b1b9823edfb179 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Wed, 5 Jan 2022 04:12:16 -0800
Subject: [PATCH] optimized some image sizes, testing serviceworker

---
 src/renderer/index.js                         | 12 +--
 .../views/components/mediaitem-list-item.ejs  |  2 +-
 .../views/components/mediaitem-square.ejs     |  2 +-
 src/renderer/views/pages/artist.ejs           |  2 +-
 workbox-config.js                             | 76 +++++++++++--------
 5 files changed, 52 insertions(+), 42 deletions(-)

diff --git a/src/renderer/index.js b/src/renderer/index.js
index 52fabcaa..3e4085e8 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -2941,12 +2941,12 @@ document.addEventListener('musickitloaded', function () {
     request.send();
 });
 
-// if ('serviceWorker' in navigator) {
-//     // Use the window load event to keep the page load performant
-//     window.addEventListener('load', () => {
-//       navigator.serviceWorker.register('sw.js?v=1');
-//     });
-//   }
+if ('serviceWorker' in navigator) {
+    // Use the window load event to keep the page load performant
+    window.addEventListener('load', () => {
+      navigator.serviceWorker.register('sw.js?v=1');
+    });
+  }
 
 const getBase64FromUrl = async (url) => {
     const data = await fetch(url);
diff --git a/src/renderer/views/components/mediaitem-list-item.ejs b/src/renderer/views/components/mediaitem-list-item.ejs
index d36dfbe0..695ba86a 100644
--- a/src/renderer/views/components/mediaitem-list-item.ejs
+++ b/src/renderer/views/components/mediaitem-list-item.ejs
@@ -19,7 +19,7 @@
             <div class="artwork" v-if="showArtwork == true">
                 <mediaitem-artwork
                         :url="item.attributes.artwork ? item.attributes.artwork.url : ''"
-                        :size="50"
+                        :size="48"
                         :type="item.type"></mediaitem-artwork>
                 <button class="overlay-play" @click="playTrack()"><%- include("../svg/play.svg") %></button>
             </div>
diff --git a/src/renderer/views/components/mediaitem-square.ejs b/src/renderer/views/components/mediaitem-square.ejs
index 8e54eecd..8bdcd644 100644
--- a/src/renderer/views/components/mediaitem-square.ejs
+++ b/src/renderer/views/components/mediaitem-square.ejs
@@ -50,7 +50,7 @@
             },
             size: {
                 type: String,
-                default: '300'
+                default: '190'
             },
             'contextExt': {type: Object, required: false},
         },
diff --git a/src/renderer/views/pages/artist.ejs b/src/renderer/views/pages/artist.ejs
index 06278b64..4202586a 100644
--- a/src/renderer/views/pages/artist.ejs
+++ b/src/renderer/views/pages/artist.ejs
@@ -12,7 +12,7 @@
                         <mediaitem-artwork
                                 shadow="large"
                                 :url="data.attributes.artwork ? data.attributes.artwork.url : ''"
-                                size="220" type="artists"></mediaitem-artwork>
+                                size="190" type="artists"></mediaitem-artwork>
                         <button class="overlay-play"  @click="app.mk.setStationQueue({artist:'a-'+data.id}).then(()=>{
                             app.mk.play()
                         })">
diff --git a/workbox-config.js b/workbox-config.js
index 126cbf12..1483a0e7 100644
--- a/workbox-config.js
+++ b/workbox-config.js
@@ -1,39 +1,49 @@
 module.exports = {
-	globDirectory: 'src/renderer/',
-	swDest: 'src/renderer/sw.js',
-	// Define runtime caching rules.
-	runtimeCaching: [{
-		// Match any request that ends with .png, .jpg, .jpeg or .svg.
-		urlPattern: /\.(?:png|jpg|jpeg|svg|webp)$/,
+    globDirectory: 'src/renderer/',
+    swDest: 'src/renderer/sw.js',
+    // Define runtime caching rules.
+    runtimeCaching: [{
+        // Match any request that ends with .png, .jpg, .jpeg or .svg.
+        urlPattern: /\.(?:png|jpg|jpeg|svg|webp)$/,
 
-		// Apply a cache-first strategy.
-		handler: 'CacheFirst',
+        // Apply a cache-first strategy.
+        handler: 'CacheFirst',
 
-		options: {
-		// Use a custom cache name.
-		cacheName: 'imageinternet',
+        options: {
+            // Use a custom cache name.
+            cacheName: 'imageinternet',
 
-		// Only cache 10 images.
-		
-		},
-	},
-	{
-		urlPattern: /https:\/\/is[0-9]-ssl\.mzstatic\.com\/image+/,
-		handler: "CacheFirst",
-	},
-	{
-		urlPattern: /^https:\/\/store-\d{3}\.blobstore\.apple\.com\/.{65}\/image+/,
-		handler: "CacheFirst",
-	},
+            // Only cache 10 images.
+
+        },
+    },
+        {
+            urlPattern: /https:\/\/amp-api.music.apple.com\/v1\//,
+            handler: 'StaleWhileRevalidate',
+            options: {
+                cacheName: 'amp-api',
+                cacheableResponse: {
+                    statuses: [0, 200],
+                },
+            },
+        },
+        {
+            urlPattern: /https:\/\/is[0-9]-ssl\.mzstatic\.com\/image+/,
+            handler: "CacheFirst",
+        },
+        {
+            urlPattern: /^https:\/\/store-\d{3}\.blobstore\.apple\.com\/.{65}\/image+/,
+            handler: "CacheFirst",
+        },
     ],
-	ignoreURLParametersMatching: [
-		/^utm_/,
-		/^fbclid$/,
-		/^X-Amz-Algorithm/,
-		/^X-Amz-Date/,
-		/^X-Amz-SignedHeaders/,
-		/^X-Amz-Expires/,
-		/^X-Amz-Credential/,
-		/^X-Amz-Signature/,
-	]
+    ignoreURLParametersMatching: [
+        /^utm_/,
+        /^fbclid$/,
+        /^X-Amz-Algorithm/,
+        /^X-Amz-Date/,
+        /^X-Amz-SignedHeaders/,
+        /^X-Amz-Expires/,
+        /^X-Amz-Credential/,
+        /^X-Amz-Signature/,
+    ]
 };