<>
// setTimeout(function() {
// jquery(function($) {
// let productIds = [];
// let products = jquery($('.productListing li article.card'))
// // console.log(products);
// products.each(function(index, value) {
// // console.log(index, jquery(value).data('product-id'));
// productIds.push(jquery(value).data('product-id'));
// })
// // console.log('productIds', productIds);
// const token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOlsxXSwiY29ycyI6WyJodHRwczovL3N0b3JlLWo3dDJ2NnV6c3EubXliaWdjb21tZXJjZS5jb20iXSwiZWF0IjoxNzMyMzU2NjQ3LCJpYXQiOjE3MzIxODM4NDcsImlzcyI6IkJDIiwic2lkIjoxMDAzMjgwMDk2LCJzdWIiOiJCQyIsInN1Yl90eXBlIjowLCJ0b2tlbl90eXBlIjoxfQ.D2j6zCn0y2HXyZ-AhqrREGG3Ny2fV_nRZ3PoRX4abt12Bn8xzfUdM0AILHQyv4nSW2XTFtW-ocg-FO6Lsxy0Eg';
// console.log(productIds);
// jquery(productIds).each(function(index, id) {
// fetch('/graphql', {
// method: 'POST',
// headers: {
// 'Content-Type': 'application/json',
// 'Authorization': `Bearer ${token}`,
// },
// body: JSON.stringify({
// query: `
// query SeveralProductsByID {
// site {
// products(entityIds: [${id}]) {
// edges {
// node {
// entityId
// name
// defaultImage{
// urlOriginal
// }
// variants(first: 50){
// edges{
// node{
// entityId
// defaultImage{
// urlOriginal
// }
// productOptions(first: 50) {
// edges {
// node {
// entityId
// displayName
// isRequired
// ... on MultipleChoiceOption {
// displayStyle
// values {
// edges {
// node {
// entityId
// label
// isDefault
// ... on SwatchOptionValue {
// hexColors
// imageUrl(width: 150)
// }
// }
// }
// }
// }
// }
// }
// }
// }
// }
// }
// }
// }
// }
// }
// }
// `
// }),
// })
// .then(response => response.json())
// .then(data => {
// // Estrai i prodotti
// const products = data.data.site.products.edges;
// // Filtra i valori con displayName "Colore" e displayStyle "Swatch"
// let filteredColors = products.flatMap(product =>
// product.node.variants.edges.flatMap(variant =>
// variant.node.productOptions.edges
// .filter(option => option.node.displayName === "Colore" && option.node.displayStyle === "Swatch")
// .flatMap(option => option.node.values.edges.map(value => value.node))
// )
// );
// // Rendi il risultato univoco basandoti su entityId
// filteredColors = Object.values(
// filteredColors.reduce((acc, color) => {
// acc[color.entityId] = color;
// return acc;
// }, {})
// );
// console.log(filteredColors);
// })
// .catch(error => {
// console.error('GraphQL Error:', error);
// });
// })
// })
// }, 2000)
