@shopify/react-native-skia 0.1.147 → 0.1.148

package/lib/module/renderer/processors/Animations/Animations.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Animations.ts"],"names":["isValue","value","undefined","__typename__","isSelector","selector","isAnimated","props","Object","values"],"mappings":"AAEA,OAAO,MAAMA,OAAO,GAAIC,KAAD,IAAiD;AACtE,MAAIA,KAAK,KAAKC,SAAV,IAAuBD,KAAK,KAAK,IAArC,EAA2C;AACzC,WAAO,KAAP;AACD;;AACD,MAAI;AACF,QACE,OAAOA,KAAP,KAAiB,QAAjB,IACA,kBAAkBA,KADlB,IAECA,KAAD,CAAyCE,YAAzC,KAA0D,WAH5D,EAIE;AACA,aAAO,IAAP;AACD;AACF,GARD,CAQE,MAAM,CAAE;;AACV,SAAO,KAAP;AACD,CAdM;AAgBP,OAAO,MAAMC,UAAU,GACrBH,KADwB,IAKrB;AACH,MAAIA,KAAJ,EAAW;AACT,WACE,OAAOA,KAAP,KAAiB,QAAjB,IACA,cAAcA,KADd,IAEA,WAAWA,KAFX,IAGCA,KAAD,CAAmCI,QAAnC,KAAgDH,SAHhD,IAICD,KAAD,CAAmCA,KAAnC,KAA6CC,SAL/C;AAOD;;AACD,SAAO,KAAP;AACD,CAhBM;AAkBP,OAAO,MAAMI,UAAU,GAAOC,KAAJ,IAAgC;AACxD,OAAK,MAAMN,KAAX,IAAoBO,MAAM,CAACC,MAAP,CAAcF,KAAd,CAApB,EAA0C;AACxC,QAAIP,OAAO,CAACC,KAAD,CAAP,IAAkBG,UAAU,CAACH,KAAD,CAAhC,EAAyC;AACvC,aAAO,IAAP;AACD;AACF;;AACD,SAAO,KAAP;AACD,CAPM,C,CASP","sourcesContent":["import type { SkiaSelector, SkiaValue } from \"../../../values\";\n\nexport const isValue = (value: unknown): value is SkiaValue<unknown> => {\n  if (value === undefined || value === null) {\n    return false;\n  }\n  try {\n    if (\n      typeof value === \"object\" &&\n      \"__typename__\" in value &&\n      (value as unknown as SkiaValue<unknown>).__typename__ === \"RNSkValue\"\n    ) {\n      return true;\n    }\n  } catch {}\n  return false;\n};\n\nexport const isSelector = <T, R>(\n  value: unknown\n): value is {\n  selector: (v: T) => R;\n  value: SkiaValue<T>;\n} => {\n  if (value) {\n    return (\n      typeof value === \"object\" &&\n      \"selector\" in value &&\n      \"value\" in value &&\n      (value as Record<string, unknown>).selector !== undefined &&\n      (value as Record<string, unknown>).value !== undefined\n    );\n  }\n  return false;\n};\n\nexport const isAnimated = <T>(props: AnimatedProps<T>) => {\n  for (const value of Object.values(props)) {\n    if (isValue(value) || isSelector(value)) {\n      return true;\n    }\n  }\n  return false;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type AnimatedProp<T, P = any> = T | SkiaValue<T> | SkiaSelector<T, P>;\n\nexport type AnimatedProps<T> = {\n  [K in keyof T]: AnimatedProp<T[K]>;\n};\n"]}
+{"version":3,"sources":["Animations.ts"],"names":["isValue","value","undefined","__typename__","isSelector","selector","isAnimated","props","Object","values"],"mappings":"AAEA,OAAO,MAAMA,OAAO,GAAIC,KAAD,IAAiD;AACtE,MAAIA,KAAK,KAAKC,SAAV,IAAuBD,KAAK,KAAK,IAArC,EAA2C;AACzC,WAAO,KAAP;AACD;;AACD,MAAI;AACF,QACE,OAAOA,KAAP,KAAiB,QAAjB,IACA,kBAAkBA,KADlB,IAECA,KAAD,CAAyCE,YAAzC,KAA0D,WAH5D,EAIE;AACA,aAAO,IAAP;AACD;AACF,GARD,CAQE,MAAM,CAAE;;AACV,SAAO,KAAP;AACD,CAdM;AAgBP,OAAO,MAAMC,UAAU,GACrBH,KADwB,IAKrB;AACH,MAAIA,KAAJ,EAAW;AACT,WACE,OAAOA,KAAP,KAAiB,QAAjB,IACA,cAAcA,KADd,IAEA,WAAWA,KAFX,IAGCA,KAAD,CAAmCI,QAAnC,KAAgDH,SAHhD,IAICD,KAAD,CAAmCA,KAAnC,KAA6CC,SAL/C;AAOD;;AACD,SAAO,KAAP;AACD,CAhBM;AAkBP,OAAO,MAAMI,UAAU,GAAOC,KAAJ,IAAgC;AACxD,OAAK,MAAMN,KAAX,IAAoBO,MAAM,CAACC,MAAP,CAAcF,KAAd,CAApB,EAA0C;AACxC,QAAIP,OAAO,CAACC,KAAD,CAAP,IAAkBG,UAAU,CAACH,KAAD,CAAhC,EAAyC;AACvC,aAAO,IAAP;AACD;AACF;;AACD,SAAO,KAAP;AACD,CAPM,C,CASP","sourcesContent":["import type { SkiaSelector, SkiaValue } from \"../../../values\";\n\nexport const isValue = (value: unknown): value is SkiaValue<unknown> => {\n  if (value === undefined || value === null) {\n    return false;\n  }\n  try {\n    if (\n      typeof value === \"object\" &&\n      \"__typename__\" in value &&\n      (value as unknown as SkiaValue<unknown>).__typename__ === \"RNSkValue\"\n    ) {\n      return true;\n    }\n  } catch {}\n  return false;\n};\n\nexport const isSelector = <T, R>(\n  value: unknown\n): value is {\n  selector: (v: T) => R;\n  value: SkiaValue<T>;\n} => {\n  if (value) {\n    return (\n      typeof value === \"object\" &&\n      \"selector\" in value &&\n      \"value\" in value &&\n      (value as Record<string, unknown>).selector !== undefined &&\n      (value as Record<string, unknown>).value !== undefined\n    );\n  }\n  return false;\n};\n\nexport const isAnimated = <T>(props: AnimatedProps<T>) => {\n  for (const value of Object.values(props)) {\n    if (isValue(value) || isSelector(value)) {\n      return true;\n    }\n  }\n  return false;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type AnimatedProp<T, P = any> = T | SkiaValue<T> | SkiaSelector<T, P>;\n\nexport type AnimatedProps<T> = {\n  [K in keyof T]: AnimatedProp<T[K]>;\n};\n\n// TODO: switch to AnimatedProps<GroupProps> and remove duplicate properties.\n// For instance matrix in color filter becomes colorMatrix\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type SkiaProps<P = {}> = AnimatedProps<P>;\n"]}

