@shopify/react-native-skia 1.7.7 → 1.8.1

package/lib/typescript/src/sksg/__tests__/MockDeclaration.d.ts

@@ -1,57 +0,0 @@
-export declare enum DeclarationType {
-    ColorFilter = 0,
-    ImageFilter = 1,
-    Shader = 2,
-    MaskFilter = 3,
-    PathEffect = 4,
-    Paint = 5
-}
-interface Filter {
-    tag: string;
-}
-export interface SkColorFilter extends Filter {
-    type: DeclarationType.ColorFilter;
-}
-interface SkImageFilter extends Filter {
-    type: DeclarationType.ImageFilter;
-}
-interface SkShader extends Filter {
-    type: DeclarationType.Shader;
-}
-interface SkMaskFilter extends Filter {
-    type: DeclarationType.MaskFilter;
-}
-interface SkPathEffect extends Filter {
-    type: DeclarationType.PathEffect;
-}
-interface SkPaint extends Filter {
-    type: DeclarationType.Paint;
-}
-type Composer<T> = (outer: T, inner: T) => T;
-export declare const compose: any;
-export declare const composeDeclarations: <T>(filters: T[], composer: Composer<T>) => T;
-declare class Declaration<T extends Filter> {
-    decls: T[];
-    indexes: number[];
-    composer?: Composer<T>;
-    constructor(composer?: Composer<T>);
-    private get index();
-    save(): void;
-    restore(): void;
-    pop(): T | undefined;
-    push(decl: T): void;
-    popAll(): T[];
-    popAllAsOne(): T | undefined;
-}
-export declare class DeclarationContext {
-    readonly paints: Declaration<SkPaint>;
-    readonly maskFilters: Declaration<SkMaskFilter>;
-    readonly shaders: Declaration<SkShader>;
-    readonly pathEffects: Declaration<SkPathEffect>;
-    readonly imageFilters: Declaration<SkImageFilter>;
-    readonly colorFilters: Declaration<SkColorFilter>;
-    constructor();
-    save(): void;
-    restore(): void;
-}
-export {};

package/lib/typescript/src/sksg/nodes/Node.d.ts

@@ -1,7 +0,0 @@
-import type { NodeType } from "../../dom/types";
-export interface Node<Props = unknown> {
-    type: NodeType;
-    isDeclaration: boolean;
-    props: Props;
-    children: Node[];
-}

package/lib/typescript/src/sksg/nodes/colorFilters.d.ts

@@ -1,7 +0,0 @@
-import type { BlendColorFilterProps, DeclarationContext, LerpColorFilterProps, MatrixColorFilterProps } from "../../dom/types";
-export declare const makeBlendColorFilter: (ctx: DeclarationContext, props: BlendColorFilterProps) => import("../../skia/types").SkColorFilter;
-export declare const makeSRGBToLinearGammaColorFilter: (ctx: DeclarationContext) => import("../../skia/types").SkColorFilter;
-export declare const makeLinearToSRGBGammaColorFilter: (ctx: DeclarationContext) => import("../../skia/types").SkColorFilter;
-export declare const declareLerpColorFilter: (ctx: DeclarationContext, props: LerpColorFilterProps) => void;
-export declare const makeMatrixColorFilter: (ctx: DeclarationContext, props: MatrixColorFilterProps) => import("../../skia/types").SkColorFilter;
-export declare const makeLumaColorFilter: (ctx: DeclarationContext) => import("../../skia/types").SkColorFilter;

package/lib/typescript/src/sksg/nodes/context.d.ts

@@ -1,3 +0,0 @@
-import type { DrawingContext } from "../DrawingContext";
-import type { Node } from "./Node";
-export declare function draw(ctx: DrawingContext, node: Node<any>): void;

package/lib/typescript/src/sksg/nodes/drawings.d.ts

