@shopify/react-native-skia 1.7.7 → 1.8.0

package/lib/commonjs/sksg/DeclarationContext.d.ts

@@ -0,0 +1,56 @@
+import type { SkShader, SkPaint, SkImageFilter, SkMaskFilter, SkPathEffect, Skia, SkColorFilter } from "../skia/types";
+type Composer<T> = (outer: T, inner: T) => T;
+export declare const composeDeclarations: <T>(filters: T[], composer: Composer<T>) => T;
+export declare const createDeclarationContext: (Skia: Skia) => {
+    Skia: Skia;
+    paints: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkPaint | undefined;
+        push: (decl: SkPaint) => void;
+        popAll: () => SkPaint[];
+        popAllAsOne: () => SkPaint | undefined;
+    };
+    maskFilters: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkMaskFilter | undefined;
+        push: (decl: SkMaskFilter) => void;
+        popAll: () => SkMaskFilter[];
+        popAllAsOne: () => SkMaskFilter | undefined;
+    };
+    shaders: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkShader | undefined;
+        push: (decl: SkShader) => void;
+        popAll: () => SkShader[];
+        popAllAsOne: () => SkShader | undefined;
+    };
+    pathEffects: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkPathEffect | undefined;
+        push: (decl: SkPathEffect) => void;
+        popAll: () => SkPathEffect[];
+        popAllAsOne: () => SkPathEffect | undefined;
+    };
+    imageFilters: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkImageFilter | undefined;
+        push: (decl: SkImageFilter) => void;
+        popAll: () => SkImageFilter[];
+        popAllAsOne: () => SkImageFilter | undefined;
+    };
+    colorFilters: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkColorFilter | undefined;
+        push: (decl: SkColorFilter) => void;
+        popAll: () => SkColorFilter[];
+        popAllAsOne: () => SkColorFilter | undefined;
+    };
+};
+export type DeclarationContext = ReturnType<typeof createDeclarationContext>;
+export {};

package/lib/commonjs/sksg/DeclarationContext.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDeclarationContext = exports.composeDeclarations = void 0;
+const composeDeclarations = (filters, composer) => {
+  "worklet";
+
+  const len = filters.length;
+  if (len <= 1) {
+    return filters[0];
+  }
+  return filters.reduceRight((inner, outer) => inner ? composer(outer, inner) : outer);
+};
+exports.composeDeclarations = composeDeclarations;
+const createDeclaration = composer => {
+  "worklet";
+
+  const state = {
+    decls: [],
+    indexes: [0]
+  };
+  return {
+    save: () => {
+      state.indexes.push(state.decls.length);
+    },
+    restore: () => {
+      state.indexes.pop();
+    },
+    pop: () => state.decls.pop(),
+    push: decl => {
+      state.decls.push(decl);
+    },
+    popAll: () => {
+      const idx = state.indexes[state.indexes.length - 1];
+      return state.decls.splice(idx, state.decls.length - idx);
+    },
+    popAllAsOne: () => {
+      if (state.decls.length === 0) {
+        return undefined;
+      }
+      if (!composer) {
+        throw new Error("No composer for this type of declaration");
+      }
+      if (!state.decls.length) {
+        return undefined;
+      }
+      if (!composer) {
+        throw new Error("No composer for this type of declaration");
+      }
+      const idx = state.indexes[state.indexes.length - 1];
+      const decls = state.decls.splice(idx, state.decls.length - idx);
+      return composeDeclarations(decls, composer);
+    }
+  };
+};
+const createDeclarationContext = Skia => {
+  "worklet";
+
+  const composers = {
+    pathEffect: Skia.PathEffect.MakeCompose.bind(Skia.PathEffect),
+    imageFilter: Skia.ImageFilter.MakeCompose.bind(Skia.ImageFilter),
+    colorFilter: Skia.ColorFilter.MakeCompose.bind(Skia.ColorFilter)
+  };
+  return {
+    Skia,
+    paints: createDeclaration(),
+    maskFilters: createDeclaration(),
+    shaders: createDeclaration(),
+    pathEffects: createDeclaration(composers.pathEffect),
+    imageFilters: createDeclaration(composers.imageFilter),
+    colorFilters: createDeclaration(composers.colorFilter)
+  };
+};
+exports.createDeclarationContext = createDeclarationContext;
+//# sourceMappingURL=DeclarationContext.js.map

