Fixed playlist renaming (#267)

Author: NikkelM

CHANGELOG.md

@@ -1,13 +1,18 @@
 # Changelog
 
-## v3.1.0
+## v3.1.1
 
 <!--Releasenotes start-->
+- Fixed a bug where the extension would rename all playlists, instead of just the ones created by the extension.
+- The collapsed playlist menu will now also have the correct playlist name.
+<!--Releasenotes end-->
+
+## v3.1.0
+
 - Firefox: The welcome page now prompts users to allow the extension to access the youtube.com domain, this is needed for the extension to function.
 - Fixed a bug where the shuffle button in the popup would only work on the second try.
 - Firefox: Fixed the options page not being accessible.
 - Firefox: Fixed a bug where the extension was unable to retrieve the amount of local storage used.
-<!--Releasenotes end-->
 
 ## v3.0.2
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "random-youtube-video",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "Customize, shuffle and play random videos from any YouTube channel.",
   "scripts": {
 		"dev": "concurrently \"npm run dev:chromium\" \"npm run dev:firefox\"",

package.json

@@ -132,12 +132,19 @@ export function buildShuffleButton(pageType, channelId, clickHandler) {
 	});
 }
 
+// With the way that YouTube handles navigation, the playlist title somehow won't get updated correctly when navigating if we change it here at any point
+// So we need to change it back if the user moves to a different playlist
 export function tryRenameUntitledList() {
-	let untitledListElement = document.querySelector('ytd-playlist-panel-renderer#playlist.style-scope.ytd-watch-flexy').querySelector('yt-formatted-string');
-
-	if (untitledListElement) {
-		untitledListElement.innerText = "Random YouTube Video - Playlist";
-		untitledListElement.title = "This playlist is unlisted, temporary and cannot be saved. Until it is removed by YouTube (which will happen automatically), you can revisit it using the link in the URL bar.";
+	let mainPlaylistElement = document.querySelector('ytd-playlist-panel-renderer#playlist.style-scope.ytd-watch-flexy').querySelector('yt-formatted-string.title.style-scope.ytd-playlist-panel-renderer');
+	let collapsedPlaylistElement = document.querySelector('ytd-playlist-panel-renderer#playlist.style-scope.ytd-watch-flexy').querySelector('yt-formatted-string.byline-title.style-scope.ytd-playlist-panel-renderer');
+
+	for(let playlistType of [mainPlaylistElement, collapsedPlaylistElement]) {
+		if (playlistType && window.location.href.includes("&list=TL") && playlistType.title == "Untitled List") {
+			playlistType.innerText = "Random YouTube Video - Playlist";
+			playlistType.title = "This playlist is unlisted, temporary and cannot be saved. Until it is removed by YouTube (which will happen automatically), you can revisit it using the link in the URL bar.";
+		} else if (playlistType) {
+			playlistType.innerText = playlistType.title;
+		}
 	}
 }
 

src/domManipulation.js

@@ -1,7 +1,7 @@
 {
 	"name": "Random YouTube Video",
 	"description": "Customize, shuffle and play random videos from any YouTube channel.",
-	"version": "3.1.0",
+	"version": "3.1.1",
 	"manifest_version": 3,
 	"content_scripts": [
 		{