@shopify/react-native-skia 0.1.128 → 0.1.131

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

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

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

@@ -0,0 +1,2 @@
+export * from "./SVG";
+export * from "./SVGFactory";

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

@@ -0,0 +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/Shader/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Shader";
+export * from "./ShaderFactory";

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

@@ -0,0 +1,68 @@
+import type { ImageFilterFactory } from "./ImageFilter";
+import type { PathFactory } from "./Path";
+import type { ColorFilterFactory } from "./ColorFilter";
+import type { SkFont } from "./Font";
+import type { SkTypeface, TypefaceFactory } from "./Typeface";
+import type { ImageFactory } from "./Image";
+import type { MaskFilterFactory } from "./MaskFilter";
+import type { SkPaint } from "./Paint";
+import type { SkRect } from "./Rect";
+import type { SkRRect } from "./RRect";
+import type { RuntimeEffectFactory, SkRuntimeEffect, SkRuntimeShaderBuilder } from "./RuntimeEffect";
+import type { ShaderFactory } from "./Shader";
+import type { SkMatrix } from "./Matrix";
+import type { PathEffectFactory } from "./PathEffect";
+import type { SkPoint } from "./Point";
+import type { SkVertices, VertexMode } from "./Vertices/Vertices";
+import type { DataFactory } from "./Data";
+import type { SVGFactory } from "./SVG";
+import type { TextBlobFactory } from "./TextBlob";
+import type { FontMgrFactory } from "./FontMgr/FontMgrFactory";
+import type { SurfaceFactory } from "./Surface";
+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
+ */
+export interface Skia {
+    Point: (x: number, y: number) => SkPoint;
+    XYWHRect: (x: number, y: number, width: number, height: number) => SkRect;
+    RuntimeShaderBuilder: (rt: SkRuntimeEffect) => SkRuntimeShaderBuilder;
+    RRectXY: (rect: SkRect, rx: number, ry: number) => SkRRect;
+    RSXform: (scos: number, ssin: number, tx: number, ty: number) => SkRSXform;
+    Color: (color: Color) => SkColor;
+    ContourMeasureIter: (path: SkPath, forceClosed: boolean, resScale: number) => SkContourMeasureIter;
+    Paint: () => SkPaint;
+    PictureRecorder: () => SkPictureRecorder;
+    Picture: PictureFactory;
+    Path: PathFactory;
+    Matrix: (matrix?: number[]) => SkMatrix;
+    ColorFilter: ColorFilterFactory;
+    Font: (typeface?: SkTypeface, size?: number) => SkFont;
+    Typeface: TypefaceFactory;
+    MaskFilter: MaskFilterFactory;
+    RuntimeEffect: RuntimeEffectFactory;
+    ImageFilter: ImageFilterFactory;
+    Shader: ShaderFactory;
+    PathEffect: PathEffectFactory;
+    /**
+     * Returns an Vertices based on the given positions and optional parameters.
+     * See SkVertices.h (especially the Builder) for more details.
+     * @param mode
+     * @param positions
+     * @param textureCoordinates
+     * @param colors - either a list of int colors or a flattened color array.
+     * @param indices
+     * @param isVolatile
+     */
+    MakeVertices(mode: VertexMode, positions: SkPoint[], textureCoordinates?: SkPoint[] | null, colors?: SkColor[], indices?: number[] | null, isVolatile?: boolean): SkVertices;
+    Data: DataFactory;
+    Image: ImageFactory;
+    SVG: SVGFactory;
+    FontMgr: FontMgrFactory;
+    TextBlob: TextBlobFactory;
+    Surface: SurfaceFactory;
+}

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

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

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

@@ -0,0 +1,2 @@
+export * from "./Typeface";
+export * from "./TypefaceFactory";

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

@@ -0,0 +1,28 @@
+export * from "./Picture";
+export * from "./Data";
+export * from "./SVG";
+export * from "./Surface";
+export * from "./FontMgr";
+export * from "./Vertices";
+export * from "./RuntimeEffect";
+export * from "./Shader";
+export * from "./Image";
+export * from "./ColorFilter";
+export * from "./ImageFilter";
+export * from "./Font";
+export * from "./Typeface";
+export * from "./Paint";
+export * from "./Path";
+export * from "./Color";
+export * from "./Canvas";
+export * from "./ContourMeasure";
+export * from "./MaskFilter";
+export * from "./Matrix";
+export * from "./PathEffect";
+export * from "./Point";
+export * from "./Rect";
+export * from "./RRect";
+export * from "./RSXform";
+export * from "./JsiInstance";
+export * from "./Skia";
+export * from "./TextBlob";

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

