@shopify/react-native-skia 1.0.1 → 1.0.2

package/lib/module/skia/types/ImageFilter/ImageFilterFactory.d.ts

@@ -0,0 +1,130 @@
+import type { SkColor } from "../Color";
+import type { SkColorFilter } from "../ColorFilter/ColorFilter";
+import type { BlendMode } from "../Paint";
+import type { SkRect } from "../Rect";
+import type { SkRuntimeShaderBuilder } from "../RuntimeEffect";
+import type { SkShader } from "../Shader";
+import type { SkImageFilter, TileMode } from "./ImageFilter";
+export declare enum ColorChannel {
+    R = 0,
+    G = 1,
+    B = 2,
+    A = 3
+}
+export interface ImageFilterFactory {
+    /**
+     * Offsets the input image
+     *
+     * @param dx - Offset along the X axis
+     * @param dy - Offset along the X axis
+     * @param input - if null, it will use the dynamic source image
+     */
+    MakeOffset(dx: number, dy: number, input: SkImageFilter | null): SkImageFilter;
+    /**
+     * Spatially displace pixel values of the filtered image
+     *
+     * @param channelX - Color channel to be used along the X axis
+     * @param channelY - Color channel to be used along the Y axis
+     * @param scale - Scale factor to be used in the displacement
+     * @param in1 - Source image filter to use for the displacement
+     * @param input - if null, it will use the dynamic source image
+     */
+    MakeDisplacementMap(channelX: ColorChannel, channelY: ColorChannel, scale: number, in1: SkImageFilter, input: SkImageFilter | null): SkImageFilter;
+    /**
+     * Transforms a shader into an impage filter
+     *
+     * @param shader - The Shader to be transformed
+     * @param input - if null, it will use the dynamic source image
+     */
+    MakeShader(shader: SkShader, input: SkImageFilter | null): SkImageFilter;
+    /**
+     * Create a filter that blurs its input by the separate X and Y sigmas. The provided tile mode
+     * is used when the blur kernel goes outside the input image.
+     *
+     * @param sigmaX - The Gaussian sigma value for blurring along the X axis.
+     * @param sigmaY - The Gaussian sigma value for blurring along the Y axis.
+     * @param mode
+     * @param input - if null, it will use the dynamic source image (e.g. a saved layer)
+     */
+    MakeBlur(sigmaX: number, sigmaY: number, mode: TileMode, input: SkImageFilter | null): SkImageFilter;
+    /**
+     * Create a filter that applies the color filter to the input filter results.
+     * @param cf
+     * @param input - if null, it will use the dynamic source image (e.g. a saved layer)
+     */
+    MakeColorFilter(cf: SkColorFilter, input: SkImageFilter | null): SkImageFilter;
+    /**
+     * Create a filter that composes 'inner' with 'outer', such that the results of 'inner' are
+     * treated as the source bitmap passed to 'outer'.
+     * If either param is null, the other param will be returned.
+     * @param outer
+     * @param inner - if null, it will use the dynamic source image (e.g. a saved layer)
+     */
+    MakeCompose(outer: SkImageFilter | null, inner: SkImageFilter | null): SkImageFilter;
+    /**
+     * Create a filter that draws a drop shadow under the input content.
+     * This filter produces an image that includes the inputs' content.
+     * @param dx The X offset of the shadow.
+     * @param dy	The Y offset of the shadow.
+     * @param sigmaX	The blur radius for the shadow, along the X axis.
+     * @param sigmaY	The blur radius for the shadow, along the Y axis.
+     * @param color	The color of the drop shadow.
+     * @param input	The input filter, or will use the source bitmap if this is null.
+     * @param cropRect	Optional rectangle that crops the input and output.
+     */
+    MakeDropShadow: (dx: number, dy: number, sigmaX: number, sigmaY: number, color: SkColor, input: SkImageFilter | null, cropRect?: SkRect) => SkImageFilter;
+    /**
+     * Create a filter that renders a drop shadow, in exactly the same manner as ::DropShadow, except
+     * that the resulting image does not include the input content.
+     * This allows the shadow and input to be composed by a filter DAG in a more flexible manner.
+     * @param dx The X offset of the shadow.
+     * @param dy	The Y offset of the shadow.
+     * @param sigmaX	The blur radius for the shadow, along the X axis.
+     * @param sigmaY	The blur radius for the shadow, along the Y axis.
+     * @param color	The color of the drop shadow.
+     * @param input	The input filter, or will use the source bitmap if this is null.
+     * @param cropRect	Optional rectangle that crops the input and output.
+     */
+    MakeDropShadowOnly: (dx: number, dy: number, sigmaX: number, sigmaY: number, color: SkColor, input: SkImageFilter | null, cropRect?: SkRect) => SkImageFilter;
+    /**
+     *  Create a filter that erodes each input pixel's channel values to the minimum channel value
+     *  within the given radii along the x and y axes.
+     *  @param radiusX  The distance to erode along the x axis to either side of each pixel.
+     *  @param radiusY  The distance to erode along the y axis to either side of each pixel.
+     *  @param input    The image filter that is eroded, using source bitmap if this is null.
+     *  @param cropRect Optional rectangle that crops the input and output.
+     */
+    MakeErode: (rx: number, ry: number, input: SkImageFilter | null, cropRect?: SkRect) => SkImageFilter;
+    /**
+     *  Create a filter that dilates each input pixel's channel values to the max value within the
+     *  given radii along the x and y axes.
+     *  @param radiusX  The distance to dilate along the x axis to either side of each pixel.
+     *  @param radiusY  The distance to dilate along the y axis to either side of each pixel.
+     *  @param input    The image filter that is dilated, using source bitmap if this is null.
+     *  @param cropRect Optional rectangle that crops the input and output.
+     */
+    MakeDilate: (rx: number, ry: number, input: SkImageFilter | null, cropRect?: SkRect) => SkImageFilter;
+    /**
+     *  This filter takes an SkBlendMode and uses it to composite the two filters together.
+     *  @param mode       The blend mode that defines the compositing operation
+     *  @param background The Dst pixels used in blending, if null the source bitmap is used.
+     *  @param foreground The Src pixels used in blending, if null the source bitmap is used.
+     *  @cropRect         Optional rectangle to crop input and output.
+     */
+    MakeBlend: (mode: BlendMode, background: SkImageFilter, foreground: SkImageFilter | null, cropRect?: SkRect) => SkImageFilter;
+    /**
+     *  Create a filter that fills the output with the per-pixel evaluation of the SkShader produced
+     *  by the SkRuntimeShaderBuilder. The shader is defined in the image filter's local coordinate
+     *  system, so it will automatically be affected by SkCanvas' transform.
+     *
+     *  @param builder         The builder used to produce the runtime shader, that will in turn
+     *                         fill the result image
+     *  @param childShaderName The name of the child shader defined in the builder that will be
+     *                         bound to the input param (or the source image if the input param
+     *                         is null).  If null the builder can have exactly one child shader,
+     *                         which automatically binds the input param.
+     *  @param input           The image filter that will be provided as input to the runtime
+     *                         shader. If null the implicit source image is used instead
+     */
+    MakeRuntimeShader: (builder: SkRuntimeShaderBuilder, childShaderName: string | null, input: SkImageFilter | null) => SkImageFilter;
+}

