@coopenomics/desktop 2.2.2

package/src/shared/store/index.ts

@@ -0,0 +1,202 @@
+// store/global.ts
+import { Action, PrivateKey } from '@wharfkit/antelope';
+import { defineStore } from 'pinia';
+import { ref, Ref } from 'vue';
+import { decrypt, encrypt, hashSHA256 } from '../api/crypto';
+import { COOPNAME } from '../config';
+import { IMessageSignature } from '../lib/types/crypto';
+import { useSessionStore } from 'src/entities/Session';
+import { TransactResult } from '@wharfkit/session';
+import { readBlockchain } from '../api';
+import { ITokens } from '../lib/types/user';
+import { getFromIndexedDB, setToIndexedDB } from '../api/indexDB';
+import { client } from '../api/client';
+
+interface IGlobalStore {
+  hasCreditials: Ref<boolean>;
+  username: Ref<string>;
+  tokens: Ref<ITokens | undefined>;
+  wif: Ref<PrivateKey | undefined>;
+  setWif: (newUsername: string, key: string) => Promise<void>;
+  setTokens: (newTokens: ITokens) => Promise<void>;
+  logout: () => Promise<void>;
+  init: () => void;
+  signDigest: (digest: string) => IMessageSignature;
+  hashMessage: (message: string | Uint8Array) => Promise<string>;
+  formActionFromAbi: (action: any) => any;
+  transact: (
+    actionOrActions: any | any[]
+  ) => Promise<TransactResult | undefined>;
+}
+
+export const useGlobalStore = defineStore('global', (): IGlobalStore => {
+  const username = ref<string>('');
+  const wif = ref<PrivateKey | undefined>(undefined);
+  const hasCreditials = ref(false);
+  const tokens = ref<ITokens | undefined>(undefined);
+
+  const password = ''; // это временное намеренное решение. Позже заменим на пользовательский пин-код.
+
+  // Инициализация
+  const init = async () => {
+
+    try {
+      // Получите зашифрованный ключ и токены из хранилища
+      const encryptedKey = await getFromIndexedDB(
+        COOPNAME,
+        'store',
+        'encryptedKey'
+      );
+      const encryptedTokens = await getFromIndexedDB(
+        COOPNAME,
+        'store',
+        'encryptedTokens'
+      );
+      const encryptedUsername = await getFromIndexedDB(
+        COOPNAME,
+        'store',
+        'encryptedUsername'
+      );
+
+      // Если ключ или токены не найдены, выбросите ошибку
+      if (!encryptedKey || !encryptedTokens || !encryptedUsername) {
+        return;
+      }
+
+      // Расшифруйте ключ и токены
+      const decryptedKey = await decrypt(encryptedKey, password);
+      const decryptedTokens = await decrypt(encryptedTokens, password);
+      const decryptedUsername = await decrypt(encryptedUsername, password);
+
+      // Установите расшифрованный ключ и токены
+      wif.value = PrivateKey.fromString(decryptedKey);
+      tokens.value = JSON.parse(decryptedTokens);
+      username.value = decryptedUsername;
+
+      // if (NODE_ENV === 'development')
+      //   console.log('tokens: ', tokens)
+
+      // Установите hasCreditials в true
+      hasCreditials.value = true;
+      console.log('on init', tokens.value?.access.token)
+      if (tokens.value?.access.token){
+        console.log('on set tokens')
+        client.setToken(tokens.value.access.token)
+      }
+
+
+    } catch (error: any) {
+      await setToIndexedDB(COOPNAME, 'store', 'encryptedKey', '');
+      await setToIndexedDB(COOPNAME, 'store', 'encryptedUsername', '');
+      await setToIndexedDB(COOPNAME, 'store', 'encryptedTokens', '');
+      throw new Error('Ошибка авторизации. Войдите повторно.');
+    }
+  };
+
+  const setWif = async (newUsername: string, key: string) => {
+    const encryptedKey = await encrypt(key, password);
+    const encryptedUsername = await encrypt(newUsername, password);
+
+    await setToIndexedDB(COOPNAME, 'store', 'encryptedKey', encryptedKey);
+    await setToIndexedDB(
+      COOPNAME,
+      'store',
+      'encryptedUsername',
+      encryptedUsername
+    );
+
+    wif.value = PrivateKey.fromString(key);
+    username.value = newUsername;
+  };
+
+  const setTokens = async (newTokens: ITokens) => {
+    const encryptedTokens = await encrypt(JSON.stringify(newTokens), password);
+    await setToIndexedDB(COOPNAME, 'store', 'encryptedTokens', encryptedTokens);
+    tokens.value = newTokens;
+  };
+
+  const logout = async () => {
+    username.value = '';
+    wif.value = undefined;
+    hasCreditials.value = false;
+    tokens.value = undefined;
+    await setToIndexedDB(COOPNAME, 'store', 'encryptedKey', '');
+    await setToIndexedDB(COOPNAME, 'store', 'encryptedUsername', '');
+    await setToIndexedDB(COOPNAME, 'store', 'encryptedTokens', '');
+  };
+
+  const signDigest = (digest: string): IMessageSignature => {
+    if (!wif.value) throw new Error('ключ не найден');
+
+    const signed = wif.value.signDigest(digest);
+    const verified = signed.verifyDigest(digest, wif.value.toPublic());
+
+    if (!verified) throw new Error('Подпись не верифицирована');
+
+    const result: IMessageSignature = {
+      message: digest,
+      signature: signed.toString(),
+      public_key: wif.value.toPublic().toString(),
+    };
+    return result;
+  };
+
+  const hashMessage = (message: string | Uint8Array) => {
+    return hashSHA256(message);
+  };
+
+  async function transact(
+    actionOrActions: any | any[],
+    broadcast = true
+  ): Promise<TransactResult | undefined> {
+    if (Array.isArray(actionOrActions)) {
+      return await sendActions(actionOrActions, broadcast);
+    } else {
+      return await sendAction(actionOrActions, broadcast);
+    }
+  }
+  const formActionFromAbi = async (action: any) => {
+    const { abi } = (await readBlockchain?.v1.chain.get_abi(action.account)) ?? {
+      abi: undefined,
+    };
+    return Action.from(action, abi);
+  };
+
+  const sendAction = async (action: any, broadcast: boolean) => {
+    const session = useSessionStore();
+    const formedAction = await formActionFromAbi(action);
+
+    return session.session?.transact({
+      action: formedAction,
+    }, { broadcast });
+  };
+
+  const sendActions = async (actions: any[], broadcast: boolean) => {
+    const session = useSessionStore();
+    const data: Action[] = [];
+
+    for (const action of actions) {
+      const formedAction = await formActionFromAbi(action);
+      data.push(formedAction);
+    }
+
+    return session.session?.transact({
+      actions: data,
+    }, { broadcast });
+  };
+
+  return {
+    init,
+    username,
+    wif,
+    hasCreditials,
+    tokens,
+    setWif,
+    setTokens,
+    logout,
+    signDigest,
+    hashMessage,
+    transact,
+    formActionFromAbi
+  };
+});

