Data Browser App
Changelog
Changelog
All notable changes to the Data Browser App are documented here.
[Unreleased]
Added
- Documentation site integration
- Data export functionality (planned)
- Data import functionality (planned)
- Column visibility toggle (planned)
- Saved filter presets (planned)
Changed
- Ongoing accessibility improvements
- Performance optimizations for large collections
Fixed
- Minor UI polish items
[1.0.0] - 2026-01-22
Added
- Initial release of the Data Browser App
- Collection Browsing
- Sidebar navigation listing all available RxDB collections
- Collection selection with active state highlighting
- Loading states and empty collection handling
- Automatic filter reset when switching collections
- Data Table Display
- TanStack Table-powered data grid
- Auto-generated columns from schema and data
- Sortable column headers
- Sticky header with horizontal scrolling
- Row selection checkboxes for batch operations
- Pagination controls with configurable page sizes (10, 25, 50, 100, 250, 500)
- Empty state handling with helpful messages
- Advanced Filtering
- Parse Dashboard-style filter builder
- Multiple filter conditions (AND logic)
- Field selector with nested field support
- Multiple operators: equals, not equals, contains, not contains, greater than, less than, greater or equal, less or equal, exists, not exists
- Enum dropdown for fields with defined values
- Clear individual filters or all at once
- Automatic pagination reset on filter change
- Inline Editing
- Click-to-edit functionality for table cells
- Automatic type detection for appropriate input controls
- Enum fields show dropdown selector
- Boolean fields show toggle switch
- Enter to save, Escape to cancel
- Visual feedback during save operations
- System fields protected as read-only
- Content Modal
- Expand icon for truncated content
- Formatted JSON view for objects and arrays
- Full text display for long strings
- Scrollable content area
- Document Form Modal
- Schema-driven form generation using react-jsonschema-form
- Custom widgets for text, textarea, select, checkbox
- Collection reference fields with related document dropdown
- Tag array fields with add/remove functionality
- Automatic system field population (id, timestamps)
- Schema-based validation
- Create and edit modes
- Document Deletion
- Single document delete with confirmation
- Row selection for batch operations
- Floating toolbar showing selection count
- Batch delete with single confirmation
- Automatic selection clear after delete
- Dual Connection Modes
- Local mode: Direct RxDB access with replication
- REST mode: RxDB Server REST API communication
- Mode toggle in navbar with visual indicator
- Mode-aware service abstraction
- Error handling for unavailable modes
- Server Management
- Server configuration page for REST connections
- Add, edit, and delete server configurations
- Active server selection (star icon)
- Server details display in table
- Configuration validation
- Navigation
- Two-page structure: Collections and Servers
- Responsive navbar with mode toggle
- Deep linking support for collection routes
- Keyboard Shortcuts
- Refresh Data: Ctrl+R / Cmd+R
- Filter Results: Ctrl+F / Cmd+F
- Query Data: Ctrl+Q / Cmd+Q
Technical
- FlowState App Framework integration
- RxDB service abstraction for dual connection modes
- TanStack Table for data grid functionality
- react-jsonschema-form for schema-driven forms
- Lucide React for icons
- Full TypeScript implementation
- FlowState plugin registration
Version Format
This changelog follows Keep a Changelog format.
- Added for new features
- Changed for changes in existing functionality
- Deprecated for soon-to-be removed features
- Removed for now removed features
- Fixed for bug fixes
- Security for vulnerability fixes