@shopify/react-native-skia 1.8.0 → 1.8.1

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

@@ -0,0 +1,285 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import { NodeType } from "../../dom/types";
+import { isImageFilter, isShader, sortNodeChildren } from "../Node";
+export const processPaint = ({
+  opacity,
+  color,
+  strokeWidth,
+  blendMode,
+  style,
+  strokeJoin,
+  strokeCap,
+  strokeMiter,
+  antiAlias,
+  dither,
+  paint: paintRef
+}) => {
+  const paint = {};
+  if (opacity !== undefined) {
+    paint.opacity = opacity;
+  }
+  if (color !== undefined) {
+    paint.color = color;
+  }
+  if (strokeWidth !== undefined) {
+    paint.strokeWidth = strokeWidth;
+  }
+  if (blendMode !== undefined) {
+    paint.blendMode = blendMode;
+  }
+  if (style !== undefined) {
+    paint.style = style;
+  }
+  if (strokeJoin !== undefined) {
+    paint.strokeJoin = strokeJoin;
+  }
+  if (strokeCap !== undefined) {
+    paint.strokeCap = strokeCap;
+  }
+  if (strokeMiter !== undefined) {
+    paint.strokeMiter = strokeMiter;
+  }
+  if (antiAlias !== undefined) {
+    paint.antiAlias = antiAlias;
+  }
+  if (dither !== undefined) {
+    paint.dither = dither;
+  }
+  if (paintRef !== undefined) {
+    paint.paint = paintRef;
+  }
+  if (opacity !== undefined || color !== undefined || strokeWidth !== undefined || blendMode !== undefined || style !== undefined || strokeJoin !== undefined || strokeCap !== undefined || strokeMiter !== undefined || antiAlias !== undefined || dither !== undefined || paintRef !== undefined) {
+    return paint;
+  }
+  return null;
+};
+const processCTM = ({
+  clip,
+  invertClip,
+  transform,
+  origin,
+  matrix,
+  layer
+}) => {
+  const ctm = {};
+  if (clip) {
+    ctm.clip = clip;
+  }
+  if (invertClip) {
+    ctm.invertClip = invertClip;
+  }
+  if (transform) {
+    ctm.transform = transform;
+  }
+  if (origin) {
+    ctm.origin = origin;
+  }
+  if (matrix) {
+    ctm.matrix = matrix;
+  }
+  if (layer) {
+    ctm.layer = layer;
+  }
+  if (clip !== undefined || invertClip !== undefined || transform !== undefined || origin !== undefined || matrix !== undefined || layer !== undefined) {
+    return ctm;
+  }
+  return null;
+};
+const pushColorFilters = (recorder, colorFilters) => {
+  colorFilters.forEach(colorFilter => {
+    if (colorFilter.children.length > 0) {
+      pushColorFilters(recorder, colorFilter.children);
+    }
+    recorder.pushColorFilter(colorFilter.type, colorFilter.props);
+    const needsComposition = colorFilter.type !== NodeType.LerpColorFilter && colorFilter.children.length > 0;
+    if (needsComposition) {
+      recorder.composeColorFilter();
+    }
+  });
+};
+const pushPathEffects = (recorder, pathEffects) => {
+  pathEffects.forEach(pathEffect => {
+    if (pathEffect.children.length > 0) {
+      pushPathEffects(recorder, pathEffect.children);
+    }
+    recorder.pushPathEffect(pathEffect.type, pathEffect.props);
+    const needsComposition = pathEffect.type !== NodeType.SumPathEffect && pathEffect.children.length > 0;
+    if (needsComposition) {
+      recorder.composePathEffect();
+    }
+  });
+};
+const pushImageFilters = (recorder, imageFilters) => {
+  imageFilters.forEach(imageFilter => {
+    if (imageFilter.children.length > 0) {
+      pushImageFilters(recorder, imageFilter.children);
+    }
+    if (isImageFilter(imageFilter.type)) {
+      recorder.pushImageFilter(imageFilter.type, imageFilter.props);
+    } else if (isShader(imageFilter.type)) {
+      recorder.pushShader(imageFilter.type, imageFilter.props);
+    }
+    const needsComposition = imageFilter.type !== NodeType.BlendImageFilter && imageFilter.children.length > 0;
+    if (needsComposition) {
+      recorder.composeImageFilter();
+    }
+  });
+};
+const pushShaders = (recorder, shaders) => {
+  shaders.forEach(shader => {
+    if (shader.children.length > 0) {
+      pushShaders(recorder, shader.children);
+    }
+    recorder.pushShader(shader.type, shader.props);
+  });
+};
+const pushMaskFilters = (recorder, maskFilters) => {
+  if (maskFilters.length > 0) {
+    recorder.pushBlurMaskFilter(maskFilters[maskFilters.length - 1].props);
+  }
+};
+const pushPaints = (recorder, paints) => {
+  paints.forEach(paint => {
+    recorder.savePaint(paint.props);
+    const {
+      colorFilters,
+      maskFilters,
+      shaders,
+      imageFilters,
+      pathEffects
+    } = sortNodeChildren(paint);
+    pushColorFilters(recorder, colorFilters);
+    pushImageFilters(recorder, imageFilters);
+    pushMaskFilters(recorder, maskFilters);
+    pushShaders(recorder, shaders);
+    pushPathEffects(recorder, pathEffects);
+    recorder.restorePaintDeclaration();
+  });
+};
+const visitNode = (recorder, node) => {
+  const {
+    props
+  } = node;
+  const {
+    colorFilters,
+    maskFilters,
+    drawings,
+    shaders,
+    imageFilters,
+    pathEffects,
+    paints
+  } = sortNodeChildren(node);
+  const paint = processPaint(props);
+  const shouldPushPaint = paint || colorFilters.length > 0 || maskFilters.length > 0 || imageFilters.length > 0 || pathEffects.length > 0 || shaders.length > 0;
+  if (shouldPushPaint) {
+    recorder.savePaint(paint !== null && paint !== void 0 ? paint : {});
+    pushColorFilters(recorder, colorFilters);
+    pushImageFilters(recorder, imageFilters);
+    pushMaskFilters(recorder, maskFilters);
+    pushShaders(recorder, shaders);
+    pushPathEffects(recorder, pathEffects);
+    // For mixed nodes like BackdropFilters we don't materialize the paint
+    if (node.type === NodeType.BackdropFilter) {
+      recorder.saveBackdropFilter();
+    } else {
+      recorder.materializePaint();
+    }
+  }
+  pushPaints(recorder, paints);
+  if (node.type === NodeType.Layer) {
+    recorder.saveLayer();
+  }
+  const ctm = processCTM(props);
+  const shouldRestore = !!ctm || node.type === NodeType.Layer;
+  if (ctm) {
+    recorder.saveCTM(ctm);
+  }
+  switch (node.type) {
+    case NodeType.Box:
+      const shadows = node.children.filter(n => n.type === NodeType.BoxShadow)
+      // eslint-disable-next-line @typescript-eslint/no-shadow
+      .map(({
+        props
+      }) => ({
+        props
+      }));
+      recorder.drawBox(props, shadows);
+      break;
+    case NodeType.Fill:
+      recorder.drawPaint();
+      break;
+    case NodeType.Image:
+      recorder.drawImage(node.props);
+      break;
+    case NodeType.Circle:
+      recorder.drawCircle(node.props);
+      break;
+    case NodeType.Points:
+      recorder.drawPoints(props);
+      break;
+    case NodeType.Path:
+      recorder.drawPath(props);
+      break;
+    case NodeType.Rect:
+      recorder.drawRect(props);
+      break;
+    case NodeType.RRect:
+      recorder.drawRRect(props);
+      break;
+    case NodeType.Oval:
+      recorder.drawOval(props);
+      break;
+    case NodeType.Line:
+      recorder.drawLine(props);
+      break;
+    case NodeType.Patch:
+      recorder.drawPatch(props);
+      break;
+    case NodeType.Vertices:
+      recorder.drawVertices(props);
+      break;
+    case NodeType.DiffRect:
+      recorder.drawDiffRect(props);
+      break;
+    case NodeType.Text:
+      recorder.drawText(props);
+      break;
+    case NodeType.TextPath:
+      recorder.drawTextPath(props);
+      break;
+    case NodeType.TextBlob:
+      recorder.drawTextBlob(props);
+      break;
+    case NodeType.Glyphs:
+      recorder.drawGlyphs(props);
+      break;
+    case NodeType.Picture:
+      recorder.drawPicture(props);
+      break;
+    case NodeType.ImageSVG:
+      recorder.drawImageSVG(props);
+      break;
+    case NodeType.Paragraph:
+      recorder.drawParagraph(props);
+      break;
+    case NodeType.Atlas:
+      recorder.drawAtlas(props);
+      break;
+  }
+  drawings.forEach(drawing => {
+    visitNode(recorder, drawing);
+  });
+  if (shouldPushPaint) {
+    recorder.restorePaint();
+  }
+  if (shouldRestore) {
+    recorder.restoreCTM();
+  }
+};
+export const visit = (recorder, root) => {
+  root.forEach(node => {
+    visitNode(recorder, node);
+  });
+};
+//# sourceMappingURL=Visitor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NodeType","isImageFilter","isShader","sortNodeChildren","processPaint","opacity","color","strokeWidth","blendMode","style","strokeJoin","strokeCap","strokeMiter","antiAlias","dither","paint","paintRef","undefined","processCTM","clip","invertClip","transform","origin","matrix","layer","ctm","pushColorFilters","recorder","colorFilters","forEach","colorFilter","children","length","pushColorFilter","type","props","needsComposition","LerpColorFilter","composeColorFilter","pushPathEffects","pathEffects","pathEffect","pushPathEffect","SumPathEffect","composePathEffect","pushImageFilters","imageFilters","imageFilter","pushImageFilter","pushShader","BlendImageFilter","composeImageFilter","pushShaders","shaders","shader","pushMaskFilters","maskFilters","pushBlurMaskFilter","pushPaints","paints","savePaint","restorePaintDeclaration","visitNode","node","drawings","shouldPushPaint","BackdropFilter","saveBackdropFilter","materializePaint","Layer","saveLayer","shouldRestore","saveCTM","Box","shadows","filter","n","BoxShadow","map","drawBox","Fill","drawPaint","Image","drawImage","Circle","drawCircle","Points","drawPoints","Path","drawPath","Rect","drawRect","RRect","drawRRect","Oval","drawOval","Line","drawLine","Patch","drawPatch","Vertices","drawVertices","DiffRect","drawDiffRect","Text","drawText","TextPath","drawTextPath","TextBlob","drawTextBlob","Glyphs","drawGlyphs","Picture","drawPicture","ImageSVG","drawImageSVG","Paragraph","drawParagraph","Atlas","drawAtlas","drawing","restorePaint","restoreCTM","visit","root"],"sources":["Visitor.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type {\n  CTMProps,\n  DrawingNodeProps,\n  BoxShadowProps,\n} from \"../../dom/types\";\nimport { NodeType } from \"../../dom/types\";\nimport type { Node } from \"../Node\";\nimport { isImageFilter, isShader, sortNodeChildren } from \"../Node\";\n\nimport type { Recorder } from \"./Recorder\";\n\nexport const processPaint = ({\n  opacity,\n  color,\n  strokeWidth,\n  blendMode,\n  style,\n  strokeJoin,\n  strokeCap,\n  strokeMiter,\n  antiAlias,\n  dither,\n  paint: paintRef,\n}: DrawingNodeProps) => {\n  const paint: DrawingNodeProps = {};\n  if (opacity !== undefined) {\n    paint.opacity = opacity;\n  }\n  if (color !== undefined) {\n    paint.color = color;\n  }\n  if (strokeWidth !== undefined) {\n    paint.strokeWidth = strokeWidth;\n  }\n  if (blendMode !== undefined) {\n    paint.blendMode = blendMode;\n  }\n  if (style !== undefined) {\n    paint.style = style;\n  }\n  if (strokeJoin !== undefined) {\n    paint.strokeJoin = strokeJoin;\n  }\n  if (strokeCap !== undefined) {\n    paint.strokeCap = strokeCap;\n  }\n  if (strokeMiter !== undefined) {\n    paint.strokeMiter = strokeMiter;\n  }\n  if (antiAlias !== undefined) {\n    paint.antiAlias = antiAlias;\n  }\n  if (dither !== undefined) {\n    paint.dither = dither;\n  }\n\n  if (paintRef !== undefined) {\n    paint.paint = paintRef;\n  }\n\n  if (\n    opacity !== undefined ||\n    color !== undefined ||\n    strokeWidth !== undefined ||\n    blendMode !== undefined ||\n    style !== undefined ||\n    strokeJoin !== undefined ||\n    strokeCap !== undefined ||\n    strokeMiter !== undefined ||\n    antiAlias !== undefined ||\n    dither !== undefined ||\n    paintRef !== undefined\n  ) {\n    return paint;\n  }\n  return null;\n};\n\nconst processCTM = ({\n  clip,\n  invertClip,\n  transform,\n  origin,\n  matrix,\n  layer,\n}: CTMProps) => {\n  const ctm: CTMProps = {};\n  if (clip) {\n    ctm.clip = clip;\n  }\n  if (invertClip) {\n    ctm.invertClip = invertClip;\n  }\n  if (transform) {\n    ctm.transform = transform;\n  }\n  if (origin) {\n    ctm.origin = origin;\n  }\n  if (matrix) {\n    ctm.matrix = matrix;\n  }\n  if (layer) {\n    ctm.layer = layer;\n  }\n  if (\n    clip !== undefined ||\n    invertClip !== undefined ||\n    transform !== undefined ||\n    origin !== undefined ||\n    matrix !== undefined ||\n    layer !== undefined\n  ) {\n    return ctm;\n  }\n  return null;\n};\n\nconst pushColorFilters = (recorder: Recorder, colorFilters: Node<any>[]) => {\n  colorFilters.forEach((colorFilter) => {\n    if (colorFilter.children.length > 0) {\n      pushColorFilters(recorder, colorFilter.children);\n    }\n    recorder.pushColorFilter(colorFilter.type, colorFilter.props);\n    const needsComposition =\n      colorFilter.type !== NodeType.LerpColorFilter &&\n      colorFilter.children.length > 0;\n    if (needsComposition) {\n      recorder.composeColorFilter();\n    }\n  });\n};\n\nconst pushPathEffects = (recorder: Recorder, pathEffects: Node<any>[]) => {\n  pathEffects.forEach((pathEffect) => {\n    if (pathEffect.children.length > 0) {\n      pushPathEffects(recorder, pathEffect.children);\n    }\n    recorder.pushPathEffect(pathEffect.type, pathEffect.props);\n    const needsComposition =\n      pathEffect.type !== NodeType.SumPathEffect &&\n      pathEffect.children.length > 0;\n    if (needsComposition) {\n      recorder.composePathEffect();\n    }\n  });\n};\n\nconst pushImageFilters = (recorder: Recorder, imageFilters: Node<any>[]) => {\n  imageFilters.forEach((imageFilter) => {\n    if (imageFilter.children.length > 0) {\n      pushImageFilters(recorder, imageFilter.children);\n    }\n    if (isImageFilter(imageFilter.type)) {\n      recorder.pushImageFilter(imageFilter.type, imageFilter.props);\n    } else if (isShader(imageFilter.type)) {\n      recorder.pushShader(imageFilter.type, imageFilter.props);\n    }\n    const needsComposition =\n      imageFilter.type !== NodeType.BlendImageFilter &&\n      imageFilter.children.length > 0;\n    if (needsComposition) {\n      recorder.composeImageFilter();\n    }\n  });\n};\n\nconst pushShaders = (recorder: Recorder, shaders: Node<any>[]) => {\n  shaders.forEach((shader) => {\n    if (shader.children.length > 0) {\n      pushShaders(recorder, shader.children);\n    }\n    recorder.pushShader(shader.type, shader.props);\n  });\n};\n\nconst pushMaskFilters = (recorder: Recorder, maskFilters: Node<any>[]) => {\n  if (maskFilters.length > 0) {\n    recorder.pushBlurMaskFilter(maskFilters[maskFilters.length - 1].props);\n  }\n};\n\nconst pushPaints = (recorder: Recorder, paints: Node<any>[]) => {\n  paints.forEach((paint) => {\n    recorder.savePaint(paint.props);\n    const { colorFilters, maskFilters, shaders, imageFilters, pathEffects } =\n      sortNodeChildren(paint);\n    pushColorFilters(recorder, colorFilters);\n    pushImageFilters(recorder, imageFilters);\n    pushMaskFilters(recorder, maskFilters);\n    pushShaders(recorder, shaders);\n    pushPathEffects(recorder, pathEffects);\n    recorder.restorePaintDeclaration();\n  });\n};\n\nconst visitNode = (recorder: Recorder, node: Node<any>) => {\n  const { props } = node;\n  const {\n    colorFilters,\n    maskFilters,\n    drawings,\n    shaders,\n    imageFilters,\n    pathEffects,\n    paints,\n  } = sortNodeChildren(node);\n  const paint = processPaint(props);\n  const shouldPushPaint =\n    paint ||\n    colorFilters.length > 0 ||\n    maskFilters.length > 0 ||\n    imageFilters.length > 0 ||\n    pathEffects.length > 0 ||\n    shaders.length > 0;\n  if (shouldPushPaint) {\n    recorder.savePaint(paint ?? {});\n    pushColorFilters(recorder, colorFilters);\n    pushImageFilters(recorder, imageFilters);\n    pushMaskFilters(recorder, maskFilters);\n    pushShaders(recorder, shaders);\n    pushPathEffects(recorder, pathEffects);\n    // For mixed nodes like BackdropFilters we don't materialize the paint\n    if (node.type === NodeType.BackdropFilter) {\n      recorder.saveBackdropFilter();\n    } else {\n      recorder.materializePaint();\n    }\n  }\n  pushPaints(recorder, paints);\n  if (node.type === NodeType.Layer) {\n    recorder.saveLayer();\n  }\n  const ctm = processCTM(props);\n  const shouldRestore = !!ctm || node.type === NodeType.Layer;\n  if (ctm) {\n    recorder.saveCTM(ctm);\n  }\n  switch (node.type) {\n    case NodeType.Box:\n      const shadows = node.children\n        .filter((n) => n.type === NodeType.BoxShadow)\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        .map(({ props }) => ({ props } as { props: BoxShadowProps }));\n      recorder.drawBox(props, shadows);\n      break;\n    case NodeType.Fill:\n      recorder.drawPaint();\n      break;\n    case NodeType.Image:\n      recorder.drawImage(node.props);\n      break;\n    case NodeType.Circle:\n      recorder.drawCircle(node.props);\n      break;\n    case NodeType.Points:\n      recorder.drawPoints(props);\n      break;\n    case NodeType.Path:\n      recorder.drawPath(props);\n      break;\n    case NodeType.Rect:\n      recorder.drawRect(props);\n      break;\n    case NodeType.RRect:\n      recorder.drawRRect(props);\n      break;\n    case NodeType.Oval:\n      recorder.drawOval(props);\n      break;\n    case NodeType.Line:\n      recorder.drawLine(props);\n      break;\n    case NodeType.Patch:\n      recorder.drawPatch(props);\n      break;\n    case NodeType.Vertices:\n      recorder.drawVertices(props);\n      break;\n    case NodeType.DiffRect:\n      recorder.drawDiffRect(props);\n      break;\n    case NodeType.Text:\n      recorder.drawText(props);\n      break;\n    case NodeType.TextPath:\n      recorder.drawTextPath(props);\n      break;\n    case NodeType.TextBlob:\n      recorder.drawTextBlob(props);\n      break;\n    case NodeType.Glyphs:\n      recorder.drawGlyphs(props);\n      break;\n    case NodeType.Picture:\n      recorder.drawPicture(props);\n      break;\n    case NodeType.ImageSVG:\n      recorder.drawImageSVG(props);\n      break;\n    case NodeType.Paragraph:\n      recorder.drawParagraph(props);\n      break;\n    case NodeType.Atlas:\n      recorder.drawAtlas(props);\n      break;\n  }\n  drawings.forEach((drawing) => {\n    visitNode(recorder, drawing);\n  });\n  if (shouldPushPaint) {\n    recorder.restorePaint();\n  }\n  if (shouldRestore) {\n    recorder.restoreCTM();\n  }\n};\n\nexport const visit = (recorder: Recorder, root: Node[]) => {\n  root.forEach((node) => {\n    visitNode(recorder, node);\n  });\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/sksg/Recorder/commands/Box.d.ts

