import * as labels from './labels.js'
const fuzzysort = window.fuzzysort

export const init = ({
  tabs: browserTabs,
  onStateUpdate,
  closeCurrentTab,
}) => {
  /* Initial state */
  const state = {
    tabs: [],
    results: [],
    query: '',
  }

  /* */

  const addLabel = (tab, i, tabs) => ({
    label: labels.fromNumber(i, tabs.length),
    ...tab,
  })

  const pickFields = (tab) => [
    'favIconUrl',
    'id',
    'label',
    'title',
    'url',
  ].reduce((acc, x) => (acc[x] = tab[x], acc), {})

  const shapeTabs = (tabs) => tabs
    .map(addLabel)
    .map(pickFields)
    .reverse()

  const fetchTabs = () =>
    browserTabs.query({ currentWindow: true, active: false })
      .then(shapeTabs)
      .then((tabs) => void (state.tabs = tabs))

  /* */

  const updateResults = () => {
    state.results = fuzzysort.go(state.query, state.tabs, {
      keys: ['label', 'title', 'url'],
      all: true,
    })
  }
  /* */

  const updateState = () =>
    Promise.resolve()
      .then(fetchTabs)
      .then(updateResults)
      .then(() => onStateUpdate(state))

  updateState()

  /* */

  return {
    getCurrentState() {
      return state
    },
    actions: {
      updateState,
      goToTab(id) {
        browserTabs.update(id, { active: true })
          .then(updateState)
          .then(closeCurrentTab)
      },
      closeCurrentTab,
      closeTab(id) {
        browserTabs.remove(id)
          .then(updateState)
      },
      updateQuery(query) {
        state.query = query
        updateState()
      },
    },
  }
}