Merge branch 'main' of https://github.com/ciderapp/Cider

src/i18n/fi_FI.json

@@ -0,0 +1,313 @@
+{
+    "i18n.languageName": "Suomi (FI)",
+    "i18n.languageNameEnglish": "Finnish (FI)",
+    "i18n.category": "main",
+    "i18n.authors": "@marcusziade",
+    "app.name": "Cider",
+    "date.format": "${d} ${m}, ${y}",
+    "dialog.cancel": "Peruuta",
+    "dialog.ok": "OK",
+    "notification.updatingLibrarySongs": "Päivitä kirjaston kappaleet...",
+    "notification.updatingLibraryAlbums": "Päivitä kirjaston albumit...",
+    "notification.updatingLibraryArtists": "Päivitä kirjaston artistit...",
+    "term.appleInc": "Apple Inc.",
+    "term.appleMusic": "Apple Music",
+    "term.applePodcasts": "Apple Podcasts",
+    "term.itunes": "iTunes",
+    "term.github": "GitHub",
+    "term.discord": "Discord",
+    "term.learnMore": "Näytä lisää",
+    "term.accountSettings": "Tilin asetukset",
+    "term.logout": "Kirjaudu ulos",
+    "term.login": "Kirjaudu sisään",
+    "term.about": "Lisätietoja",
+    "term.privateSession": "Yksityinen tila",
+    "term.queue": "Jono",
+    "term.search": "Etsi",
+    "term.library": "Kirjasto",
+    "term.listenNow": "Kuuntele nyt",
+    "term.browse": "Selaa",
+    "term.radio": "Radio",
+    "term.recentlyAdded": "Viimeksi lisätyt",
+    "term.songs": "Kappaleet",
+    "term.albums": "Albumit",
+    "term.artists": "Artistit",
+    "term.podcasts": "Podcastit",
+    "term.playlists": "Soittolistat",
+    "term.playlist": "Soittolista",
+    "term.newPlaylist": "Uusi soittolista",
+    "term.newPlaylistFolder": "Uusi soittolistakansio",
+    "term.createNewPlaylist": "Luo uusi soittolista",
+    "term.createNewPlaylistFolder": "Luo uusi soittolistakansio",
+    "term.deletePlaylist": "Oletko varma, että haluat poistaa tämän soittolistan?",
+    "term.play": "Soita",
+    "term.pause": "Tauko",
+    "term.previous": "Edellinen",
+    "term.next": "Seuraava",
+    "term.shuffle": "Sekoita",
+    "term.repeat": "Toista",
+    "term.volume": "Volyymi",
+    "term.mute": "Mykistä",
+    "term.unmute": "Poista mykistys",
+    "term.share": "Jaa",
+    "term.settings": "Asetukset",
+    "term.seeAll": "Näe kaikki",
+    "term.sortBy": "Järjestä",
+    "term.sortBy.album": "Järjestä albumin mukaan",
+    "term.sortBy.artist": "Järjestä artistin mukaan",
+    "term.sortBy.name": "Järjestä nimen mukaan",
+    "term.sortBy.genre": "Järjestä genren mukaan",
+    "term.sortBy.releaseDate": "Julkaisupäivä",
+    "term.sortBy.duration": "Pituus",
+    "term.sortOrder": "Järjestys",
+    "term.sortOrder.ascending": "Nousevassa järjestyksessä",
+    "term.sortOrder.descending": "Laskevassa järjestyksessä",
+    "term.viewAs": "Näytä kuin",
+    "term.viewAs.coverArt": "Kansikuva",
+    "term.viewAs.list": "Lista",
+    "term.size": "Koko",
+    "term.size.normal": "Normaali",
+    "term.size.compact": "Kompakti",
+    "term.enable": "Ota käyttöön",
+    "term.disable": "Poista käytöstä",
+    "term.enabled": "Käytössä",
+    "term.disabled": "Poissa käytöstä",
+    "term.connect": "Yhdistä",
+    "term.connecting": "Yhdistää",
+    "term.disconnect": "Katkaise",
+    "term.authed": "Tunnistettu",
+    "term.confirm": "Vahvista",
+    "term.more": "Lisää",
+    "term.less": "Vähemmän",
+    "term.showMore": "Näytä lisää",
+    "term.showLess": "Näytä vähemmän",
+    "term.topSongs": "Huippukappaleet",
+    "term.latestReleases": "Viimeisimmät julkaisut",
+    "term.time.added": "Lisätty",
+    "term.time.released": "Julkaistu",
+    "term.time.updated": "Päivitetty",
+    "term.time.hours": "Tuntia",
+    "term.time.hour": "Tunti",
+    "term.time.minutes": "Minuuttiaa",
+    "term.time.minute": "Minuutti",
+    "term.time.seconds": "Sekuntia",
+    "term.time.second": "Sekunti",
+    "term.fullscreenView": "Koko näytön näkymä",
+    "term.defaultView": "Oletusnäkymä",
+    "term.audioSettings": "Ääniasetukset",
+    "term.clearAll": "Puhdista kaikki",
+    "term.recentStations": "Viimeisimmät asemat",
+    "term.language": "Kieli",
+    "term.funLanguages": "Hauskat kielet",
+    "term.noLyrics": "Ei sanoituksia",
+    "term.copyright": "Tekijänoikeus",
+    "term.rightsReserved": "Oikeudet pidätetään",
+    "term.sponsor": "Sponsoroi tätä projektia",
+    "term.ciderTeam": "Cider tiimi",
+    "term.developer": "Kehittäjä",
+    "term.socialTeam": "Sosiaalinen tiimi",
+    "term.socials": "Sosiaaliset mediat",
+    "term.contributors": "Avustaja",
+    "term.equalizer": "Taajuuskorjain",
+    "term.reset": "Nollaa",
+    "term.tracks": "Kappaleita",
+    "term.videos": "Videoita",
+    "term.menu": "Valikko",
+    "term.check": "Tarkista",
+    "term.aboutArtist": "Lisätiedot {{artistName}}",
+    "home.title": "Koti",
+    "home.recentlyPlayed": "Viimeksi soitetut",
+    "home.recentlyAdded": "Viimeksi lisätyt",
+    "home.artistsFeed": "Artisti syöte",
+    "home.artistsFeed.noArtist": "Seuraa joitain artisteja nähdäksesi heidän uusimmat julkaisunsa.",
+    "home.madeForYou": "Tehty sinulle",
+    "home.friendsListeningTo": "Kaverit kuuntelee",
+    "home.followedArtists": "Seuratut artistit",
+    "error.appleMusicSubRequired": "Apple Music vaatii tilauksen.",
+    "error.connectionError": "Apple Musiciin yhdistämisessä oli ongelma.",
+    "error.noResults": "Ei tuloksia.",
+    "error.noResults.description": "Kokeile uutta hakua.",
+    "podcast.followOnCider": "Seuraa Ciderissa",
+    "podcast.followedOnCider": "Seurattu Ciderissa",
+    "podcast.subscribeOnItunes": "Tilaa iTunesissa",
+    "podcast.subscribedOnItunes": "Tilattu iTunesissa",
+    "podcast.itunesStore": "iTunes Store",
+    "podcast.episodes": "Jakso",
+    "podcast.playEpisode": "Toista jakso",
+    "podcast.website": "Avaa nettisivu",
+    "action.addToLibrary": "Lisää kirjastoon",
+    "action.addToLibrary.success": "Lisätty kirjastoon",
+    "action.addToLibrary.error": "Virhe lisättäessä kirjastoon",
+    "action.removeFromLibrary": "Poista kirjastosta",
+    "action.removeFromLibrary.success": "Poistettu kirjastosta",
+    "action.addToQueue": "Lisää jonoon",
+    "action.addToQueue.success": "Lisätty jonoon",
+    "action.addToQueue.error": "Virhe lisättäessä jonoon",
+    "action.removeFromQueue": "Poista jonosta",
+    "action.removeFromQueue.success": "Poistettu jonosta",
+    "action.removeFromQueue.error": "Virhe poistettaessa jonosta",
+    "action.createPlaylist": "Luo uusi soittolista",
+    "action.addToPlaylist": "Lisää soittolistaan",
+    "action.removeFromPlaylist": "Poista soittolistasta",
+    "action.addToFavorites": "Lisää suosikkeihin",
+    "action.follow": "Seuraa",
+    "action.follow.success": "Seurattu",
+    "action.follow.error": "Virhe seurattaessa",
+    "action.unfollow": "Lopeta seuraaminen",
+    "action.unfollow.success": "Seuraaminen lopetettu",
+    "action.unfollow.error": "Virhe seuraamisen lopetuksessa",
+    "action.playNext": "Toista seuraavaksi",
+    "action.playLater": "Toista myöhemmin",
+    "action.startRadio": "Aloita radio",
+    "action.goToArtist": "Näytä artisti",
+    "action.goToAlbum": "Näytä albumi",
+    "action.moveToTop": "Siirrä kärkeen",
+    "action.share": "Jaa",
+    "action.rename": "Nimeä uudelleen",
+    "action.love": "Tykkää",
+    "action.unlove": "Poista tykkäys",
+    "action.dislike": "En tykkää",
+    "action.undoDislike": "Kumoa en tykkää",
+    "action.showWebRemoteQR": "Cider web kaukoohjain",
+    "action.playTracksNext": "Toista ${app.selectedMediaItems.length} kappaleet seuraavaksi",
+    "action.playTracksLater": "Toista ${app.selectedMediaItems.length} kappaleet myöhemmin",
+    "action.removeTracks": "Poista ${self.selectedItems.length} kappaleet jonosta",
+    "action.import": "Tuonti",
+    "action.export": "Vienti",
+    "action.showAlbum": "Näytä albumi",
+    "action.tray.minimize": "Pienennä",
+    "action.tray.quit": "Sammuta",
+    "action.tray.show": "Näytä",
+    "action.update": "Päivitä",
+    "settings.header.general": "Yleistä",
+    "settings.header.general.description": "Muuta yleisasetuksia",
+    "settings.option.general.language": "Kieli",
+    "settings.option.general.language.main": "Kieli",
+    "settings.option.general.language.fun": "Hauskat kielet",
+    "settings.option.general.language.unsorted": "Lajittelematon",
+    "settings.header.audio": "Ääni",
+    "settings.header.audio.description": "Muuta ääniasetuksia",
+    "settings.option.audio.quality": "Äänenlaatu",
+    "settings.header.audio.quality.high": "Korkea",
+    "settings.option.audio.seamlessTransition": "Saumaton siirtyminen",
+    "settings.option.audio.enableAdvancedFunctionality": "Ota lisätoiminnot käyttöön",
+    "settings.option.audio.enableAdvancedFunctionality.description": "AudioContext-toiminnon ottaminen käyttöön mahdollistaa laajennetut ääniominaisuudet, kuten äänen normalisoinnin, taajuuskorjaimet ja visualisoijat, mutta joissakin järjestelmissä tämä voi aiheuttaa ääniraitojen pätkimistä.",
+    "settings.warn.audio.enableAdvancedFunctionality.lowcores": "Cider uskoo, että tietokoneesi ei voi käsitellä näitä ominaisuuksia. Oletko varma, että haluat jatkaa?",
+    "settings.option.audio.enableAdvancedFunctionality.audioNormalization": "Äänen normalisointi",
+    "settings.option.audio.enableAdvancedFunctionality.audioNormalization.description": "Normalisoi yksittäisten kappaleiden huippuäänenvoimakkuuden luodakseen yhtenäisemmän kuuntelukokemuksen. (Ei toimi käyttäjien lataamilla kappaleilla)",
+    "settings.header.visual": "Ulkonäkö",
+    "settings.header.visual.description": "Muuta ulkonäköä.",
+    "settings.option.visual.windowBackgroundStyle": "Taustatyyli",
+    "settings.header.visual.windowBackgroundStyle.none": "Ei taustatyyliä",
+    "settings.header.visual.windowBackgroundStyle.artwork": "Taideteos",
+    "settings.header.visual.windowBackgroundStyle.image": "Kuva",
+    "settings.option.visual.animatedArtwork": "Animoitu taideteos",
+    "settings.header.visual.animatedArtwork.always": "Aina",
+    "settings.header.visual.animatedArtwork.limited": "Ainoastaa sivuilla joilla se on tarvittua",
+    "settings.header.visual.animatedArtwork.disable": "Ei koskaan",
+    "settings.option.visual.animatedArtworkQuality": "Animoinnin laatu",
+    "settings.header.visual.animatedArtworkQuality.low": "Alhainen",
+    "settings.header.visual.animatedArtworkQuality.medium": "Keskinkertainen",
+    "settings.header.visual.animatedArtworkQuality.high": "Korkea",
+    "settings.header.visual.animatedArtworkQuality.veryHigh": "Erittäin korkea",
+    "settings.header.visual.animatedArtworkQuality.extreme": "Korkein",
+    "settings.option.visual.animatedWindowBackground": "Animoitu tausta",
+    "settings.option.visual.hardwareAcceleration": "Laitteistokiihdytys",
+    "settings.option.visual.hardwareAcceleration.description": "Vaatii uudelleenkäynnistyksen",
+    "settings.header.visual.hardwareAcceleration.default": "Vakio",
+    "settings.header.visual.hardwareAcceleration.webGPU": "WebGPU",
+    "settings.option.visual.showPersonalInfo": "Näytä henkilökohtaiset tiedot",
+    "settings.header.lyrics": "Sanoitukset",
+    "settings.header.lyrics.description": "Muuta sanoitusasetuksia",
+    "settings.option.lyrics.enableMusixmatch": "Käytä MusicXMatchia Apple Music sanoituksien sijaan",
+    "settings.option.lyrics.enableMusixmatchKaraoke": "Aktivoi karaoketila (Vain MusicXMatch)",
+    "settings.option.lyrics.musixmatchPreferredLanguage": "MusicXMatch ensisijainen kieli",
+    "settings.option.lyrics.enableYoutubeLyrics": "Käytä Youtube sanoituksia videoissa",
+    "settings.header.connectivity": "Yhteys",
+    "settings.header.connectivity.description": "Muuta yhteysasetuksia",
+    "settings.option.connectivity.discordRPC": "Discord integraatio (discordRPC)",
+    "settings.option.connectivity.playbackNotifications": "Toistoilmoitukset",
+    "settings.option.connectivity.discordRPC.clearOnPause": "Poista Discord ilmoitus, kun tauotat kappaleen",
+    "settings.option.connectivity.lastfmScrobble": "Last.fm integraatio",
+    "settings.option.connectivity.lastfmScrobble.delay": "Last.fm viive i %",
+    "settings.option.connectivity.lastfmScrobble.nowPlaying": "Näytä mikä kappale Last.fm palvelussa",
+    "settings.option.connectivity.lastfmScrobble.removeFeatured": "Älä näytä extra tietoja Last.fm palvelussa",
+    "settings.option.connectivity.lastfmScrobble.filterLoop": "Suodata pakkotoisteut kappaleet",
+    "settings.header.experimental": "Testi",
+    "settings.header.experimental.description": "Muuta testi asetuksia.",
+    "settings.option.experimental.compactUI": "Kompakti näkymä",
+    "settings.option.window.close_button_hide": "Suljenappi pienentää Cider ikkunan",
+    "spatial.notTurnedOn": "Äänen spatialisointi on poistettu käytöstä. Ota se käyttöön ennen käyttöä.",
+    "spatial.spatialProperties": "Äänen spatialisointi asetukset",
+    "spatial.width": "Leveys",
+    "spatial.height": "Korkeus",
+    "spatial.depth": "Syvyys",
+    "spatial.gain": "Tilavyöhyke",
+    "spatial.roomMaterials": "Huoneen materiaalit",
+    "spatial.roomDimensions": "Huoneen koko",
+    "spatial.roomPositions": "Huoneen sijainti",
+    "spatial.setDimensions": "Valitse koko",
+    "spatial.setPositions": "Valitse sijainnit",
+    "spatial.up": "Ylös",
+    "spatial.front": "Eteenpäin",
+    "spatial.left": "Vasemmalle",
+    "spatial.right": "Oikealle",
+    "spatial.back": "Taaksepäin",
+    "spatial.down": "Alaspäin",
+    "spatial.listener": "Kuuntelija",
+    "spatial.audioSource": "Äänenlähde",
+    "settings.header.unfinished": "Keskeneräinen",
+    "remote.web.title": "Ciderin kaukosäädin",
+    "remote.web.description": "Skannaa QR-koodi yhdistääksesi puhelimesi tämän Cider-instanssin kanssa",
+    "about.thanks": "Suuri kiitos Cider Collective Teamille ja kaikille avustajillemme.",
+    "oobe.yes": "Kyllä",
+    "oobe.no": "Ei",
+    "oobe.next": "Seuraava",
+    "oobe.previous": "Edellinen",
+    "oobe.done": "Valmis",
+    "oobe.amupsell.title": "Ennenkuin aloitamme",
+    "oobe.amupsell.text": "Cider vaatii aktiivisen, maksullisen Apple Music -tilauksen\nCider ei toimi Apple Music Voice Planin tai joidenkin tarjouskilpailutilausten kanssa. Jos sinulla on jo hyväksytty Apple Music -tilaus, napsauta Seuraava jatkaaksesi",
+    "oobe.amupsell.subscribeBtn": "Tilaa Apple Music",
+    "oobe.amupsell.explainBtn": "Selitä",
+    "oobe.amupsell.subscribeUrl": "https://apple.co/3MdqJVQ",
+    "oobe.amupsell.amWebUrl": "https://beta.music.apple.com/",
+    "oobe.amupsell.promoExplained": "Joillakin promootiotilauksilla ja muilla kuin yhdysvaltalaisilla Apple Music -kokeilutilauksilla ei ole pääsyä vaadittuihin Apple Music Web Player API:ihin, joita Cider tarvitsee toimiakseen. Tarkistaaksesi, toimiiko aktiivinen kokeiluversiosi Ciderin kanssa, mene osoitteeseen: <a href='{{ subscribeUrl }}'>{{ subscribeUrl }}</a>",
+    "oobe.intro.title": "Tervetuloa Cideriin",
+    "oobe.intro.subtitle": "",
+    "oobe.intro.text": "Otetaan käyttöön muutamia asioita, jotta voit käyttää Cideriä haluamallasi tavalla. Voit aina muuttaa näitä asetuksia myöhemmin.",
+    "oobe.general.title": "Yleistä",
+    "oobe.general.subtitle": "",
+    "oobe.general.text": "",
+    "oobe.audio.title": "Ääni",
+    "oobe.audio.subtitle": "",
+    "oobe.audio.text": "Cider sisältää mukautetun viritetyn ja suunnitellun äänipinon, joka tarjoaa rikkaan korkealaatuisen äänikokemuksen.\nSisältää Cider Adrenaliinin, Atmosphere Realizerin ja Spatialized Audion.\nTämän toiminnon mahdollistamiseksi \"Advanced Audio Functionality\" on otettava käyttöön.\nOta käyttöön Advanced Audio Toiminnallisuus antaa sinulle pääsyn näihin parannuksiin Cider Audio Labsissa, joka löytyy sovelluksen asetuksista.",
+    "oobe.audio.advancedFunctionality": "",
+    "oobe.visual.title": "Ulkonäkö",
+    "oobe.visual.subtitle": "",
+    "oobe.visual.text": "",
+    "oobe.visual.layout.text": "Ciderissä on kaksi erilaista ikkuna-asettelua.\nMaverick on iTunesin kaltainen asettelu, jossa soitin on ikkunan yläosassa.\nMojave on Cider Collectiven luoma uusi kierros.\n\nVoit muuttaa asettelua milloin tahansa asetuksista.",
+    "oobe.visual.suggestingThemes": "Teema on loistava tapa muokata kokemustasi. Tässä on muutamia ehdotuksia: ",
+    "oobe.visual.suggestingThemes.subtext": "(Nämä teemat ladataan GitHubista)",
+    "oobe.visual.suggestingThemes.default": "Cider",
+    "oobe.visual.suggestingThemes.default.text": "Klassinen Ciderteema.",
+    "oobe.visual.suggestingThemes.dark": "Pimeys",
+    "oobe.visual.suggestingThemes.dark.text": "Pimeys",
+    "oobe.visual.suggestingThemes.community1": "Groovy",
+    "oobe.visual.suggestingThemes.community1.text": "WinUI-vaikutteinen teema",
+    "oobe.visual.suggestingThemes.community2": "iTheme",
+    "oobe.visual.suggestingThemes.community2.text": "Klassinen Big fruit teema",
+    "oobe.visual.suggestingThemes.community3": "Dracula",
+    "oobe.visual.suggestingThemes.community3.text": "Ikoninen Dracula-värimaailma",
+    "oobe.amsignin.title": "",
+    "share.platform.twitter.tweet": "Kuuntele kappaletta {{song}} Apple Musicissa.\n\n{{url}}\n\n#AppleMusic #Cider",
+    "share.platform.twitter": "Twitter",
+    "share.platform.facebook": "Facebook",
+    "share.platform.reddit": "Reddit",
+    "share.platform.telegram": "Telegram",
+    "share.platform.whatsapp": "WhatsApp",
+    "share.platform.messenger": "Messenger",
+    "share.platform.email": "Sähköposti",
+    "share.platform.songLink": "Kopioi song.link",
+    "share.platform.clipboard": "Kopioi linkki"
+  }
+  

