@umami/shiso 0.17.0 → 0.19.0

package/dist/index.d.ts

@@ -26,9 +26,9 @@ declare module '@umami/shiso/Docs' {
 
 declare module '@umami/shiso/Shiso' {
     import { JSX } from 'react';
-    import type { ShisoConfig } from '@/lib/types';
+    import type { ShisoConfig, ShisoContent } from '@/lib/types';
     export interface ShisoProps {
-        content: any;
+        content: ShisoContent;
         type: string;
         config: ShisoConfig;
         components?: {

package/dist/index.js

@@ -59,9 +59,9 @@ var parseMdx = (code) => {
     return { error: err.message };
   }
 };
-function Markdown({ content }) {
+function Markdown({ code }) {
   const components = (0, import_react.useMDXComponents)();
-  const { Component, error } = parseMdx(content.code);
+  const { Component, error } = parseMdx(code);
   if (error) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h1", { children: [
       "Error rendering MDX: ",
@@ -74,13 +74,22 @@ function Markdown({ content }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { components });
 }
 
-// src/components/Blog.tsx
+// src/components/Blogs.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
+function Blogs() {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { children: "All the blogs!" });
+}
+
+// src/components/Blog.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function Blog({ content }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: Blog_default.blog, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: Blog_default.main, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Blog_default.content, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { children: content?.meta?.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Blog_default.description, children: content?.meta?.description }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Markdown, { content })
+  if (!content) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Blogs, {});
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: Blog_default.blog, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: Blog_default.main, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Blog_default.content, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h1", { children: content?.meta?.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Blog_default.description, children: content?.meta?.description }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Markdown, { code: content?.code })
   ] }) }) });
 }
 
@@ -102,7 +111,7 @@ var import_react_zen = require("@umami/react-zen");
 var CodeBlock_default = { "container": "CodeBlock_container__YmFmN", "button": "CodeBlock_button__NDg0Y", "copy": "CodeBlock_copy__MmQzM", "check": "CodeBlock_check__YmI0Z" };
 
 // src/components/CodeBlock.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function CodeBlock(props) {
   const textInput = (0, import_react2.useRef)(null);
   const [copied, setCopied] = (0, import_react2.useState)(false);
@@ -113,14 +122,14 @@ function CodeBlock(props) {
       setCopied(false);
     }, 1e3);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("pre", { ref: textInput, className: CodeBlock_default.container, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("pre", { ref: textInput, className: CodeBlock_default.container, children: [
     props.children,
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { "aria-label": "Copy code", className: CodeBlock_default.button, onClick: handleCopy, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_zen.Icon, { size: "sm", className: copied ? CodeBlock_default.check : CodeBlock_default.copy, children: copied ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_zen.Icons.Check, {}) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_zen.Icons.Copy, {}) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { "aria-label": "Copy code", className: CodeBlock_default.button, onClick: handleCopy, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_zen.Icon, { size: "sm", className: copied ? CodeBlock_default.check : CodeBlock_default.copy, children: copied ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_zen.Icons.Check, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_zen.Icons.Copy, {}) }) })
   ] });
 }
 
 // src/components/Shiso.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var defaultTemplates = {
   docs: Docs,
   blog: Blog
@@ -129,9 +138,9 @@ var ShisoContext = (0, import_react3.createContext)(null);
 function Shiso({ content, type, config, components, templates }) {
   const Component = { ...defaultTemplates, ...templates }[type];
   if (!Component) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h1", { children: `Component not found for type: ${type}` });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h1", { children: `Component not found for type: ${type}` });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ShisoContext.Provider, { value: { content, type, config }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react4.MDXProvider, { components: { ...components, pre: CodeBlock }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Component, { content, config }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ShisoContext.Provider, { value: { content, type, config }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react4.MDXProvider, { components: { ...components, pre: CodeBlock }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Component, { content, config }) }) });
 }
 
 // src/components/hooks/useShiso.ts
