feat: new lyrics icon

assets/lyrics.svg

@@ -1,4 +1,7 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48">
-  <path fill="#ffffff" d="M637.918-180.001q-43.303 0-73.725-30.253-30.423-30.253-30.423-73.471 0-43.538 29.749-73.945 29.75-30.407 72.25-30.407 16.787 0 32.047 4.731 15.261 4.731 28.645 13.27v-329.923h163.538v62.538H741.845v354.614q0 42.852-30.312 72.849-30.312 29.997-73.615 29.997ZM140.001-344.617v-45.384h290.615v45.384H140.001Zm0-154.999V-545h450.691v45.384H140.001Zm0-154.999v-45.384h450.691v45.384H140.001Z"/>
+<svg height="48" viewBox="0 -960 960 960" width="48" version="1.1" id="svg4"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:svg="http://www.w3.org/2000/svg">
+  <defs id="defs8" />
+  <path fill="#ffffff" d="m 665.91424,-110.98704 q -53.00536,0 -90.49364,-36.9413 -37.48966,-36.93993 -37.48966,-89.71361 0,-53.65242 36.78639,-91.09683 36.78502,-37.44442 89.33662,-37.44442 24.13447,0 46.07552,8.85867 21.94105,8.85731 40.8168,22.67174 v -434.36017 h 198.88422 v 74.13347 H 793.12848 v 458.19305 q 0,52.37475 -37.10444,89.03776 -37.10444,36.66164 -90.1098,36.66164 z M 17.627117,-342.9823 v -42.18221 H 394.9378 v 42.18221 z m 0,-191.9256 v -42.18083 H 604.89468 v 42.18083 z m 0,-191.92423 v -42.18083 H 604.89468 v 42.18083 z" id="path2" style="stroke-width:1.37089" />
 </svg>

dist/BetterYTM.user.js

@@ -1113,7 +1113,7 @@ function addQueueButtons(queueItem) {
                     }
                     lyricsUrl = cachedLyricsUrl !== null && cachedLyricsUrl !== void 0 ? cachedLyricsUrl : yield (0,_lyrics__WEBPACK_IMPORTED_MODULE_5__.getGeniusUrl)(artistsSan, songSan);
                     const resetImgElem = () => {
-                        imgEl.src = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getAssetUrl)("external/genius.png");
+                        imgEl.src = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getAssetUrl)("lyrics.svg");
                         imgEl.classList.remove("bytm-spinner");
                     };
                     if (!cachedLyricsUrl) {
@@ -1426,7 +1426,7 @@ function addActualMediaCtrlLyricsBtn(likeContainer) {
                         imgElem.classList.add("bytm-spinner");
                         mcCurrentSongTitle = newTitle;
                         const url = yield getCurrentLyricsUrl(); // can take a second or two
-                        imgElem.src = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.getAssetUrl)("external/genius.png");
+                        imgElem.src = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.getAssetUrl)("lyrics.svg");
                         imgElem.classList.remove("bytm-spinner");
                         if (!url)
                             continue;
@@ -1558,7 +1558,7 @@ function createLyricsBtn(geniusUrl, hideIfLoading = true) {
     linkElem.style.display = hideIfLoading && geniusUrl ? "inline-flex" : "none";
     const imgElem = document.createElement("img");
     imgElem.className = "bytm-generic-btn-img";
-    imgElem.src = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.getAssetUrl)("external/genius.png");
+    imgElem.src = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.getAssetUrl)("lyrics.svg");
     linkElem.appendChild(imgElem);
     return linkElem;
 }
@@ -2410,7 +2410,7 @@ var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _argume
 const precacheImgs = [
     (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getAssetUrl)("spinner.svg"),
     (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getAssetUrl)("delete.svg"),
-    (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getAssetUrl)("external/genius.png"),
+    (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getAssetUrl)("lyrics.svg"),
 ];
 {
     // console watermark with sexy gradient

src/features/layout.ts

@@ -193,7 +193,7 @@ async function addQueueButtons(queueItem: HTMLElement) {
         lyricsUrl = cachedLyricsUrl ?? await getGeniusUrl(artistsSan, songSan);
 
         const resetImgElem = () => {
-          imgEl.src = getAssetUrl("external/genius.png");
+          imgEl.src = getAssetUrl("lyrics.svg");
           imgEl.classList.remove("bytm-spinner");
         };
 

src/features/lyrics.ts

@@ -89,7 +89,7 @@ function addActualMediaCtrlLyricsBtn(likeContainer: HTMLElement) {
 
         const url = await getCurrentLyricsUrl(); // can take a second or two
 
-        imgElem.src = getAssetUrl("external/genius.png");
+        imgElem.src = getAssetUrl("lyrics.svg");
         imgElem.classList.remove("bytm-spinner");
 
         if(!url)
@@ -237,7 +237,7 @@ export function createLyricsBtn(geniusUrl?: string, hideIfLoading = true): HTMLA
 
   const imgElem = document.createElement("img");
   imgElem.className = "bytm-generic-btn-img";
-  imgElem.src = getAssetUrl("external/genius.png");
+  imgElem.src = getAssetUrl("lyrics.svg");
 
   linkElem.appendChild(imgElem);
 

src/index.ts

@@ -19,7 +19,7 @@ import {
 const precacheImgs = [
   getAssetUrl("spinner.svg"),
   getAssetUrl("delete.svg"),
-  getAssetUrl("external/genius.png"),
+  getAssetUrl("lyrics.svg"),
 ];
 
 {