@shopify/react-native-skia 0.1.234 → 0.1.236

package/lib/commonjs/dom/nodes/JsiSkDOM.js.map

@@ -1 +1 @@
-{"version":3,"names":["JsiSkDOM","constructor","ctx","Layer","props","NATIVE_DOM","global","SkiaDomApi","LayerNode","Group","GroupNode","Paint","PaintNode","Fill","FillNode","Image","ImageNode","Circle","CircleNode","Path","PathNode","Line","LineNode","Oval","OvalNode","Patch","PatchNode","Points","PointsNode","Rect","RectNode","RRect","RRectNode","Vertices","VerticesNode","Text","TextNode","TextPath","TextPathNode","TextBlob","TextBlobNode","Glyphs","GlyphsNode","DiffRect","DiffRectNode","Picture","PictureNode","ImageSVG","ImageSVGNode","BlurMaskFilter","BlurMaskFilterNode","BlendImageFilter","BlendImageFilterNode","DropShadowImageFilter","DropShadowImageFilterNode","DisplacementMapImageFilter","DisplacementMapImageFilterNode","BlurImageFilter","BlurImageFilterNode","OffsetImageFilter","OffsetImageFilterNode","MorphologyImageFilter","MorphologyImageFilterNode","RuntimeShaderImageFilter","RuntimeShaderImageFilterNode","MatrixColorFilter","MatrixColorFilterNode","BlendColorFilter","BlendColorFilterNode","LumaColorFilter","LumaColorFilterNode","LinearToSRGBGammaColorFilter","LinearToSRGBGammaColorFilterNode","SRGBToLinearGammaColorFilter","SRGBToLinearGammaColorFilterNode","LerpColorFilter","LerpColorFilterNode","Shader","ShaderNode","ImageShader","ImageShaderNode","ColorShader","ColorShaderNode","ColorNode","SweepGradient","SweepGradientNode","Turbulence","TurbulenceNode","FractalNoise","FractalNoiseNode","LinearGradient","LinearGradientNode","RadialGradient","RadialGradientNode","TwoPointConicalGradient","TwoPointConicalGradientNode","CornerPathEffect","CornerPathEffectNode","DiscretePathEffect","DiscretePathEffectNode","DashPathEffect","DashPathEffectNode","Path1DPathEffect","Path1DPathEffectNode","Path2DPathEffect","Path2DPathEffectNode","SumPathEffect","SumPathEffectNode","Line2DPathEffect","Line2DPathEffectNode","Blend","BlendNode","BackdropFilter","BackdropFilterNode","Box","BoxNode","BoxShadow","BoxShadowNode","Paragraph","ParagraphNode"],"sources":["JsiSkDOM.ts"],"sourcesContent":["import type {\n  PathProps,\n  SkDOM,\n  GroupProps,\n  ImageProps,\n  BlurImageFilterProps,\n  MatrixColorFilterProps,\n  CircleProps,\n  BlurMaskFilterProps,\n  LinearGradientProps,\n  PaintProps,\n  ShaderProps,\n  ImageShaderProps,\n  LineProps,\n  OvalProps,\n  PatchProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  VerticesProps,\n  TextProps,\n  DiffRectProps,\n  OffsetImageFilterProps,\n  BlendColorFilterProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  TwoPointConicalGradientProps,\n  TurbulenceProps,\n  SweepGradientProps,\n  RadialGradientProps,\n  FractalNoiseProps,\n  ColorProps,\n  PictureProps,\n  ImageSVGProps,\n  LerpColorFilterProps,\n  DrawingNodeProps,\n  BoxProps,\n  BoxShadowProps,\n  ChildrenProps,\n} from \"../types\";\nimport type {\n  BlendImageFilterProps,\n  BlendProps,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  MorphologyImageFilterProps,\n  RuntimeShaderImageFilterProps,\n} from \"../types/ImageFilters\";\nimport type {\n  CornerPathEffectProps,\n  DashPathEffectProps,\n  DiscretePathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n} from \"../types/PathEffects\";\nimport { NATIVE_DOM } from \"../../renderer/HostComponents\";\nimport type { ParagraphProps } from \"../types/Paragraph\";\n\nimport {\n  FillNode,\n  ImageNode,\n  CircleNode,\n  PathNode,\n  LineNode,\n  PatchNode,\n  PointsNode,\n  RectNode,\n  RRectNode,\n  VerticesNode,\n  TextNode,\n  OvalNode,\n  TextPathNode,\n  TextBlobNode,\n  GlyphsNode,\n  DiffRectNode,\n  PictureNode,\n  ImageSVGNode,\n  BackdropFilterNode,\n  BoxNode,\n  BoxShadowNode,\n} from \"./drawings\";\nimport {\n  BlendImageFilterNode,\n  BlurImageFilterNode,\n  BlurMaskFilterNode,\n  DisplacementMapImageFilterNode,\n  DropShadowImageFilterNode,\n  OffsetImageFilterNode,\n  RuntimeShaderImageFilterNode,\n  CornerPathEffectNode,\n  DiscretePathEffectNode,\n  DashPathEffectNode,\n  Path1DPathEffectNode,\n  Path2DPathEffectNode,\n  SumPathEffectNode,\n  Line2DPathEffectNode,\n  BlendNode,\n} from \"./paint\";\nimport {\n  MatrixColorFilterNode,\n  LumaColorFilterNode,\n  LinearToSRGBGammaColorFilterNode,\n  SRGBToLinearGammaColorFilterNode,\n  BlendColorFilterNode,\n  LerpColorFilterNode,\n} from \"./paint/ColorFilters\";\nimport {\n  LinearGradientNode,\n  ShaderNode,\n  ImageShaderNode,\n  TwoPointConicalGradientNode,\n  TurbulenceNode,\n  SweepGradientNode,\n  RadialGradientNode,\n  FractalNoiseNode,\n  ColorNode,\n} from \"./paint/Shaders\";\nimport { MorphologyImageFilterNode } from \"./paint/ImageFilters\";\nimport { GroupNode } from \"./GroupNode\";\nimport { PaintNode } from \"./PaintNode\";\nimport type { NodeContext } from \"./Node\";\nimport { LayerNode } from \"./LayerNode\";\nimport { ParagraphNode } from \"./drawings/ParagraphNode\";\n\nexport class JsiSkDOM implements SkDOM {\n  constructor(private ctx: NodeContext) {}\n\n  Layer(props?: ChildrenProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.LayerNode(props ?? {})\n      : new LayerNode(this.ctx, props ?? {});\n  }\n\n  Group(props?: GroupProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.GroupNode(props ?? {})\n      : new GroupNode(this.ctx, props ?? {});\n  }\n\n  Paint(props: PaintProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.PaintNode(props ?? {})\n      : new PaintNode(this.ctx, props);\n  }\n\n  // Drawings\n  Fill(props?: DrawingNodeProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.FillNode(props ?? {})\n      : new FillNode(this.ctx, props);\n  }\n\n  Image(props: ImageProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.ImageNode(props ?? {})\n      : new ImageNode(this.ctx, props);\n  }\n\n  Circle(props: CircleProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.CircleNode(props ?? {})\n      : new CircleNode(this.ctx, props);\n  }\n\n  Path(props: PathProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.PathNode(props ?? {})\n      : new PathNode(this.ctx, props);\n  }\n\n  Line(props: LineProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.LineNode(props ?? {})\n      : new LineNode(this.ctx, props);\n  }\n\n  Oval(props: OvalProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.OvalNode(props ?? {})\n      : new OvalNode(this.ctx, props);\n  }\n\n  Patch(props: PatchProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.PatchNode(props ?? {})\n      : new PatchNode(this.ctx, props);\n  }\n\n  Points(props: PointsProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.PointsNode(props ?? {})\n      : new PointsNode(this.ctx, props);\n  }\n\n  Rect(props: RectProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.RectNode(props)\n      : new RectNode(this.ctx, props);\n  }\n\n  RRect(props: RoundedRectProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.RRectNode(props)\n      : new RRectNode(this.ctx, props);\n  }\n\n  Vertices(props: VerticesProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.VerticesNode(props)\n      : new VerticesNode(this.ctx, props);\n  }\n\n  Text(props: TextProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.TextNode(props)\n      : new TextNode(this.ctx, props);\n  }\n\n  TextPath(props: TextPathProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.TextPathNode(props)\n      : new TextPathNode(this.ctx, props);\n  }\n\n  TextBlob(props: TextBlobProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.TextBlobNode(props)\n      : new TextBlobNode(this.ctx, props);\n  }\n\n  Glyphs(props: GlyphsProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.GlyphsNode(props)\n      : new GlyphsNode(this.ctx, props);\n  }\n\n  DiffRect(props: DiffRectProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.DiffRectNode(props)\n      : new DiffRectNode(this.ctx, props);\n  }\n\n  Picture(props: PictureProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.PictureNode(props)\n      : new PictureNode(this.ctx, props);\n  }\n\n  ImageSVG(props: ImageSVGProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.ImageSVGNode(props)\n      : new ImageSVGNode(this.ctx, props);\n  }\n\n  // BlurMaskFilters\n  BlurMaskFilter(props: BlurMaskFilterProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.BlurMaskFilterNode(props)\n      : new BlurMaskFilterNode(this.ctx, props);\n  }\n\n  // ImageFilters\n  BlendImageFilter(props: BlendImageFilterProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.BlendImageFilterNode(props)\n      : new BlendImageFilterNode(this.ctx, props);\n  }\n\n  DropShadowImageFilter(props: DropShadowImageFilterProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.DropShadowImageFilterNode(props)\n      : new DropShadowImageFilterNode(this.ctx, props);\n  }\n\n  DisplacementMapImageFilter(props: DisplacementMapImageFilterProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.DisplacementMapImageFilterNode(props)\n      : new DisplacementMapImageFilterNode(this.ctx, props);\n  }\n\n  BlurImageFilter(props: BlurImageFilterProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.BlurImageFilterNode(props)\n      : new BlurImageFilterNode(this.ctx, props);\n  }\n\n  OffsetImageFilter(props: OffsetImageFilterProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.OffsetImageFilterNode(props)\n      : new OffsetImageFilterNode(this.ctx, props);\n  }\n\n  MorphologyImageFilter(props: MorphologyImageFilterProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.MorphologyImageFilterNode(props)\n      : new MorphologyImageFilterNode(this.ctx, props);\n  }\n\n  RuntimeShaderImageFilter(props: RuntimeShaderImageFilterProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.RuntimeShaderImageFilterNode(props)\n      : new RuntimeShaderImageFilterNode(this.ctx, props);\n  }\n\n  // Color Filters\n  MatrixColorFilter(props: MatrixColorFilterProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.MatrixColorFilterNode(props)\n      : new MatrixColorFilterNode(this.ctx, props);\n  }\n\n  BlendColorFilter(props: BlendColorFilterProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.BlendColorFilterNode(props)\n      : new BlendColorFilterNode(this.ctx, props);\n  }\n\n  LumaColorFilter() {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.LumaColorFilterNode()\n      : new LumaColorFilterNode(this.ctx);\n  }\n\n  LinearToSRGBGammaColorFilter() {\n    return global.SkiaDomApi &&\n      global.SkiaDomApi.LinearToSRGBGammaColorFilterNode\n      ? global.SkiaDomApi.LinearToSRGBGammaColorFilterNode()\n      : new LinearToSRGBGammaColorFilterNode(this.ctx);\n  }\n\n  SRGBToLinearGammaColorFilter() {\n    return global.SkiaDomApi &&\n      global.SkiaDomApi.SRGBToLinearGammaColorFilterNode\n      ? global.SkiaDomApi.SRGBToLinearGammaColorFilterNode()\n      : new SRGBToLinearGammaColorFilterNode(this.ctx);\n  }\n\n  LerpColorFilter(props: LerpColorFilterProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.LerpColorFilterNode(props)\n      : new LerpColorFilterNode(this.ctx, props);\n  }\n\n  // Shaders\n  Shader(props: ShaderProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.ShaderNode(props)\n      : new ShaderNode(this.ctx, props);\n  }\n\n  ImageShader(props: ImageShaderProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.ImageShaderNode(props)\n      : new ImageShaderNode(this.ctx, props);\n  }\n\n  ColorShader(props: ColorProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.ColorShaderNode(props)\n      : new ColorNode(this.ctx, props);\n  }\n\n  SweepGradient(props: SweepGradientProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.SweepGradientNode(props)\n      : new SweepGradientNode(this.ctx, props);\n  }\n\n  Turbulence(props: TurbulenceProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.TurbulenceNode(props)\n      : new TurbulenceNode(this.ctx, props);\n  }\n\n  FractalNoise(props: FractalNoiseProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.FractalNoiseNode(props)\n      : new FractalNoiseNode(this.ctx, props);\n  }\n\n  LinearGradient(props: LinearGradientProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.LinearGradientNode(props)\n      : new LinearGradientNode(this.ctx, props);\n  }\n\n  RadialGradient(props: RadialGradientProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.RadialGradientNode(props)\n      : new RadialGradientNode(this.ctx, props);\n  }\n\n  TwoPointConicalGradient(props: TwoPointConicalGradientProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.TwoPointConicalGradientNode(props)\n      : new TwoPointConicalGradientNode(this.ctx, props);\n  }\n\n  // Path Effects\n  CornerPathEffect(props: CornerPathEffectProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.CornerPathEffectNode(props)\n      : new CornerPathEffectNode(this.ctx, props);\n  }\n\n  DiscretePathEffect(props: DiscretePathEffectProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.DiscretePathEffectNode(props)\n      : new DiscretePathEffectNode(this.ctx, props);\n  }\n\n  DashPathEffect(props: DashPathEffectProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.DashPathEffectNode(props)\n      : new DashPathEffectNode(this.ctx, props);\n  }\n\n  Path1DPathEffect(props: Path1DPathEffectProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.Path1DPathEffectNode(props)\n      : new Path1DPathEffectNode(this.ctx, props);\n  }\n\n  Path2DPathEffect(props: Path2DPathEffectProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.Path2DPathEffectNode(props)\n      : new Path2DPathEffectNode(this.ctx, props);\n  }\n\n  SumPathEffect() {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.SumPathEffectNode()\n      : new SumPathEffectNode(this.ctx);\n  }\n\n  Line2DPathEffect(props: Line2DPathEffectProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.Line2DPathEffectNode(props)\n      : new Line2DPathEffectNode(this.ctx, props);\n  }\n\n  Blend(props: BlendProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.BlendNode(props)\n      : new BlendNode(this.ctx, props);\n  }\n\n  BackdropFilter(props: ChildrenProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.BackdropFilterNode(props)\n      : new BackdropFilterNode(this.ctx, props);\n  }\n\n  Box(props: BoxProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.BoxNode(props)\n      : new BoxNode(this.ctx, props);\n  }\n\n  BoxShadow(props: BoxShadowProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.BoxShadowNode(props)\n      : new BoxShadowNode(this.ctx, props);\n  }\n\n  // Paragraph\n  Paragraph(props: ParagraphProps) {\n    return NATIVE_DOM\n      ? global.SkiaDomApi.ParagraphNode(props)\n      : new ParagraphNode(this.ctx, props);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["JsiSkDOM","constructor","ctx","native","Layer","props","global","SkiaDomApi","LayerNode","Group","GroupNode","Paint","PaintNode","Fill","FillNode","Image","ImageNode","Circle","CircleNode","Path","PathNode","Line","LineNode","Oval","OvalNode","Patch","PatchNode","Points","PointsNode","Rect","RectNode","RRect","RRectNode","Vertices","VerticesNode","Text","TextNode","TextPath","TextPathNode","TextBlob","TextBlobNode","Glyphs","GlyphsNode","DiffRect","DiffRectNode","Picture","PictureNode","ImageSVG","ImageSVGNode","BlurMaskFilter","BlurMaskFilterNode","BlendImageFilter","BlendImageFilterNode","DropShadowImageFilter","DropShadowImageFilterNode","DisplacementMapImageFilter","DisplacementMapImageFilterNode","BlurImageFilter","BlurImageFilterNode","OffsetImageFilter","OffsetImageFilterNode","MorphologyImageFilter","MorphologyImageFilterNode","RuntimeShaderImageFilter","RuntimeShaderImageFilterNode","MatrixColorFilter","MatrixColorFilterNode","BlendColorFilter","BlendColorFilterNode","LumaColorFilter","LumaColorFilterNode","LinearToSRGBGammaColorFilter","LinearToSRGBGammaColorFilterNode","SRGBToLinearGammaColorFilter","SRGBToLinearGammaColorFilterNode","LerpColorFilter","LerpColorFilterNode","Shader","ShaderNode","ImageShader","ImageShaderNode","ColorShader","ColorShaderNode","ColorNode","SweepGradient","SweepGradientNode","Turbulence","TurbulenceNode","FractalNoise","FractalNoiseNode","LinearGradient","LinearGradientNode","RadialGradient","RadialGradientNode","TwoPointConicalGradient","TwoPointConicalGradientNode","CornerPathEffect","CornerPathEffectNode","DiscretePathEffect","DiscretePathEffectNode","DashPathEffect","DashPathEffectNode","Path1DPathEffect","Path1DPathEffectNode","Path2DPathEffect","Path2DPathEffectNode","SumPathEffect","SumPathEffectNode","Line2DPathEffect","Line2DPathEffectNode","Blend","BlendNode","BackdropFilter","BackdropFilterNode","Box","BoxNode","BoxShadow","BoxShadowNode","Paragraph","ParagraphNode"],"sources":["JsiSkDOM.ts"],"sourcesContent":["import type {\n  PathProps,\n  SkDOM,\n  GroupProps,\n  ImageProps,\n  BlurImageFilterProps,\n  MatrixColorFilterProps,\n  CircleProps,\n  BlurMaskFilterProps,\n  LinearGradientProps,\n  PaintProps,\n  ShaderProps,\n  ImageShaderProps,\n  LineProps,\n  OvalProps,\n  PatchProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  VerticesProps,\n  TextProps,\n  DiffRectProps,\n  OffsetImageFilterProps,\n  BlendColorFilterProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  TwoPointConicalGradientProps,\n  TurbulenceProps,\n  SweepGradientProps,\n  RadialGradientProps,\n  FractalNoiseProps,\n  ColorProps,\n  PictureProps,\n  ImageSVGProps,\n  LerpColorFilterProps,\n  DrawingNodeProps,\n  BoxProps,\n  BoxShadowProps,\n  ChildrenProps,\n} from \"../types\";\nimport type {\n  BlendImageFilterProps,\n  BlendProps,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  MorphologyImageFilterProps,\n  RuntimeShaderImageFilterProps,\n} from \"../types/ImageFilters\";\nimport type {\n  CornerPathEffectProps,\n  DashPathEffectProps,\n  DiscretePathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n} from \"../types/PathEffects\";\nimport type { ParagraphProps } from \"../types/Paragraph\";\n\nimport {\n  FillNode,\n  ImageNode,\n  CircleNode,\n  PathNode,\n  LineNode,\n  PatchNode,\n  PointsNode,\n  RectNode,\n  RRectNode,\n  VerticesNode,\n  TextNode,\n  OvalNode,\n  TextPathNode,\n  TextBlobNode,\n  GlyphsNode,\n  DiffRectNode,\n  PictureNode,\n  ImageSVGNode,\n  BackdropFilterNode,\n  BoxNode,\n  BoxShadowNode,\n} from \"./drawings\";\nimport {\n  BlendImageFilterNode,\n  BlurImageFilterNode,\n  BlurMaskFilterNode,\n  DisplacementMapImageFilterNode,\n  DropShadowImageFilterNode,\n  OffsetImageFilterNode,\n  RuntimeShaderImageFilterNode,\n  CornerPathEffectNode,\n  DiscretePathEffectNode,\n  DashPathEffectNode,\n  Path1DPathEffectNode,\n  Path2DPathEffectNode,\n  SumPathEffectNode,\n  Line2DPathEffectNode,\n  BlendNode,\n} from \"./paint\";\nimport {\n  MatrixColorFilterNode,\n  LumaColorFilterNode,\n  LinearToSRGBGammaColorFilterNode,\n  SRGBToLinearGammaColorFilterNode,\n  BlendColorFilterNode,\n  LerpColorFilterNode,\n} from \"./paint/ColorFilters\";\nimport {\n  LinearGradientNode,\n  ShaderNode,\n  ImageShaderNode,\n  TwoPointConicalGradientNode,\n  TurbulenceNode,\n  SweepGradientNode,\n  RadialGradientNode,\n  FractalNoiseNode,\n  ColorNode,\n} from \"./paint/Shaders\";\nimport { MorphologyImageFilterNode } from \"./paint/ImageFilters\";\nimport { GroupNode } from \"./GroupNode\";\nimport { PaintNode } from \"./PaintNode\";\nimport type { NodeContext } from \"./Node\";\nimport { LayerNode } from \"./LayerNode\";\nimport { ParagraphNode } from \"./drawings/ParagraphNode\";\n\nexport class JsiSkDOM implements SkDOM {\n  constructor(private ctx: NodeContext, private native: boolean) {}\n\n  Layer(props?: ChildrenProps) {\n    return this.native\n      ? global.SkiaDomApi.LayerNode(props ?? {})\n      : new LayerNode(this.ctx, props ?? {});\n  }\n\n  Group(props?: GroupProps) {\n    return this.native\n      ? global.SkiaDomApi.GroupNode(props ?? {})\n      : new GroupNode(this.ctx, props ?? {});\n  }\n\n  Paint(props: PaintProps) {\n    return this.native\n      ? global.SkiaDomApi.PaintNode(props ?? {})\n      : new PaintNode(this.ctx, props);\n  }\n\n  // Drawings\n  Fill(props?: DrawingNodeProps) {\n    return this.native\n      ? global.SkiaDomApi.FillNode(props ?? {})\n      : new FillNode(this.ctx, props);\n  }\n\n  Image(props: ImageProps) {\n    return this.native\n      ? global.SkiaDomApi.ImageNode(props ?? {})\n      : new ImageNode(this.ctx, props);\n  }\n\n  Circle(props: CircleProps) {\n    return this.native\n      ? global.SkiaDomApi.CircleNode(props ?? {})\n      : new CircleNode(this.ctx, props);\n  }\n\n  Path(props: PathProps) {\n    return this.native\n      ? global.SkiaDomApi.PathNode(props ?? {})\n      : new PathNode(this.ctx, props);\n  }\n\n  Line(props: LineProps) {\n    return this.native\n      ? global.SkiaDomApi.LineNode(props ?? {})\n      : new LineNode(this.ctx, props);\n  }\n\n  Oval(props: OvalProps) {\n    return this.native\n      ? global.SkiaDomApi.OvalNode(props ?? {})\n      : new OvalNode(this.ctx, props);\n  }\n\n  Patch(props: PatchProps) {\n    return this.native\n      ? global.SkiaDomApi.PatchNode(props ?? {})\n      : new PatchNode(this.ctx, props);\n  }\n\n  Points(props: PointsProps) {\n    return this.native\n      ? global.SkiaDomApi.PointsNode(props ?? {})\n      : new PointsNode(this.ctx, props);\n  }\n\n  Rect(props: RectProps) {\n    return this.native\n      ? global.SkiaDomApi.RectNode(props)\n      : new RectNode(this.ctx, props);\n  }\n\n  RRect(props: RoundedRectProps) {\n    return this.native\n      ? global.SkiaDomApi.RRectNode(props)\n      : new RRectNode(this.ctx, props);\n  }\n\n  Vertices(props: VerticesProps) {\n    return this.native\n      ? global.SkiaDomApi.VerticesNode(props)\n      : new VerticesNode(this.ctx, props);\n  }\n\n  Text(props: TextProps) {\n    return this.native\n      ? global.SkiaDomApi.TextNode(props)\n      : new TextNode(this.ctx, props);\n  }\n\n  TextPath(props: TextPathProps) {\n    return this.native\n      ? global.SkiaDomApi.TextPathNode(props)\n      : new TextPathNode(this.ctx, props);\n  }\n\n  TextBlob(props: TextBlobProps) {\n    return this.native\n      ? global.SkiaDomApi.TextBlobNode(props)\n      : new TextBlobNode(this.ctx, props);\n  }\n\n  Glyphs(props: GlyphsProps) {\n    return this.native\n      ? global.SkiaDomApi.GlyphsNode(props)\n      : new GlyphsNode(this.ctx, props);\n  }\n\n  DiffRect(props: DiffRectProps) {\n    return this.native\n      ? global.SkiaDomApi.DiffRectNode(props)\n      : new DiffRectNode(this.ctx, props);\n  }\n\n  Picture(props: PictureProps) {\n    return this.native\n      ? global.SkiaDomApi.PictureNode(props)\n      : new PictureNode(this.ctx, props);\n  }\n\n  ImageSVG(props: ImageSVGProps) {\n    return this.native\n      ? global.SkiaDomApi.ImageSVGNode(props)\n      : new ImageSVGNode(this.ctx, props);\n  }\n\n  // BlurMaskFilters\n  BlurMaskFilter(props: BlurMaskFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.BlurMaskFilterNode(props)\n      : new BlurMaskFilterNode(this.ctx, props);\n  }\n\n  // ImageFilters\n  BlendImageFilter(props: BlendImageFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.BlendImageFilterNode(props)\n      : new BlendImageFilterNode(this.ctx, props);\n  }\n\n  DropShadowImageFilter(props: DropShadowImageFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.DropShadowImageFilterNode(props)\n      : new DropShadowImageFilterNode(this.ctx, props);\n  }\n\n  DisplacementMapImageFilter(props: DisplacementMapImageFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.DisplacementMapImageFilterNode(props)\n      : new DisplacementMapImageFilterNode(this.ctx, props);\n  }\n\n  BlurImageFilter(props: BlurImageFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.BlurImageFilterNode(props)\n      : new BlurImageFilterNode(this.ctx, props);\n  }\n\n  OffsetImageFilter(props: OffsetImageFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.OffsetImageFilterNode(props)\n      : new OffsetImageFilterNode(this.ctx, props);\n  }\n\n  MorphologyImageFilter(props: MorphologyImageFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.MorphologyImageFilterNode(props)\n      : new MorphologyImageFilterNode(this.ctx, props);\n  }\n\n  RuntimeShaderImageFilter(props: RuntimeShaderImageFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.RuntimeShaderImageFilterNode(props)\n      : new RuntimeShaderImageFilterNode(this.ctx, props);\n  }\n\n  // Color Filters\n  MatrixColorFilter(props: MatrixColorFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.MatrixColorFilterNode(props)\n      : new MatrixColorFilterNode(this.ctx, props);\n  }\n\n  BlendColorFilter(props: BlendColorFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.BlendColorFilterNode(props)\n      : new BlendColorFilterNode(this.ctx, props);\n  }\n\n  LumaColorFilter() {\n    return this.native\n      ? global.SkiaDomApi.LumaColorFilterNode()\n      : new LumaColorFilterNode(this.ctx);\n  }\n\n  LinearToSRGBGammaColorFilter() {\n    return global.SkiaDomApi &&\n      global.SkiaDomApi.LinearToSRGBGammaColorFilterNode\n      ? global.SkiaDomApi.LinearToSRGBGammaColorFilterNode()\n      : new LinearToSRGBGammaColorFilterNode(this.ctx);\n  }\n\n  SRGBToLinearGammaColorFilter() {\n    return global.SkiaDomApi &&\n      global.SkiaDomApi.SRGBToLinearGammaColorFilterNode\n      ? global.SkiaDomApi.SRGBToLinearGammaColorFilterNode()\n      : new SRGBToLinearGammaColorFilterNode(this.ctx);\n  }\n\n  LerpColorFilter(props: LerpColorFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.LerpColorFilterNode(props)\n      : new LerpColorFilterNode(this.ctx, props);\n  }\n\n  // Shaders\n  Shader(props: ShaderProps) {\n    return this.native\n      ? global.SkiaDomApi.ShaderNode(props)\n      : new ShaderNode(this.ctx, props);\n  }\n\n  ImageShader(props: ImageShaderProps) {\n    return this.native\n      ? global.SkiaDomApi.ImageShaderNode(props)\n      : new ImageShaderNode(this.ctx, props);\n  }\n\n  ColorShader(props: ColorProps) {\n    return this.native\n      ? global.SkiaDomApi.ColorShaderNode(props)\n      : new ColorNode(this.ctx, props);\n  }\n\n  SweepGradient(props: SweepGradientProps) {\n    return this.native\n      ? global.SkiaDomApi.SweepGradientNode(props)\n      : new SweepGradientNode(this.ctx, props);\n  }\n\n  Turbulence(props: TurbulenceProps) {\n    return this.native\n      ? global.SkiaDomApi.TurbulenceNode(props)\n      : new TurbulenceNode(this.ctx, props);\n  }\n\n  FractalNoise(props: FractalNoiseProps) {\n    return this.native\n      ? global.SkiaDomApi.FractalNoiseNode(props)\n      : new FractalNoiseNode(this.ctx, props);\n  }\n\n  LinearGradient(props: LinearGradientProps) {\n    return this.native\n      ? global.SkiaDomApi.LinearGradientNode(props)\n      : new LinearGradientNode(this.ctx, props);\n  }\n\n  RadialGradient(props: RadialGradientProps) {\n    return this.native\n      ? global.SkiaDomApi.RadialGradientNode(props)\n      : new RadialGradientNode(this.ctx, props);\n  }\n\n  TwoPointConicalGradient(props: TwoPointConicalGradientProps) {\n    return this.native\n      ? global.SkiaDomApi.TwoPointConicalGradientNode(props)\n      : new TwoPointConicalGradientNode(this.ctx, props);\n  }\n\n  // Path Effects\n  CornerPathEffect(props: CornerPathEffectProps) {\n    return this.native\n      ? global.SkiaDomApi.CornerPathEffectNode(props)\n      : new CornerPathEffectNode(this.ctx, props);\n  }\n\n  DiscretePathEffect(props: DiscretePathEffectProps) {\n    return this.native\n      ? global.SkiaDomApi.DiscretePathEffectNode(props)\n      : new DiscretePathEffectNode(this.ctx, props);\n  }\n\n  DashPathEffect(props: DashPathEffectProps) {\n    return this.native\n      ? global.SkiaDomApi.DashPathEffectNode(props)\n      : new DashPathEffectNode(this.ctx, props);\n  }\n\n  Path1DPathEffect(props: Path1DPathEffectProps) {\n    return this.native\n      ? global.SkiaDomApi.Path1DPathEffectNode(props)\n      : new Path1DPathEffectNode(this.ctx, props);\n  }\n\n  Path2DPathEffect(props: Path2DPathEffectProps) {\n    return this.native\n      ? global.SkiaDomApi.Path2DPathEffectNode(props)\n      : new Path2DPathEffectNode(this.ctx, props);\n  }\n\n  SumPathEffect() {\n    return this.native\n      ? global.SkiaDomApi.SumPathEffectNode()\n      : new SumPathEffectNode(this.ctx);\n  }\n\n  Line2DPathEffect(props: Line2DPathEffectProps) {\n    return this.native\n      ? global.SkiaDomApi.Line2DPathEffectNode(props)\n      : new Line2DPathEffectNode(this.ctx, props);\n  }\n\n  Blend(props: BlendProps) {\n    return this.native\n      ? global.SkiaDomApi.BlendNode(props)\n      : new BlendNode(this.ctx, props);\n  }\n\n  BackdropFilter(props: ChildrenProps) {\n    return this.native\n      ? global.SkiaDomApi.BackdropFilterNode(props)\n      : new BackdropFilterNode(this.ctx, props);\n  }\n\n  Box(props: BoxProps) {\n    return this.native\n      ? global.SkiaDomApi.BoxNode(props)\n      : new BoxNode(this.ctx, props);\n  }\n\n  BoxShadow(props: BoxShadowProps) {\n    return this.native\n      ? global.SkiaDomApi.BoxShadowNode(props)\n      : new BoxShadowNode(this.ctx, props);\n  }\n\n  // Paragraph\n  Paragraph(props: ParagraphProps) {\n    return this.native\n      ? global.SkiaDomApi.ParagraphNode(props)\n      : new ParagraphNode(this.ctx, props);\n  }\n}\n"],"mappings":"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"}

