@publish.os/nextjs 0.0.1-alpha.2 → 0.0.1-alpha.4

package/dist/components/site-header.cjs

@@ -1,302 +0,0 @@
-"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

@@ -1,12 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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 };

package/dist/components/site-header.js

@@ -1,268 +0,0 @@
-"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
-};