add belt and dom apis to docs

Author: jderochervlk

app/routes.mjs

@@ -15,10 +15,24 @@ tmp = typeof json === "object" && json !== null && !Array.isArray(json) ? Object
 
 let stdlibPaths = tmp.map(key => "docs/manual/api/" + key).filter(path => path !== "docs/manual/api/stdlib");
 
+let rawFile$1 = await Promises.readFile("./docs/api/belt.json", "utf-8");
+
+let json$1 = JSON.parse(rawFile$1);
+
+let tmp$1;
+
+tmp$1 = typeof json$1 === "object" && json$1 !== null && !Array.isArray(json$1) ? Object.keys(json$1) : [];
+
+let beltPaths = tmp$1.map(key => "docs/manual/api/" + key).filter(path => path !== "docs/manual/api/belt");
+
 let stdlibRoutes = stdlibPaths.map(path => Routes.route(path, "./routes/ApiRoute.mjs", {
   id: path
 }));
 
+let beltRoutes = beltPaths.map(path => Routes.route(path, "./routes/ApiRoute.mjs", {
+  id: path
+}));
+
 let $$default = Belt_Array.concatMany([
   [
     Routes.index("./routes/LandingPageRoute.mjs"),
@@ -47,13 +61,16 @@ let $$default = Belt_Array.concatMany([
     })
   ],
   stdlibRoutes,
+  beltRoutes,
   Server.routes("./routes/MdxRoute.mjs"),
   [Routes.route("*", "./routes/NotFoundRoute.mjs")]
 ]);
 
 export {
   stdlibPaths,
+  beltPaths,
   stdlibRoutes,
+  beltRoutes,
   $$default as default,
 }
 /* rawFile Not a pure module */

app/routes.res

@@ -11,9 +11,23 @@ let stdlibPaths = {
   ->Array.filter(path => path !== "docs/manual/api/stdlib")
 }
 
+let beltPaths = {
+  let rawFile = await Node.Fs.readFile("./docs/api/belt.json", "utf-8")
+  let json = JSON.parseOrThrow(rawFile)
+  switch json {
+  | Object(json) => Dict.keysToArray(json)
+  | _ => []
+  }
+  ->Array.map(key => "docs/manual/api/" ++ key)
+  ->Array.filter(path => path !== "docs/manual/api/belt")
+}
+
 let stdlibRoutes =
   stdlibPaths->Array.map(path => route(path, "./routes/ApiRoute.mjs", ~options={id: path}))
 
+let beltRoutes =
+  beltPaths->Array.map(path => route(path, "./routes/ApiRoute.mjs", ~options={id: path}))
+
 let default = [
   index("./routes/LandingPageRoute.mjs"),
   route("packages", "./routes/PackagesRoute.mjs"),
@@ -26,6 +40,7 @@ let default = [
   route("docs/manual/api/belt", "./routes/ApiRoute.mjs", ~options={id: "api-belt"}),
   route("docs/manual/api/dom", "./routes/ApiRoute.mjs", ~options={id: "api-dom"}),
   ...stdlibRoutes,
+  ...beltRoutes,
   ...mdxRoutes("./routes/MdxRoute.mjs"),
   route("*", "./routes/NotFoundRoute.mjs"),
 ]

app/routes/ApiRoute.res

@@ -13,7 +13,9 @@ let rec rawApiItemToNode = (apiItem: apiItem): ApiDocs.node => {
     name: apiItem.name,
     path: apiItem.id
     ->String.split(".")
-    ->Array.filter(segment => segment !== "Stdlib" && segment !== "Belt" && segment !== "Js"),
+    ->Array.filter(segment =>
+      segment !== "Stdlib" && segment !== "Belt" && segment !== "Js" && segment !== "Dom"
+    ),
     children: apiItem.items
     ->Option.map(items =>
       Array.filter(items, item =>
@@ -101,9 +103,15 @@ let loader: ReactRouter.Loader.t<loaderData> = async args => {
     ->String.replace("/docs/manual/api/", "")
     ->String.split("/")
 
-  let apiDocs = parseApi(await Node.Fs.readFile("./docs/api/stdlib.json", "utf-8"))
+  let basePath = path[0]->Option.getUnsafe
 
-  let stdlibToc = apiDocs->Dict.get("stdlib")
+  let apiDocs = switch basePath {
+  | "belt" => parseApi(await Node.Fs.readFile("./docs/api/belt.json", "utf-8"))
+  | "dom" => parseApi(await Node.Fs.readFile("./docs/api/dom.json", "utf-8"))
+  | _ => parseApi(await Node.Fs.readFile("./docs/api/stdlib.json", "utf-8"))
+  }
+
+  let stdlibToc = apiDocs->Dict.get(basePath)
 
   let toctree = groupItems(apiDocs)
 
@@ -121,7 +129,7 @@ let loader: ReactRouter.Loader.t<loaderData> = async args => {
     {
       module_: item.module_,
       toctree: {
-        name: "Stdlib",
+        name: basePath->String.capitalize,
         path: [],
         children: toctree,
       },

src/ApiDocs.res

@@ -230,6 +230,7 @@ module SidebarTree = {
         <div className="hl-overline text-gray-80 mt-5 mb-2"> {"submodules"->React.string} </div>
         {node.children
         ->Array.toSorted((v1, v2) => String.compare(v1.name, v2.name))
+        ->Array.filter(child => child.name !== node.name)
         ->Array.map(renderNode)
         ->React.array}
       </aside>
@@ -403,7 +404,7 @@ module Data = {
 
     let pathModule = Path.join([dir, `${moduleName}.json`])
 
-    let moduleContent = Fs.readFileSync("docs/api/stdlib.json")->JSON.parseOrThrow
+    let moduleContent = Fs.readFileSync(`docs/api/${moduleName}.json`)->JSON.parseOrThrow
 
     let content = switch moduleContent {
     | Object(dict) => dict->Some
@@ -424,9 +425,16 @@ let processStaticProps = (~slug: array<string>) => {
   let content =
     // TODO post RR7: rename this to getByModuleName
     Data.getVersion(~moduleName)
-    ->Option.map(data => data.mainModule)
+    ->Option.map(data => {
+      let x = data.mainModule
+      Console.log(modulePath)
+      Console.log(x->Dict.keysToArray)
+      x
+    })
     ->Option.flatMap(Dict.get(_, modulePath))
 
+  // Console.log(content)
+
   let _content = content
 
   switch content {