@shopify/react-native-skia 2.2.18 → 2.2.19

package/lib/typescript/src/skia/web/JsiSkParagraphBuilder.d.ts

@@ -10,6 +10,5 @@ export declare class JsiSkParagraphBuilder extends HostObject<ParagraphBuilder,
     reset(): void;
     pushStyle(style: SkTextStyle, foregroundPaint?: SkPaint | undefined, backgroundPaint?: SkPaint | undefined): SkParagraphBuilder;
     pop(): SkParagraphBuilder;
-    dispose(): void;
     private makePaint;
 }

package/lib/typescript/src/skia/web/JsiSkPath.d.ts

@@ -5,7 +5,6 @@ import { JsiSkPoint } from "./JsiSkPoint";
 import { JsiSkRect } from "./JsiSkRect";
 export declare class JsiSkPath extends HostObject<Path, "Path"> implements SkPath {
     constructor(CanvasKit: CanvasKit, ref: Path);
-    dispose: () => void;
     addPath(src: SkPath, matrix?: SkMatrix, extend?: boolean): this;
     addArc(oval: SkRect, startAngleInDegrees: number, sweepAngleInDegrees: number): this;
     addOval(oval: SkRect, isCCW?: boolean, startIndex?: number): this;

package/lib/typescript/src/skia/web/JsiSkPathEffect.d.ts

@@ -3,5 +3,4 @@ import type { SkPathEffect } from "../types/PathEffect";
 import { HostObject } from "./Host";
 export declare class JsiSkPathEffect extends HostObject<PathEffect, "PathEffect"> implements SkPathEffect {
     constructor(CanvasKit: CanvasKit, ref: PathEffect);
-    dispose: () => void;
 }

package/lib/typescript/src/skia/web/JsiSkPicture.d.ts

@@ -4,7 +4,6 @@ import { HostObject } from "./Host";
 import { JsiSkShader } from "./JsiSkShader";
 export declare class JsiSkPicture extends HostObject<Picture, "Picture"> implements SkPicture {
     constructor(CanvasKit: CanvasKit, ref: Picture);
-    dispose: () => void;
     makeShader(tmx: TileMode, tmy: TileMode, mode: FilterMode, localMatrix?: SkMatrix, tileRect?: SkRect): JsiSkShader;
     serialize(): Uint8Array<ArrayBufferLike> | null;
 }

package/lib/typescript/src/skia/web/JsiSkPictureRecorder.d.ts

@@ -6,7 +6,6 @@ import { JsiSkCanvas } from "./JsiSkCanvas";
 import { JsiSkPicture } from "./JsiSkPicture";
 export declare class JsiSkPictureRecorder extends HostObject<PictureRecorder, "PictureRecorder"> implements SkPictureRecorder {
     constructor(CanvasKit: CanvasKit, ref: PictureRecorder);
-    dispose: () => void;
     beginRecording(bounds?: SkRect): JsiSkCanvas;
     finishRecordingAsPicture(): JsiSkPicture;
 }

package/lib/typescript/src/skia/web/JsiSkPoint.d.ts

@@ -2,9 +2,8 @@ import type { CanvasKit, Point } from "canvaskit-wasm";
 import type { SkPoint } from "../types";
 import { BaseHostObject } from "./Host";
 export declare class JsiSkPoint extends BaseHostObject<Point, "Point"> implements SkPoint {
-    static fromValue(point: SkPoint): Float32Array<ArrayBuffer>;
+    static fromValue(point: SkPoint): Point;
     constructor(CanvasKit: CanvasKit, ref: Point);
-    dispose: () => void;
     get x(): number;
     get y(): number;
 }

package/lib/typescript/src/skia/web/JsiSkRRect.d.ts

@@ -3,8 +3,8 @@ import type { InputRRect, SkRect, SkRRect } from "../types";
 import { BaseHostObject } from "./Host";
 import { JsiSkRect } from "./JsiSkRect";
 export declare class JsiSkRRect extends BaseHostObject<RRect, "RRect"> implements SkRRect {
-    dispose: () => void;
-    static fromValue(CanvasKit: CanvasKit, rect: InputRRect): Float32Array<ArrayBuffer>;
+    [Symbol.dispose](): void;
+    static fromValue(CanvasKit: CanvasKit, rect: InputRRect): import("canvaskit-wasm").Rect;
     constructor(CanvasKit: CanvasKit, rect: SkRect, rx: number, ry: number);
     get rx(): number;
     get ry(): number;

package/lib/typescript/src/skia/web/JsiSkRSXform.d.ts

@@ -3,12 +3,11 @@ import type { SkRSXform } from "../types";
 import { BaseHostObject } from "./Host";
 export type RSXform = Float32Array;
 export declare class JsiSkRSXform extends BaseHostObject<RSXform, "RSXform"> implements SkRSXform {
-    static fromValue(rsxform: SkRSXform): Float32Array<ArrayBuffer>;
+    static fromValue(rsxform: SkRSXform): RSXform;
     constructor(CanvasKit: CanvasKit, ref: RSXform);
     set(scos: number, ssin: number, tx: number, ty: number): void;
     get scos(): number;
     get ssin(): number;
     get tx(): number;
     get ty(): number;
-    dispose: () => void;
 }

package/lib/typescript/src/skia/web/JsiSkRect.d.ts

@@ -3,7 +3,6 @@ import type { SkHostRect, SkRect } from "../types";
 import { BaseHostObject } from "./Host";
 export declare class JsiSkRect extends BaseHostObject<Rect, "Rect"> implements SkHostRect {
     static fromValue(CanvasKit: CanvasKit, rect: SkRect): Rect;
-    dispose: () => void;
     constructor(CanvasKit: CanvasKit, ref: Rect);
     setXYWH(x: number, y: number, width: number, height: number): void;
     get x(): number;

package/lib/typescript/src/skia/web/JsiSkRuntimeEffect.d.ts

@@ -6,7 +6,6 @@ import { JsiSkShader } from "./JsiSkShader";
 export declare class JsiSkRuntimeEffect extends HostObject<RuntimeEffect, "RuntimeEffect"> implements SkRuntimeEffect {
     private sksl;
     constructor(CanvasKit: CanvasKit, ref: RuntimeEffect, sksl: string);
-    dispose: () => void;
     source(): string;
     makeShader(uniforms: number[], localMatrix?: SkMatrix): JsiSkShader;
     makeShaderWithChildren(uniforms: number[], children?: SkShader[], localMatrix?: SkMatrix): JsiSkShader;

package/lib/typescript/src/skia/web/JsiSkSVG.d.ts

@@ -5,5 +5,5 @@ export declare class JsiSkSVG extends HostObject<HTMLImageElement, "SVG"> implem
     constructor(CanvasKit: CanvasKit, ref: HTMLImageElement);
     width(): number;
     height(): number;
-    dispose: () => void;
+    [Symbol.dispose](): void;
 }

package/lib/typescript/src/skia/web/JsiSkShader.d.ts

@@ -3,5 +3,4 @@ import type { SkShader } from "../types";
 import { HostObject } from "./Host";
 export declare class JsiSkShader extends HostObject<Shader, "Shader"> implements SkShader {
     constructor(CanvasKit: CanvasKit, ref: Shader);
-    dispose: () => void;
 }

package/lib/typescript/src/skia/web/JsiSkSurface.d.ts

@@ -4,7 +4,7 @@ import { HostObject } from "./Host";
 import { JsiSkImage } from "./JsiSkImage";
 export declare class JsiSkSurface extends HostObject<Surface, "Surface"> implements SkSurface {
     constructor(CanvasKit: CanvasKit, ref: Surface);
-    dispose: () => void;
+    [Symbol.dispose](): void;
     flush(): void;
     width(): number;
     height(): number;

package/lib/typescript/src/skia/web/JsiSkTextBlob.d.ts

@@ -3,5 +3,4 @@ import type { SkTextBlob } from "../types";
 import { HostObject } from "./Host";
 export declare class JsiSkTextBlob extends HostObject<TextBlob, "TextBlob"> implements SkTextBlob {
     constructor(CanvasKit: CanvasKit, ref: TextBlob);
-    dispose: () => void;
 }

package/lib/typescript/src/skia/web/JsiSkTypeface.d.ts

@@ -6,5 +6,4 @@ export declare class JsiSkTypeface extends HostObject<Typeface, "Typeface"> impl
     get bold(): boolean;
     get italic(): boolean;
     getGlyphIDs(str: string, numCodePoints?: number): number[];
-    dispose: () => void;
 }

package/lib/typescript/src/skia/web/JsiSkTypefaceFontProvider.d.ts

@@ -3,11 +3,9 @@ import type { SkTypefaceFontProvider } from "../types/Paragraph/TypefaceFontProv
 import type { FontStyle, SkTypeface } from "../types";
 import { HostObject } from "./Host";
 export declare class JsiSkTypefaceFontProvider extends HostObject<TypefaceFontProvider, "FontMgr"> implements SkTypefaceFontProvider {
-    private allocatedPointers;
     constructor(CanvasKit: CanvasKit, ref: TypefaceFontProvider);
     matchFamilyStyle(_name: string, _style: FontStyle): SkTypeface;
     countFamilies(): number;
     getFamilyName(index: number): string;
     registerFont(typeface: SkTypeface, familyName: string): void;
-    dispose(): void;
 }

package/lib/typescript/src/skia/web/JsiSkVertices.d.ts

@@ -4,7 +4,6 @@ import { HostObject } from "./Host";
 import { JsiSkRect } from "./JsiSkRect";
 export declare class JsiSkVertices extends HostObject<Vertices, "Vertices"> implements SkVertices {
     constructor(CanvasKit: CanvasKit, ref: Vertices);
-    dispose: () => void;
     bounds(): JsiSkRect;
     uniqueID(): number;
 }

package/lib/typescript/src/skia/web/JsiSkottieAnimation.d.ts

@@ -55,5 +55,4 @@ export declare class JsiSkottieAnimation extends HostObject<ManagedSkottieAnimat
         height: number;
     };
     version(): string;
-    dispose(): void;
 }

package/lib/typescript/src/skia/web/JsiVideo.d.ts

@@ -20,5 +20,6 @@ export declare class JsiVideo implements Video {
     pause(): void;
     play(): void;
     setVolume(volume: number): void;
+    [Symbol.dispose](): void;
     dispose(): void;
 }

package/package.json

@@ -8,7 +8,7 @@
     "setup-skia-web": "scripts/setup-canvaskit.js"
   },
   "title": "React Native Skia",
