Skip to content

feat: add JSON Escape/Unescape tool #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
dehydr8 merged 5 commits into from
Jan 18, 2026
Merged

feat: add JSON Escape/Unescape tool #5

dehydr8 merged 5 commits into from
Jan 18, 2026

Conversation

@dehydr8
Copy link
Member

@dehydr8 dehydr8 commented Jan 18, 2026

Summary

  • Add new JSON Escape/Unescape tool with inline transformation functionality
  • Simple single-textarea interface with Escape and Unescape buttons
  • Comprehensive test coverage with 15+ test cases

Changes

  • Component: Created JsonEscape.tsx with escape/unescape functions for JSON special characters
  • Store: Created json-escape.store.ts for state management using Zustand
  • Tests: Created JsonEscape.test.tsx with comprehensive test coverage
  • Configuration: Registered tool in routes and tools config under DEVELOPMENT category
  • Route: Added /json-escape route

Features

  • Escape JSON special characters: quotes, backslashes, newlines, tabs, carriage returns, etc.
  • Unescape previously escaped JSON strings
  • Inline transformation (replaces textarea content)
  • Clear button to reset
  • Ctrl+Enter keyboard shortcut triggers escape operation
  • Proper error handling for invalid input

Testing

  • Escape functionality tests (quotes, backslashes, newlines, tabs, etc.)
  • Unescape functionality tests
  • Round-trip operations (escape then unescape returns original)
  • Clear functionality tests
  • Store integration tests
  • Empty input handling

Files Changed

  • 6 files changed, 357 insertions(+)
  • New files: JsonEscape.tsx, JsonEscape.test.tsx, json-escape.store.ts
  • Modified: routes.config.ts, tools.config.tsx, stores/index.ts

@dehydr8
feat: add JSON Escape/Unescape tool
f47b93a 
- Add JsonEscape component with inline escape/unescape functionality
- Create Zustand store for state management
- Add comprehensive test coverage
- Register tool in routes and tools config
- Tool provides simple one-textarea interface with Escape and Unescape buttons
- Handles JSON special characters: quotes, backslashes, newlines, tabs, etc.
@dehydr8
fix: resolve TypeScript linting errors
121f2fe 
- Add explicit type assertion for JSON.parse return value
- Remove unused error variable in catch block
- Add type assertion for HTMLTextAreaElement.value in test
@dehydr8
fix: update tests to use store.setInput instead of userEvent.type
4f1dfe5 
- userEvent.type interprets escape sequences incorrectly
- Use store.setInput directly for test inputs with special characters
- Fixes test failures with backspace characters in test expectations
@dehydr8
fix: remove backspace and form feed escaping to avoid regex conflicts
2b955ee 
- Removed \b and \f escaping as they conflict with regex word boundaries
- Focus on common JSON escape sequences: quotes, backslashes, newlines, tabs, carriage returns
- All tests now pass locally
@dehydr8
fix: wrap store updates in act() to eliminate React warnings
f6a6617 
- Import act from @testing-library/react
- Wrap all useJsonEscapeStore.getState().setInput() calls in act()
- Eliminates 'not wrapped in act(...)' warnings in test output
- All 19 tests pass with no warnings
@dehydr8 dehydr8 merged commit 31604df into master Jan 18, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@dehydr8