feat: enhance RegExpTester with live highlighting and improved UX#41
Merged
feat: enhance RegExpTester with live highlighting and improved UX#41
Conversation
Owner
Author
|
vuon9
force-pushed
the
feature/custom-title-bar
branch
from
c1dc832 to
6d09817
Compare
Owner
Author
|
Major improvements to the RegExp Tester tool: - Live match highlighting in test string with layered textarea+backdrop - Color-coded capture groups (8 distinct colors) in both test string and match details - Hover tooltips showing match index, groups, and captures - Auto-expanding regex input (1-10 lines) with theme-aware scrollbar - Unified input group styling with visual connection between pattern/flags/copy button - Flags popover accessible via clicking flags input - Premium regex syntax highlighting for better readability - Filtered match details to show only captured groups with values - Copy button to copy full regex pattern (/pattern/flags) UI/UX: - Reduced spacing throughout for more compact layout - Consistent color scheme using rgba values for better visibility - Scrollbar only appears when content exceeds max height - Removed separate highlighted matches section (integrated into live view) Technical: - Removed unused Settings icon import - Fixed syntax error (extra closing div tag) - Updated TOOL_STATUS.md with completion date Closes: RegExpTester enhancement request
…ster with improved regex highlighting, global flag handling, and performance metric display.
vuon9
force-pushed
the
feature/custom-title-bar
branch
from
6d09817 to
32eccdd
Compare
Minimum allowed line rate is |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Major enhancements to the RegExp Tester tool with live highlighting, improved UX, and better visual feedback.
Changes
✨ New Features
🎨 UI/UX Improvements
🔧 Technical Changes
Testing
Screenshots
(To be added by reviewer)
Closes: RegExpTester enhancement request