@@ -0,0 +1,13 @@
+import type { BoxProps, BoxShadowProps } from "../../../dom/types";
+import type { Command } from "../Core";
+import { CommandType } from "../Core";
+import type { DrawingContext } from "../DrawingContext";
+interface BoxCommand extends Command<CommandType.DrawBox> {
+    props: BoxProps;
+    shadows: {
+        props: BoxShadowProps;
+    }[];
+}
+export declare const isBoxCommand: (command: Command) => command is BoxCommand;
+export declare const drawBox: (ctx: DrawingContext, command: BoxCommand) => void;
+export {};

package/lib/module/sksg/Recorder/commands/Box.js

@@ -0,0 +1,63 @@
+import { deflate, inflate } from "../../../dom/nodes";
+import { BlurStyle, ClipOp, isRRect } from "../../../skia/types";
+import { CommandType, materializeProps } from "../Core";
+export const isBoxCommand = command => {
+  "worklet";
+
+  return command.type === CommandType.DrawBox;
+};
+export const drawBox = (ctx, command) => {
+  "worklet";
+
+  command.shadows.forEach(shadow => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    materializeProps(shadow);
+  });
+  const shadows = command.shadows.map(shadow => shadow.props);
+  const {
+    paint,
+    Skia,
+    canvas
+  } = ctx;
+  const {
+    box: defaultBox
+  } = command.props;
+  const opacity = paint.getAlphaf();
+  const box = isRRect(defaultBox) ? defaultBox : Skia.RRectXY(defaultBox, 0, 0);
+  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();
+  });
+};
+//# sourceMappingURL=Box.js.map

