@ozdao/martyrs 0.2.522 → 0.2.524

package/dist/martyrs/src/modules/globals/views/components/sections/Filters.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Filters.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/sections/Filters.vue"],"sourcesContent":["<template>\n  <div class=\"flex t-nowrap  gap-thin\">\n    <!-- All Filters Button -->\n    <button\n      @click=\"showAllFilters = true\"\n      class=\"pd-small radius-medium bg-light flex-v-center flex gap-micro cursor-pointer\"\n      :class=\"{ 'bg-main': activeFiltersCount > 0 }\"\n    >\n      <IconFilter class=\"i-medium\" />\n      <span class=\"h-1r\"></span>\n      <span v-if=\"activeFiltersCount\">{{ activeFiltersCount }}</span>\n    </button>\n\n    <!-- Individual Filter Buttons -->\n    <button\n      v-for=\"filter in filters\"\n      :key=\"filter.value\"\n      @click=\"openFilter(filter.value)\"\n      class=\"pd-small radius-medium bg-light cursor-pointer flex-v-center flex gap-micro\"\n      :class=\"{ 'selected bg-main': isFilterActive(filter) }\"\n    >\n      <IconCalendar v-if=\"filter.type === 'date'\" class=\"mn-r-micro i-medium\" />\n      <span class=\"t-nowrap\">{{ filter.type === 'date' && getFilterValue(filter) ? formatFilterValue(filter) : filter.title }}</span>\n      <span v-if=\"getFilterValue(filter) && filter.type !== 'date'\" class=\"mn-l-micro\">\n        {{ formatFilterValue(filter) }}\n      </span>\n    </button>\n\n    <!-- All Filters Popup -->\n    <Popup\n      :isPopupOpen=\"showAllFilters\"\n      @close-popup=\"showAllFilters = false\"\n      :align=\"isPhone() ? 'bottom center' : 'center center'\"\n      class=\"w-min-20r bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium mobile:w-100 pd-medium\"\n    >\n      <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n        <h3 class=\"flex-child-full\">Filters</h3>\n      </div>\n\n      <div class=\"filters-content\">\n        <div \n          v-for=\"filter in filters\" \n          :key=\"filter.value\"\n          class=\"mn-b-medium\"\n        >\n          <h4 class=\"mn-b-small\">{{ filter.title }}</h4>\n          \n          <!-- Checkbox Filter -->\n          <div v-if=\"filter.type === 'checkbox'\">\n            <Checkbox\n              v-for=\"option in filter.options\"\n              :key=\"option.value\"\n              :label=\"option.label\"\n              :value=\"option.value\"\n              v-model:radio=\"tempSelected[filter.value]\"\n              mode=\"checkbox\"\n              class=\"mn-b-micro\"\n            />\n          </div>\n\n          <!-- Radio Filter -->\n          <div v-else-if=\"filter.type === 'radio'\">\n            <div\n              v-for=\"option in filter.options\"\n              :key=\"option.value\"\n              @click=\"tempSelected[filter.value] = option.value\"\n              class=\"pd-small radius-small cursor-pointer mn-b-micro\"\n              :class=\"{ \n                'bg-main': tempSelected[filter.value] === option.value,\n                'bg-light': tempSelected[filter.value] !== option.value\n              }\"\n            >\n              {{ option.label }}\n            </div>\n          </div>\n\n          <!-- Range Filter -->\n          <div v-else-if=\"filter.type === 'range'\" class=\"flex gap-thin\">\n            <Field\n              v-model:field=\"tempSelected[filter.value].min\"\n              :placeholder=\"filter.minPlaceholder || 'Min'\"\n              type=\"number\"\n              :label=\"returnCurrency()\"\n              class=\"w-50 bg-light pd-small radius-small\"\n            />\n            <Field\n              v-model:field=\"tempSelected[filter.value].max\"\n              :placeholder=\"filter.maxPlaceholder || 'Max'\"\n              type=\"number\"\n              :label=\"returnCurrency()\"\n              class=\"w-50 bg-light pd-small  radius-small\"\n            />\n          </div>\n\n          <!-- Date Filter -->\n          <div v-else-if=\"filter.type === 'date'\">\n            <Calendar\n              v-model:date=\"tempSelected[filter.value]\"\n              :allowRange=\"true\"\n              :disablePastDates=\"true\"\n              class=\"bg-light radius-small\"\n            />\n          </div>\n        </div>\n      </div>\n\n      <div class=\"flex gap-thin mn-t-medium\">\n        <button \n          @click=\"applyAllFilters\" \n          class=\"button bg-main flex-child-full\"\n        >\n          Apply\n        </button>\n        <button \n          @click=\"resetFilters\" \n          class=\"button bg-light\"\n        >\n          Reset Filters\n        </button>\n      </div>\n    </Popup>\n\n    <!-- Individual Filter Popups -->\n    <Popup\n      v-for=\"filter in filters\"\n      :key=\"`popup-${filter.value}`\"\n      :isPopupOpen=\"individualPopups[filter.value]\"\n      @close-popup=\"individualPopups[filter.value] = false\"\n      :align=\"isPhone() ? 'bottom center' : 'center center'\"\n      class=\"bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium mobile:w-100 pd-medium\"\n    >\n      <h4 class=\"mn-b-medium\">{{ filter.title }}</h4>\n      \n      <!-- Checkbox Filter -->\n      <div v-if=\"filter.type === 'checkbox'\">\n        <Checkbox\n          v-for=\"option in filter.options\"\n          :key=\"option.value\"\n          :label=\"option.label\"\n          :value=\"option.value\"\n          v-model:radio=\"tempSelected[filter.value]\"\n          mode=\"checkbox\"\n          class=\"mn-b-micro\"\n        />\n      </div>\n\n      <!-- Radio Filter -->\n      <div v-else-if=\"filter.type === 'radio'\">\n        <div\n          v-for=\"option in filter.options\"\n          :key=\"option.value\"\n          @click=\"tempSelected[filter.value] = option.value\"\n          class=\"pd-small radius-small cursor-pointer mn-b-micro\"\n          :class=\"{ \n            'bg-main': tempSelected[filter.value] === option.value,\n            'bg-light': tempSelected[filter.value] !== option.value\n          }\"\n        >\n          {{ option.label }}\n        </div>\n      </div>\n\n      <!-- Range Filter -->\n      <div v-else-if=\"filter.type === 'range'\" class=\"flex gap-thin\">\n        <Field\n          v-model:field=\"tempSelected[filter.value].min\"\n          :placeholder=\"filter.minPlaceholder || 'Min'\"\n          type=\"number\"\n          :label=\"returnCurrency()\"\n          class=\"w-50 bg-light pd-small radius-small\"\n        />\n        <Field\n          v-model:field=\"tempSelected[filter.value].max\"\n          :placeholder=\"filter.maxPlaceholder || 'Max'\"\n          type=\"number\"\n          :label=\"returnCurrency()\"\n          class=\"w-50 bg-light pd-small radius-small\"\n        />\n      </div>\n\n      <!-- Date Filter -->\n      <div v-else-if=\"filter.type === 'date'\">\n        <div class=\"mn-t-small\">\n          <Calendar\n            v-model:date=\"tempSelected[filter.value]\"\n            :allowRange=\"true\"\n            :disablePastDates=\"true\"\n            class=\"bg-light radius-small\"\n          />\n        </div>\n      </div>\n\n      <div class=\"flex gap-thin mn-t-medium\">\n         <button \n          @click=\"cancelFilter(filter.value)\" \n          class=\"bg-light button flex-child-full\"\n        >\n          Cancel\n        </button>\n         <button \n          @click=\"applyFilter(filter.value)\" \n          class=\"bg-main w-100 button flex-child-full\"\n        >\n          Apply\n        </button>\n       \n       \n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, reactive, watch } from 'vue'\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue'\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\n\nconst filters = defineModel('filters', {\n  type: Array,\n  required: true\n})\n\nconst selected = defineModel('selected', {\n  type: Object,\n  default: () => ({})\n})\n\nconst emit = defineEmits(['select'])\n\nconst { formatDate } = useGlobalMixins()\n\n// State\nconst showAllFilters = ref(false)\nconst individualPopups = reactive({})\nconst tempSelected = reactive({})\nconst tempDateRange = ref(null)\n\n// Initialize popups and temp values\nwatch(filters, (newFilters) => {\n  newFilters.forEach(filter => {\n    individualPopups[filter.value] = false\n    \n    if (!tempSelected[filter.value]) {\n      if (filter.type === 'checkbox') {\n        tempSelected[filter.value] = [...(selected.value[filter.value] || [])]\n      } else if (filter.type === 'range') {\n        tempSelected[filter.value] = { ...(selected.value[filter.value] || { min: '', max: '' }) }\n      } else if (filter.type === 'date') {\n        tempSelected[filter.value] = selected.value[filter.value] || null\n      } else {\n        tempSelected[filter.value] = selected.value[filter.value] || null\n      }\n    }\n  })\n}, { immediate: true, deep: true })\n\n// Sync selected to tempSelected\nwatch(selected, (newSelected) => {\n  Object.keys(newSelected).forEach(key => {\n    const filter = filters.value.find(f => f.value === key)\n    if (filter) {\n      if (filter.type === 'checkbox') {\n        tempSelected[key] = [...(newSelected[key] || [])]\n      } else if (filter.type === 'range') {\n        tempSelected[key] = { ...(newSelected[key] || { min: '', max: '' }) }\n      } else {\n        tempSelected[key] = newSelected[key]\n      }\n    }\n  })\n}, { deep: true })\n\n// Computed\nconst activeFiltersCount = computed(() => {\n  return Object.entries(selected.value).filter(([key, value]) => {\n    if (Array.isArray(value)) return value.length > 0\n    if (typeof value === 'object' && value !== null) {\n      return value.min || value.max\n    }\n    return value !== null && value !== undefined\n  }).length\n})\n\n// Methods\nconst openFilter = (filterValue) => {\n  individualPopups[filterValue] = true\n}\n\nconst isFilterActive = (filter) => {\n  const value = selected.value[filter.value]\n  if (!value) return false\n  if (Array.isArray(value)) return value.length > 0\n  if (filter.type === 'range') return value.min || value.max\n  return true\n}\n\nconst getFilterValue = (filter) => {\n  const value = selected.value[filter.value]\n  if (!value) return false\n  \n  if (filter.type === 'range') {\n    return value.min || value.max\n  }\n  \n  if (filter.type === 'date') {\n    return value && value.start && value.end\n  }\n  \n  if (Array.isArray(value)) {\n    return value.length > 0\n  }\n  \n  return value\n}\n\nconst formatFilterValue = (filter) => {\n  const value = selected.value[filter.value]\n  if (!value) return ''\n  \n  if (Array.isArray(value)) {\n    return `(${value.length})`\n  }\n  \n  if (filter.type === 'range') {\n    if (!value.min && !value.max) return ''\n    return `${value.min || '0'}-${value.max || '∞'}`\n  }\n  \n  if (filter.type === 'date') {\n    if (!value || !value.start || !value.end) return ''\n    return `${formatDate(value.start, { dayMonth: true, language: 'en' })} - ${formatDate(value.end, { dayMonth: true, language: 'en' })}`\n  }\n  \n  if (filter.type === 'radio') {\n    const option = filter.options.find(o => o.value === value)\n    return option ? `(${option.label})` : ''\n  }\n  \n  return ''\n}\n\nconst applyFilter = (filterValue) => {\n  selected.value[filterValue] = tempSelected[filterValue]\n  individualPopups[filterValue] = false\n  emit('select', { filter: filterValue, value: tempSelected[filterValue] })\n}\n\nconst cancelFilter = (filterValue) => {\n  const filter = filters.value.find(f => f.value === filterValue)\n  if (filter) {\n    if (filter.type === 'checkbox') {\n      tempSelected[filterValue] = [...(selected.value[filterValue] || [])]\n    } else if (filter.type === 'range') {\n      tempSelected[filterValue] = { ...(selected.value[filterValue] || { min: '', max: '' }) }\n    } else if (filter.type === 'date') {\n      tempSelected[filterValue] = selected.value[filterValue] || null\n    } else {\n      tempSelected[filterValue] = selected.value[filterValue] || null\n    }\n  }\n  individualPopups[filterValue] = false\n}\n\nconst applyAllFilters = () => {\n  Object.entries(tempSelected).forEach(([key, value]) => {\n    if (selected.value[key] !== value) {\n      selected.value[key] = value\n      emit('select', { filter: key, value })\n    }\n  })\n  showAllFilters.value = false\n}\n\nconst resetFilters = () => {\n  filters.value.forEach(filter => {\n    if (filter.type === 'checkbox') {\n      tempSelected[filter.value] = []\n      selected.value[filter.value] = []\n    } else if (filter.type === 'range') {\n      tempSelected[filter.value] = { min: '', max: '' }\n      selected.value[filter.value] = { min: '', max: '' }\n    } else if (filter.type === 'date') {\n      tempSelected[filter.value] = null\n      selected.value[filter.value] = null\n    } else {\n      tempSelected[filter.value] = null\n      selected.value[filter.value] = null\n    }\n    emit('select', { filter: filter.value, value: null })\n  })\n}\n</script>\n\n<style scoped>\n.filters-content {\n  max-height: 60vh;\n  overflow-y: auto;\n}\n</style>"],"names":["_useModel"],"mappings":"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"}

