veslx 0.1.27 → 0.1.28

package/bin/lib/build.ts

@@ -84,7 +84,8 @@ export default async function buildApp(dir?: string) {
     site: {
       ...defaults.site,
       ...fileConfig?.site,
-    }
+    },
+    slides: fileConfig?.slides,
   };
 
   const veslxRoot = new URL('../..', import.meta.url).pathname;

package/bin/lib/serve.ts

@@ -79,7 +79,8 @@ export default async function serve(dir?: string) {
     site: {
       ...defaults.site,
       ...fileConfig?.site,
-    }
+    },
+    slides: fileConfig?.slides,
   };
 
   const veslxRoot = new URL('../..', import.meta.url).pathname;

package/dist/client/components/header.js

@@ -3,10 +3,10 @@ import { useParams, Link } from "react-router-dom";
 import { ModeToggle } from "./mode-toggle.js";
 import { SiGithub } from "@icons-pack/react-simple-icons";
 import { ChevronUp, ChevronDown } from "lucide-react";
-import siteConfig from "virtual:veslx-config";
+import veslxConfig from "virtual:veslx-config";
 import { cn } from "../lib/utils.js";
 function Header({ slideControls } = {}) {
-  const config = siteConfig;
+  const config = veslxConfig.site;
   const { "*": path } = useParams();
   return /* @__PURE__ */ jsx("header", { className: cn(
     "print:hidden",
@@ -50,28 +50,6 @@ function Header({ slideControls } = {}) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(
-        Link,
-        {
-          to: `/posts`,
-          className: cn(
-            "font-medium text-muted-foreground/70 hover:text-foreground transition-colors duration-300",
-            (path == null ? void 0 : path.startsWith("posts")) && "font-semibold text-foreground"
-          ),
-          children: "Posts"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Link,
-        {
-          to: `/docs`,
-          className: cn(
-            "font-medium text-muted-foreground/70 hover:text-foreground transition-colors duration-300",
-            (path == null ? void 0 : path.startsWith("docs")) && "font-semibold text-foreground"
-          ),
-          children: "Docs"
-        }
-      ),
       config.github && /* @__PURE__ */ jsx(
         Link,
         {

package/dist/client/components/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../src/components/header.tsx"],"sourcesContent":["import { Link, useParams } from \"react-router-dom\";\nimport { ModeToggle } from \"./mode-toggle\";\nimport { SiGithub } from \"@icons-pack/react-simple-icons\";\nimport { ChevronUp, ChevronDown } from \"lucide-react\";\nimport siteConfig from \"virtual:veslx-config\";\nimport { cn } from \"@/lib/utils\";\n\ninterface HeaderProps {\n  slideControls?: {\n    current: number;\n    total: number;\n    onPrevious: () => void;\n    onNext: () => void;\n  };\n}\n\nexport function Header({ slideControls }: HeaderProps = {}) {\n  const config = siteConfig;\n\n  const { \"*\": path } = useParams()\n\n  return (\n    <header className={cn(\n      \"print:hidden\",\n      slideControls && \"fixed top-0 left-0 right-0 z-40\"\n    )}>\n      <div className={cn(\n        \"mx-auto w-full px-[var(--page-padding)] flex items-center gap-8 py-4\",\n        !slideControls && \"max-w-[var(--content-width)]\"\n      )}>\n        <nav className=\"flex items-center gap-1\">\n          <Link\n            to=\"/\"\n            className=\"rounded-lg font-mono py-1.5 text-sm font-medium text-muted-foreground hover:underline\"\n          >\n            {config.name}\n          </Link>\n        </nav>\n\n        <div className=\"flex-1\" />\n\n        {/* Navigation */}\n        <nav className=\"flex items-center gap-4\">\n          {slideControls && (\n            <>\n              <button\n                onClick={slideControls.onPrevious}\n                className=\"p-1.5 text-muted-foreground/70 hover:text-foreground transition-colors duration-200\"\n                title=\"Previous slide (↑)\"\n              >\n                <ChevronUp className=\"h-4 w-4\" />\n              </button>\n              <span className=\"font-mono text-xs text-muted-foreground/70 tabular-nums min-w-[3ch] text-center\">\n                {slideControls.current + 1}/{slideControls.total}\n              </span>\n              <button\n                onClick={slideControls.onNext}\n                className=\"p-1.5 text-muted-foreground/70 hover:text-foreground transition-colors duration-200\"\n                title=\"Next slide (↓)\"\n              >\n                <ChevronDown className=\"h-4 w-4\" />\n              </button>\n            </>\n          )}\n          <Link\n            to={`/posts`}\n            className={cn(\n              \"font-medium text-muted-foreground/70 hover:text-foreground transition-colors duration-300\",\n              path?.startsWith(\"posts\") && \"font-semibold text-foreground\",\n            )}\n          >\n            Posts\n          </Link>\n          <Link\n            to={`/docs`}\n            className={cn(\n              \"font-medium text-muted-foreground/70 hover:text-foreground transition-colors duration-300\",\n              path?.startsWith(\"docs\") && \"font-semibold text-foreground\",\n            )}\n          >\n            Docs\n          </Link>\n          {config.github && (\n            <Link\n              to={`https://github.com/${config.github}`}\n              target=\"_blank\"\n              className=\"text-muted-foreground/70 hover:text-foreground transition-colors duration-300\"\n              aria-label=\"GitHub\"\n            >\n              <SiGithub className=\"h-4 w-4\" />\n            </Link>\n          )}\n          <ModeToggle />\n        </nav>\n      </div>\n    </header>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAgBO,SAAS,OAAO,EAAE,cAAA,IAA+B,IAAI;AAC1D,QAAM,SAAS;AAEf,QAAM,EAAE,KAAK,KAAA,IAAS,UAAA;AAEtB,SACE,oBAAC,YAAO,WAAW;AAAA,IACjB;AAAA,IACA,iBAAiB;AAAA,EAAA,GAEjB,UAAA,qBAAC,OAAA,EAAI,WAAW;AAAA,IACd;AAAA,IACA,CAAC,iBAAiB;AAAA,EAAA,GAElB,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAU;AAAA,QAET,UAAA,OAAO;AAAA,MAAA;AAAA,IAAA,GAEZ;AAAA,IAEA,oBAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,IAGxB,qBAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,MAAA,iBACC,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,cAAc;AAAA,YACvB,WAAU;AAAA,YACV,OAAM;AAAA,YAEN,UAAA,oBAAC,WAAA,EAAU,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjC,qBAAC,QAAA,EAAK,WAAU,mFACb,UAAA;AAAA,UAAA,cAAc,UAAU;AAAA,UAAE;AAAA,UAAE,cAAc;AAAA,QAAA,GAC7C;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,cAAc;AAAA,YACvB,WAAU;AAAA,YACV,OAAM;AAAA,YAEN,UAAA,oBAAC,aAAA,EAAY,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACnC,GACF;AAAA,MAEF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW;AAAA,YACT;AAAA,aACA,6BAAM,WAAW,aAAY;AAAA,UAAA;AAAA,UAEhC,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW;AAAA,YACT;AAAA,aACA,6BAAM,WAAW,YAAW;AAAA,UAAA;AAAA,UAE/B,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGA,OAAO,UACN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI,sBAAsB,OAAO,MAAM;AAAA,UACvC,QAAO;AAAA,UACP,WAAU;AAAA,UACV,cAAW;AAAA,UAEX,UAAA,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,0BAGjC,YAAA,CAAA,CAAW;AAAA,IAAA,EAAA,CACd;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"header.js","sources":["../../../src/components/header.tsx"],"sourcesContent":["import { Link, useParams } from \"react-router-dom\";\nimport { ModeToggle } from \"./mode-toggle\";\nimport { SiGithub } from \"@icons-pack/react-simple-icons\";\nimport { ChevronUp, ChevronDown } from \"lucide-react\";\nimport veslxConfig from \"virtual:veslx-config\";\nimport { cn } from \"@/lib/utils\";\n\ninterface HeaderProps {\n  slideControls?: {\n    current: number;\n    total: number;\n    onPrevious: () => void;\n    onNext: () => void;\n  };\n}\n\nexport function Header({ slideControls }: HeaderProps = {}) {\n  const config = veslxConfig.site;\n\n  const { \"*\": path } = useParams()\n\n  return (\n    <header className={cn(\n      \"print:hidden\",\n      slideControls && \"fixed top-0 left-0 right-0 z-40\"\n    )}>\n      <div className={cn(\n        \"mx-auto w-full px-[var(--page-padding)] flex items-center gap-8 py-4\",\n        !slideControls && \"max-w-[var(--content-width)]\"\n      )}>\n        <nav className=\"flex items-center gap-1\">\n          <Link\n            to=\"/\"\n            className=\"rounded-lg font-mono py-1.5 text-sm font-medium text-muted-foreground hover:underline\"\n          >\n            {config.name}\n          </Link>\n        </nav>\n\n        <div className=\"flex-1\" />\n\n        {/* Navigation */}\n        <nav className=\"flex items-center gap-4\">\n          {slideControls && (\n            <>\n              <button\n                onClick={slideControls.onPrevious}\n                className=\"p-1.5 text-muted-foreground/70 hover:text-foreground transition-colors duration-200\"\n                title=\"Previous slide (↑)\"\n              >\n                <ChevronUp className=\"h-4 w-4\" />\n              </button>\n              <span className=\"font-mono text-xs text-muted-foreground/70 tabular-nums min-w-[3ch] text-center\">\n                {slideControls.current + 1}/{slideControls.total}\n              </span>\n              <button\n                onClick={slideControls.onNext}\n                className=\"p-1.5 text-muted-foreground/70 hover:text-foreground transition-colors duration-200\"\n                title=\"Next slide (↓)\"\n              >\n                <ChevronDown className=\"h-4 w-4\" />\n              </button>\n            </>\n          )}\n          {config.github && (\n            <Link\n              to={`https://github.com/${config.github}`}\n              target=\"_blank\"\n              className=\"text-muted-foreground/70 hover:text-foreground transition-colors duration-300\"\n              aria-label=\"GitHub\"\n            >\n              <SiGithub className=\"h-4 w-4\" />\n            </Link>\n          )}\n          <ModeToggle />\n        </nav>\n      </div>\n    </header>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAgBO,SAAS,OAAO,EAAE,cAAA,IAA+B,IAAI;AAC1D,QAAM,SAAS,YAAY;AAE3B,QAAM,EAAE,KAAK,KAAA,IAAS,UAAA;AAEtB,SACE,oBAAC,YAAO,WAAW;AAAA,IACjB;AAAA,IACA,iBAAiB;AAAA,EAAA,GAEjB,UAAA,qBAAC,OAAA,EAAI,WAAW;AAAA,IACd;AAAA,IACA,CAAC,iBAAiB;AAAA,EAAA,GAElB,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAU;AAAA,QAET,UAAA,OAAO;AAAA,MAAA;AAAA,IAAA,GAEZ;AAAA,IAEA,oBAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,IAGxB,qBAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,MAAA,iBACC,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,cAAc;AAAA,YACvB,WAAU;AAAA,YACV,OAAM;AAAA,YAEN,UAAA,oBAAC,WAAA,EAAU,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjC,qBAAC,QAAA,EAAK,WAAU,mFACb,UAAA;AAAA,UAAA,cAAc,UAAU;AAAA,UAAE;AAAA,UAAE,cAAc;AAAA,QAAA,GAC7C;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,cAAc;AAAA,YACvB,WAAU;AAAA,YACV,OAAM;AAAA,YAEN,UAAA,oBAAC,aAAA,EAAY,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACnC,GACF;AAAA,MAED,OAAO,UACN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI,sBAAsB,OAAO,MAAM;AAAA,UACvC,QAAO;AAAA,UACP,WAAU;AAAA,UACV,cAAW;AAAA,UAEX,UAAA,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,0BAGjC,YAAA,CAAA,CAAW;AAAA,IAAA,EAAA,CACd;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

@@ -8,6 +8,7 @@ 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";
 function SmartLink({ href, children, ...props }) {
   const location = useLocation();
   const isExternal = (href == null ? void 0 : href.startsWith("http")) || (href == null ? void 0 : href.startsWith("mailto:")) || (href == null ? void 0 : href.startsWith("tel:"));
@@ -57,6 +58,7 @@ const mdxComponents = {
   FigureSlide,
   TextSlide,
   SlideOutline,
+  PostList,
   // Headings - clean sans-serif
   h1: (props) => {
     const id = generateId(props.children);

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'\n\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  // 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 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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"}

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

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+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, linkPath, isSlides }) {
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      to: linkPath,
+      className: cn(
+        "group block py-3 px-3 -mx-3 rounded-md",
+        "transition-colors duration-150"
+      ),
+      children: /* @__PURE__ */ jsxs("article", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: cn(
+            "text-sm font-medium text-foreground",
+            "group-hover:underline",
+            "flex items-center gap-2"
+          ), children: [
+            /* @__PURE__ */ jsx("span", { children: title }),
+            /* @__PURE__ */ jsx(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" })
+          ] }),
+          description && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground line-clamp-1 mt-0.5", children: description })
+        ] }),
+        isSlides && /* @__PURE__ */ jsx(Presentation, { className: "h-3 w-3 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(
+          "time",
+          {
+            dateTime: date == null ? void 0 : date.toISOString(),
+            className: "font-mono text-xs text-muted-foreground tabular-nums w-20 flex-shrink-0",
+            children: date && formatDate(date)
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  PostListItem
+};
+//# sourceMappingURL=post-list-item.js.map

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

@@ -0,0 +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  linkPath: string;\n  isSlides?: boolean;\n}\n\nexport function PostListItem({ title, description, date, linkPath, isSlides }: PostListItemProps) {\n  return (\n    <Link\n      to={linkPath}\n      className={cn(\n        \"group block py-3 px-3 -mx-3 rounded-md\",\n        \"transition-colors duration-150\",\n      )}\n    >\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    </Link>\n  );\n}\n"],"names":[],"mappings":";;;;;AAaO,SAAS,aAAa,EAAE,OAAO,aAAa,MAAM,UAAU,YAA+B;AAChG,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA,qBAAC,WAAA,EAAQ,WAAU,2BAEjB,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,UAAA,qBAAC,SAAI,WAAW;AAAA,YACd;AAAA,YACA;AAAA,YACA;AAAA,UAAA,GAEA,UAAA;AAAA,YAAA,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,YACb,oBAAC,YAAA,EAAW,WAAU,8HAAA,CAA8H;AAAA,UAAA,GACtJ;AAAA,UAEC,eACC,oBAAC,OAAA,EAAI,WAAU,qDACZ,UAAA,YAAA,CACH;AAAA,QAAA,GAEJ;AAAA,QAEC,YACC,oBAAC,cAAA,EAAa,WAAU,gCAAA,CAAgC;AAAA,QAE1D;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU,6BAAM;AAAA,YAChB,WAAU;AAAA,YAET,UAAA,QAAQ,WAAW,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,102 +1,62 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-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";
-import { directoryToPostEntries, filterVisiblePosts, filterByView, getFrontmatter } from "../lib/content-classification.js";
-function extractOrder(name) {
-  const match = name.match(/^(\d+)-/);
-  return match ? parseInt(match[1], 10) : null;
-}
-function stripNumericPrefix(name) {
+import { jsx } from "react/jsx-runtime";
+import { useParams } from "react-router-dom";
+import { directoryToPostEntries, filterVisiblePosts, getFrontmatter } from "../lib/content-classification.js";
+import { useDirectory } from "../plugin/src/client.js";
+import { ErrorDisplay } from "./page-error.js";
+import { PostListItem } from "./post-list-item.js";
+function formatName(name) {
   return name.replace(/^\d+-/, "").replace(/-/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
 }
-function PostList({ directory, view = "all" }) {
+function getLinkPath(post) {
+  if (post.file) {
+    return `/${post.file.path}`;
+  } else if (post.slides && !post.readme) {
+    return `/${post.slides.path}`;
+  } else if (post.readme) {
+    return `/${post.readme.path}`;
+  } else {
+    return `/${post.path}`;
+  }
+}
+function PostList() {
+  const { "*": path = "." } = useParams();
+  const { directory, error } = useDirectory(path);
+  if (error) {
+    return /* @__PURE__ */ jsx(ErrorDisplay, { error, path });
+  }
+  if (!directory) {
+    return /* @__PURE__ */ jsx("div", { className: "py-24 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground font-mono text-sm tracking-wide", children: "no entries" }) });
+  }
   let posts = directoryToPostEntries(directory);
   if (posts.length === 0) {
     return /* @__PURE__ */ jsx("div", { className: "py-24 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground font-mono text-sm tracking-wide", children: "no entries" }) });
   }
   posts = filterVisiblePosts(posts);
-  posts = filterByView(posts, view);
   if (posts.length === 0) {
     return /* @__PURE__ */ jsx("div", { className: "py-24 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground font-mono text-sm tracking-wide", children: "no entries" }) });
   }
-  const getPostDate = (post) => {
-    const frontmatter = getFrontmatter(post);
-    return (frontmatter == null ? void 0 : frontmatter.date) ? new Date(frontmatter.date) : null;
-  };
-  posts = posts.sort((a, b) => {
-    var _a, _b;
-    const aOrder = extractOrder(a.name);
-    const bOrder = extractOrder(b.name);
-    const aDate = getPostDate(a);
-    const bDate = getPostDate(b);
-    if (aOrder !== null && bOrder !== null) {
-      return aOrder - bOrder;
-    }
-    if (aOrder !== null) return -1;
-    if (bOrder !== null) return 1;
-    if (aDate && bDate) {
-      return bDate.getTime() - aDate.getTime();
-    }
-    if (aDate) return -1;
-    if (bDate) return 1;
-    const aTitle = ((_a = getFrontmatter(a)) == null ? void 0 : _a.title) || a.name;
-    const bTitle = ((_b = getFrontmatter(b)) == null ? void 0 : _b.title) || b.name;
-    return aTitle.localeCompare(bTitle);
-  });
-  return /* @__PURE__ */ jsx("div", { className: "space-y-1", children: posts.map((post) => {
+  posts = posts.sort((a, b) => a.name.localeCompare(b.name));
+  return /* @__PURE__ */ jsx("div", { className: "space-y-1 not-prose", children: posts.map((post) => {
     const frontmatter = getFrontmatter(post);
-    const title = (frontmatter == null ? void 0 : frontmatter.title) || stripNumericPrefix(post.name);
+    const title = (frontmatter == null ? void 0 : frontmatter.title) || formatName(post.name);
     const description = frontmatter == null ? void 0 : frontmatter.description;
-    const date = (frontmatter == null ? void 0 : frontmatter.date) ? new Date(frontmatter.date) : null;
-    let linkPath;
-    if (post.file) {
-      linkPath = `/${post.file.path}`;
-    } else if (post.slides && !post.readme) {
-      linkPath = `/${post.slides.path}`;
-    } else if (post.readme) {
-      linkPath = `/${post.readme.path}`;
-    } else {
-      linkPath = `/${post.path}`;
-    }
+    const date = (frontmatter == null ? void 0 : frontmatter.date) ? new Date(frontmatter.date) : void 0;
+    const linkPath = getLinkPath(post);
     const isSlides = linkPath.endsWith("SLIDES.mdx") || linkPath.endsWith(".slides.mdx");
     return /* @__PURE__ */ jsx(
-      Link,
+      PostListItem,
       {
-        to: linkPath,
-        className: cn(
-          "group block py-3 px-3 -mx-3 rounded-md",
-          "transition-colors duration-150"
-        ),
-        children: /* @__PURE__ */ jsxs("article", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsxs("h3", { className: cn(
-              "text-sm font-medium text-foreground",
-              "group-hover:underline",
-              "flex items-center gap-2"
-            ), children: [
-              /* @__PURE__ */ jsx("span", { children: title }),
-              /* @__PURE__ */ jsx(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" })
-            ] }),
-            description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground line-clamp-1 mt-0.5", children: description })
-          ] }),
-          isSlides && /* @__PURE__ */ jsx(Presentation, { className: "h-3 w-3 text-muted-foreground" }),
-          /* @__PURE__ */ jsx(
-            "time",
-            {
-              dateTime: date == null ? void 0 : date.toISOString(),
-              className: "font-mono text-xs text-muted-foreground tabular-nums w-20 flex-shrink-0",
-              children: date && formatDate(date)
-            }
-          )
-        ] })
+        title,
+        description,
+        date,
+        linkPath,
+        isSlides
       },
       post.path
     );
   }) });
 }
 export {
-  PostList as default
+  PostList
 };
 //# sourceMappingURL=post-list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"post-list.js","sources":["../../../src/components/post-list.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport { cn } from \"@/lib/utils\";\nimport type { DirectoryEntry } from \"../../plugin/src/lib\";\nimport { formatDate } from \"@/lib/format-date\";\nimport { ArrowRight, Presentation } from \"lucide-react\";\nimport {\n  type ContentView,\n  type PostEntry,\n  directoryToPostEntries,\n  filterVisiblePosts,\n  filterByView,\n  getFrontmatter,\n} from \"@/lib/content-classification\";\n\n// Helper to extract numeric prefix from filename (e.g., \"01-intro\" → 1)\nfunction extractOrder(name: string): number | null {\n  const match = name.match(/^(\\d+)-/);\n  return match ? parseInt(match[1], 10) : null;\n}\n\n// Helper to strip numeric prefix for display (e.g., \"01-getting-started\" → \"Getting Started\")\nfunction stripNumericPrefix(name: string): string {\n  return name\n    .replace(/^\\d+-/, '')\n    .replace(/-/g, ' ')\n    .replace(/\\b\\w/g, c => c.toUpperCase());\n}\n\ninterface PostListProps {\n  directory: DirectoryEntry;\n  view?: ContentView;\n}\n\nexport default function PostList({ directory, view = 'all' }: PostListProps) {\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  // Apply view filter\n  posts = filterByView(posts, view);\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  // Helper to get date from post\n  const getPostDate = (post: PostEntry): Date | null => {\n    const frontmatter = getFrontmatter(post);\n    return frontmatter?.date ? new Date(frontmatter.date as string) : null;\n  };\n\n  // Smart sorting: numeric prefix → date → alphabetical\n  posts = posts.sort((a, b) => {\n    const aOrder = extractOrder(a.name);\n    const bOrder = extractOrder(b.name);\n    const aDate = getPostDate(a);\n    const bDate = getPostDate(b);\n\n    // Both have numeric prefix → sort by number\n    if (aOrder !== null && bOrder !== null) {\n      return aOrder - bOrder;\n    }\n    // One has prefix, one doesn't → prefixed comes first\n    if (aOrder !== null) return -1;\n    if (bOrder !== null) return 1;\n\n    // Both have dates → sort by date (newest first)\n    if (aDate && bDate) {\n      return bDate.getTime() - aDate.getTime();\n    }\n    // One has date → dated comes first\n    if (aDate) return -1;\n    if (bDate) return 1;\n\n    // Neither → alphabetical by title\n    const aTitle = (getFrontmatter(a)?.title as string) || a.name;\n    const bTitle = (getFrontmatter(b)?.title as string) || b.name;\n    return aTitle.localeCompare(bTitle);\n  });\n\n  return (\n    <div className=\"space-y-1\">\n      {posts.map((post) => {\n        const frontmatter = getFrontmatter(post);\n\n        // Title: explicit frontmatter > stripped numeric prefix > raw name\n        const title = (frontmatter?.title as string) || stripNumericPrefix(post.name);\n        const description = frontmatter?.description as string | undefined;\n        const date = frontmatter?.date ? new Date(frontmatter.date as string) : null;\n\n        // Determine the link path\n        let linkPath: string;\n        if (post.file) {\n          // Standalone MDX file\n          linkPath = `/${post.file.path}`;\n        } else if (post.slides && !post.readme) {\n          // Folder with only slides\n          linkPath = `/${post.slides.path}`;\n        } else if (post.readme) {\n          // Folder with readme\n          linkPath = `/${post.readme.path}`;\n        } else {\n          // Fallback to folder path\n          linkPath = `/${post.path}`;\n        }\n\n        const isSlides = linkPath.endsWith('SLIDES.mdx') || linkPath.endsWith('.slides.mdx');\n\n        return (\n          <Link\n            key={post.path}\n            to={linkPath}\n            className={cn(\n              \"group block py-3 px-3 -mx-3 rounded-md\",\n              \"transition-colors duration-150\",\n            )}\n          >\n            <article className=\"flex items-center gap-4\">\n              {/* Main content */}\n              <div className=\"flex-1 min-w-0\">\n                <h3 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                </h3>\n\n                {description && (\n                  <p className=\"text-sm text-muted-foreground line-clamp-1 mt-0.5\">\n                    {description}\n                  </p>\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          </Link>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAeA,SAAS,aAAa,MAA6B;AACjD,QAAM,QAAQ,KAAK,MAAM,SAAS;AAClC,SAAO,QAAQ,SAAS,MAAM,CAAC,GAAG,EAAE,IAAI;AAC1C;AAGA,SAAS,mBAAmB,MAAsB;AAChD,SAAO,KACJ,QAAQ,SAAS,EAAE,EACnB,QAAQ,MAAM,GAAG,EACjB,QAAQ,SAAS,CAAA,MAAK,EAAE,aAAa;AAC1C;AAOA,SAAwB,SAAS,EAAE,WAAW,OAAO,SAAwB;AAC3E,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,UAAQ,aAAa,OAAO,IAAI;AAEhC,MAAI,MAAM,WAAW,GAAG;AACtB,WACE,oBAAC,SAAI,WAAU,qBACb,8BAAC,KAAA,EAAE,WAAU,yDAAwD,UAAA,aAAA,CAAU,EAAA,CACjF;AAAA,EAEJ;AAGA,QAAM,cAAc,CAAC,SAAiC;AACpD,UAAM,cAAc,eAAe,IAAI;AACvC,YAAO,2CAAa,QAAO,IAAI,KAAK,YAAY,IAAc,IAAI;AAAA,EACpE;AAGA,UAAQ,MAAM,KAAK,CAAC,GAAG,MAAM;;AAC3B,UAAM,SAAS,aAAa,EAAE,IAAI;AAClC,UAAM,SAAS,aAAa,EAAE,IAAI;AAClC,UAAM,QAAQ,YAAY,CAAC;AAC3B,UAAM,QAAQ,YAAY,CAAC;AAG3B,QAAI,WAAW,QAAQ,WAAW,MAAM;AACtC,aAAO,SAAS;AAAA,IAClB;AAEA,QAAI,WAAW,KAAM,QAAO;AAC5B,QAAI,WAAW,KAAM,QAAO;AAG5B,QAAI,SAAS,OAAO;AAClB,aAAO,MAAM,YAAY,MAAM,QAAA;AAAA,IACjC;AAEA,QAAI,MAAO,QAAO;AAClB,QAAI,MAAO,QAAO;AAGlB,UAAM,WAAU,oBAAe,CAAC,MAAhB,mBAAmB,UAAoB,EAAE;AACzD,UAAM,WAAU,oBAAe,CAAC,MAAhB,mBAAmB,UAAoB,EAAE;AACzD,WAAO,OAAO,cAAc,MAAM;AAAA,EACpC,CAAC;AAED,6BACG,OAAA,EAAI,WAAU,aACZ,UAAA,MAAM,IAAI,CAAC,SAAS;AACnB,UAAM,cAAc,eAAe,IAAI;AAGvC,UAAM,SAAS,2CAAa,UAAoB,mBAAmB,KAAK,IAAI;AAC5E,UAAM,cAAc,2CAAa;AACjC,UAAM,QAAO,2CAAa,QAAO,IAAI,KAAK,YAAY,IAAc,IAAI;AAGxE,QAAI;AACJ,QAAI,KAAK,MAAM;AAEb,iBAAW,IAAI,KAAK,KAAK,IAAI;AAAA,IAC/B,WAAW,KAAK,UAAU,CAAC,KAAK,QAAQ;AAEtC,iBAAW,IAAI,KAAK,OAAO,IAAI;AAAA,IACjC,WAAW,KAAK,QAAQ;AAEtB,iBAAW,IAAI,KAAK,OAAO,IAAI;AAAA,IACjC,OAAO;AAEL,iBAAW,IAAI,KAAK,IAAI;AAAA,IAC1B;AAEA,UAAM,WAAW,SAAS,SAAS,YAAY,KAAK,SAAS,SAAS,aAAa;AAEnF,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,IAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAGF,UAAA,qBAAC,WAAA,EAAQ,WAAU,2BAEjB,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,YAAA,qBAAC,QAAG,WAAW;AAAA,cACb;AAAA,cACA;AAAA,cACA;AAAA,YAAA,GAEA,UAAA;AAAA,cAAA,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,cACb,oBAAC,YAAA,EAAW,WAAU,8HAAA,CAA8H;AAAA,YAAA,GACtJ;AAAA,YAEC,eACC,oBAAC,KAAA,EAAE,WAAU,qDACV,UAAA,YAAA,CACH;AAAA,UAAA,GAEJ;AAAA,UAEC,YACC,oBAAC,cAAA,EAAa,WAAU,gCAAA,CAAgC;AAAA,UAE1D;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAU,6BAAM;AAAA,cAChB,WAAU;AAAA,cAET,UAAA,QAAQ,WAAW,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1B,EAAA,CACF;AAAA,MAAA;AAAA,MAnCK,KAAK;AAAA,IAAA;AAAA,EAsChB,CAAC,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"post-list.js","sources":["../../../src/components/post-list.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\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\";\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\n// Helper to get link path from post\nfunction getLinkPath(post: PostEntry): string {\n  if (post.file) {\n    // Standalone MDX file\n    return `/${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 `/${post.readme.path}`;\n  } else {\n    // Fallback to folder path\n    return `/${post.path}`;\n  }\n}\n\nexport function PostList() {\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  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  // Alphanumeric sorting by name\n  posts = posts.sort((a, b) => a.name.localeCompare(b.name));\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 linkPath = getLinkPath(post);\n        const isSlides = linkPath.endsWith('SLIDES.mdx') || linkPath.endsWith('.slides.mdx');\n\n        return (\n          <PostListItem\n            key={post.path}\n            title={title}\n            description={description}\n            date={date}\n            linkPath={linkPath}\n            isSlides={isSlides}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAaA,SAAS,WAAW,MAAsB;AACxC,SAAO,KACJ,QAAQ,SAAS,EAAE,EACnB,QAAQ,MAAM,GAAG,EACjB,QAAQ,SAAS,CAAA,MAAK,EAAE,aAAa;AAC1C;AAGA,SAAS,YAAY,MAAyB;AAC5C,MAAI,KAAK,MAAM;AAEb,WAAO,IAAI,KAAK,KAAK,IAAI;AAAA,EAC3B,WAAW,KAAK,UAAU,CAAC,KAAK,QAAQ;AAEtC,WAAO,IAAI,KAAK,OAAO,IAAI;AAAA,EAC7B,WAAW,KAAK,QAAQ;AAEtB,WAAO,IAAI,KAAK,OAAO,IAAI;AAAA,EAC7B,OAAO;AAEL,WAAO,IAAI,KAAK,IAAI;AAAA,EACtB;AACF;AAEO,SAAS,WAAW;AACzB,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;AAEhC,MAAI,MAAM,WAAW,GAAG;AACtB,WACE,oBAAC,SAAI,WAAU,qBACb,8BAAC,KAAA,EAAE,WAAU,yDAAwD,UAAA,aAAA,CAAU,EAAA,CACjF;AAAA,EAEJ;AAGA,UAAQ,MAAM,KAAK,CAAC,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;AAEzD,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,WAAW,YAAY,IAAI;AACjC,UAAM,WAAW,SAAS,SAAS,YAAY,KAAK,SAAS,SAAS,aAAa;AAEnF,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MALK,KAAK;AAAA,IAAA;AAAA,EAQhB,CAAC,EAAA,CACH;AAEJ;"}

package/dist/client/hooks/use-mdx-content.js

@@ -2,7 +2,7 @@ import { useState, useEffect } from "react";
 function findMdxModule(modules, path) {
   const keys = Object.keys(modules);
   const normalizedPath = path.replace(/^\//, "");
-  if (normalizedPath.endsWith(".mdx")) {
+  if (normalizedPath.endsWith(".mdx") || normalizedPath.endsWith(".md")) {
     const matchingKey = keys.find((key) => {
       if (key.endsWith(`/${normalizedPath}`)) return true;
       if (key === `@content/${normalizedPath}`) return true;
@@ -15,8 +15,11 @@ function findMdxModule(modules, path) {
   }
   const candidates = [
     `${normalizedPath}/index.mdx`,
+    `${normalizedPath}/index.md`,
     `${normalizedPath}/README.mdx`,
-    `${normalizedPath}.mdx`
+    `${normalizedPath}/README.md`,
+    `${normalizedPath}.mdx`,
+    `${normalizedPath}.md`
   ];
   for (const candidate of candidates) {
     const matchingKey = keys.find((key) => {
@@ -67,7 +70,7 @@ function useMDXContent(path) {
 function findSlidesModule(modules, path) {
   const keys = Object.keys(modules);
   const normalizedPath = path.replace(/^\//, "");
-  if (normalizedPath.endsWith(".mdx")) {
+  if (normalizedPath.endsWith(".mdx") || normalizedPath.endsWith(".md")) {
     const matchingKey = keys.find((key) => {
       if (key.endsWith(`/${normalizedPath}`)) return true;
       if (key === `@content/${normalizedPath}`) return true;
@@ -80,7 +83,9 @@ function findSlidesModule(modules, path) {
   }
   const candidates = [
     `${normalizedPath}/SLIDES.mdx`,
-    `${normalizedPath}/index.slides.mdx`
+    `${normalizedPath}/SLIDES.md`,
+    `${normalizedPath}/index.slides.mdx`,
+    `${normalizedPath}/index.slides.md`
   ];
   for (const candidate of candidates) {
     const matchingKey = keys.find((key) => {
@@ -130,7 +135,62 @@ function useMDXSlides(path) {
   }, [path]);
   return { Content, frontmatter, slideCount, loading, error };
 }
+function findIndexModule(modules, path) {
+  const keys = Object.keys(modules);
+  const normalizedPath = path.replace(/^\//, "") || ".";
+  const candidates = normalizedPath === "." ? ["index.mdx", "index.md"] : [`${normalizedPath}/index.mdx`, `${normalizedPath}/index.md`];
+  for (const candidate of candidates) {
+    const matchingKey = keys.find((key) => {
+      if (key.endsWith(`/${candidate}`)) return true;
+      if (key === `@content/${candidate}`) return true;
+      if (key === candidate) return true;
+      return false;
+    });
+    if (matchingKey) {
+      return modules[matchingKey];
+    }
+  }
+  return null;
+}
+function useIndexContent(path) {
+  const [Content, setContent] = useState(null);
+  const [frontmatter, setFrontmatter] = useState(void 0);
+  const [loading, setLoading] = useState(true);
+  const [notFound, setNotFound] = useState(false);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    setNotFound(false);
+    import("virtual:content-modules").then(({ modules }) => {
+      const loader = findIndexModule(modules, path);
+      if (!loader) {
+        if (!cancelled) {
+          setNotFound(true);
+          setLoading(false);
+        }
+        return null;
+      }
+      return loader();
+    }).then((mod) => {
+      if (mod && !cancelled) {
+        setContent(() => mod.default);
+        setFrontmatter(mod.frontmatter);
+        setLoading(false);
+      }
+    }).catch(() => {
+      if (!cancelled) {
+        setNotFound(true);
+        setLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [path]);
+  return { Content, frontmatter, loading, notFound };
+}
 export {
+  useIndexContent,
   useMDXContent,
   useMDXSlides
 };

package/dist/client/hooks/use-mdx-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mdx-content.js","sources":["../../../src/hooks/use-mdx-content.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport type { ComponentType } from 'react'\n\ninterface MDXModule {\n  default: ComponentType<{ components?: Record<string, ComponentType> }>\n  frontmatter?: {\n    title?: string\n    description?: string\n    date?: string\n    visibility?: string\n    draft?: boolean\n  }\n  slideCount?: number // Exported by remark-slides plugin for SLIDES.mdx files\n}\n\ntype ModuleLoader = () => Promise<MDXModule>\ntype ModuleMap = Record<string, ModuleLoader>\n\n/**\n * Find MDX module by path. Supports:\n * - Full path: \"docs/intro.mdx\" -> matches exactly\n * - Folder path: \"docs\" -> matches \"docs/index.mdx\", \"docs/README.mdx\", or \"docs.mdx\"\n */\nfunction findMdxModule(modules: ModuleMap, path: string): ModuleLoader | null {\n  const keys = Object.keys(modules)\n\n  // Normalize path - remove leading slash if present\n  const normalizedPath = path.replace(/^\\//, '')\n\n  // If path already ends with .mdx, match exactly\n  if (normalizedPath.endsWith('.mdx')) {\n    // Try multiple matching strategies for different Vite glob formats\n    const matchingKey = keys.find(key => {\n      // Strategy 1: Key ends with /path (e.g., @content/docs/foo.mdx matches docs/foo.mdx)\n      if (key.endsWith(`/${normalizedPath}`)) return true\n      // Strategy 2: Key equals @content/path (alias form)\n      if (key === `@content/${normalizedPath}`) return true\n      // Strategy 3: Key equals /@content/path (with leading slash)\n      if (key === `/@content/${normalizedPath}`) return true\n      // Strategy 4: Key equals path directly\n      if (key === normalizedPath) return true\n      // Strategy 5: Key equals /path (with leading slash)\n      if (key === `/${normalizedPath}`) return true\n      return false\n    })\n    return matchingKey ? modules[matchingKey] : null\n  }\n\n  // Otherwise, try folder conventions in order of preference:\n  // 1. folder/index.mdx (modern convention)\n  // 2. folder/README.mdx (current convention)\n  // 3. folder.mdx (file alongside folders)\n  const candidates = [\n    `${normalizedPath}/index.mdx`,\n    `${normalizedPath}/README.mdx`,\n    `${normalizedPath}.mdx`,\n  ]\n\n  for (const candidate of candidates) {\n    const matchingKey = keys.find(key => {\n      if (key.endsWith(`/${candidate}`)) return true\n      if (key === `@content/${candidate}`) return true\n      if (key === candidate) return true\n      return false\n    })\n    if (matchingKey) {\n      return modules[matchingKey]\n    }\n  }\n\n  return null\n}\n\nexport function useMDXContent(path: string) {\n  const [Content, setContent] = useState<MDXModule['default'] | null>(null)\n  const [frontmatter, setFrontmatter] = useState<MDXModule['frontmatter']>(undefined)\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState<Error | null>(null)\n\n  useEffect(() => {\n    let cancelled = false\n    setLoading(true)\n    setError(null)\n\n    // Dynamic import to avoid pre-bundling issues\n    import('virtual:content-modules')\n      .then(({ modules }) => {\n        const loader = findMdxModule(modules as ModuleMap, path)\n\n        if (!loader) {\n          throw new Error(`MDX module not found for path: ${path}`)\n        }\n\n        return loader()\n      })\n      .then((mod) => {\n        if (!cancelled) {\n          setContent(() => mod.default)\n          setFrontmatter(mod.frontmatter)\n          setLoading(false)\n        }\n      })\n      .catch((err) => {\n        if (!cancelled) {\n          setError(err)\n          setLoading(false)\n        }\n      })\n\n    return () => {\n      cancelled = true\n    }\n  }, [path])\n\n  return { Content, frontmatter, loading, error }\n}\n\n/**\n * Find slides module by path. Supports:\n * - Full path: \"docs/intro.slides.mdx\" or \"docs/SLIDES.mdx\" -> matches exactly\n * - Folder path: \"docs\" -> matches \"docs/SLIDES.mdx\" or \"docs/index.slides.mdx\"\n */\nfunction findSlidesModule(modules: ModuleMap, path: string): ModuleLoader | null {\n  const keys = Object.keys(modules)\n\n  // Normalize path - remove leading slash if present\n  const normalizedPath = path.replace(/^\\//, '')\n\n  // If path already ends with .mdx, match exactly\n  if (normalizedPath.endsWith('.mdx')) {\n    // Try multiple matching strategies for different Vite glob formats\n    const matchingKey = keys.find(key => {\n      // Strategy 1: Key ends with /path (e.g., @content/docs/foo.slides.mdx matches docs/foo.slides.mdx)\n      if (key.endsWith(`/${normalizedPath}`)) return true\n      // Strategy 2: Key equals @content/path (alias form)\n      if (key === `@content/${normalizedPath}`) return true\n      // Strategy 3: Key equals /@content/path (with leading slash)\n      if (key === `/@content/${normalizedPath}`) return true\n      // Strategy 4: Key equals path directly\n      if (key === normalizedPath) return true\n      // Strategy 5: Key equals /path (with leading slash)\n      if (key === `/${normalizedPath}`) return true\n      return false\n    })\n    return matchingKey ? modules[matchingKey] : null\n  }\n\n  // Otherwise, try folder conventions:\n  // 1. folder/SLIDES.mdx (current convention)\n  // 2. folder/index.slides.mdx (alternative)\n  const candidates = [\n    `${normalizedPath}/SLIDES.mdx`,\n    `${normalizedPath}/index.slides.mdx`,\n  ]\n\n  for (const candidate of candidates) {\n    const matchingKey = keys.find(key => {\n      if (key.endsWith(`/${candidate}`)) return true\n      if (key === `@content/${candidate}`) return true\n      if (key === candidate) return true\n      return false\n    })\n    if (matchingKey) {\n      return modules[matchingKey]\n    }\n  }\n\n  return null\n}\n\nexport function useMDXSlides(path: string) {\n  const [Content, setContent] = useState<MDXModule['default'] | null>(null)\n  const [frontmatter, setFrontmatter] = useState<MDXModule['frontmatter']>(undefined)\n  const [slideCount, setSlideCount] = useState<number | undefined>(undefined)\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState<Error | null>(null)\n\n  useEffect(() => {\n    let cancelled = false\n    setLoading(true)\n    setError(null)\n\n    // Dynamic import to avoid pre-bundling issues\n    import('virtual:content-modules')\n      .then(({ slides }) => {\n        const loader = findSlidesModule(slides as ModuleMap, path)\n\n        if (!loader) {\n          throw new Error(`Slides module not found for path: ${path}`)\n        }\n\n        return loader()\n      })\n      .then((mod) => {\n        if (!cancelled) {\n          setContent(() => mod.default)\n          setFrontmatter(mod.frontmatter)\n          setSlideCount(mod.slideCount)\n          setLoading(false)\n        }\n      })\n      .catch((err) => {\n        if (!cancelled) {\n          setError(err)\n          setLoading(false)\n        }\n      })\n\n    return () => {\n      cancelled = true\n    }\n  }, [path])\n\n  return { Content, frontmatter, slideCount, loading, error }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-mdx-content.js","sources":["../../../src/hooks/use-mdx-content.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport type { ComponentType } from 'react'\n\ninterface MDXModule {\n  default: ComponentType<{ components?: Record<string, ComponentType> }>\n  frontmatter?: {\n    title?: string\n    description?: string\n    date?: string\n    visibility?: string\n    draft?: boolean\n  }\n  slideCount?: number // Exported by remark-slides plugin for SLIDES.mdx files\n}\n\ntype ModuleLoader = () => Promise<MDXModule>\ntype ModuleMap = Record<string, ModuleLoader>\n\n/**\n * Find MDX/MD module by path. Supports:\n * - Full path: \"docs/intro.mdx\" or \"docs/intro.md\" -> matches exactly\n * - Folder path: \"docs\" -> matches \"docs/index.mdx\", \"docs/README.mdx\", or \"docs.mdx\" (and .md variants)\n */\nfunction findMdxModule(modules: ModuleMap, path: string): ModuleLoader | null {\n  const keys = Object.keys(modules)\n\n  // Normalize path - remove leading slash if present\n  const normalizedPath = path.replace(/^\\//, '')\n\n  // If path already ends with .mdx or .md, match exactly\n  if (normalizedPath.endsWith('.mdx') || normalizedPath.endsWith('.md')) {\n    // Try multiple matching strategies for different Vite glob formats\n    const matchingKey = keys.find(key => {\n      // Strategy 1: Key ends with /path (e.g., @content/docs/foo.mdx matches docs/foo.mdx)\n      if (key.endsWith(`/${normalizedPath}`)) return true\n      // Strategy 2: Key equals @content/path (alias form)\n      if (key === `@content/${normalizedPath}`) return true\n      // Strategy 3: Key equals /@content/path (with leading slash)\n      if (key === `/@content/${normalizedPath}`) return true\n      // Strategy 4: Key equals path directly\n      if (key === normalizedPath) return true\n      // Strategy 5: Key equals /path (with leading slash)\n      if (key === `/${normalizedPath}`) return true\n      return false\n    })\n    return matchingKey ? modules[matchingKey] : null\n  }\n\n  // Otherwise, try folder conventions in order of preference:\n  // 1. folder/index.mdx (modern convention)\n  // 2. folder/README.mdx (current convention)\n  // 3. folder.mdx (file alongside folders)\n  // Also try .md variants\n  const candidates = [\n    `${normalizedPath}/index.mdx`,\n    `${normalizedPath}/index.md`,\n    `${normalizedPath}/README.mdx`,\n    `${normalizedPath}/README.md`,\n    `${normalizedPath}.mdx`,\n    `${normalizedPath}.md`,\n  ]\n\n  for (const candidate of candidates) {\n    const matchingKey = keys.find(key => {\n      if (key.endsWith(`/${candidate}`)) return true\n      if (key === `@content/${candidate}`) return true\n      if (key === candidate) return true\n      return false\n    })\n    if (matchingKey) {\n      return modules[matchingKey]\n    }\n  }\n\n  return null\n}\n\nexport function useMDXContent(path: string) {\n  const [Content, setContent] = useState<MDXModule['default'] | null>(null)\n  const [frontmatter, setFrontmatter] = useState<MDXModule['frontmatter']>(undefined)\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState<Error | null>(null)\n\n  useEffect(() => {\n    let cancelled = false\n    setLoading(true)\n    setError(null)\n\n    // Dynamic import to avoid pre-bundling issues\n    import('virtual:content-modules')\n      .then(({ modules }) => {\n        const loader = findMdxModule(modules as ModuleMap, path)\n\n        if (!loader) {\n          throw new Error(`MDX module not found for path: ${path}`)\n        }\n\n        return loader()\n      })\n      .then((mod) => {\n        if (!cancelled) {\n          setContent(() => mod.default)\n          setFrontmatter(mod.frontmatter)\n          setLoading(false)\n        }\n      })\n      .catch((err) => {\n        if (!cancelled) {\n          setError(err)\n          setLoading(false)\n        }\n      })\n\n    return () => {\n      cancelled = true\n    }\n  }, [path])\n\n  return { Content, frontmatter, loading, error }\n}\n\n/**\n * Find slides module by path. Supports:\n * - Full path: \"docs/intro.slides.mdx\" or \"docs/SLIDES.mdx\" -> matches exactly\n * - Folder path: \"docs\" -> matches \"docs/SLIDES.mdx\" or \"docs/index.slides.mdx\"\n */\nfunction findSlidesModule(modules: ModuleMap, path: string): ModuleLoader | null {\n  const keys = Object.keys(modules)\n\n  // Normalize path - remove leading slash if present\n  const normalizedPath = path.replace(/^\\//, '')\n\n  // If path already ends with .mdx or .md, match exactly\n  if (normalizedPath.endsWith('.mdx') || normalizedPath.endsWith('.md')) {\n    // Try multiple matching strategies for different Vite glob formats\n    const matchingKey = keys.find(key => {\n      // Strategy 1: Key ends with /path (e.g., @content/docs/foo.slides.mdx matches docs/foo.slides.mdx)\n      if (key.endsWith(`/${normalizedPath}`)) return true\n      // Strategy 2: Key equals @content/path (alias form)\n      if (key === `@content/${normalizedPath}`) return true\n      // Strategy 3: Key equals /@content/path (with leading slash)\n      if (key === `/@content/${normalizedPath}`) return true\n      // Strategy 4: Key equals path directly\n      if (key === normalizedPath) return true\n      // Strategy 5: Key equals /path (with leading slash)\n      if (key === `/${normalizedPath}`) return true\n      return false\n    })\n    return matchingKey ? modules[matchingKey] : null\n  }\n\n  // Otherwise, try folder conventions:\n  // 1. folder/SLIDES.mdx (current convention)\n  // 2. folder/index.slides.mdx (alternative)\n  // Also try .md variants\n  const candidates = [\n    `${normalizedPath}/SLIDES.mdx`,\n    `${normalizedPath}/SLIDES.md`,\n    `${normalizedPath}/index.slides.mdx`,\n    `${normalizedPath}/index.slides.md`,\n  ]\n\n  for (const candidate of candidates) {\n    const matchingKey = keys.find(key => {\n      if (key.endsWith(`/${candidate}`)) return true\n      if (key === `@content/${candidate}`) return true\n      if (key === candidate) return true\n      return false\n    })\n    if (matchingKey) {\n      return modules[matchingKey]\n    }\n  }\n\n  return null\n}\n\nexport function useMDXSlides(path: string) {\n  const [Content, setContent] = useState<MDXModule['default'] | null>(null)\n  const [frontmatter, setFrontmatter] = useState<MDXModule['frontmatter']>(undefined)\n  const [slideCount, setSlideCount] = useState<number | undefined>(undefined)\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState<Error | null>(null)\n\n  useEffect(() => {\n    let cancelled = false\n    setLoading(true)\n    setError(null)\n\n    // Dynamic import to avoid pre-bundling issues\n    import('virtual:content-modules')\n      .then(({ slides }) => {\n        const loader = findSlidesModule(slides as ModuleMap, path)\n\n        if (!loader) {\n          throw new Error(`Slides module not found for path: ${path}`)\n        }\n\n        return loader()\n      })\n      .then((mod) => {\n        if (!cancelled) {\n          setContent(() => mod.default)\n          setFrontmatter(mod.frontmatter)\n          setSlideCount(mod.slideCount)\n          setLoading(false)\n        }\n      })\n      .catch((err) => {\n        if (!cancelled) {\n          setError(err)\n          setLoading(false)\n        }\n      })\n\n    return () => {\n      cancelled = true\n    }\n  }, [path])\n\n  return { Content, frontmatter, slideCount, loading, error }\n}\n\n/**\n * Find only index.mdx or index.md in a directory (not README or other conventions)\n */\nfunction findIndexModule(modules: ModuleMap, path: string): ModuleLoader | null {\n  const keys = Object.keys(modules)\n\n  // Normalize path - remove leading slash, handle root\n  const normalizedPath = path.replace(/^\\//, '') || '.'\n\n  // Only look for index.mdx or index.md\n  const candidates = normalizedPath === '.'\n    ? ['index.mdx', 'index.md']\n    : [`${normalizedPath}/index.mdx`, `${normalizedPath}/index.md`]\n\n  for (const candidate of candidates) {\n    const matchingKey = keys.find(key => {\n      if (key.endsWith(`/${candidate}`)) return true\n      if (key === `@content/${candidate}`) return true\n      if (key === candidate) return true\n      return false\n    })\n    if (matchingKey) {\n      return modules[matchingKey]\n    }\n  }\n\n  return null\n}\n\n/**\n * Hook for loading index.mdx/index.md content only.\n * Returns notFound: true if no index file exists (instead of throwing an error).\n */\nexport function useIndexContent(path: string) {\n  const [Content, setContent] = useState<MDXModule['default'] | null>(null)\n  const [frontmatter, setFrontmatter] = useState<MDXModule['frontmatter']>(undefined)\n  const [loading, setLoading] = useState(true)\n  const [notFound, setNotFound] = useState(false)\n\n  useEffect(() => {\n    let cancelled = false\n    setLoading(true)\n    setNotFound(false)\n\n    import('virtual:content-modules')\n      .then(({ modules }) => {\n        const loader = findIndexModule(modules as ModuleMap, path)\n\n        if (!loader) {\n          // No index file - this is not an error, just means fallback to directory listing\n          if (!cancelled) {\n            setNotFound(true)\n            setLoading(false)\n          }\n          return null\n        }\n\n        return loader()\n      })\n      .then((mod) => {\n        if (mod && !cancelled) {\n          setContent(() => mod.default)\n          setFrontmatter(mod.frontmatter)\n          setLoading(false)\n        }\n      })\n      .catch(() => {\n        // Treat load errors as not found\n        if (!cancelled) {\n          setNotFound(true)\n          setLoading(false)\n        }\n      })\n\n    return () => {\n      cancelled = true\n    }\n  }, [path])\n\n  return { Content, frontmatter, loading, notFound }\n}\n"],"names":[],"mappings":"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"}

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

@@ -3,24 +3,6 @@ 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);
 }
-function hasDate(post) {
-  const frontmatter = getFrontmatter(post);
-  return (frontmatter == null ? void 0 : frontmatter.date) !== void 0 && frontmatter.date !== null && frontmatter.date !== "";
-}
-function filterByView(posts, view) {
-  if (view === "all") return posts;
-  if (view === "posts") return posts.filter(hasDate);
-  if (view === "docs") return posts.filter((post) => !hasDate(post));
-  return posts;
-}
-function getViewCounts(posts) {
-  const dated = posts.filter(hasDate).length;
-  return {
-    posts: dated,
-    docs: posts.length - dated,
-    all: posts.length
-  };
-}
 function directoryToPostEntries(directory) {
   const folders = directory.children.filter((c) => c.type === "directory");
   const standaloneFiles = findMdxFiles(directory);
@@ -59,10 +41,7 @@ function filterVisiblePosts(posts) {
 }
 export {
   directoryToPostEntries,
-  filterByView,
   filterVisiblePosts,
-  getFrontmatter,
-  getViewCounts,
-  hasDate
+  getFrontmatter
 };
 //# sourceMappingURL=content-classification.js.map