saby-customizer 0.0.2 → 0.0.4

package/features/doc-copy-link.js

@@ -5,8 +5,9 @@ import { GitBranchCardData } from 'saby-customizer/features/git-branch.js'
 
 toolbar.addButton({
   position: 'top',
-  title: 'Скопировать ссылку на карточку',
+  title: 'Скопировать ссылку на карточку (Alt+L)',
   iconSVG: octicons.link.toSVG({ width: 18 }),
+  keysMapping: 'alt-KeyL',
   onclick: card => {
     const gitCard = new GitBranchCardData(card.data)
 

package/features/git-branch.js

@@ -51,7 +51,6 @@ export class GitBranchCardData {
 
   /**
    * Обновление выбранной версии и обновление карточки задачи
-   *
    * @param {string} value Версия
    */
   set version(value) {
@@ -70,7 +69,6 @@ export class GitBranchCardData {
 
   /**
    * Обновление доп. имени ветки и обновление карточки задачи
-   *
    * @param {string} value Доп. имя ветки
    */
   set branchSubName(value) {
@@ -84,7 +82,6 @@ export class GitBranchCardData {
 
   /**
    * Обновление краткого описания и карточки задачи
-   *
    * @param {string} value Доп. имя ветки
    */
   set description(value) {
@@ -103,7 +100,6 @@ export class GitBranchCardData {
 
   /**
    * Получение имени ветки с учетом выбора вехи и доп. имени ветки
-   *
    * @returns {Promise<string>} Имя ветки
    */
   async getBranchName() {
@@ -142,7 +138,6 @@ export class GitBranchCardData {
     if (this.milestones.length) {
       await this.saveToHistory()
     }
-
   }
 
   /** Сохраняет данные в историю по карточкам для которых копировали имя ветки или описание */
@@ -187,7 +182,6 @@ export class GitBranchCardData {
 
   /**
    * Удаление карточки задачи из истории
-   *
    * @param {number} primaryKey Ид записи в истории
    */
   async removeFromHistory(primaryKey) {
@@ -407,7 +401,6 @@ class GitBranchCard extends oom.extends(HTMLElement) {
 
   /**
    * Обновление выбранной версии и обновление карточки задачи
-   *
    * @param {string} value Версия
    */
   set version(value) {
@@ -426,7 +419,6 @@ class GitBranchCard extends oom.extends(HTMLElement) {
 
   /**
    * Обновление доп. имени ветки и обновление карточки задачи
-   *
    * @param {string} value Доп. имя ветки
    */
   set branchSubName(value) {
@@ -444,7 +436,6 @@ class GitBranchCard extends oom.extends(HTMLElement) {
 
   /**
    * Обновление краткого описания и карточки задачи
-   *
    * @param {string} value Доп. имя ветки
    */
   set description(value) {
@@ -534,7 +525,6 @@ class GitBranchCard extends oom.extends(HTMLElement) {
 
   /**
    * Обработчик выбора версии из меню
-   *
    * @param {number} index Выбранная в меню позиция
    */
   selectedVersion(index) {
@@ -787,24 +777,24 @@ class GitBranchCardList extends oom.extends(HTMLElement) {
 
 oom.define(GitBranchCard, GitBranchCardList)
 
-keysMapping['alt-KeyB'] = () => PopupDialog.toggle({
-  key: 'git-branch-dialog',
-  title: 'Ветки для Git',
-  Element: GitBranchCardList
-})
-
 toolbar.addButton({
   position: 'right',
-  title: 'Ветки для Git',
+  title: 'История веток для Git (Alt+H)',
   iconSVG: octicons['git-branch'].toSVG({ width: 24 }),
-  onclick: keysMapping['alt-KeyB']
+  keysMapping: 'alt-KeyH',
+  onclick: () => PopupDialog.toggle({
+    key: 'git-branch-dialog',
+    title: 'Ветки для Git',
+    Element: GitBranchCardList
+  })
 })
 
 toolbar.addButton({
   position: 'top',
   filter: { names: ['Ошибка', 'Задача', 'ЗадачаДок'] },
-  title: 'Скопировать имя ветки для Git',
+  title: 'Скопировать имя ветки для Git (Alt+B)',
   iconSVG: octicons['git-branch'].toSVG({ width: 18 }),
+  keysMapping: 'alt-KeyB',
   onclick: card => {
     const gitCard = new GitBranchCardData(card.data)
 
@@ -816,8 +806,9 @@ toolbar.addButton({
 toolbar.addButton({
   position: 'top',
   filter: { names: ['Ошибка', 'Задача', 'ЗадачаДок'] },
-  title: 'Скопировать описание для Git коммита',
+  title: 'Скопировать описание для Git коммита (Alt+O)',
   iconSVG: octicons['git-commit'].toSVG({ width: 18 }),
+  keysMapping: 'alt-KeyO',
   onclick: card => {
     const gitCard = new GitBranchCardData(card.data)
 
@@ -829,8 +820,9 @@ toolbar.addButton({
 toolbar.addButton({
   position: 'top',
   filter: { names: ['Merge request'] },
-  title: 'Открыть ветки для Review кода',
+  title: 'Открыть ветки для Review кода (Alt+R)',
   iconSVG: octicons.codescan.toSVG({ width: 18 }),
+  keysMapping: 'alt-KeyR',
   onclick: card => {
     const links = []
     const view = card.element.querySelector('.fed2-DocumentPrint__content-view')?.shadowRoot

package/lib/saby-lib/toolbar.js

@@ -1,5 +1,6 @@
 import { oom } from '@notml/core'
 import { getListOfOpenCards } from './edo.js'
+import { keysMapping } from 'saby-customizer/lib.js'
 
 const { MutationObserver } = window
 /**
@@ -68,6 +69,7 @@ class ToolbarContainer extends oom.extends(HTMLElement, optionsDefaults) {
    * @property {ButtonOptionsFilter} [filter] Фильтры отображения кнопок
    * @property {string} title Всплывающая подсказка на кнопке
    * @property {string} iconSVG Верстка иконки в формате SVG
+   * @property {string} [keysMapping] Горячие клавиши для вызова обработчика на onclick
    * @property {Function} onclick Обработчик клика на иконку
    */
   /** @type {ButtonOptions[]} */
@@ -84,13 +86,23 @@ class ToolbarContainer extends oom.extends(HTMLElement, optionsDefaults) {
 
   /**
    * Регистрирует новую общую кнопку в панели сайта
-   *
    * @param {ButtonOptions} options Опции кнопки
    */
   static addButton(options) {
     options = Object.assign({ position: 'right' }, options)
     this.buttons.push(options)
 
+    if (options.keysMapping) {
+      keysMapping[options.keysMapping] = () => {
+        const container = Array.from(this.containers).pop()
+        const [card] = container.options.card
+          ? getListOfOpenCards({ id: container.options.card.data.id })
+          : [null]
+
+        if (card) options.onclick(card)
+      }
+    }
+
     this.containers.forEach(container => container.addButton(options))
 
     if (!ToolbarContainer.globalContainer) {
@@ -104,7 +116,6 @@ class ToolbarContainer extends oom.extends(HTMLElement, optionsDefaults) {
 
   /**
    * Добавляет в вертску сайта глобальный контейнер в панели для добавления кнопок
-   *
    * @param {{searchCount:number}} options Опции регистарции обработчиков
    */
   static addGlobalContainer({ searchCount } = { searchCount: 0 }) {
@@ -130,7 +141,6 @@ class ToolbarContainer extends oom.extends(HTMLElement, optionsDefaults) {
 
   /**
    * Регистрирует обработчик для поиска открытых задач и добавления в них панели
-   *
    * @param {{searchCount:number}} options Опции регистарции обработчиков
    */
   static registerTaskPanelWatcher({ searchCount } = { searchCount: 0 }) {
@@ -226,7 +236,6 @@ class ToolbarContainer extends oom.extends(HTMLElement, optionsDefaults) {
 
   /**
    * Добавляет новую общую кнопку в текущий контейнер панели
-   *
    * @param {ButtonOptions} options Опции кнопки
    */
   addButton(options) {
@@ -241,16 +250,13 @@ class ToolbarContainer extends oom.extends(HTMLElement, optionsDefaults) {
     }
 
     if (match) {
+      const [card] = this.options.card
+        ? getListOfOpenCards({ id: this.options.card.data.id })
+        : [null]
       const button = oom.div({
         class: 'button',
         title: options.title,
-        onclick: () => {
-          const [card] = this.options.card
-            ? getListOfOpenCards({ id: this.options.card.data.id })
-            : [null]
-
-          options.onclick(card)
-        }
+        onclick: () => options.onclick(card)
       })
 
       if (options.iconSVG) {
@@ -268,5 +274,5 @@ oom.define(ToolbarContainer)
 
 
 export const toolbar = {
-  addButton: (options) => ToolbarContainer.addButton(options)
+  addButton: (/** @type {ButtonOptions} */ options) => ToolbarContainer.addButton(options)
 }

package/package.json

@@ -9,7 +9,7 @@
   },
   "repository": "github:saby-customizer/saby-customizer.github.io",
   "license": "Unlicense",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "main": "./userscript.js",
   "exports": {