react-native-skia 0.0.1 → 2.15.0

package/lib/commonjs/sksg/Recorder/commands/Drawing.d.ts

@@ -0,0 +1,22 @@
+import type { AtlasProps, CircleProps, DiffRectProps, GlyphsProps, ImageProps, ImageSVGProps, LineProps, OvalProps, ParagraphProps, PatchProps, PathProps, PictureProps, PointsProps, RectProps, RoundedRectProps, SkottieProps, TextBlobProps, TextPathProps, TextProps, VerticesProps } from "../../../dom/types";
+import type { DrawingContext } from "../DrawingContext";
+export declare const drawLine: (ctx: DrawingContext, props: LineProps) => void;
+export declare const drawOval: (ctx: DrawingContext, props: OvalProps) => void;
+export declare const drawImage: (ctx: DrawingContext, props: ImageProps) => void;
+export declare const drawPoints: (ctx: DrawingContext, props: PointsProps) => void;
+export declare const drawVertices: (ctx: DrawingContext, props: VerticesProps) => void;
+export declare const drawDiffRect: (ctx: DrawingContext, props: DiffRectProps) => void;
+export declare const drawTextPath: (ctx: DrawingContext, props: TextPathProps) => void;
+export declare const drawText: (ctx: DrawingContext, props: TextProps) => void;
+export declare const drawPatch: (ctx: DrawingContext, props: PatchProps) => void;
+export declare const drawPath: (ctx: DrawingContext, props: PathProps) => void;
+export declare const drawRect: (ctx: DrawingContext, props: RectProps) => void;
+export declare const drawRRect: (ctx: DrawingContext, props: RoundedRectProps) => void;
+export declare const drawTextBlob: (ctx: DrawingContext, props: TextBlobProps) => void;
+export declare const drawGlyphs: (ctx: DrawingContext, props: GlyphsProps) => void;
+export declare const drawImageSVG: (ctx: DrawingContext, props: ImageSVGProps) => void;
+export declare const drawParagraph: (ctx: DrawingContext, props: ParagraphProps) => void;
+export declare const drawPicture: (ctx: DrawingContext, props: PictureProps) => void;
+export declare const drawAtlas: (ctx: DrawingContext, props: AtlasProps) => void;
+export declare const drawCircle: (ctx: DrawingContext, props: CircleProps) => void;
+export declare const drawSkottie: (ctx: DrawingContext, props: SkottieProps) => void;

package/lib/commonjs/sksg/Recorder/commands/Drawing.js

