frontend: port to typescript

frontend/package.json

@@ -26,11 +26,14 @@
         "sass": "^1.49.9",
         "sass-loader": "^12.6.0",
         "style-loader": "^3.3.1",
+        "ts-loader": "^9.2.8",
+        "typescript": "^4.6.2",
         "webpack": "^5.70.0",
         "webpack-cli": "^4.9.2",
         "webpack-dev-server": "^4.7.4"
     },
     "dependencies": {
+        "@types/crypto-js": "^4.1.1",
         "bootstrap": "^5.1.3",
         "crypto-js": "^4.1.1",
         "pretty-bytes": "^6.0.0",

frontend/src/api.ts

@@ -0,0 +1,18 @@
+const apiBase = "/api/v1";
+
+export async function apiRequest(req: string, body: object, method = "POST") {
+    let resp = await fetch(`${apiBase}/${req}`, {
+        method: method,
+        mode: "cors",
+        headers: {
+            "Content-Type": "application/json"
+        },
+        body: method === "POST" ? JSON.stringify(body) : undefined
+    });
+
+    if (resp.status !== 200) {
+        throw resp;
+    }
+
+    return resp.json();
+}

frontend/src/checksum.js → frontend/src/checksum.ts

@@ -1,8 +1,8 @@
-import SHA256 from "crypto-js/sha256";
-import MD5 from "crypto-js/md5";
-import WordArray from "crypto-js/lib-typedarrays";
+import * as SHA256 from "crypto-js/sha256";
+import * as MD5 from "crypto-js/md5";
+import * as WordArray from "crypto-js/lib-typedarrays";
 
-function wordToUintArray(wordArray) {
+function wordToUintArray(wordArray: WordArray) {
     const l = wordArray.sigBytes;
     const words = wordArray.words;
     const result = new Uint8Array(l);
@@ -31,17 +31,17 @@ function wordToUintArray(wordArray) {
     return result;
 }
 
-export async function sha256sum(blob) {
+export async function sha256sum(buf: ArrayBuffer): Promise<Uint8Array> {
     if (window.crypto.subtle !== undefined) {
-        return await crypto.subtle.digest("SHA-256", blob);
+        let ab = await crypto.subtle.digest("SHA-256", buf);
     }
 
-    let wa = WordArray.create(blob);
+    let wa = WordArray.create(buf as unknown as number[]);
     return wordToUintArray(SHA256(wa));
 }
 
-export async function md5sum(blob) {
-    const wa = WordArray.create(blob);
+export async function md5sum(buf: ArrayBuffer): Promise<Uint8Array> {
+    const wa = WordArray.create(buf as unknown as number[]);
     const hash = MD5(wa);
     return wordToUintArray(hash);
 }

frontend/src/config.ts

@@ -0,0 +1,9 @@
+class ExpirationClass {
+    tag: string = "";
+    title: string = "";
+    days: number = 0;
+};
+
+export class Config {
+    expiration_classes: Array<ExpirationClass> = [];
+}

frontend/src/file.ts

@@ -0,0 +1,3 @@
+export class ChecksummedFile extends File {
+    checksum: Uint8Array
+}