@shopify/react-native-skia 1.7.6 → 1.7.7

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

@@ -0,0 +1,334 @@
+"worklet";
+
+import { deflate, enumKey, fitRects, inflate, NodeType, processCircle, processPath, processRect, processRRect } from "../../dom/nodes";
+import { saturate } from "../../renderer/processors";
+import { BlendMode, BlurStyle, ClipOp, FillType, isRRect, PointMode, VertexMode } from "../../skia/types";
+import { materialize } from "./utils";
+export const drawLine = (ctx, props) => {
+  const {
+    p1,
+    p2
+  } = props;
+  ctx.canvas.drawLine(p1.x, p1.y, p2.x, p2.y, ctx.paint);
+};
+export const drawOval = (ctx, props) => {
+  const rect = processRect(ctx.Skia, props);
+  ctx.canvas.drawOval(rect, ctx.paint);
+};
+export const drawBox = (ctx, props, children) => {
+  const {
+    paint,
+    Skia,
+    canvas
+  } = ctx;
+  const {
+    box: defaultBox
+  } = props;
+  const opacity = paint.getAlphaf();
+  const box = isRRect(defaultBox) ? defaultBox : Skia.RRectXY(defaultBox, 0, 0);
+  const shadows = children.map(node => {
+    if (node.type === NodeType.BoxShadow) {
+      return materialize(node.props);
+    }
+    return null;
+  }).filter(n => n !== null);
+  shadows.filter(shadow => !shadow.inner).map(shadow => {
+    const {
+      color = "black",
+      blur,
+      spread = 0,
+      dx = 0,
+      dy = 0
+    } = shadow;
+    const lPaint = Skia.Paint();
+    lPaint.setColor(Skia.Color(color));
+    lPaint.setAlphaf(paint.getAlphaf() * opacity);
+    lPaint.setMaskFilter(Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true));
+    canvas.drawRRect(inflate(Skia, box, spread, spread, dx, dy), lPaint);
+  });
+  canvas.drawRRect(box, paint);
+  shadows.filter(shadow => shadow.inner).map(shadow => {
+    const {
+      color = "black",
+      blur,
+      spread = 0,
+      dx = 0,
+      dy = 0
+    } = shadow;
+    const delta = Skia.Point(10 + Math.abs(dx), 10 + Math.abs(dy));
+    canvas.save();
+    canvas.clipRRect(box, ClipOp.Intersect, false);
+    const lPaint = Skia.Paint();
+    lPaint.setColor(Skia.Color(color));
+    lPaint.setAlphaf(paint.getAlphaf() * opacity);
+    lPaint.setMaskFilter(Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true));
+    const inner = deflate(Skia, box, spread, spread, dx, dy);
+    const outer = inflate(Skia, box, delta.x, delta.y);
+    canvas.drawDRRect(outer, inner, lPaint);
+    canvas.restore();
+  });
+};
+export const drawBoxShadow = (_ctx, _props) => {
+  //throw new Error("drawBoxShadow(): not implemented yet");
+};
+export const drawImage = (ctx, props) => {
+  const {
+    image
+  } = props;
+  if (image) {
+    var _props$fit;
+    const fit = (_props$fit = props.fit) !== null && _props$fit !== void 0 ? _props$fit : "contain";
+    const rect = processRect(ctx.Skia, props);
+    const {
+      src,
+      dst
+    } = fitRects(fit, {
+      x: 0,
+      y: 0,
+      width: image.width(),
+      height: image.height()
+    }, rect);
+    ctx.canvas.drawImageRect(image, src, dst, ctx.paint);
+  }
+};
+export const drawPoints = (ctx, props) => {
+  const {
+    points,
+    mode
+  } = props;
+  ctx.canvas.drawPoints(PointMode[enumKey(mode)], points, ctx.paint);
+};
+export const drawVertices = (ctx, props) => {
+  const {
+    mode,
+    textures,
+    colors,
+    indices,
+    blendMode
+  } = props;
+  const vertexMode = mode ? VertexMode[enumKey(mode)] : VertexMode.Triangles;
+  const vertices = ctx.Skia.MakeVertices(vertexMode, props.vertices, textures, colors ? colors.map(c => ctx.Skia.Color(c)) : undefined, indices);
+  const defaultBlendMode = colors ? BlendMode.DstOver : BlendMode.SrcOver;
+  const blend = blendMode ? BlendMode[enumKey(blendMode)] : defaultBlendMode;
+  ctx.canvas.drawVertices(vertices, blend, ctx.paint);
+};
+export const drawDiffRect = (ctx, props) => {
+  const {
+    outer,
+    inner
+  } = props;
+  ctx.canvas.drawDRRect(outer, inner, ctx.paint);
+};
+export const drawTextPath = (ctx, props) => {
+  const path = processPath(ctx.Skia, props.path);
+  const {
+    font,
+    initialOffset
+  } = props;
+  if (font) {
+    let {
+      text
+    } = props;
+    const ids = font.getGlyphIDs(text);
+    const widths = font.getGlyphWidths(ids);
+    const rsx = [];
+    const meas = ctx.Skia.ContourMeasureIter(path, false, 1);
+    let cont = meas.next();
+    let dist = initialOffset;
+    for (let i = 0; i < text.length && cont; i++) {
+      const width = widths[i];
+      dist += width / 2;
+      if (dist > cont.length()) {
+        // jump to next contour
+        cont = meas.next();
+        if (!cont) {
+          // We have come to the end of the path - terminate the string
+          // right here.
+          text = text.substring(0, i);
+          break;
+        }
+        dist = width / 2;
+      }
+      // Gives us the (x, y) coordinates as well as the cos/sin of the tangent
+      // line at that position.
+      const [p, t] = cont.getPosTan(dist);
+      const adjustedX = p.x - width / 2 * t.x;
+      const adjustedY = p.y - width / 2 * t.y;
+      rsx.push(ctx.Skia.RSXform(t.x, t.y, adjustedX, adjustedY));
+      dist += width / 2;
+    }
+    const derived = ctx.Skia.TextBlob.MakeFromRSXform(text, rsx, font);
+    ctx.canvas.drawTextBlob(derived, 0, 0, ctx.paint);
+  }
+};
+export const drawText = (ctx, props) => {
+  const {
+    text,
+    x,
+    y,
+    font
+  } = props;
+  if (font != null) {
+    ctx.canvas.drawText(text, x, y, ctx.paint, font);
+  }
+};
+export const drawPatch = (ctx, props) => {
+  const {
+    texture,
+    blendMode,
+    patch
+  } = props;
+  const defaultBlendMode = props.colors ? BlendMode.DstOver : BlendMode.SrcOver;
+  const mode = blendMode ? BlendMode[enumKey(blendMode)] : defaultBlendMode;
+  // Patch requires a path with the following constraints:
+  // M tl
+  // C c1 c2 br
+  // C c1 c2 bl
+  // C c1 c2 tl (the redundant point in the last command is removed)
+
+  const points = [patch[0].pos, patch[0].c2, patch[1].c1, patch[1].pos, patch[1].c2, patch[2].c1, patch[2].pos, patch[2].c2, patch[3].c1, patch[3].pos, patch[3].c2, patch[0].c1];
+  const colors = props.colors ? props.colors.map(c => ctx.Skia.Color(c)) : undefined;
+  ctx.canvas.drawPatch(points, colors, texture, mode, ctx.paint);
+};
+export const drawPath = (ctx, props) => {
+  const {
+    start: trimStart,
+    end: trimEnd,
+    fillType,
+    stroke,
+    ...pathProps
+  } = props;
+  const start = saturate(trimStart);
+  const end = saturate(trimEnd);
+  const hasStartOffset = start !== 0;
+  const hasEndOffset = end !== 1;
+  const hasStrokeOptions = stroke !== undefined;
+  const hasFillType = !!fillType;
+  const willMutatePath = hasStartOffset || hasEndOffset || hasStrokeOptions || hasFillType;
+  const pristinePath = processPath(ctx.Skia, pathProps.path);
+  const path = willMutatePath ? pristinePath.copy() : pristinePath;
+  if (hasFillType) {
+    path.setFillType(FillType[enumKey(fillType)]);
+  }
+  if (hasStrokeOptions) {
+    path.stroke(stroke);
+  }
+  if (hasStartOffset || hasEndOffset) {
+    path.trim(start, end, false);
+  }
+  ctx.canvas.drawPath(path, ctx.paint);
+};
+export const drawRect = (ctx, props) => {
+  const derived = processRect(ctx.Skia, props);
+  ctx.canvas.drawRect(derived, ctx.paint);
+};
+export const drawRRect = (ctx, props) => {
+  const derived = processRRect(ctx.Skia, props);
+  ctx.canvas.drawRRect(derived, ctx.paint);
+};
+export const drawTextBlob = (ctx, props) => {
+  const {
+    blob,
+    x,
+    y
+  } = props;
+  ctx.canvas.drawTextBlob(blob, x, y, ctx.paint);
+};
+export const drawGlyphs = (ctx, props) => {
+  const derived = props.glyphs.reduce((acc, glyph) => {
+    const {
+      id,
+      pos
+    } = glyph;
+    acc.glyphs.push(id);
+    acc.positions.push(pos);
+    return acc;
+  }, {
+    glyphs: [],
+    positions: []
+  });
+  const {
+    glyphs,
+    positions
+  } = derived;
+  const {
+    x,
+    y,
+    font
+  } = props;
+  if (font) {
+    ctx.canvas.drawGlyphs(glyphs, positions, x, y, font, ctx.paint);
+  }
+};
+export const drawImageSVG = (ctx, props) => {
+  const {
+    canvas
+  } = ctx;
+  const {
+    svg
+  } = props;
+  const {
+    x,
+    y,
+    width,
+    height
+  } = props.rect ? props.rect : {
+    x: props.x,
+    y: props.y,
+    width: props.width,
+    height: props.height
+  };
+  if (svg === null) {
+    return;
+  }
+  canvas.save();
+  if (x && y) {
+    canvas.translate(x, y);
+  }
+  canvas.drawSvg(svg, width, height);
+  canvas.restore();
+};
+export const drawParagraph = (ctx, props) => {
+  const {
+    paragraph,
+    x,
+    y,
+    width
+  } = props;
+  if (paragraph) {
+    paragraph.layout(width);
+    paragraph.paint(ctx.canvas, x, y);
+  }
+};
+export const drawPicture = (ctx, props) => {
+  const {
+    picture
+  } = props;
+  ctx.canvas.drawPicture(picture);
+};
+export const drawAtlas = (ctx, props) => {
+  const {
+    image,
+    sprites,
+    transforms,
+    colors,
+    blendMode
+  } = props;
+  const blend = blendMode ? BlendMode[enumKey(blendMode)] : undefined;
+  if (image) {
+    ctx.canvas.drawAtlas(image, sprites, transforms, ctx.paint, blend, colors);
+  }
+};
+export const drawCircle = (ctx, props) => {
+  const {
+    c
+  } = processCircle(props);
+  const {
+    r
+  } = props;
+  ctx.canvas.drawCircle(c.x, c.y, r, ctx.paint);
+};
+export const drawFill = (ctx, _props) => {
+  ctx.canvas.drawPaint(ctx.paint);
+};
+//# sourceMappingURL=drawings.js.map

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