@@ -1,31 +0,0 @@
-import type { AtlasProps, BoxProps, BoxShadowProps, CircleProps, DiffRectProps, DrawingNodeProps, GlyphsProps, ImageProps, ImageSVGProps, LineProps, OvalProps, ParagraphProps, PatchProps, PathProps, PictureProps, PointsProps, RectProps, RoundedRectProps, TextBlobProps, TextPathProps, TextProps, VerticesProps } from "../../dom/types";
-import type { SkCanvas, SkPaint, Skia } from "../../skia/types";
-import type { Node } from "./Node";
-interface LocalDrawingContext {
-    Skia: Skia;
-    canvas: SkCanvas;
-    paint: SkPaint;
-}
-export declare const drawLine: (ctx: LocalDrawingContext, props: LineProps) => void;
-export declare const drawOval: (ctx: LocalDrawingContext, props: OvalProps) => void;
-export declare const drawBox: (ctx: LocalDrawingContext, props: BoxProps, children: Node<any>[]) => void;
-export declare const drawBoxShadow: (_ctx: LocalDrawingContext, _props: BoxShadowProps) => void;
-export declare const drawImage: (ctx: LocalDrawingContext, props: ImageProps) => void;
-export declare const drawPoints: (ctx: LocalDrawingContext, props: PointsProps) => void;
-export declare const drawVertices: (ctx: LocalDrawingContext, props: VerticesProps) => void;
-export declare const drawDiffRect: (ctx: LocalDrawingContext, props: DiffRectProps) => void;
-export declare const drawTextPath: (ctx: LocalDrawingContext, props: TextPathProps) => void;
-export declare const drawText: (ctx: LocalDrawingContext, props: TextProps) => void;
-export declare const drawPatch: (ctx: LocalDrawingContext, props: PatchProps) => void;
-export declare const drawPath: (ctx: LocalDrawingContext, props: PathProps) => void;
-export declare const drawRect: (ctx: LocalDrawingContext, props: RectProps) => void;
-export declare const drawRRect: (ctx: LocalDrawingContext, props: RoundedRectProps) => void;
-export declare const drawTextBlob: (ctx: LocalDrawingContext, props: TextBlobProps) => void;
-export declare const drawGlyphs: (ctx: LocalDrawingContext, props: GlyphsProps) => void;
-export declare const drawImageSVG: (ctx: LocalDrawingContext, props: ImageSVGProps) => void;
-export declare const drawParagraph: (ctx: LocalDrawingContext, props: ParagraphProps) => void;
-export declare const drawPicture: (ctx: LocalDrawingContext, props: PictureProps) => void;
-export declare const drawAtlas: (ctx: LocalDrawingContext, props: AtlasProps) => void;
-export declare const drawCircle: (ctx: LocalDrawingContext, props: CircleProps) => void;
-export declare const drawFill: (ctx: LocalDrawingContext, _props: DrawingNodeProps) => void;
-export {};

package/lib/typescript/src/sksg/nodes/imageFilters.d.ts

@@ -1,14 +0,0 @@
-import type { BlendImageFilterProps, BlurImageFilterProps, BlurMaskFilterProps, DeclarationContext, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps } from "../../dom/types";
-import type { SkImageFilter } from "../../skia/types";
-export declare enum MorphologyOperator {
-    Erode = 0,
-    Dilate = 1
-}
-export declare const makeOffsetImageFilter: (ctx: DeclarationContext, props: OffsetImageFilterProps) => SkImageFilter;
-export declare const declareDisplacementMapImageFilter: (ctx: DeclarationContext, props: DisplacementMapImageFilterProps) => void;
-export declare const makeBlurImageFilter: (ctx: DeclarationContext, props: BlurImageFilterProps) => SkImageFilter;
-export declare const makeDropShadowImageFilter: (ctx: DeclarationContext, props: DropShadowImageFilterProps) => SkImageFilter;
-export declare const makeMorphologyImageFilter: (ctx: DeclarationContext, props: MorphologyImageFilterProps) => SkImageFilter;
-export declare const makeRuntimeShaderImageFilter: (ctx: DeclarationContext, props: RuntimeShaderImageFilterProps) => SkImageFilter;
-export declare const declareBlendImageFilter: (ctx: DeclarationContext, props: BlendImageFilterProps) => void;
-export declare const declareBlurMaskFilter: (ctx: DeclarationContext, props: BlurMaskFilterProps) => void;

