Chalarangelo/30-seconds-of-code

import { Schemer } from '#blocks/utilities/schemer';
import settings from '#settings/global';
import presentationSettings from '#settings/presentation';

export const homePage = {
  name: 'HomePage',
  fields: {
    slug: 'string',
    snippetCount: 'number',
  },
  properties: {
    params: () => undefined,
    props: (page, { serializers: { PreviewSerializer } }) => {
      const context = {};

      context.featuredCollections = PreviewSerializer.serializeArray(
        page.collections.toArray(),
        { type: 'collection' }
      );
      context.featuredCollections.push({
        title: 'Explore collections',
        url: '/collections/p/1',
        icon: 'arrow-right',
        selected: false,
      });

      context.featuredSnippets = PreviewSerializer.serializeArray(
        page.snippets.toArray(),
        { type: 'snippet' }
      );

      context.splashImage = presentationSettings.homePageSplashImage;
      context.splashImageSrcset =
        presentationSettings.homePageSplashImageSrcset;
      context.snippetListUrl = '/snippets/p/1';
      context.pageDescription = `Browse ${page.snippetCount} short code snippets for all your development needs on ${settings.websiteName}.`;
      context.structuredData = Schemer.generateHomeData();

      return context;
    },
  },
};