@@ -0,0 +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":"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","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+import type { BlendImageFilterProps, BlurImageFilterProps, BlurMaskFilterProps, DeclarationContext, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps } from "../../dom/types";
+import type { SkImageFilter } from "../../skia/types";
+export declare enum MorphologyOperator {
+    Erode = 0,
+    Dilate = 1
+}
+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;
+export declare const makeDropShadowImageFilter: (ctx: DeclarationContext, props: DropShadowImageFilterProps) => SkImageFilter;
+export declare const makeMorphologyImageFilter: (ctx: DeclarationContext, props: MorphologyImageFilterProps) => SkImageFilter;
+export declare const makeRuntimeShaderImageFilter: (ctx: DeclarationContext, props: RuntimeShaderImageFilterProps) => SkImageFilter;
+export declare const declareBlendImageFilter: (ctx: DeclarationContext, props: BlendImageFilterProps) => void;
+export declare const declareBlurMaskFilter: (ctx: DeclarationContext, props: BlurMaskFilterProps) => void;

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

@@ -0,0 +1,122 @@
+"worklet";
+
+import { enumKey, processRadius } from "../../dom/nodes";
+import { BlendMode, BlurStyle, ColorChannel, processUniforms, TileMode } from "../../skia/types";
+export let MorphologyOperator = /*#__PURE__*/function (MorphologyOperator) {
+  MorphologyOperator[MorphologyOperator["Erode"] = 0] = "Erode";
+  MorphologyOperator[MorphologyOperator["Dilate"] = 1] = "Dilate";
+  return MorphologyOperator;
+}({});
+const Black = Float32Array.of(0, 0, 0, 1);
+const MakeInnerShadow = (Skia, shadowOnly, dx, dy, sigmaX, sigmaY, color, input) => {
+  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);
+  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);
+  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, TileMode.Decal, f2);
+  const f4 = Skia.ImageFilter.MakeBlend(BlendMode.SrcIn, sourceAlpha, f3);
+  if (shadowOnly) {
+    return f4;
+  }
+  return Skia.ImageFilter.MakeCompose(input, Skia.ImageFilter.MakeBlend(BlendMode.SrcOver, sourceGraphic, f4));
+};
+const input = ctx => {
+  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) => {
+  const {
+    x,
+    y
+  } = props;
+  return ctx.Skia.ImageFilter.MakeOffset(x, y, null);
+};
+export const declareDisplacementMapImageFilter = (ctx, props) => {
+  const {
+    channelX,
+    channelY,
+    scale
+  } = props;
+  const shader = ctx.shaders.pop();
+  if (!shader) {
+    throw new Error("DisplacementMap expects a shader as child");
+  }
+  const map = ctx.Skia.ImageFilter.MakeShader(shader, null);
+  const imgf = ctx.Skia.ImageFilter.MakeDisplacementMap(ColorChannel[enumKey(channelX)], ColorChannel[enumKey(channelY)], scale, map, input(ctx));
+  ctx.imageFilters.push(imgf);
+};
+export const makeBlurImageFilter = (ctx, props) => {
+  const {
+    mode,
+    blur
+  } = props;
+  const sigma = processRadius(ctx.Skia, blur);
+  const imgf = ctx.Skia.ImageFilter.MakeBlur(sigma.x, sigma.y, TileMode[enumKey(mode)], input(ctx));
+  return imgf;
+};
+export const makeDropShadowImageFilter = (ctx, props) => {
+  const {
+    dx,
+    dy,
+    blur,
+    shadowOnly,
+    color: cl,
+    inner
+  } = props;
+  const color = ctx.Skia.Color(cl);
+  let factory;
+  if (inner) {
+    factory = MakeInnerShadow.bind(null, ctx.Skia, shadowOnly);
+  } else {
+    factory = shadowOnly ? ctx.Skia.ImageFilter.MakeDropShadowOnly.bind(ctx.Skia.ImageFilter) : ctx.Skia.ImageFilter.MakeDropShadow.bind(ctx.Skia.ImageFilter);
+  }
+  const imgf = factory(dx, dy, blur, blur, color, input(ctx));
+  return imgf;
+};
+export const makeMorphologyImageFilter = (ctx, props) => {
+  const {
+    operator
+  } = props;
+  const r = processRadius(ctx.Skia, props.radius);
+  let imgf;
+  if (MorphologyOperator[enumKey(operator)] === MorphologyOperator.Erode) {
+    imgf = ctx.Skia.ImageFilter.MakeErode(r.x, r.y, input(ctx));
+  } else {
+    imgf = ctx.Skia.ImageFilter.MakeDilate(r.x, r.y, input(ctx));
+  }
+  return imgf;
+};
+export const makeRuntimeShaderImageFilter = (ctx, props) => {
+  const {
+    source,
+    uniforms
+  } = props;
+  const rtb = ctx.Skia.RuntimeShaderBuilder(source);
+  if (uniforms) {
+    processUniforms(source, uniforms, rtb);
+  }
+  const imgf = ctx.Skia.ImageFilter.MakeRuntimeShader(rtb, null, input(ctx));
+  return imgf;
+};
+export const declareBlendImageFilter = (ctx, props) => {
+  const {
+    mode
+  } = props;
+  const a = ctx.imageFilters.pop();
+  const b = ctx.imageFilters.pop();
+  if (!a || !b) {
+    throw new Error("BlendImageFilter requires two image filters");
+  }
+  const imgf = ctx.Skia.ImageFilter.MakeBlend(mode, a, b);
+  ctx.imageFilters.push(imgf);
+};
+export const declareBlurMaskFilter = (ctx, props) => {
+  const {
+    blur,
+    style,
+    respectCTM
+  } = props;
+  const mf = ctx.Skia.MaskFilter.MakeBlur(BlurStyle[enumKey(style)], blur, respectCTM);
+  ctx.maskFilters.push(mf);
+};
+//# sourceMappingURL=imageFilters.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,3 @@
+export * from "./Node";
+export * from "./context";
+export * from "./utils";

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

