openwhyd-search.js

var username = 'adrien'
var callbackFctName = 'onOpenwhydData'
var profileUrl = 'https://openwhyd.org/' + username +'?limit=99999&callback=' + callbackFctName

// DATA MODEL

var allTracks = []

function indexTracks(tracks) {
  console.log('loaded', tracks.length, 'tracks')
  allTracks = tracks.map((tr) => ({
    ...tr,
    _name: [tr.name, tr.text].join(" ").toLowerCase() // pre-compute and store normalized post name & description (for faster search)
  }))
}

function search(query) {
  var results = []
  query = query.trim().toLowerCase() // normalize search query
  var terms = !query ? [] : query.split(' ')
  console.log('query terms:', terms)
  if (!terms.length) {
    return []
  }
  return terms.reduce(
    // exclude results which name do not contain this term
    (results, term) => results.filter((res) => res._name.indexOf(term) !== -1),
    allTracks
  )
}

// UI INIT

var ui = (function(document, search){

  var searchBox = document.getElementById('search-box')
  var searchResults = document.getElementById('search-results')

  function clearResults() {
    searchResults.innerHTML = ''
  }

  function appendResult(result) {
    var a = document.createElement('a')
    a.href = 'https://openwhyd.org/c/' + result._id
    a.appendChild(document.createTextNode(result.name))
    var li = document.createElement('li')
    li.appendChild(a)
    searchResults.appendChild(li)
  }

  searchBox.onkeyup = function() {
    clearResults()
    var results = search(searchBox.value)
    if (!results || !results.length) {
      appendResult({ name: '(no results)' })
    } else {
      results.forEach(appendResult)
    }
  }

  return {
    clearResults: clearResults,
    appendResult: appendResult,
  }

})(document, search)

// LOAD PROFILE DATA FROM OPENWHYD

ui.appendResult({ name: '(loading tracks from openwhyd...)' })
window[callbackFctName] = function(json) {
  indexTracks(json)
  ui.clearResults()
  ui.appendResult({ name: '(loaded ' + allTracks.length + ' tracks from openwhyd! ^^)' })
}
var script = document.createElement('script')
script.src = profileUrl
document.body.appendChild(script)