veslx 0.1.27 → 0.1.29

package/src/pages/post.tsx

@@ -2,7 +2,6 @@ import { useParams } from "react-router-dom";
 import { findSlides, isSimulationRunning, useDirectory } from "../../plugin/src/client";
 import Loading from "@/components/loading";
 import { FileEntry } from "plugin/src/lib";
-import { RunningBar } from "@/components/running-bar";
 import { Header } from "@/components/header";
 import { useMDXContent } from "@/hooks/use-mdx-content";
 import { mdxComponents } from "@/components/mdx-components";
@@ -41,7 +40,6 @@ export function Post() {
   return (
     <div className="flex min-h-screen flex-col bg-background noise-overlay">
       <title>{frontmatter?.title}</title>
-      <RunningBar />
       <Header />
       <main className="flex-1 w-full overflow-x-clip">
         {isRunning && (
@@ -56,7 +54,7 @@ export function Post() {
 
         {Content && (
           <FrontmatterProvider frontmatter={frontmatter}>
-            <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">
+            <article className="mt-12 mb-64 mx-auto px-[var(--page-padding)] max-w-[var(--content-width)] animate-fade-in">
               <Content components={mdxComponents} />
             </article>
           </FrontmatterProvider>

package/src/pages/slides.tsx

@@ -2,11 +2,12 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { FULLSCREEN_DATA_ATTR } from "@/lib/constants";
 import { useParams, useSearchParams } from "react-router-dom"
 import Loading from "@/components/loading";
-import { RunningBar } from "@/components/running-bar";
 import { Header } from "@/components/header";
 import { useMDXSlides } from "@/hooks/use-mdx-content";
 import { slidesMdxComponents } from "@/components/slides-renderer";
 import { FrontmatterProvider } from "@/lib/frontmatter-context";
+import veslxConfig from "virtual:veslx-config";
+import { cn } from "@/lib/utils";
 
 
 export function SlidesPage() {
@@ -121,10 +122,11 @@ export function SlidesPage() {
     );
   }
 
+  const scrollSnap = veslxConfig.slides.scrollSnap;
+
   return (
-    <main className="slides-container">
+    <main className={cn("slides-container", scrollSnap && "slides-scroll-snap")}>
       <title>{frontmatter?.title}</title>
-      <RunningBar />
       <Header
         slideControls={{
           current: currentSlide,

package/src/vite-env.d.ts

@@ -9,6 +9,16 @@ declare module 'virtual:veslx-config' {
     github: string;
     defaultView: ContentView;
   }
-  const config: SiteConfig;
+
+  interface SlidesConfig {
+    scrollSnap: boolean;
+  }
+
+  interface Config {
+    site: SiteConfig;
+    slides: SlidesConfig;
+  }
+
+  const config: Config;
   export default config;
 }

package/vite.config.ts

@@ -80,11 +80,11 @@ export default defineConfig(({ command }) => {
     reactResolverPlugin(),
     tailwindcss(),
     // MDX for slides - splits at --- into <Slide> components
-    // Matches: SLIDES.mdx, slides.mdx, *.slides.mdx
+    // Matches: SLIDES.mdx, SLIDES.md, slides.mdx, slides.md, *.slides.mdx, *.slides.md
     {
       enforce: 'pre',
       ...mdx({
-        include: /SLIDES\.mdx$|slides\.mdx$/i,
+        include: /SLIDES\.mdx?$|slides\.mdx?$/i,
         remarkPlugins: [
           ...commonRemarkPlugins,
           remarkSlides, // Transform --- into <Slide> wrappers
@@ -97,7 +97,8 @@ export default defineConfig(({ command }) => {
     {
       enforce: 'pre',
       ...mdx({
-        exclude: /SLIDES\.mdx$|slides\.mdx$/i,
+        include: /\.mdx?$/,
+        exclude: /SLIDES\.mdx?$|slides\.mdx?$/i,
         remarkPlugins: commonRemarkPlugins,
         rehypePlugins: [rehypeKatex],
         providerImportSource: '@mdx-js/react',

package/dist/client/components/running-bar.js

@@ -1,15 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { isSimulationRunning } from "../plugin/src/client.js";
-function RunningBar() {
-  const isRunning = isSimulationRunning();
-  return /* @__PURE__ */ jsx(Fragment, { children: isRunning && // this should stay red not another color
-  /* @__PURE__ */ jsx("div", { className: "running-bar 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" })
-  ] }) }) });
-}
-export {
-  RunningBar
-};
-//# sourceMappingURL=running-bar.js.map

package/dist/client/components/running-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"running-bar.js","sources":["../../../src/components/running-bar.tsx"],"sourcesContent":["import { isSimulationRunning } from \"../../plugin/src/client\";\n\n\nexport function RunningBar() {\n  const isRunning = isSimulationRunning();\n\n  return (\n    <>\n      {isRunning && (\n        // this should stay red not another color\n        <div className=\"running-bar 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  )\n}"],"names":[],"mappings":";;AAGO,SAAS,aAAa;AAC3B,QAAM,YAAY,oBAAA;AAElB,SACE,oBAAA,UAAA,EACG,UAAA;AAAA,sBAEE,OAAA,EAAI,WAAU,8IACb,UAAA,qBAAC,QAAA,EAAK,WAAU,kCACd,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,WAAU,oDAAA,CAAoD;AAAA,IACpE,oBAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA,sBAAkB;AAAA,IAC9D,oBAAC,QAAA,EAAK,WAAU,8BAA6B,UAAA,uCAAA,CAAoC;AAAA,EAAA,EAAA,CACnF,GACF,GAEJ;AAEJ;"}

package/src/components/content-tabs.tsx

@@ -1,64 +0,0 @@
-import { Link } from "react-router-dom";
-import { cn } from "@/lib/utils";
-import type { ContentView } from "@/lib/content-classification";
-
-interface ContentTabsProps {
-  value: ContentView;
-  counts: { posts: number; docs: number; all: number };
-}
-
-const views: { key: ContentView; label: string; path: string }[] = [
-  { key: "posts", label: "Posts", path: "/posts" },
-  { key: "docs", label: "Docs", path: "/docs" },
-  // { key: "all", label: "All", path: "/all" },
-];
-
-export function ContentTabs({ value, counts }: ContentTabsProps) {
-  const hasOnlyPosts = counts.posts > 0 && counts.docs === 0;
-  const hasOnlyDocs = counts.docs > 0 && counts.posts === 0;
-
-  if (hasOnlyPosts || hasOnlyDocs) {
-    return null;
-  }
-
-  const isDisabled = (key: ContentView) => {
-    if (key === "posts") return counts.posts === 0;
-    if (key === "docs") return counts.docs === 0;
-    return false;
-  };
-
-  return (
-    <nav className="flex items-center gap-3 font-mono font-medium text-xs text-muted-foreground">
-      {views.map((view) => {
-        const disabled = isDisabled(view.key);
-
-        if (disabled) {
-          return (
-            <span
-              key={view.key}
-              className="opacity-30 cursor-not-allowed"
-            >
-              {view.label}
-            </span>
-          );
-        }
-
-        return (
-          <Link
-            key={view.key}
-            to={view.path}
-            className={cn(
-              "transition-colors duration-150",
-              "hover:text-foreground hover:underline hover:underline-offset-4 hover:decoration-primary/60",
-              value === view.key
-                ? "text-foreground underline-offset-4 decoration-primary/60"
-                : ""
-            )}
-          >
-            {view.label}
-          </Link>
-        );
-      })}
-    </nav>
-  );
-}

package/src/components/running-bar.tsx

@@ -1,21 +0,0 @@
-import { isSimulationRunning } from "../../plugin/src/client";
-
-
-export function RunningBar() {
-  const isRunning = isSimulationRunning();
-
-  return (
-    <>
-      {isRunning && (
-        // this should stay red not another color
-        <div className="running-bar 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">
-          <span className="inline-flex items-center gap-3">
-            <span className="h-1.5 w-1.5 rounded-full bg-current animate-pulse" />
-            <span className="uppercase tracking-widest">simulation running</span>
-            <span className="text-primary-foreground/60">Page will auto-refresh on completion</span>
-          </span>
-        </div>
-      )}
-    </>
-  )
-}