itube-specs 0.0.811 → 0.0.814

package/README.md

@@ -1,8 +1,9 @@
 # itube-specs
 
 Общий **Nuxt Layer** для сайтов itube. Держит единую базу: компоненты, composables, сервисы, утилиты,
-runtime-хелперы, типы и lib-данные. Приложения расширяют слой (`extends: ['itube-specs']`) и форкаются
-под разные сайты одной ниши — поэтому слой должен оставаться **самодостаточным и site-agnostic**.
+runtime-хелперы, типы, lib-данные, а также middleware, SSR-плагины и BFF-хендлеры (`server/api`).
+Приложения расширяют слой (`extends: ['itube-specs']`) и форкаются под разные сайты одной ниши —
+поэтому слой должен оставаться **самодостаточным и site-agnostic**.
 
 > Bitbucket: https://bitbucket.org/luckytube/specs/src/master/
 
@@ -76,9 +77,15 @@ runtime/       # runtime-значения и хелперы (barrel index.ts)
   constants/   # доменные `as const` (Niche, PlaylistType, AdSpotType, …)
   utils/       # чистые хелперы, cleaners/, converters/
 types/         # .d.ts типы (barrel index.d.ts — с расширением .d.ts в реэкспортах)
-lib/           # статические scheme/config-данные (barrel index.ts)
+lib/           # статические scheme/config-данные (barrel index.ts): scheme/*, css-breakpoints
+middleware/    # глобальные: auth.global, normalize.global, age.global
+plugins/       # SSR/клиент: country/countries/mobile (SSR), services.client, sentry.client, adv
+server/        # BFF: api/** (тонкие прокси к внешнему API), utils/metrics, plugins/*, tasks
 ```
 
+> `middleware`/`plugins`/`server` обязаны быть в `files` (whitelist) — иначе не попадут в паблиш
+> (см. раздел `files`/`exports`).
+
 ---
 
 ## Импорты
@@ -87,8 +94,9 @@ lib/           # статические scheme/config-данные (barrel index
 через имя пакета. Приложения импортируют как `itube-specs/runtime`, `itube-specs/services/...`,
 `itube-specs/utils/...`, а типы — `itube-specs/types`.
 
-Алиасы `~/…`/`@/…` в файле слоя резолвятся на **приложение**, не на слой — для кода слоя их не используем
-(допустимо только для намеренных app-зависимостей, например рекламный компонент → `~/config`/`~/utils`).
+Алиасы `~/…`/`@/…` в файле слоя резолвятся на **приложение**, не на слой — в коде слоя их не используем.
+Сейчас таких app-зависимостей в слое не осталось: то, что раньше приходило из приложения (фича-флаги,
+ad-конфиг), теперь читается из `runtimeConfig.public` (значения задаёт приложение).
 
 ### `files` / `exports`
 
@@ -105,10 +113,12 @@ lib/           # статические scheme/config-данные (barrel index
 
 ## Что живёт в слое, а что в приложении
 
-- **Слой:** переиспользуемые компоненты, composables, API-сервисы, доменные утилиты, runtime-константы/хелперы,
-  типы, scheme/lib-данные — всё site-agnostic.
-- **Приложение:** фича-флаги и прочий `config/`, `assets/scss` (токены), плагины (`$features`, реклама,
-  sentry), страницы, i18n-локали, BFF-хендлеры `server/` — всё site-specific и завязанное на окружение.
+- **Слой:** компоненты, composables, API-сервисы, доменные утилиты, runtime-константы/хелперы, типы,
+  `lib/` (scheme, css-breakpoints), middleware (`auth`/`normalize`/`age`), SSR-плагины
+  (`country`/`mobile`/`services`/`sentry`/`adv`), BFF-хендлеры `server/api/**` — всё site-agnostic.
+- **Приложение:** только per-site — **значения** config (флаги/реклама/локали) через `runtimeConfig.public`
+  (слой держит пустые контейнеры-заглушки), `assets/scss` (токены), страницы, i18n-локали и остаток
+  `server/`, завязанный на локали (`locale-guard`, `site/languages`, `is-locale-blocked`).
 
 ---
 
@@ -130,5 +140,6 @@ lib/           # статические scheme/config-данные (barrel index
 ## Тесты
 
 Vitest через `@nuxt/test-utils`. В слое — **только тесты без app-специфичного окружения** (чистая логика
-composables/utils/runtime). Компонентные тесты с монтированием SFC и всё, что требует app-инжектов
-(`$features`, SCSS-токены), живёт в **приложении** — в слое нет ни scss-инъекции, ни плагинов приложения.
+composables/utils/runtime). Компонентные тесты с монтированием SFC (нужна SCSS-инъекция токенов, которой в слое
+нет) живут в **приложении**. Значения `runtimeConfig` (`featureFlags`/`adsConfig`) в слое — пустые контейнеры,
+поэтому его код при бутстрапе в CI не падает, но реальные значения приходят только из приложения.

package/components/card/channel.vue

@@ -61,7 +61,7 @@
 <script setup lang="ts">
 import { convertString, formatDate } from '../../runtime';
 import type { IChannelCard } from '../../types';
-import { CSS_BREAKPOINTS } from '~/lib/css-breakpoints';
+import { CSS_BREAKPOINTS } from '../../lib/css-breakpoints';
 
 const props = defineProps<{
   card: IChannelCard

package/components/card/playlist.vue

@@ -176,7 +176,7 @@
 import { formatDate, ThumbSize } from '../../runtime';
 import type { IPlaylistCard, IProfileData, IThumbUrls } from '../../types';
 import { AuthorizationApiService } from '../../services/api/authorization.service';
-import { CSS_BREAKPOINTS } from '~/lib/css-breakpoints';
+import { CSS_BREAKPOINTS } from '../../lib/css-breakpoints';
 
 const props = defineProps<{
   card: IPlaylistCard

package/components/card/video/index.vue

@@ -138,7 +138,7 @@
 <script setup lang="ts">
 import type { IVideoCard } from '../../../types';
 import { convertString, getDuration } from '../../../runtime';
-import { CSS_BREAKPOINTS } from '~/lib/css-breakpoints';
+import { CSS_BREAKPOINTS } from '../../../lib/css-breakpoints';
 
 const featureFlags = useRuntimeConfig().public.featureFlags;
 

package/components/filter/selects.vue

@@ -111,7 +111,7 @@
 import type { IModelFilter } from '../../types';
 import { onClickOutside } from '@vueuse/core';
 import { convertString, checkDeviceWidth } from '../../runtime';
-import { CSS_BREAKPOINTS } from '~/lib/css-breakpoints';
+import { CSS_BREAKPOINTS } from '../../lib/css-breakpoints';
 
 const props = defineProps<{
   filters: IModelFilter[]

package/components/layout/burger.vue

@@ -81,7 +81,7 @@ import { AuthSteps, onBackdropClick, checkDeviceWidth } from '../../runtime';
 import type { CssBreakpoints, IProfileData  } from '../../types';
 import { AuthorizationApiService } from '../../services/api/authorization.service';
 
-import { getNavigationItems } from '~/lib/scheme';
+import { getNavigationItems } from '../../lib';
 
 const { t } = useI18n();
 const { generateLink } = useGenerateLink();

package/components/layout/extra-links.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script setup lang="ts">
-import { additionalLinksItems } from '~/lib/scheme';
+import { additionalLinksItems } from '../../lib';
 
 const emit = defineEmits<{
   (eventName: 'close',): void;

package/components/layout/header-user.vue

@@ -109,7 +109,7 @@
 <script setup lang="ts">
 import { onClickOutside } from '@vueuse/core';
 import { AuthorizationApiService } from '../../services/api/authorization.service';
-import { profileNavigationItems } from '~/lib/scheme';
+import { profileNavigationItems } from '../../lib';
 import type { IProfileData } from '../../types';
 
 const userRef = ref<HTMLElement>();

package/components/layout/nav.vue

@@ -53,7 +53,7 @@
 </template>
 
 <script setup lang="ts">
-import { getNavigationItems } from '~/lib/scheme';
+import { getNavigationItems } from '../../lib';
 import type { INavigationItems } from '../../types';
 
 defineProps<{

package/lib/css-breakpoints.ts

@@ -0,0 +1,15 @@
+export type CssBreakpointName = 'xs' | 'sm' | 'md' | 'lg' | 'xl'
+
+/**
+ * Брейкпоинты на проекте,
+ * должны совпадать с тем что в CSS assets/scss/_breakpoints.scss
+ *
+ * Используется для свайпера, для установки брейкпоинтов у него.
+ */
+export const CSS_BREAKPOINTS: Record<CssBreakpointName, number> = {
+  xs: 475,
+  sm: 960,
+  md: 1350,
+  lg: 1600,
+  xl: 2560,
+};

