web: add api response types & clean up DownloadButton

web/src/lib/api.ts

@@ -1,3 +1,5 @@
+import type { CobaltAPIResponse } from "$lib/types/api";
+
 const apiURL = "https://api.cobalt.tools";
 
 const request = async (url: string) => {
@@ -5,7 +7,7 @@ const request = async (url: string) => {
         url
     }
 
-    const response = await fetch(`${apiURL}/api/json`, {
+    const response: CobaltAPIResponse | undefined = await fetch(`${apiURL}/api/json`, {
         method: "POST",
         body: JSON.stringify(request),
         headers: {

web/src/lib/types/api.ts

@@ -0,0 +1,46 @@
+enum CobaltResponseType {
+    Error = 'error',
+    RateLimit = 'rate-limit',
+    Picker = 'picker',
+    Redirect = 'redirect',
+    Stream = 'stream'
+}
+
+type CobaltErrorResponse = {
+    status: CobaltResponseType.Error | CobaltResponseType.RateLimit,
+    text: string
+};
+
+type CobaltPartialURLResponse = { url: string }
+
+type CobaltPartialImagesPickerResponse = {
+    pickerType: 'images',
+    picker: CobaltPartialURLResponse[]
+}
+
+type CobaltPartialVariousPickerResponse = {
+    pickerType: 'various',
+    picker: {
+        type: 'photo' | 'video',
+        url: string,
+        thumb: string
+    }[];
+}
+
+type CobaltPickerResponse = {
+    status: CobaltResponseType.Picker
+    audio: string | false,
+} & (CobaltPartialImagesPickerResponse | CobaltPartialVariousPickerResponse);
+
+type CobaltRedirectResponse = {
+    status: CobaltResponseType.Redirect
+} & CobaltPartialURLResponse;
+
+type CobaltStreamResponse = {
+    status: CobaltResponseType.Stream
+} & CobaltPartialURLResponse;
+
+export type CobaltAPIResponse = CobaltErrorResponse
+                            | CobaltPickerResponse
+                            | CobaltRedirectResponse
+                            | CobaltStreamResponse;