replace hardcoded strings

src/i18n/en_US.jsonc

@@ -158,6 +158,16 @@
   "term.noVideos": "No videos found.",
   "term.plugin": "Plug-in",
   "term.pluginMenu": "Plug-in Menu",
+  "term.replay": "Replay", //Apple Music Replay
+  "term.uniqueAlbums": "Unique Albums",
+  "term.uniqueArtists": "Unique Artists",
+  "term.uniqueSongs": "Unique Songs",
+  "term.topArtists": "Top Artists",
+  "term.listenedTo": "Listened to:",
+  "term.times": "times",
+  "term.topAlbums": "Top Albums",
+  "term.plays": "Plays",
+  "term.topGenres": "Top Genres",
   
   // Home
   "home.title": "Home",
@@ -230,6 +240,7 @@
   "action.tray.quit": "Quit",
   "action.tray.show": "Show",
   "action.update": "Update",
+  "action.install": "Install",
   "action.copy": "Copy",
   "action.newpreset": "New Preset...", // Equalizer Preset
   "action.deletepreset": "Delete Preset",
@@ -239,6 +250,13 @@
   "settings.header.general": "General",
   "settings.header.general.description": "Adjust the general settings for Cider.",
   "settings.option.general.language": "Language",
+  "settings.option.general.resumebehavior": "Resume behavior",
+  "settings.option.general.resumebehavior.description": "Resume behavior affects how Cider will resume your session when you return to the app.",
+  "settings.option.general.resumebehavior.locally": "Locally",
+  "settings.option.general.resumebehavior.locally.description": "Cider will resume your last session on this machine.",
+  "settings.option.general.resumebehavior.history": "History",
+  "settings.option.general.resumebehavior.history.description": "Cider will queue the last song from your overall Apple Music history, across devices.",
+
   
   // Language optgroups
   "settings.option.general.language.main": "Languages",
@@ -269,6 +287,15 @@
   "settings.option.audio.seamlessTransition": "Seamless Audio Transition", // Toggle
   "settings.option.audio.enableAdvancedFunctionality": "Enable Advanced Functionality", // Toggle
   "settings.option.audio.enableAdvancedFunctionality.description": "Enabling AudioContext functionality will allow for extended audio features like Audio Normalization , Equalizers and Visualizers, however on some systems this may cause stuttering in audio tracks.",
+  "settings.option.audio.audioLab": "Cider Audio Lab",
+  "settings.option.audio.audioLab.description": "Contains an assortment of Audio Tweaks made by the Cider Dev Team",
+  "settings.warn.audioLab.withoutAF": "AudioContext (Advanced Functionality) is required to enable Cider Audio Laboratory.",
+  "settings.option.audio.enableAdvancedFunctionality.analogWarmth": "Analog Warmth",
+  "settings.option.audio.enableAdvancedFunctionality.analogWarmth.description": "Simulates the analog warmth modelled after the Korg Nutube 6P1",
+  "settings.option.audio.enableAdvancedFunctionality.analogWarmthIntensity": "Analog Warmth intensity",
+  "settings.option.audio.enableAdvancedFunctionality.analogWarmthIntensity.description": "Changes the intensity of the Analog Warmth Module processing.",
+  "settings.option.audio.enableAdvancedFunctionality.analogWarmthIntensity.smooth": "Smooth",
+  "settings.option.audio.enableAdvancedFunctionality.analogWarmthIntensity.warm": "Warm",
   "settings.option.audio.enableAdvancedFunctionality.ciderPPE": "Cider Adrenaline Processor™️", // Toggle
   "settings.option.audio.enableAdvancedFunctionality.ciderPPE.description": "Psychoacoustic Enhancements that makes everything sound both richer and more lively | Designed by Maikiwi.",
   "settings.warn.audio.enableAdvancedFunctionality.ciderPPE.compatibility": "CAP is not compatible with Spatialization. Please disable Spatialization to continue.",
@@ -280,6 +307,12 @@
   "settings.option.audio.enableAdvancedFunctionality.audioNormalization.description": "Normalizes peak volume for individual tracks to create a more uniform listening experience.",
   "settings.option.audio.enableAdvancedFunctionality.audioSpatialization": "Audio Spatialization", // Toggle
   "settings.option.audio.enableAdvancedFunctionality.audioSpatialization.description": "Spatialize audio and make audio more 3-dimensional (note: This is not Dolby Atmos)",
