Function useCommandPalette

app/composables/useCommandPalette.ts:34–215

()

}

export function useCommandPalette() {
  const isOpen = useState('command-palette:is-open', () => false)
  const query = useState('command-palette:query', () => '')
  const view = useState<CommandPaletteView>('command-palette:view', () => 'root')
  const announcement = useState('command-palette:announcement', () => '')
  const packageContext = useState<CommandPalettePackageContext | null>(
    'command-palette:package-context',
    () => null,
  )
  const packageContextScopeId = useState<string | null>(
    'command-palette:package-context-scope-id',
    () => null,
  )
  const contextCommands = useState<
    Array<{ scopeId: string; commands: CommandPaletteContextCommand[] }>
  >('command-palette:context-commands', () => [])
  const queryOverrides = useState<Array<{ scopeId: string; group: CommandPaletteGroup }>>(
    'command-palette:query-overrides',
    () => [],
  )

  function open() {
    isOpen.value = true

    if (import.meta.client) {
      const scopeId = packageContextScopeId.value
      if (!scopeId) return

      const onOpen = packageContextOpenRegistry.get(scopeId)
      if (!onOpen) return

      void Promise.resolve(onOpen()).catch(() => {})
    }
  }

  function close() {
    isOpen.value = false
    query.value = ''
    view.value = 'root'
  }

  function toggle() {
    if (isOpen.value) {
      close()
      return
    }

    open()
  }

  function setView(nextView: CommandPaletteView) {
    view.value = nextView
    query.value = ''
  }

  function announce(message: string) {
    if (!message) return