import { field, logger, time } from "@coder/logger";
const loadTime = time(2500);

import { Client, IURI, setUriFactory } from "@coder/ide";
import { URI } from "vs/base/common/uri";
import "./firefox";

setUriFactory({
	// TODO: not sure why this is an error.
	// tslint:disable-next-line no-any
	create: <URI>(uri: IURI): URI => URI.from(uri) as any,
	file: (path: string): IURI => URI.file(path),
	parse: (raw: string): IURI => URI.parse(raw),
});

// export const client = new Client({
// 	mkDirs: [
// 		"~/vscode/extensions",
// 		"~/.config/User",
// 	],
// });

// const overlayElement = document.getElementById("overlay");
// const msgElement = overlayElement
// 	? overlayElement.querySelector(".message") as HTMLElement
// 	: undefined;

// const importTime = time(1500);
// import(/* webpackPrefetch: true */ "./workbench").then((module) => {
// 	logger.info("Loaded workbench bundle", field("duration", importTime));
// 	const initTime = time(1500);

// 	return module.initialize(client).then(() => {
// 		logger.info("Initialized workbench", field("duration", initTime));
// 		logger.info("Load completed", field("duration", loadTime));
// 		if (overlayElement) {
// 			overlayElement.style.opacity = "0";
// 			overlayElement.addEventListener("transitionend", () => {
// 				overlayElement.remove();
// 			});
// 		}
// 	});
// }).catch((error) => {
// 	logger.error(error);
// 	if (overlayElement) {
// 		overlayElement.classList.add("error");
// 	}
// 	if (msgElement) {
// 		msgElement.innerText = `Failed to load: ${error.message}. Retrying in 3 seconds...`;
// 	}
// 	setTimeout(() => {
// 		location.reload();
// 	}, 3000);
// });