engine: explain why each candidate build was skipped in Flutter web loader (#186254)

## Description

When the Flutter web loader picks a build for the current browser, it
walks `buildConfig.builds` and takes the first one whose
`compileTarget`, `renderer`, and WASM-allowlist constraints all match.
Today, builds that fail those checks are silently filtered out, so:

* If every build is rejected, the user sees the generic *"FlutterLoader
could not find a build compatible..."* error and has no way to tell
which constraint blocked which build.
* If a preferred build (e.g. `dart2wasm` + `skwasm`) is rejected and the
loader silently falls back to a less-preferred build (e.g. `dart2js` +
`canvaskit`), the user has no way to tell that a fallback even happened,
much less why.

This was suggested by @yjbanov in
https://github.com/flutter/flutter/issues/143603#issuecomment-1996739832
and is the fallback-side complement to the COOP/COEP load-failure
warning in #142822.

## What changed

`loader.js`'s `buildIsCompatible` was a `bool`-returning predicate.
Refactored to `buildIncompatibilityReason` that returns either `null`
(compatible) or a short human-readable string. The selection loop
captures the reason for each skipped candidate, then:

* If **no compatible build is found**, prints a `console.warn`
unconditionally so the silently-blank-page case is never silent. The
warning hints at `verboseBuildSelection` for follow-up.
* If **`verboseBuildSelection: true`** is set on the Flutter config,
prints one `console.warn` per skipped candidate explaining its rejection
reason — useful both for the no-build case and for the "why does the
loader keep falling back to canvaskit when I expected skwasm?" debug
case. Off by default to keep the typical user's console quiet.

Sample output a developer would see on a browser without WasmGC, with
`verboseBuildSelection: true`:

```
[warn] Flutter Web: build dart2wasm/skwasm was skipped: dart2wasm requires WasmGC support; this browser does not implement it yet.
```

And without `verboseBuildSelection`, when no compatible build is found:

```
[warn] Flutter Web: no compatible build found for this browser. Set `verboseBuildSelection: true` in your Flutter configuration to see why each candidate was rejected.
```

## Tests

No JS test infrastructure exists for
`engine/src/flutter/lib/web_ui/flutter_js/`. The change is also pure
additive logging — the build-selection algorithm picks the same build it
picked before. Requesting a test exemption.

This PR replaces #186238 (closed for a clean conversation timeline).

## Pre-launch Checklist

- [x] I read the [Contributor Guide].
- [x] I read the [Tree Hygiene] page.
- [x] I read and followed the [Flutter Style Guide].
- [x] I signed the [CLA].
- [x] No behavioral change beyond the new opt-in diagnostic logging.

[Contributor Guide]:
https://github.com/flutter/flutter/blob/master/docs/contributing/Tree-hygiene.md#overview
[Tree Hygiene]:
https://github.com/flutter/flutter/blob/master/docs/contributing/Tree-hygiene.md
[Flutter Style Guide]:
https://github.com/flutter/flutter/blob/master/docs/contributing/Style-guide-for-Flutter-repo.md

---------

Co-authored-by: Harry Terkelsen <1961493+harryterkelsen@users.noreply.github.com>
2 files changed
tree: dc4ffe87b2ba6a9f99e23a440eb5ef9e1c074089
  1. .agents/
  2. .claude/
  3. .gemini/
  4. .github/
  5. .vscode/
  6. agent-artifacts/
  7. bin/
  8. buildtools/
  9. dev/
  10. docs/
  11. engine/
  12. examples/
  13. packages/
  14. third_party/
  15. .autoroller-preupload.sh
  16. .ci.yaml
  17. .direnv
  18. .gitattributes
  19. .gitignore
  20. analysis_options.yaml
  21. AUTHORS
  22. CHANGELOG.md
  23. CODE_OF_CONDUCT.md
  24. CODEOWNERS
  25. CONTRIBUTING.md
  26. dartdoc_options.yaml
  27. DEPS
  28. flutter_console.bat
  29. LICENSE
  30. PATENT_GRANT
  31. pubspec.lock
  32. pubspec.yaml
  33. README.md
  34. TESTOWNERS
README.md

Flutter CI Status Discord badge Twitter handle BlueSky badge codecov LFX Health Score CII Best Practices SLSA 1

Flutter is Google's SDK for crafting beautiful, fast user experiences for mobile, web, and desktop from a single codebase. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source.

Documentation

For release and other announcements, join the flutter-announce mailing list. Our documentation also tracks breaking changes across releases.

Terms of service

The Flutter tool may occasionally download resources from Google servers. By downloading or using the Flutter SDK, you agree to the Google Terms of Service: https://policies.google.com/terms

For example, when installed from GitHub (as opposed to from a prepackaged archive), the Flutter tool will download the Dart SDK from Google servers immediately when first run, as it is used to execute the flutter tool itself. This will also occur when Flutter is upgraded (e.g. by running the flutter upgrade command).

About Flutter

We think Flutter will help you create beautiful, fast apps, with a productive, extensible and open development model, whether you're targeting iOS or Android, web, Windows, macOS, Linux or embedding it as the UI toolkit for a platform of your choice.

Beautiful user experiences

We want to enable designers to deliver their full creative vision without being forced to water it down due to limitations of the underlying framework. Flutter‘s layered architecture gives you control over every pixel on the screen and its powerful compositing capabilities let you overlay and animate graphics, video, text, and controls without limitation. Flutter includes a full set of widgets that deliver pixel-perfect experiences whether you’re building for iOS (Cupertino) or other platforms (Material), along with support for customizing or creating entirely new visual components.

Fast results

Flutter is fast. It's powered by hardware-accelerated 2D graphics libraries like Skia (which underpins Chrome and Android) and Impeller. We architected Flutter to support glitch-free, jank-free graphics at the native speed of your device.

Flutter code is powered by the world-class Dart programming language, which enables compilation to 32-bit and 64-bit ARM machine code for iOS and Android, JavaScript and WebAssembly for the web, as well as Intel x64 and ARM for desktop devices.

Productive development

Flutter offers stateful hot reload, allowing you to make changes to your code and see the results instantly without restarting your app or losing its state.

Hot reload animation

Extensible and open model

Flutter works with any development tool (or none at all), and also includes editor plug-ins for both Visual Studio Code and IntelliJ / Android Studio. Flutter provides tens of thousands of packages to speed your development, regardless of your target platform. And accessing other native code is easy, with support for both FFI (on Android, on iOS, on macOS, and on Windows) as well as platform-specific APIs.

Flutter is a fully open-source project, and we welcome contributions. Information on how to get started can be found in our contributor guide.