[docs] MarkdownPage

Author: jamesgpearce

site/build.ts

@@ -3,6 +3,7 @@ import type {Docs} from 'tinydocs';
 import {createDocs, getSorter} from 'tinydocs';
 import {ArticleInner} from './ui/ArticleInner.tsx';
 import {ExecutablePen} from './ui/ExecutablePen.tsx';
+import {MarkdownPage} from './ui/MarkdownPage.tsx';
 import {NavJson} from './ui/NavJson.tsx';
 import {Page} from './ui/Page.tsx';
 import {Readme} from './ui/Readme.tsx';
@@ -145,7 +146,11 @@ export const build = async (
       .addTextForEachNode('/demos/', ExecutablePen, 'pen.json')
       .addPageForNode('/api/', Page, 'all.html', true)
       .addMarkdownForNode('/', Readme, '../readme.md')
-      .addMarkdownForNode('/guides/releases/', Readme, '../../../releases.md');
+      .addMarkdownForNode(
+        '/guides/releases/',
+        MarkdownPage,
+        '../../../releases.md',
+      );
   }
 
   internalEsm.forEach((module) => {

site/ui/MarkdownPage.tsx

@@ -0,0 +1,9 @@
+import type {NoPropComponent} from 'tinydocs';
+import {Markdown, usePageNode} from 'tinydocs';
+
+export const MarkdownPage: NoPropComponent = (): any => {
+  const {summary, body} = usePageNode();
+  const markdown = summary + '\n\n' + body;
+
+  return <Markdown markdown={markdown} html={true} skipCode={true} />;
+};