MapComplete/index.ts

import {FixedUiElement} from "./UI/Base/FixedUiElement";
import {QueryParameters} from "./Logic/Web/QueryParameters";
import Combine from "./UI/Base/Combine";
import AvailableBaseLayers from "./Logic/Actors/AvailableBaseLayers";
import MinimapImplementation from "./UI/Base/MinimapImplementation";
import CountryCoder from "latlon2country/index";
import SimpleMetaTagger from "./Logic/SimpleMetaTagger";
import {Utils} from "./Utils";
import AllThemesGui from "./UI/AllThemesGui";
import DetermineLayout from "./Logic/DetermineLayout";
import LayoutConfig from "./Models/ThemeConfig/LayoutConfig";
import DefaultGUI, {DefaultGuiState} from "./UI/DefaultGUI";
import State from "./State";
import AvailableBaseLayersImplementation from "./Logic/Actors/AvailableBaseLayersImplementation";
import ShowOverlayLayerImplementation from "./UI/ShowDataLayer/ShowOverlayLayerImplementation";

// Workaround for a stupid crash: inject some functions which would give stupid circular dependencies or crash the other nodejs scripts running from console
MinimapImplementation.initialize()
AvailableBaseLayers.implement(new AvailableBaseLayersImplementation())
SimpleMetaTagger.coder = new CountryCoder("https://pietervdvn.github.io/latlon2country/");
ShowOverlayLayerImplementation.Implement();
// Miscelleanous

Utils.DisableLongPresses()

// --------------------- Special actions based on the parameters -----------------
// @ts-ignore
if (location.href.startsWith("http://buurtnatuur.be")) {
    // Reload the https version. This is important for the 'locate me' button
    window.location.replace("https://buurtnatuur.be");
}


class Init {
    public static Init(layoutToUse: LayoutConfig, encoded: string) {

        if(layoutToUse === null){
            // Something went wrong, error message is already on screen
            return;
        }
        
        if (layoutToUse === undefined) {
            // No layout found
            new AllThemesGui()
            return;
        }

        // Workaround/legacy to keep the old paramters working as I renamed some of them
        if (layoutToUse?.id === "cyclofix") {
            const legacy = QueryParameters.GetQueryParameter("layer-bike_shops", "true", "Legacy - keep De Fietsambassade working");
            const correct = QueryParameters.GetQueryParameter("layer-bike_shop", "true", "Legacy - keep De Fietsambassade working")
            if (legacy.data !== "true") {
                correct.setData(legacy.data)
            }
            console.log("layer-bike_shop toggles: legacy:", legacy.data, "new:", correct.data)

            const legacyCafe = QueryParameters.GetQueryParameter("layer-bike_cafes", "true", "Legacy - keep De Fietsambassade working")
            const correctCafe = QueryParameters.GetQueryParameter("layer-bike_cafe", "true", "Legacy - keep De Fietsambassade working")
            if (legacyCafe.data !== "true") {
                correctCafe.setData(legacy.data)
            }
        }


        const guiState = new DefaultGuiState()
        State.state = new State(layoutToUse);
        // This 'leaks' the global state via the window object, useful for debugging
        // @ts-ignore
        window.mapcomplete_state = State.state;
        new DefaultGUI(State.state, guiState)

        if (encoded !== undefined && encoded.length > 10) {
            // We save the layout to the user settings and local storage
            State.state.osmConnection.OnLoggedIn(() => {
                State.state.osmConnection
                    .GetLongPreference("installed-theme-" + layoutToUse.id)
                    .setData(encoded);
            });
        }
    }
}


document.getElementById("decoration-desktop").remove();
new Combine(["Initializing... <br/>",
    new FixedUiElement("<a>If this message persist, something went wrong - click here to try again</a>")
        .SetClass("link-underline small")
        .onClick(() => {
            localStorage.clear();
            window.location.reload(true);

        })])
    .AttachTo("centermessage"); // Add an initialization and reset button if something goes wrong


DetermineLayout.GetLayout().then(value => {
    console.log("Got ", value)
    Init.Init(value[0], value[1])
}).catch(err => {
    console.error("Error while initializing: ", err, err.stack)
})