chore: Prettified Code

[ci skip]

src/main/base/app.ts

@@ -144,7 +144,7 @@ export class AppEvents {
           title: "Web Remote",
           description: "Connect to your Web Remote",
         },
-        "https://webremote.cider.sh"
+        "https://webremote.cider.sh",
       );
     }
 

src/main/base/browserwindow.ts

@@ -708,7 +708,7 @@ export class BrowserWindow {
             cancel: false,
           });
         }
-      }
+      },
     );
 
     BrowserWindow.win.webContents.session.webRequest.onBeforeSendHeaders(async (details: { url: string; requestHeaders: { [x: string]: string } }, callback: (arg0: { requestHeaders: any }) => void) => {
@@ -785,7 +785,7 @@ export class BrowserWindow {
             "media-user-token": options.mediaToken,
             "user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Cider/1.4.2 Chrome/100.0.4896.75 Electron/18.0.3 Safari/537.36",
           },
-        }
+        },
       );
       let json = await res.json();
       return json;
@@ -1350,7 +1350,7 @@ export class BrowserWindow {
         {
           ip: `${BrowserWindow.getIP()}`,
         },
-        `http://${BrowserWindow.getIP()}:${this.remotePort}`
+        `http://${BrowserWindow.getIP()}:${this.remotePort}`,
       );
     }
     // Get previews for normalization

src/main/plugins/chromecast.ts

@@ -167,7 +167,7 @@ export default class ChromecastPlugin {
         },
         (err: any, status: any) => {
           console.log("media loaded playerState=%s", status);
-        }
+        },
       );
 
       client.getStatus((x: any, status: any) => {

src/main/plugins/lastfm.ts

@@ -135,7 +135,7 @@ export default class lastfm {
             attributes.lfmAlbum = data;
             callback(attributes);
           }
-        }
+        },
       );
     } else {
       this._lfm.track.getCorrection(attributes.primaryArtist, attributes.name, (err: any, data: any) => {

src/main/providers/local/index.ts

@@ -133,7 +133,7 @@ export class LocalFiles {
       dirents.map((dirent: any) => {
         const res = path.resolve(dir, dirent.name);
         return dirent.isDirectory() ? this.getFiles(res) : res;
-      })
+      }),
     );
     return Array.prototype.concat(...files);
   }

src/renderer/index.js

@@ -292,5 +292,5 @@ document.addEventListener(
       app.showMenuPanel(menuPanel, e);
     }
   },
-  false
+  false,
 );

src/renderer/less/ameframework.less

