veslx 0.1.27 → 0.1.28

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 { ContentView } from \"../../plugin/src/types\";\nimport type { DirectoryEntry, FileEntry } from \"../../plugin/src/lib\";\nimport { findReadme, findSlides, findMdxFiles, findStandaloneSlides } 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 hasDate(post: PostEntry): boolean {\n  const frontmatter = getFrontmatter(post);\n  return frontmatter?.date !== undefined && frontmatter.date !== null && frontmatter.date !== '';\n}\n\nexport function filterByView(posts: PostEntry[], view: ContentView): PostEntry[] {\n  if (view === 'all') return posts;\n  if (view === 'posts') return posts.filter(hasDate);\n  if (view === 'docs') return posts.filter(post => !hasDate(post));\n  return posts;\n}\n\nexport function getViewCounts(posts: PostEntry[]): { posts: number; docs: number; all: number } {\n  const dated = posts.filter(hasDate).length;\n  return {\n    posts: dated,\n    docs: posts.length - dated,\n    all: posts.length,\n  };\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 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  // 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, ...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\nexport type { ContentView };\n"],"names":[],"mappings":";AAaO,SAAS,eAAe,MAAiB;;AAC9C,WAAO,UAAK,WAAL,mBAAa,kBAAe,UAAK,SAAL,mBAAW,kBAAe,UAAK,WAAL,mBAAa;AAC5E;AAEO,SAAS,QAAQ,MAA0B;AAChD,QAAM,cAAc,eAAe,IAAI;AACvC,UAAO,2CAAa,UAAS,UAAa,YAAY,SAAS,QAAQ,YAAY,SAAS;AAC9F;AAEO,SAAS,aAAa,OAAoB,MAAgC;AAC/E,MAAI,SAAS,MAAO,QAAO;AAC3B,MAAI,SAAS,QAAS,QAAO,MAAM,OAAO,OAAO;AACjD,MAAI,SAAS,OAAQ,QAAO,MAAM,OAAO,CAAA,SAAQ,CAAC,QAAQ,IAAI,CAAC;AAC/D,SAAO;AACT;AAEO,SAAS,cAAc,OAAkE;AAC9F,QAAM,QAAQ,MAAM,OAAO,OAAO,EAAE;AACpC,SAAO;AAAA,IACL,OAAO;AAAA,IACP,MAAM,MAAM,SAAS;AAAA,IACrB,KAAK,MAAM;AAAA,EAAA;AAEf;AAEO,SAAS,uBAAuB,WAAwC;AAC7E,QAAM,UAAU,UAAU,SAAS,OAAO,CAAC,MAA2B,EAAE,SAAS,WAAW;AAC5F,QAAM,kBAAkB,aAAa,SAAS;AAC9C,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;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,WAAW;AACtD;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 } 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 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  // 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, ...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,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;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,WAAW;AACtD;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/pages/content-router.js

@@ -3,18 +3,10 @@ import { useParams } from "react-router-dom";
 import { Home } from "./home.js";
 import { Post } from "./post.js";
 import { SlidesPage } from "./slides.js";
+import { IndexPost } from "./index-post.js";
 function ContentRouter() {
   var _a;
   const { "*": path = "" } = useParams();
-  if (path === "posts") {
-    return /* @__PURE__ */ jsx(Home, { view: "posts" });
-  }
-  if (path === "docs") {
-    return /* @__PURE__ */ jsx(Home, { view: "docs" });
-  }
-  if (path === "all") {
-    return /* @__PURE__ */ jsx(Home, { view: "all" });
-  }
   const filename = ((_a = path.split("/").pop()) == null ? void 0 : _a.toLowerCase()) || "";
   const isSlides = path.endsWith(".slides.mdx") || path.endsWith(".slides.md") || filename === "slides.mdx" || filename === "slides.md";
   if (isSlides) {
@@ -23,7 +15,7 @@ function ContentRouter() {
   if (path.endsWith(".mdx") || path.endsWith(".md")) {
     return /* @__PURE__ */ jsx(Post, {});
   }
-  return /* @__PURE__ */ jsx(Home, {});
+  return /* @__PURE__ */ jsx(IndexPost, { fallback: /* @__PURE__ */ jsx(Home, {}) });
 }
 export {
   ContentRouter

package/dist/client/pages/content-router.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-router.js","sources":["../../../src/pages/content-router.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\"\nimport { Home } from \"./home\"\nimport { Post } from \"./post\"\nimport { SlidesPage } from \"./slides\"\n\n/**\n * Routes to the appropriate page based on the URL path:\n * - /posts → Home with posts view\n * - /docs → Home with docs view\n * - *.slides.mdx or *SLIDES.mdx → SlidesPage\n * - *.mdx → Post\n * - everything else → Home (directory listing)\n */\nexport function ContentRouter() {\n  const { \"*\": path = \"\" } = useParams()\n\n  // Check for content view routes\n  if (path === 'posts') {\n    return <Home view=\"posts\" />\n  }\n  if (path === 'docs') {\n    return <Home view=\"docs\" />\n  }\n  if (path === 'all') {\n    return <Home view=\"all\" />\n  }\n\n  // Check if this is a slides file\n  const filename = path.split('/').pop()?.toLowerCase() || ''\n  const isSlides =\n    path.endsWith('.slides.mdx') ||\n    path.endsWith('.slides.md') ||\n    filename === 'slides.mdx' ||\n    filename === 'slides.md'\n  if (isSlides) {\n    return <SlidesPage />\n  }\n\n  // Check if this is any MDX file\n  if (path.endsWith('.mdx') || path.endsWith('.md')) {\n    return <Post />\n  }\n\n  // Otherwise show directory listing\n  return <Home />\n}\n"],"names":[],"mappings":";;;;;AAaO,SAAS,gBAAgB;;AAC9B,QAAM,EAAE,KAAK,OAAO,GAAA,IAAO,UAAA;AAG3B,MAAI,SAAS,SAAS;AACpB,WAAO,oBAAC,MAAA,EAAK,MAAK,QAAA,CAAQ;AAAA,EAC5B;AACA,MAAI,SAAS,QAAQ;AACnB,WAAO,oBAAC,MAAA,EAAK,MAAK,OAAA,CAAO;AAAA,EAC3B;AACA,MAAI,SAAS,OAAO;AAClB,WAAO,oBAAC,MAAA,EAAK,MAAK,MAAA,CAAM;AAAA,EAC1B;AAGA,QAAM,aAAW,UAAK,MAAM,GAAG,EAAE,IAAA,MAAhB,mBAAuB,kBAAiB;AACzD,QAAM,WACJ,KAAK,SAAS,aAAa,KAC3B,KAAK,SAAS,YAAY,KAC1B,aAAa,gBACb,aAAa;AACf,MAAI,UAAU;AACZ,+BAAQ,YAAA,EAAW;AAAA,EACrB;AAGA,MAAI,KAAK,SAAS,MAAM,KAAK,KAAK,SAAS,KAAK,GAAG;AACjD,+BAAQ,MAAA,EAAK;AAAA,EACf;AAGA,6BAAQ,MAAA,EAAK;AACf;"}
+{"version":3,"file":"content-router.js","sources":["../../../src/pages/content-router.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\"\nimport { Home } from \"./home\"\nimport { Post } from \"./post\"\nimport { SlidesPage } from \"./slides\"\nimport { IndexPost } from \"./index-post\"\n\n/**\n * Routes to the appropriate page based on the URL path:\n * - *.slides.mdx or *SLIDES.mdx → SlidesPage\n * - *.mdx or *.md → Post\n * - directory with index.mdx/index.md → IndexPost (renders index file)\n * - everything else → Home (directory listing)\n */\nexport function ContentRouter() {\n  const { \"*\": path = \"\" } = useParams()\n\n  // Check if this is a slides file\n  const filename = path.split('/').pop()?.toLowerCase() || ''\n  const isSlides =\n    path.endsWith('.slides.mdx') ||\n    path.endsWith('.slides.md') ||\n    filename === 'slides.mdx' ||\n    filename === 'slides.md'\n  if (isSlides) {\n    return <SlidesPage />\n  }\n\n  // Check if this is any MDX/MD file\n  if (path.endsWith('.mdx') || path.endsWith('.md')) {\n    return <Post />\n  }\n\n  // For directories, try to render index.mdx/index.md, fallback to Home\n  return <IndexPost fallback={<Home />} />\n}\n"],"names":[],"mappings":";;;;;;AAaO,SAAS,gBAAgB;;AAC9B,QAAM,EAAE,KAAK,OAAO,GAAA,IAAO,UAAA;AAG3B,QAAM,aAAW,UAAK,MAAM,GAAG,EAAE,IAAA,MAAhB,mBAAuB,kBAAiB;AACzD,QAAM,WACJ,KAAK,SAAS,aAAa,KAC3B,KAAK,SAAS,YAAY,KAC1B,aAAa,gBACb,aAAa;AACf,MAAI,UAAU;AACZ,+BAAQ,YAAA,EAAW;AAAA,EACrB;AAGA,MAAI,KAAK,SAAS,MAAM,KAAK,KAAK,SAAS,KAAK,GAAG;AACjD,+BAAQ,MAAA,EAAK;AAAA,EACf;AAGA,SAAO,oBAAC,WAAA,EAAU,UAAU,oBAAC,QAAK,GAAI;AACxC;"}

package/dist/client/pages/home.js

@@ -1,26 +1,13 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
-import { useDirectory } from "../plugin/src/client.js";
-import PostList from "../components/post-list.js";
-import { ErrorDisplay } from "../components/page-error.js";
-import { RunningBar } from "../components/running-bar.js";
+import { PostList } from "../components/post-list.js";
 import { Header } from "../components/header.js";
-import { getViewCounts, filterVisiblePosts, directoryToPostEntries } from "../lib/content-classification.js";
-import siteConfig from "virtual:veslx-config";
-function Home({ view }) {
+import veslxConfig from "virtual:veslx-config";
+function Home() {
   const { "*": path = "." } = useParams();
-  const config = siteConfig;
-  const isViewRoute = path === "posts" || path === "docs" || path === "all";
-  const directoryPath = isViewRoute ? "." : path;
-  const { directory, error } = useDirectory(directoryPath);
-  const activeView = view ?? config.defaultView;
-  const isRoot = path === "." || path === "" || isViewRoute;
-  directory ? getViewCounts(filterVisiblePosts(directoryToPostEntries(directory))) : {};
-  if (error) {
-    return /* @__PURE__ */ jsx(ErrorDisplay, { error, path });
-  }
+  const config = veslxConfig.site;
+  const isRoot = path === "." || path === "";
   return /* @__PURE__ */ jsxs("div", { className: "flex min-h-screen flex-col bg-background noise-overlay", children: [
-    /* @__PURE__ */ jsx(RunningBar, {}),
     /* @__PURE__ */ jsx(Header, {}),
     /* @__PURE__ */ jsxs("main", { className: "flex-1 mx-auto w-full max-w-[var(--content-width)] px-[var(--page-padding)]", children: [
       /* @__PURE__ */ jsx("title", { children: isRoot ? config.name : `${config.name} - ${path}` }),
@@ -29,7 +16,7 @@ function Home({ view }) {
           /* @__PURE__ */ jsx("h1", { className: "text-2xl md:text-3xl font-semibold tracking-tight text-foreground", children: config.name }),
           config.description && /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground", children: config.description })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: directory && /* @__PURE__ */ jsx("div", { className: "animate-fade-in", children: /* @__PURE__ */ jsx(PostList, { directory, view: isRoot ? activeView : "all" }) }) })
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx("div", { className: "animate-fade-in", children: /* @__PURE__ */ jsx(PostList, {}) }) })
       ] })
     ] })
   ] });

