const status_div = document.querySelector('div#status')!
onerror = function (error) {
    status_div.innerHTML = error.toString()
    throw error
}
onunhandledrejection = (event) => onerror!(event.reason)

import { SugoiAuthProvider, WebStorage } from 'twitch-cloud-ebs'
const origin = 'https://ebs.sugoidogo.com'

const client_id = 'ib2n7v7mur7ab2mcxv7rjju2ctsyoi'
const scope = 'moderator:read:followers channel:read:subscriptions bits:read channel:read:charity chat:read chat:edit moderation:read channel:manage:moderators user:read:chat'

const authProvider = new SugoiAuthProvider(client_id, origin)
const tokens=await authProvider.addUser(...scope.split(' '))

const webStorage = new WebStorage(authProvider, undefined, origin)

document.querySelector<HTMLAnchorElement>('#timer-link').href += '?refresh_token=' + tokens.refresh_token
status_div.innerHTML = 'Loading settings...'
const config = await webStorage.fetch('config.json')
    .then(async response => {
        if (response.ok) {
            try {
                return await response.json()
            } catch {
                return {}
            }
        }
        console.warn(response.status, await response.text())
        return {}
    }
    ).then(config => {
        for (const checkbox of document.querySelectorAll<HTMLInputElement>('input[type=checkbox]')) {
            checkbox.checked = false
        }
        for (const key in config) {
            const input = document.querySelector<HTMLInputElement>('[name=' + key + ']')
            if (!input) {
                continue
            }
            if (input.type == 'checkbox') {
                input.checked = true
            } else {
                input.value = config[key]
            }
        }
    })
status_div.innerHTML = 'Ready!'
document.querySelector<HTMLFormElement>('form#config').onsubmit = async function (event) {
    event.preventDefault()
    status_div.innerHTML = 'Saving settings...'
    const config = Object.fromEntries(new FormData(event.target as HTMLFormElement))
    await webStorage.fetch('config.json', {
        method: 'POST',
        body: JSON.stringify(config)
    }).then(response=>{
        if(!response.ok){
            throw new Error(response.statusText,{cause:response})
        }
    })
    status_div.innerHTML = 'Settings saved'
}