package/src/shared/ui/AutoAvatar/AutoAvatar.vue

@@ -0,0 +1,37 @@
+<template lang="pug">
+div
+  q-img(:src="ava").bg-grey.rounded-borders
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import { createAvatar } from '@dicebear/core'
+import { rings } from '@dicebear/collection'
+
+const ava = ref('')
+
+const props = defineProps({
+  username: {
+    type: String,
+    required: true,
+  },
+})
+
+const username = computed(() => props.username)
+
+onMounted(async () => {
+  if (username.value) {
+    const avatar = createAvatar(rings, {
+      seed: username.value,
+      ringColor: ['4db6ac'],
+    })
+    const blob = new Blob([avatar.toString()], { type: 'image/svg+xml' })
+    const url = URL.createObjectURL(blob)
+
+    ava.value = url
+
+  }
+
+})
+
+</script>

package/src/shared/ui/AutoAvatar/index.ts

@@ -0,0 +1 @@
+export {default as AutoAvatar} from './AutoAvatar.vue'

package/src/shared/ui/BaseDocument/BaseDocument.vue

@@ -0,0 +1,202 @@
+<template lang="pug">
+q-card(style="word-break: break-all !important; white-space: normal !important;").q-pa-md.dynamic-padding
+  div(v-if="loading").full-width.text-center
+    div(style="margin:auto;").flex.q-pa-sm.full-width.text-center
+      q-spinner
+      span.q-ml-sm.text-grey подговка {{doc.meta.title}}
+  div(v-if="!loading")
+    div(v-html="safeHtml").description.q-pa-xs
+    div.row.q-mt-lg.q-pa-sm.justify-center
+      q-card(style="word-break: break-all !important; text-wrap: pretty;" flat).col-md-8.col-xs-12.q-pa-sm.verify-card
+        div.q-mr-lg.q-mt-md
+          q-badge(:color="doc.hash == regeneratedHash ? 'teal' : 'red'").text-center.q-pa-xs
+            q-icon(:name="doc.hash == regeneratedHash ? 'check_circle' : 'cancel'" ).q-mr-sm
+            span контрольная сумма
+          p.q-mr-lg.q-ml-lg.text-grey {{ doc.hash }}
+
+        div.q-mr-lg.q-mt-md
+          q-badge(:color="signature_verified ? 'teal' : 'red'").text-center.q-pa-xs
+            q-icon(:name="signature_verified ? 'check_circle' : 'cancel'" ).q-mr-sm
+            span цифровая подпись
+          p.q-mr-lg.q-ml-lg.text-grey {{ actionDocumentData?.document?.signature }}
+
+        div.q-mr-lg.q-mt-md
+          q-badge(:color="signature_verified ? 'teal' : 'red'").text-center.q-pa-xs
+            q-icon(:name="signature_verified ? 'check_circle' : 'cancel'" ).q-mr-sm
+            span публичный ключ
+          p.q-mr-lg.q-ml-lg.text-grey {{ actionDocumentData?.document?.public_key }}
+
+        div.text-center.q-gutter-sm
+          q-btn(size="sm" color="primary" icon="download" @click="download") скачать
+          //- q-btn(size="sm" color="primary" icon="download" @click="download2") скачать2
+
+          q-btn(size="sm" color="primary" icon="fa-solid fa-check-double" @click="regenerate" :loading="onRegenerate") сверить
+
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import { Cooperative, SovietContract } from 'cooptypes'
+import { Signature, PublicKey } from '@wharfkit/antelope';
+import { useGlobalStore } from 'src/shared/store';
+import DOMPurify from 'dompurify';
+import { DigitalDocument } from 'src/shared/lib/document';
+import { FailAlert, SuccessAlert } from 'src/shared/api';
+
+const props = defineProps({
+  action: {
+    type: Object as () => Cooperative.Blockchain.IExtendedAction,
+    required: true,
+  },
+  doc: {
+    type: Object as () => Cooperative.Document.IGeneratedDocument,
+    required: true
+  }
+})
+
+const actionDocumentData = ref(props.action.data as SovietContract.Actions.Registry.NewSubmitted.INewSubmitted)
+const doc = ref(props.doc)
+const loading = ref(false)
+const signature_verified = ref(false)
+
+const regeneratedHash = ref()
+const onRegenerate = ref(false)
+const regenerated = ref()
+
+const regenerate = async() => {
+  try {
+    onRegenerate.value = true
+
+    regenerated.value = await new DigitalDocument().generate({...doc.value.meta}, {skip_save: true})
+
+    if (regenerated.value.hash == regeneratedHash.value)
+      SuccessAlert('Сверка прошла успешно: аналогичный документ восстановлен из исходных данных')
+    else
+      FailAlert('Сверка прошла безуспешно: аналогичный документ невозможно получить из исходных данных')
+
+    onRegenerate.value = false
+  } catch(e){
+    onRegenerate.value = false
+  }
+}
+
+// Функция для декодирования и очистки HTML
+function sanitizeHtml(html: string) {
+  return DOMPurify.sanitize(html);
+}
+
+const safeHtml = computed(() => sanitizeHtml(doc.value.html));
+
+
+const hashBuffer = async () => {
+  // Декодирование из base64
+  const binaryString = window.atob(doc.value.binary.toString());
+
+  const len = binaryString.length;
+
+  const data = new Uint8Array(len);
+  for (let i = 0; i < len; i++) {
+    data[i] = binaryString.charCodeAt(i);
+  }
+
+  // Вычисление хэша из декодированных бинарных данных
+  regeneratedHash.value = (await useGlobalStore().hashMessage(data)).toUpperCase();
+}
+
+hashBuffer()
+
+
+const verifySignature = () => {
+  const public_key = PublicKey.from(actionDocumentData.value.document.public_key)
+  const signature = Signature.from(actionDocumentData.value.document.signature)
+  const hash = actionDocumentData.value.document.hash
+  signature_verified.value = signature.verifyDigest(hash, public_key)
+}
+
+verifySignature()
+
+// TODO удалить позже
+// использовали для отладки сверки. Позволяет скачать регенерированный документ после нажатия на кнопку сверки.
+// async function download2() {
+//   // Преобразование base64 строки в Blob
+//   console.log('regenerated: ', regenerated)
+//   const binaryData = new Uint8Array(Object.values(regenerated.value.binary));
+//   const blob = new Blob([binaryData], { type: 'application/pdf' });
+
+//   // Создание временной ссылки для скачивания файла
+//   const link = document.createElement('a');
+//   link.href = URL.createObjectURL(blob);
+//   link.download = regenerated.value.full_title ? regenerated.value.full_title : `${regenerated.value.meta.title} - ${regenerated.value.meta.username} - ${regenerated.value.meta.created_at}.pdf`;
+
+//   // Имитация клика по ссылке для начала скачивания
+//   document.body.appendChild(link);
+//   link.click();
+
+//   // Очистка после скачивания
+//   document.body.removeChild(link);
+//   URL.revokeObjectURL(link.href);
+// }
+
+
+async function download() {
+  // Преобразование base64 строки в Blob
+  const response = await fetch(`data:application/pdf;base64,${doc.value.binary.toString()}`);
+  const blob = await response.blob();
+
+  // Создание временной ссылки для скачивания файла
+  const link = document.createElement('a');
+  link.href = URL.createObjectURL(blob);
+  link.download = doc.value.full_title ? doc.value.full_title : `${doc.value.meta.title} - ${doc.value.meta.username} - ${doc.value.meta.created_at}.pdf`;
+
+  // Имитация клика по ссылке для начала скачивания
+  document.body.appendChild(link);
+  link.click();
+
+  // Очистка после скачивания
+  document.body.removeChild(link);
+  URL.revokeObjectURL(link.href);
+}
+
+</script>
+<style>
+.description table {
+  width: 100%;
+  /* или другая фиксированная ширина */
+  table-layout: fixed;
+}
+
+.description td {
+  word-break: break-all !important;
+  word-wrap: break-word !important;
+  white-space: normal !important;
+}
+
+.digital-document .header {
+  text-align: center;
+  word-break: break-word !important;
+}
+
+.description {
+  font-size: 14px;
+  white-space: pre-wrap;
+}
+
+.description p {
+  margin: 0 !important;
+}
+
+.verify-card {
+  font-size: 10px !important;
+}
+
+@media (min-width: 700px) {
+  .dynamic-padding {
+    padding: 50px !important;
+  }
+}
+@media (max-width: 700px) {
+  .dynamic-padding {
+    padding: 20px !important;
+  }
+}
+</style>

