@shopify/react-native-skia 0.1.120 → 0.1.123

package/lib/module/skia/Skia.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Skia.ts"],"names":["processColor","Skia","Typeface","SkiaApi","MaskFilter","RuntimeEffect","Shader","ImageFilter","PathEffect","Data","SVG","FontMgr","TextBlob","Matrix","Font","Point","XYWHRect","RRectXY","Paint","PictureRecorder","Picture","Path","ColorFilter","ContourMeasureIter","Color","color","RSXform","MakeSurface","Surface","Make","MakeImageFromEncoded","Image","MakeImage","MakeVertices"],"mappings":"AAAA;AAcA,SAASA,YAAT,QAA6B,SAA7B;AAUA,OAAO,eAAP;;AAiEA;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAG;AAClB;AACAC,EAAAA,QAAQ,EAAEC,OAAO,CAACD,QAFA;AAGlBE,EAAAA,UAAU,EAAED,OAAO,CAACC,UAHF;AAIlBC,EAAAA,aAAa,EAAEF,OAAO,CAACE,aAJL;AAKlBC,EAAAA,MAAM,EAAEH,OAAO,CAACG,MALE;AAMlBC,EAAAA,WAAW,EAAEJ,OAAO,CAACI,WANH;AAOlBC,EAAAA,UAAU,EAAEL,OAAO,CAACK,UAPF;AAQlBC,EAAAA,IAAI,EAAEN,OAAO,CAACM,IARI;AASlBC,EAAAA,GAAG,EAAEP,OAAO,CAACO,GATK;AAUlBC,EAAAA,OAAO,EAAER,OAAO,CAACQ,OAVC;AAWlBC,EAAAA,QAAQ,EAAET,OAAO,CAACS,QAXA;AAYlB;AACAC,EAAAA,MAAM,EAAEV,OAAO,CAACU,MAbE;AAclBC,EAAAA,IAAI,EAAEX,OAAO,CAACW,IAdI;AAelBC,EAAAA,KAAK,EAAEZ,OAAO,CAACY,KAfG;AAgBlBC,EAAAA,QAAQ,EAAEb,OAAO,CAACa,QAhBA;AAiBlBC,EAAAA,OAAO,EAAEd,OAAO,CAACc,OAjBC;AAkBlBC,EAAAA,KAAK,EAAEf,OAAO,CAACe,KAlBG;AAmBlBC,EAAAA,eAAe,EAAEhB,OAAO,CAACgB,eAnBP;AAoBlBC,EAAAA,OAAO,EAAEjB,OAAO,CAACiB,OApBC;AAqBlBC,EAAAA,IAAI,EAAElB,OAAO,CAACkB,IArBI;AAsBlBC,EAAAA,WAAW,EAAEnB,OAAO,CAACmB,WAtBH;AAuBlBC,EAAAA,kBAAkB,EAAEpB,OAAO,CAACoB,kBAvBV;AAwBlB;AACAC,EAAAA,KAAK,EAAGC,KAAD,IAA+CzB,YAAY,CAACyB,KAAD,EAAQ,CAAR,CAzBhD;AA0BlBC,EAAAA,OAAO,EAAEvB,OAAO,CAACuB,OA1BC;AA2BlB;AACAC,EAAAA,WAAW,EAAExB,OAAO,CAACyB,OAAR,CAAgBC,IA5BX;AA6BlBC,EAAAA,oBAAoB,EAAE3B,OAAO,CAAC4B,KAAR,CAAcD,oBA7BlB;AA8BlBE,EAAAA,SAAS,EAAE7B,OAAO,CAAC4B,KAAR,CAAcC,SA9BP;AA+BlBC,EAAAA,YAAY,EAAE9B,OAAO,CAAC8B;AA/BJ,CAAb","sourcesContent":["/*global SkiaApi*/\nimport type { ImageFilterFactory } from \"./ImageFilter\";\nimport type { PathFactory } from \"./Path\";\nimport type { ColorFilterFactory } from \"./ColorFilter\";\nimport type { SkFont } from \"./Font\";\nimport type { SkTypeface, TypefaceFactory } from \"./Typeface\";\nimport type { ImageFactory } from \"./Image\";\nimport type { MaskFilterFactory } from \"./MaskFilter\";\nimport type { SkPaint } from \"./Paint\";\nimport type { SkRect } from \"./Rect\";\nimport type { SkRRect } from \"./RRect\";\nimport type { RuntimeEffectFactory } from \"./RuntimeEffect\";\nimport type { ShaderFactory } from \"./Shader\";\nimport type { SkColor } from \"./Color\";\nimport { processColor } from \"./Color\";\nimport type { SkMatrix } from \"./Matrix\";\nimport type { PathEffectFactory } from \"./PathEffect\";\nimport type { SkPoint } from \"./Point\";\nimport type { SkVertices, VertexMode } from \"./Vertices/Vertices\";\nimport type { DataFactory } from \"./Data\";\nimport type { SVGFactory } from \"./SVG\";\nimport type { TextBlobFactory } from \"./TextBlob\";\nimport type { FontMgrFactory } from \"./FontMgr/FontMgrFactory\";\nimport type { SurfaceFactory } from \"./Surface\";\nimport \"./NativeSetup\";\nimport type { SkRSXform } from \"./RSXform\";\nimport type { SkPath } from \"./Path/Path\";\nimport type { SkContourMeasureIter } from \"./ContourMeasure\";\nimport type { PictureFactory, SkPictureRecorder } from \"./Picture\";\n\n/**\n * Declares the interface for the native Skia API\n */\nexport interface Skia {\n  Point: (x: number, y: number) => SkPoint;\n  XYWHRect: (x: number, y: number, width: number, height: number) => SkRect;\n  RRectXY: (rect: SkRect, rx: number, ry: number) => SkRRect;\n  RSXform: (scos: number, ssin: number, tx: number, ty: number) => SkRSXform;\n  ContourMeasureIter: (\n    path: SkPath,\n    forceClosed: boolean,\n    resScale: number\n  ) => SkContourMeasureIter;\n  Paint: () => SkPaint;\n  PictureRecorder: () => SkPictureRecorder;\n  Picture: PictureFactory;\n  Path: PathFactory;\n  Matrix: () => SkMatrix;\n  ColorFilter: ColorFilterFactory;\n  Font: (typeface?: SkTypeface, size?: number) => SkFont;\n  Typeface: TypefaceFactory;\n  MaskFilter: MaskFilterFactory;\n  RuntimeEffect: RuntimeEffectFactory;\n  ImageFilter: ImageFilterFactory;\n  Shader: ShaderFactory;\n  PathEffect: PathEffectFactory;\n  /**\n   * Returns an Vertices based on the given positions and optional parameters.\n   * See SkVertices.h (especially the Builder) for more details.\n   * @param mode\n   * @param positions\n   * @param textureCoordinates\n   * @param colors - either a list of int colors or a flattened color array.\n   * @param indices\n   * @param isVolatile\n   */\n  MakeVertices(\n    mode: VertexMode,\n    positions: SkPoint[],\n    textureCoordinates?: SkPoint[] | null,\n    colors?: SkColor[],\n    indices?: number[] | null,\n    isVolatile?: boolean\n  ): SkVertices;\n  Data: DataFactory;\n  Image: ImageFactory;\n  SVG: SVGFactory;\n  FontMgr: FontMgrFactory;\n  TextBlob: TextBlobFactory;\n  Surface: SurfaceFactory;\n}\n\n/**\n * Declares the SkiaApi as an available object in the global scope\n */\ndeclare global {\n  var SkiaApi: Skia;\n}\n\n/**\n * Declares the implemented API with overrides.\n */\nexport const Skia = {\n  // Factories\n  Typeface: SkiaApi.Typeface,\n  MaskFilter: SkiaApi.MaskFilter,\n  RuntimeEffect: SkiaApi.RuntimeEffect,\n  Shader: SkiaApi.Shader,\n  ImageFilter: SkiaApi.ImageFilter,\n  PathEffect: SkiaApi.PathEffect,\n  Data: SkiaApi.Data,\n  SVG: SkiaApi.SVG,\n  FontMgr: SkiaApi.FontMgr,\n  TextBlob: SkiaApi.TextBlob,\n  // Constructors\n  Matrix: SkiaApi.Matrix,\n  Font: SkiaApi.Font,\n  Point: SkiaApi.Point,\n  XYWHRect: SkiaApi.XYWHRect,\n  RRectXY: SkiaApi.RRectXY,\n  Paint: SkiaApi.Paint,\n  PictureRecorder: SkiaApi.PictureRecorder,\n  Picture: SkiaApi.Picture,\n  Path: SkiaApi.Path,\n  ColorFilter: SkiaApi.ColorFilter,\n  ContourMeasureIter: SkiaApi.ContourMeasureIter,\n  // Here are constructors for data types which are represented as typed arrays in CanvasKit\n  Color: (color: Parameters<typeof processColor>[0]) => processColor(color, 1),\n  RSXform: SkiaApi.RSXform,\n  // For the following methods the factory symmetry is broken to be comptatible with CanvasKit\n  MakeSurface: SkiaApi.Surface.Make,\n  MakeImageFromEncoded: SkiaApi.Image.MakeImageFromEncoded,\n  MakeImage: SkiaApi.Image.MakeImage,\n  MakeVertices: SkiaApi.MakeVertices,\n};\n"]}
+{"version":3,"sources":["Skia.ts"],"names":["Platform","processColor","SkiaColor","cl","color","Skia","parseColorString","undefined","rnColor","console","warn","BLACK","OS","a","r","g","b","Typeface","SkiaApi","MaskFilter","RuntimeEffect","Shader","ImageFilter","PathEffect","Data","SVG","FontMgr","TextBlob","Matrix","Font","Point","XYWHRect","RRectXY","Paint","PictureRecorder","Picture","Path","ColorFilter","ContourMeasureIter","Color","RSXform","MakeSurface","Surface","Make","MakeImageFromEncoded","Image","MakeImage","MakeVertices"],"mappings":"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","sourcesContent":["import { Platform, processColor } from \"react-native\";\n\n/*global SkiaApi*/\nimport type { ImageFilterFactory } from \"./ImageFilter\";\nimport type { PathFactory } from \"./Path\";\nimport type { ColorFilterFactory } from \"./ColorFilter\";\nimport type { SkFont } from \"./Font\";\nimport type { SkTypeface, TypefaceFactory } from \"./Typeface\";\nimport type { ImageFactory } from \"./Image\";\nimport type { MaskFilterFactory } from \"./MaskFilter\";\nimport type { SkPaint } from \"./Paint\";\nimport type { SkRect } from \"./Rect\";\nimport type { SkRRect } from \"./RRect\";\nimport type { RuntimeEffectFactory } from \"./RuntimeEffect\";\nimport type { ShaderFactory } from \"./Shader\";\nimport type { SkMatrix } from \"./Matrix\";\nimport type { PathEffectFactory } from \"./PathEffect\";\nimport type { SkPoint } from \"./Point\";\nimport type { SkVertices, VertexMode } from \"./Vertices/Vertices\";\nimport type { DataFactory } from \"./Data\";\nimport type { SVGFactory } from \"./SVG\";\nimport type { TextBlobFactory } from \"./TextBlob\";\nimport type { FontMgrFactory } from \"./FontMgr/FontMgrFactory\";\nimport type { SurfaceFactory } from \"./Surface\";\nimport \"./NativeSetup\";\nimport type { SkRSXform } from \"./RSXform\";\nimport type { SkPath } from \"./Path/Path\";\nimport type { SkContourMeasureIter } from \"./ContourMeasure\";\nimport type { PictureFactory, SkPictureRecorder } from \"./Picture\";\nimport type { Color, SkColor } from \"./Color\";\n\n/*\n * Parse CSS colors\n */\nconst SkiaColor = (cl: Color) => {\n  if (typeof cl === \"number\") {\n    return cl;\n  }\n  const color = Skia.parseColorString(cl);\n  if (color !== undefined) {\n    return color;\n  } else {\n    // If the color is not recognized, we fallback to React Native\n    let rnColor = processColor(cl);\n    // 1. Neither Skia or RN could parse the color\n    if (typeof rnColor !== \"number\") {\n      console.warn(\"Skia couldn't parse the following color \" + cl);\n      return BLACK;\n      // 2. The color is recognized by RN but not by Skia\n    } else {\n      console.warn(\n        \"Skia couldn't parse the following color \" +\n          cl +\n          \". The color parsing was delegated to React Native. Please file on issue with that color.\"\n      );\n      // On android we need to move the alpha byte to the start of the structure\n      if (Platform.OS === \"android\") {\n        rnColor = rnColor >>> 0;\n        const a = (rnColor >> 24) & 0xff;\n        const r = (rnColor >> 16) & 0xff;\n        const g = (rnColor >> 8) & 0xff;\n        const b = rnColor & 0xff;\n        rnColor = ((a << 24) | (r << 16) | (g << 8) | b) >>> 0;\n      }\n      return rnColor;\n    }\n  }\n};\n\n/**\n * Declares the interface for the native Skia API\n */\nexport interface Skia {\n  Point: (x: number, y: number) => SkPoint;\n  XYWHRect: (x: number, y: number, width: number, height: number) => SkRect;\n  RRectXY: (rect: SkRect, rx: number, ry: number) => SkRRect;\n  RSXform: (scos: number, ssin: number, tx: number, ty: number) => SkRSXform;\n  Color: (color: Color) => SkColor;\n  parseColorString: (color: string) => SkColor | undefined;\n  ContourMeasureIter: (\n    path: SkPath,\n    forceClosed: boolean,\n    resScale: number\n  ) => SkContourMeasureIter;\n  Paint: () => SkPaint;\n  PictureRecorder: () => SkPictureRecorder;\n  Picture: PictureFactory;\n  Path: PathFactory;\n  Matrix: () => SkMatrix;\n  ColorFilter: ColorFilterFactory;\n  Font: (typeface?: SkTypeface, size?: number) => SkFont;\n  Typeface: TypefaceFactory;\n  MaskFilter: MaskFilterFactory;\n  RuntimeEffect: RuntimeEffectFactory;\n  ImageFilter: ImageFilterFactory;\n  Shader: ShaderFactory;\n  PathEffect: PathEffectFactory;\n  /**\n   * Returns an Vertices based on the given positions and optional parameters.\n   * See SkVertices.h (especially the Builder) for more details.\n   * @param mode\n   * @param positions\n   * @param textureCoordinates\n   * @param colors - either a list of int colors or a flattened color array.\n   * @param indices\n   * @param isVolatile\n   */\n  MakeVertices(\n    mode: VertexMode,\n    positions: SkPoint[],\n    textureCoordinates?: SkPoint[] | null,\n    colors?: SkColor[],\n    indices?: number[] | null,\n    isVolatile?: boolean\n  ): SkVertices;\n  Data: DataFactory;\n  Image: ImageFactory;\n  SVG: SVGFactory;\n  FontMgr: FontMgrFactory;\n  TextBlob: TextBlobFactory;\n  Surface: SurfaceFactory;\n}\n\n/**\n * Declares the SkiaApi as an available object in the global scope\n */\ndeclare global {\n  var SkiaApi: Skia;\n}\n\n/**\n * Declares the implemented API with overrides.\n */\nexport const Skia = {\n  // Factories\n  Typeface: SkiaApi.Typeface,\n  MaskFilter: SkiaApi.MaskFilter,\n  RuntimeEffect: SkiaApi.RuntimeEffect,\n  Shader: SkiaApi.Shader,\n  ImageFilter: SkiaApi.ImageFilter,\n  PathEffect: SkiaApi.PathEffect,\n  Data: SkiaApi.Data,\n  SVG: SkiaApi.SVG,\n  FontMgr: SkiaApi.FontMgr,\n  TextBlob: SkiaApi.TextBlob,\n  // Constructors\n  Matrix: SkiaApi.Matrix,\n  Font: SkiaApi.Font,\n  Point: SkiaApi.Point,\n  XYWHRect: SkiaApi.XYWHRect,\n  RRectXY: SkiaApi.RRectXY,\n  Paint: SkiaApi.Paint,\n  PictureRecorder: SkiaApi.PictureRecorder,\n  Picture: SkiaApi.Picture,\n  Path: SkiaApi.Path,\n  ColorFilter: SkiaApi.ColorFilter,\n  ContourMeasureIter: SkiaApi.ContourMeasureIter,\n  // Here are constructors for data types which are represented as typed arrays in CanvasKit\n  Color: SkiaColor,\n  parseColorString: SkiaApi.parseColorString,\n  RSXform: SkiaApi.RSXform,\n  // For the following methods the factory symmetry is broken to be comptatible with CanvasKit\n  MakeSurface: SkiaApi.Surface.Make,\n  MakeImageFromEncoded: SkiaApi.Image.MakeImageFromEncoded,\n  MakeImage: SkiaApi.Image.MakeImage,\n  MakeVertices: SkiaApi.MakeVertices,\n};\n\nconst BLACK = Skia.parseColorString(\"black\")!;\n"]}

