@shopify/react-native-skia 1.7.6 → 1.8.0

package/lib/typescript/src/dom/nodes/drawings/RRectNode.d.ts

@@ -1,10 +0,0 @@
-import type { InputRRect, SkRRect } from "../../../skia/types";
-import type { DrawingContext, RoundedRectProps } from "../../types";
-import { JsiDrawingNode } from "../DrawingNode";
-import type { NodeContext } from "../Node";
-export declare class RRectNode extends JsiDrawingNode<RoundedRectProps, InputRRect> {
-    rect?: SkRRect;
-    constructor(ctx: NodeContext, props: RoundedRectProps);
-    protected deriveProps(): InputRRect;
-    draw({ canvas, paint }: DrawingContext): void;
-}

package/lib/typescript/src/dom/nodes/drawings/RectNode.d.ts

@@ -1,9 +0,0 @@
-import type { SkRect } from "../../../skia/types/Rect";
-import type { DrawingContext, RectProps } from "../../types";
-import { JsiDrawingNode } from "../DrawingNode";
-import type { NodeContext } from "../Node";
-export declare class RectNode extends JsiDrawingNode<RectProps, SkRect> {
-    constructor(ctx: NodeContext, props: RectProps);
-    deriveProps(): SkRect;
-    draw({ canvas, paint }: DrawingContext): void;
-}

package/lib/typescript/src/dom/nodes/drawings/Text.d.ts

@@ -1,30 +0,0 @@
-import type { SkTextBlob, SkPoint, SkFont } from "../../../skia/types";
-import type { DrawingContext, TextBlobProps, TextPathProps, TextProps } from "../../types";
-import type { GlyphsProps } from "../../types/Drawings";
-import { JsiDrawingNode } from "../DrawingNode";
-import type { NodeContext } from "../Node";
-export declare class TextNode extends JsiDrawingNode<TextProps, SkFont | null> {
-    constructor(ctx: NodeContext, props: TextProps);
-    protected deriveProps(): SkFont | null;
-    draw({ canvas, paint }: DrawingContext): void;
-}
-export declare class TextPathNode extends JsiDrawingNode<TextPathProps, SkTextBlob | null> {
-    constructor(ctx: NodeContext, props: TextPathProps);
-    deriveProps(): SkTextBlob | null;
-    draw({ canvas, paint }: DrawingContext): void;
-}
-export declare class TextBlobNode extends JsiDrawingNode<TextBlobProps, null> {
-    constructor(ctx: NodeContext, props: TextBlobProps);
-    protected deriveProps(): null;
-    draw({ canvas, paint }: DrawingContext): void;
-}
-interface ProcessedGlyphs {
-    glyphs: number[];
-    positions: SkPoint[];
-}
-export declare class GlyphsNode extends JsiDrawingNode<GlyphsProps, ProcessedGlyphs> {
-    constructor(ctx: NodeContext, props: GlyphsProps);
-    deriveProps(): ProcessedGlyphs;
-    draw({ canvas, paint }: DrawingContext): void;
-}
-export {};

package/lib/typescript/src/dom/nodes/drawings/VerticesNode.d.ts

@@ -1,9 +0,0 @@
-import type { SkVertices } from "../../../skia/types";
-import type { DrawingContext, VerticesProps } from "../../types";
-import { JsiDrawingNode } from "../DrawingNode";
-import type { NodeContext } from "../Node";
-export declare class VerticesNode extends JsiDrawingNode<VerticesProps, SkVertices> {
-    constructor(ctx: NodeContext, props: VerticesProps);
-    protected deriveProps(): SkVertices;
-    draw({ canvas, paint }: DrawingContext): void;
-}

package/lib/typescript/src/dom/nodes/drawings/index.d.ts

