👺 Хардкод пользовательского текста в обход Transloco (about, header)

[JsPowWow]

Почему создана

При аудите шаблонов about и core/layout (ветка develop) найден пользовательский текст, зашитый в разметку мимо Transloco. Сканировали .html на видимый текст без t(...).

Проблематика

CLAUDE.md (раздел «i18n — Transloco»): «Любой пользовательский текст (label, hint, кнопка, aria-label, статус) — через Transloco. Хардкод строк в шаблонах запрещён.» Зашитый текст не переключается языком (проект поддерживает ru/en) и ломает консистентность локализации.

Под правило попадает переводимый текст:

• роли участников команды в about-page — «Frontend developer», «Fullstack developer», «Frontend developer / Designer»;
• текст кнопки темы theme в header (это tuiIconButton — строка идёт в доступное имя, ей место в переводе/aria-label, а не голым текстом).

Имя бренда «PokeDex» (заголовки, figcaption) — имя собственное, его осознанно можно оставить как есть; в правило не включаю.

Где

• src/app/features/about/ui/components/about-page/about-page.component.html — <p class="position">Frontend developer</p> (×2 разных роли)
• src/app/features/about/ui/components/about-page/about-page.component.html — Fullstack developer, Frontend developer / Designer
• src/app/core/ui/components/layout/header/header.component.html — текст theme у кнопки переключения темы

Варианты решения

1. Вынести в Transloco-скоупы. Добавить ключи в public/i18n/about/{en,ru}.json (роли) и public/i18n/header/{en,ru}.json (themeToggle → aria-label/текст), заменить хардкод на t('...'). Плюсы: соответствует правилу, обе локали покрыты. Минусы: нужно завести ключи в обоих языках.
2. Роли как данные, а не текст. Если роли считать «данными участника», вынести их в типизированную модель/конфиг команды и рендерить через {{ member.role }} — но строки всё равно переводимые, так что ключ перевода предпочтительнее голой строки.

Рекомендация

Вариант 1. Роли и подпись кнопки — это UI-текст, его место в i18n-словарях рядом с остальными ключами about/header. Кнопку темы заодно снабдить переводимым aria-label (сейчас доступное имя — голый theme), это и a11y-плюс.

CLAUDE.md → «i18n — Transloco» · docs/Стайлгайд нейминг и структура.md

[Oksi2510]

На счет about. если текст в принципе не будет переводится на другие языки, то тогда зачем мне добавлять его в транслоко?
«Frontend developer / Designer»; не планировалось переводить, и так вопрос- надо ли выносить это из захардкоженного текста в переменные транслоко?

[JsPowWow]

Аудит 2026-06-11 (повторное сканирование, скоуп not-found на develop): тот же класс — хардкод доступного текста мимо Transloco — найден ещё в одном месте, добавляю к чеклисту:

• src/app/features/not-found/ui/components/not-found-page/not-found-page.component.html:4 — alt="poke ball 404" у <img> зашит на английском; это accessible-текст (читается скринридером, как и упомянутый в issue aria-label), а проект поддерживает ru/en. Вынести в notFound-скоуп: [alt]="t('notFound.imageAlt')" + ключ в public/i18n/not-found/{en,ru}.json.

Скоуп фичи переводится (heading/text/button уже через t(...)) — только alt остался голой строкой. Добавил label scope:not-found.

---

Generated by Claude Code

[JsPowWow]

Аудит 2026-06-12 (сканирование src/app/features/not-found на develop): тот же класс — пользовательский текст мимо Transloco — найден в шаблоне not-found. Атрибут alt у <img> зашит английской строкой poke ball 404, хотя проект поддерживает ru/en. По правилу CLAUDE.md («i18n — Transloco»: «Любой пользовательский текст (label, hint, кнопка, aria-label, статус) — через Transloco») доступный текст изображения (alt — прямой аналог aria-label для <img>, читается скринридером) должен идти через t(...). На метке scope:not-found issue уже стоит — добавляю недостающее вхождение в чеклист:

• src/app/features/not-found/ui/components/not-found-page/not-found-page.component.html:4 — alt="poke ball 404" → ключ в public/i18n/notFound/{en,ru}.json + [alt]="t('notFound.imageAlt')" (scope notFound уже подключён в not-found.routes.ts)

---

Generated by Claude Code

[JsPowWow]

Аудит 2026-06-16 (повторное сканирование pokemon-profile на develop): тот же класс (хардкод пользовательского текста в обход Transloco) — новое вхождение в pokemon-profile:

• src/app/features/pokemon-profile/ui/components/pokemon-profile-page/pokemon-profile-page.component.ts:56 — condition собирается как `Lv. ${detail.min_level}` (захардкоженный префикс «Lv. ») и detail?.trigger?.name — сырое значение API на английском (level-up, trade, use-item), которое выводится пользователю без перевода в evolution-chain-item.component.html:10 ({{ evolutionChain().condition }}).

Рекомендация: при выносе логики в конвертер (см. #177) условие эволюции тоже должно строиться через Transloco-ключи, а не конкатенацией литералов и сырых API-строк. Область pokemon-profile (вне исходных scope:core/scope:about/scope:not-found) — стоит добавить лейбл scope:pokemon-profile.

---

Generated by Claude Code

[JsPowWow]

Аудит 2026-06-21 (скан src/app/features/auth на develop): тот же класс — хардкод пользовательского текста в обход Transloco — найден ещё и в auth. Новые вхождения (placeholder-подсказки + alt):

• src/app/features/auth/ui/components/auth-page/login-form/login-form.component.html:21 — placeholder="John"
• src/app/features/auth/ui/components/auth-page/login-form/login-form.component.html:41 — placeholder="333333Qq"
• src/app/features/auth/ui/components/auth-page/signup-form/signup-form.component.html:17 — placeholder="John"
• src/app/features/auth/ui/components/auth-page/signup-form/signup-form.component.html:29 — placeholder="john@wick.com"
• src/app/features/auth/ui/components/auth-page/signup-form/signup-form.component.html:41 — placeholder="333333Qq"
• src/app/features/auth/ui/components/auth-page/signup-form/signup-form.component.html:53 — placeholder="333333Qq"
• src/app/features/auth/ui/components/auth-page/auth-page.component.html:3 — alt="Poke Ball"

Примечание: placeholder'ы — значения-примеры (John / 333333Qq / john@wick.com), пограничный случай, но по CLAUDE.md «hint» обязан идти через Transloco; alt — accessibility-текст, тоже под правилом. При выносе — Transloco-ключи (напр. auth.login.usernamePlaceholder), не атрибут-литералы.