Fixed deezer

Author: mantou132

src/page/btn.ts

@@ -105,6 +105,7 @@ export const insetLyricsBtn = async () => {
   (window as any).lyricsBtn = lyricsBtn;
   lyricsBtn.classList.add(localConfig.LYRICS_CLASSNAME);
 
+  lyricsBtn.id = '';
   lyricsBtn.disabled = false;
   lyricsBtn.hidden = false;
   lyricsBtn.title = options.i18nMap.pageButtonTitle;
@@ -159,5 +160,8 @@ export const insetLyricsBtn = async () => {
       captureException(e);
     }
   });
+  const children = [...lyricsBtn.children];
   btnWrapper.append(lyricsBtn);
+  await Promise.resolve();
+  lyricsBtn.append(...children);
 };

src/page/config.json

@@ -22,7 +22,7 @@
     "TRACK_NAME_SELECTOR": "ytmusic-player-bar .content-info-wrapper .title",
     "TRACK_ARTIST_SELECTOR": "ytmusic-player-bar .content-info-wrapper .subtitle yt-formatted-string > :first-child",
     "BTN_WRAPPER_SELECTOR": "ytmusic-player-bar ytmusic-like-button-renderer",
-    "BTN_LIKE_SELECTOR": "ytmusic-like-button-renderer button[aria-label='Like']",
+    "BTN_LIKE_SELECTOR": "ytmusic-player-bar ytmusic-like-button-renderer yt-button-shape.like",
     "PIP_BTN_SELECTOR": "NONE",
     "AUDIO_SELECTOR": "video.html5-main-video"
   },
@@ -41,17 +41,17 @@
     "AUDIO_SELECTOR": "#apple-music-player"
   },
   "DEEZER": {
-    "LOGGED_MARK_SELECTOR": ".topbar-action .topbar-profile",
-    "LYRICS_CONTAINER_SELECTOR": "#page_sidebar",
+    "LOGGED_MARK_SELECTOR": ".topbar-action .chakra-avatar",
+    "LYRICS_CONTAINER_SELECTOR": ".page-topbar + div",
     "PAGE_PIP_STYLE": "position: relative; width: 100%; height: auto;",
-    "ALBUM_COVER_SELECTOR": "#page_player .player-options .thumbnail img",
+    "ALBUM_COVER_SELECTOR": ".page-player .chakra-image",
     "ALBUM_COVER_LARGE_REGEXP_REPLACE": ["(\\d.*)x\\1(?=-000000-80-0-0\\.jpg$)", "640x640"],
-    "TRACK_INFO_SELECTOR": "#page_player .player-track .track-title",
-    "TRACK_NAME_SELECTOR": "#page_player .player-track .track-title .marquee-content a:first-child",
-    "TRACK_ARTIST_SELECTOR": "#page_player .player-track .track-title .marquee-content a:last-child",
-    "BTN_WRAPPER_SELECTOR": "#page_player .player-track .track-actions ul",
-    "BTN_LIKE_SELECTOR": "#page_player .player-track .track-actions ul li:not([class*=lyrics i]):has(svg[class*=love i])",
-    "PIP_BTN_SELECTOR": ".svg-icon-group-btn[aria-label*=lyrics i], .datagrid-row.song .datagrid-cell-action[aria-label*=playlist i] ~ div ~ div.datagrid-cell-action",
+    "TRACK_INFO_SELECTOR": ".page-player > div > div:first-of-type",
+    "TRACK_NAME_SELECTOR": ".page-player .chakra-link:not(.track-link)",
+    "TRACK_ARTIST_SELECTOR": ".page-player .chakra-link.track-link",
+    "BTN_WRAPPER_SELECTOR": ".page-player > div > div:first-of-type .chakra-button__group",
+    "BTN_LIKE_SELECTOR": ".page-player > div > div:first-of-type .chakra-button__group > button:first-of-type",
+    "PIP_BTN_SELECTOR": "NONE",
     "AUDIO_SELECTOR": "NONE"
   },
   "TIDAL": {

src/page/config.ts

@@ -86,7 +86,7 @@ export const localConfig: LocalConfig = (() => {
             -webkit-mask: url(${iconUrl}) center / 100% no-repeat;
             mask: url(${iconUrl}) center / 100% no-repeat;
           }
-          .${LYRICS_CLASSNAME}.${LYRICS_ACTIVE_CLASSNAME} tp-yt-iron-icon {
+          .${LYRICS_CLASSNAME}.${LYRICS_ACTIVE_CLASSNAME} .yt-spec-button-shape-next__icon {
             background: var(--ytmusic-text-primary);
           }
         `,
@@ -99,27 +99,21 @@ export const localConfig: LocalConfig = (() => {
       return {
         SERVICE_WORKER: '',
         STATIC_STYLE: css`
-          main.has-ads-bottom .page-content,
-          main.has-ads-bottom-with-audio .page-content {
-            padding-bottom: 0;
-          }
-          .page-sidebar .sidebar-header,
-          .has-ads-bottom .ads.ads-bottom,
-          .has-ads-bottom-with-audio .ads.ads-bottom {
+          .page-topbar + div [data-testid='conversionBanner'] {
             display: none;
           }
           .${LYRICS_CLASSNAME} {
             order: 100;
           }
-          .${LYRICS_CLASSNAME} button svg path {
+          .${LYRICS_CLASSNAME} svg path {
             display: none;
           }
-          .${LYRICS_CLASSNAME} button svg {
+          .${LYRICS_CLASSNAME} svg {
             background: var(--text-primary);
-            -webkit-mask: url(${microphoneIconUrl}) center / 100% no-repeat;
-            mask: url(${microphoneIconUrl}) center / 100% no-repeat;
+            -webkit-mask: url(${microphoneIconUrl}) center / 66.7% no-repeat;
+            mask: url(${microphoneIconUrl}) center / 66.7% no-repeat;
           }
-          .${LYRICS_CLASSNAME}.${LYRICS_ACTIVE_CLASSNAME} button svg {
+          .${LYRICS_CLASSNAME}.${LYRICS_ACTIVE_CLASSNAME} svg {
             background: var(--color-accent);
           }
         `,