@next-library/theme 1.0.8 → 1.0.10

package/dist/components/markdown/markdown-renderer.d.ts

@@ -1,7 +1,23 @@
 interface MarkdownRendererProps {
     markdown: string;
     className?: string;
+    /**
+     * Directory of the current page within the docs tree, locale-agnostic and
+     * without a trailing filename (e.g. `offensive/.../api` for an index page, or
+     * `offensive/.../api/graphql` for a leaf page). Relative `.md` links in the
+     * markdown are resolved against this so they become working site routes.
+     */
+    baseDir?: string;
+    /** Current locale, used to build the `/<locale>/docs/...` route prefix. */
+    locale?: string;
 }
-export declare function MarkdownRenderer({ markdown, className }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Resolve a relative markdown link (e.g. `../database/index.md`) to a working
+ * site route (`/<locale>/docs/offensive/.../database`). Returns null for links
+ * that must be left untouched: external, protocol, mailto, anchor-only,
+ * already-absolute, or non-`.md` targets.
+ */
+export declare function resolveInternalDocHref(href: string | undefined, baseDir: string | undefined, locale: string | undefined): string | null;
+export declare function MarkdownRenderer({ markdown, className, baseDir, locale }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=markdown-renderer.d.ts.map

package/dist/components/markdown/markdown-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-renderer.d.ts","sourceRoot":"","sources":["../../../src/components/markdown/markdown-renderer.tsx"],"names":[],"mappings":"AAgBA,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0ID,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,qBAAqB,2CAYnF"}
+{"version":3,"file":"markdown-renderer.d.ts","sourceRoot":"","sources":["../../../src/components/markdown/markdown-renderer.tsx"],"names":[],"mappings":"AAiBA,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,OAAO,EAAE,MAAM,GAAG,SAAS,EAC3B,MAAM,EAAE,MAAM,GAAG,SAAS,GACzB,MAAM,GAAG,IAAI,CAqBf;AA4KD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,qBAAqB,2CAgBpG"}

package/dist/index.js

@@ -2617,7 +2617,7 @@ function PageHeader({
   translations: translations2,
   showCopyButton = true
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: `flex flex-col gap-2 lg:gap-4 pb-8 font-bold prose prose-md max-w-none dark:prose-invert ${className}`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `flex flex-col gap-2 lg:gap-4 pb-8 prose prose-md max-w-none dark:prose-invert ${className}`, children: [
     showCopyButton && /* @__PURE__ */ jsx(
       CopyPageButton,
       {
@@ -5631,6 +5631,27 @@ function FolderCards({ nodes }) {
     node.websitePath
   )) });
 }
+function resolveInternalDocHref(href, baseDir, locale) {
+  if (!href || baseDir === void 0 || !locale) return null;
+  if (/^[a-z][a-z0-9+.-]*:/i.test(href) || href.startsWith("//") || href.startsWith("#") || href.startsWith("/")) {
+    return null;
+  }
+  const marker = href.search(/[#?]/);
+  const pathPart = marker === -1 ? href : href.slice(0, marker);
+  const suffix = marker === -1 ? "" : href.slice(marker);
+  if (!/\.md$/i.test(pathPart)) return null;
+  const segments = baseDir.split("/").filter(Boolean);
+  for (const raw of pathPart.split("/")) {
+    if (raw === "" || raw === ".") continue;
+    if (raw === "..") {
+      if (segments.length) segments.pop();
+      continue;
+    }
+    segments.push(raw);
+  }
+  const resolved = segments.join("/").replace(/\/index\.md$/i, "").replace(/\.md$/i, "");
+  return resolved ? `/${locale}/docs/${resolved}${suffix}` : `/${locale}/docs${suffix}`;
+}
 function CodeBlock({ children, ...props }) {
   const preRef = useRef(null);
   const [copied, setCopied] = useState(false);
@@ -5657,10 +5678,26 @@ function CodeBlock({ children, ...props }) {
     /* @__PURE__ */ jsx("pre", { ref: preRef, ...props, children })
   ] });
 }
-var markdownComponents = {
-  h1: () => null,
-  pre: CodeBlock
-};
+function makeAnchor(baseDir, locale) {
+  return function Anchor({
+    href,
+    children,
+    ...props
+  }) {
+    const internal = resolveInternalDocHref(href, baseDir, locale);
+    if (internal) {
+      return /* @__PURE__ */ jsx(Link2, { href: internal, children });
+    }
+    return /* @__PURE__ */ jsx("a", { href, ...props, children });
+  };
+}
+function makeComponents(baseDir, locale) {
+  return {
+    h1: () => null,
+    pre: CodeBlock,
+    a: makeAnchor(baseDir, locale)
+  };
+}
 var remarkPlugins = [remarkLint, remarkGfm, remarkFrontmatter];
 var rehypePlugins = [
   rehypeSanitize,
@@ -5677,10 +5714,22 @@ var rehypePlugins = [
   rehypeExternalLinks,
   rehypeHighlight
 ];
-function Markdown({ markdown }) {
-  return /* @__PURE__ */ jsx(ReactMarkdown, { remarkPlugins, rehypePlugins, components: markdownComponents, children: markdown });
+function Markdown({
+  markdown,
+  baseDir,
+  locale
+}) {
+  return /* @__PURE__ */ jsx(
+    ReactMarkdown,
+    {
+      remarkPlugins,
+      rehypePlugins,
+      components: makeComponents(baseDir, locale),
+      children: markdown
+    }
+  );
 }
-function Tabs({ tabs }) {
+function Tabs({ tabs, baseDir, locale }) {
   const [active, setActive] = useState(0);
   return /* @__PURE__ */ jsxs("div", { className: "cl-tabs not-prose", children: [
     /* @__PURE__ */ jsx("div", { className: "cl-tabs-list", role: "tablist", children: tabs.map((t, i) => /* @__PURE__ */ jsx(
@@ -5695,7 +5744,7 @@ function Tabs({ tabs }) {
       },
       i
     )) }),
-    /* @__PURE__ */ jsx("div", { className: "cl-tabs-panel prose prose-md max-w-none dark:prose-invert", children: /* @__PURE__ */ jsx(Markdown, { markdown: tabs[active]?.content ?? "" }) })
+    /* @__PURE__ */ jsx("div", { className: "cl-tabs-panel prose prose-md max-w-none dark:prose-invert", children: /* @__PURE__ */ jsx(Markdown, { markdown: tabs[active]?.content ?? "", baseDir, locale }) })
   ] });
 }
 function parseSegments(md) {
@@ -5719,10 +5768,10 @@ function parseTabs(block) {
   }
   return tabs.length ? tabs : [{ title: "Tab", content: block }];
 }
-function MarkdownRenderer({ markdown, className = "" }) {
+function MarkdownRenderer({ markdown, className = "", baseDir, locale }) {
   const segments = markdown.includes("<!-- tabs") ? parseSegments(markdown) : [{ type: "md", content: markdown }];
   return /* @__PURE__ */ jsx("article", { className: `cl-content-in prose prose-md max-w-none dark:prose-invert ${className}`, children: segments.map(
-    (s, i) => s.type === "tabs" ? /* @__PURE__ */ jsx(Tabs, { tabs: s.tabs }, i) : /* @__PURE__ */ jsx(Markdown, { markdown: s.content }, i)
+    (s, i) => s.type === "tabs" ? /* @__PURE__ */ jsx(Tabs, { tabs: s.tabs, baseDir, locale }, i) : /* @__PURE__ */ jsx(Markdown, { markdown: s.content, baseDir, locale }, i)
   ) });
 }
 function ChatGPTIcon({ className }) {