package/src/modules/chats/CLAUDE.md

@@ -1,137 +0,0 @@
-# Модуль чатов
-
-## Обзор архитектуры
-
-Модуль реализует real-time чат с использованием WebSocket и MongoDB для хранения истории сообщений.
-
-### Структура файлов
-
-```
-chats/
-├── chats.client.js          # Точка входа клиентской части
-├── chats.server.js          # Точка входа серверной части
-├── components/
-│   ├── pages/
-│   │   └── ChatPage.vue     # Главная страница чата
-│   ├── sections/
-│   │   └── ChatWindow.vue   # Окно чата с сообщениями
-│   └── blocks/
-│       └── ChatMessage.vue  # Компонент отдельного сообщения
-├── controllers/
-│   └── chats.controller.js  # Бизнес-логика (сохранение/получение сообщений)
-├── models/
-│   └── chat.model.js        # MongoDB модель сообщения
-├── routes/
-│   └── chats.routes.js      # HTTP маршруты и WebSocket обработчики
-└── store/
-    └── chat.store.js        # Управление состоянием на клиенте
-```
-
-## Ключевые компоненты
-
-### WebSocket интеграция
-
-Модуль использует глобальный WebSocket класс из `@martyrs/src/modules/globals/views/classes/globals.websocket.js`:
-
-- Подключение: `globalWebSocket.connect(userId)`
-- Подписка на модуль: `globalWebSocket.subscribeModule('chat')`
-- Отправка сообщений: `globalWebSocket.send({ type: 'message', module: 'chat', ... })`
-
-### Store (chat.store.js)
-
-Управляет состоянием чата на клиенте:
-- `state.messages` - массив сообщений текущего чата
-- `state.currentChatId` - ID активного чата
-- `state.username` - имя текущего пользователя
-
-Основные методы:
-- `connectWebSocket(userId)` - подключение к WebSocket
-- `setCurrentChat(chatId)` - переключение чата и загрузка истории
-- `addMessage(message)` - отправка нового сообщения
-
-### Серверные обработчики
-
-WebSocket обработчики регистрируются через `wss.registerModule('chat', handler)`:
-
-1. `joinChat` - присоединение к чату (добавление chatId в ws.activeChats)
-2. `message` - обработка входящего сообщения:
-   - Сохранение в БД
-   - Рассылка всем участникам чата через `broadcastToModuleWithFilter`
-
-REST API:
-- `GET /messages/:chatId` - получение истории сообщений
-
-## Модель данных
-
-```javascript
-ChatMessageSchema = {
-  username: String,     // Имя отправителя
-  chatId: String,      // ID чата
-  text: String,        // Текст сообщения
-  createdAt: Date      // Время создания (автоматически)
-}
-```
-
-## Проблемы и TODO
-
-### Критические проблемы
-
-1. **Нет авторизации** в WebSocket обработчиках
-   - Любой может отправлять сообщения от имени любого пользователя
-   - Нет проверки прав доступа к чату
-
-3. **Отсутствует валидация данных**
-   - Нет проверки обязательных полей
-   - Нет санитизации входящих данных
-
-### Улучшения
-
-1. **Обработка ошибок**
-   - Добавить try/catch в компоненты
-   - Показывать уведомления об ошибках пользователю
-
-2. **Оптимизация**
-   - Пагинация для истории сообщений
-   - Виртуальный скроллинг для больших чатов
-
-3. **Функциональность**
-   - Индикатор набора текста
-   - Статусы доставки сообщений
-   - Поддержка файлов/изображений
-   - Уведомления о новых сообщениях
-
-## Использование
-
-### Инициализация на клиенте
-
-```javascript
-import ModuleChats from '@martyrs/src/modules/chats/chats.client.js';
-
-// В главном приложении
-ModuleChats.initialize(app, store, router);
-```
-
-### Использование в компоненте
-
-```vue
-<ChatPage 
-  :username="currentUser.name"
-  :user="currentUser.id"
-  :chatID="selectedChatId"
-/>
-```
-
-### Инициализация на сервере
-
-```javascript
-import { initialize } from '@martyrs/src/modules/chats/chats.server.js';
-
-// При старте сервера
-initialize(app, db, wss, origins, publicPath);
-```
-
-## Зависимости
-
-- `globals.websocket.js` - глобальный WebSocket класс
-- `auth/controllers/middlewares` - middleware для авторизации (не используется)
-- `globals/controllers/utils/mailing.js` - отправка уведомлений (импортирован, но не используется)

