From 32465fe7f4e1a7e7d7e381fef4ff99f31ec98c10 Mon Sep 17 00:00:00 2001
From: Zephyruso <176294927+Zephyruso@users.noreply.github.com>
Date: Tue, 26 Nov 2024 12:37:28 +0800
Subject: [PATCH] feat: upgrade all providers

---
 src/api/index.ts                       |  4 ++
 src/components/sidebar/ProxiesCtrl.vue | 59 ++++++++++++++++++--------
 src/components/sidebar/RulesCtrl.vue   | 25 ++++++++++-
 src/i18n/en.ts                         |  2 +
 src/i18n/zh.ts                         |  2 +
 src/views/SettingsPage.vue             | 20 ++++++++-
 6 files changed, 93 insertions(+), 19 deletions(-)

diff --git a/src/api/index.ts b/src/api/index.ts
index 7b6a917f..70c2f03b 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -108,6 +108,10 @@ export const flushFakeIPAPI = () => {
   return axios.post('/cache/fakeip/flush')
 }
 
+export const reloadConfigsAPI = () => {
+  return axios.put('/configs?reload=true')
+}
+
 export const upgradeUIAPI = () => {
   return axios.post('/upgrade/ui')
 }
diff --git a/src/components/sidebar/ProxiesCtrl.vue b/src/components/sidebar/ProxiesCtrl.vue
index b1866f5a..07be3aa7 100644
--- a/src/components/sidebar/ProxiesCtrl.vue
+++ b/src/components/sidebar/ProxiesCtrl.vue
@@ -3,22 +3,35 @@
     class="flex flex-col gap-2 p-2"
     v-if="configs"
   >
-    <div
-      role="tablist"
-      class="tabs-boxed tabs tabs-sm"
-      v-if="proxyProviederList.length"
-    >
-      <a
-        role="tab"
-        class="tab"
-        v-for="type in PROXY_TAB_TYPE"
-        :key="type"
-        :class="{ 'tab-active': proxiesTabShow === type }"
-        @click="proxiesTabShow = type"
+    <template v-if="proxyProviederList.length">
+      <div
+        role="tablist"
+        class="tabs-boxed tabs tabs-sm"
+        v-if="proxyProviederList.length"
       >
-        {{ $t(type) }}</a
+        <a
+          role="tab"
+          class="tab"
+          v-for="type in PROXY_TAB_TYPE"
+          :key="type"
+          :class="{ 'tab-active': proxiesTabShow === type }"
+          @click="proxiesTabShow = type"
+        >
+          {{ $t(type) }}</a
+        >
+      </div>
+      <div
+        class="flex flex-col gap-2"
+        v-if="proxiesTabShow === PROXY_TAB_TYPE.PROVIDER"
       >
-    </div>
+        <button
+          :class="twMerge('btn btn-sm', isUpgrading ? 'animate-pulse' : '')"
+          @click="handlerClickUpgradeAllProviders"
+        >
+          {{ $t('upgradeAllProviders') }}
+        </button>
+      </div>
+    </template>
     <select
       class="select select-bordered select-sm w-full"
       :value="configs.mode"
@@ -41,10 +54,22 @@
 </template>
 
 <script setup lang="ts">
-import { flushFakeIPAPI } from '@/api'
+import { flushFakeIPAPI, updateProxyProviderAPI } from '@/api'
 import { configs, proxiesTabShow, PROXY_TAB_TYPE, updateConfigs } from '@/store/config'
