Add Prettier to the frontend and gate formatting in CI

Форматтера у фронтенда не было: стиль держался вручную и успел разъехаться в 50 файлах. Ставим Prettier с настройками под уже сложившийся стиль (без точек с запятой, одинарные кавычки, ширина 100 — подобрана замером: при 100 расходится меньше файлов, чем при 96 или 110) и прогоняем его по коду. `src/routeTree.gen.ts` исключён — его переписывает плагин роутера. Чтобы форматирование больше не расходилось незаметно, добавлены проверки в CI: `csharpier check` для бэкенда (его отсутствие и позволило накопиться 79 неотформатированным файлам) и `prettier --check` для фронтенда. Версии форматтеров прибиты точно, без кареток: минорка меняет вывод и красит CI на файлах, которых никто не трогал. `.editorconfig` задаёт редакторам те же отступы и LF ещё до форматтера; значения совпадают с настройками csharpier и Prettier намеренно — оба его читают. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-07-27 01:38:12 +03:00
parent 0442056367
commit 0606ea3e6e
58 changed files with 5158 additions and 4903 deletions
@@ -36,8 +36,13 @@ function RootLayout() {
  return (
    <div className="flex min-h-screen flex-col">
      <header className="border-b border-border">
-        <div className={cn('mx-auto flex items-center justify-between gap-4 px-4 py-3', containerMax)}>
-          <Link to="/" className="crt-glow flex items-center gap-2 text-lg font-bold tracking-widest">
+        <div
+          className={cn('mx-auto flex items-center justify-between gap-4 px-4 py-3', containerMax)}
+        >
+          <Link
+            to="/"
+            className="crt-glow flex items-center gap-2 text-lg font-bold tracking-widest"
+          >
            <Radio className="h-5 w-5" />
            {t('appName')}
          </Link>
@@ -45,11 +50,19 @@ function RootLayout() {
          <nav className="hidden items-center gap-4 text-sm md:flex">
            {user && (
              <>
-                <Link to="/dashboard" className="hover:text-primary" activeProps={{ className: 'text-primary' }}>
+                <Link
+                  to="/dashboard"
+                  className="hover:text-primary"
+                  activeProps={{ className: 'text-primary' }}
+                >
                  {t('nav.dashboard')}
                </Link>
                {user.role === 'admin' && (
-                  <Link to="/admin" className="hover:text-primary" activeProps={{ className: 'text-primary' }}>
+                  <Link
+                    to="/admin"
+                    className="hover:text-primary"
+                    activeProps={{ className: 'text-primary' }}
+                  >
                    {t('nav.admin')}
                  </Link>
                )}
@@ -135,7 +148,11 @@ function RootLayout() {
                >
                  {user.userName}
                </Link>
-                <button type="button" className="py-1 text-left" onClick={() => void handleLogout()}>
+                <button
+                  type="button"
+                  className="py-1 text-left"
+                  onClick={() => void handleLogout()}
+                >
                  {t('nav.logout')}
                </button>
              </>
@@ -1,7 +1,9 @@
 import { createFileRoute } from '@tanstack/react-router'
 import { ChannelDetail } from '@/features/admin/channels/ChannelDetail'

-export const Route = createFileRoute('/admin/channels/$channelId')({ component: ChannelDetailRoute })
+export const Route = createFileRoute('/admin/channels/$channelId')({
+  component: ChannelDetailRoute,
+})

 function ChannelDetailRoute() {
  const { channelId } = Route.useParams()
@@ -18,7 +18,9 @@ function HomePage() {

      <div className="flex flex-col gap-2">
        <h1 className="crt-glow text-4xl font-bold tracking-[0.2em]">{t('home.title')}</h1>
-        <p className="text-sm uppercase tracking-[0.3em] text-muted-foreground">{t('home.subtitle')}</p>
+        <p className="text-sm uppercase tracking-[0.3em] text-muted-foreground">
+          {t('home.subtitle')}
+        </p>
      </div>

      <p className="max-w-md text-muted-foreground">{t('home.tagline')}</p>
@@ -16,26 +16,39 @@ import { toast } from '@/shared/ui/toast-store'
 export const Route = createFileRoute('/settings')({ component: SettingsPage })

 const userNameSchema = z.object({ newUserName: z.string().min(3).max(64) })
-const passwordSchema = z.object({ currentPassword: z.string().min(1), newPassword: z.string().min(8) })
+const passwordSchema = z.object({
+  currentPassword: z.string().min(1),
+  newPassword: z.string().min(8),
+})

 function SettingsPage() {
  const { t } = useTranslation()
  const { isReady } = useRequireAuth()
  const navigate = useNavigate()

-  const userNameForm = useForm<z.infer<typeof userNameSchema>>({ resolver: zodResolver(userNameSchema) })
-  const passwordForm = useForm<z.infer<typeof passwordSchema>>({ resolver: zodResolver(passwordSchema) })
+  const userNameForm = useForm<z.infer<typeof userNameSchema>>({
+    resolver: zodResolver(userNameSchema),
+  })
+  const passwordForm = useForm<z.infer<typeof passwordSchema>>({
+    resolver: zodResolver(passwordSchema),
+  })

  if (!isReady) return null

  const onSaveUserName = async (values: z.infer<typeof userNameSchema>) => {
    try {
      await changeUserName(values.newUserName)
-      useAuthStore.getState().setUser({ ...useAuthStore.getState().user!, userName: values.newUserName })
+      useAuthStore
+        .getState()
+        .setUser({ ...useAuthStore.getState().user!, userName: values.newUserName })
      toast.success(t('settings.saved'))
      userNameForm.reset()
    } catch (error) {
-      toast.error(error instanceof HttpError && error.status === 409 ? t('auth.userNameTaken') : t('common.error'))
+      toast.error(
+        error instanceof HttpError && error.status === 409
+          ? t('auth.userNameTaken')
+          : t('common.error'),
+      )
    }
  }

@@ -69,12 +82,19 @@ function SettingsPage() {
          <CardTitle>{t('settings.changeUserName')}</CardTitle>
        </CardHeader>
        <CardContent>
-          <form className="flex flex-col gap-4" onSubmit={userNameForm.handleSubmit(onSaveUserName)}>
+          <form
+            className="flex flex-col gap-4"
+            onSubmit={userNameForm.handleSubmit(onSaveUserName)}
+          >
            <div className="flex flex-col gap-1.5">
              <Label htmlFor="newUserName">{t('settings.newUserName')}</Label>
              <Input id="newUserName" {...userNameForm.register('newUserName')} />
            </div>
-            <Button type="submit" className="self-start" disabled={userNameForm.formState.isSubmitting}>
+            <Button
+              type="submit"
+              className="self-start"
+              disabled={userNameForm.formState.isSubmitting}
+            >
              {t('common.save')}
            </Button>
          </form>
@@ -86,16 +106,27 @@ function SettingsPage() {
          <CardTitle>{t('settings.changePassword')}</CardTitle>
        </CardHeader>
        <CardContent>
-          <form className="flex flex-col gap-4" onSubmit={passwordForm.handleSubmit(onSavePassword)}>
+          <form
+            className="flex flex-col gap-4"
+            onSubmit={passwordForm.handleSubmit(onSavePassword)}
+          >
            <div className="flex flex-col gap-1.5">
              <Label htmlFor="currentPassword">{t('settings.currentPassword')}</Label>
-              <Input id="currentPassword" type="password" {...passwordForm.register('currentPassword')} />
+              <Input
+                id="currentPassword"
+                type="password"
+                {...passwordForm.register('currentPassword')}
+              />
            </div>
            <div className="flex flex-col gap-1.5">
              <Label htmlFor="newPassword">{t('settings.newPassword')}</Label>
              <Input id="newPassword" type="password" {...passwordForm.register('newPassword')} />
            </div>
-            <Button type="submit" className="self-start" disabled={passwordForm.formState.isSubmitting}>
+            <Button
+              type="submit"
+              className="self-start"
+              disabled={passwordForm.formState.isSubmitting}
+            >
              {t('common.save')}
            </Button>
          </form>