Readded Soju #109. Readded strict_min_version #119. Improved install_chromium README

chromium.md

@@ -5,4 +5,6 @@
 - Refresh the page
 - Drag the `libredirect-1.5.5.crx` file to the page
 
-Updates are automatic
+Updates are automatic
+
+![](./img/install_chromium.mp4)

src/assets/javascripts/helpers/general.js

@@ -112,7 +112,7 @@ let allPopupFrontends = [
     "imgur",
     "reddit",
     "pixiv",
-    // "spotify",
+    "spotify",
     "search",
     "translate",
     "maps",

src/manifest.json

@@ -3,6 +3,12 @@
   "description": "A web extension that redirects popular sites to alternative privacy-friendly frontends and backends",
   "version": "1.5.5",
   "manifest_version": 2,
+  "browser_specific_settings": {
+    "gecko": {
+      "id": "7esoorv3@alefvanoon.anonaddy.me",
+      "strict_min_version": "67.0"
+    }
+  },
   "background": {
     "page": "pages/background/background.html",
     "persistent": true

src/pages/background/background.js

@@ -15,7 +15,7 @@ import pixivHelper from "../../assets/javascripts/helpers/pixiv.js";
 import sendTargetsHelper from "../../assets/javascripts/helpers/sendTargets.js";
 import peertubeHelper from "../../assets/javascripts/helpers/peertube.js";
 import lbryHelper from "../../assets/javascripts/helpers/lbry.js";
-// import spotifyHelper from "../../assets/javascripts/helpers/spotify.js";
+import spotifyHelper from "../../assets/javascripts/helpers/spotify.js";
 import generalHelper from "../../assets/javascripts/helpers/general.js";
 import youtubeMusicHelper from "../../assets/javascripts/helpers/youtubeMusic.js";
 
@@ -38,7 +38,7 @@ async function wholeInit() {
   await sendTargetsHelper.init();
   await peertubeHelper.init();
   await lbryHelper.init();
-  // await spotifyHelper.init();
+  await spotifyHelper.init();
   await generalHelper.init();
 }
 await wholeInit();
@@ -83,7 +83,7 @@ browser.webRequest.onBeforeRequest.addListener(
 
     if (!newUrl) newUrl = lbryHelper.redirect(url, details.type, initiator);
 
-    // if (!newUrl) newUrl = spotifyHelper.redirect(url, details.type, initiator);
+    if (!newUrl) newUrl = spotifyHelper.redirect(url, details.type, initiator);
 
     if (!newUrl) newUrl = translateHelper.redirect(url);
 
@@ -158,7 +158,7 @@ browser.webRequest.onResponseStarted.addListener(
 
       if (!newUrl) newUrl = lbryHelper.switchInstance(url);
 
-      // if (!newUrl) newUrl = spotifyHelper.switchInstance(url);
+      if (!newUrl) newUrl = spotifyHelper.switchInstance(url);
 
       if (newUrl) browser.tabs.update(details.tabId, { url: `/pages/errors/instance_offline.html?url=${encodeURIComponent(newUrl)}` });
 

src/pages/options/general/general.html

@@ -51,10 +51,10 @@
       <img src="../../../assets/images/pixiv-icon.svg" />
       <a href="../pixiv/pixiv.html">Pixiv</a>
     </div>
-    <!-- <div class="title">
+    <div class="title">
       <img src="../../../assets/images/spotify-icon.png" />
       <a href="../spotify/spotify.html">Spotify</a>
-    </div> -->
+    </div>
     <div class="title">
       <img src="../../../assets/images/wikipedia-icon.svg" />
       <a href="../wikipedia/wikipedia.html">Wikipedia</a>
@@ -262,13 +262,13 @@
         </div>
         <input type="checkbox" id="pixiv" />
       </div>
-      <!-- <div>
+      <div>
         <div>
           <img src="../../../assets/images/spotify-icon.png">
           Spotify
         </div>
         <input type="checkbox" id="spotify" />
-      </div> -->
+      </div>
       <div>
         <div>
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">

src/pages/options/imgur/imgur.html

@@ -62,10 +62,10 @@
       <a href="../pixiv/pixiv.html">Pixiv</a>
     </div>
 
-    <!-- <div class="title">
+    <div class="title">
       <img src="../../../assets/images/spotify-icon.png" />
       <a href="../spotify/spotify.html">Spotify</a>
-    </div> -->
+    </div>
 
     <div class="title">
       <img src="../../../assets/images/wikipedia-icon.svg" />

src/pages/options/instagram/instagram.html

@@ -53,10 +53,10 @@
       <img src="../../../assets/images/pixiv-icon.svg" />
       <a href="../pixiv/pixiv.html">Pixiv</a>
     </div>
-    <!-- <div class="title">
+    <div class="title">
       <img src="../../../assets/images/spotify-icon.png" />
       <a href="../spotify/spotify.html">Spotify</a>
-    </div> -->
+    </div>
     <div class="title">
       <img src="../../../assets/images/wikipedia-icon.svg" />
       <a href="../wikipedia/wikipedia.html">Wikipedia</a>

src/pages/options/lbry/lbry.html

@@ -52,10 +52,10 @@
       <img src="../../../assets/images/pixiv-icon.svg" />
       <a href="../pixiv/pixiv.html">Pixiv</a>
     </div>
-    <!-- <div class="title">
+    <div class="title">
       <img src="../../../assets/images/spotify-icon.png" />
       <a href="../spotify/spotify.html">Spotify</a>
-    </div> -->
+    </div>
     <div class="title">
       <img src="../../../assets/images/wikipedia-icon.svg" />
       <a href="../wikipedia/wikipedia.html">Wikipedia</a>

src/pages/options/maps/maps.html

@@ -63,10 +63,10 @@
       <a href="../pixiv/pixiv.html">Pixiv</a>
     </div>
 
-    <!-- <div class="title">
+    <div class="title">
       <img src="../../../assets/images/spotify-icon.png" />
       <a href="../spotify/spotify.html">Spotify</a>
-    </div> -->
+    </div>
 
     <div class="title">
       <img src="../../../assets/images/wikipedia-icon.svg" />

src/pages/options/medium/medium.html

@@ -62,10 +62,10 @@
       <a href="../pixiv/pixiv.html">Pixiv</a>
     </div>
 
-    <!-- <div class="title">
+    <div class="title">
       <img src="../../../assets/images/spotify-icon.png" />
       <a href="../spotify/spotify.html">Spotify</a>
-    </div> -->
+    </div>
 
     <div class="title">
       <img src="../../../assets/images/wikipedia-icon.svg" />

src/pages/options/peertube/peertube.html

@@ -62,10 +62,10 @@
       <a href="../pixiv/pixiv.html">Pixiv</a>
     </div>
 
-    <!-- <div class="title">
+    <div class="title">
       <img src="../../../assets/images/spotify-icon.png" />
       <a href="../spotify/spotify.html">Spotify</a>
-    </div> -->
+    </div>
 
     <div class="title">
       <img src="../../../assets/images/wikipedia-icon.svg" />

src/pages/options/pixiv/pixiv.html

@@ -62,10 +62,10 @@
       <a href="../pixiv/pixiv.html" class="selected">Pixiv</a>
     </div>
 
-    <!-- <div class="title">
+    <div class="title">
       <img src="../../../assets/images/spotify-icon.png" />
       <a href="../spotify/spotify.html">Spotify</a>
-    </div> -->
+    </div>
 
     <div class="title">
       <img src="../../../assets/images/wikipedia-icon.svg" />

src/pages/options/reddit/reddit.html

@@ -62,10 +62,10 @@
       <a href="../pixiv/pixiv.html">Pixiv</a>
     </div>
 
-    <!-- <div class="title">
+    <div class="title">
       <img src="../../../assets/images/spotify-icon.png" />
       <a href="../spotify/spotify.html">Spotify</a>
-    </div> -->
+    </div>
 
     <div class="title">
       <img src="../../../assets/images/wikipedia-icon.svg" />

src/pages/options/search/search.html

@@ -62,10 +62,10 @@
       <a href="../pixiv/pixiv.html">Pixiv</a>
     </div>
 
-    <!-- <div class="title">
+    <div class="title">
       <img src="../../../assets/images/spotify-icon.png" />
       <a href="../spotify/spotify.html">Spotify</a>
-    </div> -->
+    </div>
 
     <div class="title">
       <img src="../../../assets/images/wikipedia-icon.svg" />

src/pages/options/sendTargets/sendTargets.html

@@ -52,10 +52,10 @@
       <img src="../../../assets/images/pixiv-icon.svg" />
       <a href="../pixiv/pixiv.html">Pixiv</a>
     </div>
-    <!-- <div class="title">
+    <div class="title">
       <img src="../../../assets/images/spotify-icon.png" />
       <a href="../spotify/spotify.html">Spotify</a>
-    </div> -->
+    </div>
     <div class="title">
       <img src="../../../assets/images/wikipedia-icon.svg" />
       <a href="../wikipedia/wikipedia.html">Wikipedia</a>

src/pages/options/tiktok/tiktok.html

@@ -61,10 +61,10 @@
       <a href="../pixiv/pixiv.html">Pixiv</a>
     </div>
 
-    <!-- <div class="title">
+    <div class="title">
       <img src="../../../assets/images/spotify-icon.png" />
       <a href="../spotify/spotify.html">Spotify</a>
-    </div> -->
+    </div>
 
     <div class="title">
       <img src="../../../assets/images/wikipedia-icon.svg" />

src/pages/options/translate/translate.html

@@ -62,10 +62,10 @@
             <a href="../pixiv/pixiv.html">Pixiv</a>
         </div>
 
-        <!-- <div class="title">
+        <div class="title">
             <img src="../../../assets/images/spotify-icon.png" />
             <a href="../spotify/spotify.html">Spotify</a>
-        </div> -->
+        </div>
 
         <div class="title">
             <img src="../../../assets/images/wikipedia-icon.svg" />

src/pages/options/twitter/twitter.html

@@ -63,10 +63,10 @@
             <a href="../pixiv/pixiv.html">Pixiv</a>
         </div>
 
-        <!-- <div class="title">
+        <div class="title">
             <img src="../../../assets/images/spotify-icon.png" />
             <a href="../spotify/spotify.html">Spotify</a>
-        </div> -->
+        </div>
 
         <div class="title">
             <img src="../../../assets/images/wikipedia-icon.svg" />

src/pages/options/wikipedia/wikipedia.html

@@ -52,10 +52,10 @@
             <img src="../../../assets/images/pixiv-icon.svg" />
             <a href="../pixiv/pixiv.html">Pixiv</a>
         </div>
-        <!-- <div class="title">
+        <div class="title">
             <img src="../../../assets/images/spotify-icon.png" />
             <a href="../spotify/spotify.html">Spotify</a>
-        </div> -->
+        </div>
         <div class="title">
             <img src="../../../assets/images/wikipedia-icon.svg" />
             <a href="../wikipedia/wikipedia.html" class="selected">Wikipedia</a>

src/pages/options/youtube/piped.js

@@ -198,9 +198,7 @@ youtubeHelper.init().then(() => {
 
     pipedSponsorblockElement.checked = youtubeHelper.getPipedSponsorblock();
     selectSkip = youtubeHelper.getPipedSelectedSkip();
-    console.log("selectSkip", selectSkip)
     pipedSelectedSkipSponsorElement.checked = selectSkip.includes('sponsor');
-    console.log("selectSkip.includes('sponsor')", selectSkip.includes('sponsor'))
     pipedSelectedSkipIntroElement.checked = selectSkip.includes('intro');
     pipedSelectedSkipOutroElement.checked = selectSkip.includes('outro');
     pipedSelectedSkipPreviewElement.checked = selectSkip.includes('preview');

src/pages/options/youtube/youtube.html

@@ -53,10 +53,10 @@
       <img src="../../../assets/images/pixiv-icon.svg" />
       <a href="../pixiv/pixiv.html">Pixiv</a>
     </div>
-    <!-- <div class="title">
+    <div class="title">
       <img src="../../../assets/images/spotify-icon.png" />
       <a href="../spotify/spotify.html">Spotify</a>
-    </div> -->
+    </div>
     <div class="title">
       <img src="../../../assets/images/wikipedia-icon.svg" />
       <a href="../wikipedia/wikipedia.html">Wikipedia</a>

src/pages/options/youtubeMusic/youtubeMusic.html

@@ -53,10 +53,10 @@
             <img src="../../../assets/images/pixiv-icon.svg" />
             <a href="../pixiv/pixiv.html">Pixiv</a>
         </div>
-        <!-- <div class="title">
+        <div class="title">
             <img src="../../../assets/images/spotify-icon.png" />
             <a href="../spotify/spotify.html">Spotify</a>
-        </div> -->
+        </div>
         <div class="title">
             <img src="../../../assets/images/wikipedia-icon.svg" />
             <a href="../wikipedia/wikipedia.html">Wikipedia</a>

src/pages/popup/popup.html

@@ -77,13 +77,13 @@
     <input id="disable-pixiv" type="checkbox" checked />
   </div>
 
-  <!-- <div id="spotify" class="some-block">
+  <div id="spotify" class="some-block">
     <a class="title" href="https://spotify.com">
       <img src="../../../assets/images/spotify-icon.png" />
       <h4>Spotify</h4>
     </a>
     <input id="disable-spotify" type="checkbox" checked />
-  </div> -->
+  </div>
 
   <div id="wikipedia" class="some-block">
     <a class="title" href="https://wikipedia.org">

src/pages/popup/popup.js

@@ -15,7 +15,7 @@ import mediumHelper from "../../assets/javascripts/helpers/medium.js";
 import imgurHelper from "../../assets/javascripts/helpers/imgur.js";
 import tiktokHelper from "../../assets/javascripts/helpers/tiktok.js";
 import pixivHelper from "../../assets/javascripts/helpers/pixiv.js";
-// import spotifyHelper from "../../assets/javascripts/helpers/spotify.js";
+import spotifyHelper from "../../assets/javascripts/helpers/spotify.js";
 import sendTargetsHelper from "../../assets/javascripts/helpers/sendTargets.js";
 import peertubeHelper from "../../assets/javascripts/helpers/peertube.js";
 import lbryHelper from "../../assets/javascripts/helpers/lbry.js";
@@ -52,7 +52,7 @@ async function wholeInit() {
   await imgurHelper.init();
   await tiktokHelper.init();
   await pixivHelper.init();
-  // await spotifyHelper.init();
+  await spotifyHelper.init();
   await sendTargetsHelper.init();
   await peertubeHelper.init();
   await lbryHelper.init();
@@ -72,7 +72,7 @@ wholeInit().then(() => {
   disableImgurElement.checked = !imgurHelper.getDisable();
   disableTiktokElement.checked = !tiktokHelper.getDisable();
   disablePixivElement.checked = !pixivHelper.getDisable();
-  // disableSpotifyElement.checked = !spotifyHelper.getDisable();
+  disableSpotifyElement.checked = !spotifyHelper.getDisable();
   disableMediumElement.checked = !mediumHelper.getDisable();
   disablePeertubeElement.checked = !peertubeHelper.getDisable();
   disableLbryElement.checked = !lbryHelper.getDisable();
@@ -129,9 +129,9 @@ disablePixivElement.addEventListener("change",
   event => pixivHelper.setDisable(!event.target.checked)
 );
 
-// disableSpotifyElement.addEventListener("change",
-//   event => spotifyHelper.setDisable(!event.target.checked)
-// );
+disableSpotifyElement.addEventListener("change",
+  event => spotifyHelper.setDisable(!event.target.checked)
+);
 
 disableMediumElement.addEventListener("change",
   event => mediumHelper.setDisable(!event.target.checked)