itube-specs 0.0.793 → 0.0.795

package/README.md

@@ -21,39 +21,32 @@ runtime-хелперы, типы и lib-данные. Приложения ра
 
 ## Как работать со слоем
 
-Слой публикуется в npm, приложения используют **опубликованную** копию (`node_modules/itube-specs`).
-**Локальные правки не видны приложению, пока не опубликована новая версия.**
+Слой публикуется в npm, прод/CI собираются с **опубликованной** копии (`node_modules/itube-specs`).
+Локально приложение подсасывает слой напрямую через симлинк — правки видны сразу, без публикации.
 
-1. Коммитим правки в слое.
-2. `npm run patch` — патчим версию → пуш → мерж.
-3. В проекте: `npm run spec` (`npm install itube-specs@latest`), при необходимости `npx nuxi prepare`
-   (если не подхватились автоимпорты composables/компонентов).
-4. При runtime-проблемах — `npm run dev` в слое перегенерит `tsconfig` и `eslint.config.mjs`.
+### Локальная разработка (авто-линк из приложения)
 
-> **npm install и другие команды, меняющие зависимости, в этом репозитории не запускаем** — зависимости
-> и публикацию ведёт мейнтейнер вручную. Править `package.json` можно, ставить пакеты — нет.
+В приложении `npm run dev` перед стартом (хук `predev`) вешает симлинк
+`node_modules/itube-specs` → `LAYER_PATH` (путь берётся из `.env` приложения). Дальше:
 
-### Отладка из приложения
+1. Правим слой прямо здесь (по `LAYER_PATH`) — изменения видны на локалке приложения сразу (HMR),
+   cmd+click по сущностям слоя ведёт в эти исходники.
+2. Правки готовы: коммит в слое → `npm run patch` → пуш → мерж → публикация.
+3. В приложении: `npm run spec` (`npm install itube-specs@latest`) тянет опубликованную версию
+   (симлинк заменяется реальным пакетом), коммит, пуш на прод.
 
-Правим слой прямо здесь (по `LAYER_PATH`), затем `npm run patch` + `npm run spec` в приложении.
+`npm run dev:published` в приложении — дев против опубликованной версии, минуя авто-линк.
 
-Приоритет авто-импорта в приложении: `*-debug` > проектные `components/`/`composables/` > слой.
+> **npm install и другие команды, меняющие зависимости, в этом репозитории не запускаем** — зависимости
+> и публикацию ведёт мейнтейнер вручную. Править `package.json` можно, ставить пакеты — нет.
 
-**Постоянная кастомизация:** приложение может завести файл с **тем же именем**, что сущность слоя
-(напр. `<UiBtn>`), в своих `components/`/`composables/` — победит проектный (он выше слоя). Так форк
-меняет вёрстку/логику под себя **без переименования**. Осмысленно: если разницу решает пропс — делать
-пропсом, а не форкать весь компонент.
+### Проектные оверрайды
 
-**Отладка слоя:** копируем сущность слоя в `components-debug/` / `composables-debug/` приложения
-(без сегмента `components/`/`composables/` слоевого пути), `npx nuxi prepare` — копия перекрывает слой
-(отдельные авто-корни, наивысший приоритет). При необходимости оверрайд можно закоммитить и выкатить
-в бой для отладки (папки не в git-ignore). Правим, переносим в слой (или скилл `debug-clean`),
-`npm run patch` + `npm run spec`, копию удаляем. Импорты в копии — пакетные
-(`itube-specs/runtime|types|lib|services|utils`). **Дисциплина: держать пусто, когда нет активной задачи** —
-копия перекрывает слой только для одного проекта, правки должны уходить в слой и расходиться на все форки.
+Приоритет авто-импорта в приложении: проектные `components/`/`composables/` > слой.
 
-Для мелких утилит/runtime можно и грубее — временный disk-импорт с диска
-(`import { test } from '../../../../specs/runtime/utils'`), только для локальной отладки, в коммит не идёт.
+Приложение может завести файл с **тем же именем**, что сущность слоя (напр. `<UiBtn>`), в своих
+`components/`/`composables/` — победит проектный (он выше слоя). Так форк меняет вёрстку/логику под себя
+**без переименования**. Осмысленно: если разницу решает пропс — делать пропсом, а не форкать весь компонент.
 
 ---
 

package/components/adv/native-banner.vue

@@ -1,27 +1,32 @@
 <template>
   <ClientOnly>
