@knowcode/doc-builder 1.3.3 → 1.3.4

package/CHANGELOG.md

@@ -5,6 +5,14 @@ All notable changes to @knowcode/doc-builder will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.3.4] - 2025-07-19
+
+### Fixed
+- Properly fixed spacing between breadcrumb and filter box in sidebar
+- Increased sidebar-breadcrumbs margin-bottom to 24px for better separation
+- Removed unnecessary margin from sidebar-header elements
+- Applied consistent spacing across both style themes
+
 ## [1.3.3] - 2025-07-19
 
 ### Fixed

package/assets/css/notion-style.css

@@ -169,7 +169,6 @@ h2 {
 h3 {
   font-size: var(--text-xl);
   margin-top: var(--space-8);
-  margin-bottom: var(--space-4);
 }
 
 h4 {
@@ -336,7 +335,33 @@ pre code {
 .sidebar-header {
   padding: var(--space-4);
   border-bottom: 1px solid var(--color-border-default);
-  margin-bottom: var(--space-4);
+}
+
+/* Sidebar Breadcrumbs */
+.sidebar-breadcrumbs {
+  margin-bottom: var(--space-6);
+}
+
+.sidebar-home-link {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--space-2) var(--space-3);
+  color: var(--color-text-secondary);
+  text-decoration: none;
+  border-radius: var(--radius-base);
+  font-size: 0.875rem;
+  font-weight: 500;
+  transition: all 0.2s;
+}
+
+.sidebar-home-link:hover {
+  background: var(--color-bg-secondary);
+  color: var(--color-text-primary);
+}
+
+.sidebar-home-link i {
+  font-size: 1rem;
 }
 
 .filter-box {
@@ -502,7 +527,11 @@ pre code {
 .sidebar-header {
   padding: var(--space-3);
   border-bottom: 1px solid var(--color-border-default);
-  margin-bottom: var(--space-4);
+}
+
+/* Already defined above, but ensure consistency */
+.sidebar-breadcrumbs {
+  margin-bottom: var(--space-6);
 }
 
 .filter-box {
@@ -808,7 +837,6 @@ tr:hover {
   border: 1px solid var(--color-border-default);
   border-radius: var(--radius-lg);
   padding: var(--space-6);
-  margin-bottom: var(--space-4);
   box-shadow: var(--shadow-sm);
   transition: all var(--duration-normal) var(--easing-out);
 }
@@ -1417,7 +1445,6 @@ tr:hover {
   font-size: var(--text-lg);
   font-weight: var(--font-semibold);
   color: var(--color-text-primary);
-  margin-bottom: var(--space-4);
   padding-bottom: var(--space-2);
   border-bottom: 2px solid var(--color-divider);
 }
@@ -1790,11 +1817,9 @@ tr:hover {
 .auth-box p {
   color: var(--color-text-secondary);
   text-align: center;
-  margin-bottom: var(--space-4);
 }
 
 .form-group {
-  margin-bottom: var(--space-4);
 }
 
 .form-group label {

package/assets/css/style.css

@@ -863,7 +863,33 @@ em, i {
   position: sticky;
   top: 0;
   z-index: 10;
-  margin-bottom: var(--space-lg);
+}
+
+/* Sidebar Breadcrumbs */
+.sidebar-breadcrumbs {
+  margin-bottom: var(--space-xl);
+}
+
+.sidebar-home-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem 0.75rem;
+  color: var(--text-secondary);
+  text-decoration: none;
+  border-radius: 0.375rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  transition: all 0.2s;
+}
+
+.sidebar-home-link:hover {
+  background: var(--bg-secondary);
+  color: var(--text-primary);
+}
+
+.sidebar-home-link i {
+  font-size: 1rem;
 }
 
 .filter-box {
@@ -953,6 +979,15 @@ em, i {
   background: var(--bg-secondary);
 }
 
+[data-theme="dark"] .sidebar-home-link {
+  color: var(--text-secondary);
+}
+
+[data-theme="dark"] .sidebar-home-link:hover {
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
+}
+
 [data-theme="dark"] .filter-input {
   border-color: rgba(255, 255, 255, 0.1);
   background: var(--bg-tertiary);

package/lib/core-builder.js

@@ -144,6 +144,12 @@ function generateHTML(title, content, navigation, currentPath = '', config = {})
         <!-- Sidebar -->
         <aside class="sidebar">
             <div class="sidebar-header">
+                <div class="sidebar-breadcrumbs">
+                    <a href="/index.html" class="sidebar-home-link">
+                        <i class="fas fa-home"></i>
+                        <span>Home</span>
+                    </a>
+                </div>
                 <div class="filter-box">
                     <input type="text" placeholder="Filter items..." class="filter-input" id="nav-filter">
                     <i class="fas fa-search filter-icon"></i>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knowcode/doc-builder",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "Reusable documentation builder for markdown-based sites with Vercel deployment support",
   "main": "index.js",
   "bin": {