+  "settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization": "Cider Tuned Spatialization",
+  "settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.description": "Pre-tuned Spatializing Effect, disables the customizable settings of Audio Spatialization. Spatialization must be enabled as a prerequisite.",
+  "settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile": "Cider Spatialization Profile",
+  "settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.description": "Changes the Tuning Profile of the Spatialization. (Requires App Restart)",
+  "settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.standard": "Standard",
+  "settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.audiophile": "Audiophile",
   "settings.warn.audio.enableAdvancedFunctionality.audioSpatialization.compatibility": "Spatialization is not compatible with CAP. Please disable CAP to continue.",
   
   // Settings - Visual
@@ -307,6 +340,7 @@
   "settings.header.visual.theme": "Theme",
   "settings.option.visual.theme.github.download": "Install from GitHub URL",
   "settings.option.visual.theme.github.explore": "Explore GitHub Themes",
+  "settings.header.visual.theme.github.page": "Themes from GitHub",
   "settings.option.visual.theme.github.install.confirm": "Are you sure you want to install {{ repo }}?",
   "settings.prompt.visual.theme.github.URL": "Enter the URL of the theme you want to install",
   "settings.notyf.visual.theme.install.success": "Theme installed successfully",
@@ -351,6 +385,8 @@
   // Settings - Experimental
   "settings.header.experimental": "Experimental",
   "settings.header.experimental.description": "Adjust the experimental settings for Cider.",
+  "settings.option.experimental.unknownPlugin": "Unknown Sources",
+  "settings.option.experimental.unknownPlugin.description": "Allow installion of plugins from repos other than the Cider Plugin Repository",
   "settings.option.experimental.compactUI": "Compact UI", // Toggle
   "settings.option.experimental.close_button_hide": "Close Button Should Hide the Application",
   "settings.option.experimental.inline_playlists": "Inline Playlists and Albums",

src/renderer/views/components/audio-settings.ejs

@@ -25,7 +25,7 @@
                     <button class="playlist-item"
                             @click="$root.appRoute('audiolabs')" style="width:100%;">
                         <div class="icon"><%- include("../svg/speaker.svg") %></div>
-                        <div class="name">Cider Audio Lab</div>
+                        <div class="name">{{app.getLz('settings.option.audio.audioLab')}}</div>
                     </button>
                 </div>
             </div>

src/renderer/views/pages/audiolabs.ejs

@@ -2,15 +2,15 @@
     <div class="content-inner settings-page">
         <div class="md-option-container">  
             <div class="md-option-header">
-                <span>Cider Audio Laboratory</span>
+                <span>{{$root.getLz('settings.option.audio.audioLab')}}</span>
             </div>
             <div class="settings-option-body">       
                 <div class="md-option-line" v-show="!app.cfg.advanced.AudioContext">
                     <div class="md-option-segment">
-                        AudioContext (Advanced Functionality) is required to enable Cider Audio Laboratory.
+                        {{$root.getLz('settings.warn.audioLab.withoutAF')}}
                     </div>
                     <button class="md-btn" style="margin-top: 5px;" onclick="app.appRoute('settings')">
-                        Settings
+                        {{$root.getLz('term.settings')}}
                     </button>
                 </div>    
             <div class="md-option-line" v-show="app.cfg.advanced.AudioContext">
@@ -40,9 +40,9 @@
             </div>
             <div class="md-option-line" v-show="app.cfg.advanced.AudioContext">
                 <div class="md-option-segment">
-                    Analog Warmth
+                    {{$root.getLz('settings.option.audio.enableAdvancedFunctionality.analogWarmth')}}
                     <br>
-                    <small>Simulates the analog warmth modelled after the Korg Nutube 6P1</small>
+                    <small>{{$root.getLz('settings.option.audio.enableAdvancedFunctionality.analogWarmth.description')}}</small>
                 </div>
                 <div class="md-option-segment md-option-segment_auto">
                     <input type="checkbox" v-model="app.cfg.audio.maikiwiAudio.analogWarmth"  v-on:change="CiderAudio.hierarchical_loading();" switch/>
@@ -50,16 +50,16 @@
             </div>
             <div class="md-option-line" v-show="app.cfg.advanced.AudioContext && app.cfg.audio.maikiwiAudio.analogWarmth === true">
                 <div class="md-option-segment">
