feat: add direct nameserver support and update DNS configuration

Author: Ayideyia

frontend/src/constant/profile.ts

@@ -77,9 +77,8 @@ export const DnsConfigDefaults = (): ProfileType['dnsConfig'] => ({
   'use-system-hosts': true,
   'default-nameserver': [],
   nameserver: ['tls://8.8.8.8#' + t('kernel.proxyGroups.built-in.select')],
-  'proxy-server-nameserver': [
-    'https://223.5.5.5/dns-query#' + t('kernel.proxyGroups.built-in.direct'),
-  ],
+  'direct-nameserver': [],
+  'proxy-server-nameserver': [],
   'nameserver-policy': {
     'rule-set:GEOSITE-CN': 'https://223.5.5.5/dns-query#' + t('kernel.proxyGroups.built-in.direct'),
     'rule-set:geolocation-!cn': 'tls://8.8.8.8#' + t('kernel.proxyGroups.built-in.select'),

frontend/src/lang/locale/en.ts

@@ -114,6 +114,7 @@ export default {
       'use-hosts': 'Use Hosts',
       'use-system-hosts': 'Use System Hosts',
       'proxy-server-nameserver': 'Proxy Server Nameserver',
+      'direct-nameserver': 'Direct Nameserver',
       'nameserver-policy': 'Nameserver Policy',
       fallback: 'Fallback',
       'fallback-filter': {

frontend/src/lang/locale/zh.ts

@@ -113,6 +113,7 @@ export default {
       'use-hosts': '查询配置hosts',
       'use-system-hosts': '查询系统hosts',
       'proxy-server-nameserver': '代理节点域名解析服务器',
+      'direct-nameserver': '直连出口域名解析服务器',
       'nameserver-policy': '域名服务器策略',
       fallback: '后备域名解析服务器',
       ipv6: 'IPv6',

frontend/src/stores/profiles.ts

@@ -88,6 +88,7 @@ export type ProfileType = {
     'prefer-h3': boolean
     fallback: string[]
     'proxy-server-nameserver': string[]
+    'direct-nameserver': string[]
     'nameserver-policy': Record<string, any>
     'fallback-filter': {
       geoip: boolean

frontend/src/utils/generator.ts

@@ -304,6 +304,10 @@ export const generateConfig = async (originalProfile: ProfileType) => {
     delete config.dns['fallback-filter']
   }
 
+  if (config.dns['direct-nameserver'].length === 0) {
+    delete config.dns['direct-nameserver']
+  }
+
   if (config.dns['proxy-server-nameserver'].length === 0) {
     delete config.dns['proxy-server-nameserver']
   }

frontend/src/utils/migration.ts

@@ -14,6 +14,10 @@ export const migrateProfiles = async (profiles: ProfileType[], save: () => Promi
       profile.dnsConfig['fake-ip-range6'] = 'fc00::/18'
       needSync = true
     }
+    if (typeof profile.dnsConfig['direct-nameserver'] === 'undefined') {
+      profile.dnsConfig['direct-nameserver'] = []
+      needSync = true
+    }
   })
 
   if (needSync) await save()

frontend/src/utils/restorer.ts

@@ -27,7 +27,7 @@ export const restoreProfile = (
     generalConfig: GeneralConfigDefaults(),
     advancedConfig: AdvancedConfigDefaults(),
     dnsConfig: Object.assign(DnsConfigDefaults(), {
-      'proxy-server-nameserver': [],
+      nameserver: [],
       'nameserver-policy': {},
     }),
     tunConfig: TunConfigDefaults(),

frontend/src/views/ProfilesView/components/DnsConfig.vue

@@ -90,14 +90,6 @@ const [showMore, toggleMore] = useBool(false)
         </div>
       </div>
 
-      <div
-        class="form-item"
-        :class="{ 'items-start': fields['proxy-server-nameserver'].length !== 0 }"
-      >
-        {{ t('kernel.dns.proxy-server-nameserver') }}
-        <InputList v-model="fields['proxy-server-nameserver']" />
-      </div>
-
       <div
         class="form-item"
         :class="{ 'items-start': Object.keys(fields['nameserver-policy']).length !== 0 }"
@@ -109,6 +101,19 @@ const [showMore, toggleMore] = useBool(false)
         />
       </div>
 
+      <div class="form-item" :class="{ 'items-start': fields['direct-nameserver'].length !== 0 }">
+        {{ t('kernel.dns.direct-nameserver') }}
+        <InputList v-model="fields['direct-nameserver']" />
+      </div>
+
+      <div
+        class="form-item"
+        :class="{ 'items-start': fields['proxy-server-nameserver'].length !== 0 }"
+      >
+        {{ t('kernel.dns.proxy-server-nameserver') }}
+        <InputList v-model="fields['proxy-server-nameserver']" />
+      </div>
+
       <div class="form-item" :class="{ 'items-start': fields['fallback'].length !== 0 }">
         {{ t('kernel.dns.fallback') }}
         <InputList v-model="fields['fallback']" />