Run generators and and await/async

await-async.js

import axios from "axios";

export default async function () {
  const { data: { id } }    = await axios.get("//localhost:3000/id");
  const { data: { group } } = await axios.get("//localhost:3000/group");
  const { data: { name } }  = await axios.get(`//localhost:3000/${group}/${id}`);

  console.log(name); // Michał
}

generators.js

import axios from "axios";

run(function*() {
  const { data: { id } }    = yield axios.get("//localhost:3000/id");
  const { data: { group } } = yield axios.get("//localhost:3000/group");
  const { data: { name } }  = yield axios.get(`//localhost:3000/${group}/${id}`);

  console.log(name); // Michał
});

run(function*() {
  try {
    const { data: { id } }    = yield axios.get("//localhost:3000/id");
    const { data: { group } } = yield axios.get("//localhost:3000/404");
    const { data: { name } }  = yield axios.get(`//localhost:3000/${group}/${id}`);

    console.log(name);
  } catch(e) {
    console.warn(e); // { status: 404, statusText: "Not Found" }
  }
});


run(function*() {
  const [ { data: { id } }, { data: { group } } ] = yield Promise.all([
    axios.get("//localhost:3000/id"),
    axios.get("//localhost:3000/group")
  ]);

  const { data: { name } }  = yield axios.get(`//localhost:3000/${group}/${id}`);

  console.log(name); // Michał
});

run.js

function run(g) {
  const it = g();

  (function _iterate(res) {

    !res.done && res.value
      .then(data => _iterate(it.next(data)))
      .catch(data => it.throw(data));

  })(it.next());
}