package/lib/module/sksg/Recorder/commands/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["deflate","inflate","BlurStyle","ClipOp","isRRect","CommandType","materializeProps","isBoxCommand","command","type","DrawBox","drawBox","ctx","shadows","forEach","shadow","map","props","paint","Skia","canvas","box","defaultBox","opacity","getAlphaf","RRectXY","filter","inner","color","blur","spread","dx","dy","lPaint","Paint","setColor","Color","setAlphaf","setMaskFilter","MaskFilter","MakeBlur","Normal","drawRRect","delta","Point","Math","abs","save","clipRRect","Intersect","outer","x","y","drawDRRect","restore"],"sources":["Box.ts"],"sourcesContent":["import { deflate, inflate } from \"../../../dom/nodes\";\nimport type { BoxProps, BoxShadowProps } from \"../../../dom/types\";\nimport { BlurStyle, ClipOp, isRRect } from \"../../../skia/types\";\nimport type { Command } from \"../Core\";\nimport { CommandType, materializeProps } from \"../Core\";\nimport type { DrawingContext } from \"../DrawingContext\";\n\ninterface BoxCommand extends Command<CommandType.DrawBox> {\n  props: BoxProps;\n  shadows: { props: BoxShadowProps }[];\n}\n\nexport const isBoxCommand = (command: Command): command is BoxCommand => {\n  \"worklet\";\n  return command.type === CommandType.DrawBox;\n};\n\nexport const drawBox = (ctx: DrawingContext, command: BoxCommand) => {\n  \"worklet\";\n  command.shadows.forEach((shadow) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    materializeProps(shadow as any);\n  });\n  const shadows = command.shadows.map((shadow) => shadow.props);\n  const { paint, Skia, canvas } = ctx;\n  const { box: defaultBox } = command.props;\n  const opacity = paint.getAlphaf();\n  const box = isRRect(defaultBox) ? defaultBox : Skia.RRectXY(defaultBox, 0, 0);\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"],"mappings":"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","ignoreList":[]}