package/lib/module/skia/types/ImageFilter/ImageFilterFactory.js

@@ -0,0 +1,8 @@
+export let ColorChannel = /*#__PURE__*/function (ColorChannel) {
+  ColorChannel[ColorChannel["R"] = 0] = "R";
+  ColorChannel[ColorChannel["G"] = 1] = "G";
+  ColorChannel[ColorChannel["B"] = 2] = "B";
+  ColorChannel[ColorChannel["A"] = 3] = "A";
+  return ColorChannel;
+}({});
+//# sourceMappingURL=ImageFilterFactory.js.map

package/lib/module/skia/types/ImageFilter/ImageFilterFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ColorChannel"],"sources":["ImageFilterFactory.ts"],"sourcesContent":["import type { SkColor } from \"../Color\";\nimport type { SkColorFilter } from \"../ColorFilter/ColorFilter\";\nimport type { BlendMode } from \"../Paint\";\nimport type { SkRect } from \"../Rect\";\nimport type { SkRuntimeShaderBuilder } from \"../RuntimeEffect\";\nimport type { SkShader } from \"../Shader\";\n\nimport type { SkImageFilter, TileMode } from \"./ImageFilter\";\n\nexport enum ColorChannel {\n  R,\n  G,\n  B,\n  A,\n}\n\nexport interface ImageFilterFactory {\n  /**\n   * Offsets the input image\n   *\n   * @param dx - Offset along the X axis\n   * @param dy - Offset along the X axis\n   * @param input - if null, it will use the dynamic source image\n   */\n  MakeOffset(\n    dx: number,\n    dy: number,\n    input: SkImageFilter | null\n  ): SkImageFilter;\n  /**\n   * Spatially displace pixel values of the filtered image\n   *\n   * @param channelX - Color channel to be used along the X axis\n   * @param channelY - Color channel to be used along the Y axis\n   * @param scale - Scale factor to be used in the displacement\n   * @param in1 - Source image filter to use for the displacement\n   * @param input - if null, it will use the dynamic source image\n   */\n  MakeDisplacementMap(\n    channelX: ColorChannel,\n    channelY: ColorChannel,\n    scale: number,\n    in1: SkImageFilter,\n    input: SkImageFilter | null\n  ): SkImageFilter;\n  /**\n   * Transforms a shader into an impage filter\n   *\n   * @param shader - The Shader to be transformed\n   * @param input - if null, it will use the dynamic source image\n   */\n  MakeShader(shader: SkShader, input: SkImageFilter | null): SkImageFilter;\n  /**\n   * Create a filter that blurs its input by the separate X and Y sigmas. The provided tile mode\n   * is used when the blur kernel goes outside the input image.\n   *\n   * @param sigmaX - The Gaussian sigma value for blurring along the X axis.\n   * @param sigmaY - The Gaussian sigma value for blurring along the Y axis.\n   * @param mode\n   * @param input - if null, it will use the dynamic source image (e.g. a saved layer)\n   */\n  MakeBlur(\n    sigmaX: number,\n    sigmaY: number,\n    mode: TileMode,\n    input: SkImageFilter | null\n  ): SkImageFilter;\n\n  /**\n   * Create a filter that applies the color filter to the input filter results.\n   * @param cf\n   * @param input - if null, it will use the dynamic source image (e.g. a saved layer)\n   */\n  MakeColorFilter(\n    cf: SkColorFilter,\n    input: SkImageFilter | null\n  ): SkImageFilter;\n\n  /**\n   * Create a filter that composes 'inner' with 'outer', such that the results of 'inner' are\n   * treated as the source bitmap passed to 'outer'.\n   * If either param is null, the other param will be returned.\n   * @param outer\n   * @param inner - if null, it will use the dynamic source image (e.g. a saved layer)\n   */\n  MakeCompose(\n    outer: SkImageFilter | null,\n    inner: SkImageFilter | null\n  ): SkImageFilter;\n\n  /**\n   * Create a filter that draws a drop shadow under the input content.\n   * This filter produces an image that includes the inputs' content.\n   * @param dx The X offset of the shadow.\n   * @param dy\tThe Y offset of the shadow.\n   * @param sigmaX\tThe blur radius for the shadow, along the X axis.\n   * @param sigmaY\tThe blur radius for the shadow, along the Y axis.\n   * @param color\tThe color of the drop shadow.\n   * @param input\tThe input filter, or will use the source bitmap if this is null.\n   * @param cropRect\tOptional rectangle that crops the input and output.\n   */\n  MakeDropShadow: (\n    dx: number,\n    dy: number,\n    sigmaX: number,\n    sigmaY: number,\n    color: SkColor,\n    input: SkImageFilter | null,\n    cropRect?: SkRect\n  ) => SkImageFilter;\n  /**\n   * Create a filter that renders a drop shadow, in exactly the same manner as ::DropShadow, except\n   * that the resulting image does not include the input content.\n   * This allows the shadow and input to be composed by a filter DAG in a more flexible manner.\n   * @param dx The X offset of the shadow.\n   * @param dy\tThe Y offset of the shadow.\n   * @param sigmaX\tThe blur radius for the shadow, along the X axis.\n   * @param sigmaY\tThe blur radius for the shadow, along the Y axis.\n   * @param color\tThe color of the drop shadow.\n   * @param input\tThe input filter, or will use the source bitmap if this is null.\n   * @param cropRect\tOptional rectangle that crops the input and output.\n   */\n  MakeDropShadowOnly: (\n    dx: number,\n    dy: number,\n    sigmaX: number,\n    sigmaY: number,\n    color: SkColor,\n    input: SkImageFilter | null,\n    cropRect?: SkRect\n  ) => SkImageFilter;\n  /**\n   *  Create a filter that erodes each input pixel's channel values to the minimum channel value\n   *  within the given radii along the x and y axes.\n   *  @param radiusX  The distance to erode along the x axis to either side of each pixel.\n   *  @param radiusY  The distance to erode along the y axis to either side of each pixel.\n   *  @param input    The image filter that is eroded, using source bitmap if this is null.\n   *  @param cropRect Optional rectangle that crops the input and output.\n   */\n  MakeErode: (\n    rx: number,\n    ry: number,\n    input: SkImageFilter | null,\n    cropRect?: SkRect\n  ) => SkImageFilter;\n  /**\n   *  Create a filter that dilates each input pixel's channel values to the max value within the\n   *  given radii along the x and y axes.\n   *  @param radiusX  The distance to dilate along the x axis to either side of each pixel.\n   *  @param radiusY  The distance to dilate along the y axis to either side of each pixel.\n   *  @param input    The image filter that is dilated, using source bitmap if this is null.\n   *  @param cropRect Optional rectangle that crops the input and output.\n   */\n  MakeDilate: (\n    rx: number,\n    ry: number,\n    input: SkImageFilter | null,\n    cropRect?: SkRect\n  ) => SkImageFilter;\n  /**\n   *  This filter takes an SkBlendMode and uses it to composite the two filters together.\n   *  @param mode       The blend mode that defines the compositing operation\n   *  @param background The Dst pixels used in blending, if null the source bitmap is used.\n   *  @param foreground The Src pixels used in blending, if null the source bitmap is used.\n   *  @cropRect         Optional rectangle to crop input and output.\n   */\n  MakeBlend: (\n    mode: BlendMode,\n    background: SkImageFilter,\n    foreground: SkImageFilter | null,\n    cropRect?: SkRect\n  ) => SkImageFilter;\n  /**\n   *  Create a filter that fills the output with the per-pixel evaluation of the SkShader produced\n   *  by the SkRuntimeShaderBuilder. The shader is defined in the image filter's local coordinate\n   *  system, so it will automatically be affected by SkCanvas' transform.\n   *\n   *  @param builder         The builder used to produce the runtime shader, that will in turn\n   *                         fill the result image\n   *  @param childShaderName The name of the child shader defined in the builder that will be\n   *                         bound to the input param (or the source image if the input param\n   *                         is null).  If null the builder can have exactly one child shader,\n   *                         which automatically binds the input param.\n   *  @param input           The image filter that will be provided as input to the runtime\n   *                         shader. If null the implicit source image is used instead\n   */\n  MakeRuntimeShader: (\n    builder: SkRuntimeShaderBuilder,\n    childShaderName: string | null,\n    input: SkImageFilter | null\n  ) => SkImageFilter;\n}\n"],"mappings":"AASA,WAAYA,YAAY,0BAAZA,YAAY;EAAZA,YAAY,CAAZA,YAAY;EAAZA,YAAY,CAAZA,YAAY;EAAZA,YAAY,CAAZA,YAAY;EAAZA,YAAY,CAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA"}

