check when new game is clicked / loaded into view

library.js

//TIPS
//by the time this script is injected, the dom MAY be loaded
//alert function breaks CEF

console.log('hello from patcher current page -> ' + document.title);

function game_selected(name, appid)
{
	console.log(`game: ${name}, appid: ${appid}`)
}

function is_ready() 
{
	targetElement = document.querySelector('[class*="library_MainPanel_"]');
	var observerCallback = function(mutations) 
	{
		mutations.forEach(function(mutation) 
		{
			if (mutation.addedNodes[0] != null && mutation.addedNodes[0].classList.contains("appdetailsoverview_ColumnContainer_OhSdL")) 
			{
				const title = document.querySelector('[class*="gamelistentry_Selected_"]').children[0].textContent
				const appid = document.querySelector(`[class*="library_MainPanel_"] [class*="libraryassetimage_Container_"] img`).src

				game_selected(title, appid.match(/\/(\d+)_/)[1]);
			}
		});
	};
	var observer = new MutationObserver(observerCallback);
	observer.observe(targetElement, { childList: true, subtree: true });
}

var observerCallback = function(mutations) {
	mutations.forEach(function(mutation) {
		if (mutation.type === 'childList') {
			mutation.addedNodes.forEach(function(addedNode) {
				if (addedNode.classList && addedNode.classList.contains('library_Container_3xRRJ')) 
					is_ready();//dont close observer in case library is reloaded 
			});
		}
	});
};

var observer = new MutationObserver(observerCallback);
observer.observe(document.body, { childList: true, subtree: true });