// Get your own API key at https://www.wordsapi.com
const apiKey = "dBviz3mISgmshbFzBbOTIhH7w7Orp1LP63njsnBgeDm19QW5ky";

const definitionList = document.getElementById("definitions");

/*
 * Look up word suggetions based on user input from Words API.
 * https://www.wordsapi.com
 *
 * */
function getSuggestions(input) {
  const url = `https://wordsapiv1.p.mashape.com/words/?letterPattern=^${input}.*&hasDetails=definitions`;
  return fetch(url, {
    method: "GET",
    headers: {
      "Content-Type": "application/json",
      "X-RapidAPI-Key": apiKey
    }
  }).then(resp => resp.json());
}

/*
 * Get the definition of a word.
 */
function getDefinitions(term) {
  const url = `https://wordsapiv1.p.mashape.com/words/${term}`;
  return fetch(url, {
    method: "GET",
    headers: {
      "Content-Type": "application/json",
      "X-RapidAPI-Key": apiKey
    }
  })
    .then(resp => resp.json())
    .then(resp => {
      return resp.results;
    });
}

/*
 * Show definitions in a list.
 *
 */
function showDefinitions(definitions) {
  definitionList.innerHTML = "";
  definitions.forEach(definition => {
    const li = document.createElement("li");
    li.textContent = `${definition.partOfSpeech} - ${definition.definition}`;
    definitionList.appendChild(li);
  });
}

new autoComplete({
  selector: "#user-input",
  minChars: 1,
  source: function(term, suggest) {
    getSuggestions(term).then(response => {
      suggest(response.results.data);
    });
  },
  onSelect: function(e, term, item) {
    getDefinitions(term).then(showDefinitions);
  }
});