WXT v0.20

[aklinker1]

Checkout the changelog and upgrade guide for upgrading your project.

Notable Changes

• Dropping webextension-polyfill
• Extension API types based on @types/chrome
• Standardized project structure to match other popular frameworks
• New #imports virtual module for importing WXT's runtime APIs
• Auto-imports for types
• Additional CSS resets for inherited styles inside shadow roots
• Separate output directories for dev and production builds

As of now, there are no more breaking changes planned for v1.0. So if you have ideas or changes you want to implement that might require a breaking change, now's the time to talk about it. Head over to #contributing and start a discussion!

[aaronklinker-st]

Comments after migrating a large extension:

• Add PublicPath to #imports
• New @types/chrome types are conflicting with wxt/testing's fakeBrowser
• Fake browser missing enums (like installed reason)

[aklinker1]

If you're creating a function for testing that returns a random enum value, do something like this:

-export function randInstallReason(): Browser.runtime.InstallReason {
+export function randInstallReason(): `${Browser.runtime.InstallReason}` {
  // ....
}

[aklinker1]

PR for supporting enums in other places: #1646