@@ -1,18 +0,0 @@
-export * from "./AtlasNode";
-export * from "./CircleNode";
-export * from "./FillNode";
-export * from "./ImageNode";
-export * from "./PointsNode";
-export * from "./PathNode";
-export * from "./RectNode";
-export * from "./RRectNode";
-export * from "./OvalNode";
-export * from "./LineNode";
-export * from "./PatchNode";
-export * from "./VerticesNode";
-export * from "./Text";
-export * from "./PictureNode";
-export * from "./DiffRectNode";
-export * from "./ImageSVG";
-export * from "./BackdropFilterNode";
-export * from "./Box";

package/lib/typescript/src/dom/nodes/paint/BlendNode.d.ts

@@ -1,8 +0,0 @@
-import type { BlendProps } from "../../types/ImageFilters";
-import type { NodeContext } from "../Node";
-import { JsiDeclarationNode } from "../Node";
-import type { DeclarationContext } from "../../types/DeclarationContext";
-export declare class BlendNode extends JsiDeclarationNode<BlendProps> {
-    constructor(ctx: NodeContext, props: BlendProps);
-    decorate(ctx: DeclarationContext): void;
-}

package/lib/typescript/src/dom/nodes/paint/ColorFilters.d.ts

@@ -1,35 +0,0 @@
-import type { SkColorFilter } from "../../../skia/types";
-import type { NodeContext } from "../Node";
-import { JsiDeclarationNode } from "../Node";
-import type { BlendColorFilterProps, MatrixColorFilterProps } from "../../types";
-import { NodeType } from "../../types";
-import type { LerpColorFilterProps } from "../../types/ColorFilters";
-import type { DeclarationContext } from "../../types/DeclarationContext";
-export declare abstract class ColorFilterDeclaration<P> extends JsiDeclarationNode<P> {
-    constructor(ctx: NodeContext, type: NodeType, props: P);
-    protected composeAndPush(ctx: DeclarationContext, cf1: SkColorFilter): void;
-}
-export declare class MatrixColorFilterNode extends ColorFilterDeclaration<MatrixColorFilterProps> {
-    constructor(ctx: NodeContext, props: MatrixColorFilterProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class BlendColorFilterNode extends ColorFilterDeclaration<BlendColorFilterProps> {
-    constructor(ctx: NodeContext, props: BlendColorFilterProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class LinearToSRGBGammaColorFilterNode extends ColorFilterDeclaration<null> {
-    constructor(ctx: NodeContext);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class SRGBToLinearGammaColorFilterNode extends ColorFilterDeclaration<null> {
-    constructor(ctx: NodeContext);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class LumaColorFilterNode extends ColorFilterDeclaration<null> {
-    constructor(ctx: NodeContext);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class LerpColorFilterNode extends ColorFilterDeclaration<LerpColorFilterProps> {
-    constructor(ctx: NodeContext, props: LerpColorFilterProps);
-    decorate(ctx: DeclarationContext): void;
-}

package/lib/typescript/src/dom/nodes/paint/ImageFilters.d.ts

@@ -1,42 +0,0 @@
-import type { SkImageFilter } from "../../../skia/types";
-import type { BlendImageFilterProps, BlurImageFilterProps, DeclarationContext, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps } from "../../types";
-import { NodeType } from "../../types";
-import type { NodeContext } from "../Node";
-import { JsiDeclarationNode } from "../Node";
-export declare abstract class ImageFilterDeclaration<P> extends JsiDeclarationNode<P> {
-    constructor(ctx: NodeContext, type: NodeType, props: P);
-    protected input(ctx: DeclarationContext): SkImageFilter | null;
-    protected composeAndPush(ctx: DeclarationContext, imgf1: SkImageFilter): void;
-}
-export declare class OffsetImageFilterNode extends ImageFilterDeclaration<OffsetImageFilterProps> {
-    constructor(ctx: NodeContext, props: OffsetImageFilterProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class DisplacementMapImageFilterNode extends ImageFilterDeclaration<DisplacementMapImageFilterProps> {
-    constructor(ctx: NodeContext, props: DisplacementMapImageFilterProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class BlurImageFilterNode extends ImageFilterDeclaration<BlurImageFilterProps> {
-    constructor(ctx: NodeContext, props: BlurImageFilterProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class DropShadowImageFilterNode extends ImageFilterDeclaration<DropShadowImageFilterProps> {
-    constructor(ctx: NodeContext, props: DropShadowImageFilterProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare enum MorphologyOperator {
-    Erode = 0,
-    Dilate = 1
-}
-export declare class MorphologyImageFilterNode extends ImageFilterDeclaration<MorphologyImageFilterProps> {
-    constructor(ctx: NodeContext, props: MorphologyImageFilterProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class BlendImageFilterNode extends ImageFilterDeclaration<BlendImageFilterProps> {
-    constructor(ctx: NodeContext, props: BlendImageFilterProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class RuntimeShaderImageFilterNode extends ImageFilterDeclaration<RuntimeShaderImageFilterProps> {
-    constructor(ctx: NodeContext, props: RuntimeShaderImageFilterProps);
-    decorate(ctx: DeclarationContext): void;
-}

package/lib/typescript/src/dom/nodes/paint/MaskFilters.d.ts

@@ -1,8 +0,0 @@
-import type { NodeContext } from "../Node";
-import { JsiDeclarationNode } from "../Node";
-import type { BlurMaskFilterProps } from "../../types";
-import type { DeclarationContext } from "../../types/DeclarationContext";
-export declare class BlurMaskFilterNode extends JsiDeclarationNode<BlurMaskFilterProps> {
-    constructor(ctx: NodeContext, props: BlurMaskFilterProps);
-    decorate(ctx: DeclarationContext): void;
-}

package/lib/typescript/src/dom/nodes/paint/PathEffects.d.ts

@@ -1,39 +0,0 @@
-import type { SkPathEffect } from "../../../skia/types";
-import type { NodeContext } from "../Node";
-import { JsiDeclarationNode } from "../Node";
-import type { CornerPathEffectProps, DashPathEffectProps, DiscretePathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps } from "../../types";
-import { NodeType } from "../../types";
-import type { DeclarationContext } from "../../types/DeclarationContext";
-declare abstract class PathEffectDeclaration<P> extends JsiDeclarationNode<P> {
-    constructor(ctx: NodeContext, type: NodeType, props: P);
-    protected composeAndPush(ctx: DeclarationContext, pe1: SkPathEffect): void;
-}
-export declare class DiscretePathEffectNode extends PathEffectDeclaration<DiscretePathEffectProps> {
-    constructor(ctx: NodeContext, props: DiscretePathEffectProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class Path2DPathEffectNode extends PathEffectDeclaration<Path2DPathEffectProps> {
-    constructor(ctx: NodeContext, props: Path2DPathEffectProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class DashPathEffectNode extends PathEffectDeclaration<DashPathEffectProps> {
-    constructor(ctx: NodeContext, props: DashPathEffectProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class CornerPathEffectNode extends PathEffectDeclaration<CornerPathEffectProps> {
-    constructor(ctx: NodeContext, props: CornerPathEffectProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class SumPathEffectNode extends PathEffectDeclaration<null> {
-    constructor(ctx: NodeContext);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class Line2DPathEffectNode extends PathEffectDeclaration<Line2DPathEffectProps> {
-    constructor(ctx: NodeContext, props: Line2DPathEffectProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class Path1DPathEffectNode extends PathEffectDeclaration<Path1DPathEffectProps> {
-    constructor(ctx: NodeContext, props: Path1DPathEffectProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export {};

package/lib/typescript/src/dom/nodes/paint/Shaders.d.ts

@@ -1,43 +0,0 @@
-import type { NodeContext } from "../Node";
-import { JsiDeclarationNode } from "../Node";
-import type { ColorProps, DeclarationContext, FractalNoiseProps, ImageShaderProps, LinearGradientProps, RadialGradientProps, ShaderProps, SweepGradientProps, TurbulenceProps, TwoPointConicalGradientProps } from "../../types";
-import { NodeType } from "../../types";
-export declare abstract class ShaderDeclaration<P> extends JsiDeclarationNode<P> {
-    constructor(ctx: NodeContext, type: NodeType, props: P);
-}
-export declare class ShaderNode extends ShaderDeclaration<ShaderProps> {
-    constructor(ctx: NodeContext, props: ShaderProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class ImageShaderNode extends ShaderDeclaration<ImageShaderProps> {
-    constructor(ctx: NodeContext, props: ImageShaderProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class ColorNode extends ShaderDeclaration<ColorProps> {
-    constructor(ctx: NodeContext, props: ColorProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class TurbulenceNode extends ShaderDeclaration<TurbulenceProps> {
-    constructor(ctx: NodeContext, props: TurbulenceProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class FractalNoiseNode extends ShaderDeclaration<FractalNoiseProps> {
-    constructor(ctx: NodeContext, props: FractalNoiseProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class LinearGradientNode extends ShaderDeclaration<LinearGradientProps> {
-    constructor(ctx: NodeContext, props: LinearGradientProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class RadialGradientNode extends ShaderDeclaration<RadialGradientProps> {
-    constructor(ctx: NodeContext, props: RadialGradientProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class SweepGradientNode extends ShaderDeclaration<SweepGradientProps> {
-    constructor(ctx: NodeContext, props: SweepGradientProps);
-    decorate(ctx: DeclarationContext): void;
-}
-export declare class TwoPointConicalGradientNode extends ShaderDeclaration<TwoPointConicalGradientProps> {
-    constructor(ctx: NodeContext, props: TwoPointConicalGradientProps);
-    decorate(ctx: DeclarationContext): void;
-}

package/lib/typescript/src/dom/nodes/paint/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./Shaders";
-export * from "./MaskFilters";
-export * from "./ColorFilters";
-export * from "./ImageFilters";
-export * from "./PathEffects";
-export * from "./BlendNode";

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

@@ -1,29 +0,0 @@
-import type { SkShader, SkPaint, SkImageFilter, SkMaskFilter, SkPathEffect, Skia, SkColorFilter } from "../../skia/types";
-type Composer<T> = (outer: T, inner: T) => T;
-export declare const composeDeclarations: <T>(filters: T[], composer: Composer<T>) => T;
-declare class Declaration<T> {
-    private composer?;
-    private decls;
-    private indexes;
-    constructor(composer?: Composer<T> | undefined);
-    private get index();
-    save(): void;
-    restore(): void;
-    pop(): T | undefined;
-    push(decl: T): void;
-    popAll(): T[];
-    popAllAsOne(): T;
-}
-export declare class DeclarationContext {
-    private Skia;
-    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(Skia: Skia);
-    save(): void;
-    restore(): void;
-}
-export {};

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

@@ -1,22 +0,0 @@
-import type { SkCanvas, SkPaint, Skia } from "../../skia/types";
-import type { PaintProps } from "./Common";
-import { DeclarationContext } from "./DeclarationContext";
-import type { Node } from "./Node";
-export interface DrawingContext {
-    canvas: SkCanvas;
-    paint: SkPaint;
-    saveAndConcat(node: Node<PaintProps>, cache?: SkPaint): boolean;
-    restore(): void;
-    declarationCtx: DeclarationContext;
-}
-export declare class JsiDrawingContext implements DrawingContext {
-    private readonly Skia;
-    readonly canvas: SkCanvas;
-    paints: SkPaint[];
-    declarationCtx: DeclarationContext;
-    constructor(Skia: Skia, canvas: SkCanvas);
-    get paint(): SkPaint;
-    private save;
-    restore(): void;
-    saveAndConcat(node: Node<PaintProps>, cache?: SkPaint): boolean;
-}

package/lib/typescript/src/renderer/DrawingContext.d.ts

@@ -1,7 +0,0 @@
-import type { DrawingInfo } from "../views";
-import type { Skia, SkCanvas, SkPaint } from "../skia/types";
-export interface DrawingContext extends Omit<DrawingInfo, "touches"> {
-    Skia: Skia;
-    canvas: SkCanvas;
-    paint: SkPaint;
-}

package/lib/typescript/src/renderer/__tests__/SkiaDOM.spec.d.ts

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

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/__tests__/Compose.spec.tsx

@@ -1,42 +0,0 @@
-import {
-  importSkia,
-  width,
-  height,
-  loadImage,
-  getSkDOM,
-} from "../../renderer/__tests__/setup";
-import { setupSkia } from "../../skia/__tests__/setup";
-import { docPath, processResult } from "../../__tests__/setup";
-import { JsiDrawingContext } from "../types";
-
-describe("Compose", () => {
-  it("should compose image filters", () => {
-    const size = width;
-    const { surface, canvas } = setupSkia(width, height);
-    const { Skia, rect, vec } = importSkia();
-    const Sk = getSkDOM();
-    const image = loadImage("skia/__tests__/assets/oslo.jpg");
-
-    const root = Sk.Group();
-    const img = Sk.Image({
-      image,
-      fit: "cover",
-      rect: rect(0, 0, size, size),
-    });
-    root.addChild(img);
-
-    const matrix = [
-      -0.578, 0.99, 0.588, 0, 0, 0.469, 0.535, -0.003, 0, 0, 0.015, 1.69,
-      -0.703, 0, 0, 0, 0, 0, 1, 0,
-    ];
-    const cf = Sk.MatrixColorFilter({ matrix });
-
-    const blur = Sk.BlurImageFilter({ blur: vec(10, 10), mode: "decal" });
-    blur.addChild(cf);
-    root.addChild(blur);
-
-    const ctx = new JsiDrawingContext(Skia, canvas);
-    root.render(ctx);
-    processResult(surface, docPath("image-filters/composing.png"));
-  });
-});

package/src/dom/__tests__/Demos.spec.tsx

@@ -1,145 +0,0 @@
-import {
-  importSkia,
-  width,
-  height,
-  getSkDOM,
-} from "../../renderer/__tests__/setup";
-import { setupSkia } from "../../skia/__tests__/setup";
-import { processResult } from "../../__tests__/setup";
-import { JsiDrawingContext } from "../types";
-
-describe("Drawings", () => {
-  it("Apple Breathe Demo", () => {
-    const { surface, canvas } = setupSkia(width, height);
-    const { Skia, vec, polar2Canvas } = importSkia();
-    const Sk = getSkDOM();
-    const c = vec(width / 2, height / 2);
-    const c1 = Skia.Color("#61bea2");
-    const c2 = Skia.Color("#529ca0");
-    const R = width / 4;
-    const color = Skia.Color("rgb(36,43,56)");
-    const root = Sk.Group({ color });
-    root.addChild(Sk.Fill());
-    const rings = Sk.Group({
-      blendMode: "screen",
-    });
-    const blur = Sk.BlurMaskFilter({
-      blur: 10,
-      style: "solid",
-      respectCTM: true,
-    });
-    rings.addChild(blur);
-    for (let i = 0; i < 6; i++) {
-      const theta = (i * (2 * Math.PI)) / 6;
-      const matrix = Skia.Matrix();
-      const { x, y } = polar2Canvas({ theta, radius: R }, { x: 0, y: 0 });
-      matrix.translate(x, y);
-      const ring = Sk.Group({
-        matrix,
-        color: i % 2 ? c1 : c2,
-      });
-      ring.addChild(Sk.Circle({ c, r: R }));
-      rings.addChild(ring);
-    }
-    root.addChild(rings);
-    const ctx = new JsiDrawingContext(Skia, canvas);
-    root.render(ctx);
-    processResult(surface, "snapshots/demos/breathe.png");
-  });
-
-  it("Apple Breathe Demo with the new API", () => {
-    const { surface, canvas } = setupSkia(width, height);
-    const { Skia, vec, polar2Canvas } = importSkia();
-    const Sk = getSkDOM();
-    const c = vec(width / 2, height / 2);
-    const c1 = Skia.Color("#61bea2");
-    const c2 = Skia.Color("#529ca0");
-    const R = width / 4;
-    const color = Skia.Color("rgb(36,43,56)");
-    const root = Sk.Group({ color });
-    root.addChild(Sk.Fill());
-    const rings = Sk.Group({
-      blendMode: "screen",
-    });
-    const blur = Sk.BlurMaskFilter({
-      blur: 10,
-      style: "solid",
-      respectCTM: true,
-    });
-    rings.addChild(blur);
-    for (let i = 0; i < 6; i++) {
-      const theta = (i * (2 * Math.PI)) / 6;
-      const matrix = Skia.Matrix();
-      const { x, y } = polar2Canvas({ theta, radius: R }, { x: 0, y: 0 });
-      matrix.translate(x, y);
-      rings.addChild(Sk.Circle({ c, r: R, matrix, color: i % 2 ? c1 : c2 }));
-    }
-    root.addChild(rings);
-    const ctx = new JsiDrawingContext(Skia, canvas);
-    root.render(ctx);
-    processResult(surface, "snapshots/demos/breathe.png");
-  });
-
-  it("Apple Breathe Demo with animations", () => {
-    const { surface, canvas } = setupSkia(width, height);
-    const { Skia, vec, polar2Canvas } = importSkia();
-    const Sk = getSkDOM();
-    const c = vec(width / 2, height / 2);
-    const c1 = Skia.Color("#61bea2");
-    const c2 = Skia.Color("#529ca0");
-    const R = width / 4;
-    const color = Skia.Color("rgb(36,43,56)");
-    const root = Sk.Group({ color });
-    root.addChild(Sk.Fill());
-    const rings = Sk.Group({
-      blendMode: "screen",
-    });
-    const blur = Sk.BlurMaskFilter({
-      blur: 10,
-      style: "solid",
-      respectCTM: true,
-    });
-    rings.addChild(blur);
-    for (let i = 0; i < 6; i++) {
-      const theta = (i * (2 * Math.PI)) / 6;
-      const matrix = Skia.Matrix();
-      const { x, y } = polar2Canvas({ theta, radius: R }, { x: 0, y: 0 });
-      matrix.translate(x, y);
-      rings.addChild(Sk.Circle({ c, r: R, matrix, color: i % 2 ? c1 : c2 }));
-    }
-    root.addChild(rings);
-    const ctx = new JsiDrawingContext(Skia, canvas);
-    root.render(ctx);
-    processResult(surface, "snapshots/demos/breathe.png");
-
-    blur.setProp("blur", 0);
-    root.setProp("transform", [
-      { translateX: c.x },
-      { translateY: c.y },
-      { rotate: Math.PI / 4 },
-      { translateX: -c.x },
-      { translateY: -c.y },
-    ]);
-    for (let i = 0; i < 6; i++) {
-      const theta = (i * (2 * Math.PI)) / 6;
-      const matrix = Skia.Matrix();
-      const scale = 0.5;
-      const { x, y } = polar2Canvas({ theta, radius: 0.5 * R }, { x: 0, y: 0 });
-      matrix.translate(x, y);
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const ring = rings.children()[i + 1] as any;
-      ring.setProp("matrix", undefined);
-      ring.setProp("transform", [
-        { translateX: c.x },
-        { translateY: c.y },
-        { translateX: x },
-        { translateY: y },
-        { scale },
-        { translateX: -c.x },
-        { translateY: -c.y },
-      ]);
-    }
-    root.render(ctx);
-    processResult(surface, "snapshots/demos/breathe2.png");
-  });
-});

package/src/dom/__tests__/DrawingContext.spec.tsx

@@ -1,99 +0,0 @@
-import {
-  importSkia,
-  width,
-  height,
-  getSkDOM,
-} from "../../renderer/__tests__/setup";
-import { setupSkia } from "../../skia/__tests__/setup";
-import type { Node, PaintProps } from "../types";
-import { JsiDrawingContext } from "../types";
-
-describe("DrawingContext", () => {
-  it("should create contextes properly", () => {
-    const { canvas } = setupSkia(width, height);
-    const { Skia } = importSkia();
-    const Sk = getSkDOM();
-    const group = Sk.Group({ color: "red" });
-    const ctx = new JsiDrawingContext(Skia, canvas);
-    const rootPaint = ctx.paint;
-    expect(rootPaint).toBeDefined();
-
-    const shouldRestore = ctx.saveAndConcat(group);
-    expect(shouldRestore).toBe(true);
-    expect(ctx.paint).not.toBe(rootPaint);
-    expect(ctx.paint.getColor()).toEqual(Skia.Color("red"));
-    ctx.restore();
-
-    expect(ctx.paint).toBe(rootPaint);
-  });
-
-  it("should only create a context if necessary", () => {
-    const { canvas } = setupSkia(width, height);
-    const { Skia } = importSkia();
-    const Sk = getSkDOM();
-    const group = Sk.Group();
-    group.addChild(Sk.Group({ color: "red" }));
-    const ctx = new JsiDrawingContext(Skia, canvas);
-    const rootPaint = ctx.paint;
-    expect(rootPaint).toBeDefined();
-
-    let shouldRestore = ctx.saveAndConcat(group);
-    expect(shouldRestore).toBe(false);
-    expect(ctx.paint).toBe(rootPaint);
-    expect(ctx.paint.getColor()).toEqual(Skia.Color("black"));
-
-    shouldRestore = ctx.saveAndConcat(group.children()[0] as Node<PaintProps>);
-    expect(shouldRestore).toBe(true);
-    expect(ctx.paint).not.toBe(rootPaint);
-    expect(ctx.paint.getColor()).toEqual(Skia.Color("red"));
-  });
-
-  it("should only visit declarations if needed", () => {
-    const { canvas } = setupSkia(width, height);
-    const { Skia } = importSkia();
-    const Sk = getSkDOM();
-    const group = Sk.Group({ color: "red" });
-    const ctx = new JsiDrawingContext(Skia, canvas);
-    const rootPaint = ctx.paint;
-    expect(rootPaint).toBeDefined();
-
-    ctx.saveAndConcat(group);
-    const cachedPaint = ctx.paint;
-    ctx.restore();
-
-    ctx.saveAndConcat(group);
-    expect(ctx.paint).not.toBe(cachedPaint);
-    ctx.restore();
-
-    ctx.saveAndConcat(group, cachedPaint);
-    expect(ctx.paint).toBe(cachedPaint);
-    ctx.restore();
-  });
-
-  it("should keep a paint stable if the parent doesn't change", () => {
-    const { canvas } = setupSkia(width, height);
-    const { Skia } = importSkia();
-    const Sk = getSkDOM();
-    const root = Sk.Group({});
-    const child = Sk.Group({ color: "red" });
-    root.addChild(child);
-
-    const ctx = new JsiDrawingContext(Skia, canvas);
-    const rootPaint = ctx.paint;
-    expect(rootPaint).toBeDefined();
-
-    ctx.saveAndConcat(root);
-
-    ctx.saveAndConcat(child);
-    const p1 = ctx.paint;
-    ctx.restore();
-
-    ctx.saveAndConcat(child, p1);
-    const p2 = ctx.paint;
-    ctx.restore();
-
-    ctx.restore();
-
-    expect(p1).toBe(p2);
-  });
-});