package/lib/typescript/src/sksg/nodes/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Node";
-export * from "./context";
-export * from "./utils";

package/lib/typescript/src/sksg/nodes/paint.d.ts

@@ -1,2 +0,0 @@
-import type { DeclarationContext, PaintProps } from "../../dom/types";
-export declare const declarePaint: (ctx: DeclarationContext, props: PaintProps) => void;

package/lib/typescript/src/sksg/nodes/pathEffects.d.ts

@@ -1,8 +0,0 @@
-import type { CornerPathEffectProps, DashPathEffectProps, DeclarationContext, DiscretePathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps } from "../../dom/types";
-export declare const makeDiscretePathEffect: (ctx: DeclarationContext, props: DiscretePathEffectProps) => import("../../skia/types").SkPathEffect;
-export declare const makePath2DPathEffect: (ctx: DeclarationContext, props: Path2DPathEffectProps) => import("../../skia/types").SkPathEffect;
-export declare const makeDashPathEffect: (ctx: DeclarationContext, props: DashPathEffectProps) => import("../../skia/types").SkPathEffect;
-export declare const makeCornerPathEffect: (ctx: DeclarationContext, props: CornerPathEffectProps) => import("../../skia/types").SkPathEffect;
-export declare const declareSumPathEffect: (ctx: DeclarationContext) => void;
-export declare const makeLine2DPathEffect: (ctx: DeclarationContext, props: Line2DPathEffectProps) => import("../../skia/types").SkPathEffect;
-export declare const makePath1DPathEffect: (ctx: DeclarationContext, props: Path1DPathEffectProps) => import("../../skia/types").SkPathEffect;

package/lib/typescript/src/sksg/nodes/shaders.d.ts

@@ -1,10 +0,0 @@
-import type { ColorProps, DeclarationContext, FractalNoiseProps, ImageShaderProps, LinearGradientProps, RadialGradientProps, ShaderProps, SweepGradientProps, TurbulenceProps, TwoPointConicalGradientProps } from "../../dom/types";
-export declare const declareShader: (ctx: DeclarationContext, props: ShaderProps) => void;
-export declare const declareColorShader: (ctx: DeclarationContext, props: ColorProps) => void;
-export declare const declareFractalNoiseShader: (ctx: DeclarationContext, props: FractalNoiseProps) => void;
-export declare const declareTwoPointConicalGradientShader: (ctx: DeclarationContext, props: TwoPointConicalGradientProps) => void;
-export declare const declareRadialGradientShader: (ctx: DeclarationContext, props: RadialGradientProps) => void;
-export declare const declareSweepGradientShader: (ctx: DeclarationContext, props: SweepGradientProps) => void;
-export declare const declareLinearGradientShader: (ctx: DeclarationContext, props: LinearGradientProps) => void;
-export declare const declareTurbulenceShader: (ctx: DeclarationContext, props: TurbulenceProps) => void;
-export declare const declareImageShader: (ctx: DeclarationContext, props: ImageShaderProps) => void;

package/lib/typescript/src/views/SkiaJSDomView.d.ts

@@ -1,38 +0,0 @@
-import React from "react";
-import type { Skia, SkRect } from "../skia/types";
-import type { SkiaDomViewNativeProps } from "./types";
-interface SkiaDomViewProps extends SkiaDomViewNativeProps {
-    mode?: "default" | "continuous";
-}
-type SkiaJSDomViewProps = SkiaDomViewProps & {
-    Skia: Skia;
-    mode?: "default" | "continuous";
-};
-export declare class SkiaJSDomView extends React.Component<SkiaJSDomViewProps> {
-    constructor(props: SkiaJSDomViewProps);
-    private _nativeId;
-    private requestId;
-    private tick;
-    get nativeId(): number;
-    componentDidUpdate(prevProps: SkiaDomViewProps & {
-        Skia: Skia;
-    }): void;
-    /**
-     * Creates a snapshot from the canvas in the surface
-     * @param rect Rect to use as bounds. Optional.
-     * @returns An Image object.
-     */
-    makeImageSnapshot(rect?: SkRect): import("../skia/types").SkImage;
-    makeImageSnapshotAsync(rect?: SkRect): Promise<import("../skia/types").SkImage>;
-    /**
-     * Sends a redraw request to the native SkiaView.
-     */
-    redraw(): void;
-    private draw;
-    /**
-     * Clear up the dom node when unmounting to release resources.
-     */
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-}
-export {};

