@publish.os/nextjs 0.0.1-alpha.1

package/dist/components/site-header.js

@@ -0,0 +1,268 @@
+"use client";
+
+// src/components/site-header.tsx
+import Link2 from "next/link";
+import { usePathname as usePathname2 } from "next/navigation";
+
+// src/components/nav-breadcrumb.tsx
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { jsx, jsxs } from "react/jsx-runtime";
+function titleFor(node) {
+  return node.title;
+}
+function pathFor(node) {
+  if (node.type === "page") return node.path;
+  if (node.type === "link") return node.href;
+  if (node.type === "section") return node.path;
+  return void 0;
+}
+function rankFor(node) {
+  if (node.type === "page" || node.type === "section") return 2;
+  if (node.type === "folder") return 1;
+  return 0;
+}
+function findCrumbs(nodes, pathname, parents = []) {
+  const matches = [];
+  for (const node of nodes) {
+    const path = pathFor(node);
+    const nextParents = path ? [...parents, { title: titleFor(node), path }] : parents;
+    if (path === pathname) {
+      matches.push({
+        crumbs: nextParents.map((crumb, index) => ({
+          ...crumb,
+          current: index === nextParents.length - 1
+        })),
+        pathLength: path.length,
+        rank: rankFor(node)
+      });
+    }
+    if (node.type === "section" || node.type === "folder") {
+      const childMatch = findCrumbs(node.children, pathname, nextParents);
+      if (childMatch) matches.push(childMatch);
+    }
+  }
+  return matches.sort(
+    (a, b) => b.rank - a.rank || b.pathLength - a.pathLength || b.crumbs.length - a.crumbs.length
+  )[0] ?? null;
+}
+function groupFallback(tree, pathname) {
+  const groups = tree.map((group) => ({ group, path: pathFor(group) })).filter(
+    (entry) => typeof entry.path === "string"
+  ).sort((a, b) => b.path.length - a.path.length);
+  for (const { group, path } of groups) {
+    if (pathname.startsWith(`${path}/`)) {
+      return [{ title: titleFor(group), path }];
+    }
+  }
+  return [];
+}
+function buildCrumbs(site, tree, pathname) {
+  const root = {
+    title: site.title,
+    path: "/",
+    current: pathname === "/"
+  };
+  if (pathname === "/") return [root];
+  const treeMatch = findCrumbs(tree, pathname);
+  if (treeMatch) return [root, ...treeMatch.crumbs];
+  return [
+    root,
+    ...groupFallback(tree, pathname).map((crumb) => ({
+      ...crumb,
+      current: false
+    }))
+  ];
+}
+function NavBreadcrumb({
+  site,
+  tree
+}) {
+  const pathname = usePathname() || "/";
+  const crumbs = buildCrumbs(site, tree, pathname);
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": "Breadcrumb",
+      className: "flex min-w-0 items-center gap-1.5 text-sm",
+      children: crumbs.map((crumb, index) => /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+        index > 0 && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-stroke-3", children: "/" }),
+        crumb.current ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-current": "page",
+            className: "truncate font-medium text-foreground-1",
+            children: crumb.title
+          }
+        ) : /* @__PURE__ */ jsx(
+          Link,
+          {
+            className: "truncate text-foreground-3 no-underline hover:text-accent-1",
+            href: crumb.path,
+            children: crumb.title
+          }
+        )
+      ] }, crumb.path))
+    }
+  );
+}
+
+// src/components/theme-toggle.tsx
+import { useTheme } from "next-themes";
+import { useEffect, useMemo, useState } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var themeOrder = ["system", "light", "dark"];
+function SunIcon() {
+  return /* @__PURE__ */ jsxs2(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      height: "16",
+      viewBox: "0 0 16 16",
+      width: "16",
+      children: [
+        /* @__PURE__ */ jsx2("circle", { cx: "8", cy: "8", r: "3", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ jsx2(
+          "path",
+          {
+            d: "M8 1.5v1.2M8 13.3v1.2M1.5 8h1.2M13.3 8h1.2M3.4 3.4l.9.9M11.7 11.7l.9.9M12.6 3.4l-.9.9M4.3 11.7l-.9.9",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth: "1.5"
+          }
+        )
+      ]
+    }
+  );
+}
+function MoonIcon() {
+  return /* @__PURE__ */ jsx2(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      height: "16",
+      viewBox: "0 0 16 16",
+      width: "16",
+      children: /* @__PURE__ */ jsx2(
+        "path",
+        {
+          d: "M13.2 9.6A5.5 5.5 0 0 1 6.4 2.8a5.7 5.7 0 1 0 6.8 6.8Z",
+          stroke: "currentColor",
+          strokeLinejoin: "round",
+          strokeWidth: "1.5"
+        }
+      )
+    }
+  );
+}
+function SystemIcon() {
+  return /* @__PURE__ */ jsxs2(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      height: "16",
+      viewBox: "0 0 16 16",
+      width: "16",
+      children: [
+        /* @__PURE__ */ jsx2(
+          "rect",
+          {
+            height: "8.5",
+            rx: "1.5",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            width: "12",
+            x: "2",
+            y: "2.5"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "path",
+          {
+            d: "M6.5 13.5h3M8 11v2.5",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth: "1.5"
+          }
+        )
+      ]
+    }
+  );
+}
+function Icon({ theme }) {
+  if (theme === "light") return /* @__PURE__ */ jsx2(SunIcon, {});
+  if (theme === "dark") return /* @__PURE__ */ jsx2(MoonIcon, {});
+  return /* @__PURE__ */ jsx2(SystemIcon, {});
+}
+function normalizeTheme(theme) {
+  if (theme === "light" || theme === "dark") return theme;
+  return "system";
+}
+function ThemeToggle() {
+  const { theme, setTheme } = useTheme();
+  const [mounted, setMounted] = useState(false);
+  const activeTheme = normalizeTheme(theme);
+  const nextTheme = useMemo(() => {
+    const index = themeOrder.indexOf(activeTheme);
+    return themeOrder[(index + 1) % themeOrder.length] ?? "system";
+  }, [activeTheme]);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  const label = mounted ? `Switch to ${nextTheme} theme` : "Theme preference";
+  return /* @__PURE__ */ jsx2(
+    "button",
+    {
+      "aria-label": label,
+      className: "inline-flex size-8 shrink-0 items-center justify-center rounded-button border border-stroke-2 bg-surface-2 text-foreground-2 transition-colors hover:border-stroke-1 hover:bg-surface-hover hover:text-foreground-1",
+      onClick: () => setTheme(nextTheme),
+      title: label,
+      type: "button",
+      children: /* @__PURE__ */ jsx2(Icon, { theme: mounted ? activeTheme : "system" })
+    }
+  );
+}
+
+// src/components/site-header.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function hasPath(node) {
+  return "path" in node && typeof node.path === "string";
+}
+function SiteHeader({
+  site,
+  siteTitle,
+  tree,
+  currentPath
+}) {
+  const headerSite = site ?? { title: siteTitle ?? "Site" };
+  const livePathname = usePathname2() || "/";
+  const pathname = currentPath ?? livePathname;
+  const groups = tree.filter(hasPath);
+  const activeGroupPath = groups.map((group) => group.path).filter((path) => pathname === path || pathname.startsWith(`${path}/`)).sort((a, b) => b.length - a.length)[0];
+  return /* @__PURE__ */ jsx3("header", { className: "border-b border-stroke-3 bg-surface-2 backdrop-blur", children: /* @__PURE__ */ jsxs3("div", { className: "mx-auto flex max-w-6xl flex-col gap-3 px-6 py-3 md:flex-row md:items-center md:justify-between lg:px-10", children: [
+    /* @__PURE__ */ jsx3("div", { className: "min-w-0", children: /* @__PURE__ */ jsx3(NavBreadcrumb, { site: headerSite, tree }) }),
+    /* @__PURE__ */ jsxs3("div", { className: "flex shrink-0 items-center gap-4", children: [
+      groups.length >= 2 && /* @__PURE__ */ jsx3("nav", { "aria-label": "Groups", className: "flex flex-wrap gap-3 text-sm", children: groups.map((group) => {
+        const path = group.path;
+        const active = path === activeGroupPath;
+        return /* @__PURE__ */ jsx3(
+          Link2,
+          {
+            "aria-current": active ? "page" : void 0,
+            className: active ? "font-medium text-accent-1 underline underline-offset-4" : "text-foreground-2 underline-offset-4 hover:text-accent-1 hover:underline",
+            href: path,
+            children: group.title
+          },
+          group.id
+        );
+      }) }),
+      /* @__PURE__ */ jsx3(ThemeToggle, {})
+    ] })
+  ] }) });
+}
+export {
+  SiteHeader
+};

package/dist/components/theme-toggle.cjs

@@ -0,0 +1,147 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/theme-toggle.tsx
+var theme_toggle_exports = {};
+__export(theme_toggle_exports, {
+  ThemeToggle: () => ThemeToggle
+});
+module.exports = __toCommonJS(theme_toggle_exports);
+var import_next_themes = require("next-themes");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var themeOrder = ["system", "light", "dark"];
+function SunIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      height: "16",
+      viewBox: "0 0 16 16",
+      width: "16",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "8", cy: "8", r: "3", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M8 1.5v1.2M8 13.3v1.2M1.5 8h1.2M13.3 8h1.2M3.4 3.4l.9.9M11.7 11.7l.9.9M12.6 3.4l-.9.9M4.3 11.7l-.9.9",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth: "1.5"
+          }
+        )
+      ]
+    }
+  );
+}
+function MoonIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      height: "16",
+      viewBox: "0 0 16 16",
+      width: "16",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M13.2 9.6A5.5 5.5 0 0 1 6.4 2.8a5.7 5.7 0 1 0 6.8 6.8Z",
+          stroke: "currentColor",
+          strokeLinejoin: "round",
+          strokeWidth: "1.5"
+        }
+      )
+    }
+  );
+}
+function SystemIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      height: "16",
+      viewBox: "0 0 16 16",
+      width: "16",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "rect",
+          {
+            height: "8.5",
+            rx: "1.5",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            width: "12",
+            x: "2",
+            y: "2.5"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M6.5 13.5h3M8 11v2.5",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth: "1.5"
+          }
+        )
+      ]
+    }
+  );
+}
+function Icon({ theme }) {
+  if (theme === "light") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SunIcon, {});
+  if (theme === "dark") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MoonIcon, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SystemIcon, {});
+}
+function normalizeTheme(theme) {
+  if (theme === "light" || theme === "dark") return theme;
+  return "system";
+}
+function ThemeToggle() {
+  const { theme, setTheme } = (0, import_next_themes.useTheme)();
+  const [mounted, setMounted] = (0, import_react.useState)(false);
+  const activeTheme = normalizeTheme(theme);
+  const nextTheme = (0, import_react.useMemo)(() => {
+    const index = themeOrder.indexOf(activeTheme);
+    return themeOrder[(index + 1) % themeOrder.length] ?? "system";
+  }, [activeTheme]);
+  (0, import_react.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  const label = mounted ? `Switch to ${nextTheme} theme` : "Theme preference";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      "aria-label": label,
+      className: "inline-flex size-8 shrink-0 items-center justify-center rounded-button border border-stroke-2 bg-surface-2 text-foreground-2 transition-colors hover:border-stroke-1 hover:bg-surface-hover hover:text-foreground-1",
+      onClick: () => setTheme(nextTheme),
+      title: label,
+      type: "button",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { theme: mounted ? activeTheme : "system" })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeToggle
+});

package/dist/components/theme-toggle.d.cts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ThemeToggle(): react_jsx_runtime.JSX.Element;
+
+export { ThemeToggle };

package/dist/components/theme-toggle.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ThemeToggle(): react_jsx_runtime.JSX.Element;
+
+export { ThemeToggle };

package/dist/components/theme-toggle.js

@@ -0,0 +1,123 @@
+"use client";
+
+// src/components/theme-toggle.tsx
+import { useTheme } from "next-themes";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var themeOrder = ["system", "light", "dark"];
+function SunIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      height: "16",
+      viewBox: "0 0 16 16",
+      width: "16",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "3", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M8 1.5v1.2M8 13.3v1.2M1.5 8h1.2M13.3 8h1.2M3.4 3.4l.9.9M11.7 11.7l.9.9M12.6 3.4l-.9.9M4.3 11.7l-.9.9",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth: "1.5"
+          }
+        )
+      ]
+    }
+  );
+}
+function MoonIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      height: "16",
+      viewBox: "0 0 16 16",
+      width: "16",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M13.2 9.6A5.5 5.5 0 0 1 6.4 2.8a5.7 5.7 0 1 0 6.8 6.8Z",
+          stroke: "currentColor",
+          strokeLinejoin: "round",
+          strokeWidth: "1.5"
+        }
+      )
+    }
+  );
+}
+function SystemIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      height: "16",
+      viewBox: "0 0 16 16",
+      width: "16",
+      children: [
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            height: "8.5",
+            rx: "1.5",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            width: "12",
+            x: "2",
+            y: "2.5"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6.5 13.5h3M8 11v2.5",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth: "1.5"
+          }
+        )
+      ]
+    }
+  );
+}
+function Icon({ theme }) {
+  if (theme === "light") return /* @__PURE__ */ jsx(SunIcon, {});
+  if (theme === "dark") return /* @__PURE__ */ jsx(MoonIcon, {});
+  return /* @__PURE__ */ jsx(SystemIcon, {});
+}
+function normalizeTheme(theme) {
+  if (theme === "light" || theme === "dark") return theme;
+  return "system";
+}
+function ThemeToggle() {
+  const { theme, setTheme } = useTheme();
+  const [mounted, setMounted] = useState(false);
+  const activeTheme = normalizeTheme(theme);
+  const nextTheme = useMemo(() => {
+    const index = themeOrder.indexOf(activeTheme);
+    return themeOrder[(index + 1) % themeOrder.length] ?? "system";
+  }, [activeTheme]);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  const label = mounted ? `Switch to ${nextTheme} theme` : "Theme preference";
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-label": label,
+      className: "inline-flex size-8 shrink-0 items-center justify-center rounded-button border border-stroke-2 bg-surface-2 text-foreground-2 transition-colors hover:border-stroke-1 hover:bg-surface-hover hover:text-foreground-1",
+      onClick: () => setTheme(nextTheme),
+      title: label,
+      type: "button",
+      children: /* @__PURE__ */ jsx(Icon, { theme: mounted ? activeTheme : "system" })
+    }
+  );
+}
+export {
+  ThemeToggle
+};

package/dist/config/createNextConfig.cjs

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/config/createNextConfig.ts
+var createNextConfig_exports = {};
+__export(createNextConfig_exports, {
+  createNextConfig: () => createNextConfig
+});
+module.exports = __toCommonJS(createNextConfig_exports);
+function createNextConfig(_options) {
+  return {
+    transpilePackages: ["@publish.os/nextjs"],
+    cacheComponents: true,
+    cacheLife: {
+      page: {
+        stale: 60 * 60 * 24,
+        revalidate: 60 * 60 * 24 * 30,
+        expire: 60 * 60 * 24 * 365
+      },
+      feed: {
+        stale: 60 * 60,
+        revalidate: 60 * 60 * 6,
+        expire: 60 * 60 * 24 * 7
+      },
+      sitemap: {
+        stale: 60 * 60,
+        revalidate: 60 * 60 * 24,
+        expire: 60 * 60 * 24 * 30
+      }
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createNextConfig
+});

package/dist/config/createNextConfig.d.cts

@@ -0,0 +1,8 @@
+import { NextConfig } from 'next';
+
+interface CreateNextConfigOptions {
+    outputDir: string;
+}
+declare function createNextConfig(_options: CreateNextConfigOptions): NextConfig;
+
+export { type CreateNextConfigOptions, createNextConfig };

package/dist/config/createNextConfig.d.ts

@@ -0,0 +1,8 @@
+import { NextConfig } from 'next';
+
+interface CreateNextConfigOptions {
+    outputDir: string;
+}
+declare function createNextConfig(_options: CreateNextConfigOptions): NextConfig;
+
+export { type CreateNextConfigOptions, createNextConfig };

package/dist/config/createNextConfig.js

@@ -0,0 +1,27 @@
+// src/config/createNextConfig.ts
+function createNextConfig(_options) {
+  return {
+    transpilePackages: ["@publish.os/nextjs"],
+    cacheComponents: true,
+    cacheLife: {
+      page: {
+        stale: 60 * 60 * 24,
+        revalidate: 60 * 60 * 24 * 30,
+        expire: 60 * 60 * 24 * 365
+      },
+      feed: {
+        stale: 60 * 60,
+        revalidate: 60 * 60 * 6,
+        expire: 60 * 60 * 24 * 7
+      },
+      sitemap: {
+        stale: 60 * 60,
+        revalidate: 60 * 60 * 24,
+        expire: 60 * 60 * 24 * 30
+      }
+    }
+  };
+}
+export {
+  createNextConfig
+};