create-riebeckite 0.0.32 → 0.0.33

package/dist/src/scaffold/utilities.d.ts

@@ -8,7 +8,6 @@ export type ScaffoldUtilitySummary = {
 };
 export declare const SCAFFOLD_UTILITIES: readonly ScaffoldUtilitySummary[];
 export declare const SCAFFOLD_DEFAULT_UTILITIES: readonly ScaffoldUtilityName[];
-export declare const SCAFFOLD_NO_UTILITIES = "none";
 export declare function isScaffoldUtilityName(value: string): value is ScaffoldUtilityName;
 export declare function parseScaffoldUtilities(value: string): readonly ScaffoldUtilityName[];
 export declare function utilityTemplateFiles(utilities: readonly ScaffoldUtilityName[]): readonly SiteTemplateFile[];

package/dist/src/scaffold/version.d.ts

@@ -1 +1 @@
-export declare const RIEBECKITE_VERSION = "^0.0.32";
+export declare const RIEBECKITE_VERSION = "^0.0.33";

package/dist/src/scaffold/wrangler-defaults.d.ts

@@ -15,7 +15,6 @@ export declare const CLOUDFLARE_WORKERS_DEFAULTS: {
 };
 export declare const WRANGLER_VERSION = "^4.83.0";
 export declare const DEFAULT_WORKER_NAME = "riebeckite-site";
-export declare const WORKER_NAME_MAX_LENGTH = 63;
 export declare function workerNameFromDirectory(directoryName: string): string;
 export declare function buildWranglerConfig(workerName: string): string;
 export declare function wranglerConfigForDirectory(directory: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-riebeckite",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/src/index.js",
@@ -38,8 +38,8 @@
     "@clack/prompts": "^1.8.1"
   },
   "devDependencies": {
-    "esbuild": "^0.28.2",
-    "@riebeckite/test": "0.0.32"
+    "@riebeckite/test": "0.0.33",
+    "esbuild": "^0.28.2"
   },
   "repository": {
     "type": "git",

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

@@ -0,0 +1,33 @@
+import { Article, ArticleBody, ArticleContent, ArticleFooter } from "@riebeckite/honox/ui";
+import { Backlinks } from "@riebeckite/plugin-backlinks";
+import { Breadcrumbs } from "@riebeckite/plugin-breadcrumbs";
+import { Properties } from "@riebeckite/plugin-properties";
+import { RecentPosts } from "@riebeckite/plugin-recent-posts";
+import { RelatedPosts } from "@riebeckite/plugin-related-posts";
+import { ShareControls } from "@riebeckite/plugin-share";
+import { SeriesNavigation } from "@riebeckite/plugin-series";
+import { TableOfContents } from "@riebeckite/plugin-toc";
+
+export function SiteArticle() {
+  return (
+    <Article class="site-article">
+      <div class="site-article__layout">
+        <ArticleContent>
+          <Breadcrumbs />
+          <Properties />
+          <SeriesNavigation />
+          <ArticleBody />
+          <RecentPosts />
+          <ArticleFooter class="site-article__footer">
+            <ShareControls />
+            <Backlinks />
+            <RelatedPosts />
+          </ArticleFooter>
+        </ArticleContent>
+        <aside class="site-article__aside">
+          <TableOfContents className="rr-table-of-contents--desktop" />
+        </aside>
+      </div>
+    </Article>
+  );
+}

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

@@ -0,0 +1,37 @@
+import { MobileSiteNav, SiteNav } from "@riebeckite/plugin-navigation";
+import { ColorModeToggle } from "@riebeckite/plugin-color-mode";
+import { useSiteContext } from "@riebeckite/ui";
+
+export function SiteHeader() {
+  const site = useSiteContext();
+
+  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"
+        />
+        {site?.config.site.title}
+      </a>
+      <div class="site-header__primary-navigation">
+        <SiteNav placement="primary" omitHome />
+      </div>
+      <div class="site-header__mobile-navigation">
+        <MobileSiteNav placement="primary" omitHome />
+      </div>
+      <ColorModeToggle />
+    </header>
+  );
+}
+
+export function SiteFooter() {
+  return (
+    <footer class="site-footer rb-site-footer">
+      <SiteNav placement="secondary" />
+    </footer>
+  );
+}

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

