vrchat-youtube-search-api/youtube.js

export async function searchYouTubeVideos(query) {
	var url = `https://www.youtube.com/results?search_query=${encodeURIComponent(query.replaceAll(' ', '+'))}&sp=EgIQAQ%253D%253D`;
	var html = await fetch(url).then(res => res.text());

	var ytInitialData = html.match(/ytInitialData = ({.*});<\/script>/)[1];
	ytInitialData = JSON.parse(ytInitialData);
	console.debug(ytInitialData);

	var videos = ytInitialData?.contents?.twoColumnSearchResultsRenderer?.primaryContents?.sectionListRenderer?.contents?.find(x => x.itemSectionRenderer?.contents?.find(x => x.videoRenderer))?.itemSectionRenderer?.contents?.filterMap(x => x.videoRenderer)?.map(parseVideoRendererData);
	if (!videos) return {videos: []};
	console.debug(videos.length, "results");

	try {
		var ytcfg = html.match(/ytcfg.set\(({.*})\);/)[1];
		ytcfg = JSON.parse(ytcfg);
		var continuationData = {
			context: ytcfg.INNERTUBE_CONTEXT,
			continuation: ytInitialData.contents.twoColumnSearchResultsRenderer.primaryContents.sectionListRenderer.contents.find(x => x.continuationItemRenderer).continuationItemRenderer.continuationEndpoint.continuationCommand.token
		}
	} catch (error) {
		console.error(error.stack);
	}

	return {videos, continuationData};
}

export async function continueYouTubeVideoSearch(continuationData) {
	var data = await fetch("https://www.youtube.com/youtubei/v1/search?key=AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8&prettyPrint=false", {
		method: "POST",
		headers: {
			"Content-Type": "application/json"
		},
		body: JSON.stringify(continuationData)
	}).then(res => res.json());
	console.debug(data);

	var continuationItems = data.onResponseReceivedCommands[0].appendContinuationItemsAction.continuationItems;
	var videos = continuationItems.find(x => x.itemSectionRenderer?.contents.find(x => x.videoRenderer)).itemSectionRenderer.contents.filterMap(x => x.videoRenderer).map(parseVideoRendererData);
	var continuationToken = continuationItems.find(x => x.continuationItemRenderer)?.continuationItemRenderer.continuationEndpoint.continuationCommand.token
	console.debug(videos.length, "results");


	return {
		videos,
		continuationData: continuationToken ? {
			context: continuationData.context,
			continuation: continuationToken
		} : null
	}
}



export async function getYouTubePlaylist(playlistId) {
	var html = await fetch("https://www.youtube.com/playlist?list=" + playlistId).then(res => res.text());
	var ytInitialData = html.match(/ytInitialData = ({.*});<\/script>/)[1];
	ytInitialData = JSON.parse(ytInitialData);
	console.debug(ytInitialData);

	var sectionListRendererContents = ytInitialData.contents.twoColumnBrowseResultsRenderer.tabs.find(tab => tab.tabRenderer.selected).tabRenderer.content.sectionListRenderer.contents;
	var videos = sectionListRendererContents.find(x => x.itemSectionRenderer).itemSectionRenderer.contents.find(x => x.playlistVideoListRenderer).playlistVideoListRenderer.contents.filterMap(x => x.playlistVideoRenderer).map(parseVideoRendererData);
	if (!videos) return {videos: []};
	console.debug(videos.length, "results");

	try {
		var ytcfg = html.match(/ytcfg.set\(({.*})\);/)[1];
		ytcfg = JSON.parse(ytcfg);
		var continuationData = {
			context: ytcfg.INNERTUBE_CONTEXT,
			continuation: sectionListRendererContents.find(x => x.continuationItemRenderer).continuationItemRenderer.continuationEndpoint.continuationCommand.token
		}
	} catch (error) {
		console.error(error.stack);
	}
	return {videos, continuationData};
}

