@shopify/react-native-skia 0.1.154 → 0.1.156

package/lib/module/dom/types/NodeType.js.map

@@ -1 +1 @@
-{"version":3,"names":["NodeType","DeclarationType"],"sources":["NodeType.ts"],"sourcesContent":["export const enum NodeType {\n  // Shaders\n  Shader = \"skShader\",\n  ImageShader = \"skImageShader\",\n  ColorShader = \"skColorShader\",\n  Turbulence = \"skTurbulence\",\n  FractalNoise = \"skFractalNoise\",\n  LinearGradient = \"skLinearGradient\",\n  RadialGradient = \"skRadialGradient\",\n  SweepGradient = \"skSweepGradient\",\n  TwoPointConicalGradient = \"skTwoPointConicalGradient\",\n\n  // Mask Filters\n  BlurMaskFilter = \"skBlurMaskFilter\",\n\n  // Path Effects\n  DiscretePathEffect = \"skDiscretePathEffect\",\n  DashPathEffect = \"skDashPathEffect\",\n  Path1DPathEffect = \"skPath1DPathEffect\",\n  Path2DPathEffect = \"skPath2DPathEffect\",\n  CornerPathEffect = \"skCornerPathEffect\",\n  SumPathEffect = \"skSumPathEffect\",\n  Line2DPathEffect = \"skLine2DPathEffect\",\n\n  // Color Filters\n  MatrixColorFilter = \"skMatrixColorFilter\",\n  BlendColorFilter = \"skBlendColorFilter\",\n  LinearToSRGBGammaColorFilter = \"skLinearToSRGBGammaColorFilter\",\n  SRGBToLinearGammaColorFilter = \"skSRGBToLinearGammaColorFilter\",\n  LumaColorFilter = \"skLumaColorFilter\",\n  LerpColorFilter = \"skLerpColorFilter\",\n\n  // Image Filters\n  OffsetImageFilter = \"skOffsetImageFilter\",\n  DisplacementMapImageFilter = \"skDisplacementMapImageFilter\",\n  BlurImageFilter = \"skBlurImageFilter\",\n  DropShadowImageFilter = \"skDropShadowImageFilter\",\n  MorphologyImageFilter = \"skMorphologyImageFilter\",\n  BlendImageFilter = \"skBlendImageFilter\",\n  RuntimeShaderImageFilter = \"skRuntimeShaderImageFilter\",\n\n  // Mixed\n  Blend = \"skBlend\",\n  BackdropFilter = \"skBackdropFilter\",\n  Box = \"skBox\",\n  BoxShadow = \"skBoxShadow\",\n\n  // Drawings\n  Group = \"skGroup\",\n  Drawing = \"skDrawing\",\n  Paint = \"skPaint\",\n  Circle = \"skCircle\",\n  Fill = \"skFill\",\n  Image = \"skImage\",\n  Points = \"skPoints\",\n  Path = \"skPath\",\n  Rect = \"skRect\",\n  RRect = \"skRRect\",\n  Oval = \"skOval\",\n  Line = \"skLine\",\n  Patch = \"skPatch\",\n  Vertices = \"skVertices\",\n  DiffRect = \"skDiffRect\",\n  Text = \"skText\",\n  TextPath = \"skTextPath\",\n  TextBlob = \"skTextBlob\",\n  Glyphs = \"skGlyphs\",\n  Picture = \"skPicture\",\n  ImageSVG = \"skImageSVG\",\n}\n\nexport const enum DeclarationType {\n  Paint,\n  Shader,\n  ImageFilter,\n  ColorFilter,\n  PathEffect,\n  MaskFilter,\n  Unknown,\n}\n"],"mappings":"AAAA,WAAkBA,QAAlB;;WAAkBA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;GAAAA,Q,KAAAA,Q;;AAuElB,WAAkBC,eAAlB;;WAAkBA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;GAAAA,e,KAAAA,e"}
+{"version":3,"names":["NodeType","DeclarationType"],"sources":["NodeType.ts"],"sourcesContent":["export const enum NodeType {\n  // Shaders\n  Layer = \"skLayer\",\n  Shader = \"skShader\",\n  ImageShader = \"skImageShader\",\n  ColorShader = \"skColorShader\",\n  Turbulence = \"skTurbulence\",\n  FractalNoise = \"skFractalNoise\",\n  LinearGradient = \"skLinearGradient\",\n  RadialGradient = \"skRadialGradient\",\n  SweepGradient = \"skSweepGradient\",\n  TwoPointConicalGradient = \"skTwoPointConicalGradient\",\n\n  // Mask Filters\n  BlurMaskFilter = \"skBlurMaskFilter\",\n\n  // Path Effects\n  DiscretePathEffect = \"skDiscretePathEffect\",\n  DashPathEffect = \"skDashPathEffect\",\n  Path1DPathEffect = \"skPath1DPathEffect\",\n  Path2DPathEffect = \"skPath2DPathEffect\",\n  CornerPathEffect = \"skCornerPathEffect\",\n  SumPathEffect = \"skSumPathEffect\",\n  Line2DPathEffect = \"skLine2DPathEffect\",\n\n  // Color Filters\n  MatrixColorFilter = \"skMatrixColorFilter\",\n  BlendColorFilter = \"skBlendColorFilter\",\n  LinearToSRGBGammaColorFilter = \"skLinearToSRGBGammaColorFilter\",\n  SRGBToLinearGammaColorFilter = \"skSRGBToLinearGammaColorFilter\",\n  LumaColorFilter = \"skLumaColorFilter\",\n  LerpColorFilter = \"skLerpColorFilter\",\n\n  // Image Filters\n  OffsetImageFilter = \"skOffsetImageFilter\",\n  DisplacementMapImageFilter = \"skDisplacementMapImageFilter\",\n  BlurImageFilter = \"skBlurImageFilter\",\n  DropShadowImageFilter = \"skDropShadowImageFilter\",\n  MorphologyImageFilter = \"skMorphologyImageFilter\",\n  BlendImageFilter = \"skBlendImageFilter\",\n  RuntimeShaderImageFilter = \"skRuntimeShaderImageFilter\",\n\n  // Mixed\n  Blend = \"skBlend\",\n  BackdropFilter = \"skBackdropFilter\",\n  Box = \"skBox\",\n  BoxShadow = \"skBoxShadow\",\n\n  // Drawings\n  Group = \"skGroup\",\n  Drawing = \"skDrawing\",\n  Paint = \"skPaint\",\n  Circle = \"skCircle\",\n  Fill = \"skFill\",\n  Image = \"skImage\",\n  Points = \"skPoints\",\n  Path = \"skPath\",\n  Rect = \"skRect\",\n  RRect = \"skRRect\",\n  Oval = \"skOval\",\n  Line = \"skLine\",\n  Patch = \"skPatch\",\n  Vertices = \"skVertices\",\n  DiffRect = \"skDiffRect\",\n  Text = \"skText\",\n  TextPath = \"skTextPath\",\n  TextBlob = \"skTextBlob\",\n  Glyphs = \"skGlyphs\",\n  Picture = \"skPicture\",\n  ImageSVG = \"skImageSVG\",\n}\n\nexport const enum DeclarationType {\n  Paint,\n  Shader,\n  ImageFilter,\n  ColorFilter,\n  PathEffect,\n  MaskFilter,\n  Unknown,\n}\n"],"mappings":"AAAA,WAAkBA,QAAlB;;WAAkBA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;GAAAA,Q,KAAAA,Q;;AAwElB,WAAkBC,eAAlB;;WAAkBA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;GAAAA,e,KAAAA,e"}