@@ -0,0 +1,10 @@
+import { createContentRoute } from "@riebeckite/honox/server";
+import { SiteArticle } from "../components/article";
+import { config } from "virtual:riebeckite/config";
+import { content } from "virtual:riebeckite/content";
+
+export default createContentRoute({
+  content,
+  config,
+  render: () => <SiteArticle />,
+});

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

@@ -0,0 +1,18 @@
+import type { Context } from "hono";
+
+const handler = (c: Context) => {
+  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;

package/templates/scaffold/presets/blog/app/routes/_renderer.tsx

@@ -0,0 +1,42 @@
+import { RiebeckiteHead, ThemeRoot } from "@riebeckite/honox/ui";
+import { createPublicContentView } from "@riebeckite/core";
+import { SiteProvider } from "@riebeckite/ui";
+import { jsxRenderer } from "hono/jsx-renderer";
+import { SearchBar } from "@riebeckite/plugin-search";
+import { SiteFooter, SiteHeader } from "../components/site-header";
+import { content } from "virtual:riebeckite/content";
+import { config } from "virtual:riebeckite/config";
+
+// Riebeckite plugin client entries need the HonoX client bundle even without
+// an island component.
+export const __importing_islands = true;
+
+export default jsxRenderer(async ({ children }, c) => {
+  const manifest = await content.getManifest();
+
+  return (
+    <SiteProvider
+      config={config}
+      manifest={manifest}
+      view={createPublicContentView(manifest)}
+      path={c.req.path}
+      language={c.get("htmlLanguage")}
+      headTags={c.get("headTags")}
+    >
+      <ThemeRoot>
+        <head>
+          <RiebeckiteHead />
+        </head>
+        <body class="riebeckite-page rb-site">
+          <a class="rb-skip-link" href="#main-content">Skip to main content</a>
+          <SiteHeader />
+          <SearchBar />
+          <main id="main-content" tabindex={-1} class="riebeckite-main">
+            {children}
+          </main>
+          <SiteFooter />
+        </body>
+      </ThemeRoot>
+    </SiteProvider>
+  );
+});

package/templates/scaffold/presets/blog/app/routes/index.tsx

@@ -0,0 +1,10 @@
+import { createHomeRoute } from "@riebeckite/honox/server";
+import { SiteArticle } from "../components/article";
+import { config } from "virtual:riebeckite/config";
+import { content } from "virtual:riebeckite/content";
+
+export default createHomeRoute({
+  content,
+  config,
+  render: () => <SiteArticle />,
+});

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

@@ -0,0 +1,152 @@
+@import "./.riebeckite/framework-styles.css";
+@import "./.riebeckite/plugin-styles.css";
+@import "./.riebeckite/theme-styles.css";
+
+.riebeckite-page {
+  --site-toc-sticky-top: var(--rb-space-3, 1.5rem);
+  display: flex;
+  min-height: 100vh;
+  width: 100%;
+  flex-direction: column;
+  align-items: center;
+  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;
+  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,
+.site-footer {
+  width: min(100% - 2rem, var(--rb-layout-page-max, 80rem));
+}
+
+.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;
+}
+
+.site-header__mobile-navigation {
+  display: none;
+}
+
+.site-footer {
+  margin-top: 1rem;
+  border-top: 1px solid var(--rb-color-border);
+}
+
+@media (min-width: 30.001rem) and (max-width: 48rem) {
+  .site-header {
+    flex-wrap: wrap;
+  }
+}
+
+@media (max-width: 30rem) {
+  .riebeckite-page {
+    padding-block: var(--rb-space-3, 1.5rem);
+  }
+
+  .site-header {
+    flex-wrap: wrap;
+  }
+
+  .site-header__primary-navigation {
+    display: none;
+  }
+
+  .site-header__mobile-navigation {
+    display: block;
+  }
+}
+
+.site-header__logo {
+  width: 1.75rem;
+  height: 1.75rem;
+  object-fit: contain;
+}
+
+.site-article {
+  width: min(100% - 2rem, var(--rb-layout-page-max, 80rem));
+  padding-block: 2rem;
+}
+
+.site-article__layout {
+  width: min(100%, var(--rb-layout-article-max, 48rem));
+  margin: 0 auto;
+}
+
+.rb-article-body {
+  min-width: 0;
+  padding-inline: var(--rb-space-2, 1rem);
+}
+
+.site-article__footer {
+  min-width: 0;
+}
+
+.site-article__aside {
+  display: none;
+}
+
+@media (min-width: 80rem) {
+  .site-article__layout {
+    display: grid;
+    width: 100%;
+    grid-template-columns: minmax(0, 1fr) minmax(0, var(--rb-layout-article-max, 48rem)) minmax(0, 1fr);
+    align-items: start;
+  }
+
+  .site-article__layout > .rb-article-body {
+    grid-column: 2;
+  }
+
+  .site-article__aside {
+    display: block;
+    min-width: 0;
+    align-self: stretch;
+    grid-column: 3;
+    padding-inline-start: var(--rb-layout-gap, 2rem);
+  }
+
+  .site-article__aside > .rr-table-of-contents--desktop {
+    position: sticky;
+    top: var(--site-toc-sticky-top);
+    max-height: calc(100dvh - var(--site-toc-sticky-top) - var(--rb-space-4, 2rem));
+    overflow-y: auto;
+    overscroll-behavior: contain;
+    border-inline-start: 1px solid color-mix(in oklab, currentColor 18%, transparent);
+    padding-inline-start: 1rem;
+  }
+}
+
+.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/blog/content/index.md

@@ -0,0 +1,8 @@
+---
+title: {{title}}
+tags: [welcome]
+---
+
+# {{title}}
+
+Essays, notes, and a short series. Browse the [[posts/writing-a-useful-post|first post]] or the [tags](/tags).

package/templates/scaffold/presets/blog/content/posts/editing-before-publishing.md

@@ -0,0 +1,12 @@
+---
+title: Editing before publishing
+date: 2026-10-26
+tags: [writing, editing]
+series: Publishing notes
+series_order: 2
+series_title: Publishing notes
+---
+
+# Editing before publishing
+
+Read for structure, then read aloud for rhythm. Return to [[writing-a-useful-post]].

package/templates/scaffold/presets/blog/content/posts/writing-a-useful-post.md

@@ -0,0 +1,12 @@
+---
+title: Writing a useful post
+date: 2026-10-25
+tags: [writing, publishing]
+series: Publishing notes
+series_order: 1
+series_title: Publishing notes
+---
+
+# Writing a useful post
+
+Start with one specific reader and one claim worth returning to. Continue with [[editing-before-publishing]].

package/templates/scaffold/presets/digital-garden/app/components/article.tsx

@@ -0,0 +1,31 @@
+import { Article, ArticleBody, ArticleContent, ArticleFooter } from "@riebeckite/honox/ui";
+import { Backlinks } from "@riebeckite/plugin-backlinks";
+import { Breadcrumbs } from "@riebeckite/plugin-breadcrumbs";
+import { Properties } from "@riebeckite/plugin-properties";
+import { RecentPosts } from "@riebeckite/plugin-recent-posts";
+import { RelatedPosts } from "@riebeckite/plugin-related-posts";
+import { LocalGraph } from "@riebeckite/plugin-local-graph";
+import { TableOfContents } from "@riebeckite/plugin-toc";
+
+export function SiteArticle() {
+  return (
+    <Article class="site-article">
+      <div class="site-article__layout">
+        <ArticleContent>
+          <Breadcrumbs />
+          <Properties />
+          <ArticleBody />
+          <RecentPosts />
+          <ArticleFooter class="site-article__footer">
+            <Backlinks />
+            <LocalGraph />
+            <RelatedPosts />
+          </ArticleFooter>
+        </ArticleContent>
+        <aside class="site-article__aside">
+          <TableOfContents className="rr-table-of-contents--desktop" />
+        </aside>
+      </div>
+    </Article>
+  );
+}

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

@@ -0,0 +1,37 @@
+import { MobileSiteNav, SiteNav } from "@riebeckite/plugin-navigation";
+import { ColorModeToggle } from "@riebeckite/plugin-color-mode";
+import { useSiteContext } from "@riebeckite/ui";
+
+export function SiteHeader() {
+  const site = useSiteContext();
+
+  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"
+        />
+        {site?.config.site.title}
+      </a>
+      <div class="site-header__primary-navigation">
+        <SiteNav placement="primary" omitHome />
+      </div>
+      <div class="site-header__mobile-navigation">
+        <MobileSiteNav placement="primary" omitHome />
+      </div>
+      <ColorModeToggle />
+    </header>
+  );
+}
+
+export function SiteFooter() {
+  return (
+    <footer class="site-footer rb-site-footer">
+      <SiteNav placement="secondary" />
+    </footer>
+  );
+}

