I've been struggling to populate an array with metadata retrieved using Xray. The issue arises when the function is called by an API endpoint on my server to fetch links from my application.
My main challenge seems to be related to promises, as there is a delay in scraping the metadata and I'm unable to make the function wait until all data has been collected before proceeding. I wonder if my confusion lies in understanding how Xray or promises work? Despite trying various approaches, including the following simple one:
function createCollection() {
Promise.all(rawLinks.map(function(link) {
linksArray.push(xray(link, 'title')(function(error, title) {
console.log(title);
return title;
}))
}))
.then(linksArray => {
console.log(linksArray);
});
}
This method, while not the most sophisticated solution I've attempted, produces an array logged as "undefined" data first, followed by individual titles being logged.
Any assistance or guidance on where to focus my research would be greatly appreciated. At this point, I feel like I've tried everything and hit a dead end in finding a solution.