feat(#162): Add card-based view for API endpoints with search and fil… - #280
Open
EbzyJones wants to merge 1 commit into
Open
feat(#162): Add card-based view for API endpoints with search and fil…#280EbzyJones wants to merge 1 commit into
EbzyJones wants to merge 1 commit into
Conversation
…h and filtering Implements quick reference card view complementing detailed Redoc reference: Features: - Toggle between Card View and Detailed View (Redoc) - Card display with method badge, path, description, tags, popularity - Real-time search across path, summary, description (case-insensitive) - Filter by HTTP method (GET, POST, PUT, PATCH, DELETE, HEAD, OPTIONS) - Click card to jump to endpoint in detailed view - localStorage persistence for view preference - Full dark mode support with CSS custom properties - Responsive design (mobile, tablet, desktop) - WCAG AA accessible (keyboard nav, screen reader compatible) Components: - EndpointCard: Individual card with colored method badge and metadata - CardView: Grid layout with search/filter controls - ApiReference: Main component with view toggle and spec loading - useViewPreference: Custom hook for localStorage persistence - openapi.ts: Utilities for spec parsing, search, filter, sorting Styling: - CSS Modules with dark mode support - Mobile-first responsive design - Accessible focus indicators - 8 HTTP method colors with consistent styling Documentation: - FEATURE_162_SUMMARY.txt: High-level overview - IMPLEMENTATION_SUMMARY.md: Complete architecture and metrics - FEATURE_162_VERIFICATION.md: Comprehensive testing guide (60+ test cases) - QUICK_START.md: Developer guide and extension examples - FILES_CREATED.txt: File structure breakdown No new dependencies. Zero breaking changes. TypeScript 100% type coverage. Acceptance Criteria Met: ✓ Toggle button switches between views ✓ Cards display method, path, description, tags, popularity ✓ Filterable by method and searchable ✓ Click to jump to endpoint details ✓ Responsive on mobile (1 column) to desktop (4-5 columns) ✓ localStorage persistence of view preference Closes Pidoko257#162
|
@EbzyJones Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits. You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀 |
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.
…tering
Implements quick reference card view complementing detailed Redoc reference:
Features:
Components:
Styling:
Documentation:
No new dependencies. Zero breaking changes.
TypeScript 100% type coverage.
Acceptance Criteria Met:
✓ Toggle button switches between views
✓ Cards display method, path, description, tags, popularity ✓ Filterable by method and searchable
✓ Click to jump to endpoint details
✓ Responsive on mobile (1 column) to desktop (4-5 columns) ✓ localStorage persistence of view preference
Closes #162
closes #166
closes #168
closes #190