create-riebeckite 0.0.16 → 0.0.18

package/templates/scaffold/presets/showcase/app/style.css

@@ -0,0 +1,227 @@
+@import "./.riebeckite/plugin-styles.css";
+@import "./.riebeckite/theme-styles.css";
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family: system-ui, sans-serif;
+}
+
+.riebeckite-page {
+  display: flex;
+  min-height: 100vh;
+  width: 100%;
+  flex-direction: column;
+  align-items: center;
+  padding-block: var(--rb-space-8, 4rem);
+}
+
+.site-header {
+  display: flex;
+  align-items: center;
+  gap: var(--rb-space-3, 1.5rem);
+  padding-block: var(--rb-space-3, 1.5rem);
+  border-bottom: 1px solid var(--rb-color-border);
+}
+
+.site-header,
+.rb-site-footer {
+  width: min(100% - 2rem, var(--rb-layout-article-max, 48rem));
+}
+
+.site-header__home {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-right: auto;
+  color: var(--rb-color-ink);
+  font-weight: 700;
+  text-decoration: none;
+}
+
+.rb-nav {
+  color: var(--rb-color-ink);
+}
+
+.rb-nav__list {
+  display: flex;
+  align-items: center;
+  gap: var(--rb-space-3, 1.5rem);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.rb-nav__item {
+  position: relative;
+}
+
+.rb-nav__link {
+  color: inherit;
+  text-decoration: none;
+}
+
+.rb-nav__link:hover,
+.rb-nav__link:focus-visible,
+.rb-nav__link--active {
+  color: var(--rb-color-accent);
+}
+
+.rb-nav__link:focus-visible,
+.rb-nav__toggle:focus-visible {
+  outline: 2px solid var(--rb-color-accent);
+  outline-offset: 2px;
+}
+
+.rb-nav__children {
+  display: none;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  min-width: max-content;
+  padding: var(--rb-space-2, 1rem);
+  background: var(--rb-color-surface);
+  border: 1px solid var(--rb-color-border);
+}
+
+.rb-nav__item:hover > .rb-nav__children,
+.rb-nav__item:focus-within > .rb-nav__children {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+
+.rb-nav__mobile {
+  display: none;
+}
+
+.rb-site-footer {
+  margin-top: 1rem;
+  padding-block: var(--rb-space-4, 2rem);
+  border-top: 1px solid var(--rb-color-border);
+}
+
+@media (max-width: 48rem) {
+  .riebeckite-page {
+    padding-block: var(--rb-space-3, 1.5rem);
+  }
+
+  .rb-site-header {
+    flex-wrap: wrap;
+  }
+
+  .rb-site-header > .rb-nav {
+    display: none;
+  }
+
+  .rb-nav__mobile {
+    position: relative;
+    display: block;
+  }
+
+  .rb-nav__mobile > .rb-nav {
+    position: absolute;
+    z-index: 10;
+    top: calc(100% + var(--rb-space-2, 1rem));
+    right: 0;
+    min-width: 12rem;
+    padding: var(--rb-space-3, 1.5rem);
+    background: var(--rb-color-surface);
+    border: 1px solid var(--rb-color-border);
+    box-shadow: 0 4px 12px
+      color-mix(in oklab, var(--rb-color-ink) 14%, transparent);
+  }
+
+  .rb-nav__mobile .rb-nav__list,
+  .rb-nav__mobile .rb-nav__children {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--rb-space-2, 1rem);
+  }
+
+  .rb-nav__mobile .rb-nav__list {
+    padding: 0;
+  }
+
+  .rb-nav__mobile .rb-nav__children {
+    position: static;
+    margin-top: var(--rb-space-2, 1rem);
+    padding: 0;
+    background: transparent;
+    border: 0;
+  }
+}
+
+.site-header__logo {
+  width: 1.75rem;
+  height: 1.75rem;
+  object-fit: contain;
+}
+
+.site-article {
+  display: block;
+  width: min(100% - 2rem, var(--rb-layout-article-max, 48rem));
+  padding-block: 2rem;
+  margin: 0 auto;
+}
+
+.rb-article-layout {
+  display: grid;
+  grid-template-columns: minmax(0, var(--rb-layout-article-max, 48rem));
+  justify-content: center;
+  gap: var(--rb-layout-gap, 2rem);
+}
+
+.rb-article-body {
+  min-width: 0;
+  padding-inline: var(--rb-space-2, 1rem);
+}
+
+.site-article__aside {
+  display: none;
+}
+
+.site-article__footer {
+  min-width: 0;
+}
+
+@media (min-width: 88rem) {
+  :is(:root, .rb-theme-root)[data-article-layout="article"] .rb-article-layout {
+    grid-template-columns: minmax(0, var(--rb-layout-article-max, 48rem));
+    position: relative;
+  }
+
+  :is(:root, .rb-theme-root)[data-article-layout="article"] .rb-article-body {
+    grid-column: 1;
+    grid-row: 1;
+  }
+
+  :is(:root, .rb-theme-root)[data-article-layout="article"] .site-article__footer {
+    grid-column: 1;
+  }
+
+  :is(:root, .rb-theme-root)[data-article-layout="article"] .site-article__aside {
+    display: block;
+    grid-column: 1;
+    grid-row: 1;
+    position: sticky;
+    top: 4rem;
+    align-self: start;
+    width: var(--rb-layout-sidebar, 14rem);
+    max-height: calc(100dvh - 8rem);
+    margin-inline-start: calc(
+      -1 * var(--rb-layout-sidebar, 14rem) -
+      var(--rb-layout-gap, 2rem)
+    );
+    overflow: auto;
+    padding-inline-end: 1rem;
+    border-inline-end: 1px solid
+      color-mix(in oklab, currentColor 18%, transparent);
+  }
+}

package/templates/scaffold/presets/showcase/content/attachments/project-brief.pdf

@@ -0,0 +1,5 @@
+%PDF-1.1
+1 0 obj<</Type/Catalog/Pages 2 0 R>>endobj
+2 0 obj<</Type/Pages/Count 0/Kids[]>>endobj
+trailer<</Root 1 0 R>>
+%%EOF

package/templates/scaffold/presets/showcase/content/demo/planning.md

@@ -0,0 +1,16 @@
+---
+title: Planning a Markdown site
+description: A related note used by the generated discovery examples.
+date: 2026-09-30
+tags: [riebeckite, project]
+status: active
+aliases: [/start-here/]
+series: publish-a-site
+series_title: Publish a site
+series_order: 1
+publish: true
+---
+
+# Planning a Markdown site
+
+Start with [[writing]] to see backlinks, related posts, tags, and the series navigation working together.

package/templates/scaffold/presets/showcase/content/demo/writing.md

@@ -0,0 +1,15 @@
+---
+title: Writing the first note
+description: A second connected note for search and related-content examples.
+date: 2026-10-01
+tags: [riebeckite, project]
+status: active
+series: publish-a-site
+series_title: Publish a site
+series_order: 2
+publish: true
+---
+
+# Writing the first note
+
+This note links back to [[planning]]. Search for **Markdown site** or browse the generated tags.

package/templates/scaffold/presets/showcase/content/drawings/Architecture.excalidraw

@@ -0,0 +1 @@
+{"type":"excalidraw","version":2,"elements":[],"appState":{"viewBackgroundColor":"#ffffff"},"files":{}}

package/templates/scaffold/presets/showcase/content/drawings/site.canvas

@@ -0,0 +1 @@
+{"nodes":[{"id":"note","type":"text","text":"Note","x":0,"y":0,"width":200,"height":60}],"edges":[]}

package/templates/scaffold/presets/showcase/content/guide.en.md

@@ -0,0 +1,46 @@
+---
+publish: true
+---
+
+# Getting started
+
+This site was generated from a Riebeckite scaffold preset. Everything
+you see lives in this repository, ready to edit.
+
+## Add a page
+
+Drop a Markdown file into `content/` with `publish: true` in its
+frontmatter and it appears in the built site:
+
+```md
+---
+publish: true
+---
+
+# Hello
+
+Body text...
+```
+
+
+## Run the site
+
+```sh
+npm install
+npm exec riebeckite dev
+npm exec riebeckite build
+```
+
+
+## Localize a page
+
+Add a translated file next to the default one using the
+`<base>.<lang>.md` convention (`about.ja.md`, `about.en.md`). With the
+l10n plugin enabled, translations are served under `/lang/` paths and
+linked by the language switcher.
+
+## Extend
+
+Plugins and themes are registered in `riebeckite.config.ts`. Install a
+package, import its factory, and add it to the `plugins` array or point
+`theme` at a new theme factory.

package/templates/scaffold/presets/showcase/content/images/demo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="640" height="360" viewBox="0 0 640 360"><rect width="640" height="360" fill="#315b8c"/><text x="320" y="180" fill="white" font-size="32" text-anchor="middle">Riebeckite showcase</text></svg>

package/templates/scaffold/presets/showcase/content/index.de.md

@@ -0,0 +1,17 @@
+---
+publish: true
+---
+
+# {{title}}
+Willkommen auf deiner Riebeckite-Seite.
+Jede Seite dieses Starters ist in sieben Sprachen verfügbar. Wechsel mit dem Auswahlfeld unter dem Seitentitel.
+## Was ist Riebeckite?
+Riebeckite ist ein erweiterbares, inhaltsorientiertes Framework, das schnelle statische Seiten aus einfachem Markdown baut — denselben Notizen, die du in Obsidian führst. Das Ökosystem umfasst 50+ Plugins und sechs Themes; diese Seite demonstriert beides.
+## Weiter erkunden
+- [Plugins — repräsentative Pakete nach Fähigkeit](/framework/plugins)
+- [Themes — mitgelieferte Design-Pakete und wie man wechselt](/framework/themes)
+- [Working examples](/examples/)
+- [Plugin reference](/reference/plugins/)
+## Diese Seite bearbeiten
+Inhalte liegen als einfaches Markdown in `content/`. Füge eine Datei hinzu, setze `publish: true` ins Frontmatter, und sie erscheint in der gebauten Seite.
+Übersetzte Seiten folgen der Konvention `<base>.<lang>.md` neben der Standarddatei (z. B. `about.ja.md`). Das l10n-Plugin liefert sie unter `/lang/`-Pfaden und verlinkt sie automatisch.

package/templates/scaffold/presets/showcase/content/index.en.md

@@ -0,0 +1,17 @@
+---
+publish: true
+---
+
+# {{title}}
+Welcome to your Riebeckite site.
+Every page of this starter is available in seven languages. Switch with the selector below the page title.
+## What is Riebeckite?
+Riebeckite is an extensible, content-first framework that builds fast static sites from plain Markdown — the same notes you keep in Obsidian. The ecosystem includes 50+ plugins and six themes, and this site demos both.
+## Explore
+- [Plugins — representative packages grouped by capability](/framework/plugins)
+- [Themes — built-in design packages and how to switch](/framework/themes)
+- [Working examples](/examples/)
+- [Plugin reference](/reference/plugins/)
+## Edit this site
+Content lives in `content/` as plain Markdown. Add a file, give it `publish: true` in the frontmatter, and it appears in the built site.
+Localized pages use the `<base>.<lang>.md` convention next to the default file — for example `about.ja.md`. The l10n plugin serves them under `/lang/` paths and links them automatically.

package/templates/scaffold/presets/showcase/content/index.es.md

@@ -0,0 +1,17 @@
+---
+publish: true
+---
+
+# {{title}}
+Bienvenido a tu sitio Riebeckite.
+Cada página de este starter está disponible en siete idiomas. Cámbialos con el selector bajo el título.
+## ¿Qué es Riebeckite?
+Riebeckite es un framework extensible y orientado al contenido que construye sitios estáticos rápidos desde Markdown simple — las mismas notas que guardas en Obsidian. El ecosistema incluye más de 50 plugins y seis temas; este sitio demuestra ambos.
+## Explorar
+- [Plugins — paquetes representativos por capacidad](/framework/plugins)
+- [Temas — paquetes de diseño incluidos y cómo cambiar](/framework/themes)
+- [Working examples](/examples/)
+- [Plugin reference](/reference/plugins/)
+## Editar este sitio
+El contenido vive en `content/` como Markdown simple. Añade un archivo, pon `publish: true` en el frontmatter y aparecerá en el sitio compilado.
+Las páginas localizadas usan la convención `<base>.<lang>.md` junto al archivo por defecto (p. ej. `about.ja.md`). El plugin l10n las sirve bajo rutas `/lang/` y las enlaza automáticamente.

package/templates/scaffold/presets/showcase/content/index.fr.md

@@ -0,0 +1,17 @@
+---
+publish: true
+---
+
+# {{title}}
+Bienvenue sur votre site Riebeckite.
+Chaque page de ce starter est disponible en sept langues. Changez avec le sélecteur sous le titre.
+## Qu'est-ce que Riebeckite ?
+Riebeckite est un framework extensible et centré sur le contenu qui construit des sites statiques rapides à partir de Markdown simple — les mêmes notes que vous gardez dans Obsidian. L'écosystème inclut plus de 50 plugins et six thèmes ; ce site en démontre les deux.
+## Explorer
+- [Plugins — paquets représentatifs par capacité](/framework/plugins)
+- [Thèmes — paquets de design inclus et comment changer](/framework/themes)
+- [Working examples](/examples/)
+- [Plugin reference](/reference/plugins/)
+## Éditer ce site
+Le contenu vit dans `content/` en Markdown simple. Ajoutez un fichier, donnez-lui `publish: true` dans le frontmatter, et il apparaîtra dans le site construit.
+Les pages localisées suivent la convention `<base>.<lang>.md` à côté du fichier par défaut (ex. `about.ja.md`). Le plugin l10n les sert sous des chemins `/lang/` et les relie automatiquement.

package/templates/scaffold/presets/showcase/content/index.ja.md

@@ -0,0 +1,17 @@
+---
+publish: true
+---
+
+# {{title}}
+あなたの Riebeckite サイトへようこそ。
+このスターターのすべてのページは 7 言語で利用できます。ページタイトル下のセレクターで切り替えられます。
+## Riebeckite とは
+Riebeckite は、プレーンな Markdown（Obsidian で管理しているのと同じノート）から高速な静的サイトを生成する、拡張性のあるコンテンツファーストのフレームワークです。エコシステムには 50 以上のプラグインと 6 つのテーマがあり、このサイトはその両方をデモしています。
+## さらに深く
+- [プラグイン — 機能別の代表的なパッケージ](/framework/plugins)
+- [テーマ — 同梱のデザインパッケージと切り替え方](/framework/themes)
+- [Working examples](/examples/)
+- [Plugin reference](/reference/plugins/)
+## サイトの編集
+コンテンツは `content/` にプレーンな Markdown として置きます。ファイルを追加してフロントマターに `publish: true` を書けば、ビルドされたサイトに反映されます。
+翻訳ページは既定ファイルの隣に `<base>.<lang>.md` の命名規則で置きます（例：`about.ja.md`）。l10n プラグインが `/lang/` パスの配下で配信し、自動的にリンクします。

package/templates/scaffold/presets/showcase/content/index.ko.md

@@ -0,0 +1,17 @@
+---
+publish: true
+---
+
+# {{title}}
+Riebeckite 사이트에 오신 것을 환영합니다.
+이 스타터의 모든 페이지는 7개 언어로 제공됩니다. 페이지 제목 아래 선택기로 전환하세요.
+## Riebeckite란?
+Riebeckite는 일반 Markdown(Obsidian에서 관리하는 노트)에서 빠른 정적 사이트를 만드는 확장 가능한 콘텐츠 우선 프레임워크입니다. 생태계에는 50개 이상의 플러그인과 6개 테마가 있으며, 이 사이트가 그 두 가지를 보여줍니다.
+## 더 살펴보기
+- [플러그인 — 기능별 대표 패키지](/framework/plugins)
+- [테마 — 내장 디자인 패키지와 전환 방법](/framework/themes)
+- [Working examples](/examples/)
+- [Plugin reference](/reference/plugins/)
+## 사이트 편집
+콘텐츠는 `content/`에 일반 Markdown으로 저장됩니다. 파일을 추가하고 프론트매터에 `publish: true`를 쓰면 빌드된 사이트에 나타납니다.
+번역 페이지는 기본 파일 옆에 `<base>.<lang>.md` 규칙으로 둡니다(예: `about.ja.md`). l10n 플러그인이 `/lang/` 경로로 서빙하며 자동으로 링크합니다.

package/templates/scaffold/presets/showcase/content/index.zh-CN.md

@@ -0,0 +1,17 @@
+---
+publish: true
+---
+
+# {{title}}
+欢迎来到你的 Riebeckite 站点。
+本模板的每个页面均提供七种语言版本，可用页面标题下方的选择器切换。
+## 什么是 Riebeckite？
+Riebeckite 是一个可扩展、内容优先的框架，可从纯 Markdown（即你在 Obsidian 中保存的笔记）构建快速的静态站点。生态包含 50+ 插件与六个主题，本站点同时演示两者。
+## 继续探索
+- [插件 — 按能力分组的代表性包](/framework/plugins)
+- [主题 — 内置设计包与切换方法](/framework/themes)
+- [Working examples](/examples/)
+- [Plugin reference](/reference/plugins/)
+## 编辑本站点
+内容以纯 Markdown 存于 `content/`。新建文件并在 frontmatter 中写入 `publish: true`，它就会出现在构建后的站点中。
+本地化页面采用默认文件旁的 `<base>.<lang>.md` 命名约定（例如 `about.ja.md`）。l10n 插件会在 `/lang/` 路径下提供服务并自动互链。

package/templates/scaffold/presets/starter/app/components/article.tsx

@@ -0,0 +1,66 @@
+import type { PostContent } from "@riebeckite/core";
+import { Article, ArticleContent, ArticleLayout } from "@riebeckite/honox/ui";
+
+export function SiteArticle({
+  post,
+  bodySlots,
+  asideContent,
+  afterContent,
+  footerContent,
+}: {
+  post: PostContent;
+  bodySlots?: Readonly<Record<string, string>>;
+  asideContent?: unknown;
+  afterContent?: unknown;
+  footerContent?: unknown;
+}) {
+  return (
+    <Article class="site-article">
+      <ArticleLayout>
+        {asideContent}
+        {bodySlots?.["article.aside"] ? (
+          <div
+            class="site-article__aside"
+            dangerouslySetInnerHTML={{ __html: bodySlots["article.aside"] }}
+          />
+        ) : null}
+        <ArticleContent>
+          {bodySlots?.["article.header"] ? (
+            <div
+              class="site-article__header"
+              dangerouslySetInnerHTML={{ __html: bodySlots["article.header"] }}
+            />
+          ) : null}
+          {bodySlots?.["article.metadata"] ? (
+            <div
+              class="site-article__metadata"
+              dangerouslySetInnerHTML={{ __html: bodySlots["article.metadata"] }}
+            />
+          ) : null}
+          {bodySlots?.["article.before-content"] ? (
+            <div
+              class="site-article__before-content"
+              dangerouslySetInnerHTML={{ __html: bodySlots["article.before-content"] }}
+            />
+          ) : null}
+          <div dangerouslySetInnerHTML={{ __html: post.html ?? "" }} />
+          {afterContent}
+          {bodySlots?.["article.after-content"] ? (
+            <div
+              class="site-article__after-content"
+              dangerouslySetInnerHTML={{ __html: bodySlots["article.after-content"] }}
+            />
+          ) : null}
+        </ArticleContent>
+        {bodySlots?.["article.footer"] || footerContent ? (
+          <div class="site-article__footer">
+            {bodySlots?.["article.footer"] ? (
+              <div dangerouslySetInnerHTML={{ __html: bodySlots["article.footer"] }} />
+            ) : null}
+            {footerContent}
+          </div>
+        ) : null}
+      </ArticleLayout>
+    </Article>
+  );
+}

package/templates/scaffold/presets/starter/app/components/site-header.tsx

@@ -0,0 +1,113 @@
+import type { NavigationItem } from "@riebeckite/plugin-navigation";
+import { ColorModeToggle } from "@riebeckite/plugin-color-mode";
+import { config } from "../config";
+
+export function SiteHeader({
+  path,
+  items,
+}: {
+  path: string;
+  items: readonly NavigationItem[];
+}) {
+  const navigation = items.filter((item) => item.href !== "/");
+
+  return (
+    <header class="site-header rb-site-header">
+      <a href="/" class="site-header__home rb-site-header__home">
+        <img
+          src="/riebeckite-logo.png"
+          alt=""
+          class="site-header__logo"
+          width="28"
+          height="28"
+        />
+        {config.site.title}
+      </a>
+      {navigation.length > 0 ? (
+        <>
+          <SiteNavigation items={navigation} path={path} />
+          <details class="site-navigation__mobile rb-nav__mobile">
+            <summary class="rb-nav__toggle">Menu</summary>
+            <SiteNavigation items={navigation} path={path} />
+          </details>
+        </>
+      ) : null}
+      <ColorModeToggle />
+    </header>
+  );
+}
+
+export function SiteFooter({
+  path,
+  items,
+}: {
+  path: string;
+  items: readonly NavigationItem[];
+}) {
+  if (items.length === 0) return null;
+
+  return (
+    <footer class="site-footer rb-site-footer">
+      <SiteNavigation items={items} path={path} />
+    </footer>
+  );
+}
+
+function SiteNavigation({
+  items,
+  path,
+}: {
+  items: readonly NavigationItem[];
+  path: string;
+}) {
+  return (
+    <nav class="site-navigation rb-nav" aria-label="Site navigation">
+      <NavigationItems items={items} path={path} />
+    </nav>
+  );
+}
+
+function NavigationItems({
+  items,
+  path,
+  isChildList = false,
+}: {
+  items: readonly NavigationItem[];
+  path: string;
+  isChildList?: boolean;
+}) {
+  return (
+    <ul class={isChildList ? "site-navigation__list rb-nav__list rb-nav__children" : "site-navigation__list rb-nav__list"}>
+      {items.map((item) => {
+        const active = item.href ? isActive(item.href, path) : false;
+        return (
+          <li class="site-navigation__item rb-nav__item">
+            {item.href ? (
+              <a
+                href={item.href}
+                class={active ? "site-navigation__link rb-nav__link rb-nav__link--active is-active" : "site-navigation__link rb-nav__link"}
+                aria-current={active ? "page" : undefined}
+                target={item.external ? "_blank" : undefined}
+                rel={item.external ? "noreferrer" : undefined}
+              >
+                {item.label}
+              </a>
+            ) : (
+              <span class="site-navigation__label rb-nav__label">{item.label}</span>
+            )}
+            {item.children && item.children.length > 0 ? (
+              <NavigationItems items={item.children} path={path} isChildList />
+            ) : null}
+          </li>
+        );
+      })}
+    </ul>
+  );
+}
+
+function isActive(href: string, path: string): boolean {
+  if (!href.startsWith("/")) return false;
+  const target = href.replace(/\/+$/, "") || "/";
+  const current = path.replace(/^\/[a-z]{2}(?:-[A-Z]{2})?(?=\/|$)/, "").replace(/\/+$/, "") || "/";
+  return target === "/" ? current === target : current === target || current.startsWith(`${target}/`);
+}

package/templates/scaffold/presets/starter/app/routes/[slug{.+}].tsx

@@ -0,0 +1,52 @@
+import { getEntryLanguage } from "@riebeckite/core";
+import {
+  contentRouteSsgParams,
+  pluginPageSsgParams,
+  resolveRiebeckiteRoute,
+} from "@riebeckite/honox/server";
+import { extractTableOfContents, TableOfContents } from "@riebeckite/plugin-toc";
+import { createRoute } from "honox/factory";
+import { SiteArticle } from "../components/article";
+import { content } from "../content";
+
+export default createRoute(
+  contentRouteSsgParams("/:slug{.+}", async () => {
+    const manifest = await content.getManifest();
+    const contentPaths = manifest.publicEntries
+      .filter((entry) => entry.permalink !== "/")
+      .map((entry) => ({ slug: entry.permalink.replace(/^\/+/, "") }));
+    return [...contentPaths, ...(await pluginPageSsgParams(content))];
+  }),
+  async (c) => {
+    const requestedSlug = c.req.param("slug");
+    if (!requestedSlug) return c.notFound();
+    if (/\.[a-zA-Z0-9]+$/.test(requestedSlug)) return c.notFound();
+
+    const route = await resolveRiebeckiteRoute(content, c.req.path);
+    if (!route) return c.notFound();
+    if (route.kind === "redirect")
+      return c.redirect(route.location, route.status);
+    if (route.kind === "page") {
+      c.set("headTags", route.page.headTags ?? []);
+      c.set("htmlLanguage", route.page.language);
+      return c.render(
+        <div dangerouslySetInnerHTML={{ __html: route.page.body }} />,
+      );
+    }
+
+    const post = await content.getProcessedContent(route.entry.slug);
+
+    const tableOfContents = extractTableOfContents(post.html ?? "");
+
+    c.set("htmlLanguage", getEntryLanguage(route.entry));
+    c.set("headTags", route.entry.headTags ?? []);
+
+    return c.render(
+      <SiteArticle
+        post={post}
+        bodySlots={route.entry.bodySlots}
+        asideContent={<TableOfContents className="table-of-contents--desktop" items={tableOfContents} />}
+      />,
+    );
+  },
+);