Sprint 2. Доработка приложения в соответствии с требованиями

.gitignore

@@ -9,6 +9,7 @@ lerna-debug.log*
 
 node_modules
 dist
+.eslintcache
 dist-ssr
 *.local
 

.husky/pre-commit

@@ -0,0 +1 @@
+npx lint-staged

.prettierignore

@@ -0,0 +1,10 @@
+*.hbs
+build/
+.github/
+.vite/
+.vscode/
+node_modules/
+.gitignore
+*.toml
+tsconfig*
+vite.config.*

.stylelintignore

@@ -0,0 +1,7 @@
+node_modules
+dist
+.github
+.vite
+.vscode
+docs
+

docs/FSD.md

@@ -0,0 +1,63 @@
+# Feature-Sliced Design (FSD) в GilgaChat
+
+Проект использует архитектуру [Feature-Sliced Design](https://feature-sliced.design/). Слои и импорты организованы по правилам FSD.
+
+## Слои (снизу вверх)
+
+- **shared** — переиспользуемый код без привязки к бизнесу: UI на базе **Block** (Handlebars + `registerComponent`), стили (`variables`, `global`), типы и утилиты (`shared/lib`).
+  - Примеры UI: `Button`, `Input`, `Label`, `Link`, `FormField`, `IconButton`, `Textarea`, `Search`, атомы сайдбара (`SidebarAvatar`, `SidebarPrimaryLine`, `SidebarSecondaryLine`, `SidebarUserStatus`). Регистрация общих блоков — `shared/ui/block/registerBlocks.ts`.
+- **entities** — бизнес-сущности. Пока слой минимальный (`entities/user`), при росте доменной логики сюда выносят типы и модели.
+- **features** — пользовательские сценарии: авторизация (`features/auth`), регистрация (`features/registration`), редактирование профиля (`features/edit-profile`).
+- **widgets** — составные блоки: **MainLayout**, **MessengerLayout**, **Sidebar** (шапка, секции чатов, список, панель пользователя), **ChatPage** (оболочка экрана переписки) и её части — **ChatHeader**, **ChatThread**, **ChatTimelineRow**, **ChatFooter**, **MessageComposer**, **NoChatStub**.
+- **pages** — композиция страниц: auth, register, profile, messenger, not-found, server-error. Каждая страница экспортирует функцию `render*Page(container, props?)` или setup-функции (например, `setupMessengerChatPage` для правой колонки мессенджера).
+- **app** — инициализация приложения, роутинг по hash, подключение глобальных стилей, `registerComponent` для виджетов и блоков чата. Точка входа: `src/app/index.ts`.
+
+## Правило импортов
+
+Импорты разрешены только **вниз** по слоям:
+
+- `app` → pages, при необходимости widgets
+- `pages` → widgets, features
+- `widgets` → features, shared
+- `features` → entities, shared
+- `entities` → shared
+- `shared` — без импортов из других слоёв
+
+Запрещено: импортировать из вышележащего слоя (например, features не импортируют из widgets или pages).
+
+## Публичный API слайсов
+
+Используются только публичные экспорты через `index.ts`. Внешний код импортирует слой целиком, без указания внутренних файлов:
+
+- `@/shared/ui`, `@/shared/lib/types`, `@/shared/lib/utils` (в т.ч. маппинг ленты чата `chatTimeline`)
+- `@/features/auth`, `@/features/registration`, `@/features/edit-profile`
+- `@/widgets/mainLayout`, `@/widgets/messengerLayout`, `@/widgets/sidebar`, `@/widgets/chatPage`, `@/widgets/messageComposer`, `@/widgets/noChatStub`
+- `@/pages/auth`, `@/pages/register`, `@/pages/profile`, `@/pages/messenger`, `@/pages/not-found`, `@/pages/server-error`
+- `@/app` — точка входа и класс App
+
+Внутренние файлы `widgets/chatPage/*` (кроме публичного `ChatPage` из `index.ts`) подключаются через `registerComponent` в `app`, а не импортируются из pages напрямую.
+
+## Точка входа
+
+В `index.html` подключён `src/app/index.ts`. Он подключает глобальные стили (`@/shared/styles/global.scss`), шрифты, `registerBlocks`, регистрирует виджеты мессенджера и чата и создаёт экземпляр `App`, который вешает обработку `hashchange` и по hash вызывает соответствующую `render*Page`.
+
+## Структура каталогов (кратко)
+
+```
+src/
+├── app/                 # Инициализация, роутинг, registerComponent для чата/сайдбара
+├── pages/               # Страницы (auth, register, profile, messenger, not-found, server-error)
+├── widgets/
+│   ├── mainLayout/
+│   ├── messengerLayout/
+│   ├── sidebar/         # Sidebar, секции, элементы списка, панель пользователя
+│   ├── chatPage/        # ChatPage, ChatHeader, ChatThread, ChatTimelineRow, ChatFooter
+│   ├── messageComposer/
+│   └── noChatStub/
+├── features/            # auth, registration, edit-profile
+├── entities/            # user (заглушка)
+└── shared/
+    ├── ui/              # block, button, input, label, link, formField, iconButton, textarea, search, sidebar/*
+    ├── styles/          # variables, global, _colors, _buttons, …
+    └── lib/             # types (в т.ч. лента чата), utils, mocks
+```

eslint.config.ts

@@ -0,0 +1,136 @@
+import jseslint from "@eslint/js";
+import stylistic from "@stylistic/eslint-plugin";
+import { defineConfig, globalIgnores } from "eslint/config";
+import pluginImport from "eslint-plugin-import";
+import pluginSimpleImportSort from "eslint-plugin-simple-import-sort";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+
+export default defineConfig([
+  globalIgnores([
+    "node_modules",
+    ".next",
+    "out",
+    "scripts",
+    "build",
+    "public",
+    "dist",
+    "**/*.{mjs,cjs}",
+    "eslint.config.ts",
+    "vite.config.ts",
+  ]),
+
+  // Общие правила для JS/TS файлов
+  {
+    files: ["**/*.{js,ts}"],
+    languageOptions: {
+      globals: globals.browser,
+    },
+  },
+
+  // Основные правила для JS/TS файлов
+  {
+    files: ["**/*.{js,ts}"],
+    plugins: {
+      js: jseslint,
+    },
+    extends: [jseslint.configs.recommended],
+    rules: {
+      "max-classes-per-file": ["warn", { max: 1 }],
+      "max-depth": ["warn", { max: 4 }],
+      "max-nested-callbacks": ["warn", { max: 2 }],
+      "max-lines": ["warn", { max: 1000 }],
+      "no-negated-condition": ["warn"],
+      "no-nested-ternary": ["warn"],
+      "no-shadow": ["warn"],
+      "no-useless-return": ["warn"],
+    },
+  },
+
+  // Дополнительные правила для TS файлов
+  {
+    files: ["**/*.ts"],
+    plugins: {
+      "@typescript-eslint": tseslint.plugin,
+    },
+    languageOptions: {
+      parser: tseslint.parser,
+      parserOptions: {
+        projectService: true,
+      },
+    },
+    extends: [tseslint.configs.recommended],
+    rules: {
+      "@typescript-eslint/no-explicit-any": ["off"],
+      "@typescript-eslint/ban-ts-comment": ["warn"],
+      "@typescript-eslint/no-empty-object-type": ["off"],
+    },
+  },
+
+  // Правила для стилистики JS/TS файлов
+  {
+    files: ["**/*.{js,ts}"],
+    plugins: {
+      "@stylistic": stylistic,
+    },
+    rules: {
+      "@stylistic/padding-line-between-statements": [
+        "warn",
+        // Всегда добавлять пустую строку перед return
+        { blankLine: "always", prev: "*", next: "return" },
+
+        // Всегда добавлять пустую строку после const, let, var
+        { blankLine: "always", prev: ["const", "let", "var"], next: "*" },
+        {
+          blankLine: "any",
+          prev: ["const", "let", "var"],
+          next: ["const", "let", "var"],
+        },
+
+        // Всегда добавлять пустую строку до и после функций
+        { blankLine: "always", prev: ["function"], next: "*" },
+        { blankLine: "always", prev: "*", next: ["function"] },
+
+        // Всегда добавлять пустую строку до и после типов или интерфейсов
+        { blankLine: "always", prev: ["type", "interface"], next: "*" },
+        { blankLine: "always", prev: "*", next: ["type", "interface"] },
+      ],
+      "@stylistic/lines-between-class-members": ["warn", "always"],
+    },
+  },
+
+  // Правила для импортов
+  {
+    extends: [pluginImport.flatConfigs.recommended],
+    rules: {
+      "import/no-unresolved": "off",
+      "import/first": ["error"],
+      "import/newline-after-import": ["warn"],
+      "import/no-duplicates": ["warn", { "prefer-inline": false }],
+    },
+  },
+
+  // Правила для сортировки импортов
+  {
+    files: ["**/*.{js,ts}"],
+    plugins: {
+      "simple-import-sort": pluginSimpleImportSort,
+    },
+    rules: {
+      "simple-import-sort/exports": ["error"],
+      "simple-import-sort/imports": [
+        "error",
+        {
+          groups: [
+            ["^@?\\w"], // Packages
+            ["^@/\\w"], // App aliases
+            ["^\.\.(?!/?$)", "^\.\./?$"], // Parent imports
+            ["^\./(?=.*/)(?!/?$)", "^\.(?!/?$)", "^\./?$"], // Other relative imports
+            ["^.+\.?(scss|css)$"], // Styles
+            ["^\u0000"], // Side effect imports
+          ],
+        },
+      ],
+    },
+  },
+]);

index.html

@@ -3,11 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+    <meta
+      http-equiv="Cache-Control"
+      content="no-cache, no-store, must-revalidate"
+    />
     <title>GilgaChat</title>
   </head>
   <body class="body">
     <div id="app" class="app">Loading…</div>
-    <script type="module" src="/src/main.ts"></script>
+    <script type="module" src="/src/app/index.ts"></script>
   </body>
 </html>