package/lib/module/sksg/Recorder/commands/CTM.d.ts

@@ -0,0 +1,3 @@
+import type { CTMProps } from "../../../dom/types";
+import type { DrawingContext } from "../DrawingContext";
+export declare const saveCTM: (ctx: DrawingContext, props: CTMProps) => void;

package/lib/module/sksg/Recorder/commands/CTM.js

@@ -0,0 +1,72 @@
+import { isPathDef, processPath, processTransformProps2 } from "../../../dom/nodes";
+import { ClipOp, isRRect } from "../../../skia/types";
+const computeClip = (Skia, clip) => {
+  "worklet";
+
+  if (clip) {
+    if (isPathDef(clip)) {
+      return {
+        clipPath: processPath(Skia, clip)
+      };
+    } else if (isRRect(clip)) {
+      return {
+        clipRRect: clip
+      };
+    } else {
+      return {
+        clipRect: clip
+      };
+    }
+  }
+  return undefined;
+};
+export const saveCTM = (ctx, props) => {
+  "worklet";
+
+  const {
+    canvas,
+    Skia
+  } = ctx;
+  const {
+    clip: rawClip,
+    invertClip,
+    matrix,
+    transform,
+    origin,
+    layer
+  } = props;
+  const hasTransform = matrix !== undefined || transform !== undefined;
+  const clip = computeClip(Skia, rawClip);
+  const hasClip = clip !== undefined;
+  const op = invertClip ? ClipOp.Difference : ClipOp.Intersect;
+  const m3 = processTransformProps2(Skia, {
+    matrix,
+    transform,
+    origin
+  });
+  const shouldSave = hasTransform || hasClip || !!layer;
+  if (shouldSave) {
+    if (layer) {
+      if (typeof layer === "boolean") {
+        canvas.saveLayer();
+      } else {
+        canvas.saveLayer(layer);
+      }
+    } else {
+      canvas.save();
+    }
+  }
+  if (m3) {
+    canvas.concat(m3);
+  }
+  if (clip) {
+    if ("clipRect" in clip) {
+      canvas.clipRect(clip.clipRect, op, true);
+    } else if ("clipRRect" in clip) {
+      canvas.clipRRect(clip.clipRRect, op, true);
+    } else {
+      canvas.clipPath(clip.clipPath, op, true);
+    }
+  }
+};
+//# sourceMappingURL=CTM.js.map

