@knowcode/doc-builder 1.1.9 → 1.1.10

package/CHANGELOG.md

@@ -5,6 +5,22 @@ 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.1.10] - 2025-07-19
+
+### Fixed
+- Fixed navigation for flat file structures (no folders)
+- Added proper CSS styling for flat navigation layouts
+- Navigation now works correctly when all files are in root directory
+
+### Added
+- Flat navigation detection and handling
+- Specific CSS classes for flat vs collapsible navigation
+- Improved navigation styling for simple project structures
+
+### Improved
+- Better navigation experience for projects without folder hierarchies
+- Consistent navigation styling across all project structures
+
 ## [1.1.9] - 2025-07-19
 
 ### Fixed

package/assets/css/notion-style.css

@@ -1459,4 +1459,35 @@ tr:hover {
   [data-tooltip]::after {
     display: none;
   }
+}
+
+/* Navigation: Flat vs Collapsible */
+.nav-flat .nav-folder-toggle {
+  display: none;
+}
+
+.nav-flat li {
+  margin-bottom: var(--space-0-5);
+}
+
+.nav-flat .nav-link {
+  display: block;
+  padding: var(--space-1) var(--space-2);
+  color: var(--color-text-secondary);
+  text-decoration: none;
+  border-radius: var(--border-radius-md);
+  transition: all 0.2s ease;
+  font-size: var(--text-sm);
+  font-weight: 400;
+}
+
+.nav-flat .nav-link:hover {
+  background: var(--color-bg-hover);
+  color: var(--color-text-primary);
+}
+
+.nav-flat .nav-link.active {
+  background: var(--color-accent-blue-bg);
+  color: var(--color-accent-blue);
+  font-weight: 500;
 }

package/lib/core-builder.js

@@ -208,7 +208,19 @@ function buildNavigationStructure(files, currentFile) {
     return Object.values(node.folders).some(folder => checkActiveChild(folder, currentFile));
   };
   
-  return `<ul class="nav-list">${generateNavHTML(tree)}</ul>`;
+  const navHTML = generateNavHTML(tree);
+  
+  // If there are no folders (flat structure), wrap in a simple nav-list
+  // If there are folders, use collapsible navigation
+  const hasFolders = Object.keys(tree.folders).length > 0;
+  
+  if (!hasFolders) {
+    // Simple flat navigation
+    return `<ul class="nav-list nav-flat">${navHTML}</ul>`;
+  } else {
+    // Collapsible navigation with folders
+    return `<ul class="nav-list nav-collapsible">${navHTML}</ul>`;
+  }
 }
 
 // Process single markdown file

package/package.json

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