@publish.os/nextjs 0.0.1-alpha.90 → 0.0.1-alpha.92

package/init/seed/minimal/publish.os/blog/page.tsx

@@ -0,0 +1,91 @@
+import { CopyLink } from "@components/blog/copy-link";
+import { authoredDate, authorNames } from "@components/blog/frontmatter";
+import { Link } from "@components/ui/link";
+import { CaretLeftIcon } from "@phosphor-icons/react/ssr";
+import { MDX } from "@publish.os/nextjs/mdx";
+import type { PageProps } from "@publish.os/nextjs/types";
+import { prettyDate } from "@publish.os/nextjs/utils/pretty-date";
+import Image from "next/image";
+
+type BlogMeta = {
+  authors?: unknown;
+  image?: { src: string; alt: string };
+  publishedAt?: unknown;
+};
+
+export default function BlogLeaf({ page }: PageProps<BlogMeta>) {
+  const authors = authorNames(page.frontmatter.authors);
+  const publishedAt = authoredDate(page.frontmatter.publishedAt);
+  const date = prettyDate(publishedAt);
+  const image = page.frontmatter.image;
+  const cover =
+    image &&
+    typeof image === "object" &&
+    typeof image.src === "string" &&
+    typeof image.alt === "string"
+      ? image
+      : undefined;
+
+  return (
+    <div className="flex min-h-0 min-w-0 flex-1 flex-col px-4 pt-6 md:px-5 lg:px-6 lg:pt-8">
+      <nav aria-label="Blog" className="mb-8 lg:mb-12">
+        <Link
+          className="-ms-2 inline-flex min-h-11 items-center px-2 text-foreground-3 hover:text-foreground-1"
+          href="/blog"
+          leftIcon={
+            <CaretLeftIcon
+              aria-hidden="true"
+              className="size-3.5 shrink-0 rtl:rotate-180"
+            />
+          }
+          size="sm"
+        >
+          Blog
+        </Link>
+      </nav>
+      <article className="mx-auto flex min-w-0 w-full max-w-4xl flex-1 flex-col wrap-anywhere">
+        <header>
+          <div className="mx-auto w-full max-w-2xl">
+            <h1 className="text-balance text-center text-4xl font-medium leading-tight tracking-tight text-foreground-1 md:text-5xl">
+              {page.frontmatter.title}
+            </h1>
+          </div>
+          {cover ? (
+            <Image
+              alt={cover.alt}
+              className="mt-10 aspect-2/1 w-full rounded-media border border-stroke-3 object-cover"
+              height={800}
+              priority
+              sizes="(max-width: 896px) 100vw, 896px"
+              src={cover.src}
+              width={1600}
+            />
+          ) : null}
+          <div className="mx-auto w-full max-w-2xl">
+            {page.frontmatter.description ? (
+              <p className="mt-12 text-pretty text-center text-base italic leading-7 text-foreground-2">
+                {page.frontmatter.description}
+              </p>
+            ) : null}
+            <hr className="my-10 border-stroke-3" />
+          </div>
+        </header>
+        <div className="mx-auto flex w-full max-w-2xl flex-1 flex-col">
+          <div className="markdown-prose min-w-0 flex-1">
+            <MDX page={page} />
+          </div>
+          <div className="mx-auto mt-12 mb-24 flex w-full max-w-2xl flex-wrap items-center justify-between gap-3 border-t border-stroke-3 pt-6">
+            {authors || date ? (
+              <p className="flex flex-wrap items-baseline gap-x-1.5 text-sm text-foreground-3">
+                {authors ? <span>{authors}</span> : null}
+                {authors && date ? <span aria-hidden="true">·</span> : null}
+                {date ? <time dateTime={publishedAt}>{date}</time> : null}
+              </p>
+            ) : null}
+            <CopyLink className="ms-auto" path={page.path} />
+          </div>
+        </div>
+      </article>
+    </div>
+  );
+}

package/init/seed/minimal/publish.os/components/blog/copy-link.tsx

