Advanced search checkbox for is:wasm-ready (#7709)

Author: isoos

app/lib/frontend/templates/views/pkg/index.dart

@@ -166,6 +166,13 @@ d.Node _searchFormContainer({
                 searchForm: searchForm,
                 title: 'Show only Flutter plugins.',
               ),
+              _tagBasedCheckbox(
+                tagPrefix: 'is',
+                tagValue: 'wasm-ready',
+                label: 'WASM ready',
+                searchForm: searchForm,
+                title: 'Show only WASM ready packages.',
+              ),
             ],
           ),
         ],

app/test/frontend/golden/pkg_index_page.html

@@ -400,6 +400,23 @@ <h3 class="search-form-section-header foldable-button">
                   </label>
                 </div>
               </div>
+              <div class="search-form-linked-checkbox" title="Show only WASM ready packages.">
+                <div class="mdc-form-field">
+                  <div class="mdc-checkbox">
+                    <input id="search-form-checkbox-is-wasm-ready" class="mdc-checkbox__native-control" type="checkbox"/>
+                    <div class="mdc-checkbox__background">
+                      <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
+                        <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                      </svg>
+                      <div class="mdc-checkbox__mixedmark"></div>
+                    </div>
+                    <div class="mdc-checkbox__ripple"></div>
+                  </div>
+                  <label for="search-form-checkbox-is-wasm-ready">
+                    <a href="/packages?q=sdk%3Adart+is%3Awasm-ready" rel="nofollow" data-action="filter-is-wasm-ready" data-tag="is:wasm-ready">WASM ready</a>
+                  </label>
+                </div>
+              </div>
             </div>
           </div>
         </div>

app/test/frontend/golden/search_page.html

@@ -401,6 +401,23 @@ <h3 class="search-form-section-header foldable-button">
                   </label>
                 </div>
               </div>
+              <div class="search-form-linked-checkbox" title="Show only WASM ready packages.">
+                <div class="mdc-form-field">
+                  <div class="mdc-checkbox">
+                    <input id="search-form-checkbox-is-wasm-ready" class="mdc-checkbox__native-control" type="checkbox"/>
+                    <div class="mdc-checkbox__background">
+                      <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
+                        <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
+                      </svg>
+                      <div class="mdc-checkbox__mixedmark"></div>
+                    </div>
+                    <div class="mdc-checkbox__ripple"></div>
+                  </div>
+                  <label for="search-form-checkbox-is-wasm-ready">
+                    <a href="/packages?q=is%3Awasm-ready+foobar&amp;sort=top" rel="nofollow" data-action="filter-is-wasm-ready" data-tag="is:wasm-ready">WASM ready</a>
+                  </label>
+                </div>
+              </div>
             </div>
           </div>
         </div>

pkg/_pub_shared/lib/search/search_form.dart

@@ -398,7 +398,8 @@ class SearchForm {
       parsedQuery.tagsPredicate.hasTag(PackageVersionTags.isNullSafe) ||
       parsedQuery.tagsPredicate.hasTag(PackageVersionTags.hasScreenshot) ||
       parsedQuery.tagsPredicate.hasTag(PackageVersionTags.isDart3Compatible) ||
-      parsedQuery.tagsPredicate.hasTag(PackageVersionTags.isPlugin);
+      parsedQuery.tagsPredicate.hasTag(PackageVersionTags.isPlugin) ||
+      parsedQuery.tagsPredicate.hasTag(PackageVersionTags.isWasmReady);
 
   /// Whether any of the non-query settings are non-default
   /// (e.g. clicking on any platforms, SDKs, or advanced filters).

pkg/_pub_shared/lib/search/tags.dart

@@ -84,6 +84,9 @@ abstract class PackageVersionTags {
   /// Package version is NOT compatible with Dart 3.
   static const String isDart3Incompatible = 'is:dart3-incompatible';
 
+  /// Package version may be used in WASM compilation.
+  static const String isWasmReady = 'is:wasm-ready';
+
   /// Version tags that provide a positive, forward-looking property
   /// of a prerelease or preview version.
   ///