-                    Analog Warmth Intensity
+                    {{$root.getLz('settings.option.audio.enableAdvancedFunctionality.analogWarmthIntensity')}}
                     <br>
-                    <small>Changes the intensity of the Analog Warmth Module processing.</small>
+                    <small>{{$root.getLz('settings.option.audio.enableAdvancedFunctionality.analogWarmthIntensity.description')}}</small>
                 </div>
                 <div class="md-option-segment md-option-segment_auto">
                     <button class="md-btn" :disabled="app.cfg.audio.maikiwiAudio.analogWarmth_value === 1.25" v-model="app.cfg.audio.maikiwiAudio.analogWarmth_value" onclick="app.cfg.audio.maikiwiAudio.analogWarmth_value = 1.25; CiderAudio.hierarchical_loading();">
-                        Smooth
+                        {{$root.getLz('settings.option.audio.enableAdvancedFunctionality.analogWarmthIntensity.smooth')}}
                     </button>
                     <button class="md-btn" :disabled="app.cfg.audio.maikiwiAudio.analogWarmth_value === 1.75" v-model="app.cfg.audio.maikiwiAudio.analogWarmth_value" onclick="app.cfg.audio.maikiwiAudio.analogWarmth_value = 1.75; CiderAudio.hierarchical_loading();">
-                        Warm
+                        {{$root.getLz('settings.option.audio.enableAdvancedFunctionality.analogWarmthIntensity.warm')}}
                     </button>
                 </div>
             </div>
@@ -75,9 +75,9 @@
             </div>
             <div class="md-option-line" v-show="app.cfg.advanced.AudioContext">
                 <div class="md-option-segment">
-                    Cider Tuned Spatialization 
+                    {{$root.getLz('settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization')}}
                     <br>
-                    <small>Pre-tuned Spatializing Effect, disables the customizable settings of Audio Spatialization. Spatialization must be enabled as a prerequisite.</small>
+                    <small>{{$root.getLz('settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.description')}}</small>
                 </div>
                 <div class="md-option-segment md-option-segment_auto">
                     <input type="checkbox" v-model="app.cfg.audio.maikiwiAudio.spatial" :disabled="app.cfg.audio.spatial === false" v-on:change="toggleSpatial" switch/>
@@ -85,16 +85,16 @@
             </div>
             <div class="md-option-line" v-show="app.cfg.audio.maikiwiAudio.spatial">
             <div class="md-option-segment">
-                Cider Spatialization Profile
+                {{$root.getLz('settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile')}}
                 <br>
-                <small>Changes the Tuning Profile of the Spatialization. (Requires App Restart)</small>
+                <small>{{$root.getLz('settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.description')}}</small>
             </div>
             <div class="md-option-segment md-option-segment_auto">
                 <button class="md-btn" :disabled="app.cfg.audio.maikiwiAudio.spatialType === 0" v-model="app.cfg.audio.maikiwiAudio.spatialType" onclick="app.cfg.audio.maikiwiAudio.spatialType = 0; CiderAudio.hierarchical_loading();">
-                    Standard
+                    {{$root.getLz('settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.standard')}}
                 </button>
                 <button class="md-btn" :disabled="app.cfg.audio.maikiwiAudio.spatialType === 1" v-model="app.cfg.audio.maikiwiAudio.spatialType" onclick="app.cfg.audio.maikiwiAudio.spatialType = 1; CiderAudio.hierarchical_loading();">
-                    Audiophile
+                    {{$root.getLz('settings.option.audio.enableAdvancedFunctionality.tunedAudioSpatialization.profile.audiophile')}}
                 </button>
             </div>
             </div>

src/renderer/views/pages/home.ejs

@@ -51,7 +51,7 @@
             <!--            </div>-->
             <div class="row" v-if="!seenReplay">
                 <div class="col">
-                    <button class="md-btn md-btn-block md-btn-replay--hero" @click="$root.appRoute('replay')">Replay {{ year }}</button>
+                    <button class="md-btn md-btn-block md-btn-replay--hero" @click="$root.appRoute('replay')">{{$root.getLz('term.replay')}} {{ year }}</button>
                 </div>
             </div>
             <div class="row">
@@ -61,7 +61,7 @@
                             <h3>{{app.getLz('home.madeForYou')}}</h3>
                         </div>
                         <div class="col-auto nopadding flex-center">
