Basic Search Functionality
Built-in search with FlexSearch integration
Interactive Search
Search Controls
Search Features
Search vs Filter
Filter Mode: Shows only matching nodes, hiding non-matches. Best for narrowing down large datasets.
Search Mode: Shows all nodes but allows navigation between matches. Press Enter or use arrows to jump between results.
Keyboard Shortcuts
- Enter - Navigate to next match (search mode)
- ↑ / ↓ - Navigate between matches
- Esc - Clear search (when focused)
Performance Features
- Async indexing with configurable batch size
- Debounced search queries
- Progressive result highlighting
Current Search
No search active
Advanced Search Configuration
Fine-tune search performance and behavior
Performance Settings
Number of items processed per batch during indexing
Delay between batches to prevent UI blocking
Configuration Impact
- Larger batch size: Faster indexing, potential UI freezing
- Smaller batch size: Smoother UI, slower indexing
- Higher timeout: More responsive UI during indexing
- Lower timeout: Faster completion, possible UI lag
Indexer Configuration
Performance Configuration
Performance Guidelines
Batch Size Guidelines
- Small datasets (<100 items): 50-100
- Medium datasets (100-1000 items): 25-50
- Large datasets (>1000 items): 10-25
Timeout Guidelines
- Fast devices: 10-25ms
- Average devices: 25-75ms
- Slow devices: 75-200ms
Debug Information
Enable debug mode to see indexing progress, search times, and result counts in the browser console.
Custom Search Callback
Define exactly what content should be searchable
Custom Search Logic
Callback Implementation
Custom Search Callback
Use Cases
Callback Function
The callback receives a tree node and should return a string containing all searchable content for that node.
Common Patterns
- Multi-field search: Combine name, description, tags
- Weighted fields: Repeat important fields for relevance
- Normalized text: Convert to lowercase, remove special chars
- Metadata search: Include hidden properties like IDs, types
Performance Tips
- Keep callback function lightweight
- Pre-process text if possible
- Avoid complex string operations
Search Examples & Patterns
File System Search
File System Pattern
Organization Search
Employee Directory Pattern