package/lib/typescript/src/renderer/components/shapes/Path.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import type { CustomPaintProps, AnimatedProps, PathDef } from "../../processors";
+import type { CustomPaintProps, AnimatedProps, PathDef, SkEnum } from "../../processors";
+import { FillType } from "../../../skia";
 interface StrokeOpts {
     width?: number;
     strokeMiterlimit?: number;
@@ -10,6 +11,7 @@ export interface PathProps extends CustomPaintProps {
     start: number;
     end: number;
     stroke?: StrokeOpts;
+    fillType?: SkEnum<typeof FillType>;
 }
 export declare const Path: {
     (props: AnimatedProps<PathProps>): JSX.Element;

package/lib/typescript/src/renderer/processors/Paint.d.ts

@@ -16,6 +16,7 @@ export interface CustomPaintProps extends ChildrenProps {
     strokeCap?: SkEnum<typeof StrokeCap>;
     strokeMiter?: number;
     opacity?: number;
+    antiAlias?: boolean;
 }
 export declare const enumKey: <K extends string>(k: K) => Capitalize<K>;
-export declare const processPaint: (paint: SkPaint, currentOpacity: number, { paint: paintRef, color, blendMode, style, strokeWidth, strokeJoin, strokeCap, strokeMiter, opacity, }: CustomPaintProps, children: DeclarationResult[]) => SkPaint;
+export declare const processPaint: (paint: SkPaint, currentOpacity: number, { paint: paintRef, color, blendMode, style, strokeWidth, strokeJoin, strokeCap, strokeMiter, opacity, antiAlias, }: CustomPaintProps, children: DeclarationResult[]) => SkPaint;

package/lib/typescript/src/skia/Color.d.ts

@@ -5,6 +5,5 @@ export declare const red: (c: number) => number;
 export declare const green: (c: number) => number;
 export declare const blue: (c: number) => number;
 export declare const rgbaColor: (r: number, g: number, b: number, af: number) => number;
-export declare const processColorAsInt: (color?: string | number | undefined) => SkColor;
 export declare const processColor: (cl: Color, currentOpacity: number) => number;
 export declare const processColorAsUnitArray: (cl: Color, currentOpacity: number) => readonly [number, number, number, number];

package/lib/typescript/src/skia/Image/Image.d.ts

@@ -1,5 +1,5 @@
 import type { TileMode } from "../ImageFilter";
-import type { IShader } from "../Shader";
+import type { SkShader } from "../Shader";
 import type { SkMatrix } from "../Matrix";
 import type { SkJSIInstance } from "../JsiInstance";
 export declare enum FilterMode {
@@ -34,7 +34,7 @@ export interface SkImage extends SkJSIInstance<"Image"> {
      *             calculated with makeCopyWithDefaultMipmaps;
      * @param localMatrix
      */
-    makeShaderOptions(tx: TileMode, ty: TileMode, fm: FilterMode, mm: MipmapMode, localMatrix?: SkMatrix): IShader;
+    makeShaderOptions(tx: TileMode, ty: TileMode, fm: FilterMode, mm: MipmapMode, localMatrix?: SkMatrix): SkShader;
     /**
      * Returns this image as a shader with the specified tiling. It will use cubic sampling.
      * @param tx - tile mode in the x direction.
@@ -43,7 +43,7 @@ export interface SkImage extends SkJSIInstance<"Image"> {
      * @param C - See CubicResampler in SkSamplingOptions.h for more information
      * @param localMatrix
      */
-    makeShaderCubic(tx: TileMode, ty: TileMode, B: number, C: number, localMatrix?: SkMatrix): IShader;
+    makeShaderCubic(tx: TileMode, ty: TileMode, B: number, C: number, localMatrix?: SkMatrix): SkShader;
     /** Encodes Image pixels, returning result as UInt8Array. Returns existing
        encoded data if present; otherwise, SkImage is encoded with
        SkEncodedImageFormat::kPNG. Skia must be built with SK_ENCODE_PNG to encode

package/lib/typescript/src/skia/ImageFilter/ImageFilterFactory.d.ts

@@ -1,6 +1,6 @@
 import type { SkColor } from "../Color";
 import type { SkColorFilter } from "../ColorFilter/ColorFilter";
-import type { IShader } from "../Shader/Shader";
+import type { SkShader } from "../Shader/Shader";
 import type { SkRect } from "../Rect";
 import type { BlendMode } from "../Paint/BlendMode";
 import type { SkImageFilter, TileMode } from "./ImageFilter";
@@ -35,7 +35,7 @@ export interface ImageFilterFactory {
      * @param shader - The Shader to be transformed
      * @param input - if null, it will use the dynamic source image
      */
-    MakeShader(shader: IShader, input: SkImageFilter | null): SkImageFilter;
+    MakeShader(shader: SkShader, input: SkImageFilter | null): SkImageFilter;
     /**
      * Create a filter that blurs its input by the separate X and Y sigmas. The provided tile mode
      * is used when the blur kernel goes outside the input image.

package/lib/typescript/src/skia/Paint/Paint.d.ts

@@ -1,7 +1,7 @@
 import type { SkImageFilter } from "../ImageFilter";
 import type { IMaskFilter } from "../MaskFilter";
 import type { SkColorFilter } from "../ColorFilter";
-import type { IShader } from "../Shader";
+import type { SkShader } from "../Shader";
 import type { SkColor } from "../Color";
 import type { IPathEffect } from "../PathEffect";
 import type { SkJSIInstance } from "../JsiInstance";
@@ -20,6 +20,7 @@ export declare enum StrokeJoin {
     Miter = 1,
     Round = 2
 }
+export declare const SkiaPaint: () => SkPaint;
 export declare const isPaint: (obj: SkJSIInstance<string> | null) => obj is SkPaint;
 export interface SkPaint extends SkJSIInstance<"Paint"> {
     /**
@@ -98,7 +99,7 @@ export interface SkPaint extends SkJSIInstance<"Paint"> {
      * Sets the current shader, replacing the existing one if there was one.
      * @param shader
      */
-    setShader(shader: IShader | null): void;
+    setShader(shader: SkShader | null): void;
     /**
      * Sets the geometry drawn at the beginning and end of strokes.
      * @param cap

package/lib/typescript/src/skia/Path/Path.d.ts

@@ -33,6 +33,15 @@ export declare enum PathOp {
     XOR = 3,
     ReverseDifference = 4
 }
+export declare enum PathVerb {
+    Move = 0,
+    Line = 1,
+    Quad = 2,
+    Conic = 3,
+    Cubic = 4,
+    Close = 5
+}
+export declare type PathCommand = number[];
 export declare const isPath: (obj: SkJSIInstance<string> | null) => obj is SkPath;
 export interface SkPath extends SkJSIInstance<"Path"> {
     /**
@@ -440,4 +449,8 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      *
      * */
     isInterpolatable(compare: SkPath): boolean;
+    /**
+     * Serializes the contents of this path as a series of commands.
+     */
+    toCmds(): PathCommand[];
 }

package/lib/typescript/src/skia/Path/PathFactory.d.ts

@@ -1,4 +1,4 @@
-import type { SkPath, PathOp } from "./Path";
+import type { SkPath, PathOp, PathCommand } from "./Path";
 export interface PathFactory {
     Make(): SkPath;
     /**
@@ -15,4 +15,10 @@ export interface PathFactory {
      * @param op
      */
     MakeFromOp(one: SkPath, two: SkPath, op: PathOp): SkPath | null;
+    /**
+     * Creates a new path from the given list of path commands. If this fails, null will be
+     * returned instead.
+     * @param cmds
+     */
+    MakeFromCmds(cmds: PathCommand[]): SkPath | null;
 }

package/lib/typescript/src/skia/Picture/Picture.d.ts

@@ -2,7 +2,7 @@ import type { InputColorMatrix } from "../ColorFilter";
 import type { FilterMode } from "../Image";
 import type { TileMode } from "../ImageFilter";
 import type { SkRect } from "../Rect";
-import type { IShader } from "../Shader";
+import type { SkShader } from "../Shader";
 export interface SkPicture {
     /**
      *  Returns a new shader that will draw with this picture.
@@ -17,7 +17,7 @@ export interface SkPicture {
      *              and cropping). If null, the tile rect is considered equal to the picture
      *              bounds.
      */
-    makeShader(tmx: TileMode, tmy: TileMode, mode: FilterMode, localMatrix?: InputColorMatrix, tileRect?: SkRect): IShader;
+    makeShader(tmx: TileMode, tmy: TileMode, mode: FilterMode, localMatrix?: InputColorMatrix, tileRect?: SkRect): SkShader;
     /**
      * Returns the serialized format of this SkPicture. The format may change at anytime and
      * no promises are made for backwards or forward compatibility.

package/lib/typescript/src/skia/RuntimeEffect/RuntimeEffect.d.ts

@@ -1,4 +1,4 @@
-import type { IShader } from "../Shader";
+import type { SkShader } from "../Shader";
 import type { SkJSIInstance } from "../JsiInstance";
 import type { SkMatrix } from "../Matrix";
 export interface SkSLUniform {
@@ -15,7 +15,7 @@ export interface IRuntimeEffect extends SkJSIInstance<"RuntimeEffect"> {
      * @param isOpaque
      * @param localMatrix
      */
-    makeShader(uniforms: number[], isOpaque?: boolean, localMatrix?: SkMatrix): IShader;
+    makeShader(uniforms: number[], isOpaque?: boolean, localMatrix?: SkMatrix): SkShader;
     /**
      * Returns a shader executed using the given uniform data and the children as inputs.
      * @param uniforms
@@ -23,7 +23,7 @@ export interface IRuntimeEffect extends SkJSIInstance<"RuntimeEffect"> {
      * @param children
      * @param localMatrix
      */
-    makeShaderWithChildren(uniforms: number[], isOpaque?: boolean, children?: IShader[], localMatrix?: SkMatrix): IShader;
+    makeShaderWithChildren(uniforms: number[], isOpaque?: boolean, children?: SkShader[], localMatrix?: SkMatrix): SkShader;
     /**
      * Returns the nth uniform from the effect.
      * @param index

package/lib/typescript/src/skia/Shader/Shader.d.ts

@@ -1,3 +1,3 @@
 import type { SkJSIInstance } from "../JsiInstance";
-export declare const isShader: (obj: SkJSIInstance<string> | null) => obj is IShader;
-export declare type IShader = SkJSIInstance<"Shader">;
+export declare const isShader: (obj: SkJSIInstance<string> | null) => obj is SkShader;
+export declare type SkShader = SkJSIInstance<"Shader">;

package/lib/typescript/src/skia/Shader/ShaderFactory.d.ts

@@ -3,7 +3,7 @@ import type { SkPoint } from "../Point";
 import type { SkMatrix } from "../Matrix";
 import type { SkColor } from "../Color";
 import type { BlendMode } from "../Paint/BlendMode";
-import type { IShader } from "./Shader";
+import type { SkShader } from "./Shader";
 export interface ShaderFactory {
     /**
      * Returns a shader that generates a linear gradient between the two specified points.
@@ -20,7 +20,7 @@ export interface ShaderFactory {
      *                gradients will premultiply their colors first, and then interpolate
      *                between them.
      */
-    MakeLinearGradient(start: SkPoint, end: SkPoint, colors: SkColor[], pos: number[] | null, mode: TileMode, localMatrix?: SkMatrix, flags?: number): IShader;
+    MakeLinearGradient(start: SkPoint, end: SkPoint, colors: SkColor[], pos: number[] | null, mode: TileMode, localMatrix?: SkMatrix, flags?: number): SkShader;
     /**
      * Returns a shader that generates a radial gradient given the center and radius.
      * See SkGradientShader.h for more.
@@ -33,7 +33,7 @@ export interface ShaderFactory {
      * @param localMatrix
      * @param flags - 0 to interpolate colors in unpremul, 1 to interpolate colors in premul.
      */
-    MakeRadialGradient(center: SkPoint, radius: number, colors: SkColor[], pos: number[] | null, mode: TileMode, localMatrix?: SkMatrix, flags?: number): IShader;
+    MakeRadialGradient(center: SkPoint, radius: number, colors: SkColor[], pos: number[] | null, mode: TileMode, localMatrix?: SkMatrix, flags?: number): SkShader;
     /**
      * Returns a shader that generates a conical gradient given two circles.
      * See SkGradientShader.h for more.
@@ -47,7 +47,7 @@ export interface ShaderFactory {
      * @param localMatrix
      * @param flags
      */
-    MakeTwoPointConicalGradient(start: SkPoint, startRadius: number, end: SkPoint, endRadius: number, colors: SkColor[], pos: number[] | null, mode: TileMode, localMatrix?: SkMatrix, flags?: number): IShader;
+    MakeTwoPointConicalGradient(start: SkPoint, startRadius: number, end: SkPoint, endRadius: number, colors: SkColor[], pos: number[] | null, mode: TileMode, localMatrix?: SkMatrix, flags?: number): SkShader;
     /**
      * Returns a shader that generates a sweep gradient given a center.
      * See SkGradientShader.h for more.
@@ -62,7 +62,7 @@ export interface ShaderFactory {
      * @param startAngle - angle corresponding to 0.0. Defaults to 0 degrees.
      * @param endAngle - angle corresponding to 1.0. Defaults to 360 degrees.
      */
-    MakeSweepGradient(cx: number, cy: number, colors: SkColor[], pos: number[] | null, mode: TileMode, localMatrix?: SkMatrix | null, flags?: number, startAngleInDegrees?: number, endAngleInDegrees?: number): IShader;
+    MakeSweepGradient(cx: number, cy: number, colors: SkColor[], pos: number[] | null, mode: TileMode, localMatrix?: SkMatrix | null, flags?: number, startAngleInDegrees?: number, endAngleInDegrees?: number): SkShader;
     /**
      * Returns a shader with Perlin Turbulence.
      * See SkPerlinNoiseShader.h for more details
@@ -75,7 +75,7 @@ export interface ShaderFactory {
      * @param tileH - if this and tileW are non-zero, the frequencies will be modified so that the
      *                noise will be tileable for the given size.
      */
-    MakeTurbulence(baseFreqX: number, baseFreqY: number, octaves: number, seed: number, tileW: number, tileH: number): IShader;
+    MakeTurbulence(baseFreqX: number, baseFreqY: number, octaves: number, seed: number, tileW: number, tileH: number): SkShader;
     /**
      * Returns a shader with Perlin Fractal Noise.
      * See SkPerlinNoiseShader.h for more details
@@ -88,17 +88,17 @@ export interface ShaderFactory {
      * @param tileH - if this and tileW are non-zero, the frequencies will be modified so that the
      *                noise will be tileable for the given size.
      */
-    MakeFractalNoise(baseFreqX: number, baseFreqY: number, octaves: number, seed: number, tileW: number, tileH: number): IShader;
+    MakeFractalNoise(baseFreqX: number, baseFreqY: number, octaves: number, seed: number, tileW: number, tileH: number): SkShader;
     /**
      * Returns a shader that combines the given shaders with a BlendMode.
      * @param mode
      * @param one
      * @param two
      */
-    MakeBlend(mode: BlendMode, one: IShader, two: IShader): IShader;
+    MakeBlend(mode: BlendMode, one: SkShader, two: SkShader): SkShader;
     /**
      * Returns a shader with a given color and colorspace.
      * @param color
      */
-    MakeColor(color: SkColor): IShader;
+    MakeColor(color: SkColor): SkShader;
 }

package/lib/typescript/src/skia/Skia.d.ts

@@ -10,8 +10,6 @@ import type { SkRect } from "./Rect";
 import type { SkRRect } from "./RRect";
 import type { RuntimeEffectFactory } from "./RuntimeEffect";
 import type { ShaderFactory } from "./Shader";
-import type { SkColor } from "./Color";
-import { processColor } from "./Color";
 import type { SkMatrix } from "./Matrix";
 import type { PathEffectFactory } from "./PathEffect";
 import type { SkPoint } from "./Point";
@@ -26,6 +24,7 @@ import type { SkRSXform } from "./RSXform";
 import type { SkPath } from "./Path/Path";
 import type { SkContourMeasureIter } from "./ContourMeasure";
 import type { PictureFactory, SkPictureRecorder } from "./Picture";
+import type { Color, SkColor } from "./Color";
 /**
  * Declares the interface for the native Skia API
  */
@@ -34,6 +33,8 @@ export interface Skia {
     XYWHRect: (x: number, y: number, width: number, height: number) => SkRect;
     RRectXY: (rect: SkRect, rx: number, ry: number) => SkRRect;
     RSXform: (scos: number, ssin: number, tx: number, ty: number) => SkRSXform;
+    Color: (color: Color) => SkColor;
+    parseColorString: (color: string) => SkColor | undefined;
     ContourMeasureIter: (path: SkPath, forceClosed: boolean, resScale: number) => SkContourMeasureIter;
     Paint: () => SkPaint;
     PictureRecorder: () => SkPictureRecorder;
@@ -97,7 +98,8 @@ export declare const Skia: {
     Path: PathFactory;
     ColorFilter: ColorFilterFactory;
     ContourMeasureIter: (path: SkPath, forceClosed: boolean, resScale: number) => SkContourMeasureIter;
-    Color: (color: Parameters<typeof processColor>[0]) => number;
+    Color: (cl: Color) => number;
+    parseColorString: (color: string) => SkColor | undefined;
     RSXform: (scos: number, ssin: number, tx: number, ty: number) => SkRSXform;
     MakeSurface: (width: number, height: number) => import("./Surface").ISurface | null;
     MakeImageFromEncoded: (encoded: import("./Data").Data) => import("./Image").SkImage | null;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "React Native Skia",
-  "version": "0.1.120",
+  "version": "0.1.123",
   "description": "High-performance React Native Graphics using Skia",
   "main": "lib/module/index.js",
   "files": [

package/scripts/install-npm.js

@@ -9,7 +9,7 @@ const createSymlink = (p) => {
   const dstDir = path.resolve(`./android/cpp/${p}`);
 
   if (!fs.existsSync(dstDir) || !fs.lstatSync(dstDir).isSymbolicLink()) {
-    fs.symlinkSync(srcDir, dstDir, "dir");
+    fs.symlinkSync(srcDir, dstDir, "junction");
   }
 };
 

package/src/renderer/Canvas.tsx

@@ -23,6 +23,7 @@ import { Skia } from "../skia";
 import type { FontMgr } from "../skia/FontMgr/FontMgr";
 import { useValue } from "../values/hooks/useValue";
 import type { SkiaReadonlyValue } from "../values/types";
+import { SkiaPaint } from "../skia/Paint/Paint";
 
 import { debug as hostDebug, skHostConfig } from "./HostConfig";
 // import { debugTree } from "./nodes";
@@ -112,8 +113,7 @@ export const Canvas = forwardRef<SkiaView, CanvasProps>(
         ) {
           canvasCtx.current = { width, height };
         }
-        const paint = Skia.Paint();
-        paint.setAntiAlias(true);
+        const paint = SkiaPaint();
         const ctx = {
           width,
           height,

package/src/renderer/components/Paint.tsx

@@ -2,7 +2,7 @@ import type { ReactNode } from "react";
 import React, { useRef, useMemo, forwardRef, useImperativeHandle } from "react";
 
 import type { SkPaint } from "../../skia";
-import { Skia } from "../../skia";
+import { SkiaPaint } from "../../skia";
 import type { CustomPaintProps, AnimatedProps } from "../processors";
 import { processPaint } from "../processors";
 import { createDeclaration } from "../nodes";
@@ -15,7 +15,7 @@ export interface PaintProps extends Omit<CustomPaintProps, "paint"> {
 
 export const Paint = forwardRef<SkPaint, AnimatedProps<PaintProps>>(
   (props, ref) => {
-    const paint = useMemo(() => Skia.Paint(), []);
+    const paint = useMemo(() => SkiaPaint(), []);
     useImperativeHandle(ref, () => paint, [paint]);
     const onDeclare = useMemo(
       () =>

package/src/renderer/components/shapes/Path.tsx

@@ -4,9 +4,11 @@ import type {
   CustomPaintProps,
   AnimatedProps,
   PathDef,
+  SkEnum,
 } from "../../processors";
 import { createDrawing } from "../../nodes";
-import { processPath } from "../../processors";
+import { processPath, enumKey } from "../../processors";
+import { FillType } from "../../../skia";
 
 interface StrokeOpts {
   width?: number;
@@ -19,16 +21,22 @@ export interface PathProps extends CustomPaintProps {
   start: number;
   end: number;
   stroke?: StrokeOpts;
+  fillType?: SkEnum<typeof FillType>;
 }
 
 const onDraw = createDrawing<PathProps>(
-  ({ canvas, paint }, { start, end, stroke, ...pathProps }) => {
+  ({ canvas, paint }, { start, end, stroke, fillType, ...pathProps }) => {
     const hasStartOffset = start !== 0;
-    const hasEndOffset = start !== 1;
+    const hasEndOffset = end !== 1;
     const hasStrokeOptions = stroke !== undefined;
-    const willMutatePath = hasStartOffset || hasEndOffset || hasStrokeOptions;
+    const hasFillType = !!fillType;
+    const willMutatePath =
+      hasStartOffset || hasEndOffset || hasStrokeOptions || hasFillType;
     const pristinePath = processPath(pathProps.path);
     const path = willMutatePath ? pristinePath.copy() : pristinePath;
+    if (hasFillType) {
+      path.setFillType(FillType[enumKey(fillType)]);
+    }
     if (hasStrokeOptions) {
       path.stroke(stroke);
     }

package/src/renderer/nodes/Node.ts

@@ -40,7 +40,9 @@ export abstract class Node<P = unknown> {
   visit(ctx: DrawingContext, children?: Node[]) {
     const returnedValues: Exclude<DeclarationResult, null>[] = [];
     (children ?? this.children).forEach((child) => {
-      if (!child.memoized) {
+      if (child.memoized && child.memoizable) {
+        returnedValues.push(child.memoized);
+      } else {
         const ret = child.draw(ctx);
         if (ret) {
           returnedValues.push(ret);
@@ -48,8 +50,6 @@ export abstract class Node<P = unknown> {
             child.memoized = ret;
           }
         }
-      } else {
-        returnedValues.push(child.memoized);
       }
     });
     return returnedValues;

package/src/renderer/processors/Paint.ts

@@ -32,6 +32,7 @@ export interface CustomPaintProps extends ChildrenProps {
   strokeCap?: SkEnum<typeof StrokeCap>;
   strokeMiter?: number;
   opacity?: number;
+  antiAlias?: boolean;
 }
 
 export const enumKey = <K extends string>(k: K) =>
@@ -50,6 +51,7 @@ export const processPaint = (
     strokeCap,
     strokeMiter,
     opacity,
+    antiAlias,
   }: CustomPaintProps,
   children: DeclarationResult[]
 ) => {
@@ -85,6 +87,9 @@ export const processPaint = (
   if (opacity !== undefined) {
     paint.setAlphaf(opacity);
   }
+  if (antiAlias !== undefined) {
+    paint.setAntiAlias(antiAlias);
+  }
   children.forEach((child) => {
     if (isShader(child)) {
       paint.setShader(child);

package/src/skia/Color.ts

@@ -1,8 +1,8 @@
-import { Platform, processColor as processColorRN } from "react-native";
+import { Skia } from "./Skia";
 
 // This is the JSI color. Currently a number. This may change.
 export type SkColor = number;
-
+// Input colors can be string or number
 export type Color = string | number;
 
 export const alphaf = (c: number) => ((c >> 24) & 255) / 255;
@@ -14,25 +14,8 @@ export const rgbaColor = (r: number, g: number, b: number, af: number) => {
   return ((a << 24) | (r << 16) | (g << 8) | b) >>> 0;
 };
 
-export const processColorAsInt = (color?: number | string): SkColor => {
-  let processedColor = processColorRN(color);
-  if (typeof processedColor !== "number") {
-    throw new Error(`Couldn't process color: ${color}`);
-  }
-  // On android we need to move the alpha byte to the start of the structure
-  if (Platform.OS === "android") {
-    processedColor = processedColor >>> 0;
-    const a = (processedColor >> 24) & 0xff;
-    const r = (processedColor >> 16) & 0xff;
-    const g = (processedColor >> 8) & 0xff;
-    const b = processedColor & 0xff;
-    processedColor = ((a << 24) | (r << 16) | (g << 8) | b) >>> 0;
-  }
-  return processedColor;
-};
-
 const processColorAsArray = (cl: Color) => {
-  const icl = typeof cl === "string" ? processColorAsInt(cl) : cl;
+  const icl = typeof cl === "string" ? Skia.Color(cl) : cl;
   const r = red(icl);
   const g = green(icl);
   const b = blue(icl);

package/src/skia/Image/Image.ts

@@ -1,5 +1,5 @@
 import type { TileMode } from "../ImageFilter";
-import type { IShader } from "../Shader";
+import type { SkShader } from "../Shader";
 import type { SkMatrix } from "../Matrix";
 import type { SkJSIInstance } from "../JsiInstance";
 
@@ -46,7 +46,7 @@ export interface SkImage extends SkJSIInstance<"Image"> {
     fm: FilterMode,
     mm: MipmapMode,
     localMatrix?: SkMatrix
-  ): IShader;
+  ): SkShader;
 
   /**
    * Returns this image as a shader with the specified tiling. It will use cubic sampling.
@@ -62,7 +62,7 @@ export interface SkImage extends SkJSIInstance<"Image"> {
     B: number,
     C: number,
     localMatrix?: SkMatrix
-  ): IShader;
+  ): SkShader;
 
   /** Encodes Image pixels, returning result as UInt8Array. Returns existing
      encoded data if present; otherwise, SkImage is encoded with

package/src/skia/ImageFilter/ImageFilterFactory.ts

@@ -1,6 +1,6 @@
 import type { SkColor } from "../Color";
 import type { SkColorFilter } from "../ColorFilter/ColorFilter";
-import type { IShader } from "../Shader/Shader";
+import type { SkShader } from "../Shader/Shader";
 import type { SkRect } from "../Rect";
 import type { BlendMode } from "../Paint/BlendMode";
 
@@ -48,7 +48,7 @@ export interface ImageFilterFactory {
    * @param shader - The Shader to be transformed
    * @param input - if null, it will use the dynamic source image
    */
-  MakeShader(shader: IShader, input: SkImageFilter | null): SkImageFilter;
+  MakeShader(shader: SkShader, input: SkImageFilter | null): SkImageFilter;
   /**
    * Create a filter that blurs its input by the separate X and Y sigmas. The provided tile mode
    * is used when the blur kernel goes outside the input image.

package/src/skia/Paint/Paint.ts

@@ -1,10 +1,11 @@
 import type { SkImageFilter } from "../ImageFilter";
 import type { IMaskFilter } from "../MaskFilter";
 import type { SkColorFilter } from "../ColorFilter";
-import type { IShader } from "../Shader";
+import type { SkShader } from "../Shader";
 import type { SkColor } from "../Color";
 import type { IPathEffect } from "../PathEffect";
 import type { SkJSIInstance } from "../JsiInstance";
+import { Skia } from "../Skia";
 
 import type { BlendMode } from "./BlendMode";
 
@@ -25,6 +26,12 @@ export enum StrokeJoin {
   Round,
 }
 
+export const SkiaPaint = () => {
+  const paint = Skia.Paint();
+  paint.setAntiAlias(true);
+  return paint;
+};
+
 export const isPaint = (obj: SkJSIInstance<string> | null): obj is SkPaint =>
   obj !== null && obj.__typename__ === "Paint";
 
@@ -119,7 +126,7 @@ export interface SkPaint extends SkJSIInstance<"Paint"> {
    * Sets the current shader, replacing the existing one if there was one.
    * @param shader
    */
-  setShader(shader: IShader | null): void;
+  setShader(shader: SkShader | null): void;
 
   /**
    * Sets the geometry drawn at the beginning and end of strokes.

package/src/skia/Paint/usePaint.ts

@@ -1,8 +1,7 @@
 import type { DependencyList } from "react";
 import { useMemo } from "react";
 
-import { Skia } from "../Skia";
-
+import { SkiaPaint } from "./Paint";
 import type { SkPaint } from "./Paint";
 
 /**
@@ -13,8 +12,7 @@ export const usePaint = (
   deps?: DependencyList
 ) =>
   useMemo(() => {
-    const p = Skia.Paint();
-    p.setAntiAlias(true);
+    const p = SkiaPaint();
     if (initializer) {
       initializer(p);
     }