@umami/shiso 0.13.0 → 0.15.0

package/dist/index.css

@@ -34,43 +34,44 @@ pre.CodeBlock_container__YmFmN code {
 }
 
 /* virtual-css:css:0ed498f49b21d225f1b5a4e1685cf2e5 */
-.PageLinks_title__ZWYzZ {
+.PageLinks_title__ZmQ4Z {
   position: sticky;
   top: 0;
 }
-.PageLinks_links__MjU2M {
+.PageLinks_links__YTk1O {
   position: sticky;
   top: 30px;
   height: max-content;
 }
-.PageLinks_links__MjU2M a {
+.PageLinks_links__YTk1O a.PageLinks_link__ODEzZ {
   display: block;
   color: var(--font-color-muted);
   text-wrap: nowrap;
   text-decoration: none;
 }
-.PageLinks_links__MjU2M a:hover {
+.PageLinks_links__YTk1O a.PageLinks_link__ODEzZ:hover {
   color: var(--primary-color);
+  text-decoration: none;
 }
-.PageLinks_indent-1__MmYwN {
+.PageLinks_indent-1__ZGRiM {
   margin-left: 0;
 }
-.PageLinks_indent-2__ODBkZ {
+.PageLinks_indent-2__ZjQwZ {
   margin-left: 0;
 }
-.PageLinks_indent-3__ZTc4Y {
+.PageLinks_indent-3__YmEzZ {
   margin-left: 10px;
 }
-.PageLinks_indent-4__ZjNlO {
+.PageLinks_indent-4__ZDFhM {
   margin-left: 20px;
 }
-.PageLinks_indent-5__NmE5N {
+.PageLinks_indent-5__MjA2M {
   margin-left: 30px;
 }
-.PageLinks_indent-6__YWUwN {
+.PageLinks_indent-6__ODk5N {
   margin-left: 40px;
 }
-a.PageLinks_selected__Y2YxY {
+a.PageLinks_selected__YzJmZ {
   color: var(--primary-color);
 }
 
@@ -105,51 +106,51 @@ a.PageLinks_selected__Y2YxY {
 }
 
 /* virtual-css:css:7938c95522eda3e1f8244364ad70b38c */
-.ContentArea_content__ZDM2M {
+.ContentArea_content__MzE0M {
   font-size: 16px;
   margin-bottom: 60px;
 }
-.ContentArea_content__ZDM2M > p {
+.ContentArea_content__MzE0M > p {
   color: var(--font-color-muted);
   line-height: 1.8;
 }
-.ContentArea_content__ZDM2M a {
+.ContentArea_content__MzE0M a {
   color: var(--font-color);
   font-weight: 600;
-  text-decoration: underline var(--font-color-muted);
+  text-decoration: underline var(--font-color-disabled);
   text-underline-offset: 4px;
 }
-.ContentArea_content__ZDM2M a:hover {
-  text-decoration: underline var(--font-color);
+.ContentArea_content__MzE0M a:hover {
+  text-decoration: underline var(--primary-color);
 }
-.ContentArea_content__ZDM2M h1 {
+.ContentArea_content__MzE0M h1 {
   font-size: var(--font-size-8);
   letter-spacing: var(--letter-spacing-1);
   margin: 0 0 var(--spacing-4) 0;
 }
-.ContentArea_content__ZDM2M h2 {
+.ContentArea_content__MzE0M h2 {
   font-size: var(--font-size-6);
   letter-spacing: var(--letter-spacing-1);
   margin: var(--spacing-8) 0 var(--spacing-4) 0;
 }
-.ContentArea_content__ZDM2M h3 {
+.ContentArea_content__MzE0M h3 {
   font-size: var(--font-size-5);
   letter-spacing: var(--letter-spacing-1);
   margin: var(--spacing-7) 0 var(--spacing-4) 0;
 }
-.ContentArea_content__ZDM2M ul {
+.ContentArea_content__MzE0M ul {
   list-style: disc;
 }
-.ContentArea_content__ZDM2M ol {
+.ContentArea_content__MzE0M ol {
   list-style: decimal;
 }
-.ContentArea_content__ZDM2M pre {
+.ContentArea_content__MzE0M pre {
   margin: var(--spacing-5) 0;
 }
-.ContentArea_content__ZDM2M code {
+.ContentArea_content__MzE0M code {
   font-size: 14px;
 }
-.ContentArea_content__ZDM2M code:not([class]) {
+.ContentArea_content__MzE0M code:not([class]) {
   font-family: var(--font-family-code);
   color: var(--font-color);
   padding: var(--spacing-1);

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 // Generated by dts-bundle v0.7.3
 // Dependencies for this module:
 //   ../../react
+//   ../../@/lib/types
 
 declare module '@umami/shiso' {
     import '@umami/react-zen/styles.css';
@@ -24,15 +25,7 @@ declare module '@umami/shiso/Docs' {
 
 declare module '@umami/shiso/Shiso' {
     import { JSX } from 'react';
-    export interface ShisoConfig {
-        contentDir: string;
-        docs?: {
-            [key: string]: any;
-        };
-        blog?: {
-            [key: string]: any;
-        };
-    }
+    import type { ShisoConfig } from '@/lib/types';
     export interface ShisoProps {
         content: any;
         type: string;

package/dist/index.js

@@ -145,7 +145,7 @@ var import_react_zen2 = require("@umami/react-zen");
 var import_classnames = __toESM(require("classnames"));
 
 // css-modules:/Users/mikecao/Development/umami-software/shiso/src/components/PageLinks.module.css
-var PageLinks_default = { "title": "PageLinks_title__ZWYzZ", "links": "PageLinks_links__MjU2M", "indent-1": "PageLinks_indent-1__MmYwN", "indent-2": "PageLinks_indent-2__ODBkZ", "indent-3": "PageLinks_indent-3__ZTc4Y", "indent-4": "PageLinks_indent-4__ZjNlO", "indent-5": "PageLinks_indent-5__NmE5N", "indent-6": "PageLinks_indent-6__YWUwN", "selected": "PageLinks_selected__Y2YxY" };
+var PageLinks_default = { "title": "PageLinks_title__ZmQ4Z", "links": "PageLinks_links__YTk1O", "link": "PageLinks_link__ODEzZ", "indent-1": "PageLinks_indent-1__ZGRiM", "indent-2": "PageLinks_indent-2__ZjQwZ", "indent-3": "PageLinks_indent-3__YmEzZ", "indent-4": "PageLinks_indent-4__ZDFhM", "indent-5": "PageLinks_indent-5__MjA2M", "indent-6": "PageLinks_indent-6__ODk5N", "selected": "PageLinks_selected__YzJmZ" };
 
 // src/components/PageLinks.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -174,7 +174,9 @@ function PageLinks({ items, offset = 0 }) {
         "a",
         {
           href: `#${id}`,
-          className: (0, import_classnames.default)(PageLinks_default[`indent-${size}`], { [PageLinks_default.selected]: hash === id }),
+          className: (0, import_classnames.default)(PageLinks_default.link, PageLinks_default[`indent-${size}`], {
+            [PageLinks_default.selected]: hash === id
+          }),
           children: name
         },
         id
@@ -232,7 +234,7 @@ function TopNav({ tabs }) {
 var import_react_zen5 = require("@umami/react-zen");
 
 // css-modules:/Users/mikecao/Development/umami-software/shiso/src/components/ContentArea.module.css
-var ContentArea_default = { "content": "ContentArea_content__ZDM2M" };
+var ContentArea_default = { "content": "ContentArea_content__MzE0M" };
 
 // src/components/ContentArea.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");

package/dist/index.mjs

@@ -109,7 +109,7 @@ import { Column, Text } from "@umami/react-zen";
 import classNames from "classnames";
 
 // css-modules:/Users/mikecao/Development/umami-software/shiso/src/components/PageLinks.module.css
-var PageLinks_default = { "title": "PageLinks_title__ZWYzZ", "links": "PageLinks_links__MjU2M", "indent-1": "PageLinks_indent-1__MmYwN", "indent-2": "PageLinks_indent-2__ODBkZ", "indent-3": "PageLinks_indent-3__ZTc4Y", "indent-4": "PageLinks_indent-4__ZjNlO", "indent-5": "PageLinks_indent-5__NmE5N", "indent-6": "PageLinks_indent-6__YWUwN", "selected": "PageLinks_selected__Y2YxY" };
+var PageLinks_default = { "title": "PageLinks_title__ZmQ4Z", "links": "PageLinks_links__YTk1O", "link": "PageLinks_link__ODEzZ", "indent-1": "PageLinks_indent-1__ZGRiM", "indent-2": "PageLinks_indent-2__ZjQwZ", "indent-3": "PageLinks_indent-3__YmEzZ", "indent-4": "PageLinks_indent-4__ZDFhM", "indent-5": "PageLinks_indent-5__MjA2M", "indent-6": "PageLinks_indent-6__ODk5N", "selected": "PageLinks_selected__YzJmZ" };
 
 // src/components/PageLinks.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -138,7 +138,9 @@ function PageLinks({ items, offset = 0 }) {
         "a",
         {
           href: `#${id}`,
-          className: classNames(PageLinks_default[`indent-${size}`], { [PageLinks_default.selected]: hash === id }),
+          className: classNames(PageLinks_default.link, PageLinks_default[`indent-${size}`], {
+            [PageLinks_default.selected]: hash === id
+          }),
           children: name
         },
         id
@@ -196,7 +198,7 @@ function TopNav({ tabs }) {
 import { Heading, Box as Box2, Text as Text2 } from "@umami/react-zen";
 
 // css-modules:/Users/mikecao/Development/umami-software/shiso/src/components/ContentArea.module.css
-var ContentArea_default = { "content": "ContentArea_content__ZDM2M" };
+var ContentArea_default = { "content": "ContentArea_content__MzE0M" };
 
 // src/components/ContentArea.tsx
 import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/shiso",
-  "version": "0.13.0",
+  "version": "0.15.0",
   "description": "A content layer for Next.js",
   "homepage": "https://umami.is/shiso",
   "repository": {
@@ -42,14 +42,11 @@
       "prettier --write"
     ]
   },
-  "peerDependencies": {
-    "@umami/react-zen": "^0.1.0"
-  },
   "dependencies": {
     "@mdx-js/loader": "^3.0.0",
     "@mdx-js/mdx": "^3.1.0",
     "@mdx-js/react": "^3.0.0",
-    "@umami/react-zen": "^0.28.0",
+    "@umami/react-zen": "^0.30.0",
     "classnames": "^2.5.1",
     "glob": "^10.3.10",
     "gray-matter": "^4.0.3",
@@ -65,6 +62,7 @@
   },
   "devDependencies": {
     "@svgr/cli": "^8.1.0",
+    "@svgr/webpack": "^8.1.0",
     "@types/css-modules": "^1.0.5",
     "@types/mdx": "^2.0.11",
     "@types/node": "^22.10.2",

package/server/components/Blog.d.ts

@@ -0,0 +1,5 @@
+export interface BlogProps {
+    content: any;
+    config: any;
+}
+export declare function Blog({ content }: BlogProps): import("react").JSX.Element;

package/server/components/Blog.jsx

@@ -0,0 +1,16 @@
+'use client';
+import styles from './Blog.module.css';
+import { Markdown } from './Markdown';
+export function Blog(_a) {
+    var _b, _c;
+    var content = _a.content;
+    return (<div className={styles.blog}>
+      <div className={styles.main}>
+        <div className={styles.content}>
+          <h1>{(_b = content === null || content === void 0 ? void 0 : content.meta) === null || _b === void 0 ? void 0 : _b.title}</h1>
+          <p className={styles.description}>{(_c = content === null || content === void 0 ? void 0 : content.meta) === null || _c === void 0 ? void 0 : _c.description}</p>
+          <Markdown content={content}/>
+        </div>
+      </div>
+    </div>);
+}

package/server/components/CodeBlock.d.ts

@@ -0,0 +1 @@
+export declare function CodeBlock(props: any): import("react").JSX.Element;

package/server/components/CodeBlock.jsx

@@ -0,0 +1,23 @@
+import { useState, useRef } from 'react';
+import { Icon, Icons } from '@umami/react-zen';
+import styles from './CodeBlock.module.css';
+export function CodeBlock(props) {
+    var textInput = useRef(null);
+    var _a = useState(false), copied = _a[0], setCopied = _a[1];
+    var handleCopy = function () {
+        var _a, _b;
+        setCopied(true);
+        (_a = navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText((_b = textInput === null || textInput === void 0 ? void 0 : textInput.current) === null || _b === void 0 ? void 0 : _b.textContent);
+        setTimeout(function () {
+            setCopied(false);
+        }, 1000);
+    };
+    return (<pre ref={textInput} className={styles.container}>
+      {props.children}
+      <button aria-label="Copy code" className={styles.button} onClick={handleCopy}>
+        <Icon size="sm" className={copied ? styles.check : styles.copy}>
+          {copied ? <Icons.Check /> : <Icons.Copy />}
+        </Icon>
+      </button>
+    </pre>);
+}

package/server/components/ContentArea.d.ts

@@ -0,0 +1,6 @@
+export interface ContentAreaProps {
+    content: {
+        [key: string]: any;
+    };
+}
+export declare function ContentArea({ content }: ContentAreaProps): import("react").JSX.Element;

package/server/components/ContentArea.jsx

@@ -0,0 +1,19 @@
+import { Heading, Box, Text } from '@umami/react-zen';
+import { Markdown } from './Markdown';
+import styles from './ContentArea.module.css';
+export function ContentArea(_a) {
+    var _b, _c;
+    var content = _a.content;
+    return (<Box flexGrow={1}>
+      <Text color="primary" weight="bold">
+        {content.group}
+      </Text>
+      <Heading size="8" as="h1">
+        {(_b = content === null || content === void 0 ? void 0 : content.meta) === null || _b === void 0 ? void 0 : _b.title}
+      </Heading>
+      <Text color="muted">{(_c = content === null || content === void 0 ? void 0 : content.meta) === null || _c === void 0 ? void 0 : _c.description}</Text>
+      <Box className={styles.content}>
+        <Markdown content={content}/>
+      </Box>
+    </Box>);
+}

package/server/components/Docs.d.ts

@@ -0,0 +1 @@
+export declare function Docs(): import("react").JSX.Element;

package/server/components/Docs.jsx

@@ -0,0 +1,33 @@
+'use client';
+import { Grid, Box, Heading } from '@umami/react-zen';
+import { useShiso } from './hooks/useShiso';
+import { PageLinks } from './PageLinks';
+import { SideNav } from './SideNav';
+import { TopNav } from './TopNav';
+import { ContentArea } from './ContentArea';
+export function Docs() {
+    var _a = useShiso(), content = _a.content, config = _a.config;
+    if (!content) {
+        return <Heading size="6">Page not found</Heading>;
+    }
+    var _b = (config === null || config === void 0 ? void 0 : config.docs) || {}, tabs = _b.tabs, navigation = _b.navigation;
+    content.group = Object.keys(navigation).reduce(function (name, key) {
+        var _a, _b;
+        if (!name) {
+            return (_b = (_a = navigation[key]) === null || _a === void 0 ? void 0 : _a.find(function (section) {
+                return section.pages.find(function (page) {
+                    return page.url === "/docs/".concat(content.id) || (page.url === "/docs" && content.id === 'index');
+                });
+            })) === null || _b === void 0 ? void 0 : _b.group;
+        }
+        return name;
+    }, null);
+    return (<Box flexGrow="1">
+      {tabs && <TopNav tabs={tabs}/>}
+      <Grid gap="6" columns="240px 1fr 240px">
+        <SideNav tabs={tabs} navigation={navigation}/>
+        <ContentArea content={content}/>
+        <PageLinks items={content === null || content === void 0 ? void 0 : content.anchors} offset={150}/>
+      </Grid>
+    </Box>);
+}

package/server/components/Markdown.d.ts

@@ -0,0 +1,3 @@
+export declare function Markdown({ content }: {
+    content: any;
+}): import("react").JSX.Element | null;

package/server/components/Markdown.jsx

@@ -0,0 +1,35 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { runSync } from '@mdx-js/mdx';
+import { useMDXComponents } from '@mdx-js/react';
+import * as runtime from 'react/jsx-runtime';
+var parseMdx = function (code) {
+    try {
+        var result = runSync(code, __assign(__assign({}, runtime), { baseUrl: import.meta.url }));
+        return { Component: result.default };
+    }
+    catch (err) {
+        return { error: err.message };
+    }
+};
+export function Markdown(_a) {
+    var content = _a.content;
+    var components = useMDXComponents();
+    var _b = parseMdx(content.code), Component = _b.Component, error = _b.error;
+    if (error) {
+        return <h1>Error rendering MDX: {error}</h1>;
+    }
+    if (!Component) {
+        return null;
+    }
+    return <Component components={components}/>;
+}

package/server/components/PageLinks.d.ts

@@ -0,0 +1,4 @@
+export declare function PageLinks({ items, offset }: {
+    items: any;
+    offset?: number | undefined;
+}): import("react").JSX.Element | null;

package/server/components/PageLinks.jsx

@@ -0,0 +1,51 @@
+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 { useEffect, useState } from 'react';
+import { Column, Text } from '@umami/react-zen';
+import classNames from 'classnames';
+import styles from './PageLinks.module.css';
+export function PageLinks(_a) {
+    var _b;
+    var items = _a.items, _c = _a.offset, offset = _c === void 0 ? 0 : _c;
+    var _d = useState((_b = items === null || items === void 0 ? void 0 : items[0]) === null || _b === void 0 ? void 0 : _b.id), hash = _d[0], setHash = _d[1];
+    useEffect(function () {
+        var callback = function () {
+            var x = __spreadArray([], items, true).reverse().find(function (_a) {
+                var _b;
+                var id = _a.id;
+                var rect = (_b = document.getElementById(id)) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
+                return rect && rect.top <= offset;
+            });
+            if (x)
+                setHash(x.id);
+        };
+        window.addEventListener('scroll', callback, false);
+        return function () {
+            window.removeEventListener('scroll', callback, false);
+        };
+    }, []);
+    if (!(items === null || items === void 0 ? void 0 : items.length)) {
+        return null;
+    }
+    return (<Column gap="3" minWidth="240px" className={styles.links}>
+      <Text size="2" weight="bold">
+        On this page
+      </Text>
+      {items.map(function (_a) {
+            var _b;
+            var name = _a.name, id = _a.id, size = _a.size;
+            return (<a key={id} href={"#".concat(id)} className={classNames(styles.link, styles["indent-".concat(size)], (_b = {},
+                    _b[styles.selected] = hash === id,
+                    _b))}>
+            {name}
+          </a>);
+        })}
+    </Column>);
+}

package/server/components/Shiso.d.ts

@@ -0,0 +1,19 @@
+import { JSX } from 'react';
+import type { ShisoConfig } from '@/lib/types';
+export interface ShisoProps {
+    content: any;
+    type: string;
+    config: ShisoConfig;
+    components?: {
+        [key: string]: any;
+    };
+    templates?: {
+        [key: string]: any;
+    };
+}
+export type ShisoTemplateComponent = ({ content, config, }: {
+    content: any;
+    config: ShisoConfig;
+}) => JSX.Element;
+export declare const ShisoContext: import("react").Context<any>;
+export declare function Shiso({ content, type, config, components, templates }: ShisoProps): JSX.Element;

package/server/components/Shiso.jsx

@@ -0,0 +1,34 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { createContext } from 'react';
+import { MDXProvider } from '@mdx-js/react';
+import { CodeBlock } from '@/components/CodeBlock';
+import { Docs } from '@/components/Docs';
+import { Blog } from '@/components/Blog';
+var defaultTemplates = {
+    docs: Docs,
+    blog: Blog,
+};
+export var ShisoContext = createContext(null);
+export function Shiso(_a) {
+    var content = _a.content, type = _a.type, config = _a.config, components = _a.components, templates = _a.templates;
+    var Component = __assign(__assign({}, defaultTemplates), templates)[type];
+    if (!Component) {
+        return <h1>{"Component not found for type: ".concat(type)}</h1>;
+    }
+    return (<ShisoContext.Provider value={{ content: content, type: type, config: config }}>
+      <MDXProvider components={__assign(__assign({}, components), { pre: CodeBlock })}>
+        <Component content={content} config={config}/>
+      </MDXProvider>
+    </ShisoContext.Provider>);
+}

package/server/components/SideNav.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface SideNavProps {
+    tabs: any;
+    navigation: any;
+}
+export declare function SideNav({ tabs, navigation }: SideNavProps): React.JSX.Element;

package/server/components/SideNav.jsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Box, List, ListItem, ListSection } from '@umami/react-zen';
+import classNames from 'classnames';
+import { usePathname } from 'next/navigation';
+import Link from 'next/link';
+import styles from './SideNav.module.css';
+export function SideNav(_a) {
+    var tabs = _a.tabs, navigation = _a.navigation;
+    var pathname = usePathname();
+    var tab = tabs === null || tabs === void 0 ? void 0 : tabs.find(function (_a) {
+        var url = _a.url, id = _a.id;
+        return (id !== 'docs' ? pathname.startsWith(url) : false);
+    });
+    var menu = navigation[(tab === null || tab === void 0 ? void 0 : tab.id) || 'docs'];
+    return (<Box className={styles.nav}>
+      <List items={navigation} aria-label="nav">
+        {menu.map(function (_a) {
+            var group = _a.group, pages = _a.pages;
+            return (<ListSection title={group} key={group} className={styles.items}>
+              {pages.map(function (_a, index) {
+                    var _b;
+                    var text = _a.label, url = _a.url;
+                    return (<ListItem key={index} className={classNames(styles.item, (_b = {},
+                            _b[styles.selected] = url === pathname,
+                            _b))}>
+                    <Link href={url} prefetch={false}>
+                      {text}
+                    </Link>
+                  </ListItem>);
+                })}
+            </ListSection>);
+        })}
+      </List>
+    </Box>);
+}

package/server/components/TopNav.d.ts

@@ -0,0 +1,3 @@
+export declare function TopNav({ tabs }: {
+    tabs: any;
+}): import("react").JSX.Element;

package/server/components/TopNav.jsx

@@ -0,0 +1,22 @@
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { Tabs, TabList, Tab } from '@umami/react-zen';
+export function TopNav(_a) {
+    var tabs = _a.tabs;
+    var pathname = usePathname();
+    var tab = tabs === null || tabs === void 0 ? void 0 : tabs.find(function (_a) {
+        var id = _a.id, url = _a.url;
+        return (id !== 'docs' ? pathname.startsWith(url) : false);
+    });
+    var selected = (tab === null || tab === void 0 ? void 0 : tab.id) || 'docs';
+    return (<Tabs selectedKey={selected}>
+      <TabList items={tabs}>
+        {function (_a) {
+            var id = _a.id, label = _a.label, url = _a.url;
+            return (<Tab id={id}>
+              <Link href={url}>{label}</Link>
+            </Tab>);
+        }}
+      </TabList>
+    </Tabs>);
+}

package/server/components/hooks/useShiso.d.ts

@@ -0,0 +1,4 @@
+export declare function useShiso(): {
+    content: any;
+    config: any;
+};

package/server/components/hooks/useShiso.js

@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { ShisoContext } from '../Shiso';
+export function useShiso() {
+    var _a = useContext(ShisoContext), content = _a.content, config = _a.config;
+    return { content: content, config: config };
+}

package/server/components/index.d.ts

@@ -0,0 +1,5 @@
+import '@umami/react-zen/styles.css';
+import { Blog } from './Blog';
+import { Docs } from './Docs';
+import { Shiso } from './Shiso';
+export { Blog, Docs, Shiso };

package/server/components/index.js

@@ -0,0 +1,6 @@
+'use client';
+import '@umami/react-zen/styles.css';
+import { Blog } from './Blog';
+import { Docs } from './Docs';
+import { Shiso } from './Shiso';
+export { Blog, Docs, Shiso };

package/server/lib/types.d.ts

@@ -0,0 +1,14 @@
+export interface ShisoDocsConfig {
+    tabs?: [];
+}
+export interface ShisoBlogConfig {
+}
+export interface ShisoConfig {
+    contentDir: string;
+    docs?: {
+        [key: string]: any;
+    };
+    blog?: {
+        [key: string]: any;
+    };
+}

package/server/lib/types.js

@@ -0,0 +1 @@
+export {};

package/server/server/index.d.ts

@@ -0,0 +1,26 @@
+import { ReactElement } from 'react';
+import type { ShisoConfig } from '@/lib/types';
+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: ShisoConfig): {
+    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: ShisoConfig;
+    }) => ReactElement) => ({ params }: {
+        params: Promise<{
+            id: string[];
+        }>;
+    }) => Promise<ReactElement<unknown, string | import("react").JSXElementConstructor<any>>>;
+};

package/server/server/index.js

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