[web] Migrate Flutter Web to JS static interop - 7.

Author: joshualitt

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

@@ -927,27 +927,34 @@ class SkPaint {
 
 @JS()
 @anonymous
+@staticInterop
 abstract class CkFilterOptions {}
 
 @JS()
 @anonymous
+@staticInterop
 class _CkCubicFilterOptions extends CkFilterOptions {
+  external factory _CkCubicFilterOptions({double B, double C});
+}
+
+extension _CkCubicFilterOptionsExtension on _CkCubicFilterOptions {
   external double get B;
   external double get C;
-
-  external factory _CkCubicFilterOptions({double B, double C});
 }
 
 @JS()
 @anonymous
+@staticInterop
 class _CkTransformFilterOptions extends CkFilterOptions {
-  external SkFilterMode get filter;
-  external SkMipmapMode get mipmap;
-
   external factory _CkTransformFilterOptions(
       {SkFilterMode filter, SkMipmapMode mipmap});
 }
 
+extension _CkTransformFilterOptionsExtension on _CkTransformFilterOptions {
+  external SkFilterMode get filter;
+  external SkMipmapMode get mipmap;
+}
+
 final Map<ui.FilterQuality, CkFilterOptions> _filterOptions =
     <ui.FilterQuality, CkFilterOptions>{
   ui.FilterQuality.none: _CkTransformFilterOptions(
@@ -974,12 +981,18 @@ CkFilterOptions toSkFilterOptions(ui.FilterQuality filterQuality) {
 
 @JS()
 @anonymous
-class SkMaskFilter {
+@staticInterop
+class SkMaskFilter {}
+
+extension SkMaskFilterExtension on SkMaskFilter {
   external void delete();
 }
 
 @JS()
-class SkColorFilterNamespace {
+@staticInterop
+class SkColorFilterNamespace {}
+
+extension SkColorFilterNamespaceExtension on SkColorFilterNamespace {
   external SkColorFilter? MakeBlend(Float32List color, SkBlendMode blendMode);
   external SkColorFilter MakeMatrix(
     Float32List matrix, // 20-element matrix
@@ -991,12 +1004,18 @@ class SkColorFilterNamespace {
 
 @JS()
 @anonymous
-class SkColorFilter {
+@staticInterop
+class SkColorFilter {}
+
+extension SkColorFilterExtension on SkColorFilter {
   external void delete();
 }
 
 @JS()
-class SkImageFilterNamespace {
+@staticInterop
+class SkImageFilterNamespace {}
+
+extension SkImageFilterNamespaceExtension on SkImageFilterNamespace {
   external SkImageFilter MakeBlur(
     double sigmaX,
     double sigmaY,
@@ -1023,12 +1042,18 @@ class SkImageFilterNamespace {
 
 @JS()
 @anonymous
-class SkImageFilter {
+@staticInterop
+class SkImageFilter {}
+
+extension SkImageFilterExtension on SkImageFilter {
   external void delete();
 }
 
 @JS()
-class SkPathNamespace {
+@staticInterop
+class SkPathNamespace {}
+
+extension SkPathNamespaceExtension on SkPathNamespace {
   /// Creates an [SkPath] using commands obtained from [SkPath.toCmds].
   external SkPath MakeFromCmds(List<dynamic> pathCommands);
 
@@ -1119,6 +1144,7 @@ Float32List toSkColorStops(List<double>? colorStops) {
 external _NativeFloat32ArrayType get _nativeFloat32ArrayType;
 
 @JS()
+@staticInterop
 class _NativeFloat32ArrayType {}
 
 @JS('window.flutterCanvasKit.Malloc')
@@ -1149,7 +1175,10 @@ external void freeFloat32List(SkFloat32List list);
 /// when WASM grows its memory. Call [toTypedArray] to get a new instance
 /// that's attached to the current WASM memory block.
 @JS()
-class SkFloat32List {
+@staticInterop
+class SkFloat32List {}
+
+extension SkFloat32ListExtension on SkFloat32List {
   /// Returns the [Float32List] object backed by WASM memory.
   ///
   /// Do not reuse the returned list across multiple WASM function/method
@@ -1204,8 +1233,12 @@ Float32List toSharedSkColor3(ui.Color color) {
 final SkFloat32List _sharedSkColor3 = mallocFloat32List(4);
 
 @JS('window.flutterCanvasKit.Path')
+@staticInterop
 class SkPath {
-  external SkPath([SkPath? other]);
+  external factory SkPath.create([SkPath? other]);
+}
+
+extension SkPathExtension on SkPath {
   external void setFillType(SkFillType fillType);
   external void addArc(
     Float32List oval,

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

@@ -316,7 +316,7 @@ class CkPath extends ManagedSkiaObject<SkPath> implements ui.Path {
 
   @override
   SkPath createDefault() {
-    final SkPath path = SkPath();
+    final SkPath path = SkPath.create();
     path.setFillType(toSkFillType(_fillType));
     return path;
   }

lib/web_ui/test/canvaskit/canvaskit_api_test.dart

@@ -724,7 +724,7 @@ void _toSkRectTests() {
 }
 
 SkPath _testClosedSkPath() {
-  return SkPath()
+  return SkPath.create()
     ..moveTo(10, 10)
     ..lineTo(20, 10)
     ..lineTo(20, 20)
@@ -736,7 +736,7 @@ void _pathTests() {
   late SkPath path;
 
   setUp(() {
-    path = SkPath();
+    path = SkPath.create();
   });
 
   test('setFillType', () {
@@ -890,7 +890,7 @@ void _pathTests() {
   });
 
   test('isEmpty', () {
-    expect(SkPath().isEmpty(), isTrue);
+    expect(SkPath.create().isEmpty(), isTrue);
     expect(_testClosedSkPath().isEmpty(), isFalse);
   });
 
@@ -948,7 +948,7 @@ void _pathTests() {
 
   test('SkPath.toCmds and CanvasKit.Path.MakeFromCmds', () {
     const ui.Rect rect = ui.Rect.fromLTRB(0, 0, 10, 10);
-    final SkPath path = SkPath();
+    final SkPath path = SkPath.create();
     path.addRect(toSkRect(rect));
     expect(path.toCmds(), <num>[
       0, 0, 0, // moveTo