@shopify/react-native-skia 2.0.7 → 2.1.1

package/lib/typescript/lib/module/skia/web/JsiSkImageFilterFactory.d.ts

@@ -1,9 +1,26 @@
 export class JsiSkImageFilterFactory extends Host {
-    MakeOffset(dx: any, dy: any, input: any): JsiSkImageFilter;
-    MakeDisplacementMap(channelX: any, channelY: any, scale: any, in1: any, input: any): JsiSkImageFilter;
-    MakeShader(shader: any, _input: any): JsiSkImageFilter;
-    MakeBlur(sigmaX: any, sigmaY: any, mode: any, input: any): JsiSkImageFilter;
-    MakeColorFilter(cf: any, input: any): JsiSkImageFilter;
+    MakeRuntimeShaderWithChildren(_builder: any, _sampleRadius: any, _childShaderNames: any, _inputs: any): void;
+    MakeArithmetic(_k1: any, _k2: any, _k3: any, _k4: any, _enforcePMColor: any, _background: any, _foreground: any, _cropRect: any): void;
+    MakeCrop(_rect: any, _tileMode: any, _input: any): void;
+    MakeEmpty(): void;
+    MakeImage(_image: any, _srcRect: any, _dstRect: any, _filterMode: any, _mipmap: any): void;
+    MakeMagnifier(_lensBounds: any, _zoomAmount: any, _inset: any, _filterMode: any, _mipmap: any, _input: any, _cropRect: any): void;
+    MakeMatrixConvolution(_kernelSizeX: any, _kernelSizeY: any, _kernel: any, _gain: any, _bias: any, _kernelOffsetX: any, _kernelOffsetY: any, _tileMode: any, _convolveAlpha: any, _input: any, _cropRect: any): void;
+    MakeMatrixTransform(_matrix: any, _filterMode: any, _mipmap: any, _input: any): void;
+    MakeMerge(_filters: any, _cropRect: any): void;
+    MakePicture(_picture: any, _targetRect: any): void;
+    MakeTile(_src: any, _dst: any, _input: any): void;
+    MakeDistantLitDiffuse(_direction: any, _lightColor: any, _surfaceScale: any, _kd: any, _input: any, _cropRect: any): void;
+    MakePointLitDiffuse(_location: any, _lightColor: any, _surfaceScale: any, _kd: any, _input: any, _cropRect: any): void;
+    MakeSpotLitDiffuse(_location: any, _target: any, _falloffExponent: any, _cutoffAngle: any, _lightColor: any, _surfaceScale: any, _kd: any, _input: any, _cropRect: any): void;
+    MakeDistantLitSpecular(_direction: any, _lightColor: any, _surfaceScale: any, _ks: any, _shininess: any, _input: any, _cropRect: any): void;
+    MakePointLitSpecular(_location: any, _lightColor: any, _surfaceScale: any, _ks: any, _shininess: any, _input: any, _cropRect: any): void;
+    MakeSpotLitSpecular(_location: any, _target: any, _falloffExponent: any, _cutoffAngle: any, _lightColor: any, _surfaceScale: any, _ks: any, _shininess: any, _input: any, _cropRect: any): void;
+    MakeOffset(dx: any, dy: any, input: any, cropRect: any): JsiSkImageFilter;
+    MakeDisplacementMap(channelX: any, channelY: any, scale: any, in1: any, input: any, cropRect: any): JsiSkImageFilter;
+    MakeShader(shader: any, dither: any, cropRect: any): JsiSkImageFilter;
+    MakeBlur(sigmaX: any, sigmaY: any, mode: any, input: any, cropRect: any): JsiSkImageFilter;
+    MakeColorFilter(colorFilter: any, input: any, cropRect: any): JsiSkImageFilter;
     MakeCompose(outer: any, inner: any): JsiSkImageFilter;
     MakeDropShadow(dx: any, dy: any, sigmaX: any, sigmaY: any, color: any, input: any, cropRect: any): JsiSkImageFilter;
     MakeDropShadowOnly(dx: any, dy: any, sigmaX: any, sigmaY: any, color: any, input: any, cropRect: any): JsiSkImageFilter;

package/lib/typescript/lib/module/skia/web/JsiSkia.d.ts

@@ -31,6 +31,7 @@ export function JsiSkApi(CanvasKit: any): {
     FontMgr: JsiSkFontMgrFactory;
     ParagraphBuilder: JsiSkParagraphBuilderFactory;
     NativeBuffer: JsiSkNativeBufferFactory;
+    Skottie: JsiSkottieFactory;
     Video: (url?: any) => Promise<any>;
     Context: (_surface: any, _width: any, _height: any) => jest.Mock<any, any, any>;
     Recorder: () => jest.Mock<any, any, any>;
@@ -63,3 +64,4 @@ import { JsiSkTypefaceFontProviderFactory } from "./JsiSkTypefaceFontProviderFac
 import { JsiSkFontMgrFactory } from "./JsiSkFontMgrFactory";
 import { JsiSkParagraphBuilderFactory } from "./JsiSkParagraphBuilderFactory";
 import { JsiSkNativeBufferFactory } from "./JsiSkNativeBufferFactory";
+import { JsiSkottieFactory } from "./JsiSkottieFactory";

package/lib/typescript/lib/module/skia/web/JsiSkottieAnimation.d.ts

@@ -0,0 +1,47 @@
+export class JsiSkottieAnimation extends HostObject {
+    constructor(CanvasKit: any, ref: any);
+    getOpacityProps(): any;
+    getTextProps(): any;
+    getColorProps(): any;
+    getTransformProps(): any;
+    setColor(key: any, color: any): any;
+    setText(key: any, text: any, size: any): any;
+    setOpacity(key: any, opacity: any): any;
+    setTransform(key: any, anchor: any, position: any, scale: any, rotation: any, skew: any, skewAxis: any): any;
+    getSlotInfo(): any;
+    setColorSlot(key: any, color: any): any;
+    setScalarSlot(key: any, scalar: any): any;
+    setVec2Slot(key: any, vec2: any): any;
+    setTextSlot(key: any, text: any): any;
+    setImageSlot(key: any, assetName: any): any;
+    getColorSlot(key: any): any;
+    getScalarSlot(key: any): any;
+    getVec2Slot(key: any): {
+        x: any;
+        y: any;
+    } | null;
+    getTextSlot(key: any): {
+        typeface: JsiSkTypeface;
+        text: any;
+        textSize: any;
+        minTextSize: any;
+        maxTextSize: any;
+        strokeWidth: any;
+        lineHeight: any;
+        lineShift: any;
+        ascent: any;
+        maxLines: any;
+    };
+    duration(): any;
+    fps(): any;
+    render(canvas: any, dstRect: any): void;
+    seekFrame(frame: any, damageRect: any): void;
+    size(): {
+        width: any;
+        height: any;
+    };
+    version(): any;
+    dispose(): void;
+}
+import { HostObject } from "./Host";
+import { JsiSkTypeface } from "./JsiSkTypeface";

package/lib/typescript/lib/module/skia/web/JsiSkottieFactory.d.ts

@@ -0,0 +1,5 @@
+export class JsiSkottieFactory extends Host {
+    Make(json: any, assets: any): JsiSkottieAnimation;
+}
+import { Host } from "./Host";
+import { JsiSkottieAnimation } from "./JsiSkottieAnimation";

package/lib/typescript/lib/module/sksg/Recorder/ReanimatedRecorder.d.ts

@@ -43,4 +43,5 @@ export class ReanimatedRecorder {
     drawImageSVG(props: any): void;
     drawParagraph(props: any): void;
     drawAtlas(props: any): void;
+    drawSkottie(props: any): void;
 }

package/lib/typescript/lib/module/sksg/Recorder/Recorder.d.ts

@@ -48,4 +48,5 @@ export class Recorder {
     drawImageSVG(props: any): void;
     drawParagraph(props: any): void;
     drawAtlas(props: any): void;
+    drawSkottie(props: any): void;
 }

package/lib/typescript/lib/module/sksg/Recorder/commands/Drawing.d.ts

@@ -17,4 +17,4 @@ export function drawParagraph(ctx: any, props: any): void;
 export function drawPicture(ctx: any, props: any): void;
 export function drawAtlas(ctx: any, props: any): void;
 export function drawCircle(ctx: any, props: any): void;
-export function drawFill(ctx: any, _props: any): void;
+export function drawSkottie(ctx: any, props: any): void;

package/lib/typescript/src/dom/nodes/datatypes/Gradient.d.ts

@@ -5,7 +5,7 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms3d)
     translateX: number;
     translateY: number;
     translateZ: number;
-    translate: readonly [number, number] | readonly [number, number, number];
+    translate: readonly [number, number] | import("../../../skia/types").Vec3;
     scale: number;
     scaleX: number;
     scaleY: number;
@@ -21,7 +21,7 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms3d)
     translateX: number;
     translateY: number;
     translateZ: number;
