@ozdao/martyrs 0.2.518 → 0.2.520

package/src/components/Feed/Feed.vue

@@ -35,35 +35,6 @@
       />
     </Dropdown> 
 
-    <!-- <template
-      v-if="filter"
-    >
-      <div 
-        :class="filter.class || 'bg-light'"
-        class="flex-center flex pd-thin bg-light radius-medium aspect-1x1 h-100"
-      >
-        <IconFilter @click="() => filter.active = !filter.active" class="w-1r h-auto"/>
-      </div>
-
-    
-      <BottomSheet
-        :show="filter.active"
-        @toggle="() => filter.active = false"
-        class="z-index-10 pos-fixed pos-r-0"
-        :class="{
-          'pos-t-0':  filter.active,
-          'pos-t-100': !filter.active
-        }"
-      >
-        <BlockFilter
-          v-model:filter="filter"
-          :options="filter.options"
-          @click_filter="() => { filter.active = false } "
-          class="h-max w-100 pd-small pd-b-5r bg-light"
-        />
-      </BottomSheet>  
-    </template> -->
-
     <Dropdown 
       v-if="sort && !sort.hideButton"
       :label="{
@@ -119,7 +90,7 @@
       :horizontal="skeleton.horizontal"
       :loading="skeleton.apply_to_slot"
       :key="'skeleton-' + i"
-      :class="replaceClasses('radius-medium bg-light pd-thin flex-child-default o-hidden d-block', skeleton.class)"
+      :class="replaceClasses('radius-medium bg-light pd-thin flex-child-default mn-b-thin o-hidden d-block', skeleton.class)"
     />
     <Loader v-if="isLoading && skeleton?.hide"/>
   </TransitionGroup>
@@ -207,7 +178,6 @@ import BottomSheet from '@martyrs/src/components/BottomSheet/BottomSheet.vue';
 
 import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'
 import BlockSorting  from '@martyrs/src/modules/globals/views/components/blocks/BlockSorting.vue'
-import BlockFilter  from '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'
 
 import FiltersBar from '@martyrs/src/modules/globals/views/components/sections/Filters.vue'
 

package/src/components/Loader/Loader.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="circular-loader pos-relative z-index-1 w-100 h-100 w-max-2r h-max-2r h-min-1r w-min-1r" :class="{ 'circular-loader-centered': centered }">
+  <div class="circular-loader pos-relative z-index-1 w-100 h-100 w-max-2r h-max-2r" :class="{ 'circular-loader-centered': centered }">
     <svg viewBox="25 25 50 50">
       <circle class="circular-loader-fill" cx="50" cy="50" r="20" fill="none" stroke-width="4" stroke-miterlimit="10" />
       <circle class="circular-loader-circle" cx="50" cy="50" r="20" fill="none" stroke-width="4" stroke-miterlimit="10" />

package/src/modules/auth/FIXES.md