@@ -149,7 +158,7 @@ var import_classnames = __toESM(require("classnames"));
 var PageLinks_default = { "title": "PageLinks_title__YjEwN", "links": "PageLinks_links__OWRlM", "link": "PageLinks_link__NDJjM", "indent-1": "PageLinks_indent-1__MDU1M", "indent-2": "PageLinks_indent-2__MDBmY", "indent-3": "PageLinks_indent-3__ZmY2O", "indent-4": "PageLinks_indent-4__MDA4N", "indent-5": "PageLinks_indent-5__MDBlM", "indent-6": "PageLinks_indent-6__NjIwM", "selected": "PageLinks_selected__NjEyY" };
 
 // src/components/PageLinks.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function PageLinks({ items, offset = 0 }) {
   const [hash, setHash] = (0, import_react6.useState)(items?.[0]?.id);
   (0, import_react6.useEffect)(() => {
@@ -168,10 +177,10 @@ function PageLinks({ items, offset = 0 }) {
   if (!items?.length) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_zen2.Column, { gap: "3", minWidth: "240px", className: PageLinks_default.links, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_zen2.Text, { size: "2", weight: "bold", children: "On this page" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_zen2.Column, { gap: "3", minWidth: "240px", className: PageLinks_default.links, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_zen2.Text, { size: "2", weight: "bold", children: "On this page" }),
     items.map(({ name, id, size }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "a",
         {
           href: `#${id}`,
@@ -196,24 +205,24 @@ var import_link = __toESM(require("next/link"));
 var SideNav_default = { "nav": "SideNav_nav__YWMxN", "item": "SideNav_item__YTQzN", "selected": "SideNav_selected__ZDI0N", "items": "SideNav_items__Y2YwZ" };
 
 // src/components/SideNav.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function SideNav({ tabs, navigation }) {
   const pathname = (0, import_navigation.usePathname)();
   const tab = tabs?.find(({ url, id }) => id !== "docs" ? pathname.startsWith(url) : false);
   const menu = navigation[tab?.id || "docs"];
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_zen3.Box, { className: SideNav_default.nav, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_zen3.List, { items: navigation, "aria-label": "nav", children: menu.map(({ group, pages }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_zen3.ListSection, { title: group, className: SideNav_default.items, children: pages.map(({ label: text, url }, index) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_zen3.Box, { className: SideNav_default.nav, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_zen3.List, { items: navigation, "aria-label": "nav", children: menu.map(({ section, pages }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_zen3.ListSection, { title: section, className: SideNav_default.items, children: pages.map(({ label: text, url }, index) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         import_react_zen3.ListItem,
         {
           className: (0, import_classnames2.default)(SideNav_default.item, {
             [SideNav_default.selected]: url === pathname
           }),
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_link.default, { href: url, prefetch: false, children: text })
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_link.default, { href: url, prefetch: false, children: text })
         },
         index
       );
-    }) }, group);
+    }) }, section);
   }) }) });
 }
 
@@ -221,13 +230,13 @@ function SideNav({ tabs, navigation }) {
 var import_link2 = __toESM(require("next/link"));
 var import_navigation2 = require("next/navigation");
 var import_react_zen4 = require("@umami/react-zen");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function TopNav({ tabs }) {
   const pathname = (0, import_navigation2.usePathname)();
   const tab = tabs?.find(({ id, url }) => id !== "docs" ? pathname.startsWith(url) : false);
   const selected = tab?.id || "docs";
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_zen4.Tabs, { selectedKey: selected, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_zen4.TabList, { items: tabs, children: ({ id, label, url }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_zen4.Tab, { id, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_link2.default, { href: url, children: label }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen4.Tabs, { selectedKey: selected, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen4.TabList, { items: tabs, children: ({ id, label, url }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen4.Tab, { id, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_link2.default, { href: url, children: label }) });
   } }) });
 }
 
@@ -238,40 +247,86 @@ var import_react_zen5 = require("@umami/react-zen");
 var ContentArea_default = { "content": "ContentArea_content__OTBiZ" };
 
 // src/components/ContentArea.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function ContentArea({ content }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_zen5.Box, { flexGrow: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen5.Text, { color: "primary", weight: "bold", children: content.group }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen5.Heading, { size: "8", as: "h1", children: content?.meta?.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen5.Text, { color: "muted", children: content?.meta?.description }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen5.Box, { className: ContentArea_default.content, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Markdown, { content }) })
+var import_link3 = __toESM(require("next/link"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function ContentArea({ section, title, description, code, next, prev }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_zen5.Box, { flexGrow: 1, children: [
+    section && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen5.Text, { color: "primary", weight: "bold", children: section }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen5.Heading, { size: "8", as: "h1", children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen5.Text, { color: "muted", children: description }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen5.Box, { className: ContentArea_default.content, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Markdown, { code }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_zen5.Row, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(NavigationButton, { ...prev, isPrev: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(NavigationButton, { ...next })
+    ] })
   ] });
 }
+var NavigationButton = ({
+  label,
+  url,
+  isPrev
+}) => {
+  if (!url || !label) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen5.Box, {});
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_link3.default, { href: url, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_zen5.Row, { alignItems: "center", gap: "3", marginY: "3", children: [
+    isPrev && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen5.Icon, { size: "sm", rotate: 180, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen5.Icons.Chevron, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen5.Text, { size: "3", weight: "bold", children: label }),
+    !isPrev && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen5.Icon, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen5.Icons.Chevron, {}) })
+  ] }) });
+};
 
 // src/components/Docs.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function parseContent(content, config = {}) {
+  const { tabs, navigation } = config;
+  const keys = Object.keys(navigation);
+  let next, prev, section, found;
+  keys.forEach((key) => {
+    if (!found) {
+      const groups = navigation[key];
+      found = groups?.find((group, groupIndex) => {
+        return group.pages.find((page, pageIndex) => {
+          const match = content.path.replace(/(\/index)?\.mdx$/, "").endsWith(page.url);
+          if (match) {
+            const prevGroup = groups[groupIndex - 1];
+            const nextGroup = groups[groupIndex + 1];
+            prev = group.pages[pageIndex - 1] || prevGroup?.pages?.at(-1);
+            next = group.pages[pageIndex + 1] || nextGroup?.pages?.[0];
+            section = group.section;
+          }
+          return match;
+        });
+      });
+    }
+  });
+  return { ...content, tabs, navigation, section, next, prev };
+}
 function Docs() {
   const { content, config } = useShiso();
   if (!content) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen6.Heading, { size: "6", children: "Page not found" });
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_zen6.Heading, { size: "6", children: "Page not found" });
   }
