Merge remote-tracking branch 'upstream/dev' into add-lychee-ci

Author: brossetti1

.github/CODEOWNERS

@@ -8,5 +8,5 @@
 *       @wackerow @corwintines @pettinarip @minimalsm
 
 # Owners of specific files
-/src/data/consensus-bounty-hunters.json @djrtwo @asanso @fredriksvantes
+/src/data/consensus-bounty-hunters.json @asanso @fredriksvantes
 /src/data/wallets/new-to-crypto.ts @konopkja @minimalsm

app/[locale]/[...slug]/page.tsx

@@ -0,0 +1,109 @@
+import pick from "lodash.pick"
+import { notFound } from "next/navigation"
+import { getMessages, setRequestLocale } from "next-intl/server"
+
+import I18nProvider from "@/components/I18nProvider"
+import mdComponents from "@/components/MdComponents"
+
+import { dataLoader } from "@/lib/utils/data/dataLoader"
+import { getPostSlugs } from "@/lib/utils/md"
+import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
+
+import { LOCALES_CODES } from "@/lib/constants"
+
+import { componentsMapping, layoutMapping } from "@/layouts"
+import { fetchGFIs } from "@/lib/api/fetchGFIs"
+import { getPageData } from "@/lib/md/data"
+import { getMdMetadata } from "@/lib/md/metadata"
+
+const loadData = dataLoader([["gfissues", fetchGFIs]])
+
+export default async function Page({
+  params,
+}: {
+  params: Promise<{ locale: string; slug: string[] }>
+}) {
+  const { locale, slug: slugArray } = await params
+
+  // Check if this specific path is in our valid paths
+  const validPaths = await generateStaticParams()
+  const isValidPath = validPaths.some(
+    (path) =>
+      path.locale === locale && path.slug.join("/") === slugArray.join("/")
+  )
+
+  if (!isValidPath) {
+    notFound()
+  }
+
+  // Enable static rendering
+  setRequestLocale(locale)
+
+  const [gfissues] = await loadData()
+
+  const slug = slugArray.join("/")
+
+  const {
+    content,
+    frontmatter,
+    tocItems,
+    lastEditLocaleTimestamp,
+    isTranslated,
+  } = await getPageData({
+    locale,
+    slug,
+    // TODO: Address component typing error here (flip `FC` types to prop object types)
+    // @ts-expect-error Incompatible component function signatures
+    components: { ...mdComponents, ...componentsMapping },
+    scope: {
+      gfissues,
+    },
+  })
+
+  // Determine the actual layout after we have the frontmatter
+  const layout = frontmatter.template || "static"
+  const Layout = layoutMapping[layout]
+
+  // Get i18n messages
+  const allMessages = await getMessages({ locale })
+  const requiredNamespaces = getRequiredNamespacesForPage(slug, layout)
+  const messages = pick(allMessages, requiredNamespaces)
+
+  return (
+    <I18nProvider locale={locale} messages={messages}>
+      <Layout
+        slug={slug}
+        frontmatter={frontmatter}
+        tocItems={tocItems}
+        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        contentNotTranslated={!isTranslated}
+      >
+        {content}
+      </Layout>
+    </I18nProvider>
+  )
+}
+
+export async function generateStaticParams() {
+  const slugs = await getPostSlugs("/", /\/developers/)
+
+  return LOCALES_CODES.flatMap((locale) =>
+    slugs.map((slug) => ({
+      slug: slug.split("/").slice(1),
+      locale,
+    }))
+  )
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: string; slug: string[] }>
+}) {
+  const { locale, slug } = await params
+
+  return await getMdMetadata({
+    locale,
+    slug,
+  })
+}

app/[locale]/developers/docs/[[...doc]]/page.tsx

@@ -0,0 +1,98 @@
+import { join } from "path"
+
+import pick from "lodash.pick"
+import { getMessages, setRequestLocale } from "next-intl/server"
+
+import I18nProvider from "@/components/I18nProvider"
+import mdComponents from "@/components/MdComponents"
+
+import { getPostSlugs } from "@/lib/utils/md"
+import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
+
+import { LOCALES_CODES } from "@/lib/constants"
+
+import { docsComponents, DocsLayout } from "@/layouts"
+import { getPageData } from "@/lib/md/data"
+import { getMdMetadata } from "@/lib/md/metadata"
+
+export default async function Page({
+  params,
+}: {
+  params: Promise<{ locale: string; doc?: string[] }>
+}) {
+  const { locale, doc: docArray } = await params
+
+  // Enable static rendering
+  setRequestLocale(locale)
+
+  const slug = join("developers/docs", ...(docArray || []))
+
+  const layout = "docs"
+
+  const {
+    content,
+    frontmatter,
+    tocItems,
+    lastEditLocaleTimestamp,
+    contributors,
+    isTranslated,
+  } = await getPageData({
+    locale,
+    slug,
+    // TODO: Address component typing error here (flip `FC` types to prop object types)
+    // @ts-expect-error Incompatible component function signatures
+    components: { ...mdComponents, ...docsComponents },
+    layout,
+  })
+
+  // Get i18n messages
+  const allMessages = await getMessages({ locale })
+  const requiredNamespaces = getRequiredNamespacesForPage(slug, layout)
+  const messages = pick(allMessages, requiredNamespaces)
+
+  return (
+    <I18nProvider locale={locale} messages={messages}>
+      <DocsLayout
+        slug={slug}
+        frontmatter={frontmatter}
+        tocItems={tocItems}
+        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        contributors={contributors}
+        contentNotTranslated={!isTranslated}
+      >
+        {content}
+      </DocsLayout>
+    </I18nProvider>
+  )
+}
+
+export async function generateStaticParams() {
+  const slugs = await getPostSlugs("/developers/docs")
+
+  // Generate page paths for each supported locale
+  return LOCALES_CODES.flatMap((locale) =>
+    slugs.map((slug) => {
+      return {
+        // Splitting nested paths to generate proper slug
+        doc: slug.replace("/developers/docs", "").split("/").slice(1),
+        locale,
+      }
+    })
+  )
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: string; doc: string[] }>
+}) {
+  const { locale, doc } = await params
+  const slug = ["developers/docs", ...(doc || [])]
+
+  return await getMdMetadata({
+    locale,
+    slug,
+  })
+}
+
+export const dynamicParams = false

