saby-customizer 0.0.0-pre.7 → 0.0.0

package/lib/context.js

@@ -0,0 +1,43 @@
+import { sabyRPC } from 'saby-customizer/lib.js'
+
+const handlers = {}
+/** @type {any} */
+const origin = {
+  register: (name, handler) => {
+    handlers[name] = handler
+  }
+}
+
+
+export const context = new Proxy(origin, {
+  get: (target, name) => {
+    if (name in target) {
+      return target[name]
+    }
+    if (name in handlers) {
+      return handlers[name](target, name)
+    }
+  }
+})
+
+
+/** Получение сведений о текущем пользователе */
+/**
+ *
+ * @param {object} target Общий объект с данными
+ * @param {string} name Имя получаемого параметра
+ * @returns {Promise<any>} Значение параметра, определяется реализацией
+ */
+async function userInfo(target, name) {
+  const result = (await sabyRPC.call({
+    service: 'auth',
+    method: 'САП.ТекущийПользователь'
+  })).getRow()
+
+  target.userLogin = result.get('ЛогинПользователя')
+
+  return target[name]
+}
+
+
+context.register('userLogin', userInfo)

package/lib/database.js

@@ -3,7 +3,10 @@ import { Dexie } from 'dexie'
 const db = new Dexie('saby-customizer-database')
 
 
-db.version(1).stores({ settings: '&key' })
+db.version(2).stores({
+  settings: '&key',
+  gitBranchHistory: '++pk, &[id+branch], version, useDate'
+})
 
 
 export { db }

package/lib/layout.js

@@ -2,34 +2,89 @@ import { oom } from '@notml/core'
 
 
 /** Подложка в теневым DOM для размещения в ней элементов плагина, для изоляции их от основной верстки */
