Add name filter to can-i-use dashboard - #11304
Open
Renhe Li (lirenhe) wants to merge 7 commits into
Open
Conversation
Add a search box below the coverage overview that filters scenarios by name (case-insensitive substring match) across all tiers and tables. Tables with no matching scenarios are hidden and a 'No scenarios match' message is shown when nothing matches. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> Copilot-Session: cae584f3-c6db-4366-9331-811f932cbfea
Contributor
|
No changes needing a change description found. |
|
You can try these changes here
|
When a name filter is active, expand all rows so matching scenarios are immediately visible without manual expansion. Use React's useDeferredValue so the SearchBox stays responsive while the filter + expand render happens as a lower-priority, non-blocking update. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> Copilot-Session: cae584f3-c6db-4366-9331-811f932cbfea
Timothee Guerin (timotheeguerin)
approved these changes
Jul 21, 2026
github-merge-queue
Bot
removed this pull request from the merge queue due to failed status checks
Jul 22, 2026
Timothee Guerin (timotheeguerin)
enabled auto-merge
July 22, 2026 12:37
microsoft-github-policy-service
Bot
added
the
stale
Contributor
|
Hi @Renhe Li (@lirenhe). Your PR has had no update for 14 days and it is marked as a stale PR. If it is not updated within 14 additional days, the PR will automatically be closed. If you want to refresh the PR, please remove the |
Member
Author
|
Copilot resolve the merge conflicts in this pull request |
Co-authored-by: lirenhe <9100546+lirenhe@users.noreply.github.com>
Contributor
Member
Author
|
Copilot , please fix the format issue: Run pnpm run format:check |
Co-authored-by: lirenhe <9100546+lirenhe@users.noreply.github.com>
Contributor
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
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
Adds a name filter to the
can-i-usecoverage dashboard (e.g. https://azure.github.io/typespec-azure/can-i-use/http/) so users can quickly locate a specific scenario/test among the ~1000 cases.Changes
SearchBoxplaced below the Coverage Overview and directly above the coverage tables.useDeferredValueso theSearchBoxstays responsive while the filter + expand render runs as a lower-priority, non-blocking update — no typing lag even with ~1000 scenarios.Impact
expandAllis a new optional prop on the internalDashboardTable(defaultfalse); the publicDashboard/DashboardFromAzureStorageAPI is unchanged.expandAllisfalseand the tree renders exactly as before — no change to the default page load / idle experience.can-i-use/httppages, which pass onlyoptions.Files
packages/spec-dashboard/src/components/dashboard.tsxpackages/spec-dashboard/src/components/dashboard-table.tsxpackages/spec-dashboard/src/components/dashboard.module.cssNote:
@typespec/spec-dashboardis a private package, so no changelog entry is required.