@riebeckite/honox 0.0.8 → 0.0.9

package/dist/index.js

@@ -1,6 +1,5 @@
 // src/config_loader.ts
 import fs2 from "node:fs/promises";
-import os from "node:os";
 import path2 from "node:path";
 import { build as buildWithEsbuild } from "esbuild";
 
@@ -112,7 +111,7 @@ function escapeRegExp(value) {
 async function loadRiebeckiteConfig(options) {
   const configFile = options.configFile ?? "riebeckite.config.ts";
   const temporaryDirectory = await fs2.mkdtemp(
-    path2.join(os.tmpdir(), "riebeckite-config-")
+    path2.join(options.configRoot, ".riebeckite-config-")
   );
   const outputFile = path2.join(temporaryDirectory, "config.mjs");
   try {
@@ -1337,108 +1336,494 @@ function riebeckiteSsrExternals(externals) {
   };
 }
 
-// src/scaffold/localized-content.ts
-var HELPERS = {
-  en: "https://github.com/Rerurate514/riebeckite/blob/main/docs/en/README.md",
-  ja: "https://github.com/Rerurate514/riebeckite/blob/main/docs/ja/README.md"
+// src/scaffold/app-templates.ts
+function server() {
+  return `import { mountRiebeckiteEndpoints } from "@riebeckite/honox/server";
+import { createApp } from "honox/server";
+import { config } from "./config";
+import { content } from "./content";
+
+const app = createApp({
+  init: (app) => {
+    mountRiebeckiteEndpoints(app, { config, content });
+  },
+});
+
+export default app;
+export { config, content };
+`;
+}
+function client() {
+  return `import { initRiebeckiteClient } from "virtual:riebeckite/client";
+import { createClient } from "honox/client";
+
+createClient();
+
+if (document.readyState === "loading") {
+  document.addEventListener("DOMContentLoaded", initPage, { once: true });
+} else {
+  initPage();
+}
+
+function initPage() {
+  initRiebeckiteClient();
+}
+`;
+}
+function appConfig() {
+  return `import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { resolveConfigModule } from "@riebeckite/core";
+import * as rawConfigModule from "../riebeckite.config";
+
+const appRoot =
+  process.env.RIEBECKITE_APP_ROOT ??
+  fileURLToPath(new URL("../", import.meta.url));
+const resolvedConfig = resolveConfigModule(rawConfigModule);
+
+export const config = {
+  ...resolvedConfig,
+  buildDirectory: path.join(appRoot, ".riebeckite"),
+  content: {
+    ...resolvedConfig.content,
+    directory: path.resolve(appRoot, resolvedConfig.content.directory),
+  },
 };
-var PLUGIN_INDEX_URL = "https://github.com/Rerurate514/riebeckite/tree/main/packages/plugins";
-var THEMES_INDEX_URL = "https://github.com/Rerurate514/riebeckite/tree/main/packages/themes";
-function pluginReadmeUrl(slug) {
-  return `https://github.com/Rerurate514/riebeckite/blob/main/packages/plugins/${slug}/README.md`;
+`;
 }
-function themeReadmeUrl(slug) {
-  return `https://github.com/Rerurate514/riebeckite/blob/main/packages/themes/${slug}/README.md`;
+function appContent() {
+  return `import { ContentManager } from "@riebeckite/core";
+import { config } from "./config";
+import { CONTENT_DIR } from "./constants/paths";
+
+export const content = new ContentManager(
+  CONTENT_DIR,
+  config.content.exclude,
+  {
+    config,
+    plugins: config.plugins,
+  },
+);
+`;
 }
-function localizedContentFiles(variables, preset) {
-  const defaultLang = defaultLanguageForLocale(variables.locale);
-  const files = [];
-  const localized = preset.languages.length > 1;
-  const pushLocalized = (basePath, build2) => {
-    if (!localized) {
-      files.push({
-        path: `content/${basePath}.md`,
-        content: build2(defaultLang)
-      });
-      return;
-    }
-    for (const language of SCAFFOLD_LANGUAGES) {
-      const suffix = language === defaultLang ? "" : `.${language}`;
-      files.push({
-        path: `content/${basePath}${suffix}.md`,
-        content: build2(language)
-      });
-    }
-  };
-  const pushEnglishOnly = (basePath, build2) => {
-    const suffix = defaultLang === "en" ? "" : ".en";
-    files.push({
-      path: `content/${basePath}${suffix}.md`,
-      content: build2()
-    });
-  };
-  for (const page of preset.contentPages) {
-    if (page === "index") {
-      pushLocalized("index", (language) => indexContent(variables, language));
-    } else if (page === "framework/plugins") {
-      pushLocalized(
-        "framework/plugins",
-        (language) => pluginsContent(language)
-      );
-    } else if (page === "framework/themes") {
-      pushLocalized("framework/themes", (language) => themesContent(language));
-    } else if (page === "guide") {
-      pushEnglishOnly("guide", guideContent);
-    } else if (page === "examples") {
-      pushLocalized(
-        "examples",
-        (language) => examplesContent(preset, language)
-      );
-    } else if (page === "reference/plugins") {
-      pushEnglishOnly(
-        "reference/plugins",
-        () => referencePluginsContent(preset, variables)
-      );
-    } else if (page === "reference/themes") {
-      pushEnglishOnly("reference/themes", referenceThemesContent);
-    }
+function paths() {
+  return `import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { config } from "../config";
+
+const appRoot =
+  process.env.RIEBECKITE_APP_ROOT ??
+  fileURLToPath(new URL("../../", import.meta.url));
+
+export const CONTENT_DIR = path.resolve(appRoot, config.content.directory);
+export const ASSETS_ROOT = "public/";
+`;
+}
+function globalDeclarations() {
+  return `import type { PluginHeadTag } from "@riebeckite/core";
+
+declare module "virtual:riebeckite/client" {
+  export function initRiebeckiteClient(): void;
+}
+
+declare module "hono" {
+  interface Env {
+    Variables: {
+      headTags?: readonly PluginHeadTag[];
+      htmlLanguage?: string;
+    };
+    Bindings: Record<string, never>;
   }
-  return files;
 }
-function read(text, language) {
-  return text[language];
+`;
 }
-function frontmatter() {
-  return ["---", "publish: true", "---", ""].join("\n");
+function style(preset) {
+  const imports = [];
+  if (preset.plugins.length > 0) {
+    imports.push('@import "./.riebeckite/plugin-styles.css";');
+  }
+  if (preset.theme) {
+    imports.push('@import "./.riebeckite/theme-styles.css";');
+  }
+  const blocks = [
+    "",
+    "body {",
+    "  margin: 0;",
+    "  font-family: system-ui, sans-serif;",
+    "}",
+    ""
+  ];
+  if (preset.appFiles.includes("header")) {
+    blocks.push(
+      ".site-header {",
+      "  display: flex;",
+      "  align-items: center;",
+      "  justify-content: space-between;",
+      "  gap: 1rem;",
+      "  padding: 1rem;",
+      "  border-bottom: 1px solid #d1d5db;",
+      "}",
+      "",
+      ".site-header__home {",
+      "  color: #111827;",
+      "  font-weight: 700;",
+      "  text-decoration: none;",
+      "}",
+      ""
+    );
+  }
+  if (preset.appFiles.includes("article")) {
+    blocks.push(
+      ".site-article {",
+      "  display: block;",
+      "  max-width: 48rem;",
+      "  padding: 2rem 1rem;",
+      "  margin: 0 auto;",
+      "}",
+      ""
+    );
+  }
+  if (!preset.theme) {
+    blocks.push(
+      ".riebeckite-empty {",
+      "  max-width: 48rem;",
+      "  padding: 4rem 1rem;",
+      "  margin: 0 auto;",
+      "}",
+      ""
+    );
+  }
+  return [...imports, ...blocks].join("\n");
 }
-function heading(level, text) {
-  return `${"#".repeat(level)} ${text}`;
+function siteHeader() {
+  return `import { ColorModeToggle } from "@riebeckite/plugin-color-mode";
+import { config } from "../config";
+
+export function SiteHeader() {
+  return (
+    <header class="site-header">
+      <a href="/" class="site-header__home">
+        {config.site.title}
+      </a>
+      <ColorModeToggle />
+    </header>
+  );
 }
-function codeBlock(language, code) {
-  return `\`\`\`${language}
-${code}
-\`\`\`
 `;
 }
-var INDEX = {
-  lead: {
-    en: "Welcome to your Riebeckite site.",
-    ja: "あなたの Riebeckite サイトへようこそ。",
-    "zh-CN": "欢迎来到你的 Riebeckite 站点。",
-    es: "Bienvenido a tu sitio Riebeckite.",
-    de: "Willkommen auf deiner Riebeckite-Seite.",
-    fr: "Bienvenue sur votre site Riebeckite.",
-    ko: "Riebeckite 사이트에 오신 것을 환영합니다."
-  },
-  translatedNote: {
-    en: "Every page of this starter is available in seven languages. Switch with the selector below the page title.",
-    ja: "このスターターのすべてのページは 7 言語で利用できます。ページタイトル下のセレクターで切り替えられます。",
-    "zh-CN": "本模板的每个页面均提供七种语言版本，可用页面标题下方的选择器切换。",
-    es: "Cada página de este starter está disponible en siete idiomas. Cámbialos con el selector bajo el título.",
-    de: "Jede Seite dieses Starters ist in sieben Sprachen verfügbar. Wechsel mit dem Auswahlfeld unter dem Seitentitel.",
-    fr: "Chaque page de ce starter est disponible en sept langues. Changez avec le sélecteur sous le titre.",
-    ko: "이 스타터의 모든 페이지는 7개 언어로 제공됩니다. 페이지 제목 아래 선택기로 전환하세요."
-  },
+function article() {
+  return `import type { PostContent } from "@riebeckite/core";
+import { Article, ArticleContent, ArticleLayout } from "@riebeckite/honox/ui";
+
+export function SiteArticle({
+  post,
+  afterMeta,
+}: {
+  post: PostContent;
+  afterMeta?: string;
+}) {
+  return (
+    <Article class="site-article">
+      <ArticleLayout>
+        <ArticleContent>
+          {afterMeta ? (
+            <div
+              class="site-article__after-meta"
+              dangerouslySetInnerHTML={{ __html: afterMeta }}
+            />
+          ) : null}
+          <div dangerouslySetInnerHTML={{ __html: post.html ?? "" }} />
+        </ArticleContent>
+      </ArticleLayout>
+    </Article>
+  );
+}
+`;
+}
+function renderer(preset) {
+  if (!preset.theme) return bareRenderer();
+  const hasHeader = preset.appFiles.includes("header");
+  const hasColorMode = preset.plugins.some(
+    (plugin) => plugin.package === "@riebeckite/plugin-color-mode"
+  );
+  return `import type { PluginHeadTag } from "@riebeckite/core";
+import { jsxRenderer } from "hono/jsx-renderer";
+import { Link, Script } from "honox/server";
+${hasColorMode ? `import { ColorModeScript } from "@riebeckite/plugin-color-mode";
+` : ""}${hasHeader ? `import { SiteHeader } from "../components/site-header";
+` : ""}import { config } from "../config";
+
+function themeAttributes() {
+  const { theme } = config;
+
+  return {
+    ...theme.attributes,
+    "data-theme": theme.colorMode === "system" ? undefined : theme.colorMode,
+    "data-theme-name": theme.name,
+    "data-typography": theme.typography,
+    "data-article-layout": theme.articleLayout,
+  };
+}
+
+export default jsxRenderer(({ children }, c) => {
+  const headTags: readonly PluginHeadTag[] = c.get("headTags") ?? [];
+
+  return (
+    <html
+      lang={c.get("htmlLanguage") ?? config.site.locale}
+      {...themeAttributes()}
+    >
+      <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>{config.site.title}</title>
+${hasColorMode ? `        <ColorModeScript />
+` : ""}        <Link href="/app/style.css" rel="stylesheet" />
+        {headTags.map(renderHeadTag)}
+        <Script src="/app/client.ts" async />
+      </head>
+      <body class="riebeckite-page">
+${hasHeader ? `        <SiteHeader />
+` : ""}        {children}
+      </body>
+    </html>
+  );
+});
+
+function renderHeadTag(tag: PluginHeadTag, index: number) {
+  const key = \`\${tag.tag}-\${index}\`;
+  if (tag.tag === "meta") return <meta {...tag.attrs} key={key} />;
+  if (tag.tag === "link") return <link {...tag.attrs} key={key} />;
+  return (
+    <script
+      {...tag.attrs}
+      key={key}
+      dangerouslySetInnerHTML={
+        tag.children ? { __html: tag.children } : undefined
+      }
+    />
+  );
+}
+`;
+}
+function bareRenderer() {
+  return `import { jsxRenderer } from "hono/jsx-renderer";
+import { Link, Script } from "honox/server";
+import { config } from "../config";
+
+export default jsxRenderer(({ children }, c) => (
+  <html lang={c.get("htmlLanguage") ?? config.site.locale}>
+    <head>
+      <meta charset="utf-8" />
+      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+      <title>{config.site.title}</title>
+      <Link href="/app/style.css" rel="stylesheet" />
+      <Script src="/app/client.ts" async />
+    </head>
+    <body class="riebeckite-page">{children}</body>
+  </html>
+));
+`;
+}
+function indexRoute(preset) {
+  if (!preset.appFiles.includes("article")) return staticIndexRoute();
+  return `import { isPublished } from "@riebeckite/core";
+import { createRoute } from "honox/factory";
+import { SiteArticle } from "../components/article";
+import { config } from "../config";
+import { content } from "../content";
+
+export default createRoute(async (c) => {
+  const manifest = await content.getManifest();
+  const indexEntry = manifest.bySlug.get("index");
+  if (indexEntry && indexEntry.permalink !== "/") {
+    return c.redirect(indexEntry.permalink, 308);
+  }
+
+  const post = await content.getProcessedContent("index");
+  if (!isPublished(config, post.frontmatter)) {
+    return c.notFound();
+  }
+
+  if (indexEntry) {
+    c.set("htmlLanguage", indexEntry.publicLocation.metadata?.["l10n.lang"]);
+    c.set("headTags", indexEntry.headTags ?? []);
+  }
+
+  return c.render(
+    <SiteArticle
+      post={post}
+      afterMeta={indexEntry?.bodySlots?.["article.after-meta"]}
+    />,
+  );
+});
+`;
+}
+function staticIndexRoute() {
+  return `import { createRoute } from "honox/factory";
+import { config } from "../config";
+
+export default createRoute((c) =>
+  c.render(
+    <main class="riebeckite-empty">
+      <h1>{config.site.title}</h1>
+      <p>This is a blank Riebeckite site. Add Markdown files under content/ to get started.</p>
+    </main>,
+  ),
+);
+`;
+}
+function slugRoute() {
+  return `import { isPublished } from "@riebeckite/core";
+import {
+  contentRouteSsgParams,
+  resolveContentRoute,
+} from "@riebeckite/honox/server";
+import { createRoute } from "honox/factory";
+import { SiteArticle } from "../components/article";
+import { config } from "../config";
+import { content } from "../content";
+
+export default createRoute(
+  contentRouteSsgParams("/:slug{.+}", async () => {
+    const manifest = await content.getManifest();
+    return manifest.entries
+      .filter((entry) => isPublished(config, entry.frontmatter))
+      .filter((entry) => entry.permalink !== "/")
+      .map((entry) => ({ slug: entry.permalink.replace(/^\\/+/, "") }));
+  }),
+  async (c) => {
+    const requestedSlug = c.req.param("slug");
+    if (!requestedSlug) return c.notFound();
+    if (/\\.[a-zA-Z0-9]+$/.test(requestedSlug)) return c.notFound();
+
+    const manifest = await content.getManifest();
+    const route = resolveContentRoute(manifest, c.req.path);
+    if (!route) return c.notFound();
+    if (route.kind === "redirect")
+      return c.redirect(route.location, route.status);
+
+    const post = await content.getProcessedContent(route.entry.slug);
+    if (!isPublished(config, post.frontmatter)) {
+      return c.notFound();
+    }
+
+    c.set("htmlLanguage", route.entry.publicLocation.metadata?.["l10n.lang"]);
+    c.set("headTags", route.entry.headTags ?? []);
+
+    return c.render(
+      <SiteArticle
+        post={post}
+        afterMeta={route.entry.bodySlots?.["article.after-meta"]}
+      />,
+    );
+  },
+);
+`;
+}
+
+// src/scaffold/localized-content.ts
+var HELPERS = {
+  en: "https://github.com/Rerurate514/riebeckite/blob/main/docs/en/README.md",
+  ja: "https://github.com/Rerurate514/riebeckite/blob/main/docs/ja/README.md"
+};
+var PLUGIN_INDEX_URL = "https://github.com/Rerurate514/riebeckite/tree/main/packages/plugins";
+var THEMES_INDEX_URL = "https://github.com/Rerurate514/riebeckite/tree/main/packages/themes";
+function pluginReadmeUrl(slug) {
+  return `https://github.com/Rerurate514/riebeckite/blob/main/packages/plugins/${slug}/README.md`;
+}
+function themeReadmeUrl(slug) {
+  return `https://github.com/Rerurate514/riebeckite/blob/main/packages/themes/${slug}/README.md`;
+}
+function localizedContentFiles(variables, preset) {
+  const defaultLang = defaultLanguageForLocale(variables.locale);
+  const files = [];
+  const localized = preset.languages.length > 1;
+  const pushLocalized = (basePath, build2) => {
+    if (!localized) {
+      files.push({
+        path: `content/${basePath}.md`,
+        content: build2(defaultLang)
+      });
+      return;
+    }
+    for (const language of SCAFFOLD_LANGUAGES) {
+      const suffix = language === defaultLang ? "" : `.${language}`;
+      files.push({
+        path: `content/${basePath}${suffix}.md`,
+        content: build2(language)
+      });
+    }
+  };
+  const pushEnglishOnly = (basePath, build2) => {
+    const suffix = defaultLang === "en" ? "" : ".en";
+    files.push({
+      path: `content/${basePath}${suffix}.md`,
+      content: build2()
+    });
+  };
+  for (const page of preset.contentPages) {
+    if (page === "index") {
+      pushLocalized("index", (language) => indexContent(variables, language));
+    } else if (page === "framework/plugins") {
+      pushLocalized(
+        "framework/plugins",
+        (language) => pluginsContent(language)
+      );
+    } else if (page === "framework/themes") {
+      pushLocalized("framework/themes", (language) => themesContent(language));
+    } else if (page === "guide") {
+      pushEnglishOnly("guide", guideContent);
+    } else if (page === "examples") {
+      pushLocalized(
+        "examples",
+        (language) => examplesContent(preset, language)
+      );
+    } else if (page === "reference/plugins") {
+      pushEnglishOnly(
+        "reference/plugins",
+        () => referencePluginsContent(preset, variables)
+      );
+    } else if (page === "reference/themes") {
+      pushEnglishOnly("reference/themes", referenceThemesContent);
+    }
+  }
+  return files;
+}
+function read(text, language) {
+  return text[language];
+}
+function frontmatter() {
+  return ["---", "publish: true", "---", ""].join("\n");
+}
+function heading(level, text) {
+  return `${"#".repeat(level)} ${text}`;
+}
+function codeBlock(language, code) {
+  return `\`\`\`${language}
+${code}
+\`\`\`
+`;
+}
+var INDEX = {
+  lead: {
+    en: "Welcome to your Riebeckite site.",
+    ja: "あなたの Riebeckite サイトへようこそ。",
+    "zh-CN": "欢迎来到你的 Riebeckite 站点。",
+    es: "Bienvenido a tu sitio Riebeckite.",
+    de: "Willkommen auf deiner Riebeckite-Seite.",
+    fr: "Bienvenue sur votre site Riebeckite.",
+    ko: "Riebeckite 사이트에 오신 것을 환영합니다."
+  },
+  translatedNote: {
+    en: "Every page of this starter is available in seven languages. Switch with the selector below the page title.",
+    ja: "このスターターのすべてのページは 7 言語で利用できます。ページタイトル下のセレクターで切り替えられます。",
+    "zh-CN": "本模板的每个页面均提供七种语言版本，可用页面标题下方的选择器切换。",
+    es: "Cada página de este starter está disponible en siete idiomas. Cámbialos con el selector bajo el título.",
+    de: "Jede Seite dieses Starters ist in sieben Sprachen verfügbar. Wechsel mit dem Auswahlfeld unter dem Seitentitel.",
+    fr: "Chaque page de ce starter est disponible en sept langues. Changez avec le sélecteur sous le titre.",
+    ko: "이 스타터의 모든 페이지는 7개 언어로 제공됩니다. 페이지 제목 아래 선택기로 전환하세요."
+  },
   whatHeading: {
     en: "What is Riebeckite?",
     ja: "Riebeckite とは",
@@ -2424,7 +2809,7 @@ function referenceThemesContent() {
 }
 
 // src/scaffold/version.ts
-var RIEBECKITE_VERSION = "^0.0.8";
+var RIEBECKITE_VERSION = "^0.0.9";
 
 // src/scaffold/templates.ts
 function siteTemplateFiles(preset, variables) {
@@ -3104,589 +3489,205 @@ var README_DEMOS = {
         "  - title: Default",
         "    description: A clean, typographic theme.",
         "    meta: v0.0.5",
-        "    href: https://example.com/themes/default/",
-        "  - title: Minimal",
-        "    description: Stripped back to the essentials.",
-        "    meta: v0.0.5",
-        "    href: https://example.com/themes/minimal/",
-        "  - title: Gruvbox",
-        "    description: A warm, high-contrast palette.",
-        "    meta: v0.0.5",
-        "    href: https://example.com/themes/gruvbox/"
-      ].join("\n")
-    )
-  },
-  "@riebeckite/plugin-dataview": {
-    title: { en: "Dataview", ja: "Dataview" },
-    intro: {
-      en: "A `dataview` query renders a table of notes from the manifest.",
-      ja: "`dataview` クエリがマニフェストからノート一覧を描画します。"
-    },
-    markdown: fence(
-      "dataview",
-      [
-        'TABLE file.name AS "Name", status',
-        "FROM #project",
-        'WHERE status = "active"',
-        "SORT file.name asc",
-        "LIMIT 10"
-      ].join("\n")
-    )
-  },
-  "@riebeckite/plugin-query": {
-    title: { en: "Query", ja: "Query" },
-    intro: {
-      en: "A `query` fence is YAML that filters and sorts entries from the manifest.",
-      ja: "`query` フェンスの YAML でマニフェストのエントリを絞り込み・並べ替えできます。"
-    },
-    markdown: fence(
-      "query",
-      [
-        "filter:",
-        "  tags:",
-        "    any: [diary]",
-        "sort:",
-        "  field: date",
-        "  order: desc",
-        "limit: 5"
-      ].join("\n")
-    )
-  },
-  "@riebeckite/plugin-bases": {
-    title: { en: "Base views", ja: "Base ビュー" },
-    intro: {
-      en: "A `base` YAML fence renders a Base table view.",
-      ja: "`base` YAML フェンスが Base のテーブルビューを描画します。"
-    },
-    markdown: fence(
-      "base",
-      [
-        "filters:",
-        "  and:",
-        '    - file.hasTag("featured")',
-        "properties:",
-        "  file.name:",
-        "    displayName: Title",
-        "views:",
-        "  - type: table",
-        "    name: Featured",
-        "    limit: 10"
-      ].join("\n")
-    )
-  },
-  "@riebeckite/plugin-kanban": {
-    title: { en: "Kanban boards", ja: "カンバンボード" },
-    intro: {
-      en: "A note whose body is `##` columns of task lists becomes a board; `#tags` and `[[wikilinks]]` work inside cards.",
-      ja: "本文が `##` 列とタスクリストでできたノートはボードになります。カード内では `#タグ` や `[[ウィキリンク]]` も使えます。"
-    },
-    markdown: fence(
-      "md",
-      [
-        "## Backlog",
-        "",
-        "- [ ] Draft the release notes",
-        "- [ ] Link to [[index]]",
-        "",
-        "## Done",
-        "",
-        "- [x] Publish the fixture"
-      ].join("\n")
-    )
-  }
-};
-var README_PAGE_LINKS = {
-  "framework/plugins": { en: "Plugin tour", ja: "プラグインツアー" },
-  "framework/themes": { en: "Theme tour", ja: "テーマツアー" },
-  guide: { en: "Getting-started guide", ja: "はじめにガイド" },
-  examples: { en: "Examples", ja: "サンプル集" },
-  "reference/plugins": { en: "Plugin reference", ja: "プラグインリファレンス" },
-  "reference/themes": { en: "Theme reference", ja: "テーマリファレンス" }
-};
-var ENGLISH_ONLY_PAGES = /* @__PURE__ */ new Set([
-  "guide",
-  "reference/plugins",
-  "reference/themes"
-]);
-function fence(language, body) {
-  const tick = "```";
-  return `${tick}${language}
-${body}
-${tick}`;
-}
-function hasPlugin(preset, packageName) {
-  return preset.plugins.some((plugin) => plugin.package === packageName);
-}
-function demoPackage(key) {
-  return key.split("/", 2).join("/");
-}
-function readmePluginOptions(variables, preset, plugin) {
-  return renderOptions(plugin.options, optionContext(preset, variables));
-}
-function configurationReferenceLines(preset, variables, words) {
-  const lines = [
-    `## ${words.configReference}`,
-    "",
-    words.configReferenceBody,
-    ""
-  ];
-  if (preset.theme) {
-    const themeCall = preset.theme.options ? `${preset.theme.factory}(${preset.theme.options})` : `${preset.theme.factory}()`;
-    lines.push(`- **${words.theme}**: \`${themeCall}\``, "");
-  }
-  lines.push(
-    `| Package | ${words.factory} | ${words.options} |`,
-    "| --- | --- | --- |"
-  );
-  for (const plugin of preset.plugins) {
-    const options = readmePluginOptions(variables, preset, plugin);
-    const cell = options === null ? words.emDash : `\`${options}\``;
-    lines.push(`| \`${plugin.package}\` | \`${plugin.factory}\` | ${cell} |`);
-  }
-  lines.push("");
-  return lines;
-}
-function demoPagesLines(preset, variables, words, language) {
-  const lines = [
-    `## ${words.demoPages}`,
-    "",
-    words.demoPagesBody,
-    ""
-  ];
-  const defaultLang = defaultLanguageForLocale(variables.locale);
-  const pages = preset.contentPages.filter((page) => page !== "index");
-  for (const page of pages) {
-    const label = README_PAGE_LINKS[page]?.[language] ?? `/${page}/`;
-    const suffix = ENGLISH_ONLY_PAGES.has(page) && defaultLang !== "en" ? ".en" : "";
-    const source = `content/${page}${suffix}.md`;
-    const url = `/${page}/`;
-    lines.push(`- [**${label}**](${source}) — live at [\`${url}\`](${url})`);
-  }
-  lines.push("");
-  return lines;
-}
-var README_DEMO_ORDER = [
-  "@riebeckite/plugin-obsidian-markdown/callout",
-  "@riebeckite/plugin-obsidian-markdown/wikilinks",
-  "@riebeckite/plugin-code-enhance",
-  "@riebeckite/plugin-code-tabs",
-  "@riebeckite/plugin-mermaid",
-  "@riebeckite/plugin-d2",
-  "@riebeckite/plugin-graphviz",
-  "@riebeckite/plugin-chartjs",
-  "@riebeckite/plugin-vega-lite",
-  "@riebeckite/plugin-wavedrom",
-  "@riebeckite/plugin-markmap",
-  "@riebeckite/plugin-map",
-  "@riebeckite/plugin-marp",
-  "@riebeckite/plugin-qr-code",
-  "@riebeckite/plugin-rich-embed",
-  "@riebeckite/plugin-gallery",
-  "@riebeckite/plugin-dataview",
-  "@riebeckite/plugin-query",
-  "@riebeckite/plugin-bases",
-  "@riebeckite/plugin-kanban"
-];
-function copyPasteDemoLines(preset, words, language) {
-  const lines = [
-    `## ${words.copyDemos}`,
-    "",
-    words.copyDemosBody,
-    ""
-  ];
-  for (const key of README_DEMO_ORDER) {
-    const packageName = demoPackage(key);
-    if (!hasPlugin(preset, packageName)) continue;
-    const demo = README_DEMOS[key];
-    lines.push(`### ${demo.title[language]}`, "");
-    lines.push(demo.intro[language], "");
-    lines.push(demo.markdown, "");
-  }
-  return lines;
-}
-function server() {
-  return `import { mountRiebeckiteEndpoints } from "@riebeckite/honox/server";
-import { createApp } from "honox/server";
-import { config } from "./config";
-import { content } from "./content";
-
-const app = createApp({
-  init: (app) => {
-    mountRiebeckiteEndpoints(app, { config, content });
-  },
-});
-
-export default app;
-export { config, content };
-`;
-}
-function client() {
-  return `import { initRiebeckiteClient } from "virtual:riebeckite/client";
-import { createClient } from "honox/client";
-
-createClient();
-
-if (document.readyState === "loading") {
-  document.addEventListener("DOMContentLoaded", initPage, { once: true });
-} else {
-  initPage();
-}
-
-function initPage() {
-  initRiebeckiteClient();
-}
-`;
-}
-function appConfig() {
-  return `import path from "node:path";
-import { fileURLToPath } from "node:url";
-import { resolveConfigModule } from "@riebeckite/core";
-import * as rawConfigModule from "../riebeckite.config";
-
-const appRoot =
-  process.env.RIEBECKITE_APP_ROOT ??
-  fileURLToPath(new URL("../", import.meta.url));
-const resolvedConfig = resolveConfigModule(rawConfigModule);
-
-export const config = {
-  ...resolvedConfig,
-  buildDirectory: path.join(appRoot, ".riebeckite"),
-  content: {
-    ...resolvedConfig.content,
-    directory: path.resolve(appRoot, resolvedConfig.content.directory),
+        "    href: https://example.com/themes/default/",
+        "  - title: Minimal",
+        "    description: Stripped back to the essentials.",
+        "    meta: v0.0.5",
+        "    href: https://example.com/themes/minimal/",
+        "  - title: Gruvbox",
+        "    description: A warm, high-contrast palette.",
+        "    meta: v0.0.5",
+        "    href: https://example.com/themes/gruvbox/"
+      ].join("\n")
+    )
   },
-};
-`;
-}
-function appContent() {
-  return `import { ContentManager } from "@riebeckite/core";
-import { config } from "./config";
-import { CONTENT_DIR } from "./constants/paths";
-
-export const content = new ContentManager(
-  CONTENT_DIR,
-  config.content.exclude,
-  {
-    config,
-    plugins: config.plugins,
+  "@riebeckite/plugin-dataview": {
+    title: { en: "Dataview", ja: "Dataview" },
+    intro: {
+      en: "A `dataview` query renders a table of notes from the manifest.",
+      ja: "`dataview` クエリがマニフェストからノート一覧を描画します。"
+    },
+    markdown: fence(
+      "dataview",
+      [
+        'TABLE file.name AS "Name", status',
+        "FROM #project",
+        'WHERE status = "active"',
+        "SORT file.name asc",
+        "LIMIT 10"
+      ].join("\n")
+    )
   },
-);
-`;
-}
-function paths() {
-  return `import path from "node:path";
-import { fileURLToPath } from "node:url";
-import { config } from "../config";
-
-const appRoot =
-  process.env.RIEBECKITE_APP_ROOT ??
-  fileURLToPath(new URL("../../", import.meta.url));
-
-export const CONTENT_DIR = path.resolve(appRoot, config.content.directory);
-export const ASSETS_ROOT = "public/";
-`;
-}
-function globalDeclarations() {
-  return `import type { PluginHeadTag } from "@riebeckite/core";
-
-declare module "virtual:riebeckite/client" {
-  export function initRiebeckiteClient(): void;
-}
-
-declare module "hono" {
-  interface Env {
-    Variables: {
-      headTags?: readonly PluginHeadTag[];
-      htmlLanguage?: string;
-    };
-    Bindings: Record<string, never>;
-  }
-}
-`;
-}
-function style(preset) {
-  const imports = [];
-  if (preset.plugins.length > 0) {
-    imports.push('@import "./.riebeckite/plugin-styles.css";');
-  }
-  if (preset.theme) {
-    imports.push('@import "./.riebeckite/theme-styles.css";');
-  }
-  const blocks = [
-    "",
-    "body {",
-    "  margin: 0;",
-    "  font-family: system-ui, sans-serif;",
-    "}",
-    ""
-  ];
-  if (preset.appFiles.includes("header")) {
-    blocks.push(
-      ".site-header {",
-      "  display: flex;",
-      "  align-items: center;",
-      "  justify-content: space-between;",
-      "  gap: 1rem;",
-      "  padding: 1rem;",
-      "  border-bottom: 1px solid #d1d5db;",
-      "}",
-      "",
-      ".site-header__home {",
-      "  color: #111827;",
-      "  font-weight: 700;",
-      "  text-decoration: none;",
-      "}",
-      ""
-    );
-  }
-  if (preset.appFiles.includes("article")) {
-    blocks.push(
-      ".site-article {",
-      "  display: block;",
-      "  max-width: 48rem;",
-      "  padding: 2rem 1rem;",
-      "  margin: 0 auto;",
-      "}",
-      ""
-    );
-  }
-  if (!preset.theme) {
-    blocks.push(
-      ".riebeckite-empty {",
-      "  max-width: 48rem;",
-      "  padding: 4rem 1rem;",
-      "  margin: 0 auto;",
-      "}",
-      ""
-    );
-  }
-  return [...imports, ...blocks].join("\n");
-}
-function siteHeader() {
-  return `import { ColorModeToggle } from "@riebeckite/plugin-color-mode";
-import { config } from "../config";
-
-export function SiteHeader() {
-  return (
-    <header class="site-header">
-      <a href="/" class="site-header__home">
-        {config.site.title}
-      </a>
-      <ColorModeToggle />
-    </header>
-  );
-}
-`;
-}
-function article() {
-  return `import type { PostContent } from "@riebeckite/core";
-import { Article, ArticleContent, ArticleLayout } from "@riebeckite/honox/ui";
-
-export function SiteArticle({
-  post,
-  afterMeta,
-}: {
-  post: PostContent;
-  afterMeta?: string;
-}) {
-  return (
-    <Article class="site-article">
-      <ArticleLayout>
-        <ArticleContent>
-          {afterMeta ? (
-            <div
-              class="site-article__after-meta"
-              dangerouslySetInnerHTML={{ __html: afterMeta }}
-            />
-          ) : null}
-          <div dangerouslySetInnerHTML={{ __html: post.html ?? "" }} />
-        </ArticleContent>
-      </ArticleLayout>
-    </Article>
-  );
-}
-`;
-}
-function renderer(preset) {
-  if (!preset.theme) return bareRenderer();
-  const hasHeader = preset.appFiles.includes("header");
-  const hasColorMode = preset.plugins.some(
-    (plugin) => plugin.package === "@riebeckite/plugin-color-mode"
-  );
-  return `import type { PluginHeadTag } from "@riebeckite/core";
-import { jsxRenderer } from "hono/jsx-renderer";
-import { Link, Script } from "honox/server";
-${hasColorMode ? `import { ColorModeScript } from "@riebeckite/plugin-color-mode";
-` : ""}${hasHeader ? `import { SiteHeader } from "../components/site-header";
-` : ""}import { config } from "../config";
-
-function themeAttributes() {
-  const { theme } = config;
-
-  return {
-    ...theme.attributes,
-    "data-theme": theme.colorMode === "system" ? undefined : theme.colorMode,
-    "data-theme-name": theme.name,
-    "data-typography": theme.typography,
-    "data-article-layout": theme.articleLayout,
-  };
+  "@riebeckite/plugin-query": {
+    title: { en: "Query", ja: "Query" },
+    intro: {
+      en: "A `query` fence is YAML that filters and sorts entries from the manifest.",
+      ja: "`query` フェンスの YAML でマニフェストのエントリを絞り込み・並べ替えできます。"
+    },
+    markdown: fence(
+      "query",
+      [
+        "filter:",
+        "  tags:",
+        "    any: [diary]",
+        "sort:",
+        "  field: date",
+        "  order: desc",
+        "limit: 5"
+      ].join("\n")
+    )
+  },
+  "@riebeckite/plugin-bases": {
+    title: { en: "Base views", ja: "Base ビュー" },
+    intro: {
+      en: "A `base` YAML fence renders a Base table view.",
+      ja: "`base` YAML フェンスが Base のテーブルビューを描画します。"
+    },
+    markdown: fence(
+      "base",
+      [
+        "filters:",
+        "  and:",
+        '    - file.hasTag("featured")',
+        "properties:",
+        "  file.name:",
+        "    displayName: Title",
+        "views:",
+        "  - type: table",
+        "    name: Featured",
+        "    limit: 10"
+      ].join("\n")
+    )
+  },
+  "@riebeckite/plugin-kanban": {
+    title: { en: "Kanban boards", ja: "カンバンボード" },
+    intro: {
+      en: "A note whose body is `##` columns of task lists becomes a board; `#tags` and `[[wikilinks]]` work inside cards.",
+      ja: "本文が `##` 列とタスクリストでできたノートはボードになります。カード内では `#タグ` や `[[ウィキリンク]]` も使えます。"
+    },
+    markdown: fence(
+      "md",
+      [
+        "## Backlog",
+        "",
+        "- [ ] Draft the release notes",
+        "- [ ] Link to [[index]]",
+        "",
+        "## Done",
+        "",
+        "- [x] Publish the fixture"
+      ].join("\n")
+    )
+  }
+};
+var README_PAGE_LINKS = {
+  "framework/plugins": { en: "Plugin tour", ja: "プラグインツアー" },
+  "framework/themes": { en: "Theme tour", ja: "テーマツアー" },
+  guide: { en: "Getting-started guide", ja: "はじめにガイド" },
+  examples: { en: "Examples", ja: "サンプル集" },
+  "reference/plugins": { en: "Plugin reference", ja: "プラグインリファレンス" },
+  "reference/themes": { en: "Theme reference", ja: "テーマリファレンス" }
+};
+var ENGLISH_ONLY_PAGES = /* @__PURE__ */ new Set([
+  "guide",
+  "reference/plugins",
+  "reference/themes"
+]);
+function fence(language, body) {
+  const tick = "```";
+  return `${tick}${language}
+${body}
+${tick}`;
 }
-
-export default jsxRenderer(({ children }, c) => {
-  const headTags: readonly PluginHeadTag[] = c.get("headTags") ?? [];
-
-  return (
-    <html
-      lang={c.get("htmlLanguage") ?? config.site.locale}
-      {...themeAttributes()}
-    >
-      <head>
-        <meta charset="utf-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>{config.site.title}</title>
-${hasColorMode ? `        <ColorModeScript />
-` : ""}        <Link href="/app/style.css" rel="stylesheet" />
-        {headTags.map(renderHeadTag)}
-        <Script src="/app/client.ts" async />
-      </head>
-      <body class="riebeckite-page">
-${hasHeader ? `        <SiteHeader />
-` : ""}        {children}
-      </body>
-    </html>
-  );
-});
-
-function renderHeadTag(tag: PluginHeadTag, index: number) {
-  const key = \`\${tag.tag}-\${index}\`;
-  if (tag.tag === "meta") return <meta {...tag.attrs} key={key} />;
-  if (tag.tag === "link") return <link {...tag.attrs} key={key} />;
-  return (
-    <script
-      {...tag.attrs}
-      key={key}
-      dangerouslySetInnerHTML={
-        tag.children ? { __html: tag.children } : undefined
-      }
-    />
-  );
+function hasPlugin(preset, packageName) {
+  return preset.plugins.some((plugin) => plugin.package === packageName);
 }
-`;
+function demoPackage(key) {
+  return key.split("/", 2).join("/");
 }
-function bareRenderer() {
-  return `import { jsxRenderer } from "hono/jsx-renderer";
-import { Link, Script } from "honox/server";
-import { config } from "../config";
-
-export default jsxRenderer(({ children }, c) => (
-  <html lang={c.get("htmlLanguage") ?? config.site.locale}>
-    <head>
-      <meta charset="utf-8" />
-      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-      <title>{config.site.title}</title>
-      <Link href="/app/style.css" rel="stylesheet" />
-      <Script src="/app/client.ts" async />
-    </head>
-    <body class="riebeckite-page">{children}</body>
-  </html>
-));
-`;
+function readmePluginOptions(variables, preset, plugin) {
+  return renderOptions(plugin.options, optionContext(preset, variables));
 }
-function indexRoute(preset) {
-  if (!preset.appFiles.includes("article")) return staticIndexRoute();
-  return `import { isPublished } from "@riebeckite/core";
-import { createRoute } from "honox/factory";
-import { SiteArticle } from "../components/article";
-import { config } from "../config";
-import { content } from "../content";
-
-export default createRoute(async (c) => {
-  const manifest = await content.getManifest();
-  const indexEntry = manifest.bySlug.get("index");
-  if (indexEntry && indexEntry.permalink !== "/") {
-    return c.redirect(indexEntry.permalink, 308);
-  }
-
-  const post = await content.getProcessedContent("index");
-  if (!isPublished(config, post.frontmatter)) {
-    return c.notFound();
-  }
-
-  if (indexEntry) {
-    c.set("htmlLanguage", indexEntry.publicLocation.metadata?.["l10n.lang"]);
-    c.set("headTags", indexEntry.headTags ?? []);
+function configurationReferenceLines(preset, variables, words) {
+  const lines = [
+    `## ${words.configReference}`,
+    "",
+    words.configReferenceBody,
+    ""
+  ];
+  if (preset.theme) {
+    const themeCall = preset.theme.options ? `${preset.theme.factory}(${preset.theme.options})` : `${preset.theme.factory}()`;
+    lines.push(`- **${words.theme}**: \`${themeCall}\``, "");
   }
-
-  return c.render(
-    <SiteArticle
-      post={post}
-      afterMeta={indexEntry?.bodySlots?.["article.after-meta"]}
-    />,
+  lines.push(
+    `| Package | ${words.factory} | ${words.options} |`,
+    "| --- | --- | --- |"
   );
-});
-`;
+  for (const plugin of preset.plugins) {
+    const options = readmePluginOptions(variables, preset, plugin);
+    const cell = options === null ? words.emDash : `\`${options}\``;
+    lines.push(`| \`${plugin.package}\` | \`${plugin.factory}\` | ${cell} |`);
+  }
+  lines.push("");
+  return lines;
 }
-function staticIndexRoute() {
-  return `import { createRoute } from "honox/factory";
-import { config } from "../config";
-
-export default createRoute((c) =>
-  c.render(
-    <main class="riebeckite-empty">
-      <h1>{config.site.title}</h1>
-      <p>This is a blank Riebeckite site. Add Markdown files under content/ to get started.</p>
-    </main>,
-  ),
-);
-`;
+function demoPagesLines(preset, variables, words, language) {
+  const lines = [
+    `## ${words.demoPages}`,
+    "",
+    words.demoPagesBody,
+    ""
+  ];
+  const defaultLang = defaultLanguageForLocale(variables.locale);
+  const pages = preset.contentPages.filter((page) => page !== "index");
+  for (const page of pages) {
+    const label = README_PAGE_LINKS[page]?.[language] ?? `/${page}/`;
+    const suffix = ENGLISH_ONLY_PAGES.has(page) && defaultLang !== "en" ? ".en" : "";
+    const source = `content/${page}${suffix}.md`;
+    const url = `/${page}/`;
+    lines.push(`- [**${label}**](${source}) — live at [\`${url}\`](${url})`);
+  }
+  lines.push("");
+  return lines;
 }
-function slugRoute() {
-  return `import { isPublished } from "@riebeckite/core";
-import {
-  contentRouteSsgParams,
-  resolveContentRoute,
-} from "@riebeckite/honox/server";
-import { createRoute } from "honox/factory";
-import { SiteArticle } from "../components/article";
-import { config } from "../config";
-import { content } from "../content";
-
-export default createRoute(
-  contentRouteSsgParams("/:slug{.+}", async () => {
-    const manifest = await content.getManifest();
-    return manifest.entries
-      .filter((entry) => isPublished(config, entry.frontmatter))
-      .filter((entry) => entry.permalink !== "/")
-      .map((entry) => ({ slug: entry.permalink.replace(/^\\/+/, "") }));
-  }),
-  async (c) => {
-    const requestedSlug = c.req.param("slug");
-    if (!requestedSlug) return c.notFound();
-    if (/\\.[a-zA-Z0-9]+$/.test(requestedSlug)) return c.notFound();
-
-    const manifest = await content.getManifest();
-    const route = resolveContentRoute(manifest, c.req.path);
-    if (!route) return c.notFound();
-    if (route.kind === "redirect")
-      return c.redirect(route.location, route.status);
-
-    const post = await content.getProcessedContent(route.entry.slug);
-    if (!isPublished(config, post.frontmatter)) {
-      return c.notFound();
-    }
-
-    c.set("htmlLanguage", route.entry.publicLocation.metadata?.["l10n.lang"]);
-    c.set("headTags", route.entry.headTags ?? []);
-
-    return c.render(
-      <SiteArticle
-        post={post}
-        afterMeta={route.entry.bodySlots?.["article.after-meta"]}
-      />,
-    );
-  },
-);
-`;
+var README_DEMO_ORDER = [
+  "@riebeckite/plugin-obsidian-markdown/callout",
+  "@riebeckite/plugin-obsidian-markdown/wikilinks",
+  "@riebeckite/plugin-code-enhance",
+  "@riebeckite/plugin-code-tabs",
+  "@riebeckite/plugin-mermaid",
+  "@riebeckite/plugin-d2",
+  "@riebeckite/plugin-graphviz",
+  "@riebeckite/plugin-chartjs",
+  "@riebeckite/plugin-vega-lite",
+  "@riebeckite/plugin-wavedrom",
+  "@riebeckite/plugin-markmap",
+  "@riebeckite/plugin-map",
+  "@riebeckite/plugin-marp",
+  "@riebeckite/plugin-qr-code",
+  "@riebeckite/plugin-rich-embed",
+  "@riebeckite/plugin-gallery",
+  "@riebeckite/plugin-dataview",
+  "@riebeckite/plugin-query",
+  "@riebeckite/plugin-bases",
+  "@riebeckite/plugin-kanban"
+];
+function copyPasteDemoLines(preset, words, language) {
+  const lines = [
+    `## ${words.copyDemos}`,
+    "",
+    words.copyDemosBody,
+    ""
+  ];
+  for (const key of README_DEMO_ORDER) {
+    const packageName = demoPackage(key);
+    if (!hasPlugin(preset, packageName)) continue;
+    const demo = README_DEMOS[key];
+    lines.push(`### ${demo.title[language]}`, "");
+    lines.push(demo.intro[language], "");
+    lines.push(demo.markdown, "");
+  }
+  return lines;
 }
 
 // src/scaffold/index.ts