@@ -129,7 +129,9 @@ input[type="range"].md-slider::-webkit-slider-runnable-track {
 
 @media (prefers-color-scheme: light) {
   .md-btn {
-    box-shadow: rgb(0 0 0 / 10%) 0px 0px 1px, rgb(0 0 0 / 20%) 0px 1px 1px;
+    box-shadow:
+      rgb(0 0 0 / 10%) 0px 0px 1px,
+      rgb(0 0 0 / 20%) 0px 1px 1px;
     border: 1px solid rgb(0 0 0 / 15%);
   }
 

src/renderer/less/bootstrap.less

@@ -990,7 +990,9 @@
 }
 
 .modal.fade .modal-dialog {
-  transition: transform 0.1s var(--appleEase), opacity 0.1s var(--appleEase);
+  transition:
+    transform 0.1s var(--appleEase),
+    opacity 0.1s var(--appleEase);
   transform: scale(0.9);
   opacity: 0;
 }
@@ -1327,7 +1329,11 @@
   font-size: 1rem;
   border-radius: 0.25rem;
   font-family: inherit;
-  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition:
+    color 0.15s ease-in-out,
+    background-color 0.15s ease-in-out,
+    border-color 0.15s ease-in-out,
+    box-shadow 0.15s ease-in-out;
   border: 1px solid rgba(100, 100, 100, 0.35);
   border-top: 1px solid rgba(100, 100, 100, 0.5);
   border-radius: 6px;
@@ -7853,7 +7859,9 @@ fieldset:disabled .btn {
   backface-visibility: hidden;
   transition: -webkit-transform 0.6s ease-in-out;
   transition: transform 0.6s ease-in-out;
-  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
+  transition:
+    transform 0.6s ease-in-out,
+    -webkit-transform 0.6s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {

src/renderer/less/directives.less

@@ -52,7 +52,9 @@
               opacity: 0;
               border-radius: 10px;
               transform: scale(0.5);
-              transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+              transition:
+                transform 0.2s ease-in-out,
+                opacity 0.2s ease-in-out;
             }
 
             &:after {
@@ -63,7 +65,9 @@
               background-color: transparent;
 
               &:before {
-                transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
+                transition:
+                  transform 0.1s ease-in-out,
+                  opacity 0.1s ease-in-out;
                 opacity: 0.1;
                 transform: scale(1);
               }
@@ -103,7 +107,9 @@
       background: var(--color2);
       -webkit-app-region: no-drag;
       height: var(--chromeHeight2);
-      box-shadow: 0px -2px 6px rgb(20 20 20 / 12%), 0px -1px 0px 0px rgb(200 200 200 / 12%);
+      box-shadow:
+        0px -2px 6px rgb(20 20 20 / 12%),
+        0px -1px 0px 0px rgb(200 200 200 / 12%);
       z-index: 4;
 
       .app-chrome-playback-duration-bottom {
@@ -140,7 +146,9 @@
             border-radius: 100%;
             background: var(--keyColor);
             cursor: default;
-            transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
+            transition:
+              opacity 0.1s var(--appleEase),
+              transform 0.1s var(--appleEase);
           }
 
           &:hover {
@@ -239,7 +247,9 @@
               border-radius: 100%;
               background: var(--keyColor);
               cursor: default;
-              transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
+              transition:
+                opacity 0.1s var(--appleEase),
+                transform 0.1s var(--appleEase);
             }
           }
         }

src/renderer/less/elements.less

@@ -37,7 +37,9 @@
   border-top: 1px solid rgba(100, 100, 100, 0.5);
   color: #eee;
   white-space: nowrap;
-  transition: transform 0.2s var(--appleEase), box-shadow 0.2s var(--appleEase);
+  transition:
+    transform 0.2s var(--appleEase),
+    box-shadow 0.2s var(--appleEase);
 
   &.md-btn-block {
     display: block;
@@ -70,7 +72,9 @@
   &:active {
     filter: brightness(75%);
     transform: scale(0.98);
-    transition: transform 0s var(--appleEase), box-shadow 0.2s var(--appleEase);
+    transition:
+      transform 0s var(--appleEase),
+      box-shadow 0.2s var(--appleEase);
   }
 
   &.md-btn-icon {
@@ -1187,12 +1191,16 @@
   &.mediaitem-video {
     height: 200px;
     width: 240px;
-    transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
+    transition:
+      width var(--transitionDuration) linear,
+      height var(--transitionDuration) linear;
 
     .artwork {
       height: 120px;
       width: 212px;
-      transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
+      transition:
+        width var(--transitionDuration) linear,
+        height var(--transitionDuration) linear;
     }
 
     &:not(.noscale) {
@@ -1225,12 +1233,16 @@
   &.mediaitem-brick {
     height: 200px;
     width: 240px;
-    transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
+    transition:
+      width var(--transitionDuration) linear,
+      height var(--transitionDuration) linear;
 
     .artwork {
       height: 123px;
       width: 220px;
-      transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
+      transition:
+        width var(--transitionDuration) linear,
+        height var(--transitionDuration) linear;
     }
 
     &:not(.noscale) {
@@ -1263,12 +1275,16 @@
   &.mediaitem-small {
     width: calc(140px, var(--windowRelativeScale));
     height: calc(180px, var(--windowRelativeScale));
-    transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
+    transition:
+      width var(--transitionDuration) linear,
+      height var(--transitionDuration) linear;
 
     .artwork {
       height: calc(128px, var(--windowRelativeScale));
       width: calc(128px, var(--windowRelativeScale));
-      transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
+      transition:
+        width var(--transitionDuration) linear,
+        height var(--transitionDuration) linear;
     }
   }
 
@@ -1281,7 +1297,9 @@
     position: relative;
     border-radius: calc(var(--mediaItemRadius) * 2);
     box-shadow: var(--mediaItemShadow-ShadowSubtle);
-    transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear;
+    transition:
+      width var(--transitionDuration) linear,
+      height var(--transitionDuration) linear;
 
     .artwork {
       width: 230px;
@@ -1289,7 +1307,10 @@
       overflow: hidden;
       border-radius: 0px;
       margin: 0;
-      transition: width var(--transitionDuration) linear, height var(--transitionDuration) linear, filter 0.2s ease-in-out;
+      transition:
+        width var(--transitionDuration) linear,
+        height var(--transitionDuration) linear,
+        filter 0.2s ease-in-out;
       .mediaitem-artwork {
         border-radius: 0px;
 
@@ -1703,7 +1724,9 @@ input[type="checkbox"][switch]:checked:active::before {
   background-position: center;
   background-repeat: no-repeat;
   border-radius: 8px;
-  box-shadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%), 0 8px 40px rgb(0 0 0 / 0.55);
+  box-shadow:
+    inset 0px 0px 0px 1px rgb(200 200 200 / 16%),
+    0 8px 40px rgb(0 0 0 / 0.55);
   transition: transform 0.1s var(--appleEase);
 }
 
@@ -1765,7 +1788,9 @@ input[type="checkbox"][switch]:checked:active::before {
     z-index: -1;
     transform: scale(0.5);
     pointer-events: none;
-    transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
+    transition:
+      opacity 0.1s var(--appleEase),
+      transform 0.1s var(--appleEase);
   }
 
   &:hover {
@@ -1805,7 +1830,9 @@ input[type="checkbox"][switch]:checked:active::before {
     z-index: -1;
     transform: scale(0.5);
     pointer-events: none;
-    transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
+    transition:
+      opacity 0.1s var(--appleEase),
+      transform 0.1s var(--appleEase);
   }
 
   &:hover {
@@ -2056,7 +2083,9 @@ input[type="checkbox"][switch]:checked:active::before {
   background-position: center;
   background-repeat: no-repeat;
   border-radius: 8px;
-  box-shadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%), 0 8px 40px rgb(0 0 0 / 0.55);
+  box-shadow:
+    inset 0px 0px 0px 1px rgb(200 200 200 / 16%),
+    0 8px 40px rgb(0 0 0 / 0.55);
 }
 
 .list-entry-image.artist {
@@ -2254,7 +2283,10 @@ input[type="checkbox"][switch]:checked:active::before {
         border-radius: 50px;
         z-index: -1;
         opacity: 0;
-        transition: background-color 0.5s var(--appleEase), opacity 0.25s var(--appleEase), border-radius 0.32s var(--appleEase);
+        transition:
+          background-color 0.5s var(--appleEase),
+          opacity 0.25s var(--appleEase),
+          border-radius 0.32s var(--appleEase);
       }
 
       &:hover {
@@ -2267,7 +2299,11 @@ input[type="checkbox"][switch]:checked:active::before {
         &:after {
           opacity: 1;
           background-color: #eee;
-          transition: background-color 0.25s var(--appleEase), border-radius 0.25s var(--appleEase), color 0s var(--appleEase), opacity 0s var(--appleEase);
+          transition:
+            background-color 0.25s var(--appleEase),
+            border-radius 0.25s var(--appleEase),
+            color 0s var(--appleEase),
+            opacity 0s var(--appleEase);
         }
       }
 

src/renderer/less/fullscreen.less

@@ -89,7 +89,9 @@
           opacity: 0;
           border-radius: 10px;
           transform: scale(0.5);
-          transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+          transition:
+            transform 0.2s ease-in-out,
+            opacity 0.2s ease-in-out;
         }
 
         &:after {
@@ -100,7 +102,9 @@
           background-color: transparent;
 
           &:before {
-            transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
+            transition:
+              transform 0.1s ease-in-out,
+              opacity 0.1s ease-in-out;
             opacity: 0.1;
             transform: scale(1);
           }
@@ -453,7 +457,9 @@
           border-radius: 100%;
           background: var(--songProgressColor);
           cursor: default;
-          transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
+          transition:
+            opacity 0.1s var(--appleEase),
+            transform 0.1s var(--appleEase);
         }
 
         &::-moz-range-thumb {

src/renderer/less/helpers.less

@@ -107,7 +107,10 @@
         height: calc(12px * 6);
         border-radius: 6px;
         transform: rotateX(60deg) rotateZ(-45deg);
-        transition: transform 0.2s linear, width 0.2s linear, height 0.2s linear;
+        transition:
+          transform 0.2s linear,
+          width 0.2s linear,
+          height 0.2s linear;
       }
 
       .listener {
@@ -116,7 +119,10 @@
         height: 32px;
         border-radius: 6px;
         transform: rotateX(60deg) rotateZ(-45deg);
-        transition: transform 0.2s linear, width 0.2s linear, height 0.2s linear;
+        transition:
+          transform 0.2s linear,
+          width 0.2s linear,
+          height 0.2s linear;
         background: white;
         color: black;
         z-index: 2;
@@ -128,7 +134,10 @@
         height: 32px;
         border-radius: 6px;
         transform: rotateX(60deg) rotateZ(-45deg);
-        transition: transform 0.2s linear, width 0.2s linear, height 0.2s linear;
+        transition:
+          transform 0.2s linear,
+          width 0.2s linear,
+          height 0.2s linear;
         background: yellow;
         z-index: 2;
       }
@@ -321,12 +330,16 @@
         opacity: 0;
         transform: scale(0.98);
         z-index: -1;
-        transition: transform 0.25s ease-out, opacity 0.25s ease-out;
+        transition:
+          transform 0.25s ease-out,
+          opacity 0.25s ease-out;
       }
 
       &:hover {
         &::before {
-          transition: transform 0s ease-in, opacity 0s ease-in;
+          transition:
+            transform 0s ease-in,
+            opacity 0s ease-in;
           opacity: 1;
           transform: scale(1);
         }
@@ -334,7 +347,9 @@
 
       &:active {
         &::before {
-          transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
+          transition:
+            transform 0.1s ease-in-out,
+            opacity 0.1s ease-in-out;
           opacity: 1;
           transform: scale(0.98);
           background: var(--selected-click);

src/renderer/less/miniplayer.less

@@ -379,7 +379,9 @@
           border-radius: 100%;
           background: var(--songProgressColor);
           cursor: default;
-          transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
+          transition:
+            opacity 0.1s var(--appleEase),
+            transform 0.1s var(--appleEase);
         }
 
         &::-moz-range-thumb {

src/renderer/less/notyf.less

@@ -298,7 +298,9 @@
   background-color: rgba(0, 0, 0, 0.25);
   border: none;
   cursor: pointer;
-  transition: opacity 0.2s ease, background-color 0.2s ease;
+  transition:
+    opacity 0.2s ease,
+    background-color 0.2s ease;
   outline: none;
   opacity: 0.35;
   height: 100%;

src/renderer/less/pages.less

@@ -748,7 +748,9 @@
   }
 
   .mediaContainer {
-    transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
+    transition:
+      width 0.5s ease-in-out,
+      height 0.5s ease-in-out;
     width: 260px;
     height: 260px;
   }
@@ -948,7 +950,9 @@
         }
 
         .playlist-desc {
-          transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
+          transition:
+            height 0.2s ease-in-out,
+            opacity 0.2s ease-in-out;
           box-sizing: border-box;
           font-size: 14px;
           flex-shrink: unset;
@@ -1088,7 +1092,9 @@
     font-size: 0.9em;
     margin: 6px;
     opacity: 0.7;
-    transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
+    transition:
+      height 0.2s ease-in-out,
+      opacity 0.2s ease-in-out;
     height: 0.9em;
   }
 
@@ -1152,19 +1158,25 @@
       }
 
       .mediaContainer {
-        transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
+        transition:
+          width 0.5s ease-in-out,
+          height 0.5s ease-in-out;
         width: 128px !important;
         height: 128px !important;
       }
 
       .playlist-time {
-        transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
+        transition:
+          height 0.2s ease-in-out,
+          opacity 0.2s ease-in-out;
         height: 0px;
         opacity: 0;
       }
 
       .playlist-desc {
-        transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
+        transition:
+          height 0.2s ease-in-out,
+          opacity 0.2s ease-in-out;
         height: 0px !important;
         opacity: 0;
       }
@@ -1413,7 +1425,9 @@
     &:active {
       filter: brightness(75%);
       transform: scale(0.98);
-      transition: transform 0s var(--appleEase), box-shadow 0.2s var(--appleEase);
+      transition:
+        transform 0s var(--appleEase),
+        box-shadow 0.2s var(--appleEase);
     }
   }
 
@@ -1555,7 +1569,9 @@
         background: rgb(0 0 0 / 20%);
         z-index: 1;
         border: 0px;
-        transition: background 0.2s var(--appleEase), transform 0.2s var(--appleEase);
+        transition:
+          background 0.2s var(--appleEase),
+          transform 0.2s var(--appleEase);
 
         &:hover {
           background: var(--selected);
@@ -1625,7 +1641,9 @@
       .spfade-enter-active,
       .spfade-leave-active {
         --transitionTime: 0.2s;
-        transition: opacity var(--transitionTime) var(--appleEase), transform var(--transitionTime) var(--appleEase);
+        transition:
+          opacity var(--transitionTime) var(--appleEase),
+          transform var(--transitionTime) var(--appleEase);
         will-change: opacity, transform;
       }
 
@@ -2120,7 +2138,11 @@
     position: relative;
     flex: 1;
     backdrop-filter: var(--glassFilterHeavy);
-    transition: width 0.25s ease-in-out, height 0.25s ease-in-out, max-width 0.25s ease-in-out, max-height 0.25s ease-in-out;
+    transition:
+      width 0.25s ease-in-out,
+      height 0.25s ease-in-out,
+      max-width 0.25s ease-in-out,
+      max-height 0.25s ease-in-out;
 
     .header-text {
       position: absolute;

src/renderer/main/gamepad.js

@@ -211,7 +211,7 @@ function simulateGamepad() {
       notyf.success("Pairing successful!");
       appLoop();
     },
-    { once: true }
+    { once: true },
   );
 
   document.addEventListener("keydown", (e) => {

src/renderer/main/vueapp.js

@@ -288,7 +288,7 @@ const app = new Vue({
         let currentPath = window.location.hash.slice(1);
         console.debug("hashchange", currentPath);
       },
-      false
+      false,
     );
   },
   methods: {
@@ -759,7 +759,7 @@ const app = new Vue({
                 data: pitems,
               }),
             },
-          }
+          },
         )
         .then(() => {
           if (app.page === "playlist_" + pid) {
@@ -1030,7 +1030,7 @@ const app = new Vue({
             app.stringTemplateParser(app.getLz("settings.option.connectivity.discordRPC.reconnectedToUser"), {
               user: `${user.username}#${user.discriminator}`,
               userid: user.id,
-            })
+            }),
           );
         }
       });
@@ -1590,7 +1590,7 @@ const app = new Vue({
             fetchOptions: {
               method: "POST",
             },
-          }
+          },
         );
       } else {
         if (app.cfg.home.followedArtists.includes(id)) {
@@ -1608,7 +1608,7 @@ const app = new Vue({
             fetchOptions: {
               method: "DELETE",
             },
-          }
+          },
         );
       }
     },
@@ -1746,7 +1746,7 @@ const app = new Vue({
                 attributes: { name: name },
               }),
             },
-          }
+          },
         )
         .then((res) => {
           self.refreshPlaylists(false, false);
@@ -1765,7 +1765,7 @@ const app = new Vue({
                 attributes: { name: name },
               }),
             },
-          }
+          },
         )
         .then((res) => {
           self.refreshPlaylists(false, false);
@@ -1784,7 +1784,7 @@ const app = new Vue({
                 attributes: { description: name },
               }),
             },
-          }
+          },
         )
         .then((res) => {
           self.refreshPlaylists(false, false);
@@ -1820,7 +1820,7 @@ const app = new Vue({
                 },
               }),
             },
