[web] Build multiple CanvasKit variants (using toolchain_args)

DEPS

@@ -236,7 +236,7 @@ allowed_hosts = [
 ]
 
 deps = {
-  'src': 'https://github.com/flutter/buildroot.git' + '@' + 'b2ab6e1908b3eb268d2a2cab1ec5b63f38e1bc11',
+  'src': 'https://github.com/flutter/buildroot.git' + '@' + 'fbaac6aad455f77ccafc4d3f15bad31856fbcb5b',
 
    # Fuchsia compatibility
    #

lib/web_ui/dev/steps/compile_tests_step.dart

@@ -159,6 +159,7 @@ Future<void> copyCanvasKitFiles({bool useLocalCanvasKit = false}) async {
   // If CanvasKit has been built locally, use that instead of the CIPD version.
   final io.File localCanvasKitWasm = io.File(pathlib.join(
     environment.wasmReleaseOutDir.path,
+    'canvaskit',
     'canvaskit.wasm',
   ));
   final bool builtLocalCanvasKit = localCanvasKitWasm.existsSync();
@@ -178,6 +179,7 @@ Future<void> copyCanvasKitFiles({bool useLocalCanvasKit = false}) async {
       localCanvasKitWasm,
       io.File(pathlib.join(
         environment.wasmReleaseOutDir.path,
+        'canvaskit',
         'canvaskit.js',
       )),
     ];

third_party/canvaskit/BUILD.gn

@@ -0,0 +1,36 @@
+# Copyright 2022 The Flutter Authors. All rights reserved.
+# Use of this source code is governed by a BSD-style license that can be
+# found in the LICENSE file.
+
+import("//build/toolchain/wasm.gni")
+
+# This toolchain is only to be used by the canvaskit group below.
+wasm_toolchain("canvaskit") {
+  # Prevent accidental use of this toolchain.
+  assert(target_name == "canvaskit", "Only :canvaskit can use this toolchain.")
+  extra_toolchain_args = {
+    skia_use_icu = true
+    skia_use_client_icu = false
+  }
+}
+
+group("canvaskit") {
+  visibility = [ "//flutter/web_sdk:*" ]
+  public_deps = [ "//third_party/skia/modules/canvaskit(:canvaskit)" ]
+}
+
+# This toolchain is only to be used by the canvaskit_lite group below.
+wasm_toolchain("canvaskit_lite") {
+  # Prevent accidental use of this toolchain.
+  assert(target_name == "canvaskit_lite",
+         "Only :canvaskit_lite can use this toolchain.")
+  extra_toolchain_args = {
+    skia_use_icu = false
+    skia_use_client_icu = true
+  }
+}
+
+group("canvaskit_lite") {
+  visibility = [ "//flutter/web_sdk:*" ]
+  public_deps = [ "//third_party/skia/modules/canvaskit(:canvaskit_lite)" ]
+}

tools/gn

@@ -617,7 +617,6 @@ def to_gn_wasm_args(args, gn_args):
   gn_args['skia_gl_standard'] = 'webgl'
   gn_args['skia_enable_gpu'] = True
   gn_args['skia_enable_sksl_tracing'] = False
-  gn_args['skia_use_icu'] = True
   gn_args['icu_use_data_file'] = False
   gn_args['skia_use_freetype'] = True
   gn_args['skia_use_harfbuzz'] = True
@@ -650,12 +649,15 @@ def to_gn_wasm_args(args, gn_args):
   gn_args['skia_canvaskit_enable_webgpu'] = False
   is_profile_build = args.runtime_mode == 'profile' or args.runtime_mode == 'debug'
   gn_args['skia_canvaskit_profile_build'] = is_profile_build
+  gn_args['skia_icu_bidi_dir'] = '//third_party/icu'
   gn_args['flutter_prebuilt_dart_sdk'] = True
 
   # TODO(jacksongardner): Make this based off of the input argument rather
   # than forced to true, once the recipes are updated.
   # https://github.com/flutter/flutter/issues/113303
   gn_args['build_canvaskit'] = True
+  # TODO(mdebbar): Read this from an input argument.
+  gn_args['build_canvaskit_lite'] = False
   gn_args['flutter_build_web_sdk'] = True
 
 

web_sdk/BUILD.gn

@@ -8,6 +8,7 @@ import("//third_party/dart/build/dart/dart_action.gni")
 
 declare_args() {
   build_canvaskit = false
+  build_canvaskit_lite = false
   archive_flutter_web_sdk = true
 }
 
@@ -559,7 +560,10 @@ if (!is_fuchsia) {
            ] + web_engine_libraries
 
     if (build_canvaskit) {
-      deps += [ "//third_party/skia/modules/canvaskit" ]
+      deps += [ "//flutter/third_party/canvaskit:canvaskit" ]
+    }
+    if (build_canvaskit_lite) {
+      deps += [ "//flutter/third_party/canvaskit:canvaskit_lite" ]
     }
 
     # flutter_ddc_modules
@@ -602,15 +606,27 @@ if (!is_fuchsia) {
     if (build_canvaskit) {
       tmp_files += [
         {
-          source = rebase_path("$root_out_dir/canvaskit.js")
+          source = rebase_path("$root_out_dir/canvaskit/canvaskit.js")
           destination = "canvaskit/canvaskit.js"
         },
         {
-          source = rebase_path("$root_out_dir/canvaskit.wasm")
+          source = rebase_path("$root_out_dir/canvaskit/canvaskit.wasm")
           destination = "canvaskit/canvaskit.wasm"
         },
       ]
     }
+    if (build_canvaskit_lite) {
+      tmp_files += [
+        {
+          source = rebase_path("$root_out_dir/canvaskit_lite/canvaskit.js")
+          destination = "canvaskit_lite/canvaskit.js"
+        },
+        {
+          source = rebase_path("$root_out_dir/canvaskit_lite/canvaskit.wasm")
+          destination = "canvaskit_lite/canvaskit.wasm"
+        },
+      ]
+    }
     files = tmp_files
   }
 }