optimized some image sizes, testing serviceworker

src/renderer/index.js

@@ -2941,12 +2941,12 @@ document.addEventListener('musickitloaded', function () {
     request.send();
 });
 
-// if ('serviceWorker' in navigator) {
+if ('serviceWorker' in navigator) {
-//     // Use the window load event to keep the page load performant
+    // Use the window load event to keep the page load performant
-//     window.addEventListener('load', () => {
+    window.addEventListener('load', () => {
-//       navigator.serviceWorker.register('sw.js?v=1');
+      navigator.serviceWorker.register('sw.js?v=1');
-//     });
+    });
-//   }
+  }
 
 const getBase64FromUrl = async (url) => {
     const data = await fetch(url);

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>

src/renderer/views/components/mediaitem-square.ejs

@@ -50,7 +50,7 @@
             },
             size: {
                 type: String,
-                default: '300'
+                default: '190'
             },
             'contextExt': {type: Object, required: false},
         },

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()
                         })">

workbox-config.js

@@ -16,6 +16,16 @@ module.exports = {
             // 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+/,