vercel-labs · manovotny · Aug 5, 2022 · Aug 5, 2022 · Aug 5, 2022 · Aug 5, 2022
diff --git a/.babelrc.js b/.babelrc.js
diff --git a/.gitignore b/.gitignore
@@ -25,4 +25,6 @@ yarn-error.log
 !.yarn/sdks
 !.yarn/versions
 secret.env
-tsconfig.tsbuildinfo
+tsconfig.tsbuildinfo
+.next
+.vercel
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-v12.18.4
+14
diff --git a/.storybook/helpers/ampDecorator/index.jsx b/.storybook/helpers/ampDecorator/index.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Helmet } from 'react-helmet';
+import Head from 'next/head';
 import {
   AMP_SCRIPT,
   AMP_NO_SCRIPT,
@@ -15,7 +15,7 @@ import {
 
 const AmpDecorator = storyFn => (
   <div>
-    <Helmet htmlAttributes={{ amp: '' }}>
+    <Head>
       <link rel="canonical" href="http://foobar.com" />
       <meta charset="utf-8" />
       <meta name="viewport" content="width=device-width,minimum-scale=1" />
@@ -25,7 +25,7 @@ const AmpDecorator = storyFn => (
       {AMP_GEO_JS}
       {AMP_CONSENT_JS}
       {AMP_ANALYTICS_JS}
-    </Helmet>
+    </Head>
     {storyFn()}
   </div>
 );

diff --git a/envConfig/live.env b/envConfig/live.env
diff --git a/envConfig/local.env b/envConfig/local.env
diff --git a/envConfig/test.env b/envConfig/test.env
diff --git a/lib/fake-bbc-api.js b/lib/fake-bbc-api.js
@@ -0,0 +1,153 @@
+import path from 'node:path';
+import fs from 'node:fs/promises';
+import glob from 'glob';
+import { ARTICLE_PAGE, FRONT_PAGE } from '#app/routes/utils/pageTypes';
+import getToggles from '#lib/utilities/getToggles';
+import filterUnknownContentTypes from '#app/routes/utils/sharedDataTransformers/filterUnknownContentTypes';
+import filterEmptyGroupItems from '#app/routes/utils/sharedDataTransformers/filterEmptyGroupItems';
+import squashTopStories from '#app/routes/utils/sharedDataTransformers/squashTopStories';
+import addIdsToGroups from '#app/routes/utils/sharedDataTransformers/addIdsToGroups';
+import filterGroupsWithoutStraplines from '#app/routes/utils/sharedDataTransformers/filterGroupsWithoutStraplines';
+import handleGroupBlocks from '#app/routes/article/handleGroupBlocks';
+import handleEmptyParagraphBlocks from '#app/routes/article/handleEmptyParagraphBlocks';
+import handlePromoData from '#app/routes/article/handlePromoData';
+import addMpuBlock from '#app/routes/article/getInitialData/addMpuBlock';
+import {
+  augmentWithTimestamp,
+  addIdsToBlocks,
+  applyBlockPositioning,
+  addIndexesToEmbeds,
+  addNoCookieToEmbeds,
+} from '#app/routes/utils/sharedDataTransformers';
+import isListWithLink from '#app/routes/utils/isListWithLink';
+import addIndexToBlockGroups from '#app/routes/utils/sharedDataTransformers/addIndexToBlockGroups';
+
+const getLanguageAndDirection = async s => {
+  const { service } = await import(`#lib/config/services/${s}`);
+  const { dir, lang } = service.default;
+
+  return {
+    dir,
+    lang,
+  };
+};
+
+const getServices = () =>
+  glob
+    .sync(`./data/**/frontpage/index.json`)
+    .map(result => result.split('/')[2]);
+
+const getServicePath = service => path.join(process.cwd(), 'data', service);
+
+const getMostRead = async service => {
+  let mostRead = {};
+
+  const servicePath = getServicePath(service);
+  const mostReadPath = path.join(servicePath, 'mostRead', 'index.json');
+
+  try {
+    mostRead = JSON.parse(await fs.readFile(mostReadPath, 'utf-8'));
+  } catch {}
+
+  return mostRead;
+};
+
+const getFrontPageProps = async service => {
+  const servicePath = getServicePath(service);
+  const pageDataPath = path.join(servicePath, 'frontpage', 'index.json');
+
+  let pageData = {};
+
+  try {
+    pageData = JSON.parse(await fs.readFile(pageDataPath, 'utf-8'));
+    pageData = filterUnknownContentTypes(pageData);
+    pageData = filterEmptyGroupItems(pageData);
+    pageData = addIdsToGroups(pageData);
+    pageData = squashTopStories(pageData);
+    pageData = filterGroupsWithoutStraplines(pageData);
+  } catch {
+    return {
+      pageType: FRONT_PAGE,
+      service,
+      statusCode: 404,
+    };
+  }
+
+  const mostRead = await getMostRead(service);
+  const toggles = await getToggles(service);
+  const { dir, lang } = await getLanguageAndDirection(service);
+
+  return {
+    dir,
+    lang,
+    pageData,
+    pageType: FRONT_PAGE,
+    mostRead,
+    service,
+    statusCode: 200,
+    toggles,
+  };
+};
+
+const getArticlePageProps = async (service, articleId) => {
+  const servicePath = getServicePath(service);
+  const pageDataPath = path.join(servicePath, 'articles', `${articleId}.json`);
+
+  let pageData = {};
+
+  try {
+    pageData = JSON.parse(await fs.readFile(pageDataPath, 'utf-8'));
+    pageData = handleGroupBlocks(pageData);
+    pageData = handleEmptyParagraphBlocks(pageData);
+    pageData = handlePromoData(pageData);
+    pageData = augmentWithTimestamp(pageData);
+    pageData = addMpuBlock(pageData);
+    pageData = addNoCookieToEmbeds(pageData);
+    pageData = addIdsToBlocks(pageData);
+    pageData = applyBlockPositioning(pageData);
+    pageData = addIndexesToEmbeds(pageData);
+    pageData = addIndexToBlockGroups(isListWithLink, {
+      blockGroupType: 'edOjLinks',
+    })(pageData);
+  } catch {
+    return {
+      pageType: ARTICLE_PAGE,
+      service,
+      statusCode: 404,
+    };
+  }
+
+  let secondaryColumn = {};
+
+  try {
+    const secondaryColumnPath = path.join(
+      servicePath,
+      'secondaryColumn',
+      'index.json',
+    );
+
+    secondaryColumn = JSON.parse(
+      await fs.readFile(secondaryColumnPath, 'utf-8'),
+    );
+  } catch {}
+
+  const mostRead = await getMostRead(service);
+  const toggles = await getToggles(service);
+  const { dir, lang } = await getLanguageAndDirection(service);
+
+  return {
+    dir,
+    lang,
+    pageData: {
+      ...pageData,
+      secondaryColumn,
+    },
+    pageType: ARTICLE_PAGE,
+    mostRead,
+    service,
+    statusCode: 200,
+    toggles,
+  };
+};
+
+export { getArticlePageProps, getFrontPageProps, getServices };
diff --git a/next-env.d.ts b/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/next.config.js b/next.config.js
@@ -0,0 +1,24 @@
+const { webpackDirAlias } = require('./dirAlias');
+const MomentTimezoneInclude = require('./src/app/legacy/psammead/moment-timezone-include/src');
+
+module.exports = {
+  reactStrictMode: true,
+  compiler: {
+    emotion: true,
+  },
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+  webpack: config => {
+    config.resolve.alias = {
+      ...webpackDirAlias,
+      ...config.resolve.alias,
+    };
+
+    config.plugins.push(
+      new MomentTimezoneInclude({ startYear: 2010, endYear: 2025 }),
+    );
+
+    return config;
+  },
+};
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		v12.18.4
		14
Copy link Collaborator Author manovotny Aug 17, 2022 • edited Loading Choose a reason for hiding this comment The reason will be displayed to describe this comment to others. Learn more. The move to Next.js didn't require this. Running anything below Node 14 is painful on an M1 Mac, so it was bumped up.