package/lib/module/renderer/processors/index.js

@@ -1,12 +1,3 @@
-export * from "./Transform";
 export * from "./Animations";
-export * from "./Circles";
-export * from "./Rects";
 export * from "./math";
-export * from "./Font";
-export * from "./Paths";
-export * from "./Clips";
-export * from "./Radius";
-export * from "./Color";
-export * from "./Paint";
 //# sourceMappingURL=index.js.map

package/lib/module/renderer/processors/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAd;AACA,cAAc,cAAd;AACA,cAAc,WAAd;AACA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,QAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd","sourcesContent":["export * from \"./Transform\";\nexport * from \"./Animations\";\nexport * from \"./Circles\";\nexport * from \"./Rects\";\nexport * from \"./math\";\nexport * from \"./Font\";\nexport * from \"./Paths\";\nexport * from \"./Clips\";\nexport * from \"./Radius\";\nexport * from \"./Color\";\nexport * from \"./Paint\";\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd;AACA,cAAc,QAAd","sourcesContent":["export * from \"./Animations\";\nexport * from \"./math\";\n"]}

package/lib/module/web/WithSkiaWeb.js

@@ -7,7 +7,9 @@ export const WithSkiaWeb = _ref => {
     fallback,
     opts
   } = _ref;
-  const Inner = useMemo(() => /*#__PURE__*/lazy(async () => {
+  const Inner = useMemo( // TODO: investigate
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  () => /*#__PURE__*/lazy(async () => {
     if (Platform.OS === "web") {
       await LoadSkiaWeb(opts);
     } else {

package/lib/module/web/WithSkiaWeb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["WithSkiaWeb.tsx"],"names":["React","useMemo","lazy","Suspense","Platform","LoadSkiaWeb","WithSkiaWeb","getComponent","fallback","opts","Inner","OS","console","warn"],"mappings":"AACA,OAAOA,KAAP,IAAgBC,OAAhB,EAAyBC,IAAzB,EAA+BC,QAA/B,QAA+C,OAA/C;AACA,SAASC,QAAT,QAAyB,cAAzB;AAEA,SAASC,WAAT,QAA4B,eAA5B;AAQA,OAAO,MAAMC,WAAW,GAAG,QAIN;AAAA,MAJO;AAC1BC,IAAAA,YAD0B;AAE1BC,IAAAA,QAF0B;AAG1BC,IAAAA;AAH0B,GAIP;AACnB,QAAMC,KAAK,GAAGT,OAAO,CACnB,mBACEC,IAAI,CAAC,YAAY;AACf,QAAIE,QAAQ,CAACO,EAAT,KAAgB,KAApB,EAA2B;AACzB,YAAMN,WAAW,CAACI,IAAD,CAAjB;AACD,KAFD,MAEO;AACLG,MAAAA,OAAO,CAACC,IAAR,CACE,yEADF;AAGD;;AACD,WAAON,YAAY,EAAnB;AACD,GATG,CAFa,EAYnB,CAACA,YAAD,EAAeE,IAAf,CAZmB,CAArB;AAcA,sBACE,oBAAC,QAAD;AAAU,IAAA,QAAQ,EAAED,QAAF,aAAEA,QAAF,cAAEA,QAAF,GAAc;AAAhC,kBACE,oBAAC,KAAD,OADF,CADF;AAKD,CAxBM","sourcesContent":["import type { ComponentProps, ComponentType } from \"react\";\nimport React, { useMemo, lazy, Suspense } from \"react\";\nimport { Platform } from \"react-native\";\n\nimport { LoadSkiaWeb } from \"./LoadSkiaWeb\";\n\ninterface WithSkiaProps {\n  fallback?: ComponentProps<typeof Suspense>[\"fallback\"];\n  getComponent: () => Promise<{ default: ComponentType }>;\n  opts?: Parameters<typeof LoadSkiaWeb>[0];\n}\n\nexport const WithSkiaWeb = ({\n  getComponent,\n  fallback,\n  opts,\n}: WithSkiaProps) => {\n  const Inner = useMemo(\n    () =>\n      lazy(async () => {\n        if (Platform.OS === \"web\") {\n          await LoadSkiaWeb(opts);\n        } else {\n          console.warn(\n            \"<WithSkiaWeb /> is only necessary on web. Consider not using on native.\"\n          );\n        }\n        return getComponent();\n      }),\n    [getComponent, opts]\n  );\n  return (\n    <Suspense fallback={fallback ?? null}>\n      <Inner />\n    </Suspense>\n  );\n};\n"]}
+{"version":3,"sources":["WithSkiaWeb.tsx"],"names":["React","useMemo","lazy","Suspense","Platform","LoadSkiaWeb","WithSkiaWeb","getComponent","fallback","opts","Inner","OS","console","warn"],"mappings":"AACA,OAAOA,KAAP,IAAgBC,OAAhB,EAAyBC,IAAzB,EAA+BC,QAA/B,QAA+C,OAA/C;AACA,SAASC,QAAT,QAAyB,cAAzB;AAEA,SAASC,WAAT,QAA4B,eAA5B;AAQA,OAAO,MAAMC,WAAW,GAAG,QAIN;AAAA,MAJO;AAC1BC,IAAAA,YAD0B;AAE1BC,IAAAA,QAF0B;AAG1BC,IAAAA;AAH0B,GAIP;AACnB,QAAMC,KAAK,GAAGT,OAAO,EACnB;AACA;AACA,qBACEC,IAAI,CAAC,YAAY;AACf,QAAIE,QAAQ,CAACO,EAAT,KAAgB,KAApB,EAA2B;AACzB,YAAMN,WAAW,CAACI,IAAD,CAAjB;AACD,KAFD,MAEO;AACLG,MAAAA,OAAO,CAACC,IAAR,CACE,yEADF;AAGD;;AACD,WAAON,YAAY,EAAnB;AACD,GATG,CAJa,EAcnB,CAACA,YAAD,EAAeE,IAAf,CAdmB,CAArB;AAgBA,sBACE,oBAAC,QAAD;AAAU,IAAA,QAAQ,EAAED,QAAF,aAAEA,QAAF,cAAEA,QAAF,GAAc;AAAhC,kBACE,oBAAC,KAAD,OADF,CADF;AAKD,CA1BM","sourcesContent":["import type { ComponentProps, ComponentType } from \"react\";\nimport React, { useMemo, lazy, Suspense } from \"react\";\nimport { Platform } from \"react-native\";\n\nimport { LoadSkiaWeb } from \"./LoadSkiaWeb\";\n\ninterface WithSkiaProps {\n  fallback?: ComponentProps<typeof Suspense>[\"fallback\"];\n  getComponent: () => Promise<{ default: ComponentType }>;\n  opts?: Parameters<typeof LoadSkiaWeb>[0];\n}\n\nexport const WithSkiaWeb = ({\n  getComponent,\n  fallback,\n  opts,\n}: WithSkiaProps) => {\n  const Inner = useMemo(\n    // TODO: investigate\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (): any =>\n      lazy(async () => {\n        if (Platform.OS === \"web\") {\n          await LoadSkiaWeb(opts);\n        } else {\n          console.warn(\n            \"<WithSkiaWeb /> is only necessary on web. Consider not using on native.\"\n          );\n        }\n        return getComponent();\n      }),\n    [getComponent, opts]\n  );\n  return (\n    <Suspense fallback={fallback ?? null}>\n      <Inner />\n    </Suspense>\n  );\n};\n"]}

package/lib/typescript/src/dom/nodes/DrawingNode.d.ts

@@ -0,0 +1,14 @@
+import type { DrawingContext, DrawingNodeProps, Node, NodeType, RenderNode } from "../types";
+import type { NodeContext } from "./Node";
+import { JsiRenderNode } from "./RenderNode";
+export declare abstract class JsiDrawingNode<P extends DrawingNodeProps, C> extends JsiRenderNode<P> implements RenderNode<P> {
+    protected derived?: C;
+    constructor(ctx: NodeContext, type: NodeType, props: P);
+    setProps(props: P): void;
+    setProp<K extends keyof P>(name: K, value: P[K]): boolean;
+    addChild(child: Node<unknown>): void;
+    insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
+    renderNode(ctx: DrawingContext): void;
+    protected abstract draw(ctx: DrawingContext): void;
+    protected abstract deriveProps(): C;
+}

package/lib/typescript/src/dom/nodes/GroupNode.d.ts

@@ -0,0 +1,8 @@
+import type { DrawingContext, GroupProps } from "../types";
+import type { RenderNode } from "../types/Node";
+import { JsiRenderNode } from "./RenderNode";
+import type { NodeContext } from "./Node";
+export declare class GroupNode extends JsiRenderNode<GroupProps> implements RenderNode<GroupProps> {
+    constructor(ctx: NodeContext, props: GroupProps);
+    renderNode(ctx: DrawingContext): void;
+}

package/lib/typescript/src/dom/nodes/JsiSkDOM.d.ts

@@ -0,0 +1,70 @@
+import type { PathProps, SkDOM, GroupProps, ImageProps, BlurImageFilterProps, MatrixColorFilterProps, CircleProps, BlurMaskFilterProps, LinearGradientProps, PaintProps, ShaderProps, ImageShaderProps, CustomDrawingNodeProps, LineProps, OvalProps, PatchProps, PointsProps, RectProps, RoundedRectProps, VerticesProps, TextProps, DiffRectProps, OffsetImageFilterProps, BlendColorFilterProps, TextPathProps, TextBlobProps, GlyphsProps, TwoPointConicalGradientProps, TurbulenceProps, SweepGradientProps, RadialGradientProps, FractalNoiseProps, ColorProps, PictureProps, ImageSVGProps, LerpColorFilterProps, DrawingNodeProps, BoxProps, BoxShadowProps, ChildrenProps } from "../types";
+import type { BlendImageFilterProps, BlendProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, RuntimeShaderImageFilterProps } from "../types/ImageFilters";
+import type { CornerPathEffectProps, DashPathEffectProps, DiscretePathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps } from "../types/PathEffects";
+import { FillNode, ImageNode, CircleNode, PathNode, LineNode, PatchNode, PointsNode, RectNode, RRectNode, VerticesNode, TextNode, OvalNode, CustomDrawingNode, TextPathNode, TextBlobNode, GlyphsNode, DiffRectNode, PictureNode, ImageSVGNode, BackdropFilterNode, BoxNode, BoxShadowNode } from "./drawings";
+import { BlendImageFilterNode, BlurImageFilterNode, BlurMaskFilterNode, DisplacementMapImageFilterNode, DropShadowImageFilterNode, OffsetImageFilterNode, RuntimeShaderImageFilterNode, CornerPathEffectNode, DiscretePathEffectNode, DashPathEffectNode, Path1DPathEffectNode, Path2DPathEffectNode, SumPathEffectNode, Line2DPathEffectNode, BlendNode } from "./paint";
+import { MatrixColorFilterNode, LumaColorFilterNode, LinearToSRGBGammaColorFilterNode, SRGBToLinearGammaColorFilterNode, BlendColorFilterNode, LerpColorFilterNode } from "./paint/ColorFilters";
+import { LinearGradientNode, ShaderNode, ImageShaderNode, TwoPointConicalGradientNode, TurbulenceNode, SweepGradientNode, RadialGradientNode, FractalNoiseNode, ColorNode } from "./paint/Shaders";
+import { MorphologyImageFilterNode } from "./paint/ImageFilters";
+import { GroupNode } from "./GroupNode";
+import { PaintNode } from "./PaintNode";
+import type { NodeContext } from "./Node";
+export declare class JsiSkDOM implements SkDOM {
+    private ctx;
+    constructor(ctx: NodeContext);
+    Group(props?: GroupProps): GroupNode;
+    Paint(props: PaintProps): PaintNode;
+    Fill(props?: DrawingNodeProps): FillNode;
+    Image(props: ImageProps): ImageNode;
+    Circle(props: CircleProps): CircleNode;
+    Path(props: PathProps): PathNode;
+    CustomDrawing(props: CustomDrawingNodeProps): CustomDrawingNode;
+    Line(props: LineProps): LineNode;
+    Oval(props: OvalProps): OvalNode;
+    Patch(props: PatchProps): PatchNode;
+    Points(props: PointsProps): PointsNode;
+    Rect(props: RectProps): RectNode;
+    RRect(props: RoundedRectProps): RRectNode;
+    Vertices(props: VerticesProps): VerticesNode;
+    Text(props: TextProps): TextNode;
+    TextPath(props: TextPathProps): TextPathNode;
+    TextBlob(props: TextBlobProps): TextBlobNode;
+    Glyphs(props: GlyphsProps): GlyphsNode;
+    DiffRect(props: DiffRectProps): DiffRectNode;
+    Picture(props: PictureProps): PictureNode;
+    ImageSVG(props: ImageSVGProps): ImageSVGNode;
+    BlurMaskFilter(props: BlurMaskFilterProps): BlurMaskFilterNode;
+    BlendImageFilter(props: BlendImageFilterProps): BlendImageFilterNode;
+    DropShadowImageFilter(props: DropShadowImageFilterProps): DropShadowImageFilterNode;
+    DisplacementMapImageFilter(props: DisplacementMapImageFilterProps): DisplacementMapImageFilterNode;
+    BlurImageFilter(props: BlurImageFilterProps): BlurImageFilterNode;
+    OffsetImageFilter(props: OffsetImageFilterProps): OffsetImageFilterNode;
+    MorphologyImageFilter(props: MorphologyImageFilterProps): MorphologyImageFilterNode;
+    RuntimeShaderImageFilter(props: RuntimeShaderImageFilterProps): RuntimeShaderImageFilterNode;
+    MatrixColorFilter(props: MatrixColorFilterProps): MatrixColorFilterNode;
+    BlendColorFilter(props: BlendColorFilterProps): BlendColorFilterNode;
+    LumaColorFilter(): LumaColorFilterNode;
+    LinearToSRGBGammaColorFilter(): LinearToSRGBGammaColorFilterNode;
+    SRGBToLinearGammaColorFilter(): SRGBToLinearGammaColorFilterNode;
+    LerpColorFilter(props: LerpColorFilterProps): LerpColorFilterNode;
+    Shader(props: ShaderProps): ShaderNode;
+    ImageShader(props: ImageShaderProps): ImageShaderNode;
+    ColorShader(props: ColorProps): ColorNode;
+    SweepGradient(props: SweepGradientProps): SweepGradientNode;
+    Turbulence(props: TurbulenceProps): TurbulenceNode;
+    FractalNoise(props: FractalNoiseProps): FractalNoiseNode;
+    LinearGradient(props: LinearGradientProps): LinearGradientNode;
+    RadialGradient(props: RadialGradientProps): RadialGradientNode;
+    TwoPointConicalGradient(props: TwoPointConicalGradientProps): TwoPointConicalGradientNode;
+    CornerPathEffect(props: CornerPathEffectProps): CornerPathEffectNode;
+    DiscretePathEffect(props: DiscretePathEffectProps): DiscretePathEffectNode;
+    DashPathEffect(props: DashPathEffectProps): DashPathEffectNode;
+    Path1DPathEffect(props: Path1DPathEffectProps): Path1DPathEffectNode;
+    Path2DPathEffect(props: Path2DPathEffectProps): Path2DPathEffectNode;
+    SumPathEffect(): SumPathEffectNode;
+    Line2DPathEffect(props: Line2DPathEffectProps): Line2DPathEffectNode;
+    Blend(props: BlendProps): BlendNode;
+    BackdropFilter(props: ChildrenProps): BackdropFilterNode;
+    Box(props: BoxProps): BoxNode;
+    BoxShadow(props: BoxShadowProps): BoxShadowNode;
+}

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

@@ -0,0 +1,43 @@
+import type { SkColorFilter, Skia, SkImageFilter, SkMaskFilter, SkShader, SkPathEffect, SkPaint } from "../../skia/types";
+import type { Node, DeclarationNode, NodeType } from "../types";
+import { DeclarationType } from "../types";
+import type { DependencyManager } from "../../renderer/DependencyManager";
+export interface NodeContext {
+    Skia: Skia;
+    depMgr: DependencyManager;
+}
+export declare abstract class JsiNode<P> implements Node<P> {
+    type: NodeType;
+    protected props: P;
+    protected _children: JsiNode<unknown>[];
+    protected Skia: Skia;
+    protected depMgr: DependencyManager;
+    constructor(ctx: NodeContext, type: NodeType, props: P);
+    setProps(props: P): void;
+    setProp<K extends keyof P>(name: K, v: P[K]): boolean;
+    getProps(): P;
+    children(): JsiNode<unknown>[];
+    addChild(child: Node<unknown>): void;
+    dispose(): void;
+    removeChild(child: Node<unknown>): void;
+    insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
+}
+export declare type Invalidate = () => void;
+export declare abstract class JsiDeclarationNode<P, T, Nullable extends null | never = never> extends JsiNode<P> implements DeclarationNode<P, T, Nullable> {
+    declarationType: DeclarationType;
+    private invalidate;
+    constructor(ctx: NodeContext, declarationType: DeclarationType, type: NodeType, props: P);
+    abstract materialize(): T | Nullable;
+    addChild(child: Node<unknown>): void;
+    insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
+    dispose(): void;
+    setInvalidate(invalidate: Invalidate): void;
+    setProps(props: P): void;
+    setProp<K extends keyof P>(name: K, v: P[K]): boolean;
+    isPaint(): this is DeclarationNode<unknown, SkPaint>;
+    isImageFilter(): this is DeclarationNode<unknown, SkImageFilter>;
+    isColorFilter(): this is DeclarationNode<unknown, SkColorFilter>;
+    isShader(): this is DeclarationNode<unknown, SkShader>;
+    isMaskFilter(): this is DeclarationNode<unknown, SkMaskFilter>;
+    isPathEffect(): this is DeclarationNode<unknown, SkPathEffect>;
+}

package/lib/typescript/src/dom/nodes/PaintContext.d.ts

@@ -0,0 +1,18 @@
+import type { BlendMode, PaintStyle, SkColorFilter, SkImageFilter, SkMaskFilter, SkPathEffect, SkShader, StrokeCap, StrokeJoin } from "../../skia/types";
+import type { SkColor } from "../../skia/types/Color";
+export interface PaintContext {
+    color?: SkColor;
+    strokeWidth?: number;
+    blendMode?: BlendMode;
+    style?: PaintStyle;
+    strokeJoin?: StrokeJoin;
+    strokeCap?: StrokeCap;
+    strokeMiter?: number;
+    opacity?: number;
+    antiAlias?: boolean;
+    shader?: SkShader;
+    colorFilter?: SkColorFilter;
+    imageFilter?: SkImageFilter;
+    maskFilter?: SkMaskFilter;
+    pathEffect?: SkPathEffect;
+}

package/lib/typescript/src/dom/nodes/PaintNode.d.ts

@@ -0,0 +1,8 @@
+import type { SkPaint } from "../../skia/types";
+import type { DeclarationNode, PaintProps } from "../types";
+import type { NodeContext } from "./Node";
+import { JsiDeclarationNode } from "./Node";
+export declare class PaintNode extends JsiDeclarationNode<PaintProps, SkPaint> implements DeclarationNode<PaintProps, SkPaint> {
+    constructor(ctx: NodeContext, props?: PaintProps);
+    materialize(): SkPaint;
+}

package/lib/typescript/src/dom/nodes/RenderNode.d.ts

@@ -0,0 +1,29 @@
+import type { RefObject } from "react";
+import type { SkMatrix, SkRect, SkRRect, SkPath, SkPaint } from "../../skia/types";
+import type { RenderNode, GroupProps, DrawingContext, NodeType, Node, DeclarationNode } from "../types";
+import type { NodeContext } from "./Node";
+import { JsiNode } from "./Node";
+interface PaintCache {
+    parent: SkPaint;
+    child: SkPaint;
+}
+export declare abstract class JsiRenderNode<P extends GroupProps> extends JsiNode<P> implements RenderNode<P> {
+    paintCache: PaintCache | null;
+    matrix: SkMatrix;
+    clipRect?: SkRect;
+    clipRRect?: SkRRect;
+    clipPath?: SkPath;
+    constructor(ctx: NodeContext, type: NodeType, props: P);
+    setProps(props: P): void;
+    setProp<K extends keyof P>(key: K, value: P[K]): boolean;
+    protected onPropChange(): void;
+    addChild(child: Node<unknown>): void;
+    insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
+    private computeClip;
+    private computeMatrix;
+    private getPaintCtx;
+    render(parentCtx: DrawingContext): void;
+    abstract renderNode(ctx: DrawingContext): void;
+}
+export declare const isSkPaint: (obj: RefObject<DeclarationNode<unknown, SkPaint>> | SkPaint) => obj is SkPaint;
+export {};

package/lib/typescript/src/dom/nodes/datatypes/Circle.d.ts

@@ -0,0 +1,4 @@
+import type { Skia } from "../../../skia/types";
+import type { CircleDef, ScalarCircleDef } from "../../types";
+export declare const isCircleScalarDef: (def: CircleDef) => def is ScalarCircleDef;
+export declare const processCircle: (Skia: Skia, def: CircleDef) => import("../../types").PointCircleDef;

package/lib/typescript/src/{renderer/processors → dom/nodes/datatypes}/Color.d.ts

@@ -1,4 +1,4 @@
-import type { Color, Skia } from "../../skia/types";
+import type { Color, Skia } from "../../../skia/types";
 export declare const RED = 0;
 export declare const GREEN = 1;
 export declare const BLUE = 2;

package/lib/typescript/src/dom/nodes/datatypes/Enum.d.ts

@@ -0,0 +1 @@
+export declare const enumKey: <K extends string>(k: K) => Capitalize<K>;

package/lib/typescript/src/{renderer/components/image/BoxFit.d.ts → dom/nodes/datatypes/Fitting.d.ts}

@@ -1,5 +1,5 @@
 import type { SkRect } from "../../../skia/types";
-export declare type Fit = "cover" | "contain" | "fill" | "fitHeight" | "fitWidth" | "none" | "scaleDown";
+import type { Fit } from "../../types";
 export interface Size {
     width: number;
     height: number;

package/lib/typescript/src/{renderer/processors/Transform.d.ts → dom/nodes/datatypes/Gradient.d.ts}

@@ -1,12 +1,6 @@
-import type { SkMatrix, Vector, Transforms2d } from "../../skia/types";
-import type { SkCanvas } from "../../skia/types/Canvas";
-export interface TransformProps {
-    transform?: Transforms2d;
-    origin?: Vector;
-    matrix?: SkMatrix;
-}
-export declare const processCanvasTransform: (canvas: SkCanvas, { transform, origin, matrix }: TransformProps) => void;
-export declare const localMatrix: (m: SkMatrix, { transform, origin }: TransformProps) => SkMatrix | undefined;
+import type { Skia, SkRect, Transforms2d, Vector } from "../../../skia/types";
+import { TileMode } from "../../../skia/types";
+import type { GradientProps, ImageShaderProps } from "../../types";
 export declare const transformOrigin: (origin: Vector, transform: Transforms2d) => (Pick<{
     readonly translateX: number;
     readonly translateY: number;
@@ -88,3 +82,11 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms2d)
     readonly rotateZ: number;
     readonly rotate: number;
 }, "rotate">)[];
+export declare const processGradientProps: (Skia: Skia, { colors, positions, mode, flags, ...transform }: GradientProps) => {
+    colors: Float32Array[];
+    positions: number[] | null;
+    mode: TileMode;
+    flags: number | undefined;
+    localMatrix: import("../../../skia/types").SkMatrix;
+};
+export declare const getRect: (Skia: Skia, props: Omit<ImageShaderProps, "tx" | "ty" | "fm" | "mm" | "fit" | "image">) => SkRect | undefined;

package/lib/typescript/src/dom/nodes/datatypes/Path.d.ts

@@ -0,0 +1,4 @@
+import type { Skia } from "../../../skia/types";
+import type { PathDef } from "../../types";
+export declare const processPath: (Skia: Skia, rawPath: PathDef) => import("../../../skia/types").SkPath;
+export declare const isPathDef: (def: any) => def is PathDef;

package/lib/typescript/src/dom/nodes/datatypes/Radius.d.ts

@@ -0,0 +1,3 @@
+import type { Skia, Vector } from "../../../skia/types";
+import type { Radius } from "../../types";
+export declare const processRadius: (Skia: Skia, radius: Radius) => Vector;

package/lib/typescript/src/dom/nodes/datatypes/Rect.d.ts

@@ -0,0 +1,5 @@
+import type { Skia, SkRect, Vector } from "../../../skia/types";
+import type { RectDef, RRectDef } from "../../types";
+export declare const isEdge: (pos: Vector, b: SkRect) => boolean;
+export declare const processRect: (Skia: Skia, def: RectDef) => SkRect;
+export declare const processRRect: (Skia: Skia, def: RRectDef) => import("../../../skia/types").SkRRect;

package/lib/typescript/src/dom/nodes/datatypes/Transform.d.ts

@@ -0,0 +1,3 @@
+import type { TransformProps } from "../../types";
+import type { SkMatrix } from "../../../skia/types";
+export declare const processTransformProps: (m3: SkMatrix, props: TransformProps) => void;

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

@@ -0,0 +1,9 @@
+export * from "./Enum";
+export * from "./Path";
+export * from "./Fitting";
+export * from "./Color";
+export * from "./Rect";
+export * from "./Radius";
+export * from "./Circle";
+export * from "./Gradient";
+export * from "./Transform";

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

@@ -0,0 +1,8 @@
+import type { ChildrenProps, DrawingContext } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class BackdropFilterNode extends JsiDrawingNode<ChildrenProps, null> {
+    constructor(ctx: NodeContext, props: ChildrenProps);
+    protected deriveProps(): null;
+    draw({ canvas }: DrawingContext): void;
+}

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

@@ -0,0 +1,13 @@
+import type { DrawingContext } from "../../types";
+import type { BoxShadowProps, BoxProps } from "../../types/Drawings";
+import type { NodeContext } from "../Node";
+import { JsiDeclarationNode } from "../Node";
+import { JsiRenderNode } from "../RenderNode";
+export declare class BoxShadowNode extends JsiDeclarationNode<BoxShadowProps, BoxShadowProps> {
+    constructor(ctx: NodeContext, props: BoxShadowProps);
+    materialize(): BoxShadowProps;
+}
+export declare class BoxNode extends JsiRenderNode<BoxProps> {
+    constructor(ctx: NodeContext, props: BoxProps);
+    renderNode({ canvas, paint, opacity }: DrawingContext): void;
+}

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

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

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

@@ -0,0 +1,8 @@
+import type { CustomDrawingNodeProps, DrawingContext } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class CustomDrawingNode extends JsiDrawingNode<CustomDrawingNodeProps, null> {
+    constructor(ctx: NodeContext, props: CustomDrawingNodeProps);
+    deriveProps(): null;
+    draw(ctx: DrawingContext): void;
+}

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

@@ -0,0 +1,8 @@
+import type { DiffRectProps, DrawingContext } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class DiffRectNode extends JsiDrawingNode<DiffRectProps, null> {
+    constructor(ctx: NodeContext, props: DiffRectProps);
+    deriveProps(): null;
+    draw({ canvas, paint }: DrawingContext): void;
+}

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

@@ -0,0 +1,8 @@
+import type { DrawingContext, DrawingNodeProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class FillNode extends JsiDrawingNode<DrawingNodeProps, null> {
+    constructor(ctx: NodeContext, props?: DrawingNodeProps);
+    deriveProps(): null;
+    draw({ canvas, paint }: DrawingContext): void;
+}

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

@@ -0,0 +1,25 @@
+import type { SkRect } from "../../../skia/types";
+import type { DrawingContext, ImageProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class ImageNode extends JsiDrawingNode<ImageProps, {
+    src: SkRect;
+    dst: SkRect;
+}> {
+    constructor(ctx: NodeContext, props: ImageProps);
+    deriveProps(): {
+        src: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+        dst: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+    };
+    draw({ canvas, paint }: DrawingContext): void;
+}

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

@@ -0,0 +1,8 @@
+import type { DrawingContext, ImageSVGProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class ImageSVGNode extends JsiDrawingNode<ImageSVGProps, null> {
+    constructor(ctx: NodeContext, props: ImageSVGProps);
+    deriveProps(): null;
+    draw({ canvas }: DrawingContext): void;
+}

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

@@ -0,0 +1,8 @@
+import type { DrawingContext, LineProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class LineNode extends JsiDrawingNode<LineProps, null> {
+    constructor(ctx: NodeContext, props: LineProps);
+    deriveProps(): null;
+    draw({ canvas, paint }: DrawingContext): void;
+}

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

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

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

@@ -0,0 +1,18 @@
+import type { SkColor, SkPoint } from "../../../skia/types";
+import { BlendMode } from "../../../skia/types";
+import type { DrawingContext, PatchProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class PatchNode extends JsiDrawingNode<PatchProps, {
+    points: SkPoint[];
+    colors: SkColor[] | undefined;
+    mode: BlendMode;
+}> {
+    constructor(ctx: NodeContext, props: PatchProps);
+    deriveProps(): {
+        mode: BlendMode;
+        points: SkPoint[];
+        colors: Float32Array[] | undefined;
+    };
+    draw({ canvas, paint, opacity }: DrawingContext): void;
+}

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

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

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

@@ -0,0 +1,8 @@
+import type { DrawingContext, PictureProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class PictureNode extends JsiDrawingNode<PictureProps, null> {
+    constructor(ctx: NodeContext, props: PictureProps);
+    deriveProps(): null;
+    draw({ canvas }: DrawingContext): void;
+}

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

@@ -0,0 +1,8 @@
+import type { DrawingContext, PointsProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class PointsNode extends JsiDrawingNode<PointsProps, null> {
+    constructor(ctx: NodeContext, props: PointsProps);
+    deriveProps(): null;
+    draw({ canvas, paint }: DrawingContext): void;
+}

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

@@ -0,0 +1,10 @@
+import type { 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, SkRRect> {
+    rect?: SkRRect;
+    constructor(ctx: NodeContext, props: RoundedRectProps);
+    protected deriveProps(): SkRRect;
+    draw({ canvas, paint }: DrawingContext): void;
+}

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,30 @@
+import type { SkTextBlob, SkPoint } 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, null> {
+    constructor(ctx: NodeContext, props: TextProps);
+    protected deriveProps(): null;
+    draw({ canvas, paint }: DrawingContext): void;
+}
+export declare class TextPathNode extends JsiDrawingNode<TextPathProps, SkTextBlob> {
+    constructor(ctx: NodeContext, props: TextPathProps);
+    deriveProps(): SkTextBlob;
+    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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,18 @@
+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 "./CustomDrawingNode";
+export * from "./Text";
+export * from "./PictureNode";
+export * from "./DiffRectNode";
+export * from "./ImageSVG";
+export * from "./BackdropFilterNode";
+export * from "./Box";

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

@@ -0,0 +1,3 @@
+export * from "../types";
+export * from "./JsiSkDOM";
+export * from "./datatypes";