@shopify/react-native-skia 1.7.7 → 1.8.0

package/lib/module/sksg/nodes/drawings.js.map

@@ -1 +1 @@
-{"version":3,"names":["deflate","enumKey","fitRects","inflate","NodeType","processCircle","processPath","processRect","processRRect","saturate","BlendMode","BlurStyle","ClipOp","FillType","isRRect","PointMode","VertexMode","materialize","drawLine","ctx","props","p1","p2","canvas","x","y","paint","drawOval","rect","Skia","drawBox","children","box","defaultBox","opacity","getAlphaf","RRectXY","shadows","map","node","type","BoxShadow","filter","n","shadow","inner","color","blur","spread","dx","dy","lPaint","Paint","setColor","Color","setAlphaf","setMaskFilter","MaskFilter","MakeBlur","Normal","drawRRect","delta","Point","Math","abs","save","clipRRect","Intersect","outer","drawDRRect","restore","drawBoxShadow","_ctx","_props","drawImage","image","_props$fit","fit","src","dst","width","height","drawImageRect","drawPoints","points","mode","drawVertices","textures","colors","indices","blendMode","vertexMode","Triangles","vertices","MakeVertices","c","undefined","defaultBlendMode","DstOver","SrcOver","blend","drawDiffRect","drawTextPath","path","font","initialOffset","text","ids","getGlyphIDs","widths","getGlyphWidths","rsx","meas","ContourMeasureIter","cont","next","dist","i","length","substring","p","t","getPosTan","adjustedX","adjustedY","push","RSXform","derived","TextBlob","MakeFromRSXform","drawTextBlob","drawText","drawPatch","texture","patch","pos","c2","c1","drawPath","start","trimStart","end","trimEnd","fillType","stroke","pathProps","hasStartOffset","hasEndOffset","hasStrokeOptions","hasFillType","willMutatePath","pristinePath","copy","setFillType","trim","drawRect","blob","drawGlyphs","glyphs","reduce","acc","glyph","id","positions","drawImageSVG","svg","translate","drawSvg","drawParagraph","paragraph","layout","drawPicture","picture","drawAtlas","sprites","transforms","drawCircle","r","drawFill","drawPaint"],"sources":["drawings.ts"],"sourcesContent":["\"worklet\";\n\nimport {\n  deflate,\n  enumKey,\n  fitRects,\n  inflate,\n  NodeType,\n  processCircle,\n  processPath,\n  processRect,\n  processRRect,\n} from \"../../dom/nodes\";\nimport type {\n  AtlasProps,\n  BoxProps,\n  BoxShadowProps,\n  CircleProps,\n  DiffRectProps,\n  DrawingNodeProps,\n  GlyphsProps,\n  ImageProps,\n  ImageSVGProps,\n  LineProps,\n  OvalProps,\n  ParagraphProps,\n  PatchProps,\n  PathProps,\n  PictureProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  TextBlobProps,\n  TextPathProps,\n  TextProps,\n  VerticesProps,\n} from \"../../dom/types\";\nimport { saturate } from \"../../renderer/processors\";\nimport type {\n  SkCanvas,\n  SkPaint,\n  SkPoint,\n  SkRSXform,\n  Skia,\n} from \"../../skia/types\";\nimport {\n  BlendMode,\n  BlurStyle,\n  ClipOp,\n  FillType,\n  isRRect,\n  PointMode,\n  VertexMode,\n} from \"../../skia/types\";\n\nimport type { Node } from \"./Node\";\nimport { materialize } from \"./utils\";\n\ninterface LocalDrawingContext {\n  Skia: Skia;\n  canvas: SkCanvas;\n  paint: SkPaint;\n}\n\nexport const drawLine = (ctx: LocalDrawingContext, props: LineProps) => {\n  const { p1, p2 } = props;\n  ctx.canvas.drawLine(p1.x, p1.y, p2.x, p2.y, ctx.paint);\n};\n\nexport const drawOval = (ctx: LocalDrawingContext, props: OvalProps) => {\n  const rect = processRect(ctx.Skia, props);\n  ctx.canvas.drawOval(rect, ctx.paint);\n};\n\nexport const drawBox = (\n  ctx: LocalDrawingContext,\n  props: BoxProps,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  children: Node<any>[]\n) => {\n  const { paint, Skia, canvas } = ctx;\n  const { box: defaultBox } = props;\n  const opacity = paint.getAlphaf();\n  const box = isRRect(defaultBox) ? defaultBox : Skia.RRectXY(defaultBox, 0, 0);\n  const shadows = children\n    .map((node) => {\n      if (node.type === NodeType.BoxShadow) {\n        return materialize(node.props);\n      }\n      return null;\n    })\n    .filter((n): n is BoxShadowProps => n !== null);\n  shadows\n    .filter((shadow) => !shadow.inner)\n    .map((shadow) => {\n      const { color = \"black\", blur, spread = 0, dx = 0, dy = 0 } = shadow;\n      const lPaint = Skia.Paint();\n      lPaint.setColor(Skia.Color(color));\n      lPaint.setAlphaf(paint.getAlphaf() * opacity);\n      lPaint.setMaskFilter(\n        Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)\n      );\n      canvas.drawRRect(inflate(Skia, box, spread, spread, dx, dy), lPaint);\n    });\n\n  canvas.drawRRect(box, paint);\n\n  shadows\n    .filter((shadow) => shadow.inner)\n    .map((shadow) => {\n      const { color = \"black\", blur, spread = 0, dx = 0, dy = 0 } = shadow;\n      const delta = Skia.Point(10 + Math.abs(dx), 10 + Math.abs(dy));\n      canvas.save();\n      canvas.clipRRect(box, ClipOp.Intersect, false);\n      const lPaint = Skia.Paint();\n      lPaint.setColor(Skia.Color(color));\n      lPaint.setAlphaf(paint.getAlphaf() * opacity);\n\n      lPaint.setMaskFilter(\n        Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)\n      );\n      const inner = deflate(Skia, box, spread, spread, dx, dy);\n      const outer = inflate(Skia, box, delta.x, delta.y);\n      canvas.drawDRRect(outer, inner, lPaint);\n      canvas.restore();\n    });\n};\n\nexport const drawBoxShadow = (\n  _ctx: LocalDrawingContext,\n  _props: BoxShadowProps\n) => {\n  //throw new Error(\"drawBoxShadow(): not implemented yet\");\n};\n\nexport const drawImage = (ctx: LocalDrawingContext, props: ImageProps) => {\n  const { image } = props;\n  if (image) {\n    const fit = props.fit ?? \"contain\";\n    const rect = processRect(ctx.Skia, props);\n    const { src, dst } = fitRects(\n      fit,\n      {\n        x: 0,\n        y: 0,\n        width: image.width(),\n        height: image.height(),\n      },\n      rect\n    );\n    ctx.canvas.drawImageRect(image, src, dst, ctx.paint);\n  }\n};\n\nexport const drawPoints = (ctx: LocalDrawingContext, props: PointsProps) => {\n  const { points, mode } = props;\n  ctx.canvas.drawPoints(PointMode[enumKey(mode)], points, ctx.paint);\n};\n\nexport const drawVertices = (\n  ctx: LocalDrawingContext,\n  props: VerticesProps\n) => {\n  const { mode, textures, colors, indices, blendMode } = props;\n  const vertexMode = mode ? VertexMode[enumKey(mode)] : VertexMode.Triangles;\n  const vertices = ctx.Skia.MakeVertices(\n    vertexMode,\n    props.vertices,\n    textures,\n    colors ? colors.map((c) => ctx.Skia.Color(c)) : undefined,\n    indices\n  );\n  const defaultBlendMode = colors ? BlendMode.DstOver : BlendMode.SrcOver;\n  const blend = blendMode ? BlendMode[enumKey(blendMode)] : defaultBlendMode;\n\n  ctx.canvas.drawVertices(vertices, blend, ctx.paint);\n};\n\nexport const drawDiffRect = (\n  ctx: LocalDrawingContext,\n  props: DiffRectProps\n) => {\n  const { outer, inner } = props;\n  ctx.canvas.drawDRRect(outer, inner, ctx.paint);\n};\n\nexport const drawTextPath = (\n  ctx: LocalDrawingContext,\n  props: TextPathProps\n) => {\n  const path = processPath(ctx.Skia, props.path);\n  const { font, initialOffset } = props;\n  if (font) {\n    let { text } = props;\n    const ids = font.getGlyphIDs(text);\n    const widths = font.getGlyphWidths(ids);\n    const rsx: SkRSXform[] = [];\n    const meas = ctx.Skia.ContourMeasureIter(path, false, 1);\n    let cont = meas.next();\n    let dist = initialOffset;\n    for (let i = 0; i < text.length && cont; i++) {\n      const width = widths[i];\n      dist += width / 2;\n      if (dist > cont.length()) {\n        // jump to next contour\n        cont = meas.next();\n        if (!cont) {\n          // We have come to the end of the path - terminate the string\n          // right here.\n          text = text.substring(0, i);\n          break;\n        }\n        dist = width / 2;\n      }\n      // Gives us the (x, y) coordinates as well as the cos/sin of the tangent\n      // line at that position.\n      const [p, t] = cont.getPosTan(dist);\n      const adjustedX = p.x - (width / 2) * t.x;\n      const adjustedY = p.y - (width / 2) * t.y;\n      rsx.push(ctx.Skia.RSXform(t.x, t.y, adjustedX, adjustedY));\n      dist += width / 2;\n    }\n    const derived = ctx.Skia.TextBlob.MakeFromRSXform(text, rsx, font);\n    ctx.canvas.drawTextBlob(derived, 0, 0, ctx.paint);\n  }\n};\n\nexport const drawText = (ctx: LocalDrawingContext, props: TextProps) => {\n  const { text, x, y, font } = props;\n  if (font != null) {\n    ctx.canvas.drawText(text, x, y, ctx.paint, font);\n  }\n};\n\nexport const drawPatch = (ctx: LocalDrawingContext, props: PatchProps) => {\n  const { texture, blendMode, patch } = props;\n  const defaultBlendMode = props.colors ? BlendMode.DstOver : BlendMode.SrcOver;\n  const mode = blendMode ? BlendMode[enumKey(blendMode)] : defaultBlendMode;\n  // Patch requires a path with the following constraints:\n  // M tl\n  // C c1 c2 br\n  // C c1 c2 bl\n  // C c1 c2 tl (the redundant point in the last command is removed)\n\n  const points = [\n    patch[0].pos,\n    patch[0].c2,\n    patch[1].c1,\n    patch[1].pos,\n    patch[1].c2,\n    patch[2].c1,\n    patch[2].pos,\n    patch[2].c2,\n    patch[3].c1,\n    patch[3].pos,\n    patch[3].c2,\n    patch[0].c1,\n  ];\n  const colors = props.colors\n    ? props.colors.map((c) => ctx.Skia.Color(c))\n    : undefined;\n  ctx.canvas.drawPatch(points, colors, texture, mode, ctx.paint);\n};\n\nexport const drawPath = (ctx: LocalDrawingContext, props: PathProps) => {\n  const {\n    start: trimStart,\n    end: trimEnd,\n    fillType,\n    stroke,\n    ...pathProps\n  } = props;\n  const start = saturate(trimStart);\n  const end = saturate(trimEnd);\n  const hasStartOffset = start !== 0;\n  const hasEndOffset = end !== 1;\n  const hasStrokeOptions = stroke !== undefined;\n  const hasFillType = !!fillType;\n  const willMutatePath =\n    hasStartOffset || hasEndOffset || hasStrokeOptions || hasFillType;\n  const pristinePath = processPath(ctx.Skia, pathProps.path);\n  const path = willMutatePath ? pristinePath.copy() : pristinePath;\n  if (hasFillType) {\n    path.setFillType(FillType[enumKey(fillType)]);\n  }\n  if (hasStrokeOptions) {\n    path.stroke(stroke);\n  }\n  if (hasStartOffset || hasEndOffset) {\n    path.trim(start, end, false);\n  }\n  ctx.canvas.drawPath(path, ctx.paint);\n};\n\nexport const drawRect = (ctx: LocalDrawingContext, props: RectProps) => {\n  const derived = processRect(ctx.Skia, props);\n  ctx.canvas.drawRect(derived, ctx.paint);\n};\n\nexport const drawRRect = (\n  ctx: LocalDrawingContext,\n  props: RoundedRectProps\n) => {\n  const derived = processRRect(ctx.Skia, props);\n  ctx.canvas.drawRRect(derived, ctx.paint);\n};\n\nexport const drawTextBlob = (\n  ctx: LocalDrawingContext,\n  props: TextBlobProps\n) => {\n  const { blob, x, y } = props;\n  ctx.canvas.drawTextBlob(blob, x, y, ctx.paint);\n};\n\ninterface ProcessedGlyphs {\n  glyphs: number[];\n  positions: SkPoint[];\n}\n\nexport const drawGlyphs = (ctx: LocalDrawingContext, props: GlyphsProps) => {\n  const derived = props.glyphs.reduce<ProcessedGlyphs>(\n    (acc, glyph) => {\n      const { id, pos } = glyph;\n      acc.glyphs.push(id);\n      acc.positions.push(pos);\n      return acc;\n    },\n    { glyphs: [], positions: [] }\n  );\n  const { glyphs, positions } = derived;\n  const { x, y, font } = props;\n  if (font) {\n    ctx.canvas.drawGlyphs(glyphs, positions, x, y, font, ctx.paint);\n  }\n};\n\nexport const drawImageSVG = (\n  ctx: LocalDrawingContext,\n  props: ImageSVGProps\n) => {\n  const { canvas } = ctx;\n  const { svg } = props;\n  const { x, y, width, height } = props.rect\n    ? props.rect\n    : { x: props.x, y: props.y, width: props.width, height: props.height };\n  if (svg === null) {\n    return;\n  }\n  canvas.save();\n  if (x && y) {\n    canvas.translate(x, y);\n  }\n  canvas.drawSvg(svg, width, height);\n  canvas.restore();\n};\n\nexport const drawParagraph = (\n  ctx: LocalDrawingContext,\n  props: ParagraphProps\n) => {\n  const { paragraph, x, y, width } = props;\n  if (paragraph) {\n    paragraph.layout(width);\n    paragraph.paint(ctx.canvas, x, y);\n  }\n};\n\nexport const drawPicture = (ctx: LocalDrawingContext, props: PictureProps) => {\n  const { picture } = props;\n  ctx.canvas.drawPicture(picture);\n};\n\nexport const drawAtlas = (ctx: LocalDrawingContext, props: AtlasProps) => {\n  const { image, sprites, transforms, colors, blendMode } = props;\n  const blend = blendMode ? BlendMode[enumKey(blendMode)] : undefined;\n  if (image) {\n    ctx.canvas.drawAtlas(image, sprites, transforms, ctx.paint, blend, colors);\n  }\n};\n\nexport const drawCircle = (ctx: LocalDrawingContext, props: CircleProps) => {\n  const { c } = processCircle(props);\n  const { r } = props;\n  ctx.canvas.drawCircle(c.x, c.y, r, ctx.paint);\n};\n\nexport const drawFill = (\n  ctx: LocalDrawingContext,\n  _props: DrawingNodeProps\n) => {\n  ctx.canvas.drawPaint(ctx.paint);\n};\n"],"mappings":"AAAA,SAAS;;AAET,SACEA,OAAO,EACPC,OAAO,EACPC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,aAAa,EACbC,WAAW,EACXC,WAAW,EACXC,YAAY,QACP,iBAAiB;AAyBxB,SAASC,QAAQ,QAAQ,2BAA2B;AAQpD,SACEC,SAAS,EACTC,SAAS,EACTC,MAAM,EACNC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,UAAU,QACL,kBAAkB;AAGzB,SAASC,WAAW,QAAQ,SAAS;AAQrC,OAAO,MAAMC,QAAQ,GAAGA,CAACC,GAAwB,EAAEC,KAAgB,KAAK;EACtE,MAAM;IAAEC,EAAE;IAAEC;EAAG,CAAC,GAAGF,KAAK;EACxBD,GAAG,CAACI,MAAM,CAACL,QAAQ,CAACG,EAAE,CAACG,CAAC,EAAEH,EAAE,CAACI,CAAC,EAAEH,EAAE,CAACE,CAAC,EAAEF,EAAE,CAACG,CAAC,EAAEN,GAAG,CAACO,KAAK,CAAC;AACxD,CAAC;AAED,OAAO,MAAMC,QAAQ,GAAGA,CAACR,GAAwB,EAAEC,KAAgB,KAAK;EACtE,MAAMQ,IAAI,GAAGrB,WAAW,CAACY,GAAG,CAACU,IAAI,EAAET,KAAK,CAAC;EACzCD,GAAG,CAACI,MAAM,CAACI,QAAQ,CAACC,IAAI,EAAET,GAAG,CAACO,KAAK,CAAC;AACtC,CAAC;AAED,OAAO,MAAMI,OAAO,GAAGA,CACrBX,GAAwB,EACxBC,KAAe,EAEfW,QAAqB,KAClB;EACH,MAAM;IAAEL,KAAK;IAAEG,IAAI;IAAEN;EAAO,CAAC,GAAGJ,GAAG;EACnC,MAAM;IAAEa,GAAG,EAAEC;EAAW,CAAC,GAAGb,KAAK;EACjC,MAAMc,OAAO,GAAGR,KAAK,CAACS,SAAS,CAAC,CAAC;EACjC,MAAMH,GAAG,GAAGlB,OAAO,CAACmB,UAAU,CAAC,GAAGA,UAAU,GAAGJ,IAAI,CAACO,OAAO,CAACH,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC;EAC7E,MAAMI,OAAO,GAAGN,QAAQ,CACrBO,GAAG,CAAEC,IAAI,IAAK;IACb,IAAIA,IAAI,CAACC,IAAI,KAAKpC,QAAQ,CAACqC,SAAS,EAAE;MACpC,OAAOxB,WAAW,CAACsB,IAAI,CAACnB,KAAK,CAAC;IAChC;IACA,OAAO,IAAI;EACb,CAAC,CAAC,CACDsB,MAAM,CAAEC,CAAC,IAA0BA,CAAC,KAAK,IAAI,CAAC;EACjDN,OAAO,CACJK,MAAM,CAAEE,MAAM,IAAK,CAACA,MAAM,CAACC,KAAK,CAAC,CACjCP,GAAG,CAAEM,MAAM,IAAK;IACf,MAAM;MAAEE,KAAK,GAAG,OAAO;MAAEC,IAAI;MAAEC,MAAM,GAAG,CAAC;MAAEC,EAAE,GAAG,CAAC;MAAEC,EAAE,GAAG;IAAE,CAAC,GAAGN,MAAM;IACpE,MAAMO,MAAM,GAAGtB,IAAI,CAACuB,KAAK,CAAC,CAAC;IAC3BD,MAAM,CAACE,QAAQ,CAACxB,IAAI,CAACyB,KAAK,CAACR,KAAK,CAAC,CAAC;IAClCK,MAAM,CAACI,SAAS,CAAC7B,KAAK,CAACS,SAAS,CAAC,CAAC,GAAGD,OAAO,CAAC;IAC7CiB,MAAM,CAACK,aAAa,CAClB3B,IAAI,CAAC4B,UAAU,CAACC,QAAQ,CAAC/C,SAAS,CAACgD,MAAM,EAAEZ,IAAI,EAAE,IAAI,CACvD,CAAC;IACDxB,MAAM,CAACqC,SAAS,CAACzD,OAAO,CAAC0B,IAAI,EAAEG,GAAG,EAAEgB,MAAM,EAAEA,MAAM,EAAEC,EAAE,EAAEC,EAAE,CAAC,EAAEC,MAAM,CAAC;EACtE,CAAC,CAAC;EAEJ5B,MAAM,CAACqC,SAAS,CAAC5B,GAAG,EAAEN,KAAK,CAAC;EAE5BW,OAAO,CACJK,MAAM,CAAEE,MAAM,IAAKA,MAAM,CAACC,KAAK,CAAC,CAChCP,GAAG,CAAEM,MAAM,IAAK;IACf,MAAM;MAAEE,KAAK,GAAG,OAAO;MAAEC,IAAI;MAAEC,MAAM,GAAG,CAAC;MAAEC,EAAE,GAAG,CAAC;MAAEC,EAAE,GAAG;IAAE,CAAC,GAAGN,MAAM;IACpE,MAAMiB,KAAK,GAAGhC,IAAI,CAACiC,KAAK,CAAC,EAAE,GAAGC,IAAI,CAACC,GAAG,CAACf,EAAE,CAAC,EAAE,EAAE,GAAGc,IAAI,CAACC,GAAG,CAACd,EAAE,CAAC,CAAC;IAC9D3B,MAAM,CAAC0C,IAAI,CAAC,CAAC;IACb1C,MAAM,CAAC2C,SAAS,CAAClC,GAAG,EAAEpB,MAAM,CAACuD,SAAS,EAAE,KAAK,CAAC;IAC9C,MAAMhB,MAAM,GAAGtB,IAAI,CAACuB,KAAK,CAAC,CAAC;IAC3BD,MAAM,CAACE,QAAQ,CAACxB,IAAI,CAACyB,KAAK,CAACR,KAAK,CAAC,CAAC;IAClCK,MAAM,CAACI,SAAS,CAAC7B,KAAK,CAACS,SAAS,CAAC,CAAC,GAAGD,OAAO,CAAC;IAE7CiB,MAAM,CAACK,aAAa,CAClB3B,IAAI,CAAC4B,UAAU,CAACC,QAAQ,CAAC/C,SAAS,CAACgD,MAAM,EAAEZ,IAAI,EAAE,IAAI,CACvD,CAAC;IACD,MAAMF,KAAK,GAAG7C,OAAO,CAAC6B,IAAI,EAAEG,GAAG,EAAEgB,MAAM,EAAEA,MAAM,EAAEC,EAAE,EAAEC,EAAE,CAAC;IACxD,MAAMkB,KAAK,GAAGjE,OAAO,CAAC0B,IAAI,EAAEG,GAAG,EAAE6B,KAAK,CAACrC,CAAC,EAAEqC,KAAK,CAACpC,CAAC,CAAC;IAClDF,MAAM,CAAC8C,UAAU,CAACD,KAAK,EAAEvB,KAAK,EAAEM,MAAM,CAAC;IACvC5B,MAAM,CAAC+C,OAAO,CAAC,CAAC;EAClB,CAAC,CAAC;AACN,CAAC;AAED,OAAO,MAAMC,aAAa,GAAGA,CAC3BC,IAAyB,EACzBC,MAAsB,KACnB;EACH;AAAA,CACD;AAED,OAAO,MAAMC,SAAS,GAAGA,CAACvD,GAAwB,EAAEC,KAAiB,KAAK;EACxE,MAAM;IAAEuD;EAAM,CAAC,GAAGvD,KAAK;EACvB,IAAIuD,KAAK,EAAE;IAAA,IAAAC,UAAA;IACT,MAAMC,GAAG,IAAAD,UAAA,GAAGxD,KAAK,CAACyD,GAAG,cAAAD,UAAA,cAAAA,UAAA,GAAI,SAAS;IAClC,MAAMhD,IAAI,GAAGrB,WAAW,CAACY,GAAG,CAACU,IAAI,EAAET,KAAK,CAAC;IACzC,MAAM;MAAE0D,GAAG;MAAEC;IAAI,CAAC,GAAG7E,QAAQ,CAC3B2E,GAAG,EACH;MACErD,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE,CAAC;MACJuD,KAAK,EAAEL,KAAK,CAACK,KAAK,CAAC,CAAC;MACpBC,MAAM,EAAEN,KAAK,CAACM,MAAM,CAAC;IACvB,CAAC,EACDrD,IACF,CAAC;IACDT,GAAG,CAACI,MAAM,CAAC2D,aAAa,CAACP,KAAK,EAAEG,GAAG,EAAEC,GAAG,EAAE5D,GAAG,CAACO,KAAK,CAAC;EACtD;AACF,CAAC;AAED,OAAO,MAAMyD,UAAU,GAAGA,CAAChE,GAAwB,EAAEC,KAAkB,KAAK;EAC1E,MAAM;IAAEgE,MAAM;IAAEC;EAAK,CAAC,GAAGjE,KAAK;EAC9BD,GAAG,CAACI,MAAM,CAAC4D,UAAU,CAACpE,SAAS,CAACd,OAAO,CAACoF,IAAI,CAAC,CAAC,EAAED,MAAM,EAAEjE,GAAG,CAACO,KAAK,CAAC;AACpE,CAAC;AAED,OAAO,MAAM4D,YAAY,GAAGA,CAC1BnE,GAAwB,EACxBC,KAAoB,KACjB;EACH,MAAM;IAAEiE,IAAI;IAAEE,QAAQ;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAGtE,KAAK;EAC5D,MAAMuE,UAAU,GAAGN,IAAI,GAAGrE,UAAU,CAACf,OAAO,CAACoF,IAAI,CAAC,CAAC,GAAGrE,UAAU,CAAC4E,SAAS;EAC1E,MAAMC,QAAQ,GAAG1E,GAAG,CAACU,IAAI,CAACiE,YAAY,CACpCH,UAAU,EACVvE,KAAK,CAACyE,QAAQ,EACdN,QAAQ,EACRC,MAAM,GAAGA,MAAM,CAAClD,GAAG,CAAEyD,CAAC,IAAK5E,GAAG,CAACU,IAAI,CAACyB,KAAK,CAACyC,CAAC,CAAC,CAAC,GAAGC,SAAS,EACzDP,OACF,CAAC;EACD,MAAMQ,gBAAgB,GAAGT,MAAM,GAAG9E,SAAS,CAACwF,OAAO,GAAGxF,SAAS,CAACyF,OAAO;EACvE,MAAMC,KAAK,GAAGV,SAAS,GAAGhF,SAAS,CAACT,OAAO,CAACyF,SAAS,CAAC,CAAC,GAAGO,gBAAgB;EAE1E9E,GAAG,CAACI,MAAM,CAAC+D,YAAY,CAACO,QAAQ,EAAEO,KAAK,EAAEjF,GAAG,CAACO,KAAK,CAAC;AACrD,CAAC;AAED,OAAO,MAAM2E,YAAY,GAAGA,CAC1BlF,GAAwB,EACxBC,KAAoB,KACjB;EACH,MAAM;IAAEgD,KAAK;IAAEvB;EAAM,CAAC,GAAGzB,KAAK;EAC9BD,GAAG,CAACI,MAAM,CAAC8C,UAAU,CAACD,KAAK,EAAEvB,KAAK,EAAE1B,GAAG,CAACO,KAAK,CAAC;AAChD,CAAC;AAED,OAAO,MAAM4E,YAAY,GAAGA,CAC1BnF,GAAwB,EACxBC,KAAoB,KACjB;EACH,MAAMmF,IAAI,GAAGjG,WAAW,CAACa,GAAG,CAACU,IAAI,EAAET,KAAK,CAACmF,IAAI,CAAC;EAC9C,MAAM;IAAEC,IAAI;IAAEC;EAAc,CAAC,GAAGrF,KAAK;EACrC,IAAIoF,IAAI,EAAE;IACR,IAAI;MAAEE;IAAK,CAAC,GAAGtF,KAAK;IACpB,MAAMuF,GAAG,GAAGH,IAAI,CAACI,WAAW,CAACF,IAAI,CAAC;IAClC,MAAMG,MAAM,GAAGL,IAAI,CAACM,cAAc,CAACH,GAAG,CAAC;IACvC,MAAMI,GAAgB,GAAG,EAAE;IAC3B,MAAMC,IAAI,GAAG7F,GAAG,CAACU,IAAI,CAACoF,kBAAkB,CAACV,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IACxD,IAAIW,IAAI,GAAGF,IAAI,CAACG,IAAI,CAAC,CAAC;IACtB,IAAIC,IAAI,GAAGX,aAAa;IACxB,KAAK,IAAIY,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGX,IAAI,CAACY,MAAM,IAAIJ,IAAI,EAAEG,CAAC,EAAE,EAAE;MAC5C,MAAMrC,KAAK,GAAG6B,MAAM,CAACQ,CAAC,CAAC;MACvBD,IAAI,IAAIpC,KAAK,GAAG,CAAC;MACjB,IAAIoC,IAAI,GAAGF,IAAI,CAACI,MAAM,CAAC,CAAC,EAAE;QACxB;QACAJ,IAAI,GAAGF,IAAI,CAACG,IAAI,CAAC,CAAC;QAClB,IAAI,CAACD,IAAI,EAAE;UACT;UACA;UACAR,IAAI,GAAGA,IAAI,CAACa,SAAS,CAAC,CAAC,EAAEF,CAAC,CAAC;UAC3B;QACF;QACAD,IAAI,GAAGpC,KAAK,GAAG,CAAC;MAClB;MACA;MACA;MACA,MAAM,CAACwC,CAAC,EAAEC,CAAC,CAAC,GAAGP,IAAI,CAACQ,SAAS,CAACN,IAAI,CAAC;MACnC,MAAMO,SAAS,GAAGH,CAAC,CAAChG,CAAC,GAAIwD,KAAK,GAAG,CAAC,GAAIyC,CAAC,CAACjG,CAAC;MACzC,MAAMoG,SAAS,GAAGJ,CAAC,CAAC/F,CAAC,GAAIuD,KAAK,GAAG,CAAC,GAAIyC,CAAC,CAAChG,CAAC;MACzCsF,GAAG,CAACc,IAAI,CAAC1G,GAAG,CAACU,IAAI,CAACiG,OAAO,CAACL,CAAC,CAACjG,CAAC,EAAEiG,CAAC,CAAChG,CAAC,EAAEkG,SAAS,EAAEC,SAAS,CAAC,CAAC;MAC1DR,IAAI,IAAIpC,KAAK,GAAG,CAAC;IACnB;IACA,MAAM+C,OAAO,GAAG5G,GAAG,CAACU,IAAI,CAACmG,QAAQ,CAACC,eAAe,CAACvB,IAAI,EAAEK,GAAG,EAAEP,IAAI,CAAC;IAClErF,GAAG,CAACI,MAAM,CAAC2G,YAAY,CAACH,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE5G,GAAG,CAACO,KAAK,CAAC;EACnD;AACF,CAAC;AAED,OAAO,MAAMyG,QAAQ,GAAGA,CAAChH,GAAwB,EAAEC,KAAgB,KAAK;EACtE,MAAM;IAAEsF,IAAI;IAAElF,CAAC;IAAEC,CAAC;IAAE+E;EAAK,CAAC,GAAGpF,KAAK;EAClC,IAAIoF,IAAI,IAAI,IAAI,EAAE;IAChBrF,GAAG,CAACI,MAAM,CAAC4G,QAAQ,CAACzB,IAAI,EAAElF,CAAC,EAAEC,CAAC,EAAEN,GAAG,CAACO,KAAK,EAAE8E,IAAI,CAAC;EAClD;AACF,CAAC;AAED,OAAO,MAAM4B,SAAS,GAAGA,CAACjH,GAAwB,EAAEC,KAAiB,KAAK;EACxE,MAAM;IAAEiH,OAAO;IAAE3C,SAAS;IAAE4C;EAAM,CAAC,GAAGlH,KAAK;EAC3C,MAAM6E,gBAAgB,GAAG7E,KAAK,CAACoE,MAAM,GAAG9E,SAAS,CAACwF,OAAO,GAAGxF,SAAS,CAACyF,OAAO;EAC7E,MAAMd,IAAI,GAAGK,SAAS,GAAGhF,SAAS,CAACT,OAAO,CAACyF,SAAS,CAAC,CAAC,GAAGO,gBAAgB;EACzE;EACA;EACA;EACA;EACA;;EAEA,MAAMb,MAAM,GAAG,CACbkD,KAAK,CAAC,CAAC,CAAC,CAACC,GAAG,EACZD,KAAK,CAAC,CAAC,CAAC,CAACE,EAAE,EACXF,KAAK,CAAC,CAAC,CAAC,CAACG,EAAE,EACXH,KAAK,CAAC,CAAC,CAAC,CAACC,GAAG,EACZD,KAAK,CAAC,CAAC,CAAC,CAACE,EAAE,EACXF,KAAK,CAAC,CAAC,CAAC,CAACG,EAAE,EACXH,KAAK,CAAC,CAAC,CAAC,CAACC,GAAG,EACZD,KAAK,CAAC,CAAC,CAAC,CAACE,EAAE,EACXF,KAAK,CAAC,CAAC,CAAC,CAACG,EAAE,EACXH,KAAK,CAAC,CAAC,CAAC,CAACC,GAAG,EACZD,KAAK,CAAC,CAAC,CAAC,CAACE,EAAE,EACXF,KAAK,CAAC,CAAC,CAAC,CAACG,EAAE,CACZ;EACD,MAAMjD,MAAM,GAAGpE,KAAK,CAACoE,MAAM,GACvBpE,KAAK,CAACoE,MAAM,CAAClD,GAAG,CAAEyD,CAAC,IAAK5E,GAAG,CAACU,IAAI,CAACyB,KAAK,CAACyC,CAAC,CAAC,CAAC,GAC1CC,SAAS;EACb7E,GAAG,CAACI,MAAM,CAAC6G,SAAS,CAAChD,MAAM,EAAEI,MAAM,EAAE6C,OAAO,EAAEhD,IAAI,EAAElE,GAAG,CAACO,KAAK,CAAC;AAChE,CAAC;AAED,OAAO,MAAMgH,QAAQ,GAAGA,CAACvH,GAAwB,EAAEC,KAAgB,KAAK;EACtE,MAAM;IACJuH,KAAK,EAAEC,SAAS;IAChBC,GAAG,EAAEC,OAAO;IACZC,QAAQ;IACRC,MAAM;IACN,GAAGC;EACL,CAAC,GAAG7H,KAAK;EACT,MAAMuH,KAAK,GAAGlI,QAAQ,CAACmI,SAAS,CAAC;EACjC,MAAMC,GAAG,GAAGpI,QAAQ,CAACqI,OAAO,CAAC;EAC7B,MAAMI,cAAc,GAAGP,KAAK,KAAK,CAAC;EAClC,MAAMQ,YAAY,GAAGN,GAAG,KAAK,CAAC;EAC9B,MAAMO,gBAAgB,GAAGJ,MAAM,KAAKhD,SAAS;EAC7C,MAAMqD,WAAW,GAAG,CAAC,CAACN,QAAQ;EAC9B,MAAMO,cAAc,GAClBJ,cAAc,IAAIC,YAAY,IAAIC,gBAAgB,IAAIC,WAAW;EACnE,MAAME,YAAY,GAAGjJ,WAAW,CAACa,GAAG,CAACU,IAAI,EAAEoH,SAAS,CAAC1C,IAAI,CAAC;EAC1D,MAAMA,IAAI,GAAG+C,cAAc,GAAGC,YAAY,CAACC,IAAI,CAAC,CAAC,GAAGD,YAAY;EAChE,IAAIF,WAAW,EAAE;IACf9C,IAAI,CAACkD,WAAW,CAAC5I,QAAQ,CAACZ,OAAO,CAAC8I,QAAQ,CAAC,CAAC,CAAC;EAC/C;EACA,IAAIK,gBAAgB,EAAE;IACpB7C,IAAI,CAACyC,MAAM,CAACA,MAAM,CAAC;EACrB;EACA,IAAIE,cAAc,IAAIC,YAAY,EAAE;IAClC5C,IAAI,CAACmD,IAAI,CAACf,KAAK,EAAEE,GAAG,EAAE,KAAK,CAAC;EAC9B;EACA1H,GAAG,CAACI,MAAM,CAACmH,QAAQ,CAACnC,IAAI,EAAEpF,GAAG,CAACO,KAAK,CAAC;AACtC,CAAC;AAED,OAAO,MAAMiI,QAAQ,GAAGA,CAACxI,GAAwB,EAAEC,KAAgB,KAAK;EACtE,MAAM2G,OAAO,GAAGxH,WAAW,CAACY,GAAG,CAACU,IAAI,EAAET,KAAK,CAAC;EAC5CD,GAAG,CAACI,MAAM,CAACoI,QAAQ,CAAC5B,OAAO,EAAE5G,GAAG,CAACO,KAAK,CAAC;AACzC,CAAC;AAED,OAAO,MAAMkC,SAAS,GAAGA,CACvBzC,GAAwB,EACxBC,KAAuB,KACpB;EACH,MAAM2G,OAAO,GAAGvH,YAAY,CAACW,GAAG,CAACU,IAAI,EAAET,KAAK,CAAC;EAC7CD,GAAG,CAACI,MAAM,CAACqC,SAAS,CAACmE,OAAO,EAAE5G,GAAG,CAACO,KAAK,CAAC;AAC1C,CAAC;AAED,OAAO,MAAMwG,YAAY,GAAGA,CAC1B/G,GAAwB,EACxBC,KAAoB,KACjB;EACH,MAAM;IAAEwI,IAAI;IAAEpI,CAAC;IAAEC;EAAE,CAAC,GAAGL,KAAK;EAC5BD,GAAG,CAACI,MAAM,CAAC2G,YAAY,CAAC0B,IAAI,EAAEpI,CAAC,EAAEC,CAAC,EAAEN,GAAG,CAACO,KAAK,CAAC;AAChD,CAAC;AAOD,OAAO,MAAMmI,UAAU,GAAGA,CAAC1I,GAAwB,EAAEC,KAAkB,KAAK;EAC1E,MAAM2G,OAAO,GAAG3G,KAAK,CAAC0I,MAAM,CAACC,MAAM,CACjC,CAACC,GAAG,EAAEC,KAAK,KAAK;IACd,MAAM;MAAEC,EAAE;MAAE3B;IAAI,CAAC,GAAG0B,KAAK;IACzBD,GAAG,CAACF,MAAM,CAACjC,IAAI,CAACqC,EAAE,CAAC;IACnBF,GAAG,CAACG,SAAS,CAACtC,IAAI,CAACU,GAAG,CAAC;IACvB,OAAOyB,GAAG;EACZ,CAAC,EACD;IAAEF,MAAM,EAAE,EAAE;IAAEK,SAAS,EAAE;EAAG,CAC9B,CAAC;EACD,MAAM;IAAEL,MAAM;IAAEK;EAAU,CAAC,GAAGpC,OAAO;EACrC,MAAM;IAAEvG,CAAC;IAAEC,CAAC;IAAE+E;EAAK,CAAC,GAAGpF,KAAK;EAC5B,IAAIoF,IAAI,EAAE;IACRrF,GAAG,CAACI,MAAM,CAACsI,UAAU,CAACC,MAAM,EAAEK,SAAS,EAAE3I,CAAC,EAAEC,CAAC,EAAE+E,IAAI,EAAErF,GAAG,CAACO,KAAK,CAAC;EACjE;AACF,CAAC;AAED,OAAO,MAAM0I,YAAY,GAAGA,CAC1BjJ,GAAwB,EACxBC,KAAoB,KACjB;EACH,MAAM;IAAEG;EAAO,CAAC,GAAGJ,GAAG;EACtB,MAAM;IAAEkJ;EAAI,CAAC,GAAGjJ,KAAK;EACrB,MAAM;IAAEI,CAAC;IAAEC,CAAC;IAAEuD,KAAK;IAAEC;EAAO,CAAC,GAAG7D,KAAK,CAACQ,IAAI,GACtCR,KAAK,CAACQ,IAAI,GACV;IAAEJ,CAAC,EAAEJ,KAAK,CAACI,CAAC;IAAEC,CAAC,EAAEL,KAAK,CAACK,CAAC;IAAEuD,KAAK,EAAE5D,KAAK,CAAC4D,KAAK;IAAEC,MAAM,EAAE7D,KAAK,CAAC6D;EAAO,CAAC;EACxE,IAAIoF,GAAG,KAAK,IAAI,EAAE;IAChB;EACF;EACA9I,MAAM,CAAC0C,IAAI,CAAC,CAAC;EACb,IAAIzC,CAAC,IAAIC,CAAC,EAAE;IACVF,MAAM,CAAC+I,SAAS,CAAC9I,CAAC,EAAEC,CAAC,CAAC;EACxB;EACAF,MAAM,CAACgJ,OAAO,CAACF,GAAG,EAAErF,KAAK,EAAEC,MAAM,CAAC;EAClC1D,MAAM,CAAC+C,OAAO,CAAC,CAAC;AAClB,CAAC;AAED,OAAO,MAAMkG,aAAa,GAAGA,CAC3BrJ,GAAwB,EACxBC,KAAqB,KAClB;EACH,MAAM;IAAEqJ,SAAS;IAAEjJ,CAAC;IAAEC,CAAC;IAAEuD;EAAM,CAAC,GAAG5D,KAAK;EACxC,IAAIqJ,SAAS,EAAE;IACbA,SAAS,CAACC,MAAM,CAAC1F,KAAK,CAAC;IACvByF,SAAS,CAAC/I,KAAK,CAACP,GAAG,CAACI,MAAM,EAAEC,CAAC,EAAEC,CAAC,CAAC;EACnC;AACF,CAAC;AAED,OAAO,MAAMkJ,WAAW,GAAGA,CAACxJ,GAAwB,EAAEC,KAAmB,KAAK;EAC5E,MAAM;IAAEwJ;EAAQ,CAAC,GAAGxJ,KAAK;EACzBD,GAAG,CAACI,MAAM,CAACoJ,WAAW,CAACC,OAAO,CAAC;AACjC,CAAC;AAED,OAAO,MAAMC,SAAS,GAAGA,CAAC1J,GAAwB,EAAEC,KAAiB,KAAK;EACxE,MAAM;IAAEuD,KAAK;IAAEmG,OAAO;IAAEC,UAAU;IAAEvF,MAAM;IAAEE;EAAU,CAAC,GAAGtE,KAAK;EAC/D,MAAMgF,KAAK,GAAGV,SAAS,GAAGhF,SAAS,CAACT,OAAO,CAACyF,SAAS,CAAC,CAAC,GAAGM,SAAS;EACnE,IAAIrB,KAAK,EAAE;IACTxD,GAAG,CAACI,MAAM,CAACsJ,SAAS,CAAClG,KAAK,EAAEmG,OAAO,EAAEC,UAAU,EAAE5J,GAAG,CAACO,KAAK,EAAE0E,KAAK,EAAEZ,MAAM,CAAC;EAC5E;AACF,CAAC;AAED,OAAO,MAAMwF,UAAU,GAAGA,CAAC7J,GAAwB,EAAEC,KAAkB,KAAK;EAC1E,MAAM;IAAE2E;EAAE,CAAC,GAAG1F,aAAa,CAACe,KAAK,CAAC;EAClC,MAAM;IAAE6J;EAAE,CAAC,GAAG7J,KAAK;EACnBD,GAAG,CAACI,MAAM,CAACyJ,UAAU,CAACjF,CAAC,CAACvE,CAAC,EAAEuE,CAAC,CAACtE,CAAC,EAAEwJ,CAAC,EAAE9J,GAAG,CAACO,KAAK,CAAC;AAC/C,CAAC;AAED,OAAO,MAAMwJ,QAAQ,GAAGA,CACtB/J,GAAwB,EACxBsD,MAAwB,KACrB;EACHtD,GAAG,CAACI,MAAM,CAAC4J,SAAS,CAAChK,GAAG,CAACO,KAAK,CAAC;AACjC,CAAC","ignoreList":[]}
+{"version":3,"names":["deflate","enumKey","fitRects","inflate","NodeType","processCircle","processPath","processRect","processRRect","saturate","BlendMode","BlurStyle","ClipOp","FillType","isRRect","PointMode","VertexMode","materialize","drawLine","ctx","props","p1","p2","canvas","x","y","paint","drawOval","rect","Skia","drawBox","children","box","defaultBox","opacity","getAlphaf","RRectXY","shadows","map","node","type","BoxShadow","filter","n","shadow","inner","color","blur","spread","dx","dy","lPaint","Paint","setColor","Color","setAlphaf","setMaskFilter","MaskFilter","MakeBlur","Normal","drawRRect","delta","Point","Math","abs","save","clipRRect","Intersect","outer","drawDRRect","restore","drawImage","image","_props$fit","fit","src","dst","width","height","drawImageRect","drawPoints","points","mode","drawVertices","textures","colors","indices","blendMode","vertexMode","Triangles","vertices","MakeVertices","c","undefined","defaultBlendMode","DstOver","SrcOver","blend","drawDiffRect","drawTextPath","path","font","initialOffset","text","ids","getGlyphIDs","widths","getGlyphWidths","rsx","meas","ContourMeasureIter","cont","next","dist","i","length","substring","p","t","getPosTan","adjustedX","adjustedY","push","RSXform","derived","TextBlob","MakeFromRSXform","drawTextBlob","drawText","drawPatch","texture","patch","pos","c2","c1","drawPath","start","trimStart","end","trimEnd","fillType","stroke","pathProps","hasStartOffset","hasEndOffset","hasStrokeOptions","hasFillType","willMutatePath","pristinePath","copy","setFillType","trim","drawRect","blob","drawGlyphs","glyphs","reduce","acc","glyph","id","positions","drawImageSVG","svg","translate","drawSvg","drawParagraph","paragraph","layout","drawPicture","picture","drawAtlas","sprites","transforms","drawCircle","r","drawFill","_props","drawPaint"],"sources":["drawings.ts"],"sourcesContent":["import {\n  deflate,\n  enumKey,\n  fitRects,\n  inflate,\n  NodeType,\n  processCircle,\n  processPath,\n  processRect,\n  processRRect,\n} from \"../../dom/nodes\";\nimport type {\n  AtlasProps,\n  BoxProps,\n  BoxShadowProps,\n  CircleProps,\n  DiffRectProps,\n  DrawingNodeProps,\n  GlyphsProps,\n  ImageProps,\n  ImageSVGProps,\n  LineProps,\n  OvalProps,\n  ParagraphProps,\n  PatchProps,\n  PathProps,\n  PictureProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  TextBlobProps,\n  TextPathProps,\n  TextProps,\n  VerticesProps,\n} from \"../../dom/types\";\nimport { saturate } from \"../../renderer/processors\";\nimport type {\n  SkCanvas,\n  SkPaint,\n  SkPoint,\n  SkRSXform,\n  Skia,\n} from \"../../skia/types\";\nimport {\n  BlendMode,\n  BlurStyle,\n  ClipOp,\n  FillType,\n  isRRect,\n  PointMode,\n  VertexMode,\n} from \"../../skia/types\";\n\nimport type { Node } from \"./Node\";\nimport { materialize } from \"./utils\";\n\ninterface LocalDrawingContext {\n  Skia: Skia;\n  canvas: SkCanvas;\n  paint: SkPaint;\n}\n\nexport const drawLine = (ctx: LocalDrawingContext, props: LineProps) => {\n  \"worklet\";\n  const { p1, p2 } = props;\n  ctx.canvas.drawLine(p1.x, p1.y, p2.x, p2.y, ctx.paint);\n};\n\nexport const drawOval = (ctx: LocalDrawingContext, props: OvalProps) => {\n  \"worklet\";\n  const rect = processRect(ctx.Skia, props);\n  ctx.canvas.drawOval(rect, ctx.paint);\n};\n\nexport const drawBox = (\n  ctx: LocalDrawingContext,\n  props: BoxProps,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  children: Node<any>[]\n) => {\n  \"worklet\";\n  const { paint, Skia, canvas } = ctx;\n  const { box: defaultBox } = props;\n  const opacity = paint.getAlphaf();\n  const box = isRRect(defaultBox) ? defaultBox : Skia.RRectXY(defaultBox, 0, 0);\n  const shadows = children\n    .map((node) => {\n      if (node.type === NodeType.BoxShadow) {\n        return materialize(node.props);\n      }\n      return null;\n    })\n    .filter((n): n is BoxShadowProps => n !== null);\n  shadows\n    .filter((shadow) => !shadow.inner)\n    .map((shadow) => {\n      const { color = \"black\", blur, spread = 0, dx = 0, dy = 0 } = shadow;\n      const lPaint = Skia.Paint();\n      lPaint.setColor(Skia.Color(color));\n      lPaint.setAlphaf(paint.getAlphaf() * opacity);\n      lPaint.setMaskFilter(\n        Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)\n      );\n      canvas.drawRRect(inflate(Skia, box, spread, spread, dx, dy), lPaint);\n    });\n\n  canvas.drawRRect(box, paint);\n\n  shadows\n    .filter((shadow) => shadow.inner)\n    .map((shadow) => {\n      const { color = \"black\", blur, spread = 0, dx = 0, dy = 0 } = shadow;\n      const delta = Skia.Point(10 + Math.abs(dx), 10 + Math.abs(dy));\n      canvas.save();\n      canvas.clipRRect(box, ClipOp.Intersect, false);\n      const lPaint = Skia.Paint();\n      lPaint.setColor(Skia.Color(color));\n      lPaint.setAlphaf(paint.getAlphaf() * opacity);\n\n      lPaint.setMaskFilter(\n        Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)\n      );\n      const inner = deflate(Skia, box, spread, spread, dx, dy);\n      const outer = inflate(Skia, box, delta.x, delta.y);\n      canvas.drawDRRect(outer, inner, lPaint);\n      canvas.restore();\n    });\n};\n\nexport const drawImage = (ctx: LocalDrawingContext, props: ImageProps) => {\n  \"worklet\";\n  const { image } = props;\n  if (image) {\n    const fit = props.fit ?? \"contain\";\n    const rect = processRect(ctx.Skia, props);\n    const { src, dst } = fitRects(\n      fit,\n      {\n        x: 0,\n        y: 0,\n        width: image.width(),\n        height: image.height(),\n      },\n      rect\n    );\n    ctx.canvas.drawImageRect(image, src, dst, ctx.paint);\n  }\n};\n\nexport const drawPoints = (ctx: LocalDrawingContext, props: PointsProps) => {\n  \"worklet\";\n  const { points, mode } = props;\n  ctx.canvas.drawPoints(PointMode[enumKey(mode)], points, ctx.paint);\n};\n\nexport const drawVertices = (\n  ctx: LocalDrawingContext,\n  props: VerticesProps\n) => {\n  \"worklet\";\n  const { mode, textures, colors, indices, blendMode } = props;\n  const vertexMode = mode ? VertexMode[enumKey(mode)] : VertexMode.Triangles;\n  const vertices = ctx.Skia.MakeVertices(\n    vertexMode,\n    props.vertices,\n    textures,\n    colors ? colors.map((c) => ctx.Skia.Color(c)) : undefined,\n    indices\n  );\n  const defaultBlendMode = colors ? BlendMode.DstOver : BlendMode.SrcOver;\n  const blend = blendMode ? BlendMode[enumKey(blendMode)] : defaultBlendMode;\n\n  ctx.canvas.drawVertices(vertices, blend, ctx.paint);\n};\n\nexport const drawDiffRect = (\n  ctx: LocalDrawingContext,\n  props: DiffRectProps\n) => {\n  \"worklet\";\n  const { outer, inner } = props;\n  ctx.canvas.drawDRRect(outer, inner, ctx.paint);\n};\n\nexport const drawTextPath = (\n  ctx: LocalDrawingContext,\n  props: TextPathProps\n) => {\n  \"worklet\";\n  const path = processPath(ctx.Skia, props.path);\n  const { font, initialOffset } = props;\n  if (font) {\n    let { text } = props;\n    const ids = font.getGlyphIDs(text);\n    const widths = font.getGlyphWidths(ids);\n    const rsx: SkRSXform[] = [];\n    const meas = ctx.Skia.ContourMeasureIter(path, false, 1);\n    let cont = meas.next();\n    let dist = initialOffset;\n    for (let i = 0; i < text.length && cont; i++) {\n      const width = widths[i];\n      dist += width / 2;\n      if (dist > cont.length()) {\n        // jump to next contour\n        cont = meas.next();\n        if (!cont) {\n          // We have come to the end of the path - terminate the string\n          // right here.\n          text = text.substring(0, i);\n          break;\n        }\n        dist = width / 2;\n      }\n      // Gives us the (x, y) coordinates as well as the cos/sin of the tangent\n      // line at that position.\n      const [p, t] = cont.getPosTan(dist);\n      const adjustedX = p.x - (width / 2) * t.x;\n      const adjustedY = p.y - (width / 2) * t.y;\n      rsx.push(ctx.Skia.RSXform(t.x, t.y, adjustedX, adjustedY));\n      dist += width / 2;\n    }\n    const derived = ctx.Skia.TextBlob.MakeFromRSXform(text, rsx, font);\n    ctx.canvas.drawTextBlob(derived, 0, 0, ctx.paint);\n  }\n};\n\nexport const drawText = (ctx: LocalDrawingContext, props: TextProps) => {\n  \"worklet\";\n  const { text, x, y, font } = props;\n  if (font != null) {\n    ctx.canvas.drawText(text, x, y, ctx.paint, font);\n  }\n};\n\nexport const drawPatch = (ctx: LocalDrawingContext, props: PatchProps) => {\n  \"worklet\";\n  const { texture, blendMode, patch } = props;\n  const defaultBlendMode = props.colors ? BlendMode.DstOver : BlendMode.SrcOver;\n  const mode = blendMode ? BlendMode[enumKey(blendMode)] : defaultBlendMode;\n  // Patch requires a path with the following constraints:\n  // M tl\n  // C c1 c2 br\n  // C c1 c2 bl\n  // C c1 c2 tl (the redundant point in the last command is removed)\n\n  const points = [\n    patch[0].pos,\n    patch[0].c2,\n    patch[1].c1,\n    patch[1].pos,\n    patch[1].c2,\n    patch[2].c1,\n    patch[2].pos,\n    patch[2].c2,\n    patch[3].c1,\n    patch[3].pos,\n    patch[3].c2,\n    patch[0].c1,\n  ];\n  const colors = props.colors\n    ? props.colors.map((c) => ctx.Skia.Color(c))\n    : undefined;\n  ctx.canvas.drawPatch(points, colors, texture, mode, ctx.paint);\n};\n\nexport const drawPath = (ctx: LocalDrawingContext, props: PathProps) => {\n  \"worklet\";\n  const {\n    start: trimStart,\n    end: trimEnd,\n    fillType,\n    stroke,\n    ...pathProps\n  } = props;\n  const start = saturate(trimStart);\n  const end = saturate(trimEnd);\n  const hasStartOffset = start !== 0;\n  const hasEndOffset = end !== 1;\n  const hasStrokeOptions = stroke !== undefined;\n  const hasFillType = !!fillType;\n  const willMutatePath =\n    hasStartOffset || hasEndOffset || hasStrokeOptions || hasFillType;\n  const pristinePath = processPath(ctx.Skia, pathProps.path);\n  const path = willMutatePath ? pristinePath.copy() : pristinePath;\n  if (hasFillType) {\n    path.setFillType(FillType[enumKey(fillType)]);\n  }\n  if (hasStrokeOptions) {\n    path.stroke(stroke);\n  }\n  if (hasStartOffset || hasEndOffset) {\n    path.trim(start, end, false);\n  }\n  ctx.canvas.drawPath(path, ctx.paint);\n};\n\nexport const drawRect = (ctx: LocalDrawingContext, props: RectProps) => {\n  \"worklet\";\n  const derived = processRect(ctx.Skia, props);\n  ctx.canvas.drawRect(derived, ctx.paint);\n};\n\nexport const drawRRect = (\n  ctx: LocalDrawingContext,\n  props: RoundedRectProps\n) => {\n  \"worklet\";\n  const derived = processRRect(ctx.Skia, props);\n  ctx.canvas.drawRRect(derived, ctx.paint);\n};\n\nexport const drawTextBlob = (\n  ctx: LocalDrawingContext,\n  props: TextBlobProps\n) => {\n  \"worklet\";\n  const { blob, x, y } = props;\n  ctx.canvas.drawTextBlob(blob, x, y, ctx.paint);\n};\n\ninterface ProcessedGlyphs {\n  glyphs: number[];\n  positions: SkPoint[];\n}\n\nexport const drawGlyphs = (ctx: LocalDrawingContext, props: GlyphsProps) => {\n  \"worklet\";\n  const derived = props.glyphs.reduce<ProcessedGlyphs>(\n    (acc, glyph) => {\n      const { id, pos } = glyph;\n      acc.glyphs.push(id);\n      acc.positions.push(pos);\n      return acc;\n    },\n    { glyphs: [], positions: [] }\n  );\n  const { glyphs, positions } = derived;\n  const { x, y, font } = props;\n  if (font) {\n    ctx.canvas.drawGlyphs(glyphs, positions, x, y, font, ctx.paint);\n  }\n};\n\nexport const drawImageSVG = (\n  ctx: LocalDrawingContext,\n  props: ImageSVGProps\n) => {\n  \"worklet\";\n  const { canvas } = ctx;\n  const { svg } = props;\n  const { x, y, width, height } = props.rect\n    ? props.rect\n    : { x: props.x, y: props.y, width: props.width, height: props.height };\n  if (svg === null) {\n    return;\n  }\n  canvas.save();\n  if (x && y) {\n    canvas.translate(x, y);\n  }\n  canvas.drawSvg(svg, width, height);\n  canvas.restore();\n};\n\nexport const drawParagraph = (\n  ctx: LocalDrawingContext,\n  props: ParagraphProps\n) => {\n  \"worklet\";\n  const { paragraph, x, y, width } = props;\n  if (paragraph) {\n    paragraph.layout(width);\n    paragraph.paint(ctx.canvas, x, y);\n  }\n};\n\nexport const drawPicture = (ctx: LocalDrawingContext, props: PictureProps) => {\n  \"worklet\";\n  const { picture } = props;\n  ctx.canvas.drawPicture(picture);\n};\n\nexport const drawAtlas = (ctx: LocalDrawingContext, props: AtlasProps) => {\n  \"worklet\";\n  const { image, sprites, transforms, colors, blendMode } = props;\n  const blend = blendMode ? BlendMode[enumKey(blendMode)] : undefined;\n  if (image) {\n    ctx.canvas.drawAtlas(image, sprites, transforms, ctx.paint, blend, colors);\n  }\n};\n\nexport const drawCircle = (ctx: LocalDrawingContext, props: CircleProps) => {\n  \"worklet\";\n  const { c } = processCircle(props);\n  const { r } = props;\n  ctx.canvas.drawCircle(c.x, c.y, r, ctx.paint);\n};\n\nexport const drawFill = (\n  ctx: LocalDrawingContext,\n  _props: DrawingNodeProps\n) => {\n  \"worklet\";\n  ctx.canvas.drawPaint(ctx.paint);\n};\n"],"mappings":"AAAA,SACEA,OAAO,EACPC,OAAO,EACPC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,aAAa,EACbC,WAAW,EACXC,WAAW,EACXC,YAAY,QACP,iBAAiB;AAyBxB,SAASC,QAAQ,QAAQ,2BAA2B;AAQpD,SACEC,SAAS,EACTC,SAAS,EACTC,MAAM,EACNC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,UAAU,QACL,kBAAkB;AAGzB,SAASC,WAAW,QAAQ,SAAS;AAQrC,OAAO,MAAMC,QAAQ,GAAGA,CAACC,GAAwB,EAAEC,KAAgB,KAAK;EACtE,SAAS;;EACT,MAAM;IAAEC,EAAE;IAAEC;EAAG,CAAC,GAAGF,KAAK;EACxBD,GAAG,CAACI,MAAM,CAACL,QAAQ,CAACG,EAAE,CAACG,CAAC,EAAEH,EAAE,CAACI,CAAC,EAAEH,EAAE,CAACE,CAAC,EAAEF,EAAE,CAACG,CAAC,EAAEN,GAAG,CAACO,KAAK,CAAC;AACxD,CAAC;AAED,OAAO,MAAMC,QAAQ,GAAGA,CAACR,GAAwB,EAAEC,KAAgB,KAAK;EACtE,SAAS;;EACT,MAAMQ,IAAI,GAAGrB,WAAW,CAACY,GAAG,CAACU,IAAI,EAAET,KAAK,CAAC;EACzCD,GAAG,CAACI,MAAM,CAACI,QAAQ,CAACC,IAAI,EAAET,GAAG,CAACO,KAAK,CAAC;AACtC,CAAC;AAED,OAAO,MAAMI,OAAO,GAAGA,CACrBX,GAAwB,EACxBC,KAAe,EAEfW,QAAqB,KAClB;EACH,SAAS;;EACT,MAAM;IAAEL,KAAK;IAAEG,IAAI;IAAEN;EAAO,CAAC,GAAGJ,GAAG;EACnC,MAAM;IAAEa,GAAG,EAAEC;EAAW,CAAC,GAAGb,KAAK;EACjC,MAAMc,OAAO,GAAGR,KAAK,CAACS,SAAS,CAAC,CAAC;EACjC,MAAMH,GAAG,GAAGlB,OAAO,CAACmB,UAAU,CAAC,GAAGA,UAAU,GAAGJ,IAAI,CAACO,OAAO,CAACH,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC;EAC7E,MAAMI,OAAO,GAAGN,QAAQ,CACrBO,GAAG,CAAEC,IAAI,IAAK;IACb,IAAIA,IAAI,CAACC,IAAI,KAAKpC,QAAQ,CAACqC,SAAS,EAAE;MACpC,OAAOxB,WAAW,CAACsB,IAAI,CAACnB,KAAK,CAAC;IAChC;IACA,OAAO,IAAI;EACb,CAAC,CAAC,CACDsB,MAAM,CAAEC,CAAC,IAA0BA,CAAC,KAAK,IAAI,CAAC;EACjDN,OAAO,CACJK,MAAM,CAAEE,MAAM,IAAK,CAACA,MAAM,CAACC,KAAK,CAAC,CACjCP,GAAG,CAAEM,MAAM,IAAK;IACf,MAAM;MAAEE,KAAK,GAAG,OAAO;MAAEC,IAAI;MAAEC,MAAM,GAAG,CAAC;MAAEC,EAAE,GAAG,CAAC;MAAEC,EAAE,GAAG;IAAE,CAAC,GAAGN,MAAM;IACpE,MAAMO,MAAM,GAAGtB,IAAI,CAACuB,KAAK,CAAC,CAAC;IAC3BD,MAAM,CAACE,QAAQ,CAACxB,IAAI,CAACyB,KAAK,CAACR,KAAK,CAAC,CAAC;IAClCK,MAAM,CAACI,SAAS,CAAC7B,KAAK,CAACS,SAAS,CAAC,CAAC,GAAGD,OAAO,CAAC;IAC7CiB,MAAM,CAACK,aAAa,CAClB3B,IAAI,CAAC4B,UAAU,CAACC,QAAQ,CAAC/C,SAAS,CAACgD,MAAM,EAAEZ,IAAI,EAAE,IAAI,CACvD,CAAC;IACDxB,MAAM,CAACqC,SAAS,CAACzD,OAAO,CAAC0B,IAAI,EAAEG,GAAG,EAAEgB,MAAM,EAAEA,MAAM,EAAEC,EAAE,EAAEC,EAAE,CAAC,EAAEC,MAAM,CAAC;EACtE,CAAC,CAAC;EAEJ5B,MAAM,CAACqC,SAAS,CAAC5B,GAAG,EAAEN,KAAK,CAAC;EAE5BW,OAAO,CACJK,MAAM,CAAEE,MAAM,IAAKA,MAAM,CAACC,KAAK,CAAC,CAChCP,GAAG,CAAEM,MAAM,IAAK;IACf,MAAM;MAAEE,KAAK,GAAG,OAAO;MAAEC,IAAI;MAAEC,MAAM,GAAG,CAAC;MAAEC,EAAE,GAAG,CAAC;MAAEC,EAAE,GAAG;IAAE,CAAC,GAAGN,MAAM;IACpE,MAAMiB,KAAK,GAAGhC,IAAI,CAACiC,KAAK,CAAC,EAAE,GAAGC,IAAI,CAACC,GAAG,CAACf,EAAE,CAAC,EAAE,EAAE,GAAGc,IAAI,CAACC,GAAG,CAACd,EAAE,CAAC,CAAC;IAC9D3B,MAAM,CAAC0C,IAAI,CAAC,CAAC;IACb1C,MAAM,CAAC2C,SAAS,CAAClC,GAAG,EAAEpB,MAAM,CAACuD,SAAS,EAAE,KAAK,CAAC;IAC9C,MAAMhB,MAAM,GAAGtB,IAAI,CAACuB,KAAK,CAAC,CAAC;IAC3BD,MAAM,CAACE,QAAQ,CAACxB,IAAI,CAACyB,KAAK,CAACR,KAAK,CAAC,CAAC;IAClCK,MAAM,CAACI,SAAS,CAAC7B,KAAK,CAACS,SAAS,CAAC,CAAC,GAAGD,OAAO,CAAC;IAE7CiB,MAAM,CAACK,aAAa,CAClB3B,IAAI,CAAC4B,UAAU,CAACC,QAAQ,CAAC/C,SAAS,CAACgD,MAAM,EAAEZ,IAAI,EAAE,IAAI,CACvD,CAAC;IACD,MAAMF,KAAK,GAAG7C,OAAO,CAAC6B,IAAI,EAAEG,GAAG,EAAEgB,MAAM,EAAEA,MAAM,EAAEC,EAAE,EAAEC,EAAE,CAAC;IACxD,MAAMkB,KAAK,GAAGjE,OAAO,CAAC0B,IAAI,EAAEG,GAAG,EAAE6B,KAAK,CAACrC,CAAC,EAAEqC,KAAK,CAACpC,CAAC,CAAC;IAClDF,MAAM,CAAC8C,UAAU,CAACD,KAAK,EAAEvB,KAAK,EAAEM,MAAM,CAAC;IACvC5B,MAAM,CAAC+C,OAAO,CAAC,CAAC;EAClB,CAAC,CAAC;AACN,CAAC;AAED,OAAO,MAAMC,SAAS,GAAGA,CAACpD,GAAwB,EAAEC,KAAiB,KAAK;EACxE,SAAS;;EACT,MAAM;IAAEoD;EAAM,CAAC,GAAGpD,KAAK;EACvB,IAAIoD,KAAK,EAAE;IAAA,IAAAC,UAAA;IACT,MAAMC,GAAG,IAAAD,UAAA,GAAGrD,KAAK,CAACsD,GAAG,cAAAD,UAAA,cAAAA,UAAA,GAAI,SAAS;IAClC,MAAM7C,IAAI,GAAGrB,WAAW,CAACY,GAAG,CAACU,IAAI,EAAET,KAAK,CAAC;IACzC,MAAM;MAAEuD,GAAG;MAAEC;IAAI,CAAC,GAAG1E,QAAQ,CAC3BwE,GAAG,EACH;MACElD,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE,CAAC;MACJoD,KAAK,EAAEL,KAAK,CAACK,KAAK,CAAC,CAAC;MACpBC,MAAM,EAAEN,KAAK,CAACM,MAAM,CAAC;IACvB,CAAC,EACDlD,IACF,CAAC;IACDT,GAAG,CAACI,MAAM,CAACwD,aAAa,CAACP,KAAK,EAAEG,GAAG,EAAEC,GAAG,EAAEzD,GAAG,CAACO,KAAK,CAAC;EACtD;AACF,CAAC;AAED,OAAO,MAAMsD,UAAU,GAAGA,CAAC7D,GAAwB,EAAEC,KAAkB,KAAK;EAC1E,SAAS;;EACT,MAAM;IAAE6D,MAAM;IAAEC;EAAK,CAAC,GAAG9D,KAAK;EAC9BD,GAAG,CAACI,MAAM,CAACyD,UAAU,CAACjE,SAAS,CAACd,OAAO,CAACiF,IAAI,CAAC,CAAC,EAAED,MAAM,EAAE9D,GAAG,CAACO,KAAK,CAAC;AACpE,CAAC;AAED,OAAO,MAAMyD,YAAY,GAAGA,CAC1BhE,GAAwB,EACxBC,KAAoB,KACjB;EACH,SAAS;;EACT,MAAM;IAAE8D,IAAI;IAAEE,QAAQ;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAGnE,KAAK;EAC5D,MAAMoE,UAAU,GAAGN,IAAI,GAAGlE,UAAU,CAACf,OAAO,CAACiF,IAAI,CAAC,CAAC,GAAGlE,UAAU,CAACyE,SAAS;EAC1E,MAAMC,QAAQ,GAAGvE,GAAG,CAACU,IAAI,CAAC8D,YAAY,CACpCH,UAAU,EACVpE,KAAK,CAACsE,QAAQ,EACdN,QAAQ,EACRC,MAAM,GAAGA,MAAM,CAAC/C,GAAG,CAAEsD,CAAC,IAAKzE,GAAG,CAACU,IAAI,CAACyB,KAAK,CAACsC,CAAC,CAAC,CAAC,GAAGC,SAAS,EACzDP,OACF,CAAC;EACD,MAAMQ,gBAAgB,GAAGT,MAAM,GAAG3E,SAAS,CAACqF,OAAO,GAAGrF,SAAS,CAACsF,OAAO;EACvE,MAAMC,KAAK,GAAGV,SAAS,GAAG7E,SAAS,CAACT,OAAO,CAACsF,SAAS,CAAC,CAAC,GAAGO,gBAAgB;EAE1E3E,GAAG,CAACI,MAAM,CAAC4D,YAAY,CAACO,QAAQ,EAAEO,KAAK,EAAE9E,GAAG,CAACO,KAAK,CAAC;AACrD,CAAC;AAED,OAAO,MAAMwE,YAAY,GAAGA,CAC1B/E,GAAwB,EACxBC,KAAoB,KACjB;EACH,SAAS;;EACT,MAAM;IAAEgD,KAAK;IAAEvB;EAAM,CAAC,GAAGzB,KAAK;EAC9BD,GAAG,CAACI,MAAM,CAAC8C,UAAU,CAACD,KAAK,EAAEvB,KAAK,EAAE1B,GAAG,CAACO,KAAK,CAAC;AAChD,CAAC;AAED,OAAO,MAAMyE,YAAY,GAAGA,CAC1BhF,GAAwB,EACxBC,KAAoB,KACjB;EACH,SAAS;;EACT,MAAMgF,IAAI,GAAG9F,WAAW,CAACa,GAAG,CAACU,IAAI,EAAET,KAAK,CAACgF,IAAI,CAAC;EAC9C,MAAM;IAAEC,IAAI;IAAEC;EAAc,CAAC,GAAGlF,KAAK;EACrC,IAAIiF,IAAI,EAAE;IACR,IAAI;MAAEE;IAAK,CAAC,GAAGnF,KAAK;IACpB,MAAMoF,GAAG,GAAGH,IAAI,CAACI,WAAW,CAACF,IAAI,CAAC;IAClC,MAAMG,MAAM,GAAGL,IAAI,CAACM,cAAc,CAACH,GAAG,CAAC;IACvC,MAAMI,GAAgB,GAAG,EAAE;IAC3B,MAAMC,IAAI,GAAG1F,GAAG,CAACU,IAAI,CAACiF,kBAAkB,CAACV,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IACxD,IAAIW,IAAI,GAAGF,IAAI,CAACG,IAAI,CAAC,CAAC;IACtB,IAAIC,IAAI,GAAGX,aAAa;IACxB,KAAK,IAAIY,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGX,IAAI,CAACY,MAAM,IAAIJ,IAAI,EAAEG,CAAC,EAAE,EAAE;MAC5C,MAAMrC,KAAK,GAAG6B,MAAM,CAACQ,CAAC,CAAC;MACvBD,IAAI,IAAIpC,KAAK,GAAG,CAAC;MACjB,IAAIoC,IAAI,GAAGF,IAAI,CAACI,MAAM,CAAC,CAAC,EAAE;QACxB;QACAJ,IAAI,GAAGF,IAAI,CAACG,IAAI,CAAC,CAAC;QAClB,IAAI,CAACD,IAAI,EAAE;UACT;UACA;UACAR,IAAI,GAAGA,IAAI,CAACa,SAAS,CAAC,CAAC,EAAEF,CAAC,CAAC;UAC3B;QACF;QACAD,IAAI,GAAGpC,KAAK,GAAG,CAAC;MAClB;MACA;MACA;MACA,MAAM,CAACwC,CAAC,EAAEC,CAAC,CAAC,GAAGP,IAAI,CAACQ,SAAS,CAACN,IAAI,CAAC;MACnC,MAAMO,SAAS,GAAGH,CAAC,CAAC7F,CAAC,GAAIqD,KAAK,GAAG,CAAC,GAAIyC,CAAC,CAAC9F,CAAC;MACzC,MAAMiG,SAAS,GAAGJ,CAAC,CAAC5F,CAAC,GAAIoD,KAAK,GAAG,CAAC,GAAIyC,CAAC,CAAC7F,CAAC;MACzCmF,GAAG,CAACc,IAAI,CAACvG,GAAG,CAACU,IAAI,CAAC8F,OAAO,CAACL,CAAC,CAAC9F,CAAC,EAAE8F,CAAC,CAAC7F,CAAC,EAAE+F,SAAS,EAAEC,SAAS,CAAC,CAAC;MAC1DR,IAAI,IAAIpC,KAAK,GAAG,CAAC;IACnB;IACA,MAAM+C,OAAO,GAAGzG,GAAG,CAACU,IAAI,CAACgG,QAAQ,CAACC,eAAe,CAACvB,IAAI,EAAEK,GAAG,EAAEP,IAAI,CAAC;IAClElF,GAAG,CAACI,MAAM,CAACwG,YAAY,CAACH,OAAO,EAAE,CAAC,EAAE,CAAC,EAAEzG,GAAG,CAACO,KAAK,CAAC;EACnD;AACF,CAAC;AAED,OAAO,MAAMsG,QAAQ,GAAGA,CAAC7G,GAAwB,EAAEC,KAAgB,KAAK;EACtE,SAAS;;EACT,MAAM;IAAEmF,IAAI;IAAE/E,CAAC;IAAEC,CAAC;IAAE4E;EAAK,CAAC,GAAGjF,KAAK;EAClC,IAAIiF,IAAI,IAAI,IAAI,EAAE;IAChBlF,GAAG,CAACI,MAAM,CAACyG,QAAQ,CAACzB,IAAI,EAAE/E,CAAC,EAAEC,CAAC,EAAEN,GAAG,CAACO,KAAK,EAAE2E,IAAI,CAAC;EAClD;AACF,CAAC;AAED,OAAO,MAAM4B,SAAS,GAAGA,CAAC9G,GAAwB,EAAEC,KAAiB,KAAK;EACxE,SAAS;;EACT,MAAM;IAAE8G,OAAO;IAAE3C,SAAS;IAAE4C;EAAM,CAAC,GAAG/G,KAAK;EAC3C,MAAM0E,gBAAgB,GAAG1E,KAAK,CAACiE,MAAM,GAAG3E,SAAS,CAACqF,OAAO,GAAGrF,SAAS,CAACsF,OAAO;EAC7E,MAAMd,IAAI,GAAGK,SAAS,GAAG7E,SAAS,CAACT,OAAO,CAACsF,SAAS,CAAC,CAAC,GAAGO,gBAAgB;EACzE;EACA;EACA;EACA;EACA;;EAEA,MAAMb,MAAM,GAAG,CACbkD,KAAK,CAAC,CAAC,CAAC,CAACC,GAAG,EACZD,KAAK,CAAC,CAAC,CAAC,CAACE,EAAE,EACXF,KAAK,CAAC,CAAC,CAAC,CAACG,EAAE,EACXH,KAAK,CAAC,CAAC,CAAC,CAACC,GAAG,EACZD,KAAK,CAAC,CAAC,CAAC,CAACE,EAAE,EACXF,KAAK,CAAC,CAAC,CAAC,CAACG,EAAE,EACXH,KAAK,CAAC,CAAC,CAAC,CAACC,GAAG,EACZD,KAAK,CAAC,CAAC,CAAC,CAACE,EAAE,EACXF,KAAK,CAAC,CAAC,CAAC,CAACG,EAAE,EACXH,KAAK,CAAC,CAAC,CAAC,CAACC,GAAG,EACZD,KAAK,CAAC,CAAC,CAAC,CAACE,EAAE,EACXF,KAAK,CAAC,CAAC,CAAC,CAACG,EAAE,CACZ;EACD,MAAMjD,MAAM,GAAGjE,KAAK,CAACiE,MAAM,GACvBjE,KAAK,CAACiE,MAAM,CAAC/C,GAAG,CAAEsD,CAAC,IAAKzE,GAAG,CAACU,IAAI,CAACyB,KAAK,CAACsC,CAAC,CAAC,CAAC,GAC1CC,SAAS;EACb1E,GAAG,CAACI,MAAM,CAAC0G,SAAS,CAAChD,MAAM,EAAEI,MAAM,EAAE6C,OAAO,EAAEhD,IAAI,EAAE/D,GAAG,CAACO,KAAK,CAAC;AAChE,CAAC;AAED,OAAO,MAAM6G,QAAQ,GAAGA,CAACpH,GAAwB,EAAEC,KAAgB,KAAK;EACtE,SAAS;;EACT,MAAM;IACJoH,KAAK,EAAEC,SAAS;IAChBC,GAAG,EAAEC,OAAO;IACZC,QAAQ;IACRC,MAAM;IACN,GAAGC;EACL,CAAC,GAAG1H,KAAK;EACT,MAAMoH,KAAK,GAAG/H,QAAQ,CAACgI,SAAS,CAAC;EACjC,MAAMC,GAAG,GAAGjI,QAAQ,CAACkI,OAAO,CAAC;EAC7B,MAAMI,cAAc,GAAGP,KAAK,KAAK,CAAC;EAClC,MAAMQ,YAAY,GAAGN,GAAG,KAAK,CAAC;EAC9B,MAAMO,gBAAgB,GAAGJ,MAAM,KAAKhD,SAAS;EAC7C,MAAMqD,WAAW,GAAG,CAAC,CAACN,QAAQ;EAC9B,MAAMO,cAAc,GAClBJ,cAAc,IAAIC,YAAY,IAAIC,gBAAgB,IAAIC,WAAW;EACnE,MAAME,YAAY,GAAG9I,WAAW,CAACa,GAAG,CAACU,IAAI,EAAEiH,SAAS,CAAC1C,IAAI,CAAC;EAC1D,MAAMA,IAAI,GAAG+C,cAAc,GAAGC,YAAY,CAACC,IAAI,CAAC,CAAC,GAAGD,YAAY;EAChE,IAAIF,WAAW,EAAE;IACf9C,IAAI,CAACkD,WAAW,CAACzI,QAAQ,CAACZ,OAAO,CAAC2I,QAAQ,CAAC,CAAC,CAAC;EAC/C;EACA,IAAIK,gBAAgB,EAAE;IACpB7C,IAAI,CAACyC,MAAM,CAACA,MAAM,CAAC;EACrB;EACA,IAAIE,cAAc,IAAIC,YAAY,EAAE;IAClC5C,IAAI,CAACmD,IAAI,CAACf,KAAK,EAAEE,GAAG,EAAE,KAAK,CAAC;EAC9B;EACAvH,GAAG,CAACI,MAAM,CAACgH,QAAQ,CAACnC,IAAI,EAAEjF,GAAG,CAACO,KAAK,CAAC;AACtC,CAAC;AAED,OAAO,MAAM8H,QAAQ,GAAGA,CAACrI,GAAwB,EAAEC,KAAgB,KAAK;EACtE,SAAS;;EACT,MAAMwG,OAAO,GAAGrH,WAAW,CAACY,GAAG,CAACU,IAAI,EAAET,KAAK,CAAC;EAC5CD,GAAG,CAACI,MAAM,CAACiI,QAAQ,CAAC5B,OAAO,EAAEzG,GAAG,CAACO,KAAK,CAAC;AACzC,CAAC;AAED,OAAO,MAAMkC,SAAS,GAAGA,CACvBzC,GAAwB,EACxBC,KAAuB,KACpB;EACH,SAAS;;EACT,MAAMwG,OAAO,GAAGpH,YAAY,CAACW,GAAG,CAACU,IAAI,EAAET,KAAK,CAAC;EAC7CD,GAAG,CAACI,MAAM,CAACqC,SAAS,CAACgE,OAAO,EAAEzG,GAAG,CAACO,KAAK,CAAC;AAC1C,CAAC;AAED,OAAO,MAAMqG,YAAY,GAAGA,CAC1B5G,GAAwB,EACxBC,KAAoB,KACjB;EACH,SAAS;;EACT,MAAM;IAAEqI,IAAI;IAAEjI,CAAC;IAAEC;EAAE,CAAC,GAAGL,KAAK;EAC5BD,GAAG,CAACI,MAAM,CAACwG,YAAY,CAAC0B,IAAI,EAAEjI,CAAC,EAAEC,CAAC,EAAEN,GAAG,CAACO,KAAK,CAAC;AAChD,CAAC;AAOD,OAAO,MAAMgI,UAAU,GAAGA,CAACvI,GAAwB,EAAEC,KAAkB,KAAK;EAC1E,SAAS;;EACT,MAAMwG,OAAO,GAAGxG,KAAK,CAACuI,MAAM,CAACC,MAAM,CACjC,CAACC,GAAG,EAAEC,KAAK,KAAK;IACd,MAAM;MAAEC,EAAE;MAAE3B;IAAI,CAAC,GAAG0B,KAAK;IACzBD,GAAG,CAACF,MAAM,CAACjC,IAAI,CAACqC,EAAE,CAAC;IACnBF,GAAG,CAACG,SAAS,CAACtC,IAAI,CAACU,GAAG,CAAC;IACvB,OAAOyB,GAAG;EACZ,CAAC,EACD;IAAEF,MAAM,EAAE,EAAE;IAAEK,SAAS,EAAE;EAAG,CAC9B,CAAC;EACD,MAAM;IAAEL,MAAM;IAAEK;EAAU,CAAC,GAAGpC,OAAO;EACrC,MAAM;IAAEpG,CAAC;IAAEC,CAAC;IAAE4E;EAAK,CAAC,GAAGjF,KAAK;EAC5B,IAAIiF,IAAI,EAAE;IACRlF,GAAG,CAACI,MAAM,CAACmI,UAAU,CAACC,MAAM,EAAEK,SAAS,EAAExI,CAAC,EAAEC,CAAC,EAAE4E,IAAI,EAAElF,GAAG,CAACO,KAAK,CAAC;EACjE;AACF,CAAC;AAED,OAAO,MAAMuI,YAAY,GAAGA,CAC1B9I,GAAwB,EACxBC,KAAoB,KACjB;EACH,SAAS;;EACT,MAAM;IAAEG;EAAO,CAAC,GAAGJ,GAAG;EACtB,MAAM;IAAE+I;EAAI,CAAC,GAAG9I,KAAK;EACrB,MAAM;IAAEI,CAAC;IAAEC,CAAC;IAAEoD,KAAK;IAAEC;EAAO,CAAC,GAAG1D,KAAK,CAACQ,IAAI,GACtCR,KAAK,CAACQ,IAAI,GACV;IAAEJ,CAAC,EAAEJ,KAAK,CAACI,CAAC;IAAEC,CAAC,EAAEL,KAAK,CAACK,CAAC;IAAEoD,KAAK,EAAEzD,KAAK,CAACyD,KAAK;IAAEC,MAAM,EAAE1D,KAAK,CAAC0D;EAAO,CAAC;EACxE,IAAIoF,GAAG,KAAK,IAAI,EAAE;IAChB;EACF;EACA3I,MAAM,CAAC0C,IAAI,CAAC,CAAC;EACb,IAAIzC,CAAC,IAAIC,CAAC,EAAE;IACVF,MAAM,CAAC4I,SAAS,CAAC3I,CAAC,EAAEC,CAAC,CAAC;EACxB;EACAF,MAAM,CAAC6I,OAAO,CAACF,GAAG,EAAErF,KAAK,EAAEC,MAAM,CAAC;EAClCvD,MAAM,CAAC+C,OAAO,CAAC,CAAC;AAClB,CAAC;AAED,OAAO,MAAM+F,aAAa,GAAGA,CAC3BlJ,GAAwB,EACxBC,KAAqB,KAClB;EACH,SAAS;;EACT,MAAM;IAAEkJ,SAAS;IAAE9I,CAAC;IAAEC,CAAC;IAAEoD;EAAM,CAAC,GAAGzD,KAAK;EACxC,IAAIkJ,SAAS,EAAE;IACbA,SAAS,CAACC,MAAM,CAAC1F,KAAK,CAAC;IACvByF,SAAS,CAAC5I,KAAK,CAACP,GAAG,CAACI,MAAM,EAAEC,CAAC,EAAEC,CAAC,CAAC;EACnC;AACF,CAAC;AAED,OAAO,MAAM+I,WAAW,GAAGA,CAACrJ,GAAwB,EAAEC,KAAmB,KAAK;EAC5E,SAAS;;EACT,MAAM;IAAEqJ;EAAQ,CAAC,GAAGrJ,KAAK;EACzBD,GAAG,CAACI,MAAM,CAACiJ,WAAW,CAACC,OAAO,CAAC;AACjC,CAAC;AAED,OAAO,MAAMC,SAAS,GAAGA,CAACvJ,GAAwB,EAAEC,KAAiB,KAAK;EACxE,SAAS;;EACT,MAAM;IAAEoD,KAAK;IAAEmG,OAAO;IAAEC,UAAU;IAAEvF,MAAM;IAAEE;EAAU,CAAC,GAAGnE,KAAK;EAC/D,MAAM6E,KAAK,GAAGV,SAAS,GAAG7E,SAAS,CAACT,OAAO,CAACsF,SAAS,CAAC,CAAC,GAAGM,SAAS;EACnE,IAAIrB,KAAK,EAAE;IACTrD,GAAG,CAACI,MAAM,CAACmJ,SAAS,CAAClG,KAAK,EAAEmG,OAAO,EAAEC,UAAU,EAAEzJ,GAAG,CAACO,KAAK,EAAEuE,KAAK,EAAEZ,MAAM,CAAC;EAC5E;AACF,CAAC;AAED,OAAO,MAAMwF,UAAU,GAAGA,CAAC1J,GAAwB,EAAEC,KAAkB,KAAK;EAC1E,SAAS;;EACT,MAAM;IAAEwE;EAAE,CAAC,GAAGvF,aAAa,CAACe,KAAK,CAAC;EAClC,MAAM;IAAE0J;EAAE,CAAC,GAAG1J,KAAK;EACnBD,GAAG,CAACI,MAAM,CAACsJ,UAAU,CAACjF,CAAC,CAACpE,CAAC,EAAEoE,CAAC,CAACnE,CAAC,EAAEqJ,CAAC,EAAE3J,GAAG,CAACO,KAAK,CAAC;AAC/C,CAAC;AAED,OAAO,MAAMqJ,QAAQ,GAAGA,CACtB5J,GAAwB,EACxB6J,MAAwB,KACrB;EACH,SAAS;;EACT7J,GAAG,CAACI,MAAM,CAAC0J,SAAS,CAAC9J,GAAG,CAACO,KAAK,CAAC;AACjC,CAAC","ignoreList":[]}