@@ -0,0 +1,61 @@
+### 1. **Нет OTP-сервиса — дублирование логики**
+- Сейчас генерация и отправка кодов реализована **в разных частях**: часть в `auth.service.js`, часть в `twofa.service.js`.
+- В будущем при добавлении новых каналов (WhatsApp, push и т.д.) это вызовет **хаос и дублирование**.
+  
+📌 **Решение:**  
+Выделить `otp.service.js`, который:
+- генерирует код (общая логика),
+- сохраняет код (в временную коллекцию),
+- проверяет код,
+- можно вызывать для любого действия и вставлять мидллвар в ручки с проверкой на ввод кода иначе отказ
+- поддерживает каналы доставки (email, SMS и т.д.).
+
+---
+
+### 2. **Отсутствие полноценной сессии — только JWT**
+- Используются только JWT и куки, но нет **отвязки токенов от состояния на сервере**.
+- Нет поддержки:
+  - logout с **ревокацией токена**,
+  - множественных сессий (разные устройства),
+  - деактивации токенов при смене пароля.
+
+📌 **Решение:**  
+Добавить:
+- Модель `Session` в базе,
+- Привязку JWT к `sessionId`,
+- Проверку `session.isActive === true` при валидации токена,
+- Хендлер `logout` — деактивация сессии,
+- Использовать вебсокеты для отображения онлайн, был в сети 15 секунд назад и так далее.
+- Очистку всех сессий при сбросе пароля.
+
+---
+
+### 3. **Логгер посетителей — лишний в auth**
+- `visitor.logger` — это **технический middleware**, но подключается прямо в `auth.server.js`. Модуль auth отвечает не только за аутентификацию и авторизацию, но и за учёт посетителей — ведь до входа в систему пользователь тоже считается «субъектом». Поэтому модели Visitor и Request логично оставлять внутри auth. Однако вместо простого подключения middleware логирования, нужно выделить отдельный сервис visitors.service, который будет управлять логикой работы с визитами и запросами: записью, обновлением, анализом. Модуль auth должен не только учитывать посетителей и их запросы через модели Visitor и Request, но и связывать эти данные с сессиями пользователей и их навигацией по приложению. Для этого сервис visitors.service обязан отслеживать пользовательские сессии, фиксировать последовательность посещённых страниц и действий (пользовательский путь), связывая это с конкретным посетителем или авторизованным пользователем. Такая связь позволит не просто собирать сырые логи, а анализировать поведение пользователей и состояние сессий в единой модели, что существенно расширит возможности аутентификации и безопасности без усложнения архитектуры.
+
+---
+
+
+### 5. **Непрозрачная интеграция с внешними провайдерами**
+- В `auth.service.js` логика Apple/Google логина встроена в `if`-блоки,
+- Нет абстракции: невозможно быстро подключить нового провайдера (напр. Discord, Telegram).
+
+📌 **Решение:**  
+Сделать **провайдерный интерфейс**, типа:
+
+И регистрировать нужных провайдеров: `GoogleProvider`, `AppleProvider`, `TelegramProvider` и т.д.
+
+---
+
+### 6. **Проверка прав доступа — реализована вне auth**
+- Вызов `GET /api/organizations/check-accesses` **на самом деле отдает права из другого модуля** (`organizations`).
+- Это **архитектурная утечка**: модуль `auth` зависит от чужой бизнес-логики.
+
+📌 **Решение:**
+- Вынести `check-accesses` из `auth` в модуль `organizations`,
+- В `auth` оставить только базовые роли (`user`, `admin`),
+- Правильная архитектура:  
+  `auth` отвечает за личность,  
+  `organizations` — за полномочия.
+
+---

package/src/modules/auth/PROMT.md

@@ -0,0 +1,33 @@
+Ты должен написать техническую документацию по модулю `auth`, но не простым комментированием кода — а через понимание **архитектуры и предназначения** модуля.
+
+  ❌ Запрещается:
+  - Просто описывать содержимое файлов
+  - Делать поиск по ключевым словам
+  - Выписывать переменные `state` и поля `models` без анализа
+  - Комментировать код без системного понимания
+
+  ✅ Что нужно:
+  - Объясни, как **взаимодействует клиентская и серверная часть** модуля
+  - Определи **основные потоки данных и точку входа** модуля
+  - Разбери архитектуру:
+    - Как клиент вызывает сервер?
+    - Как происходит аутентификация (пошагово)?
+    - Где происходит валидация, где проверка ролей, где логирование?
+  - Объясни, **какие компоненты связаны** и **что вызывают**
+  - Выдели места, которые можно конфигурировать или переопределять
+  - Не выдумывай, а пиши только на основе фактической структуры
+
+  💡 Вывод должен быть **единой Markdown-документацией**, структурированной для инженера:
+
+  1. Назначение модуля
+  2. Общая архитектура (клиент ⇄ сервер)
+  3. Потоки (login, signup, 2FA, доступ по ролям)
+  4. Структура файлов и их связь
+  5. Как интегрировать модуль в проект
+  6. Расширение: как добавить новую роль, провайдера и т.д.
+  7. Безопасность: где хеширование, токены, CORS, защита API
+  8. Примеры ключевых сценариев
+
+  🎯 Цель — сделать документацию, которую прочтёт новый инженер и поймёт, как работает модуль, как он устроен и как его использовать.
+
+  ‼️ Не начинай работу, пока не проанализируешь полную структуру клиентской и серверной части и не увидишь общую картину.

package/src/modules/auth/auth.server.js

@@ -9,6 +9,7 @@ import RequestModel from './models/request.model.js';
 import RoleModel from './models/role.model.js';
 import UserModel from './models/user.model.js';
 import VisitorModel from './models/visitor.model.js';