-    <div v-if="spot"
-         :class="{
-           'ntv': isNtv,
-         }"
-         class="adv-native-card"
+    <div
+      v-if="spot"
+      :class="{
+        'ntv': isNtv,
+      }"
+      class="adv-native-card"
     >
-      <div v-once
-           class="adv-native-card__slot"
+      <div
+        v-once
+        class="adv-native-card__slot"
       >
-        <div data-asg-ins
-             :data-spots="spot"
+        <div
+          data-asg-ins
+          :data-spots="spot"
         />
       </div>
-      <div v-if="!isNtv"
-           class="adv-native-card__bottom"
+      <div
+        v-if="!isNtv"
+        class="adv-native-card__bottom"
       >
-        <UiImg :alt="t('advertising_banner')"
-               class="adv-native-card__channel-logo"
-               width="32"
-               height="32"
-               src="/img/user-uploaded.svg"
-               sizes="32px"
+        <UiImg
+          :alt="t('advertising_banner')"
+          class="adv-native-card__channel-logo"
+          width="32"
+          height="32"
+          src="/img/user-uploaded.svg"
+          sizes="32px"
         />
 
         <div class="adv-native-card__titles">

package/components/adv/native-bottom.vue

@@ -1,11 +1,13 @@
 <template>
-  <iframe :src="`/embed/${BannerHelper.getBannerSpot(AdBannerType.NativeBottom, AdSpotType.Primary)}`"
-          class="adv-native-bottom"
-          title="content"
+  <iframe
+    :src="`/embed/${BannerHelper.getBannerSpot(AdBannerType.NativeBottom, AdSpotType.Primary)}`"
+    class="adv-native-bottom"
+    title="content"
   />
-  <iframe :src="`/embed/${BannerHelper.getBannerSpot(AdBannerType.NativeBottom, AdSpotType.Secondary)}`"
-          class="adv-native-bottom"
-          title="content"
+  <iframe
+    :src="`/embed/${BannerHelper.getBannerSpot(AdBannerType.NativeBottom, AdSpotType.Secondary)}`"
+    class="adv-native-bottom"
+    title="content"
   />
 </template>
 

package/components/adv/native-player.vue

@@ -1,11 +1,13 @@
 <template>
-  <iframe :src="`/embed/${BannerHelper.getBannerSpot(AdBannerType.NativePlayer, AdSpotType.Primary)}`"
-          class="adv-native-player"
-          title="content"
+  <iframe
+    :src="`/embed/${BannerHelper.getBannerSpot(AdBannerType.NativePlayer, AdSpotType.Primary)}`"
+    class="adv-native-player"
+    title="content"
   />
-  <iframe :src="`/embed/${BannerHelper.getBannerSpot(AdBannerType.NativePlayer, AdSpotType.Secondary)}`"
-          class="adv-native-player"
-          title="content"
+  <iframe
+    :src="`/embed/${BannerHelper.getBannerSpot(AdBannerType.NativePlayer, AdSpotType.Secondary)}`"
+    class="adv-native-player"
+    title="content"
   />
 </template>
 

package/components/adv/ntv.vue

@@ -1,7 +1,8 @@
 <template>
-  <iframe :src="`/embed/${BannerHelper.getBannerSpot(AdBannerType.NTV, AdSpotType.Primary)}?ntv=1`"
-          class="adv-ntv"
-          title="content"
+  <iframe
+    :src="`/embed/${BannerHelper.getBannerSpot(AdBannerType.NTV, AdSpotType.Primary)}?ntv=1`"
+    class="adv-ntv"
+    title="content"
   />
 </template>
 

package/components/auth/icon.vue

@@ -1,8 +1,9 @@
 <template>
   <div class="auth-icon">
-    <UiIcon :name="icon"
-            class="auth-icon__icon"
-            size="24"
+    <UiIcon
+      :name="icon"
+      class="auth-icon__icon"
+      size="24"
     />
   </div>
 </template>

package/components/auth/login.vue

@@ -1,52 +1,58 @@
 <template>
-  <div :class="{ _loading: loading }"
-       class="auth-login"
+  <div
+    :class="{ _loading: loading }"
+    class="auth-login"
   >
     <AuthIcon class="auth-login__icon" />
 