package/lib/module/sksg/nodes/imageFilters.d.ts

@@ -1,9 +1,12 @@
-import type { BlendImageFilterProps, BlurImageFilterProps, BlurMaskFilterProps, DeclarationContext, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps } from "../../dom/types";
+import type { BlendImageFilterProps, BlendProps, BlurImageFilterProps, BlurMaskFilterProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps } from "../../dom/types";
 import type { SkImageFilter } from "../../skia/types";
+import type { DeclarationContext } from "../DeclarationContext";
 export declare enum MorphologyOperator {
     Erode = 0,
     Dilate = 1
 }
+export declare const declareBlend: (ctx: DeclarationContext, props: BlendProps) => void;
+export declare const composeImageFilters: (ctx: DeclarationContext, imgf1: SkImageFilter, processChildren: () => void) => void;
 export declare const makeOffsetImageFilter: (ctx: DeclarationContext, props: OffsetImageFilterProps) => SkImageFilter;
 export declare const declareDisplacementMapImageFilter: (ctx: DeclarationContext, props: DisplacementMapImageFilterProps) => void;
 export declare const makeBlurImageFilter: (ctx: DeclarationContext, props: BlurImageFilterProps) => SkImageFilter;

package/lib/module/sksg/nodes/imageFilters.js