-          }
+          },
         )
         .then((res) => {
           res = res.data.data[0];
@@ -1853,7 +1853,7 @@ const app = new Vue({
                 fetchOptions: {
                   method: "DELETE",
                 },
-              }
+              },
             )
             .then((res) => {
               // remove this playlist from playlists.listing if it exists
@@ -2011,7 +2011,7 @@ const app = new Vue({
           "art[url]": "f",
           l: this.mklang,
         },
-        { includeResponseMeta: !0 }
+        { includeResponseMeta: !0 },
       );
       console.debug(artistData.data.data[0]);
       this.artistPage.data = artistData.data.data[0];
@@ -3213,7 +3213,7 @@ const app = new Vue({
             {
               includeResponseMeta: !0,
               reload: !0,
-            }
+            },
           )
         ).data;
         this.listennow.timestamp = Date.now();
@@ -3308,7 +3308,7 @@ const app = new Vue({
                 attributes: { name: name },
               }),
             },
-          }
+          },
         )
         .then((res) => {
           let playlist = res.data.data[0];
@@ -3384,7 +3384,7 @@ const app = new Vue({
             fetchOptions: {
               method: "DELETE",
             },
-          }
+          },
         )
         .then((data) => {
           self.getLibrarySongsFull(true);
@@ -4281,7 +4281,7 @@ const app = new Vue({
             "art[url]": "f",
             "art[social-profiles:url]": "c",
           },
-          { includeResponseMeta: !0 }
+          { includeResponseMeta: !0 },
         )
         .then(function (results) {
           results.data.results["meta"] = results.data.meta;
@@ -4536,7 +4536,7 @@ const app = new Vue({
               },
             }),
           },
-        }
+        },
       );
     },
     dislike(item) {
@@ -4561,7 +4561,7 @@ const app = new Vue({
               },
             }),
           },