-  "version": "2.2.18",
+  "version": "2.2.19",
   "description": "High-performance React Native Graphics using Skia",
   "main": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -43,14 +43,14 @@
     "release": "semantic-release",
     "build": "bob build && merge-dirs lib/typescript/src lib/commonjs && merge-dirs lib/typescript/src lib/module",
     "clean-skia": "yarn rimraf ./libs && yarn rimraf ../../externals/skia/out",
-    "build-skia": "ts-node ./scripts/build-skia.ts",
-    "copy-skia-headers": "ts-node ./scripts/copy-skia-headers.ts",
-    "install-skia": "ts-node ./scripts/download-artifacts.ts && yarn copy-skia-headers",
+    "build-skia": "tsx ./scripts/build-skia.ts",
+    "copy-skia-headers": "tsx ./scripts/copy-skia-headers.ts",
+    "install-skia": "tsx ./scripts/download-artifacts.ts && yarn copy-skia-headers",
     "clang-format": "yarn clang-format-ios && yarn clang-format-android && yarn clang-format-common",
     "clang-format-ios": "find apple/ -iname '*.h' -o -iname '*.mm' -o -iname '*.cpp' | xargs clang-format -i",
     "clang-format-android": "find android/cpp/ -iname '*.h' -o -iname '*.m' -o -iname '*.cpp' | xargs clang-format -i",
     "clang-format-common": "find cpp/ \\( -path 'cpp//skia' -prune \\) -o \\( -iname '*.h' -o -iname '*.m' -o -iname '*.cpp' \\) -print | xargs clang-format -i",
-    "workflow-copy-libs": "yarn ts-node ./scripts/workflow-copy-libs.ts",
+    "workflow-copy-libs": "tsx ./scripts/workflow-copy-libs.ts",
     "cpplint": "cpplint --linelength=230 --filter=-legal/copyright,-whitespace/indent,-whitespace/comments,-whitespace/ending_newline,-build/include_order,-runtime/references,-readability/todo,-whitespace/blank_line,-whitespace/todo,-runtime/int,-build/c++11,-whitespace/parens --exclude=package/cpp/skia --exclude=package/ios --exclude=package/android/build --exclude=package/node_modules --recursive package"
   },
   "repository": {
@@ -90,20 +90,22 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
+    "@babel/plugin-transform-explicit-resource-management": "^7.28.0",
     "@semantic-release/commit-analyzer": "^13.0.0",
     "@semantic-release/exec": "^7.0.3",
     "@semantic-release/github": "^10.3.3",
     "@semantic-release/release-notes-generator": "^14.0.1",
-    "@types/jest": "29.5.6",
+    "@types/jest": "30.0.0",
     "@types/pixelmatch": "5.2.4",
     "@types/pngjs": "6.0.1",
     "@types/react": "^19.0.0",
     "@types/react-reconciler": "0.28.9",
     "@types/ws": "8.5.3",
-    "eslint": "8",
-    "eslint-config-react-native-wcandillon": "^3.10.2",
-    "eslint-plugin-import": "2.27.5",
-    "jest": "29.6.4",
+    "eslint": "9.36.0",
+    "eslint-config-react-native-wcandillon": "4.0.1",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "jest": "30.0.0",
     "jest-diff": "29.7.0",
     "merge-dirs": "0.2.1",
     "pixelmatch": "5.3.0",
@@ -116,8 +118,8 @@
     "rimraf": "3.0.2",
     "semantic-release": "^24.1.0",
     "semantic-release-yarn": "^3.0.2",
-    "ts-jest": "29.1.1",
-    "ts-node": "^10.9.2",
+    "ts-jest": "29.4.3",
+    "tsx": "^4.20.5",
     "typescript": "^5.2.2",
     "ws": "8.18.0"
   },

package/scripts/setup-canvaskit.js

@@ -1,5 +1,4 @@
 #!/usr/bin/env node
