import { addURLParams } from '$utils/addURLParams';
import { convertDates } from '$utils/convertDates';
import { createArticles } from '$utils/createArticles';
import { createBooksSlider } from '$utils/createBooksSlider';
import { fetchFromURL } from '$utils/fetch';

window.Webflow ||= [];
window.Webflow.push(() => {
  const url = 'https://www.thepioneer.de/api/graphql';
  const graphqlQuery = JSON.stringify({
    query:
      '# Write your query or mutation here\nquery {\n  brand(brandSlug:"thepioneer-briefing-business-class-edition") {\n    title\n    newsletters(skip: 0, limit: 3) {\n      entries {\n        id\n        createdAt\n        title\n        slug\n        description\n        authors {\n          name\n          image {\n            url\n          }\n        }\n        headerImage {\n		  alt\n          url\n          title\n          width\n          height\n        }\n      }\n    }\n    theme {\n        logo {\n            url\n        }\n        backgroundImage {\n            url\n        }\n    }\n  }\n}\n\n',
  });
  convertDates('.article_date');
  fetchFromURL(url, graphqlQuery, createArticles);
  createBooksSlider();
  addURLParams();
});