@@ -0,0 +1,21 @@
+import type { CanvasKit, EmbindEnumEntity } from "canvaskit-wasm";
+import type { SkJSIInstance } from "../types";
+export declare class NotImplementedOnRNWeb extends Error {
+    constructor();
+}
+export declare abstract class Host {
+    readonly CanvasKit: CanvasKit;
+    constructor(CanvasKit: CanvasKit);
+}
+export declare abstract class HostObject<T, N extends string> extends Host implements SkJSIInstance<N> {
+    readonly __typename__: N;
+    readonly ref: T;
+    constructor(CanvasKit: CanvasKit, ref: T, typename: N);
+}
+export declare type NonNullish = {};
+export declare const toOptionalValue: <T>(value: NonNullish | undefined | null) => T | null | undefined;
+export declare const toUndefinedableValue: <T>(value: NonNullish | undefined) => T | undefined;
+export declare const toNullableValue: <T>(value: NonNullish | null) => T | null;
+export declare const toValue: <T>(value: NonNullish) => T;
+export declare const ckEnum: (value: number) => EmbindEnumEntity;
+export declare const optEnum: (value: number | undefined) => EmbindEnumEntity | undefined;

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/JsiSkCanvas.d.ts

@@ -0,0 +1,44 @@
+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 { HostObject } from "./Host";
+export declare class JsiSkCanvas extends HostObject<Canvas, "Canvas"> implements SkCanvas {
+    constructor(CanvasKit: CanvasKit, ref: Canvas);
+    drawRect(rect: SkRect, paint: SkPaint): void;
+    drawImage(image: SkImage, x: number, y: number, paint?: SkPaint): void;
+    drawImageRect(img: SkImage, src: SkRect, dest: SkRect, paint: SkPaint, fastSample?: boolean): void;
+    drawImageCubic(img: SkImage, left: number, top: number, B: number, C: number, paint?: SkPaint | null): void;
+    drawImageOptions(img: SkImage, left: number, top: number, fm: FilterMode, mm: MipmapMode, paint?: SkPaint | null): void;
+    drawImageNine(img: SkImage, center: SkRect, dest: SkRect, filter: FilterMode, paint?: SkPaint | null): void;
+    drawImageRectCubic(img: SkImage, src: SkRect, dest: SkRect, B: number, C: number, paint?: SkPaint | null): void;
+    drawImageRectOptions(img: SkImage, src: SkRect, dest: SkRect, fm: FilterMode, mm: MipmapMode, paint?: SkPaint | null): void;
+    drawPaint(paint: SkPaint): void;
+    drawLine(x0: number, y0: number, x1: number, y1: number, paint: SkPaint): void;
+    drawCircle(cx: number, cy: number, radius: number, paint: SkPaint): void;
+    drawVertices(verts: SkVertices, mode: BlendMode, paint: SkPaint): void;
+    drawPatch(cubics: SkPoint[], colors?: SkColor[] | null, texs?: SkPoint[] | null, mode?: BlendMode | null, paint?: SkPaint): void;
+    restoreToCount(saveCount: number): void;
+    drawPoints(mode: PointMode, points: SkPoint[], paint: SkPaint): void;
+    drawArc(oval: SkRect, startAngle: number, sweepAngle: number, useCenter: boolean, paint: SkPaint): void;
+    drawRRect(rrect: SkRRect, paint: SkPaint): void;
+    drawDRRect(outer: SkRRect, inner: SkRRect, paint: SkPaint): void;
+    drawOval(oval: SkRect, paint: SkPaint): void;
+    drawPath(path: SkPath, paint: SkPaint): void;
+    drawText(str: string, x: number, y: number, paint: SkPaint, font: SkFont): void;
+    drawTextBlob(blob: SkTextBlob, x: number, y: number, paint: SkPaint): void;
+    drawGlyphs(glyphs: number[], positions: SkPoint[], x: number, y: number, font: SkFont, paint: SkPaint): void;
+    drawSvg(_svgDom: SkSVG, _width?: number, _height?: number): void;
+    save(): number;
+    saveLayer(paint?: SkPaint, bounds?: SkRect | null, backdrop?: SkImageFilter | null, flags?: SaveLayerFlag): number;
+    restore(): void;
+    rotate(rotationInDegrees: number, rx: number, ry: number): void;
+    scale(sx: number, sy: number): void;
+    skew(sx: number, sy: number): void;
+    translate(dx: number, dy: number): void;
+    drawColor(color: SkColor, blendMode?: BlendMode): void;
+    clear(color: SkColor): void;
+    clipPath(path: SkPath, op: ClipOp, doAntiAlias: boolean): void;
+    clipRect(rect: SkRect, op: ClipOp, doAntiAlias: boolean): void;
+    clipRRect(rrect: SkRRect, op: ClipOp, doAntiAlias: boolean): void;
+    concat(m: SkMatrix): void;
+    drawPicture(skp: SkPicture): void;
+}

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/JsiSkColorFilter.d.ts

