@focus-reactive/graphql-content-layer/dist/fetch-pages.js

[](https://badge.fury.io/js/%40focus-reactive%2Fgraphql-content-layer) # GitNation GraphQL Content Layer

const {
  orgEvent,
  talkEvent,
  discussionRoomEvent,
  panelDiscussionEvent,
  speakerRoomEvent,
  groupLTEvent,
  qaEvent,
  zoomBarEvent,
  customEvent
} = require('./fragments');

const {
  markdownToHtml
} = require('./markdown');

const {
  contentTypeMap,
  trySelectSettings
} = require('./utils');

const {
  formatEvent
} = require('./formatters');

const {
  getTopSpeaker,
  getDiscussionRooms,
  getEvent
} = require('./http-utils');

const selectSettings = trySelectSettings(s => ({
  labelColors: s.labelColors,
  timezone: s.timezone
}), {});
const DISCUSSION_ROOM_EVENT_TYPE = 'DiscussionRoom';
const queryPages =
/* GraphQL */
`
  query($conferenceTitle: ConferenceTitle, $eventYear: EventYear) {
    conf: conferenceBrand(where: { title: $conferenceTitle }) {
      id
      year: conferenceEvents(where: { year: $eventYear }) {
        id
        startDate: isoStartDate
        endDate: isoEndDate
        streamNotAvailableText
        emsEventId
        useEmsData
        tbaSpeakersNumber
        tracks {
          id
          name
          emptyMessage
          isPrimary
          events {
            __typename
            ... on OrgEvent {
              ...orgEventFragment
            }
            ... on Talk {
              ...talkEventFragment
            }
            ... on QA {
              ...qaEventFragment
            }
            ... on GroupLT {
              ...groupLTEventFragment
            }
            ... on SpeakersRoom {
              ...speakerRoomEventFragment
            }
            ... on DiscussionRoom {
              ...discussionRoomEventFragment
            }
            ... on PanelDiscussion {
              ...panelDiscussionEventFragment
            }
            ... on ZoomBar {
              ...zoomBarEventFragment
            }
            ... on CustomEvent {
              ...customEventFragment
            }
          }
        }
        pages {
          id
          titleSeo
          description
          seoDescription
          key
          titlePage
          pageSlogan
          pageStatistics
          locationTitle
          themeColor {
            hex
          }
          keywords
          pageNavigation
          pageSections
          ogImage {
            handle
            mimeType
            url
          }
          ogUrl
        }
      }
    }
  }

  ${orgEvent}
  ${talkEvent}
  ${discussionRoomEvent}
  ${panelDiscussionEvent}
  ${speakerRoomEvent}
  ${groupLTEvent}
  ${qaEvent}
  ${zoomBarEvent}
  ${customEvent}
`;

const fetchData = async (client, {
  labelColors,
  timezone = 'Europe/Amsterdam',
  ...vars
}) => {
  const {
    pages: data,
    tracks,
    startDate,
    endDate,
    streamNotAvailableText,
    emsEventId,
    useEmsData,
    tbaSpeakersNumber
  } = await client.request(queryPages, vars).then(res => res.conf.year[0]);
  const topSpeakerPromise = getTopSpeaker(emsEventId);
  const eventPromise = getEvent(emsEventId);
  const [topSpeaker, event] = await Promise.all([topSpeakerPromise, eventPromise]);
  const secondaryTracks = tracks.filter(t => !t.isPrimary);
  const mainTracks = tracks.filter(t => t.isPrimary);
  const formattedMainTracks = await Promise.all(mainTracks.map(async (track, ind) => {
    const listWithMarkdown = await Promise.all(track.events // eslint-disable-next-line no-underscore-dangle
    .map(async event => {
      const result = await formatEvent(event, labelColors, track.name);
      return result;
    }));
    const clearList = await Promise.all(listWithMarkdown.map(async el => ({ ...el,
      text: await markdownToHtml(el.text)
    })));
    return {
      tab: track.name,
      tabEmptyMessage: track.emptyMessage,
      title: track.name,
      name: `${10 + ind}`,
      odd: Boolean(ind % 2),
      list: clearList
    };
  }));
  const formattedSecondaryTracks = await Promise.all(secondaryTracks.map(async (track, ind) => {
    const listWithMarkdown = await Promise.all(track.events // eslint-disable-next-line no-underscore-dangle
    .map(async event => {
      const result = await formatEvent(event, labelColors, track.name);
      return result;
    }));
    const clearList = await Promise.all(listWithMarkdown.map(async el => ({ ...el,
      text: await markdownToHtml(el.text)
    })));
    return {
      tab: track.name,
      tabEmptyMessage: track.emptyMessage,
      title: track.name,
      name: `${10 + ind}`,
      odd: Boolean(ind % 2),
      list: clearList
    };
  }));
  const pages = data.reduce((obj, item) => ({ ...obj,
    [item.key]: { ...item,
      contentType: contentTypeMap.Page,
      keywords: item.keywords.join(', ')
    }
  }), {});
  const videoRooms = useEmsData ? await fetchEmsDiscussionRooms(emsEventId) : [...formattedSecondaryTracks.reduce((result, currentTrack) => {
    return [...result, ...currentTrack.list.filter(event => event.eventType === DISCUSSION_ROOM_EVENT_TYPE)];
  }, []), ...formattedMainTracks.reduce((result, currentTrack) => {
    return [...result, ...currentTrack.list.filter(event => event.eventType === DISCUSSION_ROOM_EVENT_TYPE)];
  }, [])];
  const zoomBars = formattedMainTracks.reduce((result, currentTrack) => {
    return [...result, ...currentTrack.list.filter(event => event.eventType === 'ZoomBar')];
  }, []);
  const customEvents = formattedMainTracks.reduce((result, currentTrack) => {
    return [...result, ...currentTrack.list.filter(event => event.eventType === 'CustomEvent')];
  }, []);
  const customContent = {
    videoRooms: videoRooms.length ? videoRooms : null,
    customEvents: customEvents.length ? customEvents : null,
    zoomBars: zoomBars.length ? zoomBars : null,
    scheduleExtends: [],
    tracks: formattedSecondaryTracks,
    eventInfo: {
      topSpeaker,
      tbaSpeakersNumber,
      emsEvent: event,
      currency: timezone.includes('America') ? '$' : timezone.includes('London') ? '£' : timezone.includes('Canada') ? 'C$' : '€'
    }
  };
  data.forEach(page => {
    if (page.pageSections && page.pageSections.scheduleExtends) {
      customContent.scheduleExtends = [...customContent.scheduleExtends, ...page.pageSections.scheduleExtends];
    }

    if (page.pageSections && page.pageSections.eventInfo) {
      customContent.eventInfo = { ...customContent.eventInfo,
        ...page.pageSections.eventInfo,
        conferenceStart: startDate,
        conferenceFinish: endDate,
        QuakeJS: customEvents.length ? customEvents.find(e => e.title === 'QuakeJS Tournament') : null
      };
    }
  });

  if (streamNotAvailableText) {
    customContent.eventInfo.streamNotAvailableText = await markdownToHtml(streamNotAvailableText);
  }

  if (emsEventId) {
    customContent.eventInfo.emsEventId = emsEventId;
  }

  return {
    pages,
    customContent
  };
};

const fetchEmsDiscussionRooms = async emsEventId => {
  if (!emsEventId) {
    return [];
  }

  const rooms = await getDiscussionRooms(emsEventId);

  if (!rooms) {
    return [];
  }

  return rooms.map(room => ({ ...room,
    roomLinkText: room.title,
    speakers: room.speakers && room.speakers.map(speaker => ({ ...speaker,
      country: speaker.location
    }))
  }));
};

module.exports = {
  fetchData,
  selectSettings,
  queryPages,
  getData: data => data.conf.year[0].pages,
  story: 'pages'
};