package/lib/typescript/src/views/SkiaJSDomView.web.d.ts

@@ -1 +0,0 @@
-export { SkiaDomView as SkiaJSDomView } from "./SkiaDomView";

package/src/dom/nodes/DrawingNode.ts

@@ -1,74 +0,0 @@
-import type {
-  DrawingContext,
-  DrawingNodeProps,
-  Node,
-  NodeType,
-  RenderNode,
-} from "../types";
-
-import type { NodeContext } from "./Node";
-import { JsiDeclarationNode } from "./Node";
-import { PaintNode } from "./PaintNode";
-import { JsiRenderNode } from "./RenderNode";
-
-export abstract class JsiDrawingNode<P extends DrawingNodeProps, C>
-  extends JsiRenderNode<P>
-  implements RenderNode<P>
-{
-  protected derived?: C;
-
-  constructor(ctx: NodeContext, type: NodeType, props: P) {
-    super(ctx, type, props);
-    this.derived = this.deriveProps();
-  }
-
-  setProps(props: P) {
-    super.setProps(props);
-    this.derived = this.deriveProps();
-  }
-
-  setProp<K extends keyof P>(name: K, value: P[K]) {
-    const hasChanged = super.setProp(name, value);
-    if (hasChanged) {
-      this.derived = this.deriveProps();
-    }
-    return hasChanged;
-  }
-
-  addChild(child: Node<unknown>): void {
-    if (!(child instanceof JsiDeclarationNode)) {
-      throw new Error(`Cannot add ${child.type} to ${this.type}`);
-    }
-    super.addChild(child);
-    this.derived = this.deriveProps();
-  }
-
-  insertChildBefore(child: Node<unknown>, before: Node<unknown>): void {
-    if (!(child instanceof JsiDeclarationNode)) {
-      throw new Error(`Cannot add ${child.type} to ${this.type}`);
-    }
-    super.insertChildBefore(child, before);
-    this.derived = this.deriveProps();
-  }
-
-  renderNode(ctx: DrawingContext): void {
-    if (this.props.paint) {
-      this.draw({ ...ctx, paint: this.props.paint });
-    } else {
-      this.draw(ctx);
-    }
-    this.children().map((child) => {
-      if (child instanceof PaintNode) {
-        const declCtx = ctx.declarationCtx;
-        declCtx.save();
-        child.decorate(declCtx);
-        const paint = declCtx.paints.pop()!;
-        declCtx.restore();
-        this.draw({ ...ctx, paint });
-      }
-    });
-  }
-
-  protected abstract draw(ctx: DrawingContext): void;
-  protected abstract deriveProps(): C;
-}

package/src/dom/nodes/GroupNode.ts

@@ -1,19 +0,0 @@
-import type { DrawingContext, GroupProps } from "../types";
-import { NodeType } from "../types";
-
-import { JsiRenderNode } from "./RenderNode";
-import type { NodeContext } from "./Node";
-
-export class GroupNode extends JsiRenderNode<GroupProps> {
-  constructor(ctx: NodeContext, props: GroupProps) {
-    super(ctx, NodeType.Group, props);
-  }
-
-  renderNode(ctx: DrawingContext): void {
-    this.children().map((child) => {
-      if (child instanceof JsiRenderNode) {
-        child.render(ctx);
-      }
-    });
-  }
-}

