import {
    onSettingsModulesLoaded,
    refreshSettingsNavigator,
    refreshSettingsOverviewScreen,
} from '@revenge-mod/discord/modules/settings'
import {
    InternalPluginFlags,
    isPluginStartedLate,
    PluginFlags,
    registerInternalPlugin,
} from '@revenge-mod/plugins/_'
import pluginSettings from '../settings'
import * as dt from './devtools'
import defer * as rdt from './react-devtools'
import defer * as utils from './utils'
import type { PluginApi } from '@revenge-mod/plugins/types'

interface Storage {
    devTools: DevToolsSettings & { alias?: string }
    reactDevTools: DevToolsSettings
}

interface DevToolsSettings {
    address: string
    autoConnect: boolean
}

const defaultStorage: Storage = {
    devTools: {
        address: 'localhost:7864',
        autoConnect: false,
    },
    reactDevTools: {
        address: 'localhost:8097',
        autoConnect: false,
    },
}

// TODO(PalmDevs): only register in development builds once updates can be made automatic
registerInternalPlugin<{ jsonStorage: Storage }>(
    {
        id: 'revenge.developer-kit',
        name: 'Developer Kit',
        description: 'Tools assisting Revenge developers.',
        author: 'Revenge',
        icon: 'WrenchIcon',
        dependencies: { [pluginSettings]: {} },
    },
    {
        jsonStorage: {
            load: true,
            default: defaultStorage,
        },
        async start(api_) {
            api = api_

            onSettingsModulesLoaded(utils.register)

            if (isPluginStartedLate(api_.plugin)) {
                refreshSettingsOverviewScreen()
                refreshSettingsNavigator()
            }

            const settings = await api.jsonStorage.get()

            dt.DTContext.addr = settings.devTools.address
            dt.DTContext.alias = settings.devTools.alias ?? ''
            rdt.RDTContext.addr = settings.reactDevTools.address

            if (settings.devTools.autoConnect) dt.connect()
            if (settings.reactDevTools.autoConnect) rdt.connect()
        },
        stop({ cleanup }) {
            cleanup(refreshSettingsOverviewScreen, refreshSettingsNavigator)
        },
    },
    PluginFlags.Enabled,
    InternalPluginFlags.Internal,
)

// Expose to EvalJSSetting
export let api: PluginApi<{ jsonStorage: Storage }>