package/dist/client/pages/home.js.map

@@ -1 +1 @@
-{"version":3,"file":"home.js","sources":["../../../src/pages/home.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\"\nimport { useDirectory } from \"../../plugin/src/client\";\nimport Loading from \"@/components/loading\";\nimport PostList from \"@/components/post-list\";\nimport { ErrorDisplay } from \"@/components/page-error\";\nimport { RunningBar } from \"@/components/running-bar\";\nimport { Header } from \"@/components/header\";\nimport { ContentTabs } from \"@/components/content-tabs\";\nimport {\n  type ContentView,\n  directoryToPostEntries,\n  filterVisiblePosts,\n  getViewCounts,\n} from \"@/lib/content-classification\";\nimport siteConfig from \"virtual:veslx-config\";\n\ninterface HomeProps {\n  view?: ContentView;\n}\n\nexport function Home({ view }: HomeProps) {\n  const { \"*\": path = \".\" } = useParams();\n  const config = siteConfig;\n\n  // Normalize path - \"posts\", \"docs\", and \"all\" are view routes, not directories\n  const isViewRoute = path === \"posts\" || path === \"docs\" || path === \"all\";\n  const directoryPath = isViewRoute ? \".\" : path;\n\n  const { directory, loading, error } = useDirectory(directoryPath)\n\n  // Use prop view, fallback to config default\n  const activeView = view ?? config.defaultView;\n\n  const isRoot = path === \".\" || path === \"\" || isViewRoute;\n\n  // Calculate counts for tabs (only meaningful on root)\n  const counts = directory\n    ? getViewCounts(filterVisiblePosts(directoryToPostEntries(directory)))\n    : { posts: 0, docs: 0, all: 0 };\n\n  if (error) {\n    return <ErrorDisplay error={error} path={path} />;\n  }\n\n  if (loading) {\n    return (\n      <Loading />\n    )\n  }\n\n  return (\n    <div className=\"flex min-h-screen flex-col bg-background noise-overlay\">\n      <RunningBar />\n      <Header />\n      <main className=\"flex-1 mx-auto w-full max-w-[var(--content-width)] px-[var(--page-padding)]\">\n        <title>{isRoot ? config.name : `${config.name} - ${path}`}</title>\n        <main className=\"flex flex-col gap-8 mb-32 mt-12\">\n          {isRoot && (\n            <div className=\"animate-fade-in\">\n              <h1 className=\"text-2xl md:text-3xl font-semibold tracking-tight text-foreground\">\n                {config.name}\n              </h1>\n              {config.description && (\n                <p className=\"mt-2 text-muted-foreground\">\n                  {config.description}\n                </p>\n              )}\n            </div>\n          )}\n\n          <div className=\"flex flex-col gap-2\">\n            {directory && (\n              <div className=\"animate-fade-in\">\n                <PostList directory={directory} view={isRoot ? activeView : 'all'} />\n              </div>\n            )}\n          </div>\n        </main>\n      </main>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;AAoBO,SAAS,KAAK,EAAE,QAAmB;AACxC,QAAM,EAAE,KAAK,OAAO,IAAA,IAAQ,UAAA;AAC5B,QAAM,SAAS;AAGf,QAAM,cAAc,SAAS,WAAW,SAAS,UAAU,SAAS;AACpE,QAAM,gBAAgB,cAAc,MAAM;AAE1C,QAAM,EAAE,WAAoB,UAAU,aAAa,aAAa;AAGhE,QAAM,aAAa,QAAQ,OAAO;AAElC,QAAM,SAAS,SAAS,OAAO,SAAS,MAAM;AAG/B,cACX,cAAc,mBAAmB,uBAAuB,SAAS,CAAC,CAAC,IACnE,CAA4B;AAEhC,MAAI,OAAO;AACT,WAAO,oBAAC,cAAA,EAAa,OAAc,KAAA,CAAY;AAAA,EACjD;AAQA,SACE,qBAAC,OAAA,EAAI,WAAU,0DACb,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW;AAAA,wBACX,QAAA,EAAO;AAAA,IACR,qBAAC,QAAA,EAAK,WAAU,+EACd,UAAA;AAAA,MAAA,oBAAC,SAAA,EAAO,mBAAS,OAAO,OAAO,GAAG,OAAO,IAAI,MAAM,IAAI,GAAA,CAAG;AAAA,MAC1D,qBAAC,QAAA,EAAK,WAAU,mCACb,UAAA;AAAA,QAAA,UACC,qBAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAG,WAAU,qEACX,UAAA,OAAO,MACV;AAAA,UACC,OAAO,eACN,oBAAC,OAAE,WAAU,8BACV,iBAAO,YAAA,CACV;AAAA,QAAA,GAEJ;AAAA,4BAGD,OAAA,EAAI,WAAU,uBACZ,UAAA,iCACE,OAAA,EAAI,WAAU,mBACb,UAAA,oBAAC,YAAS,WAAsB,MAAM,SAAS,aAAa,OAAO,GACrE,EAAA,CAEJ;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"home.js","sources":["../../../src/pages/home.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\"\nimport { PostList } from \"@/components/post-list\";\nimport { Header } from \"@/components/header\";\nimport veslxConfig from \"virtual:veslx-config\";\n\nexport function Home() {\n  const { \"*\": path = \".\" } = useParams();\n  const config = veslxConfig.site;\n\n  const isRoot = path === \".\" || path === \"\";\n\n  return (\n    <div className=\"flex min-h-screen flex-col bg-background noise-overlay\">\n      <Header />\n      <main className=\"flex-1 mx-auto w-full max-w-[var(--content-width)] px-[var(--page-padding)]\">\n        <title>{isRoot ? config.name : `${config.name} - ${path}`}</title>\n        <main className=\"flex flex-col gap-8 mb-32 mt-12\">\n          {isRoot && (\n            <div className=\"animate-fade-in\">\n              <h1 className=\"text-2xl md:text-3xl font-semibold tracking-tight text-foreground\">\n                {config.name}\n              </h1>\n              {config.description && (\n                <p className=\"mt-2 text-muted-foreground\">\n                  {config.description}\n                </p>\n              )}\n            </div>\n          )}\n\n          <div className=\"flex flex-col gap-2\">\n            <div className=\"animate-fade-in\">\n              <PostList />\n            </div>\n          </div>\n        </main>\n      </main>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;AAKO,SAAS,OAAO;AACrB,QAAM,EAAE,KAAK,OAAO,IAAA,IAAQ,UAAA;AAC5B,QAAM,SAAS,YAAY;AAE3B,QAAM,SAAS,SAAS,OAAO,SAAS;AAExC,SACE,qBAAC,OAAA,EAAI,WAAU,0DACb,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO;AAAA,IACR,qBAAC,QAAA,EAAK,WAAU,+EACd,UAAA;AAAA,MAAA,oBAAC,SAAA,EAAO,mBAAS,OAAO,OAAO,GAAG,OAAO,IAAI,MAAM,IAAI,GAAA,CAAG;AAAA,MAC1D,qBAAC,QAAA,EAAK,WAAU,mCACb,UAAA;AAAA,QAAA,UACC,qBAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAG,WAAU,qEACX,UAAA,OAAO,MACV;AAAA,UACC,OAAO,eACN,oBAAC,OAAE,WAAU,8BACV,iBAAO,YAAA,CACV;AAAA,QAAA,GAEJ;AAAA,QAGF,oBAAC,OAAA,EAAI,WAAU,uBACb,UAAA,oBAAC,OAAA,EAAI,WAAU,mBACb,UAAA,oBAAC,UAAA,CAAA,CAAS,EAAA,CACZ,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/client/pages/index-post.js

@@ -0,0 +1,34 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useParams } from "react-router-dom";
+import { isSimulationRunning } from "../plugin/src/client.js";
+import Loading from "../components/loading.js";
+import { Header } from "../components/header.js";
+import { useIndexContent } from "../hooks/use-mdx-content.js";
+import { mdxComponents } from "../components/mdx-components.js";
+import { FrontmatterProvider } from "../lib/frontmatter-context.js";
+function IndexPost({ fallback }) {
+  const { "*": rawPath = "." } = useParams();
+  const dirPath = rawPath || ".";
+  const { Content, frontmatter, loading, notFound } = useIndexContent(dirPath);
+  const isRunning = isSimulationRunning();
+  if (loading) return /* @__PURE__ */ jsx(Loading, {});
+  if (notFound) {
+    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-screen flex-col bg-background noise-overlay", children: [
+    /* @__PURE__ */ jsx("title", { children: frontmatter == null ? void 0 : frontmatter.title }),
+    /* @__PURE__ */ jsx(Header, {}),
+    /* @__PURE__ */ jsxs("main", { className: "flex-1 w-full overflow-x-clip", children: [
+      isRunning && /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-50 px-[var(--page-padding)] py-2 bg-red-500 text-primary-foreground font-mono text-xs text-center tracking-wide", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-pulse" }),
+        /* @__PURE__ */ jsx("span", { className: "uppercase tracking-widest", children: "simulation running" }),
+        /* @__PURE__ */ jsx("span", { className: "text-primary-foreground/60", children: "Page will auto-refresh on completion" })
+      ] }) }),
+      Content && /* @__PURE__ */ jsx(FrontmatterProvider, { frontmatter, children: /* @__PURE__ */ jsx("article", { className: "my-12 mx-auto px-[var(--page-padding)] max-w-[var(--content-width)] animate-fade-in", children: /* @__PURE__ */ jsx(Content, { components: mdxComponents }) }) })
+    ] })
+  ] });
+}
+export {
+  IndexPost
+};
+//# sourceMappingURL=index-post.js.map