-    translate: readonly [number, number] | readonly [number, number, number];
+    translate: readonly [number, number] | import("../../../skia/types").Vec3;
     scale: number;
     scaleX: number;
     scaleY: number;
@@ -37,7 +37,7 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms3d)
     translateX: number;
     translateY: number;
     translateZ: number;
-    translate: readonly [number, number] | readonly [number, number, number];
+    translate: readonly [number, number] | import("../../../skia/types").Vec3;
     scale: number;
     scaleX: number;
     scaleY: number;
@@ -53,7 +53,7 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms3d)
     translateX: number;
     translateY: number;
     translateZ: number;
-    translate: readonly [number, number] | readonly [number, number, number];
+    translate: readonly [number, number] | import("../../../skia/types").Vec3;
     scale: number;
     scaleX: number;
     scaleY: number;
@@ -69,7 +69,7 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms3d)
     translateX: number;
     translateY: number;
     translateZ: number;
-    translate: readonly [number, number] | readonly [number, number, number];
+    translate: readonly [number, number] | import("../../../skia/types").Vec3;
     scale: number;
     scaleX: number;
     scaleY: number;
@@ -85,7 +85,7 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms3d)
     translateX: number;
     translateY: number;
     translateZ: number;
-    translate: readonly [number, number] | readonly [number, number, number];
+    translate: readonly [number, number] | import("../../../skia/types").Vec3;
     scale: number;
     scaleX: number;
     scaleY: number;
