Onboarding Project: Maxwill

.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Debug in Chrome",
+            "url": "http://localhost:2050/",
+            "webRoot": "${workspaceFolder}",
+            "sourceMapPathOverrides": {
+                "webpack:///./*": "${webRoot}/*"
+            }
+        }
+    ]
+}

.vscode/tasks.json

@@ -0,0 +1,15 @@
+{
+	"version": "2.0.0",
+	"tasks": [
+		{
+			"type": "typescript",
+			"tsconfig": "tsconfig.json",
+			"option": "watch",
+			"problemMatcher": [
+				"$tsc-watch"
+			],
+			"group": "build",
+			"label": "tsc: watch - tsconfig.json"
+		}
+	]
+}

apiManager.ts

@@ -0,0 +1,30 @@
+export class ApiManager {
+	private mainUrl: string;
+	constructor(mainUrl: string) {
+		this.mainUrl = mainUrl;
+	}
+
+	private fetchJson(mainUrl: string): Promise<any> {
+		return fetch(mainUrl)
+			.then(res => res.text())
+			.then(data => JSON.parse(data))
+			.catch((err) => {
+				throw err
+			})
+	}
+
+	// This function  will handle retrieving the records from the api
+	getRecords(fromID: number, toID: number): Promise<string[][]> {
+		return this.fetchJson(`${this.mainUrl}records?from=${fromID}&to=${toID}`);
+	}
+
+	// This function  will handle retrieving the columns from the api
+	getColumns(): Promise<string[]> {
+		return this.fetchJson(`${this.mainUrl}columns`);
+	}
+
+	// This function  will handle retrieving the record count from the api
+	getRecordCount(): Promise<number> {
+		return this.fetchJson(`${this.mainUrl}recordCount`);
+	}
+}