💅 Added track title to notifications

CHANGELOG.md

@@ -2,9 +2,7 @@
 
 All notable changes to this project will be documented in this file.
 
-The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
-
-## Unreleased
+## 0.21.0 - 📦 Package Dependency Updates Again
 
 ### Added
 
@@ -20,7 +18,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 ### Fixed
 
 - Drag area in the header
-- paddding to the Mixcloud logo so it's not under the window controls
+- Paddding to the Mixcloud logo so it's not under the window controls
+- Track info collection and track changes checking
+
+Release Track: 🎵 <https://www.mixcloud.com/Professor_Eddy/billboard-hot-soul-singles-november-17th-1979/>
 
 ## 0.20.0 - 📦 Package Dependency Updates
 

browser.js

@@ -29,11 +29,11 @@ const showInfo = {
 // 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]',
+	playbutton: '[class^=PlayButton__PlayerControl]',
 	seekbutton: '[aria-label="Seek forwards"]',
 	backbutton: '[aria-label="Seek backwards"]',
-	showname: '[class*=PlayerControls__ShowTitle]',
-	showowner: '[class*=PlayerControls__ShowOwnerName]',
+	showname: '[class*=PlayerControlsDetails__ShowTitle]',
+	showowner: '[class*=PlayerQueueItem__ShowOwner]',
 	tracktitle: '[class*=PlayerSliderComponent__Track-]',
 	trackartist: '[class*=PlayerSliderComponent__Artist]',
 	loginform: 'form[name=login]',

index.js

@@ -238,7 +238,7 @@ ipcMain.on('displayNotification', (_, showInfo) => {
 	if (showInfo.isPlaying) {
 		pauseSymbol = '';
 		pauseText = '';
-		subtitle = showInfo.trackArtist;
+		subtitle = `${showInfo.trackTitle} by ${showInfo.trackArtist}`;
 		timeout = 15000;
 	}