metaforecast/src/pages/index.tsx

import { GetServerSideProps, NextPage } from "next";
import React from "react";

import { getPlatforms, getPlatformsConfig } from "../backend/platforms/registry";
import { Layout } from "../web/common/Layout";
import { Props, QueryParameters, SearchScreen } from "../web/search/components/SearchScreen";
import { FrontpageDocument, SearchDocument } from "../web/search/queries.generated";
import { ssrUrql } from "../web/urql";

export const getServerSideProps: GetServerSideProps<Props> = async (
  context
) => {
  const [ssrCache, client] = ssrUrql();
  const urlQuery = context.query;

  const platformsConfig = getPlatformsConfig();

  const defaultQueryParameters: QueryParameters = {
    query: "",
    starsThreshold: 2,
    forecastsThreshold: 0,
    forecastingPlatforms: getPlatforms().map((platform) => platform.name),
  };

  const initialQueryParameters: QueryParameters = {
    ...defaultQueryParameters,
  };
  if (urlQuery.query) {
    initialQueryParameters.query = String(urlQuery.query);
  }
  if (urlQuery.starsThreshold) {
    initialQueryParameters.starsThreshold = Number(urlQuery.starsThreshold);
  }
  if (urlQuery.forecastsThreshold !== undefined) {
    initialQueryParameters.forecastsThreshold = Number(
      urlQuery.forecastsThreshold
    );
  }
  if (urlQuery.forecastingPlatforms !== undefined) {
    initialQueryParameters.forecastingPlatforms = String(
      urlQuery.forecastingPlatforms
    ).split("|");
  }

  const defaultNumDisplay = 21;
  const initialNumDisplay = Number(urlQuery.numDisplay) || defaultNumDisplay;

  const response = await client.query(FrontpageDocument).toPromise();
  if (!response.data) {
    throw new Error(`GraphQL query failed: ${response.error}`);
  }
  const defaultResults = response.data.result;

  if (
    !!initialQueryParameters &&
    initialQueryParameters.query != "" &&
    initialQueryParameters.query != undefined
  ) {
    // must match the query from CommonDisplay
    await client
      .query(SearchDocument, {
        input: {
          ...initialQueryParameters,
          limit: initialNumDisplay + 50,
        },
      })
      .toPromise();
  }

  return {
    props: {
      urqlState: ssrCache.extractData(),
      initialQueryParameters,
      defaultQueryParameters,
      initialNumDisplay,
      defaultNumDisplay,
      defaultResults,
      platformsConfig,
    },
  };
};

const IndexPage: NextPage<Props> = (props) => {
  return (
    <Layout page="search">
      <SearchScreen {...props} />
    </Layout>
  );
};

export default IndexPage;