@@ -0,0 +1,64 @@
+"use client";
+
+import { Link } from "@components/ui/link";
+import { LinkSimpleIcon } from "@phosphor-icons/react/ssr";
+import { useState } from "react";
+
+export function CopyLink({
+  className,
+  path,
+}: {
+  className?: string;
+  path: string;
+}) {
+  const [status, setStatus] = useState<"idle" | "pending" | "copied" | "error">(
+    "idle",
+  );
+
+  async function copyLink() {
+    setStatus("pending");
+    try {
+      await navigator.clipboard.writeText(
+        new URL(path, window.location.origin).href,
+      );
+      setStatus("copied");
+    } catch {
+      setStatus("error");
+    }
+  }
+
+  return (
+    <div className={className}>
+      <Link
+        aria-busy={status === "pending" || undefined}
+        className="inline-flex min-h-11 items-center text-foreground-3 hover:text-foreground-1 motion-safe:active:scale-[0.96]"
+        href={path}
+        leftIcon={<LinkSimpleIcon aria-hidden="true" />}
+        onClick={(event) => {
+          if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)
+            return;
+          event.preventDefault();
+          if (status !== "pending") void copyLink();
+        }}
+        prefetch={false}
+        size="xs"
+      >
+        Copy link
+      </Link>
+      <p
+        className={
+          status === "error"
+            ? "mt-2 max-w-60 text-sm text-foreground-2"
+            : "sr-only"
+        }
+        role="status"
+      >
+        {status === "copied"
+          ? "Link copied."
+          : status === "error"
+            ? "Could not copy. Try again, or copy the address from your browser."
+            : ""}
+      </p>
+    </div>
+  );
+}

package/init/seed/minimal/publish.os/components/blog/frontmatter.ts

@@ -0,0 +1,41 @@
+export function authorNames(value: unknown): string {
+  if (!Array.isArray(value)) return "";
+  return value
+    .flatMap((author: unknown) => {
+      if (typeof author === "string") return [author];
+      if (
+        author &&
+        typeof author === "object" &&
+        "name" in author &&
+        typeof author.name === "string"
+      ) {
+        return [author.name];
+      }
+      return [];
+    })
+    .join(", ");
+}
+
+export function stringList(value: unknown): string {
+  return Array.isArray(value)
+    ? value
+        .filter((item): item is string => typeof item === "string")
+        .join(", ")
+    : "";
+}
+
+export function authoredDate(value: unknown): string | undefined {
+  if (typeof value !== "string") return undefined;
+  if (
+    !/^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:\d{2}))?$/.test(
+      value,
+    )
+  )
+    return undefined;
+  const timestamp = Date.parse(value);
+  if (!Number.isFinite(timestamp)) return undefined;
+  const day = value.slice(0, 10);
+  if (new Date(`${day}T00:00:00Z`).toISOString().slice(0, 10) !== day)
+    return undefined;
+  return value;
+}

package/init/seed/minimal/publish.os/docs/content/get-started.mdx

@@ -1,7 +1,6 @@
 ---
 title: Get started
 description: Preview your site and make your first change.
-order: 1
 ---
 
 A publishOS site starts with a folder. The `publish.os/` folder contains your content, theme, and configuration.
@@ -30,7 +29,7 @@ Use Markdown for normal text. You can use **bold text**, _italic text_, and `cod
 
 You can also use MDX components to add interactive elements to your pages.
 
-Use [callouts](/docs/callouts) to add notes, warnings, and useful context. The callout guide shows every color and style.
+Use the [blog](/blog) to share updates alongside your documentation.
 
 You can show a keyboard shortcut such as <kbd>Ctrl</kbd>+<kbd>Enter</kbd>.
 
@@ -47,4 +46,4 @@ description: Add a page to your site.
 Each MDX file contains one page.
 ```
 
-Next try creating or modifying <a href="/docs/groups">groups</a> or customizing your <a href="/docs/themes">theme</a>.
+Next, organize your [groups](/docs/groups) or customize your [theme](/docs/themes).

package/init/seed/minimal/publish.os/docs/content/groups.mdx

@@ -1,25 +1,24 @@
 ---
 title: Groups
 description: Give each group one purpose and each page a clear name.
-order: 2
 ---
 
