itube-specs 0.0.802 → 0.0.803

package/components/card/category-mini.vue

@@ -12,7 +12,7 @@
           {{ $n(card.videosCount, 'compact') }}
         </span>
         <span
-          v-if="$features.FeatureFollowEnabled"
+          v-if="featureFlags.FeatureFollowEnabled"
           class="card-category-mini__detail"
         >{{ $n(8400, 'compact') }}</span>
       </div>
@@ -27,7 +27,7 @@ defineProps<{
   card: ICategoryCard
 }>();
 
-const { $features } = useNuxtApp();
+const featureFlags = useRuntimeConfig().public.featureFlags;
 </script>
 
 <style lang="scss">

package/components/card/channel-mini.vue

@@ -27,7 +27,7 @@
           {{ card.videosCount }}
         </span>
         <span
-          v-if="$features.FeatureFollowEnabled"
+          v-if="featureFlags.FeatureFollowEnabled"
           class="card-channel-mini__detail"
         >{{ $n(8400, 'compact') }}</span>
       </div>
@@ -42,7 +42,7 @@ defineProps<{
   card: IChannelCard
 }>();
 
-const { $features } = useNuxtApp();
+const featureFlags = useRuntimeConfig().public.featureFlags;
 const imageError = ref(false);
 </script>
 

package/components/card/video/index.vue

@@ -114,7 +114,7 @@
       <LazyCardVideoDropdown
         v-if="dropdownMounted"
         :card="card"
-        :show-watch-later="FeatureFlags.FeatureWatchLaterEnabled"
+        :show-watch-later="featureFlags.FeatureWatchLaterEnabled"
         class="card-video__dropdown"
         show-report
         auto-open
@@ -138,9 +138,10 @@
 <script setup lang="ts">
 import type { IVideoCard } from '../../../types';
 import { convertString, getDuration } from '../../../runtime';
-import { FeatureFlags } from '~/config/feature-flags.config';
 import { CSS_BREAKPOINTS } from '~/lib/css-breakpoints';
 