package/src/shared/ui/BaseDocument/index.ts

@@ -0,0 +1 @@
+export {default as BaseDocument} from './BaseDocument.vue'

package/src/shared/ui/BranchSelector/BranchSelector.vue

@@ -0,0 +1,47 @@
+<template lang="pug">
+div
+  q-select(
+    label="Кооперативный участок"
+    v-model="selectedBranch"
+    :options="branches"
+    option-value="braname"
+    option-label="full_name"
+    emit-value
+    standout="bg-teal text-white"
+    map-options
+    @update:model-value="$emit('update:selectedBranch', $event)"
+  )
+    template(v-slot:option="scope")
+      q-item(v-bind="scope.itemProps")
+        q-item-section
+          q-item-label(style="font-weight: bold;") {{ scope.opt.full_name }}
+          q-item-label(caption) {{ scope.opt.full_address }}
+
+    template(v-slot:selected-item="scope")
+      q-avatar(text-color="black" icon="home" size="md")
+      q-item-section.q-mt-sm
+        q-item-label(style="font-weight: bold;") {{ scope.opt.full_name }}
+        q-item-label() {{ scope.opt.full_address }}
+  </template>
+
+  <script lang="ts" setup>
+  import { type IPublicBranch } from 'src/entities/Branch/model';
+  import { ref, defineProps, watch } from 'vue'
+
+  const props = defineProps({
+    branches: {
+      type: Object as () => IPublicBranch[],
+      required: true,
+    },
+    modelValue: {
+      type: String,
+      required: false,
+    },
+  })
+
+  const selectedBranch = ref(props.modelValue)
+
+  watch(() => props.modelValue, (newVal) => {
+    selectedBranch.value = newVal
+  })
+  </script>

