@coopenomics/desktop 2025.11.27-alpha-1 → 2025.11.28-alpha-2

package/extensions/chatcoop/pages/ChatCoopPage/ui/ChatCoopPage.vue

@@ -20,6 +20,17 @@ div
     text="Загрузка клиента..."
   )
 
+  // Заглушка для мобильных устройств
+  div(v-else-if="isMobile", class="mobile-stub")
+    div.mobile-stub-content
+      div.mobile-icon
+        i.fas.fa-mobile-alt
+      h2 Мобильный клиент доступен
+      p На мобильных устройствах кооперативный мессенджер работает только через мобильное приложение Element X.
+      p Перейдите на страницу с инструкциями по подключению.
+      q-btn(@click="goToMobileClient", class="mobile-button", color="primary", icon="fa-mobile-alt")
+        | Перейти к мобильному клиенту
+
   // Iframe с Matrix клиентом после полной загрузки
   iframe(
     v-else-if="chatcoopStore.accountStatus?.iframeUrl",
@@ -36,11 +47,15 @@ div
 
 <script lang="ts" setup>
 import { ref, onMounted, watch } from 'vue';
+import { useRouter } from 'vue-router';
 import { WindowLoader } from 'src/shared/ui/Loader';
 import { useChatCoopChatStore } from '../../../entities/ChatCoopChat/model';
 import { MatrixRegistration } from '../../../widgets/MatrixRegistration';
+import { useWindowSize } from 'src/shared/hooks/useWindowSize';
 
 const chatcoopStore = useChatCoopChatStore();
+const router = useRouter();
+const { isMobile } = useWindowSize();
 const isIframeLoading = ref(true);
 let iframeLoadTimeout: number | null = null;
 
@@ -84,6 +99,10 @@ async function handleAccountCreated() {
   await chatcoopStore.loadAccountStatus();
 }
 
+function goToMobileClient() {
+  router.push({ name: 'chatcoop-mobile' });
+}
+
 onMounted(async () => {
   await chatcoopStore.loadAccountStatus();
   // Инициализируем загрузку iframe после получения статуса аккаунта
@@ -127,4 +146,42 @@ onMounted(async () => {
 .retry-button:hover {
   background-color: #0056b3;
 }
+
+.mobile-stub {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: calc(100vh - 51px);
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+}
+
+.mobile-stub-content {
+  text-align: center;
+  padding: 2rem;
+  max-width: 400px;
+}
+
+.mobile-icon {
+  font-size: 4rem;
+  margin-bottom: 1.5rem;
+  opacity: 0.9;
+}
+
+.mobile-stub-content h2 {
+  margin: 0 0 1rem 0;
+  font-size: 2rem;
+  font-weight: 600;
+}
+
+.mobile-stub-content p {
+  margin: 0 0 1.5rem 0;
+  opacity: 0.9;
+  line-height: 1.6;
+  font-size: 1.1rem;
+}
+
+.mobile-button {
+  margin-top: 1rem;
+}
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coopenomics/desktop",
-  "version": "2025.11.27-alpha-1",
+  "version": "2025.11.28-alpha-2",
   "description": "A Desktop Project",
   "productName": "Desktop App",
   "author": "Alex Ant <dacom.dark.sun@gmail.com>",
@@ -25,9 +25,9 @@
     "start": "node -r ./alias-resolver.js dist/ssr/index.js"
   },
   "dependencies": {
-    "@coopenomics/controller": "2025.11.27-alpha-1",
-    "@coopenomics/notifications": "2025.11.27-alpha-1",
-    "@coopenomics/sdk": "2025.11.27-alpha-1",
+    "@coopenomics/controller": "2025.11.28-alpha-2",
+    "@coopenomics/notifications": "2025.11.28-alpha-2",
+    "@coopenomics/sdk": "2025.11.28-alpha-2",
     "@dicebear/collection": "^9.0.1",
     "@dicebear/core": "^9.0.1",
     "@editorjs/code": "^2.9.3",
@@ -59,7 +59,7 @@
     "@wharfkit/wallet-plugin-privatekey": "^1.1.0",
     "axios": "^1.2.1",
     "compression": "^1.7.4",
-    "cooptypes": "2025.11.27-alpha-1",
+    "cooptypes": "2025.11.28-alpha-2",
     "dompurify": "^3.1.7",
     "dotenv": "^16.4.5",
     "email-regex": "^5.0.0",
@@ -123,5 +123,5 @@
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   },
-  "gitHead": "66d36e034e4cbb0dcd5625d32dba8464268f78e9"
+  "gitHead": "83d4bd88cf24e5131c2808239f8d364529f1ff02"
 }

package/src/processes/init-installed-extensions/extensions-registry.ts

@@ -0,0 +1,47 @@
+import type { IWorkspaceConfig } from 'src/shared/lib/types/workspace';
+
+// Импортируем все функции установки расширений
+import capitalInstall from '../../../extensions/capital/install';
+import chairmanInstall from '../../../extensions/chairman/install';
+import chatcoopInstall from '../../../extensions/chatcoop/install';
+import marketInstall from '../../../extensions/market/install';
+import marketAdminInstall from '../../../extensions/market-admin/install';
+import participantInstall from '../../../extensions/participant/install';
+import powerupInstall from '../../../extensions/powerup/install';
+import sovietInstall from '../../../extensions/soviet/install';
+
+/**
+ * Единый регистр всех доступных расширений
+ * Ключ - имя расширения, значение - функция установки
+ */
+export const extensionsRegistry: Record<string, () => Promise<IWorkspaceConfig[]>> = {
+  capital: capitalInstall,
+  chairman: chairmanInstall,
+  chatcoop: chatcoopInstall,
+  market: marketInstall,
+  'market-admin': marketAdminInstall,
+  participant: participantInstall,
+  powerup: powerupInstall,
+  soviet: sovietInstall,
+};
+
+/**
+ * Получить список всех доступных расширений
+ */
+export function getAvailableExtensions(): string[] {
+  return Object.keys(extensionsRegistry);
+}
+
+/**
+ * Проверить, существует ли расширение
+ */
+export function isExtensionAvailable(extensionName: string): boolean {
+  return extensionName in extensionsRegistry;
+}
+
+/**
+ * Получить функцию установки расширения
+ */
+export function getExtensionInstaller(extensionName: string): (() => Promise<IWorkspaceConfig[]>) | undefined {
+  return extensionsRegistry[extensionName];
+}

package/src/processes/init-installed-extensions/index.ts

@@ -1,35 +1,62 @@
 import type { Router } from 'vue-router';
 import { useDesktopStore } from 'src/entities/Desktop/model';
 import type { IWorkspaceConfig } from 'src/shared/lib/types/workspace';
+import { extensionsRegistry, getAvailableExtensions } from './extensions-registry';
 
 export async function useInitExtensionsProcess(router: Router) {
   const store = useDesktopStore();
-  // Загружаем все модули расширений
-  const modules = import.meta.glob('../../../extensions/**/install.{ts,js}');
 
-  for (const path in modules) {
-    const mod = await modules[path]();
-    if (mod?.default) {
-      // Ожидаем, что расширение возвращает массив IWorkspaceConfig[]
-      const result = await mod.default();
+  console.log('📦 [InitExtensions] Starting initialization with extensions registry');
+
+  // Получаем список всех доступных расширений
+  const availableExtensions = getAvailableExtensions();
+
+  console.log('📦 [InitExtensions] Available extensions:', availableExtensions);
+
+  // Загружаем все расширения из регистра
+  for (const extensionName of availableExtensions) {
+    try {
+      console.log(`📦 [InitExtensions] Loading extension: ${extensionName}`);
+
+      const installFunction = extensionsRegistry[extensionName];
+      const result = await installFunction();
 
       // Поддержка обоих форматов: массив или одиночный объект (для обратной совместимости)
       const workspaceConfigs: IWorkspaceConfig[] = Array.isArray(result) ? result : [result];
 
+      console.log(`📦 [InitExtensions] Extension "${extensionName}" loaded, configs:`, workspaceConfigs.length);
+
       // Обрабатываем каждый workspace из расширения
       for (const config of workspaceConfigs) {
         if (config?.workspace && config?.routes?.length) {
+          console.log(`📦 [InitExtensions] Setting routes for workspace: ${config.workspace}`);
+
           // Записываем маршруты в соответствующий workspace
           store.setRoutes(config.workspace, config.routes as any);
+
           // Регистрируем маршруты в router, добавляя их в базовый родительский маршрут
           const baseRoute = router.getRoutes().find((r) => r.name === 'base');
           if (baseRoute) {
-            config.routes.forEach((r: any) => router.addRoute('base', r));
+            config.routes.forEach((r: any) => {
+              // Проверяем, не зарегистрирован ли уже маршрут
+              const existingRoute = router.getRoutes().find((route) => route.name === r.name);
+              if (!existingRoute) {
+                console.log(`📦 [InitExtensions] Adding route to router: ${r.name}`);
+                router.addRoute('base', r);
+              } else {
+                console.log(`📦 [InitExtensions] Route already exists, skipping: ${r.name}`);
+              }
+            });
           }
         }
       }
+    } catch (error) {
+      console.error(`📦 [InitExtensions] Failed to load extension "${extensionName}":`, error);
+      // Продолжаем загрузку других расширений даже если одно не загрузилось
     }
   }
+
+  console.log('📦 [InitExtensions] All extensions initialization completed');
 }
 
 // Функция для динамической загрузки маршрутов конкретного расширения
@@ -42,72 +69,59 @@ export async function loadExtensionRoutes(
   try {
     console.log('📦 [LoadExtensionRoutes] Starting to load routes for extension:', extensionName);
 
-    // Получаем все доступные модули расширений
-    const allModules = import.meta.glob(
-      '../../../extensions/**/install.{ts,js}',
-    );
-
-    // Находим путь к модулю нужного расширения
-    const modulePath = Object.keys(allModules).find((path) => {
-      // Извлекаем имя расширения из пути: ../../../extensions/{extensionName}/install.{ts,js}
-      const pathParts = path.split('/');
-      const extName = pathParts[pathParts.length - 2]; // предпоследний элемент - имя папки
-      return extName === extensionName;
-    });
+    // Получаем функцию установки из регистра
+    const installFunction = extensionsRegistry[extensionName];
 
-    if (!modulePath) {
-      console.warn(`📦 [LoadExtensionRoutes] No module found for extension "${extensionName}"`);
+    if (!installFunction) {
+      console.warn(`📦 [LoadExtensionRoutes] Extension "${extensionName}" not found in registry`);
       return;
     }
 
-    console.log('📦 [LoadExtensionRoutes] Found module path:', modulePath);
-
-    const module = await allModules[modulePath]();
-    if (module?.default) {
-      const result = await module.default();
-      console.log('📦 [LoadExtensionRoutes] Module loaded, result:', result);
-
-      // Поддержка обоих форматов: массив или одиночный объект (для обратной совместимости)
-      const workspaceConfigs: IWorkspaceConfig[] = Array.isArray(result) ? result : [result];
-
-      console.log('📦 [LoadExtensionRoutes] Processing workspace configs:', workspaceConfigs.length);
-
-      // Обрабатываем каждый workspace из расширения
-      for (const config of workspaceConfigs) {
-        console.log('📦 [LoadExtensionRoutes] Processing workspace config:', {
-          workspace: config.workspace,
-          routesCount: config.routes?.length,
-          routes: config.routes?.map(r => ({ name: r.name, meta: r.meta }))
-        });
-
-        if (config?.workspace && config?.routes?.length) {
-          // Записываем маршруты в соответствующий workspace
-          console.log('📦 [LoadExtensionRoutes] Setting routes for workspace:', config.workspace);
-          store.setRoutes(config.workspace, config.routes as any);
-
-          // Регистрируем маршруты в router
-          const baseRoute = router.getRoutes().find((r) => r.name === 'base');
-          if (baseRoute) {
-            config.routes.forEach((r: any) => {
-              // Проверяем, не зарегистрирован ли уже маршрут
-              const existingRoute = router
-                .getRoutes()
-                .find((route) => route.name === r.name);
-              if (!existingRoute) {
-                console.log('📦 [LoadExtensionRoutes] Adding route to router:', r.name);
-                router.addRoute('base', r);
-              } else {
-                console.log('📦 [LoadExtensionRoutes] Route already exists, skipping:', r.name);
-              }
-            });
-          }
+    console.log('📦 [LoadExtensionRoutes] Found extension in registry, loading...');
+
+    const result = await installFunction();
+    console.log('📦 [LoadExtensionRoutes] Extension loaded, result:', result);
+
+    // Поддержка обоих форматов: массив или одиночный объект (для обратной совместимости)
+    const workspaceConfigs: IWorkspaceConfig[] = Array.isArray(result) ? result : [result];
+
+    console.log('📦 [LoadExtensionRoutes] Processing workspace configs:', workspaceConfigs.length);
+
+    // Обрабатываем каждый workspace из расширения
+    for (const config of workspaceConfigs) {
+      console.log('📦 [LoadExtensionRoutes] Processing workspace config:', {
+        workspace: config.workspace,
+        routesCount: config.routes?.length,
+        routes: config.routes?.map(r => ({ name: r.name, meta: r.meta }))
+      });
+
+      if (config?.workspace && config?.routes?.length) {
+        // Записываем маршруты в соответствующий workspace
+        console.log('📦 [LoadExtensionRoutes] Setting routes for workspace:', config.workspace);
+        store.setRoutes(config.workspace, config.routes as any);
+
+        // Регистрируем маршруты в router
+        const baseRoute = router.getRoutes().find((r) => r.name === 'base');
+        if (baseRoute) {
+          config.routes.forEach((r: any) => {
+            // Проверяем, не зарегистрирован ли уже маршрут
+            const existingRoute = router
+              .getRoutes()
+              .find((route) => route.name === r.name);
+            if (!existingRoute) {
+              console.log('📦 [LoadExtensionRoutes] Adding route to router:', r.name);
+              router.addRoute('base', r);
+            } else {
+              console.log('📦 [LoadExtensionRoutes] Route already exists, skipping:', r.name);
+            }
+          });
         }
       }
-
-      console.log(
-        `📦 [LoadExtensionRoutes] Routes for extension "${extensionName}" loaded successfully (${workspaceConfigs.length} workspace(s))`,
-      );
     }
+
+    console.log(
+      `📦 [LoadExtensionRoutes] Routes for extension "${extensionName}" loaded successfully (${workspaceConfigs.length} workspace(s))`,
+    );
   } catch (error) {
     console.error(
       `📦 [LoadExtensionRoutes] Failed to load routes for extension "${extensionName}":`,

package/src/shared/lib/composables/index.ts

@@ -1,3 +1,4 @@
 export { useMeetStatus } from './useMeetStatus';
 export { useExpandableState } from './useExpandableState';
 export { useDataPoller } from './useDataPoller';
+export { useMobileDrawer } from './useMobileDrawer';

package/src/shared/lib/composables/useMobileDrawer.ts

@@ -0,0 +1,20 @@
+import { useDesktopStore } from 'src/entities/Desktop/model';
+
+/**
+ * Composable для управления drawer на мобильных устройствах
+ * Используется для автоматического закрытия drawer при определенных действиях
+ */
+export function useMobileDrawer() {
+  const desktop = useDesktopStore();
+
+  /**
+   * Закрывает левый drawer только на мобильных устройствах
+   */
+  const closeDrawerOnMobile = () => {
+    desktop.closeLeftDrawerOnMobile();
+  };
+
+  return {
+    closeDrawerOnMobile,
+  };
+}

package/src/widgets/Desktop/CmdkMenu/CmdkMenu.vue

@@ -48,7 +48,7 @@ q-dialog.cmdk-dialog(
             // Заголовок группы (воркспейс)
             .cmdk-group-header(
               :class="{ 'selected': cmdkStore.selectedIndex === groupIndex }"
-              @click="cmdkStore.selectGroup(groupIndex)"
+              @click="handleSelectGroup(groupIndex)"
             )
               q-icon.cmdk-group-icon(:name="group.icon")
               .cmdk-group-title {{ group.title }}
@@ -60,14 +60,14 @@ q-dialog.cmdk-dialog(
                 v-for="(page, pageIndex) in group.pages",
                 :key="page.name",
                 :class="{ 'selected': cmdkStore.selectedIndex === groupIndex && cmdkStore.selectedPageIndex === pageIndex }"
-                @click="cmdkStore.selectPage(group.workspaceName, page)"
+                @click="handleSelectPage(group.workspaceName, page)"
               )
                 q-icon.cmdk-page-icon(:name="page.meta.icon || 'circle'")
                 .cmdk-page-title {{ page.meta.title }}
                 .cmdk-page-shortcut(v-if="page.shortcut") {{ page.shortcut }}
 
     // Подсказки
-    .cmdk-footer
+    .cmdk-footer(v-if="!isMobile")
       .cmdk-hint
         kbd ↑↓
         span для навигации
@@ -80,11 +80,26 @@ q-dialog.cmdk-dialog(
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted, watchEffect } from 'vue';
 import { useCmdkMenuStore } from 'src/entities/CmdkMenu/model';
+import { useMobileDrawer } from 'src/shared/lib/composables/useMobileDrawer';
+import { useWindowSize } from 'src/shared/hooks/useWindowSize';
 
 const cmdkStore = useCmdkMenuStore();
+const { isMobile } = useWindowSize();
+const { closeDrawerOnMobile } = useMobileDrawer();
 const searchInput = ref<HTMLInputElement | null>(null);
 const contentRef = ref<HTMLElement | null>(null);
 
+// Обработчики для выбора элементов с закрытием drawer на мобильных устройствах
+const handleSelectGroup = (groupIndex: number) => {
+  closeDrawerOnMobile();
+  cmdkStore.selectGroup(groupIndex);
+};
+
+const handleSelectPage = (workspaceName: string, page: any) => {
+  closeDrawerOnMobile();
+  cmdkStore.selectPage(workspaceName, page);
+};
+
 // Следим за contentRef и устанавливаем его в store
 watchEffect(() => {
   if (contentRef.value) {
@@ -110,7 +125,7 @@ onUnmounted(() => {
 <style lang="scss">
 .cmdk-dialog {
   max-width: 100%;
-  z-index: 9999;
+  z-index: 10000;
 }
 
 .cmdk-panel {

package/src-pwa/register-service-worker.ts

@@ -173,10 +173,10 @@ if (!shouldRegisterSW) {
 
       // Показываем уведомление пользователю о доступном обновлении
       if ('Notification' in window && Notification.permission === 'granted') {
-        new Notification('Обновление доступно', {
-          body: 'Выпущена новая версия приложения. Нажмите на уведомление, чтобы обновить приложение.',
-          icon: '/icons/icon-192x192.png',
-        });
+        // new Notification('Обновление доступно', {
+        //   body: 'Выпущена новая версия приложения. Нажмите на уведомление, чтобы обновить приложение.',
+        //   icon: '/icons/icon-192x192.png',
+        // });
       }
     },
 
@@ -192,23 +192,23 @@ if (!shouldRegisterSW) {
       // Показываем уведомление пользователю
       if ('Notification' in window) {
         if (Notification.permission === 'granted') {
-          new Notification('Обновление доступно', {
-            body: 'Выпущена новая версия приложения. Нажмите на уведомление, чтобы обновить приложение.',
-            icon: '/icons/icon-192x192.png',
-            requireInteraction: true,
-          }).onclick = () => {
-            applyUpdate();
-          };
+          // new Notification('Обновление доступно', {
+          //   body: 'Выпущена новая версия приложения. Нажмите на уведомление, чтобы обновить приложение.',
+          //   icon: '/icons/icon-192x192.png',
+          //   requireInteraction: true,
+          // }).onclick = () => {
+          //   applyUpdate();
+          // };
         } else if (Notification.permission !== 'denied') {
           Notification.requestPermission().then((permission) => {
             if (permission === 'granted') {
-              new Notification('Обновление доступно', {
-                body: 'Выпущена новая версия приложения. Нажмите на уведомление, чтобы обновить приложение.',
-                icon: '/icons/icon-192x192.png',
-                requireInteraction: true,
-              }).onclick = () => {
-                applyUpdate();
-              };
+              // new Notification('Обновление доступно', {
+              //   body: 'Выпущена новая версия приложения. Нажмите на уведомление, чтобы обновить приложение.',
+              //   icon: '/icons/icon-192x192.png',
+              //   requireInteraction: true,
+              // }).onclick = () => {
+              //   applyUpdate();
+              // };
             }
           });
         }