+
 function initializeAuth(app, db, origins, publicPath) {
   // Настраиваем модели в объекте базы данных
   db.role = RoleModel(db);

package/src/modules/auth/views/components/blocks/CardUser.vue

@@ -26,14 +26,14 @@
     />
 
     <div>
-      <p class="h4">{{ name }}</p>
+      <p class="h4 mn-b-thin">{{ name }}</p>
       <span class="t-transp mn-r-small">{{phone || email}}</span>
     </div>
 
     <div v-if="action || role" class="mn-l-auto  flex-stretch flex-v-center flex">
       <span 
         v-if="role"
-        class="flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main"
+        class="flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-thin bg-main"
       >
         {{role}}
       </span>

package/src/modules/auth/views/components/layouts/Auth.vue

@@ -18,7 +18,7 @@
       </transition>
     </router-view>
 
-    <section class="w-100 desktop-only o-hidden radius-big bg-black t-white">
+    <section class="w-100 h-100 desktop-only o-hidden radius-big bg-black t-white">
       <SliderFeatures/>  
     </section>
   </div>

package/src/modules/auth/views/components/pages/Invite.vue

@@ -43,7 +43,7 @@ import { computed, onMounted, ref, onBeforeMount } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 // Import state
 import * as auth 		from '@martyrs/src/modules/auth/views/store/auth.js'
-import * as invites from '@martyrs/src/modules/organizations/store/invites.js'
+import invitesStore from '@martyrs/src/modules/organizations/store/invites.store.js'
 // Import validation
 import * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'
 const passswordValidation = ref(null)
@@ -52,7 +52,7 @@ const route = useRoute()
 const router = useRouter()
 // Lifecycles
 onMounted(async () => {
-	await invites.actions.readOne(route.query.inviteCode)
+	await invitesStore.read({ code: route.query.inviteCode })
 })
 // Methods
 async function onSubmit() {

package/src/modules/auth/views/components/pages/Profile.vue

@@ -157,27 +157,28 @@
 			
 			<RouterView />
 
-			<Menu v-if="filteredModules.length > 0" class="mn-b-regular bg-light">
-	      <MenuItem 
-	        v-for="module in filteredModules" 
-	        :key="module.name"
-	        @click="router.push({
-	          name: `${module.route}`, 
-	          params: {
-	            _id: route.params._id,
-	            user: route.params._id
-	          }
-	        })" 
-	        class="profile-menu-item cursor-pointer"
-	      >
-	        <component 
-	          :is="module.icon" 
-	          v-if="module.icon"
-	          class="i-semi" 
-	          :icon="true"
-	        />
-	        <span>{{ module.displayName }}</span>
-      	</MenuItem>
+			<Menu class="mn-b-regular bg-light">
+	      <template v-for="(module, moduleName) in modules" :key="moduleName">
+	        <MenuItem 
+	          v-if="isModuleInstalled(moduleName) && (!module.visible || module.visible(auth))"
+	          @click="router.push({
+	            name: `${module.route}`, 
+	            params: {
+	              _id: route.params._id,
+	              user: route.params._id
+	            }
+	          })" 
+	          class="profile-menu-item cursor-pointer"
+	        >
+	          <component 
+	            :is="module.icon" 
+	            v-if="module.icon"
+	            class="i-semi" 
+	            :icon="true"
+	          />
+	          <span>{{ module.displayName }}</span>
+	        </MenuItem>
+	      </template>
    		</Menu>
 			  
 			<Menu 
@@ -270,7 +271,8 @@ import { useRoute, useRouter } from 'vue-router'
 // Import state
 import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'
 import * as users from '@martyrs/src/modules/auth/views/store/users.js'
-import * as memberships from '@martyrs/src/modules/organizations/store/memberships.js'
+import membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'
+import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js'
 // Accessing router
 const route = useRoute()
 const router = useRouter()
@@ -278,22 +280,26 @@ const router = useRouter()
 const show = ref(false)
 
 const store = inject('store')
+const { isModuleInstalled } = useGlobalMixins()
 