package/src/shared/ui/BranchSelector/index.ts

@@ -0,0 +1 @@
+export { default as BranchSelector } from './BranchSelector.vue'

package/src/shared/ui/ComplexDocument/ComplexDocument.vue

@@ -0,0 +1,25 @@
+<template lang="pug">
+.row.justify-center
+  div.documents-gap.col-md-8.col-xs-12
+    BaseDocument(:doc="complexDocument.statement.document" :action="complexDocument.statement.action")
+    BaseDocument(v-if="complexDocument.decision && complexDocument.decision.document" :doc="complexDocument.decision.document" :action="complexDocument.decision.action")
+
+    BaseDocument(v-for="doc in complexDocument.links" v-bind:key="doc.hash" :doc="doc" :action="complexDocument.statement.action")
+
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { BaseDocument } from '../BaseDocument';
+import { Cooperative } from 'cooptypes'
+
+const props = defineProps({
+  documents: {
+    type: Object as () => Cooperative.Document.IComplexDocument,
+    required: true
+  },
+})
+
+const complexDocument = computed(() => props.documents)
+
+</script>

package/src/shared/ui/ComplexDocument/index.ts

@@ -0,0 +1 @@
+export {default as ComplexDocument} from './ComplexDocument.vue'

package/src/shared/ui/DocumentHtmlReader/DocumentHtmlReader.vue

