@shopify/react-native-skia 2.3.14 → 2.4.1

package/lib/commonjs/sksg/Recorder/Recorder.js.map

@@ -1 +1 @@
-{"version":3,"names":["_types","require","_utils","_Node","_Core","_defineProperty","e","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","Recorder","constructor","Set","cursors","push","commands","getRecording","paintPool","animationValues","processProps","props","animatedProps","hasAnimatedProps","key","prop","isSharedValue","add","undefined","command","length","saveGroup","children","type","CommandType","Group","restoreGroup","pop","savePaint","standalone","SavePaint","restorePaint","RestorePaint","restorePaintDeclaration","RestorePaintDeclaration","materializePaint","MaterializePaint","pushPathEffect","pathEffectType","isPathEffect","Error","PushPathEffect","pushImageFilter","imageFilterType","isImageFilter","PushImageFilter","pushColorFilter","colorFilterType","isColorFilter","PushColorFilter","pushShader","shaderType","isShader","NodeType","Blend","PushShader","pushBlurMaskFilter","PushBlurMaskFilter","composePathEffect","ComposePathEffect","composeColorFilter","ComposeColorFilter","composeImageFilter","ComposeImageFilter","saveCTM","SaveCTM","restoreCTM","RestoreCTM","drawPaint","DrawPaint","saveLayer","SaveLayer","saveBackdropFilter","SaveBackdropFilter","drawBox","boxProps","shadows","forEach","shadow","DrawBox","drawImage","DrawImage","drawCircle","DrawCircle","drawPoints","DrawPoints","drawPath","DrawPath","drawRect","DrawRect","drawRRect","DrawRRect","drawOval","DrawOval","drawLine","DrawLine","drawPatch","DrawPatch","drawVertices","DrawVertices","drawDiffRect","DrawDiffRect","drawText","DrawText","drawTextPath","DrawTextPath","drawTextBlob","DrawTextBlob","drawGlyphs","DrawGlyphs","drawPicture","DrawPicture","drawImageSVG","DrawImageSVG","drawParagraph","DrawParagraph","drawAtlas","DrawAtlas","drawSkottie","DrawSkottie","exports"],"sources":["Recorder.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport { NodeType } from \"../../dom/types\";\nimport type {\n  BlurMaskFilterProps,\n  CircleProps,\n  CTMProps,\n  ImageProps,\n  PaintProps,\n  PointsProps,\n  PathProps,\n  RectProps,\n  RoundedRectProps,\n  OvalProps,\n  LineProps,\n  PatchProps,\n  VerticesProps,\n  DiffRectProps,\n  TextProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  PictureProps,\n  ImageSVGProps,\n  ParagraphProps,\n  AtlasProps,\n  BoxProps,\n  BoxShadowProps,\n  SkottieProps,\n} from \"../../dom/types\";\nimport type { AnimatedProps } from \"../../renderer\";\nimport { isSharedValue } from \"../utils\";\nimport { isColorFilter, isImageFilter, isPathEffect, isShader } from \"../Node\";\nimport type { SkPaint, BaseRecorder } from \"../../skia/types\";\n\nimport { CommandType } from \"./Core\";\nimport type { Command } from \"./Core\";\n\nexport interface Recording {\n  commands: Command[];\n  paintPool: SkPaint[];\n}\n\ninterface AnimationValues {\n  animationValues: Set<SharedValue<unknown>>;\n}\n\nexport class Recorder implements BaseRecorder {\n  commands: Command[] = [];\n  cursors: Command[][] = [];\n  animationValues: Set<SharedValue<unknown>> = new Set();\n\n  constructor() {\n    this.cursors.push(this.commands);\n  }\n\n  getRecording(): Recording & AnimationValues {\n    return {\n      commands: this.commands,\n      paintPool: [],\n      animationValues: this.animationValues,\n    };\n  }\n\n  private processProps(props: Record<string, unknown>) {\n    const animatedProps: Record<string, SharedValue<unknown>> = {};\n    let hasAnimatedProps = false;\n\n    for (const key in props) {\n      const prop = props[key];\n      if (isSharedValue(prop)) {\n        this.animationValues.add(prop);\n        animatedProps[key] = prop;\n        hasAnimatedProps = true;\n      }\n    }\n\n    return {\n      props,\n      animatedProps: hasAnimatedProps ? animatedProps : undefined,\n    };\n  }\n\n  private add(command: Command) {\n    if (command.props) {\n      const { animatedProps } = this.processProps(\n        command.props as Record<string, unknown>\n      );\n      if (animatedProps) {\n        command.animatedProps = animatedProps;\n      }\n    }\n    this.cursors[this.cursors.length - 1].push(command);\n  }\n\n  saveGroup() {\n    const children: Command[] = [];\n    this.add({ type: CommandType.Group, children });\n    this.cursors.push(children);\n  }\n\n  restoreGroup() {\n    this.cursors.pop();\n  }\n\n  savePaint(props: AnimatedProps<PaintProps>, standalone: boolean) {\n    this.add({ type: CommandType.SavePaint, props, standalone });\n  }\n\n  restorePaint() {\n    this.add({ type: CommandType.RestorePaint });\n  }\n\n  restorePaintDeclaration() {\n    this.add({ type: CommandType.RestorePaintDeclaration });\n  }\n\n  materializePaint() {\n    this.add({ type: CommandType.MaterializePaint });\n  }\n\n  pushPathEffect(pathEffectType: NodeType, props: AnimatedProps<unknown>) {\n    if (!isPathEffect(pathEffectType)) {\n      throw new Error(\"Invalid color filter type: \" + pathEffectType);\n    }\n    this.add({\n      type: CommandType.PushPathEffect,\n      pathEffectType,\n      props,\n    });\n  }\n\n  pushImageFilter(imageFilterType: NodeType, props: AnimatedProps<unknown>) {\n    if (!isImageFilter(imageFilterType)) {\n      throw new Error(\"Invalid color filter type: \" + imageFilterType);\n    }\n    this.add({\n      type: CommandType.PushImageFilter,\n      imageFilterType,\n      props,\n    });\n  }\n\n  pushColorFilter(colorFilterType: NodeType, props: AnimatedProps<unknown>) {\n    if (!isColorFilter(colorFilterType)) {\n      throw new Error(\"Invalid color filter type: \" + colorFilterType);\n    }\n    this.add({\n      type: CommandType.PushColorFilter,\n      colorFilterType,\n      props,\n    });\n  }\n\n  pushShader(\n    shaderType: NodeType,\n    props: AnimatedProps<unknown>,\n    children: number\n  ) {\n    if (!isShader(shaderType) && !(shaderType === NodeType.Blend)) {\n      throw new Error(\"Invalid color filter type: \" + shaderType);\n    }\n    this.add({ type: CommandType.PushShader, shaderType, props, children });\n  }\n\n  pushBlurMaskFilter(props: AnimatedProps<BlurMaskFilterProps>) {\n    this.add({ type: CommandType.PushBlurMaskFilter, props });\n  }\n\n  composePathEffect() {\n    this.add({ type: CommandType.ComposePathEffect });\n  }\n\n  composeColorFilter() {\n    this.add({ type: CommandType.ComposeColorFilter });\n  }\n\n  composeImageFilter() {\n    this.add({ type: CommandType.ComposeImageFilter });\n  }\n\n  saveCTM(props: AnimatedProps<CTMProps>) {\n    this.add({ type: CommandType.SaveCTM, props });\n  }\n\n  restoreCTM() {\n    this.add({ type: CommandType.RestoreCTM });\n  }\n\n  drawPaint() {\n    this.add({ type: CommandType.DrawPaint });\n  }\n\n  saveLayer() {\n    this.add({ type: CommandType.SaveLayer });\n  }\n\n  saveBackdropFilter() {\n    this.add({ type: CommandType.SaveBackdropFilter });\n  }\n\n  drawBox(\n    boxProps: AnimatedProps<BoxProps>,\n    shadows: {\n      props: BoxShadowProps;\n      animatedProps?: Record<string, SharedValue<unknown>>;\n    }[]\n  ) {\n    shadows.forEach((shadow) => {\n      if (shadow.props) {\n        if (shadow.props) {\n          const { animatedProps } = this.processProps(\n            shadow.props as unknown as Record<string, unknown>\n          );\n          if (animatedProps) {\n            shadow.animatedProps = animatedProps;\n          }\n        }\n      }\n    });\n    this.add({ type: CommandType.DrawBox, props: boxProps, shadows });\n  }\n\n  drawImage(props: AnimatedProps<ImageProps>) {\n    this.add({ type: CommandType.DrawImage, props });\n  }\n\n  drawCircle(props: AnimatedProps<CircleProps>) {\n    this.add({ type: CommandType.DrawCircle, props });\n  }\n  drawPoints(props: AnimatedProps<PointsProps>) {\n    this.add({ type: CommandType.DrawPoints, props });\n  }\n\n  drawPath(props: AnimatedProps<PathProps>) {\n    this.add({ type: CommandType.DrawPath, props });\n  }\n\n  drawRect(props: AnimatedProps<RectProps>) {\n    this.add({ type: CommandType.DrawRect, props });\n  }\n\n  drawRRect(props: AnimatedProps<RoundedRectProps>) {\n    this.add({ type: CommandType.DrawRRect, props });\n  }\n\n  drawOval(props: AnimatedProps<OvalProps>) {\n    this.add({ type: CommandType.DrawOval, props });\n  }\n\n  drawLine(props: AnimatedProps<LineProps>) {\n    this.add({ type: CommandType.DrawLine, props });\n  }\n\n  drawPatch(props: AnimatedProps<PatchProps>) {\n    this.add({ type: CommandType.DrawPatch, props });\n  }\n\n  drawVertices(props: AnimatedProps<VerticesProps>) {\n    this.add({ type: CommandType.DrawVertices, props });\n  }\n\n  drawDiffRect(props: AnimatedProps<DiffRectProps>) {\n    this.add({ type: CommandType.DrawDiffRect, props });\n  }\n\n  drawText(props: AnimatedProps<TextProps>) {\n    this.add({ type: CommandType.DrawText, props });\n  }\n\n  drawTextPath(props: AnimatedProps<TextPathProps>) {\n    this.add({ type: CommandType.DrawTextPath, props });\n  }\n\n  drawTextBlob(props: AnimatedProps<TextBlobProps>) {\n    this.add({ type: CommandType.DrawTextBlob, props });\n  }\n\n  drawGlyphs(props: AnimatedProps<GlyphsProps>) {\n    this.add({ type: CommandType.DrawGlyphs, props });\n  }\n\n  drawPicture(props: AnimatedProps<PictureProps>) {\n    this.add({ type: CommandType.DrawPicture, props });\n  }\n\n  drawImageSVG(props: AnimatedProps<ImageSVGProps>) {\n    this.add({ type: CommandType.DrawImageSVG, props });\n  }\n\n  drawParagraph(props: AnimatedProps<ParagraphProps>) {\n    this.add({ type: CommandType.DrawParagraph, props });\n  }\n\n  drawAtlas(props: AnimatedProps<AtlasProps>) {\n    this.add({ type: CommandType.DrawAtlas, props });\n  }\n\n  drawSkottie(props: AnimatedProps<SkottieProps>) {\n    this.add({ type: CommandType.DrawSkottie, props });\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_types","require","_utils","_Node","_Core","_defineProperty","e","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","Recorder","constructor","Set","cursors","push","commands","getRecording","paintPool","animationValues","processProps","props","animatedProps","hasAnimatedProps","key","prop","isSharedValue","add","undefined","command","length","saveGroup","children","group","type","CommandType","Group","restoreGroup","pop","savePaint","standalone","SavePaint","restorePaint","RestorePaint","restorePaintDeclaration","RestorePaintDeclaration","materializePaint","MaterializePaint","pushPathEffect","pathEffectType","isPathEffect","Error","PushPathEffect","pushImageFilter","imageFilterType","isImageFilter","PushImageFilter","pushColorFilter","colorFilterType","isColorFilter","PushColorFilter","pushShader","shaderType","isShader","NodeType","Blend","PushShader","pushBlurMaskFilter","PushBlurMaskFilter","composePathEffect","ComposePathEffect","composeColorFilter","ComposeColorFilter","composeImageFilter","ComposeImageFilter","saveCTM","SaveCTM","restoreCTM","RestoreCTM","drawPaint","DrawPaint","saveLayer","SaveLayer","saveBackdropFilter","SaveBackdropFilter","drawBox","boxProps","shadows","forEach","shadow","DrawBox","drawImage","DrawImage","drawCircle","DrawCircle","drawPoints","DrawPoints","drawPath","DrawPath","drawRect","DrawRect","drawRRect","DrawRRect","drawOval","DrawOval","drawLine","DrawLine","drawPatch","DrawPatch","drawVertices","DrawVertices","drawDiffRect","DrawDiffRect","drawText","DrawText","drawTextPath","DrawTextPath","drawTextBlob","DrawTextBlob","drawGlyphs","DrawGlyphs","drawPicture","DrawPicture","drawImageSVG","DrawImageSVG","drawParagraph","DrawParagraph","drawAtlas","DrawAtlas","drawSkottie","DrawSkottie","exports"],"sources":["Recorder.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport { NodeType } from \"../../dom/types\";\nimport type {\n  BlurMaskFilterProps,\n  CircleProps,\n  CTMProps,\n  ImageProps,\n  PaintProps,\n  PointsProps,\n  PathProps,\n  RectProps,\n  RoundedRectProps,\n  OvalProps,\n  LineProps,\n  PatchProps,\n  VerticesProps,\n  DiffRectProps,\n  TextProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  PictureProps,\n  ImageSVGProps,\n  ParagraphProps,\n  AtlasProps,\n  BoxProps,\n  BoxShadowProps,\n  SkottieProps,\n  DrawingNodeProps,\n} from \"../../dom/types\";\nimport type { AnimatedProps } from \"../../renderer\";\nimport { isSharedValue } from \"../utils\";\nimport { isColorFilter, isImageFilter, isPathEffect, isShader } from \"../Node\";\nimport type { SkPaint, BaseRecorder } from \"../../skia/types\";\n\nimport { CommandType } from \"./Core\";\nimport type { Command } from \"./Core\";\n\nexport interface Recording {\n  commands: Command[];\n  paintPool: SkPaint[];\n}\n\ninterface AnimationValues {\n  animationValues: Set<SharedValue<unknown>>;\n}\n\nexport class Recorder implements BaseRecorder {\n  commands: Command[] = [];\n  cursors: Command[][] = [];\n  animationValues: Set<SharedValue<unknown>> = new Set();\n\n  constructor() {\n    this.cursors.push(this.commands);\n  }\n\n  getRecording(): Recording & AnimationValues {\n    return {\n      commands: this.commands,\n      paintPool: [],\n      animationValues: this.animationValues,\n    };\n  }\n\n  private processProps(props: Record<string, unknown>) {\n    const animatedProps: Record<string, SharedValue<unknown>> = {};\n    let hasAnimatedProps = false;\n\n    for (const key in props) {\n      const prop = props[key];\n      if (isSharedValue(prop)) {\n        this.animationValues.add(prop);\n        animatedProps[key] = prop;\n        hasAnimatedProps = true;\n      }\n    }\n\n    return {\n      props,\n      animatedProps: hasAnimatedProps ? animatedProps : undefined,\n    };\n  }\n\n  private add(command: Command) {\n    if (command.props) {\n      const { animatedProps } = this.processProps(\n        command.props as Record<string, unknown>\n      );\n      if (animatedProps) {\n        command.animatedProps = animatedProps;\n      }\n    }\n    this.cursors[this.cursors.length - 1].push(command);\n  }\n\n  saveGroup(props?: AnimatedProps<Pick<DrawingNodeProps, \"zIndex\">>) {\n    const children: Command[] = [];\n    const group: Command = { type: CommandType.Group, children };\n    if (props) {\n      group.props = props;\n    }\n    this.add(group);\n    this.cursors.push(children);\n  }\n\n  restoreGroup() {\n    this.cursors.pop();\n  }\n\n  savePaint(props: AnimatedProps<PaintProps>, standalone: boolean) {\n    this.add({ type: CommandType.SavePaint, props, standalone });\n  }\n\n  restorePaint() {\n    this.add({ type: CommandType.RestorePaint });\n  }\n\n  restorePaintDeclaration() {\n    this.add({ type: CommandType.RestorePaintDeclaration });\n  }\n\n  materializePaint() {\n    this.add({ type: CommandType.MaterializePaint });\n  }\n\n  pushPathEffect(pathEffectType: NodeType, props: AnimatedProps<unknown>) {\n    if (!isPathEffect(pathEffectType)) {\n      throw new Error(\"Invalid color filter type: \" + pathEffectType);\n    }\n    this.add({\n      type: CommandType.PushPathEffect,\n      pathEffectType,\n      props,\n    });\n  }\n\n  pushImageFilter(imageFilterType: NodeType, props: AnimatedProps<unknown>) {\n    if (!isImageFilter(imageFilterType)) {\n      throw new Error(\"Invalid color filter type: \" + imageFilterType);\n    }\n    this.add({\n      type: CommandType.PushImageFilter,\n      imageFilterType,\n      props,\n    });\n  }\n\n  pushColorFilter(colorFilterType: NodeType, props: AnimatedProps<unknown>) {\n    if (!isColorFilter(colorFilterType)) {\n      throw new Error(\"Invalid color filter type: \" + colorFilterType);\n    }\n    this.add({\n      type: CommandType.PushColorFilter,\n      colorFilterType,\n      props,\n    });\n  }\n\n  pushShader(\n    shaderType: NodeType,\n    props: AnimatedProps<unknown>,\n    children: number\n  ) {\n    if (!isShader(shaderType) && !(shaderType === NodeType.Blend)) {\n      throw new Error(\"Invalid color filter type: \" + shaderType);\n    }\n    this.add({ type: CommandType.PushShader, shaderType, props, children });\n  }\n\n  pushBlurMaskFilter(props: AnimatedProps<BlurMaskFilterProps>) {\n    this.add({ type: CommandType.PushBlurMaskFilter, props });\n  }\n\n  composePathEffect() {\n    this.add({ type: CommandType.ComposePathEffect });\n  }\n\n  composeColorFilter() {\n    this.add({ type: CommandType.ComposeColorFilter });\n  }\n\n  composeImageFilter() {\n    this.add({ type: CommandType.ComposeImageFilter });\n  }\n\n  saveCTM(props: AnimatedProps<CTMProps>) {\n    this.add({ type: CommandType.SaveCTM, props });\n  }\n\n  restoreCTM() {\n    this.add({ type: CommandType.RestoreCTM });\n  }\n\n  drawPaint() {\n    this.add({ type: CommandType.DrawPaint });\n  }\n\n  saveLayer() {\n    this.add({ type: CommandType.SaveLayer });\n  }\n\n  saveBackdropFilter() {\n    this.add({ type: CommandType.SaveBackdropFilter });\n  }\n\n  drawBox(\n    boxProps: AnimatedProps<BoxProps>,\n    shadows: {\n      props: BoxShadowProps;\n      animatedProps?: Record<string, SharedValue<unknown>>;\n    }[]\n  ) {\n    shadows.forEach((shadow) => {\n      if (shadow.props) {\n        if (shadow.props) {\n          const { animatedProps } = this.processProps(\n            shadow.props as unknown as Record<string, unknown>\n          );\n          if (animatedProps) {\n            shadow.animatedProps = animatedProps;\n          }\n        }\n      }\n    });\n    this.add({ type: CommandType.DrawBox, props: boxProps, shadows });\n  }\n\n  drawImage(props: AnimatedProps<ImageProps>) {\n    this.add({ type: CommandType.DrawImage, props });\n  }\n\n  drawCircle(props: AnimatedProps<CircleProps>) {\n    this.add({ type: CommandType.DrawCircle, props });\n  }\n  drawPoints(props: AnimatedProps<PointsProps>) {\n    this.add({ type: CommandType.DrawPoints, props });\n  }\n\n  drawPath(props: AnimatedProps<PathProps>) {\n    this.add({ type: CommandType.DrawPath, props });\n  }\n\n  drawRect(props: AnimatedProps<RectProps>) {\n    this.add({ type: CommandType.DrawRect, props });\n  }\n\n  drawRRect(props: AnimatedProps<RoundedRectProps>) {\n    this.add({ type: CommandType.DrawRRect, props });\n  }\n\n  drawOval(props: AnimatedProps<OvalProps>) {\n    this.add({ type: CommandType.DrawOval, props });\n  }\n\n  drawLine(props: AnimatedProps<LineProps>) {\n    this.add({ type: CommandType.DrawLine, props });\n  }\n\n  drawPatch(props: AnimatedProps<PatchProps>) {\n    this.add({ type: CommandType.DrawPatch, props });\n  }\n\n  drawVertices(props: AnimatedProps<VerticesProps>) {\n    this.add({ type: CommandType.DrawVertices, props });\n  }\n\n  drawDiffRect(props: AnimatedProps<DiffRectProps>) {\n    this.add({ type: CommandType.DrawDiffRect, props });\n  }\n\n  drawText(props: AnimatedProps<TextProps>) {\n    this.add({ type: CommandType.DrawText, props });\n  }\n\n  drawTextPath(props: AnimatedProps<TextPathProps>) {\n    this.add({ type: CommandType.DrawTextPath, props });\n  }\n\n  drawTextBlob(props: AnimatedProps<TextBlobProps>) {\n    this.add({ type: CommandType.DrawTextBlob, props });\n  }\n\n  drawGlyphs(props: AnimatedProps<GlyphsProps>) {\n    this.add({ type: CommandType.DrawGlyphs, props });\n  }\n\n  drawPicture(props: AnimatedProps<PictureProps>) {\n    this.add({ type: CommandType.DrawPicture, props });\n  }\n\n  drawImageSVG(props: AnimatedProps<ImageSVGProps>) {\n    this.add({ type: CommandType.DrawImageSVG, props });\n  }\n\n  drawParagraph(props: AnimatedProps<ParagraphProps>) {\n    this.add({ type: CommandType.DrawParagraph, props });\n  }\n\n  drawAtlas(props: AnimatedProps<AtlasProps>) {\n    this.add({ type: CommandType.DrawAtlas, props });\n  }\n\n  drawSkottie(props: AnimatedProps<SkottieProps>) {\n    this.add({ type: CommandType.DrawSkottie, props });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/sksg/Recorder/Visitor.js

@@ -164,13 +164,23 @@ const pushPaints = (recorder, paints) => {
     recorder.restorePaintDeclaration();
   });
 };
