@barodoc/theme-docs 6.0.0 → 7.0.0

package/src/layouts/BlogLayout.astro

@@ -2,6 +2,7 @@
 import BaseLayout from "./BaseLayout.astro";
 import Header from "../components/Header.astro";
 import Banner from "../components/Banner.astro";
+import CodeCopy from "../components/CodeCopy.astro";
 import { defaultLocale } from "virtual:barodoc/i18n";
 import { getLocaleFromPath } from "@barodoc/core";
 
@@ -10,12 +11,13 @@ interface Props {
   description?: string;
   date?: Date;
   author?: string;
+  avatar?: string;
   image?: string;
   tags?: string[];
   readingTime?: string;
 }
 
-const { title, description, date, author, image, tags = [], readingTime } = Astro.props;
+const { title, description, date, author, avatar, image, tags = [], readingTime } = Astro.props;
 const currentPath = Astro.url.pathname;
 const i18nConfig = { defaultLocale, locales: [defaultLocale] };
 const currentLocale = getLocaleFromPath(currentPath, i18nConfig);
@@ -47,7 +49,18 @@ const currentLocale = getLocaleFromPath(currentPath, i18nConfig);
           </p>
         )}
         <div class="mt-4 flex items-center gap-3 text-sm text-[var(--bd-text-muted)]">
-          {author && <span>{author}</span>}
+          {author && (
+            <span class="flex items-center gap-2">
+              {avatar && (
+                <img
+                  src={avatar}
+                  alt={author}
+                  class="w-6 h-6 rounded-full object-cover ring-1 ring-[var(--bd-border)]"
+                />
+              )}
+              <span>{author}</span>
+            </span>
+          )}
           {author && date && <span class="text-[var(--bd-border)]">&middot;</span>}
           {date && (
             <time datetime={date.toISOString()}>
@@ -75,6 +88,7 @@ const currentLocale = getLocaleFromPath(currentPath, i18nConfig);
       <div class="prose prose-gray dark:prose-invert max-w-none">
         <slot />
       </div>
+      <CodeCopy />
 
       <!-- Back to blog -->
       <div class="mt-12 pt-8 border-t border-[var(--bd-border)]">

package/src/pages/blog/[...slug].astro

@@ -31,6 +31,7 @@ const readTime = readingTime(post.body ?? "");
   description={post.data.description || post.data.excerpt}
   date={post.data.date ? new Date(post.data.date) : undefined}
   author={post.data.author}
+  avatar={post.data.avatar}
   image={post.data.image}
   tags={post.data.tags}
   readingTime={readTime.text}

package/src/pages/blog/index.astro

@@ -74,7 +74,18 @@ const sortedPosts = posts.sort((a, b) => {
                   </p>
                 )}
                 <div class="mt-auto pt-2 flex items-center gap-2 text-xs text-[var(--bd-text-muted)]">
-                  {post.data.author && <span>{post.data.author}</span>}
+                  {post.data.author && (
+                    <span class="flex items-center gap-1.5">
+                      {post.data.avatar && (
+                        <img
+                          src={post.data.avatar}
+                          alt={post.data.author}
+                          class="w-4 h-4 rounded-full object-cover"
+                        />
+                      )}
+                      <span>{post.data.author}</span>
+                    </span>
+                  )}
                   {post.data.author && post.data.date && <span>&middot;</span>}
                   {post.data.date && (
                     <time datetime={new Date(post.data.date).toISOString()}>

package/src/pages/docs/[...slug].astro

@@ -125,7 +125,7 @@ breadcrumbs.push({ label: doc.data.title });
   lastUpdated={lastUpdated}
   breadcrumbs={breadcrumbs}
   readingTime={readTime.text}
-  filePath={doc.id}
+  filePath={`src/content/docs/${doc.id}`}
 >
   {category && (
     <p class="text-xs font-semibold uppercase tracking-widest text-primary-600 dark:text-primary-400 mb-3">

package/src/pages/index.astro

@@ -43,10 +43,24 @@ const features = [
     <header class="sticky top-0 z-50 border-b border-[var(--bd-border)] bg-[var(--bd-bg)]/95 backdrop-blur-md">
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div class="flex h-16 items-center justify-between">
-          <a href="/" class="flex items-center gap-2.5 font-semibold text-[var(--bd-text)]">
-            {config.logo && <img src={config.logo} alt={config.name} class="h-7 w-7" />}
-            <span class="text-lg">{config.name}</span>
-          </a>
+          <div class="flex items-center gap-6">
+            <a href="/" class="flex items-center gap-2.5 font-semibold text-[var(--bd-text)]">
+              {config.logo && <img src={config.logo} alt={config.name} class="h-7 w-7" />}
+              <span class="text-lg">{config.name}</span>
+            </a>
+            {config.tabs && config.tabs.length > 0 && (
+              <nav class="hidden md:flex items-center gap-1">
+                {config.tabs.map((tab: { label: string; href: string }) => (
+                  <a
+                    href={tab.href}
+                    class="px-3 py-1.5 text-sm font-medium rounded-lg text-[var(--bd-text-secondary)] hover:text-[var(--bd-text)] hover:bg-[var(--bd-bg-subtle)] transition-colors"
+                  >
+                    {tab.label}
+                  </a>
+                ))}
+              </nav>
+            )}
+          </div>
           <div class="flex items-center gap-2">
             {config.topbar?.github && (
               <a