@@ -0,0 +1,57 @@
+<template lang="pug">
+div(v-html="safeHtml").statement
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import DOMPurify from 'dompurify';
+
+const props = defineProps({
+  html: {
+    type: String,
+    required: true
+  }
+})
+
+// Функция для декодирования и очистки HTML
+function sanitizeHtml(html: string) {
+  return DOMPurify.sanitize(html);
+}
+
+const safeHtml = computed(() => sanitizeHtml(props.html));
+
+</script>
+
+<style>
+.digital-document {
+  padding: 0px !important;
+}
+
+.statement h1 {
+  font-weight: 700 !important;
+  line-height: 4.5rem !important;
+  font-size: 3rem !important;
+}
+
+@media (max-width: 600px) {
+  .statement h1 {
+    font-size: 1.5rem !important;
+    line-height: 2rem !important;
+  }
+}
+
+.statement h3 {
+  font-size: 2rem !important;
+  font-weight: 400 !important;
+  line-height: 2rem !important;
+  letter-spacing: normal !important;
+}
+
+@media (max-width: 600px) {
+  .statement h3 {
+    font-size: 1rem !important;
+    line-height: 1.5rem !important;
+    /* Добавить или изменить другие стили по мере необходимости */
+  }
+}
+</style>

package/src/shared/ui/DocumentHtmlReader/index.ts