package/lib/module/sksg/Recorder/commands/CTM.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isPathDef","processPath","processTransformProps2","ClipOp","isRRect","computeClip","Skia","clip","clipPath","clipRRect","clipRect","undefined","saveCTM","ctx","props","canvas","rawClip","invertClip","matrix","transform","origin","layer","hasTransform","hasClip","op","Difference","Intersect","m3","shouldSave","saveLayer","save","concat"],"sources":["CTM.ts"],"sourcesContent":["import {\n  isPathDef,\n  processPath,\n  processTransformProps2,\n} from \"../../../dom/nodes\";\nimport type { ClipDef, CTMProps } from \"../../../dom/types\";\nimport type { Skia, SkPath, SkRect, SkRRect } from \"../../../skia/types\";\nimport { ClipOp, isRRect } from \"../../../skia/types\";\nimport type { DrawingContext } from \"../DrawingContext\";\n\nconst computeClip = (\n  Skia: Skia,\n  clip: ClipDef | undefined\n):\n  | undefined\n  | { clipPath: SkPath }\n  | { clipRect: SkRect }\n  | { clipRRect: SkRRect } => {\n  \"worklet\";\n  if (clip) {\n    if (isPathDef(clip)) {\n      return { clipPath: processPath(Skia, clip) };\n    } else if (isRRect(clip)) {\n      return { clipRRect: clip };\n    } else {\n      return { clipRect: clip };\n    }\n  }\n  return undefined;\n};\n\nexport const saveCTM = (ctx: DrawingContext, props: CTMProps) => {\n  \"worklet\";\n  const { canvas, Skia } = ctx;\n  const {\n    clip: rawClip,\n    invertClip,\n    matrix,\n    transform,\n    origin,\n    layer,\n  } = props as CTMProps;\n  const hasTransform = matrix !== undefined || transform !== undefined;\n  const clip = computeClip(Skia, rawClip);\n  const hasClip = clip !== undefined;\n  const op = invertClip ? ClipOp.Difference : ClipOp.Intersect;\n  const m3 = processTransformProps2(Skia, { matrix, transform, origin });\n  const shouldSave = hasTransform || hasClip || !!layer;\n  if (shouldSave) {\n    if (layer) {\n      if (typeof layer === \"boolean\") {\n        canvas.saveLayer();\n      } else {\n        canvas.saveLayer(layer);\n      }\n    } else {\n      canvas.save();\n    }\n  }\n  if (m3) {\n    canvas.concat(m3);\n  }\n  if (clip) {\n    if (\"clipRect\" in clip) {\n      canvas.clipRect(clip.clipRect, op, true);\n    } else if (\"clipRRect\" in clip) {\n      canvas.clipRRect(clip.clipRRect, op, true);\n    } else {\n      canvas.clipPath(clip.clipPath, op, true);\n    }\n  }\n};\n"],"mappings":"AAAA,SACEA,SAAS,EACTC,WAAW,EACXC,sBAAsB,QACjB,oBAAoB;AAG3B,SAASC,MAAM,EAAEC,OAAO,QAAQ,qBAAqB;AAGrD,MAAMC,WAAW,GAAGA,CAClBC,IAAU,EACVC,IAAyB,KAKG;EAC5B,SAAS;;EACT,IAAIA,IAAI,EAAE;IACR,IAAIP,SAAS,CAACO,IAAI,CAAC,EAAE;MACnB,OAAO;QAAEC,QAAQ,EAAEP,WAAW,CAACK,IAAI,EAAEC,IAAI;MAAE,CAAC;IAC9C,CAAC,MAAM,IAAIH,OAAO,CAACG,IAAI,CAAC,EAAE;MACxB,OAAO;QAAEE,SAAS,EAAEF;MAAK,CAAC;IAC5B,CAAC,MAAM;MACL,OAAO;QAAEG,QAAQ,EAAEH;MAAK,CAAC;IAC3B;EACF;EACA,OAAOI,SAAS;AAClB,CAAC;AAED,OAAO,MAAMC,OAAO,GAAGA,CAACC,GAAmB,EAAEC,KAAe,KAAK;EAC/D,SAAS;;EACT,MAAM;IAAEC,MAAM;IAAET;EAAK,CAAC,GAAGO,GAAG;EAC5B,MAAM;IACJN,IAAI,EAAES,OAAO;IACbC,UAAU;IACVC,MAAM;IACNC,SAAS;IACTC,MAAM;IACNC;EACF,CAAC,GAAGP,KAAiB;EACrB,MAAMQ,YAAY,GAAGJ,MAAM,KAAKP,SAAS,IAAIQ,SAAS,KAAKR,SAAS;EACpE,MAAMJ,IAAI,GAAGF,WAAW,CAACC,IAAI,EAAEU,OAAO,CAAC;EACvC,MAAMO,OAAO,GAAGhB,IAAI,KAAKI,SAAS;EAClC,MAAMa,EAAE,GAAGP,UAAU,GAAGd,MAAM,CAACsB,UAAU,GAAGtB,MAAM,CAACuB,SAAS;EAC5D,MAAMC,EAAE,GAAGzB,sBAAsB,CAACI,IAAI,EAAE;IAAEY,MAAM;IAAEC,SAAS;IAAEC;EAAO,CAAC,CAAC;EACtE,MAAMQ,UAAU,GAAGN,YAAY,IAAIC,OAAO,IAAI,CAAC,CAACF,KAAK;EACrD,IAAIO,UAAU,EAAE;IACd,IAAIP,KAAK,EAAE;MACT,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;QAC9BN,MAAM,CAACc,SAAS,CAAC,CAAC;MACpB,CAAC,MAAM;QACLd,MAAM,CAACc,SAAS,CAACR,KAAK,CAAC;MACzB;IACF,CAAC,MAAM;MACLN,MAAM,CAACe,IAAI,CAAC,CAAC;IACf;EACF;EACA,IAAIH,EAAE,EAAE;IACNZ,MAAM,CAACgB,MAAM,CAACJ,EAAE,CAAC;EACnB;EACA,IAAIpB,IAAI,EAAE;IACR,IAAI,UAAU,IAAIA,IAAI,EAAE;MACtBQ,MAAM,CAACL,QAAQ,CAACH,IAAI,CAACG,QAAQ,EAAEc,EAAE,EAAE,IAAI,CAAC;IAC1C,CAAC,MAAM,IAAI,WAAW,IAAIjB,IAAI,EAAE;MAC9BQ,MAAM,CAACN,SAAS,CAACF,IAAI,CAACE,SAAS,EAAEe,EAAE,EAAE,IAAI,CAAC;IAC5C,CAAC,MAAM;MACLT,MAAM,CAACP,QAAQ,CAACD,IAAI,CAACC,QAAQ,EAAEgB,EAAE,EAAE,IAAI,CAAC;IAC1C;EACF;AACF,CAAC","ignoreList":[]}