@@ -0,0 +1,6 @@
+import type { CanvasKit, ColorFilter } from "canvaskit-wasm";
+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 {};

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

@@ -0,0 +1,19 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { SkData } from "../types";
+import type { DataFactory } from "../types/Data/DataFactory";
+import { Host } from "./Host";
+import { JsiSkData } from "./JsiSkData";
+export declare class JsiSkDataFactory extends Host implements DataFactory {
+    constructor(CanvasKit: CanvasKit);
+    fromURI(uri: string): Promise<JsiSkData>;
+    /**
+     * Creates a new Data object from a byte array.
+     * @param bytes An array of bytes representing the data
+     */
+    fromBytes(bytes: Uint8Array): JsiSkData;
+    /**
+     * Creates a new Data object from a base64 encoded string.
+     * @param base64 A Base64 encoded string representing the data
+     */
+    fromBase64(base64: string): SkData;
+}

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

@@ -0,0 +1,33 @@
+import type { CanvasKit, Font } from "canvaskit-wasm";
+import type { FontEdging, FontHinting, SkFont, SkPaint, SkPoint, SkRect, SkTypeface } from "../types";
+import { HostObject } from "./Host";
+import { JsiSkRect } from "./JsiSkRect";
+import { JsiSkTypeface } from "./JsiSkTypeface";
+export declare class JsiSkFont extends HostObject<Font, "Font"> implements SkFont {
+    constructor(CanvasKit: CanvasKit, ref: Font);
+    measureText(_text: string, _paint?: SkPaint): SkRect;
+    getMetrics(): {
+        ascent: number;
+        descent: number;
+        leading: number;
+        bounds: JsiSkRect | undefined;
+    };
+    getGlyphIDs(str: string, numCodePoints?: number): number[];
+    getGlyphWidths(glyphs: number[], paint?: SkPaint | null): Float32Array;
+    getGlyphIntercepts(glyphs: number[], positions: SkPoint[], top: number, bottom: number): number[];
+    getScaleX(): number;
+    getSize(): number;
+    getSkewX(): number;
+    isEmbolden(): boolean;
+    getTypeface(): JsiSkTypeface | null;
+    setEdging(edging: FontEdging): void;
+    setEmbeddedBitmaps(embeddedBitmaps: boolean): void;
+    setHinting(hinting: FontHinting): void;
+    setLinearMetrics(linearMetrics: boolean): void;
+    setScaleX(sx: number): void;
+    setSize(points: number): void;
+    setSkewX(sx: number): void;
+    setEmbolden(embolden: boolean): void;
+    setSubpixel(subpixel: boolean): void;
+    setTypeface(face: SkTypeface | null): void;
+}

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

@@ -0,0 +1,9 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { FontStyle, SkFontMgr, SkTypeface } from "../types";
+import { HostObject } from "./Host";
+export declare class JsiSkFontMgr extends HostObject<null, "FontMgr"> implements SkFontMgr {
+    constructor(CanvasKit: CanvasKit);
+    countFamilies(): number;
+    getFamilyName(_index: number): string;
+    matchFamilyStyle(_familyName: string, _fontStyle?: FontStyle): SkTypeface | null;
+}

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

@@ -0,0 +1,8 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { SkFontMgr } from "../types";
+import type { FontMgrFactory } from "../types/FontMgr/FontMgrFactory";
+import { Host } from "./Host";
+export declare class JsiSkFontMgrFactory extends Host implements FontMgrFactory {
+    constructor(CanvasKit: CanvasKit);
+    RefDefault(): SkFontMgr;
+}

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

