feat: query and render the changelog (#172)

* feat: query and render the changelog

probably a better alternative approach to this, but it works...

closes #165

Signed-off-by: Logan McAnsh <[email protected]>

* chore: pr review suggestions

Signed-off-by: Logan McAnsh <[email protected]>

---------

Signed-off-by: Logan McAnsh <[email protected]>

Author: mcansh

app/lib/gh-docs/docs.ts

@@ -92,7 +92,7 @@ global.docCache ??= new LRUCache<string, Doc>({
 
 async function fetchDoc(key: string): Promise<Doc> {
   let [repo, ref, slug] = key.split(":");
-  let filename = `docs/${slug}.md`;
+  let filename = `${slug}.md`;
   let md = await getRepoContent(repo, ref, filename);
   if (md === null) {
     throw Error(`Could not find ${filename} in ${repo}@${ref}`);

app/routes/$.tsx

@@ -55,7 +55,7 @@ export const loader = async ({ request, params }: LoaderFunctionArgs) => {
   try {
     let ref = "main";
     let lang = "en";
-    let doc = await getRepoDoc(ref, params["*"]!);
+    let doc = await getRepoDoc(ref, `docs/${params["*"]}`);
     if (!doc) throw null;
     // FIXME: This results in two fetches, as the loader for the docs page will
     // repeat the request cycle. This isn't a problem if the doc is in the LRU

app/routes/docs.$lang.$ref.$.tsx

@@ -30,7 +30,10 @@ export async function loader({ params, request }: LoaderFunctionArgs) {
   let pageUrl = url.protocol + "//" + url.host + url.pathname;
   invariant(params.ref, "expected `ref` params");
   try {
-    let doc = await getRepoDoc(params.ref, params["*"] || "index");
+    let slug = params["*"]?.endsWith("/changelog")
+      ? "CHANGELOG"
+      : `docs/${params["*"] || "index"}`;
+    let doc = await getRepoDoc(params.ref, slug);
     if (!doc) throw null;
     return json(
       { doc, pageUrl },