itube-specs 0.0.810 → 0.0.812

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/nuxt.config.ts

@@ -20,4 +20,13 @@ export default defineNuxtConfig({
       }
     ]
   },
+  // Пустые контейнеры-заглушки: код слоя (adv/sentry/fetch) читает эти ключи, поэтому
+  // они должны существовать и в standalone-окружении слоя (иначе `undefined.X` крашит CI
+  // и свежие форки). Значения живут в проекте — его runtimeConfig deep-merge'ится поверх.
+  runtimeConfig: {
+    public: {
+      featureFlags: {},
+      adsConfig: {}
+    }
+  },
 });

package/package.json

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