@shopify/react-native-skia 0.1.128 → 0.1.131

package/src/skia/PathEffect.ts

@@ -1,93 +0,0 @@
-import type { SkJSIInstance } from "./JsiInstance";
-import type { SkPath } from "./Path/Path";
-import type { SkMatrix } from "./Matrix";
-
-export type IPathEffect = SkJSIInstance<"PathEffect">;
-
-export const isPathEffect = (
-  obj: SkJSIInstance<string> | null
-): obj is IPathEffect => obj !== null && obj.__typename__ === "PathEffect";
-
-export enum Path1DEffectStyle {
-  Translate,
-  Rotate,
-  Morph,
-}
-
-export interface PathEffectFactory {
-  /**
-   * Returns a PathEffect that can turn sharp corners into rounded corners.
-   * @param radius - if <=0, returns null
-   */
-  MakeCorner(radius: number): IPathEffect | 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): IPathEffect;
-
-  /**
-   * 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): IPathEffect;
-
-  /**
-   *
-   * A pathEffect whose effect is to apply first the inner pathEffect and the the
-   * outer pathEffect (i.e. outer(inner(path))).
-   *
-   */
-  MakeCompose(outer: IPathEffect, inner: IPathEffect): IPathEffect;
-
-  /**
-   *
-   * A pathEffect pathEffect whose effect is to apply two effects,
-   * in sequence (i.e. first(path) + second(path)).
-   *
-   */
-  MakeSum(outer: IPathEffect, inner: IPathEffect): IPathEffect;
-
-  /**
-   * 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): IPathEffect | 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
-  ): IPathEffect | 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): IPathEffect | null;
-}

package/src/skia/Picture/Picture.ts

@@ -1,34 +0,0 @@
-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";
-
-export interface SkPicture {
-  /**
-   *  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?: 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.
-   */
-  serialize(): Uint8Array | null;
-}

package/src/skia/Picture/index.ts

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

package/src/skia/Picture/usePicture.ts