@@ -0,0 +1 @@
+export {default as DocumentHtmlReader} from './DocumentHtmlReader.vue'

package/src/shared/ui/EditableActions/EditableActions.vue

@@ -0,0 +1,34 @@
+<template lang="pug">
+  div.q-gutter-sm
+    q-btn(
+      :disabled="isDisabled"
+      size="sm"
+      v-if="isEditing"
+      @click="$emit('save')"
+      color="primary"
+      label="Сохранить"
+    )
+    q-btn(
+      size="sm"
+      flat
+      v-if="isEditing"
+      @click="$emit('cancel')"
+      color="negative"
+      label="Отменить"
+    )
+  </template>
+
+  <script lang="ts" setup>
+  defineProps({
+    isEditing: {
+      type: Boolean,
+      required: true
+    },
+    isDisabled: {
+      type: Boolean,
+      required: false,
+    }
+  });
+
+  defineEmits(['save', 'cancel']);
+  </script>

package/src/shared/ui/EditableActions/index.ts

@@ -0,0 +1 @@
+export {default as EditableActions} from './EditableActions.vue'

package/src/shared/ui/Footer/Contacts.vue

@@ -0,0 +1,24 @@
+<template lang='pug'>
+div.contact-footer.q-pa-xs.text-grey-7.text-center {{ text }}
+</template>
+
+<script setup lang='ts'>
+import { computed } from 'vue';
+
+const props = defineProps({
+  text: {
+    type: String,
+    required: false,
+    default: ''
+  }
+});
+
+const text = computed(() => props.text)
+
+</script>
+
+<style>
+.contact-footer {
+  font-size: 12px !important;
+}
+</style>

package/src/shared/ui/Footer/index.ts

@@ -0,0 +1 @@
+export {default as ContactsFooter} from './Contacts.vue'

package/src/shared/ui/Form/Form.vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+const emit = defineEmits(['cancel'])
+interface IFormProps {
+  handlerSubmit: (e?: Event) => Promise<void>
+  isSubmitting?: boolean
+  showSubmit?: boolean
+  showCancel?: boolean
+  buttonSubmitTxt?: string
+  buttonCancelTxt?: string
+}
+
+withDefaults(defineProps<IFormProps>(), {
+  isSubmitting: false,
+  showCancel: true,
+  showSubmit: true,
+  buttonSubmitTxt: 'Продолжить',
+  buttonCancelTxt: 'Отменить',
+})
+
+const cancel = (): void => {
+  emit('cancel')
+}
+</script>
+
+<template lang="pug">
+q-form(@submit.prevent="handlerSubmit")
+  template(#default)
+    slot
+    div.flex
+      q-btn(v-if="showCancel" flat @click="cancel" size="sm") {{ buttonCancelTxt }}
+      q-btn(v-if="showSubmit" size="sm" type="submit" :loading="isSubmitting" color="primary") {{ buttonSubmitTxt }}
+
+</template>

package/src/shared/ui/Form/index.ts

@@ -0,0 +1 @@
+export { default as Form } from './Form.vue'