veslx 0.1.32 → 0.1.33

package/dist/client/components/front-matter.js

@@ -38,19 +38,19 @@ function FrontMatter() {
     }
   };
   return /* @__PURE__ */ jsx("div", { children: (frontmatter == null ? void 0 : frontmatter.title) && /* @__PURE__ */ jsxs("header", { className: "not-prose flex flex-col gap-2 mb-8 pt-4", children: [
-    /* @__PURE__ */ jsx("h1", { className: "text-2xl md:text-3xl font-semibold tracking-tight text-foreground mb-3", children: frontmatter == null ? void 0 : frontmatter.title }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3 text-muted-foreground", children: [
-      (frontmatter == null ? void 0 : frontmatter.date) && /* @__PURE__ */ jsx("time", { className: "font-mono text-xs bg-muted px-2 py-0.5 rounded", children: formatDate(new Date(frontmatter.date)) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl md:text-3xl font-semibold tracking-tight text-foreground mb-3", children: frontmatter == null ? void 0 : frontmatter.title }),
       config.llmsTxt && /* @__PURE__ */ jsx(
         "a",
         {
           href: "#",
           onClick: handleLlmsTxt,
-          className: "font-mono text-xs text-muted-foreground/70 hover:text-foreground underline underline-offset-2 transition-colors",
+          className: "font-mono text-xs text-muted-foreground/70 hover:text-foreground underline underline-offset-2 transition-colors shrink-0",
           children: "llms.txt"
         }
       )
     ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-3 text-muted-foreground", children: (frontmatter == null ? void 0 : frontmatter.date) && /* @__PURE__ */ jsx("time", { className: "font-mono text-xs bg-muted px-2 py-0.5 rounded", children: formatDate(new Date(frontmatter.date)) }) }),
     (frontmatter == null ? void 0 : frontmatter.description) && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap text-sm items-center gap-3 text-muted-foreground", children: frontmatter == null ? void 0 : frontmatter.description })
   ] }) });
 }

package/dist/client/components/front-matter.js.map

@@ -1 +1 @@
-{"version":3,"file":"front-matter.js","sources":["../../../src/components/front-matter.tsx"],"sourcesContent":["import { useLocation } from \"react-router-dom\";\nimport { useFrontmatter } from \"@/lib/frontmatter-context\";\nimport { formatDate } from \"@/lib/format-date\";\nimport veslxConfig from \"virtual:veslx-config\";\n\n/**\n * Convert MDX content to llms.txt format.\n */\nfunction convertToLlmsTxt(\n  rawMdx: string,\n  frontmatter?: { title?: string; description?: string }\n): string {\n  const contentWithoutFrontmatter = rawMdx.replace(/^---[\\s\\S]*?---\\n*/, '')\n\n  const parts: string[] = []\n\n  const title = frontmatter?.title || 'Untitled'\n  parts.push(`# ${title}`)\n\n  if (frontmatter?.description) {\n    parts.push('')\n    parts.push(`> ${frontmatter.description}`)\n  }\n\n  if (contentWithoutFrontmatter.trim()) {\n    parts.push('')\n    parts.push(contentWithoutFrontmatter.trim())\n  }\n\n  return parts.join('\\n')\n}\n\nexport function FrontMatter() {\n  const frontmatter = useFrontmatter();\n  const location = useLocation();\n  const config = veslxConfig.site;\n\n  const rawUrl = `/raw${location.pathname.replace(/^\\//, '/')}`;\n\n  const handleLlmsTxt = async (e: React.MouseEvent) => {\n    e.preventDefault();\n    try {\n      const res = await fetch(rawUrl);\n      if (!res.ok) throw new Error('Failed to fetch');\n      const rawMdx = await res.text();\n      const llmsTxt = convertToLlmsTxt(rawMdx, frontmatter);\n      const blob = new Blob([llmsTxt], { type: 'text/plain' });\n      const url = URL.createObjectURL(blob);\n      window.location.href = url;\n    } catch {\n      console.error('Failed to load llms.txt');\n    }\n  };\n\n  return (\n    <div>\n      {frontmatter?.title && (\n        <header className=\"not-prose flex flex-col gap-2 mb-8 pt-4\">\n          <h1 className=\"text-2xl md:text-3xl font-semibold tracking-tight text-foreground mb-3\">\n            {frontmatter?.title}\n          </h1>\n\n          {/* Meta line */}\n          <div className=\"flex flex-wrap items-center gap-3 text-muted-foreground\">\n            {frontmatter?.date && (\n              <time className=\"font-mono text-xs bg-muted px-2 py-0.5 rounded\">\n                {formatDate(new Date(frontmatter.date as string))}\n              </time>\n            )}\n            {config.llmsTxt && (\n              <a\n                href=\"#\"\n                onClick={handleLlmsTxt}\n                className=\"font-mono text-xs text-muted-foreground/70 hover:text-foreground underline underline-offset-2 transition-colors\"\n              >\n                llms.txt\n              </a>\n            )}\n          </div>\n\n          {frontmatter?.description && (\n            <div className=\"flex flex-wrap text-sm items-center gap-3 text-muted-foreground\">\n              {frontmatter?.description}\n            </div>\n          )}\n        </header>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAQA,SAAS,iBACP,QACA,aACQ;AACR,QAAM,4BAA4B,OAAO,QAAQ,sBAAsB,EAAE;AAEzE,QAAM,QAAkB,CAAA;AAExB,QAAM,SAAQ,2CAAa,UAAS;AACpC,QAAM,KAAK,KAAK,KAAK,EAAE;AAEvB,MAAI,2CAAa,aAAa;AAC5B,UAAM,KAAK,EAAE;AACb,UAAM,KAAK,KAAK,YAAY,WAAW,EAAE;AAAA,EAC3C;AAEA,MAAI,0BAA0B,QAAQ;AACpC,UAAM,KAAK,EAAE;AACb,UAAM,KAAK,0BAA0B,MAAM;AAAA,EAC7C;AAEA,SAAO,MAAM,KAAK,IAAI;AACxB;AAEO,SAAS,cAAc;AAC5B,QAAM,cAAc,eAAA;AACpB,QAAM,WAAW,YAAA;AACjB,QAAM,SAAS,YAAY;AAE3B,QAAM,SAAS,OAAO,SAAS,SAAS,QAAQ,OAAO,GAAG,CAAC;AAE3D,QAAM,gBAAgB,OAAO,MAAwB;AACnD,MAAE,eAAA;AACF,QAAI;AACF,YAAM,MAAM,MAAM,MAAM,MAAM;AAC9B,UAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,iBAAiB;AAC9C,YAAM,SAAS,MAAM,IAAI,KAAA;AACzB,YAAM,UAAU,iBAAiB,QAAQ,WAAW;AACpD,YAAM,OAAO,IAAI,KAAK,CAAC,OAAO,GAAG,EAAE,MAAM,cAAc;AACvD,YAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,aAAO,SAAS,OAAO;AAAA,IACzB,QAAQ;AACN,cAAQ,MAAM,yBAAyB;AAAA,IACzC;AAAA,EACF;AAEA,6BACG,OAAA,EACE,WAAA,2CAAa,UACZ,qBAAC,UAAA,EAAO,WAAU,2CAChB,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,0EACX,UAAA,2CAAa,OAChB;AAAA,IAGA,qBAAC,OAAA,EAAI,WAAU,2DACZ,UAAA;AAAA,OAAA,2CAAa,SACZ,oBAAC,QAAA,EAAK,WAAU,kDACb,UAAA,WAAW,IAAI,KAAK,YAAY,IAAc,CAAC,EAAA,CAClD;AAAA,MAED,OAAO,WACN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAU;AAAA,UACX,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,GAEJ;AAAA,KAEC,2CAAa,gBACZ,oBAAC,SAAI,WAAU,mEACZ,qDAAa,YAAA,CAChB;AAAA,EAAA,EAAA,CAEJ,EAAA,CAEJ;AAEJ;"}
+{"version":3,"file":"front-matter.js","sources":["../../../src/components/front-matter.tsx"],"sourcesContent":["import { useLocation } from \"react-router-dom\";\nimport { useFrontmatter } from \"@/lib/frontmatter-context\";\nimport { formatDate } from \"@/lib/format-date\";\nimport veslxConfig from \"virtual:veslx-config\";\n\n/**\n * Convert MDX content to llms.txt format.\n */\nfunction convertToLlmsTxt(\n  rawMdx: string,\n  frontmatter?: { title?: string; description?: string }\n): string {\n  const contentWithoutFrontmatter = rawMdx.replace(/^---[\\s\\S]*?---\\n*/, '')\n\n  const parts: string[] = []\n\n  const title = frontmatter?.title || 'Untitled'\n  parts.push(`# ${title}`)\n\n  if (frontmatter?.description) {\n    parts.push('')\n    parts.push(`> ${frontmatter.description}`)\n  }\n\n  if (contentWithoutFrontmatter.trim()) {\n    parts.push('')\n    parts.push(contentWithoutFrontmatter.trim())\n  }\n\n  return parts.join('\\n')\n}\n\nexport function FrontMatter() {\n  const frontmatter = useFrontmatter();\n  const location = useLocation();\n  const config = veslxConfig.site;\n\n  const rawUrl = `/raw${location.pathname.replace(/^\\//, '/')}`;\n\n  const handleLlmsTxt = async (e: React.MouseEvent) => {\n    e.preventDefault();\n    try {\n      const res = await fetch(rawUrl);\n      if (!res.ok) throw new Error('Failed to fetch');\n      const rawMdx = await res.text();\n      const llmsTxt = convertToLlmsTxt(rawMdx, frontmatter);\n      const blob = new Blob([llmsTxt], { type: 'text/plain' });\n      const url = URL.createObjectURL(blob);\n      window.location.href = url;\n    } catch {\n      console.error('Failed to load llms.txt');\n    }\n  };\n\n  return (\n    <div>\n      {frontmatter?.title && (\n        <header className=\"not-prose flex flex-col gap-2 mb-8 pt-4\">\n          <div className=\"flex items-start justify-between gap-4\">\n            <h1 className=\"text-2xl md:text-3xl font-semibold tracking-tight text-foreground mb-3\">\n              {frontmatter?.title}\n            </h1>\n            {config.llmsTxt && (\n              <a\n                href=\"#\"\n                onClick={handleLlmsTxt}\n                className=\"font-mono text-xs text-muted-foreground/70 hover:text-foreground underline underline-offset-2 transition-colors shrink-0\"\n              >\n                llms.txt\n              </a>\n            )}\n          </div>\n\n          {/* Meta line */}\n          <div className=\"flex flex-wrap items-center gap-3 text-muted-foreground\">\n            {frontmatter?.date && (\n              <time className=\"font-mono text-xs bg-muted px-2 py-0.5 rounded\">\n                {formatDate(new Date(frontmatter.date as string))}\n              </time>\n            )}\n          </div>\n\n          {frontmatter?.description && (\n            <div className=\"flex flex-wrap text-sm items-center gap-3 text-muted-foreground\">\n              {frontmatter?.description}\n            </div>\n          )}\n        </header>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAQA,SAAS,iBACP,QACA,aACQ;AACR,QAAM,4BAA4B,OAAO,QAAQ,sBAAsB,EAAE;AAEzE,QAAM,QAAkB,CAAA;AAExB,QAAM,SAAQ,2CAAa,UAAS;AACpC,QAAM,KAAK,KAAK,KAAK,EAAE;AAEvB,MAAI,2CAAa,aAAa;AAC5B,UAAM,KAAK,EAAE;AACb,UAAM,KAAK,KAAK,YAAY,WAAW,EAAE;AAAA,EAC3C;AAEA,MAAI,0BAA0B,QAAQ;AACpC,UAAM,KAAK,EAAE;AACb,UAAM,KAAK,0BAA0B,MAAM;AAAA,EAC7C;AAEA,SAAO,MAAM,KAAK,IAAI;AACxB;AAEO,SAAS,cAAc;AAC5B,QAAM,cAAc,eAAA;AACpB,QAAM,WAAW,YAAA;AACjB,QAAM,SAAS,YAAY;AAE3B,QAAM,SAAS,OAAO,SAAS,SAAS,QAAQ,OAAO,GAAG,CAAC;AAE3D,QAAM,gBAAgB,OAAO,MAAwB;AACnD,MAAE,eAAA;AACF,QAAI;AACF,YAAM,MAAM,MAAM,MAAM,MAAM;AAC9B,UAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,iBAAiB;AAC9C,YAAM,SAAS,MAAM,IAAI,KAAA;AACzB,YAAM,UAAU,iBAAiB,QAAQ,WAAW;AACpD,YAAM,OAAO,IAAI,KAAK,CAAC,OAAO,GAAG,EAAE,MAAM,cAAc;AACvD,YAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,aAAO,SAAS,OAAO;AAAA,IACzB,QAAQ;AACN,cAAQ,MAAM,yBAAyB;AAAA,IACzC;AAAA,EACF;AAEA,6BACG,OAAA,EACE,WAAA,2CAAa,UACZ,qBAAC,UAAA,EAAO,WAAU,2CAChB,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,0EACX,UAAA,2CAAa,OAChB;AAAA,MACC,OAAO,WACN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAU;AAAA,UACX,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,GAEJ;AAAA,wBAGC,OAAA,EAAI,WAAU,2DACZ,WAAA,2CAAa,SACZ,oBAAC,QAAA,EAAK,WAAU,kDACb,qBAAW,IAAI,KAAK,YAAY,IAAc,CAAC,GAClD,GAEJ;AAAA,KAEC,2CAAa,gBACZ,oBAAC,SAAI,WAAU,mEACZ,qDAAa,YAAA,CAChB;AAAA,EAAA,EAAA,CAEJ,EAAA,CAEJ;AAEJ;"}

package/dist/client/components/mdx-components.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useLocation, Link } from "react-router-dom";
+import { cn } from "../lib/utils.js";
 import Gallery from "./gallery/index.js";
 import { ParameterTable } from "./parameter-table.js";
 import { ParameterBadge } from "./parameter-badge.js";
@@ -119,13 +120,12 @@ const mdxComponents = {
   pre: (props) => /* @__PURE__ */ jsx(
     "pre",
     {
-      className: "not-prose w-full overflow-x-auto p-4 text-sm bg-muted/50 border border-border rounded-md font-mono my-6",
+      className: "not-prose w-full overflow-x-auto p-4 text-sm bg-muted border border-border rounded-md font-mono my-6",
       ...props
     }
   ),
-  code: (props) => {
-    var _a;
-    const isInline = !((_a = props.className) == null ? void 0 : _a.includes("language-"));
+  code: ({ className, ...props }) => {
+    const isInline = !(className == null ? void 0 : className.includes("language-"));
     if (isInline) {
       return /* @__PURE__ */ jsx(
         "code",
@@ -135,7 +135,7 @@ const mdxComponents = {
         }
       );
     }
-    return /* @__PURE__ */ jsx("code", { ...props });
+    return /* @__PURE__ */ jsx("code", { className: cn("bg-transparent", className), ...props });
   },
   // Blockquote
   blockquote: (props) => /* @__PURE__ */ jsx(

package/dist/client/components/mdx-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdx-components.js","sources":["../../../src/components/mdx-components.tsx"],"sourcesContent":["import { Link, useLocation } from 'react-router-dom'\nimport Gallery from '@/components/gallery'\nimport { ParameterTable } from '@/components/parameter-table'\nimport { ParameterBadge } from '@/components/parameter-badge'\nimport { FrontMatter } from './front-matter'\nimport { HeroSlide } from './slides/hero-slide'\nimport { FigureSlide } from './slides/figure-slide'\nimport { TextSlide } from './slides/text-slide'\nimport { SlideOutline } from './slides/slide-outline'\nimport { PostList } from '@/components/post-list'\n/**\n * Smart link component that uses React Router for internal links\n * and regular anchor tags for external links.\n */\nfunction SmartLink({ href, children, ...props }: React.AnchorHTMLAttributes<HTMLAnchorElement>) {\n  const location = useLocation()\n\n  // External links: absolute URLs, mailto, tel, etc.\n  const isExternal = href?.startsWith('http') || href?.startsWith('mailto:') || href?.startsWith('tel:')\n\n  // Hash-only links stay as anchors for in-page navigation\n  const isHashOnly = href?.startsWith('#')\n\n  if (isExternal || isHashOnly || !href) {\n    return (\n      <a\n        href={href}\n        className=\"text-primary hover:underline underline-offset-2\"\n        {...(isExternal ? { target: '_blank', rel: 'noopener noreferrer' } : {})}\n        {...props}\n      >\n        {children}\n      </a>\n    )\n  }\n\n  // Resolve relative paths (./foo.mdx, ../bar.mdx) against current location\n  let resolvedHref = href\n  if (href.startsWith('./') || href.startsWith('../')) {\n    // Get current directory from pathname\n    const currentPath = location.pathname\n    const currentDir = currentPath.replace(/\\/[^/]+\\.mdx$/, '') || currentPath.replace(/\\/[^/]*$/, '') || '/'\n\n    // Simple relative path resolution\n    if (href.startsWith('./')) {\n      resolvedHref = `${currentDir}/${href.slice(2)}`.replace(/\\/+/g, '/')\n    } else if (href.startsWith('../')) {\n      const parentDir = currentDir.replace(/\\/[^/]+$/, '') || '/'\n      resolvedHref = `${parentDir}/${href.slice(3)}`.replace(/\\/+/g, '/')\n    }\n  }\n\n  // Internal link - use React Router Link\n  return (\n    <Link\n      to={resolvedHref}\n      className=\"text-primary hover:underline underline-offset-2\"\n      {...props}\n    >\n      {children}\n    </Link>\n  )\n}\n\nfunction generateId(children: unknown): string {\n  return children\n    ?.toString()\n    .toLowerCase()\n    .replace(/[^a-z0-9\\s-]/g, '')\n    .replace(/\\s+/g, '-') ?? ''\n}\n\n// Shared MDX components - lab notebook / coder aesthetic\nexport const mdxComponents = {\n\n  FrontMatter,\n\n  Gallery,\n\n  ParameterTable,\n\n  ParameterBadge,\n\n  HeroSlide,\n\n  FigureSlide,\n\n  TextSlide,\n\n  SlideOutline,\n\n  PostList,\n\n  // Headings - clean sans-serif\n  h1: (props: React.HTMLAttributes<HTMLHeadingElement>) => {\n    const id = generateId(props.children)\n    return (\n      <h1\n        id={id}\n        className=\"text-2xl font-semibold tracking-tight mt-12 mb-4 first:mt-0\"\n        {...props}\n      />\n    )\n  },\n  h2: (props: React.HTMLAttributes<HTMLHeadingElement>) => {\n    const id = generateId(props.children)\n    return (\n      <h2\n        id={id}\n        className=\"text-xl font-semibold tracking-tight mt-10 mb-3 pb-2 border-b border-border\"\n        {...props}\n      />\n    )\n  },\n  h3: (props: React.HTMLAttributes<HTMLHeadingElement>) => {\n    const id = generateId(props.children)\n    return (\n      <h3\n        id={id}\n        className=\"text-lg font-medium tracking-tight mt-8 mb-2\"\n        {...props}\n      />\n    )\n  },\n  h4: (props: React.HTMLAttributes<HTMLHeadingElement>) => {\n    const id = generateId(props.children)\n    return (\n      <h4\n        id={id}\n        className=\"text-base font-medium mt-6 mb-2\"\n        {...props}\n      />\n    )\n  },\n  h5: (props: React.HTMLAttributes<HTMLHeadingElement>) => {\n    const id = generateId(props.children)\n    return (\n      <h5\n        id={id}\n        className=\"text-sm font-medium mt-4 mb-1\"\n        {...props}\n      />\n    )\n  },\n\n  // Code blocks - IDE/terminal style\n  pre: (props: React.HTMLAttributes<HTMLPreElement>) => (\n    <pre\n      className=\"not-prose w-full overflow-x-auto p-4 text-sm bg-muted/50 border border-border rounded-md font-mono my-6\"\n      {...props}\n    />\n  ),\n  code: (props: React.HTMLAttributes<HTMLElement> & { className?: string }) => {\n    const isInline = !props.className?.includes('language-')\n    if (isInline) {\n      return (\n        <code\n          className=\"font-mono text-[0.85em] bg-muted px-1.5 py-0.5 rounded text-primary\"\n          {...props}\n        />\n      )\n    }\n    return <code {...props} />\n  },\n\n  // Blockquote\n  blockquote: (props: React.HTMLAttributes<HTMLQuoteElement>) => (\n    <blockquote\n      className=\"border-l-2 border-primary pl-4 my-6 text-muted-foreground\"\n      {...props}\n    />\n  ),\n\n  // Lists\n  ul: (props: React.HTMLAttributes<HTMLUListElement>) => (\n    <ul className=\"my-4 ml-6 list-disc marker:text-muted-foreground\" {...props} />\n  ),\n  ol: (props: React.HTMLAttributes<HTMLOListElement>) => (\n    <ol className=\"my-4 ml-6 list-decimal marker:text-muted-foreground\" {...props} />\n  ),\n  li: (props: React.HTMLAttributes<HTMLLIElement>) => (\n    <li className=\"mt-1.5\" {...props} />\n  ),\n\n  // Links - uses React Router for internal navigation\n  a: SmartLink,\n\n  // Tables\n  table: (props: React.TableHTMLAttributes<HTMLTableElement>) => (\n    <div className=\"not-prose my-6 overflow-x-auto border border-border rounded-md\">\n      <table className=\"w-full text-sm border-collapse\" {...props} />\n    </div>\n  ),\n  thead: (props: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <thead className=\"bg-muted/50\" {...props} />\n  ),\n  tbody: (props: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <tbody {...props} />\n  ),\n  tr: (props: React.HTMLAttributes<HTMLTableRowElement>) => (\n    <tr className=\"border-b border-border last:border-b-0\" {...props} />\n  ),\n  th: (props: React.ThHTMLAttributes<HTMLTableCellElement>) => (\n    <th\n      className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\"\n      {...props}\n    />\n  ),\n  td: (props: React.TdHTMLAttributes<HTMLTableCellElement>) => (\n    <td className=\"px-4 py-3 align-top\" {...props} />\n  ),\n\n  // Horizontal rule\n  hr: (props: React.HTMLAttributes<HTMLHRElement>) => (\n    <hr className=\"my-8 border-t border-border\" {...props} />\n  ),\n\n  // Paragraph\n  p: (props: React.HTMLAttributes<HTMLParagraphElement>) => (\n    <p className=\"leading-relaxed mb-4 last:mb-0\" {...props} />\n  ),\n\n  // Strong/emphasis\n  strong: (props: React.HTMLAttributes<HTMLElement>) => (\n    <strong className=\"font-semibold\" {...props} />\n  ),\n  em: (props: React.HTMLAttributes<HTMLElement>) => (\n    <em className=\"italic\" {...props} />\n  ),\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mdx-components.js","sources":["../../../src/components/mdx-components.tsx"],"sourcesContent":["import { Link, useLocation } from 'react-router-dom'\nimport { cn } from '@/lib/utils'\nimport Gallery from '@/components/gallery'\nimport { ParameterTable } from '@/components/parameter-table'\nimport { ParameterBadge } from '@/components/parameter-badge'\nimport { FrontMatter } from './front-matter'\nimport { HeroSlide } from './slides/hero-slide'\nimport { FigureSlide } from './slides/figure-slide'\nimport { TextSlide } from './slides/text-slide'\nimport { SlideOutline } from './slides/slide-outline'\nimport { PostList } from '@/components/post-list'\n/**\n * Smart link component that uses React Router for internal links\n * and regular anchor tags for external links.\n */\nfunction SmartLink({ href, children, ...props }: React.AnchorHTMLAttributes<HTMLAnchorElement>) {\n  const location = useLocation()\n\n  // External links: absolute URLs, mailto, tel, etc.\n  const isExternal = href?.startsWith('http') || href?.startsWith('mailto:') || href?.startsWith('tel:')\n\n  // Hash-only links stay as anchors for in-page navigation\n  const isHashOnly = href?.startsWith('#')\n\n  if (isExternal || isHashOnly || !href) {\n    return (\n      <a\n        href={href}\n        className=\"text-primary hover:underline underline-offset-2\"\n        {...(isExternal ? { target: '_blank', rel: 'noopener noreferrer' } : {})}\n        {...props}\n      >\n        {children}\n      </a>\n    )\n  }\n\n  // Resolve relative paths (./foo.mdx, ../bar.mdx) against current location\n  let resolvedHref = href\n  if (href.startsWith('./') || href.startsWith('../')) {\n    // Get current directory from pathname\n    const currentPath = location.pathname\n    const currentDir = currentPath.replace(/\\/[^/]+\\.mdx$/, '') || currentPath.replace(/\\/[^/]*$/, '') || '/'\n\n    // Simple relative path resolution\n    if (href.startsWith('./')) {\n      resolvedHref = `${currentDir}/${href.slice(2)}`.replace(/\\/+/g, '/')\n    } else if (href.startsWith('../')) {\n      const parentDir = currentDir.replace(/\\/[^/]+$/, '') || '/'\n      resolvedHref = `${parentDir}/${href.slice(3)}`.replace(/\\/+/g, '/')\n    }\n  }\n\n  // Internal link - use React Router Link\n  return (\n    <Link\n      to={resolvedHref}\n      className=\"text-primary hover:underline underline-offset-2\"\n      {...props}\n    >\n      {children}\n    </Link>\n  )\n}\n\nfunction generateId(children: unknown): string {\n  return children\n    ?.toString()\n    .toLowerCase()\n    .replace(/[^a-z0-9\\s-]/g, '')\n    .replace(/\\s+/g, '-') ?? ''\n}\n\n// Shared MDX components - lab notebook / coder aesthetic\nexport const mdxComponents = {\n\n  FrontMatter,\n\n  Gallery,\n\n  ParameterTable,\n\n  ParameterBadge,\n\n  HeroSlide,\n\n  FigureSlide,\n\n  TextSlide,\n\n  SlideOutline,\n\n  PostList,\n\n  // Headings - clean sans-serif\n  h1: (props: React.HTMLAttributes<HTMLHeadingElement>) => {\n    const id = generateId(props.children)\n    return (\n      <h1\n        id={id}\n        className=\"text-2xl font-semibold tracking-tight mt-12 mb-4 first:mt-0\"\n        {...props}\n      />\n    )\n  },\n  h2: (props: React.HTMLAttributes<HTMLHeadingElement>) => {\n    const id = generateId(props.children)\n    return (\n      <h2\n        id={id}\n        className=\"text-xl font-semibold tracking-tight mt-10 mb-3 pb-2 border-b border-border\"\n        {...props}\n      />\n    )\n  },\n  h3: (props: React.HTMLAttributes<HTMLHeadingElement>) => {\n    const id = generateId(props.children)\n    return (\n      <h3\n        id={id}\n        className=\"text-lg font-medium tracking-tight mt-8 mb-2\"\n        {...props}\n      />\n    )\n  },\n  h4: (props: React.HTMLAttributes<HTMLHeadingElement>) => {\n    const id = generateId(props.children)\n    return (\n      <h4\n        id={id}\n        className=\"text-base font-medium mt-6 mb-2\"\n        {...props}\n      />\n    )\n  },\n  h5: (props: React.HTMLAttributes<HTMLHeadingElement>) => {\n    const id = generateId(props.children)\n    return (\n      <h5\n        id={id}\n        className=\"text-sm font-medium mt-4 mb-1\"\n        {...props}\n      />\n    )\n  },\n\n  // Code blocks - IDE/terminal style\n  pre: (props: React.HTMLAttributes<HTMLPreElement>) => (\n    <pre\n      className=\"not-prose w-full overflow-x-auto p-4 text-sm bg-muted border border-border rounded-md font-mono my-6\"\n      {...props}\n    />\n  ),\n  code: ({ className, ...props }: React.HTMLAttributes<HTMLElement> & { className?: string }) => {\n    const isInline = !className?.includes('language-')\n    if (isInline) {\n      return (\n        <code\n          className=\"font-mono text-[0.85em] bg-muted px-1.5 py-0.5 rounded text-primary\"\n          {...props}\n        />\n      )\n    }\n    // Block code inside pre - ensure transparent background\n    return <code className={cn('bg-transparent', className)} {...props} />\n  },\n\n  // Blockquote\n  blockquote: (props: React.HTMLAttributes<HTMLQuoteElement>) => (\n    <blockquote\n      className=\"border-l-2 border-primary pl-4 my-6 text-muted-foreground\"\n      {...props}\n    />\n  ),\n\n  // Lists\n  ul: (props: React.HTMLAttributes<HTMLUListElement>) => (\n    <ul className=\"my-4 ml-6 list-disc marker:text-muted-foreground\" {...props} />\n  ),\n  ol: (props: React.HTMLAttributes<HTMLOListElement>) => (\n    <ol className=\"my-4 ml-6 list-decimal marker:text-muted-foreground\" {...props} />\n  ),\n  li: (props: React.HTMLAttributes<HTMLLIElement>) => (\n    <li className=\"mt-1.5\" {...props} />\n  ),\n\n  // Links - uses React Router for internal navigation\n  a: SmartLink,\n\n  // Tables\n  table: (props: React.TableHTMLAttributes<HTMLTableElement>) => (\n    <div className=\"not-prose my-6 overflow-x-auto border border-border rounded-md\">\n      <table className=\"w-full text-sm border-collapse\" {...props} />\n    </div>\n  ),\n  thead: (props: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <thead className=\"bg-muted/50\" {...props} />\n  ),\n  tbody: (props: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <tbody {...props} />\n  ),\n  tr: (props: React.HTMLAttributes<HTMLTableRowElement>) => (\n    <tr className=\"border-b border-border last:border-b-0\" {...props} />\n  ),\n  th: (props: React.ThHTMLAttributes<HTMLTableCellElement>) => (\n    <th\n      className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\"\n      {...props}\n    />\n  ),\n  td: (props: React.TdHTMLAttributes<HTMLTableCellElement>) => (\n    <td className=\"px-4 py-3 align-top\" {...props} />\n  ),\n\n  // Horizontal rule\n  hr: (props: React.HTMLAttributes<HTMLHRElement>) => (\n    <hr className=\"my-8 border-t border-border\" {...props} />\n  ),\n\n  // Paragraph\n  p: (props: React.HTMLAttributes<HTMLParagraphElement>) => (\n    <p className=\"leading-relaxed mb-4 last:mb-0\" {...props} />\n  ),\n\n  // Strong/emphasis\n  strong: (props: React.HTMLAttributes<HTMLElement>) => (\n    <strong className=\"font-semibold\" {...props} />\n  ),\n  em: (props: React.HTMLAttributes<HTMLElement>) => (\n    <em className=\"italic\" {...props} />\n  ),\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veslx",
-  "version": "0.1.32",
+  "version": "0.1.33",
   "type": "module",
   "repository": {
     "type": "git",

package/plugin/src/plugin.ts

@@ -205,12 +205,41 @@ export default function contentPlugin(contentDir: string, config?: VeslxConfig,
 
       try {
         const content = fs.readFileSync(filePath, 'utf-8')
-        // Remove frontmatter and JSX components
-        const contentWithoutFrontmatter = content
-          .replace(/^---[\s\S]*?---\n*/, '')
-          .replace(/<[A-Z][a-zA-Z]*\s*\/>/g, '') // Self-closing JSX like <FrontMatter />
-          .replace(/<[A-Z][a-zA-Z]*[^>]*>[\s\S]*?<\/[A-Z][a-zA-Z]*>/g, '') // JSX with children
-          .replace(/\n{3,}/g, '\n\n') // Collapse multiple newlines
+        // Remove frontmatter
+        let processed = content.replace(/^---[\s\S]*?---\n*/, '')
+
+        // Extract code blocks to preserve them
+        const codeBlocks: string[] = []
+        processed = processed.replace(/```[\s\S]*?```/g, (match) => {
+          codeBlocks.push(match)
+          return `__CODE_BLOCK_${codeBlocks.length - 1}__`
+        })
+
+        // Also preserve inline code
+        const inlineCode: string[] = []
+        processed = processed.replace(/`[^`]+`/g, (match) => {
+          inlineCode.push(match)
+          return `__INLINE_CODE_${inlineCode.length - 1}__`
+        })
+
+        // Remove standalone JSX component usages at root level (no indentation)
+        // This preserves JSX inside function definitions (which are indented)
+        processed = processed
+          .replace(/^<[A-Z][a-zA-Z]*\s[^]*?\/>$/gm, '') // Multi-line self-closing JSX at line start
+          .replace(/^<([A-Z][a-zA-Z]*)(?:\s[^>]*)?>[\s\S]*?<\/\1>$/gm, '') // Multi-line JSX with children at line start
+
+        // Restore inline code
+        inlineCode.forEach((code, i) => {
+          processed = processed.replace(`__INLINE_CODE_${i}__`, code)
+        })
+
+        // Restore code blocks
+        codeBlocks.forEach((block, i) => {
+          processed = processed.replace(`__CODE_BLOCK_${i}__`, block)
+        })
+
+        // Collapse multiple newlines
+        processed = processed.replace(/\n{3,}/g, '\n\n')
 
         const title = entry.title || entry.path.replace(/\.mdx?$/, '').split('/').pop()
 
@@ -221,7 +250,7 @@ export default function contentPlugin(contentDir: string, config?: VeslxConfig,
           lines.push(`> ${entry.description}`)
         }
         lines.push('')
-        lines.push(contentWithoutFrontmatter.trim())
+        lines.push(processed.trim())
         lines.push('')
       } catch {
         // Skip files that can't be read
@@ -234,14 +263,14 @@ export default function contentPlugin(contentDir: string, config?: VeslxConfig,
   const middleware: Connect.NextHandleFunction = (req: IncomingMessage, res: ServerResponse, next: Connect.NextFunction) => {
     // Serve llms.txt dynamically (only if enabled)
     if (req.url === '/llms.txt' && siteConfig.llmsTxt) {
-      res.setHeader('Content-Type', 'text/plain')
+      res.setHeader('Content-Type', 'text/plain; charset=utf-8')
       res.end(generateLlmsTxt())
       return
     }
 
     // Serve llms-full.txt with all content inline (only if enabled)
     if (req.url === '/llms-full.txt' && siteConfig.llmsTxt) {
-      res.setHeader('Content-Type', 'text/plain')
+      res.setHeader('Content-Type', 'text/plain; charset=utf-8')
       res.end(generateLlmsFullTxt())
       return
     }

package/src/components/front-matter.tsx

@@ -56,28 +56,30 @@ export function FrontMatter() {
     <div>
       {frontmatter?.title && (
         <header className="not-prose flex flex-col gap-2 mb-8 pt-4">
-          <h1 className="text-2xl md:text-3xl font-semibold tracking-tight text-foreground mb-3">
-            {frontmatter?.title}
-          </h1>
-
-          {/* Meta line */}
-          <div className="flex flex-wrap items-center gap-3 text-muted-foreground">
-            {frontmatter?.date && (
-              <time className="font-mono text-xs bg-muted px-2 py-0.5 rounded">
-                {formatDate(new Date(frontmatter.date as string))}
-              </time>
-            )}
+          <div className="flex items-start justify-between gap-4">
+            <h1 className="text-2xl md:text-3xl font-semibold tracking-tight text-foreground mb-3">
+              {frontmatter?.title}
+            </h1>
             {config.llmsTxt && (
               <a
                 href="#"
                 onClick={handleLlmsTxt}
-                className="font-mono text-xs text-muted-foreground/70 hover:text-foreground underline underline-offset-2 transition-colors"
+                className="font-mono text-xs text-muted-foreground/70 hover:text-foreground underline underline-offset-2 transition-colors shrink-0"
               >
                 llms.txt
               </a>
             )}
           </div>
 
+          {/* Meta line */}
+          <div className="flex flex-wrap items-center gap-3 text-muted-foreground">
+            {frontmatter?.date && (
+              <time className="font-mono text-xs bg-muted px-2 py-0.5 rounded">
+                {formatDate(new Date(frontmatter.date as string))}
+              </time>
+            )}
+          </div>
+
           {frontmatter?.description && (
             <div className="flex flex-wrap text-sm items-center gap-3 text-muted-foreground">
               {frontmatter?.description}

package/src/components/mdx-components.tsx

@@ -1,4 +1,5 @@
 import { Link, useLocation } from 'react-router-dom'
+import { cn } from '@/lib/utils'
 import Gallery from '@/components/gallery'
 import { ParameterTable } from '@/components/parameter-table'
 import { ParameterBadge } from '@/components/parameter-badge'
@@ -146,12 +147,12 @@ export const mdxComponents = {
   // Code blocks - IDE/terminal style
   pre: (props: React.HTMLAttributes<HTMLPreElement>) => (
     <pre
-      className="not-prose w-full overflow-x-auto p-4 text-sm bg-muted/50 border border-border rounded-md font-mono my-6"
+      className="not-prose w-full overflow-x-auto p-4 text-sm bg-muted border border-border rounded-md font-mono my-6"
       {...props}
     />
   ),
-  code: (props: React.HTMLAttributes<HTMLElement> & { className?: string }) => {
-    const isInline = !props.className?.includes('language-')
+  code: ({ className, ...props }: React.HTMLAttributes<HTMLElement> & { className?: string }) => {
+    const isInline = !className?.includes('language-')
     if (isInline) {
       return (
         <code
@@ -160,7 +161,8 @@ export const mdxComponents = {
         />
       )
     }
-    return <code {...props} />
+    // Block code inside pre - ensure transparent background
+    return <code className={cn('bg-transparent', className)} {...props} />
   },
 
   // Blockquote