A utility script to group and sort videos from a YouTube playlist. I hope to make a full featured browser extension someday.

sort--youtube-watchlater.js

let rawVideoList = [];
let videoList = {};

// Taken from angus-c/just: array-group-by
function groupBy(arr, cb) {
	if (!Array.isArray(arr)) {
		throw new Error("expected an array for first argument");
	}

	if (typeof cb !== "function") {
		throw new Error("expected a function for second argument");
	}

	var result = {};
	for (var i = 0; i < arr.length; i++) {
		var item = arr[i];
		var bucketCategory = cb(item);
		var bucket = result[bucketCategory];

		if (!Array.isArray(bucket)) {
			result[bucketCategory] = [item];
		} else {
			result[bucketCategory].push(item);
		}
	}

	return result;
}

// The YouTube utility

let videos = document.querySelectorAll("ytd-playlist-video-renderer");

videos.forEach((v) => {
	const [title] = v.querySelector("#video-title").innerText.split("\n");
	const [link] = v.querySelector("a#video-title").href.split("&");
	const channel = v.querySelector("div#metadata").innerText;

	if (!title || !link || !channel) return;

	rawVideoList.push({ title, link, channel });
});

rawVideoList = groupBy(rawVideoList, (item) => item.channel);

Object.keys(rawVideoList).forEach((key) => {
	const group = rawVideoList[key].reduce((acc, { link, title }) => {
		return {
			...acc,
			[title]: link,
		};
	}, {});

	Object.assign(videoList, {
		[key]: group,
	});
});

console.log(JSON.stringify(videoList, null, 3));