itube-specs 0.0.948 → 0.0.950

package/components/card/webcam/index.vue

@@ -173,6 +173,7 @@
 
 <script setup lang="ts">
 import type { IWebcamModel } from '../../../types';
+import { isoCodeToCountryName } from '../../../utils/iso-code-to-country-name';
 
 const props = withDefaults(defineProps<{
   model: IWebcamModel
@@ -229,13 +230,9 @@ const nichePath = computed(() => {
   return niche && niche !== 'straight' ? `/${niche}` : '';
 });
 
-const countryName = computed(() => {
-  const code = String(props.model.country || '');
-  if (code.length !== 2) return code;
-
-  // короткая форма: в карточке «США», а не «Соединенные Штаты» — как в макете
-  return new Intl.DisplayNames([locale.value], { type: 'region', style: 'short' }).of(code.toUpperCase()) || code;
-});
+// Короткая форма («США», а не «Соединенные Штаты») теперь дефолт утилиты — своего
+// вызова ICU карточке больше не надо
+const countryName = computed(() => isoCodeToCountryName(String(props.model.country || ''), locale.value));
 
 /**
  * Провайдер отдаёт десятки тегов (у иных больше сотни) — в карточке оставляем

package/components/profile/setup.vue

@@ -130,6 +130,7 @@
 <script setup lang="ts">
 import type { ICountry, IGender, IProfileData, ISelectItem } from '../../types';
 import { compressImage, convertDateToTimestamp, validateEmail } from '../../runtime';
+import { isoCodeToCountryName } from '../../utils/iso-code-to-country-name';
 import { AuthorizationApiService } from '../../services/api/authorization.service';
 import { DictionariesApiService } from '../../services/api/dictionaries.service';
 
@@ -224,10 +225,20 @@ const [
   useFetchDictionariesGenders(DictionariesApiService.getGenders),
 ]);
 
-const countriesItems = computed<ISelectItem[] | undefined>(() => countriesData.value?.countries.map(item => ({
-  title: item.title,
-  value: item.title,
-})));
+// Список стран приходит с API только по-английски — подписываем его ICU-словарём и
+// пересортировываем коллатором, как в layout/language.vue. `value` остаётся английским
+// title: по нему findCountry() ищет страну и им же инициализируется поле из профиля.
+const countriesItems = computed<ISelectItem[] | undefined>(() => {
+  const collator = new Intl.Collator(locale.value);
+
+  return countriesData.value?.countries
+    .map((item) => {
+      const code = (item.isoCodes?.[0] || '').toUpperCase();
+      const name = isoCodeToCountryName(code, locale.value);
+      return { title: name === code ? item.title : name, value: item.title };
+    })
+    .sort((a, b) => collator.compare(a.title, b.title));
+});
 
 const gendersItems = computed<ISelectItem[] | undefined>(() => gendersData.value?.genders.map(item => ({
   title: item.title,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "itube-specs",
   "type": "module",
-  "version": "0.0.948",
+  "version": "0.0.950",
   "main": "./nuxt.config.ts",
   "types": "./types/index.d.ts",
   "scripts": {

package/pages/user/profile.vue

@@ -64,8 +64,9 @@
 </template>
 
 <script setup lang="ts">
-import type { IProfileData } from '../../types';
+import type { ICountry, IProfileData } from '../../types';
 import { convertDateToTimestamp } from '../../runtime';
+import { isoCodeToCountryName } from '../../utils/iso-code-to-country-name';
 
 interface IDataItem {
   title: string
@@ -86,11 +87,24 @@ const memberSince = computed(() => {
   return new Intl.DateTimeFormat(locale.value, { month: 'long', year: 'numeric' }).format(date);
 });
 
+// Страна с API приходит объектом словаря (тип профиля знает её как строку) — подписываем её
+// тем же ICU-словарём, что селектор в шапке и форму профиля. Строку отдаём как есть: имени
+// без ISO-кода не перевести.
+const countryName = computed(() => {
+  const country = data.value.country as unknown as ICountry | string | null;
+  if (!country) return '';
+  if (typeof country === 'string') return country;
+
+  const code = (country.isoCodes?.[0] || '').toUpperCase();
+  const name = isoCodeToCountryName(code, locale.value);
+  return name === code ? country.title : name;
+});
+
 const items = computed<Array<IDataItem>>(() => {
   return [
     {
       title: t('profile.country'),
-      text: data.value.country?.title ?? '',
+      text: countryName.value,
       icon: 'geo'
     },
     {

package/utils/__tests__/iso-code-to-country-name.test.ts

@@ -8,12 +8,32 @@ describe('isoCodeToCountryName', () => {
     expect(isoCodeToCountryName('cz', 'en')).toBe('Czechia');
   });
 
-  it('берёт полную форму: `style: short` в части локалей отдаёт аббревиатуру', () => {
-    expect(isoCodeToCountryName('us', 'ru')).toBe('Соединенные Штаты');
+  it('берёт короткую форму вместо бюрократической', () => {
+    expect(isoCodeToCountryName('hk', 'ru')).toBe('Гонконг');
+    expect(isoCodeToCountryName('mo', 'de')).toBe('Macau');
+    expect(isoCodeToCountryName('ps', 'en')).toBe('Palestine');
+  });
+
+  it('отдаёт обиходное сокращение там, где ICU его не знает', () => {
+    // в ICU нет ни в одном стиле, а заголовок главной пишет «в ЮАР»
+    expect(isoCodeToCountryName('za', 'ru')).toBe('ЮАР');
+    expect(isoCodeToCountryName('kr', 'ru')).toBe('Южная Корея');
+    expect(isoCodeToCountryName('fm', 'ru')).toBe('Микронезия');
+    expect(isoCodeToCountryName('us', 'ru')).toBe('США');
+    expect(isoCodeToCountryName('us', 'de')).toBe('USA');
+    expect(isoCodeToCountryName('us', 'ja')).toBe('アメリカ');
+    // локаль с регионом резолвится по базовому коду
+    expect(isoCodeToCountryName('za', 'ru-RU')).toBe('ЮАР');
+  });
+
+  it('остаётся на полной форме, где короткая — аббревиатура или обрубок', () => {
+    // короткая дала бы en `US`/`UK`, fr `É.-U.`, es `EE. UU.`
     expect(isoCodeToCountryName('us', 'en')).toBe('United States');
-    // короткая дала бы fr `É.-U.`, es `EE. UU.`, en `US`
     expect(isoCodeToCountryName('us', 'fr')).toBe('États-Unis');
     expect(isoCodeToCountryName('us', 'es')).toBe('Estados Unidos');
+    expect(isoCodeToCountryName('gb', 'ru')).toBe('Великобритания');
+    // короткая теряет часть имени
+    expect(isoCodeToCountryName('ba', 'en')).toBe('Bosnia & Herzegovina');
   });
 
   it('нормализует регистр и пробелы', () => {

package/utils/iso-code-to-country-name.ts

@@ -1,10 +1,31 @@
+/**
+ * Коды, где короткая форма ICU теряет часть имени (`Bosnia` без Герцеговины, `Cocos Islands`
+ * без Keeling, `Pitcairn` вместо островов) или сводит его к аббревиатуре (en `US`/`UK`,
+ * fr `É.-U.`/`R.-U.`, es `EE. UU.`/`RU`, ru `Британия`) — для них остаётся каноническая.
+ */
+const CANONICAL_CODES = new Set(['US', 'GB', 'BA', 'CC', 'PN']);
+
+/**
+ * Обиходные сокращения, которых ICU не отдаёт ни в одном стиле: `ЮАР` нет ни в `long`, ни в
+ * `short`, а «Республика Корея» и «Федеративные Штаты Микронезии» расходятся с падежным
+ * словарём lib/countries — заголовок и селектор называли бы страну по-разному. Перечислены
+ * только локали с реальным расхождением: у en/fr/es/ko/zh короткая форма ICU уже верная.
+ */
+const SHORT_NAMES: Record<string, Record<string, string>> = {
+  ru: { US: 'США', ZA: 'ЮАР', KR: 'Южная Корея', FM: 'Микронезия' },
+  de: { US: 'USA' },
+  it: { US: 'USA' },
+  ja: { US: 'アメリカ' },
+};
+
 /**
  * ISO 3166-1 alpha-2 → локализованное название страны в именительном падеже средствами ICU:
- * `cz` → «Чехия», `us` → «Соединенные Штаты». Ровно тот же словарь, что у браузеров и ОС, так
- * что своей таблицы имён держать не надо — сверено на всех 249 странах × 9 локалях.
+ * `cz` → «Чехия», `us` → «США». Ровно тот же словарь, что у браузеров и ОС, так что своей
+ * таблицы имён держать не надо — сверено на всех 249 странах × 9 локалях.
  *
- * `style: 'short'` НЕ берём: в части локалей это не короткое имя, а аббревиатура — fr `É.-U.`,
- * es `EE. UU.`, en `US`/`UK`. Осознанное исключение — карточка вебкамов, там так в макете.
+ * Стиль `short`, а не канонический: у ICU полная форма местами бюрократическая — «Гонконг
+ * (САР)», `Sonderverwaltungsregion Macau`, `Territoires palestiniens`. Исключения там, где
+ * короткая хуже или её нет вовсе: `CANONICAL_CODES` и `SHORT_NAMES`.
  *
  * Нераспознанный код возвращается как есть, потому проверять по нему реальность страны нельзя:
  * `XX` вернётся как `XX`, но и `US` в en-локали вернулся бы как `US`.
@@ -13,9 +34,15 @@ export const isoCodeToCountryName = (isoCode: string, locale: string): string =>
   const code = (isoCode || '').trim().toUpperCase();
   if (code.length !== 2) return isoCode;
 
+  const short = SHORT_NAMES[locale.split('-')[0] || '']?.[code];
+  if (short) return short;
+
   try {
     // `T1` (Tor) и подобные буквенно-цифровые коды ICU считает невалидным регионом и кидает
-    return new Intl.DisplayNames([locale], { type: 'region' }).of(code) || code;
+    return new Intl.DisplayNames([locale], {
+      type: 'region',
+      style: CANONICAL_CODES.has(code) ? 'long' : 'short',
+    }).of(code) || code;
   } catch {
     return code;
   }