Refactor core sidebar tab registration (#1158)

* Refactor sidebar tab register

* Register core tabs

src/hooks/sidebarTabs/modelLibrarySidebarTab.ts

@@ -0,0 +1,16 @@
+import { markRaw } from 'vue'
+import { useI18n } from 'vue-i18n'
+import ModelLibrarySidebarTab from '@/components/sidebar/tabs/ModelLibrarySidebarTab.vue'
+import type { SidebarTabExtension } from '@/types/extensionTypes'
+
+export const useModelLibrarySidebarTab = (): SidebarTabExtension => {
+  const { t } = useI18n()
+  return {
+    id: 'model-library',
+    icon: 'pi pi-box',
+    title: t('sideToolbar.modelLibrary'),
+    tooltip: t('sideToolbar.modelLibrary'),
+    component: markRaw(ModelLibrarySidebarTab),
+    type: 'vue'
+  }
+}

src/hooks/sidebarTabs/nodeLibrarySidebarTab.ts

@@ -0,0 +1,16 @@
+import { markRaw } from 'vue'
+import { useI18n } from 'vue-i18n'
+import NodeLibrarySidebarTab from '@/components/sidebar/tabs/NodeLibrarySidebarTab.vue'
+import type { SidebarTabExtension } from '@/types/extensionTypes'
+
+export const useNodeLibrarySidebarTab = (): SidebarTabExtension => {
+  const { t } = useI18n()
+  return {
+    id: 'node-library',
+    icon: 'pi pi-book',
+    title: t('sideToolbar.nodeLibrary'),
+    tooltip: t('sideToolbar.nodeLibrary'),
+    component: markRaw(NodeLibrarySidebarTab),
+    type: 'vue'
+  }
+}

src/hooks/sidebarTabs/queueSidebarTab.ts

@@ -0,0 +1,22 @@
+import { useQueuePendingTaskCountStore } from '@/stores/queueStore'
+import { markRaw } from 'vue'
+import { useI18n } from 'vue-i18n'
+import QueueSidebarTab from '@/components/sidebar/tabs/QueueSidebarTab.vue'
+import type { SidebarTabExtension } from '@/types/extensionTypes'
+
+export const useQueueSidebarTab = (): SidebarTabExtension => {
+  const { t } = useI18n()
+  const queuePendingTaskCountStore = useQueuePendingTaskCountStore()
+  return {
+    id: 'queue',
+    icon: 'pi pi-history',
+    iconBadge: () => {
+      const value = queuePendingTaskCountStore.count.toString()
+      return value === '0' ? null : value
+    },
+    title: t('sideToolbar.queue'),
+    tooltip: t('sideToolbar.queue'),
+    component: markRaw(QueueSidebarTab),
+    type: 'vue'
+  }
+}

src/hooks/sidebarTabs/workflowsSidebarTab.ts

@@ -0,0 +1,30 @@
+import { markRaw } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useWorkflowStore } from '@/stores/workflowStore'
+import { useSettingStore } from '@/stores/settingStore'
+import WorkflowsSidebarTab from '@/components/sidebar/tabs/WorkflowsSidebarTab.vue'
+import type { SidebarTabExtension } from '@/types/extensionTypes'
+
+export const useWorkflowsSidebarTab = (): SidebarTabExtension => {
+  const { t } = useI18n()
+  const settingStore = useSettingStore()
+  const workflowStore = useWorkflowStore()
+
+  return {
+    id: 'workflows',
+    icon: 'pi pi-folder-open',
+    iconBadge: () => {
+      if (
+        settingStore.get('Comfy.Workflow.WorkflowTabsPosition') !== 'Sidebar'
+      ) {
+        return null
+      }
+      const value = workflowStore.openWorkflows.length.toString()
+      return value === '0' ? null : value
+    },
+    title: t('sideToolbar.workflows'),
+    tooltip: t('sideToolbar.workflows'),
+    component: markRaw(WorkflowsSidebarTab),
+    type: 'vue'
+  }
+}