package/lib/module/sksg/Recorder/commands/ColorFilters.d.ts

@@ -0,0 +1,6 @@
+import { CommandType } from "../Core";
+import type { Command } from "../Core";
+import type { DrawingContext } from "../DrawingContext";
+export declare const isPushColorFilter: (command: Command) => command is Command<CommandType.PushColorFilter>;
+export declare const composeColorFilters: (ctx: DrawingContext) => void;
+export declare const pushColorFilter: (ctx: DrawingContext, command: Command<CommandType.PushColorFilter>) => void;

package/lib/module/sksg/Recorder/commands/ColorFilters.js

@@ -0,0 +1,67 @@
+import { enumKey } from "../../../dom/nodes";
+import { NodeType } from "../../../dom/types";
+import { BlendMode } from "../../../skia/types";
+import { CommandType } from "../Core";
+export const isPushColorFilter = command => {
+  "worklet";
+
+  return command.type === CommandType.PushColorFilter;
+};
+const isColorFilter = (command, type) => {
+  "worklet";
+
+  return command.colorFilterType === type;
+};
+export const composeColorFilters = ctx => {
+  "worklet";
+
+  if (ctx.colorFilters.length > 1) {
+    const outer = ctx.colorFilters.pop();
+    const inner = ctx.colorFilters.pop();
+    ctx.colorFilters.push(ctx.Skia.ColorFilter.MakeCompose(outer, inner));
+  }
+};
+export const pushColorFilter = (ctx, command) => {
+  "worklet";
+
+  let cf;
+  if (isColorFilter(command, NodeType.BlendColorFilter)) {
+    const {
+      props
+    } = command;
+    const {
+      mode
+    } = props;
+    const color = ctx.Skia.Color(props.color);
+    cf = ctx.Skia.ColorFilter.MakeBlend(color, BlendMode[enumKey(mode)]);
+  } else if (isColorFilter(command, NodeType.MatrixColorFilter)) {
+    const {
+      matrix
+    } = command.props;
+    cf = ctx.Skia.ColorFilter.MakeMatrix(matrix);
+  } else if (isColorFilter(command, NodeType.LerpColorFilter)) {
+    const {
+      props
+    } = command;
+    const {
+      t
+    } = props;
+    const second = ctx.colorFilters.pop();
+    const first = ctx.colorFilters.pop();
+    if (!first || !second) {
+      throw new Error("LerpColorFilter requires two color filters");
+    }
+    cf = ctx.Skia.ColorFilter.MakeLerp(t, first, second);
+  } else if (isColorFilter(command, NodeType.LumaColorFilter)) {
+    cf = ctx.Skia.ColorFilter.MakeLumaColorFilter();
+  } else if (isColorFilter(command, NodeType.LinearToSRGBGammaColorFilter)) {
+    cf = ctx.Skia.ColorFilter.MakeLinearToSRGBGamma();
+  } else if (isColorFilter(command, NodeType.SRGBToLinearGammaColorFilter)) {
+    cf = ctx.Skia.ColorFilter.MakeSRGBToLinearGamma();
+  }
+  if (!cf) {
+    throw new Error(`Unknown color filter type: ${command.colorFilterType}`);
+  }
+  ctx.colorFilters.push(cf);
+};
+//# sourceMappingURL=ColorFilters.js.map

