itube-specs 0.0.476 → 0.0.477

package/composables/use-auth-popup.ts

@@ -1,25 +1,25 @@
-import { ref } from 'vue';
 import { EAuthSteps } from '../runtime';
 
-const isAuthPopupOpen = ref<boolean>(false);
+export const useAuthPopup = () => {
+  const isAuthPopupOpen = useState('auth-popup-open', () => false);
+  const currentStep = useState<EAuthSteps>('auth-popup-step', () => EAuthSteps.Registration);
+  const additionalText = useState<string | undefined>('auth-popup-text', () => undefined);
 
-const currentStep = ref(EAuthSteps.Registration);
-const additionalText = ref(undefined as string | undefined);
+  const openAuthPopup = (step: EAuthSteps, text?: string) => {
+    isAuthPopupOpen.value = true;
+    currentStep.value = step;
+    additionalText.value = text;
+  };
 
-const openAuthPopup = (step: EAuthSteps, text?: string) => {
-  isAuthPopupOpen.value = true;
-  currentStep.value = step;
-  additionalText.value = text;
-};
+  const closeAuthPopup = () => {
+    isAuthPopupOpen.value = false;
+  };
 
-const closeAuthPopup = () => {
-  isAuthPopupOpen.value = false;
+  return {
+    isAuthPopupOpen,
+    currentStep,
+    openAuthPopup,
+    closeAuthPopup,
+    additionalText,
+  };
 };
-
-export const useAuthPopup = () => ({
-  isAuthPopupOpen,
-  currentStep,
-  openAuthPopup,
-  closeAuthPopup,
-  additionalText,
-});

package/composables/use-global-scroll-lock.ts

@@ -1,25 +1,27 @@
 import { useScrollLock } from '@vueuse/core';
 
-let lockCount = 0;
-let isLockedRef: ReturnType<typeof useScrollLock> | null = null;
-
 export function useGlobalScrollLock() {
-  if (!isLockedRef && process.client) {
+  const lockCount = useState('global-scroll-lock-count', () => 0);
+  let isLockedRef: ReturnType<typeof useScrollLock> | null = null;
+
+  if (process.client) {
     isLockedRef = useScrollLock(document.body);
   }
 
   function scrollLock() {
-    lockCount++;
-    if (lockCount === 1) {
-      isLockedRef!.value = true;
+    lockCount.value++;
+    if (lockCount.value === 1 && isLockedRef) {
+      isLockedRef.value = true;
     }
   }
 
   function scrollUnlock() {
-    lockCount--;
-    if (lockCount <= 0) {
-      lockCount = 0;
-      isLockedRef!.value = false;
+    lockCount.value--;
+    if (lockCount.value <= 0) {
+      lockCount.value = 0;
+      if (isLockedRef) {
+        isLockedRef.value = false;
+      }
     }
   }
 

package/composables/use-playlist-add.ts

@@ -1,36 +1,37 @@
 import type { Ref } from 'vue';
-import { ref } from 'vue';
 import type { IVideoData, IVideoCard } from '../types';
 import { EAuthSteps } from '../runtime';
 
-const videoCard = ref<IVideoCard | IVideoData | null>(null);
-const isPlaylistAdd = ref(false);
-const selectValue = ref('' as string | string[] | undefined);
-const step = ref('add' as 'add' | 'new');
+export const usePlaylistAdd = () => {
+  const videoCard = useState<IVideoCard | IVideoData | null>('playlist-add-card', () => null);
+  const isPlaylistAdd = useState('playlist-add-open', () => false);
+  const selectValue = useState<string | string[] | undefined>('playlist-add-select', () => '');
+  const step = useState<'add' | 'new'>('playlist-add-step', () => 'add');
 
-const { openAuthPopup } = useAuthPopup();
+  const { openAuthPopup } = useAuthPopup();
 
-const openPlaylistAdd = (isAuthorized: Ref<boolean>, card: IVideoCard | IVideoData) => {
-  if (isAuthorized.value) {
-    videoCard.value = card;
-    isPlaylistAdd.value = true;
-  } else {
-    const authPopupText = 'register_first';
-    openAuthPopup(EAuthSteps.Registration, authPopupText);
-  }
-};
+  const openPlaylistAdd = (isAuthorized: Ref<boolean>, card: IVideoCard | IVideoData) => {
+    if (isAuthorized.value) {
+      videoCard.value = card;
+      isPlaylistAdd.value = true;
+    } else {
+      const authPopupText = 'register_first';
+      openAuthPopup(EAuthSteps.Registration, authPopupText);
+    }
+  };
 
-const closePlaylistAdd = () => {
-  videoCard.value = null;
-  isPlaylistAdd.value = false;
-  step.value = 'add';
-};
+  const closePlaylistAdd = () => {
+    videoCard.value = null;
+    isPlaylistAdd.value = false;
+    step.value = 'add';
+  };
 
-export const usePlaylistAdd = () => ({
-  isPlaylistAdd,
-  videoCard,
-  openPlaylistAdd,
-  closePlaylistAdd,
-  selectValue,
-  step,
-});
+  return {
+    isPlaylistAdd,
+    videoCard,
+    openPlaylistAdd,
+    closePlaylistAdd,
+    selectValue,
+    step,
+  };
+};

package/composables/use-playlist-edit.ts

@@ -1,37 +1,37 @@
-import { ref } from 'vue';
 import { EPlaylistStep } from '../runtime';
 import type { IVideoCard, IPlaylistCard } from '../types';
 
-const deletedVideo = ref<IVideoCard | null | undefined>(null);
-const selectedPlaylist = ref<IPlaylistCard | undefined>(undefined);
-const isPlaylistEditOpen = ref<boolean>(false);
+export const usePlaylistEdit = () => {
+  const deletedVideo = useState<IVideoCard | null | undefined>('playlist-edit-deleted-video', () => null);
+  const selectedPlaylist = useState<IPlaylistCard | undefined>('playlist-edit-selected', () => undefined);
+  const isPlaylistEditOpen = useState('playlist-edit-open', () => false);
+  const isBackToEdit = useState('playlist-edit-back', () => false);
+  const currentStep = useState<EPlaylistStep>('playlist-edit-step', () => EPlaylistStep.Edit);
 
-const isBackToEdit = ref(false);
-const currentStep = ref(EPlaylistStep.Edit);
+  const openPlaylistEdit = (step: EPlaylistStep, back: boolean = false, playlist?: IPlaylistCard, videoCard?: IVideoCard) => {
+    selectedPlaylist.value = playlist;
+    isPlaylistEditOpen.value = true;
+    currentStep.value = step;
+    isBackToEdit.value = back;
+    deletedVideo.value = videoCard;
+  };
 
-const openPlaylistEdit = (step: EPlaylistStep, back: boolean = false, playlist?: IPlaylistCard, videoCard?: IVideoCard) => {
-  selectedPlaylist.value = playlist;
-  isPlaylistEditOpen.value = true;
-  currentStep.value = step;
-  isBackToEdit.value = back;
-  deletedVideo.value = videoCard;
-};
+  const closePlaylistEdit = () => {
+    if (isBackToEdit.value) {
+      openPlaylistEdit(EPlaylistStep.Edit, false, selectedPlaylist.value);
+    } else {
+      isPlaylistEditOpen.value = false;
+      isBackToEdit.value = false;
+      selectedPlaylist.value = undefined;
+    }
+  };
 
-const closePlaylistEdit = () => {
-  if (isBackToEdit.value) {
-    openPlaylistEdit(EPlaylistStep.Edit, false, selectedPlaylist.value);
-  } else {
-    isPlaylistEditOpen.value = false;
-    isBackToEdit.value = false;
-    selectedPlaylist.value = undefined;
-  }
+  return {
+    isPlaylistEditOpen,
+    currentStep,
+    openPlaylistEdit,
+    closePlaylistEdit,
+    selectedPlaylist,
+    deletedVideo,
+  };
 };
-
-export const usePlaylistEdit = () => ({
-  isPlaylistEditOpen,
-  currentStep,
-  openPlaylistEdit,
-  closePlaylistEdit,
-  selectedPlaylist,
-  deletedVideo,
-});

package/composables/use-report-popup.ts

@@ -1,21 +1,22 @@
-import { ref } from 'vue';
 import type { IVideoCard } from '../types';
 
-const isReportPopupOpen = ref<boolean>(false);
-const reportedVideoCard = ref<IVideoCard>({} as IVideoCard)
+export const useReportPopup = () => {
+    const isReportPopupOpen = useState('report-popup-open', () => false);
+    const reportedVideoCard = useState<IVideoCard>('report-popup-card', () => ({} as IVideoCard));
 
-const openReportPopup = (card: IVideoCard) => {
-    isReportPopupOpen.value = true;
-    reportedVideoCard.value = card;
-};
+    const openReportPopup = (card: IVideoCard) => {
+        isReportPopupOpen.value = true;
+        reportedVideoCard.value = card;
+    };
 
-const closeReportPopup = () => {
-    isReportPopupOpen.value = false;
-};
+    const closeReportPopup = () => {
+        isReportPopupOpen.value = false;
+    };
 
-export const useReportPopup = () => ({
-    isReportPopupOpen,
-    openReportPopup,
-    closeReportPopup,
-    reportedVideoCard,
-});
+    return {
+        isReportPopupOpen,
+        openReportPopup,
+        closeReportPopup,
+        reportedVideoCard,
+    };
+};

package/composables/use-share-popup.ts

@@ -1,23 +1,24 @@
-import { ref } from 'vue';
 import type { IVideoCard } from '../types';
 
-const isSharePopupOpen = ref<boolean>(false);
-const sharedVideoCard = ref<IVideoCard>({} as IVideoCard)
+export const useSharePopup = () => {
+    const isSharePopupOpen = useState('share-popup-open', () => false);
+    const sharedVideoCard = useState<IVideoCard>('share-popup-card', () => ({} as IVideoCard));
 
-const openSharePopup = (card?: IVideoCard) => {
-    isSharePopupOpen.value = true;
-    if (card && Object.keys(card).length) {
-        sharedVideoCard.value = card;
-    }
-};
+    const openSharePopup = (card?: IVideoCard) => {
+        isSharePopupOpen.value = true;
+        if (card && Object.keys(card).length) {
+            sharedVideoCard.value = card;
+        }
+    };
 
-const closeSharePopup = () => {
-    isSharePopupOpen.value = false;
-};
+    const closeSharePopup = () => {
+        isSharePopupOpen.value = false;
+    };
 
-export const useSharePopup = () => ({
-    isSharePopupOpen,
-    openSharePopup,
-    closeSharePopup,
-    sharedVideoCard,
-});
+    return {
+        isSharePopupOpen,
+        openSharePopup,
+        closeSharePopup,
+        sharedVideoCard,
+    };
+};

package/composables/use-snackbar.ts

@@ -3,50 +3,52 @@ import { parseApiError } from '../runtime';
 const SUCCESS_TIME = 3000;
 const ERROR_TIME = 5000;
 
-const snackbarIcon = ref('check-circle');
-const snackbarText = ref('');
-const snackbarButtonText = ref('');
-const isSnackBarInPopup = ref(false);
-const snackbarTheme = ref('success' as 'success' | 'error' | 'default');
-const snackbarTimer = ref(SUCCESS_TIME);
-
 let _timeoutClosure: null | ReturnType<typeof setTimeout> = null;
 
-const setErrorState = (error: any) => {
-  snackbarText.value =  parseApiError(error);
-  snackbarTheme.value = 'error';
-  snackbarIcon.value = 'exclamation-circle';
-  snackbarTimer.value = ERROR_TIME;
-};
+export const useSnackbar = () => {
+  const snackbarIcon = useState('snackbar-icon', () => 'check-circle');
+  const snackbarText = useState('snackbar-text', () => '');
+  const snackbarButtonText = useState('snackbar-button-text', () => '');
+  const isSnackBarInPopup = useState('snackbar-in-popup', () => false);
+  const snackbarTheme = useState<'success' | 'error' | 'default'>('snackbar-theme', () => 'success');
+  const snackbarTimer = useState('snackbar-timer', () => SUCCESS_TIME);
+
+  const setErrorState = (error: any) => {
+    snackbarText.value = parseApiError(error);
+    snackbarTheme.value = 'error';
+    snackbarIcon.value = 'exclamation-circle';
+    snackbarTimer.value = ERROR_TIME;
+  };
+
+  function showErrorSnack(message: string) {
+    if (_timeoutClosure) {
+      clearTimeout(_timeoutClosure);
+    }
+
+    snackbarTheme.value = 'error';
+    snackbarIcon.value = 'exclamation-circle';
+    snackbarText.value = message;
+    snackbarTimer.value = ERROR_TIME;
+
+    _timeoutClosure = setTimeout(resetSnackbar, snackbarTimer.value);
+  }
 
-function showErrorSnack(message: string) {
-  if (_timeoutClosure) {
-    clearTimeout(_timeoutClosure);
+  function resetSnackbar() {
+    snackbarIcon.value = 'check-circle';
+    snackbarText.value = '';
+    snackbarTheme.value = 'success';
+    snackbarTimer.value = SUCCESS_TIME;
   }
 
-  snackbarTheme.value = 'error';
-  snackbarIcon.value = 'exclamation-circle';
-  snackbarText.value = message;
-  snackbarTimer.value = ERROR_TIME;
-
-  _timeoutClosure = setTimeout(resetSnackbar, snackbarTimer.value);
-}
-
-function resetSnackbar() {
-  snackbarIcon.value = 'check-circle';
-  snackbarText.value = '';
-  snackbarTheme.value = 'success';
-  snackbarTimer.value = SUCCESS_TIME;
-}
-
-export const useSnackbar = () => ({
-  snackbarIcon,
-  snackbarText,
-  snackbarButtonText,
-  snackbarTheme,
-  snackbarTimer,
-  setErrorState,
-  showErrorSnack,
-  isSnackBarInPopup,
-  resetSnackbar,
-});
+  return {
+    snackbarIcon,
+    snackbarText,
+    snackbarButtonText,
+    snackbarTheme,
+    snackbarTimer,
+    setErrorState,
+    showErrorSnack,
+    isSnackBarInPopup,
+    resetSnackbar,
+  };
+};

package/composables/use-user.ts

@@ -18,9 +18,8 @@ function omit<T extends object, K extends keyof T>(obj: T, keys: K[]): Omit<T, K
   return result;
 }
 
-const { snackbarText, snackbarTheme, showErrorSnack } = useSnackbar();
-
 export const useUser = (apiService) => {
+  const { snackbarText, snackbarTheme, showErrorSnack } = useSnackbar();
   const register = async (form: IRegistrateForm) => {
     const response = await apiService.register(form);
     if (response) {

package/package.json

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

package/runtime/enums/languages.ts

@@ -3,9 +3,9 @@ export enum ELanguage {
     German = 'de',
     Spanish = 'es',
     Korean = 'ko',
-    Japanese = 'jp',
+    Japanese = 'ja',
     Italian = 'it',
     French = 'fr',
     Russian = 'ru',
-    Chinese = 'ch',
+    Chinese = 'zh',
 }