@@ -0,0 +1,12 @@
+import type { CanvasKit, Image } from "canvaskit-wasm";
+import type { ImageFormat, FilterMode, MipmapMode, SkImage, SkMatrix, SkShader, TileMode } from "../types";
+import { HostObject } from "./Host";
+export declare class JsiSkImage extends HostObject<Image, "Image"> implements SkImage {
+    constructor(CanvasKit: CanvasKit, ref: Image);
+    height(): number;
+    width(): number;
+    makeShaderOptions(_tx: TileMode, _ty: TileMode, _fm: FilterMode, _mm: MipmapMode, _localMatrix?: SkMatrix): SkShader;
+    makeShaderCubic(_tx: TileMode, _ty: TileMode, _B: number, _C: number, _localMatrix?: SkMatrix): SkShader;
+    encodeToBytes(fmt?: ImageFormat, quality?: number): Uint8Array;
+    encodeToBase64(_fmt?: ImageFormat, _quality?: number): string;
+}

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

@@ -0,0 +1,10 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { SkData, ImageInfo } from "../types";
+import type { ImageFactory } from "../types/Image/ImageFactory";
+import { Host } from "./Host";
+import { JsiSkImage } from "./JsiSkImage";
+export declare class JsiSkImageFactory extends Host implements ImageFactory {
+    constructor(CanvasKit: CanvasKit);
+    MakeImageFromEncoded(encoded: SkData): JsiSkImage | null;
+    MakeImage(info: ImageInfo, data: SkData, bytesPerRow: number): JsiSkImage | null;
+}

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

@@ -0,0 +1,6 @@
+import type { CanvasKit, ImageFilter } from "canvaskit-wasm";
+import type { SkImageFilter } from "../types";
+import { HostObject } from "./Host";
+export declare class JsiSkImageFilter extends HostObject<ImageFilter, "ImageFilter"> implements SkImageFilter {
+    constructor(CanvasKit: CanvasKit, ref: ImageFilter);
+}

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

@@ -0,0 +1,6 @@
+import type { CanvasKit, MaskFilter } from "canvaskit-wasm";
+import type { SkMaskFilter } from "../types";
+import { HostObject } from "./Host";
+export declare class JsiSkMaskFilter extends HostObject<MaskFilter, "MaskFilter"> implements SkMaskFilter {
+    constructor(CanvasKit: CanvasKit, ref: MaskFilter);
+}

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

@@ -0,0 +1,9 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { BlurStyle } from "../types";
+import type { MaskFilterFactory } from "../types/MaskFilter";
+import { Host } from "./Host";
+import { JsiSkMaskFilter } from "./JsiSkMaskFilter";
+export declare class JsiSkMaskFilterFactory extends Host implements MaskFilterFactory {
+    constructor(CanvasKit: CanvasKit);
+    MakeBlur(style: BlurStyle, sigma: number, respectCTM: boolean): JsiSkMaskFilter;
+}

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

@@ -0,0 +1,11 @@
+import type { CanvasKit, Matrix3x3 } from "canvaskit-wasm";
+import type { SkMatrix } from "../types";
+import { HostObject } from "./Host";
+export declare class JsiSkMatrix extends HostObject<Matrix3x3, "Matrix"> implements SkMatrix {
+    constructor(CanvasKit: CanvasKit, ref: Matrix3x3);
+    concat(matrix: SkMatrix): void;
+    translate(x: number, y: number): void;
+    scale(x: number, y?: number): void;
+    skew(x: number, y: number): void;
+    rotate(value: number): void;
+}

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

@@ -0,0 +1,26 @@
+import type { CanvasKit, Paint } from "canvaskit-wasm";
+import type { BlendMode, SkColor, SkColorFilter, SkImageFilter, SkPaint, SkShader, StrokeCap, StrokeJoin, PaintStyle, SkMaskFilter, SkPathEffect } from "../types";
+import { HostObject } from "./Host";
+export declare class JsiSkPaint extends HostObject<Paint, "Paint"> implements SkPaint {
+    constructor(CanvasKit: CanvasKit, ref: Paint);
+    copy(): JsiSkPaint;
+    getColor(): Float32Array;
+    getStrokeCap(): number;
+    getStrokeJoin(): number;
+    getStrokeMiter(): number;
+    getStrokeWidth(): number;
+    setAlphaf(alpha: number): void;
+    setAntiAlias(aa: boolean): void;
+    setBlendMode(blendMode: BlendMode): void;
+    setColor(color: SkColor): void;
+    setColorFilter(filter: SkColorFilter | null): void;
+    setImageFilter(filter: SkImageFilter | null): void;
+    setMaskFilter(filter: SkMaskFilter | null): void;
+    setPathEffect(effect: SkPathEffect | null): void;
+    setShader(shader: SkShader | null): void;
+    setStrokeCap(cap: StrokeCap): void;
+    setStrokeJoin(join: StrokeJoin): void;
+    setStrokeMiter(limit: number): void;
+    setStrokeWidth(width: number): void;
+    setStyle(style: PaintStyle): void;
+}

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

