@shopify/react-native-skia 1.7.7 → 1.8.0

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 decls;
-    private indexes;
-    private composer?;
-    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 {
-    Skia: 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/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);
-  }
-}

package/src/dom/nodes/RenderNode.ts

@@ -1,172 +0,0 @@
-import type {
-  SkMatrix,
-  SkRect,
-  SkRRect,
-  SkPath,
-  SkPaint,
-} from "../../skia/types";
-import { ClipOp, isRRect } from "../../skia/types";
-import type {
-  RenderNode,
-  GroupProps,
-  NodeType,
-  Node,
-  DrawingContext,
-} from "../types";
-
-import { isPathDef, processPath, processTransformProps } from "./datatypes";
-import type { NodeContext } from "./Node";
-import { JsiNode, JsiDeclarationNode } from "./Node";
-
-const paintProps = [
-  "color",
-  "strokeWidth",
-  "blendMode",
-  "strokeCap",
-  "strokeJoin",
-  "strokeMiter",
-  "style",
-  "antiAlias",
-  "dither",
-  "opacity",
-];
-
-interface PaintCache {
-  parent: SkPaint;
-  child: SkPaint;
-}
-
-export abstract class JsiRenderNode<P extends GroupProps>
-  extends JsiNode<P>
-  implements RenderNode<P>
-{
-  paintCache: PaintCache | null = null;
-
-  matrix: SkMatrix;
-  clipRect?: SkRect;
-  clipRRect?: SkRRect;
-  clipPath?: SkPath;
-
-  constructor(ctx: NodeContext, type: NodeType, props: P) {
-    super(ctx, type, props);
-    this.matrix = this.Skia.Matrix();
-    this.onPropChange();
-  }
-
-  setProps(props: P) {
-    super.setProps(props);
-    this.onPropChange();
-  }
-
-  setProp<K extends keyof P>(key: K, value: P[K]) {
-    const hasChanged = super.setProp(key, value);
-    if (hasChanged) {
-      this.onPropChange();
-      if (paintProps.includes(key as string)) {
-        this.paintCache = null;
-      }
-    }
-    return hasChanged;
-  }
-
-  protected onPropChange() {
-    this.matrix.identity();
-    this.clipPath = undefined;
-    this.clipRect = undefined;
-    this.clipRRect = undefined;
-    this.computeMatrix();
-    this.computeClip();
-  }
-
-  addChild(child: Node<unknown>) {
-    if (child instanceof JsiDeclarationNode) {
-      child.setInvalidate(() => {
-        this.paintCache = null;
-      });
-    }
-    super.addChild(child);
-  }
-
-  insertChildBefore(child: Node<unknown>, before: Node<unknown>) {
-    if (child instanceof JsiDeclarationNode) {
-      child.setInvalidate(() => {
-        this.paintCache = null;
-      });
-    }
-    super.insertChildBefore(child, before);
-  }
-
-  private computeClip() {
-    const { clip } = this.props;
-    if (clip) {
-      if (isPathDef(clip)) {
-        this.clipPath = processPath(this.Skia, clip);
-      } else if (isRRect(clip)) {
-        this.clipRRect = clip;
-      } else {
-        this.clipRect = clip;
-      }
-    }
-  }
-
-  private computeMatrix() {
-    processTransformProps(this.matrix, this.props);
-  }
-
-  render(ctx: DrawingContext) {
-    const { invertClip, layer, matrix, transform } = this.props;
-    const { canvas } = ctx;
-    const parentPaint = ctx.paint;
-
-    const cache =
-      this.paintCache !== null && this.paintCache.parent === ctx.paint
-        ? this.paintCache.child
-        : undefined;
-    const shouldRestore = ctx.saveAndConcat(this, cache);
-
-    const hasTransform = matrix !== undefined || transform !== undefined;
-    const hasClip =
-      this.clipRect !== undefined ||
-      this.clipPath !== undefined ||
-      this.clipRRect !== undefined;
-    const shouldSave = hasTransform || hasClip || !!layer;
-    const op = invertClip ? ClipOp.Difference : ClipOp.Intersect;
-    if (shouldSave) {
-      if (layer) {
-        if (typeof layer === "boolean") {
-          canvas.saveLayer();
-        } else {
-          canvas.saveLayer(layer);
-        }
-      } else {
-        canvas.save();
-      }
-    }
-
-    if (this.matrix) {
-      canvas.concat(this.matrix);
-    }
-    if (this.clipRect) {
-      canvas.clipRect(this.clipRect, op, true);
-    } else if (this.clipRRect) {
-      canvas.clipRRect(this.clipRRect, op, true);
-    } else if (this.clipPath) {
-      canvas.clipPath(this.clipPath, op, true);
-    }
-
-    this.renderNode(ctx);
-
-    if (shouldSave) {
-      canvas.restore();
-    }
-    if (shouldRestore) {
-      this.paintCache = {
-        parent: parentPaint,
-        child: ctx.paint,
-      };
-      ctx.restore();
-    }
-  }
-
-  abstract renderNode(ctx: DrawingContext): void;
-}

package/src/dom/nodes/drawings/AtlasNode.ts

@@ -1,24 +0,0 @@
-import { BlendMode } from "../../../skia/types";
-import type { AtlasProps, DrawingContext } from "../../types";
-import { NodeType } from "../../types";
-import { JsiDrawingNode } from "../DrawingNode";
-import type { NodeContext } from "../Node";
-import { enumKey } from "../datatypes";
-
-export class AtlasNode extends JsiDrawingNode<AtlasProps, null> {
-  protected deriveProps() {
-    return null;
-  }
-
-  constructor(ctx: NodeContext, props: AtlasProps) {
-    super(ctx, NodeType.Atlas, props);
-  }
-
-  draw({ canvas, paint }: DrawingContext) {
-    const { image, sprites, transforms, colors, blendMode } = this.props;
-    const blend = blendMode ? BlendMode[enumKey(blendMode)] : undefined;
-    if (image) {
-      canvas.drawAtlas(image, sprites, transforms, paint, blend, colors);
-    }
-  }
-}