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,112 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { toast } from 'sonner'
+import { servicesQueryOptions, serviceKeys } from '@/queries'
+import { api } from '@/lib/api-client'
+import { createServiceSchema, type CreateServiceInput } from '@/lib/schemas'
+import { PageHeader } from '@/components/page-header'
+import { ResourceList } from '@/components/resource-list'
+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 { Spinner } from '@cfdm/ui/components/spinner'
+
+export const Route = createFileRoute('/_auth/services')({
+  loader: ({ context: { queryClient } }) => queryClient.ensureQueryData(servicesQueryOptions()),
+  component: ServicesPage,
+})
+
+function ServicesPage() {
+  const queryClient = useQueryClient()
+  const { data: services } = useQuery(servicesQueryOptions())
+
+  const form = useForm<CreateServiceInput>({
+    resolver: zodResolver(createServiceSchema),
+    defaultValues: { name: '', slug: '' },
+  })
+
+  const createMutation = useMutation({
+    mutationFn: (body: CreateServiceInput) => api.post('/api/v1/services', body),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: serviceKeys.all })
+      form.reset()
+      toast.success('Сервис создан')
+    },
+    onError: (err) => {
+      toast.error(err instanceof Error ? err.message : 'Не удалось создать сервис')
+    },
+  })
+
+  const handleSubmit = form.handleSubmit((values) => {
+    createMutation.mutate(values)
+  })
+
+  return (
+    <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
+      <PageHeader
+        title="Сервисы"
+        description="Справочник сервисов для привязки к доменам"
+      />
+      <Card>
+        <CardHeader>
+          <CardTitle>Создать сервис</CardTitle>
+          <CardDescription>Добавить новый сервис в справочник</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={handleSubmit}>
+            <FieldGroup className="flex flex-row flex-wrap items-end gap-2">
+              <Field className="flex-1">
+                <FieldLabel htmlFor="name">Название</FieldLabel>
+                <Input
+                  id="name"
+                  placeholder="Название"
+                  {...form.register('name')}
+                  aria-invalid={!!form.formState.errors.name}
+                />
+              </Field>
+              <Field className="flex-1">
+                <FieldLabel htmlFor="slug">Slug</FieldLabel>
+                <Input
+                  id="slug"
+                  placeholder="slug"
+                  {...form.register('slug')}
+                  aria-invalid={!!form.formState.errors.slug}
+                />
+              </Field>
+              <Button type="submit" disabled={createMutation.isPending}>
+                {createMutation.isPending && (
+                  <Spinner data-icon="inline-start" />
+                )}
+                {createMutation.isPending ? 'Создание…' : 'Создать'}
+              </Button>
+            </FieldGroup>
+          </form>
+        </CardContent>
+      </Card>
+      <ResourceList
+        items={
+          services?.map((s) => ({
+            id: s.id,
+            primary: s.name,
+            secondary: `(${s.slug})`,
+          })) ?? []
+        }
+        emptyTitle="Сервисы не найдены"
+        emptyDescription="Создайте первый сервис в форме выше"
+      />
+    </div>
+  )
+}