From 3a91ad819fcb5ec8f12808b175adf59f849e102f Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Mon, 13 Jun 2022 17:40:16 -0700
Subject: [PATCH] musickit v3 is now an experiment

---
 src/main/base/browserwindow.ts        |  1 +
 src/renderer/views/main.ejs           |  3 ++-
 src/renderer/views/pages/settings.ejs | 14 ++++++++++++++
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/main/base/browserwindow.ts b/src/main/base/browserwindow.ts
index 89c54e55..1b7d7811 100644
--- a/src/main/base/browserwindow.ts
+++ b/src/main/base/browserwindow.ts
@@ -53,6 +53,7 @@ export class BrowserWindow {
             dev: app.isPackaged,
             osRelease: os.release(),
             updatable: !process.windowsStore || !process.mas,
+            useV3: utils.getStoreValue('advanced.experiments').includes("ampv3"),
             components: [
                 "pages/podcasts",
                 "pages/apple-account-settings",
diff --git a/src/renderer/views/main.ejs b/src/renderer/views/main.ejs
index dff0e197..b9b7baad 100644
--- a/src/renderer/views/main.ejs
+++ b/src/renderer/views/main.ejs
@@ -105,7 +105,8 @@
             <% } %>
 
 
-                <script async src="https://js-cdn.music.apple.com/musickit/v3/amp/musickit.js" data-web-components></script>
+                <script async src="<%- (env.useV3 ? "https://js-cdn.music.apple.com/musickit/v3/amp/musickit.js" : "https://js-cdn.music.apple.com/musickit/v2/amp/musickit.js" ) %>" data-web-components>
+                </script>
                 <script src="index.js?v=1"></script>
 
                 <script type="text/x-template" id="am-musiccovershelf">
diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs
index 30774200..41a12865 100644
--- a/src/renderer/views/pages/settings.ejs
+++ b/src/renderer/views/pages/settings.ejs
@@ -1185,6 +1185,20 @@
                             </div>
                         </div>
 
+                        <div class="md-option-line">
+                            <div class="md-option-segment">
+                                Use MusicKit V3
+                                <small>Requires relaunch</small>
+                            </div>
+                            <div class="md-option-segment md-option-segment_auto">
+                                <label>
+                                    <input type="checkbox" v-model="app.cfg.advanced.experiments.includes('ampv3')"
+                                           @click="app.cfg.advanced.experiments.includes('ampv3') ? removeExperiment('ampv3') : addExperiment('ampv3')"
+                                           switch/>
+                                </label>
+                            </div>
+                        </div>
+
                         <div class="md-option-line">
                             <div class="md-option-segment">
                                 {{$root.getLz('settings.option.advanced.playlistTrackMapping')}}