brave-core
brave-core copied to clipboard
Added speedreader panel WebUI components
Resolves https://github.com/brave/brave-browser/issues/24528

This PR introduces the new WebUI bubble for Speedreader page controls and it's hidden behind a flag --enable-features=SpeedreaderPanelV2
— Not all UI controls are implemented as it needs backend APIs to be implemented first in SpeedreaderTabHelper interface and this requires the speedreader panel mojom interface to exist.
The following will be done as follow ups:
- Add string translations
- Add proper bubble anchor, currently the anchor is location bar
- Implement following APIs: font style, content style, speedreader enabled/disabled
We do not remove any previous interfaces, however if we're consolidating the Chromium's reader logic to the new WebUI we should look into the following:
-
SpeedreaderTabHelper
has::ProcessIconClick
which checks the type of panel should render -
SpeedreaderIconView
subclassesPageActionIconView
which is not useful for the new WebUI bubble interface. We should potentially remove this or replace this with a subclassLabelButton
-
SpeedreaderIconView::GetBubble
gets triggered when user's mouse enters the icon area. I'm assuming the panel gets eagerly loaded? If we subclass LabelButton, we won't need to override this
Submitter Checklist:
- [x] I confirm that no security/privacy review is needed, or that I have requested one
- [x] There is a ticket for my issue
- [x] Used Github auto-closing keywords in the PR description above
- [x] Wrote a good PR/commit description
- [x] Squashed any review feedback or "fixup" commits before merge, so that history is a record of what happened in the repo, not your PR
- [x] Added appropriate labels (
QA/Yes
orQA/No
;release-notes/include
orrelease-notes/exclude
;OS/...
) to the associated issue - [x] Checked the PR locally:
npm run test -- brave_browser_tests
,npm run test -- brave_unit_tests
,npm run lint
,npm run gn_check
,npm run tslint
- [x] Ran
git rebase master
(if needed)
Reviewer Checklist:
- [ ] A security review is not needed, or a link to one is included in the PR description
- [ ] New files have MPL-2.0 license header
- [ ] Adequate test coverage exists to prevent regressions
- [ ] Major classes, functions and non-trivial code blocks are well-commented
- [ ] Changes in component dependencies are properly reflected in
gn
- [ ] Code follows the style guide
- [ ] Test plan is specified in PR before merging
After-merge Checklist:
- [ ] The associated issue milestone is set to the smallest version that the changes has landed on
- [ ] All relevant documentation has been updated, for instance:
- [ ] https://github.com/brave/brave-browser/wiki/Deviations-from-Chromium-(features-we-disable-or-remove)
- [ ] https://github.com/brave/brave-browser/wiki/Proxy-redirected-URLs
- [ ] https://github.com/brave/brave-browser/wiki/Fingerprinting-Protections
- [ ] https://github.com/brave/brave-browser/wiki/Brave%E2%80%99s-Use-of-Referral-Codes
- [ ] https://github.com/brave/brave-browser/wiki/Custom-Headers
- [ ] https://github.com/brave/brave-browser/wiki/Web-Compatibility-Exceptions-in-Brave
- [ ] https://github.com/brave/brave-browser/wiki/QA-Guide
- [ ] https://github.com/brave/brave-browser/wiki/P3A
Test Plan:
A Storybook has been deployed to preview UI for the latest push
A Storybook has been deployed to preview UI for the latest push
A Storybook has been deployed to preview UI for the latest push
A Storybook has been deployed to preview UI for the latest push
A Storybook has been deployed to preview UI for the latest push
A Storybook has been deployed to preview UI for the latest push
A Storybook has been deployed to preview UI for the latest push
@nullhook jfyi you may want to create "draft" PRs that would not generate notifications until they are ready
Please add some smoke browser tests.
A Storybook has been deployed to preview UI for the latest push
A Storybook has been deployed to preview UI for the latest push
A Storybook has been deployed to preview UI for the latest push
@petemill mind taking a look?
By the way I received the following warning on the console when running from this branch. It seems related:
[56106:28419:0905/213223.186036:WARNING:zip.cc(184)] ZIP extraction directory is not empty: /Users/petemill/Library/Application Support/BraveSoftware/sprwebui-201/oofiananboodjbbmdelgdommihjbkfag/1.0.110/6.0
A Storybook has been deployed to preview UI for the latest push
A Storybook has been deployed to preview UI for the latest push
A Storybook has been deployed to preview UI for the latest push