-import { proxyProviederList } from '@/store/proxies'
-import { computed } from 'vue'
+import { fetchProxies, proxyProviederList } from '@/store/proxies'
+import { twMerge } from 'tailwind-merge'
+import { computed, ref } from 'vue'
+const isUpgrading = ref(false)
+
+const handlerClickUpgradeAllProviders = async () => {
+  if (isUpgrading.value) return
+  isUpgrading.value = true
+  await Promise.all(
+    proxyProviederList.value.map((provider) => updateProxyProviderAPI(provider.name)),
+  )
+  await fetchProxies()
+  isUpgrading.value = false
+}
 
 const modeList = computed(() => {
   return configs.value?.['mode-list'] || ['direct', 'rule', 'global']
diff --git a/src/components/sidebar/RulesCtrl.vue b/src/components/sidebar/RulesCtrl.vue
index a701a9f2..5b3652b5 100644
--- a/src/components/sidebar/RulesCtrl.vue
+++ b/src/components/sidebar/RulesCtrl.vue
@@ -18,10 +18,33 @@
         {{ $t(type) }}</a
       >
     </div>
+    <div
+      class="flex flex-col gap-2"
+      v-if="rulesTabShow === RULE_TAB_TYPE.PROVIDER"
+    >
+      <button
+        :class="twMerge('btn btn-sm', isUpgrading ? 'animate-pulse' : '')"
+        @click="handlerClickUpgradeAllProviders"
+      >
+        {{ $t('upgradeAllProviders') }}
+      </button>
+    </div>
   </div>
 </template>
 
 <script setup lang="ts">
+import { updateRuleProviderAPI } from '@/api'
 import { RULE_TAB_TYPE, rulesTabShow } from '@/store/config'
-import { ruleProviderList } from '@/store/rules'
+import { fetchRules, ruleProviderList } from '@/store/rules'
+import { twMerge } from 'tailwind-merge'
+import { ref } from 'vue'
+
+const isUpgrading = ref(false)
+const handlerClickUpgradeAllProviders = async () => {
+  if (isUpgrading.value) return
+  isUpgrading.value = true
+  await Promise.all(ruleProviderList.value.map((provider) => updateRuleProviderAPI(provider.name)))
+  await fetchRules()
+  isUpgrading.value = false
+}
 </script>
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index 2b30c41f..1119d5ce 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -58,4 +58,6 @@ export default {
   noExpire: 'Null',
   updated: 'Updated',
   upgradeUI: 'Upgrade Dashboard',
+  upgradeAllProviders: 'Upgrade All Providers',
+  reloadConfigs: 'Reload Configs',
 }
diff --git a/src/i18n/zh.ts b/src/i18n/zh.ts
index b371e1b1..bfea5429 100644
--- a/src/i18n/zh.ts
+++ b/src/i18n/zh.ts
@@ -58,4 +58,6 @@ export default {
   noExpire: '不限时',
   updated: '更新于',
   upgradeUI: '更新面板',
+  upgradeAllProviders: '更新所有提供商',
+  reloadConfigs: '重载配置',
 }
diff --git a/src/views/SettingsPage.vue b/src/views/SettingsPage.vue
index 155c007e..cf9bc503 100644
--- a/src/views/SettingsPage.vue
+++ b/src/views/SettingsPage.vue
@@ -17,6 +17,15 @@
             {{ $t('upgradeUI') }}
           </button>
         </div>
+        <div class="flex items-center gap-2">
+          {{ $t('reloadConfigs') }}:
+          <button
+            :class="twMerge('btn btn-xs', isConfigReloading ? 'animate-pulse' : '')"
+            @click="handlerClickReloadConfigs"
+          >
+            {{ $t('reloadConfigs') }}
+          </button>
+        </div>
         <div class="flex items-center gap-2">
           {{ $t('theme') }}:
           <select
@@ -112,7 +121,7 @@
 </template>
 
 <script setup lang="ts">
-import { isSingBox, upgradeUIAPI } from '@/api'
+import { isSingBox, reloadConfigsAPI, upgradeUIAPI } from '@/api'
 import TableSettings from '@/components/connections/TableSettings.vue'
 import {
   compactConnectionCard,
@@ -133,6 +142,15 @@ const handlerClickUpgradeUI = async () => {
   await upgradeUIAPI()
   isUpgrading.value = false
 }
+
+const isConfigReloading = ref(false)
+const handlerClickReloadConfigs = async () => {
+  if (isConfigReloading.value) return
+  isConfigReloading.value = true
+  await reloadConfigsAPI()
+  isConfigReloading.value = false
+}
+
 const themes = [
   'default',
   'light',