prettier

2026-10-13 18:36:37 +08:00 · 2026-07-13 15:08:40 +08:00
parent 08e8eea932
commit 1eff7878a1
441 changed files with 26491 additions and 18405 deletions
@@ -1,10 +1,10 @@
 'use client';

 import Link from 'next/link';
-import {useRouter} from 'next/navigation';
-import {useCallback, useEffect, useMemo, useState} from 'react';
-import {Plus, RefreshCw, Route, Trash2} from 'lucide-react';
-import {toast} from 'sonner';
+import { useRouter } from 'next/navigation';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { Plus, RefreshCw, Route, Trash2 } from 'lucide-react';
+import { toast } from 'sonner';

 import {
  AlertDialog,
@@ -16,14 +16,21 @@ import {
  AlertDialogHeader,
  AlertDialogTitle,
 } from '@/components/ui/alert-dialog';
-import {Badge} from '@/components/ui/badge';
-import {Button} from '@/components/ui/button';
-import {Card, CardContent, CardHeader, CardTitle} from '@/components/ui/card';
-import {Input} from '@/components/ui/input';
-import {Skeleton} from '@/components/ui/skeleton';
-import {Table, TableBody, TableCell, TableHead, TableHeader, TableRow,} from '@/components/ui/table';
-import type {ProxyRouteItem} from '@/lib/services/openflare';
-import {ProxyRouteService} from '@/lib/services/openflare';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Input } from '@/components/ui/input';
+import { Skeleton } from '@/components/ui/skeleton';
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table';
+import type { ProxyRouteItem } from '@/lib/services/openflare';
+import { ProxyRouteService } from '@/lib/services/openflare';

 import {
  getRouteDomainNames,
@@ -31,7 +38,7 @@ import {
  getRoutePrimaryDomain,
  getUpstreamSummary,
 } from './components/helpers';
-import {ProxyRouteCreateSheet} from './components/proxy-route-create-sheet';
+import { ProxyRouteCreateSheet } from './components/proxy-route-create-sheet';

 export function ProxyRoutesPageClient() {
  const router = useRouter();
@@ -101,17 +108,17 @@ export function ProxyRoutesPageClient() {
  };

  return (
-    <div className="py-6 px-1 space-y-6">
-      <div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
-        <div className="flex items-center gap-2">
-          <Route className="size-5 text-primary" />
-          <h1 className="text-2xl font-semibold tracking-tight">规则配置</h1>
+    <div className='py-6 px-1 space-y-6'>
+      <div className='flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between'>
+        <div className='flex items-center gap-2'>
+          <Route className='size-5 text-primary' />
+          <h1 className='text-2xl font-semibold tracking-tight'>规则配置</h1>
        </div>
-        <div className="flex flex-wrap gap-2">
+        <div className='flex flex-wrap gap-2'>
          <Button
-            size="sm"
-            variant="secondary"
-            className="h-8 gap-1.5 text-xs"
+            size='sm'
+            variant='secondary'
+            className='h-8 gap-1.5 text-xs'
            onClick={() => void fetchRoutes()}
            disabled={loading}
          >
@@ -119,41 +126,41 @@ export function ProxyRoutesPageClient() {
            刷新
          </Button>
          <Button
-            size="sm"
-            className="h-8 gap-1.5 text-xs"
+            size='sm'
+            className='h-8 gap-1.5 text-xs'
            onClick={() => setIsCreateOpen(true)}
          >
-            <Plus className="size-3.5" />
+            <Plus className='size-3.5' />
            新建规则
          </Button>
        </div>
      </div>

-      <Card className="border-border/40 shadow-sm">
-        <CardHeader className="pb-3">
-          <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
-            <CardTitle className="text-sm font-semibold">规则列表</CardTitle>
+      <Card className='border-border/40 shadow-sm'>
+        <CardHeader className='pb-3'>
+          <div className='flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between'>
+            <CardTitle className='text-sm font-semibold'>规则列表</CardTitle>
            <Input
              value={keyword}
              onChange={(event) => setKeyword(event.target.value)}
-              placeholder="搜索站点、域名或上游..."
-              className="h-8 max-w-sm text-xs"
+              placeholder='搜索站点、域名或上游...'
+              className='h-8 max-w-sm text-xs'
            />
          </div>
        </CardHeader>
        <CardContent>
          {loading ? (
-            <div className="space-y-2">
+            <div className='space-y-2'>
              {Array.from({ length: 5 }).map((_, index) => (
-                <Skeleton key={index} className="h-10 w-full" />
+                <Skeleton key={index} className='h-10 w-full' />
              ))}
            </div>
          ) : filteredRoutes.length === 0 ? (
-            <div className="flex flex-col items-center justify-center gap-2 py-12 text-center">
-              <p className="text-sm font-medium">
+            <div className='flex flex-col items-center justify-center gap-2 py-12 text-center'>
+              <p className='text-sm font-medium'>
                {routes.length === 0 ? '暂无网站' : '没有匹配结果'}
              </p>
-              <p className="text-xs text-muted-foreground">
+              <p className='text-xs text-muted-foreground'>
                {routes.length === 0
                  ? '先创建一个网站，再进入配置子页面继续补齐 HTTPS、缓存和限流。'
                  : '试试调整搜索词，或者清空筛选条件。'}
@@ -167,41 +174,52 @@ export function ProxyRoutesPageClient() {
                  <TableHead>域名</TableHead>
                  <TableHead>状态</TableHead>
                  <TableHead>上游</TableHead>
-                  <TableHead className="text-right">操作</TableHead>
+                  <TableHead className='text-right'>操作</TableHead>
                </TableRow>
              </TableHeader>
              <TableBody>
                {filteredRoutes.map((route) => (
                  <TableRow key={route.id}>
-                    <TableCell className="font-medium">{route.site_name}</TableCell>
+                    <TableCell className='font-medium'>
+                      {route.site_name}
+                    </TableCell>
                    <TableCell
-                      className="max-w-[220px] truncate"
+                      className='max-w-[220px] truncate'
                      title={getRouteDomainsLabel(route)}
                    >
-                      {getRoutePrimaryDomain(route) || getRouteDomainsLabel(route)}
+                      {getRoutePrimaryDomain(route) ||
+                        getRouteDomainsLabel(route)}
                    </TableCell>
                    <TableCell>
                      <Badge variant={route.enabled ? 'default' : 'secondary'}>
                        {route.enabled ? '已启用' : '已停用'}
                      </Badge>
                    </TableCell>
-                    <TableCell className="max-w-[280px] truncate" title={getUpstreamSummary(route)}>
+                    <TableCell
+                      className='max-w-[280px] truncate'
+                      title={getUpstreamSummary(route)}
+                    >
                      {getUpstreamSummary(route)}
                    </TableCell>
-                    <TableCell className="text-right">
-                      <div className="flex justify-end gap-2">
-                        <Button variant="outline" size="sm" className="h-7 text-xs" asChild>
+                    <TableCell className='text-right'>
+                      <div className='flex justify-end gap-2'>
+                        <Button
+                          variant='outline'
+                          size='sm'
+                          className='h-7 text-xs'
+                          asChild
+                        >
                          <Link href={`/proxy-routes/detail?id=${route.id}`}>
                            配置
                          </Link>
                        </Button>
                        <Button
-                          variant="ghost"
-                          size="sm"
-                          className="h-7 text-xs text-destructive hover:text-destructive"
+                          variant='ghost'
+                          size='sm'
+                          className='h-7 text-xs text-destructive hover:text-destructive'
                          onClick={() => setDeleteTarget(route)}
                        >
-                          <Trash2 className="size-3.5" />
+                          <Trash2 className='size-3.5' />
                        </Button>
                      </div>
                    </TableCell>
@@ -243,7 +261,7 @@ export function ProxyRoutesPageClient() {
          <AlertDialogFooter>
            <AlertDialogCancel disabled={deleting}>取消</AlertDialogCancel>
            <AlertDialogAction
-              className="bg-destructive text-white hover:bg-destructive/90"
+              className='bg-destructive text-white hover:bg-destructive/90'
              disabled={deleting}
              onClick={(event) => {
                event.preventDefault();