@ozdao/martyrs 0.2.548 → 0.2.550

package/src/modules/globals/views/store/globals.js

@@ -1,257 +0,0 @@
-// Vue modules
-import { Preferences } from '@capacitor/preferences';
-import { reactive } from 'vue';
-
-// import i18n from "@/localization.js";
-
-// State
-const state = reactive({
-  loading: false,
-
-  isOpenLocationPopup: false,
-  isOpenSidebar: false,
-
-  position: null,
-  search: null,
-
-  theme: {
-    darkmode: false,
-  },
-
-  navigation_bar: {
-    name: null,
-    actions: null,
-  },
-
-  error: {
-    status: '',
-    headers: '',
-    data: '',
-    show: false,
-    name: '',
-    message: '',
-  },
-  snack: {
-    show: false,
-    type: 'notification',
-    message: '',
-    duration: 3000
-  }
-});
-
-// Actions
-const actions = {
-  setLoading(status) {
-    state.loading = status;
-  },
-
-  // Black/White Theme
-  async setTheme(isDarkMode) {
-    // Cache root element
-    if (!state.theme.rootElement) {
-      state.theme.rootElement = document.documentElement;
-    }
-    const root = state.theme.rootElement;
-
-    state.theme.darkmode = isDarkMode;
-
-    await Preferences.set({
-      key: 'darkmode',
-      value: JSON.stringify(state.theme.darkmode),
-    });
-
-    if (isDarkMode) {
-      root.classList.add('dark-theme');
-    } else {
-      root.classList.remove('dark-theme');
-    }
-
-    const variableNames = ['--white', '--light', '--grey', '--dark', '--black'];
-
-    // Проверяем, сохранены ли оригинальные цвета
-    if (!state.theme.originalColors) {
-      // Сохраняем оригинальные цвета один раз
-      state.theme.originalColors = {};
-      const computedStyle = getComputedStyle(root);
-      variableNames.forEach(variableName => {
-        state.theme.originalColors[variableName] = computedStyle.getPropertyValue(variableName).trim();
-      });
-    }
-
-    if (isDarkMode) {
-      invertColors(variableNames, state.theme.originalColors);
-    } else {
-      // Восстанавливаем оригинальные цвета батчем
-      variableNames.forEach(variableName => {
-        root.style.setProperty(variableName, state.theme.originalColors[variableName]);
-      });
-    }
-  },
-
-  toggleTheme() {
-    this.setTheme(!state.theme.darkmode);
-  },
-
-  add(array, item) {
-    const existingItemIndex = array.findIndex(i => i._id === item._id);
-
-    if (existingItemIndex === -1) {
-      array.push(item);
-    } else {
-      array[existingItemIndex] = item;
-    }
-  },
-
-  update(array, item) {
-    const existingItemIndex = array.findIndex(i => i._id === item._id);
-    if (existingItemIndex === -1) {
-      // If the item doesn't exist, push it to the array
-      array.push(item);
-    } else {
-      // Update the item in the array without creating a new array
-      Object.assign(array[existingItemIndex], item);
-    }
-  },
-
-  delete(array, item) {
-    const existingItemIndex = array.findIndex(c => c._id === item._id);
-
-    if (existingItemIndex !== -1) {
-      array.splice(existingItemIndex, 1);
-    }
-  },
-
-  increment(array, item) {
-    console.log(array);
-    console.log(item);
-    const arrayItem = array.find(i => i._id === item._id);
-
-    if (arrayItem) {
-      arrayItem.quantity++;
-    }
-  },
-
-  decrement(array, item) {
-    const arrayItem = array.find(i => i._id === item._id);
-
-    const arrayItemIndex = array.indexOf(arrayItem);
-
-    if (arrayItemIndex > -1) {
-      arrayItem.quantity--;
-
-      if (arrayItem.quantity < 1) array.splice(arrayItemIndex, 1);
-    }
-  },
-
-  reset(array) {
-    array = [];
-  },
-};
-
-// Mutations
-function setError(error) {
-  state.error.show = true;
-  let errorData;
-
-  errorData = error;
-
-  // Обработка ошибок из fetch API (Store class)
-  if (error?.info) errorData = error.info;
-  
-  // Обработка ошибок из axios
-  if (error?.response?.data) errorData = error.response.data;
-
-  // Обработка ошибок верификации
-  if ((errorData?.error === 'VALIDATION_ERROR' || errorData?.errors) && errorData?.errors) {
-    // Собираем все сообщения об ошибках в одну строку
-    const errorMessages = [];
-    for (const field in errorData.errors) {
-      const fieldErrors = errorData.errors[field];
-      if (Array.isArray(fieldErrors)) {
-        errorMessages.push(...fieldErrors);
-      } else if (typeof fieldErrors === 'string') {
-        errorMessages.push(fieldErrors);
-      }
-    }
-    state.error.message = errorMessages.join(', ') || errorData.message || 'Validation error';
-  } else if (error && errorData.errorCode) {
-    // state.error.message = i18n.global.t(`errors.${errorData.errorCode}`);
-    state.error.message = errorData.errorCode;
-  } else {
-    state.error.message = errorData.message || error.message || 'Unknown error';
-  }
-
-  state.error.show = true;
-
-  if (typeof window !== 'undefined' && window.requestAnimationFrame) {
-    requestAnimationFrame(() => {
-      setTimeout(() => (state.error.show = false), 5000);
-    });
-  } else {
-    setTimeout(() => (state.error.show = false), 5000);
-  }
-}
-
-function setSnack(data) {
-  // Handle different input formats
-  let type = 'notification'
-  let message = ''
-  let duration = 3000
-
-  if (typeof data === 'string') {
-    message = data
-  } else if (data instanceof Error) {
-    type = 'error'
-    message = data.message
-  } else if (data?.response?.data) {
-    // Handle API errors
-    type = 'error'
-    const errorData = data.response.data
-    message = errorData.errorCode || errorData.message || 'Unknown error'
-  } else if (typeof data === 'object') {
-    type = data.type || 'notification'
-    message = data.message || ''
-    duration = data.duration || 3000
-  }
-
-  // Update state
-  state.snack = {
-    show: true,
-    type,
-    message,
-    duration
-  }
-
-  // Auto-hide
-  if (typeof window !== 'undefined' && window.requestAnimationFrame) {
-    requestAnimationFrame(() => {
-      setTimeout(() => {state.snack.show = false }, duration)
-    });
-  } else {
-    setTimeout(() => {state.snack.show = false }, duration)
-  }
-  
-}
-
-function invertColors(variableNames, originalColors) {
-  variableNames.forEach(variableName => {
-    const baseColor = originalColors[variableName];
-    const colorArray = baseColor.split(',').map(Number);
-
-    let invertedColor;
-
-    if (variableName === '--white') {
-      invertedColor = colorArray.map(value => 255 - value / 1.075);
-    } else if (variableName === '--black') {
-      invertedColor = colorArray.map(value => 255 - value);
-    } else if (variableName === '--grey') {
-      invertedColor = colorArray.map(value => 255 - value * 2);
-    } else {
-      invertedColor = colorArray.map(value => 255 - value / 1.075);
-    }
-    // Устанавливаем новые значения переменных CSS
-    document.documentElement.style.setProperty(variableName, state.theme.darkmode ? invertedColor.join(', ') : baseColor);
-  });
-}
-
-export { actions, setError, setSnack, state };