-/* eslint-disable max-len */
 
 /**
  * A script to automate the setup of `@shopify/react-native-skia` for web.
@@ -39,23 +38,26 @@ const lime = (text) => `\x1b[32m${text}\x1b[0m`;
 
 function getWetherItsAnExpoProjectWithMetro() {
   try {
-    const appJsonPath = path.join(process.cwd(), 'app.json');
+    const appJsonPath = path.join(process.cwd(), "app.json");
 
     console.log(
       `› Reading Expo settings from (if any):\n  ${gray(appJsonPath)}`
     );
 
     const appJson = require(appJsonPath);
-    const isAnExpoProjectWithMetro = appJson.expo && appJson.expo.web && appJson.expo.web.bundler === 'metro';
+    const isAnExpoProjectWithMetro =
+      appJson.expo && appJson.expo.web && appJson.expo.web.bundler === "metro";
     if (isAnExpoProjectWithMetro) {
-      console.log(`  ${gray(`Expo project with metro bundler detected`)}\n`);
+      console.log(`  ${gray("Expo project with metro bundler detected")}\n`);
       return true;
     } else {
-      console.log(`  ${gray(`Metro bundler not detected. Assuming the project is using Webpack.`)}\n`);
+      console.log(
+        `  ${gray(`Metro bundler not detected. Assuming the project is using Webpack.`)}\n`
+      );
       return false;
     }
   } catch (error) {
-    console.log(`  ${gray(`No Expo settings found`)}\n`);
+    console.log(`  ${gray("No Expo settings found")}\n`);
     return false;
   }
 }
@@ -65,7 +67,8 @@ function getWasmFilePath() {
     return require.resolve("canvaskit-wasm/bin/full/canvaskit.wasm");
   } catch (error) {
     console.error(
-      `Could not find 'canvaskit-wasm'. Please install '@shopify/react-native-skia' and ensure it can be resolved from your project: ${process.cwd()}`
+      `Could not find 'canvaskit-wasm'.
+Please install '@shopify/react-native-skia' and ensure it can be resolved from your project: ${process.cwd()}`
     );
     process.exit(1);
   }
@@ -73,7 +76,9 @@ function getWasmFilePath() {
 
 function getOutputFilePath(isAnExpoProjectWithMetro) {
   // Default to using `web` public path.
-  const publicFolder = path.resolve(args[0] || ((isAnExpoProjectWithMetro) ? "public" : "web/static/js"));
+  const publicFolder = path.resolve(
+    args[0] || (isAnExpoProjectWithMetro ? "public" : "web/static/js")
+  );
   const publicLocation = "./canvaskit.wasm";
   const output = path.join(publicFolder, publicLocation);
 
@@ -99,7 +104,8 @@ function copyFile(from, to) {
   console.log(lime("› Success! You are almost there:"));
   console.log(
     gray(
-      "› To load React Native Skia Web, follow these instructions : https://shopify.github.io/react-native-skia/docs/getting-started/web"
+      `› To load React Native Skia Web,
+follow these instructions: https://shopify.github.io/react-native-skia/docs/getting-started/web`
     )
   );
 })();

package/src/Platform/Platform.ts

@@ -19,8 +19,8 @@ export const Platform: IPlatform = {
     return isRNModule(source)
       ? Image.resolveAssetSource(source).uri
       : "uri" in source
-      ? source.uri
-      : source.default;
+        ? source.uri
+        : source.default;
   },
   findNodeHandle,
   View,

package/src/Platform/Platform.web.tsx

@@ -7,7 +7,6 @@ import { isRNModule } from "../skia/types";
 
 import type { IPlatform } from "./IPlatform";
 
-// eslint-disable-next-line max-len
 // https://github.com/necolas/react-native-web/blob/master/packages/react-native-web/src/modules/useElementLayout/index.js
 const DOM_LAYOUT_HANDLER_NAME = "__reactLayoutHandler";
 type OnLayout = ((event: LayoutChangeEvent) => void) | undefined;

package/src/__tests__/setup.ts

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import path from "path";
 import fs from "fs";
 
@@ -24,10 +23,9 @@ export const processResult = (
   overwrite = false
 ) => {
   surface.flush();
-  const image = surface.makeImageSnapshot();
+  using image = surface.makeImageSnapshot();
   surface.getCanvas().clear(Float32Array.of(0, 0, 0, 0));
   const result = checkImage(image, relPath, { overwrite });
-  image.dispose();
   return result;
 };
 
@@ -99,7 +97,6 @@ export const checkImage = (
 };
 
 declare global {
-  // eslint-disable-next-line @typescript-eslint/no-namespace
   namespace jest {
     interface Matchers<R> {
       /**

package/src/animation/functions/interpolate.ts

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 export enum Extrapolate {
   IDENTITY = "identity",
   CLAMP = "clamp",

package/src/dom/nodes/datatypes/Fitting.ts

@@ -19,7 +19,7 @@ export const rect2rect = (
   { translateX: number },
   { translateY: number },
   { scaleX: number },
-  { scaleY: number }
+  { scaleY: number },
 ] => {
   "worklet";
   const scaleX = dst.width / src.width;

package/src/dom/types/Drawings.ts

@@ -84,7 +84,7 @@ export interface PatchProps extends DrawingNodeProps {
     CubicBezierHandle,
     CubicBezierHandle,
     CubicBezierHandle,
-    CubicBezierHandle
+    CubicBezierHandle,
   ];
   texture?: readonly [SkPoint, SkPoint, SkPoint, SkPoint];
   blendMode?: SkEnum<typeof BlendMode>;

package/src/external/reanimated/useVideo.ts

@@ -78,7 +78,7 @@ export const useVideo = (
   const lastTimestamp = Rea.useSharedValue(-1);
   const duration = useMemo(() => video?.duration() ?? 0, [video]);
   const framerate = useMemo(
-    () => (Platform.OS === "web" ? -1 : video?.framerate() ?? 0),
+    () => (Platform.OS === "web" ? -1 : (video?.framerate() ?? 0)),
     [video]
   );
   const size = useMemo(() => video?.size() ?? { width: 0, height: 0 }, [video]);

package/src/renderer/Canvas.tsx

@@ -81,7 +81,6 @@ export const Canvas = ({
 }: CanvasProps) => {
   if (onLayout && isFabric) {
     console.error(
-      // eslint-disable-next-line max-len
       "<Canvas onLayout={onLayout} /> is not supported on the new architecture, to fix the issue, see: https://shopify.github.io/react-native-skia/docs/canvas/overview/#getting-the-canvas-size"
     );
   }
@@ -145,7 +144,7 @@ export const Canvas = ({
         measureInWindow: (callback) => {
           viewRef.current?.measureInWindow(callback);
         },
-      } as CanvasRef)
+      }) as CanvasRef
   );
 
   const onLayoutWeb = useCallback(

package/src/renderer/__tests__/FitBox.spec.tsx

@@ -663,7 +663,6 @@ describe("FitBox", () => {
     });
     test("draw Skia logo", () => {
       const skiaLogo =
-        // eslint-disable-next-line max-len
         "M465.63 273.956C409.11 212.516 348.87 258.846 362.34 310.646C367.09 328.936 381.05 347.906 407.6 363.056C444.3 383.986 460.05 408.286 461.42 430.426C464.57 481.036 392.6 520.356 324 482.376M490 430.426C589.17 299.226 590.11 228.576 568.77 222.366C554.04 218.586 529.13 244.036 518 301.366C505.52 367.526 500.67 405.066 490 494.956C505.58 451.676 514.49 414.746 545.45 389.956C554.589 382.551 565.818 378.197 577.56 377.506C628.71 374.806 621.17 446.096 541.95 430.406M541.95 430.426C575.55 436.726 571.27 458.036 580.75 482.326C582.111 485.913 584.445 489.051 587.49 491.386C607.49 506.386 643.49 476.616 654.36 457.216C671.21 432.636 684.24 404.916 697.36 378.486M697.38 378.486C684.12 411.766 675.597 437.196 671.81 454.776C668.54 481.546 675.24 493.636 686.32 496.256C710.7 502.016 756.23 461.896 763.13 431.256C776.37 372.396 862.18 350.556 881.97 419.656M881.97 419.636C862.18 350.536 776.21 372.376 763.13 431.236C759.37 455.676 766.85 473.336 779.67 483.966C786.621 489.63 794.908 493.417 803.74 494.966C818.132 497.496 832.957 495.178 845.89 488.376C846.69 487.956 847.49 487.516 848.29 487.056C856.441 482.27 863.382 475.672 868.574 467.773C873.765 459.875 877.069 450.887 878.23 441.506C881.09 419.196 888.04 394.656 892.59 378.086M892.59 378.076C885.36 404.426 872.1 449.746 878.77 476.156C880.283 482.292 884.122 487.599 889.475 490.958C894.828 494.316 901.277 495.463 907.46 494.156C925.39 490.256 943.78 472.156 955.09 454.336M714.5 338C714.5 339.933 712.933 341.5 711 341.5C709.067 341.5 707.5 339.933 707.5 338C707.5 336.067 709.067 334.5 711 334.5C712.933 334.5 714.5 336.067 714.5 338Z";
       const { Skia } = importSkia();
       const path = Skia.Path.MakeFromSVGString(skiaLogo)!;

package/src/renderer/__tests__/Picture.spec.tsx

@@ -43,11 +43,14 @@ const CheckPicture2 = ({}: EmptyProps) => {
   }, [Skia]);
   const picture = useMemo(
     () =>
-      createPicture((canvas) => {
-        const paint = Skia.Paint();
-        paint.setColor(Skia.Color(color));
-        canvas.drawCircle(r, r, r, paint);
-      }, Skia.XYWHRect(0, 0, r * 2, r * 2)),
+      createPicture(
+        (canvas) => {
+          const paint = Skia.Paint();
+          paint.setColor(Skia.Color(color));
+          canvas.drawCircle(r, r, r, paint);
+        },
+        Skia.XYWHRect(0, 0, r * 2, r * 2)
+      ),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );

package/src/renderer/__tests__/Surfaces.spec.tsx

@@ -12,15 +12,13 @@ describe("Surface", () => {
     // When leaking, the WASM memory limit will be reached quite quickly
     // causing the test to fail
     for (let i = 0; i < 500; i++) {
-      const surface = Skia.Surface.Make(1920, 1080)!;
+      using surface = Skia.Surface.Make(1920, 1080)!;
       const canvas = surface.getCanvas();
       canvas.clear(Skia.Color("cyan"));
       surface.flush();
-      const image = surface.makeImageSnapshot();
-      const copy = image.makeNonTextureImage();
-      copy.dispose();
-      image.dispose();
-      surface.dispose();
+      using image = surface.makeImageSnapshot();
+      using copy = image.makeNonTextureImage();
+      expect(copy).toBeDefined();
     }
   });
   it("A raster surface shouldn't leak (1)", () => {
@@ -28,13 +26,12 @@ describe("Surface", () => {
     // When leaking, the WASM memory limit will be reached quite quickly
     // causing the test to fail
     for (let i = 0; i < 500; i++) {
-      const surface = Skia.Surface.Make(1920, 1080)!;
+      using surface = Skia.Surface.Make(1920, 1080)!;
       const canvas = surface.getCanvas();
       canvas.clear(Skia.Color("cyan"));
       surface.flush();
-      const image = surface.makeImageSnapshot();
-      image.dispose();
-      surface.dispose();
+      using image = surface.makeImageSnapshot();
+      expect(image).toBeDefined();
     }
   });
   it("A raster surface shouldn't leak (2)", () => {
@@ -42,20 +39,19 @@ describe("Surface", () => {
     // When leaking, the WASM memory limit will be reached quite quickly
     // causing the test to fail
     for (let i = 0; i < 500; i++) {
-      const surface = Skia.Surface.MakeOffscreen(1920, 1080)!;
+      using surface = Skia.Surface.MakeOffscreen(1920, 1080)!;
       const canvas = surface.getCanvas();
       canvas.clear(Skia.Color("cyan"));
       surface.flush();
-      const image = surface.makeImageSnapshot();
-      image.dispose();
-      surface.dispose();
+      using image = surface.makeImageSnapshot();
+      expect(image).toBeDefined();
     }
   });
   it("A raster surface shouldn't leak (3)", async () => {
     for (let i = 0; i < 10; i++) {
       //const t = performance.now();
       const r = 128;
-      const surface = await drawOnNode(
+      using surface = await drawOnNode(
         <>
           <Group blendMode="multiply">
             <Circle cx={r} cy={r} r={r} color="cyan" />
@@ -67,7 +63,6 @@ describe("Surface", () => {
       surface.flush();
       //console.log(`Iteration ${i} took ${Math.floor(performance.now() - t)}ms`);
       processResult(surface, "snapshots/leak.png");
-      surface.dispose();
     }
   });
 });

package/src/renderer/__tests__/documentation/Group.spec.tsx

@@ -145,7 +145,6 @@ describe("Group", () => {
   it("Should scale an SVG Path properly", async () => {
     const { rect, Skia } = importSkia();
     const svgPath =
-      // eslint-disable-next-line max-len
       "M481.586 193.457C470.446 176.319 382.871 101.323 313.771 101.323C244.671 101.323 207.195 126.054 193.668 142.763C149.967 196.747 134.971 249.875 148.681 302.146C166.676 365.556 216.376 423.397 297.781 475.668C391.183 528.795 451.166 589.207 477.73 656.902C487.156 686.893 488.441 716.456 481.586 745.591C474.731 774.725 461.021 801.289 440.455 825.282C423.317 848.419 400.609 865.128 372.332 875.411C344.054 884.837 309.778 892.12 269.504 897.262C172.674 904.974 93.8398 890.407 33 853.56M559.992 689.035C667.105 531.366 746.796 399.832 799.067 294.434C811.92 264.442 821.346 241.735 827.344 226.31C833.343 210.029 839.341 188.607 845.339 162.043C851.338 135.479 853.48 111.058 851.766 88.7783C849.195 66.4989 838.056 51.0748 818.347 39.9351C798.638 28.7954 784.212 31.7989 761.792 43.7911C724.945 63.4998 700.095 97.3473 687.242 145.334C679.53 165.899 671.817 189.892 664.105 217.313C657.25 244.734 652.109 265.728 648.681 280.295C646.111 294.862 641.398 321.426 634.542 359.987C627.687 397.69 623.403 419.969 621.689 426.825C604.551 533.937 583.985 689.464 559.992 893.406C586.556 800.861 616.976 727.167 651.252 672.326C663.248 648.333 673.531 629.481 682.1 615.771C690.669 602.06 703.094 587.065 719.375 570.784C736.513 554.502 754.508 542.506 773.36 534.794C837.627 510.801 883.9 512.943 912.177 541.221C929.315 559.215 937.884 581.066 937.884 606.773C938.741 632.48 928.887 652.617 908.321 667.185C868.047 689.464 806.779 696.748 724.517 689.035C738.227 693.32 748.51 697.176 755.365 700.604C763.077 703.174 772.503 707.459 783.643 713.457C795.639 719.455 804.637 726.739 810.635 735.308C817.49 743.877 821.775 753.731 823.488 764.871C824.345 769.155 825.631 777.296 827.344 789.293C829.915 801.289 832.057 810.287 833.771 816.285C835.485 822.283 837.627 829.995 840.198 839.421C843.626 848.847 847.482 856.987 851.766 863.843C856.907 869.841 862.906 875.839 869.761 881.838C891.183 902.403 926.745 899.832 976.445 874.125C991.012 867.27 1004.29 858.701 1016.29 848.418C1029.14 838.136 1041.14 825.711 1052.28 811.143C1064.28 795.719 1073.7 783.294 1080.56 773.868C1087.41 763.586 1096.84 748.59 1108.84 728.881C1120.83 709.173 1129.4 695.891 1134.54 689.035C1161.96 634.194 1189.38 579.352 1216.8 524.511C1174.82 629.909 1147.82 710.458 1135.83 766.156C1130.69 782.437 1128.54 801.289 1129.4 822.712C1130.26 844.134 1136.68 861.272 1148.68 874.125C1157.25 884.408 1167.96 891.263 1180.81 894.691C1194.53 898.119 1207.38 897.69 1219.38 893.406C1271.65 877.981 1314.06 847.99 1346.62 803.431C1365.48 777.724 1390.75 739.592 1422.46 689.035M1275.93 367.699C1263.93 367.699 1256.65 362.129 1254.08 350.989C1252.37 338.993 1253.65 328.71 1257.94 320.141C1261.37 313.272 1272.5 314.999 1283.64 314.999C1294.78 314.999 1303.74 321.228 1304.21 329.138M1804.21 655.616C1782.79 595.634 1756.65 558.358 1725.8 543.791C1696.67 526.653 1664.11 518.513 1628.12 519.37C1592.13 519.37 1559.99 528.796 1531.71 547.647C1505.15 563.071 1482.44 583.637 1463.59 609.344C1444.74 634.194 1431.89 661.615 1425.03 691.606C1419.03 720.741 1419.89 750.304 1427.6 780.295C1436.17 809.43 1450.74 834.28 1471.3 854.845C1503.87 882.266 1543.28 895.976 1589.56 895.976C1635.83 895.976 1675.67 882.266 1709.09 854.845C1722.8 841.135 1732.66 831.281 1738.66 825.282C1744.65 819.284 1751.51 810.715 1759.22 799.575C1767.79 788.436 1774.65 776.868 1779.79 764.871M1835.06 523.226C1811.92 618.341 1796.5 701.032 1788.78 771.298C1781.07 825.282 1791.35 862.557 1819.63 883.123C1841.05 900.261 1874.47 897.69 1919.89 875.411C1959.31 856.559 1997.01 819.712 2033 764.871";
     const path = Skia.Path.MakeFromSVGString(svgPath)!;
     expect(path).toBeTruthy();

package/src/renderer/__tests__/e2e/AnimatedImages.spec.tsx

@@ -44,7 +44,6 @@ describe("Animated Images", () => {
       return frame.encodeToBase64();
     });
     expect(result).toEqual(
-      // eslint-disable-next-line max-len
       "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAANzQklUCAgI2+FP4AAAAAxJREFUCJljSFwlDwACmgErMAA+hwAAAABJRU5ErkJggg=="
     );
   });

package/src/renderer/__tests__/e2e/Drawings.spec.tsx

@@ -77,7 +77,6 @@ describe("Drawings", () => {
     const { Skia } = importSkia();
     const { width, height } = surface;
     const path = Skia.Path.MakeFromSVGString(
-      // eslint-disable-next-line max-len
       "M512.213 204.005C500.312 185.697 406.758 105.581 332.94 105.581C259.122 105.581 219.088 132 204.638 149.85C157.952 207.52 141.933 264.275 156.579 320.115C175.803 387.854 228.896 449.644 315.859 505.483C415.638 562.238 479.716 626.774 508.093 699.091C518.163 731.13 519.536 762.711 512.213 793.835C504.889 824.959 490.243 853.336 468.273 878.967C449.965 903.683 425.707 921.534 395.499 932.518C365.291 942.588 328.675 950.369 285.651 955.861C182.21 964.1 97.9935 948.538 33 909.176M595.972 733.419C710.397 564.985 795.529 424.47 851.369 311.876C865.1 279.837 875.169 255.579 881.577 239.102C887.985 221.709 894.393 198.824 900.801 170.447C907.208 142.069 909.497 115.98 907.666 92.1797C904.92 68.3793 893.02 51.9021 871.965 40.0019C850.911 28.1016 835.5 31.3101 811.549 44.1212C772.187 65.1754 745.64 101.334 731.909 152.596C723.67 174.566 715.432 200.197 707.193 229.49C699.87 258.783 694.378 281.21 690.716 296.772C687.97 312.334 682.935 340.711 675.612 381.904C668.289 422.182 663.712 445.982 661.881 453.306C643.573 567.731 621.603 733.876 595.972 951.742C624.349 852.878 656.846 774.154 693.462 715.568C706.278 689.937 717.263 669.798 726.417 655.152C735.571 640.505 748.844 624.486 766.237 607.093C784.545 589.701 803.768 576.885 823.907 568.646C892.562 543.015 941.994 545.304 972.202 575.512C990.51 594.735 999.664 618.078 999.664 645.54C1000.58 673.002 990.052 694.514 968.083 710.076C925.059 733.876 859.608 741.657 771.729 733.419C786.375 737.996 797.36 742.115 804.683 745.776C812.922 748.523 822.992 753.1 834.892 759.508C847.707 765.915 857.319 773.696 863.727 782.85C871.05 792.004 875.627 802.531 877.458 814.432C878.373 819.009 879.746 827.705 881.577 840.521C884.323 853.336 886.612 862.948 888.443 869.356C890.273 875.763 892.562 884.002 895.308 894.072C898.97 904.141 903.089 912.837 907.666 920.16C913.159 926.568 919.566 932.976 926.89 939.384C949.775 961.354 987.764 958.607 1040.86 931.145C1056.42 923.822 1070.61 914.668 1083.42 903.683C1097.15 892.698 1109.97 879.425 1121.87 863.863C1134.69 847.386 1144.76 834.113 1152.08 824.043C1159.4 813.058 1169.47 797.039 1182.29 775.985C1195.1 754.931 1204.26 740.742 1209.75 733.419C1239.04 674.833 1268.33 616.247 1297.63 557.661C1252.77 670.256 1223.94 756.304 1211.12 815.805C1205.63 833.197 1203.34 853.336 1204.26 876.221C1205.17 899.106 1212.04 917.414 1224.85 931.145C1234.01 942.13 1245.45 949.453 1259.18 953.115C1273.83 956.777 1287.56 956.319 1300.37 951.742C1356.21 935.265 1401.53 903.226 1436.31 855.625C1456.45 828.163 1483.45 787.427 1517.32 733.419M1360.79 390.143C1347.97 390.143 1340.19 384.193 1337.45 372.293C1335.62 359.477 1336.99 348.492 1341.57 339.338C1345.24 332 1357.13 333.846 1369.03 333.846C1380.93 333.846 1390.5 340.5 1391 348.95M1925.13 697.718C1902.25 633.64 1874.33 593.82 1841.38 578.258C1810.25 559.95 1775.47 551.254 1737.02 552.169C1698.57 552.169 1664.25 562.238 1634.04 582.377C1605.66 598.855 1581.4 620.824 1561.26 648.286C1541.12 674.833 1527.39 704.126 1520.07 736.165C1513.66 767.288 1514.58 798.87 1522.82 830.909C1531.97 862.032 1547.53 888.579 1569.5 910.549C1604.29 939.842 1646.4 954.488 1695.83 954.488C1745.26 954.488 1787.82 939.842 1823.53 910.549C1838.17 895.902 1848.7 885.375 1855.11 878.967C1861.51 872.56 1868.84 863.406 1877.08 851.505C1886.23 839.605 1893.55 827.247 1899.05 814.432M1958.09 556.288C1933.37 657.898 1916.9 746.234 1908.66 821.297C1900.42 878.967 1911.4 918.787 1941.61 940.757C1964.5 959.065 2000.2 956.319 2048.71 932.518C2090.82 912.38 2131.1 873.017 2169.55 814.432"
     )!;
     const PADDING = width / 16;
@@ -120,7 +119,6 @@ describe("Drawings", () => {
     const { Skia } = importSkia();
     const { width, height } = surface;
     const path = Skia.Path.MakeFromSVGString(
-      // eslint-disable-next-line max-len
       "M512.213 204.005C500.312 185.697 406.758 105.581 332.94 105.581C259.122 105.581 219.088 132 204.638 149.85C157.952 207.52 141.933 264.275 156.579 320.115C175.803 387.854 228.896 449.644 315.859 505.483C415.638 562.238 479.716 626.774 508.093 699.091C518.163 731.13 519.536 762.711 512.213 793.835C504.889 824.959 490.243 853.336 468.273 878.967C449.965 903.683 425.707 921.534 395.499 932.518C365.291 942.588 328.675 950.369 285.651 955.861C182.21 964.1 97.9935 948.538 33 909.176M595.972 733.419C710.397 564.985 795.529 424.47 851.369 311.876C865.1 279.837 875.169 255.579 881.577 239.102C887.985 221.709 894.393 198.824 900.801 170.447C907.208 142.069 909.497 115.98 907.666 92.1797C904.92 68.3793 893.02 51.9021 871.965 40.0019C850.911 28.1016 835.5 31.3101 811.549 44.1212C772.187 65.1754 745.64 101.334 731.909 152.596C723.67 174.566 715.432 200.197 707.193 229.49C699.87 258.783 694.378 281.21 690.716 296.772C687.97 312.334 682.935 340.711 675.612 381.904C668.289 422.182 663.712 445.982 661.881 453.306C643.573 567.731 621.603 733.876 595.972 951.742C624.349 852.878 656.846 774.154 693.462 715.568C706.278 689.937 717.263 669.798 726.417 655.152C735.571 640.505 748.844 624.486 766.237 607.093C784.545 589.701 803.768 576.885 823.907 568.646C892.562 543.015 941.994 545.304 972.202 575.512C990.51 594.735 999.664 618.078 999.664 645.54C1000.58 673.002 990.052 694.514 968.083 710.076C925.059 733.876 859.608 741.657 771.729 733.419C786.375 737.996 797.36 742.115 804.683 745.776C812.922 748.523 822.992 753.1 834.892 759.508C847.707 765.915 857.319 773.696 863.727 782.85C871.05 792.004 875.627 802.531 877.458 814.432C878.373 819.009 879.746 827.705 881.577 840.521C884.323 853.336 886.612 862.948 888.443 869.356C890.273 875.763 892.562 884.002 895.308 894.072C898.97 904.141 903.089 912.837 907.666 920.16C913.159 926.568 919.566 932.976 926.89 939.384C949.775 961.354 987.764 958.607 1040.86 931.145C1056.42 923.822 1070.61 914.668 1083.42 903.683C1097.15 892.698 1109.97 879.425 1121.87 863.863C1134.69 847.386 1144.76 834.113 1152.08 824.043C1159.4 813.058 1169.47 797.039 1182.29 775.985C1195.1 754.931 1204.26 740.742 1209.75 733.419C1239.04 674.833 1268.33 616.247 1297.63 557.661C1252.77 670.256 1223.94 756.304 1211.12 815.805C1205.63 833.197 1203.34 853.336 1204.26 876.221C1205.17 899.106 1212.04 917.414 1224.85 931.145C1234.01 942.13 1245.45 949.453 1259.18 953.115C1273.83 956.777 1287.56 956.319 1300.37 951.742C1356.21 935.265 1401.53 903.226 1436.31 855.625C1456.45 828.163 1483.45 787.427 1517.32 733.419M1360.79 390.143C1347.97 390.143 1340.19 384.193 1337.45 372.293C1335.62 359.477 1336.99 348.492 1341.57 339.338C1345.24 332 1357.13 333.846 1369.03 333.846C1380.93 333.846 1390.5 340.5 1391 348.95M1925.13 697.718C1902.25 633.64 1874.33 593.82 1841.38 578.258C1810.25 559.95 1775.47 551.254 1737.02 552.169C1698.57 552.169 1664.25 562.238 1634.04 582.377C1605.66 598.855 1581.4 620.824 1561.26 648.286C1541.12 674.833 1527.39 704.126 1520.07 736.165C1513.66 767.288 1514.58 798.87 1522.82 830.909C1531.97 862.032 1547.53 888.579 1569.5 910.549C1604.29 939.842 1646.4 954.488 1695.83 954.488C1745.26 954.488 1787.82 939.842 1823.53 910.549C1838.17 895.902 1848.7 885.375 1855.11 878.967C1861.51 872.56 1868.84 863.406 1877.08 851.505C1886.23 839.605 1893.55 827.247 1899.05 814.432M1958.09 556.288C1933.37 657.898 1916.9 746.234 1908.66 821.297C1900.42 878.967 1911.4 918.787 1941.61 940.757C1964.5 959.065 2000.2 956.319 2048.71 932.518C2090.82 912.38 2131.1 873.017 2169.55 814.432"
     )!;
     const PADDING = width / 16;
@@ -146,7 +144,6 @@ describe("Drawings", () => {
     const { Skia } = importSkia();
     const { width, height } = surface;
     const path = Skia.Path.MakeFromSVGString(
-      // eslint-disable-next-line max-len
       "M512.213 204.005C500.312 185.697 406.758 105.581 332.94 105.581C259.122 105.581 219.088 132 204.638 149.85C157.952 207.52 141.933 264.275 156.579 320.115C175.803 387.854 228.896 449.644 315.859 505.483C415.638 562.238 479.716 626.774 508.093 699.091C518.163 731.13 519.536 762.711 512.213 793.835C504.889 824.959 490.243 853.336 468.273 878.967C449.965 903.683 425.707 921.534 395.499 932.518C365.291 942.588 328.675 950.369 285.651 955.861C182.21 964.1 97.9935 948.538 33 909.176M595.972 733.419C710.397 564.985 795.529 424.47 851.369 311.876C865.1 279.837 875.169 255.579 881.577 239.102C887.985 221.709 894.393 198.824 900.801 170.447C907.208 142.069 909.497 115.98 907.666 92.1797C904.92 68.3793 893.02 51.9021 871.965 40.0019C850.911 28.1016 835.5 31.3101 811.549 44.1212C772.187 65.1754 745.64 101.334 731.909 152.596C723.67 174.566 715.432 200.197 707.193 229.49C699.87 258.783 694.378 281.21 690.716 296.772C687.97 312.334 682.935 340.711 675.612 381.904C668.289 422.182 663.712 445.982 661.881 453.306C643.573 567.731 621.603 733.876 595.972 951.742C624.349 852.878 656.846 774.154 693.462 715.568C706.278 689.937 717.263 669.798 726.417 655.152C735.571 640.505 748.844 624.486 766.237 607.093C784.545 589.701 803.768 576.885 823.907 568.646C892.562 543.015 941.994 545.304 972.202 575.512C990.51 594.735 999.664 618.078 999.664 645.54C1000.58 673.002 990.052 694.514 968.083 710.076C925.059 733.876 859.608 741.657 771.729 733.419C786.375 737.996 797.36 742.115 804.683 745.776C812.922 748.523 822.992 753.1 834.892 759.508C847.707 765.915 857.319 773.696 863.727 782.85C871.05 792.004 875.627 802.531 877.458 814.432C878.373 819.009 879.746 827.705 881.577 840.521C884.323 853.336 886.612 862.948 888.443 869.356C890.273 875.763 892.562 884.002 895.308 894.072C898.97 904.141 903.089 912.837 907.666 920.16C913.159 926.568 919.566 932.976 926.89 939.384C949.775 961.354 987.764 958.607 1040.86 931.145C1056.42 923.822 1070.61 914.668 1083.42 903.683C1097.15 892.698 1109.97 879.425 1121.87 863.863C1134.69 847.386 1144.76 834.113 1152.08 824.043C1159.4 813.058 1169.47 797.039 1182.29 775.985C1195.1 754.931 1204.26 740.742 1209.75 733.419C1239.04 674.833 1268.33 616.247 1297.63 557.661C1252.77 670.256 1223.94 756.304 1211.12 815.805C1205.63 833.197 1203.34 853.336 1204.26 876.221C1205.17 899.106 1212.04 917.414 1224.85 931.145C1234.01 942.13 1245.45 949.453 1259.18 953.115C1273.83 956.777 1287.56 956.319 1300.37 951.742C1356.21 935.265 1401.53 903.226 1436.31 855.625C1456.45 828.163 1483.45 787.427 1517.32 733.419M1360.79 390.143C1347.97 390.143 1340.19 384.193 1337.45 372.293C1335.62 359.477 1336.99 348.492 1341.57 339.338C1345.24 332 1357.13 333.846 1369.03 333.846C1380.93 333.846 1390.5 340.5 1391 348.95M1925.13 697.718C1902.25 633.64 1874.33 593.82 1841.38 578.258C1810.25 559.95 1775.47 551.254 1737.02 552.169C1698.57 552.169 1664.25 562.238 1634.04 582.377C1605.66 598.855 1581.4 620.824 1561.26 648.286C1541.12 674.833 1527.39 704.126 1520.07 736.165C1513.66 767.288 1514.58 798.87 1522.82 830.909C1531.97 862.032 1547.53 888.579 1569.5 910.549C1604.29 939.842 1646.4 954.488 1695.83 954.488C1745.26 954.488 1787.82 939.842 1823.53 910.549C1838.17 895.902 1848.7 885.375 1855.11 878.967C1861.51 872.56 1868.84 863.406 1877.08 851.505C1886.23 839.605 1893.55 827.247 1899.05 814.432M1958.09 556.288C1933.37 657.898 1916.9 746.234 1908.66 821.297C1900.42 878.967 1911.4 918.787 1941.61 940.757C1964.5 959.065 2000.2 956.319 2048.71 932.518C2090.82 912.38 2131.1 873.017 2169.55 814.432"
     )!;
     const PADDING = width / 16;
@@ -190,7 +187,6 @@ describe("Drawings", () => {
     const { Skia } = importSkia();
     const { width, height } = surface;
     const path = Skia.Path.MakeFromSVGString(
-      // eslint-disable-next-line max-len
       "M512.213 204.005C500.312 185.697 406.758 105.581 332.94 105.581C259.122 105.581 219.088 132 204.638 149.85C157.952 207.52 141.933 264.275 156.579 320.115C175.803 387.854 228.896 449.644 315.859 505.483C415.638 562.238 479.716 626.774 508.093 699.091C518.163 731.13 519.536 762.711 512.213 793.835C504.889 824.959 490.243 853.336 468.273 878.967C449.965 903.683 425.707 921.534 395.499 932.518C365.291 942.588 328.675 950.369 285.651 955.861C182.21 964.1 97.9935 948.538 33 909.176M595.972 733.419C710.397 564.985 795.529 424.47 851.369 311.876C865.1 279.837 875.169 255.579 881.577 239.102C887.985 221.709 894.393 198.824 900.801 170.447C907.208 142.069 909.497 115.98 907.666 92.1797C904.92 68.3793 893.02 51.9021 871.965 40.0019C850.911 28.1016 835.5 31.3101 811.549 44.1212C772.187 65.1754 745.64 101.334 731.909 152.596C723.67 174.566 715.432 200.197 707.193 229.49C699.87 258.783 694.378 281.21 690.716 296.772C687.97 312.334 682.935 340.711 675.612 381.904C668.289 422.182 663.712 445.982 661.881 453.306C643.573 567.731 621.603 733.876 595.972 951.742C624.349 852.878 656.846 774.154 693.462 715.568C706.278 689.937 717.263 669.798 726.417 655.152C735.571 640.505 748.844 624.486 766.237 607.093C784.545 589.701 803.768 576.885 823.907 568.646C892.562 543.015 941.994 545.304 972.202 575.512C990.51 594.735 999.664 618.078 999.664 645.54C1000.58 673.002 990.052 694.514 968.083 710.076C925.059 733.876 859.608 741.657 771.729 733.419C786.375 737.996 797.36 742.115 804.683 745.776C812.922 748.523 822.992 753.1 834.892 759.508C847.707 765.915 857.319 773.696 863.727 782.85C871.05 792.004 875.627 802.531 877.458 814.432C878.373 819.009 879.746 827.705 881.577 840.521C884.323 853.336 886.612 862.948 888.443 869.356C890.273 875.763 892.562 884.002 895.308 894.072C898.97 904.141 903.089 912.837 907.666 920.16C913.159 926.568 919.566 932.976 926.89 939.384C949.775 961.354 987.764 958.607 1040.86 931.145C1056.42 923.822 1070.61 914.668 1083.42 903.683C1097.15 892.698 1109.97 879.425 1121.87 863.863C1134.69 847.386 1144.76 834.113 1152.08 824.043C1159.4 813.058 1169.47 797.039 1182.29 775.985C1195.1 754.931 1204.26 740.742 1209.75 733.419C1239.04 674.833 1268.33 616.247 1297.63 557.661C1252.77 670.256 1223.94 756.304 1211.12 815.805C1205.63 833.197 1203.34 853.336 1204.26 876.221C1205.17 899.106 1212.04 917.414 1224.85 931.145C1234.01 942.13 1245.45 949.453 1259.18 953.115C1273.83 956.777 1287.56 956.319 1300.37 951.742C1356.21 935.265 1401.53 903.226 1436.31 855.625C1456.45 828.163 1483.45 787.427 1517.32 733.419M1360.79 390.143C1347.97 390.143 1340.19 384.193 1337.45 372.293C1335.62 359.477 1336.99 348.492 1341.57 339.338C1345.24 332 1357.13 333.846 1369.03 333.846C1380.93 333.846 1390.5 340.5 1391 348.95M1925.13 697.718C1902.25 633.64 1874.33 593.82 1841.38 578.258C1810.25 559.95 1775.47 551.254 1737.02 552.169C1698.57 552.169 1664.25 562.238 1634.04 582.377C1605.66 598.855 1581.4 620.824 1561.26 648.286C1541.12 674.833 1527.39 704.126 1520.07 736.165C1513.66 767.288 1514.58 798.87 1522.82 830.909C1531.97 862.032 1547.53 888.579 1569.5 910.549C1604.29 939.842 1646.4 954.488 1695.83 954.488C1745.26 954.488 1787.82 939.842 1823.53 910.549C1838.17 895.902 1848.7 885.375 1855.11 878.967C1861.51 872.56 1868.84 863.406 1877.08 851.505C1886.23 839.605 1893.55 827.247 1899.05 814.432M1958.09 556.288C1933.37 657.898 1916.9 746.234 1908.66 821.297C1900.42 878.967 1911.4 918.787 1941.61 940.757C1964.5 959.065 2000.2 956.319 2048.71 932.518C2090.82 912.38 2131.1 873.017 2169.55 814.432"
     )!;
     const PADDING = width / 16;

package/src/renderer/__tests__/e2e/Group.spec.tsx

@@ -107,7 +107,6 @@ describe("Group", () => {
     const { width, height } = surface;
     const { rect, Skia } = importSkia();
     const svgPath =
-      // eslint-disable-next-line max-len
       "M481.586 193.457C470.446 176.319 382.871 101.323 313.771 101.323C244.671 101.323 207.195 126.054 193.668 142.763C149.967 196.747 134.971 249.875 148.681 302.146C166.676 365.556 216.376 423.397 297.781 475.668C391.183 528.795 451.166 589.207 477.73 656.902C487.156 686.893 488.441 716.456 481.586 745.591C474.731 774.725 461.021 801.289 440.455 825.282C423.317 848.419 400.609 865.128 372.332 875.411C344.054 884.837 309.778 892.12 269.504 897.262C172.674 904.974 93.8398 890.407 33 853.56M559.992 689.035C667.105 531.366 746.796 399.832 799.067 294.434C811.92 264.442 821.346 241.735 827.344 226.31C833.343 210.029 839.341 188.607 845.339 162.043C851.338 135.479 853.48 111.058 851.766 88.7783C849.195 66.4989 838.056 51.0748 818.347 39.9351C798.638 28.7954 784.212 31.7989 761.792 43.7911C724.945 63.4998 700.095 97.3473 687.242 145.334C679.53 165.899 671.817 189.892 664.105 217.313C657.25 244.734 652.109 265.728 648.681 280.295C646.111 294.862 641.398 321.426 634.542 359.987C627.687 397.69 623.403 419.969 621.689 426.825C604.551 533.937 583.985 689.464 559.992 893.406C586.556 800.861 616.976 727.167 651.252 672.326C663.248 648.333 673.531 629.481 682.1 615.771C690.669 602.06 703.094 587.065 719.375 570.784C736.513 554.502 754.508 542.506 773.36 534.794C837.627 510.801 883.9 512.943 912.177 541.221C929.315 559.215 937.884 581.066 937.884 606.773C938.741 632.48 928.887 652.617 908.321 667.185C868.047 689.464 806.779 696.748 724.517 689.035C738.227 693.32 748.51 697.176 755.365 700.604C763.077 703.174 772.503 707.459 783.643 713.457C795.639 719.455 804.637 726.739 810.635 735.308C817.49 743.877 821.775 753.731 823.488 764.871C824.345 769.155 825.631 777.296 827.344 789.293C829.915 801.289 832.057 810.287 833.771 816.285C835.485 822.283 837.627 829.995 840.198 839.421C843.626 848.847 847.482 856.987 851.766 863.843C856.907 869.841 862.906 875.839 869.761 881.838C891.183 902.403 926.745 899.832 976.445 874.125C991.012 867.27 1004.29 858.701 1016.29 848.418C1029.14 838.136 1041.14 825.711 1052.28 811.143C1064.28 795.719 1073.7 783.294 1080.56 773.868C1087.41 763.586 1096.84 748.59 1108.84 728.881C1120.83 709.173 1129.4 695.891 1134.54 689.035C1161.96 634.194 1189.38 579.352 1216.8 524.511C1174.82 629.909 1147.82 710.458 1135.83 766.156C1130.69 782.437 1128.54 801.289 1129.4 822.712C1130.26 844.134 1136.68 861.272 1148.68 874.125C1157.25 884.408 1167.96 891.263 1180.81 894.691C1194.53 898.119 1207.38 897.69 1219.38 893.406C1271.65 877.981 1314.06 847.99 1346.62 803.431C1365.48 777.724 1390.75 739.592 1422.46 689.035M1275.93 367.699C1263.93 367.699 1256.65 362.129 1254.08 350.989C1252.37 338.993 1253.65 328.71 1257.94 320.141C1261.37 313.272 1272.5 314.999 1283.64 314.999C1294.78 314.999 1303.74 321.228 1304.21 329.138M1804.21 655.616C1782.79 595.634 1756.65 558.358 1725.8 543.791C1696.67 526.653 1664.11 518.513 1628.12 519.37C1592.13 519.37 1559.99 528.796 1531.71 547.647C1505.15 563.071 1482.44 583.637 1463.59 609.344C1444.74 634.194 1431.89 661.615 1425.03 691.606C1419.03 720.741 1419.89 750.304 1427.6 780.295C1436.17 809.43 1450.74 834.28 1471.3 854.845C1503.87 882.266 1543.28 895.976 1589.56 895.976C1635.83 895.976 1675.67 882.266 1709.09 854.845C1722.8 841.135 1732.66 831.281 1738.66 825.282C1744.65 819.284 1751.51 810.715 1759.22 799.575C1767.79 788.436 1774.65 776.868 1779.79 764.871M1835.06 523.226C1811.92 618.341 1796.5 701.032 1788.78 771.298C1781.07 825.282 1791.35 862.557 1819.63 883.123C1841.05 900.261 1874.47 897.69 1919.89 875.411C1959.31 856.559 1997.01 819.712 2033 764.871";
     const path = Skia.Path.MakeFromSVGString(svgPath)!;
     expect(path).toBeTruthy();