@@ -101,7 +101,7 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms3d)
     translateX: number;
     translateY: number;
     translateZ: number;
-    translate: readonly [number, number] | readonly [number, number, number];
+    translate: readonly [number, number] | import("../../../skia/types").Vec3;
     scale: number;
     scaleX: number;
     scaleY: number;
@@ -117,7 +117,7 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms3d)
     translateX: number;
     translateY: number;
     translateZ: number;
-    translate: readonly [number, number] | readonly [number, number, number];
+    translate: readonly [number, number] | import("../../../skia/types").Vec3;
     scale: number;
     scaleX: number;
     scaleY: number;
@@ -133,7 +133,7 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms3d)
     translateX: number;
     translateY: number;
     translateZ: number;
-    translate: readonly [number, number] | readonly [number, number, number];
+    translate: readonly [number, number] | import("../../../skia/types").Vec3;
     scale: number;
     scaleX: number;
     scaleY: number;
@@ -149,7 +149,7 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms3d)
     translateX: number;
     translateY: number;
     translateZ: number;
-    translate: readonly [number, number] | readonly [number, number, number];
+    translate: readonly [number, number] | import("../../../skia/types").Vec3;
     scale: number;
     scaleX: number;
     scaleY: number;
@@ -165,7 +165,7 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms3d)
     translateX: number;
     translateY: number;
     translateZ: number;
-    translate: readonly [number, number] | readonly [number, number, number];
+    translate: readonly [number, number] | import("../../../skia/types").Vec3;
     scale: number;
     scaleX: number;
     scaleY: number;
@@ -181,7 +181,7 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms3d)
     translateX: number;
     translateY: number;
     translateZ: number;
-    translate: readonly [number, number] | readonly [number, number, number];
+    translate: readonly [number, number] | import("../../../skia/types").Vec3;
     scale: number;
     scaleX: number;
     scaleY: number;
@@ -197,7 +197,7 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms3d)
     translateX: number;
     translateY: number;
     translateZ: number;
-    translate: readonly [number, number] | readonly [number, number, number];
+    translate: readonly [number, number] | import("../../../skia/types").Vec3;
     scale: number;
     scaleX: number;
     scaleY: number;
@@ -213,7 +213,7 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms3d)
     translateX: number;
     translateY: number;
     translateZ: number;
-    translate: readonly [number, number] | readonly [number, number, number];
+    translate: readonly [number, number] | import("../../../skia/types").Vec3;
     scale: number;
     scaleX: number;
     scaleY: number;
@@ -229,7 +229,7 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms3d)
     translateX: number;
     translateY: number;
     translateZ: number;
