working on api table of contents

Author: jderochervlk

app/routes/ApiRoute.res

@@ -1,15 +1,59 @@
 type loaderData = ApiDocs.props
 
+type rec apiItem = {
+  id: string,
+  kind: string,
+  name: string,
+  items?: array<apiItem>,
+  docStrings: array<string>,
+}
+
+let rec rawApiItemToNode = (apiItem: apiItem): ApiDocs.node => {
+  {
+    name: apiItem.name,
+    path: apiItem.id
+    ->String.toLowerCase
+    ->String.split(".")
+    ->Array.filter(segment => segment !== "stdlib"),
+    children: apiItem.items->Option.map(Array.map(_, rawApiItemToNode))->Option.getOr([]),
+  }
+}
+
+@scope("JSON") @val
+external parseApi: string => Dict.t<apiItem> = "parse"
+
 let loader: ReactRouter.Loader.t<loaderData> = async args => {
-  let pathname =
-    WebAPI.URL.make(~url=args.request.url).pathname->String.replace("/docs/manual/api/", "")
-  Console.log(pathname)
+  let path =
+    WebAPI.URL.make(~url=args.request.url).pathname
+    ->String.replace("/docs/manual/api/", "")
+    ->String.split("/")
+
+  let apiDocs = parseApi(await Node.Fs.readFile("./docs/api/stdlib.json", "utf-8"))
+
+  let stdlibToc = apiDocs->Dict.get("stdlib")
+
+  let toctree =
+    apiDocs
+    ->Dict.keysToArray
+    ->Array.map(key => Dict.getUnsafe(apiDocs, key))
+    ->Array.map(rawApiItemToNode)
 
   let data = {
-    await ApiDocs.getStaticProps(["stdlib", "bigint"])
+    // TODO RR7: refactor this function to only return the module and not the toctree
+    // or move the toc logic to this function
+    await ApiDocs.getStaticProps(path)
   }
 
-  data["props"]
+  data["props"]->Result.map((item): ApiDocs.api => {
+    {
+      module_: item.module_,
+      toctree: {
+        name: "Stdlib",
+        path: [],
+        children: toctree,
+      },
+    }
+  })
 }
 
 let default = () => {

src/ApiDocs.res

@@ -97,13 +97,17 @@ module SidebarTree = {
     // let router = Next.Router.useRouter() // Remove Next.js router usage if not needed
     open ReactRouter
 
+    let location = useLocation()
+
+    Console.log(location)
+
     // Use ReactRouter's useLocation if needed, or refactor to not use router
     // let location = ReactRouter.useLocation()
     // let url = ""
     // let url = location.pathname->Url.parse
 
     let moduleRoute =
-      WebAPI.URL.make(~url="file://" ++ "" /* TODO: location.pathname */).pathname
+      (location.pathname :> string)
       ->String.replace(`/docs/manual/api/`, "")
       ->String.split("/")
 
@@ -456,15 +460,10 @@ let processStaticProps = (~slug: array<string>) => {
     let {items, docstrings, deprecated, name} = Docgen.decodeFromJson(json)
 
     let id = switch json {
-    | Object(dict) => {
-        Console.log(dict)
-        switch Dict.get(dict, "id") {
-        | Some(String(s)) => {
-            Console.log2(100, s)
-            s
-          }
-        | _ => ""
-        }
+    | Object(dict) =>
+      switch Dict.get(dict, "id") {
+      | Some(String(s)) => s
+      | _ => ""
       }
     | _ => ""
     }