feat(proxy): single proxy node latency testing state indicator

src/components/ProxyNodeCard.tsx

@@ -10,7 +10,7 @@ export const ProxyNodeCard = (props: {
   isSelected?: boolean
   onClick?: () => void
 }) => {
-  const { proxyLatencyTest } = useProxies()
+  const { proxyLatencyTest, proxyLatencyTestingMap } = useProxies()
   const { proxyName, isSelected, onClick } = props
   const { proxyNodeMap } = useProxies()
   const proxyNode = createMemo(() => proxyNodeMap()[proxyName])
@@ -38,7 +38,14 @@ export const ProxyNodeCard = (props: {
 
         <Button
           class="btn-circle btn-ghost btn-sm"
-          icon={<IconBrandSpeedtest />}
+          icon={
+            <IconBrandSpeedtest
+              class={twMerge(
+                proxyLatencyTestingMap()[proxyName] &&
+                  'animate-pulse text-success',
+              )}
+            />
+          }
           onClick={(e) => {
             e.stopPropagation()
 

src/pages/Proxies.tsx

@@ -48,8 +48,8 @@ export default () => {
     proxyProviderLatencyTest,
     collapsedMap,
     setCollapsedMap,
-    latencyTestingMap,
+    proxyGroupLatencyTestingMap,
-    healthCheckingMap,
+    proxyProviderLatencyTestingMap,
     isAllProviderUpdating,
     updatingMap,
   } = useProxies()
@@ -170,14 +170,16 @@ export default () => {
 
                       <Button
                         class="btn-circle btn-sm"
-                        disabled={latencyTestingMap()[proxyGroup.name]}
+                        disabled={
+                          proxyGroupLatencyTestingMap()[proxyGroup.name]
+                        }
                         onClick={(e) =>
                           onProxyGroupLatencyTestClick(e, proxyGroup.name)
                         }
                         icon={
                           <IconBrandSpeedtest
                             class={twMerge(
-                              latencyTestingMap()[proxyGroup.name] &&
+                              proxyGroupLatencyTestingMap()[proxyGroup.name] &&
                                 'animate-pulse text-success',
                             )}
                           />
@@ -264,7 +266,9 @@ export default () => {
 
                         <Button
                           class="btn btn-circle btn-sm"
-                          disabled={healthCheckingMap()[proxyProvider.name]}
+                          disabled={
+                            proxyProviderLatencyTestingMap()[proxyProvider.name]
+                          }
                           onClick={(e) =>
                             onProxyProviderLatencyTestClick(
                               e,
@@ -274,8 +278,9 @@ export default () => {
                           icon={
                             <IconBrandSpeedtest
                               class={twMerge(
-                                healthCheckingMap()[proxyProvider.name] &&
+                                proxyProviderLatencyTestingMap()[
-                                  'animate-pulse text-success',
+                                  proxyProvider.name
+                                ] && 'animate-pulse text-success',
                               )}
                             />
                           }

src/signals/proxies.ts

@@ -28,10 +28,18 @@ type ProxyInfo = {
 }
 
 const { map: collapsedMap, set: setCollapsedMap } = useStringBooleanMap()
-const { map: latencyTestingMap, setWithCallback: setLatencyTestingMap } =
+const {
-  useStringBooleanMap()
+  map: proxyLatencyTestingMap,
-const { map: healthCheckingMap, setWithCallback: setHealthCheckingMap } =
+  setWithCallback: setProxyLatencyTestingMap,
-  useStringBooleanMap()
+} = useStringBooleanMap()
+const {
+  map: proxyGroupLatencyTestingMap,
+  setWithCallback: setProxyGroupLatencyTestingMap,
+} = useStringBooleanMap()
+const {
+  map: proxyProviderLatencyTestingMap,
+  setWithCallback: setProxyProviderLatencyTestingMap,
+} = useStringBooleanMap()
 const { map: updatingMap, setWithCallback: setUpdatingMap } =
   useStringBooleanMap()
 const [isAllProviderUpdating, setIsAllProviderUpdating] = createSignal(false)
@@ -123,7 +131,8 @@ export const useProxies = () => {
     }
   }
 
-  const proxyLatencyTest = async (proxyName: string) => {
+  const proxyLatencyTest = (proxyName: string) =>
+    setProxyLatencyTestingMap(proxyName, async () => {
       const { delay } = await proxyLatencyTestAPI(
         proxyName,
         urlForLatencyTest(),
@@ -134,10 +143,10 @@ export const useProxies = () => {
         ...latencyMap,
         [proxyName]: delay,
       }))
-  }
+    })
 
-  const proxyGroupLatencyTest = async (proxyGroupName: string) =>
+  const proxyGroupLatencyTest = (proxyGroupName: string) =>
-    setLatencyTestingMap(proxyGroupName, async () => {
+    setProxyGroupLatencyTestingMap(proxyGroupName, async () => {
       const newLatencyMap = await proxyGroupLatencyTestAPI(
         proxyGroupName,
         urlForLatencyTest(),
@@ -152,7 +161,7 @@ export const useProxies = () => {
       await fetchProxies()
     })
 
-  const updateProviderByProviderName = async (providerName: string) =>
+  const updateProviderByProviderName = (providerName: string) =>
     setUpdatingMap(providerName, async () => {
       try {
         await updateProxyProviderAPI(providerName)
@@ -175,7 +184,7 @@ export const useProxies = () => {
   }
 
   const proxyProviderLatencyTest = (providerName: string) =>
-    setHealthCheckingMap(providerName, async () => {
+    setProxyProviderLatencyTestingMap(providerName, async () => {
       await proxyProviderLatencyTest(providerName)
       await fetchProxies()
     })
@@ -183,8 +192,9 @@ export const useProxies = () => {
   return {
     collapsedMap,
     setCollapsedMap,
-    latencyTestingMap,
+    proxyLatencyTestingMap,
-    healthCheckingMap,
+    proxyGroupLatencyTestingMap,
+    proxyProviderLatencyTestingMap,
     updatingMap,
     isAllProviderUpdating,
     proxies,