package/dist/client/pages/index-post.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-post.js","sources":["../../../src/pages/index-post.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { isSimulationRunning } from \"../../plugin/src/client\";\nimport Loading from \"@/components/loading\";\nimport { Header } from \"@/components/header\";\nimport { useIndexContent } from \"@/hooks/use-mdx-content\";\nimport { mdxComponents } from \"@/components/mdx-components\";\nimport { FrontmatterProvider } from \"@/lib/frontmatter-context\";\n\ninterface IndexPostProps {\n  fallback: ReactNode;\n}\n\n/**\n * Attempts to render an index.mdx or index.md file for a directory.\n * Falls back to the provided component if no index file exists.\n */\nexport function IndexPost({ fallback }: IndexPostProps) {\n  const { \"*\": rawPath = \".\" } = useParams();\n\n  // Normalize path for index lookup\n  const dirPath = rawPath || \".\";\n\n  const { Content, frontmatter, loading, notFound } = useIndexContent(dirPath);\n  const isRunning = isSimulationRunning();\n\n  if (loading) return <Loading />\n\n  // No index file found - render fallback (usually Home)\n  if (notFound) {\n    return <>{fallback}</>;\n  }\n\n  return (\n    <div className=\"flex min-h-screen flex-col bg-background noise-overlay\">\n      <title>{frontmatter?.title}</title>\n      <Header />\n      <main className=\"flex-1 w-full overflow-x-clip\">\n        {isRunning && (\n          <div className=\"sticky top-0 z-50 px-[var(--page-padding)] py-2 bg-red-500 text-primary-foreground font-mono text-xs text-center tracking-wide\">\n            <span className=\"inline-flex items-center gap-3\">\n              <span className=\"h-1.5 w-1.5 rounded-full bg-current animate-pulse\" />\n              <span className=\"uppercase tracking-widest\">simulation running</span>\n              <span className=\"text-primary-foreground/60\">Page will auto-refresh on completion</span>\n            </span>\n          </div>\n        )}\n\n        {Content && (\n          <FrontmatterProvider frontmatter={frontmatter}>\n            <article className=\"my-12 mx-auto px-[var(--page-padding)] max-w-[var(--content-width)] animate-fade-in\">\n              <Content components={mdxComponents} />\n            </article>\n          </FrontmatterProvider>\n        )}\n      </main>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;AAiBO,SAAS,UAAU,EAAE,YAA4B;AACtD,QAAM,EAAE,KAAK,UAAU,IAAA,IAAQ,UAAA;AAG/B,QAAM,UAAU,WAAW;AAE3B,QAAM,EAAE,SAAS,aAAa,SAAS,SAAA,IAAa,gBAAgB,OAAO;AAC3E,QAAM,YAAY,oBAAA;AAElB,MAAI,QAAS,QAAO,oBAAC,SAAA,CAAA,CAAQ;AAG7B,MAAI,UAAU;AACZ,2CAAU,UAAA,SAAA,CAAS;AAAA,EACrB;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,0DACb,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAO,qDAAa,MAAA,CAAM;AAAA,wBAC1B,QAAA,EAAO;AAAA,IACR,qBAAC,QAAA,EAAK,WAAU,iCACb,UAAA;AAAA,MAAA,iCACE,OAAA,EAAI,WAAU,kIACb,UAAA,qBAAC,QAAA,EAAK,WAAU,kCACd,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,oDAAA,CAAoD;AAAA,QACpE,oBAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA,sBAAkB;AAAA,QAC9D,oBAAC,QAAA,EAAK,WAAU,8BAA6B,UAAA,uCAAA,CAAoC;AAAA,MAAA,EAAA,CACnF,EAAA,CACF;AAAA,MAGD,WACC,oBAAC,qBAAA,EAAoB,aACnB,UAAA,oBAAC,WAAA,EAAQ,WAAU,uFACjB,UAAA,oBAAC,SAAA,EAAQ,YAAY,cAAA,CAAe,GACtC,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/client/pages/post.js