package/templates/scaffold/presets/digital-garden/app/routes/[slug{.+}].tsx

@@ -0,0 +1,10 @@
+import { createContentRoute } from "@riebeckite/honox/server";
+import { SiteArticle } from "../components/article";
+import { config } from "virtual:riebeckite/config";
+import { content } from "virtual:riebeckite/content";
+
+export default createContentRoute({
+  content,
+  config,
+  render: () => <SiteArticle />,
+});

package/templates/scaffold/presets/digital-garden/app/routes/_404.tsx

@@ -0,0 +1,18 @@
+import type { Context } from "hono";
+
+const handler = (c: Context) => {
+  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;

package/templates/scaffold/presets/digital-garden/app/routes/_renderer.tsx

@@ -0,0 +1,42 @@
+import { RiebeckiteHead, ThemeRoot } from "@riebeckite/honox/ui";
+import { createPublicContentView } from "@riebeckite/core";
+import { SiteProvider } from "@riebeckite/ui";
+import { jsxRenderer } from "hono/jsx-renderer";
+import { SearchBar } from "@riebeckite/plugin-search";
+import { SiteFooter, SiteHeader } from "../components/site-header";
+import { content } from "virtual:riebeckite/content";
+import { config } from "virtual:riebeckite/config";
+
+// Riebeckite plugin client entries need the HonoX client bundle even without
+// an island component.
+export const __importing_islands = true;
+
+export default jsxRenderer(async ({ children }, c) => {
+  const manifest = await content.getManifest();
+
+  return (
+    <SiteProvider
+      config={config}
+      manifest={manifest}
+      view={createPublicContentView(manifest)}
+      path={c.req.path}
+      language={c.get("htmlLanguage")}
+      headTags={c.get("headTags")}
+    >
+      <ThemeRoot>
+        <head>
+          <RiebeckiteHead />
+        </head>
+        <body class="riebeckite-page rb-site">
+          <a class="rb-skip-link" href="#main-content">Skip to main content</a>
+          <SiteHeader />
+          <SearchBar />
+          <main id="main-content" tabindex={-1} class="riebeckite-main">
+            {children}
+          </main>
+          <SiteFooter />
+        </body>
+      </ThemeRoot>
+    </SiteProvider>
+  );
+});

package/templates/scaffold/presets/digital-garden/app/routes/index.tsx

@@ -0,0 +1,10 @@
+import { createHomeRoute } from "@riebeckite/honox/server";
+import { SiteArticle } from "../components/article";
+import { config } from "virtual:riebeckite/config";
+import { content } from "virtual:riebeckite/content";
+
+export default createHomeRoute({
+  content,
+  config,
+  render: () => <SiteArticle />,
+});