@shopify/react-native-skia 1.7.6 → 1.7.7

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

@@ -0,0 +1,361 @@
+"use strict";
+"worklet";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.drawVertices = exports.drawTextPath = exports.drawTextBlob = exports.drawText = exports.drawRect = exports.drawRRect = exports.drawPoints = exports.drawPicture = exports.drawPath = exports.drawPatch = exports.drawParagraph = exports.drawOval = exports.drawLine = exports.drawImageSVG = exports.drawImage = exports.drawGlyphs = exports.drawFill = exports.drawDiffRect = exports.drawCircle = exports.drawBoxShadow = exports.drawBox = exports.drawAtlas = void 0;
+var _nodes = require("../../dom/nodes");
+var _processors = require("../../renderer/processors");
+var _types = require("../../skia/types");
+var _utils = require("./utils");
+const drawLine = (ctx, props) => {
+  const {
+    p1,
+    p2
+  } = props;
+  ctx.canvas.drawLine(p1.x, p1.y, p2.x, p2.y, ctx.paint);
+};
+exports.drawLine = drawLine;
+const drawOval = (ctx, props) => {
+  const rect = (0, _nodes.processRect)(ctx.Skia, props);
+  ctx.canvas.drawOval(rect, ctx.paint);
+};
+exports.drawOval = drawOval;
+const drawBox = (ctx, props, children) => {
+  const {
+    paint,
+    Skia,
+    canvas
+  } = ctx;
+  const {
+    box: defaultBox
+  } = props;
+  const opacity = paint.getAlphaf();
+  const box = (0, _types.isRRect)(defaultBox) ? defaultBox : Skia.RRectXY(defaultBox, 0, 0);
+  const shadows = children.map(node => {
+    if (node.type === _nodes.NodeType.BoxShadow) {
+      return (0, _utils.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(_types.BlurStyle.Normal, blur, true));
+    canvas.drawRRect((0, _nodes.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, _types.ClipOp.Intersect, false);
+    const lPaint = Skia.Paint();
+    lPaint.setColor(Skia.Color(color));
+    lPaint.setAlphaf(paint.getAlphaf() * opacity);
+    lPaint.setMaskFilter(Skia.MaskFilter.MakeBlur(_types.BlurStyle.Normal, blur, true));
+    const inner = (0, _nodes.deflate)(Skia, box, spread, spread, dx, dy);
+    const outer = (0, _nodes.inflate)(Skia, box, delta.x, delta.y);
+    canvas.drawDRRect(outer, inner, lPaint);
+    canvas.restore();
+  });
+};
+exports.drawBox = drawBox;
+const drawBoxShadow = (_ctx, _props) => {
+  //throw new Error("drawBoxShadow(): not implemented yet");
+};
+exports.drawBoxShadow = drawBoxShadow;
+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 = (0, _nodes.processRect)(ctx.Skia, props);
+    const {
+      src,
+      dst
+    } = (0, _nodes.fitRects)(fit, {
+      x: 0,
+      y: 0,
+      width: image.width(),
+      height: image.height()
+    }, rect);
+    ctx.canvas.drawImageRect(image, src, dst, ctx.paint);
+  }
+};
+exports.drawImage = drawImage;
+const drawPoints = (ctx, props) => {
+  const {
+    points,
+    mode
+  } = props;
+  ctx.canvas.drawPoints(_types.PointMode[(0, _nodes.enumKey)(mode)], points, ctx.paint);
+};
+exports.drawPoints = drawPoints;
+const drawVertices = (ctx, props) => {
+  const {
+    mode,
+    textures,
+    colors,
+    indices,
+    blendMode
+  } = props;
+  const vertexMode = mode ? _types.VertexMode[(0, _nodes.enumKey)(mode)] : _types.VertexMode.Triangles;
+  const vertices = ctx.Skia.MakeVertices(vertexMode, props.vertices, textures, colors ? colors.map(c => ctx.Skia.Color(c)) : undefined, indices);
+  const defaultBlendMode = colors ? _types.BlendMode.DstOver : _types.BlendMode.SrcOver;
+  const blend = blendMode ? _types.BlendMode[(0, _nodes.enumKey)(blendMode)] : defaultBlendMode;
+  ctx.canvas.drawVertices(vertices, blend, ctx.paint);
+};
+exports.drawVertices = drawVertices;
+const drawDiffRect = (ctx, props) => {
+  const {
+    outer,
+    inner
+  } = props;
+  ctx.canvas.drawDRRect(outer, inner, ctx.paint);
+};
+exports.drawDiffRect = drawDiffRect;
+const drawTextPath = (ctx, props) => {
+  const path = (0, _nodes.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);
+  }
+};
+exports.drawTextPath = drawTextPath;
+const drawText = (ctx, props) => {
+  const {
+    text,
+    x,
+    y,
+    font
+  } = props;
+  if (font != null) {
+    ctx.canvas.drawText(text, x, y, ctx.paint, font);
+  }
+};
+exports.drawText = drawText;
+const drawPatch = (ctx, props) => {
+  const {
+    texture,
+    blendMode,
+    patch
+  } = props;
+  const defaultBlendMode = props.colors ? _types.BlendMode.DstOver : _types.BlendMode.SrcOver;
+  const mode = blendMode ? _types.BlendMode[(0, _nodes.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);
+};
+exports.drawPatch = drawPatch;
+const drawPath = (ctx, props) => {
+  const {
+    start: trimStart,
+    end: trimEnd,
+    fillType,
+    stroke,
+    ...pathProps
+  } = props;
+  const start = (0, _processors.saturate)(trimStart);
+  const end = (0, _processors.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 = (0, _nodes.processPath)(ctx.Skia, pathProps.path);
+  const path = willMutatePath ? pristinePath.copy() : pristinePath;
+  if (hasFillType) {
+    path.setFillType(_types.FillType[(0, _nodes.enumKey)(fillType)]);
+  }
+  if (hasStrokeOptions) {
+    path.stroke(stroke);
+  }
+  if (hasStartOffset || hasEndOffset) {
+    path.trim(start, end, false);
+  }
+  ctx.canvas.drawPath(path, ctx.paint);
+};
+exports.drawPath = drawPath;
+const drawRect = (ctx, props) => {
+  const derived = (0, _nodes.processRect)(ctx.Skia, props);
+  ctx.canvas.drawRect(derived, ctx.paint);
+};
+exports.drawRect = drawRect;
+const drawRRect = (ctx, props) => {
+  const derived = (0, _nodes.processRRect)(ctx.Skia, props);
+  ctx.canvas.drawRRect(derived, ctx.paint);
+};
+exports.drawRRect = drawRRect;
+const drawTextBlob = (ctx, props) => {
+  const {
+    blob,
+    x,
+    y
+  } = props;
+  ctx.canvas.drawTextBlob(blob, x, y, ctx.paint);
+};
+exports.drawTextBlob = drawTextBlob;
+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);
+  }
+};
+exports.drawGlyphs = drawGlyphs;
+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();
+};
+exports.drawImageSVG = drawImageSVG;
+const drawParagraph = (ctx, props) => {
+  const {
+    paragraph,
+    x,
+    y,
+    width
+  } = props;
+  if (paragraph) {
+    paragraph.layout(width);
+    paragraph.paint(ctx.canvas, x, y);
+  }
+};
+exports.drawParagraph = drawParagraph;
+const drawPicture = (ctx, props) => {
+  const {
+    picture
+  } = props;
+  ctx.canvas.drawPicture(picture);
+};
+exports.drawPicture = drawPicture;
+const drawAtlas = (ctx, props) => {
+  const {
+    image,
+    sprites,
+    transforms,
+    colors,
+    blendMode
+  } = props;
+  const blend = blendMode ? _types.BlendMode[(0, _nodes.enumKey)(blendMode)] : undefined;
+  if (image) {
+    ctx.canvas.drawAtlas(image, sprites, transforms, ctx.paint, blend, colors);
+  }
+};
+exports.drawAtlas = drawAtlas;
+const drawCircle = (ctx, props) => {
+  const {
+    c
+  } = (0, _nodes.processCircle)(props);
+  const {
+    r
+  } = props;
+  ctx.canvas.drawCircle(c.x, c.y, r, ctx.paint);
+};
+exports.drawCircle = drawCircle;
+const drawFill = (ctx, _props) => {
+  ctx.canvas.drawPaint(ctx.paint);
+};
+exports.drawFill = drawFill;
+//# sourceMappingURL=drawings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Object","defineProperty","exports","value","drawVertices","drawTextPath","drawTextBlob","drawText","drawRect","drawRRect","drawPoints","drawPicture","drawPath","drawPatch","drawParagraph","drawOval","drawLine","drawImageSVG","drawImage","drawGlyphs","drawFill","drawDiffRect","drawCircle","drawBoxShadow","drawBox","drawAtlas","_nodes","require","_processors","_types","_utils","ctx","props","p1","p2","canvas","x","y","paint","rect","processRect","Skia","children","box","defaultBox","opacity","getAlphaf","isRRect","RRectXY","shadows","map","node","type","NodeType","BoxShadow","materialize","filter","n","shadow","inner","color","blur","spread","dx","dy","lPaint","Paint","setColor","Color","setAlphaf","setMaskFilter","MaskFilter","MakeBlur","BlurStyle","Normal","inflate","delta","Point","Math","abs","save","clipRRect","ClipOp","Intersect","deflate","outer","drawDRRect","restore","_ctx","_props","image","_props$fit","fit","src","dst","fitRects","width","height","drawImageRect","points","mode","PointMode","enumKey","textures","colors","indices","blendMode","vertexMode","VertexMode","Triangles","vertices","MakeVertices","c","undefined","defaultBlendMode","BlendMode","DstOver","SrcOver","blend","path","processPath","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","texture","patch","pos","c2","c1","start","trimStart","end","trimEnd","fillType","stroke","pathProps","saturate","hasStartOffset","hasEndOffset","hasStrokeOptions","hasFillType","willMutatePath","pristinePath","copy","setFillType","FillType","trim","processRRect","blob","glyphs","reduce","acc","glyph","id","positions","svg","translate","drawSvg","paragraph","layout","picture","sprites","transforms","processCircle","r","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/commonjs/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/commonjs/sksg/nodes/imageFilters.js