package/lib/module/sksg/Recorder/commands/ColorFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["enumKey","NodeType","BlendMode","CommandType","isPushColorFilter","command","type","PushColorFilter","isColorFilter","colorFilterType","composeColorFilters","ctx","colorFilters","length","outer","pop","inner","push","Skia","ColorFilter","MakeCompose","pushColorFilter","cf","BlendColorFilter","props","mode","color","Color","MakeBlend","MatrixColorFilter","matrix","MakeMatrix","LerpColorFilter","t","second","first","Error","MakeLerp","LumaColorFilter","MakeLumaColorFilter","LinearToSRGBGammaColorFilter","MakeLinearToSRGBGamma","SRGBToLinearGammaColorFilter","MakeSRGBToLinearGamma"],"sources":["ColorFilters.ts"],"sourcesContent":["import { enumKey } from \"../../../dom/nodes\";\nimport type {\n  BlendColorFilterProps,\n  LerpColorFilterProps,\n  MatrixColorFilterProps,\n} from \"../../../dom/types\";\nimport { NodeType } from \"../../../dom/types\";\nimport type { SkColorFilter } from \"../../../skia/types\";\nimport { BlendMode } from \"../../../skia/types\";\nimport { CommandType } from \"../Core\";\nimport type { Command } from \"../Core\";\nimport type { DrawingContext } from \"../DrawingContext\";\n\nexport const isPushColorFilter = (\n  command: Command\n): command is Command<CommandType.PushColorFilter> => {\n  \"worklet\";\n  return command.type === CommandType.PushColorFilter;\n};\n\ntype Props = {\n  [NodeType.BlendColorFilter]: BlendColorFilterProps;\n  [NodeType.MatrixColorFilter]: MatrixColorFilterProps;\n  [NodeType.LerpColorFilter]: LerpColorFilterProps;\n  [NodeType.LumaColorFilter]: Record<string, never>;\n  [NodeType.LinearToSRGBGammaColorFilter]: Record<string, never>;\n  [NodeType.SRGBToLinearGammaColorFilter]: Record<string, never>;\n};\n\ninterface PushColorFilter<T extends keyof Props>\n  extends Command<CommandType.PushColorFilter> {\n  colorFilterType: T;\n  props: Props[T];\n}\n\nconst isColorFilter = <T extends keyof Props>(\n  command: Command<CommandType.PushColorFilter>,\n  type: T\n): command is PushColorFilter<T> => {\n  \"worklet\";\n  return command.colorFilterType === type;\n};\n\nexport const composeColorFilters = (ctx: DrawingContext) => {\n  \"worklet\";\n  if (ctx.colorFilters.length > 1) {\n    const outer = ctx.colorFilters.pop()!;\n    const inner = ctx.colorFilters.pop()!;\n    ctx.colorFilters.push(ctx.Skia.ColorFilter.MakeCompose(outer, inner));\n  }\n};\n\nexport const pushColorFilter = (\n  ctx: DrawingContext,\n  command: Command<CommandType.PushColorFilter>\n) => {\n  \"worklet\";\n  let cf: SkColorFilter | undefined;\n  if (isColorFilter(command, NodeType.BlendColorFilter)) {\n    const { props } = command;\n    const { mode } = props;\n    const color = ctx.Skia.Color(props.color);\n    cf = ctx.Skia.ColorFilter.MakeBlend(color, BlendMode[enumKey(mode)]);\n  } else if (isColorFilter(command, NodeType.MatrixColorFilter)) {\n    const { matrix } = command.props;\n    cf = ctx.Skia.ColorFilter.MakeMatrix(matrix);\n  } else if (isColorFilter(command, NodeType.LerpColorFilter)) {\n    const { props } = command;\n    const { t } = props;\n    const second = ctx.colorFilters.pop();\n    const first = ctx.colorFilters.pop();\n    if (!first || !second) {\n      throw new Error(\"LerpColorFilter requires two color filters\");\n    }\n    cf = ctx.Skia.ColorFilter.MakeLerp(t, first, second);\n  } else if (isColorFilter(command, NodeType.LumaColorFilter)) {\n    cf = ctx.Skia.ColorFilter.MakeLumaColorFilter();\n  } else if (isColorFilter(command, NodeType.LinearToSRGBGammaColorFilter)) {\n    cf = ctx.Skia.ColorFilter.MakeLinearToSRGBGamma();\n  } else if (isColorFilter(command, NodeType.SRGBToLinearGammaColorFilter)) {\n    cf = ctx.Skia.ColorFilter.MakeSRGBToLinearGamma();\n  }\n  if (!cf) {\n    throw new Error(`Unknown color filter type: ${command.colorFilterType}`);\n  }\n  ctx.colorFilters.push(cf);\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+import type { AtlasProps, BoxProps, CircleProps, DiffRectProps, DrawingNodeProps, GlyphsProps, ImageProps, ImageSVGProps, LineProps, OvalProps, ParagraphProps, PatchProps, PathProps, PictureProps, PointsProps, RectProps, RoundedRectProps, TextBlobProps, TextPathProps, TextProps, VerticesProps } from "../../../dom/types";
+import type { Node } from "../../Node";
+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 drawBox: (ctx: DrawingContext, props: BoxProps, children: Node<any>[]) => 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 drawFill: (ctx: DrawingContext, _props: DrawingNodeProps) => void;

package/lib/module/sksg/{nodes/drawings.js → Recorder/commands/Drawing.js}

@@ -1,7 +1,7 @@
-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";
+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) => {
   "worklet";
 
@@ -368,4 +368,4 @@ export const drawFill = (ctx, _props) => {
 
   ctx.canvas.drawPaint(ctx.paint);
 };
-//# sourceMappingURL=drawings.js.map
+//# sourceMappingURL=Drawing.js.map