-    <UiInput v-model="form.username"
-             :label="t('auth.username')"
-             :placeholder="t('auth.username')"
-             hide-label
-             :error="error.username"
-             name="login-name"
-             enterkeyhint="next"
-             @update:error="(val: boolean) => (error.username = val)"
-             @enter="passwordRef?.focus()"
+    <UiInput
+      v-model="form.username"
+      :label="t('auth.username')"
+      :placeholder="t('auth.username')"
+      hide-label
+      :error="error.username"
+      name="login-name"
+      enterkeyhint="next"
+      @update:error="(val: boolean) => (error.username = val)"
+      @enter="passwordRef?.focus()"
     />
-    <UiInput ref="passwordRef"
-             v-model="form.password_hash"
-             :label="t('auth.password')"
-             :placeholder="t('auth.password')"
-             hide-label
-             :error="error.password_hash"
-             type="password"
-             enterkeyhint="go"
-             @update:error="(val: boolean) => (error.password_hash = val)"
-             @enter="login"
+    <UiInput
+      ref="passwordRef"
+      v-model="form.password_hash"
+      :label="t('auth.password')"
+      :placeholder="t('auth.password')"
+      hide-label
+      :error="error.password_hash"
+      type="password"
+      enterkeyhint="go"
+      @update:error="(val: boolean) => (error.password_hash = val)"
+      @enter="login"
     />
 
     <div class="auth-login__buttons">
-      <UiBtn :disabled="loading"
-             class="auth-login__login"
-             wide
-             size="l"
-             theme="primary"
-             @click="login"
+      <UiBtn
+        :disabled="loading"
+        class="auth-login__login"
+        wide
+        size="l"
+        theme="primary"
+        @click="login"
       >{{ t("auth.log_in") }}
       </UiBtn>
-      <button class="auth-login__forgot"
-              type="button"
-              @click="onForgotClick"
+      <button
+        class="auth-login__forgot"
+        type="button"
+        @click="onForgotClick"
       >
         {{ t("auth.forgot") }}
       </button>
 
       <p class="auth-login__back">
         {{ t("register_text") }}
-        <button class="auth-login__back-button"
-                type="button"
-                @click="onCreateClick"
+        <button
+          class="auth-login__back-button"
+          type="button"
+          @click="onCreateClick"
         >
           {{ t("auth.sign_up") }}
         </button>

package/components/auth/popup.vue

@@ -1,44 +1,50 @@
 <template>
-  <div v-if="isAuthPopupOpen"
-       class="auth-popup__decorate"
+  <div
+    v-if="isAuthPopupOpen"
+    class="auth-popup__decorate"
   />
   <transition mode="out-in">
-    <UiPopup v-if="currentStep === AuthSteps.Registration && isAuthPopupOpen"
-             v-model="isAuthPopupOpen"
-             transparent-backdrop
-             :back="isBackShow"
-             class="auth-popup"
-             @back="currentStep -= 1"
+    <UiPopup
+      v-if="currentStep === AuthSteps.Registration && isAuthPopupOpen"
+      v-model="isAuthPopupOpen"
+      transparent-backdrop
+      :back="isBackShow"
+      class="auth-popup"
+      @back="currentStep -= 1"
     >
       <template #title>{{  $t('auth.create_new') }}</template>
-      <AuthRegister :additional-text="additionalText"
-                    @login="onLoginClick"
+      <AuthRegister
+        :additional-text="additionalText"
+        @login="onLoginClick"
       />
     </UiPopup>
   </transition>
 
   <transition mode="out-in">
-    <UiPopup v-if="currentStep === AuthSteps.Login && isAuthPopupOpen"
-             v-model="isAuthPopupOpen"
-             transparent-backdrop
-             :back="isBackShow"
-             class="auth-popup"
-             @back="currentStep -= 1"
+    <UiPopup
+      v-if="currentStep === AuthSteps.Login && isAuthPopupOpen"
+      v-model="isAuthPopupOpen"
+      transparent-backdrop
+      :back="isBackShow"
+      class="auth-popup"
+      @back="currentStep -= 1"
     >
       <template #title>{{  $t('auth.welcome_back') }}</template>
-      <AuthLogin @forgot="onRecoveryClick"
-                 @create="currentStep -= 1"
+      <AuthLogin
+        @forgot="onRecoveryClick"
+        @create="currentStep -= 1"
       />
     </UiPopup>
   </transition>
 
   <transition mode="out-in">
