Small refactor for user preferences

static/js/api.mjs

@@ -1,7 +1,7 @@
 export class API {
 	// query resolves into the JSON data produced by the application, or an exception with 'type' and 'error' properties.
 	static async query(method, path, request) {
-		return new Promise((resolve, reject) => {
+		try {
 			const body = JSON.stringify(request)
 			const headers = {}
 
@@ -12,33 +12,22 @@ export class API {
 				headers.Authorization = `Bearer ${token}`
 			}
 
-			fetch(path, { method, headers, body })
-				.then(response => {
-					// An HTTP communication level error occured.
-					if (!response.ok || response.status != 200)
-						return reject({
-							type: 'http',
-							error: response,
-						})
-					return response.json()
-				})
-				.then(json => {
-					// Application level response are handled here.
-					if (!json.OK)
-						return reject({
-							type: 'application',
-							error: json.Error,
-							application: json,
-						})
-					resolve(json)
-				})
-				.catch(err =>
-					// Catch any other errors from fetch.
-					reject({
-						type: 'http',
-						error: err,
-					}))
-		})
+			const res = await fetch(path, { method, headers, body })
+			// An HTTP communication level error occured.
+			if (!res.ok || res.status != 200)
+				throw new Error('HTTP error', { cause: { type: 'http', error: res, }})
+
+			// Application level response are handled here.
+			const json = await res.json()
+			if (!json.OK)
+				throw new Error(json.Error, { cause: { type: 'application', application: json, }})
+
+			return json
+
+		} catch (err) {
+			// Catch any other errors from fetch.
+			throw new Error(err.message, { cause: { type: 'http', error: err, }})
+		}
 	}
 
 	static hasAuthenticationToken() {//{{{