-oom.define(class SabyCustomizerLayout extends oom.extends(HTMLElement) {
+class SabyCustomizerLayout extends oom.extends(HTMLElement) {
 
   static tagName = 'saby-customizer-layout'
   static attachShadow = true
 
-  template = oom().head(oom
+  externalCSS = oom.link({ rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/npm/@material/card/dist/mdc.card.min.css' }).dom
+
+  main = oom.section().dom
+
+  inner = oom.section(...this.options.inner).dom
+
+  template = () => {
+    // Атрибуты для игнорирования контейнера платформой wasaby
+    this.setAttribute('data-vdomignore', 'true')
+    this.setAttribute('contenteditable', 'true')
     // Предзагрузка стилей material внутри теневого DOM
-    .link({ rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Roboto&display=swap' })
-    .link({ rel: 'stylesheet', href: 'https://fonts.googleapis.com/icon?family=Material+Icons' })
-    // https://material.io/resources/color/
-    .style({
-      ':host': {
-        '--mdc-theme-primary': '#0d47a1',
-        '--mdc-theme-secondary': '#0d47a1',
-        '--mdc-theme-background': '#e1e1e1',
-        '--mdc-theme-surface': '#fff',
-        '--mdc-theme-on-primary': '#fff',
-        '--mdc-theme-on-secondary': '#fff',
-        '--mdc-theme-on-surface': '#000'
-      }
-    }))
+    this.style.display = 'none'
+    this.externalCSS.onload = () => { this.style.display = '' }
+
+    return oom()(oom.head(this.externalCSS, oom
+      .link({ rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Roboto&display=swap' })
+      .link({ rel: 'stylesheet', href: 'https://fonts.googleapis.com/icon?family=Material+Icons' })
+      // https://material.io/resources/color/
+      .style({
+        ':host': {
+          '--mdc-theme-primary': '#0d47a1',
+          '--mdc-theme-secondary': '#0d47a1',
+          '--mdc-theme-background': '#e1e1e1',
+          '--mdc-theme-surface': '#fff',
+          '--mdc-theme-on-primary': '#fff',
+          '--mdc-theme-on-secondary': '#fff',
+          '--mdc-theme-on-surface': '#000'
+        }
+      })), this.main, this.inner)
+  }
+
+}
+
+oom.define(SabyCustomizerLayout)
+
+
+/** Элемент со всплывающими сообщениями */
+class SabyCustomizerSnackbar extends oom.extends(HTMLElement) {
+
+  static tagName = 'saby-customizer-snackbar'
+
+  snackbar = oom.mwcSnackbar({ timeoutms: '4000', leading: true })
+
+  template = this.snackbar
+
+  /**
+   * @param {string} text Текст отображаемый в всплывашке
+   */
+  show(text) {
+    /** @type {import('@material/mwc-snackbar').Snackbar} */// @ts-ignore
+    const mwcSnackbar = this.snackbar.dom
+    /** @type {HTMLElement} */
+    const mwcSnackbarInner = mwcSnackbar.shadowRoot.querySelector('.mdc-snackbar')
+
+    this.snackbar({ labeltext: text })
+    mwcSnackbarInner.style.zIndex = '10000'
+    mwcSnackbarInner.style.justifyContent = 'flex-end'
+    mwcSnackbarInner.style.whiteSpace = 'pre-line'
+    mwcSnackbar.show()
+  }
+
+}
+
+oom.define(SabyCustomizerSnackbar)
 
-})
 
+const snackbar = new SabyCustomizerSnackbar()
+const layoutElement = new SabyCustomizerLayout({ inner: [snackbar] })
 
-const layoutElement = oom.sabyCustomizerLayout({ id: 'saby-customizer-layout' })
 
-oom(document.documentElement, layoutElement)
+oom(document.documentElement, oom(layoutElement, { id: 'saby-customizer-layout' }))
+layoutElement.main.onclick = () => {
+  layoutElement.main.querySelectorAll('mwc-menu[open]')
+    .forEach((/** @type {import('@material/mwc-menu').Menu} */menu) => menu.close())
+}
 
 
-export const layout = layoutElement.dom.shadowRoot
+export const layout = layoutElement.main
+export {
+  snackbar
+}

package/lib/popup-dialog.js

@@ -19,6 +19,25 @@ let lastDialog = null
 /** Компонент всплывающего диалога */
 export class PopupDialog extends oom.extends(HTMLElement, PopupDialogDefaults) {
 
+
+  /**
+   * Переключает открытый диалог с учетом уникального ключа диалога.
+   * Открывает с закрытием другого диалога, или скрывает если открыт тот же диалог
+   *
+   * @param {PopupDialogOptions} options Опции PopupDialog
+   */
+  static toggle(options) {
+    const exists = lastDialog && lastDialog.key === options.key
+
+    if (lastDialog) {
+      // Открытый диалог может быть только один
+      lastDialog.close()
+    }
+    if (!exists) {
+      oom(layout, new PopupDialog(options))
+    }
+  }
+
   static tagName = 'sc-popup-dialog'
   // static className = 'mdc-dialog'
   static style = oom.style({
@@ -27,7 +46,9 @@ export class PopupDialog extends oom.extends(HTMLElement, PopupDialogDefaults) {
     },
     'mwc-dialog': {
       '--mdc-dialog-z-index': '10000',
-      '--mdc-dialog-max-width': '600px'
+      '--mdc-dialog-max-width': '700px',
+      '--mdc-dialog-min-width': '500px',
+      '--mdc-dialog-max-height': '700px'
     },
     'header': {
       margin: '-20px -24px 0px -24px',
@@ -41,30 +62,42 @@ export class PopupDialog extends oom.extends(HTMLElement, PopupDialogDefaults) {
       overflow: 'hidden'
     },
     'main': {
-      margin: '0px -24px -20px -24px'
+      display: 'flex',
+      flexDirection: 'column',
+      margin: '0px -24px -20px -24px',
+      overflow: 'auto',
+      maxHeight: 'calc(var(--mdc-dialog-max-height) - 52px)'
     }
   })
 
+  // Фиксированный минимальный размер диалога по содержимому
+  contentMinWidth = 0
+  contentMinHeight = 0
+
   key = this.options.key
   content = typeof this.options.Element === 'string' ? this.options.Element : new this.options.Element()
+  main = oom.main(this.content)
+  header = oom.header(oom
+    .span(this.options.title)
+    .mwcIconButton({ icon: 'close', onclick: () => this.close() }))
 
   template = async () => {
     // Открытый диалог может быть только один
     this.id = 'sc-popup-dialog'
     /** @type {import('@material/mwc-dialog').Dialog} */// @ts-ignore
     this.dialog = oom
-      .mwcDialog({ hideActions: true }, oom
-        .header(oom
-          .span(this.options.title)
-          .mwcIconButton({ icon: 'close', onclick: () => this.close() }))
-        .main(this.content))
+      .mwcDialog({ hideactions: true }, this.header, this.main)
       .dom
 
     oom(this, this.dialog)
 
-    this.dialog.addEventListener('closed', () => this.closed())
+    this.dialog.addEventListener('closed', event => this.closed(event))
 
     await this.open()
+
+    this.fixMinimumSize()
+    this.observer = new MutationObserver(() => this.fixMinimumSize())
+    this.observer.observe(this, { childList: true, subtree: true })
   }
 
   /** Функция открытия диалога с асинхронной задержкой, что бы успело построиться дерево компонента */
@@ -81,31 +114,36 @@ export class PopupDialog extends oom.extends(HTMLElement, PopupDialogDefaults) {
     }
   }
 
-  /** Обработчик завершения закрытия одиалога */
-  closed() {
-    this.dialog = lastDialog = null
-    this.remove()
+  /**
+   * Обработчик завершения закрытия одиалога
+   *
+   * @param {Event} event Событие о закрытии
+   */
+  closed({ target }) {
+    if (target === this.dialog) {
+      this.dialog = lastDialog = null
+      this.remove()
+    }
+  }
+
+  /** Фиксирует минимальный размер диалога по содержимому, чтобы избежать дальнейших скачков размера окна */
+  fixMinimumSize() {
+    const width = Math.max(this.contentMinWidth, this.main.dom.clientWidth)
+    const height = Math.max(this.contentMinHeight, this.main.dom.clientHeight)
+
+    if (this.contentMinWidth !== width || this.contentMinHeight !== height) {
+      this.contentMinWidth = width
+      this.contentMinHeight = height
+
+      this.main({
+        style: {
+          minWidth: `${this.contentMinWidth}px`,
+          minHeight: `${this.contentMinHeight}px`
+        }
+      })
+    }
   }
 
 }
 
 oom.define(PopupDialog)
-
-
-/**
- * Переключает открытый диалог с учетом уникального ключа диалога.
- * Открывает с закрытием другого диалога, или скрывает если открыт тот же диалог
- *
- * @param {PopupDialogOptions} options Опции PopupDialog
- */
-export function toggleDialog(options) {
-  const exists = lastDialog && lastDialog.key === options.key
-
-  if (lastDialog) {
-    // Открытый диалог может быть только один
-    lastDialog.close()
-  }
-  if (!exists) {
-    oom(layout, new PopupDialog(options))
-  }
-}

package/{saby-lib → lib/saby-lib}/cloud-statistic.js

@@ -1,2 +1,3 @@
 // Собрать стату по использованию фич кастомайзера
 // https://online.sbis.ru/news/4a005fd5-c99b-4e8d-a78b-eeb67b78d892
+// https://git.sbis.ru/contragents/online/-/blob/rc-22.1200/client/ContractorCommon/_statisticCollection/Helper.ts

package/{saby-lib → lib/saby-lib}/edo.js

@@ -68,44 +68,86 @@ function parseRichEditorJSON(json) {
 
 /**
  * @typedef CardData Данные карточки документа
+ * @property {string} id Идентификатор документа
  * @property {string} number Номер документа
+ * @property {string} date Дата создания документа
+ * @property {string} name Название регламента Задача/Ошибка и т.д.
+ * @property {string} uuid UUID документа (для открытия ссылки)
+ * @property {string} url Ссылка на документ в отдельной вкладке
+ * @property {string} author Автор документа
+ * @property {string[]} milestones Список доступных вех (версий)
+ * @property {string} version Ближайшая версия
+ * @property {string} description Краткий текст описания задачи
+ */
+/**
+ * @typedef Card Экземпляр карточки документа
+ * @property {HTMLElement} element DOM элемент карточки
+ * @property {CardData} data Данные карточки
  */
 /**
  * @typedef OpenCardsFilter Фильтры для выборки документов
  * @property {Array<string>} [names] Фильтр по названию документа
+ * @property {string} [id] Идентификатор документа
  * @property {boolean} [hasVersion] Документ включен хотя бы в 1 веху
+ * @property {boolean} [duplicates] Показать/скрыть из ответа документы которые открыты дважды
+ */
+/**
+ * @typedef ReactWasabyControl filter
+ * @property {{record:{get:(name:string)=>any}}} props Опции компонента
+ */
+/**
+ * @typedef WasabyControl Реализация компонентов платформы Wasaby в в составе DOM элемента
+ * @property {HTMLElement} element Ссылка на DOM элемент
+ * @property {{record:{get:(name:string)=>any}}} options Опции компонента
+ * @property {ReactWasabyControl} control Доп. вложенность контрола, для реализации на React
  */
 /**
  * Собирает из верстки страницы список открытых в данный момент карточек документов ЭДО
  *
  * @param {OpenCardsFilter} [filter] Параметры фильтрации документов
- * @returns {Array<{element:HTMLElement, data:CardData}>} Список открытых карточке документов
+ * @returns {Array<Card>} Список открытых карточке документов
  */
 export function getListOfOpenCards(filter = {}) {
   const cardNodes = document.querySelectorAll('.edo3-Dialog')
   const cards = []
+  const exists = []
 
   for (const cardNode of Array.from(cardNodes)) {
     // @ts-ignore
     const { controlNodes } = cardNode
 
     if (controlNodes) {
-      /** @type {{element:HTMLElement,options:{record:{get:(name:string)=>any}}}} */
+      /** @type {WasabyControl} */
       const control = controlNodes.at()
       const { element } = control
-      const record = control?.options?.record
+      const record = control.options?.record || control.control?.props?.record
       const data = record && {
+        id: record.get('@Документ'),
         number: record.get('Номер'),
         date: getStrDate(record.get('Дата')),
         name: record.get('РП.Документ').get('Регламент').get('Название'),
         uuid: record.get('РП.Документ').get('ИдентификаторПереписки'),
+        url: '',
         author: record.get('ЛицоСоздал.Название') || record.get('Сотрудник.Название'),
         milestones: [],
-        version: 'dev'
+        version: `${(new Date().getFullYear() + '').slice(-2)}.0000`,
+        description: ''
       }
 
-      if (data) {
-        const milestonesRS = record.get('РП.ВехаДокумента')
+      if (!data) {
+        continue
+      }
+
+      if (filter.id && filter.id !== data.id) {
+        continue
+      }
+
+      if (data && (filter.duplicates || !exists.includes(data.id))) {
+        const milestonesRS = record.get('РП.ВехаДокумента') || []
+
+        if (!filter.duplicates) {
+          exists.push(data.id)
+        }
 
         data.name = replaceDocTypeName[data.name] || data.name
         if (filter.names) {
@@ -152,7 +194,7 @@ export function getListOfOpenCards(filter = {}) {
           data.description = 'Описание задачи не заполнено'
         }
 
-        cards.push({ element, data })
+        cards.unshift({ element, data })
       }
     }
   }

package/lib/saby-lib/rpc.js

@@ -0,0 +1,19 @@
+/* global requirejs */
+export const sabyRPC = {
+  call: options => new Promise((resolve, reject) => {
+    requirejs(['Types/source'], ({ SbisService }) => {
+      const service = options.service ? ('/' + options.service) : ''
+      const method = options.method.split('.')
+      const params = options.params || {}
+      /** @type {Promise} */
+      const result = new SbisService({
+        endpoint: {
+          address: service + '/service/',
+          contract: method[0]
+        }
+      }).call(method[1], params)
+
+      result.then(resolve).catch(reject)
+    })
+  })
+}