@riebeckite/honox 0.0.24 → 0.0.26

package/dist/index.js

@@ -23,7 +23,7 @@ function siteRiebeckiteExternals(siteRoot) {
   const dependencies = packageJson.dependencies;
   if (!dependencies || typeof dependencies !== "object") return [];
   return Object.keys(dependencies).filter(
-    (name) => name === "@riebeckite/core" || name.startsWith("@riebeckite/plugin-") || name.startsWith("@riebeckite/theme-")
+    (name) => name === "@riebeckite/core" || name === "@riebeckite/ui" || name.startsWith("@riebeckite/plugin-") || name.startsWith("@riebeckite/theme-")
   );
 }
 
@@ -678,10 +678,7 @@ function riebeckiteSsg(options = {}) {
         this,
         `client manifest ${clientBuildArtifacts ? `preserved (${clientBuildArtifacts.paths.length} files)` : "not found"}`
       );
-      await rm(outDir, {
-        recursive: true,
-        force: true
-      });
+      await emptyBuildOutputDirectory(outDir);
     },
     resolveId(id) {
       return id === virtualId ? resolvedVirtualId : void 0;
@@ -1053,6 +1050,17 @@ function isMissingDirectoryError(error) {
 function formatBytes(bytes) {
   return `${(bytes / (1024 * 1024)).toFixed(1)} MiB`;
 }
+async function emptyBuildOutputDirectory(outDir) {
+  const entries = await readdir(outDir, { withFileTypes: true }).catch(
+    (error) => {
+      if (isMissingDirectoryError(error)) return [];
+      throw error;
+    }
+  );
+  for (const entry of entries) {
+    await rm(join(outDir, entry.name), { recursive: true, force: true });
+  }
+}
 async function preserveClientBuildArtifacts(outDir) {
   const manifestPath = ".vite/manifest.json";
   let manifestSource;
@@ -2113,6 +2121,10 @@ async function hasViteConfig(directory) {
 
 // src/vite_plugin.ts
 var defaultSsrExternals = [
+  "hono",
+  "hono/html",
+  "hono/jsx",
+  "hono/jsx/jsx-runtime",
   "extend",
   "debug",
   "node:fs/promises",

package/dist/server.d.ts

@@ -1,3 +1,5 @@
 export type { ResolvedContentRequest, ResolvedContentRoute, ResolvedRiebeckiteRoute, } from "./src/content_route.js";
 export { applyRiebeckiteRouteContext, contentRouteSsgParams, pluginPageSsgParams, resolveContentRoute, resolveRiebeckiteContentRequest, resolveRiebeckiteHomeRequest, resolveRiebeckiteRoute, riebeckiteSsgParams, ssgEnumerableHandler, } from "./src/content_route.js";
 export { mountRiebeckiteEndpoints } from "./src/endpoints.js";
+export type { ContentRouteOptions, HomeRouteOptions } from "./src/routes.js";
+export { createContentRoute, createHomeRoute } from "./src/routes.js";

package/dist/server.js

@@ -236,9 +236,84 @@ function findHeader(headers, name) {
   );
   return key ? headers[key] : void 0;
 }
+
+// src/routes.tsx
+import { createPublicContentView } from "@riebeckite/core";
+import { createRoute } from "honox/factory";
+
+// src/ui/context.ts
+import {
+  ArticleProvider,
+  SiteProvider,
+  useArticleContext,
+  useSiteContext
+} from "@riebeckite/ui";
+
+// src/ui/primitives.tsx
+import { ColorModeScript } from "@riebeckite/plugin-color-mode";
+import { raw } from "hono/html";
+import { Link, Script } from "honox/server";
+import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
+import { createElement } from "hono/jsx";
+function PageBody(props) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      class: joinClassNames("rb-page-body", props.class, props.className),
+      dangerouslySetInnerHTML: { __html: props.html }
+    }
+  );
+}
+function joinClassNames(...classNames) {
+  return classNames.filter(Boolean).join(" ");
+}
+
+// src/routes.tsx
+import { jsx as jsx2 } from "hono/jsx/jsx-runtime";
+function createContentRoute(options) {
+  const path = options.path ?? "/:slug{.+}";
+  const parameter = options.parameter ?? "slug";
+  return createRoute(
+    contentRouteSsgParams(
+      path,
+      () => riebeckiteSsgParams(options.content, parameter)
+    ),
+    async (c) => {
+      const resolved = await resolveRiebeckiteContentRequest(
+        c,
+        options.content,
+        parameter
+      );
+      if (resolved.kind === "response") return resolved.response;
+      if (resolved.kind === "page")
+        return c.render(/* @__PURE__ */ jsx2(PageBody, { html: resolved.page.body }));
+      return renderContent(c, options, resolved.entry, resolved.post);
+    }
+  );
+}
+function createHomeRoute(options) {
+  return createRoute(async (c) => {
+    const resolved = await resolveRiebeckiteHomeRequest(c, options.content);
+    if (resolved.kind === "response") return resolved.response;
+    if (resolved.kind === "page")
+      return c.render(/* @__PURE__ */ jsx2(PageBody, { html: resolved.page.body }));
+    return renderContent(c, options, resolved.entry, resolved.post);
+  });
+}
+async function renderContent(c, options, entry, post) {
+  const manifest = await options.content.getManifest();
+  const view = createPublicContentView(manifest);
+  const publicEntry = view.findRoutableBySlug(entry.slug);
+  if (!publicEntry) return c.notFound();
+  return c.render(
+    /* @__PURE__ */ jsx2(ArticleProvider, { entry: publicEntry, post, children: options.render({ entry, post }) })
+  );
+}
 export {
   applyRiebeckiteRouteContext,
   contentRouteSsgParams,
+  createContentRoute,
+  createHomeRoute,
   mountRiebeckiteEndpoints,
   pluginPageSsgParams,
   resolveContentRoute,

package/dist/src/routes.d.ts

@@ -0,0 +1,18 @@
+import type { ContentManager, ContentManifestEntry, PostContent, ResolvedRiebeckiteConfig } from "@riebeckite/core";
+import type { Child } from "hono/jsx";
+type RouteContent = Pick<ContentManager, "resolvePage" | "getManifest" | "getProcessedContent" | "getOutputChangeSet" | "getPagePaths">;
+type RenderContent = (content: {
+    entry: ContentManifestEntry;
+    post: PostContent;
+}) => Child;
+export type ContentRouteOptions = {
+    content: RouteContent;
+    config: ResolvedRiebeckiteConfig;
+    render: RenderContent;
+    path?: string;
+    parameter?: string;
+};
+export type HomeRouteOptions = Omit<ContentRouteOptions, "path" | "parameter">;
+export declare function createContentRoute(options: ContentRouteOptions): [import("hono/types").H<any, string, {}, Response>, import("hono/types").H<{}, string, {}, Promise<Response>>];
+export declare function createHomeRoute(options: HomeRouteOptions): [import("hono/types").H<import("hono").Env, string, {}, Promise<Response>>];
+export {};

package/dist/src/ssg_plugin.d.ts

@@ -32,6 +32,7 @@ export type RiebeckiteSsgOptions = {
     extensionMap?: Record<string, string>;
 };
 export declare function riebeckiteSsg(options?: RiebeckiteSsgOptions): Plugin;
+export declare function emptyBuildOutputDirectory(outDir: string): Promise<void>;
 export declare function shouldApplyRiebeckiteSsg(_config: unknown, env: ConfigEnv): boolean;
 export declare function findBuildOutputSiteCollisions(buildOutputPaths: Iterable<string>, siteOwnedOutputPaths: ReadonlySet<string>): readonly string[];
 export declare function verifyNoChangeFastPath(input: {

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

@@ -0,0 +1,2 @@
+export type { ArticleContextValue, SiteContextValue, } from "@riebeckite/ui";
+export { ArticleProvider, SiteProvider, useArticleContext, useSiteContext, } from "@riebeckite/ui";

package/dist/src/ui/context.js

@@ -0,0 +1,13 @@
+// src/ui/context.ts
+import {
+  ArticleProvider,
+  SiteProvider,
+  useArticleContext,
+  useSiteContext
+} from "@riebeckite/ui";
+export {
+  ArticleProvider,
+  SiteProvider,
+  useArticleContext,
+  useSiteContext
+};

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

@@ -1,4 +1,4 @@
-import type { PluginHeadTag, ResolvedRiebeckiteConfig } from "@riebeckite/core";
+import type { PluginHeadTag, PostContent, PublicContentEntry, ResolvedRiebeckiteConfig } from "@riebeckite/core";
 export type PrimitiveChildren = unknown;
 export type PrimitiveProps = {
     children?: PrimitiveChildren;
@@ -11,6 +11,8 @@ export type PrimitiveClassProps = {
 };
 export type ArticleProps = PrimitiveProps & {
     "data-slot"?: string;
+    post?: PostContent;
+    entry?: PublicContentEntry;
 };
 export type ArticleLayoutProps = PrimitiveProps;
 export type ArticleHeaderProps = (PrimitiveClassProps & {
@@ -39,7 +41,7 @@ export declare function ArticleHeader(props: ArticleHeaderProps): import("hono/j
 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 & {
-    html: string;
+    html?: string;
 };
 export type HtmlFragmentSource = "markdown" | "plugin-page";
 export type HtmlFragmentProps = {
@@ -66,7 +68,7 @@ export declare function PageBody(props: PageBodyProps): import("hono/jsx/jsx-dev
 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 = {
-    theme: ResolvedRiebeckiteConfig["theme"];
+    theme?: ResolvedRiebeckiteConfig["theme"];
     lang?: string;
     children?: PrimitiveChildren;
 };
@@ -94,7 +96,7 @@ export type PluginHeadTagsProps = {
  */
 export declare function PluginHeadTags(props: PluginHeadTagsProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
 export type RiebeckiteHeadProps = {
-    title: string;
+    title?: string;
     headTags?: readonly PluginHeadTag[];
     faviconHref?: string | null;
     colorModeScript?: boolean;

package/dist/src/ui/primitives.js

@@ -2,10 +2,20 @@
 import { ColorModeScript } from "@riebeckite/plugin-color-mode";
 import { raw } from "hono/html";
 import { Link, Script } from "honox/server";
+
+// src/ui/context.ts
+import {
+  ArticleProvider,
+  SiteProvider,
+  useArticleContext,
+  useSiteContext
+} from "@riebeckite/ui";
+
+// src/ui/primitives.tsx
 import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
 import { createElement } from "hono/jsx";
 function Article(props) {
-  return /* @__PURE__ */ jsx(
+  const article = /* @__PURE__ */ jsx(
     "article",
     {
       class: joinClassNames("rb-article", props.class, props.className),
@@ -13,6 +23,8 @@ function Article(props) {
       children: props.children
     }
   );
+  if (!props.post) return article;
+  return /* @__PURE__ */ jsx(ArticleProvider, { entry: props.entry, post: props.post, children: article });
 }
 function ArticleLayout(props) {
   return /* @__PURE__ */ jsx(
@@ -63,11 +75,14 @@ function HtmlFragment(props) {
   return raw(props.html);
 }
 function ArticleBody(props) {
+  const article = useArticleContext();
+  const html = props.html ?? article?.post.html;
+  if (html === void 0) return null;
   return /* @__PURE__ */ jsx(
     "div",
     {
       class: joinClassNames("rb-article-content", props.class, props.className),
-      dangerouslySetInnerHTML: { __html: props.html }
+      dangerouslySetInnerHTML: { __html: html }
     }
   );
 }
@@ -109,7 +124,11 @@ function themeRootAttributes(theme) {
   };
 }
 function ThemeRoot(props) {
-  return /* @__PURE__ */ jsx("html", { lang: props.lang, ...themeRootAttributes(props.theme), children: props.children });
+  const site = useSiteContext();
+  const theme = props.theme ?? site?.config.theme;
+  const lang = props.lang ?? site?.language ?? site?.config.site.locale;
+  if (!theme) return /* @__PURE__ */ jsx("html", { lang, children: props.children });
+  return /* @__PURE__ */ jsx("html", { lang, ...themeRootAttributes(theme), children: props.children });
 }
 function PluginHeadTags(props) {
   return /* @__PURE__ */ jsx(Fragment, { children: props.tags?.map(renderPluginHeadTag) });
@@ -132,6 +151,7 @@ function renderPluginHeadTag(tag, index) {
   );
 }
 function RiebeckiteHead(props) {
+  const site = useSiteContext();
   const faviconHref = props.faviconHref === void 0 ? "/favicon.ico" : props.faviconHref;
   const stylesheets = props.stylesheets ?? ["/app/style.css"];
   const clientSrc = props.clientSrc === void 0 ? "/app/client.ts" : props.clientSrc;
@@ -139,11 +159,11 @@ function RiebeckiteHead(props) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("meta", { charset: "utf-8" }),
     /* @__PURE__ */ jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }),
-    /* @__PURE__ */ jsx("title", { children: props.title }),
+    /* @__PURE__ */ jsx("title", { children: props.title ?? site?.config.site.title }),
     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)),
-    /* @__PURE__ */ jsx(PluginHeadTags, { tags: props.headTags }),
+    /* @__PURE__ */ jsx(PluginHeadTags, { tags: props.headTags ?? site?.headTags }),
     clientSrc ? /* @__PURE__ */ jsx(Script, { src: clientSrc, async: true, prod: props.prod }) : null,
     props.children
   ] });

package/dist/src/vite_plugin.d.ts

@@ -12,7 +12,7 @@ export type RiebeckiteIntegrationOptions = {
  * external. These are internal to the integration: sites should not have to
  * restate the Vite `environments.ssr.resolve.external` list.
  */
-export declare const defaultSsrExternals: readonly ["extend", "debug", "node:fs/promises", "node:path", "parse-numeric-range", "slugify", "vfile-matter", "yaml"];
+export declare const defaultSsrExternals: readonly ["hono", "hono/html", "hono/jsx", "hono/jsx/jsx-runtime", "extend", "debug", "node:fs/promises", "node:path", "parse-numeric-range", "slugify", "vfile-matter", "yaml"];
 export type RiebeckiteViteOptions = RiebeckiteIntegrationOptions & {
     /** Extra SSR externals appended after Riebeckite's defaults. */
     ssrExternals?: readonly string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/honox",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -30,6 +30,12 @@
       "source": "./src/ui/primitives.tsx",
       "default": "./dist/src/ui/primitives.js"
     },
+    "./ui/context": {
+      "types": "./dist/src/ui/context.d.ts",
+      "import": "./dist/src/ui/context.js",
+      "source": "./src/ui/context.ts",
+      "default": "./dist/src/ui/context.js"
+    },
     "./style.css": "./style.css"
   },
   "dependencies": {
@@ -38,12 +44,13 @@
     "hono": "^4.12.25",
     "honox": "0.1.56",
     "vite": "^8.0.9",
-    "@riebeckite/core": "0.0.24",
-    "@riebeckite/plugin-color-mode": "0.0.24"
+    "@riebeckite/core": "0.0.26",
+    "@riebeckite/plugin-color-mode": "0.0.26",
+    "@riebeckite/ui": "0.0.26"
   },
   "devDependencies": {
     "tsx": "^4.22.4",
-    "@riebeckite/test": "0.0.24"
+    "@riebeckite/test": "0.0.26"
   },
   "publishConfig": {
     "access": "public"