itube-specs 0.0.859 → 0.0.862

package/README.md

@@ -66,6 +66,9 @@ npm run patch        # npm version patch — бамп версии перед п
 ```
 
 Pre-commit (husky + lint-staged): на закоммиченных файлах прогоняются `eslint --fix` и `stylelint --fix`.
+⚠️ **Шаблоны `.vue` не типизируются вообще.** Обычный `tsc` их не читает, а `vue-tsc` не подключён (накопился
+бэклог ошибок в шаблонах, подключение — отдельная задача). Значит чистый `tsc` ничего не говорит про выражения
+в шаблоне: арифметика над строковым union, неверный тип пропа, переименованное поле пройдут молча.
 
 ---
 
@@ -175,9 +178,9 @@ ad-конфиг), теперь читается из `runtimeConfig.public` (з
 - **Компоненты** — `pathPrefix: true`: имя = папка + файл (`ui/icon.vue` → `<UiIcon>`), BEM-класс = kebab
   тега. Корень папки — `index.vue` (или `main.vue`, если иначе имя было бы односложным).
 - **`as const`** вместо `enum` — доменные наборы в `runtime/constants/`, тип через
-  `typeof X[keyof typeof X]`. В enum не положить строку из API, он остаётся в бандле, и в
-  опубликованном пакете `import type` на нём ломается в рантайме. Фреймворковые union'ы не
-  оборачивать. Подробнее — в [CLAUDE.md](./CLAUDE.md).
+  `typeof X[keyof typeof X]`, значения строковые. Enum остаётся в бандле, в опубликованном пакете
+  `import type` на нём ломается в рантайме, а там, где значение приходит из API/URL/куки, сырую строку
+  в него не положить. Фреймворковые union'ы не оборачивать. Подробнее — в [CLAUDE.md](./CLAUDE.md).
 - **Стили** — co-location в `<style lang="scss">` без `scoped`, flat-BEM, только дизайн-токены.
   `vars` и `mixins` **авто-инжектятся** через `additionalData` приложения, поэтому в блоке компонента
   `@use` писать не надо. Сам `sass` в слое не установлен — SCSS компилируется внутри приложения, но

package/components/auth/popup.vue

@@ -10,7 +10,7 @@
       transparent-backdrop
       :back="isBackShow"
       class="auth-popup"
-      @back="currentStep -= 1"
+      @back="goBack"
     >
       <template #title>{{  $t('auth.create_new') }}</template>
       <AuthRegister
@@ -27,12 +27,12 @@
       transparent-backdrop
       :back="isBackShow"
       class="auth-popup"
-      @back="currentStep -= 1"
+      @back="goBack"
     >
       <template #title>{{  $t('auth.welcome_back') }}</template>
       <AuthLogin
         @forgot="onRecoveryClick"
-        @create="currentStep -= 1"
+        @create="currentStep = AuthSteps.Registration"
       />
     </UiPopup>
   </transition>
@@ -44,7 +44,7 @@
       transparent-backdrop
       :back="isBackShow"
       class="auth-popup"
-      @back="currentStep -= 1"
+      @back="goBack"
     >
       <template #title>{{  $t('auth.recovery_title')}}</template>
       <AuthRecovery @login="onLoginClick"/>
@@ -59,6 +59,20 @@ const { isAuthPopupOpen, currentStep, additionalText } = useAuthPopup();
 
 const backShow = ref(false);
 
+// Куда ведёт «назад» с каждого шага. Registration — начальный, назад с него нет.
+const previousStep: Partial<Record<AuthSteps, AuthSteps>> = {
+  [AuthSteps.Login]: AuthSteps.Registration,
+  [AuthSteps.Recovery]: AuthSteps.Login,
+};
+
+function goBack(): void {
+  const previous = previousStep[currentStep.value];
+
+  if (previous) {
+    currentStep.value = previous;
+  }
+}
+
 function onLoginClick(): void {
   currentStep.value = AuthSteps.Login;
   backShow.value = true;

package/components/player/playlist.vue

@@ -142,8 +142,7 @@
 
 <script setup lang="ts">
 import type { IVideoCard, IPlaylistCard, IProfileData } from '../../types';
-import type { PlaylistType } from '../../runtime';
-import { AuthSteps, PlaylistStep } from '../../runtime';
+import { AuthSteps, PlaylistStep, PlaylistType } from '../../runtime';
 import { AuthorizationApiService } from '../../services/api/authorization.service';
 
 const props = defineProps<{
@@ -167,7 +166,7 @@ const sharePlaylistCard = computed<IPlaylistCard>(() => ({
   videosCount: props.items.length,
   thumbUrls: props.items.slice(0, 4).map(item => item.thumbUrls || { webp: {} }),
   created: 0,
-  playlistType: 'public' as unknown as PlaylistType,
+  playlistType: PlaylistType.Public,
 }));
 
 const { isAuthorized } = useUser(AuthorizationApiService);

package/package.json

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

package/runtime/constants/auth-step.ts

@@ -1,7 +1,7 @@
 export const AuthSteps = {
-  Registration: 1,
-  Login: 2,
-  Recovery: 3,
+  Registration: 'registration',
+  Login: 'login',
+  Recovery: 'recovery',
 } as const;
 
 export type AuthSteps = typeof AuthSteps[keyof typeof AuthSteps];

package/runtime/constants/playlist-step.ts

@@ -1,7 +1,7 @@
 export const PlaylistStep = {
-  Edit: 1,
-  Delete: 2,
-  DeleteVideo: 3,
+  Edit: 'edit',
+  Delete: 'delete',
+  DeleteVideo: 'delete-video',
 } as const;
 
 export type PlaylistStep = typeof PlaylistStep[keyof typeof PlaylistStep];