Enable frontmatter for latest manual layout

Author: ryyppy

common/App.re

@@ -42,7 +42,9 @@ type props = {
   "pageProps": pageProps,
 };
 
-[@bs.get] external frontmatter: React.component(Js.t({.})) => Js.Json.t = "frontmatter";
+[@bs.get]
+external frontmatter: React.component(Js.t({.})) => Js.Json.t =
+  "frontmatter";
 
 let default = (props: props): React.element => {
   let component = props##"Component";
@@ -59,11 +61,14 @@ let default = (props: props): React.element => {
   | {base: [|"docs", "manual"|], version} =>
     switch (version) {
     | Latest =>
-      <ManualDocsLayout.Prose> content </ManualDocsLayout.Prose>
+      <ManualDocsLayout.Prose frontmatter={component->frontmatter}>
+        content
+      </ManualDocsLayout.Prose>
     | Version("v8.0.0") =>
-      <ManualDocsLayout8_0_0.Prose frontmatter=component->frontmatter> content </ManualDocsLayout8_0_0.Prose>
-    | _ =>
-      React.null
+      <ManualDocsLayout8_0_0.Prose frontmatter={component->frontmatter}>
+        content
+      </ManualDocsLayout8_0_0.Prose>
+    | _ => React.null
     }
   | {base: [|"docs", "reason-compiler"|], version: Latest} =>
     <ReasonCompilerDocsLayout> content </ReasonCompilerDocsLayout>

layouts/DocsLayout.re

@@ -395,7 +395,6 @@ let make =
                ++ version
                ++ "/"
                ++ Js.Array2.joinWith(url.pagepath, "/");
-             Js.log2("targetUrl", targetUrl);
              router->Next.Router.push(targetUrl);
            };
            <VersionSelect

layouts/ManualDocsLayout.re

@@ -141,7 +141,12 @@ let categories = [|
 
 module Docs = {
   [@react.component]
-  let make = (~components=Markdown.default, ~children) => {
+  let make =
+      (
+        ~frontmatter: option(Js.Json.t)=?,
+        ~components=Markdown.default,
+        ~children,
+      ) => {
     let router = Next.Router.useRouter();
     let route = router.route;
 
@@ -188,6 +193,7 @@ module Docs = {
       title
       availableVersions=allManualVersions
       latestVersionLabel
+      ?frontmatter
       ?activeToc
       ?breadcrumbs>
       children
@@ -197,7 +203,7 @@ module Docs = {
 
 module Prose = {
   [@react.component]
-  let make = (~children) => {
-    <Docs components=Markdown.default> children </Docs>;
+  let make = (~frontmatter: option(Js.Json.t)=?, ~children) => {
+    <Docs ?frontmatter components=Markdown.default> children </Docs>;
   };
 };

layouts/ManualDocsLayout8_0_0.re

@@ -94,6 +94,10 @@ let jsInteropNavs = [|
     href: "/docs/manual/v8.0.0/bind-to-global-js-values",
   },
   {name: "JSON", href: "/docs/manual/v8.0.0/json"},
+  {
+    name: "Use Illegal Identifier Names",
+    href: "/docs/manual/latest/use-illegal-identifier-names",
+  },
   {
     name: "Browser Support & Polyfills",
     href: "/docs/manual/v8.0.0/browser-support-polyfills",
@@ -191,7 +195,7 @@ module Docs = {
               {(
                  "You are currently looking at the "
                  ++ version
-                 ++ " docs. You can find the latest manual page "
+                 ++ " docs (Reason v3.6 syntax edition). You can find the latest manual page "
                )
                ->s}
               <A href=latestUrl> "here"->s </A>