package/lib/index.ts

@@ -12,3 +12,7 @@ export * from './scheme/sort-models';
 export * from './scheme/sort-playlists';
 export * from './scheme/sort-items-default';
 export * from './scheme/categories-navigation';
+export * from './scheme/navigation-items';
+export * from './scheme/profile-navigation-items';
+export * from './scheme/additional-links-items';
+export * from './css-breakpoints';

package/lib/scheme/additional-links-items.ts

@@ -0,0 +1,24 @@
+import type { ILinkItem } from '../../types';
+
+export const additionalLinksItems: ILinkItem[] = [
+  {
+    title: 'contact',
+    name: '/contacts',
+  },
+  {
+    title: 'terms',
+    name: '/terms',
+  },
+  {
+    title: 'dmca',
+    name: '/dmca',
+  },
+  {
+    title: '2257',
+    name: '/2257',
+  },
+  {
+    title: 'privacy',
+    name: '/policy',
+  },
+];

package/lib/scheme/navigation-items.ts

@@ -0,0 +1,78 @@
+import type { INavigationItems } from '../../types';
+
+/** Пункты главной навигации; часть завязана на фича-флаги, поэтому строится в setup-контексте. */
+export function getNavigationItems(): INavigationItems[] {
+  const { featureFlags } = useRuntimeConfig().public;
+
+  return [
+    {
+      title: 'videos',
+      link: '/',
+      icon: 'video-camera',
+    },
+    {
+      title: 'categories',
+      link: '/categories',
+      icon: 'grid',
+    },
+    {
+      title: 'gay_models',
+      link: '/models',
+      icon: 'user',
+    },
+    {
+      title: 'channels',
+      link: '/channels',
+      icon: 'play-circle',
+    },
+    {
+      title: 'playlists',
+      link: '/playlists',
+      icon: 'list',
+    },
+    ...(featureFlags.FeatureLiveEnabled ? [{
+      title: 'live_sex',
+      link: '/2257',
+      icon: 'photo-cam',
+      accent: true,
+    }] : []),
+    ...(featureFlags.FeatureHistoryEnabled ? [{
+      title: 'history',
+      link: '/2257',
+      icon: 'time',
+      top: true,
+    }] : []),
+    ...(featureFlags.FeatureFavoritesEnabled ? [{
+      title: 'favorites',
+      icon: 'heart',
+      top: true,
+      childs: [
+        {
+          title: 'videos',
+          icon: 'video-camera',
+          link: '/favorites',
+        },
+        {
+          title: 'watch_later',
+          icon: 'time',
+          link: '/2257',
+        },
+        {
+          title: 'playlists',
+          icon: 'list',
+          link: '/2257',
+        },
+        {
+          title: 'models',
+          icon: 'user',
+          link: '/2257',
+        },
+        {
+          title: 'channels',
+          icon: 'play-circle',
+          link: '/2257',
+        },
+      ],
+    }] : []),
+  ];
+}

package/lib/scheme/profile-navigation-items.ts

@@ -0,0 +1,47 @@
+export const profileNavigationItems = [
+  {
+    value: '/user/profile?edit=true',
+    title: 'history',
+    icon: 'time',
+    group: 1,
+  },
+  {
+    value: '/user/profile?edit=true',
+    title: 'favorites',
+    icon: 'heart',
+    group: 1,
+    childs: [
+      {
+        value: '/user/profile?edit=true',
+        title: 'videos',
+        icon: 'video-camera',
+      },
+      {
+        value: '/user/profile?edit=true',
+        title: 'watch_later',
+        icon: 'time',
+      },
+      {
+        value: '/user/profile?edit=true',
+        title: 'playlists',
+        icon: 'list',
+      },
+      {
+        value: '/user/profile?edit=true',
+        title: 'models',
+        icon: 'user',
+      },
+      {
+        value: '/user/profile?edit=true',
+        title: 'channels',
+        icon: 'play-circle',
+      },
+    ]
+  },
+  {
+    value: '/user/settings',
+    title: 'edit_profile',
+    icon: 'settings',
+    group: 2,
+  },
+];

package/package.json

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