version docs pages

src/pages/docs/[version]/types/[module]/index.astro

@@ -0,0 +1,45 @@
+---
+import DocsLayout from "@layouts/DocsLayout.astro";
+import { getVersionsData } from "@config/io/generateTypeData";
+import { processMarkdown } from "@src/config/io/markdown";
+
+export async function getStaticPaths() {
+  return (await getVersionsData()).versions.flatMap(version => {
+    return version.modules.map(module => ({
+      params: { version: version.name, module: module.name },
+      props: { version, module },
+    }));
+  });
+}
+
+const { version, module } = Astro.props;
+const details = module.details
+  ? await processMarkdown(version.name, module.details)
+  : null;
+---
+
+<DocsLayout
+  title={module.name + " Module Types"}
+  description="Quickshell Type Documentation"
+>
+  <div class="docs-content">
+    <hr />
+    <h2 class="typedocs-title">{module.name} Definitions</h2>
+    <section>
+      <span>{module.description}</span>
+      <div class="root-nav" data-pagefind-ignore>
+        {module.types.map(type => 
+          (
+          <div class="root-nav-entry">
+            <a class="root-nav-link" href={`/docs/${version.name}/types/${module.name}/${type.name}`}>
+              {type.name}
+            </a>
+            <span class="root-nav-desc">{type.description}</span>
+          </div>
+          )
+        )}
+      </div>
+      {details && <span class="parsedMD" set:html={details}/>}
+    </section>
+  </div>
+</DocsLayout>