veslx 0.1.64 → 0.1.66

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

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

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

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

package/dist/plugin/src/client.js

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

package/dist/plugin/src/plugin.js

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

package/package.json

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

package/plugin/src/client.tsx

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

package/plugin/src/plugin.ts

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

package/src/components/gallery/index.tsx

@@ -124,7 +124,7 @@ export default function Gallery({
           {[...Array(3)].map((_, i) => (
             <div
               key={i}
-              className="aspect-square rounded-sm bg-muted/20 relative overflow-hidden"
+              className="h-40 rounded-sm bg-muted/20 relative overflow-hidden"
             >
               <div
                 className="absolute inset-0 bg-gradient-to-r from-transparent via-muted/30 to-transparent animate-shimmer"
@@ -168,13 +168,13 @@ export default function Gallery({
     <div
       key={index}
       title={img.label}
-      className={`aspect-square overflow-hidden rounded-sm bg-muted/10 cursor-pointer group ${className || ''}`}
+      className={`overflow-hidden rounded-sm bg-muted/10 cursor-pointer group ${className || ''}`}
       onClick={() => lightbox.open(index)}
     >
       <LoadingImage
         src={img.src}
         alt={img.label}
-        className="object-contain transition-transform duration-500 ease-out group-hover:scale-[1.02]"
+        className="w-full h-auto object-contain transition-transform duration-500 ease-out group-hover:scale-[1.02]"
       />
     </div>
   );
@@ -212,11 +212,6 @@ export default function Gallery({
               const offset = rowsToRender.slice(0, rowIndex).reduce((acc, row) => acc + row.length, 0);
               const rowSubtitle = subtitles?.[rowIndex];
               const rowWrapperClass = "max-w-[var(--gallery-width)] w-full mx-auto";
-              const placeholders = Math.max(0, maxRowColumns - rowImages.length);
-              const rowCells = [
-                ...rowImages.map((img, index) => ({ img, index })),
-                ...Array.from({ length: placeholders }, () => ({ img: null, index: -1 })),
-              ];
 
               return (
                 <div key={`${rowIndex}-${rowPaths.join("|")}`}>
@@ -225,17 +220,7 @@ export default function Gallery({
                       className="grid gap-3"
                       style={{ gridTemplateColumns: `repeat(${Math.max(1, maxRowColumns)}, minmax(0, 1fr))` }}
                     >
-                      {rowCells.map((cell, index) => {
-                        if (!cell.img) {
-                          return (
-                            <div
-                              key={`empty-${rowIndex}-${index}`}
-                              className="aspect-square rounded-sm opacity-0 pointer-events-none"
-                            />
-                          );
-                        }
-                        return imageElement(offset + cell.index, cell.img, 'w-full');
-                      })}
+                      {rowImages.map((img, index) => imageElement(offset + index, img, 'w-full'))}
                     </div>
                   </div>
 
@@ -255,22 +240,22 @@ export default function Gallery({
             <FigureCaption caption={caption} label={captionLabel} />
           </div>
         ) : isCompact ? (
-          <div className="flex gap-3">
+          <div className="flex items-start gap-3">
             {images.map((img, index) => imageElement(index, img, 'flex-1'))}
           </div>
         ) : (
-          <div ref={scrollRef} className="gallery-scroll-row flex gap-3 overflow-x-auto overscroll-x-contain pb-4">
+          <div ref={scrollRef} className="gallery-scroll-row flex items-start gap-3 overflow-x-auto overscroll-x-contain pb-4">
             {images.map((img, index) => (
               <div
                 key={index}
                 title={img.label}
-                className="flex-none w-[calc(var(--gallery-width)*0.3)] min-w-[250px] aspect-square overflow-hidden rounded-sm bg-muted/10 cursor-pointer group"
+                className="flex-none w-[calc(var(--gallery-width)*0.3)] min-w-[250px] overflow-hidden rounded-sm bg-muted/10 cursor-pointer group"
                 onClick={() => lightbox.open(index)}
               >
                 <LoadingImage
                   src={img.src}
                   alt={img.label}
-                  className="object-contain transition-transform duration-500 ease-out group-hover:scale-[1.02]"
+                  className="w-full h-auto object-contain transition-transform duration-500 ease-out group-hover:scale-[1.02]"
                 />
               </div>
             ))}

package/src/components/index.ts

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

package/src/components/mdx-components.tsx

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

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

@@ -7,12 +7,16 @@ interface PostListItemProps {
   title: string;
   description?: string;
   date?: Date;
-  href: string;
+  href?: string;
+  /** Alias for href (used in MDX as linkPath) */
+  linkPath?: string;
   external?: boolean;
+  openInNewTab?: boolean;
   isSlides?: boolean;
 }
 
-export function PostListItem({ title, description, date, href, external, isSlides }: PostListItemProps) {
+export function PostListItem({ title, description, date, href, linkPath, external, openInNewTab = true, isSlides }: PostListItemProps) {
+  const resolvedHref = href || linkPath || '#';
   const className = cn(
     "group block py-3 px-3 -mx-3 rounded-md",
     "transition-colors duration-150",
@@ -53,9 +57,9 @@ export function PostListItem({ title, description, date, href, external, isSlide
   if (external) {
     return (
       <a
-        href={href}
-        target="_blank"
-        rel="noopener noreferrer"
+        href={resolvedHref}
+        target={openInNewTab ? "_blank" : undefined}
+        rel={openInNewTab ? "noopener noreferrer" : undefined}
         className={className}
       >
         {content}
@@ -65,7 +69,7 @@ export function PostListItem({ title, description, date, href, external, isSlide
 
   return (
     <Link
-      to={href}
+      to={resolvedHref}
       className={className}
     >
       {content}

package/src/components/post-list.tsx

@@ -36,7 +36,11 @@ function filePathToRoutePath(filePath: string): string {
 // Helper to get link path from post
 function getLinkPath(post: PostEntry): string {
   if (post.file) {
-    // Standalone MDX file
+    // Standalone PDF file should open directly.
+    if (post.file.path.toLowerCase().endsWith('.pdf')) {
+      return `/raw/${post.file.path}`;
+    }
+    // Standalone MDX/TSX file
     return filePathToRoutePath(post.file.path);
   } else if (post.slides && !post.readme) {
     // Folder with only slides
@@ -51,7 +55,7 @@ function getLinkPath(post: PostEntry): string {
 }
 
 function isRouterPath(href: string): boolean {
-  return href.startsWith("/") && !href.startsWith("//");
+  return href.startsWith("/") && !href.startsWith("//") && !href.startsWith("/raw/");
 }
 
 export function PostList({ globs = null }: PostListProps) {
@@ -143,6 +147,7 @@ export function PostList({ globs = null }: PostListProps) {
           typeof frontmatter?.link === "string" ? frontmatter.link.trim() : "";
         const href = frontmatterLink || internalLinkPath;
         const external = !isRouterPath(href);
+        const openInNewTab = external && !href.startsWith("/raw/");
 
         return (
           <PostListItem
@@ -152,6 +157,7 @@ export function PostList({ globs = null }: PostListProps) {
             date={date}
             href={href}
             external={external}
+            openInNewTab={openInNewTab}
             isSlides={isSlides}
           />
         );

package/src/lib/content-classification.ts

@@ -1,5 +1,5 @@
 import type { DirectoryEntry, FileEntry } from "../../plugin/src/lib";
-import { findReadme, findSlides, findMdxFiles, findStandaloneSlides, findTsxFiles } from "../../plugin/src/client";
+import { findReadme, findSlides, findMdxFiles, findStandaloneSlides, findTsxFiles, findPdfFiles } from "../../plugin/src/client";
 
 export type PostEntry = {
   type: 'folder' | 'file';
@@ -19,6 +19,7 @@ export function directoryToPostEntries(directory: DirectoryEntry): PostEntry[] {
   const standaloneFiles = findMdxFiles(directory);
   const standaloneTsxFiles = findTsxFiles(directory);
   const standaloneSlidesFiles = findStandaloneSlides(directory);
+  const standalonePdfFiles = findPdfFiles(directory);
 
   const folderPosts: PostEntry[] = folders
     .map((folder) => ({
@@ -59,7 +60,16 @@ export function directoryToPostEntries(directory: DirectoryEntry): PostEntry[] {
     file: null,
   }));
 
-  return [...folderPosts, ...filePosts, ...tsxPosts, ...slidesPosts];
+  const pdfPosts: PostEntry[] = standalonePdfFiles.map((file) => ({
+    type: 'file' as const,
+    name: file.name.replace(/\.pdf$/i, ''),
+    path: file.path,
+    readme: null,
+    slides: null,
+    file,
+  }));
+
+  return [...folderPosts, ...filePosts, ...tsxPosts, ...slidesPosts, ...pdfPosts];
 }
 
 export function filterVisiblePosts(posts: PostEntry[]): PostEntry[] {

package/dist/client/components/parameter-badge.js

@@ -1,48 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useFileContent } from "../plugin/src/client.js";
-import { useMemo } from "react";
-import { cn } from "../lib/utils.js";
-import { parseConfigFile, extractPath, deriveLabelFromPath, formatValue, getValueType } from "../lib/parameter-utils.js";
-function ParameterBadge({ path, keyPath, label, unit }) {
-  const { content, loading, error } = useFileContent(path);
-  const { value, displayLabel } = useMemo(() => {
-    if (!content) return { value: void 0, displayLabel: "" };
-    const data = parseConfigFile(content, path);
-    if (!data) return { value: void 0, displayLabel: "" };
-    const extracted = extractPath(data, keyPath);
-    const derivedLabel = label || deriveLabelFromPath(keyPath);
-    return { value: extracted, displayLabel: derivedLabel };
-  }, [content, path, keyPath, label]);
-  if (loading) {
-    return /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md bg-muted/50 border border-border/50", children: /* @__PURE__ */ jsx("span", { className: "w-2 h-2 border border-muted-foreground/40 border-t-transparent rounded-full animate-spin" }) });
-  }
-  if (error || value === void 0) {
-    return /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md bg-destructive/10 border border-destructive/30", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono text-destructive", children: "—" }) });
-  }
-  const type = getValueType(value);
-  const formattedValue = formatValue(value);
-  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md font-mono text-[11px]", children: [
-    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: displayLabel }),
-    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "=" }),
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn(
-          "font-medium tabular-nums",
-          type === "number" && "text-foreground",
-          type === "string" && "text-amber-600 dark:text-amber-500",
-          type === "boolean" && "text-cyan-600 dark:text-cyan-500",
-          type === "null" && "text-muted-foreground/50",
-          type === "array" && "text-purple-600 dark:text-purple-400",
-          type === "object" && "text-purple-600 dark:text-purple-400"
-        ),
-        children: type === "string" ? `"${formattedValue}"` : formattedValue
-      }
-    ),
-    unit && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/60", children: unit })
-  ] });
-}
-export {
-  ParameterBadge
-};
-//# sourceMappingURL=parameter-badge.js.map

package/dist/client/components/parameter-badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"parameter-badge.js","sources":["../../../src/components/parameter-badge.tsx"],"sourcesContent":["import { useFileContent } from \"../../plugin/src/client\";\nimport { useMemo } from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  type ParameterValue,\n  extractPath,\n  getValueType,\n  formatValue,\n  parseConfigFile,\n  deriveLabelFromPath,\n} from \"@/lib/parameter-utils\";\n\ninterface ParameterBadgeProps {\n  /** Path to the YAML or JSON file */\n  path: string;\n  /** jq-like path to the value (e.g., \".base.N_E\") */\n  keyPath: string;\n  /** Optional label override (defaults to last segment of keyPath) */\n  label?: string;\n  /** Optional unit suffix (e.g., \"ms\", \"Hz\") */\n  unit?: string;\n}\n\nexport function ParameterBadge({ path, keyPath, label, unit }: ParameterBadgeProps) {\n  const { content, loading, error } = useFileContent(path);\n\n  const { value, displayLabel } = useMemo(() => {\n    if (!content) return { value: undefined, displayLabel: \"\" };\n\n    const data = parseConfigFile(content, path);\n    if (!data) return { value: undefined, displayLabel: \"\" };\n\n    const extracted = extractPath(data, keyPath);\n    const derivedLabel = label || deriveLabelFromPath(keyPath);\n\n    return { value: extracted, displayLabel: derivedLabel };\n  }, [content, path, keyPath, label]);\n\n  if (loading) {\n    return (\n      <span className=\"inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md bg-muted/50 border border-border/50\">\n        <span className=\"w-2 h-2 border border-muted-foreground/40 border-t-transparent rounded-full animate-spin\" />\n      </span>\n    );\n  }\n\n  if (error || value === undefined) {\n    return (\n      <span className=\"inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md bg-destructive/10 border border-destructive/30\">\n        <span className=\"text-[10px] font-mono text-destructive\">—</span>\n      </span>\n    );\n  }\n\n  const type = getValueType(value);\n  const formattedValue = formatValue(value);\n\n  return (\n    <span className=\"inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md font-mono text-[11px]\">\n      <span className=\"text-muted-foreground\">{displayLabel}</span>\n      <span className=\"text-muted-foreground/40\">=</span>\n      <span\n        className={cn(\n          \"font-medium tabular-nums\",\n          type === \"number\" && \"text-foreground\",\n          type === \"string\" && \"text-amber-600 dark:text-amber-500\",\n          type === \"boolean\" && \"text-cyan-600 dark:text-cyan-500\",\n          type === \"null\" && \"text-muted-foreground/50\",\n          type === \"array\" && \"text-purple-600 dark:text-purple-400\",\n          type === \"object\" && \"text-purple-600 dark:text-purple-400\"\n        )}\n      >\n        {type === \"string\" ? `\"${formattedValue}\"` : formattedValue}\n      </span>\n      {unit && <span className=\"text-muted-foreground/60\">{unit}</span>}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;AAuBO,SAAS,eAAe,EAAE,MAAM,SAAS,OAAO,QAA6B;AAClF,QAAM,EAAE,SAAS,SAAS,MAAA,IAAU,eAAe,IAAI;AAEvD,QAAM,EAAE,OAAO,aAAA,IAAiB,QAAQ,MAAM;AAC5C,QAAI,CAAC,QAAS,QAAO,EAAE,OAAO,QAAW,cAAc,GAAA;AAEvD,UAAM,OAAO,gBAAgB,SAAS,IAAI;AAC1C,QAAI,CAAC,KAAM,QAAO,EAAE,OAAO,QAAW,cAAc,GAAA;AAEpD,UAAM,YAAY,YAAY,MAAM,OAAO;AAC3C,UAAM,eAAe,SAAS,oBAAoB,OAAO;AAEzD,WAAO,EAAE,OAAO,WAAW,cAAc,aAAA;AAAA,EAC3C,GAAG,CAAC,SAAS,MAAM,SAAS,KAAK,CAAC;AAElC,MAAI,SAAS;AACX,WACE,oBAAC,UAAK,WAAU,+FACd,8BAAC,QAAA,EAAK,WAAU,4FAA2F,EAAA,CAC7G;AAAA,EAEJ;AAEA,MAAI,SAAS,UAAU,QAAW;AAChC,WACE,oBAAC,UAAK,WAAU,0GACd,8BAAC,QAAA,EAAK,WAAU,0CAAyC,UAAA,IAAA,CAAC,EAAA,CAC5D;AAAA,EAEJ;AAEA,QAAM,OAAO,aAAa,KAAK;AAC/B,QAAM,iBAAiB,YAAY,KAAK;AAExC,SACE,qBAAC,QAAA,EAAK,WAAU,iFACd,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,WAAU,yBAAyB,UAAA,cAAa;AAAA,IACtD,oBAAC,QAAA,EAAK,WAAU,4BAA2B,UAAA,KAAC;AAAA,IAC5C;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,SAAS,YAAY;AAAA,UACrB,SAAS,YAAY;AAAA,UACrB,SAAS,aAAa;AAAA,UACtB,SAAS,UAAU;AAAA,UACnB,SAAS,WAAW;AAAA,UACpB,SAAS,YAAY;AAAA,QAAA;AAAA,QAGtB,UAAA,SAAS,WAAW,IAAI,cAAc,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAE9C,QAAQ,oBAAC,QAAA,EAAK,WAAU,4BAA4B,UAAA,KAAA,CAAK;AAAA,EAAA,GAC5D;AAEJ;"}