feat: update layouts to use contributors from getStaticProps

Author: wackerow

.gitignore

@@ -54,4 +54,6 @@ robots.txt
 .vscode
 
 # Crowdin report output
-src/data/crowdin/bucketsAwaitingReviewReport.csv
+src/data/crowdin/bucketsAwaitingReviewReport.csv
+
+src/data/commit-history.json

package.json

@@ -3,9 +3,10 @@
   "version": "8.5.2",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "yarn clean-commit-history && next dev",
     "postinstall": "yarn theme",
-    "build": "next build",
+    "build": "yarn clean-commit-history && next build",
+    "clean-commit-history": "touch ./src/data/commit-history.json && rm ./src/data/commit-history.json",
     "postbuild": "next-sitemap",
     "start": "next start",
     "lint": "next lint",

src/pages/[...slug].tsx

@@ -55,6 +55,7 @@ import {
   UseCasesLayout,
 } from "@/layouts"
 import { fetchGFIs } from "@/lib/api/fetchGFIs"
+import { fetchAndSaveGitHistory } from "@/lib/api/fetchGitHistory"
 import rehypeHeadingIds from "@/lib/rehype/rehypeHeadingIds"
 import rehypeImg from "@/lib/rehype/rehypeImg"
 import remarkInferToc from "@/lib/rehype/remarkInferToc"
@@ -180,6 +181,8 @@ export const getStaticProps = (async (context) => {
 
   const gfissues = await gfIssuesDataFetch()
 
+  const contributors = await fetchAndSaveGitHistory(mdDir)
+
   return {
     props: {
       ...(await serverSideTranslations(locale!, requiredNamespaces)),
@@ -194,13 +197,14 @@ export const getStaticProps = (async (context) => {
       tocItems,
       crowdinContributors,
       gfissues,
+      contributors,
     },
   }
 }) satisfies GetStaticProps<Props, Params>
 
 const ContentPage: NextPageWithLayout<
   InferGetStaticPropsType<typeof getStaticProps>
-> = ({ mdxSource, layout, gfissues }) => {
+> = ({ mdxSource, layout, gfissues, contributorHistory }) => {
   // TODO: Address component typing error here (flip `FC` types to prop object types)
   // @ts-expect-error
   const components: Record<string, React.ReactNode> = {
@@ -229,6 +233,7 @@ ContentPage.getLayout = (page) => {
     tocItems,
     crowdinContributors,
     contentNotTranslated,
+    contributors,
   } = page.props
 
   const layoutProps = {
@@ -239,6 +244,7 @@ ContentPage.getLayout = (page) => {
     tocItems,
     crowdinContributors,
     contentNotTranslated,
+    contributors,
   }
   const Layout = layoutMapping[layout]