Merge pull request #99 from moda20/Improvement/Adding-testing-function-for-individual-proxies

[MAIN-IMP] Individual proxy testing functionality

Author: moda20

src/components/custom/system/ProxyConfigDialog.tsx

@@ -46,7 +46,7 @@ export interface ProxyConffigDialogProps {
 const ProxyUpdateSchema = z.object({
   id: z.union([z.number(), z.string()]).optional(),
   proxy_ip: z.string(),
-  proxy_port: z.union([z.number(), z.string()]),
+  proxy_port: z.coerce.number().positive().max(65535),
   description: z.string().optional(),
   status: z.union([z.nativeEnum(ProxyStatus), z.number()]).optional(),
   username: z.string().optional(),
@@ -68,7 +68,7 @@ export function ProxyConfigDialog({
     resolver: zodResolver(ProxyUpdateSchema),
     defaultValues: {
       proxy_ip: proxyDetails?.proxy_ip ?? "",
-      proxy_port: proxyDetails?.proxy_port ?? "",
+      proxy_port: proxyDetails?.proxy_port,
       description: proxyDetails?.description ?? "",
       status: proxyDetails?.status,
       username: proxyDetails?.username,
@@ -236,7 +236,11 @@ export function ProxyConfigDialog({
                         <FormItem>
                           <FormLabel>Username</FormLabel>
                           <FormControl>
-                            <Input placeholder="Proxy username" {...field} />
+                            <Input
+                              placeholder="Proxy username"
+                              autoComplete="off"
+                              {...field}
+                            />
                           </FormControl>
                           <FormDescription></FormDescription>
                           <FormMessage />
@@ -254,6 +258,7 @@ export function ProxyConfigDialog({
                           <FormControl>
                             <PasswordInput
                               placeholder="Proxy username"
+                              autoComplete="new-password"
                               {...field}
                             />
                           </FormControl>

src/components/custom/system/ProxyListActionDropdown.tsx

@@ -12,7 +12,13 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
 import { Button } from "@/components/ui/button"
-import { Edit2Icon, EllipsisVertical, LinkIcon, Settings } from "lucide-react"
+import {
+  Edit2Icon,
+  EllipsisVertical,
+  LinkIcon,
+  Settings,
+  Zap,
+} from "lucide-react"
 import ConfirmationDialogAction, {
   ConfirmationDialogActionType,
 } from "@/components/confirmationDialogAction"
@@ -79,6 +85,14 @@ export default function ProxyListActionDropdown({
               <span>Update config</span>
             </DropdownMenuItem>
           </ProxyConfigDialog>
+          <DropdownMenuItem
+            onSelect={() =>
+              columnsProps.proxyAction(ProxyActions.TEST, row, undefined)
+            }
+          >
+            <Zap />
+            <span>Test</span>
+          </DropdownMenuItem>
           <ProxyLinkDialog
             proxyDetails={row.original}
             JobsList={columnsProps.getAllJobs}

src/hooks/useProxies.tsx

@@ -106,6 +106,29 @@ export function useProxies(props?: UseProxyProps) {
     },
   })
 
+  const testMutation = useMutation({
+    mutationFn: systemService.testProxy,
+    onMutate: (id, _context) => {
+      toast({
+        title: `Proxy with id = ${id} test started`,
+        duration: 2000,
+      })
+    },
+    onSuccess: async (data, id) => {
+      toast({
+        title: `Proxy with id = ${id} test successful`,
+        duration: 2000,
+      })
+    },
+    onError: (error, variables) => {
+      toast({
+        title: "Error testing proxy, check system logs",
+        description: error.message,
+        variant: "destructive",
+      })
+    },
+  })
+
   const proxyActions = (
     action: ProxyActions,
     row?: Row<ProxyTableData>,
@@ -129,6 +152,8 @@ export function useProxies(props?: UseProxyProps) {
           id: proxyData!.id!,
           jobs: proxyData!.jobs!.map(e => Number(e)),
         })
+      case ProxyActions.TEST:
+        return testMutation.mutateAsync(Number(row?.original?.id))
       default:
         break
     }

src/models/proxies.ts

@@ -18,6 +18,7 @@ export enum ProxyActions {
   UPDATE,
   CREATE,
   LINK,
+  TEST,
 }
 
 export enum ProxyStatus {

src/services/SystemService.ts

@@ -71,6 +71,9 @@ const systemService = {
       },
     })
   },
+  testProxy(id: number): Promise<any> {
+    return axios.post("/proxies/testProxy", { id })
+  },
   getVersion(): Promise<any> {
     return axios.get("/status/version")
   },