package/lib/module/dom/types/SkDOM.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["SkDOM.ts"],"sourcesContent":["import type {\n  SkImageFilter,\n  SkMaskFilter,\n  SkShader,\n  SkColorFilter,\n  SkPathEffect,\n  SkPaint,\n} from \"../../skia/types\";\n\nimport type { ChildrenProps, GroupProps, PaintProps } from \"./Common\";\nimport type {\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  DropShadowImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n  DisplacementMapImageFilterProps,\n  MorphologyImageFilterProps,\n  BlendProps,\n} from \"./ImageFilters\";\nimport type { DeclarationNode, RenderNode } from \"./Node\";\nimport type {\n  BlendColorFilterProps,\n  MatrixColorFilterProps,\n  LerpColorFilterProps,\n} from \"./ColorFilters\";\nimport type {\n  ImageProps,\n  CircleProps,\n  PathProps,\n  CustomDrawingNodeProps,\n  LineProps,\n  OvalProps,\n  PatchProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  VerticesProps,\n  TextProps,\n  DiffRectProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  PictureProps,\n  ImageSVGProps,\n  DrawingNodeProps,\n  BoxProps,\n  BoxShadowProps,\n} from \"./Drawings\";\nimport type { BlurMaskFilterProps } from \"./MaskFilters\";\nimport type {\n  FractalNoiseProps,\n  SweepGradientProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  ShaderProps,\n  TurbulenceProps,\n  TwoPointConicalGradientProps,\n  RadialGradientProps,\n  ColorProps,\n} from \"./Shaders\";\nimport type {\n  CornerPathEffectProps,\n  DashPathEffectProps,\n  DiscretePathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n} from \"./PathEffects\";\n\ntype ImageFilterNode<P> = DeclarationNode<P, SkImageFilter>;\n\ntype PathEffectNode<P> = DeclarationNode<P, SkPathEffect>;\ntype NullablePathEffectNode<P> = DeclarationNode<P, SkPathEffect, null>;\n\ntype DrawingNode<P extends GroupProps> = RenderNode<P>;\n\nexport interface SkDOM {\n  Group(props?: GroupProps): RenderNode<GroupProps>;\n  Paint(props: PaintProps): DeclarationNode<PaintProps, SkPaint>;\n\n  // Drawings\n  Fill(props?: DrawingNodeProps): DrawingNode<DrawingNodeProps>;\n  Image(props: ImageProps): DrawingNode<ImageProps>;\n  Circle(props: CircleProps): DrawingNode<CircleProps>;\n  Path(props: PathProps): DrawingNode<PathProps>;\n  CustomDrawing(\n    props: CustomDrawingNodeProps\n  ): DrawingNode<CustomDrawingNodeProps>;\n  Line(props: LineProps): DrawingNode<LineProps>;\n  Oval(props: OvalProps): DrawingNode<OvalProps>;\n  Patch(props: PatchProps): DrawingNode<PatchProps>;\n  Points(props: PointsProps): DrawingNode<PointsProps>;\n  Rect(props: RectProps): DrawingNode<RectProps>;\n  RRect(props: RoundedRectProps): DrawingNode<RoundedRectProps>;\n  Vertices(props: VerticesProps): DrawingNode<VerticesProps>;\n  Text(props: TextProps): DrawingNode<TextProps>;\n  TextPath(props: TextPathProps): DrawingNode<TextPathProps>;\n  TextBlob(props: TextBlobProps): DrawingNode<TextBlobProps>;\n  Glyphs(props: GlyphsProps): DrawingNode<GlyphsProps>;\n  DiffRect(props: DiffRectProps): DrawingNode<DiffRectProps>;\n  Picture(props: PictureProps): DrawingNode<PictureProps>;\n  ImageSVG(props: ImageSVGProps): DrawingNode<ImageSVGProps>;\n\n  // BlurMaskFilters\n  BlurMaskFilter(\n    props: BlurMaskFilterProps\n  ): DeclarationNode<BlurMaskFilterProps, SkMaskFilter>;\n\n  // ImageFilters\n  BlendImageFilter(\n    props: BlendImageFilterProps\n  ): ImageFilterNode<BlendImageFilterProps>;\n  BlurImageFilter(\n    props: BlurImageFilterProps\n  ): ImageFilterNode<BlurImageFilterProps>;\n  OffsetImageFilter(\n    props: OffsetImageFilterProps\n  ): ImageFilterNode<OffsetImageFilterProps>;\n  DropShadowImageFilter(\n    props: DropShadowImageFilterProps\n  ): ImageFilterNode<DropShadowImageFilterProps>;\n  MorphologyImageFilter(\n    props: MorphologyImageFilterProps\n  ): ImageFilterNode<MorphologyImageFilterProps>;\n  DisplacementMapImageFilter(\n    props: DisplacementMapImageFilterProps\n  ): ImageFilterNode<DisplacementMapImageFilterProps>;\n  RuntimeShaderImageFilter(\n    props: RuntimeShaderImageFilterProps\n  ): ImageFilterNode<RuntimeShaderImageFilterProps>;\n\n  // ColorFilters\n  MatrixColorFilter(\n    props: MatrixColorFilterProps\n  ): DeclarationNode<MatrixColorFilterProps, SkColorFilter>;\n  BlendColorFilter(\n    props: BlendColorFilterProps\n  ): DeclarationNode<BlendColorFilterProps, SkColorFilter>;\n  LumaColorFilter(): DeclarationNode<null, SkColorFilter>;\n  LinearToSRGBGammaColorFilter(): DeclarationNode<null, SkColorFilter>;\n  SRGBToLinearGammaColorFilter(): DeclarationNode<null, SkColorFilter>;\n  LerpColorFilter(\n    props: LerpColorFilterProps\n  ): DeclarationNode<LerpColorFilterProps, SkColorFilter>;\n\n  // Shaders\n  Shader(props: ShaderProps): DeclarationNode<ShaderProps, SkShader>;\n  ImageShader(\n    props: ImageShaderProps\n  ): DeclarationNode<ImageShaderProps, SkShader>;\n  ColorShader(props: ColorProps): DeclarationNode<ColorProps, SkShader>;\n  Turbulence(\n    props: TurbulenceProps\n  ): DeclarationNode<TurbulenceProps, SkShader>;\n  FractalNoise(\n    props: FractalNoiseProps\n  ): DeclarationNode<FractalNoiseProps, SkShader>;\n  LinearGradient(\n    props: LinearGradientProps\n  ): DeclarationNode<LinearGradientProps, SkShader>;\n  RadialGradient(\n    props: RadialGradientProps\n  ): DeclarationNode<RadialGradientProps, SkShader>;\n  SweepGradient(\n    props: SweepGradientProps\n  ): DeclarationNode<SweepGradientProps, SkShader>;\n  TwoPointConicalGradient(\n    props: TwoPointConicalGradientProps\n  ): DeclarationNode<TwoPointConicalGradientProps, SkShader>;\n\n  // Path Effects\n  CornerPathEffect(\n    props: CornerPathEffectProps\n  ): NullablePathEffectNode<CornerPathEffectProps>;\n  DiscretePathEffect(\n    props: DiscretePathEffectProps\n  ): PathEffectNode<DiscretePathEffectProps>;\n  DashPathEffect(\n    props: DashPathEffectProps\n  ): PathEffectNode<DashPathEffectProps>;\n  Path1DPathEffect(\n    props: Path1DPathEffectProps\n  ): NullablePathEffectNode<Path1DPathEffectProps>;\n  Path2DPathEffect(\n    props: Path2DPathEffectProps\n  ): NullablePathEffectNode<Path2DPathEffectProps>;\n  SumPathEffect(): NullablePathEffectNode<null>;\n  Line2DPathEffect(\n    props: Line2DPathEffectProps\n  ): NullablePathEffectNode<Line2DPathEffectProps>;\n\n  // Mixed\n  Blend(\n    props: BlendProps\n  ): DeclarationNode<BlendProps, SkShader | SkImageFilter>;\n  BackdropFilter(props: ChildrenProps): RenderNode<ChildrenProps>;\n  Box(props: BoxProps): RenderNode<BoxProps>;\n  BoxShadow(\n    props: BoxShadowProps\n  ): DeclarationNode<BoxShadowProps, BoxShadowProps>;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["SkDOM.ts"],"sourcesContent":["import type {\n  SkImageFilter,\n  SkMaskFilter,\n  SkShader,\n  SkColorFilter,\n  SkPathEffect,\n  SkPaint,\n} from \"../../skia/types\";\n\nimport type { ChildrenProps, GroupProps, PaintProps } from \"./Common\";\nimport type {\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  DropShadowImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n  DisplacementMapImageFilterProps,\n  MorphologyImageFilterProps,\n  BlendProps,\n} from \"./ImageFilters\";\nimport type { DeclarationNode, RenderNode } from \"./Node\";\nimport type {\n  BlendColorFilterProps,\n  MatrixColorFilterProps,\n  LerpColorFilterProps,\n} from \"./ColorFilters\";\nimport type {\n  ImageProps,\n  CircleProps,\n  PathProps,\n  CustomDrawingNodeProps,\n  LineProps,\n  OvalProps,\n  PatchProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  VerticesProps,\n  TextProps,\n  DiffRectProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  PictureProps,\n  ImageSVGProps,\n  DrawingNodeProps,\n  BoxProps,\n  BoxShadowProps,\n} from \"./Drawings\";\nimport type { BlurMaskFilterProps } from \"./MaskFilters\";\nimport type {\n  FractalNoiseProps,\n  SweepGradientProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  ShaderProps,\n  TurbulenceProps,\n  TwoPointConicalGradientProps,\n  RadialGradientProps,\n  ColorProps,\n} from \"./Shaders\";\nimport type {\n  CornerPathEffectProps,\n  DashPathEffectProps,\n  DiscretePathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n} from \"./PathEffects\";\n\ntype ImageFilterNode<P> = DeclarationNode<P, SkImageFilter>;\n\ntype PathEffectNode<P> = DeclarationNode<P, SkPathEffect>;\ntype NullablePathEffectNode<P> = DeclarationNode<P, SkPathEffect, null>;\n\ntype DrawingNode<P extends GroupProps> = RenderNode<P>;\n\nexport interface SkDOM {\n  Layer(props?: ChildrenProps): RenderNode<ChildrenProps>;\n  Group(props?: GroupProps): RenderNode<GroupProps>;\n  Paint(props: PaintProps): DeclarationNode<PaintProps, SkPaint>;\n\n  // Drawings\n  Fill(props?: DrawingNodeProps): DrawingNode<DrawingNodeProps>;\n  Image(props: ImageProps): DrawingNode<ImageProps>;\n  Circle(props: CircleProps): DrawingNode<CircleProps>;\n  Path(props: PathProps): DrawingNode<PathProps>;\n  CustomDrawing(\n    props: CustomDrawingNodeProps\n  ): DrawingNode<CustomDrawingNodeProps>;\n  Line(props: LineProps): DrawingNode<LineProps>;\n  Oval(props: OvalProps): DrawingNode<OvalProps>;\n  Patch(props: PatchProps): DrawingNode<PatchProps>;\n  Points(props: PointsProps): DrawingNode<PointsProps>;\n  Rect(props: RectProps): DrawingNode<RectProps>;\n  RRect(props: RoundedRectProps): DrawingNode<RoundedRectProps>;\n  Vertices(props: VerticesProps): DrawingNode<VerticesProps>;\n  Text(props: TextProps): DrawingNode<TextProps>;\n  TextPath(props: TextPathProps): DrawingNode<TextPathProps>;\n  TextBlob(props: TextBlobProps): DrawingNode<TextBlobProps>;\n  Glyphs(props: GlyphsProps): DrawingNode<GlyphsProps>;\n  DiffRect(props: DiffRectProps): DrawingNode<DiffRectProps>;\n  Picture(props: PictureProps): DrawingNode<PictureProps>;\n  ImageSVG(props: ImageSVGProps): DrawingNode<ImageSVGProps>;\n\n  // BlurMaskFilters\n  BlurMaskFilter(\n    props: BlurMaskFilterProps\n  ): DeclarationNode<BlurMaskFilterProps, SkMaskFilter>;\n\n  // ImageFilters\n  BlendImageFilter(\n    props: BlendImageFilterProps\n  ): ImageFilterNode<BlendImageFilterProps>;\n  BlurImageFilter(\n    props: BlurImageFilterProps\n  ): ImageFilterNode<BlurImageFilterProps>;\n  OffsetImageFilter(\n    props: OffsetImageFilterProps\n  ): ImageFilterNode<OffsetImageFilterProps>;\n  DropShadowImageFilter(\n    props: DropShadowImageFilterProps\n  ): ImageFilterNode<DropShadowImageFilterProps>;\n  MorphologyImageFilter(\n    props: MorphologyImageFilterProps\n  ): ImageFilterNode<MorphologyImageFilterProps>;\n  DisplacementMapImageFilter(\n    props: DisplacementMapImageFilterProps\n  ): ImageFilterNode<DisplacementMapImageFilterProps>;\n  RuntimeShaderImageFilter(\n    props: RuntimeShaderImageFilterProps\n  ): ImageFilterNode<RuntimeShaderImageFilterProps>;\n\n  // ColorFilters\n  MatrixColorFilter(\n    props: MatrixColorFilterProps\n  ): DeclarationNode<MatrixColorFilterProps, SkColorFilter>;\n  BlendColorFilter(\n    props: BlendColorFilterProps\n  ): DeclarationNode<BlendColorFilterProps, SkColorFilter>;\n  LumaColorFilter(): DeclarationNode<null, SkColorFilter>;\n  LinearToSRGBGammaColorFilter(): DeclarationNode<null, SkColorFilter>;\n  SRGBToLinearGammaColorFilter(): DeclarationNode<null, SkColorFilter>;\n  LerpColorFilter(\n    props: LerpColorFilterProps\n  ): DeclarationNode<LerpColorFilterProps, SkColorFilter>;\n\n  // Shaders\n  Shader(props: ShaderProps): DeclarationNode<ShaderProps, SkShader>;\n  ImageShader(\n    props: ImageShaderProps\n  ): DeclarationNode<ImageShaderProps, SkShader>;\n  ColorShader(props: ColorProps): DeclarationNode<ColorProps, SkShader>;\n  Turbulence(\n    props: TurbulenceProps\n  ): DeclarationNode<TurbulenceProps, SkShader>;\n  FractalNoise(\n    props: FractalNoiseProps\n  ): DeclarationNode<FractalNoiseProps, SkShader>;\n  LinearGradient(\n    props: LinearGradientProps\n  ): DeclarationNode<LinearGradientProps, SkShader>;\n  RadialGradient(\n    props: RadialGradientProps\n  ): DeclarationNode<RadialGradientProps, SkShader>;\n  SweepGradient(\n    props: SweepGradientProps\n  ): DeclarationNode<SweepGradientProps, SkShader>;\n  TwoPointConicalGradient(\n    props: TwoPointConicalGradientProps\n  ): DeclarationNode<TwoPointConicalGradientProps, SkShader>;\n\n  // Path Effects\n  CornerPathEffect(\n    props: CornerPathEffectProps\n  ): NullablePathEffectNode<CornerPathEffectProps>;\n  DiscretePathEffect(\n    props: DiscretePathEffectProps\n  ): PathEffectNode<DiscretePathEffectProps>;\n  DashPathEffect(\n    props: DashPathEffectProps\n  ): PathEffectNode<DashPathEffectProps>;\n  Path1DPathEffect(\n    props: Path1DPathEffectProps\n  ): NullablePathEffectNode<Path1DPathEffectProps>;\n  Path2DPathEffect(\n    props: Path2DPathEffectProps\n  ): NullablePathEffectNode<Path2DPathEffectProps>;\n  SumPathEffect(): NullablePathEffectNode<null>;\n  Line2DPathEffect(\n    props: Line2DPathEffectProps\n  ): NullablePathEffectNode<Line2DPathEffectProps>;\n\n  // Mixed\n  Blend(\n    props: BlendProps\n  ): DeclarationNode<BlendProps, SkShader | SkImageFilter>;\n  BackdropFilter(props: ChildrenProps): RenderNode<ChildrenProps>;\n  Box(props: BoxProps): RenderNode<BoxProps>;\n  BoxShadow(\n    props: BoxShadowProps\n  ): DeclarationNode<BoxShadowProps, BoxShadowProps>;\n}\n"],"mappings":""}

