/** * Wraps the query parameters into UIEventSources */ import {UIEventSource} from "../UIEventSource"; import Hash from "./Hash"; import {Utils} from "../../Utils"; export class QueryParameters { private static order: string [] = ["layout", "test", "z", "lat", "lon"]; private static _wasInitialized: Set = new Set() private static knownSources = {}; private static initialized = false; static defaults = {} static documentation = {} public static GetQueryParameter(key: string, deflt: string, documentation?: string): UIEventSource { if (!this.initialized) { this.init(); } QueryParameters.documentation[key] = documentation; if (deflt !== undefined) { QueryParameters.defaults[key] = deflt; } if (QueryParameters.knownSources[key] !== undefined) { return QueryParameters.knownSources[key]; } QueryParameters.addOrder(key); const source = new UIEventSource(deflt, "&" + key); QueryParameters.knownSources[key] = source; source.addCallback(() => QueryParameters.Serialize()) return source; } public static GetBooleanQueryParameter(key: string, deflt: string, documentation?: string): UIEventSource { return QueryParameters.GetQueryParameter(key, deflt, documentation).map(str => str === "true", [], b => "" + b) } public static wasInitialized(key: string): boolean { return QueryParameters._wasInitialized.has(key) } private static addOrder(key) { if (this.order.indexOf(key) < 0) { this.order.push(key) } } private static init() { if (this.initialized) { return; } this.initialized = true; if (Utils.runningFromConsole) { return; } if (window?.location?.search) { const params = window.location.search.substr(1).split("&"); for (const param of params) { const kv = param.split("="); const key = decodeURIComponent(kv[0]); QueryParameters.addOrder(key) QueryParameters._wasInitialized.add(key) const v = decodeURIComponent(kv[1]); const source = new UIEventSource(v); source.addCallback(() => QueryParameters.Serialize()) QueryParameters.knownSources[key] = source; } } } private static Serialize() { const parts = [] for (const key of QueryParameters.order) { if (QueryParameters.knownSources[key]?.data === undefined) { continue; } if (QueryParameters.knownSources[key].data === "undefined") { continue; } if (QueryParameters.knownSources[key].data === QueryParameters.defaults[key]) { continue; } parts.push(encodeURIComponent(key) + "=" + encodeURIComponent(QueryParameters.knownSources[key].data)) } // Don't pollute the history every time a parameter changes history.replaceState(null, "", "?" + parts.join("&") + Hash.Current()); } }