package/src/dom/nodes/LayerNode.ts

@@ -1,37 +0,0 @@
-import type { DrawingContext } from "../types";
-import { NodeType } from "../types";
-import type { ChildrenProps } from "../types/Common";
-
-import { JsiRenderNode } from "./RenderNode";
-import type { NodeContext } from "./Node";
-import { JsiDeclarationNode } from "./Node";
-
-export class LayerNode extends JsiRenderNode<ChildrenProps> {
-  constructor(ctx: NodeContext, props: ChildrenProps) {
-    super(ctx, NodeType.Layer, props);
-  }
-
-  renderNode(ctx: DrawingContext): void {
-    let hasLayer = false;
-    const [layer, ...children] = this.children();
-    if (layer instanceof JsiDeclarationNode) {
-      const declCtx = ctx.declarationCtx;
-      declCtx.save();
-      layer.decorate(declCtx);
-      const paint = declCtx.paints.pop();
-      declCtx.restore();
-      if (paint) {
-        hasLayer = true;
-        ctx.canvas.saveLayer(paint);
-      }
-    }
-    children.map((child) => {
-      if (child instanceof JsiRenderNode) {
-        child.render(ctx);
-      }
-    });
-    if (hasLayer) {
-      ctx.canvas.restore();
-    }
-  }
-}

package/src/dom/nodes/Node.ts

@@ -1,121 +0,0 @@
-import type { Skia } from "../../skia/types";
-import type { Node, DeclarationNode, NodeType } from "../types";
-import type { DeclarationContext } from "../types/DeclarationContext";
-
-export interface NodeContext {
-  Skia: Skia;
-}
-
-export abstract class JsiNode<P> implements Node<P> {
-  protected _children: JsiNode<unknown>[] = [];
-  protected Skia: Skia;
-
-  constructor(ctx: NodeContext, public type: NodeType, protected props: P) {
-    this.Skia = ctx.Skia;
-  }
-
-  setProps(props: P) {
-    this.props = props;
-  }
-
-  setProp<K extends keyof P>(name: K, v: P[K]) {
-    const hasChanged = this.props[name] !== v;
-    this.props[name] = v;
-    return hasChanged;
-  }
-
-  getProps() {
-    return this.props;
-  }
-
-  children() {
-    return this._children;
-  }
-
-  addChild(child: Node<unknown>) {
-    this.removeChild(child);
-    this._children.push(child as JsiNode<unknown>);
-  }
-
-  dispose() {
-    this._children.forEach((child) => child.dispose());
-  }
-
-  removeChild(child: Node<unknown>) {
-    const index = this._children.indexOf(child as JsiNode<unknown>);
-    if (index !== -1) {
-      const [node] = this._children.splice(index, 1);
-      node.dispose();
-    }
-  }
-
-  insertChildBefore(child: Node<unknown>, before: Node<unknown>) {
-    const index = this._children.indexOf(child as JsiNode<unknown>);
-    if (index !== -1) {
-      this._children.splice(index, 1);
-    }
-    const beforeIndex = this._children.indexOf(before as JsiNode<unknown>);
-    this._children.splice(beforeIndex, 0, child as JsiNode<unknown>);
-  }
-}
-
-export type Invalidate = () => void;
-
-export abstract class JsiDeclarationNode<P>
-  extends JsiNode<P>
-  implements DeclarationNode<P>
-{
-  private invalidate: Invalidate = () => {};
-
-  constructor(ctx: NodeContext, type: NodeType, props: P) {
-    super(ctx, type, props);
-  }
-
-  abstract decorate(ctx: DeclarationContext): void;
-
-  protected decorateChildren(ctx: DeclarationContext) {
-    this.children().forEach((child) => {
-      if (child instanceof JsiDeclarationNode) {
-        child.decorate(ctx);
-      }
-    });
-  }
-
-  addChild(child: Node<unknown>): void {
-    if (!(child instanceof JsiDeclarationNode)) {
-      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);
-    }
-    super.addChild(child);
-    this.invalidate();
-  }
-
-  insertChildBefore(child: Node<unknown>, before: Node<unknown>): void {
-    if (!(child instanceof JsiDeclarationNode)) {
-      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);
-    }
-    super.insertChildBefore(child, before);
-    this.invalidate();
-  }
-
-  dispose() {
-    this.invalidate();
-    super.dispose();
-  }
-
-  setInvalidate(invalidate: Invalidate) {
-    this.invalidate = invalidate;
-  }
-
-  setProps(props: P) {
-    super.setProps(props);
-    this.invalidate();
-  }
-
-  setProp<K extends keyof P>(name: K, v: P[K]) {
-    const hasChanged = super.setProp(name, v);
-    if (hasChanged) {
-      this.invalidate();
-    }
-    return hasChanged;
-  }
-}