package/src/modules/globals/views/classes/globals.websocket.ws.js

@@ -1,212 +0,0 @@
-class GlobalWebSocket {
-  constructor() {
-    this.socket = null;
-    this.isConnected = false;
-    this.reconnectAttempts = 0;
-    this.maxReconnectAttempts = 5;
-    this.reconnectDelay = 3000;
-    this.baseUrl = null;
-    this.pingInterval = null;
-    this.pingIntervalTime = 30000;
-    this.listeners = {};
-    this.userId = null;
-    this.connectPromise = null;
-    this.subscribedModules = new Set(); // <--- ключевое изменение
-  }
-
-  initialize(options = {}) {
-    this.maxReconnectAttempts = options.maxReconnectAttempts || this.maxReconnectAttempts;
-    this.reconnectDelay = options.reconnectDelay || this.reconnectDelay;
-    this.baseUrl = options.wsUrl || this._getDefaultWsUrl();
-    this.pingIntervalTime = options.pingInterval || this.pingIntervalTime;
-  }
-
-  _getDefaultWsUrl() {
-    if (typeof window === 'undefined') return '/api/ws';
-    const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
-    const host = window.location.host;
-    return `${protocol}//${host}/api/ws`;
-  }
-
-  connect(userId) {
-    if (typeof window === 'undefined') return Promise.resolve(false);
-    this.userId = userId;
-
-    if (this.isConnected && this.socket?.readyState === WebSocket.OPEN) {
-      return Promise.resolve(this.socket);
-    }
-
-    this.connectPromise = new Promise((resolve, reject) => {
-      this.disconnect();
-
-      const wsUrl = userId ? `${this.baseUrl}?userId=${encodeURIComponent(userId)}` : this.baseUrl;
-      this.socket = new WebSocket(wsUrl);
-
-      this.socket.onopen = () => {
-        this._handleOpen();
-        resolve(this.socket);
-      };
-
-      this.socket.onmessage = this._handleMessage.bind(this);
-      this.socket.onerror = err => {
-        this._handleError(err);
-        reject(err);
-      };
-      this.socket.onclose = this._handleClose.bind(this);
-
-      setTimeout(() => {
-        if (!this.isConnected) {
-          reject(new Error('WebSocket connection timeout'));
-        }
-      }, 10000);
-    }).finally(() => {
-      this.connectPromise = null;
-    });
-
-    return this.connectPromise;
-  }
-
-  disconnect() {
-    if (typeof window === 'undefined') return;
-
-    if (this.socket) {
-      this.socket.onopen = null;
-      this.socket.onmessage = null;
-      this.socket.onerror = null;
-      this.socket.onclose = null;
-      if (this.socket.readyState === WebSocket.OPEN || this.socket.readyState === WebSocket.CONNECTING) {
-        this.socket.close();
-      }
-      this.socket = null;
-    }
-
-    if (this.pingInterval) {
-      clearInterval(this.pingInterval);
-      this.pingInterval = null;
-    }
-
-    this.isConnected = false;
-    this.userId = null;
-  }
-
-  async send(data) {
-    if (!this.socket || this.socket.readyState !== WebSocket.OPEN) {
-      console.error('Cannot send message: WebSocket is not connected');
-      return false;
-    }
-
-    try {
-      const msg = typeof data === 'string' ? data : JSON.stringify(data);
-      this.socket.send(msg);
-      return true;
-    } catch (err) {
-      console.error('Error sending message:', err);
-      return false;
-    }
-  }
-
-  addEventListener(eventType, callback, options = {}) {
-    const listenerId = `${options.module || 'global'}_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
-    if (!this.listeners[eventType]) this.listeners[eventType] = {};
-    this.listeners[eventType][listenerId] = callback;
-    return listenerId;
-  }
-
-  removeEventListener(eventType, listenerId) {
-    if (this.listeners[eventType]?.[listenerId]) {
-      delete this.listeners[eventType][listenerId];
-    }
-  }
-
-  removeModuleListeners(moduleName) {
-    Object.keys(this.listeners).forEach(eventType => {
-      Object.keys(this.listeners[eventType]).forEach(listenerId => {
-        if (listenerId.startsWith(`${moduleName}_`)) {
-          delete this.listeners[eventType][listenerId];
-        }
-      });
-    });
-  }
-
-  async subscribeModule(moduleName) {
-    if (!moduleName || this.subscribedModules.has(moduleName)) return;
-    const success = await this.send({ type: 'subscribe', module: moduleName });
-    if (success) {
-      this.subscribedModules.add(moduleName);
-    }
-  }
-
-  _resubscribeAllModules() {
-    for (const moduleName of this.subscribedModules) {
-      this.send({ type: 'subscribe', module: moduleName });
-    }
-  }
-
-  _handleOpen() {
-    this.isConnected = true;
-    this.reconnectAttempts = 0;
-
-    this.pingInterval = setInterval(() => {
-      if (this.socket?.readyState === WebSocket.OPEN) {
-        this.socket.send(JSON.stringify({ type: 'ping' }));
-      }
-    }, this.pingIntervalTime);
-
-    this._resubscribeAllModules(); // <--- ВАЖНО
-    this._notifyListeners('open', { isConnected: true });
-  }
-
-  _handleMessage(event) {
-    try {
-      const data = JSON.parse(event.data);
-      this._notifyListeners('message', data);
-      if (data.type) {
-        this._notifyListeners(data.type, data);
-      }
-    } catch (err) {
-      console.error('WebSocket message error:', err);
-    }
-  }
-
-  _handleError(error) {
-    console.error('WebSocket error:', error);
-    this._notifyListeners('error', { error });
-  }
-
-  _handleClose(event) {
-    this.isConnected = false;
-    if (this.pingInterval) {
-      clearInterval(this.pingInterval);
-      this.pingInterval = null;
-    }
-
-    this._notifyListeners('close', { code: event.code, reason: event.reason });
-
-    if (event.code !== 1000 && this.userId && this.reconnectAttempts < this.maxReconnectAttempts) {
-      this.reconnectAttempts++;
-      const delay = this.reconnectDelay * this.reconnectAttempts;
-      setTimeout(() => {
-        this.connect(this.userId).catch(err => {
-          console.error('Reconnection failed:', err);
-        });
-      }, delay);
-    }
-  }
-
-  _notifyListeners(eventType, data) {
-    Object.values(this.listeners[eventType] || {}).forEach(fn => {
-      try {
-        fn(data);
-      } catch (err) {
-        console.error(`Listener for ${eventType} failed:`, err);
-      }
-    });
-  }
-
-  isSocketConnected() {
-    return this.isConnected && this.socket?.readyState === WebSocket.OPEN;
-  }
-}
-
-const globalWebSocket = new GlobalWebSocket();
-export default globalWebSocket;