docstra 1.6.0 → 1.6.2

package/dist/client/index.js

@@ -113,6 +113,20 @@ function DocstraSearchBox() {
       }
     }
   };
+  (0, import_react.useEffect)(() => {
+    const handleEscape = (e) => {
+      if (e.key === "Escape") {
+        setOpenSearchBox(false);
+        setSearchQuery("");
+      }
+    };
+    if (openSearchBox) {
+      window.addEventListener("keydown", handleEscape);
+    }
+    return () => {
+      window.removeEventListener("keydown", handleEscape);
+    };
+  }, [openSearchBox]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "div",
     {
@@ -141,10 +155,7 @@ function DocstraSearchBox() {
                 children: openSearchBox && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.SearchIcon, { className: "size-5.5 mx-3 shrink-0" }),
                   /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { className: "w-full bg-transparent h-full outline-none text-gray-400 placeholder:text-gray-400", type: "text", placeholder: "Search docs...", spellCheck: "false", autoFocus: true, value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), name: "searchQuery", required: true }),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { className: "h-4.5 shrink-0 w-auto mr-3", width: "29", height: "18", viewBox: "0 0 29 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M13.5 2.25a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 1 0 2.25-2.25h-9a2.25 2.25 0 1 0 2.25 2.25v-9A2.25 2.25 0 1 0 4.5 6.75h9a2.25 2.25 0 0 0 0-4.5", stroke: "#99A1AF", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M25.986 14 21.45 8.89l4.438-4.69h2.058l-4.9 5.096v-.882L28.086 14zm-5.922 0V4.2h1.61V14z", fill: "#99A1AF" })
-                  ] })
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "border border-gray-200 px-2 mr-3 py-1 rounded text-xs", children: "Esc" })
                 ] })
               }
             ),
@@ -159,7 +170,7 @@ function DocstraSearchBox() {
                   searchResults.map((item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                     Link,
                     {
-                      href: `/docs/${item.info.slug}`,
+                      href: `/docs/${item.info.slug.replace("index", "")}`,
                       onNavigate: () => {
                         setOpenSearchBox(false);
                         setSearchQuery("");
@@ -172,7 +183,7 @@ function DocstraSearchBox() {
                     },
                     item.info.slug
                   )),
-                  searchQuery && searchResults.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-gray-500 text-center py-6", children: "No results found" })
+                  searchQuery && searchResults.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-gray-500 text-center py-20", children: "No results found" })
                 ]
               }
             )