-                            <button class="md-btn md-btn-replay" v-if="seenReplay" @click="$root.appRoute('replay')">Replay {{ year }}</button>
+                            <button class="md-btn md-btn-replay" v-if="seenReplay" @click="$root.appRoute('replay')">{{$root.getLz('term.replay')}} {{ year }}</button>
                         </div>
                     </div>
                     <div class="well">

src/renderer/views/pages/replay.ejs

@@ -18,21 +18,21 @@
             :video="loaded.playlist.attributes.editorialVideo.motionWideVideo21x9.video" 
             :video-priority="true"></mediaitem-artwork>
             </div>
-            <h1 class="replay-header">{{ loaded.attributes.year }} Replay</h1>
+            <h1 class="replay-header">{{ loaded.attributes.year }} {{$root.getLz('term.replay')}}</h1>
             <hr>
             <div class="row">
                 <div class="col">
-                    <h4>{{ loaded.attributes.listenTimeInMinutes }} minutes</h4>
+                    <h4>{{ loaded.attributes.listenTimeInMinutes }} {{$root.getLz('term.time.minutes')}}</h4>
-                    <h4>{{ loaded.attributes.uniqueAlbumCount }} Unique Albums</h4>
+                    <h4>{{ loaded.attributes.uniqueAlbumCount }} {{$root.getLz('term.uniqueAlbums')}}</h4>
-                    <h4>{{ loaded.attributes.uniqueArtistCount }} Unique Artists</h4>
+                    <h4>{{ loaded.attributes.uniqueArtistCount }} {{$root.getLz('term.uniqueArtists')}}</h4>
-                    <h4>{{ loaded.attributes.uniqueSongCount }} Unique Songs</h4>
+                    <h4>{{ loaded.attributes.uniqueSongCount }} {{$root.getLz('term.uniqueSongs')}}</h4>
                 </div>
                 <div class="col-auto replay-playlist-container">
                     <mediaitem-square kind="card" :force-video="true" :item="loaded.playlist"></mediaitem-square>
                 </div>
             </div>
             <!--            Top Artists-->
-            <h3>Top Artists</h3>
+            <h3>{{$root.getLz('term.topArtists')}}</h3>
             <div class="well">
                 <mediaitem-scroller-horizontal>
                     <div class="card replay-card" v-for="artistData in loaded.views['top-artists'].data">
@@ -40,14 +40,14 @@
                             <mediaitem-square :item="artistData.relationships.artist.data[0]"></mediaitem-square>
                         </div>
                         <div class="card-footer">
-                            {{ artistData.attributes.listenTimeInMinutes }} minutes<br>
+                            {{ artistData.attributes.listenTimeInMinutes }} {{$root.getLz('term.time.minutes')}}<br>
-                            Listened to: {{ artistData.attributes.playCount }} times
+                            {{$root.getLz('term.listenedTo')}} {{ artistData.attributes.playCount }} {{$root.getLz('term.times')}}
                         </div>
                     </div>
                 </mediaitem-scroller-horizontal>
             </div>
             <!--            Top Albums-->
-            <h3>Top Albums</h3>
+            <h3>{{$root.getLz('term.topAlbums')}}</h3>
             <div class="well">
                 <mediaitem-scroller-horizontal>
                     <div class="card replay-card" v-for="albumData in loaded.views['top-albums'].data">
@@ -55,18 +55,18 @@
                             <mediaitem-square :item="albumData.relationships.album.data[0]"></mediaitem-square>
                         </div>
                         <div class="card-footer">
-                            {{ albumData.attributes.listenTimeInMinutes }} minutes<br>
+                            {{ albumData.attributes.listenTimeInMinutes }} {{$root.getLz('term.time.minutes')}}<br>
-                            {{ albumData.attributes.playCount }} plays
+                            {{ albumData.attributes.playCount }} {{$root.getLz('term.plays')}}
                         </div>
                     </div>
                 </mediaitem-scroller-horizontal>
             </div>
             <!--            Top Songs-->
-            <h3>Top Songs</h3>
+            <h3>{{$root.getLz('term.topSongs')}}</h3>
             <div class="well">
                 <listitem-horizontal :show-library-status="false" :items="songsToArray(loaded.views['top-songs'].data)"></listitem-horizontal>
             </div>