-    translate: readonly [number, number] | readonly [number, number, number];
+    translate: readonly [number, number] | import("../../../skia/types").Vec3;
     scale: number;
     scaleX: number;
     scaleY: number;

package/lib/typescript/src/dom/types/Drawings.d.ts

@@ -1,4 +1,4 @@
-import type { FillType, SkImage, StrokeOpts, Vector, Color, SkPoint, BlendMode, PointMode, VertexMode, SkFont, SkRRect, SkTextBlob, SkPicture, SkSVG, SkPaint, SkRect, SkRSXform, SkColor, SamplingOptions } from "../../skia/types";
+import type { FillType, SkImage, StrokeOpts, Vector, Color, SkPoint, BlendMode, PointMode, VertexMode, SkFont, SkRRect, SkTextBlob, SkPicture, SkSVG, SkPaint, SkRect, SkRSXform, SkColor, SamplingOptions, SkSkottieAnimation, SkImageFilter } from "../../skia/types";
 import type { CircleDef, Fit, GroupProps, PathDef, RectDef, RRectDef, SkEnum } from "./Common";
 export interface DrawingNodeProps extends GroupProps {
     paint?: SkPaint;
@@ -62,6 +62,10 @@ export interface ImageSVGProps extends DrawingNodeProps {
     height?: number;
     rect?: SkRect;
 }
+export interface SkottieProps extends DrawingNodeProps {
+    animation: SkSkottieAnimation;
+    frame: number;
+}
 export interface PictureProps extends DrawingNodeProps {
     picture: SkPicture;
 }
@@ -111,3 +115,6 @@ export interface BoxShadowProps {
     color?: Color;
     inner?: boolean;
 }
+export interface ImageFilterProps extends GroupProps {
+    imageFilter: SkImageFilter;
+}

package/lib/typescript/src/dom/types/NodeType.d.ts

@@ -55,5 +55,7 @@ export declare const enum NodeType {
     Picture = "skPicture",
     ImageSVG = "skImageSVG",
     Atlas = "skAtlas",
-    Paragraph = "skParagraph"
+    Paragraph = "skParagraph",
+    Skottie = "skSkottie",
+    ImageFilter = "skImageFilter"
 }

package/lib/typescript/src/renderer/__tests__/e2e/AdvancedImageFilters.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Camera.spec.d.ts

@@ -0,0 +1,21 @@
+import type { SkPath, SkRect, Vec3 } from "../../../skia/types";
+import { Matrix4 } from "../../../skia/types";
+declare enum Path3Command {
+    Move = 0,
+    Line = 1,
+    Quad = 2,
+    Cubic = 3,
+    Close = 4
+}
+export declare class Path3 {
+    commands: [Path3Command, ...number[]][];
+    constructor();
+    moveTo(to: Vec3): this;
+    lineTo(to: Vec3): this;
+    quadTo(control: Vec3, to: Vec3): this;
+    cubicTo(control1: Vec3, control2: Vec3, to: Vec3): this;
+    close(): this;
+    addHRect(rect: SkRect, z: number): this;
+    project(output: SkPath, tr?: Matrix4): this;
+}
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/ImageFilter.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/LightingImageFilters.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/e2e/Skottie.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/renderer/__tests__/setup.d.ts

@@ -23,6 +23,11 @@ export declare let fonts: {
     UberMoveMediumMono: SkFont;
     DinMedium: SkFont;
 };
+export declare let dataAssets: {
+    NotoSansSCRegular: Uint8Array;
+    img_0: Uint8Array;
+    AvenirHeavy: Uint8Array;
+};
 export declare const wait: (ms: number) => Promise<unknown>;
 export declare const resolveFile: (uri: string) => Buffer<ArrayBufferLike>;
 export declare const resolveFont: (uri: string) => number[];

package/lib/typescript/src/renderer/components/ImageFilter.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ImageFilterProps } from "../../dom/types";
+import type { SkiaProps } from "../processors";
+export declare const ImageFilter: (props: SkiaProps<ImageFilterProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/Skottie.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { SkottieProps } from "../../dom/types";
+import type { SkiaProps } from "../processors";
+export declare const Skottie: (props: SkiaProps<SkottieProps>) => React.JSX.Element;

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

@@ -13,4 +13,6 @@ export * from "./Group";
 export * from "./Mask";
 export * from "./Paint";
 export * from "./Blend";
+export * from "./Skottie";
+export * from "./ImageFilter";
 export * from "./paragraph";