@@ -0,0 +1,4 @@
+export * from "./Node";
+export * from "./context";
+export * from "./utils";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Node\";\nexport * from \"./context\";\nexport * from \"./utils\";\n"],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,SAAS","ignoreList":[]}

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

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

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

@@ -0,0 +1,74 @@
+"worklet";
+
+import { enumKey } from "../../dom/nodes";
+import { BlendMode, PaintStyle, StrokeCap, StrokeJoin } from "../../skia/types";
+export const declarePaint = (ctx, props) => {
+  const {
+    color,
+    strokeWidth,
+    blendMode,
+    style,
+    strokeJoin,
+    strokeCap,
+    strokeMiter,
+    opacity,
+    antiAlias,
+    dither
+  } = props;
+  const paint = ctx.Skia.Paint();
+  if (color !== undefined) {
+    paint.setColor(ctx.Skia.Color(color));
+  }
+  if (strokeWidth !== undefined) {
+    paint.setStrokeWidth(strokeWidth);
+  }
+  if (blendMode !== undefined) {
+    paint.setBlendMode(BlendMode[enumKey(blendMode)]);
+  }
+  if (style !== undefined) {
+    paint.setStyle(PaintStyle[enumKey(style)]);
+  }
+  if (strokeJoin !== undefined) {
+    paint.setStrokeJoin(StrokeJoin[enumKey(strokeJoin)]);
+  }
+  if (strokeCap !== undefined) {
+    paint.setStrokeCap(StrokeCap[enumKey(strokeCap)]);
+  }
+  if (strokeMiter !== undefined) {
+    paint.setStrokeMiter(strokeMiter);
+  }
+  if (opacity !== undefined) {
+    paint.setAlphaf(opacity);
+  }
+  if (antiAlias !== undefined) {
+    paint.setAntiAlias(antiAlias);
+  }
+  if (dither !== undefined) {
+    paint.setDither(dither);
+  }
+  //ctx.save();
+
+  const colorFilter = ctx.colorFilters.popAllAsOne();
+  const imageFilter = ctx.imageFilters.popAllAsOne();
+  const shader = ctx.shaders.pop();
+  const maskFilter = ctx.maskFilters.pop();
+  const pathEffect = ctx.pathEffects.popAllAsOne();
+  //ctx.restore();
+  if (imageFilter) {
+    paint.setImageFilter(imageFilter);
+  }
+  if (shader) {
+    paint.setShader(shader);
+  }
+  if (pathEffect) {
+    paint.setPathEffect(pathEffect);
+  }
+  if (colorFilter) {
+    paint.setColorFilter(colorFilter);
+  }
+  if (maskFilter) {
+    paint.setMaskFilter(maskFilter);
+  }
+  ctx.paints.push(paint);
+};
+//# sourceMappingURL=paint.js.map

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

@@ -0,0 +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":[]}