package/lib/module/skia/types/ImageFilter/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ImageFilter";
+export * from "./ImageFilterFactory";

package/lib/module/skia/types/ImageFilter/index.js

@@ -0,0 +1,3 @@
+export * from "./ImageFilter";
+export * from "./ImageFilterFactory";
+//# sourceMappingURL=index.js.map

package/lib/module/skia/types/ImageFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ImageFilter\";\nexport * from \"./ImageFilterFactory\";\n"],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,sBAAsB"}

package/lib/module/skia/types/JsiInstance.d.ts

@@ -0,0 +1,4 @@
+export interface SkJSIInstance<T extends string> {
+    __typename__: T;
+    dispose(): void;
+}

package/lib/module/skia/types/JsiInstance.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=JsiInstance.js.map

package/lib/module/skia/types/JsiInstance.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["JsiInstance.ts"],"sourcesContent":["export interface SkJSIInstance<T extends string> {\n  __typename__: T;\n  dispose(): void;\n}\n"],"mappings":""}

package/lib/module/skia/types/MaskFilter.d.ts

@@ -0,0 +1,21 @@
+import type { SkJSIInstance } from "./JsiInstance";
+export declare enum BlurStyle {
+    Normal = 0,
+    Solid = 1,
+    Outer = 2,
+    Inner = 3
+}
+export declare const isMaskFilter: (obj: SkJSIInstance<string> | null) => obj is SkMaskFilter;
+export type SkMaskFilter = SkJSIInstance<"MaskFilter">;
+/**
+ * See SkMaskFilter.h for more details.
+ */
+export interface MaskFilterFactory {
+    /**
+     * Create a blur maskfilter
+     * @param style
+     * @param sigma - Standard deviation of the Gaussian blur to apply. Must be > 0.
+     * @param respectCTM - if true the blur's sigma is modified by the CTM.
+     */
+    MakeBlur(style: BlurStyle, sigma: number, respectCTM: boolean): SkMaskFilter;
+}

