@coopenomics/desktop 2025.11.9-alpha-1 → 2025.11.10-alpha-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coopenomics/desktop",
-  "version": "2025.11.9-alpha-1",
+  "version": "2025.11.10-alpha-1",
   "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.9-alpha-1",
-    "@coopenomics/notifications": "2025.11.9-alpha-1",
-    "@coopenomics/sdk": "2025.11.9-alpha-1",
+    "@coopenomics/controller": "2025.11.10-alpha-1",
+    "@coopenomics/notifications": "2025.11.10-alpha-1",
+    "@coopenomics/sdk": "2025.11.10-alpha-1",
     "@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.9-alpha-1",
+    "cooptypes": "2025.11.10-alpha-1",
     "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": "8270801711836de12cce027677732785fab42dd1"
+  "gitHead": "634766a08edc036ccf4b08438b14251fa3a8ab73"
 }

package/src/app/App.vue

@@ -33,11 +33,23 @@ const { showDialog } = useNotificationPermissionDialog();
 onMounted(async () => {
   try {
     console.log('systemInfo', info)
-    // Если мы в SPA режиме (hash mode) и pathname не является главной страницей
-    // и при этом hash пустой или указывает не на текущий pathname
-    if (typeof window !== 'undefined' && window.location.pathname !== '/' &&
-        (!window.location.hash || !window.location.hash.includes(window.location.pathname))) {
-      console.log('URL needs hash correction');
+    // Проверяем, нужно ли корректировать URL для hash роутера
+    // Выполняем только в клиентском режиме с hash роутером
+    const isClientMode = process.env.CLIENT === 'true';
+    const isHashRouter = process.env.VUE_ROUTER_MODE === 'hash';
+    const isNotSSR = process.env.SERVER !== 'true';
+    const hasWindow = typeof window !== 'undefined';
+
+    const shouldCorrectHashUrl =
+      isClientMode &&
+      isHashRouter &&
+      isNotSSR &&
+      hasWindow &&
+      window.location.pathname !== '/' &&
+      (!window.location.hash || !window.location.hash.includes(window.location.pathname));
+
+    if (shouldCorrectHashUrl) {
+      console.log('URL needs hash correction for hash router mode');
       const newUrl = window.location.origin + '/#' + window.location.pathname + window.location.search;
       console.log('Redirecting to:', newUrl);
       window.location.replace(newUrl);

package/src/env.d.ts

@@ -5,6 +5,8 @@ declare namespace NodeJS {
     NODE_ENV: string;
     VUE_ROUTER_MODE: 'hash' | 'history' | 'abstract' | undefined;
     VUE_ROUTER_BASE: string | undefined;
+    CLIENT?: string;
+    SERVER?: string;
   }
 }
 

package/src/features/NotificationPermissionDialog/model/index.ts

@@ -80,14 +80,17 @@ export function useNotificationPermissionDialog() {
   const handleAllow = async () => {
     try {
       store.isPermissionDialogProcessing = true;
-
+      console.log('handleAllow');
       // Подписываемся на уведомления (это включает запрос разрешения)
       const success = await subscribe();
-
+      console.log('success', success);
       if (success) {
+        console.log('saveChoice granted');
         saveChoice('granted');
+        console.log('hideDialog');
         hideDialog();
       } else {
+        console.log('saveChoice denied');
         // Если подписка не удалась, но пользователь согласился,
         // все равно сохраняем выбор чтобы не показывать диалог снова
         saveChoice('denied');
@@ -95,6 +98,7 @@ export function useNotificationPermissionDialog() {
       }
     } catch (error) {
       console.error('Ошибка при разрешении уведомлений:', error);
+      console.log('saveChoice denied');
       saveChoice('denied');
       hideDialog();
     } finally {

package/src/features/Provider/api/index.ts

@@ -0,0 +1,12 @@
+import { client } from 'src/shared/api/client';
+import { Queries } from '@coopenomics/sdk';
+
+/**
+ * Получить подписки пользователя у провайдера
+ */
+export async function loadProviderSubscriptions() {
+  const { [Queries.System.GetProviderSubscriptions.name]: subscriptions } =
+    await client.Query(Queries.System.GetProviderSubscriptions.query);
+
+  return subscriptions;
+}

package/src/features/Provider/index.ts

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

package/src/features/Provider/model/index.ts

@@ -0,0 +1,105 @@
+import { ref, computed } from 'vue';
+import { loadProviderSubscriptions } from '../api';
+import { useSystemStore } from 'src/entities/System/model';
+import { Queries } from '@coopenomics/sdk';
+
+/**
+ * Специфичные данные для подписки на хостинг
+ */
+export interface HostingSubscriptionData {
+  subscription_type_id: 1;
+  progress: number;
+  is_valid: boolean;
+}
+
+/**
+ * Специфичные данные подписки (union тип для всех типов подписок)
+ */
+export type SubscriptionSpecificData = HostingSubscriptionData | null;
+
+/**
+ * Тип подписки провайдера из GraphQL API
+ */
+export type ProviderSubscription = Queries.System.GetProviderSubscriptions.IOutput[typeof Queries.System.GetProviderSubscriptions.name][number];
+
+/**
+ * Composable для работы с подписками провайдера
+ */
+export function useProviderSubscriptions() {
+  const system = useSystemStore();
+  const subscriptions = ref<ProviderSubscription[]>([]);
+  const isLoading = ref(false);
+  const error = ref<string | null>(null);
+
+  // Получить подписку на хостинг (id=1)
+  const hostingSubscription = computed(() =>
+    subscriptions.value.find(sub => sub.subscription_type_id === 1)
+  );
+
+  // Статус валидности домена для хостинг подписки (из specific_data)
+  const domainValid = computed(() => {
+    const specificData = hostingSubscription.value?.specific_data as SubscriptionSpecificData;
+    return specificData?.is_valid ?? null;
+  });
+
+  // Прогресс установки для хостинг подписки (из specific_data)
+  const installationProgress = computed(() => {
+    const specificData = hostingSubscription.value?.specific_data as SubscriptionSpecificData;
+    return specificData?.progress ?? null;
+  });
+
+  // Статус инстанса для хостинг подписки (пока оставляем как есть, может поле будет добавлено позже)
+  const instanceStatus = computed(() =>
+    hostingSubscription.value?.instance_status ?? null
+  );
+
+  /**
+   * Загрузить подписки пользователя
+   */
+  const loadSubscriptions = async () => {
+    // Проверяем доступность провайдера
+    if (!system.info.is_providered) {
+      error.value = 'Функционал провайдера не доступен';
+      return;
+    }
+
+    try {
+      isLoading.value = true;
+      error.value = null;
+      subscriptions.value = await loadProviderSubscriptions();
+    } catch (err: any) {
+      error.value = err.message || 'Ошибка загрузки подписок';
+      console.error('Error loading provider subscriptions:', err);
+    } finally {
+      isLoading.value = false;
+    }
+  };
+
+  /**
+   * Автоматическая загрузка с интервалом
+   */
+  const startAutoRefresh = (intervalMs = 60000) => { // 1 минута по умолчанию
+    loadSubscriptions(); // Первая загрузка
+
+    const interval = setInterval(() => {
+      loadSubscriptions();
+    }, intervalMs);
+
+    // Функция для остановки автообновления
+    const stop = () => clearInterval(interval);
+
+    return stop;
+  };
+
+  return {
+    subscriptions,
+    isLoading,
+    error,
+    hostingSubscription,
+    domainValid,
+    installationProgress,
+    instanceStatus,
+    loadSubscriptions,
+    startAutoRefresh,
+  };
+}

package/src/features/WebPushNotifications/model/index.ts

@@ -83,7 +83,16 @@ export function useWebPushNotifications() {
         throw new Error('Push уведомления не поддерживаются');
       }
 
-      const permission = await Notification.requestPermission();
+      // Добавляем timeout на случай, если пользователь не взаимодействует с диалогом
+      const permission = await Promise.race([
+        Notification.requestPermission(),
+        new Promise<never>((_, reject) => {
+          setTimeout(() => {
+            reject(new Error('Пользователь не ответил на запрос разрешения в течение 30 секунд'));
+          }, 15000);
+        }),
+      ]);
+
       store.support.permission = permission;
       store.support.hasPermission = permission === 'granted';
       store.support.canSubscribe =
@@ -150,7 +159,16 @@ export function useWebPushNotifications() {
       }
 
       console.log('Форсированный запрос разрешения...');
-      const permission = await Notification.requestPermission();
+
+      // Добавляем timeout на случай, если пользователь не взаимодействует с диалогом
+      const permission = await Promise.race([
+        Notification.requestPermission(),
+        new Promise<never>((_, reject) => {
+          setTimeout(() => {
+            reject(new Error('Пользователь не ответил на запрос разрешения в течение 30 секунд'));
+          }, 30000);
+        }),
+      ]);
 
       store.support.permission = permission;
       store.support.hasPermission = permission === 'granted';
@@ -267,7 +285,7 @@ export function useWebPushNotifications() {
         // Создаем новую подписку
         const subscription = await registration.pushManager.subscribe({
           userVisibleOnly: true,
-          applicationServerKey: applicationServerKey,
+          applicationServerKey: applicationServerKey as any,
         });
 
         return subscription;

package/src/pages/Union/ConnectionAgreement/ConnectionAgreementPage.vue

@@ -1,101 +1,170 @@
 <template lang="pug">
-div.row.justify-center.q-pa-md
-  div.col-md-8.col-xs-12
-    div(v-if="is_finish == false")
-      div(v-if="!signedDocument")
-        div(v-if="html")
-          DocumentHtmlReader(:html="html")
-          q-btn(@click="sign" color="primary") подписать
-
-        div(v-else)
-          Loader(:text='`Готовим соглашение...`')
-
-      div(v-else)
-        p.text-h6 Предварительная настройка
-        p Пожалуйста, укажите домен для установки MONO. Также, укажите суммы вступительных и минимальных паевых взносов для физических лиц, юридических лиц и индивидуальных предпринимателей:
-
-        AddCooperativeForm(:document="signedDocument" @finish="finish").q-pt-md
-    div(v-if="is_finish == true && coop")
-
-      p.text-h6 Кооператив на подключении
-      p Статус:
-        q-badge(v-if="coop.status == 'pending'" color="orange").q-ml-sm ожидание
-        q-badge(v-if="coop.status == 'active'" color="teal").q-ml-sm активен
-        q-badge(v-if="coop.status == 'blocked'" color="red").q-ml-sm заблокирован
-
-        q-btn(@click="reload" color="primary" size="sm").q-ml-md
-          q-icon(name="refresh")
-          span обновить
-
-      p Пожалуйста, перешлите инструкцию ниже вашему техническому специалисту. После её выполнения, мы автоматически выполним запуск. Далее, Вам необходимо завершить установку уже на Вашем сайте следуя инструкциям, представленным там.
-
-      q-card(flat bordered).q-pa-sm
-        p.text-bold Инструкция
-        div.flex.justify-between
-          span {{instruction}}
-          q-btn(size="sm" icon="fas fa-copy" flat @click="copy")
+div.row.q-pa-md
+  div.col-md-12.col-xs-12
+    div(v-if="system.info.is_providered")
+      ConnectionAgreementStepper(
+        :initial-step="currentStep"
+        :is-finish="is_finish"
+        :signed-document="signedDocument"
+        :coop="coop"
+        :html="html"
+        :domain-valid="domainValid"
+        :installation-progress="installationProgress"
+        :instance-status="instanceStatus"
+        :subscriptions-loading="subscriptionsLoading"
+        :subscriptions-error="subscriptionsError"
+        @step-change="handleStepChange"
+        @tariff-selected="handleTariffSelected"
+        @tariff-deselected="handleTariffDeselected"
+        @continue="handleContinue"
+        @sign="sign"
+        @finish="finish"
+        @reload="reload"
+      )
+
+    div(v-else).row
+      //- Заглушка для недоступного провайдера
+      div.col-md-12.col-xs-12
+        ColorCard(color="blue")
+          .text-center.q-pa-md
+            q-icon(name="fas fa-info-circle" size="2rem").q-mb-sm
+            .text-h6.q-mb-md Информация о подключении
+            p Для подключения к платформе Кооперативной Экономики обратитесь в ПК ВОСХОД.
+            q-btn(
+              color="primary"
+              label="Перейти на сайт"
+              @click="openProviderWebsite"
+              size="md"
+            ).q-mt-md
 
 </template>
 <script setup lang="ts">
 import { DigitalDocument } from 'src/shared/lib/document';
 import { useSessionStore } from 'src/entities/Session';
-import { DocumentHtmlReader } from 'src/shared/ui/DocumentHtmlReader';
-import { computed, ref } from 'vue';
-import { Loader } from 'src/shared/ui/Loader';
-import { AddCooperativeForm } from 'src/features/Union/AddCooperative';
+import { useSystemStore } from 'src/entities/System/model';
+import { computed, ref, onMounted, onUnmounted } from 'vue';
 import { useLoadCooperatives } from 'src/features/Union/LoadCooperatives';
-import { copyToClipboard } from 'quasar';
-import { SuccessAlert } from 'src/shared/api';
+import { useProviderSubscriptions } from 'src/features/Provider';
 import { Cooperative } from 'cooptypes';
+import { ConnectionAgreementStepper } from 'src/widgets/ConnectionAgreementStepper';
+import { ColorCard } from 'src/shared/ui';
+
 
 const session = useSessionStore()
+const system = useSystemStore()
 const document = ref(new DigitalDocument())
 const {loadOneCooperative} = useLoadCooperatives()
+const {
+  domainValid,
+  installationProgress,
+  instanceStatus,
+  isLoading: subscriptionsLoading,
+  error: subscriptionsError,
+  startAutoRefresh
+} = useProviderSubscriptions()
 
 const coop = ref()
-const instruction = computed(() => `Создайте A-запись домена ${coop.value?.announce} на IP-адрес: 51.250.114.13`)
 
 const html = computed(() => document.value?.data?.html)
 const signedDocument = computed(() => document.value?.signedDocument)
 const is_finish = ref(false)
 
-const copy = () => {
-  copyToClipboard(instruction.value)
-    .then(() => {
-      SuccessAlert('Инструкция скопирована в буфер')
-    })
-    .catch((e) => {
-      console.log(e)
+// Управление шагом степпера
+const currentStep = ref(1)
+
+const handleStepChange = (step: number) => {
+  currentStep.value = step
+}
+
+const handleTariffSelected = (tariff: any) => {
+  // Здесь можно сохранить выбранный тариф
+  console.log('Selected tariff:', tariff)
+}
+
+const handleTariffDeselected = () => {
+  // Здесь можно обработать снятие выбора тарифа
+  console.log('Tariff deselected')
+}
+
+// Остановка автообновления при размонтировании компонента
+let stopRefresh: (() => void) | null = null
+
+const handleContinue = async () => {
+  // Если документ еще не сгенерирован, генерируем его
+  if (!document.value.data?.html && !coop.value) {
+    await document.value.generate({
+      registry_id: Cooperative.Registry.CoopenomicsAgreement.registry_id,
+      coopname: 'voskhod',
+      username: session.username,
     })
+  }
+}
+
+const openProviderWebsite = () => {
+  window.open('https://цифровой-кооператив.рф', '_blank')
 }
 
 
 const finish = () => {
+  // Эта функция имеет смысл только если провайдер доступен
+  if (!system.info.is_providered) return
+
   is_finish.value = true
   reload()
+
+  // Запускаем автообновление подписок каждую минуту
+  if (!stopRefresh) {
+    stopRefresh = startAutoRefresh(60000) // 1 минута
+  }
 }
 
 //todo loadCooperative by username and check status
 const reload = async() => {
-  coop.value = await loadOneCooperative(session.username)
+  // Загружаем кооператив только если провайдер доступен
+  if (system.info.is_providered) {
+    coop.value = await loadOneCooperative(session.username)
+  }
 }
 
 const init = async () => {
+  // Инициализация имеет смысл только если провайдер доступен
+  if (!system.info.is_providered) return
+
   coop.value = await loadOneCooperative(session.username)
 
-  if (!coop.value)
+  if (!coop.value) {
     await document.value.generate({
       registry_id: Cooperative.Registry.CoopenomicsAgreement.registry_id,
       coopname: 'voskhod',
       username: session.username,
     })
-  else is_finish.value = true
+  } else {
+    is_finish.value = true
+    currentStep.value = 4 // Переходим на последний шаг если кооператив уже создан
+  }
 }
 
 const sign = async() => {
   await document.value.sign(session.username)
 }
 
+// Lifecycle хуки
+onMounted(() => {
+  // Если провайдер доступен - делаем полную инициализацию
+  if (system.info.is_providered) {
+    init()
+  }
+  // Если провайдер недоступен - ничего не делаем, показываем заглушку
+})
+
+onUnmounted(() => {
+  // Останавливаем автообновление при размонтировании компонента
+  if (stopRefresh) {
+    stopRefresh()
+    stopRefresh = null
+  }
+})
+
 init()
 
 

package/src/widgets/ConnectionAgreementStepper/Steps/AgreementStep.vue

@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import { computed, withDefaults } from 'vue'
+import type { IStepProps } from '../model/types'
+import { DocumentHtmlReader } from 'src/shared/ui/DocumentHtmlReader'
+import { Loader } from 'src/shared/ui/Loader'
+
+const props = withDefaults(defineProps<IStepProps & {
+  html?: string
+  onSign?: () => void
+  onBack?: () => void
+}>(), {})
+
+const emits = defineEmits<{
+  back: []
+  sign: []
+}>()
+
+const isActive = computed(() => props.isActive)
+const isDone = computed(() => props.isDone)
+
+const handleSign = () => {
+  emits('sign')
+}
+
+const handleBack = () => {
+  emits('back')
+}
+</script>
+
+<template lang="pug">
+q-step(
+  :name="2"
+  title="Соглашение о подключении"
+  icon="description"
+  :done="isDone"
+)
+  .q-pa-md
+    template(v-if="html")
+      DocumentHtmlReader(:html="html")
+    template(v-else)
+      Loader(:text='`Готовим соглашение...`')
+
+  q-stepper-navigation.q-gutter-sm(v-if="html")
+    q-btn(
+      v-if="isActive"
+      color="grey-6"
+      flat
+      label="Назад"
+      @click="handleBack"
+    )
+    q-btn(
+      v-if="isActive"
+      color="primary"
+      label="Подписать"
+      @click="handleSign"
+    )
+</template>

package/src/widgets/ConnectionAgreementStepper/Steps/FormStep.vue

@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { withDefaults } from 'vue'
+import type { IStepProps } from '../model/types'
+import { AddCooperativeForm } from 'src/features/Union/AddCooperative'
+
+withDefaults(defineProps<IStepProps & {
+  signedDocument?: any
+  onFinish?: () => void
+  onBack?: () => void
+}>(), {})
+
+const emits = defineEmits<{
+  back: []
+  finish: []
+}>()
+
+const handleFinish = () => {
+  emits('finish')
+}
+
+const handleBack = () => {
+  emits('back')
+}
+</script>
+
+<template lang="pug">
+q-step(
+  :name="3"
+  title="Настройка кооператива"
+  icon="settings"
+  :done="isDone"
+)
+  .q-pa-md
+    p.text-h6.q-mb-md Предварительная настройка
+    p.q-mb-md
+      | Пожалуйста, укажите домен для установки Цифрового Кооператива. Также, укажите суммы вступительных и минимальных паевых взносов для физических лиц, юридических лиц и индивидуальных предпринимателей:
+
+    AddCooperativeForm(
+      v-if="signedDocument"
+      :document="signedDocument"
+      @finish="handleFinish"
+    )
+
+  q-stepper-navigation.q-gutter-sm(v-if="signedDocument")
+    q-btn(
+      color="grey-6"
+      flat
+      label="Назад"
+      @click="handleBack"
+    )
+</template>

package/src/widgets/ConnectionAgreementStepper/Steps/IntroStep.vue

@@ -0,0 +1,62 @@
+<script setup lang="ts">
+import { computed, withDefaults, ref } from 'vue'
+import type { IStepProps } from '../model/types'
+import { TariffSelector, type ITariff } from '../Tariffs'
+
+const props = withDefaults(defineProps<IStepProps & {
+  onContinue?: () => void
+}>(), {})
+
+const emits = defineEmits<{
+  tariffSelected: [tariff: ITariff]
+  tariffDeselected: []
+}>()
+
+const isActive = computed(() => props.isActive)
+const isDone = computed(() => props.isDone)
+
+const selectedTariff = ref<ITariff | null>(null)
+
+const canContinue = computed(() => selectedTariff.value !== null)
+
+const handleTariffSelected = (tariff: ITariff) => {
+  selectedTariff.value = tariff
+  emits('tariffSelected', tariff)
+}
+
+const handleTariffDeselected = () => {
+  selectedTariff.value = null
+  emits('tariffDeselected')
+}
+
+const handleContinue = () => {
+  if (canContinue.value && props.onContinue) {
+    props.onContinue()
+  }
+}
+</script>
+
+<template lang="pug">
+q-step(
+  :name="1"
+  title="Выберите тариф"
+  icon="info"
+  :done="isDone"
+)
+  .q-pa-md
+
+    TariffSelector(
+      :disabled="!isActive"
+      @tariff-selected="handleTariffSelected"
+      @tariff-deselected="handleTariffDeselected"
+    )
+
+  q-stepper-navigation.q-gutter-sm
+    q-btn(
+      v-if="isActive"
+      color="primary"
+      :disable="!canContinue"
+      label="Продолжить"
+      @click="handleContinue"
+    )
+</template>