-        }
+        },
       );
     },
     unlove(item) {
@@ -4580,7 +4580,7 @@ const app = new Vue({
           fetchOptions: {
             method: "DELETE",
           },
-        }
+        },
       );
     },
     checkScrollDirectionIsUp(event) {

src/renderer/main/wsapi_interop.js

@@ -166,7 +166,7 @@ const wsapi = {
             fetchOptions: {
               method: "DELETE",
             },
-          }
+          },
         )
         .then(function () {
           ipcRenderer.send("wsapi-rate", kind, id, rating);
@@ -190,7 +190,7 @@ const wsapi = {
                 },
               }),
             },
-          }
+          },
         )
         .then(function () {
           ipcRenderer.send("wsapi-rate", kind, id, rating);

src/renderer/style.less

@@ -72,7 +72,22 @@ body {
   background-size: cover;
   background-position: center;
   background: #0000;
-  font-family: "Pretendard Variable", "Noto Sans JP", "Noto Sans KR", "Noto Sans TC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-family:
+    "Pretendard Variable",
+    "Noto Sans JP",
+    "Noto Sans KR",
+    "Noto Sans TC",
+    "Noto Sans SC",
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    "Open Sans",
+    "Helvetica Neue",
+    sans-serif;
   transition: opacity 0.1s var(--appleEase);
 }
 
@@ -934,7 +949,9 @@ input[type="range"].web-slider::-webkit-slider-runnable-track {
 
 .app-chrome {
   background-color: var(--baseColorMix);
-  box-shadow: 0px 3px 6px rgb(20 20 20 / 12%), 0px 1px 0px 0px rgb(200 200 200 / 12%);
+  box-shadow:
+    0px 3px 6px rgb(20 20 20 / 12%),
+    0px 1px 0px 0px rgb(200 200 200 / 12%);
   width: 100%;
   height: var(--chromeHeight1);
   display: flex;
@@ -1461,7 +1478,9 @@ div[data-type="musicVideo"] .info-rect .title::before {
       border-radius: 100%;
       background: var(--songProgressColor);
       cursor: default;
-      transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
+      transition:
+        opacity 0.1s var(--appleEase),
+        transform 0.1s var(--appleEase);
     }
 
     &::-moz-range-thumb {
@@ -1696,7 +1715,22 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
   overflow-x: hidden;
   display: flex;
   flex-flow: column;
-  font-family: "Pretendard Variable", "Noto Sans JP", "Noto Sans KR", "Noto Sans TC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-family:
+    "Pretendard Variable",
+    "Noto Sans JP",
+    "Noto Sans KR",
+    "Noto Sans TC",
+    "Noto Sans SC",
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    "Open Sans",
+    "Helvetica Neue",
+    sans-serif;
 }
 
 .lyric-body .no-lyrics {
@@ -1756,7 +1790,9 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
   opacity: 1;
   transform: scale(1);
   /*background: var(--keyColor);*/
-  transition: transform 0.2s var(--appleEase), opacity 0.35s var(--appleEase);
+  transition:
+    transform 0.2s var(--appleEase),
+    opacity 0.35s var(--appleEase);
 }
 
 .lyric-line:not(.active) {
@@ -1800,7 +1836,22 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
 .lyrics-translation {
   font-size: 1.6rem;
   font-weight: 450;
-  font-family: "Pretendard Variable", "Noto Sans JP", "Noto Sans KR", "Noto Sans TC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-family:
+    "Pretendard Variable",
+    "Noto Sans JP",
+    "Noto Sans KR",
+    "Noto Sans TC",
+    "Noto Sans SC",
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    "Open Sans",
+    "Helvetica Neue",
+    sans-serif;
   filter: contrast(0.5);
 }
 
@@ -1909,7 +1960,9 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
   &:active {
     filter: brightness(75%);
     transform: scale(0.98);
-    transition: transform 0s var(--appleEase), box-shadow 0.2s var(--appleEase);
+    transition:
+      transform 0s var(--appleEase),
+      box-shadow 0.2s var(--appleEase);
   }
 
   .svg-icon {
@@ -2258,7 +2311,9 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
 
 .replaycard-enter-active,
 .replaycard-leave-active {
-  transition: opacity 0.5s var(--appleEase), transform 0.5s var(--appleEase);
+  transition:
+    opacity 0.5s var(--appleEase),
+    transform 0.5s var(--appleEase);
 }
 
 .replaycard-enter,
@@ -2279,7 +2334,9 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
 
 .modal-enter-active,
 .modal-leave-active {
-  transition: opacity 0.1s var(--appleEase), transform 0.1s var(--appleEase);
+  transition:
+    opacity 0.1s var(--appleEase),
+    transform 0.1s var(--appleEase);
 }
 
 .modal-enter,
@@ -2337,7 +2394,9 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
 
 .fabfade-enter-active,
 .fabfade-leave-active {
-  transition: transform 0.1s var(--appleEase), opacity 0.1s var(--appleEase);
+  transition:
+    transform 0.1s var(--appleEase),
+    opacity 0.1s var(--appleEase);
 }
 
 .fabfade-enter,
@@ -2348,7 +2407,9 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
 
 .fsModeSwitch-enter-active,
 .fsModeSwitch-leave-active {
-  transition: transform 1s var(--appleEase), opacity 1s var(--appleEase);
+  transition:
+    transform 1s var(--appleEase),
+    opacity 1s var(--appleEase);
 }
 
 .fsModeSwitch-enter,

src/renderer/sw.js

@@ -59,7 +59,7 @@ define(["./workbox-962786f2"], function (e) {
       ],
       {
         ignoreURLParametersMatching: [/^utm_/, /^fbclid$/, /^X-Amz-Algorithm/, /^X-Amz-Date/, /^X-Amz-SignedHeaders/, /^X-Amz-Expires/, /^X-Amz-Credential/, /^X-Amz-Signature/],
-      }
+      },
     ),
     e.registerRoute(/\.(?:png|jpg|jpeg|svg|webp)$/, new e.CacheFirst({ cacheName: "imageinternet", plugins: [] }), "GET"),
     e.registerRoute(/https:\/\/is[0-9]-ssl\.mzstatic\.com\/image+/, new e.CacheFirst(), "GET"),

src/renderer/themes/inline_drawer.less

@@ -13,7 +13,9 @@
 
   .drawertransition-enter-active,
   .drawertransition-leave-active {
-    transition: margin 0.25s var(--appleEase), opacity 0.25s var(--appleEase);
+    transition:
+      margin 0.25s var(--appleEase),
+      opacity 0.25s var(--appleEase);
   }
 
   .drawertransition-enter,
@@ -29,7 +31,9 @@
 
     .drawertransition-enter-active,
     .drawertransition-leave-active {
-      transition: right 0.25s var(--appleEase), opacity 0.25s var(--appleEase);
+      transition:
+        right 0.25s var(--appleEase),
+        opacity 0.25s var(--appleEase);
     }
 
     .drawertransition-enter,

src/renderer/themes/sweetener.less

@@ -98,7 +98,9 @@
 .wpfade_transform-enter-active,
 .wpfade_transform-leave-active {
   --transitionTime: 0.2s;
-  transition: opacity var(--transitionTime) var(--appleEase), transform var(--transitionTime) var(--appleEase);
+  transition:
+    opacity var(--transitionTime) var(--appleEase),
+    transform var(--transitionTime) var(--appleEase);
   will-change: opacity, transform;
 }
 
@@ -116,7 +118,9 @@
 .wpfade_transform_backwards-enter-active,
 .wpfade_transform_backwards-leave-active {
   --transitionTime: 0.2s;
-  transition: opacity var(--transitionTime) var(--appleEase), transform var(--transitionTime) var(--appleEase);
+  transition:
+    opacity var(--transitionTime) var(--appleEase),
+    transform var(--transitionTime) var(--appleEase);
 }
 
 .wpfade_transform_backwards-enter {

src/renderer/todo.js

@@ -44,7 +44,7 @@ await app.mk.api.personalRecommendations(
   {
     includeResponseMeta: !0,
     reload: !0,
-  }
+  },
 );
 
 // Browse page
@@ -86,7 +86,7 @@ await app.mk.api.library.recentlyAdded(
   {
     reload: !0,
     includePagination: !0,
-  }
+  },
 );
 
 // Songs
@@ -136,7 +136,7 @@ app
       "limit[artists:top-songs]": 20,
       "art[url]": "f",
     },
-    { includeResponseMeta: !0 }
+    { includeResponseMeta: !0 },
   )
   .then((data) => {
     console.log(data);

src/renderer/workbox-962786f2.js

@@ -32,7 +32,7 @@ define(["exports"], function (t) {
           if (s && (e.origin === location.origin || 0 === s.index)) return s.slice(1);
         },
         e,
-        s
+        s,
       );
     }
   }
@@ -59,7 +59,7 @@ define(["exports"], function (t) {
                 "string" == typeof e && (e = [e]);
                 const s = new Request(...e);
                 return this.handleRequest({ request: s, event: t });
-              })
+              }),
             );
           t.waitUntil(s), t.ports && t.ports[0] && s.then(() => t.ports[0].postMessage(!0));
         }
