@shopify/react-native-skia 2.0.6 → 2.1.0

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

@@ -18,4 +18,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/lib/module/mock/index.d.ts

@@ -275,10 +275,16 @@ export function Mock(CanvasKit: any): {
     convertToColumnMajor: (rowMajorMatrix: any) => any[];
     convertToAffineMatrix: (m4: any) => any[];
     invert4: (m: any) => number[];
+    setupCamera: (area: any, zscale: any, cam: any) => any[];
     CanvasKitWebGLBuffer: typeof import("../skia").CanvasKitWebGLBuffer;
     isNativeBufferAddr: (buffer: any) => buffer is BigInt;
     isNativeBufferWeb: (buffer: any) => boolean;
     isNativeBufferNode: (buffer: any) => buffer is ArrayBuffer;
+    LineBreakType: {};
+    VerticalTextAlign: {};
+    ResizePolicy: {};
+    InputState: {};
+    ModifierKey: {};
     Circle: (props: any) => import("react").DOMElement<any, Element>;
     Rect: (props: any) => import("react").DOMElement<any, Element>;
     RoundedRect: (props: any) => import("react").DOMElement<any, Element>;
@@ -499,5 +505,6 @@ export function Mock(CanvasKit: any): {
     }>;
     Paint: (props: any) => import("react").DOMElement<any, Element>;
     Blend: (props: any) => import("react").DOMElement<any, Element>;
+    Skottie: (props: any) => import("react").DOMElement<any, Element>;
     Paragraph: (props: any) => import("react").DOMElement<any, Element>;
 };

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

@@ -0,0 +1,2 @@
+export function Skottie(props: any): React.DOMElement<any, Element>;
+import React from "react";

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

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

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

@@ -31,6 +31,7 @@ export const Skia: {
     FontMgr: import("./web/JsiSkFontMgrFactory").JsiSkFontMgrFactory;
     ParagraphBuilder: import("./web/JsiSkParagraphBuilderFactory").JsiSkParagraphBuilderFactory;
     NativeBuffer: import("./web/JsiSkNativeBufferFactory").JsiSkNativeBufferFactory;
+    Skottie: import("./web/JsiSkottieFactory").JsiSkottieFactory;
     Video: (url?: any) => Promise<any>;
     Context: (_surface: any, _width: any, _height: any) => jest.Mock<any, any, any>;
     Recorder: () => jest.Mock<any, any, any>;

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

@@ -14,3 +14,4 @@ export function processTransform3d(transforms: any): any;
 export function convertToColumnMajor(rowMajorMatrix: any): any[];
 export function convertToAffineMatrix(m4: any): any[];
 export function invert4(m: any): number[];
+export function setupCamera(area: any, zscale: any, cam: any): any[];

package/lib/typescript/lib/module/skia/types/Skottie.d.ts

@@ -0,0 +1,5 @@
+export let LineBreakType: {};
+export let VerticalTextAlign: {};
+export let ResizePolicy: {};
+export let InputState: {};
+export let ModifierKey: {};

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

@@ -29,3 +29,4 @@ export * from "./Matrix4";
 export * from "./NativeBuffer";
 export * from "./Recorder";
 export * from "./Video";
+export * from "./Skottie";

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 } 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;
 }

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

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

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/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/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,5 @@ export * from "./Group";
 export * from "./Mask";
 export * from "./Paint";
 export * from "./Blend";
+export * from "./Skottie";
 export * from "./paragraph";