-A content group keeps related pages together. This site has one group, `docs`.
+A content group keeps related pages together. This site has two groups: `docs` and `blog`.
 
 ## Add a group
 
-Create `publish.os/blog/content/first-post.mdx`:
+Create `publish.os/notes/content/first-note.mdx`:
 
 ```mdx
 ---
-title: A small beginning
-description: Why this project exists.
+title: Project notes
+description: What we learned while building this project.
 ---
 
 This project starts with one problem and one useful solution.
 ```
 
-The `blog` folder creates a separate content group. Its pages can share a layout and theme without changes to the docs group.
+The `notes` folder creates a separate content group. Its pages can share a layout and theme without changes to the other groups.
 
 ## Choose clear names
 

package/init/seed/minimal/publish.os/publish.os.config.json

@@ -1,9 +1,9 @@
 {
   "version": 1,
-  "runtime": "@publish.os/nextjs@0.0.1-alpha.90",
+  "runtime": "@publish.os/nextjs@0.0.1-alpha.92",
   "site": {
     "name": "publish.os guides",
-    "description": "Write pages, organize content, and build your site."
+    "description": "Documentation and updates for your project."
   },
   "fonts": {
     "main": {
@@ -13,5 +13,20 @@
       "family": "DM Mono",
       "weight": ["300", "400", "500"]
     }
+  },
+  "groups": {
+    "docs": { "title": "Docs" },
+    "blog": {
+      "title": "Blog",
+      "navigation": {
+        "items": [],
+        "sort": {
+          "source": "frontmatter",
+          "field": "publishedAt",
+          "type": "date",
+          "direction": "desc"
+        }
+      }
+    }
   }
 }

package/init/seed/minimal/publish.os/theme.css

@@ -40,9 +40,7 @@
   --blue-1100: #00569f;
   --blue-1200: #003d73;
 
-  --accent: var(--blue-900);
-  --accent-2: var(--blue-800);
-  --accent-3: var(--blue-700);
+  --accent: var(--blue-1000);
   --theme-radius: var(--theme-radius-sm);
 }
 
@@ -72,4 +70,6 @@
   --blue-1000: #84c8ff;
   --blue-1100: #b6dfff;
   --blue-1200: #e8f5ff;
+
+  --accent: var(--blue-800);
 }

package/init/seed/minimal/seed.json

@@ -1,16 +1,24 @@
 {
   "name": "Minimal",
-  "description": "A minimal docs theme with three short guides.",
+  "description": "Docs and a blog with a minimal theme.",
   "files": [
     "publish.os.config.json",
     "tsconfig.json",
     "theme.css",
     "assets/logo/publish-dev-logo.dark.png",
     "assets/logo/publish-dev-logo.png",
-    "assets/favicon/favicon.dark.png",
-    "assets/favicon/favicon.png",
+    "assets/favicon.svg",
+    "assets/favicon.dark.svg",
+    "assets/blog/hello-world.svg",
     "docs/content/get-started.mdx",
     "docs/content/groups.mdx",
-    "docs/content/themes.mdx"
+    "docs/content/themes.mdx",
+    "blog/index.tsx",
+    "blog/layout.tsx",
+    "blog/page.tsx",
+    "components/blog/copy-link.tsx",
+    "components/blog/frontmatter.ts",
+    "blog/content/hello-world.mdx",
+    "blog/content/series-a.mdx"
   ]
 }

package/init/seed/scratch/publish.os/docs/content/get-started.mdx

@@ -3,4 +3,4 @@ title: Get started
 description: Replace this page with your own content.
 ---
 
-Replace this page with your own content.
+Replace this page with your own content. See [our docs](publish.dev/docs)

package/init/seed/scratch/publish.os/publish.os.config.json

