rendering community pages

Author: jderochervlk

app/routes.mjs

@@ -24,10 +24,6 @@ let $$default = Belt_Array.concatMany([
     Routes.index("./routes/LandingPageRoute.mjs"),
     Routes.route("packages", "./routes/PackagesRoute.mjs"),
     Routes.route("try", "./routes/TryRoute.mjs"),
-    Routes.route("community", "./routes/CommunityRoute.mjs"),
-    Routes.route("community/overview", "./routes/CommunityRoute.mjs", {
-      id: "overview"
-    }),
     Routes.route("syntax-lookup", "./routes/SyntaxLookupRoute.mjs", {
       id: "syntax-lookup"
     }),

app/routes.res

@@ -18,8 +18,6 @@ let default = [
   index("./routes/LandingPageRoute.mjs"),
   route("packages", "./routes/PackagesRoute.mjs"),
   route("try", "./routes/TryRoute.mjs"),
-  route("community", "./routes/CommunityRoute.mjs"),
-  route("community/overview", "./routes/CommunityRoute.mjs", ~options={id: "overview"}),
   route("syntax-lookup", "./routes/SyntaxLookupRoute.mjs", ~options={id: "syntax-lookup"}),
   route("blog", "./routes/BlogRoute.mjs", ~options={id: "blog-index"}),
   route("blog/archived", "./routes/BlogRoute.mjs", ~options={id: "blog-archived"}),

app/routes/MdxRoute.res

@@ -6,6 +6,7 @@ type loaderData = {
   categories: array<SidebarLayout.Sidebar.Category.t>,
   entries: array<TableOfContents.entry>,
   blogPost?: BlogApi.post,
+  resources?: array<CommunityContent.link>,
 }
 
 /**
@@ -42,6 +43,7 @@ let components = {
   "UrlBox": Markdown.UrlBox.make,
   "Video": Markdown.Video.make,
   "Warn": Markdown.Warn.make,
+  "CommunityContent": CommunityContent.make,
 }
 
 let convertToNavItems = (items, rootPath) =>
@@ -112,6 +114,22 @@ let reactTableOfContents = async () => {
   categories
 }
 
+let communityTableOfContents = async () => {
+  let groups =
+    (await allMdx())
+    ->filterMdxPages("community")
+    ->groupBySection
+    ->Dict.mapValues(values => values->sortSection->convertToNavItems("/community"))
+
+  // these are the categories that appear in the sidebar
+  let categories: array<SidebarLayout.Sidebar.Category.t> = getAllGroups(groups, ["Resources"])
+
+  categories
+}
+
+@module("../../data/resources.json")
+external resources: array<CommunityContent.link> = "default"
+
 let loader: Loader.t<loaderData> = async ({request}) => {
   let {pathname} = WebAPI.URL.make(~url=request.url)
 
@@ -138,6 +156,8 @@ let loader: Loader.t<loaderData> = async ({request}) => {
         await manualTableOfContents()
       } else if pathname->String.includes("docs/react") {
         await reactTableOfContents()
+      } else if pathname->String.includes("community") {
+        await communityTableOfContents()
       } else {
         []
       }
@@ -173,6 +193,7 @@ let loader: Loader.t<loaderData> = async ({request}) => {
       attributes: mdx.attributes,
       entries,
       categories,
+      resources,
     }
 
     res
@@ -205,11 +226,18 @@ let default = () => {
       <DocsLayout metaTitleCategory categories activeToc={title: "Introduction", entries}>
         <div className="markdown-body"> {component()} </div>
       </DocsLayout>
+    } else if (pathname :> string)->String.includes("community") {
+      let resources = loaderData.resources->Option.getOr([])
+      <div>
+        <SidebarLayout.Sidebar
+          categories={categories} isOpen={true} route={pathname} toggle={() => ()}
+        />
+        <div className="markdown-body"> {component()} </div>
+      </div>
     } else {
       switch loaderData.blogPost {
-      | Some({frontmatter, archived, path}) => <BlogArticle frontmatter isArchived=archived path>
-          {component()}
-        </BlogArticle>
+      | Some({frontmatter, archived, path}) =>
+        <BlogArticle frontmatter isArchived=archived path> {component()} </BlogArticle>
       | None => React.null // TODO: RR7 show an error
       }
     }}

app/routes/MdxRoute.resi

@@ -3,6 +3,7 @@ type loaderData = {
   categories: array<SidebarLayout.Sidebar.Category.t>,
   entries: array<TableOfContents.entry>,
   blogPost?: BlogApi.post,
+  resources?: array<CommunityContent.link>,
 }
 
 let loader: ReactRouter.Loader.t<loaderData>

pages/community/code-of-conduct.mdx renamed to community/code-of-conduct.mdx

@@ -2,6 +2,7 @@
 title: "Code of Conduct"
 description: "Our working codex for the ReScript community"
 canonical: "/community/code-of-conduct"
+section: "Resources"
 ---
 
 # Code of Conduct

pages/community/content.mdx renamed to community/content.mdx

@@ -2,6 +2,7 @@
 title: "Content"
 description: "Community Content"
 canonical: "/community/content"
+section: "Resources"
 ---
 
 import CommunityContent from "src/CommunityContent.mjs";

pages/community/overview.mdx renamed to community/overview.mdx

@@ -2,6 +2,7 @@
 title: "Overview"
 description: "Community Resources Overview"
 canonical: "/community/overview"
+section: "Resources"
 ---
 
 # Community Overview

pages/community/roadmap.mdx renamed to community/roadmap.mdx

@@ -2,6 +2,7 @@
 title: "Roadmap"
 description: "Goals & Future Releases"
 canonical: "/community/roadmap"
+section: "Resources"
 ---
 
 # Roadmap

pages/community/translations.mdx renamed to community/translations.mdx

@@ -2,6 +2,7 @@
 title: "Translations"
 description: "Translation Sites"
 canonical: "/community/translation"
+section: "Resources"
 ---
 
 # Translations