@clidey/dory 0.35.0 → 0.36.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@clidey/dory",
   "private": false,
-  "version": "0.35.0",
+  "version": "0.36.0",
   "type": "module",
   "description": "A CLI tool for building and previewing documentation sites",
   "keywords": [
@@ -45,47 +45,46 @@
     "prepublishOnly": "echo 'Skipping prepublishOnly - build handled by publish script'"
   },
   "dependencies": {
-    "@algolia/autocomplete-core": "1.19.2",
-    "@clidey/ux": "0.36.0",
-    "@fortawesome/fontawesome-svg-core": "6.7.2",
-    "@fortawesome/free-brands-svg-icons": "6.7.2",
-    "@fortawesome/free-regular-svg-icons": "6.7.2",
-    "@fortawesome/free-solid-svg-icons": "6.7.2",
-    "@fortawesome/react-fontawesome": "0.2.2",
+    "@algolia/autocomplete-core": "1.19.5",
+    "@clidey/ux": "0.39.0",
+    "@fortawesome/fontawesome-svg-core": "7.2.0",
+    "@fortawesome/free-brands-svg-icons": "7.2.0",
+    "@fortawesome/free-regular-svg-icons": "7.2.0",
+    "@fortawesome/free-solid-svg-icons": "7.2.0",
+    "@fortawesome/react-fontawesome": "3.2.0",
     "@headlessui/react": "2.2.9",
     "@heroicons/react": "2.2.0",
-    "@mdx-js/mdx": "3.1.0",
-    "@mdx-js/preact": "3.1.0",
-    "@mdx-js/rollup": "3.1.0",
-    "@preact/preset-vite": "2.10.1",
-    "@tailwindcss/vite": "4.1.16",
-    "@types/react-highlight-words": "0.20.0",
+    "@mdx-js/mdx": "3.1.1",
+    "@mdx-js/preact": "3.1.1",
+    "@mdx-js/rollup": "3.1.1",
+    "@preact/preset-vite": "2.10.3",
+    "@tailwindcss/vite": "4.1.18",
+    "@types/react-highlight-words": "0.20.1",
     "classnames": "2.5.1",
-    "flexsearch": "0.8.205",
+    "flexsearch": "0.8.212",
     "gray-matter": "4.0.3",
     "gzip-size-cli": "5.1.0",
-    "katex": "0.16.22",
-    "lucide-react": "0.513.0",
-    "mermaid": "11.6.0",
-    "motion": "12.16.0",
-    "preact": "10.26.5",
+    "katex": "0.16.28",
+    "lucide-react": "0.563.0",
+    "mermaid": "11.12.2",
+    "motion": "12.34.0",
+    "preact": "10.28.3",
     "prism-react-renderer": "2.4.1",
     "react-highlight-words": "0.21.0",
     "remark-gfm": "4.0.1",
     "saas": "1.0.0",
-    "sass-embedded": "1.89.2",
-    "sirv": "3.0.1",
-    "tailwindcss": "4.1.16",
-    "tsx": "4.20.4",
-    "typescript": "~5.8.3",
-    "unist-util-visit": "5.0.0",
-    "vite": "6.3.5",
-    "vite-plugin-mdx": "3.6.1",
-    "wouter-preact": "3.7.1"
+    "sass-embedded": "1.97.3",
+    "sirv": "3.0.2",
+    "tailwindcss": "4.1.18",
+    "tsx": "4.21.0",
+    "typescript": "5.9.3",
+    "unist-util-visit": "5.1.0",
+    "vite": "7.3.1",
+    "wouter-preact": "3.9.0"
   },
   "packageManager": "pnpm@10.24.0+sha512.01ff8ae71b4419903b65c60fb2dc9d34cf8bb6e06d03bde112ef38f7a34d6904c424ba66bea5cdcf12890230bf39f9580473140ed9c946fef328b6e5238a345a",
   "devDependencies": {
-    "@types/node": "24.0.12",
-    "terser": "5.44.1"
+    "@types/node": "25.2.3",
+    "terser": "5.46.0"
   }
 }

