Improved design, add setting for image previews, add prompt for new location

1 files changed, 89 insertions, 0 deletions

diff --git a/js/KeyValueStore.ts b/js/KeyValueStore.ts
new file mode 100644
index 0000000..fd8f39e
--- /dev/null
+++ b/js/KeyValueStore.ts
@@ -0,0 +1,89 @@
+type KeyValueStoreCallback<T> = (value: T) => void;
+
+interface IKeyValueStoreParam<T> {
+    value: T;
+    valueRange?: T[];
+    callbacks?: KeyValueStoreCallback<T>[];
+}
+
+type KeyValueStoreData<T> = { [K in keyof T]: IKeyValueStoreParam<T[K]> };
+
+class KeyValueStore<T> {
+    constructor(private data: KeyValueStoreData<T>) {
+        for (const id of Object.keys(data)) {
+            const props = data[id as keyof typeof data];
+
+            if (props.valueRange && props.valueRange.indexOf(props.value) === -1) {
+                throw new Error(`Invalid value "${props.value}" for ID "${id}"`);
+            }
+        }
+    }
+
+    public getValue(id: keyof T) {
+        return this.data[id].value;
+    }
+
+    public setValue<K extends keyof T>(id: K, value: T[K]) {
+        const props = this.data[id];
+
+        if (props.valueRange) {
+            const valueIndex = props.valueRange.indexOf(value);
+            if (valueIndex === -1) {
+                throw new Error(`Invalid value "${value}" for ID "${id}"`);
+            }
+        }
+
+        props.value = value;
+
+        if (props.callbacks) {
+            props.callbacks.forEach(callback => {
+                callback(value);
+            });
+        }
+    }
+
+    public cycleValue<K extends keyof T>(id: K, dir: -1 | 1 = 1) {
+        const props = this.data[id];
+
+        if (!props) {
+            throw new Error(`Invalid ID "${id}"`);
+        }
+
+        let value = props.value;
+
+        if (props.valueRange) {
+            let valueIndex = props.valueRange.indexOf(value) + dir;
+
+            if (valueIndex >= props.valueRange.length) {
+                valueIndex = 0;
+            } else if (valueIndex < 0) {
+                valueIndex = props.valueRange.length - 1;
+            }
+
+            value = props.value = props.valueRange[valueIndex];
+        } else if (typeof value === "number") {
+            (value as number) += dir;
+            props.value = value;
+        } else {
+            throw new Error(`Can't cycle "${id}"`);
+        }
+
+        if (props.callbacks) {
+            props.callbacks.forEach(callback => {
+                callback(value);
+            });
+        }
+
+        return value;
+    }
+
+    public addCallback<K extends keyof T>(id: K, callback: KeyValueStoreCallback<T[K]>) {
+        const props = this.data[id];
+
+        if (!props.callbacks) {
+            props.callbacks = [];
+        }
+
+        props.callbacks.push(callback);
+    }
+}