itube-specs 0.0.947 → 0.0.949

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/layout/language.vue

@@ -161,10 +161,29 @@ const clientCountryName = computed(() => (
 
 const isCountryOpen = ref(false);
 const countryValue = ref('');
+
+// Список стран приходит с API только по-английски — подписываем его тем же ICU-словарём,
+// что и текущую страну, и пересортировываем коллатором: порядок с бэка — английский
+// алфавит. Нераспознанный код `isoCodeToCountryName` вернёт как есть — тогда имя с API.
+const localizedCountries = computed(() => {
+  const collator = new Intl.Collator(locale.value);
+
+  return countriesItems.value
+    .map((item) => {
+      const code = (item.key || '').toUpperCase();
+      const name = isoCodeToCountryName(code, locale.value);
+      const title = name === code ? item.title : name;
+      return { ...item, title, value: title, apiTitle: item.title };
+    })
+    .sort((a, b) => collator.compare(a.title, b.title));
+});
+
+// Ищем и по английскому имени: привычка набирать `germany` не должна ломаться на ru-локали
 const filteredCountries = computed(() => {
-  if (!countryValue.value) return countriesItems.value;
+  if (!countryValue.value) return localizedCountries.value;
   const query = countryValue.value.toLowerCase();
-  return countriesItems.value.filter(item => item.title.toLowerCase().includes(query));
+  return localizedCountries.value.filter(item => item.title.toLowerCase().includes(query)
+    || item.apiTitle.toLowerCase().includes(query));
 });
 
 function onCountryToggle(e: Event) {

package/package.json

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

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;
   }