package/src/components/store.ts

@@ -109,7 +109,7 @@ export async function preloadFrontmatter() {
 async function addPreloadedContentToSearch() {
     if (!preloadedFrontMatter) return;
     
-    const mdxFiles = import.meta.glob<{ default: string }>('../../docs/**/*.mdx', { query: 'raw' });
+    const mdxFiles = import.meta.glob<{ default: string }>('../../docs/**/*.mdx', { query: '?raw' });
     const fileEntries = Object.entries(mdxFiles);
 
     await Promise.all(
@@ -141,7 +141,7 @@ export async function loadMDXFrontMatterForPath(pathname: string) {
     if (completeFrontMatter.find(fm => fm.path === pathname)) return;
 
     // Fallback to dynamic loading
-    const mdxFiles = import.meta.glob<{ default: string }>('../../docs/**/*.mdx', { query: 'raw' });
+    const mdxFiles = import.meta.glob<{ default: string }>('../../docs/**/*.mdx', { query: '?raw' });
     const fileEntries = Object.entries(mdxFiles);
 
     const fileEntry = fileEntries.find(([path]) => pathFromFilename(path) === pathname);
@@ -167,7 +167,7 @@ export async function loadAllMDXFrontMatter(pathname: string) {
     }
 
     // Fallback to dynamic loading
-    const mdxFiles = import.meta.glob<{ default: string }>('../../docs/**/*.mdx', { query: 'raw' });
+    const mdxFiles = import.meta.glob<{ default: string }>('../../docs/**/*.mdx', { query: '?raw' });
     const fileEntries = Object.entries(mdxFiles);
 
     const remainingEntries = fileEntries.filter(([path]) => pathFromFilename(path) !== pathname);

package/src/mdx/api-playground.tsx

@@ -327,7 +327,8 @@ export function APIPlayground({
   const [isLoading, setIsLoading] = useState(false)
   const [response, setResponse] = useState<ResponseData | null>(null)
   const [error, setError] = useState<string | null>(null)
-  const isDark = useTheme().theme === 'dark';
+  const { theme } = useTheme();
+  const isDark = theme === 'dark' || (theme === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches);
   const [selectedServer, setSelectedServer] = useState<Server | null>(servers?.[0] || null)
   
   // Request configuration state

package/src/mdx/fence.tsx

@@ -14,7 +14,8 @@ export function Fence({
   children: string
   language: string
 }) {
-  const isDark = useTheme().theme === 'dark';
+  const { theme } = useTheme();
+  const isDark = theme === 'dark' || (theme === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches);
 
   if (language === 'mermaid') {
     return (

package/src/mdx/latex.tsx

@@ -1,11 +1,21 @@
 import { ExclamationTriangleIcon } from '@heroicons/react/24/outline'
 import { useEffect, useRef, useState } from 'react'
 
+function extractText(node: React.ReactNode): string {
+  if (typeof node === 'string') return node;
+  if (typeof node === 'number') return String(node);
+  if (!node) return '';
+  if (Array.isArray(node)) return node.map(extractText).join('');
+  if (typeof node === 'object' && 'props' in node) return extractText((node as any).props.children);
+  return '';
+}
+
 interface LatexProps {
-  children: string
+  children: React.ReactNode
 }
 
 export function Latex({ children }: LatexProps) {
+  const expression = extractText(children).trim();
   const containerRef = useRef<HTMLDivElement>(null)
   const [error, setError] = useState<string | null>(null)
   const [isLoading, setIsLoading] = useState(true)
@@ -26,7 +36,7 @@ export function Latex({ children }: LatexProps) {
 
         if (!mounted || !containerRef.current) return
 
-        katex.render(children, containerRef.current, {
+        katex.render(expression, containerRef.current, {
           displayMode: true,
           throwOnError: false,
         })
@@ -45,7 +55,7 @@ export function Latex({ children }: LatexProps) {
     return () => {
       mounted = false
     }
-  }, [children])
+  }, [expression])
 
   if (error) {
     return (