@@ -1,7 +1,6 @@
-"worklet";
-
 import { enumKey, processRadius } from "../../dom/nodes";
 import { BlendMode, BlurStyle, ColorChannel, processUniforms, TileMode } from "../../skia/types";
+import { composeDeclarations } from "../DeclarationContext";
 export let MorphologyOperator = /*#__PURE__*/function (MorphologyOperator) {
   MorphologyOperator[MorphologyOperator["Erode"] = 0] = "Erode";
   MorphologyOperator[MorphologyOperator["Dilate"] = 1] = "Dilate";
@@ -9,6 +8,8 @@ export let MorphologyOperator = /*#__PURE__*/function (MorphologyOperator) {
 }({});
 const Black = Float32Array.of(0, 0, 0, 1);
 const MakeInnerShadow = (Skia, shadowOnly, dx, dy, sigmaX, sigmaY, color, input) => {
+  "worklet";
+
   const sourceGraphic = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(Black, BlendMode.Dst), null);
   const sourceAlpha = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn), null);
   const f1 = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut), null);
@@ -20,11 +21,55 @@ const MakeInnerShadow = (Skia, shadowOnly, dx, dy, sigmaX, sigmaY, color, input)
   }
   return Skia.ImageFilter.MakeCompose(input, Skia.ImageFilter.MakeBlend(BlendMode.SrcOver, sourceGraphic, f4));
 };