-  const { tabs, navigation } = config?.docs || {};
-  content.group = Object.keys(navigation).reduce((name, key) => {
-    if (!name) {
-      return navigation[key]?.find((section) => {
-        return section.pages.find(
-          (page) => page.url === `/docs/${content.id}` || page.url === `/docs` && content.id === "index"
-        );
-      })?.group;
-    }
-    return name;
-  }, null);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_zen6.Box, { flexGrow: "1", children: [
-    tabs && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TopNav, { tabs }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_zen6.Grid, { gap: "6", columns: "240px 1fr 240px", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SideNav, { tabs, navigation }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ContentArea, { content }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PageLinks, { items: content?.anchors, offset: 150 })
+  const { tabs, navigation, code, meta, section, next, prev, anchors } = parseContent(
+    content,
+    config?.docs
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_zen6.Box, { flexGrow: "1", children: [
+    tabs && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TopNav, { tabs }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_zen6.Grid, { gap: "6", columns: "240px 1fr 240px", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SideNav, { tabs, navigation }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        ContentArea,
+        {
+          section,
+          title: meta?.title,
+          description: meta?.description,
+          code,
+          next,
+          prev
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PageLinks, { items: anchors, offset: 150 })
     ] })
   ] });
 }

package/dist/index.mjs

@@ -23,9 +23,9 @@ var parseMdx = (code) => {
     return { error: err.message };
   }
 };