@@ -306,7 +306,7 @@ define(["exports"], function (t) {
               request: n,
               event: this.event,
               params: this.params,
-            })
+            }),
           );
         this.h[s] = n;
       }
@@ -601,7 +601,7 @@ define(["exports"], function (t) {
               params: { cacheKey: s },
               request: i,
               event: t,
-            })
+            }),
           );
         }
         const { updatedURLs: s, notUpdatedURLs: n } = e;

src/web-remote/index.js

@@ -85,7 +85,7 @@ var app = new Vue({
           id: id,
           params: params,
           library: library,
-        })
+        }),
       );
     },
     resetPlayerUI() {
@@ -157,7 +157,7 @@ var app = new Vue({
         JSON.stringify({
           action: "set-autoplay",
           autoplay: value,
-        })
+        }),
       );
       this.getCurrentMediaItem();
       if (value) {
@@ -176,7 +176,7 @@ var app = new Vue({
         JSON.stringify({
           action: "seek",
           time: time,
-        })
+        }),
       );
     },
     setVolume(volume) {
@@ -184,49 +184,49 @@ var app = new Vue({
         JSON.stringify({
           action: "volume",
           volume: volume,
-        })
+        }),
       );
     },
     getVolumeMax() {
       socket.send(
         JSON.stringify({
           action: "volumeMax",
-        })
+        }),
       );
     },
     getQueue() {
       socket.send(
         JSON.stringify({
           action: "get-queue",
-        })
+        }),
       );
     },
     play() {
       socket.send(
         JSON.stringify({
           action: "play",
-        })
+        }),
       );
     },
     pause() {
       socket.send(
         JSON.stringify({
           action: "pause",
-        })
+        }),
       );
     },
     next() {
       socket.send(
         JSON.stringify({
           action: "next",
-        })
+        }),
       );
     },
     previous() {
       socket.send(
         JSON.stringify({
           action: "previous",
-        })
+        }),
       );
     },
     searchArtist() {
@@ -251,7 +251,7 @@ var app = new Vue({
           action: "play-mediaitem",
           id: id,
           kind: kind,
-        })
+        }),
       );
       this.screen = "player";
     },
