@ozdao/martyrs 0.2.477 → 0.2.479

package/src/modules/globals/views/plugins/store-debugger/StoreDebugger.vue

@@ -0,0 +1,284 @@
+<template>
+  <div :class="[`store-debugger`, theme]">
+    <button class="debug-btn" @click="toggleOpen" :aria-expanded="open" :title="open ? 'Close debugger' : 'Open debugger'">
+      🐞
+    </button>
+
+    <transition name="fade">
+      <aside v-if="open" class="debug-panel">
+        <header class="panel-header">
+          <div class="header-left">
+            <strong>Store Debugger</strong>
+            <span class="timestamp">{{ lastUpdated }}</span>
+          </div>
+          <div class="header-controls">
+            <input v-model="filterText" class="search-input" placeholder="Filter modules..." />
+            <button @click="toggleTheme" :title="theme === 'light' ? 'Switch to dark' : 'Switch to light'">
+              {{ theme === 'light' ? '🌙' : '☀️' }}
+            </button>
+            <button @click="refreshState" title="Refresh state">🔄</button>
+            <button @click="toggleOpen" class="close-btn" title="Close">✕</button>
+          </div>
+        </header>
+
+        <div class="panel-body">
+          <div class="module-controls">
+            <button @click="expandAll" :disabled="allExpanded" title="Expand all">➕ All</button>
+            <button @click="collapseAll" :disabled="allCollapsed" title="Collapse all">➖ All</button>
+          </div>
+
+          <section
+            v-for="mod in filteredModules"
+            :key="mod.name"
+            class="module">
+            <header class="module-header" @click="mod.expanded = !mod.expanded">
+              <span>{{ mod.name }}</span>
+              <span>{{ mod.expanded ? '▼' : '▶' }}</span>
+            </header>
+
+            <div v-show="mod.expanded" class="module-content">
+              <div class="module-actions">
+                <button @click.stop="copyJSON(mod.name)" title="Copy JSON">📋</button>
+                <button @click.stop="downloadJSON(mod.name)" title="Download JSON">⬇️</button>
+              </div>
+              <pre class="json-view">{{ prettyJSON(mod.state) }}</pre>
+            </div>
+          </section>
+
+          <div v-if="!filteredModules.length" class="no-results">No modules match filter.</div>
+        </div>
+      </aside>
+    </transition>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, computed, watch } from 'vue'
+import { format } from 'date-fns'
+
+const props = defineProps({
+  store: { type: Object, required: true }
+})
+
+// panel open/close
+const open = ref(false)
+const toggleOpen = () => { open.value = !open.value }
+
+// theme
+const theme = ref('light')
+const toggleTheme = () => { theme.value = theme.value === 'light' ? 'dark' : 'light' }
+
+// capture timestamp
+const lastUpdated = ref('')
+function updateTimestamp() {
+  lastUpdated.value = format(new Date(), 'PPpp')
+}
+
+// modules state for UI
+const modules = reactive([])
+
+// обновляем список модулей: добавляем новые, удаляем ушедшие, обновляем state, сохраняя expanded
+function updateModules() {
+  const prevMap = new Map(modules.map(m => [m.name, m]))
+  const next = []
+
+  // для каждого модуля в сторе
+  props.store.modules.forEach(name => {
+    const rawState = props.store[name]?.state ?? props.store[name]
+    const snapshot = JSON.parse(JSON.stringify(rawState))
+    const prev = prevMap.get(name)
+
+    next.push({
+      name,
+      state: snapshot,
+      expanded: prev ? prev.expanded : false
+    })
+  })
+
+  // заменить содержимое reactive-массива modules
+  modules.splice(0, modules.length, ...next)
+}
+
+function refreshState() {
+  updateTimestamp()
+  updateModules()
+}
+
+// initial load
+refreshState()
+
+// filtered modules
+const filterText = ref('')
+const filteredModules = computed(() => {
+  const term = filterText.value.toLowerCase()
+  return modules.filter(m => m.name.toLowerCase().includes(term))
+})
+
+// expand/collapse
+const allExpanded = computed(() => filteredModules.value.every(m => m.expanded))
+const allCollapsed = computed(() => filteredModules.value.every(m => !m.expanded))
+const expandAll   = () => filteredModules.value.forEach(m => m.expanded = true)
+const collapseAll = () => filteredModules.value.forEach(m => m.expanded = false)
+
+// JSON helpers
+const prettyJSON = obj => JSON.stringify(obj, null, 2)
+function copyJSON(name) {
+  const mod = modules.find(m => m.name === name)
+  navigator.clipboard.writeText(prettyJSON(mod.state))
+}
+function downloadJSON(name) {
+  const mod = modules.find(m => m.name === name)
+  const blob = new Blob([prettyJSON(mod.state)], { type: 'application/json' })
+  const url = URL.createObjectURL(blob)
+  const a = document.createElement('a')
+  a.href = url
+  a.download = `${name}-state.json`
+  a.click()
+  URL.revokeObjectURL(url)
+}
+
+// watch for store/state changes, обновляем лишь если панель открыта
+watch(
+  () => props.store.modules.map(name => props.store[name]?.state),
+  () => { if (open.value) refreshState() },
+  { deep: true }
+)
+</script>
+
+
+<style scoped>
+.store-debugger.light { }
+.store-debugger.dark {
+  --bg: #2e2e2e;
+  --fg: #eee;
+  --panel-bg: #1e1e1e;
+  --border: #444;
+  --input-bg: #333;
+}
+
+.store-debugger {
+  position: fixed;
+  bottom: 1rem;
+  right: 1rem;
+  z-index: 10000;
+  font-family: sans-serif;
+  z-index: 200;
+}
+
+.debug-btn {
+  width: 3rem;
+  height: 3rem;
+  border: none;
+  border-radius: 50%;
+  background: var(--bg, #333);
+  color: var(--fg, #fff);
+  font-size: 1.2rem;
+  cursor: pointer;
+  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
+}
+
+.debug-panel {
+  position: fixed;
+  bottom: 4rem;
+  right: 1rem;
+  width: calc(100% - 2rem);
+  max-width: 30rem;
+  min-height: 80vh;
+  max-height: 80vh;
+  background: var(--panel-bg, #fff);
+  color: var(--fg, #111);
+  border: 1px solid var(--border, #ccc);
+  border-radius: .5rem;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.panel-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.5rem;
+  background: var(--panel-bg, #f5f5f5);
+  border-bottom: 1px solid var(--border, #ddd);
+}
+.header-left {
+  display: flex;
+  align-items: baseline;
+  gap: 1rem;
+}
+.timestamp {
+  font-size: 0.75rem;
+  color: var(--fg, #666);
+}
+.header-controls {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.search-input {
+  padding: 0.25rem 0.5rem;
+  border: 1px solid var(--border, #ccc);
+  background: var(--input-bg, #fff);
+  color: var(--fg, #111);
+  border-radius: .25rem;
+}
+.close-btn {
+  background: transparent;
+  border: none;
+  font-size: 1rem;
+  cursor: pointer;
+}
+.panel-body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 0.5rem;
+}
+.module-controls {
+  display: flex;
+  gap: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.module {
+  border: 1px solid var(--border, #ddd);
+  border-radius: .25rem;
+  margin-bottom: 0.5rem;
+  overflow: hidden;
+}
+.module-header {
+  background: var(--panel-bg, #eaeaea);
+  padding: 0.5rem;
+  display: flex;
+  justify-content: space-between;
+  cursor: pointer;
+}
+.module-content {
+  padding: 0.5rem;
+  background: var(--bg, #fafafa);
+}
+.module-actions {
+  display: flex;
+  gap: 0.5rem;
+  margin-bottom: 0.25rem;
+}
+.json-view {
+  font-size: 0.85rem;
+  line-height: 1.2;
+  max-height: 60rem;
+  overflow: auto;
+  background: var(--panel-bg, #f6f8fa);
+  padding: 0.5rem;
+  border-radius: .25rem;
+}
+.no-results {
+  text-align: center;
+  color: var(--fg, #666);
+  margin-top: 1rem;
+}
+.fade-enter-active, .fade-leave-active {
+  transition: opacity .2s;
+}
+.fade-enter-from, .fade-leave-to {
+  opacity: 0;
+}
+</style>

package/src/modules/globals/views/plugins/store-debugger/store-debugger.plugin.js

@@ -0,0 +1,24 @@
+// src/plugins/storeDebuggerPlugin.js
+import { createVNode, render } from 'vue'
+import StoreDebugger from './StoreDebugger.vue'
+
+export default {
+  install(app, store) {
+    if (!store || typeof store !== 'object') {
+      console.warn('[storeDebuggerPlugin] please pass a valid store instance')
+      return
+    }
+    if (typeof window !== 'undefined' && typeof document !== 'undefined') {
+      // создаём контейнер и встраиваем его в тело документа
+      const container = document.createElement('div')
+      document.body.appendChild(container)
+
+      // создаём vnode компонента и привязываем к контексту вашего приложения
+      const vnode = createVNode(StoreDebugger, { store })
+      vnode.appContext = app._context
+
+      // монтируем
+      render(vnode, container)
+    }
+  }
+}

package/src/modules/globals/views/router/addRoutes.js

@@ -3,18 +3,19 @@ import NotFound from '@martyrs/src/modules/globals/views/components/pages/404.vu
 
 function addRoutes(router, config) {
   const {
-    basePath,              // Путь для корневого или промежуточного маршрута
-    parentName,            // Имя существующего родительского маршрута (опционально)
-    routes,                // Массив маршрутов
-    routeNamePrefix = '',  // Префикс для имен маршрутов
-    filterConfig = {},     // Конфигурация фильтрации
-    meta = {},             // Мета-данные для маршрутов
+    basePath, // Путь для корневого или промежуточного маршрута
+    parentName, // Имя существующего родительского маршрута (опционально)
+    routes, // Массив маршрутов
+    routeNamePrefix = '', // Префикс для имен маршрутов
+    filterConfig = {}, // Конфигурация фильтрации
+    meta = {}, // Мета-данные для маршрутов
     component = layoutEmpty, // Компонент по умолчанию (layout)
-    emptyRootBehavior = {  // Поведение для пустого корневого маршрута
-      type: 'redirect',    // 'redirect' или 'fallback'
+    emptyRootBehavior = {
+      // Поведение для пустого корневого маршрута
+      type: 'redirect', // 'redirect' или 'fallback'
       fallbackComponent: NotFound, // Компонент для заглушки, если type: 'fallback'
-      redirectPath: '/404'   // Пользовательский путь для редиректа (опционально)
-    }
+      redirectPath: '/404', // Пользовательский путь для редиректа (опционально)
+    },
   } = config;
 
   const { include = [], exclude = [], match } = filterConfig;
@@ -51,18 +52,15 @@ function addRoutes(router, config) {
     if (emptyRootBehavior.type === 'redirect') {
       // Используем пользовательский redirectPath или первый дочерний маршрут
       const redirectTo = emptyRootBehavior.redirectPath || filteredRoutes[0].path;
-      finalChildren = [
-        { path: '', redirect: redirectTo, meta: { ...meta, isAutoRedirect: true } },
-        ...filteredRoutes
-      ];
+      finalChildren = [{ path: '', redirect: redirectTo, meta: { ...meta, isAutoRedirect: true } }, ...filteredRoutes];
     } else if (emptyRootBehavior.type === 'fallback') {
       finalChildren = [
         {
           path: '',
           component: emptyRootBehavior.fallbackComponent || NotFound,
-          meta: { ...meta, isFallback: true }
+          meta: { ...meta, isFallback: true },
         },
-        ...filteredRoutes
+        ...filteredRoutes,
       ];
     }
   }
@@ -107,4 +105,4 @@ function addRoutes(router, config) {
   }
 }
 
-export default addRoutes;
+export default addRoutes;

package/src/modules/globals/views/router/scrollBehavior.js

@@ -1,30 +1,34 @@
 export default async function scrollBehavior(to, from, savedPosition) {
   if (to.hash) {
     const findEl = async (hash, x) => {
-      return document.querySelector(hash) ||
+      return (
+        document.querySelector(hash) ||
         new Promise((resolve, reject) => {
           if (x > 50) {
-            return resolve()
+            return resolve();
           }
-          setTimeout(() => { resolve(findEl(hash, ++x || 1)) }, 1000)
+          setTimeout(() => {
+            resolve(findEl(hash, ++x || 1));
+          }, 1000);
         })
-    }
+      );
+    };
 
     if (to.hash) {
-      let el = await findEl(to.hash)
-      let screen = await findEl('#screen')
-      
+      let el = await findEl(to.hash);
+      let screen = await findEl('#screen');
+
       if ('scrollBehavior' in document.documentElement.style) {
-        return screen.scrollTo({ top: el.offsetTop, behavior: 'smooth' })
+        return screen.scrollTo({ top: el.offsetTop, behavior: 'smooth' });
       } else {
-        return screen.scrollTo(0, el.offsetTop)
+        return screen.scrollTo(0, el.offsetTop);
       }
     }
   } else if (to.matched.some(m => m.meta.scrollTo)) {
-    return { top: m.meta.scrollTo.top, left: m.meta.scrollTo.left }
+    return { top: m.meta.scrollTo.top, left: m.meta.scrollTo.left };
   } else if (savedPosition) {
-    return { savedPosition }
+    return { savedPosition };
   } else {
-    return { top: 0 }
+    return { top: 0 };
   }
-}
+}

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

@@ -1,8 +1,8 @@
 // Vue modules
-import { reactive, computed } from "vue";
 import { Preferences } from '@capacitor/preferences';
+import { reactive } from 'vue';
 
-// import i18n from "@/localization";
+// import i18n from "@/localization.js";
 
 // State
 const state = reactive({
@@ -15,7 +15,7 @@ const state = reactive({
   search: null,
 
   theme: {
-    darkmode: false
+    darkmode: false,
   },
 
   navigation_bar: {
@@ -24,45 +24,39 @@ const state = reactive({
   },
 
   error: {
-    status: "",
-    headers: "",
-    data: "",
+    status: '',
+    headers: '',
+    data: '',
     show: false,
-    name: "",
-    message: ""
-  }
+    name: '',
+    message: '',
+  },
 });
 
 // Actions
 const actions = {
   setLoading(status) {
-    state.loading = status
+    state.loading = status;
   },
 
   // Black/White Theme
   async setTheme(isDarkMode) {
-    let root = document.querySelector(":root");
-    
+    let root = document.querySelector(':root');
+
     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'
-    ];
+    const variableNames = ['--white', '--light', '--grey', '--dark', '--black'];
 
     // Проверяем, сохранены ли оригинальные цвета
     if (!state.theme.originalColors) {
@@ -94,7 +88,7 @@ const actions = {
     if (existingItemIndex === -1) {
       array.push(item);
     } else {
-      array[existingItemIndex] = item
+      array[existingItemIndex] = item;
     }
   },
 
@@ -115,14 +109,12 @@ const actions = {
     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
-    );
+    console.log(array);
+    console.log(item);
+    const arrayItem = array.find(i => i._id === item._id);
 
     if (arrayItem) {
       arrayItem.quantity++;
@@ -130,15 +122,13 @@ const actions = {
   },
 
   decrement(array, item) {
-    const arrayItem = array.find(
-      (i) => i._id === item._id
-    );
+    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);
     }
   },
@@ -146,43 +136,43 @@ const actions = {
   reset(array) {
     array = [];
   },
-}
+};
 
 const errorMessages = {
   ru: {
-    "errors": {
-      "USER_ALREADY_REGISTERED": "Такой пользователь уже зарегистрирован!",
-      "USER_NOT_REGISTERED_YET": "Такой пользователь еще не зарегистрирован!",
-      "USER_PHONE_OR_PASSWORD_NOT_FOUND": "Пользователь с таким телефоном или паролем не найден!",
-      "INCORRECT_PASSWORD_ENTERED": "Вы ввели неверный пароль!",
-      "INVALID_INVITATION_CODE": "Неверный код приглашения",
-      "MISSING_REQUIRED_PARAMETERS": "Отсутствуют необходимые параметры.",
-      "ERROR_UPDATING_USER": "Произошла ошибка при обновлении пользователя.",
-      "PASSWORDS_DO_NOT_MATCH": "Введенные вами пароли не совпадают. Исправьте ошибки и попробуйте еще раз.",
-      "CODE_NOT_SENT": "Что-то пошло не так и код не был отправлен. Попробуйте еще раз.",
-      "INPUT_ERROR": "Вставьте только четырехзначный код.",
-      "WRONG_CODE": "Вы ввели неверный код. Попробуйте еще раз.",
-      "POST_URL_ALREADY_IN_USE": "Ошибка! Публикация с этим URL уже используется!",
-      "NAME_CANNOT_BE_EMPTY": "Ошибка: Название не может быть пустым. Пожалуйста, введите название."
-    }
+    errors: {
+      USER_ALREADY_REGISTERED: 'Такой пользователь уже зарегистрирован!',
+      USER_NOT_REGISTERED_YET: 'Такой пользователь еще не зарегистрирован!',
+      USER_PHONE_OR_PASSWORD_NOT_FOUND: 'Пользователь с таким телефоном или паролем не найден!',
+      INCORRECT_PASSWORD_ENTERED: 'Вы ввели неверный пароль!',
+      INVALID_INVITATION_CODE: 'Неверный код приглашения',
+      MISSING_REQUIRED_PARAMETERS: 'Отсутствуют необходимые параметры.',
+      ERROR_UPDATING_USER: 'Произошла ошибка при обновлении пользователя.',
+      PASSWORDS_DO_NOT_MATCH: 'Введенные вами пароли не совпадают. Исправьте ошибки и попробуйте еще раз.',
+      CODE_NOT_SENT: 'Что-то пошло не так и код не был отправлен. Попробуйте еще раз.',
+      INPUT_ERROR: 'Вставьте только четырехзначный код.',
+      WRONG_CODE: 'Вы ввели неверный код. Попробуйте еще раз.',
+      POST_URL_ALREADY_IN_USE: 'Ошибка! Публикация с этим URL уже используется!',
+      NAME_CANNOT_BE_EMPTY: 'Ошибка: Название не может быть пустым. Пожалуйста, введите название.',
+    },
   },
   en: {
-    "errors": {
-      "USER_ALREADY_REGISTERED": "Such user is already registered!",
-      "USER_NOT_REGISTERED_YET": "This user has not been registered yet!",
-      "USER_PHONE_OR_PASSWORD_NOT_FOUND": "User with such phone or password not found!",
-      "INCORRECT_PASSWORD_ENTERED": "You entered an incorrect password!",
-      "INVALID_INVITATION_CODE": "Incorrect invitation code.",
-      "MISSING_REQUIRED_PARAMETERS": "Missing required parameters.",
-      "ERROR_UPDATING_USER": "Something wrong when updating user.",
-      "PASSWORDS_DO_NOT_MATCH": "The passwords you entered do not match. Please correct the errors and try again.",
-      "CODE_NOT_SENT": "Something went wrong and the code was not sent. Please try again.",
-      "INPUT_ERROR": "Please enter only a four-digit code.",
-      "WRONG_CODE": "You entered an incorrect code. Please try again.",
-      "POST_URL_ALREADY_IN_USE": "Failed! Blogpost with this URL is already in use!",
-      "NAME_CANNOT_BE_EMPTY": "Error: Name cannot be empty. Please enter a name."
-    }
-  }
+    errors: {
+      USER_ALREADY_REGISTERED: 'Such user is already registered!',
+      USER_NOT_REGISTERED_YET: 'This user has not been registered yet!',
+      USER_PHONE_OR_PASSWORD_NOT_FOUND: 'User with such phone or password not found!',
+      INCORRECT_PASSWORD_ENTERED: 'You entered an incorrect password!',
+      INVALID_INVITATION_CODE: 'Incorrect invitation code.',
+      MISSING_REQUIRED_PARAMETERS: 'Missing required parameters.',
+      ERROR_UPDATING_USER: 'Something wrong when updating user.',
+      PASSWORDS_DO_NOT_MATCH: 'The passwords you entered do not match. Please correct the errors and try again.',
+      CODE_NOT_SENT: 'Something went wrong and the code was not sent. Please try again.',
+      INPUT_ERROR: 'Please enter only a four-digit code.',
+      WRONG_CODE: 'You entered an incorrect code. Please try again.',
+      POST_URL_ALREADY_IN_USE: 'Failed! Blogpost with this URL is already in use!',
+      NAME_CANNOT_BE_EMPTY: 'Error: Name cannot be empty. Please enter a name.',
+    },
+  },
 };
 
 // i18n.global.mergeLocaleMessage('ru', errorMessages.ru);
@@ -190,23 +180,23 @@ const errorMessages = {
 
 // Mutations
 function setError(error) {
-  state.error.show = true
-  let errorData 
+  state.error.show = true;
+  let errorData;
 
-  errorData = error
+  errorData = error;
 
-  if (error?.response?.data) errorData = error.response.data
+  if (error?.response?.data) errorData = error.response.data;
 
   if (error && errorData.errorCode) {
     // state.error.message = i18n.global.t(`errors.${errorData.errorCode}`);
     state.error.message = errorData.errorCode;
   } else {
-    state.error.message = errorData.message || "Unknown error";
+    state.error.message = errorData.message || 'Unknown error';
   }
 
   state.error.show = true;
 
-  setTimeout(() => state.error.show = false, 3000);
+  setTimeout(() => (state.error.show = false), 3000);
 }
 
 function invertColors(variableNames, originalColors) {
@@ -219,19 +209,15 @@ function invertColors(variableNames, originalColors) {
     if (variableName === '--white') {
       invertedColor = colorArray.map(value => 255 - value / 1.075);
     } else if (variableName === '--black') {
-      invertedColor = colorArray.map(value => 255 - value); 
+      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 );
+    document.documentElement.style.setProperty(variableName, state.theme.darkmode ? invertedColor.join(', ') : baseColor);
   });
 }
 
-export {
-  state,
-  actions,
-  setError,
-}
+export { actions, setError, state };

package/src/modules/globals/views/utils/axios-instance.js

@@ -3,7 +3,7 @@ import axios from 'axios';
 // Создаем один экземпляр axios
 const $axios = axios.create({
   baseURL: process.env.API_URL,
-  withCredentials: true
+  withCredentials: true,
 });
 
 // Функция для установки токена в заголовки