-const visitNode = (recorder, node) => {
-  if (node.type === _types.NodeType.Group) {
-    recorder.saveGroup();
+const getStackingContextProps = props => {
+  const {
+    zIndex
+  } = props;
+  if (zIndex === undefined) {
+    return undefined;
   }
+  return {
+    zIndex
+  };
+};
+const visitNode = (recorder, node) => {
   const {
     props
   } = node;
+  const stackingContextProps = getStackingContextProps(props);
+  recorder.saveGroup(stackingContextProps);
   const {
     colorFilters,
     maskFilters,
@@ -289,9 +299,7 @@ const visitNode = (recorder, node) => {
   if (shouldRestore) {
     recorder.restoreCTM();
   }
-  if (node.type === _types.NodeType.Group) {
-    recorder.restoreGroup();
-  }
+  recorder.restoreGroup();
 };
 const visit = (recorder, root) => {
   root.forEach(node => {

package/lib/commonjs/sksg/Recorder/Visitor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_types","require","_Node","processPaint","opacity","color","strokeWidth","blendMode","style","strokeJoin","strokeCap","strokeMiter","antiAlias","dither","paint","paintRef","undefined","exports","processCTM","clip","invertClip","transform","origin","matrix","layer","ctm","pushColorFilters","recorder","colorFilters","forEach","colorFilter","children","length","pushColorFilter","type","props","needsComposition","NodeType","LerpColorFilter","composeColorFilter","pushPathEffects","pathEffects","pathEffect","pushPathEffect","SumPathEffect","composePathEffect","pushImageFilters","imageFilters","imageFilter","isImageFilter","pushImageFilter","isShader","pushShader","BlendImageFilter","composeImageFilter","pushShaders","shaders","shader","pushMaskFilters","maskFilters","pushBlurMaskFilter","pushPaints","paints","savePaint","sortNodeChildren","restorePaintDeclaration","visitNode","node","Group","saveGroup","drawings","shouldPushPaint","BackdropFilter","saveBackdropFilter","materializePaint","Layer","saveLayer","shouldRestore","saveCTM","Box","shadows","filter","n","BoxShadow","map","drawBox","Fill","drawPaint","Image","drawImage","Circle","drawCircle","Points","drawPoints","Path","drawPath","Rect","drawRect","RRect","drawRRect","Oval","drawOval","Line","drawLine","Patch","drawPatch","Vertices","drawVertices","DiffRect","drawDiffRect","Text","drawText","TextPath","drawTextPath","TextBlob","drawTextBlob","Glyphs","drawGlyphs","Picture","drawPicture","ImageSVG","drawImageSVG","Paragraph","drawParagraph","Skottie","drawSkottie","Atlas","drawAtlas","drawing","restorePaint","restoreCTM","restoreGroup","visit","root"],"sources":["Visitor.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type {\n  CTMProps,\n  DrawingNodeProps,\n  BoxShadowProps,\n} from \"../../dom/types\";\nimport { NodeType } from \"../../dom/types\";\nimport type { BaseRecorder } from \"../../skia/types/Recorder\";\nimport type { Node } from \"../Node\";\nimport { isImageFilter, isShader, sortNodeChildren } from \"../Node\";\n\nexport const processPaint = ({\n  opacity,\n  color,\n  strokeWidth,\n  blendMode,\n  style,\n  strokeJoin,\n  strokeCap,\n  strokeMiter,\n  antiAlias,\n  dither,\n  paint: paintRef,\n}: DrawingNodeProps) => {\n  const paint: DrawingNodeProps = {};\n  if (opacity !== undefined) {\n    paint.opacity = opacity;\n  }\n  if (color !== undefined) {\n    paint.color = color;\n  }\n  if (strokeWidth !== undefined) {\n    paint.strokeWidth = strokeWidth;\n  }\n  if (blendMode !== undefined) {\n    paint.blendMode = blendMode;\n  }\n  if (style !== undefined) {\n    paint.style = style;\n  }\n  if (strokeJoin !== undefined) {\n    paint.strokeJoin = strokeJoin;\n  }\n  if (strokeCap !== undefined) {\n    paint.strokeCap = strokeCap;\n  }\n  if (strokeMiter !== undefined) {\n    paint.strokeMiter = strokeMiter;\n  }\n  if (antiAlias !== undefined) {\n    paint.antiAlias = antiAlias;\n  }\n  if (dither !== undefined) {\n    paint.dither = dither;\n  }\n\n  if (paintRef !== undefined) {\n    paint.paint = paintRef;\n  }\n\n  if (\n    opacity !== undefined ||\n    color !== undefined ||\n    strokeWidth !== undefined ||\n    blendMode !== undefined ||\n    style !== undefined ||\n    strokeJoin !== undefined ||\n    strokeCap !== undefined ||\n    strokeMiter !== undefined ||\n    antiAlias !== undefined ||\n    dither !== undefined ||\n    paintRef !== undefined\n  ) {\n    return paint;\n  }\n  return null;\n};\n\nconst processCTM = ({\n  clip,\n  invertClip,\n  transform,\n  origin,\n  matrix,\n  layer,\n}: CTMProps) => {\n  const ctm: CTMProps = {};\n  if (clip) {\n    ctm.clip = clip;\n  }\n  if (invertClip) {\n    ctm.invertClip = invertClip;\n  }\n  if (transform) {\n    ctm.transform = transform;\n  }\n  if (origin) {\n    ctm.origin = origin;\n  }\n  if (matrix) {\n    ctm.matrix = matrix;\n  }\n  if (layer) {\n    ctm.layer = layer;\n  }\n  if (\n    clip !== undefined ||\n    invertClip !== undefined ||\n    transform !== undefined ||\n    origin !== undefined ||\n    matrix !== undefined ||\n    layer !== undefined\n  ) {\n    return ctm;\n  }\n  return null;\n};\n\nconst pushColorFilters = (\n  recorder: BaseRecorder,\n  colorFilters: Node<any>[]\n) => {\n  colorFilters.forEach((colorFilter) => {\n    if (colorFilter.children.length > 0) {\n      pushColorFilters(recorder, colorFilter.children);\n    }\n    recorder.pushColorFilter(colorFilter.type, colorFilter.props);\n    const needsComposition =\n      colorFilter.type !== NodeType.LerpColorFilter &&\n      colorFilter.children.length > 0;\n    if (needsComposition) {\n      recorder.composeColorFilter();\n    }\n  });\n};\n\nconst pushPathEffects = (recorder: BaseRecorder, pathEffects: Node<any>[]) => {\n  pathEffects.forEach((pathEffect) => {\n    if (pathEffect.children.length > 0) {\n      pushPathEffects(recorder, pathEffect.children);\n    }\n    recorder.pushPathEffect(pathEffect.type, pathEffect.props);\n    const needsComposition =\n      pathEffect.type !== NodeType.SumPathEffect &&\n      pathEffect.children.length > 0;\n    if (needsComposition) {\n      recorder.composePathEffect();\n    }\n  });\n};\n\nconst pushImageFilters = (\n  recorder: BaseRecorder,\n  imageFilters: Node<any>[]\n) => {\n  imageFilters.forEach((imageFilter) => {\n    if (imageFilter.children.length > 0) {\n      pushImageFilters(recorder, imageFilter.children);\n    }\n    if (isImageFilter(imageFilter.type)) {\n      recorder.pushImageFilter(imageFilter.type, imageFilter.props);\n    } else if (isShader(imageFilter.type)) {\n      recorder.pushShader(imageFilter.type, imageFilter.props, 0);\n    }\n    const needsComposition =\n      imageFilter.type !== NodeType.BlendImageFilter &&\n      imageFilter.children.length > 0;\n    if (needsComposition) {\n      recorder.composeImageFilter();\n    }\n  });\n};\n\nconst pushShaders = (recorder: BaseRecorder, shaders: Node<any>[]) => {\n  shaders.forEach((shader) => {\n    if (shader.children.length > 0) {\n      pushShaders(recorder, shader.children);\n    }\n    recorder.pushShader(shader.type, shader.props, shader.children.length);\n  });\n};\n\nconst pushMaskFilters = (recorder: BaseRecorder, maskFilters: Node<any>[]) => {\n  if (maskFilters.length > 0) {\n    recorder.pushBlurMaskFilter(maskFilters[maskFilters.length - 1].props);\n  }\n};\n\nconst pushPaints = (recorder: BaseRecorder, paints: Node<any>[]) => {\n  paints.forEach((paint) => {\n    recorder.savePaint(paint.props, true);\n    const { colorFilters, maskFilters, shaders, imageFilters, pathEffects } =\n      sortNodeChildren(paint);\n    pushColorFilters(recorder, colorFilters);\n    pushImageFilters(recorder, imageFilters);\n    pushMaskFilters(recorder, maskFilters);\n    pushShaders(recorder, shaders);\n    pushPathEffects(recorder, pathEffects);\n    recorder.restorePaintDeclaration();\n  });\n};\n\nconst visitNode = (recorder: BaseRecorder, node: Node<any>) => {\n  if (node.type === NodeType.Group) {\n    recorder.saveGroup();\n  }\n  const { props } = node;\n  const {\n    colorFilters,\n    maskFilters,\n    drawings,\n    shaders,\n    imageFilters,\n    pathEffects,\n    paints,\n  } = sortNodeChildren(node);\n  const paint = processPaint(props);\n  const shouldPushPaint =\n    paint ||\n    colorFilters.length > 0 ||\n    maskFilters.length > 0 ||\n    imageFilters.length > 0 ||\n    pathEffects.length > 0 ||\n    shaders.length > 0;\n  if (shouldPushPaint) {\n    recorder.savePaint(paint ?? {}, false);\n    pushColorFilters(recorder, colorFilters);\n    pushImageFilters(recorder, imageFilters);\n    pushMaskFilters(recorder, maskFilters);\n    pushShaders(recorder, shaders);\n    pushPathEffects(recorder, pathEffects);\n    // For mixed nodes like BackdropFilters we don't materialize the paint\n    if (node.type === NodeType.BackdropFilter) {\n      recorder.saveBackdropFilter();\n    } else {\n      recorder.materializePaint();\n    }\n  }\n  pushPaints(recorder, paints);\n  if (node.type === NodeType.Layer) {\n    recorder.saveLayer();\n  }\n  const ctm = processCTM(props);\n  const shouldRestore = !!ctm || node.type === NodeType.Layer;\n  if (ctm) {\n    recorder.saveCTM(ctm);\n  }\n  switch (node.type) {\n    case NodeType.Box:\n      const shadows = node.children\n        .filter((n) => n.type === NodeType.BoxShadow)\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        .map(({ props }) => ({ props }) as { props: BoxShadowProps });\n      recorder.drawBox(props, shadows);\n      break;\n    case NodeType.Fill:\n      recorder.drawPaint();\n      break;\n    case NodeType.Image:\n      recorder.drawImage(props);\n      break;\n    case NodeType.Circle:\n      recorder.drawCircle(props);\n      break;\n    case NodeType.Points:\n      recorder.drawPoints(props);\n      break;\n    case NodeType.Path:\n      recorder.drawPath(props);\n      break;\n    case NodeType.Rect:\n      recorder.drawRect(props);\n      break;\n    case NodeType.RRect:\n      recorder.drawRRect(props);\n      break;\n    case NodeType.Oval:\n      recorder.drawOval(props);\n      break;\n    case NodeType.Line:\n      recorder.drawLine(props);\n      break;\n    case NodeType.Patch:\n      recorder.drawPatch(props);\n      break;\n    case NodeType.Vertices:\n      recorder.drawVertices(props);\n      break;\n    case NodeType.DiffRect:\n      recorder.drawDiffRect(props);\n      break;\n    case NodeType.Text:\n      recorder.drawText(props);\n      break;\n    case NodeType.TextPath:\n      recorder.drawTextPath(props);\n      break;\n    case NodeType.TextBlob:\n      recorder.drawTextBlob(props);\n      break;\n    case NodeType.Glyphs:\n      recorder.drawGlyphs(props);\n      break;\n    case NodeType.Picture:\n      recorder.drawPicture(props);\n      break;\n    case NodeType.ImageSVG:\n      recorder.drawImageSVG(props);\n      break;\n    case NodeType.Paragraph:\n      recorder.drawParagraph(props);\n      break;\n    case NodeType.Skottie:\n      recorder.drawSkottie(props);\n      break;\n    case NodeType.Atlas:\n      recorder.drawAtlas(props);\n      break;\n  }\n  drawings.forEach((drawing) => {\n    visitNode(recorder, drawing);\n  });\n  if (shouldPushPaint) {\n    recorder.restorePaint();\n  }\n  if (shouldRestore) {\n    recorder.restoreCTM();\n  }\n  if (node.type === NodeType.Group) {\n    recorder.restoreGroup();\n  }\n};\n\nexport const visit = (recorder: BaseRecorder, root: Node[]) => {\n  root.forEach((node) => {\n    visitNode(recorder, node);\n  });\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_types","require","_Node","processPaint","opacity","color","strokeWidth","blendMode","style","strokeJoin","strokeCap","strokeMiter","antiAlias","dither","paint","paintRef","undefined","exports","processCTM","clip","invertClip","transform","origin","matrix","layer","ctm","pushColorFilters","recorder","colorFilters","forEach","colorFilter","children","length","pushColorFilter","type","props","needsComposition","NodeType","LerpColorFilter","composeColorFilter","pushPathEffects","pathEffects","pathEffect","pushPathEffect","SumPathEffect","composePathEffect","pushImageFilters","imageFilters","imageFilter","isImageFilter","pushImageFilter","isShader","pushShader","BlendImageFilter","composeImageFilter","pushShaders","shaders","shader","pushMaskFilters","maskFilters","pushBlurMaskFilter","pushPaints","paints","savePaint","sortNodeChildren","restorePaintDeclaration","getStackingContextProps","zIndex","visitNode","node","stackingContextProps","saveGroup","drawings","shouldPushPaint","BackdropFilter","saveBackdropFilter","materializePaint","Layer","saveLayer","shouldRestore","saveCTM","Box","shadows","filter","n","BoxShadow","map","drawBox","Fill","drawPaint","Image","drawImage","Circle","drawCircle","Points","drawPoints","Path","drawPath","Rect","drawRect","RRect","drawRRect","Oval","drawOval","Line","drawLine","Patch","drawPatch","Vertices","drawVertices","DiffRect","drawDiffRect","Text","drawText","TextPath","drawTextPath","TextBlob","drawTextBlob","Glyphs","drawGlyphs","Picture","drawPicture","ImageSVG","drawImageSVG","Paragraph","drawParagraph","Skottie","drawSkottie","Atlas","drawAtlas","drawing","restorePaint","restoreCTM","restoreGroup","visit","root"],"sources":["Visitor.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type {\n  CTMProps,\n  DrawingNodeProps,\n  BoxShadowProps,\n} from \"../../dom/types\";\nimport { NodeType } from \"../../dom/types\";\nimport type { BaseRecorder } from \"../../skia/types/Recorder\";\nimport type { Node } from \"../Node\";\nimport { isImageFilter, isShader, sortNodeChildren } from \"../Node\";\nimport type { AnimatedProps } from \"../../renderer\";\n\nexport const processPaint = ({\n  opacity,\n  color,\n  strokeWidth,\n  blendMode,\n  style,\n  strokeJoin,\n  strokeCap,\n  strokeMiter,\n  antiAlias,\n  dither,\n  paint: paintRef,\n}: DrawingNodeProps) => {\n  const paint: DrawingNodeProps = {};\n  if (opacity !== undefined) {\n    paint.opacity = opacity;\n  }\n  if (color !== undefined) {\n    paint.color = color;\n  }\n  if (strokeWidth !== undefined) {\n    paint.strokeWidth = strokeWidth;\n  }\n  if (blendMode !== undefined) {\n    paint.blendMode = blendMode;\n  }\n  if (style !== undefined) {\n    paint.style = style;\n  }\n  if (strokeJoin !== undefined) {\n    paint.strokeJoin = strokeJoin;\n  }\n  if (strokeCap !== undefined) {\n    paint.strokeCap = strokeCap;\n  }\n  if (strokeMiter !== undefined) {\n    paint.strokeMiter = strokeMiter;\n  }\n  if (antiAlias !== undefined) {\n    paint.antiAlias = antiAlias;\n  }\n  if (dither !== undefined) {\n    paint.dither = dither;\n  }\n\n  if (paintRef !== undefined) {\n    paint.paint = paintRef;\n  }\n\n  if (\n    opacity !== undefined ||\n    color !== undefined ||\n    strokeWidth !== undefined ||\n    blendMode !== undefined ||\n    style !== undefined ||\n    strokeJoin !== undefined ||\n    strokeCap !== undefined ||\n    strokeMiter !== undefined ||\n    antiAlias !== undefined ||\n    dither !== undefined ||\n    paintRef !== undefined\n  ) {\n    return paint;\n  }\n  return null;\n};\n\nconst processCTM = ({\n  clip,\n  invertClip,\n  transform,\n  origin,\n  matrix,\n  layer,\n}: CTMProps) => {\n  const ctm: CTMProps = {};\n  if (clip) {\n    ctm.clip = clip;\n  }\n  if (invertClip) {\n    ctm.invertClip = invertClip;\n  }\n  if (transform) {\n    ctm.transform = transform;\n  }\n  if (origin) {\n    ctm.origin = origin;\n  }\n  if (matrix) {\n    ctm.matrix = matrix;\n  }\n  if (layer) {\n    ctm.layer = layer;\n  }\n  if (\n    clip !== undefined ||\n    invertClip !== undefined ||\n    transform !== undefined ||\n    origin !== undefined ||\n    matrix !== undefined ||\n    layer !== undefined\n  ) {\n    return ctm;\n  }\n  return null;\n};\n\nconst pushColorFilters = (\n  recorder: BaseRecorder,\n  colorFilters: Node<any>[]\n) => {\n  colorFilters.forEach((colorFilter) => {\n    if (colorFilter.children.length > 0) {\n      pushColorFilters(recorder, colorFilter.children);\n    }\n    recorder.pushColorFilter(colorFilter.type, colorFilter.props);\n    const needsComposition =\n      colorFilter.type !== NodeType.LerpColorFilter &&\n      colorFilter.children.length > 0;\n    if (needsComposition) {\n      recorder.composeColorFilter();\n    }\n  });\n};\n\nconst pushPathEffects = (recorder: BaseRecorder, pathEffects: Node<any>[]) => {\n  pathEffects.forEach((pathEffect) => {\n    if (pathEffect.children.length > 0) {\n      pushPathEffects(recorder, pathEffect.children);\n    }\n    recorder.pushPathEffect(pathEffect.type, pathEffect.props);\n    const needsComposition =\n      pathEffect.type !== NodeType.SumPathEffect &&\n      pathEffect.children.length > 0;\n    if (needsComposition) {\n      recorder.composePathEffect();\n    }\n  });\n};\n\nconst pushImageFilters = (\n  recorder: BaseRecorder,\n  imageFilters: Node<any>[]\n) => {\n  imageFilters.forEach((imageFilter) => {\n    if (imageFilter.children.length > 0) {\n      pushImageFilters(recorder, imageFilter.children);\n    }\n    if (isImageFilter(imageFilter.type)) {\n      recorder.pushImageFilter(imageFilter.type, imageFilter.props);\n    } else if (isShader(imageFilter.type)) {\n      recorder.pushShader(imageFilter.type, imageFilter.props, 0);\n    }\n    const needsComposition =\n      imageFilter.type !== NodeType.BlendImageFilter &&\n      imageFilter.children.length > 0;\n    if (needsComposition) {\n      recorder.composeImageFilter();\n    }\n  });\n};\n\nconst pushShaders = (recorder: BaseRecorder, shaders: Node<any>[]) => {\n  shaders.forEach((shader) => {\n    if (shader.children.length > 0) {\n      pushShaders(recorder, shader.children);\n    }\n    recorder.pushShader(shader.type, shader.props, shader.children.length);\n  });\n};\n\nconst pushMaskFilters = (recorder: BaseRecorder, maskFilters: Node<any>[]) => {\n  if (maskFilters.length > 0) {\n    recorder.pushBlurMaskFilter(maskFilters[maskFilters.length - 1].props);\n  }\n};\n\nconst pushPaints = (recorder: BaseRecorder, paints: Node<any>[]) => {\n  paints.forEach((paint) => {\n    recorder.savePaint(paint.props, true);\n    const { colorFilters, maskFilters, shaders, imageFilters, pathEffects } =\n      sortNodeChildren(paint);\n    pushColorFilters(recorder, colorFilters);\n    pushImageFilters(recorder, imageFilters);\n    pushMaskFilters(recorder, maskFilters);\n    pushShaders(recorder, shaders);\n    pushPathEffects(recorder, pathEffects);\n    recorder.restorePaintDeclaration();\n  });\n};\n\ntype StackingContextProps = Pick<DrawingNodeProps, \"zIndex\">;\n\nconst getStackingContextProps = (\n  props: AnimatedProps<DrawingNodeProps>\n): AnimatedProps<StackingContextProps> | undefined => {\n  const { zIndex } = props;\n  if (zIndex === undefined) {\n    return undefined;\n  }\n  return { zIndex };\n};\n\nconst visitNode = (recorder: BaseRecorder, node: Node<any>) => {\n  const { props } = node;\n  const stackingContextProps = getStackingContextProps(\n    props as AnimatedProps<DrawingNodeProps>\n  );\n  recorder.saveGroup(stackingContextProps);\n  const {\n    colorFilters,\n    maskFilters,\n    drawings,\n    shaders,\n    imageFilters,\n    pathEffects,\n    paints,\n  } = sortNodeChildren(node);\n  const paint = processPaint(props);\n  const shouldPushPaint =\n    paint ||\n    colorFilters.length > 0 ||\n    maskFilters.length > 0 ||\n    imageFilters.length > 0 ||\n    pathEffects.length > 0 ||\n    shaders.length > 0;\n  if (shouldPushPaint) {\n    recorder.savePaint(paint ?? {}, false);\n    pushColorFilters(recorder, colorFilters);\n    pushImageFilters(recorder, imageFilters);\n    pushMaskFilters(recorder, maskFilters);\n    pushShaders(recorder, shaders);\n    pushPathEffects(recorder, pathEffects);\n    // For mixed nodes like BackdropFilters we don't materialize the paint\n    if (node.type === NodeType.BackdropFilter) {\n      recorder.saveBackdropFilter();\n    } else {\n      recorder.materializePaint();\n    }\n  }\n  pushPaints(recorder, paints);\n  if (node.type === NodeType.Layer) {\n    recorder.saveLayer();\n  }\n  const ctm = processCTM(props);\n  const shouldRestore = !!ctm || node.type === NodeType.Layer;\n  if (ctm) {\n    recorder.saveCTM(ctm);\n  }\n  switch (node.type) {\n    case NodeType.Box:\n      const shadows = node.children\n        .filter((n) => n.type === NodeType.BoxShadow)\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        .map(({ props }) => ({ props }) as { props: BoxShadowProps });\n      recorder.drawBox(props, shadows);\n      break;\n    case NodeType.Fill:\n      recorder.drawPaint();\n      break;\n    case NodeType.Image:\n      recorder.drawImage(props);\n      break;\n    case NodeType.Circle:\n      recorder.drawCircle(props);\n      break;\n    case NodeType.Points:\n      recorder.drawPoints(props);\n      break;\n    case NodeType.Path:\n      recorder.drawPath(props);\n      break;\n    case NodeType.Rect:\n      recorder.drawRect(props);\n      break;\n    case NodeType.RRect:\n      recorder.drawRRect(props);\n      break;\n    case NodeType.Oval:\n      recorder.drawOval(props);\n      break;\n    case NodeType.Line:\n      recorder.drawLine(props);\n      break;\n    case NodeType.Patch:\n      recorder.drawPatch(props);\n      break;\n    case NodeType.Vertices:\n      recorder.drawVertices(props);\n      break;\n    case NodeType.DiffRect:\n      recorder.drawDiffRect(props);\n      break;\n    case NodeType.Text:\n      recorder.drawText(props);\n      break;\n    case NodeType.TextPath:\n      recorder.drawTextPath(props);\n      break;\n    case NodeType.TextBlob:\n      recorder.drawTextBlob(props);\n      break;\n    case NodeType.Glyphs:\n      recorder.drawGlyphs(props);\n      break;\n    case NodeType.Picture:\n      recorder.drawPicture(props);\n      break;\n    case NodeType.ImageSVG:\n      recorder.drawImageSVG(props);\n      break;\n    case NodeType.Paragraph:\n      recorder.drawParagraph(props);\n      break;\n    case NodeType.Skottie:\n      recorder.drawSkottie(props);\n      break;\n    case NodeType.Atlas:\n      recorder.drawAtlas(props);\n      break;\n  }\n  drawings.forEach((drawing) => {\n    visitNode(recorder, drawing);\n  });\n  if (shouldPushPaint) {\n    recorder.restorePaint();\n  }\n  if (shouldRestore) {\n    recorder.restoreCTM();\n  }\n  recorder.restoreGroup();\n};\n\nexport const visit = (recorder: BaseRecorder, root: Node[]) => {\n  root.forEach((node) => {\n    visitNode(recorder, node);\n  });\n};\n"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,KAAA,GAAAD,OAAA;AATA;;AAYO,MAAME,YAAY,GAAGA,CAAC;EAC3BC,OAAO;EACPC,KAAK;EACLC,WAAW;EACXC,SAAS;EACTC,KAAK;EACLC,UAAU;EACVC,SAAS;EACTC,WAAW;EACXC,SAAS;EACTC,MAAM;EACNC,KAAK,EAAEC;AACS,CAAC,KAAK;EACtB,MAAMD,KAAuB,GAAG,CAAC,CAAC;EAClC,IAAIV,OAAO,KAAKY,SAAS,EAAE;IACzBF,KAAK,CAACV,OAAO,GAAGA,OAAO;EACzB;EACA,IAAIC,KAAK,KAAKW,SAAS,EAAE;IACvBF,KAAK,CAACT,KAAK,GAAGA,KAAK;EACrB;EACA,IAAIC,WAAW,KAAKU,SAAS,EAAE;IAC7BF,KAAK,CAACR,WAAW,GAAGA,WAAW;EACjC;EACA,IAAIC,SAAS,KAAKS,SAAS,EAAE;IAC3BF,KAAK,CAACP,SAAS,GAAGA,SAAS;EAC7B;EACA,IAAIC,KAAK,KAAKQ,SAAS,EAAE;IACvBF,KAAK,CAACN,KAAK,GAAGA,KAAK;EACrB;EACA,IAAIC,UAAU,KAAKO,SAAS,EAAE;IAC5BF,KAAK,CAACL,UAAU,GAAGA,UAAU;EAC/B;EACA,IAAIC,SAAS,KAAKM,SAAS,EAAE;IAC3BF,KAAK,CAACJ,SAAS,GAAGA,SAAS;EAC7B;EACA,IAAIC,WAAW,KAAKK,SAAS,EAAE;IAC7BF,KAAK,CAACH,WAAW,GAAGA,WAAW;EACjC;EACA,IAAIC,SAAS,KAAKI,SAAS,EAAE;IAC3BF,KAAK,CAACF,SAAS,GAAGA,SAAS;EAC7B;EACA,IAAIC,MAAM,KAAKG,SAAS,EAAE;IACxBF,KAAK,CAACD,MAAM,GAAGA,MAAM;EACvB;EAEA,IAAIE,QAAQ,KAAKC,SAAS,EAAE;IAC1BF,KAAK,CAACA,KAAK,GAAGC,QAAQ;EACxB;EAEA,IACEX,OAAO,KAAKY,SAAS,IACrBX,KAAK,KAAKW,SAAS,IACnBV,WAAW,KAAKU,SAAS,IACzBT,SAAS,KAAKS,SAAS,IACvBR,KAAK,KAAKQ,SAAS,IACnBP,UAAU,KAAKO,SAAS,IACxBN,SAAS,KAAKM,SAAS,IACvBL,WAAW,KAAKK,SAAS,IACzBJ,SAAS,KAAKI,SAAS,IACvBH,MAAM,KAAKG,SAAS,IACpBD,QAAQ,KAAKC,SAAS,EACtB;IACA,OAAOF,KAAK;EACd;EACA,OAAO,IAAI;AACb,CAAC;AAACG,OAAA,CAAAd,YAAA,GAAAA,YAAA;AAEF,MAAMe,UAAU,GAAGA,CAAC;EAClBC,IAAI;EACJC,UAAU;EACVC,SAAS;EACTC,MAAM;EACNC,MAAM;EACNC;AACQ,CAAC,KAAK;EACd,MAAMC,GAAa,GAAG,CAAC,CAAC;EACxB,IAAIN,IAAI,EAAE;IACRM,GAAG,CAACN,IAAI,GAAGA,IAAI;EACjB;EACA,IAAIC,UAAU,EAAE;IACdK,GAAG,CAACL,UAAU,GAAGA,UAAU;EAC7B;EACA,IAAIC,SAAS,EAAE;IACbI,GAAG,CAACJ,SAAS,GAAGA,SAAS;EAC3B;EACA,IAAIC,MAAM,EAAE;IACVG,GAAG,CAACH,MAAM,GAAGA,MAAM;EACrB;EACA,IAAIC,MAAM,EAAE;IACVE,GAAG,CAACF,MAAM,GAAGA,MAAM;EACrB;EACA,IAAIC,KAAK,EAAE;IACTC,GAAG,CAACD,KAAK,GAAGA,KAAK;EACnB;EACA,IACEL,IAAI,KAAKH,SAAS,IAClBI,UAAU,KAAKJ,SAAS,IACxBK,SAAS,KAAKL,SAAS,IACvBM,MAAM,KAAKN,SAAS,IACpBO,MAAM,KAAKP,SAAS,IACpBQ,KAAK,KAAKR,SAAS,EACnB;IACA,OAAOS,GAAG;EACZ;EACA,OAAO,IAAI;AACb,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CACvBC,QAAsB,EACtBC,YAAyB,KACtB;EACHA,YAAY,CAACC,OAAO,CAAEC,WAAW,IAAK;IACpC,IAAIA,WAAW,CAACC,QAAQ,CAACC,MAAM,GAAG,CAAC,EAAE;MACnCN,gBAAgB,CAACC,QAAQ,EAAEG,WAAW,CAACC,QAAQ,CAAC;IAClD;IACAJ,QAAQ,CAACM,eAAe,CAACH,WAAW,CAACI,IAAI,EAAEJ,WAAW,CAACK,KAAK,CAAC;IAC7D,MAAMC,gBAAgB,GACpBN,WAAW,CAACI,IAAI,KAAKG,eAAQ,CAACC,eAAe,IAC7CR,WAAW,CAACC,QAAQ,CAACC,MAAM,GAAG,CAAC;IACjC,IAAII,gBAAgB,EAAE;MACpBT,QAAQ,CAACY,kBAAkB,CAAC,CAAC;IAC/B;EACF,CAAC,CAAC;AACJ,CAAC;AAED,MAAMC,eAAe,GAAGA,CAACb,QAAsB,EAAEc,WAAwB,KAAK;EAC5EA,WAAW,CAACZ,OAAO,CAAEa,UAAU,IAAK;IAClC,IAAIA,UAAU,CAACX,QAAQ,CAACC,MAAM,GAAG,CAAC,EAAE;MAClCQ,eAAe,CAACb,QAAQ,EAAEe,UAAU,CAACX,QAAQ,CAAC;IAChD;IACAJ,QAAQ,CAACgB,cAAc,CAACD,UAAU,CAACR,IAAI,EAAEQ,UAAU,CAACP,KAAK,CAAC;IAC1D,MAAMC,gBAAgB,GACpBM,UAAU,CAACR,IAAI,KAAKG,eAAQ,CAACO,aAAa,IAC1CF,UAAU,CAACX,QAAQ,CAACC,MAAM,GAAG,CAAC;IAChC,IAAII,gBAAgB,EAAE;MACpBT,QAAQ,CAACkB,iBAAiB,CAAC,CAAC;IAC9B;EACF,CAAC,CAAC;AACJ,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CACvBnB,QAAsB,EACtBoB,YAAyB,KACtB;EACHA,YAAY,CAAClB,OAAO,CAAEmB,WAAW,IAAK;IACpC,IAAIA,WAAW,CAACjB,QAAQ,CAACC,MAAM,GAAG,CAAC,EAAE;MACnCc,gBAAgB,CAACnB,QAAQ,EAAEqB,WAAW,CAACjB,QAAQ,CAAC;IAClD;IACA,IAAI,IAAAkB,mBAAa,EAACD,WAAW,CAACd,IAAI,CAAC,EAAE;MACnCP,QAAQ,CAACuB,eAAe,CAACF,WAAW,CAACd,IAAI,EAAEc,WAAW,CAACb,KAAK,CAAC;IAC/D,CAAC,MAAM,IAAI,IAAAgB,cAAQ,EAACH,WAAW,CAACd,IAAI,CAAC,EAAE;MACrCP,QAAQ,CAACyB,UAAU,CAACJ,WAAW,CAACd,IAAI,EAAEc,WAAW,CAACb,KAAK,EAAE,CAAC,CAAC;IAC7D;IACA,MAAMC,gBAAgB,GACpBY,WAAW,CAACd,IAAI,KAAKG,eAAQ,CAACgB,gBAAgB,IAC9CL,WAAW,CAACjB,QAAQ,CAACC,MAAM,GAAG,CAAC;IACjC,IAAII,gBAAgB,EAAE;MACpBT,QAAQ,CAAC2B,kBAAkB,CAAC,CAAC;IAC/B;EACF,CAAC,CAAC;AACJ,CAAC;AAED,MAAMC,WAAW,GAAGA,CAAC5B,QAAsB,EAAE6B,OAAoB,KAAK;EACpEA,OAAO,CAAC3B,OAAO,CAAE4B,MAAM,IAAK;IAC1B,IAAIA,MAAM,CAAC1B,QAAQ,CAACC,MAAM,GAAG,CAAC,EAAE;MAC9BuB,WAAW,CAAC5B,QAAQ,EAAE8B,MAAM,CAAC1B,QAAQ,CAAC;IACxC;IACAJ,QAAQ,CAACyB,UAAU,CAACK,MAAM,CAACvB,IAAI,EAAEuB,MAAM,CAACtB,KAAK,EAAEsB,MAAM,CAAC1B,QAAQ,CAACC,MAAM,CAAC;EACxE,CAAC,CAAC;AACJ,CAAC;AAED,MAAM0B,eAAe,GAAGA,CAAC/B,QAAsB,EAAEgC,WAAwB,KAAK;EAC5E,IAAIA,WAAW,CAAC3B,MAAM,GAAG,CAAC,EAAE;IAC1BL,QAAQ,CAACiC,kBAAkB,CAACD,WAAW,CAACA,WAAW,CAAC3B,MAAM,GAAG,CAAC,CAAC,CAACG,KAAK,CAAC;EACxE;AACF,CAAC;AAED,MAAM0B,UAAU,GAAGA,CAAClC,QAAsB,EAAEmC,MAAmB,KAAK;EAClEA,MAAM,CAACjC,OAAO,CAAEf,KAAK,IAAK;IACxBa,QAAQ,CAACoC,SAAS,CAACjD,KAAK,CAACqB,KAAK,EAAE,IAAI,CAAC;IACrC,MAAM;MAAEP,YAAY;MAAE+B,WAAW;MAAEH,OAAO;MAAET,YAAY;MAAEN;IAAY,CAAC,GACrE,IAAAuB,sBAAgB,EAAClD,KAAK,CAAC;IACzBY,gBAAgB,CAACC,QAAQ,EAAEC,YAAY,CAAC;IACxCkB,gBAAgB,CAACnB,QAAQ,EAAEoB,YAAY,CAAC;IACxCW,eAAe,CAAC/B,QAAQ,EAAEgC,WAAW,CAAC;IACtCJ,WAAW,CAAC5B,QAAQ,EAAE6B,OAAO,CAAC;IAC9BhB,eAAe,CAACb,QAAQ,EAAEc,WAAW,CAAC;IACtCd,QAAQ,CAACsC,uBAAuB,CAAC,CAAC;EACpC,CAAC,CAAC;AACJ,CAAC;AAID,MAAMC,uBAAuB,GAC3B/B,KAAsC,IACc;EACpD,MAAM;IAAEgC;EAAO,CAAC,GAAGhC,KAAK;EACxB,IAAIgC,MAAM,KAAKnD,SAAS,EAAE;IACxB,OAAOA,SAAS;EAClB;EACA,OAAO;IAAEmD;EAAO,CAAC;AACnB,CAAC;AAED,MAAMC,SAAS,GAAGA,CAACzC,QAAsB,EAAE0C,IAAe,KAAK;EAC7D,MAAM;IAAElC;EAAM,CAAC,GAAGkC,IAAI;EACtB,MAAMC,oBAAoB,GAAGJ,uBAAuB,CAClD/B,KACF,CAAC;EACDR,QAAQ,CAAC4C,SAAS,CAACD,oBAAoB,CAAC;EACxC,MAAM;IACJ1C,YAAY;IACZ+B,WAAW;IACXa,QAAQ;IACRhB,OAAO;IACPT,YAAY;IACZN,WAAW;IACXqB;EACF,CAAC,GAAG,IAAAE,sBAAgB,EAACK,IAAI,CAAC;EAC1B,MAAMvD,KAAK,GAAGX,YAAY,CAACgC,KAAK,CAAC;EACjC,MAAMsC,eAAe,GACnB3D,KAAK,IACLc,YAAY,CAACI,MAAM,GAAG,CAAC,IACvB2B,WAAW,CAAC3B,MAAM,GAAG,CAAC,IACtBe,YAAY,CAACf,MAAM,GAAG,CAAC,IACvBS,WAAW,CAACT,MAAM,GAAG,CAAC,IACtBwB,OAAO,CAACxB,MAAM,GAAG,CAAC;EACpB,IAAIyC,eAAe,EAAE;IACnB9C,QAAQ,CAACoC,SAAS,CAACjD,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,EAAE,KAAK,CAAC;IACtCY,gBAAgB,CAACC,QAAQ,EAAEC,YAAY,CAAC;IACxCkB,gBAAgB,CAACnB,QAAQ,EAAEoB,YAAY,CAAC;IACxCW,eAAe,CAAC/B,QAAQ,EAAEgC,WAAW,CAAC;IACtCJ,WAAW,CAAC5B,QAAQ,EAAE6B,OAAO,CAAC;IAC9BhB,eAAe,CAACb,QAAQ,EAAEc,WAAW,CAAC;IACtC;IACA,IAAI4B,IAAI,CAACnC,IAAI,KAAKG,eAAQ,CAACqC,cAAc,EAAE;MACzC/C,QAAQ,CAACgD,kBAAkB,CAAC,CAAC;IAC/B,CAAC,MAAM;MACLhD,QAAQ,CAACiD,gBAAgB,CAAC,CAAC;IAC7B;EACF;EACAf,UAAU,CAAClC,QAAQ,EAAEmC,MAAM,CAAC;EAC5B,IAAIO,IAAI,CAACnC,IAAI,KAAKG,eAAQ,CAACwC,KAAK,EAAE;IAChClD,QAAQ,CAACmD,SAAS,CAAC,CAAC;EACtB;EACA,MAAMrD,GAAG,GAAGP,UAAU,CAACiB,KAAK,CAAC;EAC7B,MAAM4C,aAAa,GAAG,CAAC,CAACtD,GAAG,IAAI4C,IAAI,CAACnC,IAAI,KAAKG,eAAQ,CAACwC,KAAK;EAC3D,IAAIpD,GAAG,EAAE;IACPE,QAAQ,CAACqD,OAAO,CAACvD,GAAG,CAAC;EACvB;EACA,QAAQ4C,IAAI,CAACnC,IAAI;IACf,KAAKG,eAAQ,CAAC4C,GAAG;MACf,MAAMC,OAAO,GAAGb,IAAI,CAACtC,QAAQ,CAC1BoD,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAAClD,IAAI,KAAKG,eAAQ,CAACgD,SAAS;MAC5C;MAAA,CACCC,GAAG,CAAC,CAAC;QAAEnD;MAAM,CAAC,MAAM;QAAEA;MAAM,CAAC,CAA8B,CAAC;MAC/DR,QAAQ,CAAC4D,OAAO,CAACpD,KAAK,EAAE+C,OAAO,CAAC;MAChC;IACF,KAAK7C,eAAQ,CAACmD,IAAI;MAChB7D,QAAQ,CAAC8D,SAAS,CAAC,CAAC;MACpB;IACF,KAAKpD,eAAQ,CAACqD,KAAK;MACjB/D,QAAQ,CAACgE,SAAS,CAACxD,KAAK,CAAC;MACzB;IACF,KAAKE,eAAQ,CAACuD,MAAM;MAClBjE,QAAQ,CAACkE,UAAU,CAAC1D,KAAK,CAAC;MAC1B;IACF,KAAKE,eAAQ,CAACyD,MAAM;MAClBnE,QAAQ,CAACoE,UAAU,CAAC5D,KAAK,CAAC;MAC1B;IACF,KAAKE,eAAQ,CAAC2D,IAAI;MAChBrE,QAAQ,CAACsE,QAAQ,CAAC9D,KAAK,CAAC;MACxB;IACF,KAAKE,eAAQ,CAAC6D,IAAI;MAChBvE,QAAQ,CAACwE,QAAQ,CAAChE,KAAK,CAAC;MACxB;IACF,KAAKE,eAAQ,CAAC+D,KAAK;MACjBzE,QAAQ,CAAC0E,SAAS,CAAClE,KAAK,CAAC;MACzB;IACF,KAAKE,eAAQ,CAACiE,IAAI;MAChB3E,QAAQ,CAAC4E,QAAQ,CAACpE,KAAK,CAAC;MACxB;IACF,KAAKE,eAAQ,CAACmE,IAAI;MAChB7E,QAAQ,CAAC8E,QAAQ,CAACtE,KAAK,CAAC;MACxB;IACF,KAAKE,eAAQ,CAACqE,KAAK;MACjB/E,QAAQ,CAACgF,SAAS,CAACxE,KAAK,CAAC;MACzB;IACF,KAAKE,eAAQ,CAACuE,QAAQ;MACpBjF,QAAQ,CAACkF,YAAY,CAAC1E,KAAK,CAAC;MAC5B;IACF,KAAKE,eAAQ,CAACyE,QAAQ;MACpBnF,QAAQ,CAACoF,YAAY,CAAC5E,KAAK,CAAC;MAC5B;IACF,KAAKE,eAAQ,CAAC2E,IAAI;MAChBrF,QAAQ,CAACsF,QAAQ,CAAC9E,KAAK,CAAC;MACxB;IACF,KAAKE,eAAQ,CAAC6E,QAAQ;MACpBvF,QAAQ,CAACwF,YAAY,CAAChF,KAAK,CAAC;MAC5B;IACF,KAAKE,eAAQ,CAAC+E,QAAQ;MACpBzF,QAAQ,CAAC0F,YAAY,CAAClF,KAAK,CAAC;MAC5B;IACF,KAAKE,eAAQ,CAACiF,MAAM;MAClB3F,QAAQ,CAAC4F,UAAU,CAACpF,KAAK,CAAC;MAC1B;IACF,KAAKE,eAAQ,CAACmF,OAAO;MACnB7F,QAAQ,CAAC8F,WAAW,CAACtF,KAAK,CAAC;MAC3B;IACF,KAAKE,eAAQ,CAACqF,QAAQ;MACpB/F,QAAQ,CAACgG,YAAY,CAACxF,KAAK,CAAC;MAC5B;IACF,KAAKE,eAAQ,CAACuF,SAAS;MACrBjG,QAAQ,CAACkG,aAAa,CAAC1F,KAAK,CAAC;MAC7B;IACF,KAAKE,eAAQ,CAACyF,OAAO;MACnBnG,QAAQ,CAACoG,WAAW,CAAC5F,KAAK,CAAC;MAC3B;IACF,KAAKE,eAAQ,CAAC2F,KAAK;MACjBrG,QAAQ,CAACsG,SAAS,CAAC9F,KAAK,CAAC;MACzB;EACJ;EACAqC,QAAQ,CAAC3C,OAAO,CAAEqG,OAAO,IAAK;IAC5B9D,SAAS,CAACzC,QAAQ,EAAEuG,OAAO,CAAC;EAC9B,CAAC,CAAC;EACF,IAAIzD,eAAe,EAAE;IACnB9C,QAAQ,CAACwG,YAAY,CAAC,CAAC;EACzB;EACA,IAAIpD,aAAa,EAAE;IACjBpD,QAAQ,CAACyG,UAAU,CAAC,CAAC;EACvB;EACAzG,QAAQ,CAAC0G,YAAY,CAAC,CAAC;AACzB,CAAC;AAEM,MAAMC,KAAK,GAAGA,CAAC3G,QAAsB,EAAE4G,IAAY,KAAK;EAC7DA,IAAI,CAAC1G,OAAO,CAAEwC,IAAI,IAAK;IACrBD,SAAS,CAACzC,QAAQ,EAAE0C,IAAI,CAAC;EAC3B,CAAC,CAAC;AACJ,CAAC;AAACpD,OAAA,CAAAqH,KAAA,GAAAA,KAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_SkiaPictureViewNativeComponent","_api","_SkiaViewNativeId","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_defineProperty","_toPropertyKey","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","NativeSkiaPictureView","SkiaPictureViewNativeComponent","SkiaPictureView","React","Component","constructor","props","_nativeId","SkiaViewNativeId","current","picture","onSize","assertSkiaViewApi","SkiaViewApi","setJsiProperty","tick","nativeId","componentDidUpdate","prevProps","componentWillUnmount","requestId","cancelAnimationFrame","redraw","mode","requestAnimationFrame","makeImageSnapshot","rect","requestRedraw","render","debug","opaque","coldStart","viewProps","createElement","collapsable","nativeID","exports","Error"],"sources":["SkiaPictureView.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkRect } from \"../skia/types\";\nimport SkiaPictureViewNativeComponent from \"../specs/SkiaPictureViewNativeComponent\";\n\nimport { SkiaViewApi } from \"./api\";\nimport type { SkiaPictureViewNativeProps } from \"./types\";\nimport { SkiaViewNativeId } from \"./SkiaViewNativeId\";\n\nconst NativeSkiaPictureView = SkiaPictureViewNativeComponent;\n\ninterface SkiaPictureViewProps extends SkiaPictureViewNativeProps {\n  mode?: \"default\" | \"continuous\";\n  coldStart?: boolean;\n}\n\nexport class SkiaPictureView extends React.Component<SkiaPictureViewProps> {\n  private requestId = 0;\n\n  constructor(props: SkiaPictureViewProps) {\n    super(props);\n    this._nativeId = SkiaViewNativeId.current++;\n    const { picture, onSize } = props;\n    if (picture) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"picture\", picture);\n    }\n    if (onSize) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"onSize\", onSize);\n    }\n    this.tick();\n  }\n\n  private _nativeId: number;\n\n  public get nativeId() {\n    return this._nativeId;\n  }\n\n  componentDidUpdate(prevProps: SkiaPictureViewProps) {\n    const { picture, onSize } = this.props;\n    if (picture !== prevProps.picture) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"picture\", picture);\n    }\n    if (onSize !== prevProps.onSize) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"onSize\", onSize);\n    }\n    this.tick();\n  }\n\n  componentWillUnmount() {\n    if (this.requestId) {\n      cancelAnimationFrame(this.requestId);\n    }\n  }\n\n  private tick() {\n    this.redraw();\n    if (this.props.mode === \"continuous\") {\n      this.requestId = requestAnimationFrame(this.tick.bind(this));\n    }\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    assertSkiaViewApi();\n    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  public redraw() {\n    assertSkiaViewApi();\n    SkiaViewApi.requestRedraw(this._nativeId);\n  }\n\n  render() {\n    const { mode, debug = false, opaque = false, coldStart = false, ...viewProps } = this.props;\n    return (\n      <NativeSkiaPictureView\n        collapsable={false}\n        nativeID={`${this._nativeId}`}\n        debug={debug}\n        opaque={opaque}\n        coldStart={coldStart}\n        {...viewProps}\n      />\n    );\n  }\n}\n\nconst assertSkiaViewApi = () => {\n  if (\n    SkiaViewApi === null ||\n    SkiaViewApi.setJsiProperty === null ||\n    SkiaViewApi.requestRedraw === null ||\n    SkiaViewApi.makeImageSnapshot === null\n  ) {\n    throw Error(\"Skia View Api was not found.\");\n  }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_SkiaPictureViewNativeComponent","_api","_SkiaViewNativeId","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_defineProperty","_toPropertyKey","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","NativeSkiaPictureView","SkiaPictureViewNativeComponent","SkiaPictureView","React","Component","constructor","props","_nativeId","SkiaViewNativeId","current","picture","onSize","assertSkiaViewApi","SkiaViewApi","setJsiProperty","tick","nativeId","componentDidUpdate","prevProps","componentWillUnmount","requestId","cancelAnimationFrame","redraw","mode","requestAnimationFrame","makeImageSnapshot","rect","requestRedraw","render","debug","opaque","coldStart","viewProps","createElement","collapsable","nativeID","exports","Error"],"sources":["SkiaPictureView.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkRect } from \"../skia/types\";\nimport SkiaPictureViewNativeComponent from \"../specs/SkiaPictureViewNativeComponent\";\n\nimport { SkiaViewApi } from \"./api\";\nimport type { SkiaPictureViewNativeProps } from \"./types\";\nimport { SkiaViewNativeId } from \"./SkiaViewNativeId\";\n\nconst NativeSkiaPictureView = SkiaPictureViewNativeComponent;\n\ninterface SkiaPictureViewProps extends SkiaPictureViewNativeProps {\n  mode?: \"default\" | \"continuous\";\n  coldStart?: boolean;\n}\n\nexport class SkiaPictureView extends React.Component<SkiaPictureViewProps> {\n  private requestId = 0;\n\n  constructor(props: SkiaPictureViewProps) {\n    super(props);\n    this._nativeId = SkiaViewNativeId.current++;\n    const { picture, onSize } = props;\n    if (picture) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"picture\", picture);\n    }\n    if (onSize) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"onSize\", onSize);\n    }\n    this.tick();\n  }\n\n  private _nativeId: number;\n\n  public get nativeId() {\n    return this._nativeId;\n  }\n\n  componentDidUpdate(prevProps: SkiaPictureViewProps) {\n    const { picture, onSize } = this.props;\n    if (picture !== prevProps.picture) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"picture\", picture);\n    }\n    if (onSize !== prevProps.onSize) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"onSize\", onSize);\n    }\n    this.tick();\n  }\n\n  componentWillUnmount() {\n    if (this.requestId) {\n      cancelAnimationFrame(this.requestId);\n    }\n  }\n\n  private tick() {\n    this.redraw();\n    if (this.props.mode === \"continuous\") {\n      this.requestId = requestAnimationFrame(this.tick.bind(this));\n    }\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    assertSkiaViewApi();\n    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  public redraw() {\n    assertSkiaViewApi();\n    SkiaViewApi.requestRedraw(this._nativeId);\n  }\n\n  render() {\n    const {\n      mode,\n      debug = false,\n      opaque = false,\n      coldStart = false,\n      ...viewProps\n    } = this.props;\n    return (\n      <NativeSkiaPictureView\n        collapsable={false}\n        nativeID={`${this._nativeId}`}\n        debug={debug}\n        opaque={opaque}\n        coldStart={coldStart}\n        {...viewProps}\n      />\n    );\n  }\n}\n\nconst assertSkiaViewApi = () => {\n  if (\n    SkiaViewApi === null ||\n    SkiaViewApi.setJsiProperty === null ||\n    SkiaViewApi.requestRedraw === null ||\n    SkiaViewApi.makeImageSnapshot === null\n  ) {\n    throw Error(\"Skia View Api was not found.\");\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/dom/types/Common.d.ts

@@ -56,4 +56,5 @@ export interface PaintProps extends ChildrenProps {
     dither?: boolean;
 }
 export interface GroupProps extends PaintProps, CTMProps {
+    zIndex?: number;
 }

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["Common.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nimport type {\n  BlendMode,\n  Color,\n  InputMatrix,\n  InputRRect,\n  PaintStyle,\n  SkPaint,\n  SkPath,\n  SkRect,\n  SkRRect,\n  StrokeCap,\n  StrokeJoin,\n  Transforms3d,\n  Vector,\n} from \"../../skia/types\";\n\nexport type SkEnum<T> = Uncapitalize<keyof T extends string ? keyof T : never>;\n\nexport type PathDef = string | SkPath;\n\nexport type ClipDef = SkRRect | SkRect | PathDef;\n\nexport type Fit =\n  | \"cover\"\n  | \"contain\"\n  | \"fill\"\n  | \"fitHeight\"\n  | \"fitWidth\"\n  | \"none\"\n  | \"scaleDown\";\n\nexport type Radius = number | Vector;\n\nexport interface ChildrenProps {\n  children?: ReactNode | ReactNode[];\n}\n\nexport interface RectCtor {\n  x?: number;\n  y?: number;\n  width: number;\n  height: number;\n}\n\nexport interface RRectCtor extends RectCtor {\n  r?: Radius;\n}\n\nexport type RectDef = RectCtor | { rect: SkRect };\nexport type RRectDef = RRectCtor | { rect: InputRRect };\n\nexport interface PointCircleDef {\n  c?: Vector;\n  r: number;\n}\n\nexport interface ScalarCircleDef {\n  cx: number;\n  cy: number;\n  r: number;\n}\n\nexport type CircleDef = PointCircleDef | ScalarCircleDef;\n\nexport interface TransformProps {\n  transform?: Transforms3d;\n  origin?: Vector;\n  matrix?: InputMatrix;\n}\n\nexport interface CTMProps extends TransformProps {\n  clip?: ClipDef;\n  invertClip?: boolean;\n  layer?: SkPaint | boolean;\n}\n\nexport interface PaintProps extends ChildrenProps {\n  color?: Color;\n  strokeWidth?: number;\n  blendMode?: SkEnum<typeof BlendMode>;\n  style?: SkEnum<typeof PaintStyle>;\n  strokeJoin?: SkEnum<typeof StrokeJoin>;\n  strokeCap?: SkEnum<typeof StrokeCap>;\n  strokeMiter?: number;\n  opacity?: number;\n  antiAlias?: boolean;\n  dither?: boolean;\n}\n\nexport interface GroupProps extends PaintProps, CTMProps {}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["Common.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nimport type {\n  BlendMode,\n  Color,\n  InputMatrix,\n  InputRRect,\n  PaintStyle,\n  SkPaint,\n  SkPath,\n  SkRect,\n  SkRRect,\n  StrokeCap,\n  StrokeJoin,\n  Transforms3d,\n  Vector,\n} from \"../../skia/types\";\n\nexport type SkEnum<T> = Uncapitalize<keyof T extends string ? keyof T : never>;\n\nexport type PathDef = string | SkPath;\n\nexport type ClipDef = SkRRect | SkRect | PathDef;\n\nexport type Fit =\n  | \"cover\"\n  | \"contain\"\n  | \"fill\"\n  | \"fitHeight\"\n  | \"fitWidth\"\n  | \"none\"\n  | \"scaleDown\";\n\nexport type Radius = number | Vector;\n\nexport interface ChildrenProps {\n  children?: ReactNode | ReactNode[];\n}\n\nexport interface RectCtor {\n  x?: number;\n  y?: number;\n  width: number;\n  height: number;\n}\n\nexport interface RRectCtor extends RectCtor {\n  r?: Radius;\n}\n\nexport type RectDef = RectCtor | { rect: SkRect };\nexport type RRectDef = RRectCtor | { rect: InputRRect };\n\nexport interface PointCircleDef {\n  c?: Vector;\n  r: number;\n}\n\nexport interface ScalarCircleDef {\n  cx: number;\n  cy: number;\n  r: number;\n}\n\nexport type CircleDef = PointCircleDef | ScalarCircleDef;\n\nexport interface TransformProps {\n  transform?: Transforms3d;\n  origin?: Vector;\n  matrix?: InputMatrix;\n}\n\nexport interface CTMProps extends TransformProps {\n  clip?: ClipDef;\n  invertClip?: boolean;\n  layer?: SkPaint | boolean;\n}\n\nexport interface PaintProps extends ChildrenProps {\n  color?: Color;\n  strokeWidth?: number;\n  blendMode?: SkEnum<typeof BlendMode>;\n  style?: SkEnum<typeof PaintStyle>;\n  strokeJoin?: SkEnum<typeof StrokeJoin>;\n  strokeCap?: SkEnum<typeof StrokeCap>;\n  strokeMiter?: number;\n  opacity?: number;\n  antiAlias?: boolean;\n  dither?: boolean;\n}\n\nexport interface GroupProps extends PaintProps, CTMProps {\n  zIndex?: number;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/module/skia/types/Recorder.d.ts

@@ -1,9 +1,9 @@
 import type { SharedValue } from "react-native-reanimated";
-import type { TextProps, AtlasProps, BlurMaskFilterProps, BoxProps, BoxShadowProps, CircleProps, CTMProps, DiffRectProps, GlyphsProps, ImageProps, ImageSVGProps, LineProps, NodeType, OvalProps, PaintProps, ParagraphProps, PatchProps, PathProps, PictureProps, PointsProps, RectProps, RoundedRectProps, TextBlobProps, TextPathProps, VerticesProps, SkottieProps } from "../../dom/types";
+import type { TextProps, AtlasProps, BlurMaskFilterProps, BoxProps, BoxShadowProps, CircleProps, CTMProps, DiffRectProps, GlyphsProps, ImageProps, ImageSVGProps, LineProps, NodeType, OvalProps, PaintProps, ParagraphProps, PatchProps, PathProps, PictureProps, PointsProps, RectProps, RoundedRectProps, TextBlobProps, TextPathProps, VerticesProps, SkottieProps, DrawingNodeProps } from "../../dom/types";
 import type { AnimatedProps } from "../../renderer/processors/Animations/Animations";
 import type { SkPicture } from "./Picture";
 export interface BaseRecorder {
-    saveGroup(): void;
+    saveGroup(props?: AnimatedProps<Pick<DrawingNodeProps, "zIndex">>): void;
     restoreGroup(): void;
     savePaint(props: AnimatedProps<PaintProps>, standalone: boolean): void;
     restorePaint(): void;

package/lib/module/skia/types/Recorder.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["Recorder.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport type {\n  TextProps,\n  AtlasProps,\n  BlurMaskFilterProps,\n  BoxProps,\n  BoxShadowProps,\n  CircleProps,\n  CTMProps,\n  DiffRectProps,\n  GlyphsProps,\n  ImageProps,\n  ImageSVGProps,\n  LineProps,\n  NodeType,\n  OvalProps,\n  PaintProps,\n  ParagraphProps,\n  PatchProps,\n  PathProps,\n  PictureProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  TextBlobProps,\n  TextPathProps,\n  VerticesProps,\n  SkottieProps,\n} from \"../../dom/types\";\nimport type { AnimatedProps } from \"../../renderer/processors/Animations/Animations\";\n\nimport type { SkPicture } from \"./Picture\";\n\nexport interface BaseRecorder {\n  saveGroup(): void;\n  restoreGroup(): void;\n  savePaint(props: AnimatedProps<PaintProps>, standalone: boolean): void;\n  restorePaint(): void;\n  restorePaintDeclaration(): void;\n  materializePaint(): void;\n  pushPathEffect(pathEffectType: NodeType, props: AnimatedProps<unknown>): void;\n  pushImageFilter(\n    imageFilterType: NodeType,\n    props: AnimatedProps<unknown>\n  ): void;\n  pushColorFilter(\n    colorFilterType: NodeType,\n    props: AnimatedProps<unknown>\n  ): void;\n  pushShader(\n    shaderType: NodeType,\n    props: AnimatedProps<unknown>,\n    children: number\n  ): void;\n  pushBlurMaskFilter(props: AnimatedProps<BlurMaskFilterProps>): void;\n  composePathEffect(): void;\n  composeColorFilter(): void;\n  composeImageFilter(): void;\n  saveCTM(props: AnimatedProps<CTMProps>): void;\n  restoreCTM(): void;\n  drawPaint(): void;\n  saveLayer(): void;\n  saveBackdropFilter(): void;\n  drawBox(\n    boxProps: AnimatedProps<BoxProps>,\n    shadows: {\n      props: BoxShadowProps;\n      animatedProps?: Record<string, SharedValue<unknown>>;\n    }[]\n  ): void;\n  drawImage(props: AnimatedProps<ImageProps>): void;\n  drawCircle(props: AnimatedProps<CircleProps>): void;\n  drawPoints(props: AnimatedProps<PointsProps>): void;\n  drawPath(props: AnimatedProps<PathProps>): void;\n  drawRect(props: AnimatedProps<RectProps>): void;\n  drawRRect(props: AnimatedProps<RoundedRectProps>): void;\n  drawOval(props: AnimatedProps<OvalProps>): void;\n  drawLine(props: AnimatedProps<LineProps>): void;\n  drawPatch(props: AnimatedProps<PatchProps>): void;\n  drawVertices(props: AnimatedProps<VerticesProps>): void;\n  drawDiffRect(props: AnimatedProps<DiffRectProps>): void;\n  drawText(props: AnimatedProps<TextProps>): void;\n  drawTextPath(props: AnimatedProps<TextPathProps>): void;\n  drawTextBlob(props: AnimatedProps<TextBlobProps>): void;\n  drawGlyphs(props: AnimatedProps<GlyphsProps>): void;\n  drawPicture(props: AnimatedProps<PictureProps>): void;\n  drawImageSVG(props: AnimatedProps<ImageSVGProps>): void;\n  drawParagraph(props: AnimatedProps<ParagraphProps>): void;\n  drawSkottie(props: AnimatedProps<SkottieProps>): void;\n  drawAtlas(props: AnimatedProps<AtlasProps>): void;\n}\n\nexport interface JsiRecorder extends BaseRecorder {\n  play(picture: SkPicture): void;\n  applyUpdates(variables: SharedValue<unknown>[]): void;\n  reset(): void;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["Recorder.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport type {\n  TextProps,\n  AtlasProps,\n  BlurMaskFilterProps,\n  BoxProps,\n  BoxShadowProps,\n  CircleProps,\n  CTMProps,\n  DiffRectProps,\n  GlyphsProps,\n  ImageProps,\n  ImageSVGProps,\n  LineProps,\n  NodeType,\n  OvalProps,\n  PaintProps,\n  ParagraphProps,\n  PatchProps,\n  PathProps,\n  PictureProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  TextBlobProps,\n  TextPathProps,\n  VerticesProps,\n  SkottieProps,\n  DrawingNodeProps,\n} from \"../../dom/types\";\nimport type { AnimatedProps } from \"../../renderer/processors/Animations/Animations\";\n\nimport type { SkPicture } from \"./Picture\";\n\nexport interface BaseRecorder {\n  saveGroup(props?: AnimatedProps<Pick<DrawingNodeProps, \"zIndex\">>): void;\n  restoreGroup(): void;\n  savePaint(props: AnimatedProps<PaintProps>, standalone: boolean): void;\n  restorePaint(): void;\n  restorePaintDeclaration(): void;\n  materializePaint(): void;\n  pushPathEffect(pathEffectType: NodeType, props: AnimatedProps<unknown>): void;\n  pushImageFilter(\n    imageFilterType: NodeType,\n    props: AnimatedProps<unknown>\n  ): void;\n  pushColorFilter(\n    colorFilterType: NodeType,\n    props: AnimatedProps<unknown>\n  ): void;\n  pushShader(\n    shaderType: NodeType,\n    props: AnimatedProps<unknown>,\n    children: number\n  ): void;\n  pushBlurMaskFilter(props: AnimatedProps<BlurMaskFilterProps>): void;\n  composePathEffect(): void;\n  composeColorFilter(): void;\n  composeImageFilter(): void;\n  saveCTM(props: AnimatedProps<CTMProps>): void;\n  restoreCTM(): void;\n  drawPaint(): void;\n  saveLayer(): void;\n  saveBackdropFilter(): void;\n  drawBox(\n    boxProps: AnimatedProps<BoxProps>,\n    shadows: {\n      props: BoxShadowProps;\n      animatedProps?: Record<string, SharedValue<unknown>>;\n    }[]\n  ): void;\n  drawImage(props: AnimatedProps<ImageProps>): void;\n  drawCircle(props: AnimatedProps<CircleProps>): void;\n  drawPoints(props: AnimatedProps<PointsProps>): void;\n  drawPath(props: AnimatedProps<PathProps>): void;\n  drawRect(props: AnimatedProps<RectProps>): void;\n  drawRRect(props: AnimatedProps<RoundedRectProps>): void;\n  drawOval(props: AnimatedProps<OvalProps>): void;\n  drawLine(props: AnimatedProps<LineProps>): void;\n  drawPatch(props: AnimatedProps<PatchProps>): void;\n  drawVertices(props: AnimatedProps<VerticesProps>): void;\n  drawDiffRect(props: AnimatedProps<DiffRectProps>): void;\n  drawText(props: AnimatedProps<TextProps>): void;\n  drawTextPath(props: AnimatedProps<TextPathProps>): void;\n  drawTextBlob(props: AnimatedProps<TextBlobProps>): void;\n  drawGlyphs(props: AnimatedProps<GlyphsProps>): void;\n  drawPicture(props: AnimatedProps<PictureProps>): void;\n  drawImageSVG(props: AnimatedProps<ImageSVGProps>): void;\n  drawParagraph(props: AnimatedProps<ParagraphProps>): void;\n  drawSkottie(props: AnimatedProps<SkottieProps>): void;\n  drawAtlas(props: AnimatedProps<AtlasProps>): void;\n}\n\nexport interface JsiRecorder extends BaseRecorder {\n  play(picture: SkPicture): void;\n  applyUpdates(variables: SharedValue<unknown>[]): void;\n  reset(): void;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/module/sksg/Recorder/Core.d.ts

@@ -46,7 +46,8 @@ export type Command<T extends CommandType = CommandType> = {
 };
 export declare const materializeCommand: (command: any) => any;
 export declare const isCommand: <T extends CommandType>(command: Command, type: T) => command is Command<T>;
-interface GroupCommand extends Command<CommandType.Group> {
+export interface GroupCommand extends Command<CommandType.Group> {
+    props?: Pick<DrawingNodeProps, "zIndex">;
     children: Command[];
 }
 export declare const isGroup: (command: Command) => command is GroupCommand;

package/lib/module/sksg/Recorder/Core.js

@@ -1,45 +1,3 @@
-// export enum CommandType {
-//   // Context
-//   Group = "Group",
-//   SavePaint = "SavePaint",
-//   RestorePaint = "RestorePaint",
-//   SaveCTM = "SaveCTM",
-//   RestoreCTM = "RestoreCTM",
-//   PushColorFilter = "PushColorFilter",
-//   PushBlurMaskFilter = "PushBlurMaskFilter",
-//   PushImageFilter = "PushImageFilter",
-//   PushPathEffect = "PushPathEffect",
-//   PushShader = "PushShader",
-//   ComposeColorFilter = "ComposeColorFilter",
-//   ComposeImageFilter = "ComposeImageFilter",
-//   ComposePathEffect = "ComposePathEffect",
-//   MaterializePaint = "MaterializePaint",
-//   SaveBackdropFilter = "SaveBackdropFilter",
-//   SaveLayer = "SaveLayer",
-//   RestorePaintDeclaration = "RestorePaintDeclaration",
-//   // Drawing
-//   DrawBox = "DrawBox",
-//   DrawImage = "DrawImage",
-//   DrawCircle = "DrawCircle",
-//   DrawPaint = "DrawPaint",
-//   DrawPoints = "DrawPoints",
-//   DrawPath = "DrawPath",
-//   DrawRect = "DrawRect",
-//   DrawRRect = "DrawRRect",
-//   DrawOval = "DrawOval",
-//   DrawLine = "DrawLine",
-//   DrawPatch = "DrawPatch",
-//   DrawVertices = "DrawVertices",
-//   DrawDiffRect = "DrawDiffRect",
-//   DrawText = "DrawText",
-//   DrawTextPath = "DrawTextPath",
-//   DrawTextBlob = "DrawTextBlob",
-//   DrawGlyphs = "DrawGlyphs",
-//   DrawPicture = "DrawPicture",
-//   DrawImageSVG = "DrawImageSVG",
-//   DrawParagraph = "DrawParagraph",
-//   DrawAtlas = "DrawAtlas",
-// }
 export let CommandType = /*#__PURE__*/function (CommandType) {
   // Context
   CommandType[CommandType["Group"] = 0] = "Group";

package/lib/module/sksg/Recorder/Core.js.map

@@ -1 +1 @@
-{"version":3,"names":["CommandType","materializeCommand","command","newProps","props","animatedProps","key","value","isCommand","type","isGroup","Group","isDrawCommand"],"sources":["Core.ts"],"sourcesContent":["import type {\n  BlurMaskFilterProps,\n  CircleProps,\n  CTMProps,\n  ImageProps,\n  PointsProps,\n  PathProps,\n  RectProps,\n  RoundedRectProps,\n  OvalProps,\n  LineProps,\n  PatchProps,\n  VerticesProps,\n  DiffRectProps,\n  TextProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  PictureProps,\n  ImageSVGProps,\n  ParagraphProps,\n  AtlasProps,\n  DrawingNodeProps,\n  SkottieProps,\n} from \"../../dom/types\";\n\n// export enum CommandType {\n//   // Context\n//   Group = \"Group\",\n//   SavePaint = \"SavePaint\",\n//   RestorePaint = \"RestorePaint\",\n//   SaveCTM = \"SaveCTM\",\n//   RestoreCTM = \"RestoreCTM\",\n//   PushColorFilter = \"PushColorFilter\",\n//   PushBlurMaskFilter = \"PushBlurMaskFilter\",\n//   PushImageFilter = \"PushImageFilter\",\n//   PushPathEffect = \"PushPathEffect\",\n//   PushShader = \"PushShader\",\n//   ComposeColorFilter = \"ComposeColorFilter\",\n//   ComposeImageFilter = \"ComposeImageFilter\",\n//   ComposePathEffect = \"ComposePathEffect\",\n//   MaterializePaint = \"MaterializePaint\",\n//   SaveBackdropFilter = \"SaveBackdropFilter\",\n//   SaveLayer = \"SaveLayer\",\n//   RestorePaintDeclaration = \"RestorePaintDeclaration\",\n//   // Drawing\n//   DrawBox = \"DrawBox\",\n//   DrawImage = \"DrawImage\",\n//   DrawCircle = \"DrawCircle\",\n//   DrawPaint = \"DrawPaint\",\n//   DrawPoints = \"DrawPoints\",\n//   DrawPath = \"DrawPath\",\n//   DrawRect = \"DrawRect\",\n//   DrawRRect = \"DrawRRect\",\n//   DrawOval = \"DrawOval\",\n//   DrawLine = \"DrawLine\",\n//   DrawPatch = \"DrawPatch\",\n//   DrawVertices = \"DrawVertices\",\n//   DrawDiffRect = \"DrawDiffRect\",\n//   DrawText = \"DrawText\",\n//   DrawTextPath = \"DrawTextPath\",\n//   DrawTextBlob = \"DrawTextBlob\",\n//   DrawGlyphs = \"DrawGlyphs\",\n//   DrawPicture = \"DrawPicture\",\n//   DrawImageSVG = \"DrawImageSVG\",\n//   DrawParagraph = \"DrawParagraph\",\n//   DrawAtlas = \"DrawAtlas\",\n// }\nexport enum CommandType {\n  // Context\n  Group,\n  SavePaint,\n  RestorePaint,\n  SaveCTM,\n  RestoreCTM,\n  PushColorFilter,\n  PushBlurMaskFilter,\n  PushImageFilter,\n  PushPathEffect,\n  PushShader,\n  ComposeColorFilter,\n  ComposeImageFilter,\n  ComposePathEffect,\n  MaterializePaint,\n  SaveBackdropFilter,\n  SaveLayer,\n  RestorePaintDeclaration,\n  // Drawing\n  DrawBox,\n  DrawImage,\n  DrawCircle,\n  DrawPaint,\n  DrawPoints,\n  DrawPath,\n  DrawRect,\n  DrawRRect,\n  DrawOval,\n  DrawLine,\n  DrawPatch,\n  DrawVertices,\n  DrawDiffRect,\n  DrawText,\n  DrawTextPath,\n  DrawTextBlob,\n  DrawGlyphs,\n  DrawPicture,\n  DrawImageSVG,\n  DrawParagraph,\n  DrawAtlas,\n  DrawSkottie,\n}\n\nexport type Command<T extends CommandType = CommandType> = {\n  type: T;\n  [key: string]: unknown;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const materializeCommand = (command: any) => {\n  \"worklet\";\n  const newProps = { ...command.props };\n  if (command.animatedProps) {\n    for (const key in command.animatedProps) {\n      newProps[key] = command.animatedProps[key].value;\n    }\n  }\n  return { ...command, props: newProps };\n};\n\nexport const isCommand = <T extends CommandType>(\n  command: Command,\n  type: T\n): command is Command<T> => {\n  \"worklet\";\n  return command.type === type;\n};\n\ninterface GroupCommand extends Command<CommandType.Group> {\n  children: Command[];\n}\n\nexport const isGroup = (command: Command): command is GroupCommand => {\n  \"worklet\";\n  return command.type === CommandType.Group;\n};\n\ninterface Props {\n  [CommandType.DrawImage]: ImageProps;\n  [CommandType.DrawCircle]: CircleProps;\n  [CommandType.SaveCTM]: CTMProps;\n  [CommandType.SavePaint]: DrawingNodeProps;\n  [CommandType.PushBlurMaskFilter]: BlurMaskFilterProps;\n  [CommandType.DrawPoints]: PointsProps;\n  [CommandType.DrawPath]: PathProps;\n  [CommandType.DrawRect]: RectProps;\n  [CommandType.DrawRRect]: RoundedRectProps;\n  [CommandType.DrawOval]: OvalProps;\n  [CommandType.DrawLine]: LineProps;\n  [CommandType.DrawPatch]: PatchProps;\n  [CommandType.DrawVertices]: VerticesProps;\n  [CommandType.DrawDiffRect]: DiffRectProps;\n  [CommandType.DrawText]: TextProps;\n  [CommandType.DrawTextPath]: TextPathProps;\n  [CommandType.DrawTextBlob]: TextBlobProps;\n  [CommandType.DrawGlyphs]: GlyphsProps;\n  [CommandType.DrawPicture]: PictureProps;\n  [CommandType.DrawImageSVG]: ImageSVGProps;\n  [CommandType.DrawParagraph]: ParagraphProps;\n  [CommandType.DrawAtlas]: AtlasProps;\n  [CommandType.DrawSkottie]: SkottieProps;\n}\n\ninterface DrawCommand<T extends CommandType> extends Command<T> {\n  props: T extends keyof Props ? Props[T] : never;\n}\n\nexport const isDrawCommand = <T extends keyof Props>(\n  command: Command,\n  type: T\n): command is DrawCommand<T> => {\n  \"worklet\";\n  return command.type === type;\n};\n"],"mappings":"AA0BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAYA,WAAW,0BAAXA,WAAW;EACrB;EADUA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAmBrB;EAnBUA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA;AAiDvB;AACA,OAAO,MAAMC,kBAAkB,GAAIC,OAAY,IAAK;EAClD,SAAS;;EACT,MAAMC,QAAQ,GAAG;IAAE,GAAGD,OAAO,CAACE;EAAM,CAAC;EACrC,IAAIF,OAAO,CAACG,aAAa,EAAE;IACzB,KAAK,MAAMC,GAAG,IAAIJ,OAAO,CAACG,aAAa,EAAE;MACvCF,QAAQ,CAACG,GAAG,CAAC,GAAGJ,OAAO,CAACG,aAAa,CAACC,GAAG,CAAC,CAACC,KAAK;IAClD;EACF;EACA,OAAO;IAAE,GAAGL,OAAO;IAAEE,KAAK,EAAED;EAAS,CAAC;AACxC,CAAC;AAED,OAAO,MAAMK,SAAS,GAAGA,CACvBN,OAAgB,EAChBO,IAAO,KACmB;EAC1B,SAAS;;EACT,OAAOP,OAAO,CAACO,IAAI,KAAKA,IAAI;AAC9B,CAAC;AAMD,OAAO,MAAMC,OAAO,GAAIR,OAAgB,IAA8B;EACpE,SAAS;;EACT,OAAOA,OAAO,CAACO,IAAI,KAAKT,WAAW,CAACW,KAAK;AAC3C,CAAC;AAgCD,OAAO,MAAMC,aAAa,GAAGA,CAC3BV,OAAgB,EAChBO,IAAO,KACuB;EAC9B,SAAS;;EACT,OAAOP,OAAO,CAACO,IAAI,KAAKA,IAAI;AAC9B,CAAC","ignoreList":[]}
+{"version":3,"names":["CommandType","materializeCommand","command","newProps","props","animatedProps","key","value","isCommand","type","isGroup","Group","isDrawCommand"],"sources":["Core.ts"],"sourcesContent":["import type {\n  BlurMaskFilterProps,\n  CircleProps,\n  CTMProps,\n  ImageProps,\n  PointsProps,\n  PathProps,\n  RectProps,\n  RoundedRectProps,\n  OvalProps,\n  LineProps,\n  PatchProps,\n  VerticesProps,\n  DiffRectProps,\n  TextProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  PictureProps,\n  ImageSVGProps,\n  ParagraphProps,\n  AtlasProps,\n  DrawingNodeProps,\n  SkottieProps,\n} from \"../../dom/types\";\n\nexport enum CommandType {\n  // Context\n  Group,\n  SavePaint,\n  RestorePaint,\n  SaveCTM,\n  RestoreCTM,\n  PushColorFilter,\n  PushBlurMaskFilter,\n  PushImageFilter,\n  PushPathEffect,\n  PushShader,\n  ComposeColorFilter,\n  ComposeImageFilter,\n  ComposePathEffect,\n  MaterializePaint,\n  SaveBackdropFilter,\n  SaveLayer,\n  RestorePaintDeclaration,\n  // Drawing\n  DrawBox,\n  DrawImage,\n  DrawCircle,\n  DrawPaint,\n  DrawPoints,\n  DrawPath,\n  DrawRect,\n  DrawRRect,\n  DrawOval,\n  DrawLine,\n  DrawPatch,\n  DrawVertices,\n  DrawDiffRect,\n  DrawText,\n  DrawTextPath,\n  DrawTextBlob,\n  DrawGlyphs,\n  DrawPicture,\n  DrawImageSVG,\n  DrawParagraph,\n  DrawAtlas,\n  DrawSkottie,\n}\n\nexport type Command<T extends CommandType = CommandType> = {\n  type: T;\n  [key: string]: unknown;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const materializeCommand = (command: any) => {\n  \"worklet\";\n  const newProps = { ...command.props };\n  if (command.animatedProps) {\n    for (const key in command.animatedProps) {\n      newProps[key] = command.animatedProps[key].value;\n    }\n  }\n  return { ...command, props: newProps };\n};\n\nexport const isCommand = <T extends CommandType>(\n  command: Command,\n  type: T\n): command is Command<T> => {\n  \"worklet\";\n  return command.type === type;\n};\n\nexport interface GroupCommand extends Command<CommandType.Group> {\n  props?: Pick<DrawingNodeProps, \"zIndex\">;\n  children: Command[];\n}\n\nexport const isGroup = (command: Command): command is GroupCommand => {\n  \"worklet\";\n  return command.type === CommandType.Group;\n};\n\ninterface Props {\n  [CommandType.DrawImage]: ImageProps;\n  [CommandType.DrawCircle]: CircleProps;\n  [CommandType.SaveCTM]: CTMProps;\n  [CommandType.SavePaint]: DrawingNodeProps;\n  [CommandType.PushBlurMaskFilter]: BlurMaskFilterProps;\n  [CommandType.DrawPoints]: PointsProps;\n  [CommandType.DrawPath]: PathProps;\n  [CommandType.DrawRect]: RectProps;\n  [CommandType.DrawRRect]: RoundedRectProps;\n  [CommandType.DrawOval]: OvalProps;\n  [CommandType.DrawLine]: LineProps;\n  [CommandType.DrawPatch]: PatchProps;\n  [CommandType.DrawVertices]: VerticesProps;\n  [CommandType.DrawDiffRect]: DiffRectProps;\n  [CommandType.DrawText]: TextProps;\n  [CommandType.DrawTextPath]: TextPathProps;\n  [CommandType.DrawTextBlob]: TextBlobProps;\n  [CommandType.DrawGlyphs]: GlyphsProps;\n  [CommandType.DrawPicture]: PictureProps;\n  [CommandType.DrawImageSVG]: ImageSVGProps;\n  [CommandType.DrawParagraph]: ParagraphProps;\n  [CommandType.DrawAtlas]: AtlasProps;\n  [CommandType.DrawSkottie]: SkottieProps;\n}\n\ninterface DrawCommand<T extends CommandType> extends Command<T> {\n  props: T extends keyof Props ? Props[T] : never;\n}\n\nexport const isDrawCommand = <T extends keyof Props>(\n  command: Command,\n  type: T\n): command is DrawCommand<T> => {\n  \"worklet\";\n  return command.type === type;\n};\n"],"mappings":"AA0BA,WAAYA,WAAW,0BAAXA,WAAW;EACrB;EADUA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAmBrB;EAnBUA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA;AAiDvB;AACA,OAAO,MAAMC,kBAAkB,GAAIC,OAAY,IAAK;EAClD,SAAS;;EACT,MAAMC,QAAQ,GAAG;IAAE,GAAGD,OAAO,CAACE;EAAM,CAAC;EACrC,IAAIF,OAAO,CAACG,aAAa,EAAE;IACzB,KAAK,MAAMC,GAAG,IAAIJ,OAAO,CAACG,aAAa,EAAE;MACvCF,QAAQ,CAACG,GAAG,CAAC,GAAGJ,OAAO,CAACG,aAAa,CAACC,GAAG,CAAC,CAACC,KAAK;IAClD;EACF;EACA,OAAO;IAAE,GAAGL,OAAO;IAAEE,KAAK,EAAED;EAAS,CAAC;AACxC,CAAC;AAED,OAAO,MAAMK,SAAS,GAAGA,CACvBN,OAAgB,EAChBO,IAAO,KACmB;EAC1B,SAAS;;EACT,OAAOP,OAAO,CAACO,IAAI,KAAKA,IAAI;AAC9B,CAAC;AAOD,OAAO,MAAMC,OAAO,GAAIR,OAAgB,IAA8B;EACpE,SAAS;;EACT,OAAOA,OAAO,CAACO,IAAI,KAAKT,WAAW,CAACW,KAAK;AAC3C,CAAC;AAgCD,OAAO,MAAMC,aAAa,GAAGA,CAC3BV,OAAgB,EAChBO,IAAO,KACuB;EAC9B,SAAS;;EACT,OAAOP,OAAO,CAACO,IAAI,KAAKA,IAAI;AAC9B,CAAC","ignoreList":[]}

package/lib/module/sksg/Recorder/Debug.d.ts

@@ -0,0 +1,2 @@
+import type { Command } from "./Core";
+export declare const debugTree: (commands: Command[], indent?: number) => string;

package/lib/module/sksg/Recorder/Debug.js

@@ -0,0 +1,79 @@
+import { CommandType, isGroup } from "./Core";
+const CommandTypeNames = {
+  [CommandType.Group]: "Group",
+  [CommandType.SavePaint]: "SavePaint",
+  [CommandType.RestorePaint]: "RestorePaint",
+  [CommandType.SaveCTM]: "SaveCTM",
+  [CommandType.RestoreCTM]: "RestoreCTM",
+  [CommandType.PushColorFilter]: "PushColorFilter",
+  [CommandType.PushBlurMaskFilter]: "PushBlurMaskFilter",
+  [CommandType.PushImageFilter]: "PushImageFilter",
+  [CommandType.PushPathEffect]: "PushPathEffect",
+  [CommandType.PushShader]: "PushShader",
+  [CommandType.ComposeColorFilter]: "ComposeColorFilter",
+  [CommandType.ComposeImageFilter]: "ComposeImageFilter",
+  [CommandType.ComposePathEffect]: "ComposePathEffect",
+  [CommandType.MaterializePaint]: "MaterializePaint",
+  [CommandType.SaveBackdropFilter]: "SaveBackdropFilter",
+  [CommandType.SaveLayer]: "SaveLayer",
+  [CommandType.RestorePaintDeclaration]: "RestorePaintDeclaration",
+  [CommandType.DrawBox]: "DrawBox",
+  [CommandType.DrawImage]: "DrawImage",
+  [CommandType.DrawCircle]: "DrawCircle",
+  [CommandType.DrawPaint]: "DrawPaint",
+  [CommandType.DrawPoints]: "DrawPoints",
+  [CommandType.DrawPath]: "DrawPath",
+  [CommandType.DrawRect]: "DrawRect",
+  [CommandType.DrawRRect]: "DrawRRect",
+  [CommandType.DrawOval]: "DrawOval",
+  [CommandType.DrawLine]: "DrawLine",
+  [CommandType.DrawPatch]: "DrawPatch",
+  [CommandType.DrawVertices]: "DrawVertices",
+  [CommandType.DrawDiffRect]: "DrawDiffRect",
+  [CommandType.DrawText]: "DrawText",
+  [CommandType.DrawTextPath]: "DrawTextPath",
+  [CommandType.DrawTextBlob]: "DrawTextBlob",
+  [CommandType.DrawGlyphs]: "DrawGlyphs",
+  [CommandType.DrawPicture]: "DrawPicture",
+  [CommandType.DrawImageSVG]: "DrawImageSVG",
+  [CommandType.DrawParagraph]: "DrawParagraph",
+  [CommandType.DrawAtlas]: "DrawAtlas",
+  [CommandType.DrawSkottie]: "DrawSkottie"
+};
+const serializeProps = props => {
+  try {
+    return JSON.stringify(props, (key, value) => {
+      if (key === "children") {
+        return undefined;
+      }
+      if (typeof value === "bigint") {
+        return value.toString();
+      }
+      return value;
+    });
+  } catch (e) {
+    return `"Error serializing props: ${e}"`;
+  }
+};
+export const debugTree = (commands, indent = 0) => {
+  let result = "[\n";
+  const prefix = " ".repeat(indent + 2);
+  commands.forEach((cmd, index) => {
+    const type = CommandTypeNames[cmd.type] || "Unknown";
+    result += `${prefix}{ "type": "${type}"`;
+    if ("props" in cmd) {
+      result += `, "props": ${serializeProps(cmd.props)}`;
+    }
+    if (isGroup(cmd)) {
+      result += `, "children": ${debugTree(cmd.children, indent + 2)}`;
+    }
+    result += " }";
+    if (index < commands.length - 1) {
+      result += ",";
+    }
+    result += "\n";
+  });
+  result += " ".repeat(indent) + "]";
+  return result;
+};
+//# sourceMappingURL=Debug.js.map

package/lib/module/sksg/Recorder/Debug.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CommandType","isGroup","CommandTypeNames","Group","SavePaint","RestorePaint","SaveCTM","RestoreCTM","PushColorFilter","PushBlurMaskFilter","PushImageFilter","PushPathEffect","PushShader","ComposeColorFilter","ComposeImageFilter","ComposePathEffect","MaterializePaint","SaveBackdropFilter","SaveLayer","RestorePaintDeclaration","DrawBox","DrawImage","DrawCircle","DrawPaint","DrawPoints","DrawPath","DrawRect","DrawRRect","DrawOval","DrawLine","DrawPatch","DrawVertices","DrawDiffRect","DrawText","DrawTextPath","DrawTextBlob","DrawGlyphs","DrawPicture","DrawImageSVG","DrawParagraph","DrawAtlas","DrawSkottie","serializeProps","props","JSON","stringify","key","value","undefined","toString","e","debugTree","commands","indent","result","prefix","repeat","forEach","cmd","index","type","children","length"],"sources":["Debug.ts"],"sourcesContent":["import { CommandType, isGroup } from \"./Core\";\nimport type { Command } from \"./Core\";\n\nconst CommandTypeNames: Record<CommandType, string> = {\n  [CommandType.Group]: \"Group\",\n  [CommandType.SavePaint]: \"SavePaint\",\n  [CommandType.RestorePaint]: \"RestorePaint\",\n  [CommandType.SaveCTM]: \"SaveCTM\",\n  [CommandType.RestoreCTM]: \"RestoreCTM\",\n  [CommandType.PushColorFilter]: \"PushColorFilter\",\n  [CommandType.PushBlurMaskFilter]: \"PushBlurMaskFilter\",\n  [CommandType.PushImageFilter]: \"PushImageFilter\",\n  [CommandType.PushPathEffect]: \"PushPathEffect\",\n  [CommandType.PushShader]: \"PushShader\",\n  [CommandType.ComposeColorFilter]: \"ComposeColorFilter\",\n  [CommandType.ComposeImageFilter]: \"ComposeImageFilter\",\n  [CommandType.ComposePathEffect]: \"ComposePathEffect\",\n  [CommandType.MaterializePaint]: \"MaterializePaint\",\n  [CommandType.SaveBackdropFilter]: \"SaveBackdropFilter\",\n  [CommandType.SaveLayer]: \"SaveLayer\",\n  [CommandType.RestorePaintDeclaration]: \"RestorePaintDeclaration\",\n  [CommandType.DrawBox]: \"DrawBox\",\n  [CommandType.DrawImage]: \"DrawImage\",\n  [CommandType.DrawCircle]: \"DrawCircle\",\n  [CommandType.DrawPaint]: \"DrawPaint\",\n  [CommandType.DrawPoints]: \"DrawPoints\",\n  [CommandType.DrawPath]: \"DrawPath\",\n  [CommandType.DrawRect]: \"DrawRect\",\n  [CommandType.DrawRRect]: \"DrawRRect\",\n  [CommandType.DrawOval]: \"DrawOval\",\n  [CommandType.DrawLine]: \"DrawLine\",\n  [CommandType.DrawPatch]: \"DrawPatch\",\n  [CommandType.DrawVertices]: \"DrawVertices\",\n  [CommandType.DrawDiffRect]: \"DrawDiffRect\",\n  [CommandType.DrawText]: \"DrawText\",\n  [CommandType.DrawTextPath]: \"DrawTextPath\",\n  [CommandType.DrawTextBlob]: \"DrawTextBlob\",\n  [CommandType.DrawGlyphs]: \"DrawGlyphs\",\n  [CommandType.DrawPicture]: \"DrawPicture\",\n  [CommandType.DrawImageSVG]: \"DrawImageSVG\",\n  [CommandType.DrawParagraph]: \"DrawParagraph\",\n  [CommandType.DrawAtlas]: \"DrawAtlas\",\n  [CommandType.DrawSkottie]: \"DrawSkottie\",\n};\n\nconst serializeProps = (props: unknown): string => {\n  try {\n    return JSON.stringify(props, (key, value) => {\n      if (key === \"children\") {\n        return undefined;\n      }\n      if (typeof value === \"bigint\") {\n        return value.toString();\n      }\n      return value;\n    });\n  } catch (e) {\n    return `\"Error serializing props: ${e}\"`;\n  }\n};\n\nexport const debugTree = (commands: Command[], indent = 0): string => {\n  let result = \"[\\n\";\n  const prefix = \" \".repeat(indent + 2);\n\n  commands.forEach((cmd, index) => {\n    const type = CommandTypeNames[cmd.type] || \"Unknown\";\n    result += `${prefix}{ \"type\": \"${type}\"`;\n\n    if (\"props\" in cmd) {\n      result += `, \"props\": ${serializeProps(cmd.props)}`;\n    }\n\n    if (isGroup(cmd)) {\n      result += `, \"children\": ${debugTree(cmd.children, indent + 2)}`;\n    }\n\n    result += \" }\";\n    if (index < commands.length - 1) {\n      result += \",\";\n    }\n    result += \"\\n\";\n  });\n\n  result += \" \".repeat(indent) + \"]\";\n  return result;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/sksg/Recorder/Player.d.ts

@@ -1,3 +1,3 @@
 import type { Command } from "./Core";
 import type { DrawingContext } from "./DrawingContext";
-export declare const replay: (ctx: DrawingContext, commands: Command[]) => void;
+export declare function replay(ctx: DrawingContext, commands: Command[]): void;

package/lib/module/sksg/Recorder/Player.js

@@ -7,11 +7,55 @@ import { setPaintProperties } from "./commands/Paint";
 import { composePathEffects, isPushPathEffect, pushPathEffect } from "./commands/PathEffects";
 import { isPushShader, pushShader } from "./commands/Shaders";
 import { CommandType, isCommand, isDrawCommand, isGroup, materializeCommand } from "./Core";
-function play(ctx, _command) {
+const getZIndex = command => {
   "worklet";
 
+  var _materialized$props;
+  const materialized = materializeCommand(command);
+  const {
+    zIndex
+  } = (_materialized$props = materialized.props) !== null && _materialized$props !== void 0 ? _materialized$props : {};
+  if (typeof zIndex !== "number" || Number.isNaN(zIndex)) {
+    return 0;
+  }
+  return zIndex;
+};
+const flushPendingGroups = (ctx, pendingGroups) => {
+  "worklet";
+
+  if (pendingGroups.length === 0) {
+    return;
+  }
+  pendingGroups.sort((a, b) => a.zIndex === b.zIndex ? a.order - b.order : a.zIndex - b.zIndex).forEach(({
+    command
+  }) => {
+    play(ctx, command);
+  });
+  pendingGroups.length = 0;
+};
+const play = (ctx, _command) => {
+  // eslint-disable-next-line @typescript-eslint/no-shadow
+  const playGroup = (ctx, group) => {
+    "worklet";
+
+    const pending = [];
+    group.children.forEach(child => {
+      if (isGroup(child)) {
+        pending.push({
+          command: child,
+          zIndex: getZIndex(child),
+          order: pending.length
+        });
+        return;
+      }
+      flushPendingGroups(ctx, pending);
+      play(ctx, child);
+    });
+    flushPendingGroups(ctx, pending);
+  };
+  "worklet";
   if (isGroup(_command)) {
-    _command.children.forEach(child => play(ctx, child));
+    playGroup(ctx, _command);
     return;
   }
   const command = materializeCommand(_command);
@@ -126,12 +170,13 @@ function play(ctx, _command) {
       ctx.paints.pop();
     });
   }
-}
-export const replay = (ctx, commands) => {
+};
+export function replay(ctx, commands) {
   "worklet";
 
+  //console.log(debugTree(commands));
   commands.forEach(command => {
     play(ctx, command);
   });
-};
+}
 //# sourceMappingURL=Player.js.map