+export const declareBlend = (ctx, props) => {
+  "worklet";
+
+  const {
+    Skia
+  } = ctx;
+  const blend = BlendMode[enumKey(props.mode)];
+  // Blend ImageFilters
+  const imageFilters = ctx.imageFilters.popAll();
+  if (imageFilters.length > 0) {
+    const composer = Skia.ImageFilter.MakeBlend.bind(Skia.ImageFilter, blend);
+    ctx.imageFilters.push(composeDeclarations(imageFilters, composer));
+  }
+  // Blend Shaders
+  const shaders = ctx.shaders.popAll();
+  if (shaders.length > 0) {
+    const composer = Skia.Shader.MakeBlend.bind(Skia.Shader, blend);
+    ctx.shaders.push(composeDeclarations(shaders, composer));
+  }
+};
+export const composeImageFilters = (ctx, imgf1, processChildren) => {
+  "worklet";
+
+  const {
+    Skia
+  } = ctx;
+  ctx.imageFilters.save();
+  ctx.colorFilters.save();
+  processChildren();
+  let imgf2 = ctx.imageFilters.popAllAsOne();
+  const cf = ctx.colorFilters.popAllAsOne();
+  ctx.imageFilters.restore();
+  ctx.colorFilters.restore();
+  if (cf) {
+    var _imgf;
+    imgf2 = Skia.ImageFilter.MakeCompose((_imgf = imgf2) !== null && _imgf !== void 0 ? _imgf : null, Skia.ImageFilter.MakeColorFilter(cf, null));
+  }
+  const imgf = imgf2 ? Skia.ImageFilter.MakeCompose(imgf1, imgf2) : imgf1;
+  ctx.imageFilters.push(imgf);
+};
 const input = ctx => {
+  "worklet";
+
   var _ctx$imageFilters$pop;
   return (_ctx$imageFilters$pop = ctx.imageFilters.pop()) !== null && _ctx$imageFilters$pop !== void 0 ? _ctx$imageFilters$pop : null;
 };
 export const makeOffsetImageFilter = (ctx, props) => {
+  "worklet";
+
   const {
     x,
     y
@@ -32,6 +77,8 @@ export const makeOffsetImageFilter = (ctx, props) => {
   return ctx.Skia.ImageFilter.MakeOffset(x, y, null);
 };
 export const declareDisplacementMapImageFilter = (ctx, props) => {
+  "worklet";
+
   const {
     channelX,
     channelY,
@@ -46,6 +93,8 @@ export const declareDisplacementMapImageFilter = (ctx, props) => {
   ctx.imageFilters.push(imgf);
 };
 export const makeBlurImageFilter = (ctx, props) => {
+  "worklet";
+
   const {
     mode,
     blur
@@ -55,6 +104,8 @@ export const makeBlurImageFilter = (ctx, props) => {
   return imgf;
 };
 export const makeDropShadowImageFilter = (ctx, props) => {
+  "worklet";
+
   const {
     dx,
     dy,
@@ -74,6 +125,8 @@ export const makeDropShadowImageFilter = (ctx, props) => {
   return imgf;
 };
 export const makeMorphologyImageFilter = (ctx, props) => {
+  "worklet";
+
   const {
     operator
   } = props;
@@ -87,6 +140,8 @@ export const makeMorphologyImageFilter = (ctx, props) => {
   return imgf;
 };
 export const makeRuntimeShaderImageFilter = (ctx, props) => {
+  "worklet";
+
   const {
     source,
     uniforms
@@ -99,6 +154,8 @@ export const makeRuntimeShaderImageFilter = (ctx, props) => {
   return imgf;
 };
 export const declareBlendImageFilter = (ctx, props) => {
+  "worklet";
+
   const {
     mode
   } = props;
@@ -111,6 +168,8 @@ export const declareBlendImageFilter = (ctx, props) => {
   ctx.imageFilters.push(imgf);
 };
 export const declareBlurMaskFilter = (ctx, props) => {
+  "worklet";
+
   const {
     blur,
     style,

package/lib/module/sksg/nodes/imageFilters.js.map

@@ -1 +1 @@
-{"version":3,"names":["enumKey","processRadius","BlendMode","BlurStyle","ColorChannel","processUniforms","TileMode","MorphologyOperator","Black","Float32Array","of","MakeInnerShadow","Skia","shadowOnly","dx","dy","sigmaX","sigmaY","color","input","sourceGraphic","ImageFilter","MakeColorFilter","ColorFilter","MakeBlend","Dst","sourceAlpha","SrcIn","f1","SrcOut","f2","MakeOffset","f3","MakeBlur","Decal","f4","MakeCompose","SrcOver","ctx","_ctx$imageFilters$pop","imageFilters","pop","makeOffsetImageFilter","props","x","y","declareDisplacementMapImageFilter","channelX","channelY","scale","shader","shaders","Error","map","MakeShader","imgf","MakeDisplacementMap","push","makeBlurImageFilter","mode","blur","sigma","makeDropShadowImageFilter","cl","inner","Color","factory","bind","MakeDropShadowOnly","MakeDropShadow","makeMorphologyImageFilter","operator","r","radius","Erode","MakeErode","MakeDilate","makeRuntimeShaderImageFilter","source","uniforms","rtb","RuntimeShaderBuilder","MakeRuntimeShader","declareBlendImageFilter","a","b","declareBlurMaskFilter","style","respectCTM","mf","MaskFilter","maskFilters"],"sources":["imageFilters.ts"],"sourcesContent":["\"worklet\";\n\nimport { enumKey, processRadius } from \"../../dom/nodes\";\nimport type {\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  BlurMaskFilterProps,\n  DeclarationContext,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  MorphologyImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n} from \"../../dom/types\";\nimport type { SkColor, Skia, SkImageFilter } from \"../../skia/types\";\nimport {\n  BlendMode,\n  BlurStyle,\n  ColorChannel,\n  processUniforms,\n  TileMode,\n} from \"../../skia/types\";\n\nexport enum MorphologyOperator {\n  Erode,\n  Dilate,\n}\n\nconst Black = Float32Array.of(0, 0, 0, 1);\n\nconst MakeInnerShadow = (\n  Skia: Skia,\n  shadowOnly: boolean | undefined,\n  dx: number,\n  dy: number,\n  sigmaX: number,\n  sigmaY: number,\n  color: SkColor,\n  input: SkImageFilter | null\n) => {\n  const sourceGraphic = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.Dst),\n    null\n  );\n  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn),\n    null\n  );\n  const f1 = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut),\n    null\n  );\n  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);\n  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, TileMode.Decal, f2);\n  const f4 = Skia.ImageFilter.MakeBlend(BlendMode.SrcIn, sourceAlpha, f3);\n  if (shadowOnly) {\n    return f4;\n  }\n  return Skia.ImageFilter.MakeCompose(\n    input,\n    Skia.ImageFilter.MakeBlend(BlendMode.SrcOver, sourceGraphic, f4)\n  );\n};\n\nconst input = (ctx: DeclarationContext) => {\n  return ctx.imageFilters.pop() ?? null;\n};\n\nexport const makeOffsetImageFilter = (\n  ctx: DeclarationContext,\n  props: OffsetImageFilterProps\n) => {\n  const { x, y } = props;\n  return ctx.Skia.ImageFilter.MakeOffset(x, y, null);\n};\n\nexport const declareDisplacementMapImageFilter = (\n  ctx: DeclarationContext,\n  props: DisplacementMapImageFilterProps\n) => {\n  const { channelX, channelY, scale } = props;\n  const shader = ctx.shaders.pop();\n  if (!shader) {\n    throw new Error(\"DisplacementMap expects a shader as child\");\n  }\n  const map = ctx.Skia.ImageFilter.MakeShader(shader, null);\n  const imgf = ctx.Skia.ImageFilter.MakeDisplacementMap(\n    ColorChannel[enumKey(channelX)],\n    ColorChannel[enumKey(channelY)],\n    scale,\n    map,\n    input(ctx)\n  );\n  ctx.imageFilters.push(imgf);\n};\n\nexport const makeBlurImageFilter = (\n  ctx: DeclarationContext,\n  props: BlurImageFilterProps\n) => {\n  const { mode, blur } = props;\n  const sigma = processRadius(ctx.Skia, blur);\n  const imgf = ctx.Skia.ImageFilter.MakeBlur(\n    sigma.x,\n    sigma.y,\n    TileMode[enumKey(mode)],\n    input(ctx)\n  );\n  return imgf;\n};\n\nexport const makeDropShadowImageFilter = (\n  ctx: DeclarationContext,\n  props: DropShadowImageFilterProps\n) => {\n  const { dx, dy, blur, shadowOnly, color: cl, inner } = props;\n  const color = ctx.Skia.Color(cl);\n  let factory;\n  if (inner) {\n    factory = MakeInnerShadow.bind(null, ctx.Skia, shadowOnly);\n  } else {\n    factory = shadowOnly\n      ? ctx.Skia.ImageFilter.MakeDropShadowOnly.bind(ctx.Skia.ImageFilter)\n      : ctx.Skia.ImageFilter.MakeDropShadow.bind(ctx.Skia.ImageFilter);\n  }\n  const imgf = factory(dx, dy, blur, blur, color, input(ctx));\n  return imgf;\n};\n\nexport const makeMorphologyImageFilter = (\n  ctx: DeclarationContext,\n  props: MorphologyImageFilterProps\n) => {\n  const { operator } = props;\n  const r = processRadius(ctx.Skia, props.radius);\n  let imgf;\n  if (MorphologyOperator[enumKey(operator)] === MorphologyOperator.Erode) {\n    imgf = ctx.Skia.ImageFilter.MakeErode(r.x, r.y, input(ctx));\n  } else {\n    imgf = ctx.Skia.ImageFilter.MakeDilate(r.x, r.y, input(ctx));\n  }\n  return imgf;\n};\n\nexport const makeRuntimeShaderImageFilter = (\n  ctx: DeclarationContext,\n  props: RuntimeShaderImageFilterProps\n) => {\n  const { source, uniforms } = props;\n  const rtb = ctx.Skia.RuntimeShaderBuilder(source);\n  if (uniforms) {\n    processUniforms(source, uniforms, rtb);\n  }\n  const imgf = ctx.Skia.ImageFilter.MakeRuntimeShader(rtb, null, input(ctx));\n  return imgf;\n};\n\nexport const declareBlendImageFilter = (\n  ctx: DeclarationContext,\n  props: BlendImageFilterProps\n) => {\n  const { mode } = props;\n  const a = ctx.imageFilters.pop();\n  const b = ctx.imageFilters.pop();\n  if (!a || !b) {\n    throw new Error(\"BlendImageFilter requires two image filters\");\n  }\n  const imgf = ctx.Skia.ImageFilter.MakeBlend(mode, a, b);\n  ctx.imageFilters.push(imgf);\n};\n\nexport const declareBlurMaskFilter = (\n  ctx: DeclarationContext,\n  props: BlurMaskFilterProps\n) => {\n  const { blur, style, respectCTM } = props;\n  const mf = ctx.Skia.MaskFilter.MakeBlur(\n    BlurStyle[enumKey(style)],\n    blur,\n    respectCTM\n  );\n  ctx.maskFilters.push(mf);\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["enumKey","processRadius","BlendMode","BlurStyle","ColorChannel","processUniforms","TileMode","composeDeclarations","MorphologyOperator","Black","Float32Array","of","MakeInnerShadow","Skia","shadowOnly","dx","dy","sigmaX","sigmaY","color","input","sourceGraphic","ImageFilter","MakeColorFilter","ColorFilter","MakeBlend","Dst","sourceAlpha","SrcIn","f1","SrcOut","f2","MakeOffset","f3","MakeBlur","Decal","f4","MakeCompose","SrcOver","declareBlend","ctx","props","blend","mode","imageFilters","popAll","length","composer","bind","push","shaders","Shader","composeImageFilters","imgf1","processChildren","save","colorFilters","imgf2","popAllAsOne","cf","restore","_imgf","imgf","_ctx$imageFilters$pop","pop","makeOffsetImageFilter","x","y","declareDisplacementMapImageFilter","channelX","channelY","scale","shader","Error","map","MakeShader","MakeDisplacementMap","makeBlurImageFilter","blur","sigma","makeDropShadowImageFilter","cl","inner","Color","factory","MakeDropShadowOnly","MakeDropShadow","makeMorphologyImageFilter","operator","r","radius","Erode","MakeErode","MakeDilate","makeRuntimeShaderImageFilter","source","uniforms","rtb","RuntimeShaderBuilder","MakeRuntimeShader","declareBlendImageFilter","a","b","declareBlurMaskFilter","style","respectCTM","mf","MaskFilter","maskFilters"],"sources":["imageFilters.ts"],"sourcesContent":["import { enumKey, processRadius } from \"../../dom/nodes\";\nimport type {\n  BlendImageFilterProps,\n  BlendProps,\n  BlurImageFilterProps,\n  BlurMaskFilterProps,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  MorphologyImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n} from \"../../dom/types\";\nimport type { SkColor, Skia, SkImageFilter } from \"../../skia/types\";\nimport {\n  BlendMode,\n  BlurStyle,\n  ColorChannel,\n  processUniforms,\n  TileMode,\n} from \"../../skia/types\";\nimport type { DeclarationContext } from \"../DeclarationContext\";\nimport { composeDeclarations } from \"../DeclarationContext\";\n\nexport enum MorphologyOperator {\n  Erode,\n  Dilate,\n}\n\nconst Black = Float32Array.of(0, 0, 0, 1);\n\nconst MakeInnerShadow = (\n  Skia: Skia,\n  shadowOnly: boolean | undefined,\n  dx: number,\n  dy: number,\n  sigmaX: number,\n  sigmaY: number,\n  color: SkColor,\n  input: SkImageFilter | null\n) => {\n  \"worklet\";\n  const sourceGraphic = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.Dst),\n    null\n  );\n  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn),\n    null\n  );\n  const f1 = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut),\n    null\n  );\n  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);\n  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, TileMode.Decal, f2);\n  const f4 = Skia.ImageFilter.MakeBlend(BlendMode.SrcIn, sourceAlpha, f3);\n  if (shadowOnly) {\n    return f4;\n  }\n  return Skia.ImageFilter.MakeCompose(\n    input,\n    Skia.ImageFilter.MakeBlend(BlendMode.SrcOver, sourceGraphic, f4)\n  );\n};\n\nexport const declareBlend = (ctx: DeclarationContext, props: BlendProps) => {\n  \"worklet\";\n  const { Skia } = ctx;\n  const blend = BlendMode[enumKey(props.mode as BlendProps[\"mode\"])];\n  // Blend ImageFilters\n  const imageFilters = ctx.imageFilters.popAll();\n  if (imageFilters.length > 0) {\n    const composer = Skia.ImageFilter.MakeBlend.bind(Skia.ImageFilter, blend);\n    ctx.imageFilters.push(composeDeclarations(imageFilters, composer));\n  }\n  // Blend Shaders\n  const shaders = ctx.shaders.popAll();\n  if (shaders.length > 0) {\n    const composer = Skia.Shader.MakeBlend.bind(Skia.Shader, blend);\n    ctx.shaders.push(composeDeclarations(shaders, composer));\n  }\n};\n\nexport const composeImageFilters = (\n  ctx: DeclarationContext,\n  imgf1: SkImageFilter,\n  processChildren: () => void\n) => {\n  \"worklet\";\n  const { Skia } = ctx;\n  ctx.imageFilters.save();\n  ctx.colorFilters.save();\n  processChildren();\n  let imgf2 = ctx.imageFilters.popAllAsOne();\n  const cf = ctx.colorFilters.popAllAsOne();\n  ctx.imageFilters.restore();\n  ctx.colorFilters.restore();\n  if (cf) {\n    imgf2 = Skia.ImageFilter.MakeCompose(\n      imgf2 ?? null,\n      Skia.ImageFilter.MakeColorFilter(cf, null)\n    );\n  }\n  const imgf = imgf2 ? Skia.ImageFilter.MakeCompose(imgf1, imgf2) : imgf1;\n  ctx.imageFilters.push(imgf);\n};\n\nconst input = (ctx: DeclarationContext) => {\n  \"worklet\";\n  return ctx.imageFilters.pop() ?? null;\n};\n\nexport const makeOffsetImageFilter = (\n  ctx: DeclarationContext,\n  props: OffsetImageFilterProps\n) => {\n  \"worklet\";\n  const { x, y } = props;\n  return ctx.Skia.ImageFilter.MakeOffset(x, y, null);\n};\n\nexport const declareDisplacementMapImageFilter = (\n  ctx: DeclarationContext,\n  props: DisplacementMapImageFilterProps\n) => {\n  \"worklet\";\n  const { channelX, channelY, scale } = props;\n  const shader = ctx.shaders.pop();\n  if (!shader) {\n    throw new Error(\"DisplacementMap expects a shader as child\");\n  }\n  const map = ctx.Skia.ImageFilter.MakeShader(shader, null);\n  const imgf = ctx.Skia.ImageFilter.MakeDisplacementMap(\n    ColorChannel[enumKey(channelX)],\n    ColorChannel[enumKey(channelY)],\n    scale,\n    map,\n    input(ctx)\n  );\n  ctx.imageFilters.push(imgf);\n};\n\nexport const makeBlurImageFilter = (\n  ctx: DeclarationContext,\n  props: BlurImageFilterProps\n) => {\n  \"worklet\";\n  const { mode, blur } = props;\n  const sigma = processRadius(ctx.Skia, blur);\n  const imgf = ctx.Skia.ImageFilter.MakeBlur(\n    sigma.x,\n    sigma.y,\n    TileMode[enumKey(mode)],\n    input(ctx)\n  );\n  return imgf;\n};\n\nexport const makeDropShadowImageFilter = (\n  ctx: DeclarationContext,\n  props: DropShadowImageFilterProps\n) => {\n  \"worklet\";\n  const { dx, dy, blur, shadowOnly, color: cl, inner } = props;\n  const color = ctx.Skia.Color(cl);\n  let factory;\n  if (inner) {\n    factory = MakeInnerShadow.bind(null, ctx.Skia, shadowOnly);\n  } else {\n    factory = shadowOnly\n      ? ctx.Skia.ImageFilter.MakeDropShadowOnly.bind(ctx.Skia.ImageFilter)\n      : ctx.Skia.ImageFilter.MakeDropShadow.bind(ctx.Skia.ImageFilter);\n  }\n  const imgf = factory(dx, dy, blur, blur, color, input(ctx));\n  return imgf;\n};\n\nexport const makeMorphologyImageFilter = (\n  ctx: DeclarationContext,\n  props: MorphologyImageFilterProps\n) => {\n  \"worklet\";\n  const { operator } = props;\n  const r = processRadius(ctx.Skia, props.radius);\n  let imgf;\n  if (MorphologyOperator[enumKey(operator)] === MorphologyOperator.Erode) {\n    imgf = ctx.Skia.ImageFilter.MakeErode(r.x, r.y, input(ctx));\n  } else {\n    imgf = ctx.Skia.ImageFilter.MakeDilate(r.x, r.y, input(ctx));\n  }\n  return imgf;\n};\n\nexport const makeRuntimeShaderImageFilter = (\n  ctx: DeclarationContext,\n  props: RuntimeShaderImageFilterProps\n) => {\n  \"worklet\";\n  const { source, uniforms } = props;\n  const rtb = ctx.Skia.RuntimeShaderBuilder(source);\n  if (uniforms) {\n    processUniforms(source, uniforms, rtb);\n  }\n  const imgf = ctx.Skia.ImageFilter.MakeRuntimeShader(rtb, null, input(ctx));\n  return imgf;\n};\n\nexport const declareBlendImageFilter = (\n  ctx: DeclarationContext,\n  props: BlendImageFilterProps\n) => {\n  \"worklet\";\n  const { mode } = props;\n  const a = ctx.imageFilters.pop();\n  const b = ctx.imageFilters.pop();\n  if (!a || !b) {\n    throw new Error(\"BlendImageFilter requires two image filters\");\n  }\n  const imgf = ctx.Skia.ImageFilter.MakeBlend(mode, a, b);\n  ctx.imageFilters.push(imgf);\n};\n\nexport const declareBlurMaskFilter = (\n  ctx: DeclarationContext,\n  props: BlurMaskFilterProps\n) => {\n  \"worklet\";\n  const { blur, style, respectCTM } = props;\n  const mf = ctx.Skia.MaskFilter.MakeBlur(\n    BlurStyle[enumKey(style)],\n    blur,\n    respectCTM\n  );\n  ctx.maskFilters.push(mf);\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/sksg/nodes/paint.d.ts

@@ -1,2 +1,3 @@
-import type { DeclarationContext, PaintProps } from "../../dom/types";
+import type { PaintProps } from "../../dom/types";
+import type { DeclarationContext } from "../DeclarationContext";
 export declare const declarePaint: (ctx: DeclarationContext, props: PaintProps) => void;

package/lib/module/sksg/nodes/paint.js

@@ -1,8 +1,8 @@
-"worklet";
-
 import { enumKey } from "../../dom/nodes";
 import { BlendMode, PaintStyle, StrokeCap, StrokeJoin } from "../../skia/types";
 export const declarePaint = (ctx, props) => {
+  "worklet";
+
   const {
     color,
     strokeWidth,

package/lib/module/sksg/nodes/paint.js.map

@@ -1 +1 @@
-{"version":3,"names":["enumKey","BlendMode","PaintStyle","StrokeCap","StrokeJoin","declarePaint","ctx","props","color","strokeWidth","blendMode","style","strokeJoin","strokeCap","strokeMiter","opacity","antiAlias","dither","paint","Skia","Paint","undefined","setColor","Color","setStrokeWidth","setBlendMode","setStyle","setStrokeJoin","setStrokeCap","setStrokeMiter","setAlphaf","setAntiAlias","setDither","colorFilter","colorFilters","popAllAsOne","imageFilter","imageFilters","shader","shaders","pop","maskFilter","maskFilters","pathEffect","pathEffects","setImageFilter","setShader","setPathEffect","setColorFilter","setMaskFilter","paints","push"],"sources":["paint.ts"],"sourcesContent":["\"worklet\";\n\nimport { enumKey } from \"../../dom/nodes\";\nimport type { DeclarationContext, PaintProps } from \"../../dom/types\";\nimport { BlendMode, PaintStyle, StrokeCap, StrokeJoin } from \"../../skia/types\";\n\nexport const declarePaint = (ctx: DeclarationContext, props: PaintProps) => {\n  const {\n    color,\n    strokeWidth,\n    blendMode,\n    style,\n    strokeJoin,\n    strokeCap,\n    strokeMiter,\n    opacity,\n    antiAlias,\n    dither,\n  } = props;\n  const paint = ctx.Skia.Paint();\n  if (color !== undefined) {\n    paint.setColor(ctx.Skia.Color(color));\n  }\n  if (strokeWidth !== undefined) {\n    paint.setStrokeWidth(strokeWidth);\n  }\n  if (blendMode !== undefined) {\n    paint.setBlendMode(BlendMode[enumKey(blendMode)]);\n  }\n  if (style !== undefined) {\n    paint.setStyle(PaintStyle[enumKey(style)]);\n  }\n  if (strokeJoin !== undefined) {\n    paint.setStrokeJoin(StrokeJoin[enumKey(strokeJoin)]);\n  }\n  if (strokeCap !== undefined) {\n    paint.setStrokeCap(StrokeCap[enumKey(strokeCap)]);\n  }\n  if (strokeMiter !== undefined) {\n    paint.setStrokeMiter(strokeMiter);\n  }\n  if (opacity !== undefined) {\n    paint.setAlphaf(opacity);\n  }\n  if (antiAlias !== undefined) {\n    paint.setAntiAlias(antiAlias);\n  }\n  if (dither !== undefined) {\n    paint.setDither(dither);\n  }\n  //ctx.save();\n\n  const colorFilter = ctx.colorFilters.popAllAsOne();\n  const imageFilter = ctx.imageFilters.popAllAsOne();\n  const shader = ctx.shaders.pop();\n  const maskFilter = ctx.maskFilters.pop();\n  const pathEffect = ctx.pathEffects.popAllAsOne();\n  //ctx.restore();\n  if (imageFilter) {\n    paint.setImageFilter(imageFilter);\n  }\n  if (shader) {\n    paint.setShader(shader);\n  }\n  if (pathEffect) {\n    paint.setPathEffect(pathEffect);\n  }\n  if (colorFilter) {\n    paint.setColorFilter(colorFilter);\n  }\n  if (maskFilter) {\n    paint.setMaskFilter(maskFilter);\n  }\n  ctx.paints.push(paint);\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["enumKey","BlendMode","PaintStyle","StrokeCap","StrokeJoin","declarePaint","ctx","props","color","strokeWidth","blendMode","style","strokeJoin","strokeCap","strokeMiter","opacity","antiAlias","dither","paint","Skia","Paint","undefined","setColor","Color","setStrokeWidth","setBlendMode","setStyle","setStrokeJoin","setStrokeCap","setStrokeMiter","setAlphaf","setAntiAlias","setDither","colorFilter","colorFilters","popAllAsOne","imageFilter","imageFilters","shader","shaders","pop","maskFilter","maskFilters","pathEffect","pathEffects","setImageFilter","setShader","setPathEffect","setColorFilter","setMaskFilter","paints","push"],"sources":["paint.ts"],"sourcesContent":["import { enumKey } from \"../../dom/nodes\";\nimport type { PaintProps } from \"../../dom/types\";\nimport { BlendMode, PaintStyle, StrokeCap, StrokeJoin } from \"../../skia/types\";\nimport type { DeclarationContext } from \"../DeclarationContext\";\n\nexport const declarePaint = (ctx: DeclarationContext, props: PaintProps) => {\n  \"worklet\";\n  const {\n    color,\n    strokeWidth,\n    blendMode,\n    style,\n    strokeJoin,\n    strokeCap,\n    strokeMiter,\n    opacity,\n    antiAlias,\n    dither,\n  } = props;\n  const paint = ctx.Skia.Paint();\n  if (color !== undefined) {\n    paint.setColor(ctx.Skia.Color(color));\n  }\n  if (strokeWidth !== undefined) {\n    paint.setStrokeWidth(strokeWidth);\n  }\n  if (blendMode !== undefined) {\n    paint.setBlendMode(BlendMode[enumKey(blendMode)]);\n  }\n  if (style !== undefined) {\n    paint.setStyle(PaintStyle[enumKey(style)]);\n  }\n  if (strokeJoin !== undefined) {\n    paint.setStrokeJoin(StrokeJoin[enumKey(strokeJoin)]);\n  }\n  if (strokeCap !== undefined) {\n    paint.setStrokeCap(StrokeCap[enumKey(strokeCap)]);\n  }\n  if (strokeMiter !== undefined) {\n    paint.setStrokeMiter(strokeMiter);\n  }\n  if (opacity !== undefined) {\n    paint.setAlphaf(opacity);\n  }\n  if (antiAlias !== undefined) {\n    paint.setAntiAlias(antiAlias);\n  }\n  if (dither !== undefined) {\n    paint.setDither(dither);\n  }\n  //ctx.save();\n\n  const colorFilter = ctx.colorFilters.popAllAsOne();\n  const imageFilter = ctx.imageFilters.popAllAsOne();\n  const shader = ctx.shaders.pop();\n  const maskFilter = ctx.maskFilters.pop();\n  const pathEffect = ctx.pathEffects.popAllAsOne();\n  //ctx.restore();\n  if (imageFilter) {\n    paint.setImageFilter(imageFilter);\n  }\n  if (shader) {\n    paint.setShader(shader);\n  }\n  if (pathEffect) {\n    paint.setPathEffect(pathEffect);\n  }\n  if (colorFilter) {\n    paint.setColorFilter(colorFilter);\n  }\n  if (maskFilter) {\n    paint.setMaskFilter(maskFilter);\n  }\n  ctx.paints.push(paint);\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/sksg/nodes/pathEffects.d.ts

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

package/lib/module/sksg/nodes/pathEffects.js

@@ -1,8 +1,21 @@
-"worklet";
-
-import { composeDeclarations, enumKey, processPath } from "../../dom/nodes";
+import { enumKey, processPath } from "../../dom/nodes";
 import { Path1DEffectStyle } from "../../skia/types";
+import { composeDeclarations } from "../DeclarationContext";
+export const composePathEffects = (ctx, pe, processChildren) => {
+  "worklet";
+
+  const {
+    Skia
+  } = ctx;
+  ctx.pathEffects.save();
+  processChildren();
+  const pe1 = ctx.pathEffects.popAllAsOne();
+  ctx.pathEffects.restore();
+  ctx.pathEffects.push(pe1 ? Skia.PathEffect.MakeCompose(pe, pe1) : pe);
+};
 export const makeDiscretePathEffect = (ctx, props) => {
+  "worklet";
+
   const {
     length,
     deviation,
@@ -11,6 +24,8 @@ export const makeDiscretePathEffect = (ctx, props) => {
   return ctx.Skia.PathEffect.MakeDiscrete(length, deviation, seed);
 };
 export const makePath2DPathEffect = (ctx, props) => {
+  "worklet";
+
   const {
     matrix
   } = props;
@@ -22,6 +37,8 @@ export const makePath2DPathEffect = (ctx, props) => {
   return pe;
 };
 export const makeDashPathEffect = (ctx, props) => {
+  "worklet";
+
   const {
     intervals,
     phase
@@ -30,6 +47,8 @@ export const makeDashPathEffect = (ctx, props) => {
   return pe;
 };
 export const makeCornerPathEffect = (ctx, props) => {
+  "worklet";
+
   const {
     r
   } = props;
@@ -40,12 +59,16 @@ export const makeCornerPathEffect = (ctx, props) => {
   return pe;
 };
 export const declareSumPathEffect = ctx => {
+  "worklet";
+
   // Note: decorateChildren functionality needs to be handled differently
   const pes = ctx.pathEffects.popAll();
   const pe = composeDeclarations(pes, ctx.Skia.PathEffect.MakeSum.bind(ctx.Skia.PathEffect));
   ctx.pathEffects.push(pe);
 };
 export const makeLine2DPathEffect = (ctx, props) => {
+  "worklet";
+
   const {
     width,
     matrix
@@ -57,6 +80,8 @@ export const makeLine2DPathEffect = (ctx, props) => {
   return pe;
 };
 export const makePath1DPathEffect = (ctx, props) => {
+  "worklet";
+
   const {
     advance,
     phase,

package/lib/module/sksg/nodes/pathEffects.js.map

@@ -1 +1 @@
-{"version":3,"names":["composeDeclarations","enumKey","processPath","Path1DEffectStyle","makeDiscretePathEffect","ctx","props","length","deviation","seed","Skia","PathEffect","MakeDiscrete","makePath2DPathEffect","matrix","path","pe","MakePath2D","Error","makeDashPathEffect","intervals","phase","MakeDash","makeCornerPathEffect","r","MakeCorner","declareSumPathEffect","pes","pathEffects","popAll","MakeSum","bind","push","makeLine2DPathEffect","width","MakeLine2D","makePath1DPathEffect","advance","style","MakePath1D"],"sources":["pathEffects.ts"],"sourcesContent":["\"worklet\";\n\nimport { composeDeclarations, enumKey, processPath } from \"../../dom/nodes\";\nimport type {\n  CornerPathEffectProps,\n  DashPathEffectProps,\n  DeclarationContext,\n  DiscretePathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n} from \"../../dom/types\";\nimport { Path1DEffectStyle } from \"../../skia/types\";\n\nexport const makeDiscretePathEffect = (\n  ctx: DeclarationContext,\n  props: DiscretePathEffectProps\n) => {\n  const { length, deviation, seed } = props;\n  return ctx.Skia.PathEffect.MakeDiscrete(length, deviation, seed);\n};\n\nexport const makePath2DPathEffect = (\n  ctx: DeclarationContext,\n  props: Path2DPathEffectProps\n) => {\n  const { matrix } = props;\n  const path = processPath(ctx.Skia, props.path);\n  const pe = ctx.Skia.PathEffect.MakePath2D(matrix, path);\n  if (pe === null) {\n    throw new Error(\"Path2DPathEffect: invalid path\");\n  }\n  return pe;\n};\n\nexport const makeDashPathEffect = (\n  ctx: DeclarationContext,\n  props: DashPathEffectProps\n) => {\n  const { intervals, phase } = props;\n  const pe = ctx.Skia.PathEffect.MakeDash(intervals, phase);\n  return pe;\n};\n\nexport const makeCornerPathEffect = (\n  ctx: DeclarationContext,\n  props: CornerPathEffectProps\n) => {\n  const { r } = props;\n  const pe = ctx.Skia.PathEffect.MakeCorner(r);\n  if (pe === null) {\n    throw new Error(\"CornerPathEffect: couldn't create path effect\");\n  }\n  return pe;\n};\n\nexport const declareSumPathEffect = (ctx: DeclarationContext) => {\n  // Note: decorateChildren functionality needs to be handled differently\n  const pes = ctx.pathEffects.popAll();\n  const pe = composeDeclarations(\n    pes,\n    ctx.Skia.PathEffect.MakeSum.bind(ctx.Skia.PathEffect)\n  );\n  ctx.pathEffects.push(pe);\n};\n\nexport const makeLine2DPathEffect = (\n  ctx: DeclarationContext,\n  props: Line2DPathEffectProps\n) => {\n  const { width, matrix } = props;\n  const pe = ctx.Skia.PathEffect.MakeLine2D(width, matrix);\n  if (pe === null) {\n    throw new Error(\"Line2DPathEffect: could not create path effect\");\n  }\n  return pe;\n};\n\nexport const makePath1DPathEffect = (\n  ctx: DeclarationContext,\n  props: Path1DPathEffectProps\n) => {\n  const { advance, phase, style } = props;\n  const path = processPath(ctx.Skia, props.path);\n  const pe = ctx.Skia.PathEffect.MakePath1D(\n    path,\n    advance,\n    phase,\n    Path1DEffectStyle[enumKey(style)]\n  );\n  if (pe === null) {\n    throw new Error(\"Path1DPathEffect: could not create path effect\");\n  }\n  return pe;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["enumKey","processPath","Path1DEffectStyle","composeDeclarations","composePathEffects","ctx","pe","processChildren","Skia","pathEffects","save","pe1","popAllAsOne","restore","push","PathEffect","MakeCompose","makeDiscretePathEffect","props","length","deviation","seed","MakeDiscrete","makePath2DPathEffect","matrix","path","MakePath2D","Error","makeDashPathEffect","intervals","phase","MakeDash","makeCornerPathEffect","r","MakeCorner","declareSumPathEffect","pes","popAll","MakeSum","bind","makeLine2DPathEffect","width","MakeLine2D","makePath1DPathEffect","advance","style","MakePath1D"],"sources":["pathEffects.ts"],"sourcesContent":["import { enumKey, processPath } from \"../../dom/nodes\";\nimport type {\n  CornerPathEffectProps,\n  DashPathEffectProps,\n  DiscretePathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n} from \"../../dom/types\";\nimport type { SkPathEffect } from \"../../skia/types\";\nimport { Path1DEffectStyle } from \"../../skia/types\";\nimport {\n  composeDeclarations,\n  type DeclarationContext,\n} from \"../DeclarationContext\";\n\nexport const composePathEffects = (\n  ctx: DeclarationContext,\n  pe: SkPathEffect,\n  processChildren: () => void\n) => {\n  \"worklet\";\n  const { Skia } = ctx;\n  ctx.pathEffects.save();\n  processChildren();\n  const pe1 = ctx.pathEffects.popAllAsOne();\n  ctx.pathEffects.restore();\n  ctx.pathEffects.push(pe1 ? Skia.PathEffect.MakeCompose(pe, pe1) : pe);\n};\n\nexport const makeDiscretePathEffect = (\n  ctx: DeclarationContext,\n  props: DiscretePathEffectProps\n) => {\n  \"worklet\";\n  const { length, deviation, seed } = props;\n  return ctx.Skia.PathEffect.MakeDiscrete(length, deviation, seed);\n};\n\nexport const makePath2DPathEffect = (\n  ctx: DeclarationContext,\n  props: Path2DPathEffectProps\n) => {\n  \"worklet\";\n  const { matrix } = props;\n  const path = processPath(ctx.Skia, props.path);\n  const pe = ctx.Skia.PathEffect.MakePath2D(matrix, path);\n  if (pe === null) {\n    throw new Error(\"Path2DPathEffect: invalid path\");\n  }\n  return pe;\n};\n\nexport const makeDashPathEffect = (\n  ctx: DeclarationContext,\n  props: DashPathEffectProps\n) => {\n  \"worklet\";\n  const { intervals, phase } = props;\n  const pe = ctx.Skia.PathEffect.MakeDash(intervals, phase);\n  return pe;\n};\n\nexport const makeCornerPathEffect = (\n  ctx: DeclarationContext,\n  props: CornerPathEffectProps\n) => {\n  \"worklet\";\n  const { r } = props;\n  const pe = ctx.Skia.PathEffect.MakeCorner(r);\n  if (pe === null) {\n    throw new Error(\"CornerPathEffect: couldn't create path effect\");\n  }\n  return pe;\n};\n\nexport const declareSumPathEffect = (ctx: DeclarationContext) => {\n  \"worklet\";\n  // Note: decorateChildren functionality needs to be handled differently\n  const pes = ctx.pathEffects.popAll();\n  const pe = composeDeclarations(\n    pes,\n    ctx.Skia.PathEffect.MakeSum.bind(ctx.Skia.PathEffect)\n  );\n  ctx.pathEffects.push(pe);\n};\n\nexport const makeLine2DPathEffect = (\n  ctx: DeclarationContext,\n  props: Line2DPathEffectProps\n) => {\n  \"worklet\";\n  const { width, matrix } = props;\n  const pe = ctx.Skia.PathEffect.MakeLine2D(width, matrix);\n  if (pe === null) {\n    throw new Error(\"Line2DPathEffect: could not create path effect\");\n  }\n  return pe;\n};\n\nexport const makePath1DPathEffect = (\n  ctx: DeclarationContext,\n  props: Path1DPathEffectProps\n) => {\n  \"worklet\";\n  const { advance, phase, style } = props;\n  const path = processPath(ctx.Skia, props.path);\n  const pe = ctx.Skia.PathEffect.MakePath1D(\n    path,\n    advance,\n    phase,\n    Path1DEffectStyle[enumKey(style)]\n  );\n  if (pe === null) {\n    throw new Error(\"Path1DPathEffect: could not create path effect\");\n  }\n  return pe;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/sksg/nodes/shaders.d.ts

@@ -1,4 +1,5 @@
-import type { ColorProps, DeclarationContext, FractalNoiseProps, ImageShaderProps, LinearGradientProps, RadialGradientProps, ShaderProps, SweepGradientProps, TurbulenceProps, TwoPointConicalGradientProps } from "../../dom/types";
+import type { ColorProps, FractalNoiseProps, ImageShaderProps, LinearGradientProps, RadialGradientProps, ShaderProps, SweepGradientProps, TurbulenceProps, TwoPointConicalGradientProps } from "../../dom/types";
+import type { DeclarationContext } from "../DeclarationContext";
 export declare const declareShader: (ctx: DeclarationContext, props: ShaderProps) => void;
 export declare const declareColorShader: (ctx: DeclarationContext, props: ColorProps) => void;
 export declare const declareFractalNoiseShader: (ctx: DeclarationContext, props: FractalNoiseProps) => void;

package/lib/module/sksg/nodes/shaders.js

@@ -1,8 +1,8 @@
-"worklet";
-
 import { enumKey, fitRects, getRect, processGradientProps, processTransformProps, rect2rect } from "../../dom/nodes";
 import { FilterMode, MipmapMode, processUniforms, TileMode } from "../../skia/types";
 export const declareShader = (ctx, props) => {
+  "worklet";
+
   const {
     source,
     uniforms,
@@ -14,6 +14,8 @@ export const declareShader = (ctx, props) => {
   ctx.shaders.push(shader);
 };
 export const declareColorShader = (ctx, props) => {
+  "worklet";
+
   const {
     color
   } = props;
@@ -21,6 +23,8 @@ export const declareColorShader = (ctx, props) => {
   ctx.shaders.push(shader);
 };
 export const declareFractalNoiseShader = (ctx, props) => {
+  "worklet";
+
   const {
     freqX,
     freqY,
@@ -33,6 +37,8 @@ export const declareFractalNoiseShader = (ctx, props) => {
   ctx.shaders.push(shader);
 };
 export const declareTwoPointConicalGradientShader = (ctx, props) => {
+  "worklet";
+
   const {
     startR,
     endR,
@@ -50,6 +56,8 @@ export const declareTwoPointConicalGradientShader = (ctx, props) => {
   ctx.shaders.push(shader);
 };
 export const declareRadialGradientShader = (ctx, props) => {
+  "worklet";
+
   const {
     c,
     r
@@ -65,6 +73,8 @@ export const declareRadialGradientShader = (ctx, props) => {
   ctx.shaders.push(shader);
 };
 export const declareSweepGradientShader = (ctx, props) => {
+  "worklet";
+
   const {
     c,
     start,
@@ -81,6 +91,8 @@ export const declareSweepGradientShader = (ctx, props) => {
   ctx.shaders.push(shader);
 };
 export const declareLinearGradientShader = (ctx, props) => {
+  "worklet";
+
   const {
     start,
     end
@@ -96,6 +108,8 @@ export const declareLinearGradientShader = (ctx, props) => {
   ctx.shaders.push(shader);
 };
 export const declareTurbulenceShader = (ctx, props) => {
+  "worklet";
+
   const {
     freqX,
     freqY,
@@ -108,6 +122,8 @@ export const declareTurbulenceShader = (ctx, props) => {
   ctx.shaders.push(shader);
 };
 export const declareImageShader = (ctx, props) => {
+  "worklet";
+
   const {
     fit,
     image,