Merge b57bba48a9a35fdbea1a620260a7cb5a71a65354 into 8023d147b0b4782d89935802329270c629f0f5d2

2025-06-16 16:28:23 +00:00 · 2024-01-24 22:59:36 -08:00
43 changed files with 2937 additions and 2013 deletions
--- a/Release.md
+++ b/Release.md
@ -1,11 +1,3 @@
 ### Deprecation Notices

 * Using an underscore in a flag name is deprecated and has been replaced by a hyphen. The underscore format will remain compatible for some time, until it is completely removed in a future version. For example, `--remote_port` is replaced with `--remote-port`.
-
-### Features
-
-* The `Refresh` and `ClearOfflineProxies` buttons have been added to the Dashboard of frps.
-
-### Fixes
-
-* The host/domain matching in the routing rules has been changed to be case-insensitive.
--- a/assets/frpc/static/index-1c7ed8b0.js
+++ b/assets/frpc/static/index-1c7ed8b0.js
--- a/assets/frpc/static/index-1e2a7ce0.css
+++ b/assets/frpc/static/index-1e2a7ce0.css
--- a/assets/frpc/static/index-bLBhaJo8.js
+++ b/assets/frpc/static/index-bLBhaJo8.js
--- a/assets/frpc/static/index-iuf46MlF.css
+++ b/assets/frpc/static/index-iuf46MlF.css
--- a/assets/frpc/static/index.html
+++ b/assets/frpc/static/index.html
@ -4,12 +4,13 @@
 <head>
    <meta charset="utf-8">
    <title>frp client admin UI</title>
-  <script type="module" crossorigin src="./index-bLBhaJo8.js"></script>
-  <link rel="stylesheet" crossorigin href="./index-iuf46MlF.css">
+  <script type="module" crossorigin src="./index-1c7ed8b0.js"></script>
+  <link rel="stylesheet" href="./index-1e2a7ce0.css">
 </head>

 <body>
    <div id="app"></div>
+    
 </body>

 </html>
--- a/assets/frps/static/index-1e0c7400.css
+++ b/assets/frps/static/index-1e0c7400.css
--- a/assets/frps/static/index-1gecbKzv.js
+++ b/assets/frps/static/index-1gecbKzv.js
--- a/assets/frps/static/index-Lf6B06jY.css
+++ b/assets/frps/static/index-Lf6B06jY.css
--- a/assets/frps/static/index-c322b7dd.js
+++ b/assets/frps/static/index-c322b7dd.js
--- a/assets/frps/static/index.html
+++ b/assets/frps/static/index.html
@ -4,12 +4,13 @@
 <head>
    <meta charset="utf-8">
    <title>frps dashboard</title>
-  <script type="module" crossorigin src="./index-1gecbKzv.js"></script>
-  <link rel="stylesheet" crossorigin href="./index-Lf6B06jY.css">
+  <script type="module" crossorigin src="./index-c322b7dd.js"></script>
+  <link rel="stylesheet" href="./index-1e0c7400.css">
 </head>

 <body>
    <div id="app"></div>
+    
 </body>

 </html>