@@ -0,0 +1,370 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.drawVertices = exports.drawTextPath = exports.drawTextBlob = exports.drawText = exports.drawSkottie = 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.drawDiffRect = exports.drawCircle = exports.drawAtlas = void 0;
+var _nodes = require("../../../dom/nodes");
+var _processors = require("../../../renderer/processors");
+var _types = require("../../../skia/types");
+const drawLine = (ctx, props) => {
+  "worklet";
+
+  const {
+    p1,
+    p2
+  } = props;
+  ctx.canvas.drawLine(p1.x, p1.y, p2.x, p2.y, ctx.paint);
+};
+exports.drawLine = drawLine;
+const drawOval = (ctx, props) => {
+  "worklet";
+
+  const rect = (0, _nodes.processRect)(ctx.Skia, props);
+  ctx.canvas.drawOval(rect, ctx.paint);
+};
+exports.drawOval = drawOval;
+const drawImage = (ctx, props) => {
+  "worklet";
+
+  const {
+    image,
+    sampling
+  } = 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);
+    if (sampling && (0, _types.isCubicSampling)(sampling)) {
+      ctx.canvas.drawImageRectCubic(image, src, dst, sampling.B, sampling.C, ctx.paint);
+    } else {
+      var _sampling$filter, _sampling$mipmap;
+      ctx.canvas.drawImageRectOptions(image, src, dst, (_sampling$filter = sampling === null || sampling === void 0 ? void 0 : sampling.filter) !== null && _sampling$filter !== void 0 ? _sampling$filter : _types.FilterMode.Linear, (_sampling$mipmap = sampling === null || sampling === void 0 ? void 0 : sampling.mipmap) !== null && _sampling$mipmap !== void 0 ? _sampling$mipmap : _types.MipmapMode.None, ctx.paint);
+    }
+  }
+};
+exports.drawImage = drawImage;
+const drawPoints = (ctx, props) => {
+  "worklet";
+
+  const {
+    points,
+    mode
+  } = props;
+  ctx.canvas.drawPoints(_types.PointMode[(0, _nodes.enumKey)(mode)], points, ctx.paint);
+};
+exports.drawPoints = drawPoints;
+const drawVertices = (ctx, props) => {
+  "worklet";
+
+  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 => (0, _nodes.processColor)(ctx.Skia, 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) => {
+  "worklet";
+
+  const {
+    outer,
+    inner
+  } = props;
+  ctx.canvas.drawDRRect(outer, inner, ctx.paint);
+};
+exports.drawDiffRect = drawDiffRect;
+const drawTextPath = (ctx, props) => {
+  "worklet";
+
+  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 = ctx.track(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 = ctx.track(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) => {
+  "worklet";
+
+  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) => {
+  "worklet";
+
+  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 => (0, _nodes.processColor)(ctx.Skia, c)) : undefined;
+  ctx.canvas.drawPatch(points, colors, texture, mode, ctx.paint);
+};
+exports.drawPatch = drawPatch;
+const drawPath = (ctx, props) => {
+  "worklet";
+
+  const {
+    start: trimStart,
+    end: trimEnd,
+    fillType,
+    stroke,
+    ...pathProps
+  } = props;
+  const start = Math.fround((0, _processors.saturate)(trimStart));
+  const end = Math.fround((0, _processors.saturate)(trimEnd));
+  const hasStartOffset = start !== 0;
+  const hasEndOffset = end !== 1;
+  const hasStrokeOptions = stroke !== undefined;
+  const hasFillType = !!fillType;
+  let path = (0, _nodes.processPath)(ctx.Skia, pathProps.path);
+
+  // Trim runs first, so start/end address the path the caller drew. Stroking
+  // first would replace it with its outline and leave the offsets walking that
+  // outline's perimeter instead. The native recorder orders these the same way.
+  if (hasStartOffset || hasEndOffset) {
+    const trimmed = ctx.Skia.Path.Trim(path, start, end, false);
+    if (trimmed) {
+      path = trimmed;
+    }
+  }
+
+  // Apply fill type using PathBuilder
+  if (hasFillType) {
+    const builder = ctx.Skia.PathBuilder.MakeFromPath(path);
+    builder.setFillType(_types.FillType[(0, _nodes.enumKey)(fillType)]);
+    path = ctx.track(builder.build());
+  }
+
+  // Apply stroke using static Path.Stroke
+  if (hasStrokeOptions) {
+    const stroked = ctx.Skia.Path.Stroke(path, stroke);
+    if (stroked) {
+      path = stroked;
+    }
+  }
+  ctx.canvas.drawPath(path, ctx.paint);
+};
+exports.drawPath = drawPath;
+const drawRect = (ctx, props) => {
+  "worklet";
+
+  const derived = (0, _nodes.processRect)(ctx.Skia, props);
+  ctx.canvas.drawRect(derived, ctx.paint);
+};
+exports.drawRect = drawRect;
+const drawRRect = (ctx, props) => {
+  "worklet";
+
+  const derived = (0, _nodes.processRRect)(ctx.Skia, props);
+  ctx.canvas.drawRRect(derived, ctx.paint);
+};
+exports.drawRRect = drawRRect;
+const drawTextBlob = (ctx, props) => {
+  "worklet";
+
+  const {
+    blob,
+    x,
+    y
+  } = props;
+  ctx.canvas.drawTextBlob(blob, x, y, ctx.paint);
+};
+exports.drawTextBlob = drawTextBlob;
+const drawGlyphs = (ctx, props) => {
+  "worklet";
+
+  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) => {
+  "worklet";
+
+  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();
+  // An offset of 0 is a valid position, so it must not be read as "unset".
+  if (x !== undefined && y !== undefined) {
+    canvas.translate(x, y);
+  }
+  canvas.drawSvg(svg, width, height);
+  canvas.restore();
+};
+exports.drawImageSVG = drawImageSVG;
+const drawParagraph = (ctx, props) => {
+  "worklet";
+
+  const {
+    paragraph,
+    x,
+    y,
+    width
+  } = props;
+  if (paragraph) {
+    paragraph.layout(width);
+    paragraph.paint(ctx.canvas, x, y);
+  }
+};
+exports.drawParagraph = drawParagraph;
+const drawPicture = (ctx, props) => {
+  "worklet";
+
+  const {
+    picture
+  } = props;
+  ctx.canvas.drawPicture(picture);
+};
+exports.drawPicture = drawPicture;
+const drawAtlas = (ctx, props) => {
+  "worklet";
+
+  const {
+    image,
+    sprites,
+    transforms,
+    colors,
+    colorBlendMode,
+    sampling
+  } = props;
+  const blend = colorBlendMode ? _types.BlendMode[(0, _nodes.enumKey)(colorBlendMode)] : undefined;
+  if (image) {
+    ctx.canvas.drawAtlas(image, sprites, transforms, ctx.paint, blend, colors, sampling);
+  }
+};
+exports.drawAtlas = drawAtlas;
+const drawCircle = (ctx, props) => {
+  "worklet";
+
+  const {
+    c
+  } = (0, _nodes.processCircle)(props);
+  const {
+    r
+  } = props;
+  ctx.canvas.drawCircle(c.x, c.y, r, ctx.paint);
+};
+exports.drawCircle = drawCircle;
+const drawSkottie = (ctx, props) => {
+  "worklet";
+
+  const {
+    animation,
+    frame
+  } = props;
+  if (animation) {
+    props.animation.seekFrame(frame);
+    props.animation.render(ctx.canvas);
+  }
+};
+exports.drawSkottie = drawSkottie;
+//# sourceMappingURL=Drawing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_nodes","require","_processors","_types","drawLine","ctx","props","p1","p2","canvas","x","y","paint","exports","drawOval","rect","processRect","Skia","drawImage","image","sampling","_props$fit","fit","src","dst","fitRects","width","height","isCubicSampling","drawImageRectCubic","B","C","_sampling$filter","_sampling$mipmap","drawImageRectOptions","filter","FilterMode","Linear","mipmap","MipmapMode","None","drawPoints","points","mode","PointMode","enumKey","drawVertices","textures","colors","indices","blendMode","vertexMode","VertexMode","Triangles","vertices","MakeVertices","map","c","processColor","undefined","defaultBlendMode","BlendMode","DstOver","SrcOver","blend","drawDiffRect","outer","inner","drawDRRect","drawTextPath","path","processPath","font","initialOffset","text","ids","getGlyphIDs","widths","getGlyphWidths","rsx","meas","ContourMeasureIter","cont","track","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","Math","fround","saturate","hasStartOffset","hasEndOffset","hasStrokeOptions","hasFillType","trimmed","Path","Trim","builder","PathBuilder","MakeFromPath","setFillType","FillType","build","stroked","Stroke","drawRect","drawRRect","processRRect","blob","drawGlyphs","glyphs","reduce","acc","glyph","id","positions","drawImageSVG","svg","save","translate","drawSvg","restore","drawParagraph","paragraph","layout","drawPicture","picture","drawAtlas","sprites","transforms","colorBlendMode","drawCircle","processCircle","r","drawSkottie","animation","frame","seekFrame","render"],"sources":["Drawing.ts"],"sourcesContent":["import {\n  enumKey,\n  fitRects,\n  processCircle,\n  processColor,\n  processPath,\n  processRect,\n  processRRect,\n} from \"../../../dom/nodes\";\nimport type {\n  AtlasProps,\n  CircleProps,\n  DiffRectProps,\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  SkottieProps,\n  TextBlobProps,\n  TextPathProps,\n  TextProps,\n  VerticesProps,\n} from \"../../../dom/types\";\nimport { saturate } from \"../../../renderer/processors\";\nimport type { SkPoint, SkRSXform } from \"../../../skia/types\";\nimport {\n  BlendMode,\n  FillType,\n  FilterMode,\n  isCubicSampling,\n  MipmapMode,\n  PointMode,\n  VertexMode,\n} from \"../../../skia/types\";\nimport type { DrawingContext } from \"../DrawingContext\";\n\nexport const drawLine = (ctx: DrawingContext, 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: DrawingContext, props: OvalProps) => {\n  \"worklet\";\n  const rect = processRect(ctx.Skia, props);\n  ctx.canvas.drawOval(rect, ctx.paint);\n};\n\nexport const drawImage = (ctx: DrawingContext, props: ImageProps) => {\n  \"worklet\";\n  const { image, sampling } = 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    if (sampling && isCubicSampling(sampling)) {\n      ctx.canvas.drawImageRectCubic(\n        image,\n        src,\n        dst,\n        sampling.B,\n        sampling.C,\n        ctx.paint\n      );\n    } else {\n      ctx.canvas.drawImageRectOptions(\n        image,\n        src,\n        dst,\n        sampling?.filter ?? FilterMode.Linear,\n        sampling?.mipmap ?? MipmapMode.None,\n        ctx.paint\n      );\n    }\n  }\n};\n\nexport const drawPoints = (ctx: DrawingContext, props: PointsProps) => {\n  \"worklet\";\n  const { points, mode } = props;\n  ctx.canvas.drawPoints(PointMode[enumKey(mode)], points, ctx.paint);\n};\n\nexport const drawVertices = (ctx: DrawingContext, props: VerticesProps) => {\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) => processColor(ctx.Skia, 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 = (ctx: DrawingContext, props: DiffRectProps) => {\n  \"worklet\";\n  const { outer, inner } = props;\n  ctx.canvas.drawDRRect(outer, inner, ctx.paint);\n};\n\nexport const drawTextPath = (ctx: DrawingContext, props: TextPathProps) => {\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 = ctx.track(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 = ctx.track(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: DrawingContext, 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: DrawingContext, 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) => processColor(ctx.Skia, c))\n    : undefined;\n  ctx.canvas.drawPatch(points, colors, texture, mode, ctx.paint);\n};\n\nexport const drawPath = (ctx: DrawingContext, props: PathProps) => {\n  \"worklet\";\n  const {\n    start: trimStart,\n    end: trimEnd,\n    fillType,\n    stroke,\n    ...pathProps\n  } = props;\n  const start = Math.fround(saturate(trimStart));\n  const end = Math.fround(saturate(trimEnd));\n  const hasStartOffset = start !== 0;\n  const hasEndOffset = end !== 1;\n  const hasStrokeOptions = stroke !== undefined;\n  const hasFillType = !!fillType;\n\n  let path = processPath(ctx.Skia, pathProps.path);\n\n  // Trim runs first, so start/end address the path the caller drew. Stroking\n  // first would replace it with its outline and leave the offsets walking that\n  // outline's perimeter instead. The native recorder orders these the same way.\n  if (hasStartOffset || hasEndOffset) {\n    const trimmed = ctx.Skia.Path.Trim(path, start, end, false);\n    if (trimmed) {\n      path = trimmed;\n    }\n  }\n\n  // Apply fill type using PathBuilder\n  if (hasFillType) {\n    const builder = ctx.Skia.PathBuilder.MakeFromPath(path);\n    builder.setFillType(FillType[enumKey(fillType)]);\n    path = ctx.track(builder.build());\n  }\n\n  // Apply stroke using static Path.Stroke\n  if (hasStrokeOptions) {\n    const stroked = ctx.Skia.Path.Stroke(path, stroke);\n    if (stroked) {\n      path = stroked;\n    }\n  }\n\n  ctx.canvas.drawPath(path, ctx.paint);\n};\n\nexport const drawRect = (ctx: DrawingContext, props: RectProps) => {\n  \"worklet\";\n  const derived = processRect(ctx.Skia, props);\n  ctx.canvas.drawRect(derived, ctx.paint);\n};\n\nexport const drawRRect = (ctx: DrawingContext, props: RoundedRectProps) => {\n  \"worklet\";\n  const derived = processRRect(ctx.Skia, props);\n  ctx.canvas.drawRRect(derived, ctx.paint);\n};\n\nexport const drawTextBlob = (ctx: DrawingContext, props: TextBlobProps) => {\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: DrawingContext, 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 = (ctx: DrawingContext, props: ImageSVGProps) => {\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  // An offset of 0 is a valid position, so it must not be read as \"unset\".\n  if (x !== undefined && y !== undefined) {\n    canvas.translate(x, y);\n  }\n  canvas.drawSvg(svg, width, height);\n  canvas.restore();\n};\n\nexport const drawParagraph = (ctx: DrawingContext, props: ParagraphProps) => {\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: DrawingContext, props: PictureProps) => {\n  \"worklet\";\n  const { picture } = props;\n  ctx.canvas.drawPicture(picture);\n};\n\nexport const drawAtlas = (ctx: DrawingContext, props: AtlasProps) => {\n  \"worklet\";\n  const { image, sprites, transforms, colors, colorBlendMode, sampling } =\n    props;\n  const blend = colorBlendMode ? BlendMode[enumKey(colorBlendMode)] : undefined;\n  if (image) {\n    ctx.canvas.drawAtlas(\n      image,\n      sprites,\n      transforms,\n      ctx.paint,\n      blend,\n      colors,\n      sampling\n    );\n  }\n};\n\nexport const drawCircle = (ctx: DrawingContext, 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 drawSkottie = (ctx: DrawingContext, props: SkottieProps) => {\n  \"worklet\";\n  const { animation, frame } = props;\n  if (animation) {\n    props.animation.seekFrame(frame);\n    props.animation.render(ctx.canvas);\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/sksg/Recorder/commands/ImageFilters.d.ts

@@ -0,0 +1,12 @@
+import type { BlurMaskFilterProps } from "../../../dom/types";
+import type { Command } from "../Core";
+import { CommandType } from "../Core";
+import type { DrawingContext } from "../DrawingContext";
+export declare enum MorphologyOperator {
+    Erode = 0,
+    Dilate = 1
+}
+export declare const composeImageFilters: (ctx: DrawingContext) => void;
+export declare const setBlurMaskFilter: (ctx: DrawingContext, props: BlurMaskFilterProps) => void;
+export declare const isPushImageFilter: (command: Command) => command is Command<CommandType.PushImageFilter>;
+export declare const pushImageFilter: (ctx: DrawingContext, command: Command<CommandType.PushImageFilter>) => void;

package/lib/commonjs/sksg/Recorder/commands/ImageFilters.js

@@ -0,0 +1,207 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setBlurMaskFilter = exports.pushImageFilter = exports.isPushImageFilter = exports.composeImageFilters = exports.MorphologyOperator = void 0;
+var _nodes = require("../../../dom/nodes");
+var _types = require("../../../dom/types");
+var _types2 = require("../../../skia/types");
+var _utils = require("../../utils");
+var _Core = require("../Core");
+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);
+
+// Turns the source graphic into a hard silhouette: alpha is multiplied by 255
+// and clamped, so any pixel the shape covers at all becomes fully opaque, and
+// the colour channels are dropped. 255 is the saturation point of an 8-bit
+// alpha channel, so one unit of coverage is enough to reach 1.
+const AlphaSaturate = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 255, 0];
+const MakeInnerShadow = (Skia, shadowOnly, dx, dy, sigmaX, sigmaY, color, input) => {
+  "worklet";
+
+  const sourceGraphic = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(Black, _types2.BlendMode.Dst), null);
+  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(Black, _types2.BlendMode.SrcIn), null);
+  // The shadow is generated outside the shape and then clipped back into it, so
+  // "outside" has to be the complement of the shape's silhouette. Taking SrcOut
+  // against the source graphic itself makes it the complement of the source's
+  // *alpha*: inside a translucent shape 1 - alpha is non-zero, so the shadow is
+  // generated across the whole interior and tints it, no matter how small the
+  // blur and the offset are (issue #2990). Saturating alpha first keeps the
+  // shadow tied to the shape's outline instead of to its opacity.
+  const coverage = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeMatrix(AlphaSaturate), null);
+  const f1 = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(color, _types2.BlendMode.SrcOut), coverage);
+  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);
+  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, _types2.TileMode.Decal, f2);
+  const f4 = Skia.ImageFilter.MakeBlend(_types2.BlendMode.SrcIn, sourceAlpha, f3);
+  if (shadowOnly) {
+    return f4;
+  }
+  return Skia.ImageFilter.MakeCompose(input, Skia.ImageFilter.MakeBlend(_types2.BlendMode.SrcOver, sourceGraphic, f4));
+};
+const declareBlurImageFilter = (ctx, props) => {
+  "worklet";
+
+  const {
+    mode,
+    blur
+  } = props;
+  const sigma = (0, _nodes.processRadius)(ctx.Skia, blur);
+  const imgf = ctx.Skia.ImageFilter.MakeBlur(sigma.x, sigma.y, _types2.TileMode[(0, _nodes.enumKey)(mode)], null);
+  ctx.imageFilters.push(imgf);
+};
+const declareMorphologyImageFilter = (ctx, props) => {
+  "worklet";
+
+  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, null);
+  } else {
+    imgf = ctx.Skia.ImageFilter.MakeDilate(r.x, r.y, null);
+  }
+  ctx.imageFilters.push(imgf);
+};
+const declareOffsetImageFilter = (ctx, props) => {
+  "worklet";
+
+  const {
+    x,
+    y
+  } = props;
+  const imgf = ctx.Skia.ImageFilter.MakeOffset(x, y, null);
+  ctx.imageFilters.push(imgf);
+};
+const declareDropShadowImageFilter = (ctx, props) => {
+  "worklet";
+
+  const {
+    dx,
+    dy,
+    blur,
+    shadowOnly,
+    color: cl,
+    inner
+  } = props;
+  const color = (0, _nodes.processColor)(ctx.Skia, 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, null);
+  ctx.imageFilters.push(imgf);
+};
+const declareBlendImageFilter = (ctx, props) => {
+  "worklet";
+
+  const blend = _types2.BlendMode[(0, _nodes.enumKey)(props.mode)];
+  // Blend ImageFilters
+  const imageFilters = ctx.imageFilters.splice(0, ctx.imageFilters.length);
+  const composer = ctx.Skia.ImageFilter.MakeBlend.bind(ctx.Skia.ImageFilter, blend);
+  ctx.imageFilters.push((0, _utils.composeDeclarations)(imageFilters, composer));
+};
+const declareDisplacementMapImageFilter = (ctx, props) => {
+  "worklet";
+
+  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);
+  const imgf = ctx.Skia.ImageFilter.MakeDisplacementMap(_types2.ColorChannel[(0, _nodes.enumKey)(channelX)], _types2.ColorChannel[(0, _nodes.enumKey)(channelY)], scale, map, null);
+  ctx.imageFilters.push(imgf);
+};
+const declareRuntimeShaderImageFilter = (ctx, props) => {
+  "worklet";
+
+  const {
+    source,
+    uniforms
+  } = props;
+  const rtb = ctx.Skia.RuntimeShaderBuilder(source);
+  if (uniforms) {
+    (0, _types2.processUniforms)(source, uniforms, rtb);
+  }
+  const imgf = ctx.Skia.ImageFilter.MakeRuntimeShader(rtb, null, null);
+  ctx.imageFilters.push(imgf);
+};
+const declareImageFilter = (ctx, props) => {
+  "worklet";
+
+  const {
+    filter
+  } = props;
+  ctx.imageFilters.push(filter);
+};
+const composeImageFilters = ctx => {
+  "worklet";
+
+  if (ctx.imageFilters.length > 1) {
+    const outer = ctx.imageFilters.pop();
+    const inner = ctx.imageFilters.pop();
+    ctx.imageFilters.push(ctx.Skia.ImageFilter.MakeCompose(outer, inner));
+  }
+};
+exports.composeImageFilters = composeImageFilters;
+const setBlurMaskFilter = (ctx, props) => {
+  "worklet";
+
+  const {
+    blur,
+    style,
+    respectCTM
+  } = props;
+  const mf = ctx.Skia.MaskFilter.MakeBlur(_types2.BlurStyle[(0, _nodes.enumKey)(style)], blur, respectCTM);
+  ctx.paint.setMaskFilter(mf);
+};
+exports.setBlurMaskFilter = setBlurMaskFilter;
+const isPushImageFilter = command => {
+  "worklet";
+
+  return command.type === _Core.CommandType.PushImageFilter;
+};
+exports.isPushImageFilter = isPushImageFilter;
+const isImageFilter = (command, type) => {
+  "worklet";
+
+  return command.imageFilterType === type;
+};
+const pushImageFilter = (ctx, command) => {
+  "worklet";
+
+  if (isImageFilter(command, _types.NodeType.ImageFilter)) {
+    declareImageFilter(ctx, command.props);
+  } else if (isImageFilter(command, _types.NodeType.BlurImageFilter)) {
+    declareBlurImageFilter(ctx, command.props);
+  } else if (isImageFilter(command, _types.NodeType.MorphologyImageFilter)) {
+    declareMorphologyImageFilter(ctx, command.props);
+  } else if (isImageFilter(command, _types.NodeType.BlendImageFilter)) {
+    declareBlendImageFilter(ctx, command.props);
+  } else if (isImageFilter(command, _types.NodeType.DisplacementMapImageFilter)) {
+    declareDisplacementMapImageFilter(ctx, command.props);
+  } else if (isImageFilter(command, _types.NodeType.DropShadowImageFilter)) {
+    declareDropShadowImageFilter(ctx, command.props);
+  } else if (isImageFilter(command, _types.NodeType.OffsetImageFilter)) {
+    declareOffsetImageFilter(ctx, command.props);
+  } else if (isImageFilter(command, _types.NodeType.RuntimeShaderImageFilter)) {
+    declareRuntimeShaderImageFilter(ctx, command.props);
+  } else {
+    throw new Error("Invalid image filter type: " + command.imageFilterType);
+  }
+};
+exports.pushImageFilter = pushImageFilter;
+//# sourceMappingURL=ImageFilters.js.map