Made query string track the location

Logic/QueryParameters.ts

@@ -0,0 +1,58 @@
+/**
+ * Wraps the query parameters into UIEventSources
+ */
+import {UIEventSource} from "../UI/UIEventSource";
+
+export class QueryParameters {
+
+    private static order: string [] = ["layout","test","zoom","lat","lon"];
+    private static knownSources = QueryParameters.init();
+    
+    private static addOrder(key){
+        if(this.order.indexOf(key) < 0){
+            this.order.push(key)
+        }
+    }
+
+    private static init() {
+        const knownSources = {}
+        if (window.location.search) {
+            const params = window.location.search.substr(1).split("&");
+            for (const param of params) {
+                const kv = param.split("=");
+                const key = kv[0];
+                QueryParameters.addOrder(key)
+                const v = kv[1];
+                const source = new UIEventSource<string>(v);
+                source.addCallback(() => QueryParameters.Serialize())
+                knownSources[key] = source;
+            }
+        }
+        return knownSources;
+    }
+
+    private static Serialize() {
+        const parts = []
+        for (const key of QueryParameters.order) {
+            if (QueryParameters.knownSources[key] === undefined || QueryParameters.knownSources[key].data === undefined) {
+                continue;
+            }
+            parts.push(encodeURIComponent(key) + "=" + encodeURIComponent(QueryParameters.knownSources[key].data))
+        }
+        parts.sort();
+        history.replaceState(null, "", "?" + parts.join("&"));
+
+    }
+
+    public static GetQueryParameter(key: string): UIEventSource<string> {
+        if (QueryParameters.knownSources[key] !== undefined) {
+            return QueryParameters.knownSources[key];
+        }
+        QueryParameters.addOrder(key);
+        const source = new UIEventSource<string>(undefined);
+        QueryParameters.knownSources[key] = source;
+        source.addCallback(() => QueryParameters.Serialize())
+        return source;
+    }
+
+}