Skip to content

1.0.1

Choose a tag to compare

View all tags
@AKSarav AKSarav released this 13 Sep 19:56
· 3 commits to main since this release
1.0.1
9afa4a8

🚀 Major Feature Release: Enhanced Search, Mobile UI, and Advanced Navigation

✨ New Features
🔍 Enhanced Multi-Node Search System

  • Find and highlight ALL matching nodes simultaneously (not just first match)
  • Smart arrow key navigation (↑/↓) through search results
  • Visual navigation buttons with up/down arrows
  • Real-time result counter and feedback ("Found 5 matches")
  • Auto-expand parent nodes to reveal hidden matches
  • Visual node focusing with blue highlight and pulse animation

📱 Mobile-First Scrollable Control Bar

  • Horizontal scrollable controls with smooth touch scrolling
  • Responsive design: full labels on desktop, icons on mobile
  • Gradient fade indicators for scrollable content
  • Mobile scroll hint: "← Swipe to see more controls →"
  • Future-ready architecture for adding more controls

📂 Smart Toggle Expand/Collapse
Intelligent expand/collapse button that shows current state

"📂 Expand All" ↔ "📁 Collapse All" based on actual tree state

  • Alt+E keyboard shortcut for toggle functionality
  • Automatic state detection and button text updates

🎨 Improved Visual Layout & Spacing

  • Enhanced node spacing: 50px horizontal, 100px vertical gaps
  • Increased label padding for better readability
  • Optimized margins and chart positioning
  • Better visual hierarchy with proper level separation

📸 Enhanced PNG Export

  • Full content capture (no more cut-off nodes)
  • Auto-expand all nodes before export for complete visualization
  • Higher quality exports with proper margins
  • Timestamped filenames for better organization
  • Visual feedback during export process

🧹 Advanced TidyUp & Copy Features (Previously implemented)

  • Alt+T: Show only lineage of selected node
  • Ctrl+C: Copy lineage tree to clipboard in multiple formats
  • Smart lineage calculation with path from root + all descendants

🛠️ Technical Improvements

⌨️ Enhanced Keyboard Shortcuts

  • Alt+T: TidyUp lineage view
  • Alt+E: Toggle expand/collapse all nodes
  • ↑/↓: Navigate through search results
  • Ctrl+C: Copy lineage to clipboard
  • Escape: Exit TidyUp mode

🎯 Smart Default Behavior

  • Restored original 2-3 level expansion on file load
  • Intelligent button state detection
  • Context-aware arrow key handling
  • Proper state management across all features

📐 Responsive Design

  • Mobile-optimized control layout
  • Touch-friendly navigation buttons
  • Adaptive text and icon sizing
  • Smooth scrolling with momentum on mobile

🎨 Visual Enhancements

  • 🌈 Advanced Highlighting System
  • Red borders: Search results
  • Blue borders with pulse: Focused search result
  • Enhanced visual feedback for all interactions
  • Smooth transitions and animations

💫 Interactive Animations

  • Pulse effect for focused nodes
  • Smooth button state transitions
  • Hover effects on controls
  • Loading states for export operations

📱 Mobile Experience

  • 📲 Touch-Optimized Controls
  • Swipeable horizontal control bar
  • Touch-friendly button sizes
  • Responsive text and icon adaptation
  • Smooth scroll indicators

🎯 Accessibility Improvements

  • Clear visual hierarchy
  • Intuitive navigation patterns
  • Keyboard and mouse equivalent functionality
  • Screen reader friendly structure

📊 Impact: This release transforms ConfMap from a basic visualization tool into a professional, mobile-ready application with advanced search capabilities, intelligent navigation, and a modern responsive interface. Users can now efficiently navigate large configuration files with precision and export high-quality visualizations on any device.

🔧 Files Changed: src/main.ts, map.html, README.md

📈 Lines Added: ~400+ lines of enhanced functionality

🚀 Deployment Ready: All features tested and production-ready

Assets 2
Loading