+const featureFlags = useRuntimeConfig().public.featureFlags;
+
 const props = defineProps<{
   card: IVideoCard
   mini?: boolean
@@ -153,8 +154,6 @@ const props = defineProps<{
 
 const { t } = useI18n();
 
-const { $features } = useNuxtApp();
-
 const NuxtLinkComponent = resolveComponent('NuxtLink');
 
 const component = computed(() => props.card.channelName ? NuxtLinkComponent : 'div');
@@ -204,7 +203,7 @@ const duration = computed(() => {
 
 const rootPath = computed(() => props.playlistId ? `playlists/${props.playlistId}` : 'videos');
 
-const link = computed(() => localePath(`/${rootPath.value}/${props.card[ $features.FetchByUrlEnabled ? 'url' : 'id' ]}`));
+const link = computed(() => localePath(`/${rootPath.value}/${props.card[ featureFlags.FetchByUrlEnabled ? 'url' : 'id' ]}`));
 
 const slug = useSlug();
 

package/components/info/main.vue

@@ -31,7 +31,7 @@
             icon="video-camera"
           >{{ videosCount || card.videosCount }}</UiCount>
           <UiBtn
-            v-if="$features.FeatureFollowEnabled"
+            v-if="featureFlags.FeatureFollowEnabled"
             theme="muted"
             size="s"
             @click="onFollowClick"
@@ -174,7 +174,7 @@ const groupedParameters = computed<IGroupedParameter[]>(() =>
   groupParametersByGroup(props.card.parameters ?? []),
 );
 
-const { $features } = useNuxtApp();
+const featureFlags = useRuntimeConfig().public.featureFlags;
 
 const isShareOpen = ref(false);
 

package/components/layout/burger.vue

@@ -81,10 +81,11 @@ import { AuthSteps, onBackdropClick, checkDeviceWidth } from '../../runtime';
 import type { CssBreakpoints, IProfileData  } from '../../types';
 import { AuthorizationApiService } from '../../services/api/authorization.service';
 
-import { navigationItems } from '~/lib/scheme';
+import { getNavigationItems } from '~/lib/scheme';
 
 const { t } = useI18n();
 const { generateLink } = useGenerateLink();
+const navigationItems = getNavigationItems();
 const topItems = navigationItems.filter(item => item.top);
 const restItems = navigationItems.filter(item => !item.top);
 

package/components/layout/nav.vue

@@ -53,13 +53,15 @@
 </template>
 
 <script setup lang="ts">
-import { navigationItems } from '~/lib/scheme';
+import { getNavigationItems } from '~/lib/scheme';
 import type { INavigationItems } from '../../types';
 
 defineProps<{
   items?: INavigationItems[];
 }>();
 
+const navigationItems = getNavigationItems();
+
 const { generateLink } = useGenerateLink();
 const route = useRoute();
 

package/components/player/aside-videos.vue

@@ -6,7 +6,7 @@
     ]"
     class="player-aside-videos _from-md"
   >
-    <AdvNtv v-if="FeatureFlags.AdsNTVEnabled" />
+    <AdvNtv v-if="featureFlags.AdsNTVEnabled" />
 
     <template v-else>
       <CardVideo
@@ -22,7 +22,8 @@
 <script setup lang="ts">
 import type { IVideoCard, PaginatedResponse } from '../../types';
 import type { AsyncDataRequestStatus } from '#app';
-import { FeatureFlags } from '~/config/feature-flags.config';
+
+const featureFlags = useRuntimeConfig().public.featureFlags;
 
 defineProps<{
   asideVideos?: PaginatedResponse<IVideoCard> | null

package/components/player/channel.vue

@@ -24,7 +24,7 @@
       class="player-channel__name"
     >{{ name }}</NuxtLink>
     <button
-      v-if="$features.FeatureFollowEnabled"
+      v-if="featureFlags.FeatureFollowEnabled"
       type="button"
       class="player-channel__subscribe"
       @click="onSubscribeClick"
@@ -49,7 +49,7 @@ const props = defineProps<{
   subscribersCount?: number
 }>();
 
-const { $features } = useNuxtApp();
+const featureFlags = useRuntimeConfig().public.featureFlags;
 
 const emit = defineEmits<{
   (eventName: 'subscribe'): void

package/components/player/follow.vue

@@ -17,7 +17,7 @@
       <p class="player-follow__count">{{ $t('plural.videos', Number(card.videosCount)) }}</p>
     </div>
     <UiBtn
-      v-if="$features.FeatureFollowEnabled"
+      v-if="featureFlags.FeatureFollowEnabled"
       theme="primary"
       @click="onButtonClick"
     >
@@ -39,7 +39,7 @@ const props = defineProps<{
   card: IChannelCard
 }>();
 
-const { $features } = useNuxtApp();
+const featureFlags = useRuntimeConfig().public.featureFlags;
 
 const emit = defineEmits<{
   (eventName: 'click'): void

package/components/player/playlist.vue

@@ -7,7 +7,7 @@
         <span class="player-playlist__user-name">{{ `${$t('by')} ${user}` }}</span>
         <div class="player-playlist__middle">
           <UiBtn
-            v-if="$features.FeatureFollowEnabled"
+            v-if="featureFlags.FeatureFollowEnabled"
             theme="muted"
             size="s"
             @click="onFollowClick"
@@ -154,7 +154,7 @@ const props = defineProps<{
   dislikes: number
 }>();
 
-const { $features } = useNuxtApp();
+const featureFlags = useRuntimeConfig().public.featureFlags;
 
 const isShareOpen = ref(false);
 
@@ -244,7 +244,7 @@ const videoShareCard = ref<IVideoCard | null>(null);
 
 const videoShareUrl = computed(() => {
   if (!videoShareCard.value) return '';
-  const videoPath = videoShareCard.value[ $features.FetchByUrlEnabled ? 'url' : 'id' ];
+  const videoPath = videoShareCard.value[ featureFlags.FetchByUrlEnabled ? 'url' : 'id' ];
   return `/videos/${videoPath}`;
 });
 

package/components/view/model-videos.vue

@@ -41,7 +41,7 @@
     >
       <template #grid-end>
         <LazyAdvNativeBottom
-          v-if="FeatureFlags.AdsNativeEnabled"
+          v-if="featureFlags.AdsNativeEnabled"
           hydrate-on-visible
         />
       </template>
@@ -116,9 +116,10 @@ import type {
 } from '../../types';
 import type { AsyncDataRequestStatus } from '#app';
 import { convertString, convertModelToRoundCard } from '../../runtime';
-import { FeatureFlags } from '~/config/feature-flags.config';
 import { computed } from 'vue';
 
+const featureFlags = useRuntimeConfig().public.featureFlags;
+
 const props = defineProps<{
   title: string
   data: PaginatedResponse<IVideoCard> | null

package/components/view/video.vue

@@ -65,14 +65,14 @@
       >
         <template #grid-start>
           <LazyAdvNativePlayer
-            v-if="FeatureFlags.AdsNativeEnabled"
+            v-if="featureFlags.AdsNativeEnabled"
             hydrate-on-visible
           />
         </template>
 
         <template #grid-end>
           <LazyAdvNativeBottom
-            v-if="FeatureFlags.AdsNativeEnabled"
+            v-if="featureFlags.AdsNativeEnabled"
             hydrate-on-visible
           />
         </template>
@@ -117,7 +117,8 @@
 import type { IChipsItem, IModelCard, IVideoCard, IVideoData, PaginatedResponse } from '../../types';
 import { convertModelToRoundCard } from '../../runtime';
 import type { AsyncDataRequestStatus } from '#app';
-import { FeatureFlags } from '~/config/feature-flags.config';
+
+const featureFlags = useRuntimeConfig().public.featureFlags;
 
 const props = defineProps<{
   related?: Array<IVideoCard> | undefined,

package/components/view/videos.vue

@@ -45,7 +45,7 @@
     >
       <template #grid-end>
         <LazyAdvNativeBottom
-          v-if="FeatureFlags.AdsNativeEnabled"
+          v-if="featureFlags.AdsNativeEnabled"
           hydrate-on-visible
         />
       </template>
@@ -92,9 +92,10 @@ import type {
   IVideoCard,
   PaginatedResponse
 } from '../../types';
-import { FeatureFlags } from '~/config/feature-flags.config';
 import { convertModelToRoundCard } from '../../runtime';
 
+const featureFlags = useRuntimeConfig().public.featureFlags;
+
 const props = defineProps<{
   data: PaginatedResponse<IVideoCard> | undefined
   status: string

package/composables/use-next-video.ts

@@ -25,13 +25,13 @@ interface UseNextVideoParams {
  */
 export function useNextVideo({ data, suggestedVideos, basePath }: UseNextVideoParams) {
   const route = useRoute();
-  const { $features } = useNuxtApp();
+  const featureFlags = useRuntimeConfig().public.featureFlags;
   const lang = useLang() as Language;
   const slug = useSlug();
   const isMobile = useState<boolean>('isMobile');
   const perPage = computed(() => isMobile.value ? 6 : 14);
 
-  const cardKey = computed<'url' | 'id'>(() => $features.FetchByUrlEnabled ? 'url' : 'id');
+  const cardKey = computed<'url' | 'id'>(() => featureFlags.FetchByUrlEnabled ? 'url' : 'id');
   const currentCardId = computed(() => String(route.query.view || data()?.[cardKey.value] || ''));
 
   const currentItems = computed<IVideoCard[]>(() => suggestedVideos()?.items ?? []);
@@ -65,7 +65,7 @@ export function useNextVideo({ data, suggestedVideos, basePath }: UseNextVideoPa
   });
 
   const { execute: fetchRelated } = useApiAction(
-      $features.FetchByUrlEnabled ? VideosApiService.getRelatedVideosByUrl : VideosApiService.getRelatedVideosById,
+      featureFlags.FetchByUrlEnabled ? VideosApiService.getRelatedVideosByUrl : VideosApiService.getRelatedVideosById,
       true,
   );
   let loadingMore = false;

package/package.json

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