Move imageAttributionSources around, improve fixTheme script

Logic/ImageProviders/Imgur.ts

@@ -0,0 +1,136 @@
+// @ts-ignore
+import $ from "jquery"
+import {LicenseInfo} from "./Wikimedia";
+import ImageAttributionSource from "./ImageAttributionSource";
+import {UIEventSource} from "../UIEventSource";
+import BaseUIElement from "../../UI/BaseUIElement";
+
+export class Imgur extends ImageAttributionSource {
+    
+    public static readonly singleton = new Imgur(); 
+
+    private constructor() {
+        super();
+    }
+
+    static uploadMultiple(
+        title: string, description: string, blobs: FileList,
+        handleSuccessfullUpload: ((imageURL: string) => void),
+        allDone: (() => void),
+        onFail: ((reason: string) => void),
+        offset: number = 0) {
+
+        if (blobs.length == offset) {
+            allDone();
+            return;
+        }
+        const blob = blobs.item(offset);
+        const self = this;
+        this.uploadImage(title, description, blob,
+            (imageUrl) => {
+                handleSuccessfullUpload(imageUrl);
+                self.uploadMultiple(
+                    title, description, blobs,
+                    handleSuccessfullUpload,
+                    allDone,
+                    onFail,
+                    offset + 1);
+            },
+            onFail
+        );
+
+
+    }
+
+    static uploadImage(title: string, description: string, blob,
+                       handleSuccessfullUpload: ((imageURL: string) => void),
+                       onFail: (reason: string) => void) {
+
+        const apiUrl = 'https://api.imgur.com/3/image';
+        const apiKey = '7070e7167f0a25a';
+
+        const settings = {
+            async: true,
+            crossDomain: true,
+            processData: false,
+            contentType: false,
+            type: 'POST',
+            url: apiUrl,
+            headers: {
+                Authorization: 'Client-ID ' + apiKey,
+                Accept: 'application/json',
+            },
+            mimeType: 'multipart/form-data',
+        };
+        const formData = new FormData();
+        formData.append('image', blob);
+        formData.append("title", title);
+        formData.append("description", description)
+        // @ts-ignore
+        settings.data = formData;
+
+        // Response contains stringified JSON
+        // Image URL available at response.data.link
+        // @ts-ignore
+        $.ajax(settings).done(function (response) {
+            response = JSON.parse(response);
+            handleSuccessfullUpload(response.data.link);
+        }).fail((reason) => {
+            console.log("Uploading to IMGUR failed", reason);
+            // @ts-ignore
+            onFail(reason);
+        });
+    }
+
+    SourceIcon(): BaseUIElement {
+        return undefined;
+    }
+
+    protected DownloadAttribution(url: string): UIEventSource<LicenseInfo> {
+        const src = new UIEventSource<LicenseInfo>(undefined)
+
+
+        const hash = url.substr("https://i.imgur.com/".length).split(".jpg")[0];
+
+        const apiUrl = 'https://api.imgur.com/3/image/' + hash;
+        const apiKey = '7070e7167f0a25a';
+
+        const settings = {
+            async: true,
+            crossDomain: true,
+            processData: false,
+            contentType: false,
+            type: 'GET',
+            url: apiUrl,
+            headers: {
+                Authorization: 'Client-ID ' + apiKey,
+                Accept: 'application/json',
+            },
+        };
+        // @ts-ignore
+        $.ajax(settings).done(function (response) {
+            const descr: string = response.data.description ?? "";
+            const data: any = {};
+            for (const tag of descr.split("\n")) {
+                const kv = tag.split(":");
+                const k = kv[0];
+                data[k] = kv[1].replace("\r", "");
+            }
+
+
+            const licenseInfo = new LicenseInfo();
+
+            licenseInfo.licenseShortName = data.license;
+            licenseInfo.artist = data.author;
+
+            src.setData(licenseInfo)
+
+        }).fail((reason) => {
+            console.log("Getting metadata from to IMGUR failed", reason)
+        });
+
+        return src;
+    }
+
+
+}