package/lib/module/skia/types/MaskFilter.js

@@ -0,0 +1,13 @@
+export let BlurStyle = /*#__PURE__*/function (BlurStyle) {
+  BlurStyle[BlurStyle["Normal"] = 0] = "Normal";
+  BlurStyle[BlurStyle["Solid"] = 1] = "Solid";
+  BlurStyle[BlurStyle["Outer"] = 2] = "Outer";
+  BlurStyle[BlurStyle["Inner"] = 3] = "Inner";
+  return BlurStyle;
+}({}); //!< fuzzy inside, nothing outside
+export const isMaskFilter = obj => obj !== null && obj.__typename__ === "MaskFilter";
+
+/**
+ * See SkMaskFilter.h for more details.
+ */
+//# sourceMappingURL=MaskFilter.js.map

package/lib/module/skia/types/MaskFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BlurStyle","isMaskFilter","obj","__typename__"],"sources":["MaskFilter.ts"],"sourcesContent":["import type { SkJSIInstance } from \"./JsiInstance\";\n\nexport enum BlurStyle {\n  Normal, //!< fuzzy inside and outside\n  Solid, //!< solid inside, fuzzy outside\n  Outer, //!< nothing inside, fuzzy outside\n  Inner, //!< fuzzy inside, nothing outside\n}\n\nexport const isMaskFilter = (\n  obj: SkJSIInstance<string> | null\n): obj is SkMaskFilter => obj !== null && obj.__typename__ === \"MaskFilter\";\n\nexport type SkMaskFilter = SkJSIInstance<\"MaskFilter\">;\n\n/**\n * See SkMaskFilter.h for more details.\n */\nexport interface MaskFilterFactory {\n  /**\n   * Create a blur maskfilter\n   * @param style\n   * @param sigma - Standard deviation of the Gaussian blur to apply. Must be > 0.\n   * @param respectCTM - if true the blur's sigma is modified by the CTM.\n   */\n  MakeBlur(style: BlurStyle, sigma: number, respectCTM: boolean): SkMaskFilter;\n}\n"],"mappings":"AAEA,WAAYA,SAAS,0BAATA,SAAS;EAATA,SAAS,CAATA,SAAS;EAATA,SAAS,CAATA,SAAS;EAATA,SAAS,CAATA,SAAS;EAATA,SAAS,CAATA,SAAS;EAAA,OAATA,SAAS;AAAA,OAIZ;AAGT,OAAO,MAAMC,YAAY,GACvBC,GAAiC,IACTA,GAAG,KAAK,IAAI,IAAIA,GAAG,CAACC,YAAY,KAAK,YAAY;;AAI3E;AACA;AACA"}