@@ -1,28 +0,0 @@
-import type { DependencyList } from "react";
-import { useMemo } from "react";
-
-import type { SkCanvas } from "../Canvas";
-import type { SkRect } from "../Rect";
-import { Skia } from "../Skia";
-
-import type { SkPicture } from "./Picture";
-
-/**
- * Memoizes and returns an SkPicture that can be drawn to another canvas.
- * @param rect Picture bounds
- * @param cb Callback for drawing to the canvas
- * @returns SkPicture
- */
-export const usePicture = (
-  rect: SkRect,
-  cb: (canvas: SkCanvas) => void,
-  deps: DependencyList = []
-): SkPicture => {
-  return useMemo(() => {
-    const recorder = Skia.PictureRecorder();
-    const canvas = recorder.beginRecording(rect);
-    cb(canvas);
-    return recorder.finishRecordingAsPicture();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [cb, rect, deps]);
-};

package/src/skia/Point.ts

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

package/src/skia/RRect.ts

@@ -1,7 +0,0 @@
-import type { SkRect } from "./Rect";
-
-export interface SkRRect {
-  readonly rect: SkRect;
-  readonly rx: number;
-  readonly ry: number;
-}

package/src/skia/RuntimeEffect/RuntimeEffect.ts

@@ -1,65 +0,0 @@
-import type { SkShader } from "../Shader";
-import type { SkJSIInstance } from "../JsiInstance";
-import type { SkMatrix } from "../Matrix";
-
-export interface SkSLUniform {
-  columns: number;
-  rows: number;
-  /** The index into the uniforms array that this uniform begins. */
-  slot: number;
-  isInteger: boolean;
-}
-
-export type SkRuntimeShaderBuilder = SkJSIInstance<"RuntimeShaderBuilder">;
-
-export interface SkRuntimeEffect extends SkJSIInstance<"RuntimeEffect"> {
-  /**
-   * Returns a shader executed using the given uniform data.
-   * @param uniforms
-   * @param isOpaque
-   * @param localMatrix
-   */
-  makeShader(
-    uniforms: number[],
-    isOpaque?: boolean,
-    localMatrix?: SkMatrix
-  ): SkShader;
-
-  /**
-   * Returns a shader executed using the given uniform data and the children as inputs.
-   * @param uniforms
-   * @param isOpaque
-   * @param children
-   * @param localMatrix
-   */
-  makeShaderWithChildren(
-    uniforms: number[],
-    isOpaque?: boolean,
-    children?: SkShader[],
-    localMatrix?: SkMatrix
-  ): SkShader;
-
-  /**
-   * Returns the nth uniform from the effect.
-   * @param index
-   */
-  getUniform(index: number): SkSLUniform;
-
-  /**
-   * Returns the number of uniforms in the effect.
-   */
-  getUniformCount(): number;
-
-  /**
-   * Returns the total number of floats across all uniforms on the effect. This is the length
-   * of the uniforms array expected by makeShader. For example, an effect with a single float3
-   * uniform, would return 1 from `getUniformCount()`, but 3 from `getUniformFloatCount()`.
-   */
-  getUniformFloatCount(): number;
-
-  /**
-   * Returns the name of the nth effect uniform.
-   * @param index
-   */
-  getUniformName(index: number): string;
-}

package/src/skia/SVG/SVGFactory.ts

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

package/src/skia/SVG/index.ts

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

package/src/skia/SVG/useSvg.ts

@@ -1,6 +0,0 @@
-import { Skia } from "../Skia";
-import type { DataSource } from "../Data/Data";
-import { useRawData } from "../Data/Data";
-
-export const useSVG = (source: DataSource) =>
-  useRawData(source, Skia.SVG.MakeFromData);

package/src/skia/Shader/Shader.ts

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

package/src/skia/Shader/index.ts

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

package/src/skia/Shader/useShader.ts

@@ -1,9 +0,0 @@
-import { useMemo } from "react";
-
-import { Skia } from "../Skia";
-
-export const useShader = (sksl: string) =>
-  useMemo(() => {
-    console.warn("Use shader will be deprecated.");
-    return Skia.RuntimeEffect.Make(sksl);
-  }, [sksl]);

package/src/skia/SkiaApi.ts

@@ -1,86 +0,0 @@
-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 } 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 "./NativeSetup";
-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";
-import type {
-  SkRuntimeShaderBuilder,
-  SkRuntimeEffect,
-} from "./RuntimeEffect/RuntimeEffect";
-
-/**
- * Declares the interface for the native Skia API
- */
-export interface SkiaApi {
-  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;
-  parseColorString: (color: string) => SkColor | undefined;
-  ContourMeasureIter: (
-    path: SkPath,
-    forceClosed: boolean,
-    resScale: number
-  ) => SkContourMeasureIter;
-  Paint: () => SkPaint;
-  PictureRecorder: () => SkPictureRecorder;
-  Picture: PictureFactory;
-  Path: PathFactory;
-  Matrix: () => 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/src/skia/Typeface/TypefaceFactory.ts

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

package/src/skia/Typeface/index.ts

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

package/src/skia/Typeface/useTypeface.ts

@@ -1,9 +0,0 @@
-import { Skia } from "../Skia";
-import type { DataSource } from "../Data/Data";
-import { useRawData } from "../Data/Data";
-
-/**
- * Returns a Skia Typeface object
- * */
-export const useTypeface = (source: DataSource) =>
-  useRawData(source, Skia.Typeface.MakeFreeTypeFaceFromData);

package/src/values/web/__tests__/RNSkAnimation.spec.ts

@@ -1,21 +0,0 @@
-import { RNSkAnimation } from "../RNSkAnimation";
-import { RNSkValue } from "../RNSkValue";
-
-describe("RNSkAnimation", () => {
-  it("should update a value", () => {
-    const valueToTest = new RNSkValue(0);
-    const raf = (cb: (t: number) => void) => {
-      cb(1);
-      return 1;
-    };
-    valueToTest.animation = new RNSkAnimation(
-      () => ({
-        finished: true,
-        current: 1,
-      }),
-      raf
-    );
-    valueToTest.animation.stop();
-    expect(valueToTest.current).toBe(1);
-  });
-});

package/src/values/web/__tests__/RNSkDerivedValue.spec.ts

@@ -1,15 +0,0 @@
-import { RNSkDerivedValue } from "../RNSkDerivedValue";
-import { RNSkValue } from "../RNSkValue";
-
-describe("RNSkDerivedValue", () => {
-  it("should update when dependency changes", () => {
-    const dependency = new RNSkValue(10);
-    const derived = new RNSkDerivedValue(
-      () => 10 * dependency.current,
-      [dependency]
-    );
-    expect(derived.current).toBe(100);
-    dependency.current = 20;
-    expect(derived.current).toBe(200);
-  });
-});

package/src/values/web/__tests__/RNSkReadonlyValue.spec.ts

@@ -1,8 +0,0 @@
-import { RNSkReadonlyValue } from "../RNSkReadonlyValue";
-
-describe("RNSkReadonlyValue", () => {
-  it("should expose __typename as RNSkValue", () => {
-    const valueToTest = new RNSkReadonlyValue(100);
-    expect(valueToTest.__typename__).toEqual("RNSkValue");
-  });
-});

package/src/values/web/__tests__/RNSkValue.spec.ts

@@ -1,11 +0,0 @@
-import { RNSkValue } from "../RNSkValue";
-
-describe("RNSkValue", () => {
-  it("should notify on change", () => {
-    const valueToTest = new RNSkValue(100);
-    const spy = jest.fn();
-    valueToTest.addListener(spy);
-    valueToTest.current = 200;
-    expect(spy).toHaveBeenCalledWith(200);
-  });
-});