app/[locale]/developers/tutorials/[...tutorial]/page.tsx

@@ -0,0 +1,101 @@
+import { join } from "path"
+
+import pick from "lodash.pick"
+import { getMessages, setRequestLocale } from "next-intl/server"
+
+import I18nProvider from "@/components/I18nProvider"
+import mdComponents from "@/components/MdComponents"
+
+import { dateToString } from "@/lib/utils/date"
+import { getPostSlugs } from "@/lib/utils/md"
+import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
+
+import { LOCALES_CODES } from "@/lib/constants"
+
+import { TutorialLayout, tutorialsComponents } from "@/layouts"
+import { getPageData } from "@/lib/md/data"
+import { getMdMetadata } from "@/lib/md/metadata"
+
+export default async function Page({
+  params,
+}: {
+  params: Promise<{ locale: string; tutorial: string[] }>
+}) {
+  const { locale, tutorial: tutorialArray } = await params
+
+  // Enable static rendering
+  setRequestLocale(locale)
+
+  const slug = join("developers/tutorials", ...tutorialArray)
+
+  const layout = "tutorial"
+
+  const {
+    content,
+    frontmatter,
+    tocItems,
+    lastEditLocaleTimestamp,
+    contributors,
+    isTranslated,
+  } = await getPageData({
+    locale,
+    slug,
+    // TODO: Address component typing error here (flip `FC` types to prop object types)
+    // @ts-expect-error Incompatible component function signatures
+    components: { ...mdComponents, ...tutorialsComponents },
+    layout,
+  })
+
+  // If the page has a published date, format it
+  if ("published" in frontmatter) {
+    frontmatter.published = dateToString(frontmatter.published)
+  }
+
+  // Get i18n messages
+  const allMessages = await getMessages({ locale })
+  const requiredNamespaces = getRequiredNamespacesForPage(slug, layout)
+  const messages = pick(allMessages, requiredNamespaces)
+
+  return (
+    <I18nProvider locale={locale} messages={messages}>
+      <TutorialLayout
+        slug={slug}
+        frontmatter={frontmatter}
+        tocItems={tocItems}
+        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        contributors={contributors}
+        contentNotTranslated={!isTranslated}
+        timeToRead={2}
+      >
+        {content}
+      </TutorialLayout>
+    </I18nProvider>
+  )
+}
+
+export async function generateStaticParams() {
+  const slugs = await getPostSlugs("/developers/tutorials")
+
+  return LOCALES_CODES.flatMap((locale) =>
+    slugs.map((slug) => ({
+      tutorial: slug.replace("/developers/tutorials", "").split("/").slice(1),
+      locale,
+    }))
+  )
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: string; tutorial: string[] }>
+}) {
+  const { locale, tutorial } = await params
+  const slug = ["developers/tutorials", ...(tutorial || [])]
+
+  return await getMdMetadata({
+    locale,
+    slug,
+  })
+}
+
+export const dynamicParams = false

app/[locale]/error.tsx

@@ -0,0 +1,32 @@
+"use client"
+
+import { useEffect } from "react"
+
+import MainArticle from "@/components/MainArticle"
+import Translation from "@/components/Translation"
+import { Button } from "@/components/ui/buttons/Button"
+
+export default function Error({
+  error,
+  reset,
+}: {
+  error: Error
+  reset: () => void
+}) {
+  useEffect(() => {
+    // TODO: log the error to an error reporting service
+    console.error(error)
+  }, [error])
+
+  return (
+    <div className="mx-auto mb-0 mt-16 flex w-full flex-col items-center">
+      <MainArticle className="my-8 w-full space-y-8 px-8 py-4">
+        <h1>
+          <Translation id="we-couldnt-find-that-page" />
+        </h1>
+        <p>Something went wrong.</p>
+        <Button onClick={() => reset()}>Try again</Button>
+      </MainArticle>
+    </div>
+  )
+}