function register ({ registerHook, peertubeHelpers }) {

  registerHook({
    target: 'action:search.init',
    handler: () => console.log('Search init')
  })

  registerHook({
    target: 'filter:api.search.videos.list.result',
    handler: result => {
      result.data.forEach(v => v.name += ' SEARCH')

      return {
        total: result.total,
        data: result.data
      }
    }
  })

  registerHook({
    target: 'filter:api.search.video-channels.list.result',
    handler: result => {
      result.data.forEach(v => v.displayName += ' :p')

      return {
        total: result.total,
        data: result.data
      }
    }
  })

  peertubeHelpers.showModal({
    title: 'my super modal',
    content: 'hello, do you like my modal?',
    close: true,
    cancel: {
      value: 'Cancel',
      action: () => console.log('Canceled')
    },
    confirm: {
      value: 'Confirm',
      action: () => console.log('Confirmed')
    }
  })

}

export {
  register
}

function onApplicationInit (peertubeHelpers) {
  console.log('Hello application world')

  const baseStaticUrl = peertubeHelpers.getBaseStaticRoute()
  const imageUrl = baseStaticUrl + '/images/chocobo.png'

  const topLeftBlock = document.querySelector('.top-left-block')

  topLeftBlock.style.backgroundImage = 'url(' + imageUrl + ')'
}

function addSymbolToVideoNameResult (result, symbol) {
  result.data.forEach(v => v.name += ' ' + symbol)

  return {
    data: result.data,
    total: result.total
  }
}