const fetchData = require('../utils/fetchData')
let API = '<https://rickandmortyapi.com/api/character/>'

//ejecutamos la funcion de peticion para obtener el listado
fetchData(API, function(error1, data1) {
  //si hay un error, termina y nos devuelv el error
  if (error1) return console.error(error1)
  //si no hace otra peticion para obtener la posicion 0
  fetchData(API + data1.results[0].id, function (error2, data2) {
    //si hay un error retorna el error y termina
    if (error2) return console.error(error2)
    // si no hay error hacemos un fetchdata de la locacion de
    fetchData(data2.origin.url, function(error3, data3) {
      if (error3) return console.error(error3)
      console.log(data1.info.count)
      console.log(data2.name)
      console.log(data3.dimension)
      //esto se puede alargar a callback to hell
    })
  })
})

//se haran peticiones usando los datos que tenga dentro la peticion anterior
/* Reto:
1. Crear una funcion que nos permita traer info desde la api
2. Le pasaremos un callback
3. Hacer el llamado de lo que necesitamos
*/

// to es6

//instanciamos las peticiones viejas
let XMLHttpRequest = require('xmlhttprequest').XMLHttpRequest
//let API = '<https://rickandmortyapi.com/api/character/>'

//Funcion de consulta con promises en es6
const fetchData = (url_api) => {
  //se declara pa promesa
  return new Promise ((resolve, reject) => {
    //crea un objeto con httprequest (porque no estamos trabajando en el navegador sino con el editor de texto)
    const xhttp = new XMLHttpRequest()
    xhttp.open('GET', url_api, true) //peticion
    xhttp.onreadystatechange = (() => { //verifica cada evento de cambio
      if (xhttp.readyState === 4) { //en state 4 se abre el siguiente paso 
        (xhttp.status === 200) //si es un 200 pasa lo siguiente
          //es el resolve de la promesa de arriba
          ? resolve(JSON.parse(xhttp.responseText)) //se retorna la respuesta de la api
          //es el reject de la promesa de arriba
          : reject(new Error('Error', url_api)) //si no es 200 se retorna un error
      }
    })
    //ahora se envia la peticion
    xhttp.send()
  })
}

//node aun usa commun JS por lo que no se puede usar import o export solamente como con babel
module.exports = fetchData