veslx 0.1.65 → 0.1.66

package/README.md

@@ -156,22 +156,6 @@ Display images with titles, captions, and a fullscreen lightbox:
 | `captionLabel` | `string` | Label prefix (e.g., "Figure 1") |
 | `limit` | `number` | Max images to show |
 
-### VeslxParameterTable
-
-Display YAML or JSON configuration files with collapsible sections:
-
-```mdx
-<VeslxParameterTable
-  path="config.yaml"
-  keys={[".simulation.timestep", ".model.layers"]}
-/>
-```
-
-| Prop | Type | Description |
-|------|------|-------------|
-| `path` | `string` | Path to YAML/JSON file |
-| `keys` | `string[]` | jq-like paths to filter (optional) |
-
 ### Local Imports
 
 Import React components directly from your content directory:

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

@@ -1,15 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useLocation, Link } from "react-router-dom";
 import Gallery from "./gallery/index.js";
-import { ParameterTable } from "./parameter-table.js";
-import { ParameterBadge } from "./parameter-badge.js";
-import { VeslxCat } from "./veslx-cat.js";
 import { VeslxTOC } from "./veslx-toc.js";
 import { FrontMatter } from "./front-matter.js";
-import { HeroSlide } from "./slides/hero-slide.js";
-import { FigureSlide } from "./slides/figure-slide.js";
-import { TextSlide } from "./slides/text-slide.js";
-import { SlideOutline } from "./slides/slide-outline.js";
 import { PostList } from "./post-list.js";
 import { PostListItem } from "./post-list-item.js";
 import { VeslxSearch } from "./veslx-search.js";
