veslx 0.1.36 → 0.1.38

package/src/hooks/use-mdx-content.ts

@@ -33,10 +33,10 @@ function findMdxModule(modules: ModuleMap, path: string): ModuleLoader | null {
     const matchingKey = keys.find(key => {
       // Strategy 1: Key ends with /path (e.g., @content/docs/foo.mdx matches docs/foo.mdx)
       if (key.endsWith(`/${normalizedPath}`)) return true
-      // Strategy 2: Key equals @content/path (alias form)
-      if (key === `@content/${normalizedPath}`) return true
-      // Strategy 3: Key equals /@content/path (with leading slash)
+      // Strategy 2: Key equals /@content/path (Vite alias resolution)
       if (key === `/@content/${normalizedPath}`) return true
+      // Strategy 3: Key equals @content/path (alias form)
+      if (key === `@content/${normalizedPath}`) return true
       // Strategy 4: Key equals path directly
       if (key === normalizedPath) return true
       // Strategy 5: Key equals /path (with leading slash)
@@ -63,6 +63,7 @@ function findMdxModule(modules: ModuleMap, path: string): ModuleLoader | null {
   for (const candidate of candidates) {
     const matchingKey = keys.find(key => {
       if (key.endsWith(`/${candidate}`)) return true
+      if (key === `/@content/${candidate}`) return true
       if (key === `@content/${candidate}`) return true
       if (key === candidate) return true
       return false
@@ -136,10 +137,10 @@ function findSlidesModule(modules: ModuleMap, path: string): ModuleLoader | null
     const matchingKey = keys.find(key => {
       // Strategy 1: Key ends with /path (e.g., @content/docs/foo.slides.mdx matches docs/foo.slides.mdx)
       if (key.endsWith(`/${normalizedPath}`)) return true
-      // Strategy 2: Key equals @content/path (alias form)
-      if (key === `@content/${normalizedPath}`) return true
-      // Strategy 3: Key equals /@content/path (with leading slash)
+      // Strategy 2: Key equals /@content/path (Vite alias resolution)
       if (key === `/@content/${normalizedPath}`) return true
+      // Strategy 3: Key equals @content/path (alias form)
+      if (key === `@content/${normalizedPath}`) return true
       // Strategy 4: Key equals path directly
       if (key === normalizedPath) return true
       // Strategy 5: Key equals /path (with leading slash)
@@ -163,6 +164,7 @@ function findSlidesModule(modules: ModuleMap, path: string): ModuleLoader | null
   for (const candidate of candidates) {
     const matchingKey = keys.find(key => {
       if (key.endsWith(`/${candidate}`)) return true
+      if (key === `/@content/${candidate}`) return true
       if (key === `@content/${candidate}`) return true
       if (key === candidate) return true
       return false
@@ -222,23 +224,60 @@ export function useMDXSlides(path: string) {
 }
 
 /**
- * Find only index.mdx or index.md in a directory (not README or other conventions)
+ * Find index.mdx, index.md, README.mdx, or README.md in a directory.
+ * Checks index files first, then README files.
  */
 function findIndexModule(modules: ModuleMap, path: string): ModuleLoader | null {
   const keys = Object.keys(modules)
 
   // Normalize path - remove leading slash, handle root
   const normalizedPath = path.replace(/^\//, '') || '.'
-
-  // Only look for index.mdx or index.md
-  const candidates = normalizedPath === '.'
-    ? ['index.mdx', 'index.md']
-    : [`${normalizedPath}/index.mdx`, `${normalizedPath}/index.md`]
+  const isRoot = normalizedPath === '.' || normalizedPath === ''
+
+  // Debug: log keys and path
+  console.log('[findIndexModule] path:', path, 'normalizedPath:', normalizedPath, 'isRoot:', isRoot)
+  console.log('[findIndexModule] ALL keys:', keys)
+
+  // Look for index files first, then README files
+  const candidates = isRoot
+    ? ['index.mdx', 'index.md', 'README.mdx', 'README.md']
+    : [
+        `${normalizedPath}/index.mdx`,
+        `${normalizedPath}/index.md`,
+        `${normalizedPath}/README.mdx`,
+        `${normalizedPath}/README.md`,
+      ]
 
   for (const candidate of candidates) {
     const matchingKey = keys.find(key => {
+      // For root-level files, match keys that end with /candidate but DON'T have additional path segments
+      // e.g., for README.mdx: match "/../content/README.mdx" but not "/../content/subdir/README.mdx"
+      if (isRoot) {
+        // Key must end with /candidate and have no additional path segments before the filename
+        // Extract the filename from the key and compare
+        const keyFilename = key.split('/').pop()
+        if (keyFilename === candidate) {
+          // Make sure it's in the root of content dir, not a subdirectory
+          // Count path segments after the content directory marker
+          // Keys look like: /../pinglab/content/README.mdx or @content/README.mdx
+          const parts = key.split('/')
+          const contentIdx = parts.findIndex(p => p === 'content' || p === '@content')
+          if (contentIdx !== -1) {
+            // If there's only one segment after "content", it's a root file
+            const afterContent = parts.slice(contentIdx + 1)
+            if (afterContent.length === 1) return true
+          }
+          // Also try @content prefix matching
+          if (key === `/@content/${candidate}`) return true
+          if (key === `@content/${candidate}`) return true
+        }
+        return false
+      }
+      // For subdirectories, allow endsWith matching
       if (key.endsWith(`/${candidate}`)) return true
+      if (key === `/@content/${candidate}`) return true
       if (key === `@content/${candidate}`) return true
+      if (key === `/content/${candidate}`) return true
       if (key === candidate) return true
       return false
     })
@@ -251,8 +290,9 @@ function findIndexModule(modules: ModuleMap, path: string): ModuleLoader | null
 }
 
 /**
- * Hook for loading index.mdx/index.md content only.
- * Returns notFound: true if no index file exists (instead of throwing an error).
+ * Hook for loading index.mdx/index.md or README.mdx/README.md content.
+ * Checks for index files first, then README files.
+ * Returns notFound: true if no matching file exists (instead of throwing an error).
  */
 export function useIndexContent(path: string) {
   const [Content, setContent] = useState<MDXModule['default'] | null>(null)

package/src/lib/parameter-utils.ts

@@ -86,7 +86,7 @@ export function formatNumber(value: number): string {
   if (Math.abs(value) < 0.0001 && value !== 0) return value.toExponential(1);
   if (Math.abs(value) >= 10000) return value.toExponential(1);
   if (Number.isInteger(value)) return value.toString();
-  return value.toFixed(1);
+  return value.toFixed(3);
 }
 
 export function formatValue(value: ParameterValue): string {

package/src/pages/home.tsx

@@ -1,6 +1,7 @@
 import { useParams } from "react-router-dom"
 import { PostList } from "@/components/post-list";
 import { Header } from "@/components/header";
+import { Footer } from "@/components/footer";
 import veslxConfig from "virtual:veslx-config";
 
 export function Home() {
@@ -44,6 +45,7 @@ export function Home() {
             </div>
           </div>
         </main>
+        <Footer />
       </main>
     </div>
   )

package/src/pages/index-post.tsx

@@ -3,6 +3,7 @@ import { useParams } from "react-router-dom";
 import { isSimulationRunning } from "../../plugin/src/client";
 import Loading from "@/components/loading";
 import { Header } from "@/components/header";
+import { Footer } from "@/components/footer";
 import { useIndexContent } from "@/hooks/use-mdx-content";
 import { mdxComponents } from "@/components/mdx-components";
 import { FrontmatterProvider } from "@/lib/frontmatter-context";
@@ -12,8 +13,9 @@ interface IndexPostProps {
 }
 
 /**
- * Attempts to render an index.mdx or index.md file for a directory.
- * Falls back to the provided component if no index file exists.
+ * Attempts to render an index.mdx, index.md, README.mdx, or README.md file for a directory.
+ * Checks for index files first, then README files.
+ * Falls back to the provided component if no matching file exists.
  */
 export function IndexPost({ fallback }: IndexPostProps) {
   const { "*": rawPath = "." } = useParams();
@@ -53,6 +55,7 @@ export function IndexPost({ fallback }: IndexPostProps) {
             </article>
           </FrontmatterProvider>
         )}
+        <Footer />
       </main>
     </div>
   )

package/src/pages/post.tsx

@@ -3,6 +3,7 @@ import { findSlides, isSimulationRunning, useDirectory } from "../../plugin/src/
 import Loading from "@/components/loading";
 import { FileEntry } from "plugin/src/lib";
 import { Header } from "@/components/header";
+import { Footer } from "@/components/footer";
 import { useMDXContent } from "@/hooks/use-mdx-content";
 import { mdxComponents } from "@/components/mdx-components";
 import { FrontmatterProvider } from "@/lib/frontmatter-context";
@@ -54,11 +55,12 @@ export function Post() {
 
         {Content && (
           <FrontmatterProvider frontmatter={frontmatter}>
-            <article className="mt-12 mb-64 mx-auto px-[var(--page-padding)] max-w-[var(--content-width)] animate-fade-in">
+            <article className="mt-12 mb-32 mx-auto px-[var(--page-padding)] max-w-[var(--content-width)] animate-fade-in">
               <Content components={mdxComponents} />
             </article>
           </FrontmatterProvider>
         )}
+        <Footer />
       </main>
     </div>
   )