Unboxing More DevTools Powers, and Reusable Delights - These Weeks in Firefox: Issue 144
Katherine Patenio
Hey Firefox fans,
Highlights
Several Developer Tools updates landed thanks to the DevTools team and fellow contributors. Be sure to check out the DevTools section for more details.
Nicolas enabled the shape highlighter in devtools for offset-path property (bug)
- [screenshot]
- alt text: Screenshot of the shape highlighter in devtools displaying a circular motion path, as a result of the `offset-path` property
Logan Rosen fixed a color contrast issue in the inspector image preview (bug)
- [screenshot]
- alt text: A before and after comparison of the devtools inspector image preview. In the before image, the image dimensions label has poor colour contrast and is difficult to read. In the after image, its colour contrast is improved and is easier to read.
We’re in the midst of improving our device migration page on SUMO to be less verbose and to move the wizard higher up on the page. We’re also looking to experiment with some illustrations!
Thanks to Outreachy contributor Anna (:annhermy), we’re getting closer to having the reusable component moz-message-bar available for general use throughout the Firefox codebase.
Friends of the Firefox team
Resolved bugs (excluding employees)
Script to find new contributors from bug list
Volunteers that fixed more than one bug
Ganna
Gregory Pappas [:gregp]
New contributors (🌟 = first patch)
🌟 Anna (:Ganna)
Implemented different variants of the moz-message-bar custom element,
Added support for the dark theme design in the moz-message-bar
Added support for the HCM design in the moz-message-bar
LyScott123 updated some of our remote protocol tests to use the Assert.rejects helper
Shauryadubey123 updated our addon reporter dialog to use the moz-button-group shared component for more consistent layout
Project Updates
Add-ons / Web Extensions
WebExtensions Framework
As per the deprecation plan described in Bug 1827910 comment 1 – in Firefox 118 – the browser_style manifest.json option is not supported anymore for Manifest Version 3 extensions (Bug 1830711)
In Firefox 117, we introduced new UI controls for the Quarantined Domains feature in the extensions panel and the extension action context menu (Bug 1838234)
WebExtension APIs
In Firefox 117, Manifest Version 2 extensions with a granted activeTab permission will be able to use tabs.executeScript to inject content scripts into dynamically created iframes that are same origin with the top level context (Bug 1841483)
Addon Manager & about:addons
Applied a few toolkit-level changes (along with a few tweaks at the browser level) to the AddonManager internals in order to support the mozAddonManager-based install flow on GeckoView (Bug 1822640, Bug 1845745, Bug 1845749, Bug 1845820)
Developer Tools
DevTools
Contributors
Gregory removed the unused devtools.storage.test.forceLegacyActors preference (bug)
Nicolas added preview support for HighlightRegistry objects (used in Custom Highlight API) in Console/Debugger (bug)
- [screenshot]
- A before and after comparison of preview support for `HighlightRegistry` objects in the devtools console. In the before image, no entry details are displayed in the console for a `HighlightRegistry` object. In the after image, entry details such as keys and values can be seen.
Hubert improved Debugger preview tooltip (bug)
- [screenshot]
- A before and after comparison of the devtools debugger preview tooltip. In the before image, the tooltip is not very informative and contains minimal `prototype` details. In the after image, there is an additional property `Date` displayed in the tooltip.
Hubert migrated the whole Debugger codebase away from JSX (bug)
Hubert fixed an issue in Netmonitor where resend request was blocked by Opaque Request Blocking (bug)
WebDriver BiDi
Sasha implemented the browsingContext.activate command which will force a given browsing context to become visible by moving its tab and window to the foreground (bug)
Sasha added the background argument to browsingContext.create which allows users to decide if new tabs and windows should be in the background (bug)
Sasha also fixed a bug on Android to make sure the correct tab was selecting when using background: true (bug)
Henrik added a type field to events and responses coming from WebDriver BiDi so that clients can easily process them (bug)
Julian updated our vendored Puppeteer to version 20.9.0 with many new tests passing for the BiDi implementation: 385 passing tests compared to only 125 before the update (bug)
ESMification status
Arai converted our xhtml/html/xml files to import ES modules directly rather than using jsm.
Arai also added an ESLint rule to reject importing jsm files into xhtml/html/xml files.
Direct importing of sys.mjs files should be used instead.
Standard8 also converted more js locations to import ES modules directly.
Standard8 converted FxAccountsCommon.js to an ES module.
browser: 85%
toolkit: 99%
Total: 95.22% (up from 95.13%)
#esmification on Matrix
Lint, Docs and Workflow
Standard8 finished off converting ESLint rules to use messageIds rather than strings.
This makes it easier to write tests for rules, as you don't have to copy the whole error string into the rule.
Migration Improvements
An experiment is underway on the release channel that allows people to migrate some Chrome extensions into Firefox! We’re running this experiment with a small population for about a month to make sure that extensions migration is behaving properly out in the wild before we consider rolling this out more widely.
mconley
Added some additional telemetry for Chrome extension migration to help us determine if there are more equivalent extensions that we should add to our mapping
Also fixed an issue where the migration wizard panel would have no outline and be difficult to see on Linux with a light-theme enabled.
gregp got rid of some migration code that only works for unsupported versions of Windows
Picture-in-Picture
niklas resolved an issue where the “Learn More” link disappeared from the Picture-in-Picture developer warning
itiel updated the audio scrubber focus ring to match the progress bar scrubber
Search and Navigation
Sam fixed an alignment issue for the address bar result icons which would show up when different UI densities were used.
Marc changed the address bar to trim http:// only if the directionality doesn't change to RTL.
Marco fixed an issue with the address bar not showing the correct favicon in certain cases.
Mandy added a test for the recent work on hardening of the search service, to ensure the address bar will keep working for bookmarks and history if the search service failed to startup properly.
Storybook/Reusable Components
Thanks to Shauryadubey123 for adding the moz-button-group in the report add-on dialog.
Below the fold
General triage
Drew, mstriemer, Jason, and Sam are this month’s Firefox / Toolkit :: General triagers
[Stephanie] Known this for a while, but worth sharing! In both mochitests and XPCShell test files, you can chain .only() and .skip() calls onto tasks
If you have a "setup" task, make sure it is run using add_setup()
[mconley] Work is underway to convert our manifest .ini files to TOML
“Tom’s Obvious Minimal Language”
Also note that I'm really just synthesizing and humanizing the stuff that's on the Wiki, which is freely available from here: https://wiki.mozilla.org/Firefox/Meeting, so check that out if you want the source material. It'll also be posted (minus the Below the Fold stuff) to the Nightly blog.
Finally, if there's a Firefox-ish team that you feel isn't being represented here, please let them know about the above meeting so we can get their updates.
Keep on rockin' the free web,
You received this message because you are subscribed to the Google Groups "firef...@mozilla.org" group.
To unsubscribe from this group and stop receiving emails from it, send an email to firefox-dev...@mozilla.org.
To view this discussion on the web visit https://groups.google.com/a/mozilla.org/d/msgid/firefox-dev/CANj%3Ddfqw4XOQV3k8hzaP%2B0Fx9sgOptvKgNWTDsjuTf%2B%2BRH_wQQ%40mail.gmail.com.