@shopify/react-native-skia 1.0.1 → 1.0.3

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

@@ -0,0 +1,475 @@
+import type { SkRect } from "../Rect";
+import type { SkPoint } from "../Point";
+import type { InputRRect } from "../RRect";
+import type { StrokeJoin, StrokeCap } from "../Paint";
+import type { InputMatrix, SkMatrix } from "../Matrix";
+import type { SkJSIInstance } from "../JsiInstance";
+/**
+ * Options used for Path.stroke(). If an option is omitted, a sensible default will be used.
+ */
+export interface StrokeOpts {
+    /** The width of the stroked lines. */
+    width?: number;
+    miter_limit?: number;
+    /**
+     * if > 1, increase precision, else if (0 < resScale < 1) reduce precision to
+     * favor speed and size
+     */
+    precision?: number;
+    join?: StrokeJoin;
+    cap?: StrokeCap;
+}
+export declare enum FillType {
+    Winding = 0,
+    EvenOdd = 1,
+    InverseWinding = 2,
+    InverseEvenOdd = 3
+}
+export declare enum PathOp {
+    Difference = 0,
+    Intersect = 1,
+    Union = 2,
+    XOR = 3,
+    ReverseDifference = 4
+}
+export declare enum PathVerb {
+    Move = 0,
+    Line = 1,
+    Quad = 2,
+    Conic = 3,
+    Cubic = 4,
+    Close = 5
+}
+export type PathCommand = number[];
+export declare const isPath: (obj: SkJSIInstance<string> | null) => obj is SkPath;
+export interface SkPath extends SkJSIInstance<"Path"> {
+    /**
+     * Appends arc to Path, as the start of new contour. Arc added is part of ellipse
+     * bounded by oval, from startAngle through sweepAngle. Both startAngle and
+     * sweepAngle are measured in degrees, where zero degrees is aligned with the
+     * positive x-axis, and positive sweeps extends arc clockwise.
+     * Returns the modified path for easier chaining.
+     * @param oval
+     * @param startAngle
+     * @param sweepAngle
+     */
+    addArc(oval: SkRect, startAngleInDegrees: number, sweepAngleInDegrees: number): SkPath;
+    /**
+     * Adds oval to Path, appending kMove_Verb, four kConic_Verb, and kClose_Verb.
+     * Oval is upright ellipse bounded by Rect oval with radii equal to half oval width
+     * and half oval height. Oval begins at start and continues clockwise by default.
+     * Returns the modified path for easier chaining.
+     * @param oval
+     * @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): SkPath;
+    /**
+     * Returns the number of points in this path. Initially zero.
+     */
+    countPoints(): number;
+    /**
+     * Adds contour created from array of n points, adding (count - 1) line segments.
+     * Contour added starts at pts[0], then adds a line for every additional point
+     * in pts array. If close is true, appends kClose_Verb to Path, connecting
+     * pts[count - 1] and pts[0].
+     * Returns the modified path for easier chaining.
+     * @param points
+     * @param close - if true, will add a line connecting last point to the first point.
+     */
+    addPoly(points: SkPoint[], close: boolean): SkPath;
+    /** Adds beginning of contour at SkPoint (x, y).
+  
+          @param x  x-axis value of contour start
+          @param y  y-axis value of contour start
+          @return   reference to SkPath
+  
+          example: https://fiddle.skia.org/c/@Path_moveTo
+      */
+    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.
+  
+          lineTo() appends kMove_Verb to verb array and (0, 0) to SkPoint array, if needed.
+          lineTo() then appends kLine_Verb to verb array and (x, y) to SkPoint array.
+  
+          @param x  end of added line on x-axis
+          @param y  end of added line on y-axis
+          @return   reference to SkPath
+  
+          example: https://fiddle.skia.org/c/@Path_lineTo
+      */
+    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
+     * instead of clockwise to achieve that effect. If such a transformation cannot
+     * be done, null is returned.
+     */
+    makeAsWinding(): SkPath | null;
+    /**
+     * Translates all the points in the path by dx, dy.
+     * @param dx
+     * @param dy
+     */
+    offset(dx: number, dy: number): SkPath;
+    /**
+     * Relative version of arcToRotated.
+     * @param rx
+     * @param ry
+     * @param xAxisRotate
+     * @param useSmallArc
+     * @param isCCW
+     * @param dx
+     * @param dy
+     */
+    rArcTo(rx: number, ry: number, xAxisRotateInDegrees: number, useSmallArc: boolean, isCCW: boolean, dx: number, dy: number): SkPath;
+    /**
+     * Relative version of conicTo.
+     * @param dx1
+     * @param dy1
+     * @param dx2
+     * @param dy2
+     * @param w
+     */
+    rConicTo(dx1: number, dy1: number, dx2: number, dy2: number, w: number): SkPath;
+    /**
+     * Relative version of cubicTo.
+     * @param cpx1
+     * @param cpy1
+     * @param cpx2
+     * @param cpy2
+     * @param x
+     * @param y
+     */
+    rCubicTo(cpx1: number, cpy1: number, cpx2: number, cpy2: number, x: number, y: number): SkPath;
+    /**
+     * Relative version of moveTo.
+     * @param x
+     * @param y
+     */
+    rMoveTo(x: number, y: number): SkPath;
+    /**
+     * Relative version of lineTo.
+     * @param x
+     * @param y
+     */
+    rLineTo(x: number, y: number): SkPath;
+    /**
+     * Relative version of quadTo.
+     * @param x1
+     * @param y1
+     * @param x2
+     * @param y2
+     */
+    rQuadTo(x1: number, y1: number, x2: number, y2: number): SkPath;
+    /**
+     * Sets FillType, the rule used to fill Path.
+     * @param fill
+     */
+    setFillType(fill: FillType): SkPath;
+    /**
+     * Specifies whether Path is volatile; whether it will be altered or discarded
+     * by the caller after it is drawn. Path by default have volatile set false.
+     *
+     * Mark animating or temporary paths as volatile to improve performance.
+     * Mark unchanging Path non-volatile to improve repeated rendering.
+     * @param volatile
+     */
+    setIsVolatile(volatile: boolean): SkPath;
+    /**
+     * 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): null | SkPath;
+    /**
+     * Appends CLOSE_VERB to Path. A closed contour connects the first and last point
+     * with a line, forming a continuous loop.
+     */
+    close(): SkPath;
+    /**
+     * Sets Path to its initial state.
+     * Removes verb array, point array, and weights, and sets FillType to Winding.
+     * Internal storage associated with Path is released
+     */
+    reset(): SkPath;
+    /**
+     * Sets Path to its initial state.
+     * Removes verb array, point array, and weights, and sets FillType to Winding.
+     * Internal storage associated with Path is *not* released.
+     * Use rewind() instead of reset() if Path storage will be reused and performance
+     * is critical.
+     */
+    rewind(): SkPath;
+    /**
+     * Returns minimum and maximum axes values of the lines and curves in Path.
+     * Returns (0, 0, 0, 0) if Path contains no points.
+     * Returned bounds width and height may be larger or smaller than area affected
+     * when Path is drawn.
+     *
+     * Behaves identically to getBounds() when Path contains
+     * 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.
+     */
+    computeTightBounds(): SkRect;
+    /**
+     * Appends arc to Path. Arc added is part of ellipse
+     * bounded by oval, from startAngle through sweepAngle. Both startAngle and
+     * sweepAngle are measured in degrees, where zero degrees is aligned with the
+     * positive x-axis, and positive sweeps extends arc clockwise.
+     * Returns the modified path for easier chaining.
+     * @param oval
+     * @param startAngleInDegrees
+     * @param sweepAngleInDegrees
+     * @param forceMoveTo
+     */
+    arcToOval(oval: SkRect, startAngleInDegrees: number, sweepAngleInDegrees: number, forceMoveTo: boolean): SkPath;
+    /**
+     * Appends arc to Path. Arc is implemented by one or more conics weighted to
+     * describe part of oval with radii (rx, ry) rotated by xAxisRotate degrees. Arc
+     * curves from last Path Point to (x, y), choosing one of four possible routes:
+     * clockwise or counterclockwise, and smaller or larger. See SkPath.h for more details.
+     * Returns the modified path for easier chaining.
+     * @param rx
+     * @param ry
+     * @param xAxisRotate
+     * @param useSmallArc
+     * @param isCCW
+     * @param x
+     * @param y
+     */
+    arcToRotated(rx: number, ry: number, xAxisRotateInDegrees: number, useSmallArc: boolean, isCCW: boolean, x: number, y: number): SkPath;
+    /**
+     * Appends arc to Path, after appending line if needed. Arc is implemented by conic
+     * weighted to describe part of circle. Arc is contained by tangent from
+     * last Path point to (x1, y1), and tangent from (x1, y1) to (x2, y2). Arc
+     * is part of circle sized to radius, positioned so it touches both tangent lines.
+     * Returns the modified path for easier chaining.
+     * @param x1
+     * @param y1
+     * @param x2
+     * @param y2
+     * @param radius
+     */
+    arcToTangent(x1: number, y1: number, x2: number, y2: number, radius: number): SkPath;
+    /**
+     * Adds conic from last point towards (x1, y1), to (x2, y2), weighted by w.
+     * If Path is empty, or path is closed, the last point is set to (0, 0)
+     * before adding conic.
+     * Returns the modified path for easier chaining.
+     * @param x1
+     * @param y1
+     * @param x2
+     * @param y2
+     * @param w
+     */
+    conicTo(x1: number, y1: number, x2: number, y2: number, w: number): SkPath;
+    /**
+     * Returns true if the point (x, y) is contained by Path, taking into
+     * account FillType.
+     * @param x
+     * @param y
+     */
+    contains(x: number, y: number): boolean;
+    /**
+     * Returns a copy of this Path.
+     */
+    copy(): SkPath;
+    /**
+     *  Adds cubic from last point towards (x1, y1), then towards (x2, y2), ending at
+     * (x3, y3). If Path is empty, or path is closed, the last point is set to
+     * (0, 0) before adding cubic.
+     * @param cpx1
+     * @param cpy1
+     * @param cpx2
+     * @param cpy2
+     * @param x
+     * @param y
+     */
+    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.
+     * @param on
+     * @param off
+     * @param phase
+     */
+    dash(on: number, off: number, phase: number): boolean;
+    /**
+     * Returns true if other path is equal to this path.
+     * @param other
+     */
+    equals(other: SkPath): boolean;
+    /**
+     * Returns minimum and maximum axes values of Point array.
+     * Returns (0, 0, 0, 0) if Path contains no points. Returned bounds width and height may
+     * be larger or smaller than area affected when Path is drawn.
+     */
+    getBounds(): SkRect;
+    /**
+     * Return the FillType for this path.
+     */
+    getFillType(): FillType;
+    /**
+     Adds quad from last point towards (x1, y1), to (x2, y2).
+  
+     If SkPath is empty, or last SkPath::Verb is kClose_Verb, last point is set to (0, 0) before adding quad.
+  
+     Appends kMove_Verb to verb array and (0, 0) to SkPoint array, if needed; then appends kQuad_Verb to verb array;
+     and (x1, y1), (x2, y2) to SkPoint array.
+  
+     Parameters
+     x1	control SkPoint of quad on x-axis
+     y1	control SkPoint of quad on y-axis
+     x2	end SkPoint of quad on x-axis
+     y2	end SkPoint of quad on y-axis
+     Returns
+     reference to SkPath
+     example: https://fiddle.skia.org/c/@Path_quadTo
+    */
+    quadTo(x1: number, y1: number, x2: number, y2: number): SkPath;
+    /**
+     * Adds Rect to Path, appending kMove_Verb, three kLine_Verb, and kClose_Verb,
+     * starting with top-left corner of Rect; followed by top-right, bottom-right,
+     * and bottom-left if isCCW is false; or followed by bottom-left,
+     * bottom-right, and top-right if isCCW is true.
+     * Returns the modified path for easier chaining.
+     * @param rect
+     * @param isCCW
+     */
+    addRect(rect: SkRect, isCCW?: boolean): SkPath;
+    /**
+     * Adds rrect to Path, creating a new closed contour.
+     * Returns the modified path for easier chaining.
+     * @param rrect
+     * @param isCCW
+     */
+    addRRect(rrect: InputRRect, isCCW?: boolean): SkPath;
+    /** Appends src to SkPath, transformed by matrix. Transformed curves may have
+       different verbs, SkPoint, and conic weights.
+  
+        If mode is kAppend_AddPathMode, src verb array, SkPoint array, and conic
+       weights are added unaltered. If mode is kExtend_AddPathMode, add line
+       before appending verbs, SkPoint, and conic weights.
+  
+        @param src     SkPath verbs, SkPoint, and conic weights to add
+        @param matrix  transform applied to src
+        @param extend  extends path with line if true
+        @return        reference to SkPath
+    */
+    addPath(src: SkPath, matrix?: SkMatrix, extend?: boolean): SkPath;
+    /**
+     * Returns the Point at index in Point array. Valid range for index is
+     * 0 to countPoints() - 1.
+     * @param index
+     */
+    getPoint(index: number): SkPoint;
+    /**
+     * Returns true if there are no verbs in the path.
+     */
+    isEmpty(): boolean;
+    /**
+     * Returns true if the path is volatile; it will not be altered or discarded
+     * by the caller after it is drawn. Path by default have volatile set false, allowing
+     * Surface to attach a cache of data which speeds repeated drawing. If true, Surface
+     * may not speed repeated drawing.
+     */
+    isVolatile(): boolean;
+    /** 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;
+    };
+    /** Set this path to the result of applying the Op to this path and the
+      specified path: this = (this op operand).
+      The resulting path will be constructed from non-overlapping contours.
+      The curve order is reduced where possible so that cubics may be turned
+      into quadratics, and quadratics maybe turned into lines.
+  
+      Returns true if operation was able to produce a result;
+      otherwise, result is unmodified.
+  
+      @param path The second path (for difference, the subtrahend)
+      @param op The operator to apply.
+      @param result The product of the operands. The result may be one of the
+                    inputs.
+      @return True if the operation succeeded.
+      */
+    op(path: SkPath, op: PathOp): boolean;
+    /** Set this path to a set of non-overlapping contours that describe the
+      same area as the original path.
+      The curve order is reduced where possible so that cubics may
+      be turned into quadratics, and quadratics maybe turned into lines.
+  
+      Returns true if operation was able to produce a result;
+      otherwise, result is unmodified.
+  
+      @param result The simplified path. The result may be the input.
+      @return True if simplification succeeded.
+    */
+    simplify(): boolean;
+    /**
+     * Returns this path as an SVG string.
+     */
+    toSVGString(): string;
+    /**
+     * Take start and stop "t" values (values between 0...1), and modify this path such that
+     * it is a subset of the original path.
+     * The trim values apply to the entire path, so if it contains several contours, all of them
+     * are including in the calculation.
+     * Null is returned if either input value is NaN.
+     * @param startT - a value in the range [0.0, 1.0]. 0.0 is the beginning of the 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): null | SkPath;
+    /**
+     * Transforms the path by the specified matrix.
+     */
+    transform(m3: InputMatrix): SkPath;
+    /**
+     * Interpolates between Path with point array of equal size.
+     * Copy verb array and weights to result, and set result path to a weighted
+     * average of this path array and ending path.
+  
+     *  weight is most useful when between zero (ending path) and
+        one (this path); will work with values outside of this
+        range.
+  
+     * interpolate() returns undefined if path is not
+     * the same size as ending path. Call isInterpolatable() to check Path
+     * compatibility prior to calling interpolate().
+  
+     * @param ending  path to interpolate with
+     * @param weight  contribution of this path, and
+     *                 one minus contribution of ending path
+     * @param output  path to be replaced with the interpolated averages
+     * @return        Path replaced by interpolated averages or null if
+     *                not interpolatable
+     * */
+    interpolate(end: SkPath, weight: number, output?: SkPath): 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
+     *
+     * */
+    isInterpolatable(compare: SkPath): boolean;
+    /**
+     * Serializes the contents of this path as a series of commands.
+     */
+    toCmds(): PathCommand[];
+}

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

