import {OsmConnection, UserDetails} from "./Logic/Osm/OsmConnection"; import {VariableUiElement} from "./UI/Base/VariableUIElement"; import {UIEventSource} from "./Logic/UIEventSource"; import {ThemeGenerator} from "./UI/CustomThemeGenerator/ThemeGenerator"; import {Preview} from "./UI/CustomThemeGenerator/Preview"; import {LocalStorageSource} from "./Logic/Web/LocalStorageSource"; import {createHash} from "crypto"; import Combine from "./UI/Base/Combine"; import {Button} from "./UI/Base/Button"; import {FixedUiElement} from "./UI/Base/FixedUiElement"; import {State} from "./State"; import {TextField} from "./UI/Input/TextField"; const connection = new OsmConnection(true, new UIEventSource(undefined), "customThemeGenerator", false); connection.AttemptLogin(); let hash = window.location.hash?.substr(1); const localStorage = LocalStorageSource.Get("last-custom-save"); console.log("hash", hash) console.log("Saved: ", localStorage.data) if (hash === undefined || hash === "" && localStorage.data !== undefined) { const previous = localStorage.data.split("#"); hash = previous[1]; console.log("Using previously saved data ", hash) } const themeGenerator = new ThemeGenerator(connection, hash); themeGenerator.AttachTo("layoutCreator"); themeGenerator.url.syncWith(localStorage); function setDefault() { themeGenerator.themeObject.data.title = undefined; themeGenerator.themeObject.data.description = undefined; themeGenerator.themeObject.data.icon = undefined; themeGenerator.themeObject.data.language = ["en"]; themeGenerator.themeObject.data.name = undefined; themeGenerator.themeObject.data.startLat = 0; themeGenerator.themeObject.data.startLon = 0; themeGenerator.themeObject.data.startZoom = 12; themeGenerator.themeObject.data.maintainer = connection.userDetails.data.name; themeGenerator.themeObject.data.layers = []; themeGenerator.themeObject.data.widenFactor = 0.07; themeGenerator.themeObject.ping(); } var loadFrom = new TextField( { placeholder: "Load from a previous JSON (paste the value here)", toString: str => str, fromString: str => str, } ); loadFrom.GetValue().setData(""); const loadFromTextField = new Button("Load", () => { const parsed = JSON.parse(loadFrom.GetValue().data); setDefault(); for (const parsedKey in parsed) { themeGenerator.themeObject.data[parsedKey] = parsed[parsedKey]; } themeGenerator.themeObject.ping(); loadFrom.GetValue().setData(""); }); new Combine([ new Preview(themeGenerator.url, themeGenerator.testurl, themeGenerator.themeObject), loadFrom, loadFromTextField, "Loading from the text field will erase the current theme", "

Danger zone

", "
", new Button("Clear theme", setDefault), "
", "Version: ", State.vNumber ]).AttachTo("preview");