Is there a way to use async/await with this algolia example code?

Question

This code i am about to put here does not work in the respect that my graphQL server always receives an empty array back... i know this is because the call completes before the data is available.. i don't have much experience with promises so i am wondering how i can get it to work, i played with a bunch of different combinations to attempt to await the response so that i could just pass back an array of id's to the playground... the browsewr.on(end) part works fine and the proper data shows in the console? Anyone care to shed some light for me?

  const browser = await lookbookIndex.browseAll();
  let hits = [];
  let returnArray = [];

  browser.on('result', (content) => {
    hits = hits.concat(content.hits);
  });

  browser.on('end', () => {
    console.log('Finished!');
    console.log('We got %d hits', hits.length);
    returnArray = hits ? hits.map(a => a.objectID) : [];
  });

  browser.on('error', err => err);

  return returnArray;

Answer 1

Async syntax automatically wraps everything to Promise instance.

But you also can return Promise instance manually. It accepts callback with resolve & reject arguments. And you can call resolve to resolve the promise:

async function search() {
    const browser = await lookbookIndex.browseAll();
    return new Promise((resolve, reject) => {
        let hits = [];

        browser.on('result', (content) => {
            hits = hits.concat(content.hits);
        });

        browser.on('end', () => {
            console.log('Finished!');
            console.log('We got %d hits', hits.length);
            resolve(hits ? hits.map(a => a.objectID) : [])
        });

        browser.on('error', err => reject(err));
    })
}

And you can await the promise:

await new Promise(...)

Similar questions:

• Return data from function