--- a/go.mod
+++ b/go.mod
@ -18,7 +18,7 @@ require (
 	github.com/pion/stun v0.6.1
 	github.com/pires/go-proxyproto v0.7.0
 	github.com/prometheus/client_golang v1.16.0
-	github.com/quic-go/quic-go v0.37.7
+	github.com/quic-go/quic-go v0.37.4
 	github.com/rodaine/table v1.1.0
 	github.com/samber/lo v1.38.1
 	github.com/spf13/cobra v1.8.0
--- a/go.sum
+++ b/go.sum
@ -119,8 +119,8 @@ github.com/prometheus/procfs v0.10.1 h1:kYK1Va/YMlutzCGazswoHKo//tZVlFpKYh+Pymzi
 github.com/prometheus/procfs v0.10.1/go.mod h1:nwNm2aOCAYw8uTR/9bWRREkZFxAUcWzPHWJq+XBB/FM=
 github.com/quic-go/qtls-go1-20 v0.3.1 h1:O4BLOM3hwfVF3AcktIylQXyl7Yi2iBNVy5QsV+ySxbg=
 github.com/quic-go/qtls-go1-20 v0.3.1/go.mod h1:X9Nh97ZL80Z+bX/gUXMbipO6OxdiDi58b/fMC9mAL+k=
-github.com/quic-go/quic-go v0.37.7 h1:AgKsQLZ1+YCwZd2GYhBUsJDYZwEkA5gENtAjb+MxONU=
-github.com/quic-go/quic-go v0.37.7/go.mod h1:YsbH1r4mSHPJcLF4k4zruUkLBqctEMBDR6VPvcYjIsU=
+github.com/quic-go/quic-go v0.37.4 h1:ke8B73yMCWGq9MfrCCAw0Uzdm7GaViC3i39dsIdDlH4=
+github.com/quic-go/quic-go v0.37.4/go.mod h1:YsbH1r4mSHPJcLF4k4zruUkLBqctEMBDR6VPvcYjIsU=
 github.com/rodaine/table v1.1.0 h1:/fUlCSdjamMY8VifdQRIu3VWZXYLY7QHFkVorS8NTr4=
 github.com/rodaine/table v1.1.0/go.mod h1:Qu3q5wi1jTQD6B6HsP6szie/S4w1QUQ8pq22pz9iL8g=
 github.com/rogpeppe/go-internal v1.11.0 h1:cWPaGQEPrBb5/AsnsZesgZZ9yb1OQ+GOISoDNXVBh4M=
--- a/pkg/metrics/mem/server.go
+++ b/pkg/metrics/mem/server.go
@ -61,23 +61,23 @@ func (m *serverMetrics) run() {
 		for {
 			time.Sleep(12 * time.Hour)
 			start := time.Now()
-			count, total := m.clearUselessInfo(time.Duration(7*24) * time.Hour)
+			count, total := m.clearUselessInfo()
 			log.Debug("clear useless proxy statistics data count %d/%d, cost %v", count, total, time.Since(start))
 		}
 	}()
 }