-    <UiPopup v-if="currentStep === AuthSteps.Recovery && isAuthPopupOpen"
-             v-model="isAuthPopupOpen"
-             transparent-backdrop
-             :back="isBackShow"
-             class="auth-popup"
-             @back="currentStep -= 1"
+    <UiPopup
+      v-if="currentStep === AuthSteps.Recovery && isAuthPopupOpen"
+      v-model="isAuthPopupOpen"
+      transparent-backdrop
+      :back="isBackShow"
+      class="auth-popup"
+      @back="currentStep -= 1"
     >
       <template #title>{{  $t('auth.recovery_title')}}</template>
       <AuthRecovery @login="onLoginClick"/>

package/components/auth/recovery.vue

@@ -1,37 +1,42 @@
 <template>
-  <div :class="{'_loading': loading}"
-       class="auth-recovery"
+  <div
+    :class="{'_loading': loading}"
+    class="auth-recovery"
   >
 
-    <AuthIcon class="auth-recovery__icon"
-              icon="envelope"
+    <AuthIcon
+      class="auth-recovery__icon"
+      icon="envelope"
     />
 
     <p class="auth-recovery__text">{{ t('auth.recovery_text') }}</p>
-    <UiInput v-model="form.email"
-             :label="$t('email')"
-             :placeholder="$t('email')"
-             hide-label
-             :error="error.email"
-             type="email"
-             inputmode="email"
-             enterkeyhint="send"
-             autocomplete="email"
-             @update:error="(val: boolean) => error.email = val"
-             @enter="submit"
+    <UiInput
+      v-model="form.email"
+      :label="$t('email')"
+      :placeholder="$t('email')"
+      hide-label
+      :error="error.email"
+      type="email"
+      inputmode="email"
+      enterkeyhint="send"
+      autocomplete="email"
+      @update:error="(val: boolean) => error.email = val"
+      @enter="submit"
     />
 
-    <UiBtn :disabled="loading"
-           class="auth-recovery__button"
-           wide
-           size="l"
-           theme="primary"
-           @click="submit"
+    <UiBtn
+      :disabled="loading"
+      class="auth-recovery__button"
+      wide
+      size="l"
+      theme="primary"
+      @click="submit"
     >{{ t('auth.get_recovery') }}
     </UiBtn>
-    <button class="auth-recovery__login"
-            type="button"
-            @click="onLoginClick"
+    <button
+      class="auth-recovery__login"
+      type="button"
+      @click="onLoginClick"
     >{{ t('auth.back_to_login') }}
     </button>
   </div>

package/components/auth/register.vue

@@ -1,62 +1,69 @@
 <template>
   <ClientOnly>
-    <div :class="{'_loading': loading}"
-         class="auth-register"
+    <div
+      :class="{'_loading': loading}"
+      class="auth-register"
     >
       <AuthIcon class="auth-register__icon" />
-      <p v-if="additionalText"
-         class="auth-register__text"
+      <p
+        v-if="additionalText"
+        class="auth-register__text"
       >{{ t(additionalText) }}
       </p>
-      <UiInput v-model="form.email"
-               :placeholder="t('email')"
-               :label="t('email')"
-               hide-label
-               :error="error.email"
-               type="email"
-               inputmode="email"
-               enterkeyhint="next"
-               autocomplete="email"
-               @update:error="(val: boolean) => error.email = val"
-               @enter="usernameRef?.focus()"
+      <UiInput
+        v-model="form.email"
+        :placeholder="t('email')"
+        :label="t('email')"
+        hide-label
+        :error="error.email"
+        type="email"
+        inputmode="email"
+        enterkeyhint="next"
+        autocomplete="email"
+        @update:error="(val: boolean) => error.email = val"
+        @enter="usernameRef?.focus()"
       />
-      <UiInput ref="usernameRef"
-               v-model="form.username"
-               :label="t('login')"
-               :placeholder="t('login')"
-               hide-label
-               :error="error.username"
-               name="login-name"
-               enterkeyhint="next"
-               @update:error="(val: boolean) => error.username = val"
-               @enter="passwordRef?.focus()"
+      <UiInput
+        ref="usernameRef"
+        v-model="form.username"
+        :label="t('login')"
+        :placeholder="t('login')"
+        hide-label
+        :error="error.username"
+        name="login-name"
+        enterkeyhint="next"
+        @update:error="(val: boolean) => error.username = val"
+        @enter="passwordRef?.focus()"
       />