@@ -261,7 +261,7 @@ var app = new Vue({
           action: "play-next",
           type: type,
           id: id,
-        })
+        }),
       );
     },
     playLater(type, id) {
@@ -270,7 +270,7 @@ var app = new Vue({
           action: "play-later",
           type: type,
           id: id,
-        })
+        }),
       );
     },
     getLibraryStatus(type, id) {
@@ -280,7 +280,7 @@ var app = new Vue({
             action: "library-status",
             type: type,
             id: id,
-          })
+          }),
         );
       } else {
         this.player.status = {};
@@ -301,7 +301,7 @@ var app = new Vue({
           action: actionType,
           term: this.search.query,
           limit: 20,
-        })
+        }),
       );
     },
     quickSearch() {
@@ -314,7 +314,7 @@ var app = new Vue({
         JSON.stringify({
           action: "quick-play",
           term: search,
-        })
+        }),
       );
     },
     parseTime(value) {
@@ -464,7 +464,7 @@ var app = new Vue({
           action: "queue-move",
           from: evt.moved.oldIndex,
           to: evt.moved.newIndex,
-        })
+        }),
       );
       this.getQueue();
       return true;
@@ -473,7 +473,7 @@ var app = new Vue({
       socket.send(
         JSON.stringify({
           action: "repeat",
-        })
+        }),
       );
       this.getCurrentMediaItem();
     },
