let startTime;
function beginSearch() {

	toggleLoader()
	startTime = timer()
	setTimeout(function() {
		runTheSearch()
	}, 1000);
	
}

function finish(startTime) {
	console.log('*** FINISHED! ***')
	timer(startTime)
}
function toggleLoader() {
	const loader = document.getElementById('loader');
	loader.classList.toggle('hidden');
	console.log('Loader toggled')
}


function millisToMinutesAndSeconds(millis) {
  var minutes = Math.floor(millis / 60000);
  var seconds = ((millis % 60000) / 1000).toFixed(0);
  return minutes + ":" + (seconds < 10 ? '0' : '') + seconds;
}

function timer(startTime) {
	if(startTime) {
		console.log('startTime',startTime)
		let stopTime = performance.now();
		const timeTaken = millisToMinutesAndSeconds((stopTime - startTime).toFixed(0));
		let timeHolder = document.getElementById("timeholder");
		let time = document.getElementById("time");
		timeHolder.classList.toggle('hidden')
		time.innerText = timeTaken;
	} else {
			console.log('Timer started')
		return performance.now();
	}
}

const getMethods = (obj) => {
	let properties = new Set();
	let currentObj = obj;
	do {
		Object.getOwnPropertyNames(currentObj).map((item) =>
																							 properties.add(item)
																							);
	} while ((currentObj = Object.getPrototypeOf(currentObj)));
	return [...properties.keys()].filter((item) => {
		if (
			item != "arguments" &&
			item != "caller" &&
			item != "callee" &&
			item != "__proto__" &&
			item != "__defineGetter__" &&
			item != "__defineSetter__" &&
			item != "__lookupGetter__" &&
			item != "__lookupSetter__" &&
			typeof obj[item] === "function"
		) {
			return true;
		}
	}); //
};

const makeMethodList = function (theType, typeName) {
	typeName = typeName || theType.name;
	let allMethods = [];
	// const typeLowerCase = theType.toLowerCase();
	try {
		allMethods = getMethods(theType.prototype);
	} catch (error) {
		// console.log(error);
		// if (error) allMethods.push('*');
	}
	try {
		allMethods.push(...getMethods(theType));
	} catch (error) {}
	try {
		allMethods.push(...getMethods(new theType()));
	} catch (error) {}

	allMethods.sort();
	allMethods = new Set(allMethods);

	const listArray = [];
	allMethods.forEach((method) => {
		const listItem = document.createElement("li");
		listItem.setAttribute("id", method + "-link");
		listItem.className = "general-method-listitem";
		const theLink = document.createElement("a");
		theLink.setAttribute("target", "_blank");
		theLink.className = "general-method-link";

		var url =
				"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/" +
				typeName +
				"/" +
				method;

		(async () => {
			let response = await new Promise((resolve) => {
				var xhr = new XMLHttpRequest();
				xhr.open("GET", url, false);
				xhr.onload = function (e) {
					resolve(xhr.response);
				};
				xhr.onerror = function () {
					resolve(undefined);
					console.error("** An error occurred during the XMLHttpRequest");
				};
				try {
					xhr.send();
				} catch (error) {}
				console.log(xhr.status);
				if (xhr.status != 200) {
					theLink.setAttribute(
						"href",
						"https://developer.mozilla.org/en-US/search?q=" + method
					);
					theLink.classList.add("inherited-method");
				} else {
					theLink.setAttribute(
						"href",
						"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/" +
						typeName +
						"/" +
						method
					);
					theLink.classList.add("method-specific");
				}

				theLink.appendChild(document.createTextNode(method));

				listItem.appendChild(theLink);

				listArray.push(listItem);
			});
		})();

		// theLink.setAttribute(
		//   "href",
		//   "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/" +
		//     typeName +
		//     "/" +
		//     method
		// );

		// theLink.appendChild(document.createTextNode(method));

		// listItem.appendChild(theLink);

		// listArray.push(listItem);
	});

	const theUL = document.getElementById("method-list-wrap");
	const ulWrap = document.createElement("ul");
	ulWrap.setAttribute("id", typeName + "-ul");
	ulWrap.setAttribute("target", "_blank");
	ulWrap.className = "method-list grid-item";
	const ulTitle = document.createElement("h3");
	ulTitle.appendChild(document.createTextNode(typeName + " Methods"));
	ulWrap.appendChild(ulTitle);
	listArray.forEach((link) => {
		// console.log(link)
		ulWrap.appendChild(link);
	});
	theUL.appendChild(ulWrap);
};

let cnt = 0;
function runTheSearch() {
	const jsObjectArray = [
		Function,
		Object,
		Array,
		Int8Array,
		Uint8Array,
		Uint8ClampedArray,
		Int16Array,
		Uint16Array,
		Int32Array,
		Uint32Array,
		Float32Array,
		Float64Array,
		BigInt64Array,
		BigUint64Array,
		String,
		RegExp,
		Symbol,
		Boolean,
		Number,
		BigInt,
		Math,
		Date,
		Map,
		Set,
		WeakMap,
		WeakSet,
		EventTarget,
		Error,
		EvalError,
		RangeError,
		ReferenceError,
		SyntaxError,
		TypeError,
		URIError,
		ArrayBuffer,
		[SharedArrayBuffer, "SharedArrayBuffer"],
		[Atomics, "Atomics"],
		DataView,
		[JSON, "JSON"],
		Promise,
		[Reflect, "Reflect"],
		Proxy,
		[Intl, "Intl"],
		Intl.Collator,
		Intl.DateTimeFormat,
		Intl.ListFormat,
		Intl.NumberFormat,
		Intl.PluralRules,
		Intl.RelativeTimeFormat,
		Intl.Locale,
		[WebAssembly, "WebAssembly"],
		WebAssembly.Module,
		WebAssembly.Instance,
		WebAssembly.Memory,
		WebAssembly.Table,
		WebAssembly.CompileError,
		WebAssembly.LinkError,
		WebAssembly.RuntimeError,
		/*globalThis,*/
	];
	let cnt = 0;
	jsObjectArray.forEach((obj) => {
		// This is moved out of the thread 
		// to preventblocking updating the DOM
		setTimeout(createEntry, 1000);
		function createEntry() {
			console.log("obj", obj);
			if (!obj[1]) {
				makeMethodList(obj);
			} else {
				makeMethodList(obj[0], obj[1]);
			}
			cnt++;
			const cntBox = document.getElementById('count-box');
			const cntPercentage = cnt/jsObjectArray.length * 100;
			cntBox.innerText = cntPercentage.toFixed(2);
			console.log('cntPercentage >= 1', cntPercentage >= 1)
			if(cntPercentage >= 100) finish(startTime);
		}
	});
}

const startBtn = document.getElementById('start-button');
startBtn.addEventListener('click', beginSearch)