feat(web): заготовка веб-клиента на Vite + React 19 + TypeScript strict

- стек по §5.2: React 19, React Router, TanStack Query, Zustand, Tailwind CSS 4, i18next (ru/en), Vitest + Testing Library - дизайн-токены §3 docs/client-web.md (тёмная тема по умолчанию, светлая, accent) - типизированный API-клиент §8.1: единый формат ошибок, ApiError с кодом - App: экран состояния фундамента с readz/meta, локализация ошибок по code - тесты: клиент API, форматирование, рендер App (успех/ошибка кода/сеть) - eslint + prettier + tsc strict; initial JS 97.6 KB gzip
2026-09-19 18:20:59 +03:00
parent 69aa98e18c
commit 642d0f720e
30 changed files with 5776 additions and 0 deletions
@@ -0,0 +1,28 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+
+import en from './locales/en.json';
+import ru from './locales/ru.json';
+
+export const defaultNS = 'translation';
+export const supportedLanguages = ['ru', 'en'] as const;
+export type SupportedLanguage = (typeof supportedLanguages)[number];
+
+const storedLanguage =
+  typeof window === 'undefined' ? null : window.localStorage.getItem('glchat.language');
+
+const initialLanguage: SupportedLanguage =
+  storedLanguage === 'en' || storedLanguage === 'ru' ? storedLanguage : 'ru';
+
+void i18n.use(initReactI18next).init({
+  resources: {
+    ru: { translation: ru },
+    en: { translation: en },
+  },
+  lng: initialLanguage,
+  fallbackLng: 'ru',
+  interpolation: { escapeValue: false },
+  returnNull: false,
+});
+
+export default i18n;
@@ -0,0 +1,44 @@
+{
+  "app": {
+    "name": "glchat",
+    "tagline": "Self-hosted communication: text, voice, video"
+  },
+  "status": {
+    "title": "Foundation deployed",
+    "description": "The server responds, the database runs in WAL mode, migrations are applied. Chat features arrive in the next phases.",
+    "connecting": "Checking server status…",
+    "instance": "Instance",
+    "version": "Version",
+    "apiVersion": "API version",
+    "schemaReady": "Database",
+    "schemaOk": "ready",
+    "maxUpload": "Maximum upload size",
+    "checks": "Checks",
+    "retry": "Retry"
+  },
+  "health": {
+    "online": "Server is reachable",
+    "offline": "Server is unreachable"
+  },
+  "errors": {
+    "network.unreachable": "The server is not responding. Check your connection and try again.",
+    "network.aborted": "The request was aborted.",
+    "instance.not_ready": "The instance is still starting. Try again in a few seconds.",
+    "internal.error": "Internal server error.",
+    "not_found": "The requested resource was not found.",
+    "unknown": "Unknown error ({{code}})."
+  },
+  "theme": {
+    "switchToLight": "Light theme",
+    "switchToDark": "Dark theme"
+  },
+  "language": {
+    "label": "Language",
+    "ru": "Русский",
+    "en": "English"
+  },
+  "footer": {
+    "source": "Source code",
+    "license": "AGPL-3.0"
+  }
+}
@@ -0,0 +1,44 @@
+{
+  "app": {
+    "name": "glchat",
+    "tagline": "Self-hosted общение: текст, голос, видео"
+  },
+  "status": {
+    "title": "Фундамент развёрнут",
+    "description": "Сервер отвечает, база данных в режиме WAL, миграции применены. Функции общения появятся в следующих фазах.",
+    "connecting": "Проверяем состояние сервера…",
+    "instance": "Инстанс",
+    "version": "Версия",
+    "apiVersion": "Версия API",
+    "schemaReady": "База данных",
+    "schemaOk": "готова",
+    "maxUpload": "Максимальный размер загрузки",
+    "checks": "Проверки",
+    "retry": "Повторить"
+  },
+  "health": {
+    "online": "Сервер доступен",
+    "offline": "Сервер недоступен"
+  },
+  "errors": {
+    "network.unreachable": "Сервер не отвечает. Проверьте соединение и повторите попытку.",
+    "network.aborted": "Запрос отменён.",
+    "instance.not_ready": "Инстанс ещё запускается. Повторите через несколько секунд.",
+    "internal.error": "Внутренняя ошибка сервера.",
+    "not_found": "Запрашиваемый ресурс не найден.",
+    "unknown": "Неизвестная ошибка ({{code}})."
+  },
+  "theme": {
+    "switchToLight": "Светлая тема",
+    "switchToDark": "Тёмная тема"
+  },
+  "language": {
+    "label": "Язык",
+    "ru": "Русский",
+    "en": "English"
+  },
+  "footer": {
+    "source": "Исходный код",
+    "license": "AGPL-3.0"
+  }
+}