@@ -57,15 +50,8 @@ const mdxComponents = {
   FrontMatter,
   VeslxFrontMatter: FrontMatter,
   VeslxGallery: Gallery,
-  VeslxParameterTable: ParameterTable,
-  VeslxParameterBadge: ParameterBadge,
-  VeslxHeroSlide: HeroSlide,
-  VeslxFigureSlide: FigureSlide,
-  VeslxTextSlide: TextSlide,
-  VeslxSlideOutline: SlideOutline,
   VeslxPostList: PostList,
   VeslxPostListItem: PostListItem,
-  VeslxCat,
   VeslxTOC,
   VeslxSearch,
   // Headings - clean sans-serif

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 { VeslxCat } from '@/components/veslx-cat'\nimport { VeslxTOC } from '@/components/veslx-toc'\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'\nimport { PostListItem } from '@/components/post-list-item'\nimport { VeslxSearch } from '@/components/veslx-search'\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: FrontMatter,\n\n  VeslxFrontMatter: FrontMatter,\n\n  VeslxGallery: Gallery,\n\n  VeslxParameterTable: ParameterTable,\n\n  VeslxParameterBadge: ParameterBadge,\n\n  VeslxHeroSlide: HeroSlide,\n\n  VeslxFigureSlide: FigureSlide,\n\n  VeslxTextSlide: TextSlide,\n\n  VeslxSlideOutline: SlideOutline,\n\n  VeslxPostList: PostList,\n\n  VeslxPostListItem: PostListItem,\n\n  VeslxCat: VeslxCat,\n\n  VeslxTOC: VeslxTOC,\n\n  VeslxSearch: VeslxSearch,\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>) => (\n    // Styling handled by CSS - inline code gets bg via :not(pre) > code selector\n    <code className={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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"}
+{"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 { VeslxTOC } from '@/components/veslx-toc'\nimport { FrontMatter } from './front-matter'\nimport { PostList } from '@/components/post-list'\nimport { PostListItem } from '@/components/post-list-item'\nimport { VeslxSearch } from '@/components/veslx-search'\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: FrontMatter,\n\n  VeslxFrontMatter: FrontMatter,\n\n  VeslxGallery: Gallery,\n\n  VeslxPostList: PostList,\n\n  VeslxPostListItem: PostListItem,\n\n  VeslxTOC: VeslxTOC,\n\n  VeslxSearch: VeslxSearch,\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>) => (\n    // Styling handled by CSS - inline code gets bg via :not(pre) > code selector\n    <code className={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/dist/client/components/post-list-item.js

@@ -3,7 +3,8 @@ import { Link } from "react-router-dom";
 import { cn } from "../lib/utils.js";
 import { formatDate } from "../lib/format-date.js";
 import { ArrowRight, Presentation } from "lucide-react";
-function PostListItem({ title, description, date, href, external, isSlides }) {
+function PostListItem({ title, description, date, href, linkPath, external, openInNewTab = true, isSlides }) {
+  const resolvedHref = href || linkPath || "#";
   const className = cn(
     "group block py-3 px-3 -mx-3 rounded-md",
     "transition-colors duration-150"
@@ -34,9 +35,9 @@ function PostListItem({ title, description, date, href, external, isSlides }) {
     return /* @__PURE__ */ jsx(
       "a",
       {
-        href,
-        target: "_blank",
-        rel: "noopener noreferrer",
+        href: resolvedHref,
+        target: openInNewTab ? "_blank" : void 0,
+        rel: openInNewTab ? "noopener noreferrer" : void 0,
         className,
         children: content
       }
@@ -45,7 +46,7 @@ function PostListItem({ title, description, date, href, external, isSlides }) {
   return /* @__PURE__ */ jsx(
     Link,
     {
-      to: href,
+      to: resolvedHref,
       className,
       children: content
     }

package/dist/client/components/post-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-list-item.js","sources":["../../../src/components/post-list-item.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport { cn } from \"@/lib/utils\";\nimport { formatDate } from \"@/lib/format-date\";\nimport { ArrowRight, Presentation } from \"lucide-react\";\n\ninterface PostListItemProps {\n  title: string;\n  description?: string;\n  date?: Date;\n  href: string;\n  external?: boolean;\n  isSlides?: boolean;\n}\n\nexport function PostListItem({ title, description, date, href, external, isSlides }: PostListItemProps) {\n  const className = cn(\n    \"group block py-3 px-3 -mx-3 rounded-md\",\n    \"transition-colors duration-150\",\n  );\n\n  const content = (\n    <article className=\"flex items-center gap-4\">\n      {/* Main content */}\n      <div className=\"flex-1 min-w-0\">\n        <div className={cn(\n          \"text-sm font-medium text-foreground\",\n          \"group-hover:underline\",\n          \"flex items-center gap-2\"\n        )}>\n          <span>{title}</span>\n          <ArrowRight className=\"h-3 w-3 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200 text-primary\" />\n        </div>\n\n        {description && (\n          <div className=\"text-sm text-muted-foreground line-clamp-1 mt-0.5\">\n            {description}\n          </div>\n        )}\n      </div>\n\n      {isSlides && (\n        <Presentation className=\"h-3 w-3 text-muted-foreground\" />\n      )}\n      <time\n        dateTime={date?.toISOString()}\n        className=\"font-mono text-xs text-muted-foreground tabular-nums w-20 flex-shrink-0\"\n      >\n        {date && formatDate(date)}\n      </time>\n    </article>\n  );\n\n  if (external) {\n    return (\n      <a\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={className}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  return (\n    <Link\n      to={href}\n      className={className}\n    >\n      {content}\n    </Link>\n  );\n}\n"],"names":[],"mappings":";;;;;AAcO,SAAS,aAAa,EAAE,OAAO,aAAa,MAAM,MAAM,UAAU,YAA+B;AACtG,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,UACJ,qBAAC,WAAA,EAAQ,WAAU,2BAEjB,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,qBAAC,SAAI,WAAW;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,MAAA,GAEA,UAAA;AAAA,QAAA,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,QACb,oBAAC,YAAA,EAAW,WAAU,8HAAA,CAA8H;AAAA,MAAA,GACtJ;AAAA,MAEC,eACC,oBAAC,OAAA,EAAI,WAAU,qDACZ,UAAA,YAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAEC,YACC,oBAAC,cAAA,EAAa,WAAU,gCAAA,CAAgC;AAAA,IAE1D;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU,6BAAM;AAAA,QAChB,WAAU;AAAA,QAET,UAAA,QAAQ,WAAW,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAC1B,GACF;AAGF,MAAI,UAAU;AACZ,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,QAAO;AAAA,QACP,KAAI;AAAA,QACJ;AAAA,QAEC,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MAEC,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"post-list-item.js","sources":["../../../src/components/post-list-item.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport { cn } from \"@/lib/utils\";\nimport { formatDate } from \"@/lib/format-date\";\nimport { ArrowRight, Presentation } from \"lucide-react\";\n\ninterface PostListItemProps {\n  title: string;\n  description?: string;\n  date?: Date;\n  href?: string;\n  /** Alias for href (used in MDX as linkPath) */\n  linkPath?: string;\n  external?: boolean;\n  openInNewTab?: boolean;\n  isSlides?: boolean;\n}\n\nexport function PostListItem({ title, description, date, href, linkPath, external, openInNewTab = true, isSlides }: PostListItemProps) {\n  const resolvedHref = href || linkPath || '#';\n  const className = cn(\n    \"group block py-3 px-3 -mx-3 rounded-md\",\n    \"transition-colors duration-150\",\n  );\n\n  const content = (\n    <article className=\"flex items-center gap-4\">\n      {/* Main content */}\n      <div className=\"flex-1 min-w-0\">\n        <div className={cn(\n          \"text-sm font-medium text-foreground\",\n          \"group-hover:underline\",\n          \"flex items-center gap-2\"\n        )}>\n          <span>{title}</span>\n          <ArrowRight className=\"h-3 w-3 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200 text-primary\" />\n        </div>\n\n        {description && (\n          <div className=\"text-sm text-muted-foreground line-clamp-1 mt-0.5\">\n            {description}\n          </div>\n        )}\n      </div>\n\n      {isSlides && (\n        <Presentation className=\"h-3 w-3 text-muted-foreground\" />\n      )}\n      <time\n        dateTime={date?.toISOString()}\n        className=\"font-mono text-xs text-muted-foreground tabular-nums w-20 flex-shrink-0\"\n      >\n        {date && formatDate(date)}\n      </time>\n    </article>\n  );\n\n  if (external) {\n    return (\n      <a\n        href={resolvedHref}\n        target={openInNewTab ? \"_blank\" : undefined}\n        rel={openInNewTab ? \"noopener noreferrer\" : undefined}\n        className={className}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  return (\n    <Link\n      to={resolvedHref}\n      className={className}\n    >\n      {content}\n    </Link>\n  );\n}\n"],"names":[],"mappings":";;;;;AAiBO,SAAS,aAAa,EAAE,OAAO,aAAa,MAAM,MAAM,UAAU,UAAU,eAAe,MAAM,SAAA,GAA+B;AACrI,QAAM,eAAe,QAAQ,YAAY;AACzC,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,UACJ,qBAAC,WAAA,EAAQ,WAAU,2BAEjB,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,qBAAC,SAAI,WAAW;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,MAAA,GAEA,UAAA;AAAA,QAAA,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,QACb,oBAAC,YAAA,EAAW,WAAU,8HAAA,CAA8H;AAAA,MAAA,GACtJ;AAAA,MAEC,eACC,oBAAC,OAAA,EAAI,WAAU,qDACZ,UAAA,YAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAEC,YACC,oBAAC,cAAA,EAAa,WAAU,gCAAA,CAAgC;AAAA,IAE1D;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU,6BAAM;AAAA,QAChB,WAAU;AAAA,QAET,UAAA,QAAQ,WAAW,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAC1B,GACF;AAGF,MAAI,UAAU;AACZ,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,QAAQ,eAAe,WAAW;AAAA,QAClC,KAAK,eAAe,wBAAwB;AAAA,QAC5C;AAAA,QAEC,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MAEC,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/client/components/post-list.js

@@ -16,6 +16,9 @@ function filePathToRoutePath(filePath) {
 }
 function getLinkPath(post) {
   if (post.file) {
+    if (post.file.path.toLowerCase().endsWith(".pdf")) {
+      return `/raw/${post.file.path}`;
+    }
     return filePathToRoutePath(post.file.path);
   } else if (post.slides && !post.readme) {
     return `/${post.slides.path}`;
@@ -26,7 +29,7 @@ function getLinkPath(post) {
   }
 }
 function isRouterPath(href) {
-  return href.startsWith("/") && !href.startsWith("//");
+  return href.startsWith("/") && !href.startsWith("//") && !href.startsWith("/raw/");
 }
 function PostList({ globs = null }) {
   var _a;
@@ -78,6 +81,7 @@ function PostList({ globs = null }) {
     const frontmatterLink = typeof (frontmatter == null ? void 0 : frontmatter.link) === "string" ? frontmatter.link.trim() : "";
     const href = frontmatterLink || internalLinkPath;
     const external = !isRouterPath(href);
+    const openInNewTab = external && !href.startsWith("/raw/");
     return /* @__PURE__ */ jsx(
       PostListItem,
       {
@@ -86,6 +90,7 @@ function PostList({ globs = null }) {
         date,
         href,
         external,
+        openInNewTab,
         isSlides
       },
       post.path

package/dist/client/components/post-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-list.js","sources":["../../../src/components/post-list.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { minimatch } from \"minimatch\";\nimport {\n  type PostEntry,\n  directoryToPostEntries,\n  filterVisiblePosts,\n  getFrontmatter,\n} from \"@/lib/content-classification\";\nimport { useDirectory } from \"../../plugin/src/client\";\nimport { ErrorDisplay } from \"./page-error\";\nimport Loading from \"./loading\";\nimport { PostListItem } from \"./post-list-item\";\nimport veslxConfig from \"virtual:veslx-config\";\n\ninterface PostListProps {\n  /** Glob patterns to filter posts by name (e.g., [\"01-*\", \"getting-*\"]) */\n  globs?: string[] | null;\n}\n\n// Helper to format name for display (e.g., \"01-getting-started\" → \"Getting Started\")\nfunction formatName(name: string): string {\n  return name\n    .replace(/^\\d+-/, '')\n    .replace(/-/g, ' ')\n    .replace(/\\b\\w/g, c => c.toUpperCase());\n}\n\nfunction filePathToRoutePath(filePath: string): string {\n  // Routes without an extension are treated as directories; ContentRouter will\n  // render index/readme files automatically via IndexPost.\n  const normalized = filePath.replace(/^\\/+/, '');\n  const stripped = normalized.replace(/(?:^|\\/)(?:index|readme)\\.mdx?$/i, '');\n  return stripped ? `/${stripped}` : '/';\n}\n\n// Helper to get link path from post\nfunction getLinkPath(post: PostEntry): string {\n  if (post.file) {\n    // Standalone MDX file\n    return filePathToRoutePath(post.file.path);\n  } else if (post.slides && !post.readme) {\n    // Folder with only slides\n    return `/${post.slides.path}`;\n  } else if (post.readme) {\n    // Folder with readme\n    return filePathToRoutePath(post.readme.path);\n  } else {\n    // Fallback to folder path\n    return `/${post.path}`;\n  }\n}\n\nfunction isRouterPath(href: string): boolean {\n  return href.startsWith(\"/\") && !href.startsWith(\"//\");\n}\n\nexport function PostList({ globs = null }: PostListProps) {\n  const { \"*\": path = \".\" } = useParams();\n\n  const { directory, loading, error } = useDirectory(path)\n\n  if (error) {\n    return <ErrorDisplay error={error} path={path} />;\n  }\n\n  if (loading) {\n    return (\n      <Loading />\n    )\n  }\n\n  if (!directory) {\n    return (\n      <div className=\"py-24 text-center\">\n        <p className=\"text-muted-foreground font-mono text-sm tracking-wide\">no entries</p>\n      </div>\n    );\n  }\n\n  let posts = directoryToPostEntries(directory);\n\n  if (posts.length === 0) {\n    return (\n      <div className=\"py-24 text-center\">\n        <p className=\"text-muted-foreground font-mono text-sm tracking-wide\">no entries</p>\n      </div>\n    );\n  }\n\n  // Filter out hidden and draft posts\n  posts = filterVisiblePosts(posts);\n\n  // Filter by glob patterns if provided\n  if (globs && globs.length > 0) {\n    posts = posts.filter(post =>\n      globs.some(pattern => minimatch(post.name, pattern, { matchBase: true }))\n    );\n  }\n\n  if (posts.length === 0) {\n    return (\n      <div className=\"py-24 text-center\">\n        <p className=\"text-muted-foreground font-mono text-sm tracking-wide\">no entries</p>\n      </div>\n    );\n  }\n\n  // Sort based on config\n  const sortMode = veslxConfig.posts?.sort ?? 'alpha';\n  if (sortMode === 'date' || sortMode === 'date-asc') {\n    const ascending = sortMode === 'date-asc';\n    // Sort by date, posts without dates go to the top\n    posts = posts.sort((a, b) => {\n      const dateA = getFrontmatter(a)?.date;\n      const dateB = getFrontmatter(b)?.date;\n      if (!dateA && !dateB) return a.name.localeCompare(b.name);\n      if (!dateA) return -1;\n      if (!dateB) return 1;\n      const diff = new Date(dateA as string).getTime() - new Date(dateB as string).getTime();\n      return ascending ? diff : -diff;\n    });\n  } else {\n    // Alphanumeric sorting by name\n    posts = posts.sort((a, b) => a.name.localeCompare(b.name));\n  }\n\n  return (\n    <div className=\"space-y-1 not-prose\">\n      {posts.map((post) => {\n        const frontmatter = getFrontmatter(post);\n        const title = (frontmatter?.title as string) || formatName(post.name);\n        const description = frontmatter?.description as string | undefined;\n        const date = frontmatter?.date ? new Date(frontmatter.date as string) : undefined;\n        const internalLinkPath = getLinkPath(post);\n        const normalizedLink = internalLinkPath.toLowerCase();\n        const isSlides =\n          normalizedLink.endsWith('/slides.mdx') ||\n          normalizedLink.endsWith('/slides.md') ||\n          normalizedLink.endsWith('.slides.mdx') ||\n          normalizedLink.endsWith('.slides.md');\n\n        const frontmatterLink =\n          typeof frontmatter?.link === \"string\" ? frontmatter.link.trim() : \"\";\n        const href = frontmatterLink || internalLinkPath;\n        const external = !isRouterPath(href);\n\n        return (\n          <PostListItem\n            key={post.path}\n            title={title}\n            description={description}\n            date={date}\n            href={href}\n            external={external}\n            isSlides={isSlides}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"post-list.js","sources":["../../../src/components/post-list.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { minimatch } from \"minimatch\";\nimport {\n  type PostEntry,\n  directoryToPostEntries,\n  filterVisiblePosts,\n  getFrontmatter,\n} from \"@/lib/content-classification\";\nimport { useDirectory } from \"../../plugin/src/client\";\nimport { ErrorDisplay } from \"./page-error\";\nimport Loading from \"./loading\";\nimport { PostListItem } from \"./post-list-item\";\nimport veslxConfig from \"virtual:veslx-config\";\n\ninterface PostListProps {\n  /** Glob patterns to filter posts by name (e.g., [\"01-*\", \"getting-*\"]) */\n  globs?: string[] | null;\n}\n\n// Helper to format name for display (e.g., \"01-getting-started\" → \"Getting Started\")\nfunction formatName(name: string): string {\n  return name\n    .replace(/^\\d+-/, '')\n    .replace(/-/g, ' ')\n    .replace(/\\b\\w/g, c => c.toUpperCase());\n}\n\nfunction filePathToRoutePath(filePath: string): string {\n  // Routes without an extension are treated as directories; ContentRouter will\n  // render index/readme files automatically via IndexPost.\n  const normalized = filePath.replace(/^\\/+/, '');\n  const stripped = normalized.replace(/(?:^|\\/)(?:index|readme)\\.mdx?$/i, '');\n  return stripped ? `/${stripped}` : '/';\n}\n\n// Helper to get link path from post\nfunction getLinkPath(post: PostEntry): string {\n  if (post.file) {\n    // Standalone PDF file should open directly.\n    if (post.file.path.toLowerCase().endsWith('.pdf')) {\n      return `/raw/${post.file.path}`;\n    }\n    // Standalone MDX/TSX file\n    return filePathToRoutePath(post.file.path);\n  } else if (post.slides && !post.readme) {\n    // Folder with only slides\n    return `/${post.slides.path}`;\n  } else if (post.readme) {\n    // Folder with readme\n    return filePathToRoutePath(post.readme.path);\n  } else {\n    // Fallback to folder path\n    return `/${post.path}`;\n  }\n}\n\nfunction isRouterPath(href: string): boolean {\n  return href.startsWith(\"/\") && !href.startsWith(\"//\") && !href.startsWith(\"/raw/\");\n}\n\nexport function PostList({ globs = null }: PostListProps) {\n  const { \"*\": path = \".\" } = useParams();\n\n  const { directory, loading, error } = useDirectory(path)\n\n  if (error) {\n    return <ErrorDisplay error={error} path={path} />;\n  }\n\n  if (loading) {\n    return (\n      <Loading />\n    )\n  }\n\n  if (!directory) {\n    return (\n      <div className=\"py-24 text-center\">\n        <p className=\"text-muted-foreground font-mono text-sm tracking-wide\">no entries</p>\n      </div>\n    );\n  }\n\n  let posts = directoryToPostEntries(directory);\n\n  if (posts.length === 0) {\n    return (\n      <div className=\"py-24 text-center\">\n        <p className=\"text-muted-foreground font-mono text-sm tracking-wide\">no entries</p>\n      </div>\n    );\n  }\n\n  // Filter out hidden and draft posts\n  posts = filterVisiblePosts(posts);\n\n  // Filter by glob patterns if provided\n  if (globs && globs.length > 0) {\n    posts = posts.filter(post =>\n      globs.some(pattern => minimatch(post.name, pattern, { matchBase: true }))\n    );\n  }\n\n  if (posts.length === 0) {\n    return (\n      <div className=\"py-24 text-center\">\n        <p className=\"text-muted-foreground font-mono text-sm tracking-wide\">no entries</p>\n      </div>\n    );\n  }\n\n  // Sort based on config\n  const sortMode = veslxConfig.posts?.sort ?? 'alpha';\n  if (sortMode === 'date' || sortMode === 'date-asc') {\n    const ascending = sortMode === 'date-asc';\n    // Sort by date, posts without dates go to the top\n    posts = posts.sort((a, b) => {\n      const dateA = getFrontmatter(a)?.date;\n      const dateB = getFrontmatter(b)?.date;\n      if (!dateA && !dateB) return a.name.localeCompare(b.name);\n      if (!dateA) return -1;\n      if (!dateB) return 1;\n      const diff = new Date(dateA as string).getTime() - new Date(dateB as string).getTime();\n      return ascending ? diff : -diff;\n    });\n  } else {\n    // Alphanumeric sorting by name\n    posts = posts.sort((a, b) => a.name.localeCompare(b.name));\n  }\n\n  return (\n    <div className=\"space-y-1 not-prose\">\n      {posts.map((post) => {\n        const frontmatter = getFrontmatter(post);\n        const title = (frontmatter?.title as string) || formatName(post.name);\n        const description = frontmatter?.description as string | undefined;\n        const date = frontmatter?.date ? new Date(frontmatter.date as string) : undefined;\n        const internalLinkPath = getLinkPath(post);\n        const normalizedLink = internalLinkPath.toLowerCase();\n        const isSlides =\n          normalizedLink.endsWith('/slides.mdx') ||\n          normalizedLink.endsWith('/slides.md') ||\n          normalizedLink.endsWith('.slides.mdx') ||\n          normalizedLink.endsWith('.slides.md');\n\n        const frontmatterLink =\n          typeof frontmatter?.link === \"string\" ? frontmatter.link.trim() : \"\";\n        const href = frontmatterLink || internalLinkPath;\n        const external = !isRouterPath(href);\n        const openInNewTab = external && !href.startsWith(\"/raw/\");\n\n        return (\n          <PostListItem\n            key={post.path}\n            title={title}\n            description={description}\n            date={date}\n            href={href}\n            external={external}\n            openInNewTab={openInNewTab}\n            isSlides={isSlides}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["_a"],"mappings":";;;;;;;;AAoBA,SAAS,WAAW,MAAsB;AACxC,SAAO,KACJ,QAAQ,SAAS,EAAE,EACnB,QAAQ,MAAM,GAAG,EACjB,QAAQ,SAAS,CAAA,MAAK,EAAE,aAAa;AAC1C;AAEA,SAAS,oBAAoB,UAA0B;AAGrD,QAAM,aAAa,SAAS,QAAQ,QAAQ,EAAE;AAC9C,QAAM,WAAW,WAAW,QAAQ,oCAAoC,EAAE;AAC1E,SAAO,WAAW,IAAI,QAAQ,KAAK;AACrC;AAGA,SAAS,YAAY,MAAyB;AAC5C,MAAI,KAAK,MAAM;AAEb,QAAI,KAAK,KAAK,KAAK,cAAc,SAAS,MAAM,GAAG;AACjD,aAAO,QAAQ,KAAK,KAAK,IAAI;AAAA,IAC/B;AAEA,WAAO,oBAAoB,KAAK,KAAK,IAAI;AAAA,EAC3C,WAAW,KAAK,UAAU,CAAC,KAAK,QAAQ;AAEtC,WAAO,IAAI,KAAK,OAAO,IAAI;AAAA,EAC7B,WAAW,KAAK,QAAQ;AAEtB,WAAO,oBAAoB,KAAK,OAAO,IAAI;AAAA,EAC7C,OAAO;AAEL,WAAO,IAAI,KAAK,IAAI;AAAA,EACtB;AACF;AAEA,SAAS,aAAa,MAAuB;AAC3C,SAAO,KAAK,WAAW,GAAG,KAAK,CAAC,KAAK,WAAW,IAAI,KAAK,CAAC,KAAK,WAAW,OAAO;AACnF;AAEO,SAAS,SAAS,EAAE,QAAQ,QAAuB;;AACxD,QAAM,EAAE,KAAK,OAAO,IAAA,IAAQ,UAAA;AAE5B,QAAM,EAAE,WAAoB,UAAU,aAAa,IAAI;AAEvD,MAAI,OAAO;AACT,WAAO,oBAAC,cAAA,EAAa,OAAc,KAAA,CAAY;AAAA,EACjD;AAQA,MAAI,CAAC,WAAW;AACd,WACE,oBAAC,SAAI,WAAU,qBACb,8BAAC,KAAA,EAAE,WAAU,yDAAwD,UAAA,aAAA,CAAU,EAAA,CACjF;AAAA,EAEJ;AAEA,MAAI,QAAQ,uBAAuB,SAAS;AAE5C,MAAI,MAAM,WAAW,GAAG;AACtB,WACE,oBAAC,SAAI,WAAU,qBACb,8BAAC,KAAA,EAAE,WAAU,yDAAwD,UAAA,aAAA,CAAU,EAAA,CACjF;AAAA,EAEJ;AAGA,UAAQ,mBAAmB,KAAK;AAGhC,MAAI,SAAS,MAAM,SAAS,GAAG;AAC7B,YAAQ,MAAM;AAAA,MAAO,CAAA,SACnB,MAAM,KAAK,CAAA,YAAW,UAAU,KAAK,MAAM,SAAS,EAAE,WAAW,KAAA,CAAM,CAAC;AAAA,IAAA;AAAA,EAE5E;AAEA,MAAI,MAAM,WAAW,GAAG;AACtB,WACE,oBAAC,SAAI,WAAU,qBACb,8BAAC,KAAA,EAAE,WAAU,yDAAwD,UAAA,aAAA,CAAU,EAAA,CACjF;AAAA,EAEJ;AAGA,QAAM,aAAW,iBAAY,UAAZ,mBAAmB,SAAQ;AAC5C,MAAI,aAAa,UAAU,aAAa,YAAY;AAClD,UAAM,YAAY,aAAa;AAE/B,YAAQ,MAAM,KAAK,CAAC,GAAG,MAAM;;AAC3B,YAAM,SAAQA,MAAA,eAAe,CAAC,MAAhB,gBAAAA,IAAmB;AACjC,YAAM,SAAQ,oBAAe,CAAC,MAAhB,mBAAmB;AACjC,UAAI,CAAC,SAAS,CAAC,cAAc,EAAE,KAAK,cAAc,EAAE,IAAI;AACxD,UAAI,CAAC,MAAO,QAAO;AACnB,UAAI,CAAC,MAAO,QAAO;AACnB,YAAM,OAAO,IAAI,KAAK,KAAe,EAAE,QAAA,IAAY,IAAI,KAAK,KAAe,EAAE,QAAA;AAC7E,aAAO,YAAY,OAAO,CAAC;AAAA,IAC7B,CAAC;AAAA,EACH,OAAO;AAEL,YAAQ,MAAM,KAAK,CAAC,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;AAAA,EAC3D;AAEA,6BACG,OAAA,EAAI,WAAU,uBACZ,UAAA,MAAM,IAAI,CAAC,SAAS;AACnB,UAAM,cAAc,eAAe,IAAI;AACvC,UAAM,SAAS,2CAAa,UAAoB,WAAW,KAAK,IAAI;AACpE,UAAM,cAAc,2CAAa;AACjC,UAAM,QAAO,2CAAa,QAAO,IAAI,KAAK,YAAY,IAAc,IAAI;AACxE,UAAM,mBAAmB,YAAY,IAAI;AACzC,UAAM,iBAAiB,iBAAiB,YAAA;AACxC,UAAM,WACJ,eAAe,SAAS,aAAa,KACrC,eAAe,SAAS,YAAY,KACpC,eAAe,SAAS,aAAa,KACrC,eAAe,SAAS,YAAY;AAEtC,UAAM,kBACJ,QAAO,2CAAa,UAAS,WAAW,YAAY,KAAK,SAAS;AACpE,UAAM,OAAO,mBAAmB;AAChC,UAAM,WAAW,CAAC,aAAa,IAAI;AACnC,UAAM,eAAe,YAAY,CAAC,KAAK,WAAW,OAAO;AAEzD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAPK,KAAK;AAAA,IAAA;AAAA,EAUhB,CAAC,EAAA,CACH;AAEJ;"}

package/dist/client/lib/content-classification.js

@@ -1,4 +1,4 @@
-import { findMdxFiles, findTsxFiles, findStandaloneSlides, findSlides, findReadme } from "../plugin/src/client.js";
+import { findMdxFiles, findTsxFiles, findStandaloneSlides, findPdfFiles, findSlides, findReadme } from "../plugin/src/client.js";
 function getFrontmatter(post) {
   var _a, _b, _c;
   return ((_a = post.readme) == null ? void 0 : _a.frontmatter) || ((_b = post.file) == null ? void 0 : _b.frontmatter) || ((_c = post.slides) == null ? void 0 : _c.frontmatter);
@@ -8,6 +8,7 @@ function directoryToPostEntries(directory) {
   const standaloneFiles = findMdxFiles(directory);
   const standaloneTsxFiles = findTsxFiles(directory);
   const standaloneSlidesFiles = findStandaloneSlides(directory);
+  const standalonePdfFiles = findPdfFiles(directory);
   const folderPosts = folders.map((folder) => ({
     type: "folder",
     name: folder.name,
@@ -40,7 +41,15 @@ function directoryToPostEntries(directory) {
     slides: file,
     file: null
   }));
-  return [...folderPosts, ...filePosts, ...tsxPosts, ...slidesPosts];
+  const pdfPosts = standalonePdfFiles.map((file) => ({
+    type: "file",
+    name: file.name.replace(/\.pdf$/i, ""),
+    path: file.path,
+    readme: null,
+    slides: null,
+    file
+  }));
+  return [...folderPosts, ...filePosts, ...tsxPosts, ...slidesPosts, ...pdfPosts];
 }
 function filterVisiblePosts(posts) {
   return posts.filter((post) => {

package/dist/client/lib/content-classification.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-classification.js","sources":["../../../src/lib/content-classification.ts"],"sourcesContent":["import type { DirectoryEntry, FileEntry } from \"../../plugin/src/lib\";\nimport { findReadme, findSlides, findMdxFiles, findStandaloneSlides, findTsxFiles } from \"../../plugin/src/client\";\n\nexport type PostEntry = {\n  type: 'folder' | 'file';\n  name: string;\n  path: string;\n  readme: FileEntry | null;\n  slides: FileEntry | null;\n  file: FileEntry | null;\n};\n\nexport function getFrontmatter(post: PostEntry) {\n  return post.readme?.frontmatter || post.file?.frontmatter || post.slides?.frontmatter;\n}\n\nexport function directoryToPostEntries(directory: DirectoryEntry): PostEntry[] {\n  const folders = directory.children.filter((c): c is DirectoryEntry => c.type === \"directory\");\n  const standaloneFiles = findMdxFiles(directory);\n  const standaloneTsxFiles = findTsxFiles(directory);\n  const standaloneSlidesFiles = findStandaloneSlides(directory);\n\n  const folderPosts: PostEntry[] = folders\n    .map((folder) => ({\n      type: 'folder' as const,\n      name: folder.name,\n      path: folder.path,\n      readme: findReadme(folder),\n      slides: findSlides(folder),\n      file: null,\n    }))\n    .filter((post) => post.readme || post.slides); // Only include folders with content\n\n  const filePosts: PostEntry[] = standaloneFiles.map((file) => ({\n    type: 'file' as const,\n    name: file.name.replace(/\\.mdx?$/, ''),\n    path: file.path,\n    readme: null,\n    slides: null,\n    file,\n  }));\n\n  const tsxPosts: PostEntry[] = standaloneTsxFiles.map((file) => ({\n    type: 'file' as const,\n    name: file.name.replace(/\\.tsx$/, ''),\n    path: file.path,\n    readme: null,\n    slides: null,\n    file,\n  }));\n\n  // Standalone slides files (e.g., getting-started.slides.mdx)\n  const slidesPosts: PostEntry[] = standaloneSlidesFiles.map((file) => ({\n    type: 'file' as const,\n    name: file.name.replace(/\\.slides\\.mdx?$/, ''),\n    path: file.path,\n    readme: null,\n    slides: file,\n    file: null,\n  }));\n\n  return [...folderPosts, ...filePosts, ...tsxPosts, ...slidesPosts];\n}\n\nexport function filterVisiblePosts(posts: PostEntry[]): PostEntry[] {\n  return posts.filter((post) => {\n    const frontmatter = getFrontmatter(post);\n    return frontmatter?.visibility !== \"hidden\" && frontmatter?.draft !== true;\n  });\n}\n"],"names":[],"mappings":";AAYO,SAAS,eAAe,MAAiB;;AAC9C,WAAO,UAAK,WAAL,mBAAa,kBAAe,UAAK,SAAL,mBAAW,kBAAe,UAAK,WAAL,mBAAa;AAC5E;AAEO,SAAS,uBAAuB,WAAwC;AAC7E,QAAM,UAAU,UAAU,SAAS,OAAO,CAAC,MAA2B,EAAE,SAAS,WAAW;AAC5F,QAAM,kBAAkB,aAAa,SAAS;AAC9C,QAAM,qBAAqB,aAAa,SAAS;AACjD,QAAM,wBAAwB,qBAAqB,SAAS;AAE5D,QAAM,cAA2B,QAC9B,IAAI,CAAC,YAAY;AAAA,IAChB,MAAM;AAAA,IACN,MAAM,OAAO;AAAA,IACb,MAAM,OAAO;AAAA,IACb,QAAQ,WAAW,MAAM;AAAA,IACzB,QAAQ,WAAW,MAAM;AAAA,IACzB,MAAM;AAAA,EAAA,EACN,EACD,OAAO,CAAC,SAAS,KAAK,UAAU,KAAK,MAAM;AAE9C,QAAM,YAAyB,gBAAgB,IAAI,CAAC,UAAU;AAAA,IAC5D,MAAM;AAAA,IACN,MAAM,KAAK,KAAK,QAAQ,WAAW,EAAE;AAAA,IACrC,MAAM,KAAK;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,EAAA,EACA;AAEF,QAAM,WAAwB,mBAAmB,IAAI,CAAC,UAAU;AAAA,IAC9D,MAAM;AAAA,IACN,MAAM,KAAK,KAAK,QAAQ,UAAU,EAAE;AAAA,IACpC,MAAM,KAAK;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,EAAA,EACA;AAGF,QAAM,cAA2B,sBAAsB,IAAI,CAAC,UAAU;AAAA,IACpE,MAAM;AAAA,IACN,MAAM,KAAK,KAAK,QAAQ,mBAAmB,EAAE;AAAA,IAC7C,MAAM,KAAK;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA,EACN;AAEF,SAAO,CAAC,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW;AACnE;AAEO,SAAS,mBAAmB,OAAiC;AAClE,SAAO,MAAM,OAAO,CAAC,SAAS;AAC5B,UAAM,cAAc,eAAe,IAAI;AACvC,YAAO,2CAAa,gBAAe,aAAY,2CAAa,WAAU;AAAA,EACxE,CAAC;AACH;"}
+{"version":3,"file":"content-classification.js","sources":["../../../src/lib/content-classification.ts"],"sourcesContent":["import type { DirectoryEntry, FileEntry } from \"../../plugin/src/lib\";\nimport { findReadme, findSlides, findMdxFiles, findStandaloneSlides, findTsxFiles, findPdfFiles } from \"../../plugin/src/client\";\n\nexport type PostEntry = {\n  type: 'folder' | 'file';\n  name: string;\n  path: string;\n  readme: FileEntry | null;\n  slides: FileEntry | null;\n  file: FileEntry | null;\n};\n\nexport function getFrontmatter(post: PostEntry) {\n  return post.readme?.frontmatter || post.file?.frontmatter || post.slides?.frontmatter;\n}\n\nexport function directoryToPostEntries(directory: DirectoryEntry): PostEntry[] {\n  const folders = directory.children.filter((c): c is DirectoryEntry => c.type === \"directory\");\n  const standaloneFiles = findMdxFiles(directory);\n  const standaloneTsxFiles = findTsxFiles(directory);\n  const standaloneSlidesFiles = findStandaloneSlides(directory);\n  const standalonePdfFiles = findPdfFiles(directory);\n\n  const folderPosts: PostEntry[] = folders\n    .map((folder) => ({\n      type: 'folder' as const,\n      name: folder.name,\n      path: folder.path,\n      readme: findReadme(folder),\n      slides: findSlides(folder),\n      file: null,\n    }))\n    .filter((post) => post.readme || post.slides); // Only include folders with content\n\n  const filePosts: PostEntry[] = standaloneFiles.map((file) => ({\n    type: 'file' as const,\n    name: file.name.replace(/\\.mdx?$/, ''),\n    path: file.path,\n    readme: null,\n    slides: null,\n    file,\n  }));\n\n  const tsxPosts: PostEntry[] = standaloneTsxFiles.map((file) => ({\n    type: 'file' as const,\n    name: file.name.replace(/\\.tsx$/, ''),\n    path: file.path,\n    readme: null,\n    slides: null,\n    file,\n  }));\n\n  // Standalone slides files (e.g., getting-started.slides.mdx)\n  const slidesPosts: PostEntry[] = standaloneSlidesFiles.map((file) => ({\n    type: 'file' as const,\n    name: file.name.replace(/\\.slides\\.mdx?$/, ''),\n    path: file.path,\n    readme: null,\n    slides: file,\n    file: null,\n  }));\n\n  const pdfPosts: PostEntry[] = standalonePdfFiles.map((file) => ({\n    type: 'file' as const,\n    name: file.name.replace(/\\.pdf$/i, ''),\n    path: file.path,\n    readme: null,\n    slides: null,\n    file,\n  }));\n\n  return [...folderPosts, ...filePosts, ...tsxPosts, ...slidesPosts, ...pdfPosts];\n}\n\nexport function filterVisiblePosts(posts: PostEntry[]): PostEntry[] {\n  return posts.filter((post) => {\n    const frontmatter = getFrontmatter(post);\n    return frontmatter?.visibility !== \"hidden\" && frontmatter?.draft !== true;\n  });\n}\n"],"names":[],"mappings":";AAYO,SAAS,eAAe,MAAiB;;AAC9C,WAAO,UAAK,WAAL,mBAAa,kBAAe,UAAK,SAAL,mBAAW,kBAAe,UAAK,WAAL,mBAAa;AAC5E;AAEO,SAAS,uBAAuB,WAAwC;AAC7E,QAAM,UAAU,UAAU,SAAS,OAAO,CAAC,MAA2B,EAAE,SAAS,WAAW;AAC5F,QAAM,kBAAkB,aAAa,SAAS;AAC9C,QAAM,qBAAqB,aAAa,SAAS;AACjD,QAAM,wBAAwB,qBAAqB,SAAS;AAC5D,QAAM,qBAAqB,aAAa,SAAS;AAEjD,QAAM,cAA2B,QAC9B,IAAI,CAAC,YAAY;AAAA,IAChB,MAAM;AAAA,IACN,MAAM,OAAO;AAAA,IACb,MAAM,OAAO;AAAA,IACb,QAAQ,WAAW,MAAM;AAAA,IACzB,QAAQ,WAAW,MAAM;AAAA,IACzB,MAAM;AAAA,EAAA,EACN,EACD,OAAO,CAAC,SAAS,KAAK,UAAU,KAAK,MAAM;AAE9C,QAAM,YAAyB,gBAAgB,IAAI,CAAC,UAAU;AAAA,IAC5D,MAAM;AAAA,IACN,MAAM,KAAK,KAAK,QAAQ,WAAW,EAAE;AAAA,IACrC,MAAM,KAAK;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,EAAA,EACA;AAEF,QAAM,WAAwB,mBAAmB,IAAI,CAAC,UAAU;AAAA,IAC9D,MAAM;AAAA,IACN,MAAM,KAAK,KAAK,QAAQ,UAAU,EAAE;AAAA,IACpC,MAAM,KAAK;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,EAAA,EACA;AAGF,QAAM,cAA2B,sBAAsB,IAAI,CAAC,UAAU;AAAA,IACpE,MAAM;AAAA,IACN,MAAM,KAAK,KAAK,QAAQ,mBAAmB,EAAE;AAAA,IAC7C,MAAM,KAAK;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA,EACN;AAEF,QAAM,WAAwB,mBAAmB,IAAI,CAAC,UAAU;AAAA,IAC9D,MAAM;AAAA,IACN,MAAM,KAAK,KAAK,QAAQ,WAAW,EAAE;AAAA,IACrC,MAAM,KAAK;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,EAAA,EACA;AAEF,SAAO,CAAC,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,GAAG,QAAQ;AAChF;AAEO,SAAS,mBAAmB,OAAiC;AAClE,SAAO,MAAM,OAAO,CAAC,SAAS;AAC5B,UAAM,cAAc,eAAe,IAAI;AACvC,YAAO,2CAAa,gBAAe,aAAY,2CAAa,WAAU;AAAA,EACxE,CAAC;AACH;"}

package/dist/client/plugin/src/client.js

@@ -49,6 +49,11 @@ function findTsxFiles(directory) {
     (child) => child.type === "file" && child.name.endsWith(".tsx") && !child.name.endsWith(".d.ts") && child.frontmatter !== void 0
   );
 }
+function findPdfFiles(directory) {
+  return directory.children.filter(
+    (child) => child.type === "file" && child.name.toLowerCase().endsWith(".pdf")
+  );
+}
 function findSlides(directory) {
   const standardSlides = directory.children.find(
     (child) => child.type === "file" && [
@@ -97,44 +102,6 @@ function useDirectory(path = ".") {
     error: result.error
   };
 }
-function useFileContent(path) {
-  const [blob, setBlob] = useState(null);
-  const [content, setContent] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  useEffect(() => {
-    const controller = new AbortController();
-    setLoading(true);
-    setError(null);
-    (async () => {
-      try {
-        const res = await fetch(`/raw/${path}`, {
-          signal: controller.signal
-        });
-        if (!res.ok) {
-          throw new Error(`Failed to fetch: ${res.status} ${res.statusText}`);
-        }
-        const fetchedBlob = await res.blob();
-        setBlob(fetchedBlob);
-        try {
-          const text = await fetchedBlob.text();
-          setContent(text);
-        } catch {
-          setContent(null);
-        }
-      } catch (err) {
-        if (err instanceof Error && err.name === "AbortError") {
-          return;
-        }
-        setError(err instanceof Error ? err.message : "Unknown error");
-      } finally {
-        setLoading(false);
-      }
-    })();
-    return () => controller.abort();
-  }, [path]);
-  return { blob, content, loading, error };
-}
 function isSimulationRunning() {
   const [running, setRunning] = useState(false);
   useEffect(() => {
@@ -162,12 +129,12 @@ function isSimulationRunning() {
 }
 export {
   findMdxFiles,
+  findPdfFiles,
   findReadme,
   findSlides,
   findStandaloneSlides,
   findTsxFiles,
   isSimulationRunning,
-  useDirectory,
-  useFileContent
+  useDirectory
 };
 //# sourceMappingURL=client.js.map

package/dist/client/plugin/src/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","sources":["../../../../plugin/src/client.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from \"react\";\nimport { DirectoryEntry, FileEntry } from \"./lib.js\";\nimport { buildDirectoryTree, navigateToPath } from \"./directory-tree.js\";\n// @ts-ignore - virtual module\nimport { files, frontmatters } from \"virtual:content-modules\";\n\n/**\n * Find the main content file for a directory.\n * Supports (in order of preference):\n * - index.mdx / index.md (modern convention)\n * - README.mdx / README.md (traditional convention)\n */\nexport function findReadme(directory: DirectoryEntry): FileEntry | null {\n  const indexFiles = [\n    \"index.mdx\", \"index.md\",\n    \"README.mdx\", \"Readme.mdx\", \"readme.mdx\",\n    \"README.md\", \"Readme.md\", \"readme.md\",\n  ];\n\n  for (const filename of indexFiles) {\n    const found = directory.children.find((child) =>\n      child.type === \"file\" && child.name === filename\n    ) as FileEntry | undefined;\n    if (found) return found;\n  }\n\n  return null;\n}\n\n/**\n * Find all MDX files in a directory (excluding index/README and slides)\n */\nexport function findMdxFiles(directory: DirectoryEntry): FileEntry[] {\n  const indexFiles = [\n    \"index.mdx\", \"index.md\",\n    \"README.mdx\", \"Readme.mdx\", \"readme.mdx\",\n    \"README.md\", \"Readme.md\", \"readme.md\",\n  ];\n  const slideFiles = [\n    \"SLIDES.mdx\", \"Slides.mdx\", \"slides.mdx\",\n    \"SLIDES.md\", \"Slides.md\", \"slides.md\",\n  ];\n  const excludeFiles = [...indexFiles, ...slideFiles];\n\n  return directory.children.filter((child): child is FileEntry =>\n    child.type === \"file\" &&\n    (child.name.endsWith('.mdx') || child.name.endsWith('.md')) &&\n    !excludeFiles.includes(child.name) &&\n    !child.name.endsWith('.slides.mdx') &&\n    !child.name.endsWith('.slides.md')\n  );\n}\n\n/**\n * Find TSX pages in a directory (requires frontmatter export).\n */\nexport function findTsxFiles(directory: DirectoryEntry): FileEntry[] {\n  return directory.children.filter((child): child is FileEntry =>\n    child.type === \"file\" &&\n    child.name.endsWith('.tsx') &&\n    !child.name.endsWith('.d.ts') &&\n    child.frontmatter !== undefined\n  );\n}\n\nexport function findSlides(directory: DirectoryEntry): FileEntry | null {\n  // First check for standard SLIDES.mdx files\n  const standardSlides = directory.children.find((child) =>\n    child.type === \"file\" &&\n    [\n      \"SLIDES.md\", \"Slides.md\", \"slides.md\",\n      \"SLIDES.mdx\", \"Slides.mdx\", \"slides.mdx\"\n    ].includes(child.name)\n  ) as FileEntry | undefined;\n\n  if (standardSlides) return standardSlides;\n\n  // Then check for *.slides.mdx files\n  const dotSlides = directory.children.find((child) =>\n    child.type === \"file\" &&\n    (child.name.endsWith('.slides.mdx') || child.name.endsWith('.slides.md'))\n  ) as FileEntry | undefined;\n\n  return dotSlides || null;\n}\n\n/**\n * Find all standalone slides files in a directory (*.slides.mdx, *.slides.md)\n * These are slides files that aren't part of a folder (like getting-started.slides.mdx)\n */\nexport function findStandaloneSlides(directory: DirectoryEntry): FileEntry[] {\n  const standardSlideFiles = [\n    \"SLIDES.mdx\", \"Slides.mdx\", \"slides.mdx\",\n    \"SLIDES.md\", \"Slides.md\", \"slides.md\",\n  ];\n\n  return directory.children.filter((child): child is FileEntry =>\n    child.type === \"file\" &&\n    (child.name.endsWith('.slides.mdx') || child.name.endsWith('.slides.md')) &&\n    !standardSlideFiles.includes(child.name)\n  );\n}\n\n\nexport type DirectoryError =\n  | { type: 'path_not_found'; message: string; status: 404 };\n\n// Build directory tree once from glob keys, with frontmatter metadata\nconst directoryTree = buildDirectoryTree(Object.keys(files), frontmatters as Record<string, FileEntry['frontmatter']>);\n\nexport function useDirectory(path: string = \".\") {\n  const result = useMemo(() => {\n    try {\n      const { directory, file } = navigateToPath(directoryTree, path);\n      return { directory, file, error: null as DirectoryError | null };\n    } catch {\n      return { directory: null, file: null, error: { type: 'path_not_found', message: `Path not found: ${path}`, status: 404 } };\n    }\n  }, [path]);\n\n  return {\n    directory: result.directory,\n    file: result.file,\n    loading: false, // No async loading needed\n    error: result.error\n  };\n}\n\nexport function useFileContent(path: string) {\n  const [blob, setBlob] = useState<Blob | null>(null);\n  const [content, setContent] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const controller = new AbortController();\n    setLoading(true);\n    setError(null);\n\n    (async () => {\n      try {\n        const res = await fetch(`/raw/${path}`, {\n          signal: controller.signal,\n        });\n\n        if (!res.ok) {\n          throw new Error(`Failed to fetch: ${res.status} ${res.statusText}`);\n        }\n\n        const fetchedBlob = await res.blob();\n        setBlob(fetchedBlob);\n\n        // Try to read as text - some binary files may fail\n        try {\n          const text = await fetchedBlob.text();\n          setContent(text);\n        } catch {\n          // Binary file - text content not available\n          setContent(null);\n        }\n      } catch (err) {\n        if (err instanceof Error && err.name === 'AbortError') {\n          return; // Ignore abort errors\n        }\n        setError(err instanceof Error ? err.message : 'Unknown error');\n      } finally {\n        setLoading(false);\n      }\n    })();\n\n    return () => controller.abort();\n  }, [path]);\n\n  return { blob, content, loading, error };\n}\n\nexport function isSimulationRunning() {\n  const [running, setRunning] = useState<boolean>(false);\n\n  useEffect(() => {\n    let interval: ReturnType<typeof setInterval>;\n\n    const fetchStatus = async () => {\n      try {\n        const response = await fetch(`/raw/.running`);\n\n        // this is an elaborate workaround to stop devtools logging errors on 404s\n        const text = await response.text()\n        if (text === \"\") {\n          setRunning(true);\n        } else {\n          setRunning(false);\n        }\n      } catch {\n        setRunning(false);\n      }\n    };\n\n    // Initial fetch\n    fetchStatus();\n\n    // Poll every second\n    interval = setInterval(fetchStatus, 1000);\n\n    return () => {\n      clearInterval(interval);\n    };\n  }, []);\n\n  return running;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"client.js","sources":["../../../../plugin/src/client.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from \"react\";\nimport { DirectoryEntry, FileEntry } from \"./lib.js\";\nimport { buildDirectoryTree, navigateToPath } from \"./directory-tree.js\";\n// @ts-ignore - virtual module\nimport { files, frontmatters } from \"virtual:content-modules\";\n\n/**\n * Find the main content file for a directory.\n * Supports (in order of preference):\n * - index.mdx / index.md (modern convention)\n * - README.mdx / README.md (traditional convention)\n */\nexport function findReadme(directory: DirectoryEntry): FileEntry | null {\n  const indexFiles = [\n    \"index.mdx\", \"index.md\",\n    \"README.mdx\", \"Readme.mdx\", \"readme.mdx\",\n    \"README.md\", \"Readme.md\", \"readme.md\",\n  ];\n\n  for (const filename of indexFiles) {\n    const found = directory.children.find((child) =>\n      child.type === \"file\" && child.name === filename\n    ) as FileEntry | undefined;\n    if (found) return found;\n  }\n\n  return null;\n}\n\n/**\n * Find all MDX files in a directory (excluding index/README and slides)\n */\nexport function findMdxFiles(directory: DirectoryEntry): FileEntry[] {\n  const indexFiles = [\n    \"index.mdx\", \"index.md\",\n    \"README.mdx\", \"Readme.mdx\", \"readme.mdx\",\n    \"README.md\", \"Readme.md\", \"readme.md\",\n  ];\n  const slideFiles = [\n    \"SLIDES.mdx\", \"Slides.mdx\", \"slides.mdx\",\n    \"SLIDES.md\", \"Slides.md\", \"slides.md\",\n  ];\n  const excludeFiles = [...indexFiles, ...slideFiles];\n\n  return directory.children.filter((child): child is FileEntry =>\n    child.type === \"file\" &&\n    (child.name.endsWith('.mdx') || child.name.endsWith('.md')) &&\n    !excludeFiles.includes(child.name) &&\n    !child.name.endsWith('.slides.mdx') &&\n    !child.name.endsWith('.slides.md')\n  );\n}\n\n/**\n * Find TSX pages in a directory (requires frontmatter export).\n */\nexport function findTsxFiles(directory: DirectoryEntry): FileEntry[] {\n  return directory.children.filter((child): child is FileEntry =>\n    child.type === \"file\" &&\n    child.name.endsWith('.tsx') &&\n    !child.name.endsWith('.d.ts') &&\n    child.frontmatter !== undefined\n  );\n}\n\n/**\n * Find standalone PDF files in a directory.\n */\nexport function findPdfFiles(directory: DirectoryEntry): FileEntry[] {\n  return directory.children.filter((child): child is FileEntry =>\n    child.type === \"file\" &&\n    child.name.toLowerCase().endsWith('.pdf')\n  );\n}\n\nexport function findSlides(directory: DirectoryEntry): FileEntry | null {\n  // First check for standard SLIDES.mdx files\n  const standardSlides = directory.children.find((child) =>\n    child.type === \"file\" &&\n    [\n      \"SLIDES.md\", \"Slides.md\", \"slides.md\",\n      \"SLIDES.mdx\", \"Slides.mdx\", \"slides.mdx\"\n    ].includes(child.name)\n  ) as FileEntry | undefined;\n\n  if (standardSlides) return standardSlides;\n\n  // Then check for *.slides.mdx files\n  const dotSlides = directory.children.find((child) =>\n    child.type === \"file\" &&\n    (child.name.endsWith('.slides.mdx') || child.name.endsWith('.slides.md'))\n  ) as FileEntry | undefined;\n\n  return dotSlides || null;\n}\n\n/**\n * Find all standalone slides files in a directory (*.slides.mdx, *.slides.md)\n * These are slides files that aren't part of a folder (like getting-started.slides.mdx)\n */\nexport function findStandaloneSlides(directory: DirectoryEntry): FileEntry[] {\n  const standardSlideFiles = [\n    \"SLIDES.mdx\", \"Slides.mdx\", \"slides.mdx\",\n    \"SLIDES.md\", \"Slides.md\", \"slides.md\",\n  ];\n\n  return directory.children.filter((child): child is FileEntry =>\n    child.type === \"file\" &&\n    (child.name.endsWith('.slides.mdx') || child.name.endsWith('.slides.md')) &&\n    !standardSlideFiles.includes(child.name)\n  );\n}\n\n\nexport type DirectoryError =\n  | { type: 'path_not_found'; message: string; status: 404 };\n\n// Build directory tree once from glob keys, with frontmatter metadata\nconst directoryTree = buildDirectoryTree(Object.keys(files), frontmatters as Record<string, FileEntry['frontmatter']>);\n\nexport function useDirectory(path: string = \".\") {\n  const result = useMemo(() => {\n    try {\n      const { directory, file } = navigateToPath(directoryTree, path);\n      return { directory, file, error: null as DirectoryError | null };\n    } catch {\n      return { directory: null, file: null, error: { type: 'path_not_found', message: `Path not found: ${path}`, status: 404 } };\n    }\n  }, [path]);\n\n  return {\n    directory: result.directory,\n    file: result.file,\n    loading: false, // No async loading needed\n    error: result.error\n  };\n}\n\nexport function useFileContent(path: string) {\n  const [blob, setBlob] = useState<Blob | null>(null);\n  const [content, setContent] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const controller = new AbortController();\n    setLoading(true);\n    setError(null);\n\n    (async () => {\n      try {\n        const res = await fetch(`/raw/${path}`, {\n          signal: controller.signal,\n        });\n\n        if (!res.ok) {\n          throw new Error(`Failed to fetch: ${res.status} ${res.statusText}`);\n        }\n\n        const fetchedBlob = await res.blob();\n        setBlob(fetchedBlob);\n\n        // Try to read as text - some binary files may fail\n        try {\n          const text = await fetchedBlob.text();\n          setContent(text);\n        } catch {\n          // Binary file - text content not available\n          setContent(null);\n        }\n      } catch (err) {\n        if (err instanceof Error && err.name === 'AbortError') {\n          return; // Ignore abort errors\n        }\n        setError(err instanceof Error ? err.message : 'Unknown error');\n      } finally {\n        setLoading(false);\n      }\n    })();\n\n    return () => controller.abort();\n  }, [path]);\n\n  return { blob, content, loading, error };\n}\n\nexport function isSimulationRunning() {\n  const [running, setRunning] = useState<boolean>(false);\n\n  useEffect(() => {\n    let interval: ReturnType<typeof setInterval>;\n\n    const fetchStatus = async () => {\n      try {\n        const response = await fetch(`/raw/.running`);\n\n        // this is an elaborate workaround to stop devtools logging errors on 404s\n        const text = await response.text()\n        if (text === \"\") {\n          setRunning(true);\n        } else {\n          setRunning(false);\n        }\n      } catch {\n        setRunning(false);\n      }\n    };\n\n    // Initial fetch\n    fetchStatus();\n\n    // Poll every second\n    interval = setInterval(fetchStatus, 1000);\n\n    return () => {\n      clearInterval(interval);\n    };\n  }, []);\n\n  return running;\n}\n"],"names":[],"mappings":"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"}

package/dist/plugin/src/client.js

@@ -50,6 +50,13 @@ export function findTsxFiles(directory) {
         !child.name.endsWith('.d.ts') &&
         child.frontmatter !== undefined);
 }
+/**
+ * Find standalone PDF files in a directory.
+ */
+export function findPdfFiles(directory) {
+    return directory.children.filter((child) => child.type === "file" &&
+        child.name.toLowerCase().endsWith('.pdf'));
+}
 export function findSlides(directory) {
     // First check for standard SLIDES.mdx files
     const standardSlides = directory.children.find((child) => child.type === "file" &&

package/dist/plugin/src/plugin.js

@@ -514,6 +514,7 @@ export default function contentPlugin(contentDir, config, options) {
                         '.jpeg': 'image/jpeg',
                         '.gif': 'image/gif',
                         '.svg': 'image/svg+xml',
+                        '.pdf': 'application/pdf',
                         '.json': 'application/json',
                         '.md': 'text/markdown',
                         '.yaml': 'text/yaml',
@@ -612,6 +613,7 @@ export const files = import.meta.glob([
   '@content/*.gif',
   '@content/*.svg',
   '@content/*.webp',
+  '@content/*.pdf',
   '@content/*.css',
   '@content/*.yaml',
   '@content/*.yml',
@@ -628,6 +630,7 @@ export const files = import.meta.glob([
   '@content/**/*.gif',
   '@content/**/*.svg',
   '@content/**/*.webp',
+  '@content/**/*.pdf',
   '@content/**/*.css',
   '@content/**/*.yaml',
   '@content/**/*.yml',
@@ -659,7 +662,7 @@ export const modules = import.meta.glob(['@content/*.mdx', '@content/*.md', '@co
             // Watch content directory for all file changes (add, delete, change)
             server.watcher.add(dir);
             // File extensions that should trigger a full reload
-            const watchedExtensions = ['.mdx', '.md', '.yaml', '.yml', '.json', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp', '.tsx', '.ts', '.jsx', '.js', '.css'];
+            const watchedExtensions = ['.mdx', '.md', '.yaml', '.yml', '.json', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp', '.pdf', '.tsx', '.ts', '.jsx', '.js', '.css'];
             // Debounce reload to avoid rapid-fire refreshes when multiple files change
             let reloadTimeout = null;
             const pendingChanges = [];
@@ -719,7 +722,7 @@ export const modules = import.meta.glob(['@content/*.mdx', '@content/*.md', '@co
             // Check if the changed file is in the content directory
             // Return empty array to prevent default HMR - we handle it in configureServer
             if (file.startsWith(dir)) {
-                const watchedExtensions = ['.mdx', '.md', '.yaml', '.yml', '.json', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp', '.tsx', '.ts', '.jsx', '.js', '.css'];
+                const watchedExtensions = ['.mdx', '.md', '.yaml', '.yml', '.json', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp', '.pdf', '.tsx', '.ts', '.jsx', '.js', '.css'];
                 const ext = path.extname(file).toLowerCase();
                 if (watchedExtensions.includes(ext)) {
                     return []; // Prevent default HMR, we already handle this via watcher events

package/package.json

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

package/plugin/src/client.tsx

@@ -63,6 +63,16 @@ export function findTsxFiles(directory: DirectoryEntry): FileEntry[] {
   );
 }
 
+/**
+ * Find standalone PDF files in a directory.
+ */
+export function findPdfFiles(directory: DirectoryEntry): FileEntry[] {
+  return directory.children.filter((child): child is FileEntry =>
+    child.type === "file" &&
+    child.name.toLowerCase().endsWith('.pdf')
+  );
+}
+
 export function findSlides(directory: DirectoryEntry): FileEntry | null {
   // First check for standard SLIDES.mdx files
   const standardSlides = directory.children.find((child) =>

package/plugin/src/plugin.ts

@@ -580,6 +580,7 @@ export default function contentPlugin(contentDir: string, config?: VeslxConfig,
             '.jpeg': 'image/jpeg',
             '.gif': 'image/gif',
             '.svg': 'image/svg+xml',
+            '.pdf': 'application/pdf',
             '.json': 'application/json',
             '.md': 'text/markdown',
             '.yaml': 'text/yaml',
@@ -692,6 +693,7 @@ export const files = import.meta.glob([
   '@content/*.gif',
   '@content/*.svg',
   '@content/*.webp',
+  '@content/*.pdf',
   '@content/*.css',
   '@content/*.yaml',
   '@content/*.yml',
@@ -708,6 +710,7 @@ export const files = import.meta.glob([
   '@content/**/*.gif',
   '@content/**/*.svg',
   '@content/**/*.webp',
+  '@content/**/*.pdf',
   '@content/**/*.css',
   '@content/**/*.yaml',
   '@content/**/*.yml',
@@ -743,7 +746,7 @@ export const modules = import.meta.glob(['@content/*.mdx', '@content/*.md', '@co
       server.watcher.add(dir)
 
       // File extensions that should trigger a full reload
-      const watchedExtensions = ['.mdx', '.md', '.yaml', '.yml', '.json', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp', '.tsx', '.ts', '.jsx', '.js', '.css']
+      const watchedExtensions = ['.mdx', '.md', '.yaml', '.yml', '.json', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp', '.pdf', '.tsx', '.ts', '.jsx', '.js', '.css']
 
       // Debounce reload to avoid rapid-fire refreshes when multiple files change
       let reloadTimeout: ReturnType<typeof setTimeout> | null = null
@@ -813,7 +816,7 @@ export const modules = import.meta.glob(['@content/*.mdx', '@content/*.md', '@co
       // Check if the changed file is in the content directory
       // Return empty array to prevent default HMR - we handle it in configureServer
       if (file.startsWith(dir)) {
-        const watchedExtensions = ['.mdx', '.md', '.yaml', '.yml', '.json', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp', '.tsx', '.ts', '.jsx', '.js', '.css']
+        const watchedExtensions = ['.mdx', '.md', '.yaml', '.yml', '.json', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp', '.pdf', '.tsx', '.ts', '.jsx', '.js', '.css']
         const ext = path.extname(file).toLowerCase()
         if (watchedExtensions.includes(ext)) {
           return [] // Prevent default HMR, we already handle this via watcher events

package/src/components/index.ts

@@ -1,7 +1,4 @@
 
 export { default as Gallery } from './gallery'
-export { ParameterTable } from './parameter-table'
-export { ParameterBadge } from './parameter-badge'
 export { Slide } from './slide'
-export { VeslxCat } from './veslx-cat'
 export { VeslxTOC } from './veslx-toc'

package/src/components/mdx-components.tsx

@@ -1,14 +1,7 @@
 import { Link, useLocation } from 'react-router-dom'
 import Gallery from '@/components/gallery'
-import { ParameterTable } from '@/components/parameter-table'
-import { ParameterBadge } from '@/components/parameter-badge'
-import { VeslxCat } from '@/components/veslx-cat'
 import { VeslxTOC } from '@/components/veslx-toc'
 import { FrontMatter } from './front-matter'
-import { HeroSlide } from './slides/hero-slide'
-import { FigureSlide } from './slides/figure-slide'
-import { TextSlide } from './slides/text-slide'
-import { SlideOutline } from './slides/slide-outline'
 import { PostList } from '@/components/post-list'
 import { PostListItem } from '@/components/post-list-item'
 import { VeslxSearch } from '@/components/veslx-search'
@@ -83,24 +76,10 @@ export const mdxComponents = {
 
   VeslxGallery: Gallery,
 
-  VeslxParameterTable: ParameterTable,
-
-  VeslxParameterBadge: ParameterBadge,
-
-  VeslxHeroSlide: HeroSlide,
-
-  VeslxFigureSlide: FigureSlide,
-
-  VeslxTextSlide: TextSlide,
-
-  VeslxSlideOutline: SlideOutline,
-
   VeslxPostList: PostList,
 
   VeslxPostListItem: PostListItem,
 
-  VeslxCat: VeslxCat,
-
   VeslxTOC: VeslxTOC,
 
   VeslxSearch: VeslxSearch,