-const moduleMapping = {
+const modules = {
   events: {
     displayName: 'Events',
     route: 'User Events',
-    icon: IconEvents
+    icon: IconEvents,
+    visible: () => true
   },
   organizations: {
     displayName: 'Groups',
     route: 'User Organizations',
-    icon: IconGroups
+    icon: IconGroups,
+    visible: () => true
   },
   blogposts: {
     displayName: 'Posts',
     route: 'User Posts',
-    icon: IconCommunity
+    icon: IconCommunity,
+    visible: () => true
   },
   orders: {
     displayName: 'Orders',
@@ -309,27 +315,6 @@ const moduleMapping = {
   }
 }
 
-const filteredModules = computed(() => {
-  return store.modules
-    .map(moduleName => {
-      return {
-        name: moduleName,
-        ...moduleMapping[moduleName]
-      }
-    })
-    .filter(module => {
-      // Проверяем существование маппинга для модуля
-      if (!moduleMapping[module.name]) return false;
-      
-      // Проверяем видимость модуля, если есть условие visible
-      if (module.visible && typeof module.visible === 'function') {
-        return module.visible(auth);
-      }
-      
-      // По умолчанию показываем модуль, если есть маппинг
-      return true;
-    })
-})
 
 onMounted(async () => {
  	await users.actions.read({ _id: route.params._id, user: auth.state.user._id });
@@ -337,7 +322,7 @@ onMounted(async () => {
 })
 
 const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
-  memberships.mutations.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber)
+  membershipsStore.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber)
 };
 
 function logout () {

package/src/modules/auth/views/components/sections/SliderFeatures.vue

@@ -12,13 +12,11 @@ const features = computed(() => tm('auth.features'))
 
 <template>
   <Slider :showDots="true" :slideCount="features.length" class="auth_slider h-100">
-    <div class="carousel__slide" v-for="(feature, index) in features" :key="index">
-      <div class="parent-div flex flex-h-center" >
-        <div class="background-div" :style="`background-image: url(/features/${index}.png);`"></div>
-        <div class="pd-big">
-          <h5 class="t-center w-100 mn-b-regular">{{ feature.title }}</h5>
-          <p class='t-center t-transp w-100'>{{ feature.description }}</p>
-        </div>
+    <div class="grid o-hidden h-100 carousel__slide" style="  grid-template-rows: 1fr auto;" v-for="(feature, index) in features" :key="index">
+      <div class="h-100 background-div" :style="`background-image: url(/features/${index}.png);`"></div>
+      <div class="h-100 pd-big">
+        <h5 class="t-center w-100 mn-b-regular">{{ feature.title }}</h5>
+        <p class='t-center t-transp w-100'>{{ feature.description }}</p>
       </div>
     </div>
   </Slider>

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

@@ -7,6 +7,7 @@ import { Preferences } from '@capacitor/preferences';
 import { reactive, watch } from 'vue';
 // Globals
 import { setError } from '@martyrs/src/modules/globals/views/store/globals.js';
+import globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';
 // State
 import * as twofa from './twofa.js';
 
@@ -40,7 +41,7 @@ const actions = {
         setAuthToken(accessToken);
 
         // Проверка токена через серверный маршрут
-        const response = await $axios.get('/api/auth/check-accesses');
+        const response = await $axios.get('/api/organizations/check-accesses');
         const userAccesses = response.data;
         state.accesses = userAccesses;
 
@@ -101,6 +102,11 @@ const actions = {
       });
 
       await this.initialize();
+      
+      // Переподключаем WebSocket с новым userId после входа
+      console.log('[AUTH] Reconnecting WebSocket after login for user:', response.data._id);
+      globalWebSocket.disconnect();
+      await globalWebSocket.connect(response.data._id);
 
       return response.data;
     } catch (error) {
@@ -159,6 +165,11 @@ const actions = {
       });
 
       await this.initialize();
+      
+      // Переподключаем WebSocket с новым userId после регистрации
+      console.log('[AUTH] Reconnecting WebSocket after signup for user:', response.data._id);
+      globalWebSocket.disconnect();
+      await globalWebSocket.connect(response.data._id);
 
       return response.data;
     } catch (error) {
@@ -174,6 +185,10 @@ const actions = {
     await removeCookie('user');
     setAuthToken(null);
     this.resetState();
+    
+    // Отключаем WebSocket при выходе
+    console.log('[AUTH] Disconnecting WebSocket on logout');
+    globalWebSocket.disconnect();
   },
 
   async resetPassword(user, type) {