package/lib/commonjs/sksg/DeclarationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["composeDeclarations","filters","composer","len","length","reduceRight","inner","outer","exports","createDeclaration","state","decls","indexes","save","push","restore","pop","decl","popAll","idx","splice","popAllAsOne","undefined","Error","createDeclarationContext","Skia","composers","pathEffect","PathEffect","MakeCompose","bind","imageFilter","ImageFilter","colorFilter","ColorFilter","paints","maskFilters","shaders","pathEffects","imageFilters","colorFilters"],"sources":["DeclarationContext.ts"],"sourcesContent":["import type {\n  SkShader,\n  SkPaint,\n  SkImageFilter,\n  SkMaskFilter,\n  SkPathEffect,\n  Skia,\n  SkColorFilter,\n} from \"../skia/types\";\n\ntype Composer<T> = (outer: T, inner: T) => T;\n\nexport const composeDeclarations = <T>(filters: T[], composer: Composer<T>) => {\n  \"worklet\";\n  const len = filters.length;\n  if (len <= 1) {\n    return filters[0];\n  }\n  return filters.reduceRight((inner, outer) =>\n    inner ? composer(outer, inner) : outer\n  );\n};\n\nconst createDeclaration = <T>(composer?: Composer<T>) => {\n  \"worklet\";\n  const state = {\n    decls: [] as T[],\n    indexes: [0],\n  };\n\n  return {\n    save: () => {\n      state.indexes.push(state.decls.length);\n    },\n    restore: () => {\n      state.indexes.pop();\n    },\n    pop: () => state.decls.pop(),\n    push: (decl: T) => {\n      state.decls.push(decl);\n    },\n    popAll: () => {\n      const idx = state.indexes[state.indexes.length - 1];\n      return state.decls.splice(idx, state.decls.length - idx);\n    },\n    popAllAsOne: () => {\n      if (state.decls.length === 0) {\n        return undefined;\n      }\n      if (!composer) {\n        throw new Error(\"No composer for this type of declaration\");\n      }\n      if (!state.decls.length) {\n        return undefined;\n      }\n      if (!composer) {\n        throw new Error(\"No composer for this type of declaration\");\n      }\n\n      const idx = state.indexes[state.indexes.length - 1];\n      const decls = state.decls.splice(idx, state.decls.length - idx);\n      return composeDeclarations(decls, composer);\n    },\n  };\n};\n\nexport const createDeclarationContext = (Skia: Skia) => {\n  \"worklet\";\n  const composers = {\n    pathEffect: Skia.PathEffect.MakeCompose.bind(Skia.PathEffect),\n    imageFilter: Skia.ImageFilter.MakeCompose.bind(Skia.ImageFilter),\n    colorFilter: Skia.ColorFilter.MakeCompose.bind(Skia.ColorFilter),\n  };\n  return {\n    Skia,\n    paints: createDeclaration<SkPaint>(),\n    maskFilters: createDeclaration<SkMaskFilter>(),\n    shaders: createDeclaration<SkShader>(),\n    pathEffects: createDeclaration<SkPathEffect>(composers.pathEffect),\n    imageFilters: createDeclaration<SkImageFilter>(composers.imageFilter),\n    colorFilters: createDeclaration<SkColorFilter>(composers.colorFilter),\n  };\n};\n\nexport type DeclarationContext = ReturnType<typeof createDeclarationContext>;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/sksg/DrawingContext.d.ts

@@ -1,16 +1,13 @@
 import type { DrawingNodeProps, GroupProps } from "../dom/types";
-import { DeclarationContext } from "../dom/types";
 import type { SkCanvas, Skia, SkPaint } from "../skia/types";
-export declare class DrawingContext {
-    private paints;
-    declCtx: DeclarationContext;
+import type { DeclarationContext } from "./DeclarationContext";
+export declare const createDrawingContext: (Skia: Skia, canvas: SkCanvas) => {
     Skia: Skia;
     canvas: SkCanvas;
-    constructor(Skia: Skia, canvas: SkCanvas);
-    save(): void;
-    restore(): void;
-    get paint(): SkPaint;
-    getLocalPaints(): SkPaint[];
-    processPaint({ opacity, color, strokeWidth, blendMode, style, strokeJoin, strokeCap, strokeMiter, antiAlias, dither, paint: paintProp, }: DrawingNodeProps): boolean;
-    processMatrixAndClipping(props: GroupProps, layer?: boolean | SkPaint): boolean;
-}
+    save: () => number;
+    restore: () => SkPaint | undefined;
+    getPaint: () => SkPaint;
+    processPaint: ({ opacity, color, strokeWidth, blendMode, style, strokeJoin, strokeCap, strokeMiter, antiAlias, dither, paint: paintProp, }: DrawingNodeProps, declCtx: DeclarationContext) => boolean;
+    processMatrixAndClipping: (props: GroupProps, layer?: boolean | SkPaint) => boolean;
+};
+export type DrawingContext = ReturnType<typeof createDrawingContext>;

package/lib/commonjs/sksg/DrawingContext.js

@@ -1,23 +1,20 @@
 "use strict";
-"worklet";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DrawingContext = void 0;
+exports.createDrawingContext = void 0;
 var _nodes = require("../dom/nodes");
-var _types = require("../dom/types");
-var _types2 = require("../skia/types");
-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); }
+var _types = require("../skia/types");
 const computeClip = (Skia, clip) => {
+  "worklet";
+
   if (clip) {
     if ((0, _nodes.isPathDef)(clip)) {
       return {
         clipPath: (0, _nodes.processPath)(Skia, clip)
       };
-    } else if ((0, _types2.isRRect)(clip)) {
+    } else if ((0, _types.isRRect)(clip)) {
       return {
         clipRRect: clip
       };
@@ -29,37 +26,27 @@ const computeClip = (Skia, clip) => {
   }
   return undefined;
 };
-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 _types.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({
+};
+const createDrawingContext = (Skia, canvas) => {
+  "worklet";
+
+  const state = {
+    paints: [Skia.Paint()]
+  };
+  const getPaint = () => {
+    return state.paints[state.paints.length - 1];
+  };
+  const processPaint = ({
     opacity,
     color,
     strokeWidth,
@@ -71,57 +58,47 @@ 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) {
       paint.setStrokeWidth(strokeWidth);
     }
     if (blendMode !== undefined) {
-      paint.setBlendMode(_types2.BlendMode[(0, _nodes.enumKey)(blendMode)]);
+      paint.setBlendMode(_types.BlendMode[(0, _nodes.enumKey)(blendMode)]);
     }
     if (style !== undefined) {
-      paint.setStyle(_types2.PaintStyle[(0, _nodes.enumKey)(style)]);
+      paint.setStyle(_types.PaintStyle[(0, _nodes.enumKey)(style)]);
     }
     if (strokeJoin !== undefined) {
-      paint.setStrokeJoin(_types2.StrokeJoin[(0, _nodes.enumKey)(strokeJoin)]);
+      paint.setStrokeJoin(_types.StrokeJoin[(0, _nodes.enumKey)(strokeJoin)]);
     }
     if (strokeCap !== undefined) {
-      paint.setStrokeCap(_types2.StrokeCap[(0, _nodes.enumKey)(strokeCap)]);
+      paint.setStrokeCap(_types.StrokeCap[(0, _nodes.enumKey)(strokeCap)]);
     }
     if (strokeMiter !== undefined) {
       paint.setStrokeMiter(strokeMiter);
@@ -148,39 +125,48 @@ 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 ? _types2.ClipOp.Difference : _types2.ClipOp.Intersect;
-    const m3 = (0, _nodes.processTransformProps2)(this.Skia, props);
+    const op = props.invertClip ? _types.ClipOp.Difference : _types.ClipOp.Intersect;
+    const m3 = (0, _nodes.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;
-  }
-}
-exports.DrawingContext = DrawingContext;
+  };
+  return {
+    Skia,
+    canvas,
+    save: () => state.paints.push(getPaint().copy()),
+    restore: () => state.paints.pop(),
+    getPaint,
+    processPaint,
+    processMatrixAndClipping
+  };
+};
+exports.createDrawingContext = createDrawingContext;
 //# sourceMappingURL=DrawingContext.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Object","defineProperty","exports","value","DrawingContext","_nodes","require","_types","_types2","_defineProperty","e","r","t","_toPropertyKey","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","computeClip","Skia","clip","isPathDef","clipPath","processPath","isRRect","clipRRect","clipRect","undefined","constructor","canvas","paints","Paint","declCtx","DeclarationContext","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","BlendMode","enumKey","setStyle","PaintStyle","setStrokeJoin","StrokeJoin","setStrokeCap","StrokeCap","setStrokeMiter","setAntiAlias","setDither","setColorFilter","setImageFilter","setMaskFilter","setPathEffect","processMatrixAndClipping","props","layer","hasTransform","matrix","transform","hasClip","op","invertClip","ClipOp","Difference","Intersect","m3","processTransformProps2","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":["_nodes","require","_types","computeClip","Skia","clip","isPathDef","clipPath","processPath","isRRect","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","BlendMode","enumKey","setStyle","PaintStyle","setStrokeJoin","StrokeJoin","setStrokeCap","StrokeCap","setStrokeMiter","setAntiAlias","setDither","setColorFilter","setImageFilter","setMaskFilter","setPathEffect","processMatrixAndClipping","props","layer","hasTransform","matrix","transform","hasClip","op","invertClip","ClipOp","Difference","Intersect","m3","processTransformProps2","shouldSave","saveLayer","save","concat","restore","exports"],"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/commonjs/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/commonjs/sksg/Reconciler.js

@@ -20,6 +20,7 @@ skiaReconciler.injectIntoDevTools({
 });
 class SkiaSGRoot {
   constructor(Skia, nativeId = -1) {
+    this.Skia = Skia;
     _defineProperty(this, "root", void 0);
     _defineProperty(this, "container", void 0);
     this.container = new _Container.Container(Skia, nativeId);
@@ -43,6 +44,12 @@ 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/commonjs/sksg/Reconciler.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactReconciler","_interopRequireDefault","require","_types","_HostConfig","_Container","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","skiaReconciler","ReactReconciler","sksgHostConfig","injectIntoDevTools","bundleType","version","rendererPackageName","SkiaSGRoot","constructor","Skia","nativeId","container","Container","root","createContainer","console","error","sg","children","type","NodeType","Group","props","isDeclaration","render","element","updateContainer","debug","drawOnCanvas","canvas","unmount","unmounted","exports"],"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,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAwC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,gBAAAH,CAAA,EAAAI,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAAE,cAAA,CAAAF,CAAA,MAAAJ,CAAA,GAAAO,MAAA,CAAAC,cAAA,CAAAR,CAAA,EAAAI,CAAA,IAAAK,KAAA,EAAAJ,CAAA,EAAAK,UAAA,MAAAC,YAAA,MAAAC,QAAA,UAAAZ,CAAA,CAAAI,CAAA,IAAAC,CAAA,EAAAL,CAAA;AAAA,SAAAM,eAAAD,CAAA,QAAAQ,CAAA,GAAAC,YAAA,CAAAT,CAAA,uCAAAQ,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAT,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAL,CAAA,GAAAK,CAAA,CAAAU,MAAA,CAAAC,WAAA,kBAAAhB,CAAA,QAAAa,CAAA,GAAAb,CAAA,CAAAiB,IAAA,CAAAZ,CAAA,EAAAD,CAAA,uCAAAS,CAAA,SAAAA,CAAA,YAAAK,SAAA,yEAAAd,CAAA,GAAAe,MAAA,GAAAC,MAAA,EAAAf,CAAA;AAExC,MAAMgB,cAAc,GAAG,IAAAC,wBAAe,EAACC,0BAAc,CAAC;AAEtDF,cAAc,CAACG,kBAAkB,CAAC;EAChCC,UAAU,EAAE,CAAC;EACbC,OAAO,EAAE,OAAO;EAChBC,mBAAmB,EAAE;AACvB,CAAC,CAAC;AAEK,MAAMC,UAAU,CAAC;EAItBC,WAAWA,CAACC,IAAU,EAAEC,QAAQ,GAAG,CAAC,CAAC,EAAE;IAAA5B,eAAA;IAAAA,eAAA;IACrC,IAAI,CAAC6B,SAAS,GAAG,IAAIC,oBAAS,CAACH,IAAI,EAAEC,QAAQ,CAAC;IAC9C,IAAI,CAACG,IAAI,GAAGb,cAAc,CAACc,eAAe,CACxC,IAAI,CAACH,SAAS,EACd,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,EAAE,EACFI,OAAO,CAACC,KAAK,EACb,IACF,CAAC;EACH;EAEA,IAAIC,EAAEA,CAAA,EAAG;IACP,MAAMC,QAAQ,GAAG,IAAI,CAACP,SAAS,CAACE,IAAI;IACpC,OAAO;MAAEM,IAAI,EAAEC,eAAQ,CAACC,KAAK;MAAEC,KAAK,EAAE,CAAC,CAAC;MAAEJ,QAAQ;MAAEK,aAAa,EAAE;IAAM,CAAC;EAC5E;EAEAC,MAAMA,CAACC,OAAkB,EAAE;IACzB;IACAzB,cAAc,CAAC0B,eAAe,CAACD,OAAO,EAAS,IAAI,CAACZ,IAAI,EAAE,IAAI,EAAE,MAAM;MACpE,IAAAc,iBAAK,EAAC,iBAAiB,CAAC;IAC1B,CAAC,CAAC;EACJ;EAEAC,YAAYA,CAACC,MAAgB,EAAE;IAC7B,IAAI,CAAClB,SAAS,CAACiB,YAAY,CAACC,MAAM,CAAC;EACrC;EAEAC,OAAOA,CAAA,EAAG;IACR,IAAI,CAACnB,SAAS,CAACoB,SAAS,GAAG,IAAI;IAC/B/B,cAAc,CAAC0B,eAAe,CAAC,IAAI,EAAE,IAAI,CAACb,IAAI,EAAE,IAAI,EAAE,MAAM;MAC1D,IAAAc,iBAAK,EAAC,kBAAkB,CAAC;IAC3B,CAAC,CAAC;EACJ;AACF;AAACK,OAAA,CAAAzB,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"names":["_reactReconciler","_interopRequireDefault","require","_types","_HostConfig","_Container","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","skiaReconciler","ReactReconciler","sksgHostConfig","injectIntoDevTools","bundleType","version","rendererPackageName","SkiaSGRoot","constructor","Skia","nativeId","container","Container","root","createContainer","console","error","sg","children","type","NodeType","Group","props","isDeclaration","render","element","updateContainer","debug","drawOnCanvas","canvas","getPicture","recorder","PictureRecorder","beginRecording","finishRecordingAsPicture","unmount","unmounted","exports"],"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":"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","ignoreList":[]}

package/lib/commonjs/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/commonjs/sksg/nodes/colorFilters.js

@@ -1,13 +1,27 @@
 "use strict";
-"worklet";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.makeSRGBToLinearGammaColorFilter = exports.makeMatrixColorFilter = exports.makeLumaColorFilter = exports.makeLinearToSRGBGammaColorFilter = exports.makeBlendColorFilter = exports.declareLerpColorFilter = void 0;
+exports.makeSRGBToLinearGammaColorFilter = exports.makeMatrixColorFilter = exports.makeLumaColorFilter = exports.makeLinearToSRGBGammaColorFilter = exports.makeBlendColorFilter = exports.declareLerpColorFilter = exports.composeColorFilters = void 0;
 var _nodes = require("../../dom/nodes");
 var _types = require("../../skia/types");
+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);
+};
+exports.composeColorFilters = composeColorFilters;
 const makeBlendColorFilter = (ctx, props) => {
+  "worklet";
+
   const {
     mode
   } = props;
@@ -17,16 +31,22 @@ const makeBlendColorFilter = (ctx, props) => {
 };
 exports.makeBlendColorFilter = makeBlendColorFilter;
 const makeSRGBToLinearGammaColorFilter = ctx => {
+  "worklet";
+
   const cf = ctx.Skia.ColorFilter.MakeSRGBToLinearGamma();
   return cf;
 };
 exports.makeSRGBToLinearGammaColorFilter = makeSRGBToLinearGammaColorFilter;
 const makeLinearToSRGBGammaColorFilter = ctx => {
+  "worklet";
+
   const cf = ctx.Skia.ColorFilter.MakeLinearToSRGBGamma();
   return cf;
 };
 exports.makeLinearToSRGBGammaColorFilter = makeLinearToSRGBGammaColorFilter;
 const declareLerpColorFilter = (ctx, props) => {
+  "worklet";
+
   const {
     t
   } = props;
@@ -40,6 +60,8 @@ const declareLerpColorFilter = (ctx, props) => {
 };
 exports.declareLerpColorFilter = declareLerpColorFilter;
 const makeMatrixColorFilter = (ctx, props) => {
+  "worklet";
+
   const {
     matrix
   } = props;
@@ -48,6 +70,8 @@ const makeMatrixColorFilter = (ctx, props) => {
 };
 exports.makeMatrixColorFilter = makeMatrixColorFilter;
 const makeLumaColorFilter = ctx => {
+  "worklet";
+
   const cf = ctx.Skia.ColorFilter.MakeLumaColorFilter();
   return cf;
 };