@@ -0,0 +1,56 @@
+import type { CanvasKit, Path } from "canvaskit-wasm";
+import type { FillType, PathCommand, PathOp, SkMatrix, SkPath, SkPoint, SkRect, SkRRect, StrokeOpts } from "../types";
+import { HostObject } from "./Host";
+import { JsiSkPoint } from "./JsiSkPoint";
+import { JsiSkRect } from "./JsiSkRect";
+export declare class JsiSkPath extends HostObject<Path, "Path"> implements SkPath {
+    constructor(CanvasKit: CanvasKit, ref: Path);
+    addArc(oval: SkRect, startAngleInDegrees: number, sweepAngleInDegrees: number): this;
+    addOval(oval: SkRect, isCCW?: boolean, startIndex?: number): this;
+    countPoints(): number;
+    addPoly(points: SkPoint[], close: boolean): this;
+    moveTo(x: number, y: number): this;
+    lineTo(x: number, y: number): this;
+    makeAsWinding(): this | null;
+    offset(dx: number, dy: number): this;
+    rArcTo(rx: number, ry: number, xAxisRotateInDegrees: number, useSmallArc: boolean, isCCW: boolean, dx: number, dy: number): this;
+    rConicTo(dx1: number, dy1: number, dx2: number, dy2: number, w: number): this;
+    rCubicTo(cpx1: number, cpy1: number, cpx2: number, cpy2: number, x: number, y: number): this;
+    rMoveTo(x: number, y: number): this;
+    rLineTo(x: number, y: number): this;
+    rQuadTo(x1: number, y1: number, x2: number, y2: number): this;
+    setFillType(fill: FillType): void;
+    setIsVolatile(volatile: boolean): void;
+    stroke(opts?: StrokeOpts): this | null;
+    close(): void;
+    reset(): void;
+    rewind(): void;
+    computeTightBounds(): SkRect;
+    arcToOval(oval: SkRect, startAngleInDegrees: number, sweepAngleInDegrees: number, forceMoveTo: boolean): this;
+    arcToRotated(rx: number, ry: number, xAxisRotateInDegrees: number, useSmallArc: boolean, isCCW: boolean, x: number, y: number): this;
+    arcToTangent(x1: number, y1: number, x2: number, y2: number, radius: number): this;
+    conicTo(x1: number, y1: number, x2: number, y2: number, w: number): this;
+    contains(x: number, y: number): boolean;
+    copy(): JsiSkPath;
+    cubicTo(cpx1: number, cpy1: number, cpx2: number, cpy2: number, x: number, y: number): this;
+    dash(on: number, off: number, phase: number): boolean;
+    equals(other: SkPath): boolean;
+    getBounds(): JsiSkRect;
+    getFillType(): number;
+    quadTo(x1: number, y1: number, x2: number, y2: number): void;
+    addRect(rect: SkRect, isCCW?: boolean): void;
+    addRRect(rrect: SkRRect, isCCW?: boolean): this;
+    getPoint(index: number): JsiSkPoint;
+    isEmpty(): boolean;
+    isVolatile(): boolean;
+    addCircle(x: number, y: number, r: number): this;
+    getLastPt(): JsiSkPoint;
+    op(path: SkPath, op: PathOp): boolean;
+    simplify(): boolean;
+    toSVGString(): string;
+    trim(startT: number, stopT: number, isComplement: boolean): this | null;
+    transform(m3: SkMatrix): void;
+    interpolate(end: SkPath, t: number): JsiSkPath | null;
+    isInterpolatable(path2: SkPath): boolean;
+    toCmds(): PathCommand[];
+}

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

@@ -0,0 +1,6 @@
+import type { CanvasKit, PathEffect } from "canvaskit-wasm";
+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);
+}

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