@@ -295,7 +306,7 @@ function DocstraSidebar() {
           /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
             "div",
             {
-              className: "flex items-center gap-2 cursor-pointer mt-6 mb-4 p-2.5 text-gray-500 border border-gray-200 rounded-lg hover:bg-gray-50",
+              className: "flex items-center select-none gap-2 cursor-pointer mt-6 mb-4 p-2.5 text-gray-500 border border-gray-200 rounded-lg hover:bg-gray-50",
               onClick: () => {
                 setOpenSidebar(openSidebar && false);
                 setOpenSearchBox(true);

package/dist/client/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/client/index.ts","../../src/context/docstra-context.tsx","../../src/client/search-box.tsx","../../src/utils/cn.ts","../../src/client/link.tsx","../../src/client/header.tsx","../../src/client/sidebar.tsx","../../src/utils/get-icon.ts","../../src/client/docs-page.tsx","../../src/client/breadcrumbs.tsx","../../src/client/page-buttons.tsx","../../src/client/docstra-page-head.tsx","../../src/client/feedback.tsx","../../src/client/input.tsx","../../src/client/button.tsx","../../src/client/pagination.tsx","../../src/client/docs-body.tsx","../../src/client/docstra-toc.tsx","../../src/utils/generate-id-from-text.ts","../../src/utils/extract-headings-from-mdx.ts","../../src/client/code-block.tsx"],"sourcesContent":["'use client';\r\n\r\nexport * from '../context/docstra-context';\r\nexport * from '../client/header';\r\nexport * from '../client/sidebar';\r\nexport * from '../client/docs-page';\r\nexport * from '../client/docs-body';\r\nexport * from '../client/docstra-toc';\r\nexport * from '../client/code-block';","'use client';\r\nimport React, { createContext, useContext, useState } from 'react';\r\nimport { DocstraConfig, DocstraContextType, pageDataContent } from '../types';\r\nimport { ToastContainer } from 'react-toast-msg';\r\nimport { DocstraSearchBox } from '../client/search-box';\r\n\r\nconst DocstraContext = createContext<DocstraContextType | null>(null);\r\n\r\nexport function DocstraProvider({\r\n    children,\r\n    docstraConfig,\r\n    docs,\r\n    pageData\r\n}: {\r\n    children: React.ReactNode;\r\n    docstraConfig: DocstraConfig;\r\n    docs: pageDataContent[];\r\n    pageData: pageDataContent;\r\n}) {\r\n    const [openSidebar, setOpenSidebar] = useState(false);\r\n    const [openSearchBox, setOpenSearchBox] = useState(false);\r\n\r\n    return (\r\n        <DocstraContext.Provider\r\n            value={{\r\n                openSidebar,\r\n                setOpenSidebar,\r\n                docstraConfig,\r\n                openSearchBox,\r\n                setOpenSearchBox,\r\n                pageData,\r\n                docs\r\n            }}\r\n        >\r\n            <ToastContainer />\r\n            <DocstraSearchBox />\r\n            {children}\r\n        </DocstraContext.Provider>\r\n    );\r\n}\r\n\r\nexport function useDocstra() {\r\n    const ctx = useContext(DocstraContext);\r\n    if (!ctx) throw new Error('Please wrap your app with DocstraProvider');\r\n    return ctx;\r\n}\r\n","'use client';\r\n\r\nimport { SearchIcon } from 'lucide-react';\r\nimport { useDocstra } from '../context/docstra-context';\r\nimport { cn } from '../utils/cn';\r\nimport { useEffect, useMemo, useState } from 'react';\r\nimport Fuse from 'fuse.js';\r\nimport Link from './link';\r\nimport { useRouter } from 'next/navigation';\r\n\r\nexport function DocstraSearchBox() {\r\n    const { openSearchBox, setOpenSearchBox, docs } = useDocstra();\r\n    const [searchQuery, setSearchQuery] = useState('');\r\n    const [searchResults, setSearchResults] = useState<any[]>([]);\r\n    const router = useRouter();\r\n\r\n    useEffect(() => {\r\n        const handleKeyDown = (event: KeyboardEvent) => {\r\n            if (event.ctrlKey && event.key === 'k') {\r\n                event.preventDefault();\r\n                setOpenSearchBox(true);\r\n            }\r\n        };\r\n\r\n        window.addEventListener('keydown', handleKeyDown);\r\n\r\n        return () => {\r\n            window.removeEventListener('keydown', handleKeyDown);\r\n        };\r\n    }, []);\r\n\r\n    const fuse = useMemo(() => {\r\n        return new Fuse(docs, {\r\n            keys: [\"frontmatter.title\", \"frontmatter.description\", \"headings\", \"info.slug\"],\r\n            threshold: 0.3,\r\n        });\r\n    }, [docs]);\r\n\r\n    useEffect(() => {\r\n        if (searchQuery) {\r\n            const results = fuse.search(searchQuery);\r\n            setSearchResults(results.map(r => r.item));\r\n        }\r\n    }, [searchQuery]);\r\n\r\n    const onSearchHandler = (e: React.FormEvent<HTMLFormElement>) => {\r\n        e.preventDefault();\r\n        if (searchQuery) {\r\n            const component = searchResults[0];\r\n            if (component) {\r\n                router.push(`/docs/${component.info.slug}`);\r\n                setSearchQuery(\"\");\r\n                setOpenSearchBox(false);\r\n            }\r\n        }\r\n    };\r\n    return (\r\n        <div\r\n            onClick={() => {\r\n                setOpenSearchBox(false);\r\n                setSearchQuery('');\r\n            }}\r\n            className={cn(\r\n                'fixed inset-0 z-25 flex items-start justify-center bg-white/40 backdrop-blur-md opacity-0 pointer-events-none transition-all duration-300',\r\n                openSearchBox && 'opacity-100 pointer-events-auto'\r\n            )}\r\n        >\r\n            <div\r\n                onClick={e => e.stopPropagation()}\r\n                className=\"flex flex-col items-center mt-30 max-w-lg w-full max-md:px-4\"\r\n            >\r\n                <form\r\n                    onSubmit={onSearchHandler}\r\n                    className={cn(\r\n                        'relative flex items-center justify-between w-full bg-white border border-slate-200 text-gray-400 h-15 p-0.5 rounded-md',\r\n                        searchQuery && \"rounded-b-none border-b-0\"\r\n                    )}\r\n                >\r\n                    {openSearchBox && (\r\n                        <>\r\n                            <SearchIcon className=\"size-5.5 mx-3 shrink-0\" />\r\n                            <input className=\"w-full bg-transparent h-full outline-none text-gray-400 placeholder:text-gray-400\" type=\"text\" placeholder=\"Search docs...\" spellCheck=\"false\" autoFocus={true} value={searchQuery} onChange={e => setSearchQuery(e.target.value)} name=\"searchQuery\" required />\r\n                            <svg className=\"h-4.5 shrink-0 w-auto mr-3\" width=\"29\" height=\"18\" viewBox=\"0 0 29 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" >\r\n                                <path d=\"M13.5 2.25a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 1 0 2.25-2.25h-9a2.25 2.25 0 1 0 2.25 2.25v-9A2.25 2.25 0 1 0 4.5 6.75h9a2.25 2.25 0 0 0 0-4.5\" stroke=\"#99A1AF\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\r\n                                <path d=\"M25.986 14 21.45 8.89l4.438-4.69h2.058l-4.9 5.096v-.882L28.086 14zm-5.922 0V4.2h1.61V14z\" fill=\"#99A1AF\" />\r\n                            </svg>\r\n                        </>\r\n                    )}\r\n                </form>\r\n                <div\r\n                    className={cn(\r\n                        \"max-h-70 overflow-x-hidden overflow-y-auto scrollbar-y w-full bg-white text-slate-700 flex flex-col\",\r\n                        searchQuery && \"rounded-b-md border border-slate-200\"\r\n                    )}\r\n                >\r\n                    {searchResults.map((item) => (\r\n                        <Link\r\n                            href={`/docs/${item.info.slug}`}\r\n                            key={item.info.slug}\r\n                            onNavigate={() => {\r\n                                setOpenSearchBox(false);\r\n                                setSearchQuery(\"\");\r\n                            }}\r\n                            className=\"w-full hover:bg-gray-100/70 border-b border-slate-200 transition-all py-4 px-4 last:mb-2\"\r\n                        >\r\n                            <h4 className=\"font-medium\">{item.frontmatter.title}</h4>\r\n                            <p className=\"text-sm mt-1 text-gray-500\">{item.frontmatter.description}</p>\r\n                        </Link>\r\n                    ))}\r\n\r\n                    {searchQuery && searchResults.length === 0 && (\r\n                        <div className=\"text-gray-500 text-center py-6\">No results found</div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n","import { twMerge } from 'tailwind-merge';\r\nimport clsx, { ClassValue } from 'clsx';\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n    return twMerge(clsx(inputs));\r\n}\r\n","import LinkComponent from 'next/link';\r\n\r\ninterface Props extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n    href: string;\r\n    onNavigate?: () => void;\r\n    className?: string;\r\n}\r\n\r\nexport default function Link({ href, children, className, onNavigate, ...props }: Props) {\r\n    if (href.startsWith('http')) {\r\n        return (\r\n            <a href={href} className={className} {...props} target=\"_blank\" rel=\"noopener noreferrer\">\r\n                {children}\r\n            </a>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <LinkComponent href={href} className={className} onNavigate={onNavigate} {...props}>\r\n            {children}\r\n        </LinkComponent>\r\n    );\r\n}\r\n","'use client';\r\n\r\nimport { TextAlignEnd, XIcon } from 'lucide-react';\r\nimport { useEffect } from 'react';\r\nimport { useDocstra } from '../context/docstra-context';\r\nimport { cn } from '../utils/cn';\r\nimport Link from './link';\r\n\r\nexport function DocstraHeader() {\r\n    const { openSidebar, setOpenSidebar, docstraConfig } = useDocstra();\r\n\r\n    useEffect(() => {\r\n        if (openSidebar) {\r\n            document.body.classList.add('max-md:overflow-hidden');\r\n        } else {\r\n            document.body.classList.remove('max-md:overflow-hidden');\r\n        }\r\n    }, [openSidebar]);\r\n    return (\r\n        <header className=\"sticky top-0 z-10 text-sm flex items-center justify-between border-b border-gray-100 h-18 px-4 md:px-6 bg-white\">\r\n            <Link href={docstraConfig.navbar?.logo?.link || '/'} className='hover:opacity-80 transition'>\r\n                <img\r\n                    src={docstraConfig.navbar?.logo?.src || '/logo.png'}\r\n                    alt={docstraConfig.navbar?.logo?.alt || 'Logo'}\r\n                    className={cn('h-9.5 w-auto', docstraConfig.navbar?.logo?.className)}\r\n                />\r\n            </Link>\r\n            <div className=\"hidden divide-x divide-gray-200 md:flex items-center\">\r\n                {docstraConfig.navbar?.links?.map(link => (\r\n                    <Link key={link.name} href={link.href} className=\"px-6 hover:text-gray-500\">\r\n                        {link.name}\r\n                    </Link>\r\n                ))}\r\n                <Link href={docstraConfig?.githubRepo || 'https://github.com/sudhucodes/docstra'}>\r\n                    <svg className=\"size-6 mx-6\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                        <path d=\"M12 .3a12 12 0 0 0-3.8 23.38c.6.12.83-.26.83-.57L9 21.07c-3.34.72-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.08-.74.09-.73.09-.73 1.2.09 1.83 1.24 1.83 1.24 1.08 1.83 2.81 1.3 3.5 1 .1-.78.42-1.31.76-1.61-2.67-.3-5.47-1.33-5.47-5.93 0-1.31.47-2.38 1.24-3.22-.14-.3-.54-1.52.1-3.18 0 0 1-.32 3.3 1.23a11.5 11.5 0 0 1 6 0c2.28-1.55 3.29-1.23 3.29-1.23.64 1.66.24 2.88.12 3.18a4.65 4.65 0 0 1 1.23 3.22c0 4.61-2.8 5.63-5.48 5.92.42.36.81 1.1.81 2.22l-.01 3.29c0 .31.2.69.82.57A12 12 0 0 0 12 .3\" />\r\n                    </svg>\r\n                </Link>\r\n            </div>\r\n            <button\r\n                onClick={() => setOpenSidebar(!openSidebar)}\r\n                className=\"md:hidden transition text-gray-600 active:ring-2 ring-gray-200 p-1.5 rounded-md\"\r\n            >\r\n                {openSidebar ? <XIcon className=\"size-6.5\" /> : <TextAlignEnd className=\"size-6.5\" />}\r\n            </button>\r\n        </header>\r\n    );\r\n}\r\n","'use client';\r\n\r\nimport { SearchIcon } from 'lucide-react';\r\nimport { usePathname } from 'next/navigation';\r\nimport { cn } from '../utils/cn';\r\nimport Link from './link';\r\nimport { useDocstra } from '../context/docstra-context';\r\nimport { getIcon } from '../utils/get-icon';\r\nimport { toast } from 'react-toast-msg';\r\n\r\nexport function DocstraSidebar() {\r\n    const { openSidebar, setOpenSidebar, docstraConfig, setOpenSearchBox } = useDocstra();\r\n    const pathname = usePathname();\r\n\r\n    return (\r\n        <>\r\n            <div\r\n                className={cn(\r\n                    'fixed inset-0 z-20 bg-black/50 opacity-0 pointer-events-none transition-all duration-300',\r\n                    openSidebar && 'opacity-100 pointer-events-auto'\r\n                )}\r\n                onClick={() => setOpenSidebar(false)}\r\n            />\r\n            <aside\r\n                className={cn(\r\n                    'sticky md:top-18 h-[calc(100svh-72px)] scrollbar-y w-screen max-md:rounded-t-lg z-21 md:w-72 pb-10 text-base md:text-sm shrink-0 border-r border-gray-200 p-4 max-md:fixed bg-white overflow-y-auto transition-all duration-300',\r\n                    openSidebar ? 'top-32' : 'top-full'\r\n                )}\r\n            >\r\n                <div\r\n                    className=\"flex items-center gap-2 cursor-pointer mt-6 mb-4 p-2.5 text-gray-500 border border-gray-200 rounded-lg hover:bg-gray-50\"\r\n                    onClick={() => {\r\n                        setOpenSidebar(openSidebar && false);\r\n                        setOpenSearchBox(true)\r\n                    }}\r\n                >\r\n                    <SearchIcon className=\"size-4.5\" />\r\n                    <p>Search</p>\r\n                    <div className=\"ms-auto font-mono inline-flex gap-0.5\">\r\n                        <span className=\"rounded-md border border-gray-200 px-1.5\">Ctrl</span>\r\n                        <span className=\"rounded-md border border-gray-200 px-1.5\">K</span>\r\n                    </div>\r\n                </div>\r\n\r\n                {docstraConfig.sidebar?.links?.map(group => (\r\n                    <div key={group.section}>\r\n                        <p className=\"inline-flex items-center gap-2 mb-2 mt-2 px-2\">{group.section}</p>\r\n\r\n                        <ul className=\"mb-4\">\r\n                            {group.items.map(link => {\r\n                                const Icon = getIcon(link.icon);\r\n\r\n                                return (\r\n                                    <li key={link.href}>\r\n                                        <Link\r\n                                            href={link.href}\r\n                                            onNavigate={() => openSidebar && setOpenSidebar(false)}\r\n                                            className={cn(\r\n                                                'flex items-center gap-2 text-gray-500 hover:bg-gray-100 py-2 px-2.5 rounded-lg',\r\n                                                pathname === link.href && 'bg-gray-100 text-gray-800'\r\n                                            )}\r\n                                        >\r\n                                            {Icon && <Icon className=\"size-4\" />}\r\n                                            <span>{link.name}</span>\r\n                                        </Link>\r\n                                    </li>\r\n                                );\r\n                            })}\r\n                        </ul>\r\n                    </div>\r\n                ))}\r\n            </aside>\r\n        </>\r\n    );\r\n}\r\n","import * as Icons from 'lucide-react';\r\n\r\nexport function getIcon(name?: string) {\r\n    if (!name) return undefined;\r\n\r\n    return (Icons as Record<string, any>)[name];\r\n}\r\n","export function DocstraPage({ children }: { children: React.ReactNode }) {\r\n    return <div className=\"min-h-screen flex bg-white w-full\">{children}</div>;\r\n}\r\n","'use client';\r\n\r\nimport { usePathname } from 'next/navigation';\r\nimport { ChevronRight } from 'lucide-react';\r\nimport Link from './link';\r\n\r\nexport function DocstraBreadcrumbs() {\r\n    const pathname = usePathname();\r\n    const paths = pathname.split('/').filter(Boolean);\r\n\r\n    const breadcrumbs = paths.map((segment, index) => {\r\n        const href = '/' + paths.slice(0, index + 1).join('/');\r\n        const title = segment.replace(/-/g, ' ').replace(/\\b\\w/g, c => c.toUpperCase());\r\n        return { href, title };\r\n    });\r\n\r\n    return (\r\n        <nav aria-label=\"Breadcrumb\" className=\"flex text-sm items-center pb-4 text-gray-500\">\r\n            <ol className=\"flex items-center space-x-2\">\r\n                <li>\r\n                    <Link href=\"/\" className=\"hover:text-gray-700 transition-colors font-medium\">\r\n                        Home\r\n                    </Link>\r\n                </li>\r\n\r\n                {breadcrumbs.map((crumb, index) => {\r\n                    const isLast = index === breadcrumbs.length - 1;\r\n                    return (\r\n                        <li key={crumb.href} className=\"flex items-center space-x-2\">\r\n                            <ChevronRight className=\"w-4 h-4 text-gray-400\" />\r\n                            {isLast ? (\r\n                                <span className=\"text-gray-600 font-medium\">{crumb.title}</span>\r\n                            ) : (\r\n                                <Link href={crumb.href} className=\"hover:text-gray-700 font-medium transition-colors\">\r\n                                    {crumb.title}\r\n                                </Link>\r\n                            )}\r\n                        </li>\r\n                    );\r\n                })}\r\n            </ol>\r\n        </nav>\r\n    );\r\n}\r\n","'use client';\r\n\r\nimport { CheckIcon, CopyIcon } from 'lucide-react';\r\nimport { useEffect, useState } from 'react';\r\nimport { useDocstra } from '../context/docstra-context';\r\n\r\nexport function DocstraPageButtons() {\r\n    const { pageData } = useDocstra();\r\n    const [isCopied, setIsCopied] = useState(false);\r\n    const [href, setHref] = useState<string | null>(null);\r\n\r\n    useEffect(() => {\r\n        setHref(window.location.href);\r\n    }, []);\r\n\r\n    const prompt = `Read from this URL: ${href} and explain it to me.`;\r\n\r\n    const handleCopy = () => {\r\n        navigator.clipboard.writeText(pageData?.rawContent);\r\n        setIsCopied(true);\r\n        setTimeout(() => setIsCopied(false), 3000);\r\n    };\r\n\r\n    return (\r\n        <div className=\"flex items-center gap-3 mt-6\">\r\n            <button\r\n                title=\"Copy Markdown\"\r\n                onClick={handleCopy}\r\n                className=\"flex items-center cursor-pointer gap-2 bg-gray-50 hover:bg-gray-100 border border-gray-200 px-3 py-2 rounded-md text-xs\"\r\n            >\r\n                {isCopied ? <CheckIcon className=\"size-3.5\" /> : <CopyIcon className=\"size-3.5\" />}\r\n                Copy Markdown\r\n            </button>\r\n            <a\r\n                title=\"Ask ChatGPT\"\r\n                href={`https://chatgpt.com/?hints=search&q=${encodeURIComponent(prompt)}`}\r\n                className=\"flex items-center gap-2 bg-gray-50 hover:bg-gray-100 border border-gray-200 px-3 py-2 rounded-md text-xs\"\r\n                rel=\"noreferrer noopener\"\r\n            >\r\n                Ask ChatGPT\r\n            </a>\r\n        </div>\r\n    );\r\n}\r\n","import { useDocstra } from '../context/docstra-context';\r\nimport { DocstraPageButtons } from './page-buttons';\r\n\r\nexport function DocstraPageHead() {\r\n    const { pageData } = useDocstra();\r\n    const title = pageData?.frontmatter?.title;\r\n    const description = pageData?.frontmatter?.description;\r\n    return (\r\n        <>\r\n            <h1 className=\"text-3xl font-bold\">{title}</h1>\r\n            <p className=\"my-4 text-gray-500\">{description}</p>\r\n            <DocstraPageButtons />\r\n            <hr className=\"my-10 border-gray-200\" />\r\n        </>\r\n    );\r\n}\r\n","'use client';\r\n\r\nimport { useState } from 'react';\r\nimport { ThumbsUp, ThumbsDown } from 'lucide-react';\r\nimport Input from './input';\r\nimport Button from './button';\r\nimport { useDocstra } from '../context/docstra-context';\r\n\r\ntype Opinion = 'good' | 'bad' | null;\r\n\r\nexport function DocstraFeedback() {\r\n    const [opinion, setOpinion] = useState<Opinion>(null);\r\n    const { docstraConfig } = useDocstra();\r\n    const [message, setMessage] = useState<string>('');\r\n    const [submitted, setSubmitted] = useState<boolean>(false);\r\n\r\n    return (\r\n        <div className=\"border-y border-gray-200 mt-20 py-10 space-y-4\">\r\n            {submitted ? (\r\n                <>\r\n                    <p className=\"font-medium text-gray-900\">Thank you for your feedback!</p>\r\n                    <Button\r\n                        onClick={() => {\r\n                            setSubmitted(false);\r\n                            setOpinion(null);\r\n                            setMessage('');\r\n                        }}\r\n                        label=\"Submit Again\"\r\n                        className=\"w-max text-sm\"\r\n                    />\r\n                </>\r\n            ) : (\r\n                <>\r\n                    <p className=\"font-medium\">How is this guide?</p>\r\n                    <div className=\"flex gap-2\">\r\n                        <button\r\n                            onClick={() => setOpinion('good')}\r\n                            className={`flex items-center cursor-pointer gap-1 px-3 py-2 rounded-full border text-sm ${opinion === 'good'\r\n                                ? 'bg-green-100 text-green-600 border-green-300'\r\n                                : 'border-gray-200 text-gray-600 hover:bg-gray-100'\r\n                                }`}\r\n                        >\r\n                            <ThumbsUp className={`size-4 ${opinion === 'good' ? 'fill-green-600' : 'text-gray-500'}`} />\r\n                            Good\r\n                        </button>\r\n                        <button\r\n                            onClick={() => setOpinion('bad')}\r\n                            className={`flex items-center cursor-pointer gap-1 px-3 py-2 rounded-full border text-sm ${opinion === 'bad'\r\n                                ? 'bg-red-100 text-red-600 border-red-300'\r\n                                : 'border-gray-200 text-gray-600 hover:bg-gray-100'\r\n                                }`}\r\n                        >\r\n                            <ThumbsDown\r\n                                className={`size-4 pt-0.5 ${opinion === 'bad' ? 'fill-red-600' : 'text-gray-500'}`}\r\n                            />\r\n                            Bad\r\n                        </button>\r\n                    </div>\r\n                    {opinion && (\r\n                        <form\r\n                            className=\"flex flex-col gap-2\"\r\n                            action={`https://formsync.app/v1/s/${docstraConfig?.feedback?.formSyncFormID || ''}`}\r\n                            method=\"POST\"\r\n                        >\r\n                            <Input\r\n                                value={message}\r\n                                id=\"message\"\r\n                                onChange={e => setMessage(e.target.value)}\r\n                                placeholder=\"Leave your feedback...\"\r\n                                required\r\n                                type=\"textarea\"\r\n                            />\r\n                            <input type=\"hidden\" name=\"opinion\" value={opinion} />\r\n                            <input type=\"hidden\" name=\"page\" value={window.location.href} />\r\n                            <input type=\"hidden\" name=\"_redirect\" value={window.location.href} />\r\n                            <Button label=\"Submit\" className=\"w-max text-sm\" />\r\n                            {docstraConfig?.feedback?.watermark !== false && (\r\n                                <p className=\"text-left text-sm text-gray-500 mt-6\">\r\n                                    Powered by{' '}\r\n                                    <a\r\n                                        href={`https://www.formsync.app?utm_source=${docstraConfig?.githubRepo}`}\r\n                                        className=\"text-gray-800\"\r\n                                    >\r\n                                        FormSync\r\n                                    </a>\r\n                                </p>\r\n                            )}\r\n                        </form>\r\n                    )}\r\n                </>\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n","import { cn } from '../utils/cn';\r\n\r\ninterface Props {\r\n    label?: string;\r\n    type?: 'text' | 'textarea';\r\n    placeholder?: string;\r\n    id: string;\r\n    required?: boolean;\r\n    onChange?: (e: any) => void;\r\n    value?: string;\r\n    readOnly?: boolean;\r\n    className?: string;\r\n    optional?: boolean;\r\n}\r\n\r\nexport default function Input({\r\n    label,\r\n    type,\r\n    placeholder = '',\r\n    id,\r\n    required = false,\r\n    onChange,\r\n    value,\r\n    readOnly = false,\r\n    className = '',\r\n    optional = false\r\n}: Props) {\r\n    return (\r\n        <div className={cn('flex flex-col mt-4 w-full', className)}>\r\n            {label && (\r\n                <label htmlFor={id} className=\"font-medium w-max cursor-pointer\">\r\n                    {label}\r\n                    {optional && <span className=\"text-xs font-normal text-gray-400 ml-1 mt-1\">(Optional)</span>}\r\n                </label>\r\n            )}\r\n            {type === 'textarea' ? (\r\n                <textarea\r\n                    id={id}\r\n                    name={id}\r\n                    className={cn(\r\n                        'mt-2 w-full p-3 border border-gray-300 resize-none not-focus:hover:border-gray-500 read-only:text-gray-400/80 outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 transition-all duration-200 rounded-lg',\r\n                        className\r\n                    )}\r\n                    placeholder={placeholder}\r\n                    required={required}\r\n                    onChange={onChange}\r\n                    rows={4}\r\n                    value={value}\r\n                    readOnly={readOnly}\r\n                />\r\n            ) : (\r\n                <input\r\n                    type={type}\r\n                    id={id}\r\n                    name={id}\r\n                    className=\"mt-2 w-full h-12 px-3 border border-gray-300 not-focus:hover:border-gray-500 read-only:text-gray-400/80 outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 transition-all duration-200 rounded-lg\"\r\n                    placeholder={placeholder}\r\n                    required={required}\r\n                    onChange={onChange}\r\n                    value={value}\r\n                    readOnly={readOnly}\r\n                />\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n","import { Loader2Icon } from 'lucide-react';\r\nimport { cn } from '../utils/cn';\r\n\r\ninterface Props {\r\n    label: string;\r\n    loading?: boolean;\r\n    type?: 'submit' | 'button';\r\n    className?: string;\r\n    disabled?: boolean;\r\n    onClick?: () => void;\r\n}\r\n\r\nexport default function Button({ label, loading, type = 'submit', className = '', disabled = false, onClick }: Props) {\r\n    return (\r\n        <button\r\n            type={type}\r\n            disabled={disabled}\r\n            className={cn(\r\n                'relative w-full mt-4 h-12 px-6 py-3 cursor-pointer font-medium bg-gray-900 hover:opacity-85 text-white rounded-lg',\r\n                className\r\n            )}\r\n            aria-label={label}\r\n            onClick={onClick}\r\n        >\r\n            {loading ? (\r\n                <Loader2Icon className=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 animate-spin mx-auto\" />\r\n            ) : (\r\n                label\r\n            )}\r\n        </button>\r\n    );\r\n}\r\n","'use client';\r\n\r\nimport { usePathname } from 'next/navigation';\r\nimport Link from 'next/link';\r\nimport { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react';\r\nimport { useDocstra } from '../context/docstra-context';\r\nimport { DocsLinkGroup, DocsLinkItem } from '../types';\r\n\r\nexport function DocstraPagination() {\r\n    const pathname = usePathname();\r\n    const { docstraConfig } = useDocstra();\r\n\r\n    const flatLinks: any = docstraConfig?.sidebar?.links?.flatMap((section: DocsLinkGroup) => section.items);\r\n\r\n    const currentIndex = flatLinks.findIndex((item: DocsLinkItem) => item.href === pathname);\r\n\r\n    const prev = currentIndex > 0 ? flatLinks[currentIndex - 1] : null;\r\n    const next = currentIndex < flatLinks.length - 1 ? flatLinks[currentIndex + 1] : null;\r\n\r\n    return (\r\n        <div className=\"flex flex-col md:flex-row gap-2 justify-between py-10 mt-10\">\r\n            {prev ? (\r\n                <Link\r\n                    href={prev.href}\r\n                    className=\"flex flex-col items-start gap-2 border border-gray-200 hover:bg-gray-50 py-3 md:min-w-62 pl-4 pr-10 rounded-lg text-sm\"\r\n                >\r\n                    <span className=\"text-gray-500\">Previous</span>\r\n                    <p className=\"flex items-center font-medium\">\r\n                        <ArrowLeftIcon className=\"size-5 mr-2\" />\r\n                        {prev.name}\r\n                    </p>\r\n                </Link>\r\n            ) : (\r\n                <div />\r\n            )}\r\n\r\n            {next ? (\r\n                <Link\r\n                    href={next.href}\r\n                    className=\"flex flex-col items-end gap-2 border border-gray-200 hover:bg-gray-50 py-3 pr-4 md:min-w-62 pl-10 rounded-lg text-sm\"\r\n                >\r\n                    <span className=\"text-gray-500\">Next</span>\r\n                    <p className=\"flex items-center font-medium\">\r\n                        {next.name}\r\n                        <ArrowRightIcon className=\"size-5 ml-2\" />\r\n                    </p>\r\n                </Link>\r\n            ) : (\r\n                <div />\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n","import { useDocstra } from '../context/docstra-context';\r\nimport { DocstraBreadcrumbs } from './breadcrumbs';\r\nimport { DocstraPageHead } from './docstra-page-head';\r\nimport { DocstraFeedback } from './feedback';\r\nimport { DocstraPagination } from './pagination';\r\n\r\ninterface Props {\r\n    children: React.ReactNode;\r\n}\r\n\r\nexport function DocstraBody({ children }: Props) {\r\n    const { docstraConfig } = useDocstra();\r\n    return (\r\n        <main className=\"flex-1 px-4 md:px-8 py-10 max-w-full text-base/7\">\r\n            <DocstraBreadcrumbs />\r\n            <DocstraPageHead />\r\n            {children}\r\n            {docstraConfig?.feedback?.enabled && <DocstraFeedback />}\r\n            <DocstraPagination />\r\n        </main>\r\n    );\r\n}\r\n","'use client';\r\n\r\nimport { ArrowUpCircleIcon, SquareArrowOutUpRightIcon, TextAlignStartIcon } from 'lucide-react';\r\nimport { usePathname } from 'next/navigation';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport { cn } from '../utils/cn';\r\nimport { H2Heading, TOCLinkProps } from '../types';\r\nimport { useDocstra } from '../context/docstra-context';\r\nimport { extractHeadingsFromMdx } from '../utils/extract-headings-from-mdx';\r\n\r\nexport function DocstraTOC() {\r\n    const [headings, setHeadings] = useState<H2Heading[]>([]);\r\n    const [activeId, setActiveId] = useState<string | null>(null);\r\n    const [scrollDir, setScrollDir] = useState<'up' | 'down'>('down');\r\n    const [isScrolled, setIsScrolled] = useState(false);\r\n    const [isManualClick, setIsManualClick] = useState(false);\r\n    const { docstraConfig, pageData } = useDocstra();\r\n    const mdxFilePath = pageData?.info.fullPath;\r\n    const rawMdxContent = pageData?.content;\r\n\r\n    const lastScrollY = useRef(0);\r\n    const observerRef = useRef<IntersectionObserver | null>(null);\r\n\r\n    const pathname = usePathname();\r\n    const baseUrlOfGithub = docstraConfig?.githubRepo || 'https://github.com/sudhucodes/docstra';\r\n    const githubLink = `${baseUrlOfGithub}/edit/main/${mdxFilePath}`;\r\n\r\n    useEffect(() => {\r\n        const onScroll = () => {\r\n            const currentY = window.scrollY;\r\n            setScrollDir(currentY > lastScrollY.current ? 'down' : 'up');\r\n            setIsScrolled(currentY > 100);\r\n            lastScrollY.current = currentY;\r\n        };\r\n\r\n        window.addEventListener('scroll', onScroll);\r\n        return () => window.removeEventListener('scroll', onScroll);\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        const structured = extractHeadingsFromMdx(rawMdxContent);\r\n        setHeadings(structured);\r\n    }, [rawMdxContent]);\r\n\r\n    useEffect(() => {\r\n        const allHeadings = document.querySelectorAll<HTMLHeadingElement>(`h2[id], h3[id]`);\r\n\r\n        const observer = new IntersectionObserver(\r\n            entries => {\r\n                if (isManualClick) return;\r\n\r\n                const visible = entries\r\n                    .filter(e => e.isIntersecting)\r\n                    .sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top);\r\n\r\n                if (visible.length > 0) {\r\n                    const nextActive =\r\n                        scrollDir === 'down' ? visible[0].target.id : visible[visible.length - 1].target.id;\r\n\r\n                    setActiveId(nextActive);\r\n                }\r\n            },\r\n            {\r\n                rootMargin: '-40% 0px -50% 0px',\r\n                threshold: [0, 0.2, 0.6, 1.0]\r\n            }\r\n        );\r\n\r\n        allHeadings.forEach(heading => observer.observe(heading));\r\n        observerRef.current = observer;\r\n\r\n        return () => observer.disconnect();\r\n    }, [pathname, scrollDir, isManualClick]);\r\n\r\n    useEffect(() => {\r\n        const scrolled = window.scrollY > 100;\r\n        !scrolled && setActiveId(headings[0]?.id);\r\n    }, [headings]);\r\n\r\n    useEffect(() => {\r\n        if (!activeId) return;\r\n\r\n        const container = document.querySelector('.toc-scroll-container');\r\n        if (!container) return;\r\n\r\n        const activeLink = container.querySelector(`a[href=\"#${activeId}\"]`);\r\n        if (!activeLink) return;\r\n\r\n        const containerRect = container.getBoundingClientRect();\r\n        const linkRect = activeLink.getBoundingClientRect();\r\n\r\n        const isOutOfView =\r\n            linkRect.top < containerRect.top || linkRect.bottom > containerRect.bottom;\r\n\r\n        if (isOutOfView) {\r\n            activeLink.scrollIntoView({\r\n                behavior: 'smooth',\r\n                block: 'nearest',\r\n            });\r\n        }\r\n    }, [activeId]);\r\n\r\n\r\n    useEffect(() => {\r\n        if (!isManualClick) return;\r\n        const timer = setTimeout(() => setIsManualClick(false), 800);\r\n        return () => clearTimeout(timer);\r\n    }, [isManualClick]);\r\n\r\n    const handleClick = (id: string) => {\r\n        setActiveId(id);\r\n        setIsManualClick(true);\r\n    };\r\n\r\n    return (\r\n        <aside className=\"sticky top-18 text-sm hidden xl:block text-gray-500 shrink-0 h-[calc(100svh-72px)] w-64 border-l border-gray-200 p-6 overflow-y-auto\">\r\n            <p className=\"flex items-center gap-2 mb-5\">\r\n                <TextAlignStartIcon className=\"size-4\" />\r\n                On this page\r\n            </p>\r\n\r\n            {/* Links Container */}\r\n            <ul className='toc-scroll-container max-h-3/4 overflow-y-auto scrollbar-none'>\r\n                {headings.map(h2 => (\r\n                    <li key={h2.id}>\r\n                        <TableOfContentsLink heading={h2} activeId={activeId} handleClick={handleClick} />\r\n\r\n                        {h2.children.map(h3 => (\r\n                            <TableOfContentsLink\r\n                                key={h3.id}\r\n                                heading={h3}\r\n                                activeId={activeId}\r\n                                handleClick={handleClick}\r\n                                className=\"pl-8\"\r\n                            />\r\n                        ))}\r\n                    </li>\r\n                ))}\r\n            </ul>\r\n\r\n            <hr className=\"my-6 border-gray-200\" />\r\n\r\n            {docstraConfig.editOnGithub && (\r\n                <a\r\n                    href={githubLink}\r\n                    rel=\"noopener noreferrer\"\r\n                    className=\"flex items-center gap-2 text-gray-400 hover:text-gray-700 transition\"\r\n                >\r\n                    Edit this page on GitHub\r\n                    <SquareArrowOutUpRightIcon className=\"size-4\" />\r\n                </a>\r\n            )}\r\n\r\n            {isScrolled && (\r\n                <button\r\n                    onClick={() => scrollTo({ top: 0, behavior: 'smooth' })}\r\n                    className=\"flex items-center gap-2 mt-3 text-gray-400 hover:text-gray-700 transition\"\r\n                >\r\n                    Scroll to top\r\n                    <ArrowUpCircleIcon className=\"size-4\" />\r\n                </button>\r\n            )}\r\n        </aside>\r\n    );\r\n}\r\n\r\nfunction TableOfContentsLink({ heading, activeId, handleClick, className }: TOCLinkProps) {\r\n    return (\r\n        <a\r\n            href={`#${heading.id}`}\r\n            className={cn('border-l border-gray-200 block py-1.5 pl-4 transition-colors', className, {\r\n                'border-gray-800 text-gray-900 font-medium': activeId === heading.id,\r\n                'hover:text-gray-800 hover:border-gray-400': activeId !== heading.id\r\n            })}\r\n            onClick={() => handleClick(heading.id)}\r\n        >\r\n            {heading.text}\r\n        </a>\r\n    );\r\n}\r\n","export function generateIdFromText(text: string) {\r\n    return text\r\n        .toLowerCase()\r\n        .trim()\r\n        .replace(/[^\\w\\s-]/g, '')\r\n        .replace(/\\s+/g, '-')\r\n        .replace(/-+/g, '-')\r\n        .replace(/^-|-$/g, '');\r\n}\r\n","import { generateIdFromText } from './generate-id-from-text';\r\nimport { H2Heading } from '../types';\r\n\r\nexport function extractHeadingsFromMdx(raw: string): H2Heading[] {\r\n    const lines = raw.split('\\n');\r\n\r\n    const results: H2Heading[] = [];\r\n    let currentH2: H2Heading | null = null;\r\n\r\n    for (let line of lines) {\r\n        line = line.trim();\r\n\r\n        const h2Match = line.match(/^##\\s+(.*)/);\r\n        const h3Match = line.match(/^###\\s+(.*)/);\r\n\r\n        if (h2Match) {\r\n            const text = h2Match[1].trim();\r\n            const id = generateIdFromText(text);\r\n\r\n            currentH2 = { id, text, children: [] };\r\n            results.push(currentH2);\r\n        }\r\n\r\n        if (h3Match && currentH2) {\r\n            const text = h3Match[1].trim();\r\n            const id = generateIdFromText(text);\r\n\r\n            currentH2.children.push({ id, text });\r\n        }\r\n    }\r\n\r\n    return results;\r\n}\r\n","'use client';\r\n\r\nimport { useEffect, useState } from 'react';\r\nimport { Highlight, themes } from 'prism-react-renderer';\r\nimport { CheckIcon, CopyIcon } from 'lucide-react';\r\nimport { toast } from 'react-toast-msg';\r\n\r\nexport function DocstraCodeBlock(props: any) {\r\n    const { language, title, children } = props;\r\n\r\n    const code =\r\n        typeof children === 'string'\r\n            ? children.trim()\r\n            : children?.props?.children?.toString()?.trim() || '';\r\n\r\n\r\n    const [copied, setCopied] = useState(false);\r\n\r\n    const handleCopy = () => {\r\n        navigator.clipboard.writeText(code);\r\n        toast.success('Copied to clipboard!');\r\n        setCopied(true);\r\n    };\r\n\r\n    useEffect(() => {\r\n        if (copied) {\r\n            const timeout = setTimeout(() => setCopied(false), 2000);\r\n            return () => clearTimeout(timeout);\r\n        }\r\n    }, [copied]);\r\n\r\n    return (\r\n        <div className=\"max-w-2xl overflow-hidden rounded-lg text-sm text-gray-800 border border-gray-200/80 mt-4\">\r\n            <div className=\"flex items-center bg-gray-50 justify-between border-b border-gray-200/80\">\r\n                <span className='text-xs text-gray-400 p-4'>{title || language}</span>\r\n\r\n                <button\r\n                    onClick={handleCopy}\r\n                    className=\"rounded cursor-pointer aspect-square p-2 m-2 text-xs hover:bg-gray-200 transition\"\r\n                >\r\n                    {copied ? <CheckIcon className=\"size-4\" /> : <CopyIcon className=\"size-4\" />}\r\n                </button>\r\n            </div>\r\n\r\n            <Highlight code={code} language={language} theme={themes.nightOwlLight}>\r\n                {({ style, tokens, getLineProps, getTokenProps }) => (\r\n                    <pre className=\"p-4 font-mono whitespace-pre scrollbar-x overflow-x-auto\" style={style}>\r\n                        {tokens.map((line, i) => (\r\n                            <div key={i} {...getLineProps({ line })}>\r\n                                {line.map((token, key) => (\r\n                                    <span key={key} {...getTokenProps({ token })} />\r\n                                ))}\r\n                            </div>\r\n                        ))}\r\n                    </pre>\r\n                )}\r\n            </Highlight>\r\n        </div>\r\n    );\r\n}\r\n"],"mappings":"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","names":["import_react","clsx","LinkComponent","import_jsx_runtime","Fuse","import_jsx_runtime","import_lucide_react","import_react","import_jsx_runtime","import_lucide_react","import_navigation","import_jsx_runtime","import_jsx_runtime","import_navigation","import_lucide_react","import_jsx_runtime","import_lucide_react","import_react","import_jsx_runtime","import_jsx_runtime","import_react","import_lucide_react","import_jsx_runtime","import_lucide_react","import_jsx_runtime","import_jsx_runtime","import_navigation","import_link","import_lucide_react","import_jsx_runtime","Link","import_jsx_runtime","import_lucide_react","import_navigation","import_react","import_jsx_runtime","import_react","import_lucide_react","import_react_toast_msg","import_jsx_runtime"]}
+{"version":3,"sources":["../../src/client/index.ts","../../src/context/docstra-context.tsx","../../src/client/search-box.tsx","../../src/utils/cn.ts","../../src/client/link.tsx","../../src/client/header.tsx","../../src/client/sidebar.tsx","../../src/utils/get-icon.ts","../../src/client/docs-page.tsx","../../src/client/breadcrumbs.tsx","../../src/client/page-buttons.tsx","../../src/client/docstra-page-head.tsx","../../src/client/feedback.tsx","../../src/client/input.tsx","../../src/client/button.tsx","../../src/client/pagination.tsx","../../src/client/docs-body.tsx","../../src/client/docstra-toc.tsx","../../src/utils/generate-id-from-text.ts","../../src/utils/extract-headings-from-mdx.ts","../../src/client/code-block.tsx"],"sourcesContent":["'use client';\r\n\r\nexport * from '../context/docstra-context';\r\nexport * from '../client/header';\r\nexport * from '../client/sidebar';\r\nexport * from '../client/docs-page';\r\nexport * from '../client/docs-body';\r\nexport * from '../client/docstra-toc';\r\nexport * from '../client/code-block';","'use client';\r\nimport React, { createContext, useContext, useState } from 'react';\r\nimport { DocstraConfig, DocstraContextType, pageDataContent } from '../types';\r\nimport { ToastContainer } from 'react-toast-msg';\r\nimport { DocstraSearchBox } from '../client/search-box';\r\n\r\nconst DocstraContext = createContext<DocstraContextType | null>(null);\r\n\r\nexport function DocstraProvider({\r\n    children,\r\n    docstraConfig,\r\n    docs,\r\n    pageData\r\n}: {\r\n    children: React.ReactNode;\r\n    docstraConfig: DocstraConfig;\r\n    docs: pageDataContent[];\r\n    pageData: pageDataContent;\r\n}) {\r\n    const [openSidebar, setOpenSidebar] = useState(false);\r\n    const [openSearchBox, setOpenSearchBox] = useState(false);\r\n\r\n    return (\r\n        <DocstraContext.Provider\r\n            value={{\r\n                openSidebar,\r\n                setOpenSidebar,\r\n                docstraConfig,\r\n                openSearchBox,\r\n                setOpenSearchBox,\r\n                pageData,\r\n                docs\r\n            }}\r\n        >\r\n            <ToastContainer />\r\n            <DocstraSearchBox />\r\n            {children}\r\n        </DocstraContext.Provider>\r\n    );\r\n}\r\n\r\nexport function useDocstra() {\r\n    const ctx = useContext(DocstraContext);\r\n    if (!ctx) throw new Error('Please wrap your app with DocstraProvider');\r\n    return ctx;\r\n}\r\n","'use client';\r\n\r\nimport { SearchIcon } from 'lucide-react';\r\nimport { useDocstra } from '../context/docstra-context';\r\nimport { cn } from '../utils/cn';\r\nimport { useEffect, useMemo, useState } from 'react';\r\nimport Fuse from 'fuse.js';\r\nimport Link from './link';\r\nimport { useRouter } from 'next/navigation';\r\n\r\nexport function DocstraSearchBox() {\r\n    const { openSearchBox, setOpenSearchBox, docs } = useDocstra();\r\n    const [searchQuery, setSearchQuery] = useState('');\r\n    const [searchResults, setSearchResults] = useState<any[]>([]);\r\n    const router = useRouter();\r\n\r\n    useEffect(() => {\r\n        const handleKeyDown = (event: KeyboardEvent) => {\r\n            if (event.ctrlKey && event.key === 'k') {\r\n                event.preventDefault();\r\n                setOpenSearchBox(true);\r\n            }\r\n        };\r\n\r\n        window.addEventListener('keydown', handleKeyDown);\r\n\r\n        return () => {\r\n            window.removeEventListener('keydown', handleKeyDown);\r\n        };\r\n    }, []);\r\n\r\n    const fuse = useMemo(() => {\r\n        return new Fuse(docs, {\r\n            keys: [\"frontmatter.title\", \"frontmatter.description\", \"headings\", \"info.slug\"],\r\n            threshold: 0.3,\r\n        });\r\n    }, [docs]);\r\n\r\n    useEffect(() => {\r\n        if (searchQuery) {\r\n            const results = fuse.search(searchQuery);\r\n            setSearchResults(results.map(r => r.item));\r\n        }\r\n    }, [searchQuery]);\r\n\r\n    const onSearchHandler = (e: React.FormEvent<HTMLFormElement>) => {\r\n        e.preventDefault();\r\n        if (searchQuery) {\r\n            const component = searchResults[0];\r\n            if (component) {\r\n                router.push(`/docs/${component.info.slug}`);\r\n                setSearchQuery(\"\");\r\n                setOpenSearchBox(false);\r\n            }\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        const handleEscape = (e: KeyboardEvent) => {\r\n            if (e.key === \"Escape\") {\r\n                setOpenSearchBox(false);\r\n                setSearchQuery(\"\");\r\n            }\r\n        };\r\n\r\n        if (openSearchBox) {\r\n            window.addEventListener(\"keydown\", handleEscape);\r\n        }\r\n\r\n        return () => {\r\n            window.removeEventListener(\"keydown\", handleEscape);\r\n        };\r\n    }, [openSearchBox]);\r\n\r\n    return (\r\n        <div\r\n            onClick={() => {\r\n                setOpenSearchBox(false);\r\n                setSearchQuery('');\r\n            }}\r\n            className={cn(\r\n                'fixed inset-0 z-25 flex items-start justify-center bg-white/40 backdrop-blur-md opacity-0 pointer-events-none transition-all duration-300',\r\n                openSearchBox && 'opacity-100 pointer-events-auto'\r\n            )}\r\n        >\r\n            <div\r\n                onClick={e => e.stopPropagation()}\r\n                className=\"flex flex-col items-center mt-30 max-w-lg w-full max-md:px-4\"\r\n            >\r\n                <form\r\n                    onSubmit={onSearchHandler}\r\n                    className={cn(\r\n                        'relative flex items-center justify-between w-full bg-white border border-slate-200 text-gray-400 h-15 p-0.5 rounded-md',\r\n                        searchQuery && \"rounded-b-none border-b-0\"\r\n                    )}\r\n                >\r\n                    {openSearchBox && (\r\n                        <>\r\n                            <SearchIcon className=\"size-5.5 mx-3 shrink-0\" />\r\n                            <input className=\"w-full bg-transparent h-full outline-none text-gray-400 placeholder:text-gray-400\" type=\"text\" placeholder=\"Search docs...\" spellCheck=\"false\" autoFocus={true} value={searchQuery} onChange={e => setSearchQuery(e.target.value)} name=\"searchQuery\" required />\r\n                            <span className=\"border border-gray-200 px-2 mr-3 py-1 rounded text-xs\">\r\n                                Esc\r\n                            </span>\r\n                        </>\r\n                    )}\r\n                </form>\r\n                <div\r\n                    className={cn(\r\n                        \"max-h-70 overflow-x-hidden overflow-y-auto scrollbar-y w-full bg-white text-slate-700 flex flex-col\",\r\n                        searchQuery && \"rounded-b-md border border-slate-200\"\r\n                    )}\r\n                >\r\n                    {searchResults.map((item) => (\r\n                        <Link\r\n                            href={`/docs/${item.info.slug.replace('index', '')}`}\r\n                            key={item.info.slug}\r\n                            onNavigate={() => {\r\n                                setOpenSearchBox(false);\r\n                                setSearchQuery(\"\");\r\n                            }}\r\n                            className=\"w-full hover:bg-gray-100/70 border-b border-slate-200 transition-all py-4 px-4 last:mb-2\"\r\n                        >\r\n                            <h4 className=\"font-medium\">{item.frontmatter.title}</h4>\r\n                            <p className=\"text-sm mt-1 text-gray-500\">{item.frontmatter.description}</p>\r\n                        </Link>\r\n                    ))}\r\n\r\n                    {searchQuery && searchResults.length === 0 && (\r\n                        <div className=\"text-gray-500 text-center py-20\">No results found</div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n","import { twMerge } from 'tailwind-merge';\r\nimport clsx, { ClassValue } from 'clsx';\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n    return twMerge(clsx(inputs));\r\n}\r\n","import LinkComponent from 'next/link';\r\n\r\ninterface Props extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n    href: string;\r\n    onNavigate?: () => void;\r\n    className?: string;\r\n}\r\n\r\nexport default function Link({ href, children, className, onNavigate, ...props }: Props) {\r\n    if (href.startsWith('http')) {\r\n        return (\r\n            <a href={href} className={className} {...props} target=\"_blank\" rel=\"noopener noreferrer\">\r\n                {children}\r\n            </a>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <LinkComponent href={href} className={className} onNavigate={onNavigate} {...props}>\r\n            {children}\r\n        </LinkComponent>\r\n    );\r\n}\r\n","'use client';\r\n\r\nimport { TextAlignEnd, XIcon } from 'lucide-react';\r\nimport { useEffect } from 'react';\r\nimport { useDocstra } from '../context/docstra-context';\r\nimport { cn } from '../utils/cn';\r\nimport Link from './link';\r\n\r\nexport function DocstraHeader() {\r\n    const { openSidebar, setOpenSidebar, docstraConfig } = useDocstra();\r\n\r\n    useEffect(() => {\r\n        if (openSidebar) {\r\n            document.body.classList.add('max-md:overflow-hidden');\r\n        } else {\r\n            document.body.classList.remove('max-md:overflow-hidden');\r\n        }\r\n    }, [openSidebar]);\r\n    return (\r\n        <header className=\"sticky top-0 z-10 text-sm flex items-center justify-between border-b border-gray-100 h-18 px-4 md:px-6 bg-white\">\r\n            <Link href={docstraConfig.navbar?.logo?.link || '/'} className='hover:opacity-80 transition'>\r\n                <img\r\n                    src={docstraConfig.navbar?.logo?.src || '/logo.png'}\r\n                    alt={docstraConfig.navbar?.logo?.alt || 'Logo'}\r\n                    className={cn('h-9.5 w-auto', docstraConfig.navbar?.logo?.className)}\r\n                />\r\n            </Link>\r\n            <div className=\"hidden divide-x divide-gray-200 md:flex items-center\">\r\n                {docstraConfig.navbar?.links?.map(link => (\r\n                    <Link key={link.name} href={link.href} className=\"px-6 hover:text-gray-500\">\r\n                        {link.name}\r\n                    </Link>\r\n                ))}\r\n                <Link href={docstraConfig?.githubRepo || 'https://github.com/sudhucodes/docstra'}>\r\n                    <svg className=\"size-6 mx-6\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                        <path d=\"M12 .3a12 12 0 0 0-3.8 23.38c.6.12.83-.26.83-.57L9 21.07c-3.34.72-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.08-.74.09-.73.09-.73 1.2.09 1.83 1.24 1.83 1.24 1.08 1.83 2.81 1.3 3.5 1 .1-.78.42-1.31.76-1.61-2.67-.3-5.47-1.33-5.47-5.93 0-1.31.47-2.38 1.24-3.22-.14-.3-.54-1.52.1-3.18 0 0 1-.32 3.3 1.23a11.5 11.5 0 0 1 6 0c2.28-1.55 3.29-1.23 3.29-1.23.64 1.66.24 2.88.12 3.18a4.65 4.65 0 0 1 1.23 3.22c0 4.61-2.8 5.63-5.48 5.92.42.36.81 1.1.81 2.22l-.01 3.29c0 .31.2.69.82.57A12 12 0 0 0 12 .3\" />\r\n                    </svg>\r\n                </Link>\r\n            </div>\r\n            <button\r\n                onClick={() => setOpenSidebar(!openSidebar)}\r\n                className=\"md:hidden transition text-gray-600 active:ring-2 ring-gray-200 p-1.5 rounded-md\"\r\n            >\r\n                {openSidebar ? <XIcon className=\"size-6.5\" /> : <TextAlignEnd className=\"size-6.5\" />}\r\n            </button>\r\n        </header>\r\n    );\r\n}\r\n","'use client';\r\n\r\nimport { SearchIcon } from 'lucide-react';\r\nimport { usePathname } from 'next/navigation';\r\nimport { cn } from '../utils/cn';\r\nimport Link from './link';\r\nimport { useDocstra } from '../context/docstra-context';\r\nimport { getIcon } from '../utils/get-icon';\r\nimport { toast } from 'react-toast-msg';\r\n\r\nexport function DocstraSidebar() {\r\n    const { openSidebar, setOpenSidebar, docstraConfig, setOpenSearchBox } = useDocstra();\r\n    const pathname = usePathname();\r\n\r\n    return (\r\n        <>\r\n            <div\r\n                className={cn(\r\n                    'fixed inset-0 z-20 bg-black/50 opacity-0 pointer-events-none transition-all duration-300',\r\n                    openSidebar && 'opacity-100 pointer-events-auto'\r\n                )}\r\n                onClick={() => setOpenSidebar(false)}\r\n            />\r\n            <aside\r\n                className={cn(\r\n                    'sticky md:top-18 h-[calc(100svh-72px)] scrollbar-y w-screen max-md:rounded-t-lg z-21 md:w-72 pb-10 text-base md:text-sm shrink-0 border-r border-gray-200 p-4 max-md:fixed bg-white overflow-y-auto transition-all duration-300',\r\n                    openSidebar ? 'top-32' : 'top-full'\r\n                )}\r\n            >\r\n                <div\r\n                    className=\"flex items-center select-none gap-2 cursor-pointer mt-6 mb-4 p-2.5 text-gray-500 border border-gray-200 rounded-lg hover:bg-gray-50\"\r\n                    onClick={() => {\r\n                        setOpenSidebar(openSidebar && false);\r\n                        setOpenSearchBox(true)\r\n                    }}\r\n                >\r\n                    <SearchIcon className=\"size-4.5\" />\r\n                    <p>Search</p>\r\n                    <div className=\"ms-auto font-mono inline-flex gap-0.5\">\r\n                        <span className=\"rounded-md border border-gray-200 px-1.5\">Ctrl</span>\r\n                        <span className=\"rounded-md border border-gray-200 px-1.5\">K</span>\r\n                    </div>\r\n                </div>\r\n\r\n                {docstraConfig.sidebar?.links?.map(group => (\r\n                    <div key={group.section}>\r\n                        <p className=\"inline-flex items-center gap-2 mb-2 mt-2 px-2\">{group.section}</p>\r\n\r\n                        <ul className=\"mb-4\">\r\n                            {group.items.map(link => {\r\n                                const Icon = getIcon(link.icon);\r\n\r\n                                return (\r\n                                    <li key={link.href}>\r\n                                        <Link\r\n                                            href={link.href}\r\n                                            onNavigate={() => openSidebar && setOpenSidebar(false)}\r\n                                            className={cn(\r\n                                                'flex items-center gap-2 text-gray-500 hover:bg-gray-100 py-2 px-2.5 rounded-lg',\r\n                                                pathname === link.href && 'bg-gray-100 text-gray-800'\r\n                                            )}\r\n                                        >\r\n                                            {Icon && <Icon className=\"size-4\" />}\r\n                                            <span>{link.name}</span>\r\n                                        </Link>\r\n                                    </li>\r\n                                );\r\n                            })}\r\n                        </ul>\r\n                    </div>\r\n                ))}\r\n            </aside>\r\n        </>\r\n    );\r\n}\r\n","import * as Icons from 'lucide-react';\r\n\r\nexport function getIcon(name?: string) {\r\n    if (!name) return undefined;\r\n\r\n    return (Icons as Record<string, any>)[name];\r\n}\r\n","export function DocstraPage({ children }: { children: React.ReactNode }) {\r\n    return <div className=\"min-h-screen flex bg-white w-full\">{children}</div>;\r\n}\r\n","'use client';\r\n\r\nimport { usePathname } from 'next/navigation';\r\nimport { ChevronRight } from 'lucide-react';\r\nimport Link from './link';\r\n\r\nexport function DocstraBreadcrumbs() {\r\n    const pathname = usePathname();\r\n    const paths = pathname.split('/').filter(Boolean);\r\n\r\n    const breadcrumbs = paths.map((segment, index) => {\r\n        const href = '/' + paths.slice(0, index + 1).join('/');\r\n        const title = segment.replace(/-/g, ' ').replace(/\\b\\w/g, c => c.toUpperCase());\r\n        return { href, title };\r\n    });\r\n\r\n    return (\r\n        <nav aria-label=\"Breadcrumb\" className=\"flex text-sm items-center pb-4 text-gray-500\">\r\n            <ol className=\"flex items-center space-x-2\">\r\n                <li>\r\n                    <Link href=\"/\" className=\"hover:text-gray-700 transition-colors font-medium\">\r\n                        Home\r\n                    </Link>\r\n                </li>\r\n\r\n                {breadcrumbs.map((crumb, index) => {\r\n                    const isLast = index === breadcrumbs.length - 1;\r\n                    return (\r\n                        <li key={crumb.href} className=\"flex items-center space-x-2\">\r\n                            <ChevronRight className=\"w-4 h-4 text-gray-400\" />\r\n                            {isLast ? (\r\n                                <span className=\"text-gray-600 font-medium\">{crumb.title}</span>\r\n                            ) : (\r\n                                <Link href={crumb.href} className=\"hover:text-gray-700 font-medium transition-colors\">\r\n                                    {crumb.title}\r\n                                </Link>\r\n                            )}\r\n                        </li>\r\n                    );\r\n                })}\r\n            </ol>\r\n        </nav>\r\n    );\r\n}\r\n","'use client';\r\n\r\nimport { CheckIcon, CopyIcon } from 'lucide-react';\r\nimport { useEffect, useState } from 'react';\r\nimport { useDocstra } from '../context/docstra-context';\r\n\r\nexport function DocstraPageButtons() {\r\n    const { pageData } = useDocstra();\r\n    const [isCopied, setIsCopied] = useState(false);\r\n    const [href, setHref] = useState<string | null>(null);\r\n\r\n    useEffect(() => {\r\n        setHref(window.location.href);\r\n    }, []);\r\n\r\n    const prompt = `Read from this URL: ${href} and explain it to me.`;\r\n\r\n    const handleCopy = () => {\r\n        navigator.clipboard.writeText(pageData?.rawContent);\r\n        setIsCopied(true);\r\n        setTimeout(() => setIsCopied(false), 3000);\r\n    };\r\n\r\n    return (\r\n        <div className=\"flex items-center gap-3 mt-6\">\r\n            <button\r\n                title=\"Copy Markdown\"\r\n                onClick={handleCopy}\r\n                className=\"flex items-center cursor-pointer gap-2 bg-gray-50 hover:bg-gray-100 border border-gray-200 px-3 py-2 rounded-md text-xs\"\r\n            >\r\n                {isCopied ? <CheckIcon className=\"size-3.5\" /> : <CopyIcon className=\"size-3.5\" />}\r\n                Copy Markdown\r\n            </button>\r\n            <a\r\n                title=\"Ask ChatGPT\"\r\n                href={`https://chatgpt.com/?hints=search&q=${encodeURIComponent(prompt)}`}\r\n                className=\"flex items-center gap-2 bg-gray-50 hover:bg-gray-100 border border-gray-200 px-3 py-2 rounded-md text-xs\"\r\n                rel=\"noreferrer noopener\"\r\n            >\r\n                Ask ChatGPT\r\n            </a>\r\n        </div>\r\n    );\r\n}\r\n","import { useDocstra } from '../context/docstra-context';\r\nimport { DocstraPageButtons } from './page-buttons';\r\n\r\nexport function DocstraPageHead() {\r\n    const { pageData } = useDocstra();\r\n    const title = pageData?.frontmatter?.title;\r\n    const description = pageData?.frontmatter?.description;\r\n    return (\r\n        <>\r\n            <h1 className=\"text-3xl font-bold\">{title}</h1>\r\n            <p className=\"my-4 text-gray-500\">{description}</p>\r\n            <DocstraPageButtons />\r\n            <hr className=\"my-10 border-gray-200\" />\r\n        </>\r\n    );\r\n}\r\n","'use client';\r\n\r\nimport { useState } from 'react';\r\nimport { ThumbsUp, ThumbsDown } from 'lucide-react';\r\nimport Input from './input';\r\nimport Button from './button';\r\nimport { useDocstra } from '../context/docstra-context';\r\n\r\ntype Opinion = 'good' | 'bad' | null;\r\n\r\nexport function DocstraFeedback() {\r\n    const [opinion, setOpinion] = useState<Opinion>(null);\r\n    const { docstraConfig } = useDocstra();\r\n    const [message, setMessage] = useState<string>('');\r\n    const [submitted, setSubmitted] = useState<boolean>(false);\r\n\r\n    return (\r\n        <div className=\"border-y border-gray-200 mt-20 py-10 space-y-4\">\r\n            {submitted ? (\r\n                <>\r\n                    <p className=\"font-medium text-gray-900\">Thank you for your feedback!</p>\r\n                    <Button\r\n                        onClick={() => {\r\n                            setSubmitted(false);\r\n                            setOpinion(null);\r\n                            setMessage('');\r\n                        }}\r\n                        label=\"Submit Again\"\r\n                        className=\"w-max text-sm\"\r\n                    />\r\n                </>\r\n            ) : (\r\n                <>\r\n                    <p className=\"font-medium\">How is this guide?</p>\r\n                    <div className=\"flex gap-2\">\r\n                        <button\r\n                            onClick={() => setOpinion('good')}\r\n                            className={`flex items-center cursor-pointer gap-1 px-3 py-2 rounded-full border text-sm ${opinion === 'good'\r\n                                ? 'bg-green-100 text-green-600 border-green-300'\r\n                                : 'border-gray-200 text-gray-600 hover:bg-gray-100'\r\n                                }`}\r\n                        >\r\n                            <ThumbsUp className={`size-4 ${opinion === 'good' ? 'fill-green-600' : 'text-gray-500'}`} />\r\n                            Good\r\n                        </button>\r\n                        <button\r\n                            onClick={() => setOpinion('bad')}\r\n                            className={`flex items-center cursor-pointer gap-1 px-3 py-2 rounded-full border text-sm ${opinion === 'bad'\r\n                                ? 'bg-red-100 text-red-600 border-red-300'\r\n                                : 'border-gray-200 text-gray-600 hover:bg-gray-100'\r\n                                }`}\r\n                        >\r\n                            <ThumbsDown\r\n                                className={`size-4 pt-0.5 ${opinion === 'bad' ? 'fill-red-600' : 'text-gray-500'}`}\r\n                            />\r\n                            Bad\r\n                        </button>\r\n                    </div>\r\n                    {opinion && (\r\n                        <form\r\n                            className=\"flex flex-col gap-2\"\r\n                            action={`https://formsync.app/v1/s/${docstraConfig?.feedback?.formSyncFormID || ''}`}\r\n                            method=\"POST\"\r\n                        >\r\n                            <Input\r\n                                value={message}\r\n                                id=\"message\"\r\n                                onChange={e => setMessage(e.target.value)}\r\n                                placeholder=\"Leave your feedback...\"\r\n                                required\r\n                                type=\"textarea\"\r\n                            />\r\n                            <input type=\"hidden\" name=\"opinion\" value={opinion} />\r\n                            <input type=\"hidden\" name=\"page\" value={window.location.href} />\r\n                            <input type=\"hidden\" name=\"_redirect\" value={window.location.href} />\r\n                            <Button label=\"Submit\" className=\"w-max text-sm\" />\r\n                            {docstraConfig?.feedback?.watermark !== false && (\r\n                                <p className=\"text-left text-sm text-gray-500 mt-6\">\r\n                                    Powered by{' '}\r\n                                    <a\r\n                                        href={`https://www.formsync.app?utm_source=${docstraConfig?.githubRepo}`}\r\n                                        className=\"text-gray-800\"\r\n                                    >\r\n                                        FormSync\r\n                                    </a>\r\n                                </p>\r\n                            )}\r\n                        </form>\r\n                    )}\r\n                </>\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n","import { cn } from '../utils/cn';\r\n\r\ninterface Props {\r\n    label?: string;\r\n    type?: 'text' | 'textarea';\r\n    placeholder?: string;\r\n    id: string;\r\n    required?: boolean;\r\n    onChange?: (e: any) => void;\r\n    value?: string;\r\n    readOnly?: boolean;\r\n    className?: string;\r\n    optional?: boolean;\r\n}\r\n\r\nexport default function Input({\r\n    label,\r\n    type,\r\n    placeholder = '',\r\n    id,\r\n    required = false,\r\n    onChange,\r\n    value,\r\n    readOnly = false,\r\n    className = '',\r\n    optional = false\r\n}: Props) {\r\n    return (\r\n        <div className={cn('flex flex-col mt-4 w-full', className)}>\r\n            {label && (\r\n                <label htmlFor={id} className=\"font-medium w-max cursor-pointer\">\r\n                    {label}\r\n                    {optional && <span className=\"text-xs font-normal text-gray-400 ml-1 mt-1\">(Optional)</span>}\r\n                </label>\r\n            )}\r\n            {type === 'textarea' ? (\r\n                <textarea\r\n                    id={id}\r\n                    name={id}\r\n                    className={cn(\r\n                        'mt-2 w-full p-3 border border-gray-300 resize-none not-focus:hover:border-gray-500 read-only:text-gray-400/80 outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 transition-all duration-200 rounded-lg',\r\n                        className\r\n                    )}\r\n                    placeholder={placeholder}\r\n                    required={required}\r\n                    onChange={onChange}\r\n                    rows={4}\r\n                    value={value}\r\n                    readOnly={readOnly}\r\n                />\r\n            ) : (\r\n                <input\r\n                    type={type}\r\n                    id={id}\r\n                    name={id}\r\n                    className=\"mt-2 w-full h-12 px-3 border border-gray-300 not-focus:hover:border-gray-500 read-only:text-gray-400/80 outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 transition-all duration-200 rounded-lg\"\r\n                    placeholder={placeholder}\r\n                    required={required}\r\n                    onChange={onChange}\r\n                    value={value}\r\n                    readOnly={readOnly}\r\n                />\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n","import { Loader2Icon } from 'lucide-react';\r\nimport { cn } from '../utils/cn';\r\n\r\ninterface Props {\r\n    label: string;\r\n    loading?: boolean;\r\n    type?: 'submit' | 'button';\r\n    className?: string;\r\n    disabled?: boolean;\r\n    onClick?: () => void;\r\n}\r\n\r\nexport default function Button({ label, loading, type = 'submit', className = '', disabled = false, onClick }: Props) {\r\n    return (\r\n        <button\r\n            type={type}\r\n            disabled={disabled}\r\n            className={cn(\r\n                'relative w-full mt-4 h-12 px-6 py-3 cursor-pointer font-medium bg-gray-900 hover:opacity-85 text-white rounded-lg',\r\n                className\r\n            )}\r\n            aria-label={label}\r\n            onClick={onClick}\r\n        >\r\n            {loading ? (\r\n                <Loader2Icon className=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 animate-spin mx-auto\" />\r\n            ) : (\r\n                label\r\n            )}\r\n        </button>\r\n    );\r\n}\r\n","'use client';\r\n\r\nimport { usePathname } from 'next/navigation';\r\nimport Link from 'next/link';\r\nimport { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react';\r\nimport { useDocstra } from '../context/docstra-context';\r\nimport { DocsLinkGroup, DocsLinkItem } from '../types';\r\n\r\nexport function DocstraPagination() {\r\n    const pathname = usePathname();\r\n    const { docstraConfig } = useDocstra();\r\n\r\n    const flatLinks: any = docstraConfig?.sidebar?.links?.flatMap((section: DocsLinkGroup) => section.items);\r\n\r\n    const currentIndex = flatLinks.findIndex((item: DocsLinkItem) => item.href === pathname);\r\n\r\n    const prev = currentIndex > 0 ? flatLinks[currentIndex - 1] : null;\r\n    const next = currentIndex < flatLinks.length - 1 ? flatLinks[currentIndex + 1] : null;\r\n\r\n    return (\r\n        <div className=\"flex flex-col md:flex-row gap-2 justify-between py-10 mt-10\">\r\n            {prev ? (\r\n                <Link\r\n                    href={prev.href}\r\n                    className=\"flex flex-col items-start gap-2 border border-gray-200 hover:bg-gray-50 py-3 md:min-w-62 pl-4 pr-10 rounded-lg text-sm\"\r\n                >\r\n                    <span className=\"text-gray-500\">Previous</span>\r\n                    <p className=\"flex items-center font-medium\">\r\n                        <ArrowLeftIcon className=\"size-5 mr-2\" />\r\n                        {prev.name}\r\n                    </p>\r\n                </Link>\r\n            ) : (\r\n                <div />\r\n            )}\r\n\r\n            {next ? (\r\n                <Link\r\n                    href={next.href}\r\n                    className=\"flex flex-col items-end gap-2 border border-gray-200 hover:bg-gray-50 py-3 pr-4 md:min-w-62 pl-10 rounded-lg text-sm\"\r\n                >\r\n                    <span className=\"text-gray-500\">Next</span>\r\n                    <p className=\"flex items-center font-medium\">\r\n                        {next.name}\r\n                        <ArrowRightIcon className=\"size-5 ml-2\" />\r\n                    </p>\r\n                </Link>\r\n            ) : (\r\n                <div />\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n","import { useDocstra } from '../context/docstra-context';\r\nimport { DocstraBreadcrumbs } from './breadcrumbs';\r\nimport { DocstraPageHead } from './docstra-page-head';\r\nimport { DocstraFeedback } from './feedback';\r\nimport { DocstraPagination } from './pagination';\r\n\r\ninterface Props {\r\n    children: React.ReactNode;\r\n}\r\n\r\nexport function DocstraBody({ children }: Props) {\r\n    const { docstraConfig } = useDocstra();\r\n    return (\r\n        <main className=\"flex-1 px-4 md:px-8 py-10 max-w-full text-base/7\">\r\n            <DocstraBreadcrumbs />\r\n            <DocstraPageHead />\r\n            {children}\r\n            {docstraConfig?.feedback?.enabled && <DocstraFeedback />}\r\n            <DocstraPagination />\r\n        </main>\r\n    );\r\n}\r\n","'use client';\r\n\r\nimport { ArrowUpCircleIcon, SquareArrowOutUpRightIcon, TextAlignStartIcon } from 'lucide-react';\r\nimport { usePathname } from 'next/navigation';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport { cn } from '../utils/cn';\r\nimport { H2Heading, TOCLinkProps } from '../types';\r\nimport { useDocstra } from '../context/docstra-context';\r\nimport { extractHeadingsFromMdx } from '../utils/extract-headings-from-mdx';\r\n\r\nexport function DocstraTOC() {\r\n    const [headings, setHeadings] = useState<H2Heading[]>([]);\r\n    const [activeId, setActiveId] = useState<string | null>(null);\r\n    const [scrollDir, setScrollDir] = useState<'up' | 'down'>('down');\r\n    const [isScrolled, setIsScrolled] = useState(false);\r\n    const [isManualClick, setIsManualClick] = useState(false);\r\n    const { docstraConfig, pageData } = useDocstra();\r\n    const mdxFilePath = pageData?.info.fullPath;\r\n    const rawMdxContent = pageData?.content;\r\n\r\n    const lastScrollY = useRef(0);\r\n    const observerRef = useRef<IntersectionObserver | null>(null);\r\n\r\n    const pathname = usePathname();\r\n    const baseUrlOfGithub = docstraConfig?.githubRepo || 'https://github.com/sudhucodes/docstra';\r\n    const githubLink = `${baseUrlOfGithub}/edit/main/${mdxFilePath}`;\r\n\r\n    useEffect(() => {\r\n        const onScroll = () => {\r\n            const currentY = window.scrollY;\r\n            setScrollDir(currentY > lastScrollY.current ? 'down' : 'up');\r\n            setIsScrolled(currentY > 100);\r\n            lastScrollY.current = currentY;\r\n        };\r\n\r\n        window.addEventListener('scroll', onScroll);\r\n        return () => window.removeEventListener('scroll', onScroll);\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        const structured = extractHeadingsFromMdx(rawMdxContent);\r\n        setHeadings(structured);\r\n    }, [rawMdxContent]);\r\n\r\n    useEffect(() => {\r\n        const allHeadings = document.querySelectorAll<HTMLHeadingElement>(`h2[id], h3[id]`);\r\n\r\n        const observer = new IntersectionObserver(\r\n            entries => {\r\n                if (isManualClick) return;\r\n\r\n                const visible = entries\r\n                    .filter(e => e.isIntersecting)\r\n                    .sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top);\r\n\r\n                if (visible.length > 0) {\r\n                    const nextActive =\r\n                        scrollDir === 'down' ? visible[0].target.id : visible[visible.length - 1].target.id;\r\n\r\n                    setActiveId(nextActive);\r\n                }\r\n            },\r\n            {\r\n                rootMargin: '-40% 0px -50% 0px',\r\n                threshold: [0, 0.2, 0.6, 1.0]\r\n            }\r\n        );\r\n\r\n        allHeadings.forEach(heading => observer.observe(heading));\r\n        observerRef.current = observer;\r\n\r\n        return () => observer.disconnect();\r\n    }, [pathname, scrollDir, isManualClick]);\r\n\r\n    useEffect(() => {\r\n        const scrolled = window.scrollY > 100;\r\n        !scrolled && setActiveId(headings[0]?.id);\r\n    }, [headings]);\r\n\r\n    useEffect(() => {\r\n        if (!activeId) return;\r\n\r\n        const container = document.querySelector('.toc-scroll-container');\r\n        if (!container) return;\r\n\r\n        const activeLink = container.querySelector(`a[href=\"#${activeId}\"]`);\r\n        if (!activeLink) return;\r\n\r\n        const containerRect = container.getBoundingClientRect();\r\n        const linkRect = activeLink.getBoundingClientRect();\r\n\r\n        const isOutOfView =\r\n            linkRect.top < containerRect.top || linkRect.bottom > containerRect.bottom;\r\n\r\n        if (isOutOfView) {\r\n            activeLink.scrollIntoView({\r\n                behavior: 'smooth',\r\n                block: 'nearest',\r\n            });\r\n        }\r\n    }, [activeId]);\r\n\r\n\r\n    useEffect(() => {\r\n        if (!isManualClick) return;\r\n        const timer = setTimeout(() => setIsManualClick(false), 800);\r\n        return () => clearTimeout(timer);\r\n    }, [isManualClick]);\r\n\r\n    const handleClick = (id: string) => {\r\n        setActiveId(id);\r\n        setIsManualClick(true);\r\n    };\r\n\r\n    return (\r\n        <aside className=\"sticky top-18 text-sm hidden xl:block text-gray-500 shrink-0 h-[calc(100svh-72px)] w-64 border-l border-gray-200 p-6 overflow-y-auto\">\r\n            <p className=\"flex items-center gap-2 mb-5\">\r\n                <TextAlignStartIcon className=\"size-4\" />\r\n                On this page\r\n            </p>\r\n\r\n            {/* Links Container */}\r\n            <ul className='toc-scroll-container max-h-3/4 overflow-y-auto scrollbar-none'>\r\n                {headings.map(h2 => (\r\n                    <li key={h2.id}>\r\n                        <TableOfContentsLink heading={h2} activeId={activeId} handleClick={handleClick} />\r\n\r\n                        {h2.children.map(h3 => (\r\n                            <TableOfContentsLink\r\n                                key={h3.id}\r\n                                heading={h3}\r\n                                activeId={activeId}\r\n                                handleClick={handleClick}\r\n                                className=\"pl-8\"\r\n                            />\r\n                        ))}\r\n                    </li>\r\n                ))}\r\n            </ul>\r\n\r\n            <hr className=\"my-6 border-gray-200\" />\r\n\r\n            {docstraConfig.editOnGithub && (\r\n                <a\r\n                    href={githubLink}\r\n                    rel=\"noopener noreferrer\"\r\n                    className=\"flex items-center gap-2 text-gray-400 hover:text-gray-700 transition\"\r\n                >\r\n                    Edit this page on GitHub\r\n                    <SquareArrowOutUpRightIcon className=\"size-4\" />\r\n                </a>\r\n            )}\r\n\r\n            {isScrolled && (\r\n                <button\r\n                    onClick={() => scrollTo({ top: 0, behavior: 'smooth' })}\r\n                    className=\"flex items-center gap-2 mt-3 text-gray-400 hover:text-gray-700 transition\"\r\n                >\r\n                    Scroll to top\r\n                    <ArrowUpCircleIcon className=\"size-4\" />\r\n                </button>\r\n            )}\r\n        </aside>\r\n    );\r\n}\r\n\r\nfunction TableOfContentsLink({ heading, activeId, handleClick, className }: TOCLinkProps) {\r\n    return (\r\n        <a\r\n            href={`#${heading.id}`}\r\n            className={cn('border-l border-gray-200 block py-1.5 pl-4 transition-colors', className, {\r\n                'border-gray-800 text-gray-900 font-medium': activeId === heading.id,\r\n                'hover:text-gray-800 hover:border-gray-400': activeId !== heading.id\r\n            })}\r\n            onClick={() => handleClick(heading.id)}\r\n        >\r\n            {heading.text}\r\n        </a>\r\n    );\r\n}\r\n","export function generateIdFromText(text: string) {\r\n    return text\r\n        .toLowerCase()\r\n        .trim()\r\n        .replace(/[^\\w\\s-]/g, '')\r\n        .replace(/\\s+/g, '-')\r\n        .replace(/-+/g, '-')\r\n        .replace(/^-|-$/g, '');\r\n}\r\n","import { generateIdFromText } from './generate-id-from-text';\r\nimport { H2Heading } from '../types';\r\n\r\nexport function extractHeadingsFromMdx(raw: string): H2Heading[] {\r\n    const lines = raw.split('\\n');\r\n\r\n    const results: H2Heading[] = [];\r\n    let currentH2: H2Heading | null = null;\r\n\r\n    for (let line of lines) {\r\n        line = line.trim();\r\n\r\n        const h2Match = line.match(/^##\\s+(.*)/);\r\n        const h3Match = line.match(/^###\\s+(.*)/);\r\n\r\n        if (h2Match) {\r\n            const text = h2Match[1].trim();\r\n            const id = generateIdFromText(text);\r\n\r\n            currentH2 = { id, text, children: [] };\r\n            results.push(currentH2);\r\n        }\r\n\r\n        if (h3Match && currentH2) {\r\n            const text = h3Match[1].trim();\r\n            const id = generateIdFromText(text);\r\n\r\n            currentH2.children.push({ id, text });\r\n        }\r\n    }\r\n\r\n    return results;\r\n}\r\n","'use client';\r\n\r\nimport { useEffect, useState } from 'react';\r\nimport { Highlight, themes } from 'prism-react-renderer';\r\nimport { CheckIcon, CopyIcon } from 'lucide-react';\r\nimport { toast } from 'react-toast-msg';\r\n\r\nexport function DocstraCodeBlock(props: any) {\r\n    const { language, title, children } = props;\r\n\r\n    const code =\r\n        typeof children === 'string'\r\n            ? children.trim()\r\n            : children?.props?.children?.toString()?.trim() || '';\r\n\r\n\r\n    const [copied, setCopied] = useState(false);\r\n\r\n    const handleCopy = () => {\r\n        navigator.clipboard.writeText(code);\r\n        toast.success('Copied to clipboard!');\r\n        setCopied(true);\r\n    };\r\n\r\n    useEffect(() => {\r\n        if (copied) {\r\n            const timeout = setTimeout(() => setCopied(false), 2000);\r\n            return () => clearTimeout(timeout);\r\n        }\r\n    }, [copied]);\r\n\r\n    return (\r\n        <div className=\"max-w-2xl overflow-hidden rounded-lg text-sm text-gray-800 border border-gray-200/80 mt-4\">\r\n            <div className=\"flex items-center bg-gray-50 justify-between border-b border-gray-200/80\">\r\n                <span className='text-xs text-gray-400 p-4'>{title || language}</span>\r\n\r\n                <button\r\n                    onClick={handleCopy}\r\n                    className=\"rounded cursor-pointer aspect-square p-2 m-2 text-xs hover:bg-gray-200 transition\"\r\n                >\r\n                    {copied ? <CheckIcon className=\"size-4\" /> : <CopyIcon className=\"size-4\" />}\r\n                </button>\r\n            </div>\r\n\r\n            <Highlight code={code} language={language} theme={themes.nightOwlLight}>\r\n                {({ style, tokens, getLineProps, getTokenProps }) => (\r\n                    <pre className=\"p-4 font-mono whitespace-pre scrollbar-x overflow-x-auto\" style={style}>\r\n                        {tokens.map((line, i) => (\r\n                            <div key={i} {...getLineProps({ line })}>\r\n                                {line.map((token, key) => (\r\n                                    <span key={key} {...getTokenProps({ token })} />\r\n                                ))}\r\n                            </div>\r\n                        ))}\r\n                    </pre>\r\n                )}\r\n            </Highlight>\r\n        </div>\r\n    );\r\n}\r\n"],"mappings":"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","names":["import_react","clsx","LinkComponent","import_jsx_runtime","Fuse","import_jsx_runtime","import_lucide_react","import_react","import_jsx_runtime","import_lucide_react","import_navigation","import_jsx_runtime","import_jsx_runtime","import_navigation","import_lucide_react","import_jsx_runtime","import_lucide_react","import_react","import_jsx_runtime","import_jsx_runtime","import_react","import_lucide_react","import_jsx_runtime","import_lucide_react","import_jsx_runtime","import_jsx_runtime","import_navigation","import_link","import_lucide_react","import_jsx_runtime","Link","import_jsx_runtime","import_lucide_react","import_navigation","import_react","import_jsx_runtime","import_react","import_lucide_react","import_react_toast_msg","import_jsx_runtime"]}

package/dist/client/index.mjs

@@ -71,6 +71,20 @@ function DocstraSearchBox() {
       }
     }
   };
+  useEffect(() => {
+    const handleEscape = (e) => {
+      if (e.key === "Escape") {
+        setOpenSearchBox(false);
+        setSearchQuery("");
+      }
+    };
+    if (openSearchBox) {
+      window.addEventListener("keydown", handleEscape);
+    }
+    return () => {
+      window.removeEventListener("keydown", handleEscape);
+    };
+  }, [openSearchBox]);
   return /* @__PURE__ */ jsx2(
     "div",
     {
@@ -99,10 +113,7 @@ function DocstraSearchBox() {
                 children: openSearchBox && /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx2(SearchIcon, { className: "size-5.5 mx-3 shrink-0" }),
                   /* @__PURE__ */ jsx2("input", { className: "w-full bg-transparent h-full outline-none text-gray-400 placeholder:text-gray-400", type: "text", placeholder: "Search docs...", spellCheck: "false", autoFocus: true, value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), name: "searchQuery", required: true }),
-                  /* @__PURE__ */ jsxs("svg", { className: "h-4.5 shrink-0 w-auto mr-3", width: "29", height: "18", viewBox: "0 0 29 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-                    /* @__PURE__ */ jsx2("path", { d: "M13.5 2.25a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 1 0 2.25-2.25h-9a2.25 2.25 0 1 0 2.25 2.25v-9A2.25 2.25 0 1 0 4.5 6.75h9a2.25 2.25 0 0 0 0-4.5", stroke: "#99A1AF", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-                    /* @__PURE__ */ jsx2("path", { d: "M25.986 14 21.45 8.89l4.438-4.69h2.058l-4.9 5.096v-.882L28.086 14zm-5.922 0V4.2h1.61V14z", fill: "#99A1AF" })
-                  ] })
+                  /* @__PURE__ */ jsx2("span", { className: "border border-gray-200 px-2 mr-3 py-1 rounded text-xs", children: "Esc" })
                 ] })
               }
             ),
@@ -117,7 +128,7 @@ function DocstraSearchBox() {
                   searchResults.map((item) => /* @__PURE__ */ jsxs(
                     Link,
                     {
-                      href: `/docs/${item.info.slug}`,
+                      href: `/docs/${item.info.slug.replace("index", "")}`,
                       onNavigate: () => {
                         setOpenSearchBox(false);
                         setSearchQuery("");
@@ -130,7 +141,7 @@ function DocstraSearchBox() {
                     },
                     item.info.slug
                   )),
-                  searchQuery && searchResults.length === 0 && /* @__PURE__ */ jsx2("div", { className: "text-gray-500 text-center py-6", children: "No results found" })
+                  searchQuery && searchResults.length === 0 && /* @__PURE__ */ jsx2("div", { className: "text-gray-500 text-center py-20", children: "No results found" })
                 ]
               }
             )
@@ -253,7 +264,7 @@ function DocstraSidebar() {
           /* @__PURE__ */ jsxs4(
             "div",
             {
-              className: "flex items-center gap-2 cursor-pointer mt-6 mb-4 p-2.5 text-gray-500 border border-gray-200 rounded-lg hover:bg-gray-50",
+              className: "flex items-center select-none gap-2 cursor-pointer mt-6 mb-4 p-2.5 text-gray-500 border border-gray-200 rounded-lg hover:bg-gray-50",
               onClick: () => {
                 setOpenSidebar(openSidebar && false);
                 setOpenSearchBox(true);