working on MDX

Author: jderochervlk

app/routes/MdxRoute.res

@@ -1,18 +1,35 @@
 open ReactRouter
 open Mdx
 
-type loaderData = Mdx.t
+module Sidebar = SidebarLayout.Sidebar
+
+module NavItem = Sidebar.NavItem
+module Category = Sidebar.Category
+
+type loaderData = {...Mdx.t}
 
 let loader: Loader.t<loaderData> = async ({request}) => {
-  let res = await loadMdx(request)
+  let mdx = await loadMdx(request)
+  let res: loaderData = {__raw: mdx.__raw, attributes: mdx.attributes}
   res
 }
 
 let default = () => {
   let component = useMdxComponent()
   let attributes = useMdxAttributes()
-  <section>
-    <h1> {React.string(attributes.title)} </h1>
-    {component()}
-  </section>
+  let _ = Toc.useToc(~category="manual")
+
+  // TODO directly use layout and pass props
+
+  // Console.log(attributes)
+  // <ManualDocsLayout.V1200Layout
+  //   metaTitleCategory="ReScript Language Manual"
+  //   version="latest"
+  //   availableVersions=Constants.allManualVersions
+  //   nextVersion=?Constants.nextVersion>
+  //   // {React.string(attributes.title)} </h1>
+  <div className="markdown-body">
+    <DocsLayout metaTitleCategory="Foo" categories=[]> {component()} </DocsLayout>
+  </div>
+  // </ManualDocsLayout.V1200Layout>
 }

docs/manual/introduction.mdx

@@ -1,7 +1,9 @@
 ---
 title: "Introduction"
 description: "Introduction to the ReScript programming language"
-canonical: "/docs/manual/v12.0.0/introduction"
+category: "manual"
+section: "overview"
+order: 1
 ---
 
 # ReScript