@@ -0,0 +1,135 @@
+"use strict";
+"worklet";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.makeRuntimeShaderImageFilter = exports.makeOffsetImageFilter = exports.makeMorphologyImageFilter = exports.makeDropShadowImageFilter = exports.makeBlurImageFilter = exports.declareDisplacementMapImageFilter = exports.declareBlurMaskFilter = exports.declareBlendImageFilter = exports.MorphologyOperator = void 0;
+var _nodes = require("../../dom/nodes");
+var _types = require("../../skia/types");
+let MorphologyOperator = exports.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, _types.BlendMode.Dst), null);
+  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(Black, _types.BlendMode.SrcIn), null);
+  const f1 = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(color, _types.BlendMode.SrcOut), null);
+  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);
+  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, _types.TileMode.Decal, f2);
+  const f4 = Skia.ImageFilter.MakeBlend(_types.BlendMode.SrcIn, sourceAlpha, f3);
+  if (shadowOnly) {
+    return f4;
+  }
+  return Skia.ImageFilter.MakeCompose(input, Skia.ImageFilter.MakeBlend(_types.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;
+};
+const makeOffsetImageFilter = (ctx, props) => {
+  const {
+    x,
+    y
+  } = props;
+  return ctx.Skia.ImageFilter.MakeOffset(x, y, null);
+};
+exports.makeOffsetImageFilter = makeOffsetImageFilter;
+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(_types.ColorChannel[(0, _nodes.enumKey)(channelX)], _types.ColorChannel[(0, _nodes.enumKey)(channelY)], scale, map, input(ctx));
+  ctx.imageFilters.push(imgf);
+};
+exports.declareDisplacementMapImageFilter = declareDisplacementMapImageFilter;
+const makeBlurImageFilter = (ctx, props) => {
+  const {
+    mode,
+    blur
+  } = props;
+  const sigma = (0, _nodes.processRadius)(ctx.Skia, blur);
+  const imgf = ctx.Skia.ImageFilter.MakeBlur(sigma.x, sigma.y, _types.TileMode[(0, _nodes.enumKey)(mode)], input(ctx));
+  return imgf;
+};
+exports.makeBlurImageFilter = makeBlurImageFilter;
+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;
+};
+exports.makeDropShadowImageFilter = makeDropShadowImageFilter;
+const makeMorphologyImageFilter = (ctx, props) => {
+  const {
+    operator
+  } = props;
+  const r = (0, _nodes.processRadius)(ctx.Skia, props.radius);
+  let imgf;
+  if (MorphologyOperator[(0, _nodes.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;
+};
+exports.makeMorphologyImageFilter = makeMorphologyImageFilter;
+const makeRuntimeShaderImageFilter = (ctx, props) => {
+  const {
+    source,
+    uniforms
+  } = props;
+  const rtb = ctx.Skia.RuntimeShaderBuilder(source);
+  if (uniforms) {
+    (0, _types.processUniforms)(source, uniforms, rtb);
+  }
+  const imgf = ctx.Skia.ImageFilter.MakeRuntimeShader(rtb, null, input(ctx));
+  return imgf;
+};
+exports.makeRuntimeShaderImageFilter = makeRuntimeShaderImageFilter;
+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);
+};
+exports.declareBlendImageFilter = declareBlendImageFilter;
+const declareBlurMaskFilter = (ctx, props) => {
+  const {
+    blur,
+    style,
+    respectCTM
+  } = props;
+  const mf = ctx.Skia.MaskFilter.MakeBlur(_types.BlurStyle[(0, _nodes.enumKey)(style)], blur, respectCTM);
+  ctx.maskFilters.push(mf);
+};
+exports.declareBlurMaskFilter = declareBlurMaskFilter;
+//# sourceMappingURL=imageFilters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Object","defineProperty","exports","value","makeRuntimeShaderImageFilter","makeOffsetImageFilter","makeMorphologyImageFilter","makeDropShadowImageFilter","makeBlurImageFilter","declareDisplacementMapImageFilter","declareBlurMaskFilter","declareBlendImageFilter","MorphologyOperator","_nodes","require","_types","Black","Float32Array","of","MakeInnerShadow","Skia","shadowOnly","dx","dy","sigmaX","sigmaY","color","input","sourceGraphic","ImageFilter","MakeColorFilter","ColorFilter","MakeBlend","BlendMode","Dst","sourceAlpha","SrcIn","f1","SrcOut","f2","MakeOffset","f3","MakeBlur","TileMode","Decal","f4","MakeCompose","SrcOver","ctx","_ctx$imageFilters$pop","imageFilters","pop","props","x","y","channelX","channelY","scale","shader","shaders","Error","map","MakeShader","imgf","MakeDisplacementMap","ColorChannel","enumKey","push","mode","blur","sigma","processRadius","cl","inner","Color","factory","bind","MakeDropShadowOnly","MakeDropShadow","operator","r","radius","Erode","MakeErode","MakeDilate","source","uniforms","rtb","RuntimeShaderBuilder","processUniforms","MakeRuntimeShader","a","b","style","respectCTM","mf","MaskFilter","BlurStyle","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/commonjs/sksg/nodes/index.d.ts

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

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Node = require("./Node");
+Object.keys(_Node).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Node[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Node[key];
+    }
+  });
+});
+var _context = require("./context");
+Object.keys(_context).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _context[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _context[key];
+    }
+  });
+});
+var _utils = require("./utils");
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _utils[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Node","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_context","_utils"],"sources":["index.ts"],"sourcesContent":["export * from \"./Node\";\nexport * from \"./context\";\nexport * from \"./utils\";\n"],"mappings":";;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,QAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,QAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,QAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,QAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,MAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,MAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,MAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,MAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/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;