package/lib/module/skia/types/Matrix.d.ts

@@ -0,0 +1,23 @@
+import type { SkJSIInstance } from "./JsiInstance";
+import type { SkCanvas } from "./Canvas";
+import type { Matrix3, Matrix4, Transforms3d } from "./Matrix4";
+export declare const isMatrix: (obj: unknown) => obj is SkMatrix;
+export interface SkMatrix extends SkJSIInstance<"Matrix"> {
+    concat: (matrix: InputMatrix) => SkMatrix;
+    translate: (x: number, y: number) => SkMatrix;
+    scale: (x: number, y?: number) => SkMatrix;
+    skew: (x: number, y: number) => SkMatrix;
+    rotate: (theta: number) => SkMatrix;
+    postTranslate: (x: number, y: number) => SkMatrix;
+    postScale: (x: number, y?: number) => SkMatrix;
+    postSkew: (x: number, y: number) => SkMatrix;
+    postRotate: (theta: number) => SkMatrix;
+    identity: () => SkMatrix;
+    get: () => number[];
+}
+export type InputMatrix = SkMatrix | Matrix3 | Matrix4 | number[];
+export interface TransformProp {
+    transform?: Transforms3d;
+}
+export declare const processTransform: <T extends SkMatrix | SkCanvas>(m: T, transforms: Transforms3d) => T;
+export declare const toDegrees: (rad: number) => number;

package/lib/module/skia/types/Matrix.js

@@ -0,0 +1,11 @@
+import { processTransform3d } from "./Matrix4";
+export const isMatrix = obj => obj !== null && obj.__typename__ === "Matrix";
+export const processTransform = (m, transforms) => {
+  const m3 = processTransform3d(transforms);
+  m.concat(m3);
+  return m;
+};
+export const toDegrees = rad => {
+  return rad * 180 / Math.PI;
+};
+//# sourceMappingURL=Matrix.js.map

