veslx 0.1.14 → 0.1.15

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

@@ -1,4 +1,36 @@
 import { useState, useEffect } from "react";
+function findMdxModule(modules, path) {
+  const keys = Object.keys(modules);
+  const normalizedPath = path.replace(/^\//, "");
+  if (normalizedPath.endsWith(".mdx")) {
+    const matchingKey = keys.find((key) => {
+      if (key.endsWith(`/${normalizedPath}`)) return true;
+      if (key === `@content/${normalizedPath}`) return true;
+      if (key === `/@content/${normalizedPath}`) return true;
+      if (key === normalizedPath) return true;
+      if (key === `/${normalizedPath}`) return true;
+      return false;
+    });
+    return matchingKey ? modules[matchingKey] : null;
+  }
+  const candidates = [
+    `${normalizedPath}/index.mdx`,
+    `${normalizedPath}/README.mdx`,
+    `${normalizedPath}.mdx`
+  ];
+  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 useMDXContent(path) {
   const [Content, setContent] = useState(null);
   const [frontmatter, setFrontmatter] = useState(void 0);
@@ -9,10 +41,7 @@ function useMDXContent(path) {
     setLoading(true);
     setError(null);
     import("virtual:content-modules").then(({ modules }) => {
-      const matchingKey = Object.keys(modules).find(
-        (key) => key.endsWith(`/${path}/README.mdx`)
-      );
-      const loader = matchingKey ? modules[matchingKey] : null;
+      const loader = findMdxModule(modules, path);
       if (!loader) {
         throw new Error(`MDX module not found for path: ${path}`);
       }
@@ -35,9 +64,28 @@ function useMDXContent(path) {
   }, [path]);
   return { Content, frontmatter, loading, error };
 }
+function findSlidesModule(modules, path) {
+  const keys = Object.keys(modules);
+  if (path.endsWith(".mdx")) {
+    const matchingKey = keys.find((key) => key.endsWith(`/${path}`));
+    return matchingKey ? modules[matchingKey] : null;
+  }
+  const candidates = [
+    `/${path}/SLIDES.mdx`,
+    `/${path}/index.slides.mdx`
+  ];
+  for (const suffix of candidates) {
+    const matchingKey = keys.find((key) => key.endsWith(suffix));
+    if (matchingKey) {
+      return modules[matchingKey];
+    }
+  }
+  return null;
+}
 function useMDXSlides(path) {
   const [Content, setContent] = useState(null);
   const [frontmatter, setFrontmatter] = useState(void 0);
+  const [slideCount, setSlideCount] = useState(void 0);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
   useEffect(() => {
@@ -45,10 +93,7 @@ function useMDXSlides(path) {
     setLoading(true);
     setError(null);
     import("virtual:content-modules").then(({ slides }) => {
-      const matchingKey = Object.keys(slides).find(
-        (key) => key.endsWith(`/${path}/SLIDES.mdx`)
-      );
-      const loader = matchingKey ? slides[matchingKey] : null;
+      const loader = findSlidesModule(slides, path);
       if (!loader) {
         throw new Error(`Slides module not found for path: ${path}`);
       }
@@ -57,6 +102,7 @@ function useMDXSlides(path) {
       if (!cancelled) {
         setContent(() => mod.default);
         setFrontmatter(mod.frontmatter);
+        setSlideCount(mod.slideCount);
         setLoading(false);
       }
     }).catch((err) => {
@@ -69,7 +115,7 @@ function useMDXSlides(path) {
       cancelled = true;
     };
   }, [path]);
-  return { Content, frontmatter, loading, error };
+  return { Content, frontmatter, slideCount, loading, error };
 }
 export {
   useMDXContent,

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  }\n}\n\ntype ModuleLoader = () => Promise<MDXModule>\ntype ModuleMap = Record<string, ModuleLoader>\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 matchingKey = Object.keys(modules).find(key =>\n          key.endsWith(`/${path}/README.mdx`)\n        )\n        const loader = matchingKey ? (modules as ModuleMap)[matchingKey] : null\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\nexport function useMDXSlides(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(({ slides }) => {\n        const matchingKey = Object.keys(slides).find(key =>\n          key.endsWith(`/${path}/SLIDES.mdx`)\n        )\n        const loader = matchingKey ? (slides as ModuleMap)[matchingKey] : null\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          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"],"names":[],"mappings":";AAgBO,SAAS,cAAc,MAAc;AAC1C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAsC,IAAI;AACxE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAmC,MAAS;AAClF,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAuB,IAAI;AAErD,YAAU,MAAM;AACd,QAAI,YAAY;AAChB,eAAW,IAAI;AACf,aAAS,IAAI;AAGb,WAAO,yBAAyB,EAC7B,KAAK,CAAC,EAAE,cAAc;AACrB,YAAM,cAAc,OAAO,KAAK,OAAO,EAAE;AAAA,QAAK,CAAA,QAC5C,IAAI,SAAS,IAAI,IAAI,aAAa;AAAA,MAAA;AAEpC,YAAM,SAAS,cAAe,QAAsB,WAAW,IAAI;AAEnE,UAAI,CAAC,QAAQ;AACX,cAAM,IAAI,MAAM,kCAAkC,IAAI,EAAE;AAAA,MAC1D;AAEA,aAAO,OAAA;AAAA,IACT,CAAC,EACA,KAAK,CAAC,QAAQ;AACb,UAAI,CAAC,WAAW;AACd,mBAAW,MAAM,IAAI,OAAO;AAC5B,uBAAe,IAAI,WAAW;AAC9B,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF,CAAC,EACA,MAAM,CAAC,QAAQ;AACd,UAAI,CAAC,WAAW;AACd,iBAAS,GAAG;AACZ,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF,CAAC;AAEH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SAAO,EAAE,SAAS,aAAa,SAAS,MAAA;AAC1C;AAEO,SAAS,aAAa,MAAc;AACzC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAsC,IAAI;AACxE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAmC,MAAS;AAClF,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAuB,IAAI;AAErD,YAAU,MAAM;AACd,QAAI,YAAY;AAChB,eAAW,IAAI;AACf,aAAS,IAAI;AAGb,WAAO,yBAAyB,EAC7B,KAAK,CAAC,EAAE,aAAa;AACpB,YAAM,cAAc,OAAO,KAAK,MAAM,EAAE;AAAA,QAAK,CAAA,QAC3C,IAAI,SAAS,IAAI,IAAI,aAAa;AAAA,MAAA;AAEpC,YAAM,SAAS,cAAe,OAAqB,WAAW,IAAI;AAElE,UAAI,CAAC,QAAQ;AACX,cAAM,IAAI,MAAM,qCAAqC,IAAI,EAAE;AAAA,MAC7D;AAEA,aAAO,OAAA;AAAA,IACT,CAAC,EACA,KAAK,CAAC,QAAQ;AACb,UAAI,CAAC,WAAW;AACd,mBAAW,MAAM,IAAI,OAAO;AAC5B,uBAAe,IAAI,WAAW;AAC9B,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF,CAAC,EACA,MAAM,CAAC,QAAQ;AACd,UAAI,CAAC,WAAW;AACd,iBAAS,GAAG;AACZ,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF,CAAC;AAEH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SAAO,EAAE,SAAS,aAAa,SAAS,MAAA;AAC1C;"}
+{"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  // If path already ends with .mdx, match exactly\n  if (path.endsWith('.mdx')) {\n    const matchingKey = keys.find(key => key.endsWith(`/${path}`))\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    `/${path}/SLIDES.mdx`,\n    `/${path}/index.slides.mdx`,\n  ]\n\n  for (const suffix of candidates) {\n    const matchingKey = keys.find(key => key.endsWith(suffix))\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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"}

package/dist/client/main.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
+import "katex/dist/katex.min.css";
 import "./src/index.css";
 import App from "./App.js";
 createRoot(document.getElementById("root")).render(

package/dist/client/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":["../../src/main.tsx"],"sourcesContent":["import { StrictMode } from 'react'\nimport { createRoot } from 'react-dom/client'\nimport './index.css'\nimport App from '@/App'\n\ncreateRoot(document.getElementById('root')!).render(\n  <StrictMode>\n    <App />\n  </StrictMode>,\n)\n"],"names":[],"mappings":";;;;;AAKA,WAAW,SAAS,eAAe,MAAM,CAAE,EAAE;AAAA,EAC3C,oBAAC,YAAA,EACC,UAAA,oBAAC,KAAA,CAAA,CAAI,EAAA,CACP;AACF;"}
+{"version":3,"file":"main.js","sources":["../../src/main.tsx"],"sourcesContent":["import { StrictMode } from 'react'\nimport { createRoot } from 'react-dom/client'\nimport 'katex/dist/katex.min.css'\nimport './index.css'\nimport App from '@/App'\n\ncreateRoot(document.getElementById('root')!).render(\n  <StrictMode>\n    <App />\n  </StrictMode>,\n)\n"],"names":[],"mappings":";;;;;;AAMA,WAAW,SAAS,eAAe,MAAM,CAAE,EAAE;AAAA,EAC3C,oBAAC,YAAA,EACC,UAAA,oBAAC,KAAA,CAAA,CAAI,EAAA,CACP;AACF;"}

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

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { useParams } from "react-router-dom";
+import { Home } from "./home.js";
+import { Post } from "./post.js";
+import { SlidesPage } from "./slides.js";
+function ContentRouter() {
+  const { "*": path = "" } = useParams();
+  if (path.endsWith(".slides.mdx") || path.endsWith("SLIDES.mdx")) {
+    return /* @__PURE__ */ jsx(SlidesPage, {});
+  }
+  if (path.endsWith(".mdx") || path.endsWith(".md")) {
+    return /* @__PURE__ */ jsx(Post, {});
+  }
+  return /* @__PURE__ */ jsx(Home, {});
+}
+export {
+  ContentRouter
+};
+//# sourceMappingURL=content-router.js.map

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

@@ -0,0 +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 * - *.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 if this is a slides file\n  if (path.endsWith('.slides.mdx') || path.endsWith('SLIDES.mdx')) {\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":";;;;;AAWO,SAAS,gBAAgB;AAC9B,QAAM,EAAE,KAAK,OAAO,GAAA,IAAO,UAAA;AAG3B,MAAI,KAAK,SAAS,aAAa,KAAK,KAAK,SAAS,YAAY,GAAG;AAC/D,+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;"}

package/dist/client/pages/home.js

@@ -1,26 +1,30 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
 import { useDirectory } from "../plugin/src/client.js";
-import Loading from "../components/loading.js";
 import PostList from "../components/post-list.js";
 import { ErrorDisplay } from "../components/page-error.js";
 import { RunningBar } from "../components/running-bar.js";
 import { Header } from "../components/header.js";
+import siteConfig from "virtual:veslx-config";
 function Home() {
   const { "*": path = "." } = useParams();
-  const { directory, loading, error } = useDirectory(path);
+  const { directory, error } = useDirectory(path);
+  const config = siteConfig;
   if (error) {
     return /* @__PURE__ */ jsx(ErrorDisplay, { error, path });
   }
-  if (loading) {
-    return /* @__PURE__ */ jsx(Loading, {});
-  }
   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: `Pinglab ${path}` }),
-      /* @__PURE__ */ jsx("main", { className: "flex flex-col gap-6 mb-32 mt-32", children: directory && /* @__PURE__ */ jsx("div", { className: "animate-fade-in", children: /* @__PURE__ */ jsx(PostList, { directory }) }) })
+      /* @__PURE__ */ jsx("title", { children: path === "." || path === "" ? config.name : `${config.name} - ${path}` }),
+      /* @__PURE__ */ jsxs("main", { className: "flex flex-col gap-8 mb-32 mt-32", children: [
+        (path === "." || path === "") && /* @__PURE__ */ jsxs("div", { className: "animate-fade-in", children: [
+          /* @__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 })
+        ] }),
+        directory && /* @__PURE__ */ jsx("div", { className: "animate-fade-in", children: /* @__PURE__ */ jsx(PostList, { directory }) })
+      ] })
     ] })
   ] });
 }

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\";\n\nexport function Home() {\n  const { \"*\": path = \".\" } = useParams();\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  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>{`Pinglab ${path}`}</title>\n        <main className=\"flex flex-col gap-6 mb-32 mt-32\">\n          {directory && (\n            <div className=\"animate-fade-in\">\n              <PostList directory={directory}/>\n            </div>\n          )}\n        </main>\n      </main>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;AAQO,SAAS,OAAO;AACrB,QAAM,EAAE,KAAK,OAAO,IAAA,IAAQ,UAAA;AAC5B,QAAM,EAAE,WAAW,SAAS,MAAA,IAAU,aAAa,IAAI;AAEvD,MAAI,OAAO;AACT,WAAO,oBAAC,cAAA,EAAa,OAAc,KAAA,CAAY;AAAA,EACjD;AAEA,MAAI,SAAS;AACX,+BACG,SAAA,EAAQ;AAAA,EAEb;AAEA,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,UAAA,WAAW,IAAI,IAAG;AAAA,MAC1B,oBAAC,QAAA,EAAK,WAAU,mCACb,UAAA,aACC,oBAAC,OAAA,EAAI,WAAU,mBACb,UAAA,oBAAC,UAAA,EAAS,UAAA,CAAqB,GACjC,EAAA,CAEJ;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 { 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 siteConfig from \"virtual:veslx-config\";\n\nexport function Home() {\n  const { \"*\": path = \".\" } = useParams();\n  const { directory, loading, error } = useDirectory(path)\n  const config = siteConfig;\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>{(path === \".\" || path === \"\") ? config.name : `${config.name} - ${path}`}</title>\n        <main className=\"flex flex-col gap-8 mb-32 mt-32\">\n          {(path === \".\" || path === \"\") && (\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          {directory && (\n            <div className=\"animate-fade-in\">\n              <PostList directory={directory}/>\n            </div>\n          )}\n        </main>\n      </main>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;AASO,SAAS,OAAO;AACrB,QAAM,EAAE,KAAK,OAAO,IAAA,IAAQ,UAAA;AAC5B,QAAM,EAAE,WAAoB,UAAU,aAAa,IAAI;AACvD,QAAM,SAAS;AAEf,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,EAAQ,UAAA,SAAS,OAAO,SAAS,KAAM,OAAO,OAAO,GAAG,OAAO,IAAI,MAAM,IAAI,IAAG;AAAA,MACjF,qBAAC,QAAA,EAAK,WAAU,mCACZ,UAAA;AAAA,SAAA,SAAS,OAAO,SAAS,OACzB,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,QAED,iCACE,OAAA,EAAI,WAAU,mBACb,UAAA,oBAAC,UAAA,EAAS,WAAqB,EAAA,CACjC;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/client/pages/post.js

@@ -2,22 +2,21 @@ 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 { FrontMatter } from "../components/front-matter.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";
 function Post() {
-  const { "path": path = "." } = useParams();
-  const filePath = `${path}/README.mdx`;
-  const { directory, loading: dirLoading } = useDirectory(filePath);
-  const { Content, frontmatter, loading: mdxLoading, error } = useMDXContent(path);
+  const { "*": rawPath = "." } = useParams();
+  const mdxPath = rawPath;
+  const dirPath = mdxPath.replace(/\/[^/]+\.mdx$/, "") || ".";
+  const { directory } = useDirectory(dirPath);
+  const { Content, frontmatter, loading: mdxLoading, error } = useMDXContent(mdxPath);
   const isRunning = isSimulationRunning();
-  let slides = null;
   if (directory) {
-    slides = findSlides(directory);
+    findSlides(directory);
   }
-  const loading = dirLoading || mdxLoading;
+  const loading = mdxLoading;
   if (loading) return /* @__PURE__ */ jsx(Loading, {});
   if (error) {
     return /* @__PURE__ */ jsx("main", { className: "min-h-screen bg-background container mx-auto max-w-4xl py-12", children: /* @__PURE__ */ jsx("p", { className: "text-center text-red-600", children: error.message }) });
@@ -32,18 +31,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__ */ jsxs("article", { className: "my-24 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(--prose-width)] animate-fade-in", children: [
-        /* @__PURE__ */ jsx(
-          FrontMatter,
-          {
-            title: frontmatter == null ? void 0 : frontmatter.title,
-            date: frontmatter == null ? void 0 : frontmatter.date,
-            description: frontmatter == null ? void 0 : frontmatter.description,
-            slides
-          }
-        ),
-        /* @__PURE__ */ jsx(Content, { components: mdxComponents })
-      ] })
+      Content && /* @__PURE__ */ jsx("article", { className: "my-24 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(--prose-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 { FrontMatter } from \"@/components/front-matter\";\nimport { RunningBar } from \"@/components/running-bar\";\nimport { Header } from \"@/components/header\";\nimport { useMDXContent } from \"@/hooks/use-mdx-content\";\nimport { mdxComponents } from \"@/components/mdx-components\";\n\n\nexport function Post() {\n  const { \"path\": path = \".\" } = useParams();\n  const filePath = `${path}/README.mdx`\n  const { directory, loading: dirLoading } = useDirectory(filePath)\n  const { Content, frontmatter, loading: mdxLoading, error } = useMDXContent(path);\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 mx-auto w-full max-w-[var(--content-width)] px-[var(--page-padding)]\">\n\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          <article className=\"my-24 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(--prose-width)] animate-fade-in\">\n            <FrontMatter\n              title={frontmatter?.title}\n              date={frontmatter?.date}\n              description={frontmatter?.description}\n              slides={slides}\n            />\n            <Content components={mdxComponents} />\n          </article>\n        )}\n      </main>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;AAWO,SAAS,OAAO;AACrB,QAAM,EAAE,QAAQ,OAAO,IAAA,IAAQ,UAAA;AAC/B,QAAM,WAAW,GAAG,IAAI;AACxB,QAAM,EAAE,WAAW,SAAS,WAAA,IAAe,aAAa,QAAQ;AAChE,QAAM,EAAE,SAAS,aAAa,SAAS,YAAY,MAAA,IAAU,cAAc,IAAI;AAC/E,QAAM,YAAY,oBAAA;AAElB,MAAI,SAA2B;AAC/B,MAAI,WAAW;AACb,aAAS,WAAW,SAAS;AAAA,EAC/B;AAEA,QAAM,UAAU,cAAc;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,+EAEb,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,qBAAC,WAAA,EAAQ,WAAU,oMACjB,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,2CAAa;AAAA,YACpB,MAAM,2CAAa;AAAA,YACnB,aAAa,2CAAa;AAAA,YAC1B;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,oBAAC,SAAA,EAAQ,YAAY,cAAA,CAAe;AAAA,MAAA,EAAA,CACtC;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 { RunningBar } from \"@/components/running-bar\";\nimport { Header } from \"@/components/header\";\nimport { useMDXContent } from \"@/hooks/use-mdx-content\";\nimport { mdxComponents } from \"@/components/mdx-components\";\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 mx-auto w-full max-w-[var(--content-width)] px-[var(--page-padding)]\">\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          <article className=\"my-24 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(--prose-width)] animate-fade-in\">\n            <Content components={mdxComponents} />\n          </article>\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,YAAA,EAAW;AAAA,wBACX,QAAA,EAAO;AAAA,IACR,qBAAC,QAAA,EAAK,WAAU,+EACb,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,+BACE,WAAA,EAAQ,WAAU,oMACjB,UAAA,oBAAC,SAAA,EAAQ,YAAY,cAAA,CAAe,EAAA,CACtC;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/client/pages/slides.js

@@ -1,45 +1,79 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useRef, useCallback, useEffect } from "react";
+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 { FrontMatter } from "../components/front-matter.js";
 import { RunningBar } from "../components/running-bar.js";
 import { Header } from "../components/header.js";
 import { useMDXSlides } from "../hooks/use-mdx-content.js";
-import { useSlidesFromMDX, SlideContent } from "../components/slides-renderer.js";
+import { slidesMdxComponents } from "../components/slides-renderer.js";
 function SlidesPage() {
-  const { "path": path = "." } = useParams();
+  const { "*": rawPath = "." } = useParams();
   const [searchParams, setSearchParams] = useSearchParams();
-  const { Content, frontmatter, loading, error } = useMDXSlides(path);
-  const { slides } = useSlidesFromMDX({ Content, frontmatter });
-  const totalSlides = slides.length + 1;
-  const initialSlide = Math.max(0, Math.min(
-    parseInt(searchParams.get("slide") || "0", 10),
-    totalSlides - 1
-  ));
-  const [currentSlide, setCurrentSlide] = useState(initialSlide);
-  const slideRefs = useRef([]);
-  const goToSlide = useCallback((index) => {
-    const clampedIndex = Math.max(0, Math.min(index, totalSlides - 1));
-    const target = slideRefs.current[clampedIndex];
-    if (target) {
-      const targetTop = target.getBoundingClientRect().top + window.scrollY;
-      window.scrollTo({ top: targetTop, behavior: "smooth" });
+  const mdxPath = rawPath;
+  const { Content, frontmatter, slideCount, loading, error } = useMDXSlides(mdxPath);
+  const totalSlides = (slideCount || 0) + 1;
+  const [currentSlide, setCurrentSlide] = useState(0);
+  const titleSlideRef = useRef(null);
+  const contentRef = useRef(null);
+  useEffect(() => {
+    const slideParam = parseInt(searchParams.get("slide") || "0", 10);
+    if (slideParam > 0 && contentRef.current) {
+      const slideEl = contentRef.current.querySelector(`[data-slide-index="${slideParam - 1}"]`);
+      if (slideEl) {
+        slideEl.scrollIntoView({ behavior: "auto" });
+      }
     }
-  }, [totalSlides]);
+  }, [searchParams, Content]);
+  useEffect(() => {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) {
+            const index = entry.target.getAttribute("data-slide-index");
+            if (index !== null) {
+              const slideNum = index === "title" ? 0 : parseInt(index, 10) + 1;
+              setCurrentSlide(slideNum);
+              setSearchParams(slideNum > 0 ? { slide: String(slideNum) } : {}, { replace: true });
+            }
+          }
+        }
+      },
+      { threshold: 0.5 }
+    );
+    if (titleSlideRef.current) {
+      observer.observe(titleSlideRef.current);
+    }
+    if (contentRef.current) {
+      const slides = contentRef.current.querySelectorAll("[data-slide-index]");
+      slides.forEach((slide) => observer.observe(slide));
+    }
+    return () => observer.disconnect();
+  }, [Content, setSearchParams]);
   const goToPrevious = useCallback(() => {
-    goToSlide(currentSlide - 1);
-  }, [currentSlide, goToSlide]);
+    const prev = Math.max(0, currentSlide - 1);
+    if (prev === 0 && titleSlideRef.current) {
+      titleSlideRef.current.scrollIntoView({ behavior: "smooth" });
+    } else if (contentRef.current) {
+      const slideEl = contentRef.current.querySelector(`[data-slide-index="${prev - 1}"]`);
+      slideEl == null ? void 0 : slideEl.scrollIntoView({ behavior: "smooth" });
+    }
+  }, [currentSlide]);
   const goToNext = useCallback(() => {
-    goToSlide(currentSlide + 1);
-  }, [currentSlide, goToSlide]);
+    const next = Math.min(totalSlides - 1, currentSlide + 1);
+    if (next === 0 && titleSlideRef.current) {
+      titleSlideRef.current.scrollIntoView({ behavior: "smooth" });
+    } else if (contentRef.current) {
+      const slideEl = contentRef.current.querySelector(`[data-slide-index="${next - 1}"]`);
+      slideEl == null ? void 0 : slideEl.scrollIntoView({ behavior: "smooth" });
+    }
+  }, [currentSlide, totalSlides]);
   useEffect(() => {
     const handleKeyDown = (e) => {
-      if (e.key === "ArrowUp" || e.key === "k") {
+      if (e.key === "ArrowUp" || e.key === "ArrowLeft" || e.key === "k") {
         e.preventDefault();
         goToPrevious();
-      } else if (e.key === "ArrowDown" || e.key === "j") {
+      } else if (e.key === "ArrowDown" || e.key === "ArrowRight" || e.key === "j") {
         e.preventDefault();
         goToNext();
       }
@@ -47,39 +81,13 @@ function SlidesPage() {
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [goToPrevious, goToNext]);
-  useEffect(() => {
-    let observer = null;
-    const timeoutId = setTimeout(() => {
-      observer = new IntersectionObserver(
-        (entries) => {
-          for (const entry of entries) {
-            if (entry.isIntersecting) {
-              const index = slideRefs.current.findIndex((ref) => ref === entry.target);
-              if (index !== -1) {
-                setCurrentSlide(index);
-                setSearchParams(index > 0 ? { slide: String(index) } : {}, { replace: true });
-              }
-            }
-          }
-        },
-        { threshold: 0.5 }
-      );
-      slideRefs.current.forEach((ref) => {
-        if (ref) observer.observe(ref);
-      });
-    }, 100);
-    return () => {
-      clearTimeout(timeoutId);
-      observer == null ? void 0 : observer.disconnect();
-    };
-  }, [slides.length, setSearchParams]);
   if (loading) {
     return /* @__PURE__ */ jsx(Loading, {});
   }
   if (error) {
     return /* @__PURE__ */ jsx("main", { className: "min-h-screen bg-background container mx-auto max-w-4xl py-12", children: /* @__PURE__ */ jsx("p", { className: "text-center text-red-600", children: error.message }) });
   }
-  if (slides.length === 0) {
+  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: [
@@ -96,39 +104,7 @@ function SlidesPage() {
         }
       }
     ),
-    /* @__PURE__ */ jsxs("div", { ...{ [FULLSCREEN_DATA_ATTR]: "true" }, children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: (el) => {
-            slideRefs.current[0] = el;
-          },
-          className: "slide-page max-w-xl min-h-[50vh] sm:min-h-[70vh] md:min-h-screen flex items-center justify-center py-8 sm:py-12 md:py-16 px-4 mx-auto",
-          children: /* @__PURE__ */ jsx(
-            FrontMatter,
-            {
-              title: frontmatter == null ? void 0 : frontmatter.title,
-              date: frontmatter == null ? void 0 : frontmatter.date,
-              description: frontmatter == null ? void 0 : frontmatter.description
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx("hr", { className: "print:hidden" }),
-      slides.map((slideContent, index) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: (el) => {
-              slideRefs.current[index + 1] = el;
-            },
-            className: "slide-page min-h-[50vh] sm:min-h-[70vh] md:min-h-screen flex items-center justify-center py-8 sm:py-12 md:py-16 px-4 mx-auto",
-            children: /* @__PURE__ */ jsx(SlideContent, { children: slideContent })
-          }
-        ),
-        index < slides.length - 1 && /* @__PURE__ */ jsx("hr", { className: "print:hidden" })
-      ] }, index))
-    ] })
+    /* @__PURE__ */ jsx("div", { ...{ [FULLSCREEN_DATA_ATTR]: "true" }, children: /* @__PURE__ */ jsx("div", { ref: contentRef, children: /* @__PURE__ */ jsx(Content, { components: slidesMdxComponents }) }) })
   ] });
 }
 export {

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 { FrontMatter } from \"@/components/front-matter\";\nimport { RunningBar } from \"@/components/running-bar\";\nimport { Header } from \"@/components/header\";\nimport { useMDXSlides } from \"@/hooks/use-mdx-content\";\nimport { useSlidesFromMDX, SlideContent } from \"@/components/slides-renderer\";\n\n\nexport function SlidesPage() {\n  const { \"path\": path = \".\" } = useParams();\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  // Load the compiled MDX module\n  const { Content, frontmatter, loading, error } = useMDXSlides(path);\n\n  // Split the MDX content into slides by <hr> elements\n  const { slides } = useSlidesFromMDX({ Content, frontmatter });\n\n  // Total slides = 1 (title) + content slides\n  const totalSlides = slides.length + 1;\n\n  // Get initial slide from query param\n  const initialSlide = Math.max(0, Math.min(\n    parseInt(searchParams.get(\"slide\") || \"0\", 10),\n    totalSlides - 1\n  ));\n\n  const [currentSlide, setCurrentSlide] = useState(initialSlide);\n  const slideRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n  // Scroll to slide and update query param\n  const goToSlide = useCallback((index: number) => {\n    const clampedIndex = Math.max(0, Math.min(index, totalSlides - 1));\n    const target = slideRefs.current[clampedIndex];\n    if (target) {\n      const targetTop = target.getBoundingClientRect().top + window.scrollY;\n      window.scrollTo({ top: targetTop, behavior: \"smooth\" });\n    }\n  }, [totalSlides]);\n\n  const goToPrevious = useCallback(() => {\n    goToSlide(currentSlide - 1);\n  }, [currentSlide, goToSlide]);\n\n  const goToNext = useCallback(() => {\n    goToSlide(currentSlide + 1);\n  }, [currentSlide, goToSlide]);\n\n  // Keyboard navigation\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"ArrowUp\" || e.key === \"k\") {\n        e.preventDefault();\n        goToPrevious();\n      } else if (e.key === \"ArrowDown\" || e.key === \"j\") {\n        e.preventDefault();\n        goToNext();\n      }\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => window.removeEventListener(\"keydown\", handleKeyDown);\n  }, [goToPrevious, goToNext]);\n\n  // Update query param on scroll (delayed to avoid interference on load)\n  useEffect(() => {\n    let observer: IntersectionObserver | null = null;\n\n    const timeoutId = setTimeout(() => {\n      observer = new IntersectionObserver(\n        (entries) => {\n          for (const entry of entries) {\n            if (entry.isIntersecting) {\n              const index = slideRefs.current.findIndex((ref) => ref === entry.target);\n              if (index !== -1) {\n                setCurrentSlide(index);\n                setSearchParams(index > 0 ? { slide: String(index) } : {}, { replace: true });\n              }\n            }\n          }\n        },\n        { threshold: 0.5 }\n      );\n\n      slideRefs.current.forEach((ref) => {\n        if (ref) observer!.observe(ref);\n      });\n    }, 100);\n\n    return () => {\n      clearTimeout(timeoutId);\n      observer?.disconnect();\n    };\n  }, [slides.length, setSearchParams]);\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 (slides.length === 0) {\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      <div {...{[FULLSCREEN_DATA_ATTR]: \"true\"}}>\n        {/* Title slide */}\n        <div\n          ref={(el) => { slideRefs.current[0] = el; }}\n          className=\"slide-page max-w-xl min-h-[50vh] sm:min-h-[70vh] md:min-h-screen flex items-center justify-center py-8 sm:py-12 md:py-16 px-4 mx-auto\"\n        >\n          <FrontMatter\n            title={frontmatter?.title}\n            date={frontmatter?.date}\n            description={frontmatter?.description}\n          />\n        </div>\n        <hr className=\"print:hidden\" />\n\n        {/* Content slides */}\n        {slides.map((slideContent, index) => (\n          <div key={index}>\n            <div\n              ref={(el) => { slideRefs.current[index + 1] = el; }}\n              className=\"slide-page min-h-[50vh] sm:min-h-[70vh] md:min-h-screen flex items-center justify-center py-8 sm:py-12 md:py-16 px-4 mx-auto\"\n            >\n              <SlideContent>{slideContent}</SlideContent>\n            </div>\n            {index < slides.length - 1 && <hr className=\"print:hidden\" />}\n          </div>\n        ))}\n      </div>\n    </main>\n  )\n}\n"],"names":[],"mappings":"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"}
+{"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\";\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  // Total slides = 1 (title) + content slides\n  const totalSlides = (slideCount || 0) + 1;\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 - 1}\"]`);\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) + 1;\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 (prev === 0 && titleSlideRef.current) {\n      titleSlideRef.current.scrollIntoView({ behavior: \"smooth\" });\n    } else if (contentRef.current) {\n      const slideEl = contentRef.current.querySelector(`[data-slide-index=\"${prev - 1}\"]`);\n      slideEl?.scrollIntoView({ behavior: \"smooth\" });\n    }\n  }, [currentSlide]);\n\n  const goToNext = useCallback(() => {\n    const next = Math.min(totalSlides - 1, currentSlide + 1);\n    if (next === 0 && titleSlideRef.current) {\n      titleSlideRef.current.scrollIntoView({ behavior: \"smooth\" });\n    } else if (contentRef.current) {\n      const slideEl = contentRef.current.querySelector(`[data-slide-index=\"${next - 1}\"]`);\n      slideEl?.scrollIntoView({ behavior: \"smooth\" });\n    }\n  }, [currentSlide, totalSlides]);\n\n  // Keyboard navigation\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"ArrowUp\" || e.key === \"ArrowLeft\" || e.key === \"k\") {\n        e.preventDefault();\n        goToPrevious();\n      } else if (e.key === \"ArrowDown\" || e.key === \"ArrowRight\" || e.key === \"j\") {\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      <div {...{[FULLSCREEN_DATA_ATTR]: \"true\"}}>\n        <div ref={contentRef}>\n          <Content components={slidesMdxComponents} />\n        </div>\n      </div>\n    </main>\n  )\n}\n"],"names":[],"mappings":"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"}