-      <UiInput ref="passwordRef"
-               v-model="form.password_hash"
-               :label="t('auth.password')"
-               :placeholder="t('auth.password')"
-               hide-label
-               :error="error.password_hash"
-               type="password"
-               enterkeyhint="send"
-               autocomplete="new-password"
-               @update:error="(val: boolean) => error.password_hash = val"
-               @enter="submit"
+      <UiInput
+        ref="passwordRef"
+        v-model="form.password_hash"
+        :label="t('auth.password')"
+        :placeholder="t('auth.password')"
+        hide-label
+        :error="error.password_hash"
+        type="password"
+        enterkeyhint="send"
+        autocomplete="new-password"
+        @update:error="(val: boolean) => error.password_hash = val"
+        @enter="submit"
       />
 
       <div class="auth-register__buttons">
-        <UiBtn :disabled="loading"
-               wide
-               size="l"
-               theme="primary"
-               @click="submit"
+        <UiBtn
+          :disabled="loading"
+          wide
+          size="l"
+          theme="primary"
+          @click="submit"
         >{{ t('auth.sign_up') }}
         </UiBtn>
         <p class="auth-register__login">
           {{ t('login_text') }}
-          <button class="auth-register__login-button"
-                  type="button"
-                  @click="onLoginClick"
+          <button
+            class="auth-register__login-button"
+            type="button"
+            @click="onLoginClick"
           >
             {{ t('auth.log_in') }}
           </button>
@@ -64,15 +71,17 @@
       </div>
 
       <p class="auth-register__agreement">{{ t('auth.agree_begin') }}
-        <NuxtLink class="auth-register__agreement-link"
-                  to="/terms"
-                  target="_blank"
+        <NuxtLink
+          class="auth-register__agreement-link"
+          to="/terms"
+          target="_blank"
         >{{ t('auth.agree_terms') }}
         </NuxtLink>
         {{ t('auth.agree_and') }}
-        <NuxtLink class="auth-register__agreement-link"
-                  to="/policy"
-                  target="_blank"
+        <NuxtLink
+          class="auth-register__agreement-link"
+          to="/policy"
+          target="_blank"
         >{{ t('auth.agree_policy') }}
         </NuxtLink>
       </p>

package/components/card/category-mini.vue

@@ -5,13 +5,15 @@
       <p class="card-category-mini__name">{{ card.title }}</p>
       <div class="card-category-mini__info">
         <span class="card-category-mini__detail">
-          <UiIcon name="video-camera"
-                  size="14"
+          <UiIcon
+            name="video-camera"
+            size="14"
           />
           {{ $n(card.videosCount, 'compact') }}
         </span>
-        <span v-if="$features.FeatureFollowEnabled"
-              class="card-category-mini__detail"
+        <span
+          v-if="$features.FeatureFollowEnabled"
+          class="card-category-mini__detail"
         >{{ $n(8400, 'compact') }}</span>
       </div>
     </div>

package/components/card/category.vue

@@ -1,35 +1,39 @@
 <!-- Карточка категории: обложка, название с флагом, счётчик видео -->
 <template>
-  <NuxtLink :title="card.title"
-            :to="localePath(`/categories/${convertString().toSlug(slug)}`)"
-            class="card-category"
+  <NuxtLink
+    :title="card.title"
+    :to="localePath(`/categories/${convertString().toSlug(slug)}`)"
+    class="card-category"
   >
-    <UiImg :alt="card.title"
-           :src="currentImage"
-           :loading="priority ? 'eager' : 'lazy'"
-           :priority="priority"
-           class="card-category__img"
-           sizes="320px"
-           width="320"
-           height="180"
-           @error="onImageError"
+    <UiImg
+      :alt="card.title"
+      :src="currentImage"
+      :loading="priority ? 'eager' : 'lazy'"
+      :priority="priority"
+      class="card-category__img"
+      sizes="320px"
+      width="320"
+      height="180"
+      @error="onImageError"
     />
     <div class="card-category__wrapper">
       <div class="card-category__wrapper-header">
         <span class="card-category__title">
           {{ card.title }}
-          <img v-if="card.icon"
-               :src="`/icons/flags/${card.icon}.svg`"
-               :alt="card.icon"
-               class="card-category__icon"
-               width="17"
-               height="17"
-               loading="lazy"
+          <img
+            v-if="card.icon"
+            :src="`/icons/flags/${card.icon}.svg`"
+            :alt="card.icon"
+            class="card-category__icon"
+            width="17"
+            height="17"
+            loading="lazy"
           >
         </span>
         <span class="card-category__count">
-          <UiIcon name="video-camera"
-                  size="14"
+          <UiIcon
+            name="video-camera"
+            size="14"
           />
           {{ $n(card.videosCount, 'compact') }}
         </span>