@@ -2,7 +2,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
 import { useDirectory, isSimulationRunning, findSlides } from "../plugin/src/client.js";
 import Loading from "../components/loading.js";
-import { RunningBar } from "../components/running-bar.js";
 import { Header } from "../components/header.js";
 import { useMDXContent } from "../hooks/use-mdx-content.js";
 import { mdxComponents } from "../components/mdx-components.js";
@@ -24,7 +23,6 @@ function Post() {
   }
   return /* @__PURE__ */ jsxs("div", { className: "flex min-h-screen flex-col bg-background noise-overlay", children: [
     /* @__PURE__ */ jsx("title", { children: frontmatter == null ? void 0 : frontmatter.title }),
-    /* @__PURE__ */ jsx(RunningBar, {}),
     /* @__PURE__ */ jsx(Header, {}),
     /* @__PURE__ */ jsxs("main", { className: "flex-1 w-full overflow-x-clip", children: [
       isRunning && /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-50 px-[var(--page-padding)] py-2 bg-red-500 text-primary-foreground font-mono text-xs text-center tracking-wide", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-3", children: [
@@ -32,7 +30,7 @@ function Post() {
         /* @__PURE__ */ jsx("span", { className: "uppercase tracking-widest", children: "simulation running" }),
         /* @__PURE__ */ jsx("span", { className: "text-primary-foreground/60", children: "Page will auto-refresh on completion" })
       ] }) }),
-      Content && /* @__PURE__ */ jsx(FrontmatterProvider, { frontmatter, children: /* @__PURE__ */ jsx("article", { className: "my-12 mx-auto px-[var(--page-padding)] prose dark:prose-invert prose-headings:tracking-tight prose-p:leading-relaxed prose-a:text-primary prose-a:no-underline hover:prose-a:underline max-w-[var(--content-width)] animate-fade-in", children: /* @__PURE__ */ jsx(Content, { components: mdxComponents }) }) })
+      Content && /* @__PURE__ */ jsx(FrontmatterProvider, { frontmatter, children: /* @__PURE__ */ jsx("article", { className: "mt-12 mb-64 mx-auto px-[var(--page-padding)] max-w-[var(--content-width)] animate-fade-in", children: /* @__PURE__ */ jsx(Content, { components: mdxComponents }) }) })
     ] })
   ] });
 }

package/dist/client/pages/post.js.map

