Merge pull request #55 from mountainash/44-update-deps

#44 update deps + fix track/artist/show DOM hooks

README.md

@@ -7,11 +7,10 @@ Mixcloud Play is the missing desktop experience for [Mixcloud.com](https://www.m
 [![screenshot](https://raw.githubusercontent.com/mountainash/Mixcloud-Play/master/Screenshot.jpg)](https://github.com/mountainash/Mixcloud-Play/releases/latest)
 
 ## Features
-1. Media controls - play/pause, next, back (back [requires Mixcloud _PREMIUM_ or _SELECT_](https://help.mixcloud.com/hc/en-us/articles/360004054059))
+1. Media controls: ⏪ ⏯️ ⏩ (⏪ [requires Mixcloud _PREMIUM_ or _SELECT_](https://help.mixcloud.com/hc/en-us/articles/360004054059))
 2. Menu bar track title
 3. Song notifications
-4. Modern desktop look
-5. Last.fm [Scrobbing](https://www.last.fm/about/trackmymusic) (_comming soon_)
+5. Last.fm [Scrobbing](https://www.last.fm/about/trackmymusic) ([_coming soon_](https://github.com/mountainash/Mixcloud-Play/projects/1))
 
 ## Enable Media Controls
 

browser.js

@@ -17,13 +17,15 @@ function concatEndpoints(endpoints) {
 
 var is_playing = false;
 
+// The web-scrobbler project can help with these selectors when MixCloud change the DOM
+// https://github.com/web-scrobbler/web-scrobbler/blob/master/src/connectors/mixcloud.js
 const DomHooks = {
 	playbutton: '[class*=PlayButton__PlayerControl]',
 	seekbutton: '[aria-label="Seek forwards"]',
 	backbutton: '[aria-label="Seek backwards"]',
-	showtitle: '[class*=RebrandPlayerControls__ShowTitle]',
-	trackartist: '[class*=RebrandPlayerSliderComponent__Artist]',
-	tracktitle: '[class*=RebrandPlayerSliderComponent__Track-]'
+	showtitle: '[class*=PlayerControls__ShowTitle]',
+	trackartist: '[class*=PlayerSliderComponent__Artist]',
+	tracktitle: '[class*=PlayerSliderComponent__Track-]'
 };
 
 const Endpoints = concatEndpoints({