package/lib/commonjs/external/reanimated/index.d.ts

@@ -2,3 +2,4 @@ export * from "./useAnimatedImageValue";
 export * from "./useDerivedValueOnJS";
 export * from "./renderHelpers";
 export * from "./interpolators";
+export * from "./textures";

package/lib/commonjs/external/reanimated/index.js

@@ -55,4 +55,17 @@ Object.keys(_interpolators).forEach(function (key) {
     }
   });
 });
+
+var _textures = require("./textures");
+
+Object.keys(_textures).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _textures[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _textures[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/external/reanimated/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./useAnimatedImageValue\";\nexport * from \"./useDerivedValueOnJS\";\nexport * from \"./renderHelpers\";\nexport * from \"./interpolators\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./useAnimatedImageValue\";\nexport * from \"./useDerivedValueOnJS\";\nexport * from \"./renderHelpers\";\nexport * from \"./interpolators\";\nexport * from \"./textures\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/external/reanimated/interpolators.js

@@ -67,7 +67,19 @@ const useInterpolator = (factory, value, interpolator, input, output, options) =
   return result;
 };
 
-const usePathInterpolation = (value, input, outputRange, options) => useInterpolator(() => _skia.Skia.Path.Make(), value, _animation.interpolatePaths, input, outputRange, options);
+const usePathInterpolation = (value, input, outputRange, options) => {
+  // Check if all paths in outputRange are interpolable
+  const allPathsInterpolable = outputRange.slice(1).every(path => outputRange[0].isInterpolatable(path));
+
+  if (!allPathsInterpolable) {
+    // Handle the case where not all paths are interpolable
+    // For example, throw an error or return early
+    throw new Error(`Not all paths in the output range are interpolable.
+See: https://shopify.github.io/react-native-skia/docs/animations/hooks#usepathinterpolation`);
+  }
+
+  return useInterpolator(() => _skia.Skia.Path.Make(), value, _animation.interpolatePaths, input, outputRange, options);
+};
 
 exports.usePathInterpolation = usePathInterpolation;
 

package/lib/commonjs/external/reanimated/interpolators.js.map

@@ -1 +1 @@
-{"version":3,"names":["notifyChange","value","_WORKLET","Platform","OS","_value","usePathValue","cb","pathInit","useMemo","Skia","Path","Make","path","useSharedValue","useDerivedValue","reset","useClock","clock","callback","useCallback","info","timeSinceFirstFrame","useFrameCallback","useInterpolator","factory","interpolator","input","output","options","init","result","useAnimatedReaction","val","usePathInterpolation","outputRange","interpolatePaths","useVectorInterpolation","Point","interpolateVector"],"sources":["interpolators.ts"],"sourcesContent":["import type {\n  ExtrapolationType,\n  FrameInfo,\n  SharedValue,\n} from \"react-native-reanimated\";\nimport { useCallback, useMemo } from \"react\";\n\nimport type { SkPath, SkPoint } from \"../../skia/types\";\nimport { interpolatePaths, interpolateVector } from \"../../animation\";\nimport { Skia } from \"../../skia\";\nimport { Platform } from \"../../Platform\";\n\nimport {\n  useAnimatedReaction,\n  useFrameCallback,\n  useSharedValue,\n  useDerivedValue,\n} from \"./moduleWrapper\";\n\nexport const notifyChange = (value: SharedValue<unknown>) => {\n  \"worklet\";\n  if (_WORKLET || Platform.OS === \"web\") {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (value as any)._value = value.value;\n  }\n};\n\nexport const usePathValue = (cb: (path: SkPath) => void) => {\n  const pathInit = useMemo(() => Skia.Path.Make(), []);\n  const path = useSharedValue(pathInit);\n  useDerivedValue(() => {\n    path.value.reset();\n    cb(path.value);\n    notifyChange(path);\n  });\n  return path;\n};\n\nexport const useClock = () => {\n  const clock = useSharedValue(0);\n  const callback = useCallback(\n    (info: FrameInfo) => {\n      \"worklet\";\n      clock.value = info.timeSinceFirstFrame;\n    },\n    [clock]\n  );\n  useFrameCallback(callback);\n  return clock;\n};\n\n/**\n * @worklet\n */\ntype Interpolator<T> = (\n  value: number,\n  input: number[],\n  output: T[],\n  options: ExtrapolationType,\n  result: T\n) => T;\n\nconst useInterpolator = <T>(\n  factory: () => T,\n  value: SharedValue<number>,\n  interpolator: Interpolator<T>,\n  input: number[],\n  output: T[],\n  options?: ExtrapolationType\n) => {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const init = useMemo(() => factory(), []);\n  const result = useSharedValue(init);\n  useAnimatedReaction(\n    () => value.value,\n    (val) => {\n      result.value = interpolator(val, input, output, options, result.value);\n      notifyChange(result);\n    },\n    [input, output, options]\n  );\n  return result;\n};\n\nexport const usePathInterpolation = (\n  value: SharedValue<number>,\n  input: number[],\n  outputRange: SkPath[],\n  options?: ExtrapolationType\n) =>\n  useInterpolator(\n    () => Skia.Path.Make(),\n    value,\n    interpolatePaths,\n    input,\n    outputRange,\n    options\n  );\n\nexport const useVectorInterpolation = (\n  value: SharedValue<number>,\n  input: number[],\n  outputRange: SkPoint[],\n  options?: ExtrapolationType\n) =>\n  useInterpolator(\n    () => Skia.Point(0, 0),\n    value,\n    interpolateVector,\n    input,\n    outputRange,\n    options\n  );\n"],"mappings":";;;;;;;AAKA;;AAGA;;AACA;;AACA;;AAEA;;AAOO,MAAMA,YAAY,GAAIC,KAAD,IAAiC;EAC3D;;EACA,IAAIC,QAAQ,IAAIC,kBAAA,CAASC,EAAT,KAAgB,KAAhC,EAAuC;IACrC;IACCH,KAAD,CAAeI,MAAf,GAAwBJ,KAAK,CAACA,KAA9B;EACD;AACF,CANM;;;;AAQA,MAAMK,YAAY,GAAIC,EAAD,IAAgC;EAC1D,MAAMC,QAAQ,GAAG,IAAAC,cAAA,EAAQ,MAAMC,UAAA,CAAKC,IAAL,CAAUC,IAAV,EAAd,EAAgC,EAAhC,CAAjB;EACA,MAAMC,IAAI,GAAG,IAAAC,6BAAA,EAAeN,QAAf,CAAb;EACA,IAAAO,8BAAA,EAAgB,MAAM;IACpBF,IAAI,CAACZ,KAAL,CAAWe,KAAX;IACAT,EAAE,CAACM,IAAI,CAACZ,KAAN,CAAF;IACAD,YAAY,CAACa,IAAD,CAAZ;EACD,CAJD;EAKA,OAAOA,IAAP;AACD,CATM;;;;AAWA,MAAMI,QAAQ,GAAG,MAAM;EAC5B,MAAMC,KAAK,GAAG,IAAAJ,6BAAA,EAAe,CAAf,CAAd;EACA,MAAMK,QAAQ,GAAG,IAAAC,kBAAA,EACdC,IAAD,IAAqB;IACnB;;IACAH,KAAK,CAACjB,KAAN,GAAcoB,IAAI,CAACC,mBAAnB;EACD,CAJc,EAKf,CAACJ,KAAD,CALe,CAAjB;EAOA,IAAAK,+BAAA,EAAiBJ,QAAjB;EACA,OAAOD,KAAP;AACD,CAXM;AAaP;AACA;AACA;;;;;AASA,MAAMM,eAAe,GAAG,CACtBC,OADsB,EAEtBxB,KAFsB,EAGtByB,YAHsB,EAItBC,KAJsB,EAKtBC,MALsB,EAMtBC,OANsB,KAOnB;EACH;EACA,MAAMC,IAAI,GAAG,IAAArB,cAAA,EAAQ,MAAMgB,OAAO,EAArB,EAAyB,EAAzB,CAAb;EACA,MAAMM,MAAM,GAAG,IAAAjB,6BAAA,EAAegB,IAAf,CAAf;EACA,IAAAE,kCAAA,EACE,MAAM/B,KAAK,CAACA,KADd,EAEGgC,GAAD,IAAS;IACPF,MAAM,CAAC9B,KAAP,GAAeyB,YAAY,CAACO,GAAD,EAAMN,KAAN,EAAaC,MAAb,EAAqBC,OAArB,EAA8BE,MAAM,CAAC9B,KAArC,CAA3B;IACAD,YAAY,CAAC+B,MAAD,CAAZ;EACD,CALH,EAME,CAACJ,KAAD,EAAQC,MAAR,EAAgBC,OAAhB,CANF;EAQA,OAAOE,MAAP;AACD,CApBD;;AAsBO,MAAMG,oBAAoB,GAAG,CAClCjC,KADkC,EAElC0B,KAFkC,EAGlCQ,WAHkC,EAIlCN,OAJkC,KAMlCL,eAAe,CACb,MAAMd,UAAA,CAAKC,IAAL,CAAUC,IAAV,EADO,EAEbX,KAFa,EAGbmC,2BAHa,EAIbT,KAJa,EAKbQ,WALa,EAMbN,OANa,CANV;;;;AAeA,MAAMQ,sBAAsB,GAAG,CACpCpC,KADoC,EAEpC0B,KAFoC,EAGpCQ,WAHoC,EAIpCN,OAJoC,KAMpCL,eAAe,CACb,MAAMd,UAAA,CAAK4B,KAAL,CAAW,CAAX,EAAc,CAAd,CADO,EAEbrC,KAFa,EAGbsC,4BAHa,EAIbZ,KAJa,EAKbQ,WALa,EAMbN,OANa,CANV"}
+{"version":3,"names":["notifyChange","value","_WORKLET","Platform","OS","_value","usePathValue","cb","pathInit","useMemo","Skia","Path","Make","path","useSharedValue","useDerivedValue","reset","useClock","clock","callback","useCallback","info","timeSinceFirstFrame","useFrameCallback","useInterpolator","factory","interpolator","input","output","options","init","result","useAnimatedReaction","val","usePathInterpolation","outputRange","allPathsInterpolable","slice","every","isInterpolatable","Error","interpolatePaths","useVectorInterpolation","Point","interpolateVector"],"sources":["interpolators.ts"],"sourcesContent":["import type {\n  ExtrapolationType,\n  FrameInfo,\n  SharedValue,\n} from \"react-native-reanimated\";\nimport { useCallback, useMemo } from \"react\";\n\nimport type { SkPath, SkPoint } from \"../../skia/types\";\nimport { interpolatePaths, interpolateVector } from \"../../animation\";\nimport { Skia } from \"../../skia\";\nimport { Platform } from \"../../Platform\";\n\nimport {\n  useAnimatedReaction,\n  useFrameCallback,\n  useSharedValue,\n  useDerivedValue,\n} from \"./moduleWrapper\";\n\nexport const notifyChange = (value: SharedValue<unknown>) => {\n  \"worklet\";\n  if (_WORKLET || Platform.OS === \"web\") {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (value as any)._value = value.value;\n  }\n};\n\nexport const usePathValue = (cb: (path: SkPath) => void) => {\n  const pathInit = useMemo(() => Skia.Path.Make(), []);\n  const path = useSharedValue(pathInit);\n  useDerivedValue(() => {\n    path.value.reset();\n    cb(path.value);\n    notifyChange(path);\n  });\n  return path;\n};\n\nexport const useClock = () => {\n  const clock = useSharedValue(0);\n  const callback = useCallback(\n    (info: FrameInfo) => {\n      \"worklet\";\n      clock.value = info.timeSinceFirstFrame;\n    },\n    [clock]\n  );\n  useFrameCallback(callback);\n  return clock;\n};\n\n/**\n * @worklet\n */\ntype Interpolator<T> = (\n  value: number,\n  input: number[],\n  output: T[],\n  options: ExtrapolationType,\n  result: T\n) => T;\n\nconst useInterpolator = <T>(\n  factory: () => T,\n  value: SharedValue<number>,\n  interpolator: Interpolator<T>,\n  input: number[],\n  output: T[],\n  options?: ExtrapolationType\n) => {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const init = useMemo(() => factory(), []);\n  const result = useSharedValue(init);\n  useAnimatedReaction(\n    () => value.value,\n    (val) => {\n      result.value = interpolator(val, input, output, options, result.value);\n      notifyChange(result);\n    },\n    [input, output, options]\n  );\n  return result;\n};\n\nexport const usePathInterpolation = (\n  value: SharedValue<number>,\n  input: number[],\n  outputRange: SkPath[],\n  options?: ExtrapolationType\n) => {\n  // Check if all paths in outputRange are interpolable\n  const allPathsInterpolable = outputRange\n    .slice(1)\n    .every((path) => outputRange[0].isInterpolatable(path));\n  if (!allPathsInterpolable) {\n    // Handle the case where not all paths are interpolable\n    // For example, throw an error or return early\n    throw new Error(\n      `Not all paths in the output range are interpolable.\nSee: https://shopify.github.io/react-native-skia/docs/animations/hooks#usepathinterpolation`\n    );\n  }\n  return useInterpolator(\n    () => Skia.Path.Make(),\n    value,\n    interpolatePaths,\n    input,\n    outputRange,\n    options\n  );\n};\n\nexport const useVectorInterpolation = (\n  value: SharedValue<number>,\n  input: number[],\n  outputRange: SkPoint[],\n  options?: ExtrapolationType\n) =>\n  useInterpolator(\n    () => Skia.Point(0, 0),\n    value,\n    interpolateVector,\n    input,\n    outputRange,\n    options\n  );\n"],"mappings":"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"}

package/lib/commonjs/external/reanimated/moduleWrapper.d.ts

@@ -9,5 +9,6 @@ export declare const useFrameCallback: (callback: (frameInfo: FrameInfo) => void
 export declare const startMapper: (worklet: () => void, inputs?: unknown[], outputs?: unknown[]) => number;
 export declare const stopMapper: (mapperID: number) => void;
 export declare const runOnJS: any;
+export declare const runOnUI: any;
 export declare const useAnimatedReaction: <T>(prepare: () => T, react: (v: T) => void, dependencies?: DependencyList) => void;
 export declare const isSharedValue: <T>(value: unknown) => value is SharedValue<T>;

package/lib/commonjs/external/reanimated/moduleWrapper.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.stopMapper = exports.startMapper = exports.runOnJS = exports.isSharedValue = exports.HAS_REANIMATED3 = exports.HAS_REANIMATED2 = void 0;
+exports.stopMapper = exports.startMapper = exports.runOnUI = exports.runOnJS = exports.isSharedValue = exports.HAS_REANIMATED3 = exports.HAS_REANIMATED2 = void 0;
 exports.throwOnMissingReanimated = throwOnMissingReanimated;
 exports.useSharedValue = exports.useFrameCallback = exports.useDerivedValue = exports.useAnimatedReaction = void 0;
 
-var _Reanimated, _Reanimated2, _Reanimated3, _Reanimated4, _Reanimated5, _Reanimated6, _Reanimated7;
+var _Reanimated, _Reanimated2, _Reanimated3, _Reanimated4, _Reanimated5, _Reanimated6, _Reanimated7, _Reanimated8;
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 // This one is needed for the deprecated useSharedValue function
@@ -49,7 +49,9 @@ const stopMapper = ((_Reanimated5 = Reanimated2) === null || _Reanimated5 === vo
 exports.stopMapper = stopMapper;
 const runOnJS = ((_Reanimated6 = Reanimated2) === null || _Reanimated6 === void 0 ? void 0 : _Reanimated6.runOnJS) || throwOnMissingReanimated;
 exports.runOnJS = runOnJS;
-const useAnimatedReaction = ((_Reanimated7 = Reanimated2) === null || _Reanimated7 === void 0 ? void 0 : _Reanimated7.useAnimatedReaction) || throwOnMissingReanimated;
+const runOnUI = ((_Reanimated7 = Reanimated2) === null || _Reanimated7 === void 0 ? void 0 : _Reanimated7.runOnUI) || throwOnMissingReanimated;
+exports.runOnUI = runOnUI;
+const useAnimatedReaction = ((_Reanimated8 = Reanimated2) === null || _Reanimated8 === void 0 ? void 0 : _Reanimated8.useAnimatedReaction) || throwOnMissingReanimated;
 exports.useAnimatedReaction = useAnimatedReaction;
 
 const isSharedValue = value => {

package/lib/commonjs/external/reanimated/moduleWrapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["Reanimated2","Reanimated3","reanimatedVersion","require","version","includes","e","HAS_REANIMATED2","HAS_REANIMATED3","throwOnMissingReanimated","Error","useSharedValue","useDerivedValue","useFrameCallback","startMapper","stopMapper","runOnJS","useAnimatedReaction","isSharedValue","value","undefined"],"sources":["moduleWrapper.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { DependencyList } from \"react\";\nimport type {\n  DerivedValue,\n  FrameCallback,\n  FrameInfo,\n  SharedValue,\n} from \"react-native-reanimated\";\n\n// This one is needed for the deprecated useSharedValue function\n// We can remove it once we remove the deprecation\n\nlet Reanimated2: any;\n\nlet Reanimated3: any;\nlet reanimatedVersion: string;\n\ntry {\n  Reanimated2 = require(\"react-native-reanimated\");\n  reanimatedVersion = require(\"react-native-reanimated/package.json\").version;\n  if (\n    reanimatedVersion &&\n    (reanimatedVersion >= \"3.0.0\" || reanimatedVersion.includes(\"3.0.0-\"))\n  ) {\n    Reanimated3 = Reanimated2;\n  }\n} catch (e) {}\n\nexport const HAS_REANIMATED2 = !!Reanimated2;\nexport const HAS_REANIMATED3 = !!Reanimated3;\n\nexport function throwOnMissingReanimated() {\n  if (!HAS_REANIMATED2) {\n    throw new Error(\n      \"Reanimated was not found, make sure react-native-reanimated package is installed if you want to use \\\n      react-native-skia's integration layer API.\"\n    );\n  }\n}\n\nexport const useSharedValue: <T>(\n  init: T,\n  oneWayReadsOnly?: boolean\n) => SharedValue<T> = Reanimated2?.useSharedValue || throwOnMissingReanimated;\n\nexport const useDerivedValue: <T>(\n  processor: () => T,\n  dependencies?: DependencyList\n) => DerivedValue<T> = Reanimated2?.useDerivedValue || throwOnMissingReanimated;\n\nexport const useFrameCallback: (\n  callback: (frameInfo: FrameInfo) => void,\n  autostart?: boolean\n) => FrameCallback = Reanimated2?.useFrameCallback || throwOnMissingReanimated;\n\nexport const startMapper: (\n  worklet: () => void,\n  inputs?: unknown[],\n  outputs?: unknown[]\n) => number = Reanimated2?.startMapper || throwOnMissingReanimated;\n\nexport const stopMapper: (mapperID: number) => void =\n  Reanimated2?.stopMapper || throwOnMissingReanimated;\n\nexport const runOnJS = Reanimated2?.runOnJS || throwOnMissingReanimated;\n\nexport const useAnimatedReaction: <T>(\n  prepare: () => T,\n  react: (v: T) => void,\n  dependencies?: DependencyList\n) => void = Reanimated2?.useAnimatedReaction || throwOnMissingReanimated;\n\nexport const isSharedValue = <T>(value: unknown): value is SharedValue<T> => {\n  return (\n    !!value &&\n    (Reanimated3\n      ? Reanimated3.isSharedValue(value)\n      : (value as any).value !== undefined)\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;AASA;AACA;AAEA,IAAIA,WAAJ;AAEA,IAAIC,WAAJ;AACA,IAAIC,iBAAJ;;AAEA,IAAI;EACFF,WAAW,GAAGG,OAAO,CAAC,yBAAD,CAArB;EACAD,iBAAiB,GAAGC,OAAO,CAAC,sCAAD,CAAP,CAAgDC,OAApE;;EACA,IACEF,iBAAiB,KAChBA,iBAAiB,IAAI,OAArB,IAAgCA,iBAAiB,CAACG,QAAlB,CAA2B,QAA3B,CADhB,CADnB,EAGE;IACAJ,WAAW,GAAGD,WAAd;EACD;AACF,CATD,CASE,OAAOM,CAAP,EAAU,CAAE;;AAEP,MAAMC,eAAe,GAAG,CAAC,CAACP,WAA1B;;AACA,MAAMQ,eAAe,GAAG,CAAC,CAACP,WAA1B;;;AAEA,SAASQ,wBAAT,GAAoC;EACzC,IAAI,CAACF,eAAL,EAAsB;IACpB,MAAM,IAAIG,KAAJ,CACJ;AACN,iDAFU,CAAN;EAID;AACF;;AAEM,MAAMC,cAGM,GAAG,gBAAAX,WAAW,UAAX,kDAAaW,cAAb,KAA+BF,wBAH9C;;AAKA,MAAMG,eAGO,GAAG,iBAAAZ,WAAW,UAAX,oDAAaY,eAAb,KAAgCH,wBAHhD;;AAKA,MAAMI,gBAGK,GAAG,iBAAAb,WAAW,UAAX,oDAAaa,gBAAb,KAAiCJ,wBAH/C;;AAKA,MAAMK,WAIF,GAAG,iBAAAd,WAAW,UAAX,oDAAac,WAAb,KAA4BL,wBAJnC;;AAMA,MAAMM,UAAsC,GACjD,iBAAAf,WAAW,UAAX,oDAAae,UAAb,KAA2BN,wBADtB;;AAGA,MAAMO,OAAO,GAAG,iBAAAhB,WAAW,UAAX,oDAAagB,OAAb,KAAwBP,wBAAxC;;AAEA,MAAMQ,mBAIJ,GAAG,iBAAAjB,WAAW,UAAX,oDAAaiB,mBAAb,KAAoCR,wBAJzC;;;AAMA,MAAMS,aAAa,GAAOC,KAAJ,IAAgD;EAC3E,OACE,CAAC,CAACA,KAAF,KACClB,WAAW,GACRA,WAAW,CAACiB,aAAZ,CAA0BC,KAA1B,CADQ,GAEPA,KAAD,CAAeA,KAAf,KAAyBC,SAH7B,CADF;AAMD,CAPM"}
+{"version":3,"names":["Reanimated2","Reanimated3","reanimatedVersion","require","version","includes","e","HAS_REANIMATED2","HAS_REANIMATED3","throwOnMissingReanimated","Error","useSharedValue","useDerivedValue","useFrameCallback","startMapper","stopMapper","runOnJS","runOnUI","useAnimatedReaction","isSharedValue","value","undefined"],"sources":["moduleWrapper.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { DependencyList } from \"react\";\nimport type {\n  DerivedValue,\n  FrameCallback,\n  FrameInfo,\n  SharedValue,\n} from \"react-native-reanimated\";\n\n// This one is needed for the deprecated useSharedValue function\n// We can remove it once we remove the deprecation\n\nlet Reanimated2: any;\n\nlet Reanimated3: any;\nlet reanimatedVersion: string;\n\ntry {\n  Reanimated2 = require(\"react-native-reanimated\");\n  reanimatedVersion = require(\"react-native-reanimated/package.json\").version;\n  if (\n    reanimatedVersion &&\n    (reanimatedVersion >= \"3.0.0\" || reanimatedVersion.includes(\"3.0.0-\"))\n  ) {\n    Reanimated3 = Reanimated2;\n  }\n} catch (e) {}\n\nexport const HAS_REANIMATED2 = !!Reanimated2;\nexport const HAS_REANIMATED3 = !!Reanimated3;\n\nexport function throwOnMissingReanimated() {\n  if (!HAS_REANIMATED2) {\n    throw new Error(\n      \"Reanimated was not found, make sure react-native-reanimated package is installed if you want to use \\\n      react-native-skia's integration layer API.\"\n    );\n  }\n}\n\nexport const useSharedValue: <T>(\n  init: T,\n  oneWayReadsOnly?: boolean\n) => SharedValue<T> = Reanimated2?.useSharedValue || throwOnMissingReanimated;\n\nexport const useDerivedValue: <T>(\n  processor: () => T,\n  dependencies?: DependencyList\n) => DerivedValue<T> = Reanimated2?.useDerivedValue || throwOnMissingReanimated;\n\nexport const useFrameCallback: (\n  callback: (frameInfo: FrameInfo) => void,\n  autostart?: boolean\n) => FrameCallback = Reanimated2?.useFrameCallback || throwOnMissingReanimated;\n\nexport const startMapper: (\n  worklet: () => void,\n  inputs?: unknown[],\n  outputs?: unknown[]\n) => number = Reanimated2?.startMapper || throwOnMissingReanimated;\n\nexport const stopMapper: (mapperID: number) => void =\n  Reanimated2?.stopMapper || throwOnMissingReanimated;\n\nexport const runOnJS = Reanimated2?.runOnJS || throwOnMissingReanimated;\nexport const runOnUI = Reanimated2?.runOnUI || throwOnMissingReanimated;\n\nexport const useAnimatedReaction: <T>(\n  prepare: () => T,\n  react: (v: T) => void,\n  dependencies?: DependencyList\n) => void = Reanimated2?.useAnimatedReaction || throwOnMissingReanimated;\n\nexport const isSharedValue = <T>(value: unknown): value is SharedValue<T> => {\n  return (\n    !!value &&\n    (Reanimated3\n      ? Reanimated3.isSharedValue(value)\n      : (value as any).value !== undefined)\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;AASA;AACA;AAEA,IAAIA,WAAJ;AAEA,IAAIC,WAAJ;AACA,IAAIC,iBAAJ;;AAEA,IAAI;EACFF,WAAW,GAAGG,OAAO,CAAC,yBAAD,CAArB;EACAD,iBAAiB,GAAGC,OAAO,CAAC,sCAAD,CAAP,CAAgDC,OAApE;;EACA,IACEF,iBAAiB,KAChBA,iBAAiB,IAAI,OAArB,IAAgCA,iBAAiB,CAACG,QAAlB,CAA2B,QAA3B,CADhB,CADnB,EAGE;IACAJ,WAAW,GAAGD,WAAd;EACD;AACF,CATD,CASE,OAAOM,CAAP,EAAU,CAAE;;AAEP,MAAMC,eAAe,GAAG,CAAC,CAACP,WAA1B;;AACA,MAAMQ,eAAe,GAAG,CAAC,CAACP,WAA1B;;;AAEA,SAASQ,wBAAT,GAAoC;EACzC,IAAI,CAACF,eAAL,EAAsB;IACpB,MAAM,IAAIG,KAAJ,CACJ;AACN,iDAFU,CAAN;EAID;AACF;;AAEM,MAAMC,cAGM,GAAG,gBAAAX,WAAW,UAAX,kDAAaW,cAAb,KAA+BF,wBAH9C;;AAKA,MAAMG,eAGO,GAAG,iBAAAZ,WAAW,UAAX,oDAAaY,eAAb,KAAgCH,wBAHhD;;AAKA,MAAMI,gBAGK,GAAG,iBAAAb,WAAW,UAAX,oDAAaa,gBAAb,KAAiCJ,wBAH/C;;AAKA,MAAMK,WAIF,GAAG,iBAAAd,WAAW,UAAX,oDAAac,WAAb,KAA4BL,wBAJnC;;AAMA,MAAMM,UAAsC,GACjD,iBAAAf,WAAW,UAAX,oDAAae,UAAb,KAA2BN,wBADtB;;AAGA,MAAMO,OAAO,GAAG,iBAAAhB,WAAW,UAAX,oDAAagB,OAAb,KAAwBP,wBAAxC;;AACA,MAAMQ,OAAO,GAAG,iBAAAjB,WAAW,UAAX,oDAAaiB,OAAb,KAAwBR,wBAAxC;;AAEA,MAAMS,mBAIJ,GAAG,iBAAAlB,WAAW,UAAX,oDAAakB,mBAAb,KAAoCT,wBAJzC;;;AAMA,MAAMU,aAAa,GAAOC,KAAJ,IAAgD;EAC3E,OACE,CAAC,CAACA,KAAF,KACCnB,WAAW,GACRA,WAAW,CAACkB,aAAZ,CAA0BC,KAA1B,CADQ,GAEPA,KAAD,CAAeA,KAAf,KAAyBC,SAH7B,CADF;AAMD,CAPM"}

package/lib/commonjs/external/reanimated/textures.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from "react";
+import type { SharedValue } from "react-native-reanimated";
+import type { SkImage, SkPicture, SkSize } from "../../skia/types";
+export declare const useTextureValue: (element: ReactElement, size: SkSize) => SharedValue<SkImage | null>;
+export declare const useTextureValueFromPicture: (picture: SkPicture, size: SkSize) => SharedValue<SkImage | null>;

package/lib/commonjs/external/reanimated/textures.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTextureValueFromPicture = exports.useTextureValue = void 0;
+
+var _react = require("react");
+
+var _skia = require("../../skia");
+
+var _Offscreen = require("../../renderer/Offscreen");
+
+var _moduleWrapper = require("./moduleWrapper");
+
+// TODO: We're not sure yet why PixelRatio is not needed here.
+const pd = 1; //Platform.PixelRatio;
+
+const createTexture = (texture, picture, size) => {
+  "worklet";
+
+  const surface = _skia.Skia.Surface.MakeOffscreen(size.width * pd, size.height * pd);
+
+  const canvas = surface.getCanvas(); // see comment above
+  //canvas.save();
+  //canvas.scale(pd, pd);
+
+  canvas.drawPicture(picture); //canvas.restore();
+
+  surface.flush();
+  texture.value = surface.makeImageSnapshot();
+};
+
+const useTextureValue = (element, size) => {
+  const picture = (0, _react.useMemo)(() => {
+    return (0, _Offscreen.drawAsPicture)(element);
+  }, [element]);
+  return useTextureValueFromPicture(picture, size);
+};
+
+exports.useTextureValue = useTextureValue;
+
+const useTextureValueFromPicture = (picture, size) => {
+  const texture = (0, _moduleWrapper.useSharedValue)(null);
+  (0, _react.useEffect)(() => {
+    (0, _moduleWrapper.runOnUI)(createTexture)(texture, picture, size);
+  }, [texture, picture, size]);
+  return texture;
+};
+
+exports.useTextureValueFromPicture = useTextureValueFromPicture;
+//# sourceMappingURL=textures.js.map

package/lib/commonjs/external/reanimated/textures.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pd","createTexture","texture","picture","size","surface","Skia","Surface","MakeOffscreen","width","height","canvas","getCanvas","drawPicture","flush","value","makeImageSnapshot","useTextureValue","element","useMemo","drawAsPicture","useTextureValueFromPicture","useSharedValue","useEffect","runOnUI"],"sources":["textures.tsx"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport type { ReactElement } from \"react\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nimport { Skia } from \"../../skia\";\nimport type { SkImage, SkPicture, SkSize } from \"../../skia/types\";\nimport { drawAsPicture } from \"../../renderer/Offscreen\";\n\nimport { runOnUI, useSharedValue } from \"./moduleWrapper\";\n\n// TODO: We're not sure yet why PixelRatio is not needed here.\nconst pd = 1; //Platform.PixelRatio;\n\nconst createTexture = (\n  texture: SharedValue<SkImage | null>,\n  picture: SkPicture,\n  size: SkSize\n) => {\n  \"worklet\";\n  const surface = Skia.Surface.MakeOffscreen(\n    size.width * pd,\n    size.height * pd\n  )!;\n  const canvas = surface.getCanvas();\n  // see comment above\n  //canvas.save();\n  //canvas.scale(pd, pd);\n  canvas.drawPicture(picture);\n  //canvas.restore();\n  surface.flush();\n  texture.value = surface.makeImageSnapshot();\n};\n\nexport const useTextureValue = (element: ReactElement, size: SkSize) => {\n  const picture = useMemo(() => {\n    return drawAsPicture(element);\n  }, [element]);\n  return useTextureValueFromPicture(picture, size);\n};\n\nexport const useTextureValueFromPicture = (\n  picture: SkPicture,\n  size: SkSize\n) => {\n  const texture = useSharedValue<SkImage | null>(null);\n  useEffect(() => {\n    runOnUI(createTexture)(texture, picture, size);\n  }, [texture, picture, size]);\n  return texture;\n};\n"],"mappings":";;;;;;;AAAA;;AAIA;;AAEA;;AAEA;;AAEA;AACA,MAAMA,EAAE,GAAG,CAAX,C,CAAc;;AAEd,MAAMC,aAAa,GAAG,CACpBC,OADoB,EAEpBC,OAFoB,EAGpBC,IAHoB,KAIjB;EACH;;EACA,MAAMC,OAAO,GAAGC,UAAA,CAAKC,OAAL,CAAaC,aAAb,CACdJ,IAAI,CAACK,KAAL,GAAaT,EADC,EAEdI,IAAI,CAACM,MAAL,GAAcV,EAFA,CAAhB;;EAIA,MAAMW,MAAM,GAAGN,OAAO,CAACO,SAAR,EAAf,CANG,CAOH;EACA;EACA;;EACAD,MAAM,CAACE,WAAP,CAAmBV,OAAnB,EAVG,CAWH;;EACAE,OAAO,CAACS,KAAR;EACAZ,OAAO,CAACa,KAAR,GAAgBV,OAAO,CAACW,iBAAR,EAAhB;AACD,CAlBD;;AAoBO,MAAMC,eAAe,GAAG,CAACC,OAAD,EAAwBd,IAAxB,KAAyC;EACtE,MAAMD,OAAO,GAAG,IAAAgB,cAAA,EAAQ,MAAM;IAC5B,OAAO,IAAAC,wBAAA,EAAcF,OAAd,CAAP;EACD,CAFe,EAEb,CAACA,OAAD,CAFa,CAAhB;EAGA,OAAOG,0BAA0B,CAAClB,OAAD,EAAUC,IAAV,CAAjC;AACD,CALM;;;;AAOA,MAAMiB,0BAA0B,GAAG,CACxClB,OADwC,EAExCC,IAFwC,KAGrC;EACH,MAAMF,OAAO,GAAG,IAAAoB,6BAAA,EAA+B,IAA/B,CAAhB;EACA,IAAAC,gBAAA,EAAU,MAAM;IACd,IAAAC,sBAAA,EAAQvB,aAAR,EAAuBC,OAAvB,EAAgCC,OAAhC,EAAyCC,IAAzC;EACD,CAFD,EAEG,CAACF,OAAD,EAAUC,OAAV,EAAmBC,IAAnB,CAFH;EAGA,OAAOF,OAAP;AACD,CATM"}

package/lib/commonjs/headless/index.js

@@ -50,7 +50,7 @@ const makeOffscreenSurface = (width, height) => {
 exports.makeOffscreenSurface = makeOffscreenSurface;
 
 const drawOffscreen = (surface, element) => {
-  const root = new _Reconciler.SkiaRoot(Skia);
+  const root = new _Reconciler.SkiaRoot(Skia, false);
   root.render(element);
   const canvas = surface.getCanvas();
   const ctx = new _types.JsiDrawingContext(Skia, canvas);

package/lib/commonjs/headless/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Skia","makeOffscreenSurface","width","height","JsiSkApi","CanvasKit","surface","Surface","MakeOffscreen","Error","drawOffscreen","element","root","SkiaRoot","render","canvas","getCanvas","ctx","JsiDrawingContext","dom","flush","makeImageSnapshot"],"sources":["index.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport CanvasKitInit from \"canvaskit-wasm/bin/full/canvaskit\";\nimport type { ReactNode } from \"react\";\n\nimport { JsiSkApi } from \"../skia/web\";\nimport { SkiaRoot } from \"../renderer/Reconciler\";\nimport { JsiDrawingContext } from \"../dom/types\";\nimport type { SkSurface } from \"../skia\";\n\nexport * from \"../renderer/components\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nlet Skia: any;\n\nexport const makeOffscreenSurface = (width: number, height: number) => {\n  if (!Skia) {\n    Skia = JsiSkApi(CanvasKit);\n  }\n  const surface = Skia.Surface.MakeOffscreen(width, height);\n  if (surface === null) {\n    throw new Error(\"Couldn't create surface!\");\n  }\n  return surface;\n};\n\nexport const drawOffscreen = (surface: SkSurface, element: ReactNode) => {\n  const root = new SkiaRoot(Skia);\n  root.render(element);\n  const canvas = surface.getCanvas();\n  const ctx = new JsiDrawingContext(Skia, canvas);\n  root.dom.render(ctx);\n  surface.flush();\n  return surface.makeImageSnapshot();\n};\n"],"mappings":";;;;;;;;;;;AAKA;;AACA;;AACA;;AAGA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAVA;AACA;AAWA;AACA,IAAIA,IAAJ;;AAEO,MAAMC,oBAAoB,GAAG,CAACC,KAAD,EAAgBC,MAAhB,KAAmC;EACrE,IAAI,CAACH,IAAL,EAAW;IACTA,IAAI,GAAG,IAAAI,aAAA,EAASC,SAAT,CAAP;EACD;;EACD,MAAMC,OAAO,GAAGN,IAAI,CAACO,OAAL,CAAaC,aAAb,CAA2BN,KAA3B,EAAkCC,MAAlC,CAAhB;;EACA,IAAIG,OAAO,KAAK,IAAhB,EAAsB;IACpB,MAAM,IAAIG,KAAJ,CAAU,0BAAV,CAAN;EACD;;EACD,OAAOH,OAAP;AACD,CATM;;;;AAWA,MAAMI,aAAa,GAAG,CAACJ,OAAD,EAAqBK,OAArB,KAA4C;EACvE,MAAMC,IAAI,GAAG,IAAIC,oBAAJ,CAAab,IAAb,CAAb;EACAY,IAAI,CAACE,MAAL,CAAYH,OAAZ;EACA,MAAMI,MAAM,GAAGT,OAAO,CAACU,SAAR,EAAf;EACA,MAAMC,GAAG,GAAG,IAAIC,wBAAJ,CAAsBlB,IAAtB,EAA4Be,MAA5B,CAAZ;EACAH,IAAI,CAACO,GAAL,CAASL,MAAT,CAAgBG,GAAhB;EACAX,OAAO,CAACc,KAAR;EACA,OAAOd,OAAO,CAACe,iBAAR,EAAP;AACD,CARM"}
+{"version":3,"names":["Skia","makeOffscreenSurface","width","height","JsiSkApi","CanvasKit","surface","Surface","MakeOffscreen","Error","drawOffscreen","element","root","SkiaRoot","render","canvas","getCanvas","ctx","JsiDrawingContext","dom","flush","makeImageSnapshot"],"sources":["index.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport CanvasKitInit from \"canvaskit-wasm/bin/full/canvaskit\";\nimport type { ReactNode } from \"react\";\n\nimport { JsiSkApi } from \"../skia/web\";\nimport { SkiaRoot } from \"../renderer/Reconciler\";\nimport { JsiDrawingContext } from \"../dom/types\";\nimport type { SkSurface } from \"../skia\";\n\nexport * from \"../renderer/components\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nlet Skia: any;\n\nexport const makeOffscreenSurface = (width: number, height: number) => {\n  if (!Skia) {\n    Skia = JsiSkApi(CanvasKit);\n  }\n  const surface = Skia.Surface.MakeOffscreen(width, height);\n  if (surface === null) {\n    throw new Error(\"Couldn't create surface!\");\n  }\n  return surface;\n};\n\nexport const drawOffscreen = (surface: SkSurface, element: ReactNode) => {\n  const root = new SkiaRoot(Skia, false);\n  root.render(element);\n  const canvas = surface.getCanvas();\n  const ctx = new JsiDrawingContext(Skia, canvas);\n  root.dom.render(ctx);\n  surface.flush();\n  return surface.makeImageSnapshot();\n};\n"],"mappings":";;;;;;;;;;;AAKA;;AACA;;AACA;;AAGA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAVA;AACA;AAWA;AACA,IAAIA,IAAJ;;AAEO,MAAMC,oBAAoB,GAAG,CAACC,KAAD,EAAgBC,MAAhB,KAAmC;EACrE,IAAI,CAACH,IAAL,EAAW;IACTA,IAAI,GAAG,IAAAI,aAAA,EAASC,SAAT,CAAP;EACD;;EACD,MAAMC,OAAO,GAAGN,IAAI,CAACO,OAAL,CAAaC,aAAb,CAA2BN,KAA3B,EAAkCC,MAAlC,CAAhB;;EACA,IAAIG,OAAO,KAAK,IAAhB,EAAsB;IACpB,MAAM,IAAIG,KAAJ,CAAU,0BAAV,CAAN;EACD;;EACD,OAAOH,OAAP;AACD,CATM;;;;AAWA,MAAMI,aAAa,GAAG,CAACJ,OAAD,EAAqBK,OAArB,KAA4C;EACvE,MAAMC,IAAI,GAAG,IAAIC,oBAAJ,CAAab,IAAb,EAAmB,KAAnB,CAAb;EACAY,IAAI,CAACE,MAAL,CAAYH,OAAZ;EACA,MAAMI,MAAM,GAAGT,OAAO,CAACU,SAAR,EAAf;EACA,MAAMC,GAAG,GAAG,IAAIC,wBAAJ,CAAsBlB,IAAtB,EAA4Be,MAA5B,CAAZ;EACAH,IAAI,CAACO,GAAL,CAASL,MAAT,CAAgBG,GAAhB;EACAX,OAAO,CAACc,KAAR;EACA,OAAOd,OAAO,CAACe,iBAAR,EAAP;AACD,CARM"}

package/lib/commonjs/mock/index.js

@@ -42,9 +42,12 @@ const Mock = CanvasKit => {
     // Reanimated hooks
     useClock: NoopSharedValue,
     usePathInterpolation: NoopSharedValue,
+    useTextureValue: NoopSharedValue,
+    useTextureValueFromPicture: NoopSharedValue,
     useRawData: Noop,
     useData: Noop,
     useFont: () => Skia.Font(undefined, 0),
+    useFonts: Noop,
     useTypeface: () => null,
     useImage: () => null,
     useSVG: () => null

package/lib/commonjs/mock/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Noop","undefined","NoopValue","current","NoopSharedValue","value","Mock","CanvasKit","global","SkiaApi","JsiSkApi","Skia","require","Canvas","useValue","useComputedValue","useTouchHandler","useTiming","useLoop","useSpring","useClockValue","useValueEffect","useClock","usePathInterpolation","useRawData","useData","useFont","Font","useTypeface","useImage","useSVG"],"sources":["index.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport { JsiSkApi } from \"../skia/web\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst Noop: () => any = () => undefined;\nconst NoopValue = () => ({ current: 0 });\nconst NoopSharedValue = () => ({ value: 0 });\n\nexport const Mock = (CanvasKit: CanvasKit) => {\n  global.SkiaApi = JsiSkApi(CanvasKit);\n  const Skia = global.SkiaApi;\n  return {\n    Skia,\n    ...require(\"../renderer/components\"),\n    ...require(\"../skia\"),\n    ...require(\"../animation\"),\n    ...require(\"../dom/types\"),\n    ...require(\"../dom/nodes\"),\n    // We could use the real Canvas if we mock the SkiaView component for node\n    Canvas: Noop,\n    // Skia Animations\n    useValue: NoopValue,\n    useComputedValue: NoopValue,\n    useTouchHandler: Noop,\n    useTiming: NoopValue,\n    useLoop: NoopValue,\n    useSpring: NoopValue,\n    useClockValue: NoopValue,\n    useValueEffect: Noop,\n    // Reanimated hooks\n    useClock: NoopSharedValue,\n    usePathInterpolation: NoopSharedValue,\n    useRawData: Noop,\n    useData: Noop,\n    useFont: () => Skia.Font(undefined, 0),\n    useTypeface: () => null,\n    useImage: () => null,\n    useSVG: () => null,\n  };\n};\n"],"mappings":";;;;;;;AAEA;;AAEA;AACA,MAAMA,IAAe,GAAG,MAAMC,SAA9B;;AACA,MAAMC,SAAS,GAAG,OAAO;EAAEC,OAAO,EAAE;AAAX,CAAP,CAAlB;;AACA,MAAMC,eAAe,GAAG,OAAO;EAAEC,KAAK,EAAE;AAAT,CAAP,CAAxB;;AAEO,MAAMC,IAAI,GAAIC,SAAD,IAA0B;EAC5CC,MAAM,CAACC,OAAP,GAAiB,IAAAC,aAAA,EAASH,SAAT,CAAjB;EACA,MAAMI,IAAI,GAAGH,MAAM,CAACC,OAApB;EACA,OAAO;IACLE,IADK;IAEL,GAAGC,OAAO,CAAC,wBAAD,CAFL;IAGL,GAAGA,OAAO,CAAC,SAAD,CAHL;IAIL,GAAGA,OAAO,CAAC,cAAD,CAJL;IAKL,GAAGA,OAAO,CAAC,cAAD,CALL;IAML,GAAGA,OAAO,CAAC,cAAD,CANL;IAOL;IACAC,MAAM,EAAEb,IARH;IASL;IACAc,QAAQ,EAAEZ,SAVL;IAWLa,gBAAgB,EAAEb,SAXb;IAYLc,eAAe,EAAEhB,IAZZ;IAaLiB,SAAS,EAAEf,SAbN;IAcLgB,OAAO,EAAEhB,SAdJ;IAeLiB,SAAS,EAAEjB,SAfN;IAgBLkB,aAAa,EAAElB,SAhBV;IAiBLmB,cAAc,EAAErB,IAjBX;IAkBL;IACAsB,QAAQ,EAAElB,eAnBL;IAoBLmB,oBAAoB,EAAEnB,eApBjB;IAqBLoB,UAAU,EAAExB,IArBP;IAsBLyB,OAAO,EAAEzB,IAtBJ;IAuBL0B,OAAO,EAAE,MAAMf,IAAI,CAACgB,IAAL,CAAU1B,SAAV,EAAqB,CAArB,CAvBV;IAwBL2B,WAAW,EAAE,MAAM,IAxBd;IAyBLC,QAAQ,EAAE,MAAM,IAzBX;IA0BLC,MAAM,EAAE,MAAM;EA1BT,CAAP;AA4BD,CA/BM"}
+{"version":3,"names":["Noop","undefined","NoopValue","current","NoopSharedValue","value","Mock","CanvasKit","global","SkiaApi","JsiSkApi","Skia","require","Canvas","useValue","useComputedValue","useTouchHandler","useTiming","useLoop","useSpring","useClockValue","useValueEffect","useClock","usePathInterpolation","useTextureValue","useTextureValueFromPicture","useRawData","useData","useFont","Font","useFonts","useTypeface","useImage","useSVG"],"sources":["index.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport { JsiSkApi } from \"../skia/web\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst Noop: () => any = () => undefined;\nconst NoopValue = () => ({ current: 0 });\nconst NoopSharedValue = () => ({ value: 0 });\n\nexport const Mock = (CanvasKit: CanvasKit) => {\n  global.SkiaApi = JsiSkApi(CanvasKit);\n  const Skia = global.SkiaApi;\n  return {\n    Skia,\n    ...require(\"../renderer/components\"),\n    ...require(\"../skia\"),\n    ...require(\"../animation\"),\n    ...require(\"../dom/types\"),\n    ...require(\"../dom/nodes\"),\n    // We could use the real Canvas if we mock the SkiaView component for node\n    Canvas: Noop,\n    // Skia Animations\n    useValue: NoopValue,\n    useComputedValue: NoopValue,\n    useTouchHandler: Noop,\n    useTiming: NoopValue,\n    useLoop: NoopValue,\n    useSpring: NoopValue,\n    useClockValue: NoopValue,\n    useValueEffect: Noop,\n    // Reanimated hooks\n    useClock: NoopSharedValue,\n    usePathInterpolation: NoopSharedValue,\n    useTextureValue: NoopSharedValue,\n    useTextureValueFromPicture: NoopSharedValue,\n    useRawData: Noop,\n    useData: Noop,\n    useFont: () => Skia.Font(undefined, 0),\n    useFonts: Noop,\n    useTypeface: () => null,\n    useImage: () => null,\n    useSVG: () => null,\n  };\n};\n"],"mappings":";;;;;;;AAEA;;AAEA;AACA,MAAMA,IAAe,GAAG,MAAMC,SAA9B;;AACA,MAAMC,SAAS,GAAG,OAAO;EAAEC,OAAO,EAAE;AAAX,CAAP,CAAlB;;AACA,MAAMC,eAAe,GAAG,OAAO;EAAEC,KAAK,EAAE;AAAT,CAAP,CAAxB;;AAEO,MAAMC,IAAI,GAAIC,SAAD,IAA0B;EAC5CC,MAAM,CAACC,OAAP,GAAiB,IAAAC,aAAA,EAASH,SAAT,CAAjB;EACA,MAAMI,IAAI,GAAGH,MAAM,CAACC,OAApB;EACA,OAAO;IACLE,IADK;IAEL,GAAGC,OAAO,CAAC,wBAAD,CAFL;IAGL,GAAGA,OAAO,CAAC,SAAD,CAHL;IAIL,GAAGA,OAAO,CAAC,cAAD,CAJL;IAKL,GAAGA,OAAO,CAAC,cAAD,CALL;IAML,GAAGA,OAAO,CAAC,cAAD,CANL;IAOL;IACAC,MAAM,EAAEb,IARH;IASL;IACAc,QAAQ,EAAEZ,SAVL;IAWLa,gBAAgB,EAAEb,SAXb;IAYLc,eAAe,EAAEhB,IAZZ;IAaLiB,SAAS,EAAEf,SAbN;IAcLgB,OAAO,EAAEhB,SAdJ;IAeLiB,SAAS,EAAEjB,SAfN;IAgBLkB,aAAa,EAAElB,SAhBV;IAiBLmB,cAAc,EAAErB,IAjBX;IAkBL;IACAsB,QAAQ,EAAElB,eAnBL;IAoBLmB,oBAAoB,EAAEnB,eApBjB;IAqBLoB,eAAe,EAAEpB,eArBZ;IAsBLqB,0BAA0B,EAAErB,eAtBvB;IAuBLsB,UAAU,EAAE1B,IAvBP;IAwBL2B,OAAO,EAAE3B,IAxBJ;IAyBL4B,OAAO,EAAE,MAAMjB,IAAI,CAACkB,IAAL,CAAU5B,SAAV,EAAqB,CAArB,CAzBV;IA0BL6B,QAAQ,EAAE9B,IA1BL;IA2BL+B,WAAW,EAAE,MAAM,IA3Bd;IA4BLC,QAAQ,EAAE,MAAM,IA5BX;IA6BLC,MAAM,EAAE,MAAM;EA7BT,CAAP;AA+BD,CAlCM"}

package/lib/commonjs/renderer/Canvas.js

@@ -72,7 +72,7 @@ const Canvas = /*#__PURE__*/(0, _react.forwardRef)((_ref, forwardedRef) => {
     const id = ((_innerRef$current2 = innerRef.current) === null || _innerRef$current2 === void 0 ? void 0 : _innerRef$current2.nativeId) ?? -1;
     return id;
   }, [innerRef]);
-  const root = (0, _react.useMemo)(() => new _Reconciler.SkiaRoot(_Skia.Skia, redraw, getNativeId), [redraw, getNativeId]); // Render effect
+  const root = (0, _react.useMemo)(() => new _Reconciler.SkiaRoot(_Skia.Skia, _HostComponents.NATIVE_DOM, redraw, getNativeId), [redraw, getNativeId]); // Render effect
 
   (0, _react.useEffect)(() => {
     root.render(children);

package/lib/commonjs/renderer/Canvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCanvasRef","useRef","useOnSizeEvent","resultValue","onLayout","useCallback","event","width","height","nativeEvent","layout","value","Canvas","forwardRef","forwardedRef","children","style","debug","mode","onTouch","onSize","_onSize","_onLayout","props","innerRef","ref","useCombinedRefs","redraw","current","getNativeId","id","nativeId","root","useMemo","SkiaRoot","Skia","useEffect","render","unmount","NATIVE_DOM","dom","refs","targetRef","React","forEach"],"sources":["Canvas.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useCallback,\n  useMemo,\n  forwardRef,\n  useRef,\n} from \"react\";\nimport type {\n  RefObject,\n  ReactNode,\n  MutableRefObject,\n  ForwardedRef,\n  FunctionComponent,\n} from \"react\";\nimport type { LayoutChangeEvent } from \"react-native\";\n\nimport { SkiaDomView } from \"../views\";\nimport { Skia } from \"../skia/Skia\";\nimport type { TouchHandler, SkiaBaseViewProps } from \"../views\";\nimport { SkiaJSDomView } from \"../views/SkiaJSDomView\";\n\nimport { SkiaRoot } from \"./Reconciler\";\nimport { NATIVE_DOM } from \"./HostComponents\";\n\nexport const useCanvasRef = () => useRef<SkiaDomView>(null);\n\nexport interface CanvasProps extends SkiaBaseViewProps {\n  ref?: RefObject<SkiaDomView>;\n  children: ReactNode;\n  onTouch?: TouchHandler;\n}\n\nconst useOnSizeEvent = (\n  resultValue: SkiaBaseViewProps[\"onSize\"],\n  onLayout?: (event: LayoutChangeEvent) => void\n) => {\n  return useCallback(\n    (event: LayoutChangeEvent) => {\n      if (onLayout) {\n        onLayout(event);\n      }\n      const { width, height } = event.nativeEvent.layout;\n\n      if (resultValue) {\n        resultValue.value = { width, height };\n      }\n    },\n    [onLayout, resultValue]\n  );\n};\n\nexport const Canvas = forwardRef<SkiaDomView, CanvasProps>(\n  (\n    {\n      children,\n      style,\n      debug,\n      mode,\n      onTouch,\n      onSize: _onSize,\n      onLayout: _onLayout,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const onLayout = useOnSizeEvent(_onSize, _onLayout);\n    const innerRef = useCanvasRef();\n    const ref = useCombinedRefs(forwardedRef, innerRef);\n    const redraw = useCallback(() => {\n      innerRef.current?.redraw();\n    }, [innerRef]);\n    const getNativeId = useCallback(() => {\n      const id = innerRef.current?.nativeId ?? -1;\n      return id;\n    }, [innerRef]);\n\n    const root = useMemo(\n      () => new SkiaRoot(Skia, redraw, getNativeId),\n      [redraw, getNativeId]\n    );\n\n    // Render effect\n    useEffect(() => {\n      root.render(children);\n    }, [children, root, redraw]);\n\n    useEffect(() => {\n      return () => {\n        root.unmount();\n      };\n    }, [root]);\n\n    if (NATIVE_DOM) {\n      return (\n        <SkiaDomView\n          ref={ref}\n          style={style}\n          root={root.dom}\n          onTouch={onTouch}\n          onLayout={onLayout}\n          mode={mode}\n          debug={debug}\n          {...props}\n        />\n      );\n    } else {\n      return (\n        <SkiaJSDomView\n          Skia={Skia}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={ref as any}\n          style={style}\n          root={root.dom}\n          onTouch={onTouch}\n          onLayout={onLayout}\n          mode={mode}\n          debug={debug}\n          {...props}\n        />\n      );\n    }\n  }\n) as FunctionComponent<CanvasProps & React.RefAttributes<SkiaDomView>>;\n\n/**\n * Combines a list of refs into a single ref. This can be used to provide\n * both a forwarded ref and an internal ref keeping the same functionality\n * on both of the refs.\n * @param refs Array of refs to combine\n * @returns A single ref that can be used in a ref prop.\n */\nconst useCombinedRefs = <T,>(\n  ...refs: Array<MutableRefObject<T> | ForwardedRef<T>>\n) => {\n  const targetRef = React.useRef<T>(null);\n  React.useEffect(() => {\n    refs.forEach((ref) => {\n      if (ref) {\n        if (typeof ref === \"function\") {\n          ref(targetRef.current);\n        } else {\n          ref.current = targetRef.current;\n        }\n      }\n    });\n  }, [refs]);\n  return targetRef;\n};\n"],"mappings":"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"}
+{"version":3,"names":["useCanvasRef","useRef","useOnSizeEvent","resultValue","onLayout","useCallback","event","width","height","nativeEvent","layout","value","Canvas","forwardRef","forwardedRef","children","style","debug","mode","onTouch","onSize","_onSize","_onLayout","props","innerRef","ref","useCombinedRefs","redraw","current","getNativeId","id","nativeId","root","useMemo","SkiaRoot","Skia","NATIVE_DOM","useEffect","render","unmount","dom","refs","targetRef","React","forEach"],"sources":["Canvas.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useCallback,\n  useMemo,\n  forwardRef,\n  useRef,\n} from \"react\";\nimport type {\n  RefObject,\n  ReactNode,\n  MutableRefObject,\n  ForwardedRef,\n  FunctionComponent,\n} from \"react\";\nimport type { LayoutChangeEvent } from \"react-native\";\n\nimport { SkiaDomView } from \"../views\";\nimport { Skia } from \"../skia/Skia\";\nimport type { TouchHandler, SkiaBaseViewProps } from \"../views\";\nimport { SkiaJSDomView } from \"../views/SkiaJSDomView\";\n\nimport { SkiaRoot } from \"./Reconciler\";\nimport { NATIVE_DOM } from \"./HostComponents\";\n\nexport const useCanvasRef = () => useRef<SkiaDomView>(null);\n\nexport interface CanvasProps extends SkiaBaseViewProps {\n  ref?: RefObject<SkiaDomView>;\n  children: ReactNode;\n  onTouch?: TouchHandler;\n}\n\nconst useOnSizeEvent = (\n  resultValue: SkiaBaseViewProps[\"onSize\"],\n  onLayout?: (event: LayoutChangeEvent) => void\n) => {\n  return useCallback(\n    (event: LayoutChangeEvent) => {\n      if (onLayout) {\n        onLayout(event);\n      }\n      const { width, height } = event.nativeEvent.layout;\n\n      if (resultValue) {\n        resultValue.value = { width, height };\n      }\n    },\n    [onLayout, resultValue]\n  );\n};\n\nexport const Canvas = forwardRef<SkiaDomView, CanvasProps>(\n  (\n    {\n      children,\n      style,\n      debug,\n      mode,\n      onTouch,\n      onSize: _onSize,\n      onLayout: _onLayout,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const onLayout = useOnSizeEvent(_onSize, _onLayout);\n    const innerRef = useCanvasRef();\n    const ref = useCombinedRefs(forwardedRef, innerRef);\n    const redraw = useCallback(() => {\n      innerRef.current?.redraw();\n    }, [innerRef]);\n    const getNativeId = useCallback(() => {\n      const id = innerRef.current?.nativeId ?? -1;\n      return id;\n    }, [innerRef]);\n\n    const root = useMemo(\n      () => new SkiaRoot(Skia, NATIVE_DOM, redraw, getNativeId),\n      [redraw, getNativeId]\n    );\n\n    // Render effect\n    useEffect(() => {\n      root.render(children);\n    }, [children, root, redraw]);\n\n    useEffect(() => {\n      return () => {\n        root.unmount();\n      };\n    }, [root]);\n\n    if (NATIVE_DOM) {\n      return (\n        <SkiaDomView\n          ref={ref}\n          style={style}\n          root={root.dom}\n          onTouch={onTouch}\n          onLayout={onLayout}\n          mode={mode}\n          debug={debug}\n          {...props}\n        />\n      );\n    } else {\n      return (\n        <SkiaJSDomView\n          Skia={Skia}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={ref as any}\n          style={style}\n          root={root.dom}\n          onTouch={onTouch}\n          onLayout={onLayout}\n          mode={mode}\n          debug={debug}\n          {...props}\n        />\n      );\n    }\n  }\n) as FunctionComponent<CanvasProps & React.RefAttributes<SkiaDomView>>;\n\n/**\n * Combines a list of refs into a single ref. This can be used to provide\n * both a forwarded ref and an internal ref keeping the same functionality\n * on both of the refs.\n * @param refs Array of refs to combine\n * @returns A single ref that can be used in a ref prop.\n */\nconst useCombinedRefs = <T,>(\n  ...refs: Array<MutableRefObject<T> | ForwardedRef<T>>\n) => {\n  const targetRef = React.useRef<T>(null);\n  React.useEffect(() => {\n    refs.forEach((ref) => {\n      if (ref) {\n        if (typeof ref === \"function\") {\n          ref(targetRef.current);\n        } else {\n          ref.current = targetRef.current;\n        }\n      }\n    });\n  }, [refs]);\n  return targetRef;\n};\n"],"mappings":"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"}

package/lib/commonjs/renderer/Container.d.ts

@@ -5,7 +5,7 @@ export declare class Container {
     getNativeId: () => number;
     private _root;
     Sk: SkDOM;
-    constructor(Skia: Skia, redraw?: () => void, getNativeId?: () => number);
+    constructor(Skia: Skia, redraw: () => void, getNativeId: () => number, native: boolean);
     draw(ctx: DrawingContext): void;
     get root(): RenderNode<GroupProps>;
 }

package/lib/commonjs/renderer/Container.js

@@ -13,6 +13,7 @@ class Container {
   constructor(Skia) {
     let redraw = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => {};
     let getNativeId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : () => 0;
+    let native = arguments.length > 3 ? arguments[3] : undefined;
     this.redraw = redraw;
     this.getNativeId = getNativeId;
 
@@ -22,7 +23,7 @@ class Container {
 
     this.Sk = new _nodes.JsiSkDOM({
       Skia
-    });
+    }, native);
     this._root = this.Sk.Group();
   }
 

package/lib/commonjs/renderer/Container.js.map

@@ -1 +1 @@
-{"version":3,"names":["Container","constructor","Skia","redraw","getNativeId","Sk","JsiSkDOM","_root","Group","draw","ctx","render","root"],"sources":["Container.tsx"],"sourcesContent":["import { JsiSkDOM } from \"../dom/nodes\";\nimport type {\n  GroupProps,\n  DrawingContext,\n  RenderNode,\n  SkDOM,\n} from \"../dom/types\";\nimport type { Skia } from \"../skia/types\";\n\nexport class Container {\n  private _root: RenderNode<GroupProps>;\n  public Sk: SkDOM;\n  constructor(\n    Skia: Skia,\n    public redraw: () => void = () => {},\n    public getNativeId: () => number = () => 0\n  ) {\n    this.Sk = new JsiSkDOM({ Skia });\n    this._root = this.Sk.Group();\n  }\n\n  draw(ctx: DrawingContext) {\n    this._root.render(ctx);\n  }\n\n  get root() {\n    return this._root;\n  }\n}\n"],"mappings":";;;;;;;AAAA;;;;AASO,MAAMA,SAAN,CAAgB;EAGrBC,WAAW,CACTC,IADS,EAIT;IAAA,IAFOC,MAEP,uEAF4B,MAAM,CAAE,CAEpC;IAAA,IADOC,WACP,uEADmC,MAAM,CACzC;IAAA,KAFOD,MAEP,GAFOA,MAEP;IAAA,KADOC,WACP,GADOA,WACP;;IAAA;;IAAA;;IACA,KAAKC,EAAL,GAAU,IAAIC,eAAJ,CAAa;MAAEJ;IAAF,CAAb,CAAV;IACA,KAAKK,KAAL,GAAa,KAAKF,EAAL,CAAQG,KAAR,EAAb;EACD;;EAEDC,IAAI,CAACC,GAAD,EAAsB;IACxB,KAAKH,KAAL,CAAWI,MAAX,CAAkBD,GAAlB;EACD;;EAEO,IAAJE,IAAI,GAAG;IACT,OAAO,KAAKL,KAAZ;EACD;;AAlBoB"}
+{"version":3,"names":["Container","constructor","Skia","redraw","getNativeId","native","Sk","JsiSkDOM","_root","Group","draw","ctx","render","root"],"sources":["Container.tsx"],"sourcesContent":["import { JsiSkDOM } from \"../dom/nodes\";\nimport type {\n  GroupProps,\n  DrawingContext,\n  RenderNode,\n  SkDOM,\n} from \"../dom/types\";\nimport type { Skia } from \"../skia/types\";\n\nexport class Container {\n  private _root: RenderNode<GroupProps>;\n  public Sk: SkDOM;\n  constructor(\n    Skia: Skia,\n    public redraw: () => void = () => {},\n    public getNativeId: () => number = () => 0,\n    native: boolean\n  ) {\n    this.Sk = new JsiSkDOM({ Skia }, native);\n    this._root = this.Sk.Group();\n  }\n\n  draw(ctx: DrawingContext) {\n    this._root.render(ctx);\n  }\n\n  get root() {\n    return this._root;\n  }\n}\n"],"mappings":";;;;;;;AAAA;;;;AASO,MAAMA,SAAN,CAAgB;EAGrBC,WAAW,CACTC,IADS,EAKT;IAAA,IAHOC,MAGP,uEAH4B,MAAM,CAAE,CAGpC;IAAA,IAFOC,WAEP,uEAFmC,MAAM,CAEzC;IAAA,IADAC,MACA;IAAA,KAHOF,MAGP,GAHOA,MAGP;IAAA,KAFOC,WAEP,GAFOA,WAEP;;IAAA;;IAAA;;IACA,KAAKE,EAAL,GAAU,IAAIC,eAAJ,CAAa;MAAEL;IAAF,CAAb,EAAuBG,MAAvB,CAAV;IACA,KAAKG,KAAL,GAAa,KAAKF,EAAL,CAAQG,KAAR,EAAb;EACD;;EAEDC,IAAI,CAACC,GAAD,EAAsB;IACxB,KAAKH,KAAL,CAAWI,MAAX,CAAkBD,GAAlB;EACD;;EAEO,IAAJE,IAAI,GAAG;IACT,OAAO,KAAKL,KAAZ;EACD;;AAnBoB"}

package/lib/commonjs/renderer/Offscreen.d.ts

@@ -1,2 +1,3 @@
 import type { ReactElement } from "react";
 export declare const drawAsImage: (element: ReactElement, width: number, height: number) => import("../skia").SkImage;
+export declare const drawAsPicture: (element: ReactElement) => import("../skia").SkPicture;

package/lib/commonjs/renderer/Offscreen.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.drawAsImage = void 0;
+exports.drawAsPicture = exports.drawAsImage = void 0;
 
 var _types = require("../dom/types");
 
@@ -12,6 +12,8 @@ var _skia = require("../skia");
 var _Reconciler = require("./Reconciler");
 
 const drawAsImage = (element, width, height) => {
+  const picture = drawAsPicture(element);
+
   const surface = _skia.Skia.Surface.MakeOffscreen(width, height);
 
   if (!surface) {
@@ -19,13 +21,24 @@ const drawAsImage = (element, width, height) => {
   }
 
   const canvas = surface.getCanvas();
-  const root = new _Reconciler.SkiaRoot(_skia.Skia);
-  root.render(element);
-  const ctx = new _types.JsiDrawingContext(_skia.Skia, canvas);
-  root.dom.render(ctx);
+  canvas.drawPicture(picture);
   surface.flush();
   return surface.makeImageSnapshot();
 };
 
 exports.drawAsImage = drawAsImage;
+
+const drawAsPicture = element => {
+  const recorder = _skia.Skia.PictureRecorder();
+
+  const canvas = recorder.beginRecording();
+  const root = new _Reconciler.SkiaRoot(_skia.Skia, false);
+  root.render(element);
+  const ctx = new _types.JsiDrawingContext(_skia.Skia, canvas);
+  root.dom.render(ctx);
+  const picture = recorder.finishRecordingAsPicture();
+  return picture;
+};
+
+exports.drawAsPicture = drawAsPicture;
 //# sourceMappingURL=Offscreen.js.map

package/lib/commonjs/renderer/Offscreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["drawAsImage","element","width","height","surface","Skia","Surface","MakeOffscreen","Error","canvas","getCanvas","root","SkiaRoot","render","ctx","JsiDrawingContext","dom","flush","makeImageSnapshot"],"sources":["Offscreen.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\n\nimport { JsiDrawingContext } from \"../dom/types\";\nimport { Skia } from \"../skia\";\n\nimport { SkiaRoot } from \"./Reconciler\";\n\nexport const drawAsImage = (\n  element: ReactElement,\n  width: number,\n  height: number\n) => {\n  const surface = Skia.Surface.MakeOffscreen(width, height);\n  if (!surface) {\n    throw new Error(\"Could not create offscreen surface\");\n  }\n  const canvas = surface.getCanvas();\n  const root = new SkiaRoot(Skia);\n  root.render(element);\n  const ctx = new JsiDrawingContext(Skia, canvas);\n  root.dom.render(ctx);\n  surface.flush();\n  return surface.makeImageSnapshot();\n};\n"],"mappings":";;;;;;;AAEA;;AACA;;AAEA;;AAEO,MAAMA,WAAW,GAAG,CACzBC,OADyB,EAEzBC,KAFyB,EAGzBC,MAHyB,KAItB;EACH,MAAMC,OAAO,GAAGC,UAAA,CAAKC,OAAL,CAAaC,aAAb,CAA2BL,KAA3B,EAAkCC,MAAlC,CAAhB;;EACA,IAAI,CAACC,OAAL,EAAc;IACZ,MAAM,IAAII,KAAJ,CAAU,oCAAV,CAAN;EACD;;EACD,MAAMC,MAAM,GAAGL,OAAO,CAACM,SAAR,EAAf;EACA,MAAMC,IAAI,GAAG,IAAIC,oBAAJ,CAAaP,UAAb,CAAb;EACAM,IAAI,CAACE,MAAL,CAAYZ,OAAZ;EACA,MAAMa,GAAG,GAAG,IAAIC,wBAAJ,CAAsBV,UAAtB,EAA4BI,MAA5B,CAAZ;EACAE,IAAI,CAACK,GAAL,CAASH,MAAT,CAAgBC,GAAhB;EACAV,OAAO,CAACa,KAAR;EACA,OAAOb,OAAO,CAACc,iBAAR,EAAP;AACD,CAhBM"}
+{"version":3,"names":["drawAsImage","element","width","height","picture","drawAsPicture","surface","Skia","Surface","MakeOffscreen","Error","canvas","getCanvas","drawPicture","flush","makeImageSnapshot","recorder","PictureRecorder","beginRecording","root","SkiaRoot","render","ctx","JsiDrawingContext","dom","finishRecordingAsPicture"],"sources":["Offscreen.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\n\nimport { JsiDrawingContext } from \"../dom/types\";\nimport { Skia } from \"../skia\";\n\nimport { SkiaRoot } from \"./Reconciler\";\n\nexport const drawAsImage = (\n  element: ReactElement,\n  width: number,\n  height: number\n) => {\n  const picture = drawAsPicture(element);\n  const surface = Skia.Surface.MakeOffscreen(width, height);\n  if (!surface) {\n    throw new Error(\"Could not create offscreen surface\");\n  }\n  const canvas = surface.getCanvas();\n  canvas.drawPicture(picture);\n  surface.flush();\n  return surface.makeImageSnapshot();\n};\n\nexport const drawAsPicture = (element: ReactElement) => {\n  const recorder = Skia.PictureRecorder();\n  const canvas = recorder.beginRecording();\n  const root = new SkiaRoot(Skia, false);\n  root.render(element);\n  const ctx = new JsiDrawingContext(Skia, canvas);\n  root.dom.render(ctx);\n  const picture = recorder.finishRecordingAsPicture();\n  return picture;\n};\n"],"mappings":";;;;;;;AAEA;;AACA;;AAEA;;AAEO,MAAMA,WAAW,GAAG,CACzBC,OADyB,EAEzBC,KAFyB,EAGzBC,MAHyB,KAItB;EACH,MAAMC,OAAO,GAAGC,aAAa,CAACJ,OAAD,CAA7B;;EACA,MAAMK,OAAO,GAAGC,UAAA,CAAKC,OAAL,CAAaC,aAAb,CAA2BP,KAA3B,EAAkCC,MAAlC,CAAhB;;EACA,IAAI,CAACG,OAAL,EAAc;IACZ,MAAM,IAAII,KAAJ,CAAU,oCAAV,CAAN;EACD;;EACD,MAAMC,MAAM,GAAGL,OAAO,CAACM,SAAR,EAAf;EACAD,MAAM,CAACE,WAAP,CAAmBT,OAAnB;EACAE,OAAO,CAACQ,KAAR;EACA,OAAOR,OAAO,CAACS,iBAAR,EAAP;AACD,CAdM;;;;AAgBA,MAAMV,aAAa,GAAIJ,OAAD,IAA2B;EACtD,MAAMe,QAAQ,GAAGT,UAAA,CAAKU,eAAL,EAAjB;;EACA,MAAMN,MAAM,GAAGK,QAAQ,CAACE,cAAT,EAAf;EACA,MAAMC,IAAI,GAAG,IAAIC,oBAAJ,CAAab,UAAb,EAAmB,KAAnB,CAAb;EACAY,IAAI,CAACE,MAAL,CAAYpB,OAAZ;EACA,MAAMqB,GAAG,GAAG,IAAIC,wBAAJ,CAAsBhB,UAAtB,EAA4BI,MAA5B,CAAZ;EACAQ,IAAI,CAACK,GAAL,CAASH,MAAT,CAAgBC,GAAhB;EACA,MAAMlB,OAAO,GAAGY,QAAQ,CAACS,wBAAT,EAAhB;EACA,OAAOrB,OAAP;AACD,CATM"}

package/lib/commonjs/renderer/Reconciler.d.ts

@@ -3,7 +3,7 @@ import type { Skia } from "../skia/types";
 export declare class SkiaRoot {
     private root;
     private container;
-    constructor(Skia: Skia, redraw?: () => void, getNativeId?: () => number);
+    constructor(Skia: Skia, native?: boolean, redraw?: () => void, getNativeId?: () => number);
     render(element: ReactNode): void;
     unmount(): void;
     get dom(): import("..").RenderNode<import("..").GroupProps>;

package/lib/commonjs/renderer/Reconciler.js

@@ -24,14 +24,15 @@ skiaReconciler.injectIntoDevTools({
 
 class SkiaRoot {
   constructor(Skia) {
-    let redraw = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => {};
-    let getNativeId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : () => 0;
+    let native = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    let redraw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : () => {};
+    let getNativeId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : () => 0;
 
     _defineProperty(this, "root", void 0);
 
     _defineProperty(this, "container", void 0);
 
-    this.container = new _Container.Container(Skia, redraw, getNativeId);
+    this.container = new _Container.Container(Skia, redraw, getNativeId, native);
     this.root = skiaReconciler.createContainer(this.container, 0, null, true, null, "", console.error, null);
   }
 
@@ -43,7 +44,9 @@ class SkiaRoot {
   }
 
   unmount() {
-    skiaReconciler.updateContainer(null, this.root, null, () => {});
+    skiaReconciler.updateContainer(null, this.root, null, () => {
+      (0, _HostConfig.debug)("unmountContainer");
+    });
   }
 
   get dom() {

package/lib/commonjs/renderer/Reconciler.js.map

@@ -1 +1 @@
-{"version":3,"names":["skiaReconciler","ReactReconciler","skHostConfig","injectIntoDevTools","bundleType","version","rendererPackageName","SkiaRoot","constructor","Skia","redraw","getNativeId","container","Container","root","createContainer","console","error","render","element","updateContainer","hostDebug","unmount","dom"],"sources":["Reconciler.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { OpaqueRoot } from \"react-reconciler\";\nimport ReactReconciler from \"react-reconciler\";\n\nimport type { Skia } from \"../skia/types\";\n\nimport { skHostConfig, debug as hostDebug } from \"./HostConfig\";\nimport { Container } from \"./Container\";\n\nconst skiaReconciler = ReactReconciler(skHostConfig);\n\nskiaReconciler.injectIntoDevTools({\n  bundleType: 1,\n  version: \"0.0.1\",\n  rendererPackageName: \"react-native-skia\",\n});\n\nexport class SkiaRoot {\n  private root: OpaqueRoot;\n  private container: Container;\n\n  constructor(\n    Skia: Skia,\n    redraw: () => void = () => {},\n    getNativeId: () => number = () => 0\n  ) {\n    this.container = new Container(Skia, redraw, getNativeId);\n    this.root = skiaReconciler.createContainer(\n      this.container,\n      0,\n      null,\n      true,\n      null,\n      \"\",\n      console.error,\n      null\n    );\n  }\n\n  render(element: ReactNode) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    skiaReconciler.updateContainer(element as any, this.root, null, () => {\n      hostDebug(\"updateContainer\");\n    });\n  }\n\n  unmount() {\n    skiaReconciler.updateContainer(null, this.root, null, () => {});\n  }\n\n  get dom() {\n    return this.container.root;\n  }\n}\n"],"mappings":";;;;;;;AAEA;;AAIA;;AACA;;;;;;AAEA,MAAMA,cAAc,GAAG,IAAAC,wBAAA,EAAgBC,wBAAhB,CAAvB;AAEAF,cAAc,CAACG,kBAAf,CAAkC;EAChCC,UAAU,EAAE,CADoB;EAEhCC,OAAO,EAAE,OAFuB;EAGhCC,mBAAmB,EAAE;AAHW,CAAlC;;AAMO,MAAMC,QAAN,CAAe;EAIpBC,WAAW,CACTC,IADS,EAIT;IAAA,IAFAC,MAEA,uEAFqB,MAAM,CAAE,CAE7B;IAAA,IADAC,WACA,uEAD4B,MAAM,CAClC;;IAAA;;IAAA;;IACA,KAAKC,SAAL,GAAiB,IAAIC,oBAAJ,CAAcJ,IAAd,EAAoBC,MAApB,EAA4BC,WAA5B,CAAjB;IACA,KAAKG,IAAL,GAAYd,cAAc,CAACe,eAAf,CACV,KAAKH,SADK,EAEV,CAFU,EAGV,IAHU,EAIV,IAJU,EAKV,IALU,EAMV,EANU,EAOVI,OAAO,CAACC,KAPE,EAQV,IARU,CAAZ;EAUD;;EAEDC,MAAM,CAACC,OAAD,EAAqB;IACzB;IACAnB,cAAc,CAACoB,eAAf,CAA+BD,OAA/B,EAA+C,KAAKL,IAApD,EAA0D,IAA1D,EAAgE,MAAM;MACpE,IAAAO,iBAAA,EAAU,iBAAV;IACD,CAFD;EAGD;;EAEDC,OAAO,GAAG;IACRtB,cAAc,CAACoB,eAAf,CAA+B,IAA/B,EAAqC,KAAKN,IAA1C,EAAgD,IAAhD,EAAsD,MAAM,CAAE,CAA9D;EACD;;EAEM,IAAHS,GAAG,GAAG;IACR,OAAO,KAAKX,SAAL,CAAeE,IAAtB;EACD;;AAnCmB"}
+{"version":3,"names":["skiaReconciler","ReactReconciler","skHostConfig","injectIntoDevTools","bundleType","version","rendererPackageName","SkiaRoot","constructor","Skia","native","redraw","getNativeId","container","Container","root","createContainer","console","error","render","element","updateContainer","hostDebug","unmount","dom"],"sources":["Reconciler.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { OpaqueRoot } from \"react-reconciler\";\nimport ReactReconciler from \"react-reconciler\";\n\nimport type { Skia } from \"../skia/types\";\n\nimport { skHostConfig, debug as hostDebug } from \"./HostConfig\";\nimport { Container } from \"./Container\";\n\nconst skiaReconciler = ReactReconciler(skHostConfig);\n\nskiaReconciler.injectIntoDevTools({\n  bundleType: 1,\n  version: \"0.0.1\",\n  rendererPackageName: \"react-native-skia\",\n});\n\nexport class SkiaRoot {\n  private root: OpaqueRoot;\n  private container: Container;\n\n  constructor(\n    Skia: Skia,\n    native = false,\n    redraw: () => void = () => {},\n    getNativeId: () => number = () => 0\n  ) {\n    this.container = new Container(Skia, redraw, getNativeId, native);\n    this.root = skiaReconciler.createContainer(\n      this.container,\n      0,\n      null,\n      true,\n      null,\n      \"\",\n      console.error,\n      null\n    );\n  }\n\n  render(element: ReactNode) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    skiaReconciler.updateContainer(element as any, this.root, null, () => {\n      hostDebug(\"updateContainer\");\n    });\n  }\n\n  unmount() {\n    skiaReconciler.updateContainer(null, this.root, null, () => {\n      hostDebug(\"unmountContainer\");\n    });\n  }\n\n  get dom() {\n    return this.container.root;\n  }\n}\n"],"mappings":";;;;;;;AAEA;;AAIA;;AACA;;;;;;AAEA,MAAMA,cAAc,GAAG,IAAAC,wBAAA,EAAgBC,wBAAhB,CAAvB;AAEAF,cAAc,CAACG,kBAAf,CAAkC;EAChCC,UAAU,EAAE,CADoB;EAEhCC,OAAO,EAAE,OAFuB;EAGhCC,mBAAmB,EAAE;AAHW,CAAlC;;AAMO,MAAMC,QAAN,CAAe;EAIpBC,WAAW,CACTC,IADS,EAKT;IAAA,IAHAC,MAGA,uEAHS,KAGT;IAAA,IAFAC,MAEA,uEAFqB,MAAM,CAAE,CAE7B;IAAA,IADAC,WACA,uEAD4B,MAAM,CAClC;;IAAA;;IAAA;;IACA,KAAKC,SAAL,GAAiB,IAAIC,oBAAJ,CAAcL,IAAd,EAAoBE,MAApB,EAA4BC,WAA5B,EAAyCF,MAAzC,CAAjB;IACA,KAAKK,IAAL,GAAYf,cAAc,CAACgB,eAAf,CACV,KAAKH,SADK,EAEV,CAFU,EAGV,IAHU,EAIV,IAJU,EAKV,IALU,EAMV,EANU,EAOVI,OAAO,CAACC,KAPE,EAQV,IARU,CAAZ;EAUD;;EAEDC,MAAM,CAACC,OAAD,EAAqB;IACzB;IACApB,cAAc,CAACqB,eAAf,CAA+BD,OAA/B,EAA+C,KAAKL,IAApD,EAA0D,IAA1D,EAAgE,MAAM;MACpE,IAAAO,iBAAA,EAAU,iBAAV;IACD,CAFD;EAGD;;EAEDC,OAAO,GAAG;IACRvB,cAAc,CAACqB,eAAf,CAA+B,IAA/B,EAAqC,KAAKN,IAA1C,EAAgD,IAAhD,EAAsD,MAAM;MAC1D,IAAAO,iBAAA,EAAU,kBAAV;IACD,CAFD;EAGD;;EAEM,IAAHE,GAAG,GAAG;IACR,OAAO,KAAKX,SAAL,CAAeE,IAAtB;EACD;;AAtCmB"}