@@ -481,7 +481,7 @@ var app = new Vue({
       socket.send(
         JSON.stringify({
           action: "shuffle",
-        })
+        }),
       );
       this.getCurrentMediaItem();
     },
@@ -490,7 +490,7 @@ var app = new Vue({
         JSON.stringify({
           action: "set-shuffle",
           shuffle: val,
-        })
+        }),
       );
       this.getCurrentMediaItem();
     },
@@ -535,7 +535,7 @@ var app = new Vue({
       socket.send(
         JSON.stringify({
           action: "get-lyrics",
-        })
+        }),
       );
     },
     showLyrics() {
@@ -567,7 +567,7 @@ var app = new Vue({
       socket.send(
         JSON.stringify({
           action: "get-currentmediaitem",
-        })
+        }),
       );
     },
     setStreamerOverlay() {
@@ -717,7 +717,7 @@ var app = new Vue({
             type: params.kind,
             id: params.id,
             rating: rating,
-          })
+          }),
         );
       }
     },
@@ -731,7 +731,7 @@ var app = new Vue({
             type: params.kind,
             id: params.id,
             add: shouldAdd,
-          })
+          }),
         );
       }
     },
@@ -739,7 +739,7 @@ var app = new Vue({
       socket.send(
         JSON.stringify({
           action: "quit",
-        })
+        }),
       );
     },
   },