@@ -1 +1 @@
-{"version":3,"file":"post.js","sources":["../../../src/pages/post.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { findSlides, isSimulationRunning, useDirectory } from \"../../plugin/src/client\";\nimport Loading from \"@/components/loading\";\nimport { FileEntry } from \"plugin/src/lib\";\nimport { RunningBar } from \"@/components/running-bar\";\nimport { Header } from \"@/components/header\";\nimport { useMDXContent } from \"@/hooks/use-mdx-content\";\nimport { mdxComponents } from \"@/components/mdx-components\";\nimport { FrontmatterProvider } from \"@/lib/frontmatter-context\";\n\nexport function Post() {\n  const { \"*\": rawPath = \".\" } = useParams();\n\n  // The path includes the .mdx extension from the route\n  const mdxPath = rawPath;\n\n  // Extract directory path for finding sibling files (slides, etc.)\n  const dirPath = mdxPath.replace(/\\/[^/]+\\.mdx$/, '') || '.';\n\n  const { directory, loading: dirLoading } = useDirectory(dirPath)\n  const { Content, frontmatter, loading: mdxLoading, error } = useMDXContent(mdxPath);\n  const isRunning = isSimulationRunning();\n\n  let slides: FileEntry | null = null;\n  if (directory) {\n    slides = findSlides(directory);\n  }\n\n  const loading = dirLoading || mdxLoading;\n\n  if (loading) return <Loading />\n\n  if (error) {\n    return (\n      <main className=\"min-h-screen bg-background container mx-auto max-w-4xl py-12\">\n        <p className=\"text-center text-red-600\">{error.message}</p>\n      </main>\n    )\n  }\n\n  return (\n    <div className=\"flex min-h-screen flex-col bg-background noise-overlay\">\n      <title>{frontmatter?.title}</title>\n      <RunningBar />\n      <Header />\n      <main className=\"flex-1 w-full overflow-x-clip\">\n        {isRunning && (\n          <div className=\"sticky top-0 z-50 px-[var(--page-padding)] py-2 bg-red-500 text-primary-foreground font-mono text-xs text-center tracking-wide\">\n            <span className=\"inline-flex items-center gap-3\">\n              <span className=\"h-1.5 w-1.5 rounded-full bg-current animate-pulse\" />\n              <span className=\"uppercase tracking-widest\">simulation running</span>\n              <span className=\"text-primary-foreground/60\">Page will auto-refresh on completion</span>\n            </span>\n          </div>\n        )}\n\n        {Content && (\n          <FrontmatterProvider frontmatter={frontmatter}>\n            <article className=\"my-12 mx-auto px-[var(--page-padding)] prose dark:prose-invert prose-headings:tracking-tight prose-p:leading-relaxed prose-a:text-primary prose-a:no-underline hover:prose-a:underline max-w-[var(--content-width)] animate-fade-in\">\n              <Content components={mdxComponents} />\n            </article>\n          </FrontmatterProvider>\n        )}\n      </main>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;AAUO,SAAS,OAAO;AACrB,QAAM,EAAE,KAAK,UAAU,IAAA,IAAQ,UAAA;AAG/B,QAAM,UAAU;AAGhB,QAAM,UAAU,QAAQ,QAAQ,iBAAiB,EAAE,KAAK;AAExD,QAAM,EAAE,UAA+B,IAAI,aAAa,OAAO;AAC/D,QAAM,EAAE,SAAS,aAAa,SAAS,YAAY,MAAA,IAAU,cAAc,OAAO;AAClF,QAAM,YAAY,oBAAA;AAGlB,MAAI,WAAW;AACJ,eAAW,SAAS;AAAA,EAC/B;AAEA,QAAM,UAAwB;AAE9B,MAAI,QAAS,QAAO,oBAAC,SAAA,CAAA,CAAQ;AAE7B,MAAI,OAAO;AACT,WACE,oBAAC,QAAA,EAAK,WAAU,gEACd,UAAA,oBAAC,OAAE,WAAU,4BAA4B,UAAA,MAAM,QAAA,CAAQ,GACzD;AAAA,EAEJ;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,0DACb,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAO,qDAAa,MAAA,CAAM;AAAA,wBAC1B,YAAA,EAAW;AAAA,wBACX,QAAA,EAAO;AAAA,IACR,qBAAC,QAAA,EAAK,WAAU,iCACb,UAAA;AAAA,MAAA,iCACE,OAAA,EAAI,WAAU,kIACb,UAAA,qBAAC,QAAA,EAAK,WAAU,kCACd,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,oDAAA,CAAoD;AAAA,QACpE,oBAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA,sBAAkB;AAAA,QAC9D,oBAAC,QAAA,EAAK,WAAU,8BAA6B,UAAA,uCAAA,CAAoC;AAAA,MAAA,EAAA,CACnF,EAAA,CACF;AAAA,MAGD,WACC,oBAAC,qBAAA,EAAoB,aACnB,UAAA,oBAAC,WAAA,EAAQ,WAAU,uOACjB,UAAA,oBAAC,SAAA,EAAQ,YAAY,cAAA,CAAe,GACtC,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"post.js","sources":["../../../src/pages/post.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { findSlides, isSimulationRunning, useDirectory } from \"../../plugin/src/client\";\nimport Loading from \"@/components/loading\";\nimport { FileEntry } from \"plugin/src/lib\";\nimport { Header } from \"@/components/header\";\nimport { useMDXContent } from \"@/hooks/use-mdx-content\";\nimport { mdxComponents } from \"@/components/mdx-components\";\nimport { FrontmatterProvider } from \"@/lib/frontmatter-context\";\n\nexport function Post() {\n  const { \"*\": rawPath = \".\" } = useParams();\n\n  // The path includes the .mdx extension from the route\n  const mdxPath = rawPath;\n\n  // Extract directory path for finding sibling files (slides, etc.)\n  const dirPath = mdxPath.replace(/\\/[^/]+\\.mdx$/, '') || '.';\n\n  const { directory, loading: dirLoading } = useDirectory(dirPath)\n  const { Content, frontmatter, loading: mdxLoading, error } = useMDXContent(mdxPath);\n  const isRunning = isSimulationRunning();\n\n  let slides: FileEntry | null = null;\n  if (directory) {\n    slides = findSlides(directory);\n  }\n\n  const loading = dirLoading || mdxLoading;\n\n  if (loading) return <Loading />\n\n  if (error) {\n    return (\n      <main className=\"min-h-screen bg-background container mx-auto max-w-4xl py-12\">\n        <p className=\"text-center text-red-600\">{error.message}</p>\n      </main>\n    )\n  }\n\n  return (\n    <div className=\"flex min-h-screen flex-col bg-background noise-overlay\">\n      <title>{frontmatter?.title}</title>\n      <Header />\n      <main className=\"flex-1 w-full overflow-x-clip\">\n        {isRunning && (\n          <div className=\"sticky top-0 z-50 px-[var(--page-padding)] py-2 bg-red-500 text-primary-foreground font-mono text-xs text-center tracking-wide\">\n            <span className=\"inline-flex items-center gap-3\">\n              <span className=\"h-1.5 w-1.5 rounded-full bg-current animate-pulse\" />\n              <span className=\"uppercase tracking-widest\">simulation running</span>\n              <span className=\"text-primary-foreground/60\">Page will auto-refresh on completion</span>\n            </span>\n          </div>\n        )}\n\n        {Content && (\n          <FrontmatterProvider frontmatter={frontmatter}>\n            <article className=\"mt-12 mb-64 mx-auto px-[var(--page-padding)] max-w-[var(--content-width)] animate-fade-in\">\n              <Content components={mdxComponents} />\n            </article>\n          </FrontmatterProvider>\n        )}\n      </main>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;AASO,SAAS,OAAO;AACrB,QAAM,EAAE,KAAK,UAAU,IAAA,IAAQ,UAAA;AAG/B,QAAM,UAAU;AAGhB,QAAM,UAAU,QAAQ,QAAQ,iBAAiB,EAAE,KAAK;AAExD,QAAM,EAAE,UAA+B,IAAI,aAAa,OAAO;AAC/D,QAAM,EAAE,SAAS,aAAa,SAAS,YAAY,MAAA,IAAU,cAAc,OAAO;AAClF,QAAM,YAAY,oBAAA;AAGlB,MAAI,WAAW;AACJ,eAAW,SAAS;AAAA,EAC/B;AAEA,QAAM,UAAwB;AAE9B,MAAI,QAAS,QAAO,oBAAC,SAAA,CAAA,CAAQ;AAE7B,MAAI,OAAO;AACT,WACE,oBAAC,QAAA,EAAK,WAAU,gEACd,UAAA,oBAAC,OAAE,WAAU,4BAA4B,UAAA,MAAM,QAAA,CAAQ,GACzD;AAAA,EAEJ;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,0DACb,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAO,qDAAa,MAAA,CAAM;AAAA,wBAC1B,QAAA,EAAO;AAAA,IACR,qBAAC,QAAA,EAAK,WAAU,iCACb,UAAA;AAAA,MAAA,iCACE,OAAA,EAAI,WAAU,kIACb,UAAA,qBAAC,QAAA,EAAK,WAAU,kCACd,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,oDAAA,CAAoD;AAAA,QACpE,oBAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA,sBAAkB;AAAA,QAC9D,oBAAC,QAAA,EAAK,WAAU,8BAA6B,UAAA,uCAAA,CAAoC;AAAA,MAAA,EAAA,CACnF,EAAA,CACF;AAAA,MAGD,WACC,oBAAC,qBAAA,EAAoB,aACnB,UAAA,oBAAC,WAAA,EAAQ,WAAU,6FACjB,UAAA,oBAAC,SAAA,EAAQ,YAAY,cAAA,CAAe,GACtC,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/client/pages/slides.js

@@ -3,11 +3,12 @@ import { useState, useRef, useEffect, useCallback } from "react";
 import { FULLSCREEN_DATA_ATTR } from "../lib/constants.js";
 import { useParams, useSearchParams } from "react-router-dom";
 import Loading from "../components/loading.js";
-import { RunningBar } from "../components/running-bar.js";
 import { Header } from "../components/header.js";
 import { useMDXSlides } from "../hooks/use-mdx-content.js";
 import { slidesMdxComponents } from "../components/slides-renderer.js";
 import { FrontmatterProvider } from "../lib/frontmatter-context.js";
+import veslxConfig from "virtual:veslx-config";
+import { cn } from "../lib/utils.js";
 function SlidesPage() {
   const { "*": rawPath = "." } = useParams();
   const [searchParams, setSearchParams] = useSearchParams();
@@ -87,9 +88,9 @@ function SlidesPage() {
   if (!Content) {
     return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-12 text-muted-foreground font-mono text-sm", children: 'no slides found — use "---" to separate slides' });
   }
-  return /* @__PURE__ */ jsxs("main", { className: "slides-container", children: [
+  const scrollSnap = veslxConfig.slides.scrollSnap;
+  return /* @__PURE__ */ jsxs("main", { className: cn("slides-container", scrollSnap && "slides-scroll-snap"), children: [
     /* @__PURE__ */ jsx("title", { children: frontmatter == null ? void 0 : frontmatter.title }),
-    /* @__PURE__ */ jsx(RunningBar, {}),
     /* @__PURE__ */ jsx(
       Header,
       {

package/dist/client/pages/slides.js.map

@@ -1 +1 @@
-{"version":3,"file":"slides.js","sources":["../../../src/pages/slides.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { FULLSCREEN_DATA_ATTR } from \"@/lib/constants\";\nimport { useParams, useSearchParams } from \"react-router-dom\"\nimport Loading from \"@/components/loading\";\nimport { RunningBar } from \"@/components/running-bar\";\nimport { Header } from \"@/components/header\";\nimport { useMDXSlides } from \"@/hooks/use-mdx-content\";\nimport { slidesMdxComponents } from \"@/components/slides-renderer\";\nimport { FrontmatterProvider } from \"@/lib/frontmatter-context\";\n\n\nexport function SlidesPage() {\n  const { \"*\": rawPath = \".\" } = useParams();\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  // The path includes the .mdx extension from the route\n  const mdxPath = rawPath;\n\n  // Load the compiled MDX module (now includes slideCount export)\n  const { Content, frontmatter, slideCount, loading, error } = useMDXSlides(mdxPath);\n\n  const totalSlides = slideCount || 0;\n\n  const [currentSlide, setCurrentSlide] = useState(0);\n  const titleSlideRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  // Scroll to slide on initial load if query param is set\n  useEffect(() => {\n    const slideParam = parseInt(searchParams.get(\"slide\") || \"0\", 10);\n    if (slideParam > 0 && contentRef.current) {\n      const slideEl = contentRef.current.querySelector(`[data-slide-index=\"${slideParam}\"]`);\n      if (slideEl) {\n        slideEl.scrollIntoView({ behavior: \"auto\" });\n      }\n    }\n  }, [searchParams, Content]);\n\n  // Track current slide based on scroll position\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            const index = entry.target.getAttribute(\"data-slide-index\");\n            if (index !== null) {\n              const slideNum = index === \"title\" ? 0 : parseInt(index, 10);\n              setCurrentSlide(slideNum);\n              setSearchParams(slideNum > 0 ? { slide: String(slideNum) } : {}, { replace: true });\n            }\n          }\n        }\n      },\n      { threshold: 0.5 }\n    );\n\n    // Observe title slide\n    if (titleSlideRef.current) {\n      observer.observe(titleSlideRef.current);\n    }\n\n    // Observe content slides\n    if (contentRef.current) {\n      const slides = contentRef.current.querySelectorAll(\"[data-slide-index]\");\n      slides.forEach((slide) => observer.observe(slide));\n    }\n\n    return () => observer.disconnect();\n  }, [Content, setSearchParams]);\n\n  // Keyboard/scroll navigation helpers\n  const goToPrevious = useCallback(() => {\n    const prev = Math.max(0, currentSlide - 1);\n    if (contentRef.current) {\n      const slideEl = contentRef.current.querySelector(`[data-slide-index=\"${prev}\"]`);\n      slideEl?.scrollIntoView({ behavior: \"smooth\" });\n    }\n  }, [currentSlide]);\n\n  const goToNext = useCallback(() => {\n    const next = Math.min(totalSlides - 1, currentSlide + 1);\n    if (contentRef.current) {\n      const slideEl = contentRef.current.querySelector(`[data-slide-index=\"${next}\"]`);\n      slideEl?.scrollIntoView({ behavior: \"smooth\" });\n    }\n  }, [currentSlide, totalSlides]);\n\n  // Keyboard navigation (up/down only - left/right reserved for horizontal scrolling)\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        goToPrevious();\n      } else if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        goToNext();\n      }\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => window.removeEventListener(\"keydown\", handleKeyDown);\n  }, [goToPrevious, goToNext]);\n\n  if (loading) {\n    return <Loading />\n  }\n\n  if (error) {\n    return (\n      <main className=\"min-h-screen bg-background container mx-auto max-w-4xl py-12\">\n        <p className=\"text-center text-red-600\">{error.message}</p>\n      </main>\n    )\n  }\n\n  if (!Content) {\n    return (\n      <div className=\"flex items-center justify-center p-12 text-muted-foreground font-mono text-sm\">\n        no slides found — use \"---\" to separate slides\n      </div>\n    );\n  }\n\n  return (\n    <main className=\"slides-container\">\n      <title>{frontmatter?.title}</title>\n      <RunningBar />\n      <Header\n        slideControls={{\n          current: currentSlide,\n          total: totalSlides,\n          onPrevious: goToPrevious,\n          onNext: goToNext,\n        }}\n      />\n      <FrontmatterProvider frontmatter={frontmatter}>\n        <div {...{[FULLSCREEN_DATA_ATTR]: \"true\"}}>\n          <div ref={contentRef}>\n            <Content components={slidesMdxComponents} />\n          </div>\n        </div>\n      </FrontmatterProvider>\n    </main>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;AAWO,SAAS,aAAa;AAC3B,QAAM,EAAE,KAAK,UAAU,IAAA,IAAQ,UAAA;AAC/B,QAAM,CAAC,cAAc,eAAe,IAAI,gBAAA;AAGxC,QAAM,UAAU;AAGhB,QAAM,EAAE,SAAS,aAAa,YAAY,SAAS,MAAA,IAAU,aAAa,OAAO;AAEjF,QAAM,cAAc,cAAc;AAElC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC;AAClD,QAAM,gBAAgB,OAAuB,IAAI;AACjD,QAAM,aAAa,OAAuB,IAAI;AAG9C,YAAU,MAAM;AACd,UAAM,aAAa,SAAS,aAAa,IAAI,OAAO,KAAK,KAAK,EAAE;AAChE,QAAI,aAAa,KAAK,WAAW,SAAS;AACxC,YAAM,UAAU,WAAW,QAAQ,cAAc,sBAAsB,UAAU,IAAI;AACrF,UAAI,SAAS;AACX,gBAAQ,eAAe,EAAE,UAAU,OAAA,CAAQ;AAAA,MAC7C;AAAA,IACF;AAAA,EACF,GAAG,CAAC,cAAc,OAAO,CAAC;AAG1B,YAAU,MAAM;AACd,UAAM,WAAW,IAAI;AAAA,MACnB,CAAC,YAAY;AACX,mBAAW,SAAS,SAAS;AAC3B,cAAI,MAAM,gBAAgB;AACxB,kBAAM,QAAQ,MAAM,OAAO,aAAa,kBAAkB;AAC1D,gBAAI,UAAU,MAAM;AAClB,oBAAM,WAAW,UAAU,UAAU,IAAI,SAAS,OAAO,EAAE;AAC3D,8BAAgB,QAAQ;AACxB,8BAAgB,WAAW,IAAI,EAAE,OAAO,OAAO,QAAQ,EAAA,IAAM,CAAA,GAAI,EAAE,SAAS,MAAM;AAAA,YACpF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,EAAE,WAAW,IAAA;AAAA,IAAI;AAInB,QAAI,cAAc,SAAS;AACzB,eAAS,QAAQ,cAAc,OAAO;AAAA,IACxC;AAGA,QAAI,WAAW,SAAS;AACtB,YAAM,SAAS,WAAW,QAAQ,iBAAiB,oBAAoB;AACvE,aAAO,QAAQ,CAAC,UAAU,SAAS,QAAQ,KAAK,CAAC;AAAA,IACnD;AAEA,WAAO,MAAM,SAAS,WAAA;AAAA,EACxB,GAAG,CAAC,SAAS,eAAe,CAAC;AAG7B,QAAM,eAAe,YAAY,MAAM;AACrC,UAAM,OAAO,KAAK,IAAI,GAAG,eAAe,CAAC;AACzC,QAAI,WAAW,SAAS;AACtB,YAAM,UAAU,WAAW,QAAQ,cAAc,sBAAsB,IAAI,IAAI;AAC/E,yCAAS,eAAe,EAAE,UAAU,SAAA;AAAA,IACtC;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,WAAW,YAAY,MAAM;AACjC,UAAM,OAAO,KAAK,IAAI,cAAc,GAAG,eAAe,CAAC;AACvD,QAAI,WAAW,SAAS;AACtB,YAAM,UAAU,WAAW,QAAQ,cAAc,sBAAsB,IAAI,IAAI;AAC/E,yCAAS,eAAe,EAAE,UAAU,SAAA;AAAA,IACtC;AAAA,EACF,GAAG,CAAC,cAAc,WAAW,CAAC;AAG9B,YAAU,MAAM;AACd,UAAM,gBAAgB,CAAC,MAAqB;AAC1C,UAAI,EAAE,QAAQ,WAAW;AACvB,UAAE,eAAA;AACF,qBAAA;AAAA,MACF,WAAW,EAAE,QAAQ,aAAa;AAChC,UAAE,eAAA;AACF,iBAAA;AAAA,MACF;AAAA,IACF;AAEA,WAAO,iBAAiB,WAAW,aAAa;AAChD,WAAO,MAAM,OAAO,oBAAoB,WAAW,aAAa;AAAA,EAClE,GAAG,CAAC,cAAc,QAAQ,CAAC;AAE3B,MAAI,SAAS;AACX,+BAAQ,SAAA,EAAQ;AAAA,EAClB;AAEA,MAAI,OAAO;AACT,WACE,oBAAC,QAAA,EAAK,WAAU,gEACd,UAAA,oBAAC,OAAE,WAAU,4BAA4B,UAAA,MAAM,QAAA,CAAQ,GACzD;AAAA,EAEJ;AAEA,MAAI,CAAC,SAAS;AACZ,WACE,oBAAC,OAAA,EAAI,WAAU,iFAAgF,UAAA,kDAE/F;AAAA,EAEJ;AAEA,SACE,qBAAC,QAAA,EAAK,WAAU,oBACd,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAO,qDAAa,MAAA,CAAM;AAAA,wBAC1B,YAAA,EAAW;AAAA,IACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAe;AAAA,UACb,SAAS;AAAA,UACT,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,IAEF,oBAAC,uBAAoB,aACnB,UAAA,oBAAC,SAAK,GAAG,EAAC,CAAC,oBAAoB,GAAG,OAAA,GAChC,UAAA,oBAAC,OAAA,EAAI,KAAK,YACR,UAAA,oBAAC,WAAQ,YAAY,oBAAA,CAAqB,EAAA,CAC5C,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"slides.js","sources":["../../../src/pages/slides.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { FULLSCREEN_DATA_ATTR } from \"@/lib/constants\";\nimport { useParams, useSearchParams } from \"react-router-dom\"\nimport Loading from \"@/components/loading\";\nimport { Header } from \"@/components/header\";\nimport { useMDXSlides } from \"@/hooks/use-mdx-content\";\nimport { slidesMdxComponents } from \"@/components/slides-renderer\";\nimport { FrontmatterProvider } from \"@/lib/frontmatter-context\";\nimport veslxConfig from \"virtual:veslx-config\";\nimport { cn } from \"@/lib/utils\";\n\n\nexport function SlidesPage() {\n  const { \"*\": rawPath = \".\" } = useParams();\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  // The path includes the .mdx extension from the route\n  const mdxPath = rawPath;\n\n  // Load the compiled MDX module (now includes slideCount export)\n  const { Content, frontmatter, slideCount, loading, error } = useMDXSlides(mdxPath);\n\n  const totalSlides = slideCount || 0;\n\n  const [currentSlide, setCurrentSlide] = useState(0);\n  const titleSlideRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  // Scroll to slide on initial load if query param is set\n  useEffect(() => {\n    const slideParam = parseInt(searchParams.get(\"slide\") || \"0\", 10);\n    if (slideParam > 0 && contentRef.current) {\n      const slideEl = contentRef.current.querySelector(`[data-slide-index=\"${slideParam}\"]`);\n      if (slideEl) {\n        slideEl.scrollIntoView({ behavior: \"auto\" });\n      }\n    }\n  }, [searchParams, Content]);\n\n  // Track current slide based on scroll position\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            const index = entry.target.getAttribute(\"data-slide-index\");\n            if (index !== null) {\n              const slideNum = index === \"title\" ? 0 : parseInt(index, 10);\n              setCurrentSlide(slideNum);\n              setSearchParams(slideNum > 0 ? { slide: String(slideNum) } : {}, { replace: true });\n            }\n          }\n        }\n      },\n      { threshold: 0.5 }\n    );\n\n    // Observe title slide\n    if (titleSlideRef.current) {\n      observer.observe(titleSlideRef.current);\n    }\n\n    // Observe content slides\n    if (contentRef.current) {\n      const slides = contentRef.current.querySelectorAll(\"[data-slide-index]\");\n      slides.forEach((slide) => observer.observe(slide));\n    }\n\n    return () => observer.disconnect();\n  }, [Content, setSearchParams]);\n\n  // Keyboard/scroll navigation helpers\n  const goToPrevious = useCallback(() => {\n    const prev = Math.max(0, currentSlide - 1);\n    if (contentRef.current) {\n      const slideEl = contentRef.current.querySelector(`[data-slide-index=\"${prev}\"]`);\n      slideEl?.scrollIntoView({ behavior: \"smooth\" });\n    }\n  }, [currentSlide]);\n\n  const goToNext = useCallback(() => {\n    const next = Math.min(totalSlides - 1, currentSlide + 1);\n    if (contentRef.current) {\n      const slideEl = contentRef.current.querySelector(`[data-slide-index=\"${next}\"]`);\n      slideEl?.scrollIntoView({ behavior: \"smooth\" });\n    }\n  }, [currentSlide, totalSlides]);\n\n  // Keyboard navigation (up/down only - left/right reserved for horizontal scrolling)\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        goToPrevious();\n      } else if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        goToNext();\n      }\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => window.removeEventListener(\"keydown\", handleKeyDown);\n  }, [goToPrevious, goToNext]);\n\n  if (loading) {\n    return <Loading />\n  }\n\n  if (error) {\n    return (\n      <main className=\"min-h-screen bg-background container mx-auto max-w-4xl py-12\">\n        <p className=\"text-center text-red-600\">{error.message}</p>\n      </main>\n    )\n  }\n\n  if (!Content) {\n    return (\n      <div className=\"flex items-center justify-center p-12 text-muted-foreground font-mono text-sm\">\n        no slides found — use \"---\" to separate slides\n      </div>\n    );\n  }\n\n  const scrollSnap = veslxConfig.slides.scrollSnap;\n\n  return (\n    <main className={cn(\"slides-container\", scrollSnap && \"slides-scroll-snap\")}>\n      <title>{frontmatter?.title}</title>\n      <Header\n        slideControls={{\n          current: currentSlide,\n          total: totalSlides,\n          onPrevious: goToPrevious,\n          onNext: goToNext,\n        }}\n      />\n      <FrontmatterProvider frontmatter={frontmatter}>\n        <div {...{[FULLSCREEN_DATA_ATTR]: \"true\"}}>\n          <div ref={contentRef}>\n            <Content components={slidesMdxComponents} />\n          </div>\n        </div>\n      </FrontmatterProvider>\n    </main>\n  )\n}\n"],"names":[],"mappings":"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"}

package/package.json

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

package/plugin/src/plugin.ts

@@ -3,7 +3,7 @@ import path from 'path'
 import fs from 'fs'
 import yaml from 'js-yaml'
 import type { IncomingMessage, ServerResponse } from 'http'
-import { type VeslxConfig, type ResolvedSiteConfig, DEFAULT_SITE_CONFIG } from './types'
+import { type VeslxConfig, type ResolvedSiteConfig, type ResolvedSlidesConfig, type ResolvedConfig, DEFAULT_SITE_CONFIG, DEFAULT_SLIDES_CONFIG } from './types'
 import matter from 'gray-matter'
 
 /**
@@ -89,12 +89,17 @@ export default function contentPlugin(contentDir: string, config?: VeslxConfig,
   const dir = contentDir
   const configPath = options?.configPath
 
-  // Mutable site config that can be updated on hot reload
+  // Mutable config that can be updated on hot reload
   let siteConfig: ResolvedSiteConfig = {
     ...DEFAULT_SITE_CONFIG,
     ...config?.site,
   }
 
+  let slidesConfig: ResolvedSlidesConfig = {
+    ...DEFAULT_SLIDES_CONFIG,
+    ...config?.slides,
+  }
+
   // Helper to reload config from file
   function reloadConfig(): boolean {
     if (!configPath || !fs.existsSync(configPath)) return false
@@ -105,6 +110,10 @@ export default function contentPlugin(contentDir: string, config?: VeslxConfig,
         ...DEFAULT_SITE_CONFIG,
         ...parsed?.site,
       }
+      slidesConfig = {
+        ...DEFAULT_SLIDES_CONFIG,
+        ...parsed?.slides,
+      }
       return true
     } catch (e) {
       console.error('[veslx] Failed to reload config:', e)
@@ -252,12 +261,12 @@ export default function contentPlugin(contentDir: string, config?: VeslxConfig,
 
         // Generate virtual module with import.meta.glob for MDX files
         return `
-export const posts = import.meta.glob('@content/**/*.mdx', {
+export const posts = import.meta.glob(['@content/**/*.mdx', '@content/**/*.md'], {
   import: 'default',
   query: { skipSlides: true }
 });
-export const allMdx = import.meta.glob('@content/**/*.mdx');
-export const slides = import.meta.glob(['@content/**/SLIDES.mdx', '@content/**/*.slides.mdx']);
+export const allMdx = import.meta.glob(['@content/**/*.mdx', '@content/**/*.md']);
+export const slides = import.meta.glob(['@content/**/SLIDES.mdx', '@content/**/SLIDES.md', '@content/**/*.slides.mdx', '@content/**/*.slides.md']);
 
 // All files for directory tree building (web-compatible files only)
 export const files = import.meta.glob([
@@ -280,12 +289,13 @@ export const files = import.meta.glob([
 export const frontmatters = ${JSON.stringify(frontmatterData)};
 
 // Legacy aliases for backwards compatibility
-export const modules = import.meta.glob('@content/**/*.mdx');
+export const modules = import.meta.glob(['@content/**/*.mdx', '@content/**/*.md']);
 `
       }
       if (id === RESOLVED_VIRTUAL_CONFIG_ID) {
-        // Generate virtual module with site config
-        return `export default ${JSON.stringify(siteConfig)};`
+        // Generate virtual module with full config
+        const fullConfig: ResolvedConfig = { site: siteConfig, slides: slidesConfig }
+        return `export default ${JSON.stringify(fullConfig)};`
       }
     },
 

package/plugin/src/types.ts

@@ -1,16 +1,22 @@
-export type ContentView = 'posts' | 'docs' | 'all';
+export interface SlidesConfig {
+  scrollSnap?: boolean;
+}
 
 export interface SiteConfig {
   name?: string;
   description?: string;
   github?: string;
   homepage?: string;
-  defaultView?: ContentView;
 }
 
 export interface VeslxConfig {
   dir?: string;
   site?: SiteConfig;
+  slides?: SlidesConfig;
+}
+
+export interface ResolvedSlidesConfig {
+  scrollSnap: boolean;
 }
 
 export interface ResolvedSiteConfig {
@@ -18,7 +24,11 @@ export interface ResolvedSiteConfig {
   description: string;
   github: string;
   homepage: string;
-  defaultView: ContentView;
+}
+
+export interface ResolvedConfig {
+  site: ResolvedSiteConfig;
+  slides: ResolvedSlidesConfig;
 }
 
 export const DEFAULT_SITE_CONFIG: ResolvedSiteConfig = {
@@ -26,5 +36,8 @@ export const DEFAULT_SITE_CONFIG: ResolvedSiteConfig = {
   description: '',
   github: '',
   homepage: '',
-  defaultView: 'all',
+};
+
+export const DEFAULT_SLIDES_CONFIG: ResolvedSlidesConfig = {
+  scrollSnap: true,
 };

package/src/components/header.tsx

@@ -2,7 +2,7 @@ import { Link, useParams } from "react-router-dom";
 import { ModeToggle } from "./mode-toggle";
 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";
 
 interface HeaderProps {
@@ -15,7 +15,7 @@ interface HeaderProps {
 }
 
 export function Header({ slideControls }: HeaderProps = {}) {
-  const config = siteConfig;
+  const config = veslxConfig.site;
 
   const { "*": path } = useParams()
 
@@ -62,24 +62,6 @@ export function Header({ slideControls }: HeaderProps = {}) {
               </button>
             </>
           )}
-          <Link
-            to={`/posts`}
-            className={cn(
-              "font-medium text-muted-foreground/70 hover:text-foreground transition-colors duration-300",
-              path?.startsWith("posts") && "font-semibold text-foreground",
-            )}
-          >
-            Posts
-          </Link>
-          <Link
-            to={`/docs`}
-            className={cn(
-              "font-medium text-muted-foreground/70 hover:text-foreground transition-colors duration-300",
-              path?.startsWith("docs") && "font-semibold text-foreground",
-            )}
-          >
-            Docs
-          </Link>
           {config.github && (
             <Link
               to={`https://github.com/${config.github}`}

package/src/components/mdx-components.tsx

@@ -7,7 +7,7 @@ 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'
 /**
  * Smart link component that uses React Router for internal links
  * and regular anchor tags for external links.
@@ -89,6 +89,8 @@ export const mdxComponents = {
 
   SlideOutline,
 
+  PostList,
+
   // Headings - clean sans-serif
   h1: (props: React.HTMLAttributes<HTMLHeadingElement>) => {
     const id = generateId(props.children)

package/src/components/post-list-item.tsx

@@ -0,0 +1,54 @@
+import { Link } from "react-router-dom";
+import { cn } from "@/lib/utils";
+import { formatDate } from "@/lib/format-date";
+import { ArrowRight, Presentation } from "lucide-react";
+
+interface PostListItemProps {
+  title: string;
+  description?: string;
+  date?: Date;
+  linkPath: string;
+  isSlides?: boolean;
+}
+
+export function PostListItem({ title, description, date, linkPath, isSlides }: PostListItemProps) {
+  return (
+    <Link
+      to={linkPath}
+      className={cn(
+        "group block py-3 px-3 -mx-3 rounded-md",
+        "transition-colors duration-150",
+      )}
+    >
+      <article className="flex items-center gap-4">
+        {/* Main content */}
+        <div className="flex-1 min-w-0">
+          <div className={cn(
+            "text-sm font-medium text-foreground",
+            "group-hover:underline",
+            "flex items-center gap-2"
+          )}>
+            <span>{title}</span>
+            <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" />
+          </div>
+
+          {description && (
+            <div className="text-sm text-muted-foreground line-clamp-1 mt-0.5">
+              {description}
+            </div>
+          )}
+        </div>
+
+        {isSlides && (
+          <Presentation className="h-3 w-3 text-muted-foreground" />
+        )}
+        <time
+          dateTime={date?.toISOString()}
+          className="font-mono text-xs text-muted-foreground tabular-nums w-20 flex-shrink-0"
+        >
+          {date && formatDate(date)}
+        </time>
+      </article>
+    </Link>
+  );
+}