package/src/modules/globals/views/utils/query-serializer.js

@@ -1,182 +0,0 @@
-// @martyrs/src/modules/globals/views/utils/query-serializer.js
-
-/**
- * Сериализует параметры в query string как axios
- * Поддерживает: строки, числа, булевы, даты, массивы, вложенные объекты
- */
-
-/**
- * Кодирует значение для URL
- * @param {*} val - значение для кодирования
- * @returns {string}
- */
-function encode(val) {
-  return encodeURIComponent(val)
-    .replace(/%3A/gi, ':')
-    .replace(/%24/g, '$')
-    .replace(/%2C/gi, ',')
-    .replace(/%20/g, '+')
-    .replace(/%5B/gi, '[')
-    .replace(/%5D/gi, ']');
-}
-
-/**
- * Проверяет, является ли значение датой
- * @param {*} val
- * @returns {boolean}
- */
-function isDate(val) {
-  return Object.prototype.toString.call(val) === '[object Date]';
-}
-
-/**
- * Проверяет, является ли значение объектом
- * @param {*} val
- * @returns {boolean}
- */
-function isObject(val) {
-  return val !== null && typeof val === 'object';
-}
-
-/**
- * Проверяет, является ли значение URLSearchParams
- * @param {*} val
- * @returns {boolean}
- */
-function isURLSearchParams(val) {
-  return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;
-}
-
-/**
- * Сериализует массив
- * @param {string} key
- * @param {Array} arr
- * @returns {Array<string>}
- */
-function serializeArray(key, arr) {
-  const result = [];
-  arr.forEach((val, index) => {
-    if (val === null || typeof val === 'undefined') {
-      return;
-    }
-    
-    // Для массивов используем формат key[]=value (как в axios)
-    const k = key + '[]';
-    
-    if (isDate(val)) {
-      result.push(encode(k) + '=' + encode(val.toISOString()));
-    } else if (isObject(val)) {
-      // Для объектов в массиве используем индексы
-      const nestedParams = serializeObject(val, `${key}[${index}]`);
-      result.push(...nestedParams);
-    } else {
-      result.push(encode(k) + '=' + encode(val));
-    }
-  });
-  return result;
-}
-
-/**
- * Сериализует объект
- * @param {Object} obj
- * @param {string} [prefix]
- * @returns {Array<string>}
- */
-function serializeObject(obj, prefix) {
-  const result = [];
-  
-  for (const key in obj) {
-    if (Object.prototype.hasOwnProperty.call(obj, key)) {
-      const value = obj[key];
-      
-      if (value === null || typeof value === 'undefined') {
-        continue;
-      }
-      
-      const fullKey = prefix ? `${prefix}[${key}]` : key;
-      
-      if (isDate(value)) {
-        result.push(encode(fullKey) + '=' + encode(value.toISOString()));
-      } else if (Array.isArray(value)) {
-        result.push(...serializeArray(fullKey, value));
-      } else if (isObject(value)) {
-        result.push(...serializeObject(value, fullKey));
-      } else {
-        result.push(encode(fullKey) + '=' + encode(value));
-      }
-    }
-  }
-  
-  return result;
-}
-
-/**
- * Основная функция сериализации параметров
- * @param {Object|URLSearchParams} params
- * @returns {string}
- */
-export function serializeParams(params) {
-  if (!params) {
-    return '';
-  }
-  
-  if (isURLSearchParams(params)) {
-    return params.toString();
-  }
-  
-  const parts = [];
-  
-  for (const key in params) {
-    if (Object.prototype.hasOwnProperty.call(params, key)) {
-      const val = params[key];
-      
-      if (val === null || typeof val === 'undefined') {
-        continue;
-      }
-      
-      let serializedVal;
-      
-      if (Array.isArray(val)) {
-        serializedVal = serializeArray(key, val);
-      } else if (isDate(val)) {
-        serializedVal = [encode(key) + '=' + encode(val.toISOString())];
-      } else if (isObject(val)) {
-        serializedVal = serializeObject(val, key);
-      } else {
-        serializedVal = [encode(key) + '=' + encode(val)];
-      }
-      
-      parts.push(...serializedVal);
-    }
-  }
-  
-  return parts.join('&');
-}
-
-/**
- * Строит полный URL с параметрами
- * @param {string} url
- * @param {Object} params
- * @returns {string}
- */
-export function buildURL(url, params) {
-  if (!params) {
-    return url;
-  }
-  
-  const serializedParams = serializeParams(params);
-  if (serializedParams) {
-    const hashIndex = url.indexOf('#');
-    if (hashIndex !== -1) {
-      url = url.slice(0, hashIndex);
-    }
-    url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;
-  }
-  
-  return url;
-}
-
-export default {
-  serializeParams,
-  buildURL
-};