@@ -1,4 +1,4 @@
 {
   "version": 1,
-  "runtime": "@publish.os/nextjs@0.0.1-alpha.90"
+  "runtime": "@publish.os/nextjs@0.0.1-alpha.92"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@publish.os/nextjs",
-  "version": "0.0.1-alpha.90",
+  "version": "0.0.1-alpha.92",
   "description": "Components and routes for generated publishOS Next.js sites.",
   "homepage": "https://publish.dev",
   "bugs": {
@@ -16,7 +16,7 @@
   "type": "module",
   "license": "UNLICENSED",
   "engines": {
-    "node": "24.x"
+    "node": "^24.22.1"
   },
   "repository": {
     "type": "git",
@@ -43,6 +43,14 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
+    "./jsx-runtime": {
+      "types": "./dist/jsx-runtime.d.ts",
+      "default": "./dist/jsx-runtime.js"
+    },
+    "./jsx-dev-runtime": {
+      "types": "./dist/jsx-dev-runtime.d.ts",
+      "default": "./dist/jsx-dev-runtime.js"
+    },
     "./resolvers/manifest-resolver": {
       "types": "./dist/resolvers/manifest-resolver.d.ts",
       "default": "./dist/resolvers/manifest-resolver.js"
@@ -171,6 +179,10 @@
       "types": "./dist/kernel/routes/agent/markdown.d.ts",
       "default": "./dist/kernel/routes/agent/markdown.js"
     },
+    "./kernel/routes/not-found": {
+      "types": "./dist/kernel/routes/not-found.d.ts",
+      "default": "./dist/kernel/routes/not-found.js"
+    },
     "./kernel/routes/layouts/group": {
       "types": "./dist/kernel/routes/layouts/group.d.ts",
       "default": "./dist/kernel/routes/layouts/group.js"
@@ -211,6 +223,10 @@
       "types": "./dist/kernel/components/blocks/AgentActions.d.ts",
       "default": "./dist/kernel/components/blocks/AgentActions.js"
     },
+    "./kernel/components/blocks/agent-actions": {
+      "types": "./dist/kernel/components/blocks/agent-actions.d.ts",
+      "default": "./dist/kernel/components/blocks/agent-actions.js"
+    },
     "./kernel/components/blocks/animated-icon-swap": {
       "types": "./dist/kernel/components/blocks/animated-icon-swap.d.ts",
       "default": "./dist/kernel/components/blocks/animated-icon-swap.js"
@@ -219,14 +235,6 @@
       "types": "./dist/kernel/components/blocks/color-palette.d.ts",
       "default": "./dist/kernel/components/blocks/color-palette.js"
     },
-    "./kernel/components/blocks/design-system-preview": {
-      "types": "./dist/kernel/components/blocks/design-system-preview.d.ts",
-      "default": "./dist/kernel/components/blocks/design-system-preview.js"
-    },
-    "./kernel/components/blocks/link-playground": {
-      "types": "./dist/kernel/components/blocks/link-playground.d.ts",
-      "default": "./dist/kernel/components/blocks/link-playground.js"
-    },
     "./kernel/components/blocks/logo-block": {
       "types": "./dist/kernel/components/blocks/logo-block.d.ts",
       "default": "./dist/kernel/components/blocks/logo-block.js"
@@ -243,10 +251,6 @@
       "types": "./dist/kernel/components/blocks/navigation-progress.d.ts",
       "default": "./dist/kernel/components/blocks/navigation-progress.js"
     },
-    "./kernel/components/blocks/navigation-progress-playground": {
-      "types": "./dist/kernel/components/blocks/navigation-progress-playground.d.ts",
-      "default": "./dist/kernel/components/blocks/navigation-progress-playground.js"
-    },
     "./kernel/components/blocks/next-prev": {
       "types": "./dist/kernel/components/blocks/next-prev.d.ts",
       "default": "./dist/kernel/components/blocks/next-prev.js"
@@ -275,6 +279,14 @@
       "types": "./dist/kernel/components/blocks/toc.d.ts",
       "default": "./dist/kernel/components/blocks/toc.js"
     },
+    "./kernel/components/blocks/toc-client": {
+      "types": "./dist/kernel/components/blocks/toc-client.d.ts",
+      "default": "./dist/kernel/components/blocks/toc-client.js"
+    },
+    "./kernel/components/next-image": {
+      "types": "./dist/kernel/components/next-image.d.ts",
+      "default": "./dist/kernel/components/next-image.js"
+    },
     "./kernel/components/mdx/error-boundary": {
       "types": "./dist/kernel/components/mdx/error-boundary.d.ts",
       "default": "./dist/kernel/components/mdx/error-boundary.js"
@@ -399,6 +411,18 @@
       "types": "./dist/kernel/components/ui/button.d.ts",
       "default": "./dist/kernel/components/ui/button.js"
     },
+    "./components/ui/button": {
+      "types": "./dist/kernel/components/ui/button.d.ts",
+      "default": "./dist/kernel/components/ui/button.js"
+    },
+    "./components/blocks/toc": {
+      "types": "./dist/kernel/components/blocks/toc.d.ts",
+      "default": "./dist/kernel/components/blocks/toc.js"
+    },
+    "./components/blocks/agent-actions": {
+      "types": "./dist/kernel/components/blocks/agent-actions.d.ts",
+      "default": "./dist/kernel/components/blocks/agent-actions.js"
+    },
     "./kernel/components/ui/card": {
       "types": "./dist/kernel/components/ui/card.d.ts",
       "default": "./dist/kernel/components/ui/card.js"
@@ -471,10 +495,6 @@
       "types": "./dist/kernel/components/ui/text.d.ts",
       "default": "./dist/kernel/components/ui/text.js"
     },
-    "./kernel/components/ui/theme-toggle": {
-      "types": "./dist/kernel/components/ui/theme-toggle.d.ts",
-      "default": "./dist/kernel/components/ui/theme-toggle.js"
-    },
     "./kernel/components/ui/toast": {
       "types": "./dist/kernel/components/ui/toast.d.ts",
       "default": "./dist/kernel/components/ui/toast.js"
@@ -499,18 +519,21 @@
       "types": "./dist/utils/heading-ids.d.ts",
       "default": "./dist/utils/heading-ids.js"
     },
+    "./utils/toc-selection": {
+      "types": "./dist/utils/toc-selection.d.ts",
+      "default": "./dist/utils/toc-selection.js"
+    },
     "./config/createNextConfig": {
       "types": "./dist/config/createNextConfig.d.ts",
       "default": "./dist/config/createNextConfig.js"
     }
   },
   "dependencies": {
-    "@base-ui/react": "1.8.0",
+    "@base-ui/react": "1.9.0",
     "@types/mdx": "2.0.14",
     "class-variance-authority": "0.7.1",
     "cn": "^0.2.6",
     "fontkit": "^2.0.4",
-    "gray-matter": "^4.0.3",
     "next-mdx-remote": "^6.0.0",
     "next-themes": "^0.4.0",
     "postcss": "8.5.28",
@@ -522,14 +545,16 @@
     "remark-mdx": "^3.1.1",
     "remark-parse": "^11.0.0",
     "remark-stringify": "^11.0.0",
+    "saxes": "^6.0.0",
     "sharp": "0.35.5",
-    "shiki": "^4.4.3",
+    "shiki": "^4.5.0",
     "tar": "7.5.22",
     "unified": "^11.0.5",
-    "zod": "^3.23.8"
+    "yaml": "2.9.1",
+    "zod": "^4.6.7"
   },
   "peerDependencies": {
-    "next": ">=16.4.0",
+    "next": ">=16.4.2",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "typescript": ">=5.0.0"

package/release/app/phosphor/package.json

@@ -1,13 +1,13 @@
 {
   "engines": {
-    "node": "24.x"
+    "node": "^24.22.1"
   },
-  "name": "publish-os-nextjs-app-phosphor-install",
+  "name": "publish-os-site",
   "packageManager": "pnpm@12.3.0",
   "private": true,
   "type": "module",
   "dependencies": {
-    "@base-ui/react": "1.8.0",
+    "@base-ui/react": "1.9.0",
     "@phosphor-icons/react": "2.1.10",
     "@publish.os/nextjs": "file:./framework.tgz",
     "@tailwindcss/postcss": "4.3.3",
@@ -15,7 +15,7 @@
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
     "class-variance-authority": "0.7.1",
-    "next": "16.4.0",
+    "next": "16.4.2",
     "next-themes": "0.4.6",
     "pagefind": "1.5.2",
     "react": "19.2.0",