-function Markdown({ content }) {
+function Markdown({ code }) {
   const components = useMDXComponents();
-  const { Component, error } = parseMdx(content.code);
+  const { Component, error } = parseMdx(code);
   if (error) {
     return /* @__PURE__ */ jsxs("h1", { children: [
       "Error rendering MDX: ",
@@ -38,13 +38,22 @@ function Markdown({ content }) {
   return /* @__PURE__ */ jsx(Component, { components });
 }
 
+// src/components/Blogs.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Blogs() {
+  return /* @__PURE__ */ jsx2("h1", { children: "All the blogs!" });
+}
+
 // src/components/Blog.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function Blog({ content }) {
-  return /* @__PURE__ */ jsx2("div", { className: Blog_default.blog, children: /* @__PURE__ */ jsx2("div", { className: Blog_default.main, children: /* @__PURE__ */ jsxs2("div", { className: Blog_default.content, children: [
-    /* @__PURE__ */ jsx2("h1", { children: content?.meta?.title }),
-    /* @__PURE__ */ jsx2("p", { className: Blog_default.description, children: content?.meta?.description }),
-    /* @__PURE__ */ jsx2(Markdown, { content })
+  if (!content) {
+    return /* @__PURE__ */ jsx3(Blogs, {});
+  }
+  return /* @__PURE__ */ jsx3("div", { className: Blog_default.blog, children: /* @__PURE__ */ jsx3("div", { className: Blog_default.main, children: /* @__PURE__ */ jsxs2("div", { className: Blog_default.content, children: [
+    /* @__PURE__ */ jsx3("h1", { children: content?.meta?.title }),
+    /* @__PURE__ */ jsx3("p", { className: Blog_default.description, children: content?.meta?.description }),
+    /* @__PURE__ */ jsx3(Markdown, { code: content?.code })
   ] }) }) });
 }
 
@@ -66,7 +75,7 @@ import { Icon, Icons } from "@umami/react-zen";
 var CodeBlock_default = { "container": "CodeBlock_container__YmFmN", "button": "CodeBlock_button__NDg0Y", "copy": "CodeBlock_copy__MmQzM", "check": "CodeBlock_check__YmI0Z" };
 
 // src/components/CodeBlock.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function CodeBlock(props) {
   const textInput = useRef(null);
   const [copied, setCopied] = useState(false);
@@ -79,12 +88,12 @@ function CodeBlock(props) {
   };
   return /* @__PURE__ */ jsxs3("pre", { ref: textInput, className: CodeBlock_default.container, children: [
     props.children,
-    /* @__PURE__ */ jsx3("button", { "aria-label": "Copy code", className: CodeBlock_default.button, onClick: handleCopy, children: /* @__PURE__ */ jsx3(Icon, { size: "sm", className: copied ? CodeBlock_default.check : CodeBlock_default.copy, children: copied ? /* @__PURE__ */ jsx3(Icons.Check, {}) : /* @__PURE__ */ jsx3(Icons.Copy, {}) }) })
+    /* @__PURE__ */ jsx4("button", { "aria-label": "Copy code", className: CodeBlock_default.button, onClick: handleCopy, children: /* @__PURE__ */ jsx4(Icon, { size: "sm", className: copied ? CodeBlock_default.check : CodeBlock_default.copy, children: copied ? /* @__PURE__ */ jsx4(Icons.Check, {}) : /* @__PURE__ */ jsx4(Icons.Copy, {}) }) })
   ] });
 }
 
 // src/components/Shiso.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var defaultTemplates = {
   docs: Docs,
   blog: Blog
@@ -93,9 +102,9 @@ var ShisoContext = createContext(null);
 function Shiso({ content, type, config, components, templates }) {
   const Component = { ...defaultTemplates, ...templates }[type];
   if (!Component) {
-    return /* @__PURE__ */ jsx4("h1", { children: `Component not found for type: ${type}` });
+    return /* @__PURE__ */ jsx5("h1", { children: `Component not found for type: ${type}` });
   }
-  return /* @__PURE__ */ jsx4(ShisoContext.Provider, { value: { content, type, config }, children: /* @__PURE__ */ jsx4(MDXProvider, { components: { ...components, pre: CodeBlock }, children: /* @__PURE__ */ jsx4(Component, { content, config }) }) });
+  return /* @__PURE__ */ jsx5(ShisoContext.Provider, { value: { content, type, config }, children: /* @__PURE__ */ jsx5(MDXProvider, { components: { ...components, pre: CodeBlock }, children: /* @__PURE__ */ jsx5(Component, { content, config }) }) });
 }
 
 // src/components/hooks/useShiso.ts
@@ -113,7 +122,7 @@ import classNames from "classnames";
 var PageLinks_default = { "title": "PageLinks_title__YjEwN", "links": "PageLinks_links__OWRlM", "link": "PageLinks_link__NDJjM", "indent-1": "PageLinks_indent-1__MDU1M", "indent-2": "PageLinks_indent-2__MDBmY", "indent-3": "PageLinks_indent-3__ZmY2O", "indent-4": "PageLinks_indent-4__MDA4N", "indent-5": "PageLinks_indent-5__MDBlM", "indent-6": "PageLinks_indent-6__NjIwM", "selected": "PageLinks_selected__NjEyY" };
 
 // src/components/PageLinks.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function PageLinks({ items, offset = 0 }) {
   const [hash, setHash] = useState2(items?.[0]?.id);
   useEffect(() => {
@@ -133,9 +142,9 @@ function PageLinks({ items, offset = 0 }) {
     return null;
   }
   return /* @__PURE__ */ jsxs4(Column, { gap: "3", minWidth: "240px", className: PageLinks_default.links, children: [
-    /* @__PURE__ */ jsx5(Text, { size: "2", weight: "bold", children: "On this page" }),
+    /* @__PURE__ */ jsx6(Text, { size: "2", weight: "bold", children: "On this page" }),
     items.map(({ name, id, size }) => {
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx6(
         "a",
         {
           href: `#${id}`,
@@ -160,24 +169,24 @@ import Link from "next/link";
 var SideNav_default = { "nav": "SideNav_nav__YWMxN", "item": "SideNav_item__YTQzN", "selected": "SideNav_selected__ZDI0N", "items": "SideNav_items__Y2YwZ" };
 
 // src/components/SideNav.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function SideNav({ tabs, navigation }) {
   const pathname = usePathname();
   const tab = tabs?.find(({ url, id }) => id !== "docs" ? pathname.startsWith(url) : false);
   const menu = navigation[tab?.id || "docs"];
-  return /* @__PURE__ */ jsx6(Box, { className: SideNav_default.nav, children: /* @__PURE__ */ jsx6(List, { items: navigation, "aria-label": "nav", children: menu.map(({ group, pages }) => {
-    return /* @__PURE__ */ jsx6(ListSection, { title: group, className: SideNav_default.items, children: pages.map(({ label: text, url }, index) => {
-      return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(Box, { className: SideNav_default.nav, children: /* @__PURE__ */ jsx7(List, { items: navigation, "aria-label": "nav", children: menu.map(({ section, pages }) => {
+    return /* @__PURE__ */ jsx7(ListSection, { title: section, className: SideNav_default.items, children: pages.map(({ label: text, url }, index) => {
+      return /* @__PURE__ */ jsx7(
         ListItem,
         {
           className: classNames2(SideNav_default.item, {
             [SideNav_default.selected]: url === pathname
           }),
-          children: /* @__PURE__ */ jsx6(Link, { href: url, prefetch: false, children: text })
+          children: /* @__PURE__ */ jsx7(Link, { href: url, prefetch: false, children: text })
         },
         index
       );
-    }) }, group);
+    }) }, section);
   }) }) });
 }
 
@@ -185,57 +194,103 @@ function SideNav({ tabs, navigation }) {
 import Link2 from "next/link";
 import { usePathname as usePathname2 } from "next/navigation";
 import { Tabs, TabList, Tab } from "@umami/react-zen";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function TopNav({ tabs }) {
   const pathname = usePathname2();
   const tab = tabs?.find(({ id, url }) => id !== "docs" ? pathname.startsWith(url) : false);
   const selected = tab?.id || "docs";
-  return /* @__PURE__ */ jsx7(Tabs, { selectedKey: selected, children: /* @__PURE__ */ jsx7(TabList, { items: tabs, children: ({ id, label, url }) => {
-    return /* @__PURE__ */ jsx7(Tab, { id, children: /* @__PURE__ */ jsx7(Link2, { href: url, children: label }) });
+  return /* @__PURE__ */ jsx8(Tabs, { selectedKey: selected, children: /* @__PURE__ */ jsx8(TabList, { items: tabs, children: ({ id, label, url }) => {
+    return /* @__PURE__ */ jsx8(Tab, { id, children: /* @__PURE__ */ jsx8(Link2, { href: url, children: label }) });
   } }) });
 }
 
 // src/components/ContentArea.tsx
-import { Heading, Box as Box2, Text as Text2 } from "@umami/react-zen";
+import { Heading, Box as Box2, Text as Text2, Row, Icon as Icon2, Icons as Icons2 } from "@umami/react-zen";
 
 // css-modules:/Users/mikecao/Development/umami-software/shiso/src/components/ContentArea.module.css
 var ContentArea_default = { "content": "ContentArea_content__OTBiZ" };
 
 // src/components/ContentArea.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-function ContentArea({ content }) {
+import Link3 from "next/link";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+function ContentArea({ section, title, description, code, next, prev }) {
   return /* @__PURE__ */ jsxs5(Box2, { flexGrow: 1, children: [
-    /* @__PURE__ */ jsx8(Text2, { color: "primary", weight: "bold", children: content.group }),
-    /* @__PURE__ */ jsx8(Heading, { size: "8", as: "h1", children: content?.meta?.title }),
-    /* @__PURE__ */ jsx8(Text2, { color: "muted", children: content?.meta?.description }),
-    /* @__PURE__ */ jsx8(Box2, { className: ContentArea_default.content, children: /* @__PURE__ */ jsx8(Markdown, { content }) })
+    section && /* @__PURE__ */ jsx9(Text2, { color: "primary", weight: "bold", children: section }),
+    title && /* @__PURE__ */ jsx9(Heading, { size: "8", as: "h1", children: title }),
+    description && /* @__PURE__ */ jsx9(Text2, { color: "muted", children: description }),
+    /* @__PURE__ */ jsx9(Box2, { className: ContentArea_default.content, children: /* @__PURE__ */ jsx9(Markdown, { code }) }),
+    /* @__PURE__ */ jsxs5(Row, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsx9(NavigationButton, { ...prev, isPrev: true }),
+      /* @__PURE__ */ jsx9(NavigationButton, { ...next })
+    ] })
   ] });
 }
+var NavigationButton = ({
+  label,
+  url,
+  isPrev
+}) => {
+  if (!url || !label) {
+    return /* @__PURE__ */ jsx9(Box2, {});
+  }
+  return /* @__PURE__ */ jsx9(Link3, { href: url, children: /* @__PURE__ */ jsxs5(Row, { alignItems: "center", gap: "3", marginY: "3", children: [
+    isPrev && /* @__PURE__ */ jsx9(Icon2, { size: "sm", rotate: 180, children: /* @__PURE__ */ jsx9(Icons2.Chevron, {}) }),
+    /* @__PURE__ */ jsx9(Text2, { size: "3", weight: "bold", children: label }),
+    !isPrev && /* @__PURE__ */ jsx9(Icon2, { size: "sm", children: /* @__PURE__ */ jsx9(Icons2.Chevron, {}) })
+  ] }) });
+};
 
 // src/components/Docs.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+function parseContent(content, config = {}) {
+  const { tabs, navigation } = config;
+  const keys = Object.keys(navigation);
+  let next, prev, section, found;
+  keys.forEach((key) => {
+    if (!found) {
+      const groups = navigation[key];
+      found = groups?.find((group, groupIndex) => {
+        return group.pages.find((page, pageIndex) => {
+          const match = content.path.replace(/(\/index)?\.mdx$/, "").endsWith(page.url);
+          if (match) {
+            const prevGroup = groups[groupIndex - 1];
+            const nextGroup = groups[groupIndex + 1];
+            prev = group.pages[pageIndex - 1] || prevGroup?.pages?.at(-1);
+            next = group.pages[pageIndex + 1] || nextGroup?.pages?.[0];
+            section = group.section;
+          }
+          return match;
+        });
+      });
+    }
+  });
+  return { ...content, tabs, navigation, section, next, prev };
+}
 function Docs() {
   const { content, config } = useShiso();
   if (!content) {
-    return /* @__PURE__ */ jsx9(Heading2, { size: "6", children: "Page not found" });
+    return /* @__PURE__ */ jsx10(Heading2, { size: "6", children: "Page not found" });
   }
-  const { tabs, navigation } = config?.docs || {};
-  content.group = Object.keys(navigation).reduce((name, key) => {
-    if (!name) {
-      return navigation[key]?.find((section) => {
-        return section.pages.find(
-          (page) => page.url === `/docs/${content.id}` || page.url === `/docs` && content.id === "index"
-        );
-      })?.group;
-    }
-    return name;
-  }, null);
+  const { tabs, navigation, code, meta, section, next, prev, anchors } = parseContent(
+    content,
+    config?.docs
+  );
   return /* @__PURE__ */ jsxs6(Box3, { flexGrow: "1", children: [
-    tabs && /* @__PURE__ */ jsx9(TopNav, { tabs }),
+    tabs && /* @__PURE__ */ jsx10(TopNav, { tabs }),
     /* @__PURE__ */ jsxs6(Grid, { gap: "6", columns: "240px 1fr 240px", children: [
-      /* @__PURE__ */ jsx9(SideNav, { tabs, navigation }),
-      /* @__PURE__ */ jsx9(ContentArea, { content }),
-      /* @__PURE__ */ jsx9(PageLinks, { items: content?.anchors, offset: 150 })
+      /* @__PURE__ */ jsx10(SideNav, { tabs, navigation }),
+      /* @__PURE__ */ jsx10(
+        ContentArea,
+        {
+          section,
+          title: meta?.title,
+          description: meta?.description,
+          code,
+          next,
+          prev
+        }
+      ),
+      /* @__PURE__ */ jsx10(PageLinks, { items: anchors, offset: 150 })
     ] })
   ] });
 }

package/dist/server.d.ts

@@ -6,17 +6,28 @@
 declare module '@umami/shiso/server' {
     import { ReactElement } from 'react';
     import type { ShisoConfig } from '@/lib/types';
-    export const getContent: (name: string | undefined, folder: string) => Promise<any>;
-    export const getContentIds: (folder: string) => Promise<any>;
+    export const getContent: (file: string) => Promise<{
+        path: string;
+        meta: {
+            [key: string]: any;
+        };
+        content: string;
+        code: string;
+        anchors: {
+            name: string;
+            id: string;
+            size: number;
+        }[];
+    } | null>;
     export function next(type: string, config: ShisoConfig): {
         generateMetadata: ({ params }: {
             params: Promise<{
-                id: string[];
+                slug: string[];
             }>;
         }) => Promise<{
             title: {
                 absolute: string;
-                default: string;
+                default: any;
             };
         }>;
         generateStaticParams: () => Promise<any>;
@@ -26,7 +37,7 @@ declare module '@umami/shiso/server' {
             config: ShisoConfig;
         }) => ReactElement) => ({ params }: {
             params: Promise<{
-                id: string[];
+                slug: string[];
             }>;
         }) => Promise<ReactElement<unknown, string | import("react").JSXElementConstructor<any>>>;
     };

package/dist/server.js

@@ -34,15 +34,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { cache } from 'react';
 import { compile } from '@mdx-js/mdx';
 import remarkGfm from 'remark-gfm';
@@ -51,94 +42,74 @@ import matter from 'gray-matter';
 import fs from 'node:fs/promises';
 import path from 'node:path';
 import recursive from 'recursive-readdir';
-function getId(name, folder) {
-    return name.replace('.mdx', '').replace(folder, '').replace(/\\/g, '/').replace(/^\//, '');
-}
-export var getContent = cache(function () {
-    var args_1 = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args_1[_i] = arguments[_i];
-    }
-    return __awaiter(void 0, __spreadArray([], args_1, true), void 0, function (name, folder) {
-        var file, postContent, _a, frontmatter, mdxContent, id, anchors, modifiedContent, code, _b;
-        if (name === void 0) { name = 'index'; }
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    file = path.join(folder, "".concat(name, ".mdx"));
-                    return [4 /*yield*/, fs.readFile(file, 'utf8')];
-                case 1:
-                    postContent = _c.sent();
-                    _a = matter(postContent), frontmatter = _a.data, mdxContent = _a.content;
-                    id = getId(name, folder);
-                    anchors = [];
-                    modifiedContent = mdxContent
-                        .split('\n')
-                        .map(function (line) {
-                        var match = line.match(/^(#+)\s+(.*)/);
-                        if (match) {
-                            var num = match[1], name_1 = match[2];
-                            var id_1 = name_1.toLowerCase().replace(/\s+/g, '-');
-                            var size = num.length;
-                            anchors.push({ name: name_1, id: id_1, size: size });
-                            return "<h".concat(size, " id=\"").concat(id_1, "\">").concat(name_1.replace(/\{|\}/g, ''), "</h").concat(size, ">");
-                        }
-                        return line;
-                    })
-                        .join('\n');
-                    _b = String;
-                    return [4 /*yield*/, compile(modifiedContent, {
-                            outputFormat: 'function-body',
-                            remarkPlugins: [remarkGfm],
-                            rehypePlugins: [rehypeHighlight],
-                        })];
-                case 2:
-                    code = _b.apply(void 0, [_c.sent()]);
-                    return [2 /*return*/, {
-                            id: id,
-                            meta: frontmatter,
-                            content: postContent,
-                            code: code,
-                            anchors: anchors,
-                        }];
-            }
-        });
-    });
-});
-export var getContentIds = cache(function (folder) { return __awaiter(void 0, void 0, void 0, function () {
-    var dir, files;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
+export var getContent = cache(function (file) { return __awaiter(void 0, void 0, void 0, function () {
+    var postContent, _a, frontmatter, mdxContent, anchors_1, modifiedContent, code, _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
             case 0:
-                dir = path.resolve(folder);
-                return [4 /*yield*/, recursive(dir)];
+                _d.trys.push([0, 3, , 4]);
+                return [4 /*yield*/, fs.readFile(file, 'utf8')];
             case 1:
-                files = _a.sent();
-                return [2 /*return*/, files.map(function (file) {
-                        return getId(file, dir);
+                postContent = _d.sent();
+                _a = matter(postContent), frontmatter = _a.data, mdxContent = _a.content;
+                anchors_1 = [];
+                modifiedContent = mdxContent
+                    .split('\n')
+                    .map(function (line) {
+                    var match = line.match(/^(#+)\s+(.*)/);
+                    if (match) {
+                        var num = match[1], name_1 = match[2];
+                        var id = name_1.toLowerCase().replace(/\s+/g, '-');
+                        var size = num.length;
+                        anchors_1.push({ name: name_1, id: id, size: size });
+                        return "<h".concat(size, " id=\"").concat(id, "\">").concat(name_1.replace(/\{|\}/g, ''), "</h").concat(size, ">");
+                    }
+                    return line;
+                })
+                    .join('\n');
+                _b = String;
+                return [4 /*yield*/, compile(modifiedContent, {
+                        outputFormat: 'function-body',
+                        remarkPlugins: [remarkGfm],
+                        rehypePlugins: [rehypeHighlight],
                     })];
+            case 2:
+                code = _b.apply(void 0, [_d.sent()]);
+                return [2 /*return*/, {
+                        path: file,
+                        meta: frontmatter,
+                        content: postContent,
+                        code: code,
+                        anchors: anchors_1,
+                    }];
+            case 3:
+                _c = _d.sent();
+                return [2 /*return*/, null];
+            case 4: return [2 /*return*/];
         }
     });
 }); });
 export function next(type, config) {
     var dir = path.join(config.contentDir, type);
+    var _a = config[type].title, title = _a === void 0 ? 'Shiso' : _a;
     function generateMetadata(_a) {
         return __awaiter(this, arguments, void 0, function (_b) {
-            var name, content;
+            var name, file, content;
             var _c, _d, _e;
             var params = _b.params;
             return __generator(this, function (_f) {
                 switch (_f.label) {
                     case 0: return [4 /*yield*/, params];
                     case 1:
-                        name = (_d = (_c = (_f.sent())) === null || _c === void 0 ? void 0 : _c.id) === null || _d === void 0 ? void 0 : _d.join('/');
-                        return [4 /*yield*/, getContent(name, dir)];
+                        name = ((_d = (_c = (_f.sent())) === null || _c === void 0 ? void 0 : _c.slug) === null || _d === void 0 ? void 0 : _d.join('/')) || 'index';
+                        file = path.join(dir, "".concat(name, ".mdx"));
+                        return [4 /*yield*/, getContent(file)];
                     case 2:
                         content = _f.sent();
                         return [2 /*return*/, {
                                 title: {
-                                    absolute: "".concat((_e = content === null || content === void 0 ? void 0 : content.meta) === null || _e === void 0 ? void 0 : _e.title, " \u2013 Shiso"),
-                                    default: 'Shiso',
+                                    absolute: "".concat((_e = content === null || content === void 0 ? void 0 : content.meta) === null || _e === void 0 ? void 0 : _e.title, " \u2013 ").concat(title),
+                                    default: title,
                                 },
                             }];
                 }
@@ -147,13 +118,17 @@ export function next(type, config) {
     }
     function generateStaticParams() {
         return __awaiter(this, void 0, void 0, function () {
-            var ids;
+            var files;
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, getContentIds(dir)];
+                    case 0: return [4 /*yield*/, recursive(dir)];
                     case 1:
-                        ids = _a.sent();
-                        return [2 /*return*/, ids.map(function (id) { return ({
+                        files = _a.sent();
+                        return [2 /*return*/, files
+                                .map(function (file) {
+                                return file.replace('.mdx', '').replace(dir, '').replace(/\\/g, '/').replace(/^\//, '');
+                            })
+                                .map(function (id) { return ({
                                 id: id.split('/'),
                             }); })];
                 }
@@ -163,15 +138,16 @@ export function next(type, config) {
     function renderPage(render) {
         var _this = this;
         return function (_a) { return __awaiter(_this, [_a], void 0, function (_b) {
-            var name, content;
+            var name, file, content;
             var _c, _d;
             var params = _b.params;
             return __generator(this, function (_e) {
                 switch (_e.label) {
                     case 0: return [4 /*yield*/, params];
                     case 1:
-                        name = (_d = (_c = (_e.sent())) === null || _c === void 0 ? void 0 : _c.id) === null || _d === void 0 ? void 0 : _d.join('/');
-                        return [4 /*yield*/, getContent(name, dir)];
+                        name = ((_d = (_c = (_e.sent())) === null || _c === void 0 ? void 0 : _c.slug) === null || _d === void 0 ? void 0 : _d.join('/')) || 'index';
+                        file = path.join(dir, "".concat(name, ".mdx"));
+                        return [4 /*yield*/, getContent(file)];
                     case 2:
                         content = _e.sent();
                         return [2 /*return*/, render({ type: type, content: content, config: config })];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/shiso",
-  "version": "0.17.0",
+  "version": "0.19.0",
   "description": "A content layer for Next.js",
   "homepage": "https://umami.is/shiso",
   "repository": {
@@ -46,7 +46,7 @@
     "@mdx-js/loader": "^3.0.0",
     "@mdx-js/mdx": "^3.1.0",
     "@mdx-js/react": "^3.0.0",
-    "@umami/react-zen": "^0.31.0",
+    "@umami/react-zen": "^0.32.0",
     "classnames": "^2.5.1",
     "glob": "^10.3.10",
     "gray-matter": "^4.0.3",

package/server/index.d.ts

@@ -1,29 +0,0 @@
-import { ReactElement } from 'react';
-export declare const getContent: (name: string | undefined, folder: string) => Promise<any>;
-export declare const getContentIds: (folder: string) => Promise<any>;
-export declare function next(type: string, config: {
-    [key: string]: any;
-}): {
-    generateMetadata: ({ params }: {
-        params: Promise<{
-            id: string[];
-        }>;
-    }) => Promise<{
-        title: {
-            absolute: string;
-            default: string;
-        };
-    }>;
-    generateStaticParams: () => Promise<any>;
-    renderPage: (render: ({ type, content, config, }: {
-        type: string;
-        content: any;
-        config: {
-            [key: string]: any;
-        };
-    }) => ReactElement) => ({ params }: {
-        params: Promise<{
-            id: string[];
-        }>;
-    }) => Promise<ReactElement<unknown, string | import("react").JSXElementConstructor<any>>>;
-};

package/server/index.js

@@ -1,183 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { cache } from 'react';
-import { compile } from '@mdx-js/mdx';
-import remarkGfm from 'remark-gfm';
-import rehypeHighlight from 'rehype-highlight';
-import matter from 'gray-matter';
-import fs from 'node:fs/promises';
-import path from 'node:path';
-import recursive from 'recursive-readdir';
-function getId(name, folder) {
-    return name.replace('.mdx', '').replace(folder, '').replace(/\\/g, '/').replace(/^\//, '');
-}
-export var getContent = cache(function () {
-    var args_1 = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args_1[_i] = arguments[_i];
-    }
-    return __awaiter(void 0, __spreadArray([], args_1, true), void 0, function (name, folder) {
-        var file, postContent, _a, frontmatter, mdxContent, id, anchors, modifiedContent, code, _b;
-        if (name === void 0) { name = 'index'; }
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    file = path.join(folder, "".concat(name, ".mdx"));
-                    return [4 /*yield*/, fs.readFile(file, 'utf8')];
-                case 1:
-                    postContent = _c.sent();
-                    _a = matter(postContent), frontmatter = _a.data, mdxContent = _a.content;
-                    id = getId(name, folder);
-                    anchors = [];
-                    modifiedContent = mdxContent
-                        .split('\n')
-                        .map(function (line) {
-                        var match = line.match(/^(#+)\s+(.*)/);
-                        if (match) {
-                            var num = match[1], name_1 = match[2];
-                            var id_1 = name_1.toLowerCase().replace(/\s+/g, '-');
-                            var size = num.length;
-                            anchors.push({ name: name_1, id: id_1, size: size });
-                            return "<h".concat(size, " id=\"").concat(id_1, "\">").concat(name_1.replace(/\{|\}/g, ''), "</h").concat(size, ">");
-                        }
-                        return line;
-                    })
-                        .join('\n');
-                    _b = String;
-                    return [4 /*yield*/, compile(modifiedContent, {
-                            outputFormat: 'function-body',
-                            remarkPlugins: [remarkGfm],
-                            rehypePlugins: [rehypeHighlight],
-                        })];
-                case 2:
-                    code = _b.apply(void 0, [_c.sent()]);
-                    return [2 /*return*/, {
-                            id: id,
-                            meta: frontmatter,
-                            content: postContent,
-                            code: code,
-                            anchors: anchors,
-                        }];
-            }
-        });
-    });
-});
-export var getContentIds = cache(function (folder) { return __awaiter(void 0, void 0, void 0, function () {
-    var dir, files;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                dir = path.resolve(folder);
-                return [4 /*yield*/, recursive(dir)];
-            case 1:
-                files = _a.sent();
-                return [2 /*return*/, files.map(function (file) {
-                        return getId(file, dir);
-                    })];
-        }
-    });
-}); });
-export function next(type, config) {
-    var dir = path.join(config.contentDir, type);
-    function generateMetadata(_a) {
-        return __awaiter(this, arguments, void 0, function (_b) {
-            var name, content;
-            var _c, _d, _e;
-            var params = _b.params;
-            return __generator(this, function (_f) {
-                switch (_f.label) {
-                    case 0: return [4 /*yield*/, params];
-                    case 1:
-                        name = (_d = (_c = (_f.sent())) === null || _c === void 0 ? void 0 : _c.id) === null || _d === void 0 ? void 0 : _d.join('/');
-                        return [4 /*yield*/, getContent(name, dir)];
-                    case 2:
-                        content = _f.sent();
-                        return [2 /*return*/, {
-                                title: {
-                                    absolute: "".concat((_e = content === null || content === void 0 ? void 0 : content.meta) === null || _e === void 0 ? void 0 : _e.title, " \u2013 Shiso"),
-                                    default: 'Shiso',
-                                },
-                            }];
-                }
-            });
-        });
-    }
-    function generateStaticParams() {
-        return __awaiter(this, void 0, void 0, function () {
-            var ids;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, getContentIds(dir)];
-                    case 1:
-                        ids = _a.sent();
-                        return [2 /*return*/, ids.map(function (id) { return ({
-                                id: id.split('/'),
-                            }); })];
-                }
-            });
-        });
-    }
-    function renderPage(render) {
-        var _this = this;
-        return function (_a) { return __awaiter(_this, [_a], void 0, function (_b) {
-            var name, content;
-            var _c, _d;
-            var params = _b.params;
-            return __generator(this, function (_e) {
-                switch (_e.label) {
-                    case 0: return [4 /*yield*/, params];
-                    case 1:
-                        name = (_d = (_c = (_e.sent())) === null || _c === void 0 ? void 0 : _c.id) === null || _d === void 0 ? void 0 : _d.join('/');
-                        return [4 /*yield*/, getContent(name, dir)];
-                    case 2:
-                        content = _e.sent();
-                        return [2 /*return*/, render({ type: type, content: content, config: config })];
-                }
-            });
-        }); };
-    }
-    return { generateMetadata: generateMetadata, generateStaticParams: generateStaticParams, renderPage: renderPage };
-}