saby-customizer 0.0.0-pre.29 → 0.0.0-pre.30

package/features/doc-copy-link.js

@@ -0,0 +1,17 @@
+import { toolbar } from 'saby-customizer/lib.js'
+import { octicons } from 'saby-customizer/octicons.js'
+import { GitBranchCardData } from 'saby-customizer/features/git-branch.js'
+
+
+toolbar.addButton({
+  position: 'top',
+  title: 'Скопировать ссылку на карточку',
+  iconSVG: octicons.link.toSVG({ width: 18 }),
+  onclick: card => {
+    const gitCard = new GitBranchCardData(card.data)
+
+    gitCard.restoreFromHistory()
+      .then(() => gitCard.copyLink())
+      .catch(console.error)
+  }
+})

package/features/git-branch.js

@@ -4,7 +4,7 @@ import { octicons } from 'saby-customizer/octicons.js'
 
 
 /** Класс для управления данными карточки задачи */
-class GitBranchCardData {
+export class GitBranchCardData {
 
   /**
    * @typedef GitCardData
@@ -595,12 +595,12 @@ toolbar.addButton({
   position: 'top',
   filter: { names: ['Ошибка', 'Задача'] },
   title: 'Скопировать имя ветки для Git',
-  iconSVG: octicons['git-branch'].toSVG({ width: 24 }),
+  iconSVG: octicons['git-branch'].toSVG({ width: 18 }),
   onclick: card => {
     const gitCard = new GitBranchCardData(card.data)
 
     gitCard.restoreFromHistory()
-      .then(() => gitCard.copyBranchName().catch(console.error))
+      .then(() => gitCard.copyBranchName())
       .catch(console.error)
   }
 })
@@ -608,12 +608,12 @@ toolbar.addButton({
   position: 'top',
   filter: { names: ['Ошибка', 'Задача'] },
   title: 'Скопировать описание для Git коммита',
-  iconSVG: octicons['git-commit'].toSVG({ width: 24 }),
+  iconSVG: octicons['git-commit'].toSVG({ width: 18 }),
   onclick: card => {
     const gitCard = new GitBranchCardData(card.data)
 
     gitCard.restoreFromHistory()
-      .then(() => gitCard.copyDescription().catch(console.error))
+      .then(() => gitCard.copyDescription())
       .catch(console.error)
   }
 })

package/lib/saby-lib/toolbar.js

@@ -23,10 +23,10 @@ class ToolbarContainer extends oom.extends(HTMLElement, optionsDefaults) {
       marginBottom: '6px'
     },
     'saby-customizer-toolbar.top': {
-      marginRight: '8px'
+      marginLeft: '16px'
     },
     '.button': {
-      padding: '4px',
+      padding: '2px',
       color: 'var(--secondary_icon-color)',
       fill: 'var(--secondary_icon-color)',
       cursor: 'pointer',
@@ -42,7 +42,10 @@ class ToolbarContainer extends oom.extends(HTMLElement, optionsDefaults) {
     'saby-customizer-toolbar.top .button': {
       height: '20px',
       width: '20px',
-      marginRight: '4px'
+      marginRight: '8px'
+    },
+    'saby-customizer-toolbar.top .button:last-child': {
+      marginRight: '0'
     },
     '.button:hover': {
       color: 'var(--link_hover_text-color)',
@@ -117,7 +120,7 @@ class ToolbarContainer extends oom.extends(HTMLElement, optionsDefaults) {
 
     if (popupContainer) {
       this.observer = new MutationObserver(() => this.addTaskPanelContainer())
-      this.observer.observe(popupContainer, { childList: true })
+      this.observer.observe(popupContainer, { childList: true, subtree: true })
     }
   }
 
@@ -139,7 +142,13 @@ class ToolbarContainer extends oom.extends(HTMLElement, optionsDefaults) {
         }
       }
       if (topPanel) {
-        const topSidebar = topPanel.querySelector('saby-customizer-toolbar')
+        /** @type {ToolbarContainer} */
+        let topSidebar = topPanel.querySelector('saby-customizer-toolbar')
+
+        if (topSidebar && topSidebar.options?.card.data.number !== card.data.number) {
+          topSidebar.remove()
+          topSidebar = null
+        }
 
         if (!topSidebar) {
           topPanel.prepend(new ToolbarContainer({ card, position: 'top' }))

package/package.json

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

package/userscript.js

@@ -16,7 +16,8 @@ import { oom } from '@notml/core'
   // Библиотеки компонентов плагина
   // TODO: Перевести на опциональную загрузку
   // await import('./lib/dashboard.js')
-  await import('./features/git-branch.js')
+  await import('saby-customizer/features/doc-copy-link.js')
+  await import('saby-customizer/features/git-branch.js')
 
   // @font-face doesn't work with Shadow DOM https://github.com/mdn/interactive-examples/issues/887
   // https://wiki.csswg.org/spec/css-scoping