@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-2

package/src/shared/api/crypto.ts

@@ -12,7 +12,7 @@ export const decrypt = async (encryptedData: string, password: string) => {
     passwordBuffer,
     { name: 'PBKDF2' },
     false,
-    ['deriveKey']
+    ['deriveKey'],
   );
   const key = await window.crypto.subtle.deriveKey(
     {
@@ -24,12 +24,12 @@ export const decrypt = async (encryptedData: string, password: string) => {
     keyMaterial,
     { name: 'AES-CBC', length: 256 },
     true,
-    ['decrypt']
+    ['decrypt'],
   );
   const decryptedData = await window.crypto.subtle.decrypt(
     { name: 'AES-CBC', iv },
     key,
-    data
+    data,
   );
   return new TextDecoder().decode(decryptedData);
 };
@@ -45,7 +45,7 @@ export const encrypt = async (data: string, password: string) => {
     passwordBuffer,
     { name: 'PBKDF2' },
     false,
-    ['deriveKey']
+    ['deriveKey'],
   );
   const key = await window.crypto.subtle.deriveKey(
     {
@@ -57,12 +57,12 @@ export const encrypt = async (data: string, password: string) => {
     keyMaterial,
     { name: 'AES-CBC', length: 256 },
     true,
-    ['encrypt', 'decrypt']
+    ['encrypt', 'decrypt'],
   );
   const encryptedData = await window.crypto.subtle.encrypt(
     { name: 'AES-CBC', iv },
     key,
-    dataBuffer
+    dataBuffer,
   );
   const combined = new Uint8Array(iv.length + encryptedData.byteLength);
   combined.set(iv);
@@ -73,7 +73,7 @@ export const encrypt = async (data: string, password: string) => {
 };
 
 export const hashSHA256 = async (
-  message: string | Uint8Array
+  message: string | Uint8Array,
 ): Promise<string> => {
   const msgBuffer =
     message instanceof Uint8Array ? message : new TextEncoder().encode(message);

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

@@ -0,0 +1 @@
+export * from './useSendAgreement';

package/src/shared/composables/agreements/useSendAgreement.ts

@@ -0,0 +1,25 @@
+import { client } from 'src/shared/api/client';
+import { Mutations } from '@coopenomics/sdk';
+
+// Типы для мутации SendAgreement
+export type ISendAgreementInput = Mutations.Agreements.SendAgreement.IInput['data'];
+export type ISendAgreementOutput = Mutations.Agreements.SendAgreement.IOutput[typeof Mutations.Agreements.SendAgreement.name];
+
+export const useSendAgreement = () => {
+  const sendAgreement = async (data: ISendAgreementInput): Promise<ISendAgreementOutput> => {
+    const { [Mutations.Agreements.SendAgreement.name]: result } = await client.Mutation(
+      Mutations.Agreements.SendAgreement.mutation,
+      {
+        variables: {
+          data
+        }
+      }
+    );
+
+    return result;
+  };
+
+  return {
+    sendAgreement
+  };
+};

package/src/shared/config/Environment.ts

@@ -1,76 +1,176 @@
 // Типы для переменных окружения
 export interface EnvVars {
-  NODE_ENV?: string;
-  BACKEND_URL?: string;
-  CHAIN_URL?: string;
-  CHAIN_ID?: string;
-  CURRENCY?: string;
-  COOP_SHORT_NAME?: string;
-  SITE_DESCRIPTION?: string;
-  SITE_IMAGE?: string;
-  STORAGE_URL?: string;
-  UPLOAD_URL?: string;
-  TIMEZONE?: string;
+  NODE_ENV: string;
+  BACKEND_URL: string;
+  CHAIN_URL: string;
+  CHAIN_ID: string;
+  CURRENCY: string;
+  COOP_SHORT_NAME: string;
+  SITE_DESCRIPTION: string;
+  SITE_IMAGE: string;
+  STORAGE_URL: string;
+  UPLOAD_URL: string;
+  TIMEZONE: string;
   CLIENT?: boolean;
   SERVER?: boolean;
-  VUE_ROUTER_MODE?: string;
-  VUE_ROUTER_BASE?: string;
-  NOVU_APP_ID?: string;
-  NOVU_BACKEND_URL?: string;
-  NOVU_SOCKET_URL?: string;
-  [key: string]: string | boolean | undefined;
+  VUE_ROUTER_MODE: string;
+  VUE_ROUTER_BASE: string;
+  NOVU_APP_ID: string;
+  NOVU_BACKEND_URL: string;
+  NOVU_SOCKET_URL: string;
+  VAPID_PUBLIC_KEY: string;
 }
 
-// Расширяем глобальный Window чтобы TypeScript понимал window.__ENV__
+// Расширяем глобальный Window чтобы TypeScript понимал window.__APP_CONFIG__
 declare global {
   interface Window {
-    __ENV__?: EnvVars;
+    __APP_CONFIG__?: EnvVars;
   }
 }
 
+// Кэш для переменных окружения
+let envCache: EnvVars | null = null;
+let isLoading = false;
+
+/**
+ * Синхронная загрузка config.js через блокирующий XMLHttpRequest
+ * Используется как fallback когда переменные не инжектированы в HTML
+ */
+function loadConfigSync(): boolean {
+  if (typeof window === 'undefined') return false;
+
+  try {
+    console.log('DEBUG: Синхронная загрузка config.js');
+
+    const xhr = new XMLHttpRequest();
+    xhr.open('GET', `/config.js?t=${Date.now()}`, false); // false = синхронный запрос
+    xhr.send();
+
+    if (xhr.status === 200) {
+      // Выполняем JavaScript код из ответа
+      eval(xhr.responseText);
+
+      if (window.__APP_CONFIG__) {
+        console.log('DEBUG: config.js загружен синхронно');
+        return true;
+      }
+    }
+  } catch (error) {
+    console.warn('DEBUG: Ошибка синхронной загрузки config.js:', error);
+  }
+
+  // // Пробуем загрузить резервную конфигурацию
+  // try {
+  //   console.log('DEBUG: Загружаем резервную конфигурацию синхронно');
+
+  //   const xhr = new XMLHttpRequest();
+  //   xhr.open('GET', '/config.default.js', false);
+  //   xhr.send();
+
+  //   if (xhr.status === 200) {
+  //     eval(xhr.responseText);
+
+  //     if (window.__APP_CONFIG__) {
+  //       console.log('DEBUG: config.default.js загружен синхронно');
+  //       return true;
+  //     }
+  //   }
+  // } catch (error) {
+  //   console.warn('DEBUG: Ошибка загрузки резервной конфигурации:', error);
+  // }
+
+  return false;
+}
+
 /**
  * Определение переменных окружения для разных сред
- * - На сервере (SSR): берем напрямую из process.env
- * - На клиенте (SSR): используем window.__ENV__, инжектированные с сервера
- * - В SPA режиме: переменные заменяются при сборке
+ * Автоматически загружает config.js если переменные недоступны
  */
 function getEnv(): EnvVars {
-  // SSR сервер или SPA сборка
-
-  if (typeof process !== 'undefined' && process.env) {
-    // Для SSR сервера - берем реальные переменные
-    // Для SPA - эти значения заменятся при сборке
-    return {
-      NODE_ENV: process.env.NODE_ENV,
-      BACKEND_URL: process.env.BACKEND_URL,
-      CHAIN_URL: process.env.CHAIN_URL,
-      CHAIN_ID: process.env.CHAIN_ID,
-      CURRENCY: process.env.CURRENCY,
-      COOP_SHORT_NAME: process.env.COOP_SHORT_NAME,
-      SITE_DESCRIPTION: process.env.SITE_DESCRIPTION,
-      SITE_IMAGE: process.env.SITE_IMAGE,
-      STORAGE_URL: process.env.STORAGE_URL,
-      UPLOAD_URL: process.env.UPLOAD_URL,
-      TIMEZONE: process.env.TIMEZONE || 'Europe/Moscow',
-      CLIENT: process.env.CLIENT as unknown as boolean,
-      SERVER: process.env.SERVER as unknown as boolean,
-      VUE_ROUTER_MODE: process.env.VUE_ROUTER_MODE,
-      VUE_ROUTER_BASE: process.env.VUE_ROUTER_BASE,
-      NOVU_APP_ID: process.env.NOVU_APP_ID,
-      NOVU_BACKEND_URL: process.env.NOVU_BACKEND_URL,
-      NOVU_SOCKET_URL: process.env.NOVU_SOCKET_URL,
-    };
+  // Если уже есть кэш, возвращаем его
+  if (envCache) {
+    return envCache;
   }
 
-  // SSR клиент - берем из window.__ENV__
-  if (typeof window !== 'undefined' && window.__ENV__) {
-    return window.__ENV__;
+  // Предотвращаем множественные загрузки
+  if (isLoading) {
+    console.log('DEBUG: Загрузка уже в процессе, ждем...');
+    // В синхронном режиме просто возвращаем пустой объект
+    return {} as EnvVars;
   }
 
-  // Запасной вариант, если ничего не сработало
-  console.warn('Не удалось получить переменные окружения!');
-  return {} as EnvVars;
+  isLoading = true;
+  console.log('DEBUG: getEnv() called');
+
+  // Пробуем получить window.__APP_CONFIG__ (инжектированные в HTML)
+  try {
+    if (typeof window !== 'undefined' && window.__APP_CONFIG__) {
+      console.log('DEBUG: Используем window.__APP_CONFIG__ из HTML');
+      envCache = window.__APP_CONFIG__;
+      isLoading = false;
+      return envCache;
+    } else if (typeof window !== 'undefined') {
+      console.log(
+        'DEBUG: window.__APP_CONFIG__ не найден, загружаем config.js',
+      );
+
+      // Пытаемся загрузить конфигурацию синхронно
+      if (loadConfigSync() && window.__APP_CONFIG__) {
+        envCache = window.__APP_CONFIG__;
+        isLoading = false;
+        return envCache;
+      }
+    } else {
+      console.log('DEBUG: window недоступен (сервер)');
+    }
+  } catch (e) {
+    console.error('DEBUG: Ошибка при работе с window:', e);
+  }
+
+  // Fallback к process.env (для сервера или dev режима)
+  console.log('DEBUG: Используем process.env как fallback');
+  envCache = {
+    NODE_ENV: process.env.NODE_ENV as string,
+    BACKEND_URL: process.env.BACKEND_URL as string,
+    CHAIN_URL: process.env.CHAIN_URL as string,
+    CHAIN_ID: process.env.CHAIN_ID as string,
+    CURRENCY: process.env.CURRENCY as string,
+    COOP_SHORT_NAME: process.env.COOP_SHORT_NAME as string,
+    SITE_DESCRIPTION: process.env.SITE_DESCRIPTION as string,
+    SITE_IMAGE: process.env.SITE_IMAGE as string,
+    STORAGE_URL: process.env.STORAGE_URL as string,
+    UPLOAD_URL: process.env.UPLOAD_URL as string,
+    TIMEZONE: process.env.TIMEZONE || 'Europe/Moscow',
+    CLIENT: process.env.CLIENT as unknown as boolean,
+    SERVER: process.env.SERVER as unknown as boolean,
+    VUE_ROUTER_MODE: process.env.VUE_ROUTER_MODE as string,
+    VUE_ROUTER_BASE: process.env.VUE_ROUTER_BASE as string,
+    NOVU_APP_ID: process.env.NOVU_APP_ID as string,
+    NOVU_BACKEND_URL: process.env.NOVU_BACKEND_URL as string,
+    NOVU_SOCKET_URL: process.env.NOVU_SOCKET_URL as string,
+    VAPID_PUBLIC_KEY: process.env.VAPID_PUBLIC_KEY as string,
+  };
+
+  isLoading = false;
+  return envCache;
 }
 
-// Экспортируем переменные окружения
-export const env: EnvVars = getEnv();
+/**
+ * Очищает кэш переменных окружения
+ * Используется когда нужно перезагрузить конфигурацию
+ */
+export function clearEnvCache(): void {
+  envCache = null;
+  isLoading = false;
+}
+
+/**
+ * Ленивый геттер для переменных окружения
+ * Автоматически загружает конфигурацию при первом обращении
+ */
+export const env = new Proxy({} as EnvVars, {
+  get(target, prop) {
+    const envVars = getEnv();
+    return envVars[prop as keyof EnvVars];
+  },
+});

package/src/shared/config/createEnvObject.ts

@@ -0,0 +1,35 @@
+import { EnvVars } from './Environment';
+
+/**
+ * Создает объект переменных окружения из process.env
+ * Используется в SSR middleware, PWA boot файле и fallback логике
+ */
+export function createEnvObject(): EnvVars {
+  console.log('DEBUG: createEnvObject() called');
+  //ТУТ НИ В КОЕМ СЛУЧАЕ И НЕ ПРИ КАКИХ ОБСТОЯТЕЛЬСТВАХ НЕ ДОЛЖНЫ БЫТЬ УКАЗАНЫ
+  //CLIENT и SERVER, иначе, будет такая запутанная проблема, что хрен ты ее быстро отыщешь.
+  const envObj = {
+    NODE_ENV: process.env.NODE_ENV as string,
+    BACKEND_URL: process.env.BACKEND_URL as string,
+    CHAIN_URL: process.env.CHAIN_URL as string,
+    CHAIN_ID: process.env.CHAIN_ID as string,
+    CURRENCY: process.env.CURRENCY as string,
+    COOP_SHORT_NAME: process.env.COOP_SHORT_NAME as string,
+    SITE_DESCRIPTION: process.env.SITE_DESCRIPTION as string,
+    SITE_IMAGE: process.env.SITE_IMAGE as string,
+    STORAGE_URL: process.env.STORAGE_URL as string,
+    // CLIENT: process.env.CLIENT as unknown as boolean,
+    // SERVER: process.env.SERVER as unknown as boolean,
+    UPLOAD_URL: process.env.UPLOAD_URL as string,
+    TIMEZONE: process.env.TIMEZONE || 'Europe/Moscow',
+    VUE_ROUTER_MODE: process.env.VUE_ROUTER_MODE as string,
+    VUE_ROUTER_BASE: process.env.VUE_ROUTER_BASE as string,
+    NOVU_APP_ID: process.env.NOVU_APP_ID as string,
+    NOVU_BACKEND_URL: process.env.NOVU_BACKEND_URL as string,
+    NOVU_SOCKET_URL: process.env.NOVU_SOCKET_URL as string,
+    VAPID_PUBLIC_KEY: process.env.VAPID_PUBLIC_KEY as string,
+  };
+
+  console.log('DEBUG: createEnvObject result:', envObj);
+  return envObj;
+}

package/src/shared/config/widget.ts

@@ -0,0 +1,111 @@
+// Конфигурация для iframe виджета
+export interface IWidgetConfig {
+  enabled: boolean;
+  allowedOrigins: string[];
+  disableNavigation: boolean;
+  hideHeader: boolean;
+  hideFooter: boolean;
+  maxWidth?: string;
+  maxHeight?: string;
+  theme?: 'light' | 'dark';
+  locale?: string;
+}
+
+export interface IWidgetMessage {
+  type: string;
+  data?: any;
+  timestamp: number;
+  id?: string;
+}
+
+export interface IWidgetAPI {
+  // Методы для отправки данных в виджет
+  navigate: (path: string) => void;
+  setData: (data: any) => void;
+  updateConfig: (config: Partial<IWidgetConfig>) => void;
+
+  // Методы для получения данных из виджета
+  getData: () => Promise<any>;
+  getStatus: () => Promise<any>;
+
+  // События
+  onReady: (callback: () => void) => void;
+  onDataChange: (callback: (data: any) => void) => void;
+  onError: (callback: (error: any) => void) => void;
+  onNavigate: (callback: (path: string) => void) => void;
+}
+
+export const DEFAULT_WIDGET_CONFIG: IWidgetConfig = {
+  enabled: false,
+  allowedOrigins: [],
+  disableNavigation: false,
+  hideHeader: true,
+  hideFooter: true,
+  theme: 'light',
+  locale: 'ru',
+};
+
+export const WIDGET_MESSAGE_TYPES = {
+  // Исходящие сообщения (из виджета)
+  WIDGET_READY: 'widget:ready',
+  WIDGET_DATA_CHANGE: 'widget:data-change',
+  WIDGET_ERROR: 'widget:error',
+  WIDGET_NAVIGATE: 'widget:navigate',
+  WIDGET_RESIZE: 'widget:resize',
+
+  // Входящие сообщения (в виджет)
+  WIDGET_INIT: 'widget:init',
+  WIDGET_SET_DATA: 'widget:set-data',
+  WIDGET_GET_DATA: 'widget:get-data',
+  WIDGET_NAVIGATE_TO: 'widget:navigate-to',
+  WIDGET_UPDATE_CONFIG: 'widget:update-config',
+  WIDGET_DESTROY: 'widget:destroy',
+} as const;
+
+export type WidgetMessageType =
+  (typeof WIDGET_MESSAGE_TYPES)[keyof typeof WIDGET_MESSAGE_TYPES];
+
+// Проверка разрешенных origin
+export function isOriginAllowed(
+  origin: string,
+  allowedOrigins: string[],
+): boolean {
+  if (allowedOrigins.includes('*')) return true;
+  return allowedOrigins.some((allowed) => {
+    if (allowed.startsWith('*.')) {
+      const domain = allowed.substring(2);
+      return origin.endsWith(domain);
+    }
+    return origin === allowed;
+  });
+}
+
+// Создание безопасного сообщения
+export function createWidgetMessage(
+  type: WidgetMessageType,
+  data?: any,
+  id?: string,
+): IWidgetMessage {
+  return {
+    type,
+    data,
+    timestamp: Date.now(),
+    id: id || generateMessageId(),
+  };
+}
+
+// Генерация ID сообщения
+function generateMessageId(): string {
+  return Math.random().toString(36).substring(2, 15);
+}
+
+// Проверка валидности сообщения
+export function isValidWidgetMessage(message: any): message is IWidgetMessage {
+  return (
+    typeof message === 'object' &&
+    message !== null &&
+    typeof message.type === 'string' &&
+    typeof message.timestamp === 'number' &&
+    Object.values(WIDGET_MESSAGE_TYPES).includes(message.type)
+  );
+}

package/src/shared/hooks/README_HeaderActions.md

@@ -0,0 +1,134 @@
+# Система инжекта кнопок действий в заголовок
+
+## Описание
+
+Архитектурное решение для динамического добавления кнопок действий в `MainHeader` компонент. Позволяет страницам инжектировать свои главные кнопки действий в заголовок приложения.
+
+## Использование
+
+### В странице/компоненте:
+
+```vue
+<script setup lang="ts">
+import { onMounted } from 'vue';
+import { useHeaderActions } from 'src/shared/hooks';
+import { MyActionButton } from 'src/features/MyFeature';
+
+const { registerAction } = useHeaderActions();
+
+onMounted(() => {
+  registerAction({
+    id: 'my-action',
+    component: MyActionButton,
+    props: {
+      // опциональные пропсы
+      variant: 'primary',
+    },
+    order: 1, // опциональный порядок сортировки
+  });
+});
+</script>
+```
+
+### В MainHeader:
+
+```vue
+<template lang="pug">
+q-header.header
+  q-toolbar
+    BackButton(v-if='loggedIn')
+
+    // Инжектированные кнопки действий
+    template(v-for='action in headerActions', :key='action.id')
+      component(:is='action.component', v-bind='action.props')
+
+    q-toolbar-title
+      // остальное содержимое
+</template>
+
+<script setup lang="ts">
+import { useHeaderActionsReader } from 'src/shared/hooks';
+
+const { headerActions } = useHeaderActionsReader();
+</script>
+```
+
+## API
+
+### `useHeaderActions()`
+
+Основной composable для работы с кнопками действий:
+
+- `registerAction(action: HeaderAction)` - регистрирует новую кнопку
+- `unregisterAction(actionId: string)` - удаляет кнопку по ID
+- `clearActions()` - очищает все кнопки текущего компонента
+
+### `useHeaderActionsReader()`
+
+Composable только для чтения (используется в MainHeader):
+
+- `headerActions` - реактивный массив зарегистрированных действий
+
+### `HeaderAction`
+
+Интерфейс для описания кнопки действия:
+
+```typescript
+interface HeaderAction {
+  id: string; // Уникальный идентификатор
+  component: Component; // Vue компонент кнопки
+  props?: Record<string, any>; // Пропсы для компонента
+  order?: number; // Порядок сортировки (по умолчанию 0)
+}
+```
+
+## Особенности
+
+1. **Автоматическая очистка** - кнопки автоматически удаляются при размонтировании компонента
+2. **Сортировка** - кнопки сортируются по полю `order`
+3. **Типизация** - полная поддержка TypeScript
+4. **Реактивность** - изменения отражаются в реальном времени
+
+## Примеры компонентов для заголовка
+
+### Кнопка добавления пользователя:
+
+```vue
+<template lang="pug">
+q-btn(
+  color='primary',
+  stretch,
+  :size='isMobile ? "sm" : "md"',
+  @click='showDialog = true'
+)
+  span.q-pr-sm добавить пайщика
+  i.fa-solid.fa-plus
+
+AddUserDialog(v-model='showDialog')
+</template>
+```
+
+### Кнопка создания решения:
+
+```vue
+<template lang="pug">
+q-btn(
+  color='primary',
+  stretch,
+  :size='isMobile ? "sm" : "md"',
+  @click='showDialog = true'
+)
+  span.q-pr-sm предложить повестку
+  i.fa-solid.fa-plus
+
+CreateProjectDialog(v-model='showDialog')
+</template>
+```
+
+## Преимущества
+
+1. **Централизованный UI** - все главные действия в одном месте
+2. **Чистый код** - убирает дублирование кнопок в разных местах
+3. **Автоматическое управление** - не требует ручной очистки
+4. **Гибкость** - легко добавлять новые типы действий
+5. **Типизация** - полная поддержка TypeScript

package/src/shared/hooks/index.ts

@@ -1,2 +1,3 @@
-export { useWindowSize } from './useWindowSize'
-export { useAgendaPoints } from './useAgendaPoints'
+export * from './useWindowSize';
+export * from './useAgendaPoints';
+export * from './useHeaderActions';

package/src/shared/hooks/useHeaderActions.ts

@@ -0,0 +1,81 @@
+import { ref, onBeforeUnmount, type Component, markRaw } from 'vue';
+
+export interface HeaderAction {
+  id: string;
+  component: Component;
+  props?: Record<string, any>;
+  order?: number;
+}
+
+const headerActions = ref<HeaderAction[]>([]);
+
+export const useHeaderActions = () => {
+  const registeredActions = ref<string[]>([]);
+
+  const registerAction = (action: HeaderAction) => {
+    // Проверяем, не зарегистрирован ли уже такой ID
+    const existingIndex = headerActions.value.findIndex(
+      (a) => a.id === action.id,
+    );
+
+    // Создаем действие с markRaw для компонента
+    const actionWithMarkRaw = {
+      ...action,
+      component: markRaw(action.component),
+    };
+
+    if (existingIndex > -1) {
+      // Обновляем существующий
+      headerActions.value[existingIndex] = actionWithMarkRaw;
+    } else {
+      // Добавляем новый
+      headerActions.value.push(actionWithMarkRaw);
+    }
+
+    // Сортируем по порядку
+    headerActions.value.sort((a, b) => (a.order || 0) - (b.order || 0));
+
+    // Запоминаем что мы зарегистрировали
+    if (!registeredActions.value.includes(action.id)) {
+      registeredActions.value.push(action.id);
+    }
+  };
+
+  const unregisterAction = (actionId: string) => {
+    const index = headerActions.value.findIndex((a) => a.id === actionId);
+    if (index > -1) {
+      headerActions.value.splice(index, 1);
+    }
+
+    const registeredIndex = registeredActions.value.indexOf(actionId);
+    if (registeredIndex > -1) {
+      registeredActions.value.splice(registeredIndex, 1);
+    }
+  };
+
+  const clearActions = () => {
+    // Очищаем ВСЕ действия в header
+    headerActions.value.splice(0, headerActions.value.length);
+    // Очищаем список зарегистрированных действий
+    registeredActions.value = [];
+  };
+
+  // Автоматически очищаем при размонтировании компонента
+  onBeforeUnmount(() => {
+    clearActions();
+  });
+
+  return {
+    headerActions: headerActions.value,
+    registerAction,
+    unregisterAction,
+    clearActions,
+  };
+};
+
+// Отдельный composable для чтения состояния (для MainHeader)
+export const useHeaderActionsReader = () => {
+  return {
+    headerActions,
+  };
+};