diff --git a/src/main/base/app.ts b/src/main/base/app.ts index feb96eb1..d2d18220 100644 --- a/src/main/base/app.ts +++ b/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", ); } diff --git a/src/main/base/browserwindow.ts b/src/main/base/browserwindow.ts index a87d6178..79989fd3 100644 --- a/src/main/base/browserwindow.ts +++ b/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 diff --git a/src/main/plugins/chromecast.ts b/src/main/plugins/chromecast.ts index 84dc9321..a57efa60 100644 --- a/src/main/plugins/chromecast.ts +++ b/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) => { diff --git a/src/main/plugins/lastfm.ts b/src/main/plugins/lastfm.ts index dccf6f5e..beaac0c9 100644 --- a/src/main/plugins/lastfm.ts +++ b/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) => { diff --git a/src/main/providers/local/index.ts b/src/main/providers/local/index.ts index f83b6978..bda91838 100644 --- a/src/main/providers/local/index.ts +++ b/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); } diff --git a/src/renderer/index.js b/src/renderer/index.js index e10700c2..9f735a55 100644 --- a/src/renderer/index.js +++ b/src/renderer/index.js @@ -292,5 +292,5 @@ document.addEventListener( app.showMenuPanel(menuPanel, e); } }, - false + false, ); diff --git a/src/renderer/less/ameframework.less b/src/renderer/less/ameframework.less index 6a754c02..4e1f770a 100644 --- a/src/renderer/less/ameframework.less +++ b/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%); } diff --git a/src/renderer/less/bootstrap.less b/src/renderer/less/bootstrap.less index 2eea9874..4aea1cf8 100644 --- a/src/renderer/less/bootstrap.less +++ b/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) { diff --git a/src/renderer/less/directives.less b/src/renderer/less/directives.less index 27f63ed9..3d07d63c 100644 --- a/src/renderer/less/directives.less +++ b/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); } } } diff --git a/src/renderer/less/elements.less b/src/renderer/less/elements.less index 52d77735..89a0679f 100644 --- a/src/renderer/less/elements.less +++ b/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); } } diff --git a/src/renderer/less/fullscreen.less b/src/renderer/less/fullscreen.less index 3a357096..115bc0a9 100644 --- a/src/renderer/less/fullscreen.less +++ b/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 { diff --git a/src/renderer/less/helpers.less b/src/renderer/less/helpers.less index 64d8ecf1..07018ef9 100644 --- a/src/renderer/less/helpers.less +++ b/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); diff --git a/src/renderer/less/miniplayer.less b/src/renderer/less/miniplayer.less index 8e9106a6..8d38f9cb 100644 --- a/src/renderer/less/miniplayer.less +++ b/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 { diff --git a/src/renderer/less/notyf.less b/src/renderer/less/notyf.less index 5a7e3dfa..d4ec8d0d 100644 --- a/src/renderer/less/notyf.less +++ b/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%; diff --git a/src/renderer/less/pages.less b/src/renderer/less/pages.less index b7aa6bc2..ecf29ada 100644 --- a/src/renderer/less/pages.less +++ b/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; diff --git a/src/renderer/main/gamepad.js b/src/renderer/main/gamepad.js index 7bb2e338..d27700da 100644 --- a/src/renderer/main/gamepad.js +++ b/src/renderer/main/gamepad.js @@ -211,7 +211,7 @@ function simulateGamepad() { notyf.success("Pairing successful!"); appLoop(); }, - { once: true } + { once: true }, ); document.addEventListener("keydown", (e) => { diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js index 8d5b41ab..3af24c4e 100644 --- a/src/renderer/main/vueapp.js +++ b/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) { diff --git a/src/renderer/main/wsapi_interop.js b/src/renderer/main/wsapi_interop.js index 6662131e..e9f8d766 100644 --- a/src/renderer/main/wsapi_interop.js +++ b/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); diff --git a/src/renderer/style.less b/src/renderer/style.less index 36e75523..a008f5bc 100644 --- a/src/renderer/style.less +++ b/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, diff --git a/src/renderer/sw.js b/src/renderer/sw.js index c65783f5..23b46fde 100644 --- a/src/renderer/sw.js +++ b/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"), diff --git a/src/renderer/themes/inline_drawer.less b/src/renderer/themes/inline_drawer.less index eb35fe9b..31124d04 100644 --- a/src/renderer/themes/inline_drawer.less +++ b/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, diff --git a/src/renderer/themes/sweetener.less b/src/renderer/themes/sweetener.less index a90dca8d..f939bd38 100644 --- a/src/renderer/themes/sweetener.less +++ b/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 { diff --git a/src/renderer/todo.js b/src/renderer/todo.js index 05d0d0e0..ffdff935 100644 --- a/src/renderer/todo.js +++ b/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); diff --git a/src/renderer/workbox-962786f2.js b/src/renderer/workbox-962786f2.js index 8ef6f046..812582e1 100644 --- a/src/renderer/workbox-962786f2.js +++ b/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; diff --git a/src/web-remote/index.js b/src/web-remote/index.js index 3ad53c6c..48a208c9 100644 --- a/src/web-remote/index.js +++ b/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", - }) + }), ); }, }, diff --git a/src/web-remote/vue.js b/src/web-remote/vue.js index 12f41ec6..136528b7 100644 --- a/src/web-remote/vue.js +++ b/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;