package/lib/module/renderer/HostComponents.js

@@ -6,6 +6,9 @@ export const createNode = (container, type, props) => {
   } = container;
 
   switch (type) {
+    case NodeType.Layer:
+      return Sk.Layer(props);
+
     case NodeType.Group:
       return Sk.Group(props);
 

package/lib/module/renderer/HostComponents.js.map

@@ -1 +1 @@
-{"version":3,"names":["NodeType","exhaustiveCheck","createNode","container","type","props","Sk","Group","Paint","Fill","Image","Circle","Path","Drawing","CustomDrawing","Line","Oval","Patch","Points","Rect","RRect","Vertices","Text","TextPath","TextBlob","Glyphs","DiffRect","Picture","ImageSVG","BlurMaskFilter","BlendImageFilter","BlurImageFilter","OffsetImageFilter","DropShadowImageFilter","DisplacementMapImageFilter","MorphologyImageFilter","RuntimeShaderImageFilter","MatrixColorFilter","BlendColorFilter","LerpColorFilter","LumaColorFilter","LinearToSRGBGammaColorFilter","SRGBToLinearGammaColorFilter","Shader","ImageShader","ColorShader","Turbulence","FractalNoise","LinearGradient","RadialGradient","SweepGradient","TwoPointConicalGradient","CornerPathEffect","DiscretePathEffect","DashPathEffect","Path1DPathEffect","Path2DPathEffect","SumPathEffect","Line2DPathEffect","Blend","BackdropFilter","Box","BoxShadow"],"sources":["HostComponents.ts"],"sourcesContent":["import type { ForwardedRef } from \"react\";\n\nimport { NodeType } from \"../dom/types\";\nimport type {\n  CircleProps,\n  DrawingNodeProps,\n  ImageProps,\n  PaintProps,\n  PathProps,\n  CustomDrawingNodeProps,\n  LineProps,\n  OvalProps,\n  DiffRectProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  TextProps,\n  VerticesProps,\n  BlurMaskFilterProps,\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n  MatrixColorFilterProps,\n  ShaderProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  GroupProps,\n  PatchProps,\n  BlendColorFilterProps,\n  DashPathEffectProps,\n  DiscretePathEffectProps,\n  CornerPathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  TwoPointConicalGradientProps,\n  TurbulenceProps,\n  SweepGradientProps,\n  RadialGradientProps,\n  ColorProps,\n  PictureProps,\n  ImageSVGProps,\n  LerpColorFilterProps,\n  BoxProps,\n  BoxShadowProps,\n} from \"../dom/types\";\nimport type { ChildrenProps } from \"../dom/types/Common\";\nimport type {\n  BlendProps,\n  MorphologyImageFilterProps,\n} from \"../dom/types/ImageFilters\";\nimport type { PaintNode } from \"../dom/nodes/PaintNode\";\n\nimport type { Container } from \"./Container\";\nimport { exhaustiveCheck } from \"./typeddash\";\nimport type { SkiaProps } from \"./processors\";\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      skGroup: SkiaProps<GroupProps>;\n      skPaint: SkiaProps<PaintProps> & { ref: ForwardedRef<PaintNode> };\n\n      // Drawings\n      skFill: SkiaProps<DrawingNodeProps>;\n      skImage: SkiaProps<ImageProps>;\n      skCircle: SkiaProps<CircleProps>;\n      skPath: SkiaProps<PathProps>;\n      skDrawing: SkiaProps<CustomDrawingNodeProps>;\n      skLine: SkiaProps<LineProps>;\n      skOval: SkiaProps<OvalProps>;\n      skPatch: SkiaProps<PatchProps>;\n      skPoints: SkiaProps<PointsProps>;\n      skRect: SkiaProps<RectProps>;\n      skRRect: SkiaProps<RoundedRectProps>;\n      skVertices: SkiaProps<VerticesProps>;\n      skText: SkiaProps<TextProps>;\n      skTextPath: SkiaProps<TextPathProps>;\n      skTextBlob: SkiaProps<TextBlobProps>;\n      skGlyphs: SkiaProps<GlyphsProps>;\n      skDiffRect: SkiaProps<DiffRectProps>;\n      skPicture: SkiaProps<PictureProps>;\n      skImageSVG: SkiaProps<ImageSVGProps>;\n\n      // BlurMaskFilters\n      skBlurMaskFilter: SkiaProps<BlurMaskFilterProps>;\n\n      // ImageFilters\n      skBlendImageFilter: SkiaProps<BlendImageFilterProps>;\n      skBlurImageFilter: SkiaProps<BlurImageFilterProps>;\n      skOffsetImageFilter: SkiaProps<OffsetImageFilterProps>;\n      skDropShadowImageFilter: SkiaProps<DropShadowImageFilterProps>;\n      skDisplacementMapImageFilter: SkiaProps<DisplacementMapImageFilterProps>;\n      skRuntimeShaderImageFilter: SkiaProps<RuntimeShaderImageFilterProps>;\n      skMorphologyImageFilter: SkiaProps<MorphologyImageFilterProps>;\n\n      // ColorFilters\n      skMatrixColorFilter: SkiaProps<MatrixColorFilterProps>;\n      skBlendColorFilter: SkiaProps<BlendColorFilterProps>;\n      skLinearToSRGBGammaColorFilter: SkiaProps<ChildrenProps>;\n      skSRGBToLinearGammaColorFilter: SkiaProps<ChildrenProps>;\n      skLumaColorFilter: SkiaProps<ChildrenProps>;\n      skLerpColorFilter: SkiaProps<LerpColorFilterProps>;\n\n      // Shaders\n      skShader: SkiaProps<ShaderProps>;\n      skImageShader: SkiaProps<ImageShaderProps>;\n      skColorShader: SkiaProps<ColorProps>;\n      skTurbulence: SkiaProps<TurbulenceProps>;\n      skFractalNoise: SkiaProps<TurbulenceProps>;\n      skLinearGradient: SkiaProps<LinearGradientProps>;\n      skRadialGradient: SkiaProps<RadialGradientProps>;\n      skSweepGradient: SkiaProps<SweepGradientProps>;\n      skTwoPointConicalGradient: SkiaProps<TwoPointConicalGradientProps>;\n\n      // Path Effects\n      skDiscretePathEffect: SkiaProps<DiscretePathEffectProps>;\n      skDashPathEffect: SkiaProps<DashPathEffectProps>;\n      skPath1DPathEffect: SkiaProps<Path1DPathEffectProps>;\n      skPath2DPathEffect: SkiaProps<Path2DPathEffectProps>;\n      skCornerPathEffect: SkiaProps<CornerPathEffectProps>;\n      skSumPathEffect: ChildrenProps;\n      skLine2DPathEffect: SkiaProps<Line2DPathEffectProps>;\n\n      // Mixed declarations/drawings\n      skBlend: SkiaProps<BlendProps>;\n      skBackdropFilter: SkiaProps<ChildrenProps>;\n      skBox: SkiaProps<BoxProps>;\n      skBoxShadow: SkiaProps<BoxShadowProps>;\n    }\n  }\n}\n\nexport const createNode = (\n  container: Container,\n  type: NodeType,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props: any\n) => {\n  const { Sk } = container;\n  switch (type) {\n    case NodeType.Group:\n      return Sk.Group(props);\n    case NodeType.Paint:\n      return Sk.Paint(props);\n    // Drawings\n    case NodeType.Fill:\n      return Sk.Fill(props);\n    case NodeType.Image:\n      return Sk.Image(props);\n    case NodeType.Circle:\n      return Sk.Circle(props);\n    case NodeType.Path:\n      return Sk.Path(props);\n    case NodeType.Drawing:\n      return Sk.CustomDrawing(props);\n    case NodeType.Line:\n      return Sk.Line(props);\n    case NodeType.Oval:\n      return Sk.Oval(props);\n    case NodeType.Patch:\n      return Sk.Patch(props);\n    case NodeType.Points:\n      return Sk.Points(props);\n    case NodeType.Rect:\n      return Sk.Rect(props);\n    case NodeType.RRect:\n      return Sk.RRect(props);\n    case NodeType.Vertices:\n      return Sk.Vertices(props);\n    case NodeType.Text:\n      return Sk.Text(props);\n    case NodeType.TextPath:\n      return Sk.TextPath(props);\n    case NodeType.TextBlob:\n      return Sk.TextBlob(props);\n    case NodeType.Glyphs:\n      return Sk.Glyphs(props);\n    case NodeType.DiffRect:\n      return Sk.DiffRect(props);\n    case NodeType.Picture:\n      return Sk.Picture(props);\n    case NodeType.ImageSVG:\n      return Sk.ImageSVG(props);\n    // Mask Filter\n    case NodeType.BlurMaskFilter:\n      return Sk.BlurMaskFilter(props);\n    // Image Filter\n    case NodeType.BlendImageFilter:\n      return Sk.BlendImageFilter(props);\n    case NodeType.BlurImageFilter:\n      return Sk.BlurImageFilter(props);\n    case NodeType.OffsetImageFilter:\n      return Sk.OffsetImageFilter(props);\n    case NodeType.DropShadowImageFilter:\n      return Sk.DropShadowImageFilter(props);\n    case NodeType.DisplacementMapImageFilter:\n      return Sk.DisplacementMapImageFilter(props);\n    case NodeType.MorphologyImageFilter:\n      return Sk.MorphologyImageFilter(props);\n    case NodeType.RuntimeShaderImageFilter:\n      return Sk.RuntimeShaderImageFilter(props);\n    // Color Filter\n    case NodeType.MatrixColorFilter:\n      return Sk.MatrixColorFilter(props);\n    case NodeType.BlendColorFilter:\n      return Sk.BlendColorFilter(props);\n    case NodeType.LerpColorFilter:\n      return Sk.LerpColorFilter(props);\n    case NodeType.LumaColorFilter:\n      return Sk.LumaColorFilter();\n    case NodeType.LinearToSRGBGammaColorFilter:\n      return Sk.LinearToSRGBGammaColorFilter();\n    case NodeType.SRGBToLinearGammaColorFilter:\n      return Sk.SRGBToLinearGammaColorFilter();\n    // Shader\n    case NodeType.Shader:\n      return Sk.Shader(props);\n    case NodeType.ImageShader:\n      return Sk.ImageShader(props);\n    case NodeType.ColorShader:\n      return Sk.ColorShader(props);\n    case NodeType.Turbulence:\n      return Sk.Turbulence(props);\n    case NodeType.FractalNoise:\n      return Sk.FractalNoise(props);\n    case NodeType.LinearGradient:\n      return Sk.LinearGradient(props);\n    case NodeType.RadialGradient:\n      return Sk.RadialGradient(props);\n    case NodeType.SweepGradient:\n      return Sk.SweepGradient(props);\n    case NodeType.TwoPointConicalGradient:\n      return Sk.TwoPointConicalGradient(props);\n    // Path Effect\n    case NodeType.CornerPathEffect:\n      return Sk.CornerPathEffect(props);\n    case NodeType.DiscretePathEffect:\n      return Sk.DiscretePathEffect(props);\n    case NodeType.DashPathEffect:\n      return Sk.DashPathEffect(props);\n    case NodeType.Path1DPathEffect:\n      return Sk.Path1DPathEffect(props);\n    case NodeType.Path2DPathEffect:\n      return Sk.Path2DPathEffect(props);\n    case NodeType.SumPathEffect:\n      return Sk.SumPathEffect();\n    case NodeType.Line2DPathEffect:\n      return Sk.Line2DPathEffect(props);\n    // Mixed\n    case NodeType.Blend:\n      return Sk.Blend(props);\n    case NodeType.BackdropFilter:\n      return Sk.BackdropFilter(props);\n    case NodeType.Box:\n      return Sk.Box(props);\n    case NodeType.BoxShadow:\n      return Sk.BoxShadow(props);\n    default:\n      return exhaustiveCheck(type);\n  }\n};\n"],"mappings":"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"}
+{"version":3,"names":["NodeType","exhaustiveCheck","createNode","container","type","props","Sk","Layer","Group","Paint","Fill","Image","Circle","Path","Drawing","CustomDrawing","Line","Oval","Patch","Points","Rect","RRect","Vertices","Text","TextPath","TextBlob","Glyphs","DiffRect","Picture","ImageSVG","BlurMaskFilter","BlendImageFilter","BlurImageFilter","OffsetImageFilter","DropShadowImageFilter","DisplacementMapImageFilter","MorphologyImageFilter","RuntimeShaderImageFilter","MatrixColorFilter","BlendColorFilter","LerpColorFilter","LumaColorFilter","LinearToSRGBGammaColorFilter","SRGBToLinearGammaColorFilter","Shader","ImageShader","ColorShader","Turbulence","FractalNoise","LinearGradient","RadialGradient","SweepGradient","TwoPointConicalGradient","CornerPathEffect","DiscretePathEffect","DashPathEffect","Path1DPathEffect","Path2DPathEffect","SumPathEffect","Line2DPathEffect","Blend","BackdropFilter","Box","BoxShadow"],"sources":["HostComponents.ts"],"sourcesContent":["import type { ForwardedRef } from \"react\";\n\nimport { NodeType } from \"../dom/types\";\nimport type {\n  CircleProps,\n  DrawingNodeProps,\n  ImageProps,\n  PaintProps,\n  PathProps,\n  CustomDrawingNodeProps,\n  LineProps,\n  OvalProps,\n  DiffRectProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  TextProps,\n  VerticesProps,\n  BlurMaskFilterProps,\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n  MatrixColorFilterProps,\n  ShaderProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  GroupProps,\n  PatchProps,\n  BlendColorFilterProps,\n  DashPathEffectProps,\n  DiscretePathEffectProps,\n  CornerPathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  TwoPointConicalGradientProps,\n  TurbulenceProps,\n  SweepGradientProps,\n  RadialGradientProps,\n  ColorProps,\n  PictureProps,\n  ImageSVGProps,\n  LerpColorFilterProps,\n  BoxProps,\n  BoxShadowProps,\n} from \"../dom/types\";\nimport type { ChildrenProps } from \"../dom/types/Common\";\nimport type {\n  BlendProps,\n  MorphologyImageFilterProps,\n} from \"../dom/types/ImageFilters\";\nimport type { PaintNode } from \"../dom/nodes/PaintNode\";\n\nimport type { Container } from \"./Container\";\nimport { exhaustiveCheck } from \"./typeddash\";\nimport type { SkiaProps } from \"./processors\";\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      skGroup: SkiaProps<GroupProps>;\n      skLayer: SkiaProps<ChildrenProps>;\n      skPaint: SkiaProps<PaintProps> & { ref: ForwardedRef<PaintNode> };\n\n      // Drawings\n      skFill: SkiaProps<DrawingNodeProps>;\n      skImage: SkiaProps<ImageProps>;\n      skCircle: SkiaProps<CircleProps>;\n      skPath: SkiaProps<PathProps>;\n      skDrawing: SkiaProps<CustomDrawingNodeProps>;\n      skLine: SkiaProps<LineProps>;\n      skOval: SkiaProps<OvalProps>;\n      skPatch: SkiaProps<PatchProps>;\n      skPoints: SkiaProps<PointsProps>;\n      skRect: SkiaProps<RectProps>;\n      skRRect: SkiaProps<RoundedRectProps>;\n      skVertices: SkiaProps<VerticesProps>;\n      skText: SkiaProps<TextProps>;\n      skTextPath: SkiaProps<TextPathProps>;\n      skTextBlob: SkiaProps<TextBlobProps>;\n      skGlyphs: SkiaProps<GlyphsProps>;\n      skDiffRect: SkiaProps<DiffRectProps>;\n      skPicture: SkiaProps<PictureProps>;\n      skImageSVG: SkiaProps<ImageSVGProps>;\n\n      // BlurMaskFilters\n      skBlurMaskFilter: SkiaProps<BlurMaskFilterProps>;\n\n      // ImageFilters\n      skBlendImageFilter: SkiaProps<BlendImageFilterProps>;\n      skBlurImageFilter: SkiaProps<BlurImageFilterProps>;\n      skOffsetImageFilter: SkiaProps<OffsetImageFilterProps>;\n      skDropShadowImageFilter: SkiaProps<DropShadowImageFilterProps>;\n      skDisplacementMapImageFilter: SkiaProps<DisplacementMapImageFilterProps>;\n      skRuntimeShaderImageFilter: SkiaProps<RuntimeShaderImageFilterProps>;\n      skMorphologyImageFilter: SkiaProps<MorphologyImageFilterProps>;\n\n      // ColorFilters\n      skMatrixColorFilter: SkiaProps<MatrixColorFilterProps>;\n      skBlendColorFilter: SkiaProps<BlendColorFilterProps>;\n      skLinearToSRGBGammaColorFilter: SkiaProps<ChildrenProps>;\n      skSRGBToLinearGammaColorFilter: SkiaProps<ChildrenProps>;\n      skLumaColorFilter: SkiaProps<ChildrenProps>;\n      skLerpColorFilter: SkiaProps<LerpColorFilterProps>;\n\n      // Shaders\n      skShader: SkiaProps<ShaderProps>;\n      skImageShader: SkiaProps<ImageShaderProps>;\n      skColorShader: SkiaProps<ColorProps>;\n      skTurbulence: SkiaProps<TurbulenceProps>;\n      skFractalNoise: SkiaProps<TurbulenceProps>;\n      skLinearGradient: SkiaProps<LinearGradientProps>;\n      skRadialGradient: SkiaProps<RadialGradientProps>;\n      skSweepGradient: SkiaProps<SweepGradientProps>;\n      skTwoPointConicalGradient: SkiaProps<TwoPointConicalGradientProps>;\n\n      // Path Effects\n      skDiscretePathEffect: SkiaProps<DiscretePathEffectProps>;\n      skDashPathEffect: SkiaProps<DashPathEffectProps>;\n      skPath1DPathEffect: SkiaProps<Path1DPathEffectProps>;\n      skPath2DPathEffect: SkiaProps<Path2DPathEffectProps>;\n      skCornerPathEffect: SkiaProps<CornerPathEffectProps>;\n      skSumPathEffect: ChildrenProps;\n      skLine2DPathEffect: SkiaProps<Line2DPathEffectProps>;\n\n      // Mixed declarations/drawings\n      skBlend: SkiaProps<BlendProps>;\n      skBackdropFilter: SkiaProps<ChildrenProps>;\n      skBox: SkiaProps<BoxProps>;\n      skBoxShadow: SkiaProps<BoxShadowProps>;\n    }\n  }\n}\n\nexport const createNode = (\n  container: Container,\n  type: NodeType,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props: any\n) => {\n  const { Sk } = container;\n  switch (type) {\n    case NodeType.Layer:\n      return Sk.Layer(props);\n    case NodeType.Group:\n      return Sk.Group(props);\n    case NodeType.Paint:\n      return Sk.Paint(props);\n    // Drawings\n    case NodeType.Fill:\n      return Sk.Fill(props);\n    case NodeType.Image:\n      return Sk.Image(props);\n    case NodeType.Circle:\n      return Sk.Circle(props);\n    case NodeType.Path:\n      return Sk.Path(props);\n    case NodeType.Drawing:\n      return Sk.CustomDrawing(props);\n    case NodeType.Line:\n      return Sk.Line(props);\n    case NodeType.Oval:\n      return Sk.Oval(props);\n    case NodeType.Patch:\n      return Sk.Patch(props);\n    case NodeType.Points:\n      return Sk.Points(props);\n    case NodeType.Rect:\n      return Sk.Rect(props);\n    case NodeType.RRect:\n      return Sk.RRect(props);\n    case NodeType.Vertices:\n      return Sk.Vertices(props);\n    case NodeType.Text:\n      return Sk.Text(props);\n    case NodeType.TextPath:\n      return Sk.TextPath(props);\n    case NodeType.TextBlob:\n      return Sk.TextBlob(props);\n    case NodeType.Glyphs:\n      return Sk.Glyphs(props);\n    case NodeType.DiffRect:\n      return Sk.DiffRect(props);\n    case NodeType.Picture:\n      return Sk.Picture(props);\n    case NodeType.ImageSVG:\n      return Sk.ImageSVG(props);\n    // Mask Filter\n    case NodeType.BlurMaskFilter:\n      return Sk.BlurMaskFilter(props);\n    // Image Filter\n    case NodeType.BlendImageFilter:\n      return Sk.BlendImageFilter(props);\n    case NodeType.BlurImageFilter:\n      return Sk.BlurImageFilter(props);\n    case NodeType.OffsetImageFilter:\n      return Sk.OffsetImageFilter(props);\n    case NodeType.DropShadowImageFilter:\n      return Sk.DropShadowImageFilter(props);\n    case NodeType.DisplacementMapImageFilter:\n      return Sk.DisplacementMapImageFilter(props);\n    case NodeType.MorphologyImageFilter:\n      return Sk.MorphologyImageFilter(props);\n    case NodeType.RuntimeShaderImageFilter:\n      return Sk.RuntimeShaderImageFilter(props);\n    // Color Filter\n    case NodeType.MatrixColorFilter:\n      return Sk.MatrixColorFilter(props);\n    case NodeType.BlendColorFilter:\n      return Sk.BlendColorFilter(props);\n    case NodeType.LerpColorFilter:\n      return Sk.LerpColorFilter(props);\n    case NodeType.LumaColorFilter:\n      return Sk.LumaColorFilter();\n    case NodeType.LinearToSRGBGammaColorFilter:\n      return Sk.LinearToSRGBGammaColorFilter();\n    case NodeType.SRGBToLinearGammaColorFilter:\n      return Sk.SRGBToLinearGammaColorFilter();\n    // Shader\n    case NodeType.Shader:\n      return Sk.Shader(props);\n    case NodeType.ImageShader:\n      return Sk.ImageShader(props);\n    case NodeType.ColorShader:\n      return Sk.ColorShader(props);\n    case NodeType.Turbulence:\n      return Sk.Turbulence(props);\n    case NodeType.FractalNoise:\n      return Sk.FractalNoise(props);\n    case NodeType.LinearGradient:\n      return Sk.LinearGradient(props);\n    case NodeType.RadialGradient:\n      return Sk.RadialGradient(props);\n    case NodeType.SweepGradient:\n      return Sk.SweepGradient(props);\n    case NodeType.TwoPointConicalGradient:\n      return Sk.TwoPointConicalGradient(props);\n    // Path Effect\n    case NodeType.CornerPathEffect:\n      return Sk.CornerPathEffect(props);\n    case NodeType.DiscretePathEffect:\n      return Sk.DiscretePathEffect(props);\n    case NodeType.DashPathEffect:\n      return Sk.DashPathEffect(props);\n    case NodeType.Path1DPathEffect:\n      return Sk.Path1DPathEffect(props);\n    case NodeType.Path2DPathEffect:\n      return Sk.Path2DPathEffect(props);\n    case NodeType.SumPathEffect:\n      return Sk.SumPathEffect();\n    case NodeType.Line2DPathEffect:\n      return Sk.Line2DPathEffect(props);\n    // Mixed\n    case NodeType.Blend:\n      return Sk.Blend(props);\n    case NodeType.BackdropFilter:\n      return Sk.BackdropFilter(props);\n    case NodeType.Box:\n      return Sk.Box(props);\n    case NodeType.BoxShadow:\n      return Sk.BoxShadow(props);\n    default:\n      return exhaustiveCheck(type);\n  }\n};\n"],"mappings":"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"}

package/lib/module/renderer/components/Group.js

@@ -1,5 +1,18 @@
-import React from "react";
-export const Group = props => {
-  return /*#__PURE__*/React.createElement("skGroup", props);
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { isValidElement } from "react";
+export const Group = _ref => {
+  let {
+    layer,
+    ...props
+  } = _ref;
+
+  if ( /*#__PURE__*/isValidElement(layer) && typeof layer === "object") {
+    return /*#__PURE__*/React.createElement("skLayer", null, layer, /*#__PURE__*/React.createElement("skGroup", props));
+  }
+
+  return /*#__PURE__*/React.createElement("skGroup", _extends({
+    layer: layer
+  }, props));
 };
 //# sourceMappingURL=Group.js.map

package/lib/module/renderer/components/Group.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Group","props"],"sources":["Group.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../processors\";\nimport type { GroupProps } from \"../../dom/types\";\n\nexport const Group = (props: SkiaProps<GroupProps>) => {\n  return <skGroup {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,KAAK,GAAIC,KAAD,IAAkC;EACrD,oBAAO,+BAAaA,KAAb,CAAP;AACD,CAFM"}
+{"version":3,"names":["React","isValidElement","Group","layer","props"],"sources":["Group.tsx"],"sourcesContent":["import React, { isValidElement } from \"react\";\n\nimport type { SkiaProps } from \"../processors\";\nimport type { GroupProps } from \"../../dom/types\";\nimport type { ChildrenProps } from \"../../dom/types/Common\";\n\nexport interface PublicGroupProps extends Omit<GroupProps, \"layer\"> {\n  layer?: GroupProps[\"layer\"] | ChildrenProps[\"children\"];\n}\n\nexport const Group = ({ layer, ...props }: SkiaProps<PublicGroupProps>) => {\n  if (isValidElement(layer) && typeof layer === \"object\") {\n    return (\n      <skLayer>\n        {layer}\n        <skGroup {...props} />\n      </skLayer>\n    );\n  }\n  return <skGroup layer={layer as GroupProps[\"layer\"]} {...props} />;\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,cAAhB,QAAsC,OAAtC;AAUA,OAAO,MAAMC,KAAK,GAAG,QAAsD;EAAA,IAArD;IAAEC,KAAF;IAAS,GAAGC;EAAZ,CAAqD;;EACzE,IAAI,cAAAH,cAAc,CAACE,KAAD,CAAd,IAAyB,OAAOA,KAAP,KAAiB,QAA9C,EAAwD;IACtD,oBACE,qCACGA,KADH,eAEE,+BAAaC,KAAb,CAFF,CADF;EAMD;;EACD,oBAAO;IAAS,KAAK,EAAED;EAAhB,GAAkDC,KAAlD,EAAP;AACD,CAVM"}

package/lib/module/renderer/components/Paint.js

@@ -1,7 +1,13 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+/* eslint-disable max-len */
 import React, { useRef, forwardRef } from "react";
-export const usePaintRef = () => useRef(null);
+export const usePaintRef = () => {
+  console.log(`usePaintRef() is now deprecated.
+If you are using the layer property, simply pass the component directly: https://shopify.github.io/react-native-skia/docs/group#layer-effects.
+If you are using the paint property, please the following paint properties directly: https://shopify.github.io/react-native-skia/docs/paint/overview`);
+  return useRef(null);
+};
 export const Paint = /*#__PURE__*/forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement("skPaint", _extends({
     ref: ref

package/lib/module/renderer/components/Paint.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","forwardRef","usePaintRef","Paint","props","ref"],"sources":["Paint.tsx"],"sourcesContent":["import React, { useRef, forwardRef } from \"react\";\n\nimport type { SkiaProps } from \"../processors\";\nimport type { DrawingNodeProps } from \"../../dom/types\";\nimport type { PaintNode } from \"../../dom/nodes/PaintNode\";\n\nexport const usePaintRef = () => useRef<PaintNode>(null);\n\nexport const Paint = forwardRef<PaintNode, SkiaProps<DrawingNodeProps>>(\n  (props, ref) => {\n    return <skPaint ref={ref} {...props} />;\n  }\n);\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,UAAxB,QAA0C,OAA1C;AAMA,OAAO,MAAMC,WAAW,GAAG,MAAMF,MAAM,CAAY,IAAZ,CAAhC;AAEP,OAAO,MAAMG,KAAK,gBAAGF,UAAU,CAC7B,CAACG,KAAD,EAAQC,GAAR,KAAgB;EACd,oBAAO;IAAS,GAAG,EAAEA;EAAd,GAAuBD,KAAvB,EAAP;AACD,CAH4B,CAAxB"}
+{"version":3,"names":["React","useRef","forwardRef","usePaintRef","console","log","Paint","props","ref"],"sources":["Paint.tsx"],"sourcesContent":["/* eslint-disable max-len */\nimport React, { useRef, forwardRef } from \"react\";\n\nimport type { SkiaProps } from \"../processors\";\nimport type { DrawingNodeProps } from \"../../dom/types\";\nimport type { PaintNode } from \"../../dom/nodes/PaintNode\";\n\nexport const usePaintRef = () => {\n  console.log(`usePaintRef() is now deprecated.\nIf you are using the layer property, simply pass the component directly: https://shopify.github.io/react-native-skia/docs/group#layer-effects.\nIf you are using the paint property, please the following paint properties directly: https://shopify.github.io/react-native-skia/docs/paint/overview`);\n  return useRef<PaintNode>(null);\n};\n\nexport const Paint = forwardRef<PaintNode, SkiaProps<DrawingNodeProps>>(\n  (props, ref) => {\n    return <skPaint ref={ref} {...props} />;\n  }\n);\n"],"mappings":";;AAAA;AACA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,UAAxB,QAA0C,OAA1C;AAMA,OAAO,MAAMC,WAAW,GAAG,MAAM;EAC/BC,OAAO,CAACC,GAAR,CAAa;AACf;AACA,qJAFE;EAGA,OAAOJ,MAAM,CAAY,IAAZ,CAAb;AACD,CALM;AAOP,OAAO,MAAMK,KAAK,gBAAGJ,UAAU,CAC7B,CAACK,KAAD,EAAQC,GAAR,KAAgB;EACd,oBAAO;IAAS,GAAG,EAAEA;EAAd,GAAuBD,KAAvB,EAAP;AACD,CAH4B,CAAxB"}

package/lib/module/views/SkiaPictureView.js

@@ -5,7 +5,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import React from "react";
 import { requireNativeComponent } from "react-native";
 import { SkiaViewApi } from "./api";
-let SkiaViewNativeId = 1000;
+import { SkiaViewNativeId } from "./SkiaView";
 const NativeSkiaPictureView = requireNativeComponent("SkiaPictureView");
 export class SkiaPictureView extends React.Component {
   constructor(props) {
@@ -13,7 +13,7 @@ export class SkiaPictureView extends React.Component {
 
     _defineProperty(this, "_nativeId", void 0);
 
-    this._nativeId = SkiaViewNativeId++;
+    this._nativeId = SkiaViewNativeId.current++;
     const {
       picture
     } = props;

package/lib/module/views/SkiaPictureView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","requireNativeComponent","SkiaViewApi","SkiaViewNativeId","NativeSkiaPictureView","SkiaPictureView","Component","constructor","props","_nativeId","picture","assertSkiaViewApi","setJsiProperty","nativeId","componentDidUpdate","prevProps","makeImageSnapshot","rect","redraw","requestRedraw","registerValues","values","registerValuesInView","render","mode","debug","viewProps","callJsiMethod","Error"],"sources":["SkiaPictureView.tsx"],"sourcesContent":["import React from \"react\";\nimport { requireNativeComponent } from \"react-native\";\n\nimport type { SkRect } from \"../skia/types\";\nimport type { SkiaValue } from \"../values\";\n\nimport { SkiaViewApi } from \"./api\";\nimport type { NativeSkiaViewProps, SkiaPictureViewProps } from \"./types\";\n\nlet SkiaViewNativeId = 1000;\n\nconst NativeSkiaPictureView =\n  requireNativeComponent<NativeSkiaViewProps>(\"SkiaPictureView\");\n\nexport class SkiaPictureView extends React.Component<SkiaPictureViewProps> {\n  constructor(props: SkiaPictureViewProps) {\n    super(props);\n    this._nativeId = SkiaViewNativeId++;\n    const { picture } = props;\n    if (picture) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"picture\", picture);\n    }\n  }\n\n  private _nativeId: number;\n\n  public get nativeId() {\n    return this._nativeId;\n  }\n\n  componentDidUpdate(prevProps: SkiaPictureViewProps) {\n    const { picture } = this.props;\n    if (picture !== prevProps.picture) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"picture\", picture);\n    }\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    assertSkiaViewApi();\n    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  public redraw() {\n    assertSkiaViewApi();\n    SkiaViewApi.requestRedraw(this._nativeId);\n  }\n\n  /**\n   * Registers one or move values as a dependant value of the Skia View. The view will\n   * The view will redraw itself when any of the values change.\n   * @param values Values to register\n   */\n  public registerValues(values: SkiaValue<unknown>[]): () => void {\n    assertSkiaViewApi();\n    return SkiaViewApi.registerValuesInView(this._nativeId, values);\n  }\n\n  render() {\n    const { mode, debug = false, ...viewProps } = this.props;\n    return (\n      <NativeSkiaPictureView\n        collapsable={false}\n        nativeID={`${this._nativeId}`}\n        mode={mode}\n        debug={debug}\n        {...viewProps}\n      />\n    );\n  }\n}\n\nconst assertSkiaViewApi = () => {\n  if (\n    SkiaViewApi === null ||\n    SkiaViewApi.setJsiProperty === null ||\n    SkiaViewApi.callJsiMethod === null ||\n    SkiaViewApi.registerValuesInView === null ||\n    SkiaViewApi.requestRedraw === null ||\n    SkiaViewApi.makeImageSnapshot === null\n  ) {\n    throw Error(\"Skia View Api was not found.\");\n  }\n};\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,sBAAT,QAAuC,cAAvC;AAKA,SAASC,WAAT,QAA4B,OAA5B;AAGA,IAAIC,gBAAgB,GAAG,IAAvB;AAEA,MAAMC,qBAAqB,GACzBH,sBAAsB,CAAsB,iBAAtB,CADxB;AAGA,OAAO,MAAMI,eAAN,SAA8BL,KAAK,CAACM,SAApC,CAAoE;EACzEC,WAAW,CAACC,KAAD,EAA8B;IACvC,MAAMA,KAAN;;IADuC;;IAEvC,KAAKC,SAAL,GAAiBN,gBAAgB,EAAjC;IACA,MAAM;MAAEO;IAAF,IAAcF,KAApB;;IACA,IAAIE,OAAJ,EAAa;MACXC,iBAAiB;MACjBT,WAAW,CAACU,cAAZ,CAA2B,KAAKH,SAAhC,EAA2C,SAA3C,EAAsDC,OAAtD;IACD;EACF;;EAIkB,IAARG,QAAQ,GAAG;IACpB,OAAO,KAAKJ,SAAZ;EACD;;EAEDK,kBAAkB,CAACC,SAAD,EAAkC;IAClD,MAAM;MAAEL;IAAF,IAAc,KAAKF,KAAzB;;IACA,IAAIE,OAAO,KAAKK,SAAS,CAACL,OAA1B,EAAmC;MACjCC,iBAAiB;MACjBT,WAAW,CAACU,cAAZ,CAA2B,KAAKH,SAAhC,EAA2C,SAA3C,EAAsDC,OAAtD;IACD;EACF;EAED;AACF;AACA;AACA;AACA;;;EACSM,iBAAiB,CAACC,IAAD,EAAgB;IACtCN,iBAAiB;IACjB,OAAOT,WAAW,CAACc,iBAAZ,CAA8B,KAAKP,SAAnC,EAA8CQ,IAA9C,CAAP;EACD;EAED;AACF;AACA;;;EACSC,MAAM,GAAG;IACdP,iBAAiB;IACjBT,WAAW,CAACiB,aAAZ,CAA0B,KAAKV,SAA/B;EACD;EAED;AACF;AACA;AACA;AACA;;;EACSW,cAAc,CAACC,MAAD,EAA2C;IAC9DV,iBAAiB;IACjB,OAAOT,WAAW,CAACoB,oBAAZ,CAAiC,KAAKb,SAAtC,EAAiDY,MAAjD,CAAP;EACD;;EAEDE,MAAM,GAAG;IACP,MAAM;MAAEC,IAAF;MAAQC,KAAK,GAAG,KAAhB;MAAuB,GAAGC;IAA1B,IAAwC,KAAKlB,KAAnD;IACA,oBACE,oBAAC,qBAAD;MACE,WAAW,EAAE,KADf;MAEE,QAAQ,EAAG,GAAE,KAAKC,SAAU,EAF9B;MAGE,IAAI,EAAEe,IAHR;MAIE,KAAK,EAAEC;IAJT,GAKMC,SALN,EADF;EASD;;AAhEwE;;AAmE3E,MAAMf,iBAAiB,GAAG,MAAM;EAC9B,IACET,WAAW,KAAK,IAAhB,IACAA,WAAW,CAACU,cAAZ,KAA+B,IAD/B,IAEAV,WAAW,CAACyB,aAAZ,KAA8B,IAF9B,IAGAzB,WAAW,CAACoB,oBAAZ,KAAqC,IAHrC,IAIApB,WAAW,CAACiB,aAAZ,KAA8B,IAJ9B,IAKAjB,WAAW,CAACc,iBAAZ,KAAkC,IANpC,EAOE;IACA,MAAMY,KAAK,CAAC,8BAAD,CAAX;EACD;AACF,CAXD"}
+{"version":3,"names":["React","requireNativeComponent","SkiaViewApi","SkiaViewNativeId","NativeSkiaPictureView","SkiaPictureView","Component","constructor","props","_nativeId","current","picture","assertSkiaViewApi","setJsiProperty","nativeId","componentDidUpdate","prevProps","makeImageSnapshot","rect","redraw","requestRedraw","registerValues","values","registerValuesInView","render","mode","debug","viewProps","callJsiMethod","Error"],"sources":["SkiaPictureView.tsx"],"sourcesContent":["import React from \"react\";\nimport { requireNativeComponent } from \"react-native\";\n\nimport type { SkRect } from \"../skia/types\";\nimport type { SkiaValue } from \"../values\";\n\nimport { SkiaViewApi } from \"./api\";\nimport { SkiaViewNativeId } from \"./SkiaView\";\nimport type { NativeSkiaViewProps, SkiaPictureViewProps } from \"./types\";\n\nconst NativeSkiaPictureView =\n  requireNativeComponent<NativeSkiaViewProps>(\"SkiaPictureView\");\n\nexport class SkiaPictureView extends React.Component<SkiaPictureViewProps> {\n  constructor(props: SkiaPictureViewProps) {\n    super(props);\n    this._nativeId = SkiaViewNativeId.current++;\n    const { picture } = props;\n    if (picture) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"picture\", picture);\n    }\n  }\n\n  private _nativeId: number;\n\n  public get nativeId() {\n    return this._nativeId;\n  }\n\n  componentDidUpdate(prevProps: SkiaPictureViewProps) {\n    const { picture } = this.props;\n    if (picture !== prevProps.picture) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"picture\", picture);\n    }\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    assertSkiaViewApi();\n    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  public redraw() {\n    assertSkiaViewApi();\n    SkiaViewApi.requestRedraw(this._nativeId);\n  }\n\n  /**\n   * Registers one or move values as a dependant value of the Skia View. The view will\n   * The view will redraw itself when any of the values change.\n   * @param values Values to register\n   */\n  public registerValues(values: SkiaValue<unknown>[]): () => void {\n    assertSkiaViewApi();\n    return SkiaViewApi.registerValuesInView(this._nativeId, values);\n  }\n\n  render() {\n    const { mode, debug = false, ...viewProps } = this.props;\n    return (\n      <NativeSkiaPictureView\n        collapsable={false}\n        nativeID={`${this._nativeId}`}\n        mode={mode}\n        debug={debug}\n        {...viewProps}\n      />\n    );\n  }\n}\n\nconst assertSkiaViewApi = () => {\n  if (\n    SkiaViewApi === null ||\n    SkiaViewApi.setJsiProperty === null ||\n    SkiaViewApi.callJsiMethod === null ||\n    SkiaViewApi.registerValuesInView === null ||\n    SkiaViewApi.requestRedraw === null ||\n    SkiaViewApi.makeImageSnapshot === null\n  ) {\n    throw Error(\"Skia View Api was not found.\");\n  }\n};\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,sBAAT,QAAuC,cAAvC;AAKA,SAASC,WAAT,QAA4B,OAA5B;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAGA,MAAMC,qBAAqB,GACzBH,sBAAsB,CAAsB,iBAAtB,CADxB;AAGA,OAAO,MAAMI,eAAN,SAA8BL,KAAK,CAACM,SAApC,CAAoE;EACzEC,WAAW,CAACC,KAAD,EAA8B;IACvC,MAAMA,KAAN;;IADuC;;IAEvC,KAAKC,SAAL,GAAiBN,gBAAgB,CAACO,OAAjB,EAAjB;IACA,MAAM;MAAEC;IAAF,IAAcH,KAApB;;IACA,IAAIG,OAAJ,EAAa;MACXC,iBAAiB;MACjBV,WAAW,CAACW,cAAZ,CAA2B,KAAKJ,SAAhC,EAA2C,SAA3C,EAAsDE,OAAtD;IACD;EACF;;EAIkB,IAARG,QAAQ,GAAG;IACpB,OAAO,KAAKL,SAAZ;EACD;;EAEDM,kBAAkB,CAACC,SAAD,EAAkC;IAClD,MAAM;MAAEL;IAAF,IAAc,KAAKH,KAAzB;;IACA,IAAIG,OAAO,KAAKK,SAAS,CAACL,OAA1B,EAAmC;MACjCC,iBAAiB;MACjBV,WAAW,CAACW,cAAZ,CAA2B,KAAKJ,SAAhC,EAA2C,SAA3C,EAAsDE,OAAtD;IACD;EACF;EAED;AACF;AACA;AACA;AACA;;;EACSM,iBAAiB,CAACC,IAAD,EAAgB;IACtCN,iBAAiB;IACjB,OAAOV,WAAW,CAACe,iBAAZ,CAA8B,KAAKR,SAAnC,EAA8CS,IAA9C,CAAP;EACD;EAED;AACF;AACA;;;EACSC,MAAM,GAAG;IACdP,iBAAiB;IACjBV,WAAW,CAACkB,aAAZ,CAA0B,KAAKX,SAA/B;EACD;EAED;AACF;AACA;AACA;AACA;;;EACSY,cAAc,CAACC,MAAD,EAA2C;IAC9DV,iBAAiB;IACjB,OAAOV,WAAW,CAACqB,oBAAZ,CAAiC,KAAKd,SAAtC,EAAiDa,MAAjD,CAAP;EACD;;EAEDE,MAAM,GAAG;IACP,MAAM;MAAEC,IAAF;MAAQC,KAAK,GAAG,KAAhB;MAAuB,GAAGC;IAA1B,IAAwC,KAAKnB,KAAnD;IACA,oBACE,oBAAC,qBAAD;MACE,WAAW,EAAE,KADf;MAEE,QAAQ,EAAG,GAAE,KAAKC,SAAU,EAF9B;MAGE,IAAI,EAAEgB,IAHR;MAIE,KAAK,EAAEC;IAJT,GAKMC,SALN,EADF;EASD;;AAhEwE;;AAmE3E,MAAMf,iBAAiB,GAAG,MAAM;EAC9B,IACEV,WAAW,KAAK,IAAhB,IACAA,WAAW,CAACW,cAAZ,KAA+B,IAD/B,IAEAX,WAAW,CAAC0B,aAAZ,KAA8B,IAF9B,IAGA1B,WAAW,CAACqB,oBAAZ,KAAqC,IAHrC,IAIArB,WAAW,CAACkB,aAAZ,KAA8B,IAJ9B,IAKAlB,WAAW,CAACe,iBAAZ,KAAkC,IANpC,EAOE;IACA,MAAMY,KAAK,CAAC,8BAAD,CAAX;EACD;AACF,CAXD"}

package/lib/module/views/SkiaView.js

@@ -5,7 +5,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import React from "react";
 import { requireNativeComponent } from "react-native";
 import { SkiaViewApi } from "./api";
-let SkiaViewNativeId = 1000;
+export const SkiaViewNativeId = {
+  current: 1000
+};
 const NativeSkiaView = requireNativeComponent("SkiaDrawView");
 export class SkiaView extends React.Component {
   constructor(props) {
@@ -13,7 +15,7 @@ export class SkiaView extends React.Component {
 
     _defineProperty(this, "_nativeId", void 0);
 
-    this._nativeId = SkiaViewNativeId++;
+    this._nativeId = SkiaViewNativeId.current++;
     const {
       onDraw
     } = props;

package/lib/module/views/SkiaView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","requireNativeComponent","SkiaViewApi","SkiaViewNativeId","NativeSkiaView","SkiaView","Component","constructor","props","_nativeId","onDraw","assertSkiaViewApi","setJsiProperty","nativeId","componentDidUpdate","prevProps","makeImageSnapshot","rect","redraw","requestRedraw","registerValues","values","registerValuesInView","render","mode","debug","viewProps","callJsiMethod","Error"],"sources":["SkiaView.tsx"],"sourcesContent":["import React from \"react\";\nimport { requireNativeComponent } from \"react-native\";\n\nimport type { SkRect } from \"../skia/types\";\nimport type { SkiaValue } from \"../values\";\n\nimport { SkiaViewApi } from \"./api\";\nimport type { NativeSkiaViewProps, SkiaDrawViewProps } from \"./types\";\n\nlet SkiaViewNativeId = 1000;\n\nconst NativeSkiaView =\n  requireNativeComponent<NativeSkiaViewProps>(\"SkiaDrawView\");\n\nexport class SkiaView extends React.Component<SkiaDrawViewProps> {\n  constructor(props: SkiaDrawViewProps) {\n    super(props);\n    this._nativeId = SkiaViewNativeId++;\n    const { onDraw } = props;\n    if (onDraw) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"drawCallback\", onDraw);\n    }\n  }\n\n  private _nativeId: number;\n\n  public get nativeId() {\n    return this._nativeId;\n  }\n\n  componentDidUpdate(prevProps: SkiaDrawViewProps) {\n    const { onDraw } = this.props;\n    if (onDraw !== prevProps.onDraw) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"drawCallback\", onDraw);\n    }\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    assertSkiaViewApi();\n    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  public redraw() {\n    assertSkiaViewApi();\n    SkiaViewApi.requestRedraw(this._nativeId);\n  }\n\n  /**\n   * Registers one or move values as a dependant value of the Skia View. The view will\n   * The view will redraw itself when any of the values change.\n   * @param values Values to register\n   */\n  public registerValues(values: SkiaValue<unknown>[]): () => void {\n    assertSkiaViewApi();\n    return SkiaViewApi.registerValuesInView(this._nativeId, values);\n  }\n\n  render() {\n    const { mode, debug = false, ...viewProps } = this.props;\n    return (\n      <NativeSkiaView\n        collapsable={false}\n        nativeID={`${this._nativeId}`}\n        mode={mode}\n        debug={debug}\n        {...viewProps}\n      />\n    );\n  }\n}\n\nconst assertSkiaViewApi = () => {\n  if (\n    SkiaViewApi === null ||\n    SkiaViewApi.setJsiProperty === null ||\n    SkiaViewApi.callJsiMethod === null ||\n    SkiaViewApi.registerValuesInView === null ||\n    SkiaViewApi.requestRedraw === null ||\n    SkiaViewApi.makeImageSnapshot === null\n  ) {\n    throw Error(\"Skia View Api was not found.\");\n  }\n};\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,sBAAT,QAAuC,cAAvC;AAKA,SAASC,WAAT,QAA4B,OAA5B;AAGA,IAAIC,gBAAgB,GAAG,IAAvB;AAEA,MAAMC,cAAc,GAClBH,sBAAsB,CAAsB,cAAtB,CADxB;AAGA,OAAO,MAAMI,QAAN,SAAuBL,KAAK,CAACM,SAA7B,CAA0D;EAC/DC,WAAW,CAACC,KAAD,EAA2B;IACpC,MAAMA,KAAN;;IADoC;;IAEpC,KAAKC,SAAL,GAAiBN,gBAAgB,EAAjC;IACA,MAAM;MAAEO;IAAF,IAAaF,KAAnB;;IACA,IAAIE,MAAJ,EAAY;MACVC,iBAAiB;MACjBT,WAAW,CAACU,cAAZ,CAA2B,KAAKH,SAAhC,EAA2C,cAA3C,EAA2DC,MAA3D;IACD;EACF;;EAIkB,IAARG,QAAQ,GAAG;IACpB,OAAO,KAAKJ,SAAZ;EACD;;EAEDK,kBAAkB,CAACC,SAAD,EAA+B;IAC/C,MAAM;MAAEL;IAAF,IAAa,KAAKF,KAAxB;;IACA,IAAIE,MAAM,KAAKK,SAAS,CAACL,MAAzB,EAAiC;MAC/BC,iBAAiB;MACjBT,WAAW,CAACU,cAAZ,CAA2B,KAAKH,SAAhC,EAA2C,cAA3C,EAA2DC,MAA3D;IACD;EACF;EAED;AACF;AACA;AACA;AACA;;;EACSM,iBAAiB,CAACC,IAAD,EAAgB;IACtCN,iBAAiB;IACjB,OAAOT,WAAW,CAACc,iBAAZ,CAA8B,KAAKP,SAAnC,EAA8CQ,IAA9C,CAAP;EACD;EAED;AACF;AACA;;;EACSC,MAAM,GAAG;IACdP,iBAAiB;IACjBT,WAAW,CAACiB,aAAZ,CAA0B,KAAKV,SAA/B;EACD;EAED;AACF;AACA;AACA;AACA;;;EACSW,cAAc,CAACC,MAAD,EAA2C;IAC9DV,iBAAiB;IACjB,OAAOT,WAAW,CAACoB,oBAAZ,CAAiC,KAAKb,SAAtC,EAAiDY,MAAjD,CAAP;EACD;;EAEDE,MAAM,GAAG;IACP,MAAM;MAAEC,IAAF;MAAQC,KAAK,GAAG,KAAhB;MAAuB,GAAGC;IAA1B,IAAwC,KAAKlB,KAAnD;IACA,oBACE,oBAAC,cAAD;MACE,WAAW,EAAE,KADf;MAEE,QAAQ,EAAG,GAAE,KAAKC,SAAU,EAF9B;MAGE,IAAI,EAAEe,IAHR;MAIE,KAAK,EAAEC;IAJT,GAKMC,SALN,EADF;EASD;;AAhE8D;;AAmEjE,MAAMf,iBAAiB,GAAG,MAAM;EAC9B,IACET,WAAW,KAAK,IAAhB,IACAA,WAAW,CAACU,cAAZ,KAA+B,IAD/B,IAEAV,WAAW,CAACyB,aAAZ,KAA8B,IAF9B,IAGAzB,WAAW,CAACoB,oBAAZ,KAAqC,IAHrC,IAIApB,WAAW,CAACiB,aAAZ,KAA8B,IAJ9B,IAKAjB,WAAW,CAACc,iBAAZ,KAAkC,IANpC,EAOE;IACA,MAAMY,KAAK,CAAC,8BAAD,CAAX;EACD;AACF,CAXD"}
+{"version":3,"names":["React","requireNativeComponent","SkiaViewApi","SkiaViewNativeId","current","NativeSkiaView","SkiaView","Component","constructor","props","_nativeId","onDraw","assertSkiaViewApi","setJsiProperty","nativeId","componentDidUpdate","prevProps","makeImageSnapshot","rect","redraw","requestRedraw","registerValues","values","registerValuesInView","render","mode","debug","viewProps","callJsiMethod","Error"],"sources":["SkiaView.tsx"],"sourcesContent":["import React from \"react\";\nimport { requireNativeComponent } from \"react-native\";\n\nimport type { SkRect } from \"../skia/types\";\nimport type { SkiaValue } from \"../values\";\n\nimport { SkiaViewApi } from \"./api\";\nimport type { NativeSkiaViewProps, SkiaDrawViewProps } from \"./types\";\n\nexport const SkiaViewNativeId = { current: 1000 };\n\nconst NativeSkiaView =\n  requireNativeComponent<NativeSkiaViewProps>(\"SkiaDrawView\");\n\nexport class SkiaView extends React.Component<SkiaDrawViewProps> {\n  constructor(props: SkiaDrawViewProps) {\n    super(props);\n    this._nativeId = SkiaViewNativeId.current++;\n    const { onDraw } = props;\n    if (onDraw) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"drawCallback\", onDraw);\n    }\n  }\n\n  private _nativeId: number;\n\n  public get nativeId() {\n    return this._nativeId;\n  }\n\n  componentDidUpdate(prevProps: SkiaDrawViewProps) {\n    const { onDraw } = this.props;\n    if (onDraw !== prevProps.onDraw) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"drawCallback\", onDraw);\n    }\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    assertSkiaViewApi();\n    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  public redraw() {\n    assertSkiaViewApi();\n    SkiaViewApi.requestRedraw(this._nativeId);\n  }\n\n  /**\n   * Registers one or move values as a dependant value of the Skia View. The view will\n   * The view will redraw itself when any of the values change.\n   * @param values Values to register\n   */\n  public registerValues(values: SkiaValue<unknown>[]): () => void {\n    assertSkiaViewApi();\n    return SkiaViewApi.registerValuesInView(this._nativeId, values);\n  }\n\n  render() {\n    const { mode, debug = false, ...viewProps } = this.props;\n    return (\n      <NativeSkiaView\n        collapsable={false}\n        nativeID={`${this._nativeId}`}\n        mode={mode}\n        debug={debug}\n        {...viewProps}\n      />\n    );\n  }\n}\n\nconst assertSkiaViewApi = () => {\n  if (\n    SkiaViewApi === null ||\n    SkiaViewApi.setJsiProperty === null ||\n    SkiaViewApi.callJsiMethod === null ||\n    SkiaViewApi.registerValuesInView === null ||\n    SkiaViewApi.requestRedraw === null ||\n    SkiaViewApi.makeImageSnapshot === null\n  ) {\n    throw Error(\"Skia View Api was not found.\");\n  }\n};\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,sBAAT,QAAuC,cAAvC;AAKA,SAASC,WAAT,QAA4B,OAA5B;AAGA,OAAO,MAAMC,gBAAgB,GAAG;EAAEC,OAAO,EAAE;AAAX,CAAzB;AAEP,MAAMC,cAAc,GAClBJ,sBAAsB,CAAsB,cAAtB,CADxB;AAGA,OAAO,MAAMK,QAAN,SAAuBN,KAAK,CAACO,SAA7B,CAA0D;EAC/DC,WAAW,CAACC,KAAD,EAA2B;IACpC,MAAMA,KAAN;;IADoC;;IAEpC,KAAKC,SAAL,GAAiBP,gBAAgB,CAACC,OAAjB,EAAjB;IACA,MAAM;MAAEO;IAAF,IAAaF,KAAnB;;IACA,IAAIE,MAAJ,EAAY;MACVC,iBAAiB;MACjBV,WAAW,CAACW,cAAZ,CAA2B,KAAKH,SAAhC,EAA2C,cAA3C,EAA2DC,MAA3D;IACD;EACF;;EAIkB,IAARG,QAAQ,GAAG;IACpB,OAAO,KAAKJ,SAAZ;EACD;;EAEDK,kBAAkB,CAACC,SAAD,EAA+B;IAC/C,MAAM;MAAEL;IAAF,IAAa,KAAKF,KAAxB;;IACA,IAAIE,MAAM,KAAKK,SAAS,CAACL,MAAzB,EAAiC;MAC/BC,iBAAiB;MACjBV,WAAW,CAACW,cAAZ,CAA2B,KAAKH,SAAhC,EAA2C,cAA3C,EAA2DC,MAA3D;IACD;EACF;EAED;AACF;AACA;AACA;AACA;;;EACSM,iBAAiB,CAACC,IAAD,EAAgB;IACtCN,iBAAiB;IACjB,OAAOV,WAAW,CAACe,iBAAZ,CAA8B,KAAKP,SAAnC,EAA8CQ,IAA9C,CAAP;EACD;EAED;AACF;AACA;;;EACSC,MAAM,GAAG;IACdP,iBAAiB;IACjBV,WAAW,CAACkB,aAAZ,CAA0B,KAAKV,SAA/B;EACD;EAED;AACF;AACA;AACA;AACA;;;EACSW,cAAc,CAACC,MAAD,EAA2C;IAC9DV,iBAAiB;IACjB,OAAOV,WAAW,CAACqB,oBAAZ,CAAiC,KAAKb,SAAtC,EAAiDY,MAAjD,CAAP;EACD;;EAEDE,MAAM,GAAG;IACP,MAAM;MAAEC,IAAF;MAAQC,KAAK,GAAG,KAAhB;MAAuB,GAAGC;IAA1B,IAAwC,KAAKlB,KAAnD;IACA,oBACE,oBAAC,cAAD;MACE,WAAW,EAAE,KADf;MAEE,QAAQ,EAAG,GAAE,KAAKC,SAAU,EAF9B;MAGE,IAAI,EAAEe,IAHR;MAIE,KAAK,EAAEC;IAJT,GAKMC,SALN,EADF;EASD;;AAhE8D;;AAmEjE,MAAMf,iBAAiB,GAAG,MAAM;EAC9B,IACEV,WAAW,KAAK,IAAhB,IACAA,WAAW,CAACW,cAAZ,KAA+B,IAD/B,IAEAX,WAAW,CAAC0B,aAAZ,KAA8B,IAF9B,IAGA1B,WAAW,CAACqB,oBAAZ,KAAqC,IAHrC,IAIArB,WAAW,CAACkB,aAAZ,KAA8B,IAJ9B,IAKAlB,WAAW,CAACe,iBAAZ,KAAkC,IANpC,EAOE;IACA,MAAMY,KAAK,CAAC,8BAAD,CAAX;EACD;AACF,CAXD"}

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

@@ -9,9 +9,11 @@ import { MorphologyImageFilterNode } from "./paint/ImageFilters";
 import { GroupNode } from "./GroupNode";
 import { PaintNode } from "./PaintNode";
 import type { NodeContext } from "./Node";
+import { LayerNode } from "./LayerNode";
 export declare class JsiSkDOM implements SkDOM {
     private ctx;
     constructor(ctx: NodeContext);
+    Layer(props?: ChildrenProps): LayerNode;
     Group(props?: GroupProps): GroupNode;
     Paint(props: PaintProps): PaintNode;
     Fill(props?: DrawingNodeProps): FillNode;

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

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

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

@@ -1,4 +1,5 @@
 export declare const enum NodeType {
+    Layer = "skLayer",
     Shader = "skShader",
     ImageShader = "skImageShader",
     ColorShader = "skColorShader",

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

@@ -12,6 +12,7 @@ declare type PathEffectNode<P> = DeclarationNode<P, SkPathEffect>;
 declare type NullablePathEffectNode<P> = DeclarationNode<P, SkPathEffect, null>;
 declare type DrawingNode<P extends GroupProps> = RenderNode<P>;
 export interface SkDOM {
+    Layer(props?: ChildrenProps): RenderNode<ChildrenProps>;
     Group(props?: GroupProps): RenderNode<GroupProps>;
     Paint(props: PaintProps): DeclarationNode<PaintProps, SkPaint>;
     Fill(props?: DrawingNodeProps): DrawingNode<DrawingNodeProps>;

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

@@ -10,6 +10,7 @@ declare global {
     namespace JSX {
         interface IntrinsicElements {
             skGroup: SkiaProps<GroupProps>;
+            skLayer: SkiaProps<ChildrenProps>;
             skPaint: SkiaProps<PaintProps> & {
                 ref: ForwardedRef<PaintNode>;
             };
@@ -69,4 +70,4 @@ declare global {
         }
     }
 }
-export declare const createNode: (container: Container, type: NodeType, props: any) => import("../dom/types").DeclarationNode<PaintProps, import("..").SkPaint, never> | import("../dom/types").DeclarationNode<BlurMaskFilterProps, import("..").SkMaskFilter, never> | import("../dom/types").DeclarationNode<BlendImageFilterProps, import("..").SkImageFilter, never> | import("../dom/types").DeclarationNode<BlurImageFilterProps, import("..").SkImageFilter, never> | import("../dom/types").DeclarationNode<OffsetImageFilterProps, import("..").SkImageFilter, never> | import("../dom/types").DeclarationNode<DropShadowImageFilterProps, import("..").SkImageFilter, never> | import("../dom/types").DeclarationNode<MorphologyImageFilterProps, import("..").SkImageFilter, never> | import("../dom/types").DeclarationNode<DisplacementMapImageFilterProps, import("..").SkImageFilter, never> | import("../dom/types").DeclarationNode<RuntimeShaderImageFilterProps, import("..").SkImageFilter, never> | import("../dom/types").DeclarationNode<MatrixColorFilterProps, import("..").SkColorFilter, never> | import("../dom/types").DeclarationNode<BlendColorFilterProps, import("..").SkColorFilter, never> | import("../dom/types").DeclarationNode<null, import("..").SkColorFilter, never> | import("../dom/types").DeclarationNode<LerpColorFilterProps, import("..").SkColorFilter, never> | import("../dom/types").DeclarationNode<ShaderProps, import("..").SkShader, never> | import("../dom/types").DeclarationNode<ImageShaderProps, import("..").SkShader, never> | import("../dom/types").DeclarationNode<ColorProps, import("..").SkShader, never> | import("../dom/types").DeclarationNode<TurbulenceProps, import("..").SkShader, never> | import("../dom/types").DeclarationNode<LinearGradientProps, import("..").SkShader, never> | import("../dom/types").DeclarationNode<RadialGradientProps, import("..").SkShader, never> | import("../dom/types").DeclarationNode<SweepGradientProps, import("..").SkShader, never> | import("../dom/types").DeclarationNode<CornerPathEffectProps, import("..").SkPathEffect, null> | import("../dom/types").DeclarationNode<DiscretePathEffectProps, import("..").SkPathEffect, never> | import("../dom/types").DeclarationNode<DashPathEffectProps, import("..").SkPathEffect, never> | import("../dom/types").DeclarationNode<Path1DPathEffectProps, import("..").SkPathEffect, null> | import("../dom/types").DeclarationNode<Path2DPathEffectProps, import("..").SkPathEffect, null> | import("../dom/types").DeclarationNode<null, import("..").SkPathEffect, null> | import("../dom/types").DeclarationNode<Line2DPathEffectProps, import("..").SkPathEffect, null> | import("../dom/types").DeclarationNode<BlendProps, import("..").SkImageFilter | import("..").SkShader, never> | import("../dom/types").RenderNode<ChildrenProps> | import("../dom/types").DeclarationNode<BoxShadowProps, BoxShadowProps, never>;
+export declare const createNode: (container: Container, type: NodeType, props: any) => import("../dom/types").RenderNode<ChildrenProps> | import("../dom/types").DeclarationNode<PaintProps, import("..").SkPaint, never> | import("../dom/types").DeclarationNode<BlurMaskFilterProps, import("..").SkMaskFilter, never> | import("../dom/types").DeclarationNode<BlendImageFilterProps, import("..").SkImageFilter, never> | import("../dom/types").DeclarationNode<BlurImageFilterProps, import("..").SkImageFilter, never> | import("../dom/types").DeclarationNode<OffsetImageFilterProps, import("..").SkImageFilter, never> | import("../dom/types").DeclarationNode<DropShadowImageFilterProps, import("..").SkImageFilter, never> | import("../dom/types").DeclarationNode<MorphologyImageFilterProps, import("..").SkImageFilter, never> | import("../dom/types").DeclarationNode<DisplacementMapImageFilterProps, import("..").SkImageFilter, never> | import("../dom/types").DeclarationNode<RuntimeShaderImageFilterProps, import("..").SkImageFilter, never> | import("../dom/types").DeclarationNode<MatrixColorFilterProps, import("..").SkColorFilter, never> | import("../dom/types").DeclarationNode<BlendColorFilterProps, import("..").SkColorFilter, never> | import("../dom/types").DeclarationNode<null, import("..").SkColorFilter, never> | import("../dom/types").DeclarationNode<LerpColorFilterProps, import("..").SkColorFilter, never> | import("../dom/types").DeclarationNode<ShaderProps, import("..").SkShader, never> | import("../dom/types").DeclarationNode<ImageShaderProps, import("..").SkShader, never> | import("../dom/types").DeclarationNode<ColorProps, import("..").SkShader, never> | import("../dom/types").DeclarationNode<TurbulenceProps, import("..").SkShader, never> | import("../dom/types").DeclarationNode<LinearGradientProps, import("..").SkShader, never> | import("../dom/types").DeclarationNode<RadialGradientProps, import("..").SkShader, never> | import("../dom/types").DeclarationNode<SweepGradientProps, import("..").SkShader, never> | import("../dom/types").DeclarationNode<CornerPathEffectProps, import("..").SkPathEffect, null> | import("../dom/types").DeclarationNode<DiscretePathEffectProps, import("..").SkPathEffect, never> | import("../dom/types").DeclarationNode<DashPathEffectProps, import("..").SkPathEffect, never> | import("../dom/types").DeclarationNode<Path1DPathEffectProps, import("..").SkPathEffect, null> | import("../dom/types").DeclarationNode<Path2DPathEffectProps, import("..").SkPathEffect, null> | import("../dom/types").DeclarationNode<null, import("..").SkPathEffect, null> | import("../dom/types").DeclarationNode<Line2DPathEffectProps, import("..").SkPathEffect, null> | import("../dom/types").DeclarationNode<BlendProps, import("..").SkImageFilter | import("..").SkShader, never> | import("../dom/types").DeclarationNode<BoxShadowProps, BoxShadowProps, never>;

package/lib/typescript/src/renderer/components/Group.d.ts

@@ -1,4 +1,8 @@
 /// <reference types="react" />
 import type { SkiaProps } from "../processors";
 import type { GroupProps } from "../../dom/types";
-export declare const Group: (props: SkiaProps<GroupProps>) => JSX.Element;
+import type { ChildrenProps } from "../../dom/types/Common";
+export interface PublicGroupProps extends Omit<GroupProps, "layer"> {
+    layer?: GroupProps["layer"] | ChildrenProps["children"];
+}
+export declare const Group: ({ layer, ...props }: SkiaProps<PublicGroupProps>) => JSX.Element;

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

@@ -2,6 +2,9 @@ import React from "react";
 import type { SkRect } from "../skia/types";
 import type { SkiaValue } from "../values";
 import type { SkiaDrawViewProps } from "./types";
+export declare const SkiaViewNativeId: {
+    current: number;
+};
 export declare class SkiaView extends React.Component<SkiaDrawViewProps> {
     constructor(props: SkiaDrawViewProps);
     private _nativeId;

package/libs/ios/libskottie.xcframework/Info.plist

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>AvailableLibraries</key>
+	<array>
+		<dict>
+			<key>LibraryIdentifier</key>
+			<string>ios-arm64_arm64e_x86_64-simulator</string>
+			<key>LibraryPath</key>
+			<string>libskottie.a</string>
+			<key>SupportedArchitectures</key>
+			<array>
+				<string>arm64</string>
+				<string>arm64e</string>
+				<string>x86_64</string>
+			</array>
+			<key>SupportedPlatform</key>
+			<string>ios</string>
+			<key>SupportedPlatformVariant</key>
+			<string>simulator</string>
+		</dict>
+		<dict>
+			<key>LibraryIdentifier</key>
+			<string>ios-arm64_arm64e</string>
+			<key>LibraryPath</key>
+			<string>libskottie.a</string>
+			<key>SupportedArchitectures</key>
+			<array>
+				<string>arm64</string>
+				<string>arm64e</string>
+			</array>
+			<key>SupportedPlatform</key>
+			<string>ios</string>
+		</dict>
+	</array>
+	<key>CFBundlePackageType</key>
+	<string>XFWK</string>
+	<key>XCFrameworkFormatVersion</key>
+	<string>1.0</string>
+</dict>
+</plist>

package/libs/ios/libsksg.xcframework/Info.plist

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>AvailableLibraries</key>
+	<array>
+		<dict>
+			<key>LibraryIdentifier</key>
+			<string>ios-arm64_arm64e_x86_64-simulator</string>
+			<key>LibraryPath</key>
+			<string>libsksg.a</string>
+			<key>SupportedArchitectures</key>
+			<array>
+				<string>arm64</string>
+				<string>arm64e</string>
+				<string>x86_64</string>
+			</array>
+			<key>SupportedPlatform</key>
+			<string>ios</string>
+			<key>SupportedPlatformVariant</key>
+			<string>simulator</string>
+		</dict>
+		<dict>
+			<key>LibraryIdentifier</key>
+			<string>ios-arm64_arm64e</string>
+			<key>LibraryPath</key>
+			<string>libsksg.a</string>
+			<key>SupportedArchitectures</key>
+			<array>
+				<string>arm64</string>
+				<string>arm64e</string>
+			</array>
+			<key>SupportedPlatform</key>
+			<string>ios</string>
+		</dict>
+	</array>
+	<key>CFBundlePackageType</key>
+	<string>XFWK</string>
+	<key>XCFrameworkFormatVersion</key>
+	<string>1.0</string>
+</dict>
+</plist>

package/libs/ios/libskshaper.xcframework/Info.plist

@@ -6,32 +6,32 @@
 	<array>
 		<dict>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64_arm64e_x86_64-simulator</string>
+			<string>ios-arm64_arm64e</string>
 			<key>LibraryPath</key>
 			<string>libskshaper.a</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
 				<string>arm64e</string>
-				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
-			<key>SupportedPlatformVariant</key>
-			<string>simulator</string>
 		</dict>
 		<dict>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64_arm64e</string>
+			<string>ios-arm64_arm64e_x86_64-simulator</string>
 			<key>LibraryPath</key>
 			<string>libskshaper.a</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
 				<string>arm64e</string>
+				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
+			<key>SupportedPlatformVariant</key>
+			<string>simulator</string>
 		</dict>
 	</array>
 	<key>CFBundlePackageType</key>

package/libs/ios/libsvg.xcframework/Info.plist

@@ -6,32 +6,32 @@
 	<array>
 		<dict>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64_arm64e</string>
+			<string>ios-arm64_arm64e_x86_64-simulator</string>
 			<key>LibraryPath</key>
 			<string>libsvg.a</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
 				<string>arm64e</string>
+				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
+			<key>SupportedPlatformVariant</key>
+			<string>simulator</string>
 		</dict>
 		<dict>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64_arm64e_x86_64-simulator</string>
+			<string>ios-arm64_arm64e</string>
 			<key>LibraryPath</key>
 			<string>libsvg.a</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
 				<string>arm64e</string>
-				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
-			<key>SupportedPlatformVariant</key>
-			<string>simulator</string>
 		</dict>
 	</array>
 	<key>CFBundlePackageType</key>