src/renderer/index.js

@@ -117,10 +117,9 @@ function fallbackinitMusicKit() {
   );
   request.send();
 }
-document.addEventListener("musickitloaded", function () {
+
-  console.log("MusicKit loaded");
+function initMusicKit() {
-  // MusicKit global is now defined
+
-  function initMusicKit() {
   let parsedJson = JSON.parse(this.responseText);
   MusicKit.configure({
     developerToken: parsedJson.token,
@@ -144,8 +143,9 @@ document.addEventListener("musickitloaded", function () {
     }
     waitForApp();
   });
-  }
+}
 
+function capiInit() {
   const request = new XMLHttpRequest();
   request.timeout = 5000;
   request.addEventListener("load", initMusicKit);
@@ -156,13 +156,17 @@ document.addEventListener("musickitloaded", function () {
   };
   request.open("GET", "https://api.cider.sh/v1/");
   request.send();
+}
 
-  // check for widevine failure and reconfigure the instance.
+document.addEventListener("musickitloaded", function () {
-  window.addEventListener("drmUnsupported", function () {
+  if (showOobe()) return;
-    initMusicKit();
+  console.log("MusicKit loaded");
-  });
+  // MusicKit global is now defined
+  capiInit()
+});
+window.addEventListener("drmUnsupported", function () {
+  initMusicKit();
 });
-
 if ("serviceWorker" in navigator) {
   // Use the window load event to keep the page load performant
   window.addEventListener("load", () => {
@@ -251,7 +255,7 @@ var checkIfScrollIsStatic = setInterval(() => {
       // do something
     }
     position = document.getElementsByClassName("lyric-body")[0].scrollTop;
-  } catch (e) {}
+  } catch (e) { }
 }, 50);
 
 // WebGPU Console Notification
@@ -287,6 +291,22 @@ function isJson(item) {
 
 webGPU().then();
 
+function showOobe() {
+  if (localStorage.getItem("music.ampwebplay.media-user-token") && localStorage.getItem("seenOOBE")) {
+    return false
+  } else {
+    function waitForApp() {
+      if (typeof app.init !== "undefined") {
+        app.oobeInit();
+      } else {
+        setTimeout(waitForApp, 250);
+      }
+    }
+    waitForApp();
+    return true
+  }
+}
+
 let screenWidth = screen.width;
 let screenHeight = screen.height;
 

src/renderer/main/vueapp.js

@@ -629,7 +629,9 @@ const app = new Vue({
         },
         async init() {
             let self = this
-
+            if(!localStorage.getItem("seenOOBE")) {
+                localStorage.setItem("seenOOBE", 1)
+            }
             if (this.cfg.visual.styles.length != 0) {
                 await this.reloadStyles()
             }

src/renderer/views/app/chrome-top.ejs

@@ -53,7 +53,7 @@
           <%- include('../svg/chevron-right.svg') %>
         </button>
       </div>
-      <div class="app-chrome-item" v-if="cfg.advanced.experiments.includes('collapseSidebar')">
+      <div class="app-chrome-item" v-if="getThemeDirective('windowLayout') == 'twopanel'">
         <button 
         class="playback-button collapseLibrary" 
         v-b-tooltip.hover

src/renderer/views/pages/oobe.ejs

@@ -1,7 +1,7 @@
 <script type="text/x-template" id="cider-oobe">
     <div class="content-inner oobe">
 <!--        before_we_start-->
-        <transition name="wpfade">
+        <!-- <transition name=""> -->
             <div class="oobe-view" v-if="screen == 'before_we_start'">
                 <div class="oobe-header">
                     {{ getLz("oobe.amupsell.title") }}
@@ -13,10 +13,10 @@
                     </div>
                 </div>
             </div>
-        </transition>
+        <!-- </transition> -->
 
         <!--     Welcome   -->
-        <transition name="wpfade">
+        <!-- <transition name=""> -->
             <div class="oobe-view" v-if="screen == 'welcome'">
                 <div class="oobe-header">
                     {{ getLz("oobe.intro.title") }}
@@ -29,10 +29,10 @@
                     </div>
                 </div>
             </div>
-        </transition>
+        <!-- </transition> -->
 
         <!--     General   -->
-        <transition name="wpfade">
+        <!-- <transition name=""> -->
             <div class="oobe-view" v-if="screen == 'general'">
                 <div class="oobe-header">
                     {{ getLz("oobe.general.title") }}
@@ -45,10 +45,10 @@
                     </div>
                 </div>
             </div>
-        </transition>
+        <!-- </transition> -->
 
         <!--     Visual   -->
-        <transition name="wpfade">
+        <!-- <transition name=""> -->
             <div class="oobe-view" v-if="screen == 'visual'">
                 <div class="oobe-header">
                     {{ getLz("oobe.visual.title") }}
@@ -56,9 +56,9 @@
                 <div class="oobe-body visual">
                     <b-row>
                         <b-col>
-                            <div class="card bg-dark text-white stylePicker">
+                            <div class="card bg-dark text-white stylePicker" @click="$root.cfg.visual.directives.windowLayout = 'twopanel'" :class="{'style-active': ($root.cfg.visual.directives.windowLayout == 'twopanel')}">
                                 <div class="card-body">
-                                    <img class="visualPreview" src="./assets/oobe/ss1.png" alt="TEMP">
+                                    <img class="visualPreview" src="./assets/oobe/mojave.png" alt="TEMP">
                                 </div>
                                 <div class="card-footer">
                                     Mojave
@@ -66,9 +66,9 @@
                             </div>
                         </b-col>
                         <b-col>
-                            <div class="card bg-dark text-white stylePicker">
+                            <div class="card bg-dark text-white stylePicker" @click="$root.cfg.visual.directives.windowLayout = 'default'" :class="{'style-active': ($root.cfg.visual.directives.windowLayout == 'default')}">
                                 <div class="card-body">
-                                    <img class="visualPreview" src="./assets/oobe/ss2.png" alt="TEMP">
+                                    <img class="visualPreview" src="./assets/oobe/maverick.png" alt="TEMP">
                                 </div>
                                 <div class="card-footer">
                                     Maverick
@@ -85,10 +85,10 @@
                     </div>
                 </div>
             </div>
-        </transition>
+        <!-- </transition> -->
 
         <!--     Audio   -->
-        <transition name="wpfade">
+        <!-- <transition name=""> -->
             <div class="oobe-view" v-if="screen == 'audio'">
                 <div class="oobe-header">
                     {{ getLz("oobe.audio.title") }}
@@ -110,17 +110,39 @@
                                     </label>
                                 </div>
                             </div>
+                            <div class="md-option-line" v-show="$root.cfg.advanced.AudioContext === true">
+                                <div class="md-option-segment">
+                                    {{$root.getLz('settings.option.audio.enableAdvancedFunctionality.ciderPPE')}}
+                                    <br>
+                                    <small>{{$root.getLz('settings.option.audio.enableAdvancedFunctionality.ciderPPE.description')}}</small>
+                                </div>
+                                <div class="md-option-segment md-option-segment_auto">
+                                    <input type="checkbox" v-model="$root.cfg.audio.maikiwiAudio.ciderPPE"
+                                           switch/>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>
                 <div class="oobe-footer">
                     <div class="btn-group">
                         <div class="md-btn" @click="screen = 'visual'">{{ getLz("oobe.previous") }}</div>
-                        <div class="md-btn">{{ getLz("oobe.next") }}</div>
+                        <div class="md-btn" @click="signIn()">{{ getLz("oobe.next") }}</div>
                     </div>
                 </div>
             </div>
-        </transition>
+        <!-- </transition> -->
+        <div class="oobe-view" v-if="screen == 'signin'">
+            <div class="oobe-header">
+                Sign in with Apple Music
+            </div>
+            <div class="oobe-body">
+                <div class="blurb"></div>
+            </div>
+            <div class="oobe-footer">
+
+            </div>
+        </div>
     </div>
 </script>
 <script>
@@ -135,6 +157,14 @@
 
         },
         methods: {
+            signIn() {
+                if(localStorage.getItem("music.ampwebplay.media-user-token")) {
+                    localStorage.setItem("seenOOBE", 1)
+                    window.location.reload()
+                }
+                this.screen = "signin"
+                capiInit()
+            },
             getLz() {
                 return this.$root.getLz.apply(this.$root, arguments);
             }

src/renderer/views/pages/settings.ejs

@@ -1149,19 +1149,6 @@
                             </div>
                         </div>
 
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                Collapsable Sidebar
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.advanced.experiments.includes('collapseSidebar')"
-                                           @click="app.cfg.advanced.experiments.includes('collapseSidebar') ? removeExperiment('collapseSidebar') : addExperiment('collapseSidebar')"
-                                           switch/>
-                                </label>
-                            </div>
-                        </div>
-
                         <div class="md-option-line">
                             <div class="md-option-segment">
                                 {{$root.getLz('settings.option.experimental.compactUI')}}