@shopify/react-native-skia 0.1.130 → 0.1.131

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

@@ -1,4 +1,3 @@
-export * from "./Paint";
 export * from "./Transform";
 export * from "./Animations";
 export * from "./Circles";
@@ -8,3 +7,5 @@ export * from "./Font";
 export * from "./Paths";
 export * from "./Clips";
 export * from "./Radius";
+export * from "./Color";
+export * from "./Paint";

package/lib/typescript/src/renderer/processors/math/Coordinates.d.ts

@@ -1,4 +1,4 @@
-import type { Vector } from "./Vector";
+import type { Vector } from "../../../skia/types";
 export interface PolarPoint {
     theta: number;
     radius: number;

package/lib/typescript/src/renderer/processors/math/Transforms.d.ts

@@ -1,4 +1,4 @@
-import type { Vector } from "./Vector";
+import type { Vector } from "../../../skia/types";
 export declare const rotate: (tr: Vector, origin: Vector, rotation: number) => {
     x: number;
     y: number;

package/lib/typescript/src/renderer/processors/math/index.d.ts

@@ -1,5 +1,3 @@
-export * from "./Vector";
 export * from "./Coordinates";
-export * from "./Matrix3";
 export * from "./Math";
 export * from "./Transforms";

package/lib/typescript/src/renderer/useCanvas.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { Skia } from "../skia/types";
+import type { SkiaValue } from "../values/types";
+interface CanvasContext {
+    Skia: Skia;
+    size: SkiaValue<{
+        width: number;
+        height: number;
+    }>;
+}
+declare const CanvasContext: React.Context<CanvasContext | null>;
+export declare const CanvasProvider: React.Provider<CanvasContext | null>;
+export declare const useCanvas: () => CanvasContext;
+export {};

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

@@ -0,0 +1 @@
+export declare const Skia: import("./types").Skia;

package/lib/typescript/src/skia/core/Data.d.ts

@@ -1,5 +1,5 @@
 import type { DependencyList } from "react";
-import type { Data, DataSource } from "../types";
-export declare const useDataCollection: <T>(sources: DataSource[], factory: (data: Data[]) => T, deps?: DependencyList) => T | null;
-export declare const useRawData: <T>(source: DataSource | null | undefined, factory: (data: Data) => T, onError?: ((err: Error) => void) | undefined) => T | null;
-export declare const useData: (source: DataSource | null | undefined, onError?: ((err: Error) => void) | undefined) => Data | null;
+import type { SkData, DataSource } from "../types";
+export declare const useDataCollection: <T>(sources: DataSource[], factory: (data: SkData[]) => T, deps?: DependencyList) => T | null;
+export declare const useRawData: <T>(source: DataSource | null | undefined, factory: (data: SkData) => T, onError?: ((err: Error) => void) | undefined) => T | null;
+export declare const useData: (source: DataSource | null | undefined, onError?: ((err: Error) => void) | undefined) => SkData | null;

package/lib/typescript/src/skia/core/Matrix.d.ts

@@ -0,0 +1,2 @@
+import type { Transforms2d } from "../types";
+export declare const processTransform2d: (transforms: Transforms2d) => import("../types").SkMatrix;

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

@@ -1,6 +1,5 @@
 import type { DependencyList } from "react";
 import type { SkPaint } from "../types";
-export declare const SkiaPaint: () => SkPaint;
 /**
  * Returns a Skia Paint object
  * */

package/lib/typescript/src/skia/core/RRect.d.ts

@@ -0,0 +1,2 @@
+import type { SkRect } from "../types";
+export declare const rrect: (r: SkRect, rx: number, ry: number) => import("../types").SkRRect;

package/lib/typescript/src/skia/core/Rect.d.ts

@@ -0,0 +1,8 @@
+import type { SkRect, SkRRect } from "../types";
+export declare const rect: (x: number, y: number, width: number, height: number) => SkRect;
+export declare const bounds: (rects: SkRect[]) => SkRect;
+export declare const topLeft: (r: SkRect | SkRRect) => import("../types").SkPoint;
+export declare const topRight: (r: SkRect | SkRRect) => import("../types").SkPoint;
+export declare const bottomLeft: (r: SkRect | SkRRect) => import("../types").SkPoint;
+export declare const bottomRight: (r: SkRect | SkRRect) => import("../types").SkPoint;
+export declare const center: (r: SkRect | SkRRect) => import("../types").SkPoint;

package/lib/typescript/src/skia/core/Vector.d.ts

@@ -0,0 +1,12 @@
+import type { Vector } from "../types";
+export declare const vec: (x?: number, y?: number | undefined) => import("../types").SkPoint;
+export declare const point: (x?: number, y?: number | undefined) => import("../types").SkPoint;
+export declare const neg: (a: Vector) => import("../types").SkPoint;
+export declare const add: (a: Vector, b: Vector) => import("../types").SkPoint;
+export declare const sub: (a: Vector, b: Vector) => import("../types").SkPoint;
+export declare const dist: (a: Vector, b: Vector) => number;
+export declare const translate: ({ x, y }: Vector) => readonly [{
+    readonly translateX: number;
+}, {
+    readonly translateY: number;
+}];

package/lib/typescript/src/skia/core/index.d.ts

@@ -1,10 +1,12 @@
-export * from "./Color";
 export * from "./Data";
 export * from "./Font";
 export * from "./Typeface";
 export * from "./Image";
 export * from "./Picture";
 export * from "./SVG";
-export * from "./Shader";
-export * from "./Paint";
 export * from "./Path";
+export * from "./Vector";
+export * from "./Rect";
+export * from "./RRect";
+export * from "./Matrix";
+export * from "./Paint";

package/lib/typescript/src/skia/types/ContourMeasure.d.ts

@@ -6,15 +6,13 @@ export interface PosTan {
     tx: number;
     ty: number;
 }
-export interface SkContourMeasure extends SkJSIInstance<"ContourMeasureIter"> {
+export interface SkContourMeasure extends SkJSIInstance<"ContourMeasure"> {
     /**
      * Returns the given position and tangent line for the distance on the given contour.
      * The return value is 4 floats in this order: posX, posY, vecX, vecY.
      * @param distance - will be pinned between 0 and length().
-     * @param output - if provided, the four floats of the PosTan will be copied into this array
-     *                 instead of allocating a new one.
      */
-    getPosTan(distance: number, output?: PosTan): PosTan;
+    getPosTan(distance: number): PosTan;
     /**
      * Returns an Path representing the segment of this contour.
      * @param startD - will be pinned between 0 and length()

package/lib/typescript/src/skia/types/Data/Data.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="node" />
 /// <reference types="react-native" />
 import type { SkJSIInstance } from "../JsiInstance";
-export declare type Data = SkJSIInstance<"Data">;
+export declare type SkData = SkJSIInstance<"Data">;
 export declare type DataSource = ReturnType<typeof require> | string | Uint8Array;

package/lib/typescript/src/skia/types/Data/DataFactory.d.ts

@@ -1,18 +1,18 @@
-import type { Data } from "./Data";
+import type { SkData } from "./Data";
 export interface DataFactory {
     /**
      * Creates a new Data object from an Uri, either locally or remotely.
      * @param uri Uri to a valid resource
      */
-    fromURI(uri: string): Promise<Data>;
+    fromURI(uri: string): Promise<SkData>;
     /**
      * Creates a new Data object from a byte array.
      * @param bytes An array of bytes representing the data
      */
-    fromBytes(bytes: Uint8Array): Data;
+    fromBytes(bytes: Uint8Array): SkData;
     /**
      * Creates a new Data object from a base64 encoded string.
      * @param base64 A Base64 encoded string representing the data
      */
-    fromBase64(base64: string): Data;
+    fromBase64(base64: string): SkData;
 }

package/lib/typescript/src/skia/types/FontMgr/FontMgr.d.ts

@@ -1,7 +1,7 @@
 import type { SkJSIInstance } from "../JsiInstance";
 import type { FontStyle } from "../Font/Font";
 import type { SkTypeface } from "../Typeface";
-export interface FontMgr extends SkJSIInstance<"FontMgr"> {
+export interface SkFontMgr extends SkJSIInstance<"FontMgr"> {
     /**
      * Return the number of font families loaded in this manager. Useful for debugging.
      */

package/lib/typescript/src/skia/types/FontMgr/FontMgrFactory.d.ts

@@ -1,4 +1,4 @@
-import type { FontMgr } from "./FontMgr";
+import type { SkFontMgr } from "./FontMgr";
 export interface FontMgrFactory {
-    RefDefault: () => FontMgr;
+    RefDefault: () => SkFontMgr;
 }

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

@@ -1,4 +1,4 @@
-import type { Data } from "../Data";
+import type { SkData } from "../Data";
 import type { SkImage } from "./Image";
 export declare enum AlphaType {
     Unknown = 0,
@@ -47,7 +47,7 @@ export interface ImageFactory {
      * @returns If the encoded format is not supported, or subset is outside of the bounds of the decoded
      *  image, nullptr is returned.
      */
-    MakeImageFromEncoded: (encoded: Data) => SkImage | null;
+    MakeImageFromEncoded: (encoded: SkData) => SkImage | null;
     /**
      * Returns an image with the given pixel data and format.
      * Note that we will always make a copy of the pixel data, because of inconsistencies in
@@ -58,5 +58,5 @@ export interface ImageFactory {
      * @param data - bytes representing the pixel data.
      * @param bytesPerRow
      */
-    MakeImage(info: ImageInfo, data: Data, bytesPerRow: number): SkImage | null;
+    MakeImage(info: ImageInfo, data: SkData, bytesPerRow: number): SkImage | null;
 }

package/lib/typescript/src/skia/types/Matrix.d.ts

@@ -11,18 +11,19 @@ export declare enum MatrixIndex {
     persp2 = 8
 }
 export interface SkMatrix extends SkJSIInstance<"Matrix"> {
-    0: number;
-    1: number;
-    2: number;
-    3: number;
-    4: number;
-    5: number;
-    6: number;
-    7: number;
-    8: number;
-    preConcat: (matrix: SkMatrix) => void;
-    preTranslate: (x: number, y: number) => void;
-    preScale: (x: number, y: number) => void;
-    preSkew: (x: number, y: number) => void;
-    preRotate: (theta: number) => void;
+    concat: (matrix: SkMatrix) => void;
+    translate: (x: number, y: number) => void;
+    scale: (x: number, y?: number) => void;
+    skew: (x: number, y: number) => void;
+    rotate: (theta: number) => void;
 }
+declare type Transform2dName = "translateX" | "translateY" | "scale" | "skewX" | "skewY" | "scaleX" | "scaleY" | "rotateZ" | "rotate";
+declare type Transformations = {
+    readonly [Name in Transform2dName]: number;
+};
+export declare type Transforms2d = readonly (Pick<Transformations, "translateX"> | Pick<Transformations, "translateY"> | Pick<Transformations, "scale"> | Pick<Transformations, "scaleX"> | Pick<Transformations, "scaleY"> | Pick<Transformations, "skewX"> | Pick<Transformations, "skewY"> | Pick<Transformations, "rotate">)[];
+export interface TransformProp {
+    transform?: Transforms2d;
+}
+export declare const processTransform: (m: SkMatrix, transforms: Transforms2d) => SkMatrix;
+export {};

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

@@ -1,4 +1,3 @@
-import type { SkFont } from "../Font";
 import type { SkRect } from "../Rect";
 import type { SkPoint } from "../Point";
 import type { SkRRect } from "../RRect";
@@ -39,7 +38,8 @@ export declare enum PathVerb {
     Quad = 2,
     Conic = 3,
     Cubic = 4,
-    Close = 5
+    Close = 5,
+    Done = 6
 }
 export declare type PathCommand = number[];
 export declare const isPath: (obj: SkJSIInstance<string> | null) => obj is SkPath;
@@ -64,7 +64,7 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * @param isCCW - if the path should be drawn counter-clockwise or not
      * @param startIndex - index of initial point of ellipse
      */
-    addOval(oval: SkRect, isCCW?: boolean, startIndex?: number): void;
+    addOval(oval: SkRect, isCCW?: boolean, startIndex?: number): SkPath;
     /**
      * Returns the number of points in this path. Initially zero.
      */
@@ -78,7 +78,7 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * @param points
      * @param close - if true, will add a line connecting last point to the first point.
      */
-    addPoly(points: SkPoint[], close: boolean): void;
+    addPoly(points: SkPoint[], close: boolean): SkPath;
     /** Adds beginning of contour at SkPoint (x, y).
   
           @param x  x-axis value of contour start
@@ -87,7 +87,7 @@ export interface SkPath extends SkJSIInstance<"Path"> {
   
           example: https://fiddle.skia.org/c/@Path_moveTo
       */
-    moveTo(x: number, y: number): void;
+    moveTo(x: number, y: number): SkPath;
     /** Adds line from last point to (x, y). If SkPath is empty, or last SkPath::Verb is
           kClose_Verb, last point is set to (0, 0) before adding line.
   
@@ -100,7 +100,7 @@ export interface SkPath extends SkJSIInstance<"Path"> {
   
           example: https://fiddle.skia.org/c/@Path_lineTo
       */
-    lineTo(x: number, y: number): void;
+    lineTo(x: number, y: number): SkPath;
     /**
      * Returns a new path that covers the same area as the original path, but with the
      * Winding FillType. This may re-draw some contours in the path as counter-clockwise
@@ -113,7 +113,7 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * @param dx
      * @param dy
      */
-    offset(dx: number, dy: number): void;
+    offset(dx: number, dy: number): SkPath;
     /**
      * Relative version of arcToRotated.
      * @param rx
@@ -124,7 +124,7 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * @param dx
      * @param dy
      */
-    rArcTo(rx: number, ry: number, xAxisRotateInDegrees: number, useSmallArc: boolean, isCCW: boolean, dx: number, dy: number): void;
+    rArcTo(rx: number, ry: number, xAxisRotateInDegrees: number, useSmallArc: boolean, isCCW: boolean, dx: number, dy: number): SkPath;
     /**
      * Relative version of conicTo.
      * @param dx1
@@ -133,7 +133,7 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * @param dy2
      * @param w
      */
-    rConicTo(dx1: number, dy1: number, dx2: number, dy2: number, w: number): void;
+    rConicTo(dx1: number, dy1: number, dx2: number, dy2: number, w: number): SkPath;
     /**
      * Relative version of cubicTo.
      * @param cpx1
@@ -143,7 +143,7 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * @param x
      * @param y
      */
-    rCubicTo(cpx1: number, cpy1: number, cpx2: number, cpy2: number, x: number, y: number): void;
+    rCubicTo(cpx1: number, cpy1: number, cpx2: number, cpy2: number, x: number, y: number): SkPath;
     /**
      * Relative version of moveTo.
      * @param x
@@ -182,8 +182,9 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * Turns this path into the filled equivalent of the stroked path. Returns false if the operation
      * fails (e.g. the path is a hairline).
      * @param opts - describe how stroked path should look.
+     * If such a transformation cannot be done, null is returned.
      */
-    stroke(opts?: StrokeOpts): boolean;
+    stroke(opts?: StrokeOpts): null | SkPath;
     /**
      * Appends CLOSE_VERB to Path. A closed contour connects the first and last point
      * with a line, forming a continuous loop.
@@ -213,10 +214,8 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * only lines. If Path contains curves, computed bounds includes
      * the maximum extent of the quad, conic, or cubic; is slower than getBounds();
      * and unlike getBounds(), does not cache the result.
-     * @param outputArray - if provided, the bounding box will be copied into this array instead of
-     *                      allocating a new one.
      */
-    computeTightBounds(outputArray?: SkRect): SkRect;
+    computeTightBounds(): SkRect;
     /**
      * Appends arc to Path. Arc added is part of ellipse
      * bounded by oval, from startAngle through sweepAngle. Both startAngle and
@@ -291,7 +290,7 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * @param x
      * @param y
      */
-    cubicTo(cpx1: number, cpy1: number, cpx2: number, cpy2: number, x: number, y: number): void;
+    cubicTo(cpx1: number, cpy1: number, cpx2: number, cpy2: number, x: number, y: number): SkPath;
     /**
      * Changes this path to be the dashed version of itself. This is the same effect as creating
      * a DashPathEffect and calling filterPath on this path.
@@ -367,7 +366,18 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * may not speed repeated drawing.
      */
     isVolatile(): boolean;
-    addCircle(x: number, y: number, r: number): void;
+    /** Adds circle centered at (x, y) of size radius to SkPath, appending kMove_Verb,
+        four kConic_Verb, and kClose_Verb. Circle begins at: (x + radius, y), continuing
+        clockwise if dir is kCW_Direction, and counterclockwise if dir is kCCW_Direction.
+  
+        Has no effect if radius is zero or negative.
+  
+        @param x       center of circle
+        @param y       center of circle
+        @param radius  distance from center to edge
+        @return        reference to SkPath
+    */
+    addCircle(x: number, y: number, r: number): SkPath;
     getLastPt(): {
         x: number;
         y: number;
@@ -414,15 +424,11 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * @param stopT  - a value in the range [0.0, 1.0]. 1.0 is the end of the path.
      * @param isComplement
      */
-    trim(startT: number, stopT: number, isComplement: boolean): boolean;
+    trim(startT: number, stopT: number, isComplement: boolean): null | SkPath;
     /**
      * Transforms the path by the specified matrix.
      */
     transform(m3: SkMatrix): void;
-    /**
-     * Converts the text to a path with the given font at location x / y.
-     */
-    fromText(text: string, x: number, y: number, font: SkFont): void;
     /**
      * Interpolates between Path with point array of equal size.
      * Copy verb array and weights to result, and set result path to a weighted
@@ -439,10 +445,10 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * @param ending  path to interpolate with
      * @param weight  contribution of this path, and
      *                 one minus contribution of ending path
-     * @return        Path replaced by interpolated averages or undefined if
+     * @return        Path replaced by interpolated averages or null if
      *                not interpolatable
      * */
-    interpolate(end: SkPath, weight: number): SkPath;
+    interpolate(end: SkPath, weight: number): SkPath | null;
     /** Returns true if Path contain equal verbs and equal weights.
      *     @param compare  path to compare
      *     @return         true if Path can be interpolated equivalent

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

@@ -1,3 +1,4 @@
+import type { SkFont } from "../Font";
 import type { SkPath, PathOp, PathCommand } from "./Path";
 export interface PathFactory {
     Make(): SkPath;
@@ -21,4 +22,8 @@ export interface PathFactory {
      * @param cmds
      */
     MakeFromCmds(cmds: PathCommand[]): SkPath | null;
+    /**
+     * Converts the text to a path with the given font at location x / y.
+     */
+    MakeFromText(text: string, x: number, y: number, font: SkFont): SkPath | null;
 }

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

@@ -1,8 +1,8 @@
-import type { InputColorMatrix } from "../ColorFilter";
 import type { FilterMode } from "../Image";
 import type { TileMode } from "../ImageFilter";
 import type { SkRect } from "../Rect";
 import type { SkShader } from "../Shader";
+import type { SkMatrix } from "../Matrix";
 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): SkShader;
+    makeShader(tmx: TileMode, tmy: TileMode, mode: FilterMode, localMatrix?: SkMatrix, 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/types/Point.d.ts

@@ -7,3 +7,4 @@ export interface SkPoint {
     readonly x: number;
     readonly y: number;
 }
+export declare type Vector = SkPoint;

package/lib/typescript/src/skia/types/RRect.d.ts

@@ -4,3 +4,4 @@ export interface SkRRect {
     readonly rx: number;
     readonly ry: number;
 }
+export declare const isRRect: (def: SkRect | SkRRect) => def is SkRRect;

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

@@ -6,9 +6,10 @@ export interface SkSLUniform {
     rows: number;
     /** The index into the uniforms array that this uniform begins. */
     slot: number;
-    isInteger: boolean;
 }
-export declare type SkRuntimeShaderBuilder = SkJSIInstance<"RuntimeShaderBuilder">;
+export interface SkRuntimeShaderBuilder extends SkJSIInstance<"RuntimeShaderBuilder"> {
+    setUniform(name: string, value: readonly number[]): void;
+}
 export interface SkRuntimeEffect extends SkJSIInstance<"RuntimeEffect"> {
     /**
      * Returns a shader executed using the given uniform data.

package/lib/typescript/src/skia/types/SVG/SVGFactory.d.ts

@@ -1,6 +1,6 @@
-import type { Data } from "../Data";
+import type { SkData } from "../Data";
 import type { SkSVG } from "./SVG";
 export interface SVGFactory {
-    MakeFromData(data: Data): SkSVG | null;
+    MakeFromData(data: SkData): SkSVG | null;
     MakeFromString(str: string): SkSVG | null;
 }

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

@@ -1,3 +1,11 @@
 import type { SkJSIInstance } from "../JsiInstance";
+import type { Vector } from "../Point";
+import type { SkRuntimeEffect, SkRuntimeShaderBuilder } from "../RuntimeEffect";
 export declare const isShader: (obj: SkJSIInstance<string> | null) => obj is SkShader;
 export declare type SkShader = SkJSIInstance<"Shader">;
+export declare type UniformValue = number | Vector | readonly number[];
+export declare type Uniform = UniformValue | readonly UniformValue[];
+export interface Uniforms {
+    [name: string]: Uniform;
+}
+export declare const processUniforms: (source: SkRuntimeEffect, uniforms: Uniforms, builder?: SkRuntimeShaderBuilder | undefined) => number[];

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

@@ -39,7 +39,7 @@ export interface Skia {
     PictureRecorder: () => SkPictureRecorder;
     Picture: PictureFactory;
     Path: PathFactory;
-    Matrix: () => SkMatrix;
+    Matrix: (matrix?: number[]) => SkMatrix;
     ColorFilter: ColorFilterFactory;
     Font: (typeface?: SkTypeface, size?: number) => SkFont;
     Typeface: TypefaceFactory;

package/lib/typescript/src/skia/types/Typeface/TypefaceFactory.d.ts

@@ -1,5 +1,5 @@
-import type { Data } from "../Data";
+import type { SkData } from "../Data";
 import type { SkTypeface } from "./Typeface";
 export interface TypefaceFactory {
-    MakeFreeTypeFaceFromData(data: Data): SkTypeface | null;
+    MakeFreeTypeFaceFromData(data: SkData): SkTypeface | null;
 }

package/lib/typescript/src/skia/web/{api/Host.d.ts → Host.d.ts}

@@ -1,5 +1,8 @@
 import type { CanvasKit, EmbindEnumEntity } from "canvaskit-wasm";
-import type { SkJSIInstance } from "../../types";
+import type { SkJSIInstance } from "../types";
+export declare class NotImplementedOnRNWeb extends Error {
+    constructor();
+}
 export declare abstract class Host {
     readonly CanvasKit: CanvasKit;
     constructor(CanvasKit: CanvasKit);

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

@@ -0,0 +1,19 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { ColorChannel, ImageFilterFactory, SkColor, SkColorFilter, SkImageFilter, BlendMode, SkRect, SkRuntimeShaderBuilder, SkShader, TileMode } from "../types";
+import { Host } from "./Host";
+import { JsiSkImageFilter } from "./JsiSkImageFilter";
+export declare class JsiSkImageFilterFactory extends Host implements ImageFilterFactory {
+    constructor(CanvasKit: CanvasKit);
+    MakeOffset(_dx: number, _dy: number, _input: SkImageFilter | null): SkImageFilter;
+    MakeDisplacementMap(_channelX: ColorChannel, _channelY: ColorChannel, _scale: number, _in1: SkImageFilter, _input: SkImageFilter | null): SkImageFilter;
+    MakeShader(_shader: SkShader, _input: SkImageFilter | null): SkImageFilter;
+    MakeBlur(sigmaX: number, sigmaY: number, mode: TileMode, input: SkImageFilter | null): JsiSkImageFilter;
+    MakeColorFilter(cf: SkColorFilter, input: SkImageFilter | null): JsiSkImageFilter;
+    MakeCompose(outer: SkImageFilter | null, inner: SkImageFilter | null): JsiSkImageFilter;
+    MakeDropShadow(_dx: number, _dy: number, _sigmaX: number, _sigmaY: number, _color: SkColor, _input: SkImageFilter | null, _cropRect?: SkRect): SkImageFilter;
+    MakeDropShadowOnly(_dx: number, _dy: number, _sigmaX: number, _sigmaY: number, _color: SkColor, _input: SkImageFilter | null, _cropRect?: SkRect): SkImageFilter;
+    MakeErode(_rx: number, _ry: number, _input: SkImageFilter | null, _cropRect?: SkRect): SkImageFilter;
+    MakeDilate(_rx: number, _ry: number, _input: SkImageFilter | null, _cropRect?: SkRect): SkImageFilter;
+    MakeBlend(_mode: BlendMode, _background: SkImageFilter, _foreground: SkImageFilter | null, _cropRect?: SkRect): SkImageFilter;
+    MakeRuntimeShader(_builder: SkRuntimeShaderBuilder, _childShaderName: string | null, _input: SkImageFilter | null): SkImageFilter;
+}

package/lib/typescript/src/skia/web/{api/JsiSkCanvas.d.ts → JsiSkCanvas.d.ts}

@@ -1,5 +1,5 @@
 import type { Canvas, CanvasKit } from "canvaskit-wasm";
-import type { BlendMode, ClipOp, FilterMode, MipmapMode, PointMode, SaveLayerFlag, SkCanvas, SkColor, SkFont, SkImage, SkImageFilter, SkMatrix, SkPaint, SkPath, SkPicture, SkPoint, SkRect, SkRRect, SkSVG, SkTextBlob, SkVertices } from "../../types";
+import type { BlendMode, ClipOp, FilterMode, MipmapMode, PointMode, SaveLayerFlag, SkCanvas, SkColor, SkFont, SkImage, SkImageFilter, SkMatrix, SkPaint, SkPath, SkPicture, SkPoint, SkRect, SkRRect, SkSVG, SkTextBlob, SkVertices } from "../types";
 import { HostObject } from "./Host";
 export declare class JsiSkCanvas extends HostObject<Canvas, "Canvas"> implements SkCanvas {
     constructor(CanvasKit: CanvasKit, ref: Canvas);

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

@@ -0,0 +1,2 @@
+import type { SkColor, Color as InputColor } from "../types";
+export declare const Color: (color: InputColor) => SkColor;

package/lib/typescript/src/skia/web/{api/JsiSkColorFilter.d.ts → JsiSkColorFilter.d.ts}

@@ -1,5 +1,5 @@
 import type { CanvasKit, ColorFilter } from "canvaskit-wasm";
-import type { SkColorFilter } from "../../types";
+import type { SkColorFilter } from "../types";
 import { HostObject } from "./Host";
 export declare class JsiSkColorFilter extends HostObject<ColorFilter, "ColorFilter"> implements SkColorFilter {
     constructor(CanvasKit: CanvasKit, ref: ColorFilter);

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

@@ -0,0 +1,14 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { ColorFilterFactory, SkColorFilter, InputColorMatrix, SkColor, BlendMode } from "../types";
+import { Host } from "./Host";
+import { JsiSkColorFilter } from "./JsiSkColorFilter";
+export declare class JsiSkColorFilterFactory extends Host implements ColorFilterFactory {
+    constructor(CanvasKit: CanvasKit);
+    MakeMatrix(cMatrix: InputColorMatrix): JsiSkColorFilter;
+    MakeBlend(color: SkColor, mode: BlendMode): JsiSkColorFilter;
+    MakeCompose(outer: SkColorFilter, inner: SkColorFilter): JsiSkColorFilter;
+    MakeLerp(t: number, dst: SkColorFilter, src: SkColorFilter): JsiSkColorFilter;
+    MakeLinearToSRGBGamma(): JsiSkColorFilter;
+    MakeSRGBToLinearGamma(): JsiSkColorFilter;
+    MakeLumaColorFilter(): SkColorFilter;
+}

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

@@ -0,0 +1,16 @@
+import type { CanvasKit, ContourMeasure } from "canvaskit-wasm";
+import type { SkContourMeasure } from "../types";
+import { HostObject } from "./Host";
+import { JsiSkPath } from "./JsiSkPath";
+export declare class JsiSkContourMeasure extends HostObject<ContourMeasure, "ContourMeasure"> implements SkContourMeasure {
+    constructor(CanvasKit: CanvasKit, ref: ContourMeasure);
+    getPosTan(distance: number): {
+        px: number;
+        py: number;
+        tx: number;
+        ty: number;
+    };
+    getSegment(startD: number, stopD: number, startWithMoveTo: boolean): JsiSkPath;
+    isClosed(): boolean;
+    length(): number;
+}

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

@@ -0,0 +1,8 @@
+import type { CanvasKit, ContourMeasureIter } from "canvaskit-wasm";
+import type { SkContourMeasureIter } from "../types/ContourMeasure";
+import { HostObject } from "./Host";
+import { JsiSkContourMeasure } from "./JsiSkContourMeasure";
+export declare class JsiSkContourMeasureIter extends HostObject<ContourMeasureIter, "ContourMeasureIter"> implements SkContourMeasureIter {
+    constructor(CanvasKit: CanvasKit, ref: ContourMeasureIter);
+    next(): JsiSkContourMeasure | null;
+}

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

@@ -0,0 +1,8 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { SkData } from "../types";
+import { HostObject } from "./Host";
+declare type Data = ArrayBuffer;
+export declare class JsiSkData extends HostObject<Data, "Data"> implements SkData {
+    constructor(CanvasKit: CanvasKit, ref: Data);
+}
+export {};