MapComplete/app/land.ts

import { OsmConnection } from "../src/Logic/Osm/OsmConnection"
import Constants from "../src/Models/Constants"
import { Utils } from "../src/Utils"
import { UIEventSource } from "../src/Logic/UIEventSource"
import { QueryParameters } from "../src/Logic/Web/QueryParameters"

console.log("Authorizing...")
const key = Constants.osmAuthConfig.url + "oauth2_state"
const st = window.localStorage.getItem(key)
console.log("Prev state is", key, st)
const tokenSrc = new UIEventSource("")
const debug = new UIEventSource<string[]>([])

const connection = new OsmConnection()
connection.finishLogin(async () => {
    let token: string = undefined
    let attempt = 0
    do {
        await Utils.waitFor(500)
        token = connection.getToken()
        tokenSrc.set("Trying to get token (" + attempt + ")")
        attempt++

        const dbg = []
        Object.keys(localStorage).forEach((key) => {
            dbg.push(`${key} - ${localStorage.getItem(key)}`)
        })
        debug.set(dbg)

        if (attempt > 10) {
            QueryParameters.ClearAll()
            window.location.reload()
        }
    } while (!token)
    console.log("Login finished, redirecting to passthrough; token is " + token)
    tokenSrc.set(token)
    if (!token) {
        tokenSrc.set("ERROR: no token retrieved!")
        return
    }
    window.location.href = "https://app.mapcomplete.org/passthrough.html?oauth_token=" + token
})