package/src/modules/globals/views/utils/vue-app-renderer.js

@@ -1,153 +0,0 @@
-import { setAuthToken } from '@martyrs/src/modules/globals/views/utils/axios-instance.js';
-import { renderSSRHead } from '@unhead/ssr';
-import { renderToString } from '@vue/server-renderer';
-
-export function renderAndMountApp({ createApp, hooks = {} }) {
-  const start = async () => {
-    const { app, router, store, moduleRegistry, config } = await createApp();
-    
-    let serverModules = [];
-    
-    // Загружаем модули которые были загружены на сервере
-    if (typeof window !== 'undefined') {
-      try {
-        const modulesElement = document.querySelector('[data-loaded-modules]');
-        if (modulesElement) {
-          serverModules = JSON.parse(modulesElement.innerHTML);
-        }
-      } catch (e) {
-        console.error('Failed to parse loaded modules', e);
-      }
-      
-      const context = { app, store, router, config };
-      for (const moduleName of serverModules) {
-        try {
-          await moduleRegistry.load(moduleName, context);
-          await moduleRegistry.initialize(moduleName, context);
-        } catch (error) {
-          console.error(`Failed to load module ${moduleName}:`, error);
-        }
-      }
-    }
-    
-    // Call beforeHydration hook if provided
-    if (hooks.beforeHydration) {
-      hooks.beforeHydration({ app, router, store, moduleRegistry });
-    }
-
-    let initialState;
-
-    try {
-      const initialStateElement = document.querySelector('[data-state]');
-
-      if (initialStateElement && initialStateElement.innerHTML.trim() !== '') {
-        const stateContent = initialStateElement.innerHTML.trim();
-        
-        // Validate JSON format before parsing
-        if (stateContent.startsWith('{') && stateContent.endsWith('}')) {
-          initialState = JSON.parse(stateContent);
-          
-          // Basic validation of state structure
-          if (typeof initialState !== 'object' || initialState === null) {
-            throw new Error('Invalid state format');
-          }
-        } else {
-          throw new Error('Invalid JSON format');
-        }
-      }
-    } catch (error) {
-      console.error('Failed to parse user state', error);
-      initialState = null;
-    }
-
-
-    if (initialState) {
-      // Применяем начальное состояние ко всем модулям (true = гидратация)
-      store.setInitialState(initialState, true);
-      
-      if (initialState?.auth?.access?.token) {
-        setAuthToken(initialState.auth.access.token);
-      }
-    } else {
-      // Если нет initialState, сбрасываем авторизацию (если модуль auth загружен)
-      if (store.auth && store.auth.actions) {
-        store.auth.actions.resetState();
-        // await store.auth.removeCookie('user');
-        await store.auth.actions.logout();
-      }
-    }
-
-    // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale
-    // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale
-    // If user browser locae supported then change locale
-    // if (i18n.global.availableLocales.includes(browserLocale)) {
-    //   app.config.globalProperties.$i18n.locale = browserLocale;
-    // }
-
-    await router.isReady();
-    
-    app.mount('#app');
-    
-    // Return the objects for further use
-    return { app, router, store, moduleRegistry };
-  };
-  return start();
-}
-
-export async function render({ url, cookies,  ssrContext, createApp}) {
-  const { app, router, store, meta } = createApp();
-
-  await router.push(url);
-  await router.isReady();
-
-  // If user's language is supported, change the locale
-  // if (language === 'en' || language === 'ru') {
-  //   app.config.globalProperties.$i18n.locale = language
-  // }
-
-  // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale
-
-  const ctx = ssrContext || {};
-
-  if (router.currentRoute.value.name?.toLowerCase() === 'notfound') {
-    ctx.notFound = true;
-  }
-
-  let user = null;
-
-  if (cookies.user) {
-    try {
-      user = JSON.parse(cookies.user);
-    } catch (error) {
-      console.error('Failed to parse user cookie', error);
-      user = null;
-    }
-  }
-
-  if (user) {
-    if (store.auth && store.auth.actions) {
-      await store.auth.actions.initialize(user);
-    } else {
-      console.warn('[SSR] Auth module not loaded, cannot initialize user');
-    }
-  } else {
-    if (store.auth && store.auth.actions) {
-      store.auth.actions.resetState();
-    } else {
-      console.warn('[SSR] Auth module not loaded, cannot reset state');
-    }
-  }
-
-  // After render, ctx.modules will be populated with used module identifiers
-  const html = await renderToString(app, ctx);
-  const payload = await renderSSRHead(meta, {});
-  const initialState = await store.getInitialState();
-
-  return {
-    html,
-    meta: payload,
-    state: initialState,
-    statusCode: router.currentRoute?.value?.name?.toLowerCase() === 'notfound' ? 404 : 200,
-    usedModules: Array.from(ctx.modules || new Set()), // Return used modules
-  };
-}

