Refactor project structure to use pnpm monorepo; update Dockerfile and related configurations for frontend build process. Adjust .dockerignore and .gitignore to reflect new paths. Modify .env.example for cron job timing. Update CONTRIBUTING.md and README.md for new development instructions.

2026-06-15 15:37:36 +07:00
parent 87789fa82d
commit b1467575c5
803 changed files with 16646 additions and 8251 deletions
@@ -0,0 +1,204 @@
+import { createFileRoute, Link } from '@tanstack/react-router'
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { useMemo, useState } from 'react'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { toast } from 'sonner'
+import { api } from '@/lib/api-client'
+import { createDomainSchema, type CreateDomainInput } from '@/lib/schemas'
+import { domainKeys, domainsListQueryOptions, groupsQueryOptions } from '@/queries'
+import { PageHeader } from '@/components/page-header'
+import { StatusBadge } from '@/components/status-badge'
+import { DataTableCard } from '@/components/data-table-card'
+import { Button } from '@cfdm/ui/components/button'
+import { Input } from '@cfdm/ui/components/input'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@cfdm/ui/components/card'
+import {
+  Field,
+  FieldGroup,
+  FieldLabel,
+} from '@cfdm/ui/components/field'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@cfdm/ui/components/select'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@cfdm/ui/components/table'
+import { Spinner } from '@cfdm/ui/components/spinner'
+
+export const Route = createFileRoute('/_auth/domains/')({
+  loader: ({ context: { queryClient } }) =>
+    Promise.all([
+      queryClient.ensureQueryData(domainsListQueryOptions()),
+      queryClient.ensureQueryData(groupsQueryOptions()),
+    ]),
+  component: DomainsPage,
+})
+
+function DomainsPage() {
+  const [groupId, setGroupId] = useState('')
+  const filterGroupId = groupId ? Number(groupId) : undefined
+  const queryClient = useQueryClient()
+  const { data: domains } = useQuery(domainsListQueryOptions(filterGroupId))
+  const { data: groups } = useQuery(groupsQueryOptions())
+
+  const groupItems = useMemo(
+    () => [
+      { label: 'Без группы', value: 'none' },
+      ...(groups?.map((g) => ({ label: g.name, value: String(g.id) })) ?? []),
+    ],
+    [groups],
+  )
+
+  const form = useForm<CreateDomainInput>({
+    resolver: zodResolver(createDomainSchema),
+    defaultValues: { zone_name: '', group_id: '' },
+  })
+
+  const createMutation = useMutation({
+    mutationFn: (body: { zone_name: string; group_id?: number }) =>
+      api.post('/api/v1/domains', body),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: domainKeys.all })
+      form.reset({ zone_name: '', group_id: groupId })
+      toast.success('Домен импортирован')
+    },
+    onError: (err) => {
+      toast.error(err instanceof Error ? err.message : 'Не удалось импортировать домен')
+    },
+  })
+
+  const handleCreate = form.handleSubmit((values) => {
+    createMutation.mutate({
+      zone_name: values.zone_name.trim(),
+      group_id: groupId ? Number(groupId) : undefined,
+    })
+  })
+
+  const handleGroupChange = (value: string | null) => {
+    const next = value === 'none' || !value ? '' : value
+    setGroupId(next)
+    form.setValue('group_id', next)
+  }
+
+  return (
+    <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
+      <PageHeader
+        title="Домены"
+        description="Импорт и управление зонами Cloudflare"
+      />
+      <Card>
+        <CardHeader>
+          <CardTitle>Добавить домен</CardTitle>
+          <CardDescription>Импортировать зону из Cloudflare</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={handleCreate}>
+            <FieldGroup className="flex flex-row flex-wrap items-end gap-2">
+              <Field className="max-w-xs flex-1">
+                <FieldLabel htmlFor="zone_name">Имя зоны</FieldLabel>
+                <Input
+                  id="zone_name"
+                  placeholder="example.com"
+                  {...form.register('zone_name')}
+                  aria-invalid={!!form.formState.errors.zone_name}
+                />
+              </Field>
+              <Field className="w-48">
+                <FieldLabel htmlFor="group_id">Группа</FieldLabel>
+                <Select
+                  items={groupItems}
+                  value={groupId || 'none'}
+                  onValueChange={handleGroupChange}
+                >
+                  <SelectTrigger id="group_id" className="w-full">
+                    <SelectValue placeholder="Без группы" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {groupItems.map((item) => (
+                      <SelectItem key={item.value} value={item.value}>
+                        {item.label}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </Field>
+              <Button type="submit" disabled={createMutation.isPending}>
+                {createMutation.isPending && (
+                  <Spinner data-icon="inline-start" />
+                )}
+                {createMutation.isPending ? 'Импорт…' : 'Импортировать'}
+              </Button>
+            </FieldGroup>
+          </form>
+        </CardContent>
+      </Card>
+      <DataTableCard title="Список доменов" description="Импортированные зоны">
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead>Зона</TableHead>
+              <TableHead>Статус</TableHead>
+              <TableHead>Последняя синхронизация</TableHead>
+              <TableHead>Действия</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {domains?.map((d) => (
+              <TableRow key={d.id}>
+                <TableCell className="font-medium">{d.zone_name}</TableCell>
+                <TableCell>
+                  <StatusBadge status={d.status} />
+                </TableCell>
+                <TableCell>{d.last_synced_at ?? '—'}</TableCell>
+                <TableCell>
+                  <div className="flex gap-2">
+                    <Button
+                      variant="link"
+                      className="h-auto p-0"
+                      render={
+                        <Link
+                          to="/domains/$domainId"
+                          params={{ domainId: String(d.id) }}
+                        />
+                      }
+                    >
+                      Обзор
+                    </Button>
+                    <Button
+                      variant="link"
+                      className="h-auto p-0"
+                      render={
+                        <Link
+                          to="/domains/$domainId/dns"
+                          params={{ domainId: String(d.id) }}
+                        />
+                      }
+                    >
+                      DNS
+                    </Button>
+                  </div>
+                </TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      </DataTableCard>
+    </div>
+  )
+}