Files
davila7__claude-code-templates/docu/sidebars.ts
T
daniel aad91824a9 feat: Add individual components system with unified web interface
Major Features Added:
🎯 Unified filter interface (Templates, Agents, Commands, MCPs)
🤖 Individual Agent components (react-performance, api-security, database-optimization)
⚡ Custom Command components (check-file, generate-tests)
🔌 MCP integration configs (DeepGraph, GitHub, databases, etc.)
📱 Card flip functionality with installation commands
🎨 Compact stats badges design
📚 Comprehensive Docusaurus documentation

Technical Improvements:
- Modular component architecture in cli-tool/components/
- Real-time GitHub API integration for component loading
- Smart installation command generation per component type
- Responsive design with terminal theme consistency
- Individual component contribution workflows

Web Interface Enhancements:
- Removed mode separation, unified single view
- Interactive filter bar with component counts
- Installation command copying functionality
- Component-specific "Add New" cards with contribution modals
- Enhanced loading states and error handling

Documentation Updates:
- New /docs/components/ section with detailed guides
- Updated navigation and cross-references
- Installation methods for each component type
- Best practices for templates vs individual components

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-29 12:55:04 -05:00

75 lines
1.8 KiB
TypeScript

import type {SidebarsConfig} from '@docusaurus/plugin-content-docs';
// This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
/**
* Creating a sidebar enables you to:
- create an ordered group of docs
- render a sidebar for each doc of that group
- provide next/previous navigation
The sidebars can be generated from the filesystem, or explicitly defined here.
Create as many sidebars as you want.
*/
const sidebars: SidebarsConfig = {
tutorialSidebar: [
'intro',
{
type: 'category',
label: 'Project Setup & Configuration',
items: [
'project-setup/interactive-setup',
'project-setup/framework-specific-setup',
'project-setup/what-gets-installed',
'project-setup/supported-languages-frameworks',
'project-setup/automation-hooks',
'project-setup/mcp-integration',
],
},
{
type: 'category',
label: 'Individual Components',
items: [
'components/overview',
'components/agents',
'components/commands',
'components/mcps',
],
},
{
type: 'category',
label: 'Analytics Dashboard',
items: [
'analytics/overview',
'analytics/real-time-monitoring',
'analytics/agent-chats-manager',
'analytics/analysis-tools',
],
},
{
type: 'category',
label: 'Health Check',
items: [
'health-check/overview',
],
},
{
type: 'category',
label: 'Usage Examples',
items: [
'usage-examples/interactive-setup',
'usage-examples/framework-specific-quick-setup',
'usage-examples/advanced-options',
'usage-examples/alternative-commands',
],
},
'cli-options',
'safety-features',
'contributing',
'support',
],
};
export default sidebars;