create-riebeckite 0.0.19 → 0.0.21

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

@@ -1,3 +1,4 @@
+@import "./.riebeckite/framework-styles.css";
 @import "./.riebeckite/plugin-styles.css";
 @import "./.riebeckite/theme-styles.css";
 
@@ -21,6 +22,17 @@ body {
   padding-block: var(--rb-space-8, 4rem);
 }
 
+.riebeckite-main {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  align-items: center;
+}
+
+.riebeckite-main:has(> .not-found) {
+  flex: 1 1 auto;
+}
+
 .site-header {
   display: flex;
   align-items: center;
@@ -31,7 +43,7 @@ body {
 
 .site-header,
 .rb-site-footer {
-  width: min(100% - 2rem, var(--rb-layout-article-max, 48rem));
+  width: min(100% - 2rem, var(--rb-layout-page-max, 80rem));
 }
 
 .site-header__home {
@@ -48,17 +60,10 @@ body {
   color: var(--rb-color-ink);
 }
 
-.rb-nav__list {
+.rb-nav > .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 {
@@ -79,23 +84,11 @@ body {
 }
 
 .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;
 }
@@ -171,13 +164,6 @@ body {
   margin: 0 auto;
 }
 
-.rb-article-layout {
-  display: grid;
-  grid-template-columns: minmax(0, var(--rb-layout-article-max, 48rem));
-  justify-content: center;
-  column-gap: var(--rb-layout-gap, 2rem);
-}
-
 .rb-article-body,
 .site-article__footer {
   min-width: 0;
@@ -189,16 +175,6 @@ body {
 }
 
 @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;
   }
@@ -207,18 +183,26 @@ body {
     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);
   }
 }
+
+.not-found {
+  width: min(100% - 2rem, var(--rb-layout-article-max, 48rem));
+  margin-block: auto;
+  padding-block: 2rem;
+}
+
+.not-found__status {
+  margin: 0;
+  color: var(--rb-color-accent);
+  font-weight: 700;
+}

package/templates/scaffold/presets/showcase/content/Daily/2026-09-28.md

@@ -0,0 +1,8 @@
+---
+daily-summary: Sketched the site structure and chose the plugins to put on the tour.
+publish: true
+---
+
+# 2026-09-28
+
+A first pass at the plugin tour. The framework pages render the catalog, so these notes only need to point at what changed.

package/templates/scaffold/presets/showcase/content/Daily/2026-09-30.md

@@ -0,0 +1,8 @@
+---
+daily-summary: Linked the demo notes so backlinks, related posts, and the series all have something to show.
+publish: true
+---
+
+# 2026-09-30
+
+Connected the two demo notes under `content/demo/`. Discovery features need at least two related notes before they are worth looking at.

package/templates/scaffold/presets/showcase/content/Daily/2026-10-02.md

@@ -0,0 +1,11 @@
+---
+publish: true
+---
+
+# 2026-10-02
+
+```daily-snippet
+Daily Note snippets can come from frontmatter, a heading, or a fenced code block like this one.
+```
+
+Open `content/Daily/` and the Daily Notes widget on the home page picks up the newest notes.

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

@@ -3,15 +3,26 @@ 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.
+
+Willkommen auf deiner Riebeckite-Seite. Dieses Preset ist ein Rundgang: Es registriert den vollständigen Plugin-Katalog von Riebeckite und legt Inhalte an, die jede Fähigkeit sichtbar machen.
+
 ## 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/)
+
+## 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. Es enthält 50+ Plugins und sechs Themes; diese Seite demonstriert beides.
+
 ## 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.
+
+Inhalte liegen als einfaches Markdown in `content/`. Füge eine Datei hinzu, setze `publish: true` ins Frontmatter, und sie erscheint in der gebauten Seite. Die Notizen unter `content/Daily/` speisen das Daily-Notes-Widget auf dieser Seite.
+
+Diese Seite ist in sieben Sprachen verfügbar: Startseite, examples und framework-Seiten sind übersetzt, während guide und die Plugin-/Theme-Referenzen auf Englisch bleiben. Wechsel mit dem Auswahlfeld unter dem Seitentitel.
+
 Ü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.
+
+Öffne `riebeckite.config.ts`, um jedes registrierte Plugin und seine Optionen zu sehen.

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

@@ -3,15 +3,26 @@ 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.
+
+Welcome to your Riebeckite site. This preset is a tour: it registers the complete Riebeckite plugin catalog and ships content that puts each capability on screen.
+
 ## 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/)
+
+## 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. It ships 50+ plugins and six themes, and this site demonstrates both.
+
 ## 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.
+
+Content lives in `content/` as plain Markdown. Add a file, give it `publish: true` in the frontmatter, and it appears in the built site. The notes under `content/Daily/` feed the Daily Notes widget on this page.
+
+This site is available in seven languages: the home page, examples, and framework pages are translated, while the guide and plugin/theme reference pages stay in English. Switch with the selector below the page title.
+
 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.
+
+Open `riebeckite.config.ts` to see every registered plugin and its options.

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

@@ -3,15 +3,26 @@ 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.
+
+Bienvenido a tu sitio Riebeckite. Este preset es un recorrido: registra el catálogo completo de plugins que incluye Riebeckite y prepara contenido para mostrar cada capacidad en pantalla.
+
 ## 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/)
+
+## ¿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. Incluye más de 50 plugins y seis temas; este sitio demuestra ambos.
+
 ## 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.
+
+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 notas de `content/Daily/` alimentan el widget Daily Notes de esta página.
+
+Este sitio está disponible en siete idiomas: la página de inicio, examples y las páginas framework están traducidas, mientras que guide y las páginas de referencia de plugins y temas permanecen en inglés. Cámbialos con el selector bajo el título.
+
 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.
+
+Abre `riebeckite.config.ts` para ver cada plugin registrado y sus opciones.

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

@@ -3,15 +3,26 @@ 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.
+
+Bienvenue sur votre site Riebeckite. Ce preset est une visite : il enregistre le catalogue complet des plugins fournis par Riebeckite et prépare du contenu pour montrer chaque capacité à l'écran.
+
 ## 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/)
+
+## 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. Il fournit plus de 50 plugins et six thèmes ; ce site en démontre les deux.
+
 ## É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.
+
+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 notes de `content/Daily/` alimentent le widget Daily Notes de cette page.
+
+Ce site est disponible en sept langues : la page d'accueil, examples et les pages framework sont traduites, tandis que guide et les pages de référence des plugins et des thèmes restent en anglais. Changez avec le sélecteur sous le titre.
+
 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.
+
+Ouvrez `riebeckite.config.ts` pour voir chaque plugin enregistré et ses options.

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

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

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

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

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

@@ -3,15 +3,26 @@ publish: true
 ---
 
 # {{title}}
-欢迎来到你的 Riebeckite 站点。
-本模板的每个页面均提供七种语言版本，可用页面标题下方的选择器切换。
-## 什么是 Riebeckite？
-Riebeckite 是一个可扩展、内容优先的框架，可从纯 Markdown（即你在 Obsidian 中保存的笔记）构建快速的静态站点。生态包含 50+ 插件与六个主题，本站点同时演示两者。
+
+欢迎来到你的 Riebeckite 站点。此 preset 是一次导览：它注册了 Riebeckite 随附的完整插件目录，并准备了可在页面上看到各项能力的示例内容。
+
 ## 继续探索
+
 - [插件 — 按能力分组的代表性包](/framework/plugins)
 - [主题 — 内置设计包与切换方法](/framework/themes)
 - [Working examples](/examples/)
 - [Plugin reference](/reference/plugins/)
+
+## 什么是 Riebeckite？
+
+Riebeckite 是一个可扩展、内容优先的框架，可从纯 Markdown（即你在 Obsidian 中保存的笔记）构建快速的静态站点。它随附 50+ 插件与六个主题，本站点同时演示两者。
+
 ## 编辑本站点
-内容以纯 Markdown 存于 `content/`。新建文件并在 frontmatter 中写入 `publish: true`，它就会出现在构建后的站点中。
+
+内容以纯 Markdown 存于 `content/`。新建文件并在 frontmatter 中写入 `publish: true`，它就会出现在构建后的站点中。`content/Daily/` 下的笔记会显示在本页的 Daily Notes 小组件中。
+
+本站点提供七种语言：主页、examples 与 framework 页面已翻译，guide 与插件/主题参考页面保持英文。可用页面标题下方的选择器切换。
+
 本地化页面采用默认文件旁的 `<base>.<lang>.md` 命名约定（例如 `about.ja.md`）。l10n 插件会在 `/lang/` 路径下提供服务并自动互链。
+
+已注册的插件及其选项请查看 `riebeckite.config.ts`。

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

@@ -1,13 +1,16 @@
+import { SiteNav } from "@riebeckite/plugin-navigation";
 import type { NavigationItem } from "@riebeckite/plugin-navigation";
 import { ColorModeToggle } from "@riebeckite/plugin-color-mode";
-import { config } from "../config";
+import { config } from "virtual:riebeckite/config";
 
 export function SiteHeader({
   path,
   items,
+  language,
 }: {
   path: string;
   items: readonly NavigationItem[];
+  language?: string;
 }) {
   const navigation = items.filter((item) => item.href !== "/");
 
@@ -25,10 +28,10 @@ export function SiteHeader({
       </a>
       {navigation.length > 0 ? (
         <>
-          <SiteNavigation items={navigation} path={path} />
-          <details class="site-navigation__mobile rb-nav__mobile">
+          <SiteNav items={navigation} path={path} language={language} />
+          <details class="rb-nav__mobile">
             <summary class="rb-nav__toggle">Menu</summary>
-            <SiteNavigation items={navigation} path={path} />
+            <SiteNav items={navigation} path={path} language={language} />
           </details>
         </>
       ) : null}
@@ -40,74 +43,17 @@ export function SiteHeader({
 export function SiteFooter({
   path,
   items,
+  language,
 }: {
   path: string;
   items: readonly NavigationItem[];
+  language?: string;
 }) {
   if (items.length === 0) return null;
 
   return (
     <footer class="site-footer rb-site-footer">
-      <SiteNavigation items={items} path={path} />
+      <SiteNav items={items} path={path} language={language} />
     </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

@@ -1,52 +1,33 @@
-import { getEntryLanguage } from "@riebeckite/core";
 import {
   contentRouteSsgParams,
-  pluginPageSsgParams,
-  resolveRiebeckiteRoute,
+  resolveRiebeckiteContentRequest,
+  riebeckiteSsgParams,
 } from "@riebeckite/honox/server";
+import { PageBody } from "@riebeckite/honox/ui";
 import { extractTableOfContents, TableOfContents } from "@riebeckite/plugin-toc";
 import { createRoute } from "honox/factory";
 import { SiteArticle } from "../components/article";
-import { content } from "../content";
+import { content } from "virtual:riebeckite/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))];
-  }),
+  contentRouteSsgParams("/:slug{.+}", () => riebeckiteSsgParams(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 resolved = await resolveRiebeckiteContentRequest(c, content);
 
-    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);
+    if (resolved.kind === "response") return resolved.response;
 
-    const tableOfContents = extractTableOfContents(post.html ?? "");
+    if (resolved.kind === "page") {
+      return c.render(<PageBody html={resolved.page.body} />);
+    }
 
-    c.set("htmlLanguage", getEntryLanguage(route.entry));
-    c.set("headTags", route.entry.headTags ?? []);
+    const tableOfContents = extractTableOfContents(resolved.post.html ?? "");
 
     return c.render(
       <SiteArticle
-        post={post}
-        bodySlots={route.entry.bodySlots}
-        asideContent={<TableOfContents className="table-of-contents--desktop" items={tableOfContents} />}
+        post={resolved.post}
+        bodySlots={resolved.entry.bodySlots}
+        asideContent={<TableOfContents className="rr-table-of-contents--desktop" items={tableOfContents} />}
       />,
     );
   },
-);
+);

package/templates/scaffold/presets/starter/app/routes/_404.tsx

@@ -0,0 +1,18 @@
+import type { NotFoundHandler } from "hono";
+
+const handler: NotFoundHandler = (c) => {
+  c.status(404);
+
+  return c.render(
+    <div class="not-found">
+      <p class="not-found__status">404</p>
+      <h1>Page not found</h1>
+      <p>The page you requested does not exist or is not available.</p>
+      <p>
+        <a href="/">Back to home</a>
+      </p>
+    </div>,
+  );
+};
+
+export default handler;