Feature: image upload now uses the indexedDB-backed queue (formerly known as EmergencyBackup), rework (and simplify) counter logic (fix #2186; fix #1942; helps #2022)

src/Logic/ImageProviders/ImageUploadQueue.ts

@@ -0,0 +1,46 @@
+import { IdbLocalStorage } from "../Web/IdbLocalStorage"
+import { Store, UIEventSource } from "../UIEventSource"
+
+export interface ImageUploadArguments {
+    readonly featureId: string,
+    readonly author: string,
+    readonly blob: File,
+    readonly targetKey: string | undefined,
+    readonly noblur: boolean,
+    readonly location: [number, number],
+    readonly layoutId: string
+    readonly date: number
+}
+
+/**
+ * The 'imageUploadQueue' keeps track of all images that should still be uploaded.
+ * It is backed up in the indexedDB as to not drop images in case of connection problems
+ */
+export default class ImageUploadQueue {
+
+    public static readonly singleton = new ImageUploadQueue()
+    private readonly _imagesInQueue: UIEventSource<ImageUploadArguments[]>
+
+    public readonly imagesInQueue: Store<ImageUploadArguments[]>
+
+    private constructor() {
+        this._imagesInQueue = IdbLocalStorage.Get<ImageUploadArguments[]>("failed-images-backup", { defaultValue: [] })
+        this.imagesInQueue = this._imagesInQueue
+    }
+
+    public add(args: ImageUploadArguments) {
+        this._imagesInQueue.data.push(args)
+        console.log("Got args", args)
+        this._imagesInQueue.ping()
+    }
+
+    public delete(img: ImageUploadArguments) {
+        const index = this._imagesInQueue.data.indexOf(img)
+        if (index < 0) {
+            return
+        }
+        this._imagesInQueue.data.splice(index, 1)
+        this._imagesInQueue.ping()
+    }
+
+}