@shopify/react-native-skia 1.7.7 → 1.8.0

package/lib/module/sksg/DrawingContext.js

@@ -1,12 +1,8 @@
-"worklet";
-
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { enumKey, isPathDef, processPath, processTransformProps2 } from "../dom/nodes";
-import { DeclarationContext } from "../dom/types";
 import { BlendMode, ClipOp, isRRect, PaintStyle, StrokeCap, StrokeJoin } from "../skia/types";
 const computeClip = (Skia, clip) => {
+  "worklet";
+
   if (clip) {
     if (isPathDef(clip)) {
       return {
@@ -24,37 +20,27 @@ const computeClip = (Skia, clip) => {
   }
   return undefined;
 };
-export class DrawingContext {
-  constructor(Skia, canvas) {
-    _defineProperty(this, "paints", void 0);
-    _defineProperty(this, "declCtx", void 0);
-    _defineProperty(this, "Skia", void 0);
-    _defineProperty(this, "canvas", void 0);
-    this.Skia = Skia;
-    this.canvas = canvas;
-    this.paints = [Skia.Paint()];
-    this.declCtx = new DeclarationContext(this.Skia);
-  }
-  save() {
-    this.paints.push(this.paint.copy());
-  }
-  restore() {
-    this.paints.pop();
-  }
-  get paint() {
-    const paint = this.paints[this.paints.length - 1];
-    if (!paint) {
-      throw new Error("Paint is undefined");
-    }
-    return paint;
-  }
-  getLocalPaints() {
-    const {
-      paint
-    } = this;
-    return [paint, ...this.declCtx.paints.popAll()];
+const processColor = (Skia, color) => {
+  "worklet";
+
+  if (typeof color === "string" || typeof color === "number") {
+    return Skia.Color(color);
+  } else if (Array.isArray(color) || color instanceof Float32Array) {
+    return color instanceof Float32Array ? color : new Float32Array(color);
+  } else {
+    throw new Error(`Invalid color type: ${typeof color}. Expected number, string, or array.`);
   }
-  processPaint({
+};
+export const createDrawingContext = (Skia, canvas) => {
+  "worklet";
+
+  const state = {
+    paints: [Skia.Paint()]
+  };
+  const getPaint = () => {
+    return state.paints[state.paints.length - 1];
+  };
+  const processPaint = ({
     opacity,
     color,
     strokeWidth,
@@ -66,41 +52,31 @@ export class DrawingContext {
     antiAlias,
     dither,
     paint: paintProp
-  }) {
+  }, declCtx) => {
     if (paintProp) {
-      this.declCtx.paints.push(paintProp);
+      declCtx.paints.push(paintProp);
       return true;
     }
     let shouldRestore = false;
-    const colorFilter = this.declCtx.colorFilters.popAllAsOne();
-    const imageFilter = this.declCtx.imageFilters.popAllAsOne();
-    const shader = this.declCtx.shaders.pop();
-    const maskFilter = this.declCtx.maskFilters.pop();
-    const pathEffect = this.declCtx.pathEffects.popAllAsOne();
+    const colorFilter = declCtx.colorFilters.popAllAsOne();
+    const imageFilter = declCtx.imageFilters.popAllAsOne();
+    const shader = declCtx.shaders.pop();
+    const maskFilter = declCtx.maskFilters.pop();
+    const pathEffect = declCtx.pathEffects.popAllAsOne();
     if (opacity !== undefined || color !== undefined || strokeWidth !== undefined || blendMode !== undefined || style !== undefined || strokeJoin !== undefined || strokeCap !== undefined || strokeMiter !== undefined || antiAlias !== undefined || dither !== undefined || colorFilter !== undefined || imageFilter !== undefined || shader !== undefined || maskFilter !== undefined || pathEffect !== undefined) {
       if (!shouldRestore) {
-        this.save();
+        state.paints.push(getPaint().copy());
         shouldRestore = true;
       }
     }
-    const {
-      paint
-    } = this;
+    const paint = getPaint();
     if (opacity !== undefined) {
       paint.setAlphaf(paint.getAlphaf() * opacity);
     }
     if (color !== undefined) {
       const currentOpacity = paint.getAlphaf();
       paint.setShader(null);
-      if (typeof color === "string" || typeof color === "number") {
-        paint.setColor(this.Skia.Color(color));
-      } else if (Array.isArray(color)) {
-        paint.setColor(new Float32Array(color));
-      } else if (color instanceof Float32Array) {
-        paint.setColor(color);
-      } else {
-        throw new Error("Invalid color");
-      }
+      paint.setColor(processColor(Skia, color));
       paint.setAlphaf(currentOpacity * paint.getAlphaf());
     }
     if (strokeWidth !== undefined) {
@@ -143,38 +119,47 @@ export class DrawingContext {
       paint.setPathEffect(pathEffect);
     }
     return shouldRestore;
-  }
-  processMatrixAndClipping(props, layer) {
+  };
+  const processMatrixAndClipping = (props, layer) => {
     const hasTransform = props.matrix !== undefined || props.transform !== undefined;
-    const clip = computeClip(this.Skia, props.clip);
+    const clip = computeClip(Skia, props.clip);
     const hasClip = clip !== undefined;
     const op = props.invertClip ? ClipOp.Difference : ClipOp.Intersect;
-    const m3 = processTransformProps2(this.Skia, props);
+    const m3 = processTransformProps2(Skia, props);
     const shouldSave = hasTransform || hasClip || !!layer;
     if (shouldSave) {
       if (layer) {
         if (typeof layer === "boolean") {
-          this.canvas.saveLayer();
+          canvas.saveLayer();
         } else {
-          this.canvas.saveLayer(layer);
+          canvas.saveLayer(layer);
         }
       } else {
-        this.canvas.save();
+        canvas.save();
       }
     }
     if (m3) {
-      this.canvas.concat(m3);
+      canvas.concat(m3);
     }
     if (clip) {
       if ("clipRect" in clip) {
-        this.canvas.clipRect(clip.clipRect, op, true);
+        canvas.clipRect(clip.clipRect, op, true);
       } else if ("clipRRect" in clip) {
-        this.canvas.clipRRect(clip.clipRRect, op, true);
+        canvas.clipRRect(clip.clipRRect, op, true);
       } else {
-        this.canvas.clipPath(clip.clipPath, op, true);
+        canvas.clipPath(clip.clipPath, op, true);
       }
     }
     return shouldSave;
-  }
-}
+  };
+  return {
+    Skia,
+    canvas,
+    save: () => state.paints.push(getPaint().copy()),
+    restore: () => state.paints.pop(),
+    getPaint,
+    processPaint,
+    processMatrixAndClipping
+  };
+};
 //# sourceMappingURL=DrawingContext.js.map

package/lib/module/sksg/DrawingContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_defineProperty","e","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","enumKey","isPathDef","processPath","processTransformProps2","DeclarationContext","BlendMode","ClipOp","isRRect","PaintStyle","StrokeCap","StrokeJoin","computeClip","Skia","clip","clipPath","clipRRect","clipRect","undefined","DrawingContext","constructor","canvas","paints","Paint","declCtx","save","push","paint","copy","restore","pop","length","Error","getLocalPaints","popAll","processPaint","opacity","color","strokeWidth","blendMode","style","strokeJoin","strokeCap","strokeMiter","antiAlias","dither","paintProp","shouldRestore","colorFilter","colorFilters","popAllAsOne","imageFilter","imageFilters","shader","shaders","maskFilter","maskFilters","pathEffect","pathEffects","setAlphaf","getAlphaf","currentOpacity","setShader","setColor","Color","Array","isArray","Float32Array","setStrokeWidth","setBlendMode","setStyle","setStrokeJoin","setStrokeCap","setStrokeMiter","setAntiAlias","setDither","setColorFilter","setImageFilter","setMaskFilter","setPathEffect","processMatrixAndClipping","props","layer","hasTransform","matrix","transform","hasClip","op","invertClip","Difference","Intersect","m3","shouldSave","saveLayer","concat"],"sources":["DrawingContext.ts"],"sourcesContent":["\"worklet\";\n\nimport {\n  enumKey,\n  isPathDef,\n  processPath,\n  processTransformProps2,\n} from \"../dom/nodes\";\nimport type { ClipDef, DrawingNodeProps, GroupProps } from \"../dom/types\";\nimport { DeclarationContext } from \"../dom/types\";\nimport {\n  BlendMode,\n  ClipOp,\n  isRRect,\n  PaintStyle,\n  StrokeCap,\n  StrokeJoin,\n} from \"../skia/types\";\nimport type {\n  SkPath,\n  SkRect,\n  SkRRect,\n  SkCanvas,\n  Skia,\n  SkPaint,\n} from \"../skia/types\";\n\nconst computeClip = (\n  Skia: Skia,\n  clip: ClipDef | undefined\n):\n  | undefined\n  | { clipPath: SkPath }\n  | { clipRect: SkRect }\n  | { clipRRect: SkRRect } => {\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 class DrawingContext {\n  private paints: SkPaint[];\n  public declCtx: DeclarationContext;\n  public Skia: Skia;\n  public canvas: SkCanvas;\n\n  constructor(Skia: Skia, canvas: SkCanvas) {\n    this.Skia = Skia;\n    this.canvas = canvas;\n    this.paints = [Skia.Paint()];\n    this.declCtx = new DeclarationContext(this.Skia);\n  }\n\n  save() {\n    this.paints.push(this.paint.copy());\n  }\n\n  restore() {\n    this.paints.pop();\n  }\n\n  get paint() {\n    const paint = this.paints[this.paints.length - 1];\n    if (!paint) {\n      throw new Error(\"Paint is undefined\");\n    }\n    return paint;\n  }\n\n  getLocalPaints() {\n    const { paint } = this;\n    return [paint, ...this.declCtx.paints.popAll()];\n  }\n\n  processPaint({\n    opacity,\n    color,\n    strokeWidth,\n    blendMode,\n    style,\n    strokeJoin,\n    strokeCap,\n    strokeMiter,\n    antiAlias,\n    dither,\n    paint: paintProp,\n  }: DrawingNodeProps) {\n    if (paintProp) {\n      this.declCtx.paints.push(paintProp);\n      return true;\n    }\n    let shouldRestore = false;\n    const colorFilter = this.declCtx.colorFilters.popAllAsOne();\n    const imageFilter = this.declCtx.imageFilters.popAllAsOne();\n    const shader = this.declCtx.shaders.pop();\n    const maskFilter = this.declCtx.maskFilters.pop();\n    const pathEffect = this.declCtx.pathEffects.popAllAsOne();\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      colorFilter !== undefined ||\n      imageFilter !== undefined ||\n      shader !== undefined ||\n      maskFilter !== undefined ||\n      pathEffect !== undefined\n    ) {\n      if (!shouldRestore) {\n        this.save();\n        shouldRestore = true;\n      }\n    }\n    const { paint } = this;\n    if (opacity !== undefined) {\n      paint.setAlphaf(paint.getAlphaf() * opacity);\n    }\n    if (color !== undefined) {\n      const currentOpacity = paint.getAlphaf();\n      paint.setShader(null);\n      if (typeof color === \"string\" || typeof color === \"number\") {\n        paint.setColor(this.Skia.Color(color));\n      } else if (Array.isArray(color)) {\n        paint.setColor(new Float32Array(color));\n      } else if (color instanceof Float32Array) {\n        paint.setColor(color);\n      } else {\n        throw new Error(\"Invalid color\");\n      }\n      paint.setAlphaf(currentOpacity * paint.getAlphaf());\n    }\n    if (strokeWidth !== undefined) {\n      paint.setStrokeWidth(strokeWidth);\n    }\n    if (blendMode !== undefined) {\n      paint.setBlendMode(BlendMode[enumKey(blendMode)]);\n    }\n    if (style !== undefined) {\n      paint.setStyle(PaintStyle[enumKey(style)]);\n    }\n    if (strokeJoin !== undefined) {\n      paint.setStrokeJoin(StrokeJoin[enumKey(strokeJoin)]);\n    }\n    if (strokeCap !== undefined) {\n      paint.setStrokeCap(StrokeCap[enumKey(strokeCap)]);\n    }\n    if (strokeMiter !== undefined) {\n      paint.setStrokeMiter(strokeMiter);\n    }\n    if (antiAlias !== undefined) {\n      paint.setAntiAlias(antiAlias);\n    }\n    if (dither !== undefined) {\n      paint.setDither(dither);\n    }\n    if (colorFilter) {\n      paint.setColorFilter(colorFilter);\n    }\n    if (imageFilter) {\n      paint.setImageFilter(imageFilter);\n    }\n    if (shader) {\n      paint.setShader(shader);\n    }\n    if (maskFilter) {\n      paint.setMaskFilter(maskFilter);\n    }\n    if (pathEffect) {\n      paint.setPathEffect(pathEffect);\n    }\n    return shouldRestore;\n  }\n\n  processMatrixAndClipping(props: GroupProps, layer?: boolean | SkPaint) {\n    const hasTransform =\n      props.matrix !== undefined || props.transform !== undefined;\n    const clip = computeClip(this.Skia, props.clip);\n    const hasClip = clip !== undefined;\n    const op = props.invertClip ? ClipOp.Difference : ClipOp.Intersect;\n    const m3 = processTransformProps2(this.Skia, props);\n    const shouldSave = hasTransform || hasClip || !!layer;\n    if (shouldSave) {\n      if (layer) {\n        if (typeof layer === \"boolean\") {\n          this.canvas.saveLayer();\n        } else {\n          this.canvas.saveLayer(layer);\n        }\n      } else {\n        this.canvas.save();\n      }\n    }\n\n    if (m3) {\n      this.canvas.concat(m3);\n    }\n    if (clip) {\n      if (\"clipRect\" in clip) {\n        this.canvas.clipRect(clip.clipRect, op, true);\n      } else if (\"clipRRect\" in clip) {\n        this.canvas.clipRRect(clip.clipRRect, op, true);\n      } else {\n        this.canvas.clipPath(clip.clipPath, op, true);\n      }\n    }\n    return shouldSave;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["enumKey","isPathDef","processPath","processTransformProps2","BlendMode","ClipOp","isRRect","PaintStyle","StrokeCap","StrokeJoin","computeClip","Skia","clip","clipPath","clipRRect","clipRect","undefined","processColor","color","Color","Array","isArray","Float32Array","Error","createDrawingContext","canvas","state","paints","Paint","getPaint","length","processPaint","opacity","strokeWidth","blendMode","style","strokeJoin","strokeCap","strokeMiter","antiAlias","dither","paint","paintProp","declCtx","push","shouldRestore","colorFilter","colorFilters","popAllAsOne","imageFilter","imageFilters","shader","shaders","pop","maskFilter","maskFilters","pathEffect","pathEffects","copy","setAlphaf","getAlphaf","currentOpacity","setShader","setColor","setStrokeWidth","setBlendMode","setStyle","setStrokeJoin","setStrokeCap","setStrokeMiter","setAntiAlias","setDither","setColorFilter","setImageFilter","setMaskFilter","setPathEffect","processMatrixAndClipping","props","layer","hasTransform","matrix","transform","hasClip","op","invertClip","Difference","Intersect","m3","shouldSave","saveLayer","save","concat","restore"],"sources":["DrawingContext.ts"],"sourcesContent":["import {\n  enumKey,\n  isPathDef,\n  processPath,\n  processTransformProps2,\n} from \"../dom/nodes\";\nimport type { ClipDef, DrawingNodeProps, GroupProps } from \"../dom/types\";\nimport {\n  BlendMode,\n  ClipOp,\n  isRRect,\n  PaintStyle,\n  StrokeCap,\n  StrokeJoin,\n} from \"../skia/types\";\nimport type {\n  SkPath,\n  SkRect,\n  SkRRect,\n  SkCanvas,\n  Skia,\n  SkPaint,\n} from \"../skia/types\";\n\nimport type { DeclarationContext } from \"./DeclarationContext\";\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\nconst processColor = (\n  Skia: Skia,\n  color: number | string | Float32Array | number[]\n) => {\n  \"worklet\";\n  if (typeof color === \"string\" || typeof color === \"number\") {\n    return Skia.Color(color);\n  } else if (Array.isArray(color) || color instanceof Float32Array) {\n    return color instanceof Float32Array ? color : new Float32Array(color);\n  } else {\n    throw new Error(\n      `Invalid color type: ${typeof color}. Expected number, string, or array.`\n    );\n  }\n};\n\nexport const createDrawingContext = (Skia: Skia, canvas: SkCanvas) => {\n  \"worklet\";\n  const state = {\n    paints: [Skia.Paint()],\n  };\n\n  const getPaint = () => {\n    return state.paints[state.paints.length - 1];\n  };\n\n  const processPaint = (\n    {\n      opacity,\n      color,\n      strokeWidth,\n      blendMode,\n      style,\n      strokeJoin,\n      strokeCap,\n      strokeMiter,\n      antiAlias,\n      dither,\n      paint: paintProp,\n    }: DrawingNodeProps,\n    declCtx: DeclarationContext\n  ) => {\n    if (paintProp) {\n      declCtx.paints.push(paintProp);\n      return true;\n    }\n    let shouldRestore = false;\n    const colorFilter = declCtx.colorFilters.popAllAsOne();\n    const imageFilter = declCtx.imageFilters.popAllAsOne();\n    const shader = declCtx.shaders.pop();\n    const maskFilter = declCtx.maskFilters.pop();\n    const pathEffect = declCtx.pathEffects.popAllAsOne();\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      colorFilter !== undefined ||\n      imageFilter !== undefined ||\n      shader !== undefined ||\n      maskFilter !== undefined ||\n      pathEffect !== undefined\n    ) {\n      if (!shouldRestore) {\n        state.paints.push(getPaint().copy());\n        shouldRestore = true;\n      }\n    }\n\n    const paint = getPaint();\n    if (opacity !== undefined) {\n      paint.setAlphaf(paint.getAlphaf() * opacity);\n    }\n    if (color !== undefined) {\n      const currentOpacity = paint.getAlphaf();\n      paint.setShader(null);\n      paint.setColor(processColor(Skia, color));\n      paint.setAlphaf(currentOpacity * paint.getAlphaf());\n    }\n    if (strokeWidth !== undefined) {\n      paint.setStrokeWidth(strokeWidth);\n    }\n    if (blendMode !== undefined) {\n      paint.setBlendMode(BlendMode[enumKey(blendMode)]);\n    }\n    if (style !== undefined) {\n      paint.setStyle(PaintStyle[enumKey(style)]);\n    }\n    if (strokeJoin !== undefined) {\n      paint.setStrokeJoin(StrokeJoin[enumKey(strokeJoin)]);\n    }\n    if (strokeCap !== undefined) {\n      paint.setStrokeCap(StrokeCap[enumKey(strokeCap)]);\n    }\n    if (strokeMiter !== undefined) {\n      paint.setStrokeMiter(strokeMiter);\n    }\n    if (antiAlias !== undefined) {\n      paint.setAntiAlias(antiAlias);\n    }\n    if (dither !== undefined) {\n      paint.setDither(dither);\n    }\n    if (colorFilter) {\n      paint.setColorFilter(colorFilter);\n    }\n    if (imageFilter) {\n      paint.setImageFilter(imageFilter);\n    }\n    if (shader) {\n      paint.setShader(shader);\n    }\n    if (maskFilter) {\n      paint.setMaskFilter(maskFilter);\n    }\n    if (pathEffect) {\n      paint.setPathEffect(pathEffect);\n    }\n    return shouldRestore;\n  };\n\n  const processMatrixAndClipping = (\n    props: GroupProps,\n    layer?: boolean | SkPaint\n  ) => {\n    const hasTransform =\n      props.matrix !== undefined || props.transform !== undefined;\n    const clip = computeClip(Skia, props.clip);\n    const hasClip = clip !== undefined;\n    const op = props.invertClip ? ClipOp.Difference : ClipOp.Intersect;\n    const m3 = processTransformProps2(Skia, props);\n    const shouldSave = hasTransform || hasClip || !!layer;\n\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\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    return shouldSave;\n  };\n\n  return {\n    Skia,\n    canvas,\n    save: () => state.paints.push(getPaint().copy()),\n    restore: () => state.paints.pop(),\n    getPaint,\n    processPaint,\n    processMatrixAndClipping,\n  };\n};\n\nexport type DrawingContext = ReturnType<typeof createDrawingContext>;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/sksg/Reconciler.d.ts

@@ -2,6 +2,7 @@ import type { ReactNode } from "react";
 import type { SkCanvas, Skia } from "../skia/types";
 import { NodeType } from "../dom/types";
 export declare class SkiaSGRoot {
+    Skia: Skia;
     private root;
     private container;
     constructor(Skia: Skia, nativeId?: number);
@@ -13,5 +14,6 @@ export declare class SkiaSGRoot {
     };
     render(element: ReactNode): void;
     drawOnCanvas(canvas: SkCanvas): void;
+    getPicture(): import("../skia/types").SkPicture;
     unmount(): void;
 }

package/lib/module/sksg/Reconciler.js

@@ -13,6 +13,7 @@ skiaReconciler.injectIntoDevTools({
 });
 export class SkiaSGRoot {
   constructor(Skia, nativeId = -1) {
+    this.Skia = Skia;
     _defineProperty(this, "root", void 0);
     _defineProperty(this, "container", void 0);
     this.container = new Container(Skia, nativeId);
@@ -36,6 +37,12 @@ export class SkiaSGRoot {
   drawOnCanvas(canvas) {
     this.container.drawOnCanvas(canvas);
   }
+  getPicture() {
+    const recorder = this.Skia.PictureRecorder();
+    const canvas = recorder.beginRecording();
+    this.drawOnCanvas(canvas);
+    return recorder.finishRecordingAsPicture();
+  }
   unmount() {
     this.container.unmounted = true;
     skiaReconciler.updateContainer(null, this.root, null, () => {

package/lib/module/sksg/Reconciler.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReactReconciler","NodeType","debug","sksgHostConfig","Container","skiaReconciler","injectIntoDevTools","bundleType","version","rendererPackageName","SkiaSGRoot","constructor","Skia","nativeId","_defineProperty","container","root","createContainer","console","error","sg","children","type","Group","props","isDeclaration","render","element","updateContainer","drawOnCanvas","canvas","unmount","unmounted"],"sources":["Reconciler.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { OpaqueRoot } from \"react-reconciler\";\nimport ReactReconciler from \"react-reconciler\";\n\nimport type { SkCanvas, Skia } from \"../skia/types\";\nimport { NodeType } from \"../dom/types\";\n\nimport { debug, sksgHostConfig } from \"./HostConfig\";\nimport { Container } from \"./Container\";\n\nconst skiaReconciler = ReactReconciler(sksgHostConfig);\n\nskiaReconciler.injectIntoDevTools({\n  bundleType: 1,\n  version: \"0.0.1\",\n  rendererPackageName: \"react-native-skia\",\n});\n\nexport class SkiaSGRoot {\n  private root: OpaqueRoot;\n  private container: Container;\n\n  constructor(Skia: Skia, nativeId = -1) {\n    this.container = new Container(Skia, nativeId);\n    this.root = skiaReconciler.createContainer(\n      this.container,\n      0,\n      null,\n      true,\n      null,\n      \"\",\n      console.error,\n      null\n    );\n  }\n\n  get sg() {\n    const children = this.container.root;\n    return { type: NodeType.Group, props: {}, children, isDeclaration: false };\n  }\n\n  render(element: ReactNode) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    skiaReconciler.updateContainer(element as any, this.root, null, () => {\n      debug(\"updateContainer\");\n    });\n  }\n\n  drawOnCanvas(canvas: SkCanvas) {\n    this.container.drawOnCanvas(canvas);\n  }\n\n  unmount() {\n    this.container.unmounted = true;\n    skiaReconciler.updateContainer(null, this.root, null, () => {\n      debug(\"unmountContainer\");\n    });\n  }\n}\n"],"mappings":";;;AAEA,OAAOA,eAAe,MAAM,kBAAkB;AAG9C,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAASC,KAAK,EAAEC,cAAc,QAAQ,cAAc;AACpD,SAASC,SAAS,QAAQ,aAAa;AAEvC,MAAMC,cAAc,GAAGL,eAAe,CAACG,cAAc,CAAC;AAEtDE,cAAc,CAACC,kBAAkB,CAAC;EAChCC,UAAU,EAAE,CAAC;EACbC,OAAO,EAAE,OAAO;EAChBC,mBAAmB,EAAE;AACvB,CAAC,CAAC;AAEF,OAAO,MAAMC,UAAU,CAAC;EAItBC,WAAWA,CAACC,IAAU,EAAEC,QAAQ,GAAG,CAAC,CAAC,EAAE;IAAAC,eAAA;IAAAA,eAAA;IACrC,IAAI,CAACC,SAAS,GAAG,IAAIX,SAAS,CAACQ,IAAI,EAAEC,QAAQ,CAAC;IAC9C,IAAI,CAACG,IAAI,GAAGX,cAAc,CAACY,eAAe,CACxC,IAAI,CAACF,SAAS,EACd,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,EAAE,EACFG,OAAO,CAACC,KAAK,EACb,IACF,CAAC;EACH;EAEA,IAAIC,EAAEA,CAAA,EAAG;IACP,MAAMC,QAAQ,GAAG,IAAI,CAACN,SAAS,CAACC,IAAI;IACpC,OAAO;MAAEM,IAAI,EAAErB,QAAQ,CAACsB,KAAK;MAAEC,KAAK,EAAE,CAAC,CAAC;MAAEH,QAAQ;MAAEI,aAAa,EAAE;IAAM,CAAC;EAC5E;EAEAC,MAAMA,CAACC,OAAkB,EAAE;IACzB;IACAtB,cAAc,CAACuB,eAAe,CAACD,OAAO,EAAS,IAAI,CAACX,IAAI,EAAE,IAAI,EAAE,MAAM;MACpEd,KAAK,CAAC,iBAAiB,CAAC;IAC1B,CAAC,CAAC;EACJ;EAEA2B,YAAYA,CAACC,MAAgB,EAAE;IAC7B,IAAI,CAACf,SAAS,CAACc,YAAY,CAACC,MAAM,CAAC;EACrC;EAEAC,OAAOA,CAAA,EAAG;IACR,IAAI,CAAChB,SAAS,CAACiB,SAAS,GAAG,IAAI;IAC/B3B,cAAc,CAACuB,eAAe,CAAC,IAAI,EAAE,IAAI,CAACZ,IAAI,EAAE,IAAI,EAAE,MAAM;MAC1Dd,KAAK,CAAC,kBAAkB,CAAC;IAC3B,CAAC,CAAC;EACJ;AACF","ignoreList":[]}
+{"version":3,"names":["ReactReconciler","NodeType","debug","sksgHostConfig","Container","skiaReconciler","injectIntoDevTools","bundleType","version","rendererPackageName","SkiaSGRoot","constructor","Skia","nativeId","_defineProperty","container","root","createContainer","console","error","sg","children","type","Group","props","isDeclaration","render","element","updateContainer","drawOnCanvas","canvas","getPicture","recorder","PictureRecorder","beginRecording","finishRecordingAsPicture","unmount","unmounted"],"sources":["Reconciler.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { OpaqueRoot } from \"react-reconciler\";\nimport ReactReconciler from \"react-reconciler\";\n\nimport type { SkCanvas, Skia } from \"../skia/types\";\nimport { NodeType } from \"../dom/types\";\n\nimport { debug, sksgHostConfig } from \"./HostConfig\";\nimport { Container } from \"./Container\";\n\nconst skiaReconciler = ReactReconciler(sksgHostConfig);\n\nskiaReconciler.injectIntoDevTools({\n  bundleType: 1,\n  version: \"0.0.1\",\n  rendererPackageName: \"react-native-skia\",\n});\n\nexport class SkiaSGRoot {\n  private root: OpaqueRoot;\n  private container: Container;\n\n  constructor(public Skia: Skia, nativeId = -1) {\n    this.container = new Container(Skia, nativeId);\n    this.root = skiaReconciler.createContainer(\n      this.container,\n      0,\n      null,\n      true,\n      null,\n      \"\",\n      console.error,\n      null\n    );\n  }\n\n  get sg() {\n    const children = this.container.root;\n    return { type: NodeType.Group, props: {}, children, isDeclaration: false };\n  }\n\n  render(element: ReactNode) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    skiaReconciler.updateContainer(element as any, this.root, null, () => {\n      debug(\"updateContainer\");\n    });\n  }\n\n  drawOnCanvas(canvas: SkCanvas) {\n    this.container.drawOnCanvas(canvas);\n  }\n\n  getPicture() {\n    const recorder = this.Skia.PictureRecorder();\n    const canvas = recorder.beginRecording();\n    this.drawOnCanvas(canvas);\n    return recorder.finishRecordingAsPicture();\n  }\n\n  unmount() {\n    this.container.unmounted = true;\n    skiaReconciler.updateContainer(null, this.root, null, () => {\n      debug(\"unmountContainer\");\n    });\n  }\n}\n"],"mappings":";;;AAEA,OAAOA,eAAe,MAAM,kBAAkB;AAG9C,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAASC,KAAK,EAAEC,cAAc,QAAQ,cAAc;AACpD,SAASC,SAAS,QAAQ,aAAa;AAEvC,MAAMC,cAAc,GAAGL,eAAe,CAACG,cAAc,CAAC;AAEtDE,cAAc,CAACC,kBAAkB,CAAC;EAChCC,UAAU,EAAE,CAAC;EACbC,OAAO,EAAE,OAAO;EAChBC,mBAAmB,EAAE;AACvB,CAAC,CAAC;AAEF,OAAO,MAAMC,UAAU,CAAC;EAItBC,WAAWA,CAAQC,IAAU,EAAEC,QAAQ,GAAG,CAAC,CAAC,EAAE;IAAA,KAA3BD,IAAU,GAAVA,IAAU;IAAAE,eAAA;IAAAA,eAAA;IAC3B,IAAI,CAACC,SAAS,GAAG,IAAIX,SAAS,CAACQ,IAAI,EAAEC,QAAQ,CAAC;IAC9C,IAAI,CAACG,IAAI,GAAGX,cAAc,CAACY,eAAe,CACxC,IAAI,CAACF,SAAS,EACd,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,EAAE,EACFG,OAAO,CAACC,KAAK,EACb,IACF,CAAC;EACH;EAEA,IAAIC,EAAEA,CAAA,EAAG;IACP,MAAMC,QAAQ,GAAG,IAAI,CAACN,SAAS,CAACC,IAAI;IACpC,OAAO;MAAEM,IAAI,EAAErB,QAAQ,CAACsB,KAAK;MAAEC,KAAK,EAAE,CAAC,CAAC;MAAEH,QAAQ;MAAEI,aAAa,EAAE;IAAM,CAAC;EAC5E;EAEAC,MAAMA,CAACC,OAAkB,EAAE;IACzB;IACAtB,cAAc,CAACuB,eAAe,CAACD,OAAO,EAAS,IAAI,CAACX,IAAI,EAAE,IAAI,EAAE,MAAM;MACpEd,KAAK,CAAC,iBAAiB,CAAC;IAC1B,CAAC,CAAC;EACJ;EAEA2B,YAAYA,CAACC,MAAgB,EAAE;IAC7B,IAAI,CAACf,SAAS,CAACc,YAAY,CAACC,MAAM,CAAC;EACrC;EAEAC,UAAUA,CAAA,EAAG;IACX,MAAMC,QAAQ,GAAG,IAAI,CAACpB,IAAI,CAACqB,eAAe,CAAC,CAAC;IAC5C,MAAMH,MAAM,GAAGE,QAAQ,CAACE,cAAc,CAAC,CAAC;IACxC,IAAI,CAACL,YAAY,CAACC,MAAM,CAAC;IACzB,OAAOE,QAAQ,CAACG,wBAAwB,CAAC,CAAC;EAC5C;EAEAC,OAAOA,CAAA,EAAG;IACR,IAAI,CAACrB,SAAS,CAACsB,SAAS,GAAG,IAAI;IAC/BhC,cAAc,CAACuB,eAAe,CAAC,IAAI,EAAE,IAAI,CAACZ,IAAI,EAAE,IAAI,EAAE,MAAM;MAC1Dd,KAAK,CAAC,kBAAkB,CAAC;IAC3B,CAAC,CAAC;EACJ;AACF","ignoreList":[]}

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

@@ -1,7 +1,10 @@
-import type { BlendColorFilterProps, DeclarationContext, LerpColorFilterProps, MatrixColorFilterProps } from "../../dom/types";
-export declare const makeBlendColorFilter: (ctx: DeclarationContext, props: BlendColorFilterProps) => import("../../skia/types").SkColorFilter;
-export declare const makeSRGBToLinearGammaColorFilter: (ctx: DeclarationContext) => import("../../skia/types").SkColorFilter;
-export declare const makeLinearToSRGBGammaColorFilter: (ctx: DeclarationContext) => import("../../skia/types").SkColorFilter;
+import type { BlendColorFilterProps, LerpColorFilterProps, MatrixColorFilterProps } from "../../dom/types";
+import type { SkColorFilter } from "../../skia/types";
+import type { DeclarationContext } from "../DeclarationContext";
+export declare const composeColorFilters: (ctx: DeclarationContext, cf: SkColorFilter, processChildren: () => void) => void;
+export declare const makeBlendColorFilter: (ctx: DeclarationContext, props: BlendColorFilterProps) => SkColorFilter;
+export declare const makeSRGBToLinearGammaColorFilter: (ctx: DeclarationContext) => SkColorFilter;
+export declare const makeLinearToSRGBGammaColorFilter: (ctx: DeclarationContext) => SkColorFilter;
 export declare const declareLerpColorFilter: (ctx: DeclarationContext, props: LerpColorFilterProps) => void;
-export declare const makeMatrixColorFilter: (ctx: DeclarationContext, props: MatrixColorFilterProps) => import("../../skia/types").SkColorFilter;
-export declare const makeLumaColorFilter: (ctx: DeclarationContext) => import("../../skia/types").SkColorFilter;
+export declare const makeMatrixColorFilter: (ctx: DeclarationContext, props: MatrixColorFilterProps) => SkColorFilter;
+export declare const makeLumaColorFilter: (ctx: DeclarationContext) => SkColorFilter;

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

@@ -1,8 +1,20 @@
-"worklet";
-
 import { enumKey } from "../../dom/nodes";
 import { BlendMode } from "../../skia/types";
+export const composeColorFilters = (ctx, cf, processChildren) => {
+  "worklet";
+
+  const {
+    Skia
+  } = ctx;
+  ctx.colorFilters.save();
+  processChildren();
+  const cf1 = ctx.colorFilters.popAllAsOne();
+  ctx.colorFilters.restore();
+  ctx.colorFilters.push(cf1 ? Skia.ColorFilter.MakeCompose(cf, cf1) : cf);
+};
 export const makeBlendColorFilter = (ctx, props) => {
+  "worklet";
+
   const {
     mode
   } = props;
@@ -11,14 +23,20 @@ export const makeBlendColorFilter = (ctx, props) => {
   return cf;
 };
 export const makeSRGBToLinearGammaColorFilter = ctx => {
+  "worklet";
+
   const cf = ctx.Skia.ColorFilter.MakeSRGBToLinearGamma();
   return cf;
 };
 export const makeLinearToSRGBGammaColorFilter = ctx => {
+  "worklet";
+
   const cf = ctx.Skia.ColorFilter.MakeLinearToSRGBGamma();
   return cf;
 };
 export const declareLerpColorFilter = (ctx, props) => {
+  "worklet";
+
   const {
     t
   } = props;
@@ -31,6 +49,8 @@ export const declareLerpColorFilter = (ctx, props) => {
   ctx.colorFilters.push(cf);
 };
 export const makeMatrixColorFilter = (ctx, props) => {
+  "worklet";
+
   const {
     matrix
   } = props;
@@ -38,6 +58,8 @@ export const makeMatrixColorFilter = (ctx, props) => {
   return cf;
 };
 export const makeLumaColorFilter = ctx => {
+  "worklet";
+
   const cf = ctx.Skia.ColorFilter.MakeLumaColorFilter();
   return cf;
 };

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

@@ -1 +1 @@
-{"version":3,"names":["enumKey","BlendMode","makeBlendColorFilter","ctx","props","mode","color","Skia","Color","cf","ColorFilter","MakeBlend","makeSRGBToLinearGammaColorFilter","MakeSRGBToLinearGamma","makeLinearToSRGBGammaColorFilter","MakeLinearToSRGBGamma","declareLerpColorFilter","t","second","colorFilters","pop","first","Error","MakeLerp","push","makeMatrixColorFilter","matrix","MakeMatrix","makeLumaColorFilter","MakeLumaColorFilter"],"sources":["colorFilters.ts"],"sourcesContent":["\"worklet\";\n\nimport { enumKey } from \"../../dom/nodes\";\nimport type {\n  BlendColorFilterProps,\n  DeclarationContext,\n  LerpColorFilterProps,\n  MatrixColorFilterProps,\n} from \"../../dom/types\";\nimport { BlendMode } from \"../../skia/types\";\n\nexport const makeBlendColorFilter = (\n  ctx: DeclarationContext,\n  props: BlendColorFilterProps\n) => {\n  const { mode } = props;\n  const color = ctx.Skia.Color(props.color);\n  const cf = ctx.Skia.ColorFilter.MakeBlend(color, BlendMode[enumKey(mode)]);\n  return cf;\n};\n\nexport const makeSRGBToLinearGammaColorFilter = (ctx: DeclarationContext) => {\n  const cf = ctx.Skia.ColorFilter.MakeSRGBToLinearGamma();\n  return cf;\n};\n\nexport const makeLinearToSRGBGammaColorFilter = (ctx: DeclarationContext) => {\n  const cf = ctx.Skia.ColorFilter.MakeLinearToSRGBGamma();\n  return cf;\n};\n\nexport const declareLerpColorFilter = (\n  ctx: DeclarationContext,\n  props: LerpColorFilterProps\n) => {\n  const { t } = props;\n  const second = ctx.colorFilters.pop();\n  const first = ctx.colorFilters.pop();\n  if (!first || !second) {\n    throw new Error(\n      \"LerpColorFilterNode: missing two color filters as children\"\n    );\n  }\n  const cf = ctx.Skia.ColorFilter.MakeLerp(t, first, second);\n  ctx.colorFilters.push(cf);\n};\n\nexport const makeMatrixColorFilter = (\n  ctx: DeclarationContext,\n  props: MatrixColorFilterProps\n) => {\n  const { matrix } = props;\n  const cf = ctx.Skia.ColorFilter.MakeMatrix(matrix);\n  return cf;\n};\n\nexport const makeLumaColorFilter = (ctx: DeclarationContext) => {\n  const cf = ctx.Skia.ColorFilter.MakeLumaColorFilter();\n  return cf;\n};\n"],"mappings":"AAAA,SAAS;;AAET,SAASA,OAAO,QAAQ,iBAAiB;AAOzC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,OAAO,MAAMC,oBAAoB,GAAGA,CAClCC,GAAuB,EACvBC,KAA4B,KACzB;EACH,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAME,KAAK,GAAGH,GAAG,CAACI,IAAI,CAACC,KAAK,CAACJ,KAAK,CAACE,KAAK,CAAC;EACzC,MAAMG,EAAE,GAAGN,GAAG,CAACI,IAAI,CAACG,WAAW,CAACC,SAAS,CAACL,KAAK,EAAEL,SAAS,CAACD,OAAO,CAACK,IAAI,CAAC,CAAC,CAAC;EAC1E,OAAOI,EAAE;AACX,CAAC;AAED,OAAO,MAAMG,gCAAgC,GAAIT,GAAuB,IAAK;EAC3E,MAAMM,EAAE,GAAGN,GAAG,CAACI,IAAI,CAACG,WAAW,CAACG,qBAAqB,CAAC,CAAC;EACvD,OAAOJ,EAAE;AACX,CAAC;AAED,OAAO,MAAMK,gCAAgC,GAAIX,GAAuB,IAAK;EAC3E,MAAMM,EAAE,GAAGN,GAAG,CAACI,IAAI,CAACG,WAAW,CAACK,qBAAqB,CAAC,CAAC;EACvD,OAAON,EAAE;AACX,CAAC;AAED,OAAO,MAAMO,sBAAsB,GAAGA,CACpCb,GAAuB,EACvBC,KAA2B,KACxB;EACH,MAAM;IAAEa;EAAE,CAAC,GAAGb,KAAK;EACnB,MAAMc,MAAM,GAAGf,GAAG,CAACgB,YAAY,CAACC,GAAG,CAAC,CAAC;EACrC,MAAMC,KAAK,GAAGlB,GAAG,CAACgB,YAAY,CAACC,GAAG,CAAC,CAAC;EACpC,IAAI,CAACC,KAAK,IAAI,CAACH,MAAM,EAAE;IACrB,MAAM,IAAII,KAAK,CACb,4DACF,CAAC;EACH;EACA,MAAMb,EAAE,GAAGN,GAAG,CAACI,IAAI,CAACG,WAAW,CAACa,QAAQ,CAACN,CAAC,EAAEI,KAAK,EAAEH,MAAM,CAAC;EAC1Df,GAAG,CAACgB,YAAY,CAACK,IAAI,CAACf,EAAE,CAAC;AAC3B,CAAC;AAED,OAAO,MAAMgB,qBAAqB,GAAGA,CACnCtB,GAAuB,EACvBC,KAA6B,KAC1B;EACH,MAAM;IAAEsB;EAAO,CAAC,GAAGtB,KAAK;EACxB,MAAMK,EAAE,GAAGN,GAAG,CAACI,IAAI,CAACG,WAAW,CAACiB,UAAU,CAACD,MAAM,CAAC;EAClD,OAAOjB,EAAE;AACX,CAAC;AAED,OAAO,MAAMmB,mBAAmB,GAAIzB,GAAuB,IAAK;EAC9D,MAAMM,EAAE,GAAGN,GAAG,CAACI,IAAI,CAACG,WAAW,CAACmB,mBAAmB,CAAC,CAAC;EACrD,OAAOpB,EAAE;AACX,CAAC","ignoreList":[]}
+{"version":3,"names":["enumKey","BlendMode","composeColorFilters","ctx","cf","processChildren","Skia","colorFilters","save","cf1","popAllAsOne","restore","push","ColorFilter","MakeCompose","makeBlendColorFilter","props","mode","color","Color","MakeBlend","makeSRGBToLinearGammaColorFilter","MakeSRGBToLinearGamma","makeLinearToSRGBGammaColorFilter","MakeLinearToSRGBGamma","declareLerpColorFilter","t","second","pop","first","Error","MakeLerp","makeMatrixColorFilter","matrix","MakeMatrix","makeLumaColorFilter","MakeLumaColorFilter"],"sources":["colorFilters.ts"],"sourcesContent":["import { enumKey } from \"../../dom/nodes\";\nimport type {\n  BlendColorFilterProps,\n  LerpColorFilterProps,\n  MatrixColorFilterProps,\n} from \"../../dom/types\";\nimport type { SkColorFilter } from \"../../skia/types\";\nimport { BlendMode } from \"../../skia/types\";\nimport type { DeclarationContext } from \"../DeclarationContext\";\n\nexport const composeColorFilters = (\n  ctx: DeclarationContext,\n  cf: SkColorFilter,\n  processChildren: () => void\n) => {\n  \"worklet\";\n  const { Skia } = ctx;\n  ctx.colorFilters.save();\n  processChildren();\n  const cf1 = ctx.colorFilters.popAllAsOne();\n  ctx.colorFilters.restore();\n  ctx.colorFilters.push(cf1 ? Skia.ColorFilter.MakeCompose(cf, cf1) : cf);\n};\n\nexport const makeBlendColorFilter = (\n  ctx: DeclarationContext,\n  props: BlendColorFilterProps\n) => {\n  \"worklet\";\n  const { mode } = props;\n  const color = ctx.Skia.Color(props.color);\n  const cf = ctx.Skia.ColorFilter.MakeBlend(color, BlendMode[enumKey(mode)]);\n  return cf;\n};\n\nexport const makeSRGBToLinearGammaColorFilter = (ctx: DeclarationContext) => {\n  \"worklet\";\n  const cf = ctx.Skia.ColorFilter.MakeSRGBToLinearGamma();\n  return cf;\n};\n\nexport const makeLinearToSRGBGammaColorFilter = (ctx: DeclarationContext) => {\n  \"worklet\";\n  const cf = ctx.Skia.ColorFilter.MakeLinearToSRGBGamma();\n  return cf;\n};\n\nexport const declareLerpColorFilter = (\n  ctx: DeclarationContext,\n  props: LerpColorFilterProps\n) => {\n  \"worklet\";\n  const { t } = props;\n  const second = ctx.colorFilters.pop();\n  const first = ctx.colorFilters.pop();\n  if (!first || !second) {\n    throw new Error(\n      \"LerpColorFilterNode: missing two color filters as children\"\n    );\n  }\n  const cf = ctx.Skia.ColorFilter.MakeLerp(t, first, second);\n  ctx.colorFilters.push(cf);\n};\n\nexport const makeMatrixColorFilter = (\n  ctx: DeclarationContext,\n  props: MatrixColorFilterProps\n) => {\n  \"worklet\";\n  const { matrix } = props;\n  const cf = ctx.Skia.ColorFilter.MakeMatrix(matrix);\n  return cf;\n};\n\nexport const makeLumaColorFilter = (ctx: DeclarationContext) => {\n  \"worklet\";\n  const cf = ctx.Skia.ColorFilter.MakeLumaColorFilter();\n  return cf;\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AAOzC,SAASC,SAAS,QAAQ,kBAAkB;AAG5C,OAAO,MAAMC,mBAAmB,GAAGA,CACjCC,GAAuB,EACvBC,EAAiB,EACjBC,eAA2B,KACxB;EACH,SAAS;;EACT,MAAM;IAAEC;EAAK,CAAC,GAAGH,GAAG;EACpBA,GAAG,CAACI,YAAY,CAACC,IAAI,CAAC,CAAC;EACvBH,eAAe,CAAC,CAAC;EACjB,MAAMI,GAAG,GAAGN,GAAG,CAACI,YAAY,CAACG,WAAW,CAAC,CAAC;EAC1CP,GAAG,CAACI,YAAY,CAACI,OAAO,CAAC,CAAC;EAC1BR,GAAG,CAACI,YAAY,CAACK,IAAI,CAACH,GAAG,GAAGH,IAAI,CAACO,WAAW,CAACC,WAAW,CAACV,EAAE,EAAEK,GAAG,CAAC,GAAGL,EAAE,CAAC;AACzE,CAAC;AAED,OAAO,MAAMW,oBAAoB,GAAGA,CAClCZ,GAAuB,EACvBa,KAA4B,KACzB;EACH,SAAS;;EACT,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAME,KAAK,GAAGf,GAAG,CAACG,IAAI,CAACa,KAAK,CAACH,KAAK,CAACE,KAAK,CAAC;EACzC,MAAMd,EAAE,GAAGD,GAAG,CAACG,IAAI,CAACO,WAAW,CAACO,SAAS,CAACF,KAAK,EAAEjB,SAAS,CAACD,OAAO,CAACiB,IAAI,CAAC,CAAC,CAAC;EAC1E,OAAOb,EAAE;AACX,CAAC;AAED,OAAO,MAAMiB,gCAAgC,GAAIlB,GAAuB,IAAK;EAC3E,SAAS;;EACT,MAAMC,EAAE,GAAGD,GAAG,CAACG,IAAI,CAACO,WAAW,CAACS,qBAAqB,CAAC,CAAC;EACvD,OAAOlB,EAAE;AACX,CAAC;AAED,OAAO,MAAMmB,gCAAgC,GAAIpB,GAAuB,IAAK;EAC3E,SAAS;;EACT,MAAMC,EAAE,GAAGD,GAAG,CAACG,IAAI,CAACO,WAAW,CAACW,qBAAqB,CAAC,CAAC;EACvD,OAAOpB,EAAE;AACX,CAAC;AAED,OAAO,MAAMqB,sBAAsB,GAAGA,CACpCtB,GAAuB,EACvBa,KAA2B,KACxB;EACH,SAAS;;EACT,MAAM;IAAEU;EAAE,CAAC,GAAGV,KAAK;EACnB,MAAMW,MAAM,GAAGxB,GAAG,CAACI,YAAY,CAACqB,GAAG,CAAC,CAAC;EACrC,MAAMC,KAAK,GAAG1B,GAAG,CAACI,YAAY,CAACqB,GAAG,CAAC,CAAC;EACpC,IAAI,CAACC,KAAK,IAAI,CAACF,MAAM,EAAE;IACrB,MAAM,IAAIG,KAAK,CACb,4DACF,CAAC;EACH;EACA,MAAM1B,EAAE,GAAGD,GAAG,CAACG,IAAI,CAACO,WAAW,CAACkB,QAAQ,CAACL,CAAC,EAAEG,KAAK,EAAEF,MAAM,CAAC;EAC1DxB,GAAG,CAACI,YAAY,CAACK,IAAI,CAACR,EAAE,CAAC;AAC3B,CAAC;AAED,OAAO,MAAM4B,qBAAqB,GAAGA,CACnC7B,GAAuB,EACvBa,KAA6B,KAC1B;EACH,SAAS;;EACT,MAAM;IAAEiB;EAAO,CAAC,GAAGjB,KAAK;EACxB,MAAMZ,EAAE,GAAGD,GAAG,CAACG,IAAI,CAACO,WAAW,CAACqB,UAAU,CAACD,MAAM,CAAC;EAClD,OAAO7B,EAAE;AACX,CAAC;AAED,OAAO,MAAM+B,mBAAmB,GAAIhC,GAAuB,IAAK;EAC9D,SAAS;;EACT,MAAMC,EAAE,GAAGD,GAAG,CAACG,IAAI,CAACO,WAAW,CAACuB,mBAAmB,CAAC,CAAC;EACrD,OAAOhC,EAAE;AACX,CAAC","ignoreList":[]}