More loading

packages/app/src/index.ts

@@ -1,10 +1,16 @@
-import { logger } from "@coder/logger";
+import { logger, field, time } from "@coder/logger";
+import { load } from "@coder/vscode";
 import "./index.scss";
 
-logger.info("Starting app");
+const loadTime = time(2500);
+logger.info("Loading IDE...");
 
 const overlay = document.getElementById("overlay");
 const logo = document.getElementById("logo");
+const msgElement = overlay
+	? overlay.querySelector(".message") as HTMLElement
+	: undefined;
+
 if (overlay && logo) {
 	overlay.addEventListener("mousemove", (event) => {
 		const xPos = ((event.clientX - logo.offsetLeft) / 24).toFixed(2);
@@ -14,4 +20,24 @@ if (overlay && logo) {
 	});
 }
 
-import "@coder/vscode";
+load().then(() => {
+	if (overlay) {
+		overlay.style.opacity = "0";
+		overlay.addEventListener("transitionend", () => {
+			overlay.remove();
+		});
+	}
+}).catch((error: Error) => {
+	logger.error(error.message);
+	if (overlay) {
+		overlay.classList.add("error");
+	}
+	if (msgElement) {
+		msgElement.innerText = `Failed to load: ${error.message}. Retrying in 3 seconds...`;
+	}
+	setTimeout(() => {
+		location.reload();
+	}, 3000);
+}).finally(() => {
+	logger.info("Load completed", field("duration", loadTime));
+});

packages/node-browser/src/child_process.ts

@@ -2,7 +2,6 @@ import * as cp from "child_process";
 import * as stream from "stream";
 import * as events from "events";
 import * as net from "net";
-import { wush, Session } from "@coder/wush";
 import { useBuffer, throwUnimplementedError, throwSyncError } from "./util";
 
 /**
@@ -34,7 +33,7 @@ class ChildProcess extends events.EventEmitter implements cp.ChildProcess {
 
 	private emitter = new events.EventEmitter();
 
-	public constructor(private session: Session) {
+	public constructor(private session) {
 		super();
 
 		this.emitter = new events.EventEmitter();

packages/node-browser/src/util.ts

@@ -59,7 +59,6 @@ export abstract class Queue<T> {
 
 	public constructor(max?: number) {
 		this.items = new Map();
-		this.run = run;
 		this.max = max;
 	}
 

packages/vscode/src/index.ts

@@ -1,10 +1,10 @@
 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";
 
+const load = (): Promise<void> => {
+	return new Promise((resolve, reject) => {
 		setUriFactory({
 			// TODO: not sure why this is an error.
 			// tslint:disable-next-line no-any
@@ -13,6 +13,8 @@ setUriFactory({
 			parse: (raw: string): IURI => URI.parse(raw),
 		});
 
+		reject(new Error("not finished"));
+
 		// export const client = new Client({
 		// 	mkDirs: [
 		// 		"~/vscode/extensions",
@@ -20,11 +22,6 @@ setUriFactory({
 		// 	],
 		// });
 
-// 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));
@@ -32,23 +29,11 @@ setUriFactory({
 
 		// 	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);
 		// });
+	});
+};
+
+export { load };