forked from MapComplete/MapComplete
Refactoring: move error logic into svelte component
This commit is contained in:
parent
06c096b21a
commit
9b27961d90
2 changed files with 42 additions and 24 deletions
35
src/index.ts
35
src/index.ts
|
|
@ -1,19 +1,13 @@
|
|||
import DetermineTheme from "./Logic/DetermineTheme"
|
||||
import SvelteUIElement from "./UI/Base/SvelteUIElement"
|
||||
import { FixedUiElement } from "./UI/Base/FixedUiElement"
|
||||
import Combine from "./UI/Base/Combine"
|
||||
import { SubtleButton } from "./UI/Base/SubtleButton"
|
||||
import { Utils } from "./Utils"
|
||||
import ArrowDownTray from "@babeard/svelte-heroicons/mini/ArrowDownTray"
|
||||
import SingleThemeGui from "./UI/SingleThemeGui.svelte"
|
||||
import CustomThemeError from "./UI/CustomThemeError.svelte"
|
||||
|
||||
|
||||
async function main() {
|
||||
const target = document.getElementById("maindiv")
|
||||
const childs = Array.from(target.children)
|
||||
try {
|
||||
|
||||
const theme = await DetermineTheme.getTheme()
|
||||
const target = document.getElementById("maindiv")
|
||||
const childs = Array.from(target.children)
|
||||
new SingleThemeGui({
|
||||
target,
|
||||
props: { theme }
|
||||
|
|
@ -25,22 +19,15 @@ async function main() {
|
|||
} catch (err) {
|
||||
console.error("Error while initializing: ", err, err.stack)
|
||||
const customDefinition = DetermineTheme.getCustomDefinition()
|
||||
new Combine([
|
||||
new FixedUiElement(err.toString().split("\n").join("<br/>")).SetClass("block alert"),
|
||||
|
||||
customDefinition?.length > 0
|
||||
? new SubtleButton(
|
||||
new SvelteUIElement(ArrowDownTray),
|
||||
"Download the raw file"
|
||||
).onClick(() =>
|
||||
Utils.offerContentsAsDownloadableFile(
|
||||
DetermineTheme.getCustomDefinition(),
|
||||
"mapcomplete-theme.json",
|
||||
{ mimetype: "application/json" }
|
||||
)
|
||||
)
|
||||
: undefined,
|
||||
]).AttachTo("maindiv")
|
||||
new CustomThemeError({
|
||||
target,
|
||||
props: {
|
||||
stack: err.toString().split("\n"),
|
||||
customDefinition
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue