@publish.os/nextjs 0.0.1-alpha.1

package/dist/components/page-list.cjs

@@ -0,0 +1,68 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/page-list.tsx
+var page_list_exports = {};
+__export(page_list_exports, {
+  PageList: () => PageList
+});
+module.exports = __toCommonJS(page_list_exports);
+var import_link = __toESM(require("next/link"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function pageNodes(nodes) {
+  return nodes.flatMap((node) => {
+    if (node.type === "page") return [node];
+    if (node.type === "section" || node.type === "folder") {
+      return pageNodes(node.children);
+    }
+    return [];
+  });
+}
+function PageList({ tree, currentPath, className }) {
+  const pages = pageNodes(tree);
+  if (pages.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { "aria-label": "Pages in this group", className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "space-y-2 text-sm", children: pages.map((page) => {
+    const active = page.path === currentPath;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_link.default,
+      {
+        "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: page.path,
+        children: page.title
+      }
+    ) }, `${page.group}:${page.id}`);
+  }) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PageList
+});

package/dist/components/page-list.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TreeNode } from '../types.cjs';
+
+type PageListProps = {
+    tree: TreeNode[];
+    currentPath?: string;
+    className?: string;
+};
+declare function PageList({ tree, currentPath, className }: PageListProps): react_jsx_runtime.JSX.Element | null;
+
+export { PageList };

package/dist/components/page-list.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TreeNode } from '../types.js';
+
+type PageListProps = {
+    tree: TreeNode[];
+    currentPath?: string;
+    className?: string;
+};
+declare function PageList({ tree, currentPath, className }: PageListProps): react_jsx_runtime.JSX.Element | null;
+
+export { PageList };

package/dist/components/page-list.js

@@ -0,0 +1,33 @@
+// src/components/page-list.tsx
+import Link from "next/link";
+import { jsx } from "react/jsx-runtime";
+function pageNodes(nodes) {
+  return nodes.flatMap((node) => {
+    if (node.type === "page") return [node];
+    if (node.type === "section" || node.type === "folder") {
+      return pageNodes(node.children);
+    }
+    return [];
+  });
+}
+function PageList({ tree, currentPath, className }) {
+  const pages = pageNodes(tree);
+  if (pages.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Pages in this group", className, children: /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm", children: pages.map((page) => {
+    const active = page.path === currentPath;
+    return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+      Link,
+      {
+        "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: page.path,
+        children: page.title
+      }
+    ) }, `${page.group}:${page.id}`);
+  }) }) });
+}
+export {
+  PageList
+};

package/dist/components/providers.cjs

@@ -0,0 +1,44 @@
+"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/providers.tsx
+var providers_exports = {};
+__export(providers_exports, {
+  Providers: () => Providers
+});
+module.exports = __toCommonJS(providers_exports);
+var import_next_themes = require("next-themes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Providers({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_next_themes.ThemeProvider,
+    {
+      attribute: "class",
+      defaultTheme: "system",
+      disableTransitionOnChange: true,
+      enableSystem: true,
+      children
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Providers
+});

package/dist/components/providers.d.cts

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

package/dist/components/providers.d.ts

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

package/dist/components/providers.js

@@ -0,0 +1,20 @@
+"use client";
+
+// src/components/providers.tsx
+import { ThemeProvider } from "next-themes";
+import { jsx } from "react/jsx-runtime";
+function Providers({ children }) {
+  return /* @__PURE__ */ jsx(
+    ThemeProvider,
+    {
+      attribute: "class",
+      defaultTheme: "system",
+      disableTransitionOnChange: true,
+      enableSystem: true,
+      children
+    }
+  );
+}
+export {
+  Providers
+};

package/dist/components/site-header.cjs

@@ -0,0 +1,302 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/site-header.tsx
+var site_header_exports = {};
+__export(site_header_exports, {
+  SiteHeader: () => SiteHeader
+});
+module.exports = __toCommonJS(site_header_exports);
+var import_link2 = __toESM(require("next/link"), 1);
+var import_navigation2 = require("next/navigation");
+
+// src/components/nav-breadcrumb.tsx
+var import_link = __toESM(require("next/link"), 1);
+var import_navigation = require("next/navigation");
+var import_jsx_runtime = require("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 = (0, import_navigation.usePathname)() || "/";
+  const crumbs = buildCrumbs(site, tree, pathname);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "nav",
+    {
+      "aria-label": "Breadcrumb",
+      className: "flex min-w-0 items-center gap-1.5 text-sm",
+      children: crumbs.map((crumb, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+        index > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", className: "text-stroke-3", children: "/" }),
+        crumb.current ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            "aria-current": "page",
+            className: "truncate font-medium text-foreground-1",
+            children: crumb.title
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_link.default,
+          {
+            className: "truncate text-foreground-3 no-underline hover:text-accent-1",
+            href: crumb.path,
+            children: crumb.title
+          }
+        )
+      ] }, crumb.path))
+    }
+  );
+}
+
+// src/components/theme-toggle.tsx
+var import_next_themes = require("next-themes");
+var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var themeOrder = ["system", "light", "dark"];
+function SunIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      height: "16",
+      viewBox: "0 0 16 16",
+      width: "16",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "8", cy: "8", r: "3", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsx)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      height: "16",
+      viewBox: "0 0 16 16",
+      width: "16",
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsxs)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      height: "16",
+      viewBox: "0 0 16 16",
+      width: "16",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "rect",
+          {
+            height: "8.5",
+            rx: "1.5",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            width: "12",
+            x: "2",
+            y: "2.5"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsx)(SunIcon, {});
+  if (theme === "dark") return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MoonIcon, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.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_runtime2.jsx)(Icon, { theme: mounted ? activeTheme : "system" })
+    }
+  );
+}
+
+// src/components/site-header.tsx
+var import_jsx_runtime3 = require("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 = (0, import_navigation2.usePathname)() || "/";
+  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__ */ (0, import_jsx_runtime3.jsx)("header", { className: "border-b border-stroke-3 bg-surface-2 backdrop-blur", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("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__ */ (0, import_jsx_runtime3.jsx)("div", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(NavBreadcrumb, { site: headerSite, tree }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex shrink-0 items-center gap-4", children: [
+      groups.length >= 2 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)(
+          import_link2.default,
+          {
+            "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__ */ (0, import_jsx_runtime3.jsx)(ThemeToggle, {})
+    ] })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SiteHeader
+});

package/dist/components/site-header.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SiteData, TreeNode } from '../types.cjs';
+
+type SiteHeaderProps = {
+    site?: SiteData;
+    siteTitle?: string;
+    tree: TreeNode[];
+    currentPath?: string;
+};
+declare function SiteHeader({ site, siteTitle, tree, currentPath, }: SiteHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { SiteHeader };

package/dist/components/site-header.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SiteData, TreeNode } from '../types.js';
+
+type SiteHeaderProps = {
+    site?: SiteData;
+    siteTitle?: string;
+    tree: TreeNode[];
+    currentPath?: string;
+};
+declare function SiteHeader({ site, siteTitle, tree, currentPath, }: SiteHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { SiteHeader };