@@ -0,0 +1,29 @@
+import type { SkFont } from "../Font";
+import type { SkPath, PathOp, PathCommand } from "./Path";
+export interface PathFactory {
+    Make(): SkPath;
+    /**
+     * Creates a new path from the provided SVG string. If this fails, null will be
+     * returned instead.
+     * @param str
+     */
+    MakeFromSVGString(str: string): SkPath | null;
+    /**
+     * Creates a new path by combining the given paths according to op. If this fails, null will
+     * be returned instead.
+     * @param one
+     * @param two
+     * @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;
+    /**
+     * 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/Path/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Path";
+export * from "./PathFactory";

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

@@ -0,0 +1,75 @@
+import type { SkJSIInstance } from "./JsiInstance";
+import type { SkPath } from "./Path/Path";
+import type { SkMatrix } from "./Matrix";
+export type SkPathEffect = SkJSIInstance<"PathEffect">;
+export declare const isPathEffect: (obj: SkJSIInstance<string> | null) => obj is SkPathEffect;
+export declare enum Path1DEffectStyle {
+    Translate = 0,
+    Rotate = 1,
+    Morph = 2
+}
+export interface PathEffectFactory {
+    /**
+     * Returns a PathEffect that can turn sharp corners into rounded corners.
+     * @param radius - if <=0, returns null
+     */
+    MakeCorner(radius: number): SkPathEffect | null;
+    /**
+     * Returns a PathEffect that add dashes to the path.
+     *
+     * See SkDashPathEffect.h for more details.
+     *
+     * @param intervals - even number of entries with even indicies specifying the length of
+     *                    the "on" intervals, and the odd indices specifying the length of "off".
+     * @param phase - offset length into the intervals array. Defaults to 0.
+     */
+    MakeDash(intervals: number[], phase?: number): SkPathEffect;
+    /**
+     * Returns a PathEffect that breaks path into segments of segLength length, and randomly move
+     * the endpoints away from the original path by a maximum of deviation.
+     * @param segLength - length of the subsegments.
+     * @param dev - limit of the movement of the endpoints.
+     * @param seedAssist - modifies the randomness. See SkDiscretePathEffect.h for more.
+     */
+    MakeDiscrete(segLength: number, dev: number, seedAssist: number): SkPathEffect;
+    /**
+     *
+     * A pathEffect whose effect is to apply first the inner pathEffect and the the
+     * outer pathEffect (i.e. outer(inner(path))).
+     *
+     */
+    MakeCompose(outer: SkPathEffect, inner: SkPathEffect): SkPathEffect;
+    /**
+     *
+     * A pathEffect pathEffect whose effect is to apply two effects,
+     * in sequence (i.e. first(path) + second(path)).
+     *
+     */
+    MakeSum(outer: SkPathEffect, inner: SkPathEffect): SkPathEffect;
+    /**
+     * Returns a PathEffect that will fill the drawing path with a pattern made by applying
+     * the given matrix to a repeating set of infinitely long lines of the given width.
+     * For example, the scale of the provided matrix will determine how far apart the lines
+     * should be drawn its rotation affects the lines' orientation.
+     * @param width - must be >= 0
+     * @param matrix
+     */
+    MakeLine2D(width: number, matrix: SkMatrix): SkPathEffect | null;
+    /**
+     * Returns a PathEffect which implements dashing by replicating the specified path.
+     *   @param path The path to replicate (dash)
+     *   @param advance The space between instances of path
+     *   @param phase distance (mod advance) along path for its initial position
+     *   @param style how to transform path at each point (based on the current
+     *                position and tangent)
+     */
+    MakePath1D(path: SkPath, advance: number, phase: number, style: Path1DEffectStyle): SkPathEffect | null;
+    /**
+     * Returns a PathEffect that will fill the drawing path with a pattern by repeating the
+     * given path according to the provided matrix. For example, the scale of the matrix
+     * determines how far apart the path instances should be drawn.
+     * @param matrix
+     * @param path
+     */
+    MakePath2D(matrix: SkMatrix, path: SkPath): SkPathEffect | null;
+}

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