-            <h3>Top Genres</h3>
+            <h3>{{$root.getLz('term.topGenres')}}</h3>
             <div class="top-genres-container">
                 <div v-for="genre in loaded.topGenres" class="replay-genre-display">
                     <div class="genre-name">

src/renderer/views/pages/settings.ejs

@@ -25,18 +25,20 @@
                 </div>
                 <div class="md-option-line">
                     <div class="md-option-segment">
-                        Resume behavior<br>
+                        {{$root.getLz('settings.option.general.resumebehavior')}}<br>
                         <small>
-                            Resume behavior affects how Cider will resume your session when you return to the app.<br>
+                            {{$root.getLz('settings.option.general.resumebehavior.description')}}<br>
-                            <b>Locally: </b> Cider will resume your last session on this machine.<br>
+                            <b>{{$root.getLz('settings.option.general.resumebehavior.locally')}}: </b> 
-                            <b>History: </b> Cider will queue the last song from your overall Apple Music history, across devices.
+                            {{$root.getLz('settings.option.general.resumebehavior.locally.description')}}<br>
+                            <b>{{$root.getLz('settings.option.general.resumebehavior.history')}}: </b> 
+                            {{$root.getLz('settings.option.general.resumebehavior.history.description')}}
                         </small>
                     </div>
                     <div class="md-option-segment md-option-segment_auto">
                         <select class="md-select" style="width:180px;" v-model="$root.cfg.general.resumeOnStartupBehavior">
-                            <option value="disabled">Disabled</option>
+                            <option value="disabled">{{$root.getLz('term.disabled')}}</option>
-                            <option value="local">Locally</option>
+                            <option value="local">{{$root.getLz('settings.option.general.resumebehavior.locally')}}</option>
-                            <option value="history">History</option>
+                            <option value="history">{{$root.getLz('settings.option.general.resumebehavior.history')}}</option>
                         </select>
                     </div>
                 </div>
@@ -90,13 +92,13 @@
                 </div>
                 <div class="md-option-line" v-show="app.cfg.advanced.AudioContext">
                     <div class="md-option-segment">
-                        Cider Audio Lab
+                        {{$root.getLz('settings.option.audio.audioLab')}}
                         <br>
-                        <small>Contains an assortment of Audio Tweaks made by the Cider Dev Team</small>
+                        <small>{{$root.getLz('settings.option.audio.audioLab.description')}}</small>
                     </div>
                     <div class="md-option-segment md-option-segment_auto">
                         <button class="md-btn" onclick="app.appRoute('audiolabs')">
-                            Browse
+                            {{$root.getLz('term.browse')}}
                         </button>
                     </div>
                 </div>
@@ -650,9 +652,9 @@
 
                 <div class="md-option-line">
                     <div class="md-option-segment">
-                        Unknown Sources
+                        {{$root.getLz('settings.option.experimental.unknownPlugin')}}
                         <br>
-                        <small>Allow installation of plugins from repos other than the Cider Plugin Repository</small>
+                        <small>{{$root.getLz('settings.option.experimental.unknownPlugin.description')}}</small>
                     </div>
                     <div class="md-option-segment md-option-segment_auto">
                         <input type="checkbox" v-model="app.cfg.advanced.experiments.includes('unknown-sources')" @click="app.cfg.advanced.experiments.includes('unknown-sources') ? removeExperiment('unknown-sources') : addExperiment('unknown-sources')" switch/>

src/renderer/views/pages/themes-github.ejs

@@ -3,7 +3,7 @@
         <div class="gh-header">
             <div class="row">
                 <div class="col nopadding">
-                    <h1 class="header-text">Themes from GitHub</h1>
+                    <h1 class="header-text">{{$root.getLz('settings.header.visual.theme.github.page')}}</h1>
                 </div>
                 <div class="col-auto nopadding flex-center">
                     <button class="md-btn md-btn-small md-btn-block" @click="installThemeURL()">
@@ -45,8 +45,8 @@
                         </div>
                         <div class="col-auto nopadding flex-center">
                             <button class="md-btn md-btn-primary" @click="installThemeRepo(openRepo)">
-                                <span v-if="!themesInstalled.includes(openRepo.full_name)">Install</span>
+                                <span v-if="!themesInstalled.includes(openRepo.full_name)">{{$root.getLz('action.install')}}</span>
-                                <span v-else>Update</span>
+                                <span v-else>{{$root.getLz('action.update')}}</span>
                             </button>
                         </div>
                     </div>