export async function continueYouTubePlaylist(continuationData) {
	var data = await fetch("https://www.youtube.com/youtubei/v1/browse?prettyPrint=false", {
		method: "POST",
		headers: {"Content-Type": "application/json"},
		body: JSON.stringify(continuationData)
	}).then(res => res.json());
	console.debug(data);

	if (!data.onResponseReceivedActions) return {videos:[]};
	var continuationItems = data.onResponseReceivedActions[0].appendContinuationItemsAction.continuationItems;
	var videos = continuationItems.find(x => x.itemSectionRenderer).itemSectionRenderer.contents.filterMap(x => x.playlistVideoListRenderer).map(parseVideoRendererData);
	var continuationToken = continuationItems.find(x => x.continuationItemRenderer)?.continuationItemRenderer.continuationEndpoint.continuationCommand.token;
	console.debug(videos.length, "results");

	return {
		videos,
		continuationData: continuationToken ? {
			context: continuationData.context,
			continuation: continuationToken
		} : null
	}
}









export async function getTrending(bp) {
	var url = `https://www.youtube.com/feed/trending`;
	if (bp) url += `?bp=${bp}`;
	var html = await fetch(url).then(res => res.text());
	var ytInitialData = html.match(/ytInitialData = ({.*});<\/script>/)[1];
	ytInitialData = JSON.parse(ytInitialData);

	var tabs = ytInitialData.contents.twoColumnBrowseResultsRenderer.tabs.map(t => {
		return {
			name: t.tabRenderer.title,
			//url: `https://www.youtube.com` + t.tabRenderer.endpoint.commandMetadata.webCommandMetadata.url
			bp: t.tabRenderer.endpoint.browseEndpoint.params
		}
	});

	var videos = ytInitialData
		.contents
		.twoColumnBrowseResultsRenderer
		.tabs
		.find(tab => tab.tabRenderer.selected)
		.tabRenderer
		.content
		.sectionListRenderer
		.contents
		// regular trending in sections with shelfRenderer without title
		.filterMap(x => {
			var shelfRenderer = x.itemSectionRenderer.contents.find(x => x.shelfRenderer)?.shelfRenderer;
			if (shelfRenderer && !shelfRenderer.title) {
				return shelfRenderer
					.content
					.expandedShelfContentsRenderer
					.items
					.filterMap(x => x.videoRenderer)
					.map(parseVideoRendererData)
			};
		})
		.flat();


	return {tabs, videos};
}












Object.prototype.concatRunsText = function concatRunsText() {
	return this.reduce((str, obj) => str += obj.text, "");
};

function parseVideoRendererData(data) {
	return {
		id: data.videoId,
		live: Boolean(data.badges?.find(x => x.metadataBadgeRenderer?.style == "BADGE_STYLE_TYPE_LIVE_NOW")),
		title: data.title?.runs?.concatRunsText(),
		description: data.detailedMetadataSnippets?.[0]?.snippetText?.runs?.concatRunsText() 
			|| data.descriptionSnippet?.runs?.concatRunsText(),
		//thumbnailUrl: data.thumbnail?.thumbnails?.find(x => (x.width == 360 && x.height == 202) || (x.width == 246 && x.height == 138))?.url || data.thumbnail?.thumbnails?.[0]?.url,
		//thumbnail: data.thumbnail?.thumbnails?.find(x => (x.width == 360 && x.height == 202) || (x.width == 246 && x.height == 138)) || data.thumbnail?.thumbnails?.[0],
		/*thumbnail: {
			url: `https://i.ytimg.com/vi/${data.videoId}/mqdefault.jpg`,
			width: 320,
			height: 180
		},*/
		uploaded: data.publishedTimeText?.simpleText || data.videoInfo?.runs?.[2]?.text,
		lengthText: data.lengthText?.simpleText,
		longLengthText: data.lengthText?.accessibility?.accessibilityData?.label,
		viewCountText: data.viewCountText?.runs ? data.viewCountText.runs.concatRunsText() : data.viewCountText?.simpleText,
		shortViewCountText: data.shortViewCountText?.simpleText || data.videoInfo?.runs?.[0]?.text,
		channel: {
			name: (data.ownerText || data.shortBylineText)?.runs?.concatRunsText(),
			id: (data.ownerText || data.shortBylineText)?.runs?.[0]?.navigationEndpoint?.browseEndpoint?.browseId,
			iconUrl: data.channelThumbnailSupportedRenderers?.channelThumbnailWithLinkRenderer?.thumbnail?.thumbnails?.[0]?.url
		}
	};
}