@@ -0,0 +1,27 @@
+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";
+import type { SkJSIInstance } from "../JsiInstance";
+export interface SkPicture extends SkJSIInstance<"Picture"> {
+    /**
+     *  Returns a new shader that will draw with this picture.
+     *
+     *  @param tmx  The tiling mode to use when sampling in the x-direction.
+     *  @param tmy  The tiling mode to use when sampling in the y-direction.
+     *  @param mode How to filter the tiles
+     *  @param localMatrix Optional matrix used when sampling
+     *  @param tileRect The tile rectangle in picture coordinates: this represents the subset
+     *              (or superset) of the picture used when building a tile. It is not
+     *              affected by localMatrix and does not imply scaling (only translation
+     *              and cropping). If null, the tile rect is considered equal to the picture
+     *              bounds.
+     */
+    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.
+     */
+    serialize(): Uint8Array | null;
+}

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

@@ -0,0 +1,8 @@
+import type { SkPicture } from "./Picture";
+export interface PictureFactory {
+    /**
+     * Returns an SkPicture which has been serialized previously to the given bytes.
+     * @param bytes
+     */
+    MakePicture(bytes: Uint8Array | ArrayBuffer): SkPicture | null;
+}

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

@@ -0,0 +1,15 @@
+import type { SkCanvas } from "../Canvas";
+import type { SkRect } from "../Rect";
+import type { SkPicture } from "./Picture";
+export interface SkPictureRecorder {
+    /**
+     * Returns a canvas on which to draw. When done drawing, call finishRecordingAsPicture()
+     *
+     * @param bounds - a rect to cull the results.
+     */
+    beginRecording(bounds?: SkRect): SkCanvas;
+    /**
+     * Returns the captured draw commands as a picture and invalidates the canvas returned earlier.
+     */
+    finishRecordingAsPicture(): SkPicture;
+}

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

