SupClient: Add SupClient.readFile for reading local files (from drag'…

…n'drop / file input)

SupClient/SupClient.d.ts

@@ -8,7 +8,8 @@ declare namespace SupClient {
   export const query: { project: string, asset: string; [key: string]: string; };
   export const cookies: Cookies.CookiesStatic;
 
-  export function fetch(url: string, responseType: string, callback: (err: Error, data: any) => any): void;
+  export function fetch(url: string, responseType: string, callback: (err: Error, data: any) => void): void;
+  export function readFile(file: File, type: string, callback: (err: Error, data: any) => void): void;
 
   export function registerPlugin<T>(contextName: string, pluginName: string, plugin: T): void;
   export function getPlugins<T>(contextName: string): { [pluginName: string]: { path: string; content: T; } };

SupClient/src/fetch.ts

@@ -1,4 +1,4 @@
-export default function fetch(url: string, type: string, callback: (err: Error, data?: any) => any) {
+export default function fetch(url: string, type: string, callback: (err: Error, data?: any) => void) {
   const xhr = new XMLHttpRequest();
   xhr.open("GET", url, true);
   xhr.responseType = type;

SupClient/src/index.ts

@@ -5,6 +5,7 @@ import * as cookies from "js-cookie";
 
 /* tslint:disable:no-unused-variable */
 import fetch from "./fetch";
+import readFile from "./readFile";
 import ProjectClient from "./ProjectClient";
 import setupHotkeys, { setupHelpCallback } from "./setupHotkeys";
 import * as table from "./table";
@@ -15,7 +16,7 @@ import * as i18n from "./i18n";
 import * as ResizeHandle from "resize-handle";
 import * as TreeView from "dnd-tree-view";
 
-export { fetch, cookies, ProjectClient, setupHotkeys, setupHelpCallback, table, Dialogs, i18n };
+export { fetch, readFile, cookies, ProjectClient, setupHotkeys, setupHelpCallback, table, Dialogs, i18n };
 
 export const isApp = window.navigator.userAgent.indexOf("Electron") !== -1;
 export const query = querystring.parse(window.location.search.slice(1));

SupClient/src/readFile.ts

@@ -0,0 +1,30 @@
+export default function readFile(file: File, type: string, callback: (err: Error, data?: any) => void) {
+  const reader = new FileReader;
+
+  reader.onload = (event) => {
+    let data: any;
+
+    if (type === "json") {
+      try { data = JSON.parse((event.target as FileReader).result); }
+      catch (err) { callback(err, null); return; }
+    } else{
+      data = (event.target as FileReader).result;
+    }
+
+    callback(null, data);
+  };
+
+  switch (type) {
+    case "text":
+    case "json":
+      reader.readAsText(file);
+      break;
+
+    case "arraybuffer":
+      reader.readAsArrayBuffer(file);
+      break;
+
+    default:
+      callback(new Error(`Unsupported readFile type: ${type}`));
+  }
+}