Remove need for opaque caching

lucienimmink · Jun 12, 2024 · 499862a · 499862a
1 parent c094b93
commit 499862a
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/src/components/album-art/album-art.ts b/src/components/album-art/album-art.ts
@@ -153,6 +153,7 @@ export class AlbumArt extends LitElement {
           : ''} ${this.loading && !this.isDefault ? 'loading' : ''}"
         width="${this.dimension}"
         height="${this.dimension}"
+        crossorigin="anonymous"
       />
     `;
   }

diff --git a/src/components/home/home.ts b/src/components/home/home.ts
@@ -222,6 +222,7 @@ export class HomeNav extends LitElement {
                         class="album-art"
                         alt="${track.artist['#text']} • ${track.name}"
                         @error="${(e: Event) => this._onError(e)}"
+                        crossorigin="anonymous"
                       />
                       ${track.loved === '1'
                         ? html`<span class="heart">${heartIcon}</span>`

diff --git a/src/utils/colour.ts b/src/utils/colour.ts
@@ -60,7 +60,7 @@ export function getDominantColorByURL(url: any, cb: any): any {
     },
     false,
   );
-  clone.src = `${url}#no-sw-cache`;
+  clone.src = `${url}`;
 }
 export function getColorsFromRGBWithBGColor(rgba: any, bgColor: string): any {
   const text = getReadableColor(rgba, bgColor);

diff --git a/vite.config.js b/vite.config.js
@@ -171,7 +171,7 @@ export default defineConfig(({ mode }) => {
                   maxAgeSeconds: 60 * 60 * 24 * 1,
                 },
                 cacheableResponse: {
-                  statuses: [0, 200],
+                  statuses: [200],
                 },
                 broadcastUpdate: {
                   options: {
@@ -181,8 +181,7 @@ export default defineConfig(({ mode }) => {
               },
             },
             {
-              urlPattern:
-                /.*\/listen.*$|.*\/rescan.*$|.*#no-sw-cache$|.*ts=.*$/,
+              urlPattern: /.*\/listen.*$|.*\/rescan.*$|.*ts=.*$/,
               handler: 'NetworkOnly',
             },
             {
@@ -208,7 +207,7 @@ export default defineConfig(({ mode }) => {
                   maxAgeSeconds: 60 * 60 * 24 * 365,
                 },
                 cacheableResponse: {
-                  statuses: [0, 200],
+                  statuses: [200],
                 },
               },
             },
@@ -222,7 +221,7 @@ export default defineConfig(({ mode }) => {
                   maxAgeSeconds: 60 * 60 * 24 * 7,
                 },
                 cacheableResponse: {
-                  statuses: [0, 200],
+                  statuses: [200],
                 },
               },
             },