@@ -0,0 +1,3 @@
+export * from "./Picture";
+export * from "./PictureRecorder";
+export * from "./PictureFactory";

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

@@ -0,0 +1,10 @@
+export declare enum PointMode {
+    Points = 0,
+    Lines = 1,
+    Polygon = 2
+}
+export interface SkPoint {
+    readonly x: number;
+    readonly y: number;
+}
+export type Vector = SkPoint;

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

@@ -0,0 +1,16 @@
+import type { SkPoint } from "./Point";
+import type { SkRect } from "./Rect";
+export interface SkRRect {
+    readonly rect: SkRect;
+    readonly rx: number;
+    readonly ry: number;
+}
+export interface NonUniformRRect {
+    readonly rect: SkRect;
+    readonly topLeft: SkPoint;
+    readonly topRight: SkPoint;
+    readonly bottomRight: SkPoint;
+    readonly bottomLeft: SkPoint;
+}
+export type InputRRect = SkRRect | NonUniformRRect;
+export declare const isRRect: (def: SkRect | SkRRect) => def is SkRRect;

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

@@ -0,0 +1,8 @@
+import type { SkJSIInstance } from "./JsiInstance";
+export interface SkRSXform extends SkJSIInstance<"RSXform"> {
+    readonly scos: number;
+    readonly ssin: number;
+    readonly tx: number;
+    readonly ty: number;
+    set(scos: number, ssin: number, tx: number, ty: number): void;
+}