src/web-remote/vue.js

@@ -1408,7 +1408,7 @@
                         fe();
                       }
                     })(t, e)
-                  : t || {})
+                  : t || {}),
             ) || (t = {});
             var n = Object.keys(t),
               r = e.$options.props,
@@ -1897,7 +1897,7 @@
       math: "http://www.w3.org/1998/Math/MathML",
     },
     qn = p(
-      "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"
+      "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot",
     ),
     Wn = p("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignobject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view", !0),
     Zn = function (e) {
@@ -2201,8 +2201,8 @@
           isDynamicArg: o,
           modifiers: a,
         },
-        s
+        s,
-      )
+      ),
     ),
       (e.plain = !1);
   }
@@ -2564,7 +2564,7 @@
       null,
       t.map(function (t, n) {
         return Pi(t) + Pi(e[n]);
-      })
+      }),
     );
   }
   function Pi(e) {
@@ -3176,7 +3176,7 @@
                   Oi,
                   (n._moveCb = function e(r) {
                     (r && r.target !== n) || (r && !/transform$/.test(r.propertyName)) || (n.removeEventListener(Oi, e), (n._moveCb = null), Di(n, t));
-                  })
+                  }),
                 );
             }
           }));
@@ -3232,7 +3232,7 @@
                 e._isMounted && !e._isDestroyed && Qt(e, "beforeUpdate");
               },
             },
-            !0
+            !0,
           ),
           (n = !1),
           null == e.$vnode && ((e._isMounted = !0), Qt(e, "mounted")),
@@ -3635,7 +3635,7 @@
               n,
               (function (e, t) {
                 return e.rawAttrsMap[":" + t] || e.rawAttrsMap["v-bind:" + t] || e.rawAttrsMap[t];
-              })(e, "slot")
+              })(e, "slot"),
             ));
         if ("template" === e.tag) {
           var r = Rr(e, oa);
@@ -3969,7 +3969,7 @@
               .map(function (e) {
                 return "$event." + e + "Key";
               })
-              .join("||")
+              .join("||"),
           );
         } else a.push(s);
       return (
@@ -4040,7 +4040,7 @@
                         value: e.value,
                         dynamic: e.dynamic,
                       };
-                    })
+                    }),
                   )
                 : null,
             a = e.attrsMap["v-bind"];
@@ -4361,7 +4361,7 @@
                 delimiters: n.delimiters,
                 comments: n.comments,
               },
-              this
+              this,
             ),
             o = i.render,
             a = i.staticRenderFns;