package/src/modules/music/router/albums.js

@@ -1,31 +0,0 @@
-// router/albums.js
-export default [
-  {
-    path: 'albums/create',
-    name: 'album-create',
-    component: () => import('../components/pages/AlbumCreate.vue'),
-    meta: {
-      title: 'Create Album',
-      requiresAuth: true,
-    },
-  },
-  {
-    path: 'albums/:url/edit',
-    name: 'album-edit',
-    component: () => import('../components/pages/AlbumEdit.vue'),
-    props: true,
-    meta: {
-      title: 'Edit Album',
-      requiresAuth: true,
-    },
-  },
-  {
-    path: 'albums/:url',
-    name: 'album',
-    component: () => import('../components/pages/Album.vue'),
-    props: true,
-    meta: {
-      title: 'Album',
-    },
-  },
-];

package/src/modules/music/router/artists.js

@@ -1,31 +0,0 @@
-// router/artists.js
-export default [
-  {
-    path: 'artists/create',
-    name: 'artist-create',
-    component: () => import('../components/pages/ArtistCreate.vue'),
-    meta: {
-      title: 'Create Artist',
-      requiresAuth: true,
-    },
-  },
-  {
-    path: 'artists/:url/edit',
-    name: 'artist-edit',
-    component: () => import('../components/pages/ArtistEdit.vue'),
-    props: true,
-    meta: {
-      title: 'Edit Artist',
-      requiresAuth: true,
-    },
-  },
-  {
-    path: 'artists/:url',
-    name: 'artist',
-    component: () => import('../components/pages/Artist.vue'),
-    props: true,
-    meta: {
-      title: 'Artist',
-    },
-  },
-];

