56 lines
2.1 KiB
TypeScript
56 lines
2.1 KiB
TypeScript
import DetermineLayout from "./Logic/DetermineLayout"
|
|
import ThemeViewState from "./Models/ThemeViewState"
|
|
import SvelteUIElement from "./UI/Base/SvelteUIElement"
|
|
import ThemeViewGUI from "./UI/ThemeViewGUI.svelte"
|
|
import { FixedUiElement } from "./UI/Base/FixedUiElement"
|
|
import Combine from "./UI/Base/Combine"
|
|
import { SubtleButton } from "./UI/Base/SubtleButton"
|
|
import { Utils } from "./Utils"
|
|
import Download from "./assets/svg/Download.svelte"
|
|
|
|
function webgl_support() {
|
|
try {
|
|
const canvas = document.createElement("canvas")
|
|
return (
|
|
!!window.WebGLRenderingContext &&
|
|
(canvas.getContext("webgl") || canvas.getContext("experimental-webgl"))
|
|
)
|
|
} catch (e) {
|
|
return false
|
|
}
|
|
}
|
|
|
|
// @ts-ignore
|
|
try {
|
|
if (!webgl_support()) {
|
|
throw "WebGL is not supported or not enabled. This is essential for MapComplete to function, please enable this."
|
|
}
|
|
DetermineLayout.GetLayout()
|
|
.then((layout) => {
|
|
const state = new ThemeViewState(layout)
|
|
const main = new SvelteUIElement(ThemeViewGUI, { state })
|
|
main.AttachTo("maindiv")
|
|
})
|
|
.catch((err) => {
|
|
console.error("Error while initializing: ", err, err.stack)
|
|
const customDefinition = DetermineLayout.getCustomDefinition()
|
|
new Combine([
|
|
new FixedUiElement(err).SetClass("block alert"),
|
|
|
|
customDefinition?.length > 0
|
|
? new SubtleButton(
|
|
new SvelteUIElement(Download),
|
|
"Download the raw file"
|
|
).onClick(() =>
|
|
Utils.offerContentsAsDownloadableFile(
|
|
DetermineLayout.getCustomDefinition(),
|
|
"mapcomplete-theme.json",
|
|
{ mimetype: "application/json" }
|
|
)
|
|
)
|
|
: undefined,
|
|
]).AttachTo("maindiv")
|
|
})
|
|
} catch (err) {
|
|
new FixedUiElement(err).SetClass("block alert").AttachTo("maindiv")
|
|
}
|