-func (m *serverMetrics) clearUselessInfo(continuousOfflineDuration time.Duration) (int, int) {
+func (m *serverMetrics) clearUselessInfo() (int, int) {
 	count := 0
 	total := 0
-	// To check if there are any proxies that have been closed for more than continuousOfflineDuration and remove them.
+	// To check if there are proxies that closed than 7 days and drop them.
 	m.mu.Lock()
 	defer m.mu.Unlock()
 	total = len(m.info.ProxyStatistics)
 	for name, data := range m.info.ProxyStatistics {
 		if !data.LastCloseTime.IsZero() &&
 			data.LastStartTime.Before(data.LastCloseTime) &&
-			time.Since(data.LastCloseTime) > continuousOfflineDuration {
+			time.Since(data.LastCloseTime) > time.Duration(7*24)*time.Hour {
 			delete(m.info.ProxyStatistics, name)
 			count++
 			log.Trace("clear proxy [%s]'s statistics data, lastCloseTime: [%s]", name, data.LastCloseTime.String())
@ -86,10 +86,6 @@ func (m *serverMetrics) clearUselessInfo(continuousOfflineDuration time.Duration
 	return count, total
 }

-func (m *serverMetrics) ClearOfflineProxies() (int, int) {
-	return m.clearUselessInfo(0)
-}
-
 func (m *serverMetrics) NewClient() {
 	m.info.ClientCounts.Inc(1)
 }
--- a/pkg/metrics/mem/types.go
+++ b/pkg/metrics/mem/types.go
@ -79,5 +79,4 @@ type Collector interface {
 	GetProxiesByType(proxyType string) []*ProxyStats
 	GetProxiesByTypeAndName(proxyType string, proxyName string) *ProxyStats
 	GetProxyTraffic(name string) *ProxyTrafficInfo
-	ClearOfflineProxies() (int, int)
 }
--- a/pkg/util/version/version.go
+++ b/pkg/util/version/version.go
@ -19,7 +19,7 @@ import (
 	"strings"
 )

-var version = "0.54.0"
+var version = "0.53.2"

 func Full() string {
 	return version
--- a/pkg/util/vhost/router.go
+++ b/pkg/util/vhost/router.go
@ -33,8 +33,6 @@ func NewRouters() *Routers {
 }

 func (r *Routers) Add(domain, location, httpUser string, payload interface{}) error {
-	domain = strings.ToLower(domain)
-
 	r.mutex.Lock()
 	defer r.mutex.Unlock()

@ -66,8 +64,6 @@ func (r *Routers) Add(domain, location, httpUser string, payload interface{}) er
 }

 func (r *Routers) Del(domain, location, httpUser string) {
-	domain = strings.ToLower(domain)
-
 	r.mutex.Lock()
 	defer r.mutex.Unlock()

@ -90,8 +86,6 @@ func (r *Routers) Del(domain, location, httpUser string) {
 }

 func (r *Routers) Get(host, path, httpUser string) (vr *Router, exist bool) {
-	host = strings.ToLower(host)
-
 	r.mutex.RLock()
 	defer r.mutex.RUnlock()

--- a/server/dashboard_api.go
+++ b/server/dashboard_api.go
@ -17,7 +17,6 @@ package server
 import (
 	"encoding/json"
 	"net/http"
-	"sort"

 	"github.com/gorilla/mux"
 	"github.com/prometheus/client_golang/prometheus/promhttp"
@ -54,7 +53,6 @@ func (svr *Service) registerRouteHandlers(helper *httppkg.RouterRegisterHelper)
 	subRouter.HandleFunc("/api/proxy/{type}", svr.apiProxyByType).Methods("GET")
 	subRouter.HandleFunc("/api/proxy/{type}/{name}", svr.apiProxyByTypeAndName).Methods("GET")
 	subRouter.HandleFunc("/api/traffic/{name}", svr.apiProxyTraffic).Methods("GET")
-	subRouter.HandleFunc("/api/proxies", svr.deleteProxies).Methods("DELETE")

 	// view
 	subRouter.Handle("/favicon.ico", http.FileServer(helper.AssetsFS)).Methods("GET")
@ -228,9 +226,6 @@ func (svr *Service) apiProxyByType(w http.ResponseWriter, r *http.Request) {

 	proxyInfoResp := GetProxyInfoResp{}
 	proxyInfoResp.Proxies = svr.getProxyStatsByType(proxyType)
-	sort.Slice(proxyInfoResp.Proxies, func(i, j int) bool {
-		return proxyInfoResp.Proxies[i].Name < proxyInfoResp.Proxies[j].Name
-	})

 	buf, _ := json.Marshal(&proxyInfoResp)
 	res.Msg = string(buf)
@ -381,26 +376,3 @@ func (svr *Service) apiProxyTraffic(w http.ResponseWriter, r *http.Request) {
 	buf, _ := json.Marshal(&trafficResp)
 	res.Msg = string(buf)
 }
-
-// DELETE /api/proxies?status=offline
-func (svr *Service) deleteProxies(w http.ResponseWriter, r *http.Request) {
-	res := GeneralResponse{Code: 200}
-
-	log.Info("Http request: [%s]", r.URL.Path)
-	defer func() {
-		log.Info("Http response [%s]: code [%d]", r.URL.Path, res.Code)
-		w.WriteHeader(res.Code)
-		if len(res.Msg) > 0 {
-			_, _ = w.Write([]byte(res.Msg))
-		}
-	}()
-
-	status := r.URL.Query().Get("status")
-	if status != "offline" {
-		res.Code = 400
-		res.Msg = "status only support offline"
-		return
-	}
-	cleared, total := mem.StatsCollector.ClearOfflineProxies()
-	log.Info("cleared [%d] offline proxies, total [%d] proxies", cleared, total)
-}
--- a/web/frpc/auto-imports.d.ts
+++ b/web/frpc/auto-imports.d.ts
@ -1,7 +1,6 @@
 /* eslint-disable */
 /* prettier-ignore */
 // @ts-nocheck
-// noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
 export {}
 declare global {
--- a/web/frpc/components.d.ts
+++ b/web/frpc/components.d.ts
@ -3,9 +3,11 @@
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
 export {}

-declare module 'vue' {
+declare module '@vue/runtime-core' {
  export interface GlobalComponents {
    ClientConfigure: typeof import('./src/components/ClientConfigure.vue')['default']
    ElButton: typeof import('element-plus/es')['ElButton']
--- a/web/frpc/package.json
+++ b/web/frpc/package.json
@ -1,6 +1,6 @@
 {
-  "name": "frpc-dashboard",
-  "version": "0.0.1",
+  "name": "-frpc-dashboard",
+  "version": "0.0.0",
  "private": true,
  "scripts": {
    "dev": "vite",
@ -11,25 +11,25 @@
    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
  },
  "dependencies": {
-    "element-plus": "^2.5.3",
-    "vue": "^3.4.15",
-    "vue-router": "^4.2.5"
+    "element-plus": "^2.3.3",
+    "vue": "^3.2.47",
+    "vue-router": "^4.1.6"
  },
  "devDependencies": {
-    "@rushstack/eslint-patch": "^1.7.2",
+    "@rushstack/eslint-patch": "^1.1.4",
    "@types/node": "^18.11.12",
-    "@vitejs/plugin-vue": "^5.0.3",
-    "@vue/eslint-config-prettier": "^9.0.0",
-    "@vue/eslint-config-typescript": "^12.0.0",
-    "@vue/tsconfig": "^0.5.1",
-    "eslint": "^8.56.0",
-    "eslint-plugin-vue": "^9.21.0",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vue/eslint-config-prettier": "^7.0.0",
+    "@vue/eslint-config-typescript": "^11.0.0",
+    "@vue/tsconfig": "^0.1.3",
+    "eslint": "^8.22.0",
+    "eslint-plugin-vue": "^9.3.0",
    "npm-run-all": "^4.1.5",
-    "prettier": "^3.2.4",
-    "typescript": "~5.3.3",
-    "unplugin-auto-import": "^0.17.5",
-    "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.0.12",
-    "vue-tsc": "^1.8.27"
+    "prettier": "^2.7.1",
+    "typescript": "~4.7.4",
+    "unplugin-auto-import": "^0.14.3",
+    "unplugin-vue-components": "^0.24.0",
+    "vite": "^4.0.0",
+    "vue-tsc": "^1.0.12"
  }
 }
--- a/web/frpc/tsconfig.config.json
+++ b/web/frpc/tsconfig.config.json
@ -0,0 +1,8 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.node.json",
+  "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"],
+  "compilerOptions": {
+    "composite": true,
+    "types": ["node"]
+  }
+}
--- a/web/frpc/tsconfig.json
+++ b/web/frpc/tsconfig.json
@ -1,25 +1,16 @@
 {
+  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "preserve",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
+
+  "references": [
+    {
+      "path": "./tsconfig.config.json"
+    }
+  ]
 }
--- a/web/frpc/tsconfig.node.json
+++ b/web/frpc/tsconfig.node.json
@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}
--- a/web/frpc/vite.config.mts
+++ b/web/frpc/vite.config.mts
--- a/web/frpc/yarn.lock
+++ b/web/frpc/yarn.lock
--- a/web/frps/auto-imports.d.ts
+++ b/web/frps/auto-imports.d.ts
@ -1,8 +1,4 @@
-/* eslint-disable */
-/* prettier-ignore */
-// @ts-nocheck
-// noinspection JSUnusedGlobalSymbols
-// Generated by unplugin-auto-import
+// Generated by 'unplugin-auto-import'
 export {}
 declare global {

--- a/web/frps/components.d.ts
+++ b/web/frps/components.d.ts
@ -1,11 +1,11 @@
-/* eslint-disable */
-/* prettier-ignore */
-// @ts-nocheck
-// Generated by unplugin-vue-components
+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
 // Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
 export {}

-declare module 'vue' {
+declare module '@vue/runtime-core' {
  export interface GlobalComponents {
    ElButton: typeof import('element-plus/es')['ElButton']
    ElCol: typeof import('element-plus/es')['ElCol']
@ -13,8 +13,6 @@ declare module 'vue' {
    ElFormItem: typeof import('element-plus/es')['ElFormItem']
    ElMenu: typeof import('element-plus/es')['ElMenu']
    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
-    ElPageHeader: typeof import('element-plus/es')['ElPageHeader']
-    ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
    ElPopover: typeof import('element-plus/es')['ElPopover']
    ElRow: typeof import('element-plus/es')['ElRow']
    ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
--- a/web/frps/package.json
+++ b/web/frps/package.json
@ -12,27 +12,27 @@
  },
  "dependencies": {
    "@types/humanize-plus": "^1.8.0",
-    "echarts": "^5.4.3",
-    "element-plus": "^2.5.3",
+    "echarts": "^5.4.1",
+    "element-plus": "^2.3.3",
    "humanize-plus": "^1.8.2",
-    "vue": "^3.4.15",
-    "vue-router": "^4.2.5"
+    "vue": "^3.2.47",
+    "vue-router": "^4.1.6"
  },
  "devDependencies": {
-    "@rushstack/eslint-patch": "^1.7.2",
+    "@rushstack/eslint-patch": "^1.1.4",
    "@types/node": "^18.11.12",
-    "@vitejs/plugin-vue": "^5.0.3",
-    "@vue/eslint-config-prettier": "^9.0.0",
-    "@vue/eslint-config-typescript": "^12.0.0",
-    "@vue/tsconfig": "^0.5.1",
-    "eslint": "^8.56.0",
-    "eslint-plugin-vue": "^9.21.0",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vue/eslint-config-prettier": "^7.0.0",
+    "@vue/eslint-config-typescript": "^11.0.0",
+    "@vue/tsconfig": "^0.1.3",
+    "eslint": "^8.22.0",
+    "eslint-plugin-vue": "^9.3.0",
    "npm-run-all": "^4.1.5",
-    "prettier": "^3.2.4",
-    "typescript": "~5.3.3",
-    "unplugin-auto-import": "^0.17.5",
-    "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.0.12",
-    "vue-tsc": "^1.8.27"
+    "prettier": "^2.7.1",
+    "typescript": "~4.7.4",
+    "unplugin-auto-import": "^0.13.0",
+    "unplugin-vue-components": "^0.23.0",
+    "vite": "^4.0.4",
+    "vue-tsc": "^1.0.12"
  }
 }
--- a/web/frps/src/components/ProxiesHTTP.vue
+++ b/web/frps/src/components/ProxiesHTTP.vue
@ -1,5 +1,5 @@
 <template>
-  <ProxyView :proxies="proxies" proxyType="http" @refresh="fetchData"/>
+  <ProxyView :proxies="proxies" proxyType="http" />
 </template>

 <script setup lang="ts">
@ -27,7 +27,6 @@ const fetchData = () => {
          return res.json()
        })
        .then((json) => {
-          proxies.value = []
          for (let proxyStats of json.proxies) {
            proxies.value.push(
              new HTTPProxy(proxyStats, vhostHTTPPort, subdomainHost)
--- a/web/frps/src/components/ProxiesHTTPS.vue
+++ b/web/frps/src/components/ProxiesHTTPS.vue
@ -1,5 +1,5 @@
 <template>
-  <ProxyView :proxies="proxies" proxyType="https" @refresh="fetchData"/>
+  <ProxyView :proxies="proxies" proxyType="https" />
 </template>

 <script setup lang="ts">
@ -27,7 +27,6 @@ const fetchData = () => {
          return res.json()
        })
        .then((json) => {
-          proxies.value = []
          for (let proxyStats of json.proxies) {
            proxies.value.push(
              new HTTPSProxy(proxyStats, vhostHTTPSPort, subdomainHost)
--- a/web/frps/src/components/ProxiesSTCP.vue
+++ b/web/frps/src/components/ProxiesSTCP.vue
@ -1,5 +1,5 @@
 <template>
-  <ProxyView :proxies="proxies" proxyType="stcp" @refresh="fetchData"/>
+  <ProxyView :proxies="proxies" proxyType="stcp" />
 </template>

 <script setup lang="ts">
@ -15,7 +15,6 @@ const fetchData = () => {
      return res.json()
    })
    .then((json) => {
-      proxies.value = []
      for (let proxyStats of json.proxies) {
        proxies.value.push(new STCPProxy(proxyStats))
      }
--- a/web/frps/src/components/ProxiesSUDP.vue
+++ b/web/frps/src/components/ProxiesSUDP.vue
@ -1,5 +1,5 @@
 <template>
-  <ProxyView :proxies="proxies" proxyType="sudp" @refresh="fetchData"/>
+  <ProxyView :proxies="proxies" proxyType="sudp" />
 </template>

 <script setup lang="ts">
@ -15,7 +15,6 @@ const fetchData = () => {
      return res.json()
    })
    .then((json) => {
-      proxies.value = []
      for (let proxyStats of json.proxies) {
        proxies.value.push(new SUDPProxy(proxyStats))
      }
--- a/web/frps/src/components/ProxiesTCP.vue
+++ b/web/frps/src/components/ProxiesTCP.vue
@ -1,5 +1,5 @@
 <template>
-  <ProxyView :proxies="proxies" proxyType="tcp" @refresh="fetchData" />
+  <ProxyView :proxies="proxies" proxyType="tcp" />
 </template>

 <script setup lang="ts">
@ -15,7 +15,6 @@ const fetchData = () => {
      return res.json()
    })
    .then((json) => {
-      proxies.value = []
      for (let proxyStats of json.proxies) {
        proxies.value.push(new TCPProxy(proxyStats))
      }
--- a/web/frps/src/components/ProxiesUDP.vue
+++ b/web/frps/src/components/ProxiesUDP.vue
@ -1,5 +1,5 @@
 <template>
-  <ProxyView :proxies="proxies" proxyType="udp" @refresh="fetchData"/>
+  <ProxyView :proxies="proxies" proxyType="udp" />
 </template>

 <script setup lang="ts">
@ -15,12 +15,12 @@ const fetchData = () => {
      return res.json()
    })
    .then((json) => {
-      proxies.value = []
      for (let proxyStats of json.proxies) {
        proxies.value.push(new UDPProxy(proxyStats))
      }
    })
 }
+
 fetchData()
 </script>

--- a/web/frps/src/components/ProxyView.vue
+++ b/web/frps/src/components/ProxyView.vue
@ -1,28 +1,5 @@
 <template>
  <div>
-    <el-page-header
-      :icon="null"
-      style="width: 100%; margin-left: 30px; margin-bottom: 20px"
-    >
-      <template #title>
-        <span>{{ proxyType }}</span>
-      </template>
-      <template #content> </template>
-      <template #extra>
-        <div class="flex items-center" style="margin-right: 30px">
-          <el-popconfirm
-            title="Are you sure to clear all data of offline proxies?"
-            @confirm="clearOfflineProxies"
-          >
-            <template #reference>
-              <el-button>ClearOfflineProxies</el-button>
-            </template>
-          </el-popconfirm>
-          <el-button @click="$emit('refresh')">Refresh</el-button>
-        </div>
-      </template>
-    </el-page-header>
-
    <el-table
      :data="proxies"
      :default-sort="{ prop: 'name', order: 'ascending' }"
@ -90,7 +67,6 @@
 import * as Humanize from 'humanize-plus'
 import type { TableColumnCtx } from 'element-plus'
 import type { BaseProxy } from '../utils/proxy.js'
-import { ElMessage } from 'element-plus'
 import ProxyViewExpand from './ProxyViewExpand.vue'

 defineProps<{
@ -98,8 +74,6 @@ defineProps<{
  proxyType: string
 }>()

-const emit = defineEmits(['refresh'])
-
 const formatTrafficIn = (row: BaseProxy, _: TableColumnCtx<BaseProxy>) => {
  return Humanize.fileSize(row.trafficIn)
 }
@ -107,37 +81,4 @@ const formatTrafficIn = (row: BaseProxy, _: TableColumnCtx<BaseProxy>) => {
 const formatTrafficOut = (row: BaseProxy, _: TableColumnCtx<BaseProxy>) => {
  return Humanize.fileSize(row.trafficOut)
 }
-
-const clearOfflineProxies = () => {
-  fetch('/api/proxies?status=offline', {
-    method: 'DELETE',
-    credentials: 'include',
-  })
-    .then((res) => {
-      if (res.ok) {
-        ElMessage({
-          message: 'Successfully cleared offline proxies',
-          type: 'success',
-        })
-        emit('refresh')
-      } else {
-        ElMessage({
-          message: 'Failed to clear offline proxies: ' + res.status + ' ' + res.statusText,
-          type: 'warning',
-        })
-      }
-    })
-    .catch((err) => {
-      ElMessage({
-        message: 'Failed to clear offline proxies: ' + err.message,
-        type: 'warning',
-      })
-    })
-}
 </script>
-
-<style>
-.el-page-header__title {
-  font-size: 20px;
-}
-</style>
--- a/web/frps/src/components/ServerOverview.vue
+++ b/web/frps/src/components/ServerOverview.vue
@ -17,7 +17,10 @@
            <el-form-item label="KCP Bind Port" v-if="data.kcpBindPort != 0">
              <span>{{ data.kcpBindPort }}</span>
            </el-form-item>
-            <el-form-item label="QUIC Bind Port" v-if="data.quicBindPort != 0">
+            <el-form-item
+              label="QUIC Bind Port"
+              v-if="data.quicBindPort != 0"
+            >
              <span>{{ data.quicBindPort }}</span>
            </el-form-item>
            <el-form-item label="Http Port" v-if="data.vhostHTTPPort != 0">
--- a/web/frps/src/utils/proxy.ts
+++ b/web/frps/src/utils/proxy.ts
@ -23,10 +23,8 @@ class BaseProxy {
    this.type = ''
    this.encryption = false
    this.compression = false
-    this.encryption =
-      proxyStats.conf?.transport?.useEncryption || this.encryption
-    this.compression =
-      proxyStats.conf?.transport?.useCompression || this.compression
+    this.encryption = (proxyStats.conf?.transport?.useEncryption) || this.encryption;
+    this.compression = (proxyStats.conf?.transport?.useCompression) || this.compression;
    this.conns = proxyStats.curConns
    this.trafficIn = proxyStats.todayTrafficIn
    this.trafficOut = proxyStats.todayTrafficOut
@ -78,12 +76,12 @@ class HTTPProxy extends BaseProxy {
    this.type = 'http'
    this.port = port
    if (proxyStats.conf) {
-      this.customDomains = proxyStats.conf.customDomains || this.customDomains
+      this.customDomains = proxyStats.conf.customDomains || this.customDomains;
      this.hostHeaderRewrite = proxyStats.conf.hostHeaderRewrite
      this.locations = proxyStats.conf.locations
      if (proxyStats.conf.subdomain) {
        this.subdomain = `${proxyStats.conf.subdomain}.${subdomainHost}`
-      }
+      } 
    }
  }
 }
@ -94,7 +92,7 @@ class HTTPSProxy extends BaseProxy {
    this.type = 'https'
    this.port = port
    if (proxyStats.conf != null) {
-      this.customDomains = proxyStats.conf.customDomains || this.customDomains
+      this.customDomains = proxyStats.conf.customDomains || this.customDomains;
      if (proxyStats.conf.subdomain) {
        this.subdomain = `${proxyStats.conf.subdomain}.${subdomainHost}`
      }
--- a/web/frps/tsconfig.config.json
+++ b/web/frps/tsconfig.config.json
@ -0,0 +1,8 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.node.json",
+  "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"],
+  "compilerOptions": {
+    "composite": true,
+    "types": ["node"]
+  }
+}
--- a/web/frps/tsconfig.json
+++ b/web/frps/tsconfig.json
@ -1,25 +1,16 @@
 {
+  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "preserve",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
+
+  "references": [
+    {
+      "path": "./tsconfig.config.json"
+    }
+  ]
 }
--- a/web/frps/tsconfig.node.json
+++ b/web/frps/tsconfig.node.json
@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}
--- a/web/frps/vite.config.mts
+++ b/web/frps/vite.config.mts
--- a/web/frps/yarn.lock
+++ b/web/frps/yarn.lock