import { createForm } from '@felte/solid' import { validator } from '@felte/validator-zod' import { useNavigate } from '@solidjs/router' import { For, Show, createEffect, createResource, createSignal, onMount, } from 'solid-js' import { z } from 'zod' import { fetchBackendConfigAPI, fetchBackendVersionAPI, flushFakeIPDataAPI, flushingFakeIPData, reloadConfigFileAPI, reloadingConfigFile, restartBackendAPI, restartingBackend, updateBackendConfigAPI, updateGEODatabasesAPI, updatingGEODatabases, upgradeBackendAPI, upgradingBackend, } from '~/apis' import { Button, ConfigTitle } from '~/components' import { MODE_OPTIONS, ROUTES, themes } from '~/constants' import { useI18n } from '~/i18n' import { autoSwitchTheme, favDayTheme, favNightTheme, setAutoSwitchTheme, setFavDayTheme, setFavNightTheme, setSelectedEndpoint, setUseTwemoji, useRequest, useTwemoji, } from '~/signals' import type { DNSQuery } from '~/types' const dnsQueryFormSchema = z.object({ name: z.string(), type: z.string(), }) const DNSQueryForm = () => { const [t] = useI18n() const request = useRequest() const { form, isSubmitting } = createForm>( { extend: validator({ schema: dnsQueryFormSchema }), onSubmit: async (values) => { request .get('dns/query', { searchParams: { name: values.name, type: values.type }, }) .json() .then(({ Answer }) => setDNSQueryResult(Answer?.map(({ data }) => data) || []), ) }, }, ) const [DNSQueryResult, setDNSQueryResult] = createSignal([]) return (
0}>
{(item) =>
{item}
}
) } const configFormSchema = z.object({ port: z.number(), 'socks-port': z.number(), 'redir-port': z.number(), 'tproxy-port': z.number(), 'mixed-port': z.number(), }) const ConfigForm = () => { const [t] = useI18n() const navigate = useNavigate() const portList = [ { label: 'HTTP Port', key: 'port', onChange: (e: Event & { target: HTMLInputElement }) => void updateBackendConfigAPI('port', Number(e.target.value), refetch), }, { label: 'Socks Port', key: 'socks-port', onChange: (e: Event & { target: HTMLInputElement }) => void updateBackendConfigAPI( 'socks-port', Number(e.target.value), refetch, ), }, { label: 'Redir Port', key: 'redir-port', onChange: (e: Event & { target: HTMLInputElement }) => void updateBackendConfigAPI( 'redir-port', Number(e.target.value), refetch, ), }, { label: 'TProxy Port', key: 'tproxy-port', onChange: (e: Event & { target: HTMLInputElement }) => void updateBackendConfigAPI( 'tproxy-port', Number(e.target.value), refetch, ), }, { label: 'Mixed Port', key: 'mixed-port', onChange: (e: Event & { target: HTMLInputElement }) => void updateBackendConfigAPI( 'mixed-port', Number(e.target.value), refetch, ), }, ] const { form, setInitialValues, reset } = createForm< z.infer >({ extend: validator({ schema: configFormSchema }) }) const [configsData, { refetch }] = createResource(fetchBackendConfigAPI) createEffect(() => { const configs = configsData() if (configs) { setInitialValues(configs) reset() } }) return (
{(item) => (
)}
void updateBackendConfigAPI( 'tun', { enable: e.target.checked }, refetch, ) } />
void updateBackendConfigAPI( 'tun', { device: e.target.value }, refetch, ) } />
void updateBackendConfigAPI( 'interface-name', e.target.value, refetch, ) } />
) } const ConfigForXd = () => { const [t] = useI18n() return (
{t('autoSwitchTheme')} setAutoSwitchTheme(e.target.checked)} />
{t('favDayTheme')}
{t('favNightTheme')}
{t('useTwemoji')} setUseTwemoji(e.target.checked)} />
) } const Versions = () => { const [backendVersion, setBackendVersion] = createSignal('') onMount(async () => { const version = await fetchBackendVersionAPI() setBackendVersion(version) }) return (
{import.meta.env.version} {backendVersion()}
) } export default () => { const [t] = useI18n() return (
{t('dnsQuery')} {t('coreConfig')} {t('xdConfig')} {t('version')}
) }