@clidey/dory 0.38.0 → 0.40.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@clidey/dory",
   "private": false,
-  "version": "0.38.0",
+  "version": "0.40.0",
   "type": "module",
   "description": "A CLI tool for building and previewing documentation sites",
   "keywords": [
@@ -20,10 +20,7 @@
     "index.html",
     "vite.config.ts",
     "vite.config.embed-loader.ts",
-    "vite.config.embed-widget.ts",
-    "tsconfig.json",
-    "tsconfig.app.json",
-    "tsconfig.node.json"
+    "vite.config.embed-widget.ts"
   ],
   "repository": {
     "type": "git",
@@ -39,7 +36,7 @@
     "dev": "vite",
     "build": "npm run build:cli && tsc -b && vite build",
     "build:cli": "tsc -p tsconfig.bin.json",
-    "build:docs": "tsc -b && vite build",
+    "build:docs": "vite build",
     "build:embed": "npm run build:embed:loader && npm run build:embed:widget",
     "build:embed:loader": "vite build -c vite.config.embed-loader.ts",
     "build:embed:widget": "vite build -c vite.config.embed-widget.ts",

package/src/components/routes.tsx

@@ -47,21 +47,27 @@ export default function Routes() {
   useEffect(() => {
     setLoading(true);
     const loadRoutes = async () => {
-      // For root path, load the first navigation page
-      const targetPath = pathname === '/' ? ALL_NAVIGATION[0].groups[0].pages[0].href : pathname;
-      
-      const entries = await Promise.all(
-        Object.entries(ALL_PAGES).filter(([path]) => path === targetPath).map(async ([path, loader]) => {
-          const module = await loader();
-          const routePath = pathname === '/' ? '/' : pathFromFilename(path);
-          return {
-            path: routePath,
-            component: module.default,
-          };
-        })
-      );  
-      setRoutes(entries);
-      setLoading(false);
+      try {
+        // For root path, load the first navigation page
+        const targetPath = pathname === '/' ? ALL_NAVIGATION[0].groups[0].pages[0].href : pathname;
+
+        const entries = await Promise.all(
+          Object.entries(ALL_PAGES).filter(([path]) => path === targetPath).map(async ([path, loader]) => {
+            const module = await loader();
+            const routePath = pathname === '/' ? '/' : pathFromFilename(path);
+            return {
+              path: routePath,
+              component: module.default,
+            };
+          })
+        );
+        setRoutes(entries);
+      } catch (error) {
+        console.error('Failed to load route:', error);
+        setRoutes([]);
+      } finally {
+        setLoading(false);
+      }
     };
 
     loadRoutes();

package/src/plugins/html-metadata-injector.ts

@@ -23,6 +23,8 @@ export function htmlMetadataInjector(): Plugin {
         const siteName = config.name || 'Documentation';
         const defaultTitle = config.title || siteName;
         const defaultDescription = config.description || `${siteName} - Technical Documentation`;
+        const siteUrl = config.url || '';
+        const siteImage = config.image || './docs/favicon.svg';
 
         // Replace title
         html = html.replace(
@@ -54,6 +56,20 @@ export function htmlMetadataInjector(): Plugin {
           `<meta property="og:site_name" content="${siteName}" />`
         );
 
+        // Replace Open Graph image
+        html = html.replace(
+          /<meta property="og:image" content=".*?" \/>/,
+          `<meta property="og:image" content="${siteImage}" />`
+        );
+
+        // Replace Open Graph URL
+        if (siteUrl) {
+          html = html.replace(
+            /<meta property="og:url" content=".*?" \/>/,
+            `<meta property="og:url" content="${siteUrl}" />`
+          );
+        }
+
         // Replace Twitter title
         html = html.replace(
           /<meta name="twitter:title" content=".*?" \/>/,
@@ -66,6 +82,12 @@ export function htmlMetadataInjector(): Plugin {
           `<meta name="twitter:description" content="${defaultDescription}" />`
         );
 
+        // Replace Twitter image
+        html = html.replace(
+          /<meta name="twitter:image" content=".*?" \/>/,
+          `<meta name="twitter:image" content="${siteImage}" />`
+        );
+
         return html;
       } catch (error) {
         console.error('❌ Failed to parse dory.json for metadata injection:', error);

package/src/types/config.ts

@@ -87,8 +87,11 @@ export interface DoryAnalytics {
 
 export interface DoryConfig {
   name: string;
-  favicon: string;
+  title?: string;
+  description?: string;
+  image?: string;
   url?: string;
+  favicon: string;
   colors?: DoryColors;
   fonts?: DoryFonts;
   navigation: DoryNavigation;

package/src/ui/header.tsx

@@ -69,15 +69,20 @@ export function Header({ className }: { className?: string }) {
         </div>
         <nav className="hidden md:block">
           <ul role="list" className="flex items-center gap-8">
-            {ALL_NAVIGATION.map((tab) => (
-              <TopLevelNavItem 
-                key={tab.title} 
-                href={tab.groups[0].pages[0].href}
-                isActive={pathname.startsWith(`/${tab.groups[0].pages[0].href.split('/')[1]}`)}
-              >
-                {tab.title}
-              </TopLevelNavItem>
-            ))}
+            {ALL_NAVIGATION.map((tab) => {
+              const isActive = tab.groups.some(group =>
+                group.pages.some(page => page.href === pathname)
+              );
+              return (
+                <TopLevelNavItem
+                  key={tab.title}
+                  href={tab.groups[0].pages[0].href}
+                  isActive={isActive}
+                >
+                  {tab.title}
+                </TopLevelNavItem>
+              );
+            })}
           </ul>
         </nav>
         <div className="hidden md:block md:h-5 md:w-px md:bg-zinc-900/10 md:dark:bg-white/15" />

package/tsconfig.app.json

@@ -1,33 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-    "paths": {
-      "react": ["./node_modules/preact/compat/"],
-      "react-dom": ["./node_modules/preact/compat/"]
-    },
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "jsxImportSource": "preact",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"],
-  "exclude": ["src/plugins"]
-}

package/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}

package/tsconfig.node.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2022",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "types": ["node"],
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts", "src/plugins/**/*.ts", "bin/**/*.ts"]
-}