@@ -0,0 +1,15 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { Path1DEffectStyle, PathEffectFactory, SkMatrix, SkPath, SkPathEffect } from "../types";
+import { Host } from "./Host";
+import { JsiSkPathEffect } from "./JsiSkPathEffect";
+export declare class JsiSkPathEffectFactory extends Host implements PathEffectFactory {
+    constructor(CanvasKit: CanvasKit);
+    MakeCorner(radius: number): JsiSkPathEffect | null;
+    MakeDash(intervals: number[], phase?: number): JsiSkPathEffect;
+    MakeDiscrete(segLength: number, dev: number, seedAssist: number): JsiSkPathEffect;
+    MakeCompose(_outer: SkPathEffect, _inner: SkPathEffect): SkPathEffect;
+    MakeSum(_outer: SkPathEffect, _inner: SkPathEffect): SkPathEffect;
+    MakeLine2D(width: number, matrix: SkMatrix): JsiSkPathEffect | null;
+    MakePath1D(path: SkPath, advance: number, phase: number, style: Path1DEffectStyle): JsiSkPathEffect | null;
+    MakePath2D(matrix: SkMatrix, path: SkPath): JsiSkPathEffect | null;
+}

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

@@ -0,0 +1,13 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { PathCommand, PathOp, SkFont, SkPath } from "../types";
+import type { PathFactory } from "../types/Path/PathFactory";
+import { Host } from "./Host";
+import { JsiSkPath } from "./JsiSkPath";
+export declare class JsiSkPathFactory extends Host implements PathFactory {
+    constructor(CanvasKit: CanvasKit);
+    Make(): JsiSkPath;
+    MakeFromSVGString(str: string): JsiSkPath | null;
+    MakeFromOp(one: SkPath, two: SkPath, op: PathOp): JsiSkPath | null;
+    MakeFromCmds(cmds: PathCommand[]): JsiSkPath | null;
+    MakeFromText(_text: string, _x: number, _y: number, _font: SkFont): SkPath | null;
+}

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

@@ -0,0 +1,9 @@
+import type { CanvasKit, SkPicture as Picture } from "canvaskit-wasm";
+import type { FilterMode, SkRect, TileMode, SkPicture, SkMatrix } from "../types";
+import { HostObject } from "./Host";
+import { JsiSkShader } from "./JsiSkShader";
+export declare class JsiSkPicture extends HostObject<Picture, "Picture"> implements SkPicture {
+    constructor(CanvasKit: CanvasKit, ref: Picture);
+    makeShader(tmx: TileMode, tmy: TileMode, mode: FilterMode, localMatrix?: SkMatrix, tileRect?: SkRect): JsiSkShader;
+    serialize(): Uint8Array | null;
+}

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

@@ -0,0 +1,8 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { PictureFactory } from "../types";
+import { Host } from "./Host";
+import { JsiSkPicture } from "./JsiSkPicture";
+export declare class JsiSkPictureFactory extends Host implements PictureFactory {
+    constructor(CanvasKit: CanvasKit);
+    MakePicture(bytes: Uint8Array | ArrayBuffer): JsiSkPicture | null;
+}

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

@@ -0,0 +1,11 @@
+import type { CanvasKit, PictureRecorder } from "canvaskit-wasm";
+import type { SkRect } from "../types";
+import type { SkPictureRecorder } from "../types/Picture/PictureRecorder";
+import { HostObject } from "./Host";
+import { JsiSkCanvas } from "./JsiSkCanvas";
+import { JsiSkPicture } from "./JsiSkPicture";
+export declare class JsiSkPictureRecorder extends HostObject<PictureRecorder, "PictureRecorder"> implements SkPictureRecorder {
+    constructor(CanvasKit: CanvasKit, ref: PictureRecorder);
+    beginRecording(bounds: SkRect): JsiSkCanvas;
+    finishRecordingAsPicture(): JsiSkPicture;
+}

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

@@ -0,0 +1,8 @@
+import type { CanvasKit, Point } from "canvaskit-wasm";
+import type { SkPoint } from "../types";
+import { HostObject } from "./Host";
+export declare class JsiSkPoint extends HostObject<Point, "Point"> implements SkPoint {
+    constructor(CanvasKit: CanvasKit, ref: Point);
+    get x(): number;
+    get y(): number;
+}

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

@@ -0,0 +1,10 @@
+import type { CanvasKit, RRect } from "canvaskit-wasm";
+import type { SkRRect } from "../types";
+import { HostObject } from "./Host";
+import { JsiSkRect } from "./JsiSkRect";
+export declare class JsiSkRRect extends HostObject<RRect, "RRect"> implements SkRRect {
+    constructor(CanvasKit: CanvasKit, ref: RRect);
+    get rx(): number;
+    get ry(): number;
+    get rect(): JsiSkRect;
+}