package/src/modules/music/router/music.js

@@ -1,53 +0,0 @@
-// Components loaded dynamically when needed
-const SidebarMusic = () => import(/* webpackChunkName: "music" */ '../components/SidebarMusic.vue');
-const MusicBottomPlayer = () => import(/* webpackChunkName: "music" */ '../components/layouts/MusicBottomPlayer.vue');
-
-
-// router/music.js
-import artistRoutes from './artists.js';
-import albumRoutes from './albums.js';
-import trackRoutes from './tracks.js';
-import playlistRoutes from './playlists.js';
-
-export default {
-  path: 'music',
-  meta: {
-    // sidebar_navigation: SidebarMusic,
-     player: MusicBottomPlayer, 
-  },
-  children: [
-    {
-      path: '',
-      name: 'music-home',
-      component: () => import('../components/pages/MusicHome.vue'),
-      meta: {
-        title: 'Music Home',
-      },
-    },
-    {
-      path: 'search',
-      name: 'music-search',
-      component: () => import('../components/pages/SearchResults.vue'),
-      meta: {
-        title: 'Search Music',
-      },
-    },
-    {
-      path: 'library',
-      name: 'music-library',
-      component: () => import('../components/pages/MusicLibrary.vue'),
-      meta: {
-        title: 'My Library',
-        requiresAuth: true,
-      },
-    },
-    // Artists routes
-    ...artistRoutes,
-    // Albums routes
-    ...albumRoutes,
-    // Tracks routes
-    ...trackRoutes,
-    // Playlists routes
-    ...playlistRoutes,
-  ],
-};