package/lib/module/skia/types/Matrix.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["processTransform3d","isMatrix","obj","__typename__","processTransform","m","transforms","m3","concat","toDegrees","rad","Math","PI"],"sources":["Matrix.ts"],"sourcesContent":["import type { SkJSIInstance } from \"./JsiInstance\";\nimport type { SkCanvas } from \"./Canvas\";\nimport type { Matrix3, Matrix4, Transforms3d } from \"./Matrix4\";\nimport { processTransform3d } from \"./Matrix4\";\n\nexport const isMatrix = (obj: unknown): obj is SkMatrix =>\n  obj !== null && (obj as SkJSIInstance<string>).__typename__ === \"Matrix\";\n\nexport interface SkMatrix extends SkJSIInstance<\"Matrix\"> {\n  concat: (matrix: InputMatrix) => SkMatrix;\n  translate: (x: number, y: number) => SkMatrix;\n  scale: (x: number, y?: number) => SkMatrix;\n  skew: (x: number, y: number) => SkMatrix;\n  rotate: (theta: number) => SkMatrix;\n  postTranslate: (x: number, y: number) => SkMatrix;\n  postScale: (x: number, y?: number) => SkMatrix;\n  postSkew: (x: number, y: number) => SkMatrix;\n  postRotate: (theta: number) => SkMatrix;\n  identity: () => SkMatrix;\n  get: () => number[];\n}\n\nexport type InputMatrix = SkMatrix | Matrix3 | Matrix4 | number[];\n\nexport interface TransformProp {\n  transform?: Transforms3d;\n}\n\nexport const processTransform = <T extends SkMatrix | SkCanvas>(\n  m: T,\n  transforms: Transforms3d\n) => {\n  const m3 = processTransform3d(transforms);\n  m.concat(m3);\n  return m;\n};\n\nexport const toDegrees = (rad: number) => {\n  return (rad * 180) / Math.PI;\n};\n"],"mappings":"AAGA,SAASA,kBAAkB,QAAQ,WAAW;AAE9C,OAAO,MAAMC,QAAQ,GAAIC,GAAY,IACnCA,GAAG,KAAK,IAAI,IAAKA,GAAG,CAA2BC,YAAY,KAAK,QAAQ;AAsB1E,OAAO,MAAMC,gBAAgB,GAAGA,CAC9BC,CAAI,EACJC,UAAwB,KACrB;EACH,MAAMC,EAAE,GAAGP,kBAAkB,CAACM,UAAU,CAAC;EACzCD,CAAC,CAACG,MAAM,CAACD,EAAE,CAAC;EACZ,OAAOF,CAAC;AACV,CAAC;AAED,OAAO,MAAMI,SAAS,GAAIC,GAAW,IAAK;EACxC,OAAQA,GAAG,GAAG,GAAG,GAAIC,IAAI,CAACC,EAAE;AAC9B,CAAC"}

package/lib/module/skia/types/Matrix4.d.ts

@@ -0,0 +1,103 @@
+type Point = {
+    x: number;
+    y: number;
+};
+type Vec2 = readonly [number, number];
+type Vec3 = readonly [number, number, number];
+type Vec4 = readonly [number, number, number, number];
+export type Matrix3 = readonly [
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number
+];
+export type Matrix4 = readonly [
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number
+];
+type Transform3dName = "translateX" | "translateY" | "translateZ" | "translate" | "scale" | "scaleX" | "scaleY" | "skewX" | "skewY" | "rotateZ" | "rotate" | "perspective" | "rotateX" | "rotateY" | "matrix";
+type Transformations = {
+    [Name in Transform3dName]: Name extends "matrix" ? Matrix4 : Name extends "translate" ? Vec3 | Vec2 : number;
+};
+type Transform3d = Pick<Transformations, "translateX"> | Pick<Transformations, "translateY"> | Pick<Transformations, "translateZ"> | Pick<Transformations, "translate"> | Pick<Transformations, "scale"> | Pick<Transformations, "scaleX"> | Pick<Transformations, "scaleY"> | Pick<Transformations, "skewX"> | Pick<Transformations, "skewY"> | Pick<Transformations, "perspective"> | Pick<Transformations, "rotateX"> | Pick<Transformations, "rotateY"> | Pick<Transformations, "rotateZ"> | Pick<Transformations, "rotate"> | Pick<Transformations, "matrix">;
+export type Transforms3d = Transform3d[];
+/**
+ * @worklet
+ */
+export declare const Matrix4: () => Matrix4;
+/**
+ * @worklet
+ */
+export declare const translate: (x: number, y: number, z?: number) => Matrix4;
+/**
+ * @worklet
+ */
+export declare const perspective: (p: number) => Matrix4;
+/**
+ * @worklet
+ */
+export declare const matrixVecMul4: (m: Matrix4, v: Vec4) => Vec4;
+/**
+ * @worklet
+ */
+export declare const mapPoint3d: (m: Matrix4, v: Vec3) => readonly [number, number, number];
+/**
+ * @worklet
+ */
+export declare const multiply4: (a: Matrix4, b: Matrix4) => Matrix4;
+/**
+ * @worklet
+ */
+export declare const toMatrix3: (m: Matrix4) => number[];
+/**
+ * @worklet
+ */
+export declare const pivot: (m: Matrix4, p: Point) => Matrix4;
+/**
+ * @worklet
+ */
+export declare const scale: (sx: number, sy: number, sz?: number, p?: Point) => Matrix4;
+/**
+ * @worklet
+ */
+export declare const rotateZ: (value: number, p?: Point) => Matrix4;
+/**
+ * @worklet
+ */
+export declare const rotateX: (value: number, p?: Point) => Matrix4;
+/**
+ * @worklet
+ */
+export declare const rotateY: (value: number, p?: Point) => Matrix4;
+/**
+ * @worklet
+ */
+export declare const processTransform3d: (transforms: Transforms3d) => Matrix4;
+/**
+ * @worklet
+ */
+export declare const convertToColumnMajor: (rowMajorMatrix: Matrix4) => Matrix4;
+/**
+ * @worklet
+ */
+export declare const convertToAffineMatrix: (m4: Matrix4) => number[];
+export {};

