Cfrgtkky

How can I get url to only get the image in the array that has width: 2048? Alternatively, perhaps simpler is every image that I require has at the end of the filename TABLET_LANDSCAPE_LARGE_16_9.jpg

I am using createRemoteFileNode in gatsby-node to import images in a random array from an external api as

fileNode = await createRemoteFileNode({

  url: event.images.url,

  cache,

  store,

  createNode,

  createNodeId

});

where as event is returned as

{ "events": [

   {

      "id": "177YvfG65Xi34_c",

      "images": [

         {

           "url": "///.jpg",

           "width": 305,

           "height": 203

         },

         {

           "url": "///.jpg",

           "width": 1024,

           "height": 683

         },

         {

           "url": "///.jpg",

           "width": 2048,

           "height": 1152

         }

      ]

   },

   {

      "id": "Z7r9jZ1AeC4_Y",

      "images": [

         {

           "url": "///.jpg",

           "width": 305,

           "height": 203

         },

         {

           "url": "///.jpg",

           "width": 2048,

           "height": 1152,

         },

         {

           "url": "///.jpg",

           "width": 1136,

           "height": 639,

         }

      ]

   }

]}

I need only the url that has a width >= 1900 but the url in the array are random, therefore event.images[2].url may work for the first events data but not second.

For those needing more information, here is the full code

const { createRemoteFileNode } = require(`gatsby-source-filesystem`);

const axios = require('axios');



// Replace ACCESS_TOKEN with your Instagram token

const API_URI = `https://app.ticketmaster.com/discovery/v2/events.json?countryCode=AU&size=100&apikey=${API_KEY}`;



exports.sourceNodes = async ({ actions, store, cache, createNodeId }) => {

  const { createNode, createNodeField } = actions;

  // Fetch data

  const { data } = await axios.get(API_URI);



  // use for loop for async/await support

  for (const event of data._embedded.events) {

    let fileNode;

    try {

      fileNode = await createRemoteFileNode({

        url: event.images.url,

        cache,

        store,

        createNode,

        createNodeId

      });

    } catch (error) {

      console.warn('error creating node', error);

    }

  }

};

if the results you are expecting is the 'events' you can try this... hope it helps.

 const obj = {

    "events": [

      {

        "id": "177YvfG65Xi34_c",

        "images": [

          {

            "url": "///.jpg",

            "width": 305,

            "height": 203

          },

          {

            "url": "///.jpg",

            "width": 1024,

            "height": 683

          },

          {

            "url": "///.jpg",

            "width": 2048,

            "height": 1152

          }

        ]

      },

      {

        "id": "Z7r9jZ1AeC4_Y",

        "images": [

          {

            "url": "///.jpg",

            "width": 305,

            "height": 203

          },

          {

            "url": "///.jpg",

            "width": 2048,

            "height": 1152,

          },

          {

            "url": "///.jpg",

            "width": 1136,

            "height": 639,

          }

        ]

      }

    ]

  }



const events = obj.events;

let output = ;

events.forEach(elm => {

  let filterResults = elm.images.filter(e => e.width >= 1900);

  output.push([...filterResults]);

});



console.log(output);