@riebeckite/honox 0.0.31 → 0.0.33

package/dist/server.js

@@ -35,6 +35,11 @@ async function resolveRiebeckiteContentRequest(c, content, parameter = "slug") {
   const requestedSlug = c.req.param(parameter);
   if (!requestedSlug) return { kind: "response", response: c.notFound() };
   if (contentExtensionPattern.test(requestedSlug)) {
+    const page = await content.resolvePage(c.req.path);
+    if (page) {
+      applyRiebeckiteRouteContext(c, { kind: "page", page });
+      return { kind: "page", page };
+    }
     return { kind: "response", response: c.notFound() };
   }
   return resolveRouteRequest(c, content);
@@ -250,6 +255,7 @@ import {
 } from "@riebeckite/ui";
 
 // src/ui/primitives.tsx
+import { escapeScriptJson, uniqueStrings } from "@riebeckite/core";
 import { ColorModeScript } from "@riebeckite/plugin-color-mode";
 import { raw } from "hono/html";
 import { Link, Script } from "honox/server";

package/dist/src/asset_entries.d.ts

@@ -1,7 +1,8 @@
 import { type ResolvedRiebeckiteConfig } from "@riebeckite/core";
-export type GeneratedAssetPaths = {
+type GeneratedAssetPaths = {
     frameworkStyles: string;
     pluginStyles: string;
     themeStyles: string;
 };
 export declare function writeRiebeckiteAssetEntries(config: ResolvedRiebeckiteConfig, paths: GeneratedAssetPaths): void;
+export {};

package/dist/src/client_module.d.ts

@@ -1,3 +1,3 @@
 import type { ResolvedRiebeckiteConfig } from "@riebeckite/core";
 import type { Plugin } from "vite";
-export declare function riebeckiteClientModule(getConfig: () => Pick<ResolvedRiebeckiteConfig, "plugins">): Plugin;
+export declare function riebeckiteClientModule(getConfig: () => Pick<ResolvedRiebeckiteConfig, "plugins" | "spa">): Plugin;

package/dist/src/content_assets.d.ts

@@ -1,5 +1,5 @@
 import type { Plugin } from "vite";
-export type RiebeckiteContentAssetsOptions = {
+type RiebeckiteContentAssetsOptions = {
     appRoot: () => string;
     contentRoot: () => string;
 };

package/dist/src/content_watch.d.ts

@@ -1,5 +1,5 @@
 import type { Plugin, ViteDevServer } from "vite";
-export type RiebeckiteContentWatchOptions = {
+type RiebeckiteContentWatchOptions = {
     appRoot: () => string;
     contentRoot: () => string;
     exclude: () => readonly string[];
@@ -9,3 +9,4 @@ export declare function isSiteAssetPath(logicalPath: string): boolean;
 export declare function isPathInsideDirectory(directory: string, file: string): boolean;
 export declare function toLogicalPath(directory: string, file: string): string;
 export declare function invalidateApplicationRuntime(server: Pick<ViteDevServer, "environments">, appRoot: string): number;
+export {};

package/dist/src/endpoints.d.ts

@@ -1,5 +1,5 @@
 import type { ContentManager, ResolvedRiebeckiteConfig } from "@riebeckite/core";
-export type RiebeckiteEndpointMountOptions = {
+type RiebeckiteEndpointMountOptions = {
     config: ResolvedRiebeckiteConfig;
     content: ContentManager;
 };

package/dist/src/ssg/output_cache.d.ts

@@ -1,5 +1,5 @@
 import type { NoChangeFastPathOutputMetrics, NoChangeFastPathResult, OutputCacheDecision, OutputCacheRejectionReason } from "./types.js";
-export type OutputCacheEntry = {
+type OutputCacheEntry = {
     cachePath: string;
     checksum: string;
 };
@@ -26,4 +26,4 @@ export declare function loadOutputCache(path: string, timingsMs?: Record<string,
 }) | undefined>;
 export declare function saveOutputCache(path: string, state: OutputCacheState, outputDirectory: string, timingsMs?: Record<string, number>): Promise<string>;
 export declare function decodeOutput(outputCachePath: string, entry: OutputCacheEntry): Promise<Uint8Array>;
-export declare function waitForFaultInjection(point: string): Promise<void>;
+export {};

package/dist/src/ssg/types.d.ts

@@ -5,13 +5,13 @@ export type GeneratedOutputAsset = {
     fileName: string;
     source: string | Uint8Array;
 };
-export type SsgGeneratedHtmlDiagnostic = {
+type SsgGeneratedHtmlDiagnostic = {
     severity: "info" | "warning" | "error";
     message: string;
     code?: string;
     filePath?: string;
 };
-export type SsgHtmlInspectorPlugin = {
+type SsgHtmlInspectorPlugin = {
     name?: string;
     inspectGeneratedHtml?: (page: {
         path: string;
@@ -125,3 +125,4 @@ export type NoChangeFastPathOutputMetrics = {
     outputFilesHashed: number;
     outputBytesHashed: number;
 };
+export {};

package/dist/src/ui/primitives.d.ts

@@ -1,20 +1,20 @@
-import type { PluginHeadTag, PostContent, PublicContentEntry, ResolvedRiebeckiteConfig } from "@riebeckite/core";
-export type PrimitiveChildren = unknown;
-export type PrimitiveProps = {
+import type { PluginHeadTag, PostContent, PublicContentEntry, ResolvedRiebeckiteConfig, SeoMetadata } from "@riebeckite/core";
+type PrimitiveChildren = unknown;
+type PrimitiveProps = {
     children?: PrimitiveChildren;
     class?: string;
     className?: string;
 };
-export type PrimitiveClassProps = {
+type PrimitiveClassProps = {
     class?: string;
     className?: string;
 };
-export type ArticleProps = PrimitiveProps & {
+type ArticleProps = PrimitiveProps & {
     post?: PostContent;
     entry?: PublicContentEntry;
 };
-export type ArticleLayoutProps = PrimitiveProps;
-export type ArticleHeaderProps = (PrimitiveClassProps & {
+type ArticleLayoutProps = PrimitiveProps;
+type ArticleHeaderProps = (PrimitiveClassProps & {
     dangerouslySetInnerHTML: {
         __html: string;
     };
@@ -23,26 +23,26 @@ export type ArticleHeaderProps = (PrimitiveClassProps & {
     dangerouslySetInnerHTML?: never;
     children?: PrimitiveChildren;
 });
-export type ArticleContentProps = PrimitiveClassProps & {
+type ArticleContentProps = PrimitiveClassProps & {
     children?: PrimitiveChildren;
 };
-export type ArticleMetaProps = PrimitiveProps & {
+type ArticleMetaProps = PrimitiveProps & {
     label?: string;
 };
-export type SidebarProps = PrimitiveProps & {
+type SidebarProps = PrimitiveProps & {
     label?: string;
 };
-export type ArticleFooterProps = PrimitiveProps;
+type ArticleFooterProps = PrimitiveProps;
 export declare function Article(props: ArticleProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
 export declare function ArticleLayout(props: ArticleLayoutProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
 export declare function ArticleHeader(props: ArticleHeaderProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
 export declare function ArticleMeta(props: ArticleMetaProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
 export declare function ArticleContent(props: ArticleContentProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
-export type ArticleBodyProps = PrimitiveClassProps & {
+type ArticleBodyProps = PrimitiveClassProps & {
     html?: string;
 };
-export type HtmlFragmentSource = "markdown" | "plugin-page";
-export type HtmlFragmentProps = {
+type HtmlFragmentSource = "markdown" | "plugin-page";
+type HtmlFragmentProps = {
     html: string;
     source: HtmlFragmentSource;
 };
@@ -53,7 +53,7 @@ export declare function HtmlFragment(props: HtmlFragmentProps): import("hono/uti
  * Owns the `.rb-article-content` Stable Hook so Sites never hand-write it.
  */
 export declare function ArticleBody(props: ArticleBodyProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
-export type PageBodyProps = PrimitiveClassProps & {
+type PageBodyProps = PrimitiveClassProps & {
     html: string;
 };
 /**
@@ -65,7 +65,7 @@ export type PageBodyProps = PrimitiveClassProps & {
 export declare function PageBody(props: PageBodyProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
 export declare function ArticleFooter(props: ArticleFooterProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
 export declare function Sidebar(props: SidebarProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
-export type ThemeRootProps = {
+type ThemeRootProps = {
     theme?: ResolvedRiebeckiteConfig["theme"];
     lang?: string;
     children?: PrimitiveChildren;
@@ -84,7 +84,7 @@ export declare function themeRootAttributes(theme: ResolvedRiebeckiteConfig["the
  * `<head>` and `<body>` as children.
  */
 export declare function ThemeRoot(props: ThemeRootProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
-export type PluginHeadTagsProps = {
+type PluginHeadTagsProps = {
     tags?: readonly PluginHeadTag[];
 };
 /**
@@ -93,12 +93,14 @@ export type PluginHeadTagsProps = {
  * The Site owns placement; this primitive owns the conversion and ordering.
  */
 export declare function PluginHeadTags(props: PluginHeadTagsProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
-export type RiebeckiteHeadProps = {
+type RiebeckiteHeadProps = {
     title?: string;
     headTags?: readonly PluginHeadTag[];
     faviconHref?: string | null;
     colorModeScript?: boolean;
     stylesheets?: readonly string[];
+    themeStyle?: string;
+    themeStylesheets?: readonly string[];
     clientSrc?: string | null;
     prod?: boolean;
     children?: PrimitiveChildren;
@@ -111,3 +113,19 @@ export type RiebeckiteHeadProps = {
  * surrounding `<head>` so it can add its own elements next to this primitive.
  */
 export declare function RiebeckiteHead(props: RiebeckiteHeadProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
+type SeoHeadProps = {
+    seo: SeoMetadata;
+    siteTitle: string;
+    author?: string;
+    ogLocale?: string;
+    ogAlternates?: readonly string[];
+    twitterSite?: string;
+    feedLinks?: readonly {
+        href: string;
+        type: string;
+    }[];
+};
+export declare function SeoHead(props: SeoHeadProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
+export declare function getThemeStyle(tokens: ResolvedRiebeckiteConfig["theme"]["tokens"]): string;
+export declare function getThemeStylesheets(userCss: readonly string[]): string[];
+export {};

package/dist/src/ui/primitives.js

@@ -1,4 +1,5 @@
 // src/ui/primitives.tsx
+import { escapeScriptJson, uniqueStrings } from "@riebeckite/core";
 import { ColorModeScript } from "@riebeckite/plugin-color-mode";
 import { raw } from "hono/html";
 import { Link, Script } from "honox/server";
@@ -128,20 +129,26 @@ function PluginHeadTags(props) {
 function renderPluginHeadTag(tag, index) {
   const key = `${tag.tag}-${index}`;
   if (tag.tag === "meta") {
-    return /* @__PURE__ */ createElement("meta", { ...tag.attrs, key });
+    return /* @__PURE__ */ createElement("meta", { ...tag.attrs, "data-riebeckite-head": "page", key });
   }
   if (tag.tag === "link") {
-    return /* @__PURE__ */ createElement("link", { ...tag.attrs, key });
+    return /* @__PURE__ */ createElement("link", { ...tag.attrs, "data-riebeckite-head": "page", key });
   }
   return /* @__PURE__ */ createElement(
     "script",
     {
       ...tag.attrs,
+      "data-riebeckite-head": isDataScript(tag) ? "page" : void 0,
       key,
       dangerouslySetInnerHTML: tag.children ? { __html: tag.children } : void 0
     }
   );
 }
+function isDataScript(tag) {
+  if (tag.tag !== "script") return false;
+  const type = tag.attrs?.type?.trim().toLowerCase();
+  return type === "application/ld+json" || type === "application/json";
+}
 function RiebeckiteHead(props) {
   const site = useSiteContext();
   const faviconHref = props.faviconHref === void 0 ? "/favicon.ico" : props.faviconHref;
@@ -155,11 +162,228 @@ function RiebeckiteHead(props) {
     faviconHref ? /* @__PURE__ */ jsx("link", { rel: "icon", href: faviconHref }) : null,
     colorModeScript ? /* @__PURE__ */ jsx(ColorModeScript, {}) : null,
     stylesheets.map((href) => /* @__PURE__ */ jsx(Link, { href, rel: "stylesheet", prod: props.prod }, href)),
+    props.themeStyle ? /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: props.themeStyle } }) : null,
+    props.themeStylesheets?.map((href) => /* @__PURE__ */ jsx(Link, { href, rel: "stylesheet", prod: props.prod }, href)),
     /* @__PURE__ */ jsx(PluginHeadTags, { tags: props.headTags ?? site?.headTags }),
     clientSrc ? /* @__PURE__ */ jsx(Script, { src: clientSrc, async: true, prod: props.prod }) : null,
     props.children
   ] });
 }
+function SeoHead(props) {
+  const { seo } = props;
+  const twitterCard = seo.imageUrl ? "summary_large_image" : "summary";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "meta",
+      {
+        name: "description",
+        content: seo.description,
+        "data-riebeckite-head": "page"
+      }
+    ),
+    props.author ? /* @__PURE__ */ jsx(
+      "meta",
+      {
+        name: "author",
+        content: props.author,
+        "data-riebeckite-head": "page"
+      }
+    ) : null,
+    seo.noindex ? /* @__PURE__ */ jsx(
+      "meta",
+      {
+        name: "robots",
+        content: "noindex, nofollow",
+        "data-riebeckite-head": "page"
+      }
+    ) : null,
+    /* @__PURE__ */ jsx("title", { children: seo.title }),
+    seo.canonicalUrl ? /* @__PURE__ */ jsx(
+      "link",
+      {
+        rel: "canonical",
+        href: seo.canonicalUrl,
+        "data-riebeckite-head": "page"
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      "meta",
+      {
+        property: "og:title",
+        content: seo.title,
+        "data-riebeckite-head": "page"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "meta",
+      {
+        property: "og:description",
+        content: seo.description,
+        "data-riebeckite-head": "page"
+      }
+    ),
+    /* @__PURE__ */ jsx("meta", { property: "og:type", content: seo.type, "data-riebeckite-head": "page" }),
+    seo.canonicalUrl ? /* @__PURE__ */ jsx(
+      "meta",
+      {
+        property: "og:url",
+        content: seo.canonicalUrl,
+        "data-riebeckite-head": "page"
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      "meta",
+      {
+        property: "og:site_name",
+        content: props.siteTitle,
+        "data-riebeckite-head": "page"
+      }
+    ),
+    props.ogLocale ? /* @__PURE__ */ jsx(
+      "meta",
+      {
+        property: "og:locale",
+        content: props.ogLocale,
+        "data-riebeckite-head": "page"
+      }
+    ) : null,
+    props.ogAlternates?.map((locale) => /* @__PURE__ */ jsx(
+      "meta",
+      {
+        property: "og:locale:alternate",
+        content: locale,
+        "data-riebeckite-head": "page"
+      },
+      locale
+    )),
+    seo.imageUrl ? /* @__PURE__ */ jsx(
+      "meta",
+      {
+        property: "og:image",
+        content: seo.imageUrl,
+        "data-riebeckite-head": "page"
+      }
+    ) : null,
+    seo.publishedTime ? /* @__PURE__ */ jsx(
+      "meta",
+      {
+        property: "article:published_time",
+        content: seo.publishedTime,
+        "data-riebeckite-head": "page"
+      }
+    ) : null,
+    seo.modifiedTime ? /* @__PURE__ */ jsx(
+      "meta",
+      {
+        property: "article:modified_time",
+        content: seo.modifiedTime,
+        "data-riebeckite-head": "page"
+      }
+    ) : null,
+    seo.tags.map((tag) => /* @__PURE__ */ jsx(
+      "meta",
+      {
+        property: "article:tag",
+        content: tag,
+        "data-riebeckite-head": "page"
+      },
+      tag
+    )),
+    /* @__PURE__ */ jsx(
+      "meta",
+      {
+        name: "twitter:card",
+        content: twitterCard,
+        "data-riebeckite-head": "page"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "meta",
+      {
+        name: "twitter:title",
+        content: seo.title,
+        "data-riebeckite-head": "page"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "meta",
+      {
+        name: "twitter:description",
+        content: seo.description,
+        "data-riebeckite-head": "page"
+      }
+    ),
+    props.twitterSite ? /* @__PURE__ */ jsx(
+      "meta",
+      {
+        name: "twitter:site",
+        content: props.twitterSite,
+        "data-riebeckite-head": "page"
+      }
+    ) : null,
+    seo.imageUrl ? /* @__PURE__ */ jsx(
+      "meta",
+      {
+        name: "twitter:image",
+        content: seo.imageUrl,
+        "data-riebeckite-head": "page"
+      }
+    ) : null,
+    props.feedLinks?.map((feed) => /* @__PURE__ */ jsx(
+      "link",
+      {
+        rel: "alternate",
+        type: feed.type,
+        href: feed.href,
+        "data-riebeckite-head": "global"
+      },
+      feed.href
+    )),
+    seo.jsonLd ? /* @__PURE__ */ jsx(
+      "script",
+      {
+        type: "application/ld+json",
+        "data-riebeckite-head": "page",
+        dangerouslySetInnerHTML: {
+          __html: escapeScriptJson(JSON.stringify(seo.jsonLd))
+        }
+      }
+    ) : null
+  ] });
+}
+function getThemeStyle(tokens) {
+  const variables = [
+    ["--rb-color-paper", tokens.color?.paper],
+    ["--rb-color-ink", tokens.color?.ink],
+    ["--rb-color-muted", tokens.color?.muted],
+    ["--rb-color-accent", tokens.color?.accent],
+    ["--rb-color-link", tokens.color?.link],
+    ["--rb-color-focus", tokens.color?.focus],
+    ["--rb-color-selected", tokens.color?.selected],
+    ["--rb-color-border", tokens.color?.border],
+    ["--rb-color-border-strong", tokens.color?.borderStrong],
+    ["--rb-color-surface", tokens.color?.surface],
+    ["--rb-color-surface-hover", tokens.color?.surfaceHover],
+    ["--rb-color-overlay", tokens.color?.overlay],
+    ["--rb-color-danger", tokens.color?.danger],
+    ["--rb-color-success", tokens.color?.success],
+    ["--rb-color-code-background", tokens.color?.codeBackground],
+    ["--rb-color-code-ink", tokens.color?.codeInk],
+    ["--rb-color-code-inline", tokens.color?.codeInline],
+    ["--rb-font-body", tokens.typography?.bodyFont],
+    ["--rb-font-heading", tokens.typography?.headingFont],
+    ["--rb-font-mono", tokens.typography?.monoFont],
+    ["--rb-layout-page-max", tokens.layout?.pageMaxWidth],
+    ["--rb-layout-article-max", tokens.layout?.articleMaxWidth],
+    ["--rb-layout-sidebar", tokens.layout?.sidebarWidth],
+    ["--rb-layout-gap", tokens.layout?.contentGap]
+  ];
+  const declarations = variables.filter((variable) => Boolean(variable[1])).map(([name, value]) => `${name}: ${value};`);
+  return declarations.length === 0 ? "" : `:root { ${declarations.join(" ")} }`;
+}
+function getThemeStylesheets(userCss) {
+  return uniqueStrings([...userCss]);
+}
 function joinClassNames(...classNames) {
   return classNames.filter(Boolean).join(" ");
 }
@@ -175,7 +399,10 @@ export {
   PageBody,
   PluginHeadTags,
   RiebeckiteHead,
+  SeoHead,
   Sidebar,
   ThemeRoot,
+  getThemeStyle,
+  getThemeStylesheets,
   themeRootAttributes
 };

package/dist/src/vite_runner.d.ts

@@ -1,6 +1,6 @@
 import type { ResolvedRiebeckiteConfig, Tracer } from "@riebeckite/core";
 import { type RiebeckiteConfigLoaderOptions } from "./config_loader.js";
-export type HonoxApplicationOptions = {
+type HonoxApplicationOptions = {
     root: string;
     tracer?: Tracer;
     server?: {
@@ -8,7 +8,7 @@ export type HonoxApplicationOptions = {
         open?: boolean;
         port?: number;
     };
-    onServerReady?: (urls: readonly string[]) => void;
+    onServerReady?: (urls: readonly string[]) => void | Promise<void>;
     restartOnChange?: readonly string[];
 };
 export type ResolvedHonoxApplication = {
@@ -29,3 +29,4 @@ export declare class HonoxApplicationRootError extends Error {
 export declare function resolveHonoxApplication(options: ResolveHonoxApplicationOptions): Promise<ResolvedHonoxApplication>;
 export declare function startHonoxDevServer(options: HonoxApplicationOptions): Promise<void>;
 export declare function buildHonoxApplication(options: HonoxApplicationOptions): Promise<void>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/honox",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -40,18 +40,20 @@
   },
   "dependencies": {
     "@babel/parser": "^7.29.3",
+    "@riebeckite/core": "0.0.33",
+    "@riebeckite/diagnostics": "0.0.33",
+    "@riebeckite/node": "0.0.33",
+    "@riebeckite/plugin-color-mode": "0.0.33",
+    "@riebeckite/spa": "0.0.33",
+    "@riebeckite/ui": "0.0.33",
     "esbuild": "^0.28.2",
     "hono": "^4.12.25",
     "honox": "0.1.56",
-    "vite": "^8.0.9",
-    "@riebeckite/core": "0.0.31",
-    "@riebeckite/diagnostics": "0.0.31",
-    "@riebeckite/plugin-color-mode": "0.0.31",
-    "@riebeckite/ui": "0.0.31"
+    "vite": "^8.3.5"
   },
   "devDependencies": {
-    "tsx": "^4.22.4",
-    "@riebeckite/test": "0.0.31"
+    "@riebeckite/test": "0.0.33",
+    "tsx": "^4.22.4"
   },
   "publishConfig": {
     "access": "public"