package/lib/module/skia/types/Matrix4.js

@@ -0,0 +1,274 @@
+const exhaustiveCheck = a => {
+  "worklet";
+
+  throw new Error(`Unexhaustive handling for ${a}`);
+};
+
+/**
+ * @worklet
+ */
+export const Matrix4 = () => {
+  "worklet";
+
+  return [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
+};
+
+/**
+ * @worklet
+ */
+export const translate = (x, y, z = 0) => {
+  "worklet";
+
+  return [1, 0, 0, x, 0, 1, 0, y, 0, 0, 1, z, 0, 0, 0, 1];
+};
+
+/**
+ * @worklet
+ */
+export const perspective = p => {
+  "worklet";
+
+  return [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -1 / p, 1];
+};
+const normalizeVec = vec => {
+  "worklet";
+
+  const [x, y, z] = vec;
+  const length = Math.sqrt(x * x + y * y + z * z);
+  // Check for zero length to avoid division by zero
+  if (length === 0) {
+    return [0, 0, 0];
+  }
+  return [x / length, y / length, z / length];
+};
+const rotatedUnitSinCos = (axisVec, sinAngle, cosAngle) => {
+  "worklet";
+
+  const x = axisVec[0];
+  const y = axisVec[1];
+  const z = axisVec[2];
+  const c = cosAngle;
+  const s = sinAngle;
+  const t = 1 - c;
+  return [t * x * x + c, t * x * y - s * z, t * x * z + s * y, 0, t * x * y + s * z, t * y * y + c, t * y * z - s * x, 0, t * x * z - s * y, t * y * z + s * x, t * z * z + c, 0, 0, 0, 0, 1];
+};
+
+/**
+ * @worklet
+ */
+export const matrixVecMul4 = (m, v) => {
+  "worklet";
+
+  return [m[0] * v[0] + m[1] * v[1] + m[2] * v[2] + m[3] * v[3], m[4] * v[0] + m[5] * v[1] + m[6] * v[2] + m[7] * v[3], m[8] * v[0] + m[9] * v[1] + m[10] * v[2] + m[11] * v[3], m[12] * v[0] + m[13] * v[1] + m[14] * v[2] + m[15] * v[3]];
+};
+
+/**
+ * @worklet
+ */
+export const mapPoint3d = (m, v) => {
+  "worklet";
+
+  const r = matrixVecMul4(m, [...v, 1]);
+  return [r[0] / r[3], r[1] / r[3], r[2] / r[3]];
+};
+
+/**
+ * @worklet
+ */
+export const multiply4 = (a, b) => {
+  "worklet";
+
+  const result = new Array(16).fill(0);
+  for (let i = 0; i < 4; i++) {
+    for (let j = 0; j < 4; j++) {
+      result[i * 4 + j] = a[i * 4] * b[j] + a[i * 4 + 1] * b[j + 4] + a[i * 4 + 2] * b[j + 8] + a[i * 4 + 3] * b[j + 12];
+    }
+  }
+  return result;
+};
+const skewY = angle => {
+  "worklet";
+
+  return [1, Math.tan(angle), 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
+};
+const skewX = angle => {
+  "worklet";
+
+  return [1, 0, 0, 0, Math.tan(angle), 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
+};
+
+/**
+ * @worklet
+ */
+export const toMatrix3 = m => {
+  "worklet";
+
+  return [m[0], m[1], m[3], m[4], m[5], m[7], m[12], m[13], m[15]];
+};
+const rotate = (axis, value) => {
+  "worklet";
+
+  return rotatedUnitSinCos(normalizeVec(axis), Math.sin(value), Math.cos(value));
+};
+
+/**
+ * @worklet
+ */
+export const pivot = (m, p) => {
+  "worklet";
+
+  return multiply4(translate(p.x, p.y), multiply4(m, translate(-p.x, -p.y)));
+};
+
+/**
+ * @worklet
+ */
+export const scale = (sx, sy, sz = 1, p) => {
+  "worklet";
+
+  const m4 = [sx, 0, 0, 0, 0, sy, 0, 0, 0, 0, sz, 0, 0, 0, 0, 1];
+  if (p) {
+    return pivot(m4, p);
+  }
+  return m4;
+};
+const rotateAxis = (axis, angle, p) => {
+  "worklet";
+
+  const result = rotate(axis, angle);
+  if (p) {
+    return pivot(result, p);
+  }
+  return result;
+};
+
+/**
+ * @worklet
+ */
+export const rotateZ = (value, p) => {
+  "worklet";
+
+  return rotateAxis([0, 0, 1], value, p);
+};
+
+/**
+ * @worklet
+ */
+export const rotateX = (value, p) => {
+  "worklet";
+
+  return rotateAxis([1, 0, 0], value, p);
+};
+
+/**
+ * @worklet
+ */
+export const rotateY = (value, p) => {
+  "worklet";
+
+  return rotateAxis([0, 1, 0], value, p);
+};
+
+/**
+ * @worklet
+ */
+export const processTransform3d = transforms => {
+  "worklet";
+
+  return transforms.reduce((acc, val) => {
+    const key = Object.keys(val)[0];
+    const transform = val;
+    if (key === "translateX") {
+      const value = transform[key];
+      return multiply4(acc, translate(value, 0, 0));
+    }
+    if (key === "translate") {
+      const [x, y, z = 0] = transform[key];
+      return multiply4(acc, translate(x, y, z));
+    }
+    if (key === "translateY") {
+      const value = transform[key];
+      return multiply4(acc, translate(0, value, 0));
+    }
+    if (key === "translateZ") {
+      const value = transform[key];
+      return multiply4(acc, translate(0, 0, value));
+    }
+    if (key === "scale") {
+      const value = transform[key];
+      return multiply4(acc, scale(value, value, 1));
+    }
+    if (key === "scaleX") {
+      const value = transform[key];
+      return multiply4(acc, scale(value, 1, 1));
+    }
+    if (key === "scaleY") {
+      const value = transform[key];
+      return multiply4(acc, scale(1, value, 1));
+    }
+    if (key === "skewX") {
+      const value = transform[key];
+      return multiply4(acc, skewX(value));
+    }
+    if (key === "skewY") {
+      const value = transform[key];
+      return multiply4(acc, skewY(value));
+    }
+    if (key === "rotateX") {
+      const value = transform[key];
+      return multiply4(acc, rotate([1, 0, 0], value));
+    }
+    if (key === "rotateY") {
+      const value = transform[key];
+      return multiply4(acc, rotate([0, 1, 0], value));
+    }
+    if (key === "perspective") {
+      const value = transform[key];
+      return multiply4(acc, perspective(value));
+    }
+    if (key === "rotate" || key === "rotateZ") {
+      const value = transform[key];
+      return multiply4(acc, rotate([0, 0, 1], value));
+    }
+    if (key === "matrix") {
+      const value = transform[key];
+      return multiply4(acc, value);
+    }
+    return exhaustiveCheck(key);
+  }, Matrix4());
+};
+
+/**
+ * @worklet
+ */
+export const convertToColumnMajor = rowMajorMatrix => {
+  "worklet";
+
+  const colMajorMatrix = new Array(16);
+  const size = 4;
+  for (let row = 0; row < size; row++) {
+    for (let col = 0; col < size; col++) {
+      colMajorMatrix[col * size + row] = rowMajorMatrix[row * size + col];
+    }
+  }
+  return colMajorMatrix;
+};
+
+/**
+ * @worklet
+ */
+export const convertToAffineMatrix = m4 => {
+  "worklet";
+
+  // Extracting the relevant components from the 4x4 matrix
+  const a = m4[0]; // Scale X
+  const b = m4[1]; // Skew Y
+  const c = m4[4]; // Skew X
+  const d = m4[5]; // Scale Y
+  const tx = m4[12]; // Translate X
+  const ty = m4[13]; // Translate Y
+
+  // Returning the 6-element affine transformation matrix
+  return [a, b, c, d, tx, ty];
+};
+//# sourceMappingURL=Matrix4.js.map