[CanvasKit] Automatically fall back to Noto fonts (flutter#23096)

Author: Harry Terkelsen

ci/licenses_golden/licenses_flutter

@@ -1209,6 +1209,7 @@ FILE: ../../../flutter/lib/web_ui/lib/src/engine/canvaskit/canvaskit_api.dart
 FILE: ../../../flutter/lib/web_ui/lib/src/engine/canvaskit/canvaskit_canvas.dart
 FILE: ../../../flutter/lib/web_ui/lib/src/engine/canvaskit/color_filter.dart
 FILE: ../../../flutter/lib/web_ui/lib/src/engine/canvaskit/embedded_views.dart
+FILE: ../../../flutter/lib/web_ui/lib/src/engine/canvaskit/font_fallbacks.dart
 FILE: ../../../flutter/lib/web_ui/lib/src/engine/canvaskit/fonts.dart
 FILE: ../../../flutter/lib/web_ui/lib/src/engine/canvaskit/image.dart
 FILE: ../../../flutter/lib/web_ui/lib/src/engine/canvaskit/image_filter.dart

lib/web_ui/lib/src/engine.dart

@@ -32,6 +32,7 @@ part 'engine/canvaskit/canvaskit_api.dart';
 part 'engine/canvaskit/color_filter.dart';
 part 'engine/canvaskit/embedded_views.dart';
 part 'engine/canvaskit/fonts.dart';
+part 'engine/canvaskit/font_fallbacks.dart';
 part 'engine/canvaskit/image.dart';
 part 'engine/canvaskit/image_filter.dart';
 part 'engine/canvaskit/initialization.dart';

lib/web_ui/lib/src/engine/canvaskit/canvas.dart

@@ -176,7 +176,8 @@ class CkCanvas {
   void drawPoints(CkPaint paint, ui.PointMode pointMode, Float32List points) {
     skCanvas.drawPoints(
       toSkPointMode(pointMode),
-      points,
+      // TODO(hterkelsen): Don't convert this to 2d after we move to CK 0.21.
+      rawPointsToSkPoints2d(points),
       paint.skiaObject,
     );
   }
@@ -192,10 +193,10 @@ class CkCanvas {
     skCanvas.drawRect(toSkRect(rect), paint.skiaObject);
   }
 
-  void drawShadow(CkPath path, ui.Color color, double elevation,
-      bool transparentOccluder) {
-    drawSkShadow(skCanvas, path, color, elevation,
-        transparentOccluder, ui.window.devicePixelRatio);
+  void drawShadow(
+      CkPath path, ui.Color color, double elevation, bool transparentOccluder) {
+    drawSkShadow(skCanvas, path, color, elevation, transparentOccluder,
+        ui.window.devicePixelRatio);
   }
 
   void drawVertices(
@@ -237,7 +238,8 @@ class CkCanvas {
   }
 
   void saveLayerWithFilter(ui.Rect bounds, ui.ImageFilter filter) {
-    final _CkManagedSkImageFilterConvertible convertible = filter as _CkManagedSkImageFilterConvertible;
+    final _CkManagedSkImageFilterConvertible convertible =
+        filter as _CkManagedSkImageFilterConvertible;
     return skCanvas.saveLayer(
       null,
       toSkRect(bounds),
@@ -267,8 +269,8 @@ class CkCanvas {
 
 class RecordingCkCanvas extends CkCanvas {
   RecordingCkCanvas(SkCanvas skCanvas, ui.Rect bounds)
-    : pictureSnapshot = CkPictureSnapshot(bounds),
-      super(skCanvas);
+      : pictureSnapshot = CkPictureSnapshot(bounds),
+        super(skCanvas);
 
   @override
   final CkPictureSnapshot pictureSnapshot;
@@ -310,7 +312,8 @@ class RecordingCkCanvas extends CkCanvas {
     CkPaint paint,
   ) {
     super.drawArc(oval, startAngle, sweepAngle, useCenter, paint);
-    _addCommand(CkDrawArcCommand(oval, startAngle, sweepAngle, useCenter, paint));
+    _addCommand(
+        CkDrawArcCommand(oval, startAngle, sweepAngle, useCenter, paint));
   }
 
   @override
@@ -323,7 +326,8 @@ class RecordingCkCanvas extends CkCanvas {
     ui.BlendMode blendMode,
   ) {
     super.drawAtlasRaw(paint, atlas, rstTransforms, rects, colors, blendMode);
-    _addCommand(CkDrawAtlasCommand(paint, atlas, rstTransforms, rects, colors, blendMode));
+    _addCommand(CkDrawAtlasCommand(
+        paint, atlas, rstTransforms, rects, colors, blendMode));
   }
 
   @override
@@ -418,10 +422,11 @@ class RecordingCkCanvas extends CkCanvas {
   }
 
   @override
-  void drawShadow(CkPath path, ui.Color color, double elevation,
-      bool transparentOccluder) {
+  void drawShadow(
+      CkPath path, ui.Color color, double elevation, bool transparentOccluder) {
     super.drawShadow(path, color, elevation, transparentOccluder);
-    _addCommand(CkDrawShadowCommand(path, color, elevation, transparentOccluder));
+    _addCommand(
+        CkDrawShadowCommand(path, color, elevation, transparentOccluder));
   }
 
   @override
@@ -627,7 +632,7 @@ class CkTransformCommand extends CkPaintCommand {
   @override
   void apply(SkCanvas canvas) {
     canvas.concat(toSkMatrixFromFloat32(matrix4));
- }
+  }
 }
 
 class CkSkewCommand extends CkPaintCommand {
@@ -660,7 +665,8 @@ class CkClipRectCommand extends CkPaintCommand {
 }
 
 class CkDrawArcCommand extends CkPaintCommand {
-  CkDrawArcCommand(this.oval, this.startAngle, this.sweepAngle, this.useCenter, this.paint);
+  CkDrawArcCommand(
+      this.oval, this.startAngle, this.sweepAngle, this.useCenter, this.paint);
 
   final ui.Rect oval;
   final double startAngle;
@@ -682,7 +688,8 @@ class CkDrawArcCommand extends CkPaintCommand {
 }
 
 class CkDrawAtlasCommand extends CkPaintCommand {
-  CkDrawAtlasCommand(this.paint, this.atlas, this.rstTransforms, this.rects, this.colors, this.blendMode);
+  CkDrawAtlasCommand(this.paint, this.atlas, this.rstTransforms, this.rects,
+      this.colors, this.blendMode);
 
   final CkPaint paint;
   final CkImage atlas;
@@ -807,7 +814,8 @@ class CkDrawPointsCommand extends CkPaintCommand {
   void apply(SkCanvas canvas) {
     canvas.drawPoints(
       toSkPointMode(pointMode),
-      points,
+      // TODO(hterkelsen): Don't convert this to 2d after we move to CK 0.21.
+      rawPointsToSkPoints2d(points),
       paint.skiaObject,
     );
   }
@@ -924,7 +932,7 @@ class CkDrawImageCommand extends CkPaintCommand {
   final CkPaint paint;
 
   CkDrawImageCommand(CkImage image, this.offset, this.paint)
-    : this.image = image.clone();
+      : this.image = image.clone();
 
   @override
   void apply(SkCanvas canvas) {
@@ -949,7 +957,7 @@ class CkDrawImageRectCommand extends CkPaintCommand {
   final CkPaint paint;
 
   CkDrawImageRectCommand(CkImage image, this.src, this.dst, this.paint)
-    : this.image = image.clone();
+      : this.image = image.clone();
 
   @override
   void apply(SkCanvas canvas) {
@@ -970,7 +978,7 @@ class CkDrawImageRectCommand extends CkPaintCommand {
 
 class CkDrawImageNineCommand extends CkPaintCommand {
   CkDrawImageNineCommand(CkImage image, this.center, this.dst, this.paint)
-    : this.image = image.clone();
+      : this.image = image.clone();
 
   final CkImage image;
   final ui.Rect center;
@@ -1061,7 +1069,8 @@ class CkSaveLayerWithFilterCommand extends CkPaintCommand {
 
   @override
   void apply(SkCanvas canvas) {
-    final _CkManagedSkImageFilterConvertible convertible = filter as _CkManagedSkImageFilterConvertible;
+    final _CkManagedSkImageFilterConvertible convertible =
+        filter as _CkManagedSkImageFilterConvertible;
     return canvas.saveLayer(
       null,
       toSkRect(bounds),

lib/web_ui/lib/src/engine/canvaskit/canvaskit_api.dart

@@ -49,7 +49,7 @@ class CanvasKit {
   external SkMaskFilterNamespace get MaskFilter;
   external SkColorFilterNamespace get ColorFilter;
   external SkImageFilterNamespace get ImageFilter;
-  external SkPath MakePathFromOp(SkPath path1, SkPath path2, SkPathOp pathOp);
+  external SkPathNamespace get Path;
   external SkTonalColors computeTonalColors(SkTonalColors inTonalColors);
   external SkVertices MakeVertices(
     SkVertexMode mode,
@@ -96,10 +96,6 @@ class CanvasKit {
   external SkSurface MakeSWCanvasSurface(html.CanvasElement canvas);
   external void setCurrentContext(int glContext);
 
-  /// Creates an [SkPath] using commands obtained from [SkPath.toCmds].
-  // TODO(yjbanov): switch to CanvasKit.Path.MakeFromCmds when it's available.
-  external SkPath MakePathFromCmds(List<dynamic> pathCommands);
-
   /// Creates an image from decoded pixels represented as a list of bytes.
   ///
   /// The pixel data must match the [width], [height], [alphaType], [colorType],
@@ -723,7 +719,7 @@ class SkImage {
     SkTileMode tileModeY,
     Float32List? matrix, // 3x3 matrix
   );
-  external Uint8List readPixels(SkImageInfo imageInfo, int srcX, int srcY);
+  external Uint8List readPixels(int srcX, int srcY, SkImageInfo imageInfo);
   external SkData encodeToData();
   external bool isAliasOf(SkImage other);
   external bool isDeleted();
@@ -783,7 +779,7 @@ class SkShader {
 @JS()
 class SkMaskFilterNamespace {
   external SkMaskFilter MakeBlur(
-    SkBlurStyle blurStyle, double sigma, bool respectCTM);
+      SkBlurStyle blurStyle, double sigma, bool respectCTM);
 }
 
 // This needs to be bound to top-level because SkPaint is initialized
@@ -864,6 +860,14 @@ class SkImageFilter {
   external void delete();
 }
 
+@JS()
+class SkPathNamespace {
+  external SkPath MakeFromOp(SkPath path1, SkPath path2, SkPathOp pathOp);
+
+  /// Creates an [SkPath] using commands obtained from [SkPath.toCmds].
+  external SkPath MakeFromCmds(List<dynamic> pathCommands);
+}
+
 // Mappings from SkMatrix-index to input-index.
 const List<int> _skMatrixIndexToMatrix4Index = <int>[
   0, 4, 12, // Row 1
@@ -1183,7 +1187,8 @@ class SkPath {
 
   /// Serializes the path into a list of commands.
   ///
-  /// The list can be used to create a new [SkPath] using [CanvasKit.MakePathFromCmds].
+  /// The list can be used to create a new [SkPath] using
+  /// [CanvasKit.Path.MakeFromCmds].
   external List<dynamic> toCmds();
 
   external void delete();
@@ -1404,7 +1409,7 @@ class SkCanvas {
   );
   external void drawPoints(
     SkPointMode pointMode,
-    Float32List points,
+    List<Float32List> points,
     SkPaint paint,
   );
   external void drawRRect(
@@ -1786,7 +1791,8 @@ abstract class Collector {
 /// Uses timers to delete objects in batches and outside the animation frame.
 class ProductionCollector implements Collector {
   ProductionCollector() {
-    _skObjectFinalizationRegistry = SkObjectFinalizationRegistry(js.allowInterop((SkDeletable deletable) {
+    _skObjectFinalizationRegistry =
+        SkObjectFinalizationRegistry(js.allowInterop((SkDeletable deletable) {
       // This is called when GC decides to collect the wrapper object and
       // notify us, which may happen after the object is already deleted
       // explicitly, e.g. when its ref count drops to zero. When that happens
@@ -1967,7 +1973,8 @@ bool browserSupportsFinalizationRegistry =
 
 /// Sets the value of [browserSupportsFinalizationRegistry] to its true value.
 void debugResetBrowserSupportsFinalizationRegistry() {
-  browserSupportsFinalizationRegistry = _finalizationRegistryConstructor != null;
+  browserSupportsFinalizationRegistry =
+      _finalizationRegistryConstructor != null;
 }
 
 @JS()