@shopify/react-native-skia 1.8.0 → 1.8.2

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,10 +0,0 @@
-import type { BlendColorFilterProps, LerpColorFilterProps, MatrixColorFilterProps } from "../../dom/types";
-import type { SkColorFilter } from "../../skia/types";
-import type { DeclarationContext } from "../DeclarationContext";
-export declare const composeColorFilters: (ctx: DeclarationContext, cf: SkColorFilter, processChildren: () => void) => void;
-export declare const makeBlendColorFilter: (ctx: DeclarationContext, props: BlendColorFilterProps) => SkColorFilter;
-export declare const makeSRGBToLinearGammaColorFilter: (ctx: DeclarationContext) => SkColorFilter;
-export declare const makeLinearToSRGBGammaColorFilter: (ctx: DeclarationContext) => SkColorFilter;
-export declare const declareLerpColorFilter: (ctx: DeclarationContext, props: LerpColorFilterProps) => void;
-export declare const makeMatrixColorFilter: (ctx: DeclarationContext, props: MatrixColorFilterProps) => SkColorFilter;
-export declare const makeLumaColorFilter: (ctx: DeclarationContext) => 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,30 +0,0 @@
-import type { AtlasProps, BoxProps, 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 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,17 +0,0 @@
-import type { BlendImageFilterProps, BlendProps, BlurImageFilterProps, BlurMaskFilterProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps } from "../../dom/types";
-import type { SkImageFilter } from "../../skia/types";
-import type { DeclarationContext } from "../DeclarationContext";
-export declare enum MorphologyOperator {
-    Erode = 0,
-    Dilate = 1
-}
-export declare const declareBlend: (ctx: DeclarationContext, props: BlendProps) => void;
-export declare const composeImageFilters: (ctx: DeclarationContext, imgf1: SkImageFilter, processChildren: () => void) => void;
-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,3 +0,0 @@
-import type { PaintProps } from "../../dom/types";
-import type { DeclarationContext } from "../DeclarationContext";
-export declare const declarePaint: (ctx: DeclarationContext, props: PaintProps) => void;

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

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

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

@@ -1,11 +0,0 @@
-import type { ColorProps, FractalNoiseProps, ImageShaderProps, LinearGradientProps, RadialGradientProps, ShaderProps, SweepGradientProps, TurbulenceProps, TwoPointConicalGradientProps } from "../../dom/types";
-import type { DeclarationContext } from "../DeclarationContext";
-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/src/external/reanimated/useDerivedValueOnJS.ts

@@ -1,20 +0,0 @@
-import { useEffect, useMemo } from "react";
-
-import Rea from "./ReanimatedProxy";
-
-export const useDerivedValueOnJS = (
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  fn: () => any,
-  deps: unknown[]
-) => {
-  const init = useMemo(() => fn(), [fn]);
-  const value = Rea.useSharedValue(init);
-  useEffect(() => {
-    const mapperId = Rea.startMapper(() => {
-      "worklet";
-      Rea.runOnJS(fn)();
-    }, deps);
-    return () => Rea.stopMapper(mapperId);
-  }, [deps, fn]);
-  return value;
-};

package/src/sksg/DeclarationContext.ts

@@ -1,85 +0,0 @@
-import type {
-  SkShader,
-  SkPaint,
-  SkImageFilter,
-  SkMaskFilter,
-  SkPathEffect,
-  Skia,
-  SkColorFilter,
-} from "../skia/types";
-
-type Composer<T> = (outer: T, inner: T) => T;
-
-export const composeDeclarations = <T>(filters: T[], composer: Composer<T>) => {
-  "worklet";
-  const len = filters.length;
-  if (len <= 1) {
-    return filters[0];
-  }
-  return filters.reduceRight((inner, outer) =>
-    inner ? composer(outer, inner) : outer
-  );
-};
-
-const createDeclaration = <T>(composer?: Composer<T>) => {
-  "worklet";
-  const state = {
-    decls: [] as T[],
-    indexes: [0],
-  };
-
-  return {
-    save: () => {
-      state.indexes.push(state.decls.length);
-    },
-    restore: () => {
-      state.indexes.pop();
-    },
-    pop: () => state.decls.pop(),
-    push: (decl: T) => {
-      state.decls.push(decl);
-    },
-    popAll: () => {
-      const idx = state.indexes[state.indexes.length - 1];
-      return state.decls.splice(idx, state.decls.length - idx);
-    },
-    popAllAsOne: () => {
-      if (state.decls.length === 0) {
-        return undefined;
-      }
-      if (!composer) {
-        throw new Error("No composer for this type of declaration");
-      }
-      if (!state.decls.length) {
-        return undefined;
-      }
-      if (!composer) {
-        throw new Error("No composer for this type of declaration");
-      }
-
-      const idx = state.indexes[state.indexes.length - 1];
-      const decls = state.decls.splice(idx, state.decls.length - idx);
-      return composeDeclarations(decls, composer);
-    },
-  };
-};
-
-export const createDeclarationContext = (Skia: Skia) => {
-  "worklet";
-  const composers = {
-    pathEffect: Skia.PathEffect.MakeCompose.bind(Skia.PathEffect),
-    imageFilter: Skia.ImageFilter.MakeCompose.bind(Skia.ImageFilter),
-    colorFilter: Skia.ColorFilter.MakeCompose.bind(Skia.ColorFilter),
-  };
-  return {
-    Skia,
-    paints: createDeclaration<SkPaint>(),
-    maskFilters: createDeclaration<SkMaskFilter>(),
-    shaders: createDeclaration<SkShader>(),
-    pathEffects: createDeclaration<SkPathEffect>(composers.pathEffect),
-    imageFilters: createDeclaration<SkImageFilter>(composers.imageFilter),
-    colorFilters: createDeclaration<SkColorFilter>(composers.colorFilter),
-  };
-};
-
-export type DeclarationContext = ReturnType<typeof createDeclarationContext>;

package/src/sksg/DrawingContext.ts

@@ -1,226 +0,0 @@
-import {
-  enumKey,
-  isPathDef,
-  processPath,
-  processTransformProps2,
-} from "../dom/nodes";
-import type { ClipDef, DrawingNodeProps, GroupProps } from "../dom/types";
-import {
-  BlendMode,
-  ClipOp,
-  isRRect,
-  PaintStyle,
-  StrokeCap,
-  StrokeJoin,
-} from "../skia/types";
-import type {
-  SkPath,
-  SkRect,
-  SkRRect,
-  SkCanvas,
-  Skia,
-  SkPaint,
-} from "../skia/types";
-
-import type { DeclarationContext } from "./DeclarationContext";
-
-const computeClip = (
-  Skia: Skia,
-  clip: ClipDef | undefined
-):
-  | undefined
-  | { clipPath: SkPath }
-  | { clipRect: SkRect }
-  | { clipRRect: SkRRect } => {
-  "worklet";
-  if (clip) {
-    if (isPathDef(clip)) {
-      return { clipPath: processPath(Skia, clip) };
-    } else if (isRRect(clip)) {
-      return { clipRRect: clip };
-    } else {
-      return { clipRect: clip };
-    }
-  }
-  return undefined;
-};
-
-const processColor = (
-  Skia: Skia,
-  color: number | string | Float32Array | number[]
-) => {
-  "worklet";
-  if (typeof color === "string" || typeof color === "number") {
-    return Skia.Color(color);
-  } else if (Array.isArray(color) || color instanceof Float32Array) {
-    return color instanceof Float32Array ? color : new Float32Array(color);
-  } else {
-    throw new Error(
-      `Invalid color type: ${typeof color}. Expected number, string, or array.`
-    );
-  }
-};
-
-export const createDrawingContext = (Skia: Skia, canvas: SkCanvas) => {
-  "worklet";
-  const state = {
-    paints: [Skia.Paint()],
-  };
-
-  const getPaint = () => {
-    return state.paints[state.paints.length - 1];
-  };
-
-  const processPaint = (
-    {
-      opacity,
-      color,
-      strokeWidth,
-      blendMode,
-      style,
-      strokeJoin,
-      strokeCap,
-      strokeMiter,
-      antiAlias,
-      dither,
-      paint: paintProp,
-    }: DrawingNodeProps,
-    declCtx: DeclarationContext
-  ) => {
-    if (paintProp) {
-      declCtx.paints.push(paintProp);
-      return true;
-    }
-    let shouldRestore = false;
-    const colorFilter = declCtx.colorFilters.popAllAsOne();
-    const imageFilter = declCtx.imageFilters.popAllAsOne();
-    const shader = declCtx.shaders.pop();
-    const maskFilter = declCtx.maskFilters.pop();
-    const pathEffect = declCtx.pathEffects.popAllAsOne();
-
-    if (
-      opacity !== undefined ||
-      color !== undefined ||
-      strokeWidth !== undefined ||
-      blendMode !== undefined ||
-      style !== undefined ||
-      strokeJoin !== undefined ||
-      strokeCap !== undefined ||
-      strokeMiter !== undefined ||
-      antiAlias !== undefined ||
-      dither !== undefined ||
-      colorFilter !== undefined ||
-      imageFilter !== undefined ||
-      shader !== undefined ||
-      maskFilter !== undefined ||
-      pathEffect !== undefined
-    ) {
-      if (!shouldRestore) {
-        state.paints.push(getPaint().copy());
-        shouldRestore = true;
-      }
-    }
-
-    const paint = getPaint();
-    if (opacity !== undefined) {
-      paint.setAlphaf(paint.getAlphaf() * opacity);
-    }
-    if (color !== undefined) {
-      const currentOpacity = paint.getAlphaf();
-      paint.setShader(null);
-      paint.setColor(processColor(Skia, color));
-      paint.setAlphaf(currentOpacity * paint.getAlphaf());
-    }
-    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 (antiAlias !== undefined) {
-      paint.setAntiAlias(antiAlias);
-    }
-    if (dither !== undefined) {
-      paint.setDither(dither);
-    }
-    if (colorFilter) {
-      paint.setColorFilter(colorFilter);
-    }
-    if (imageFilter) {
-      paint.setImageFilter(imageFilter);
-    }
-    if (shader) {
-      paint.setShader(shader);
-    }
-    if (maskFilter) {
-      paint.setMaskFilter(maskFilter);
-    }
-    if (pathEffect) {
-      paint.setPathEffect(pathEffect);
-    }
-    return shouldRestore;
-  };
-
-  const processMatrixAndClipping = (
-    props: GroupProps,
-    layer?: boolean | SkPaint
-  ) => {
-    const hasTransform =
-      props.matrix !== undefined || props.transform !== undefined;
-    const clip = computeClip(Skia, props.clip);
-    const hasClip = clip !== undefined;
-    const op = props.invertClip ? ClipOp.Difference : ClipOp.Intersect;
-    const m3 = processTransformProps2(Skia, props);
-    const shouldSave = hasTransform || hasClip || !!layer;
-
-    if (shouldSave) {
-      if (layer) {
-        if (typeof layer === "boolean") {
-          canvas.saveLayer();
-        } else {
-          canvas.saveLayer(layer);
-        }
-      } else {
-        canvas.save();
-      }
-    }
-
-    if (m3) {
-      canvas.concat(m3);
-    }
-    if (clip) {
-      if ("clipRect" in clip) {
-        canvas.clipRect(clip.clipRect, op, true);
-      } else if ("clipRRect" in clip) {
-        canvas.clipRRect(clip.clipRRect, op, true);
-      } else {
-        canvas.clipPath(clip.clipPath, op, true);
-      }
-    }
-    return shouldSave;
-  };
-
-  return {
-    Skia,
-    canvas,
-    save: () => state.paints.push(getPaint().copy()),
-    restore: () => state.paints.pop(),
-    getPaint,
-    processPaint,
-    processMatrixAndClipping,
-  };
-};
-
-export type DrawingContext = ReturnType<typeof createDrawingContext>;