speckle-server/packages/frontend-2/lib/settings/composables/menu.ts

import type { SettingsMenuItems } from '~/lib/settings/helpers/types'
import SettingsUserProfile from '~/components/settings/user/Profile.vue'
import SettingsUserNotifications from '~/components/settings/user/Notifications.vue'
import SettingsUserDeveloper from '~/components/settings/user/developer/Developer.vue'
import SettingsUserEmails from '~/components/settings/user/Emails.vue'
import SettingsServerGeneral from '~/components/settings/server/General.vue'
import SettingsServerRegions from '~/components/settings/server/Regions.vue'
import SettingsServerProjects from '~/components/settings/server/Projects.vue'
import SettingsServerMembers from '~/components/settings/server/Members.vue'
import SettingsWorkspaceGeneral from '~/components/settings/workspaces/General.vue'
import SettingsWorkspacesMembers from '~/components/settings/workspaces/Members.vue'
import SettingsWorkspacesSecurity from '~/components/settings/workspaces/Security.vue'
import SettingsWorkspacesProjects from '~/components/settings/workspaces/Projects.vue'
import SettingsWorkspacesBilling from '~/components/settings/workspaces/Billing.vue'
import SettingsWorkspacesRegions from '~/components/settings/workspaces/Regions.vue'
import { useIsMultipleEmailsEnabled } from '~/composables/globals'
import { Roles } from '@speckle/shared'
import { SettingMenuKeys } from '~/lib/settings/helpers/types'
import { useIsMultiregionEnabled } from '~/lib/multiregion/composables/main'

export const useSettingsMenu = () => {
  const isMultipleEmailsEnabled = useIsMultipleEmailsEnabled().value
  const isMultiRegionEnabled = useIsMultiregionEnabled()

  const workspaceMenuItems = shallowRef<SettingsMenuItems>({
    [SettingMenuKeys.Workspace.General]: {
      title: 'General',
      component: SettingsWorkspaceGeneral,
      permission: [Roles.Workspace.Admin, Roles.Workspace.Member, Roles.Workspace.Guest]
    },
    [SettingMenuKeys.Workspace.Members]: {
      title: 'Members',
      component: SettingsWorkspacesMembers,
      permission: [Roles.Workspace.Admin, Roles.Workspace.Member]
    },
    [SettingMenuKeys.Workspace.Projects]: {
      title: 'Projects',
      component: SettingsWorkspacesProjects,
      permission: [Roles.Workspace.Admin, Roles.Workspace.Member]
    },
    [SettingMenuKeys.Workspace.Security]: {
      title: 'Security',
      component: SettingsWorkspacesSecurity,
      permission: [Roles.Workspace.Admin]
    },
    [SettingMenuKeys.Workspace.Billing]: {
      title: 'Billing',
      component: SettingsWorkspacesBilling,
      permission: [Roles.Workspace.Admin, Roles.Workspace.Member]
    },
    [SettingMenuKeys.Workspace.Regions]: {
      title: 'Regions',
      component: SettingsWorkspacesRegions,
      permission: [Roles.Workspace.Admin, Roles.Workspace.Member],
      ...(isMultiRegionEnabled
        ? {}
        : {
            tooltipText: 'Set up regions for custom data residency',
            disabled: true
          })
    }
  })

  const userMenuItems = shallowRef<SettingsMenuItems>({
    [SettingMenuKeys.User.Profile]: {
      title: 'User profile',
      component: SettingsUserProfile
    },
    ...(isMultipleEmailsEnabled
      ? {
          [SettingMenuKeys.User.Emails]: {
            title: 'Emails',
            component: SettingsUserEmails
          }
        }
      : {}),
    [SettingMenuKeys.User.Notifications]: {
      title: 'Notifications',
      component: SettingsUserNotifications
    },
    [SettingMenuKeys.User.DeveloperSettings]: {
      title: 'Developer',
      component: SettingsUserDeveloper
    }
  })

  const serverMenuItems = shallowRef<SettingsMenuItems>({
    [SettingMenuKeys.Server.General]: {
      title: 'General',
      component: SettingsServerGeneral
    },
    [SettingMenuKeys.Server.ActiveUsers]: {
      title: 'Members',
      component: SettingsServerMembers
    },
    [SettingMenuKeys.Server.Projects]: {
      title: 'Projects',
      component: SettingsServerProjects
    },
    ...(isMultiRegionEnabled
      ? {
          [SettingMenuKeys.Server.Regions]: {
            title: 'Regions',
            component: SettingsServerRegions
          }
        }
      : {})
  })

  return {
    userMenuItems,
    serverMenuItems,
    workspaceMenuItems
  }
}