package/src/dom/nodes/PaintNode.ts

@@ -1,91 +0,0 @@
-import { StrokeCap, StrokeJoin, PaintStyle, BlendMode } from "../../skia/types";
-import type { DeclarationNode, PaintProps } from "../types";
-import { NodeType } from "../types";
-import type { DeclarationContext } from "../types/DeclarationContext";
-
-import { enumKey } from "./datatypes";
-import type { NodeContext } from "./Node";
-import { JsiDeclarationNode } from "./Node";
-
-export class PaintNode
-  extends JsiDeclarationNode<PaintProps>
-  implements DeclarationNode<PaintProps>
-{
-  constructor(ctx: NodeContext, props: PaintProps = {}) {
-    super(ctx, NodeType.Paint, props);
-  }
-
-  decorate(ctx: DeclarationContext) {
-    const {
-      color,
-      strokeWidth,
-      blendMode,
-      style,
-      strokeJoin,
-      strokeCap,
-      strokeMiter,
-      opacity,
-      antiAlias,
-      dither,
-    } = this.props;
-    const paint = this.Skia.Paint();
-    if (color !== undefined) {
-      paint.setColor(this.Skia.Color(color));
-    }
-    if (strokeWidth !== undefined) {
-      paint.setStrokeWidth(strokeWidth);
-    }
-    if (blendMode !== undefined) {
-      paint.setBlendMode(BlendMode[enumKey(blendMode)]);
-    }
-    if (style !== undefined) {
-      paint.setStyle(PaintStyle[enumKey(style)]);
-    }
-    if (strokeJoin !== undefined) {
-      paint.setStrokeJoin(StrokeJoin[enumKey(strokeJoin)]);
-    }
-    if (strokeCap !== undefined) {
-      paint.setStrokeCap(StrokeCap[enumKey(strokeCap)]);
-    }
-    if (strokeMiter !== undefined) {
-      paint.setStrokeMiter(strokeMiter);
-    }
-    if (opacity !== undefined) {
-      paint.setAlphaf(opacity);
-    }
-    if (antiAlias !== undefined) {
-      paint.setAntiAlias(antiAlias);
-    }
-    if (dither !== undefined) {
-      paint.setDither(dither);
-    }
-    ctx.save();
-    this._children.forEach((child) => {
-      if (child instanceof JsiDeclarationNode) {
-        child.decorate(ctx);
-      }
-    });
-    const colorFilter = ctx.colorFilters.popAllAsOne();
-    const imageFilter = ctx.imageFilters.popAllAsOne();
-    const shader = ctx.shaders.pop();
-    const maskFilter = ctx.maskFilters.pop();
-    const pathEffect = ctx.pathEffects.popAllAsOne();
-    ctx.restore();
-    if (imageFilter) {
-      paint.setImageFilter(imageFilter);
-    }
-    if (shader) {
-      paint.setShader(shader);
-    }
-    if (pathEffect) {
-      paint.setPathEffect(pathEffect);
-    }
-    if (colorFilter) {
-      paint.setColorFilter(colorFilter);
-    }
-    if (maskFilter) {
-      paint.setMaskFilter(maskFilter);
-    }
-    ctx.paints.push(paint);
-  }
-}