@shopify/react-native-skia 1.7.7 → 1.8.0

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

@@ -1 +1 @@
-{"version":3,"names":["enumKey","fitRects","getRect","processGradientProps","processTransformProps","rect2rect","FilterMode","MipmapMode","processUniforms","TileMode","declareShader","ctx","props","source","uniforms","transform","m3","Skia","Matrix","shader","makeShaderWithChildren","shaders","popAll","push","declareColorShader","color","Shader","MakeColor","Color","declareFractalNoiseShader","freqX","freqY","octaves","seed","tileWidth","tileHeight","MakeFractalNoise","declareTwoPointConicalGradientShader","startR","endR","start","end","colors","positions","mode","localMatrix","flags","MakeTwoPointConicalGradient","declareRadialGradientShader","c","r","MakeRadialGradient","declareSweepGradientShader","MakeSweepGradient","x","y","declareLinearGradientShader","MakeLinearGradient","declareTurbulenceShader","MakeTurbulence","declareImageShader","fit","image","tx","ty","fm","mm","imageShaderProps","rct","rects","width","height","sx","sy","src","dst","translate","translateX","translateY","scale","scaleX","scaleY","lm","concat","makeShaderOptions"],"sources":["shaders.ts"],"sourcesContent":["\"worklet\";\n\nimport {\n  enumKey,\n  fitRects,\n  getRect,\n  processGradientProps,\n  processTransformProps,\n  rect2rect,\n} from \"../../dom/nodes\";\nimport type {\n  ColorProps,\n  DeclarationContext,\n  FractalNoiseProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  RadialGradientProps,\n  ShaderProps,\n  SweepGradientProps,\n  TurbulenceProps,\n  TwoPointConicalGradientProps,\n} from \"../../dom/types\";\nimport {\n  FilterMode,\n  MipmapMode,\n  processUniforms,\n  TileMode,\n} from \"../../skia/types\";\n\nexport const declareShader = (ctx: DeclarationContext, props: ShaderProps) => {\n  const { source, uniforms, ...transform } = props;\n  const m3 = ctx.Skia.Matrix();\n  processTransformProps(m3, transform);\n  const shader = source.makeShaderWithChildren(\n    processUniforms(source, uniforms),\n    ctx.shaders.popAll(),\n    m3\n  );\n  ctx.shaders.push(shader);\n};\n\nexport const declareColorShader = (\n  ctx: DeclarationContext,\n  props: ColorProps\n) => {\n  const { color } = props;\n  const shader = ctx.Skia.Shader.MakeColor(ctx.Skia.Color(color));\n  ctx.shaders.push(shader);\n};\n\nexport const declareFractalNoiseShader = (\n  ctx: DeclarationContext,\n  props: FractalNoiseProps\n) => {\n  const { freqX, freqY, octaves, seed, tileWidth, tileHeight } = props;\n  const shader = ctx.Skia.Shader.MakeFractalNoise(\n    freqX,\n    freqY,\n    octaves,\n    seed,\n    tileWidth,\n    tileHeight\n  );\n  ctx.shaders.push(shader);\n};\n\nexport const declareTwoPointConicalGradientShader = (\n  ctx: DeclarationContext,\n  props: TwoPointConicalGradientProps\n) => {\n  const { startR, endR, start, end } = props;\n  const { colors, positions, mode, localMatrix, flags } = processGradientProps(\n    ctx.Skia,\n    props\n  );\n  const shader = ctx.Skia.Shader.MakeTwoPointConicalGradient(\n    start,\n    startR,\n    end,\n    endR,\n    colors,\n    positions,\n    mode,\n    localMatrix,\n    flags\n  );\n  ctx.shaders.push(shader);\n};\n\nexport const declareRadialGradientShader = (\n  ctx: DeclarationContext,\n  props: RadialGradientProps\n) => {\n  const { c, r } = props;\n  const { colors, positions, mode, localMatrix, flags } = processGradientProps(\n    ctx.Skia,\n    props\n  );\n  const shader = ctx.Skia.Shader.MakeRadialGradient(\n    c,\n    r,\n    colors,\n    positions,\n    mode,\n    localMatrix,\n    flags\n  );\n  ctx.shaders.push(shader);\n};\n\nexport const declareSweepGradientShader = (\n  ctx: DeclarationContext,\n  props: SweepGradientProps\n) => {\n  const { c, start, end } = props;\n  const { colors, positions, mode, localMatrix, flags } = processGradientProps(\n    ctx.Skia,\n    props\n  );\n  const shader = ctx.Skia.Shader.MakeSweepGradient(\n    c.x,\n    c.y,\n    colors,\n    positions,\n    mode,\n    localMatrix,\n    flags,\n    start,\n    end\n  );\n  ctx.shaders.push(shader);\n};\n\nexport const declareLinearGradientShader = (\n  ctx: DeclarationContext,\n  props: LinearGradientProps\n) => {\n  const { start, end } = props;\n  const { colors, positions, mode, localMatrix, flags } = processGradientProps(\n    ctx.Skia,\n    props\n  );\n  const shader = ctx.Skia.Shader.MakeLinearGradient(\n    start,\n    end,\n    colors,\n    positions ?? null,\n    mode,\n    localMatrix,\n    flags\n  );\n  ctx.shaders.push(shader);\n};\n\nexport const declareTurbulenceShader = (\n  ctx: DeclarationContext,\n  props: TurbulenceProps\n) => {\n  const { freqX, freqY, octaves, seed, tileWidth, tileHeight } = props;\n  const shader = ctx.Skia.Shader.MakeTurbulence(\n    freqX,\n    freqY,\n    octaves,\n    seed,\n    tileWidth,\n    tileHeight\n  );\n  ctx.shaders.push(shader);\n};\n\nexport const declareImageShader = (\n  ctx: DeclarationContext,\n  props: ImageShaderProps\n) => {\n  const { fit, image, tx, ty, fm, mm, ...imageShaderProps } = props;\n  if (!image) {\n    return;\n  }\n\n  const rct = getRect(ctx.Skia, imageShaderProps);\n  const m3 = ctx.Skia.Matrix();\n  if (rct) {\n    const rects = fitRects(\n      fit,\n      { x: 0, y: 0, width: image.width(), height: image.height() },\n      rct\n    );\n    const [x, y, sx, sy] = rect2rect(rects.src, rects.dst);\n    m3.translate(x.translateX, y.translateY);\n    m3.scale(sx.scaleX, sy.scaleY);\n  }\n  const lm = ctx.Skia.Matrix();\n  lm.concat(m3);\n  processTransformProps(lm, imageShaderProps);\n  const shader = image.makeShaderOptions(\n    TileMode[enumKey(tx)],\n    TileMode[enumKey(ty)],\n    FilterMode[enumKey(fm)],\n    MipmapMode[enumKey(mm)],\n    lm\n  );\n  ctx.shaders.push(shader);\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["enumKey","fitRects","getRect","processGradientProps","processTransformProps","rect2rect","FilterMode","MipmapMode","processUniforms","TileMode","declareShader","ctx","props","source","uniforms","transform","m3","Skia","Matrix","shader","makeShaderWithChildren","shaders","popAll","push","declareColorShader","color","Shader","MakeColor","Color","declareFractalNoiseShader","freqX","freqY","octaves","seed","tileWidth","tileHeight","MakeFractalNoise","declareTwoPointConicalGradientShader","startR","endR","start","end","colors","positions","mode","localMatrix","flags","MakeTwoPointConicalGradient","declareRadialGradientShader","c","r","MakeRadialGradient","declareSweepGradientShader","MakeSweepGradient","x","y","declareLinearGradientShader","MakeLinearGradient","declareTurbulenceShader","MakeTurbulence","declareImageShader","fit","image","tx","ty","fm","mm","imageShaderProps","rct","rects","width","height","sx","sy","src","dst","translate","translateX","translateY","scale","scaleX","scaleY","lm","concat","makeShaderOptions"],"sources":["shaders.ts"],"sourcesContent":["import {\n  enumKey,\n  fitRects,\n  getRect,\n  processGradientProps,\n  processTransformProps,\n  rect2rect,\n} from \"../../dom/nodes\";\nimport type {\n  ColorProps,\n  FractalNoiseProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  RadialGradientProps,\n  ShaderProps,\n  SweepGradientProps,\n  TurbulenceProps,\n  TwoPointConicalGradientProps,\n} from \"../../dom/types\";\nimport {\n  FilterMode,\n  MipmapMode,\n  processUniforms,\n  TileMode,\n} from \"../../skia/types\";\nimport type { DeclarationContext } from \"../DeclarationContext\";\n\nexport const declareShader = (ctx: DeclarationContext, props: ShaderProps) => {\n  \"worklet\";\n  const { source, uniforms, ...transform } = props;\n  const m3 = ctx.Skia.Matrix();\n  processTransformProps(m3, transform);\n  const shader = source.makeShaderWithChildren(\n    processUniforms(source, uniforms),\n    ctx.shaders.popAll(),\n    m3\n  );\n  ctx.shaders.push(shader);\n};\n\nexport const declareColorShader = (\n  ctx: DeclarationContext,\n  props: ColorProps\n) => {\n  \"worklet\";\n  const { color } = props;\n  const shader = ctx.Skia.Shader.MakeColor(ctx.Skia.Color(color));\n  ctx.shaders.push(shader);\n};\n\nexport const declareFractalNoiseShader = (\n  ctx: DeclarationContext,\n  props: FractalNoiseProps\n) => {\n  \"worklet\";\n  const { freqX, freqY, octaves, seed, tileWidth, tileHeight } = props;\n  const shader = ctx.Skia.Shader.MakeFractalNoise(\n    freqX,\n    freqY,\n    octaves,\n    seed,\n    tileWidth,\n    tileHeight\n  );\n  ctx.shaders.push(shader);\n};\n\nexport const declareTwoPointConicalGradientShader = (\n  ctx: DeclarationContext,\n  props: TwoPointConicalGradientProps\n) => {\n  \"worklet\";\n  const { startR, endR, start, end } = props;\n  const { colors, positions, mode, localMatrix, flags } = processGradientProps(\n    ctx.Skia,\n    props\n  );\n  const shader = ctx.Skia.Shader.MakeTwoPointConicalGradient(\n    start,\n    startR,\n    end,\n    endR,\n    colors,\n    positions,\n    mode,\n    localMatrix,\n    flags\n  );\n  ctx.shaders.push(shader);\n};\n\nexport const declareRadialGradientShader = (\n  ctx: DeclarationContext,\n  props: RadialGradientProps\n) => {\n  \"worklet\";\n  const { c, r } = props;\n  const { colors, positions, mode, localMatrix, flags } = processGradientProps(\n    ctx.Skia,\n    props\n  );\n  const shader = ctx.Skia.Shader.MakeRadialGradient(\n    c,\n    r,\n    colors,\n    positions,\n    mode,\n    localMatrix,\n    flags\n  );\n  ctx.shaders.push(shader);\n};\n\nexport const declareSweepGradientShader = (\n  ctx: DeclarationContext,\n  props: SweepGradientProps\n) => {\n  \"worklet\";\n  const { c, start, end } = props;\n  const { colors, positions, mode, localMatrix, flags } = processGradientProps(\n    ctx.Skia,\n    props\n  );\n  const shader = ctx.Skia.Shader.MakeSweepGradient(\n    c.x,\n    c.y,\n    colors,\n    positions,\n    mode,\n    localMatrix,\n    flags,\n    start,\n    end\n  );\n  ctx.shaders.push(shader);\n};\n\nexport const declareLinearGradientShader = (\n  ctx: DeclarationContext,\n  props: LinearGradientProps\n) => {\n  \"worklet\";\n  const { start, end } = props;\n  const { colors, positions, mode, localMatrix, flags } = processGradientProps(\n    ctx.Skia,\n    props\n  );\n  const shader = ctx.Skia.Shader.MakeLinearGradient(\n    start,\n    end,\n    colors,\n    positions ?? null,\n    mode,\n    localMatrix,\n    flags\n  );\n  ctx.shaders.push(shader);\n};\n\nexport const declareTurbulenceShader = (\n  ctx: DeclarationContext,\n  props: TurbulenceProps\n) => {\n  \"worklet\";\n  const { freqX, freqY, octaves, seed, tileWidth, tileHeight } = props;\n  const shader = ctx.Skia.Shader.MakeTurbulence(\n    freqX,\n    freqY,\n    octaves,\n    seed,\n    tileWidth,\n    tileHeight\n  );\n  ctx.shaders.push(shader);\n};\n\nexport const declareImageShader = (\n  ctx: DeclarationContext,\n  props: ImageShaderProps\n) => {\n  \"worklet\";\n  const { fit, image, tx, ty, fm, mm, ...imageShaderProps } = props;\n  if (!image) {\n    return;\n  }\n\n  const rct = getRect(ctx.Skia, imageShaderProps);\n  const m3 = ctx.Skia.Matrix();\n  if (rct) {\n    const rects = fitRects(\n      fit,\n      { x: 0, y: 0, width: image.width(), height: image.height() },\n      rct\n    );\n    const [x, y, sx, sy] = rect2rect(rects.src, rects.dst);\n    m3.translate(x.translateX, y.translateY);\n    m3.scale(sx.scaleX, sy.scaleY);\n  }\n  const lm = ctx.Skia.Matrix();\n  lm.concat(m3);\n  processTransformProps(lm, imageShaderProps);\n  const shader = image.makeShaderOptions(\n    TileMode[enumKey(tx)],\n    TileMode[enumKey(ty)],\n    FilterMode[enumKey(fm)],\n    MipmapMode[enumKey(mm)],\n    lm\n  );\n  ctx.shaders.push(shader);\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,11 +1,13 @@
-"worklet";
-
 import { mapKeys } from "../../renderer/typeddash";
 export const isSharedValue = value => {
+  "worklet";
+
   // We cannot use `in` operator here because `value` could be a HostObject and therefore we cast.
   return (value === null || value === void 0 ? void 0 : value._isReanimatedSharedValue) === true;
 };
 export const materialize = props => {
+  "worklet";
+
   const result = Object.assign({}, props);
   mapKeys(result).forEach(key => {
     const value = result[key];

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

@@ -1 +1 @@
-{"version":3,"names":["mapKeys","isSharedValue","value","_isReanimatedSharedValue","materialize","props","result","Object","assign","forEach","key"],"sources":["utils.ts"],"sourcesContent":["\"worklet\";\n\nimport type { SharedValue } from \"react-native-reanimated\";\n\nimport { mapKeys } from \"../../renderer/typeddash\";\n\nexport const isSharedValue = <T = unknown>(\n  value: unknown\n): value is SharedValue<T> => {\n  // We cannot use `in` operator here because `value` could be a HostObject and therefore we cast.\n  return (value as Record<string, unknown>)?._isReanimatedSharedValue === true;\n};\n\nexport const materialize = <T extends object>(props: T) => {\n  const result: T = Object.assign({}, props);\n  mapKeys(result).forEach((key) => {\n    const value = result[key];\n    if (isSharedValue(value)) {\n      result[key] = value.value as never;\n    }\n  });\n  return result;\n};\n"],"mappings":"AAAA,SAAS;;AAIT,SAASA,OAAO,QAAQ,0BAA0B;AAElD,OAAO,MAAMC,aAAa,GACxBC,KAAc,IACc;EAC5B;EACA,OAAO,CAACA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAA8BC,wBAAwB,MAAK,IAAI;AAC9E,CAAC;AAED,OAAO,MAAMC,WAAW,GAAsBC,KAAQ,IAAK;EACzD,MAAMC,MAAS,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEH,KAAK,CAAC;EAC1CL,OAAO,CAACM,MAAM,CAAC,CAACG,OAAO,CAAEC,GAAG,IAAK;IAC/B,MAAMR,KAAK,GAAGI,MAAM,CAACI,GAAG,CAAC;IACzB,IAAIT,aAAa,CAACC,KAAK,CAAC,EAAE;MACxBI,MAAM,CAACI,GAAG,CAAC,GAAGR,KAAK,CAACA,KAAc;IACpC;EACF,CAAC,CAAC;EACF,OAAOI,MAAM;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["mapKeys","isSharedValue","value","_isReanimatedSharedValue","materialize","props","result","Object","assign","forEach","key"],"sources":["utils.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport { mapKeys } from \"../../renderer/typeddash\";\n\nexport const isSharedValue = <T = unknown>(\n  value: unknown\n): value is SharedValue<T> => {\n  \"worklet\";\n  // We cannot use `in` operator here because `value` could be a HostObject and therefore we cast.\n  return (value as Record<string, unknown>)?._isReanimatedSharedValue === true;\n};\n\nexport const materialize = <T extends object>(props: T) => {\n  \"worklet\";\n  const result: T = Object.assign({}, props);\n  mapKeys(result).forEach((key) => {\n    const value = result[key];\n    if (isSharedValue(value)) {\n      result[key] = value.value as never;\n    }\n  });\n  return result;\n};\n"],"mappings":"AAEA,SAASA,OAAO,QAAQ,0BAA0B;AAElD,OAAO,MAAMC,aAAa,GACxBC,KAAc,IACc;EAC5B,SAAS;;EACT;EACA,OAAO,CAACA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAA8BC,wBAAwB,MAAK,IAAI;AAC9E,CAAC;AAED,OAAO,MAAMC,WAAW,GAAsBC,KAAQ,IAAK;EACzD,SAAS;;EACT,MAAMC,MAAS,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEH,KAAK,CAAC;EAC1CL,OAAO,CAACM,MAAM,CAAC,CAACG,OAAO,CAAEC,GAAG,IAAK;IAC/B,MAAMR,KAAK,GAAGI,MAAM,CAACI,GAAG,CAAC;IACzB,IAAIT,aAAa,CAACC,KAAK,CAAC,EAAE;MACxBI,MAAM,CAACI,GAAG,CAAC,GAAGR,KAAK,CAACA,KAAc;IACpC;EACF,CAAC,CAAC;EACF,OAAOI,MAAM;AACf,CAAC","ignoreList":[]}

package/lib/module/views/SkiaDomView.web.d.ts

@@ -1,7 +0,0 @@
-import type { SkCanvas } from "../skia/types";
-import { SkiaBaseWebView } from "./SkiaBaseWebView";
-import type { SkiaDomViewNativeProps } from "./types";
-export declare class SkiaDomView extends SkiaBaseWebView<SkiaDomViewNativeProps> {
-    constructor(props: SkiaDomViewNativeProps);
-    protected renderInCanvas(canvas: SkCanvas): void;
-}

package/lib/module/views/SkiaDomView.web.js

@@ -1,25 +1,2 @@
-import { Skia } from "../skia";
-import { JsiDrawingContext } from "../dom/types/DrawingContext";
-import { SkiaBaseWebView } from "./SkiaBaseWebView";
-export class SkiaDomView extends SkiaBaseWebView {
-  constructor(props) {
-    super(props);
-  }
-  renderInCanvas(canvas) {
-    if (this.props.onSize) {
-      const {
-        width,
-        height
-      } = this.getSize();
-      this.props.onSize.value = {
-        width,
-        height
-      };
-    }
-    if (this.props.root) {
-      const ctx = new JsiDrawingContext(Skia, canvas);
-      this.props.root.render(ctx);
-    }
-  }
-}
+
 //# sourceMappingURL=SkiaDomView.web.js.map

package/lib/module/views/SkiaDomView.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["Skia","JsiDrawingContext","SkiaBaseWebView","SkiaDomView","constructor","props","renderInCanvas","canvas","onSize","width","height","getSize","value","root","ctx","render"],"sources":["SkiaDomView.web.tsx"],"sourcesContent":["import { Skia } from \"../skia\";\nimport type { SkCanvas } from \"../skia/types\";\nimport { JsiDrawingContext } from \"../dom/types/DrawingContext\";\n\nimport { SkiaBaseWebView } from \"./SkiaBaseWebView\";\nimport type { SkiaDomViewNativeProps } from \"./types\";\n\nexport class SkiaDomView extends SkiaBaseWebView<SkiaDomViewNativeProps> {\n  constructor(props: SkiaDomViewNativeProps) {\n    super(props);\n  }\n\n  protected renderInCanvas(canvas: SkCanvas): void {\n    if (this.props.onSize) {\n      const { width, height } = this.getSize();\n      this.props.onSize.value = { width, height };\n    }\n    if (this.props.root) {\n      const ctx = new JsiDrawingContext(Skia, canvas);\n      this.props.root.render(ctx);\n    }\n  }\n}\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,SAAS;AAE9B,SAASC,iBAAiB,QAAQ,6BAA6B;AAE/D,SAASC,eAAe,QAAQ,mBAAmB;AAGnD,OAAO,MAAMC,WAAW,SAASD,eAAe,CAAyB;EACvEE,WAAWA,CAACC,KAA6B,EAAE;IACzC,KAAK,CAACA,KAAK,CAAC;EACd;EAEUC,cAAcA,CAACC,MAAgB,EAAQ;IAC/C,IAAI,IAAI,CAACF,KAAK,CAACG,MAAM,EAAE;MACrB,MAAM;QAAEC,KAAK;QAAEC;MAAO,CAAC,GAAG,IAAI,CAACC,OAAO,CAAC,CAAC;MACxC,IAAI,CAACN,KAAK,CAACG,MAAM,CAACI,KAAK,GAAG;QAAEH,KAAK;QAAEC;MAAO,CAAC;IAC7C;IACA,IAAI,IAAI,CAACL,KAAK,CAACQ,IAAI,EAAE;MACnB,MAAMC,GAAG,GAAG,IAAIb,iBAAiB,CAACD,IAAI,EAAEO,MAAM,CAAC;MAC/C,IAAI,CAACF,KAAK,CAACQ,IAAI,CAACE,MAAM,CAACD,GAAG,CAAC;IAC7B;EACF;AACF","ignoreList":[]}
+{"version":3,"names":[],"sources":["SkiaDomView.web.tsx"],"sourcesContent":[""],"mappings":"","ignoreList":[]}

package/lib/module/views/SkiaPictureView.web.d.ts

@@ -1,7 +1,9 @@
-import type { SkCanvas } from "../skia/types";
+import type { SkCanvas, SkPicture } from "../skia/types";
 import type { SkiaPictureViewNativeProps } from "./types";
 import { SkiaBaseWebView } from "./SkiaBaseWebView";
 export declare class SkiaPictureView extends SkiaBaseWebView<SkiaPictureViewNativeProps> {
+    private picture;
     constructor(props: SkiaPictureViewNativeProps);
+    setPicture(picture: SkPicture): void;
     protected renderInCanvas(canvas: SkCanvas): void;
 }

package/lib/module/views/SkiaPictureView.web.js

@@ -1,11 +1,21 @@
+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 { SkiaBaseWebView } from "./SkiaBaseWebView";
 export class SkiaPictureView extends SkiaBaseWebView {
   constructor(props) {
     super(props);
+    _defineProperty(this, "picture", null);
+  }
+  setPicture(picture) {
+    this.picture = picture;
+    this.redraw();
   }
   renderInCanvas(canvas) {
     if (this.props.picture) {
       canvas.drawPicture(this.props.picture);
+    } else if (this.picture) {
+      canvas.drawPicture(this.picture);
     }
   }
 }

package/lib/module/views/SkiaPictureView.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["SkiaBaseWebView","SkiaPictureView","constructor","props","renderInCanvas","canvas","picture","drawPicture"],"sources":["SkiaPictureView.web.tsx"],"sourcesContent":["import type { SkCanvas } from \"../skia/types\";\n\nimport type { SkiaPictureViewNativeProps } from \"./types\";\nimport { SkiaBaseWebView } from \"./SkiaBaseWebView\";\n\nexport class SkiaPictureView extends SkiaBaseWebView<SkiaPictureViewNativeProps> {\n  constructor(props: SkiaPictureViewNativeProps) {\n    super(props);\n  }\n\n  protected renderInCanvas(canvas: SkCanvas): void {\n    if (this.props.picture) {\n      canvas.drawPicture(this.props.picture);\n    }\n  }\n}\n"],"mappings":"AAGA,SAASA,eAAe,QAAQ,mBAAmB;AAEnD,OAAO,MAAMC,eAAe,SAASD,eAAe,CAA6B;EAC/EE,WAAWA,CAACC,KAAiC,EAAE;IAC7C,KAAK,CAACA,KAAK,CAAC;EACd;EAEUC,cAAcA,CAACC,MAAgB,EAAQ;IAC/C,IAAI,IAAI,CAACF,KAAK,CAACG,OAAO,EAAE;MACtBD,MAAM,CAACE,WAAW,CAAC,IAAI,CAACJ,KAAK,CAACG,OAAO,CAAC;IACxC;EACF;AACF","ignoreList":[]}
+{"version":3,"names":["SkiaBaseWebView","SkiaPictureView","constructor","props","_defineProperty","setPicture","picture","redraw","renderInCanvas","canvas","drawPicture"],"sources":["SkiaPictureView.web.tsx"],"sourcesContent":["import type { SkCanvas, SkPicture } from \"../skia/types\";\n\nimport type { SkiaPictureViewNativeProps } from \"./types\";\nimport { SkiaBaseWebView } from \"./SkiaBaseWebView\";\n\nexport class SkiaPictureView extends SkiaBaseWebView<SkiaPictureViewNativeProps> {\n  private picture: SkPicture | null = null;\n\n  constructor(props: SkiaPictureViewNativeProps) {\n    super(props);\n  }\n\n  public setPicture(picture: SkPicture) {\n    this.picture = picture;\n    this.redraw();\n  }\n\n  protected renderInCanvas(canvas: SkCanvas): void {\n    if (this.props.picture) {\n      canvas.drawPicture(this.props.picture);\n    } else if (this.picture) {\n      canvas.drawPicture(this.picture);\n    }\n  }\n}\n"],"mappings":";;;AAGA,SAASA,eAAe,QAAQ,mBAAmB;AAEnD,OAAO,MAAMC,eAAe,SAASD,eAAe,CAA6B;EAG/EE,WAAWA,CAACC,KAAiC,EAAE;IAC7C,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,kBAHqB,IAAI;EAIxC;EAEOC,UAAUA,CAACC,OAAkB,EAAE;IACpC,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACC,MAAM,CAAC,CAAC;EACf;EAEUC,cAAcA,CAACC,MAAgB,EAAQ;IAC/C,IAAI,IAAI,CAACN,KAAK,CAACG,OAAO,EAAE;MACtBG,MAAM,CAACC,WAAW,CAAC,IAAI,CAACP,KAAK,CAACG,OAAO,CAAC;IACxC,CAAC,MAAM,IAAI,IAAI,CAACA,OAAO,EAAE;MACvBG,MAAM,CAACC,WAAW,CAAC,IAAI,CAACJ,OAAO,CAAC;IAClC;EACF;AACF","ignoreList":[]}

package/lib/module/views/types.d.ts

@@ -1,16 +1,11 @@
 import type { ViewProps } from "react-native";
 import type { SharedValue } from "react-native-reanimated";
-import type { GroupProps, RenderNode } from "../dom/types";
+import type { Node } from "../dom/types";
 import type { SkImage, SkPicture, SkRect, SkSize } from "../skia/types";
 export type NativeSkiaViewProps = ViewProps & {
     debug?: boolean;
     opaque?: boolean;
 };
-export interface DrawingInfo {
-    width: number;
-    height: number;
-    timestamp: number;
-}
 export interface ISkiaViewApi {
     setJsiProperty: <T>(nativeId: number, name: string, value: T) => void;
     requestRedraw: (nativeId: number) => void;
@@ -34,5 +29,5 @@ export interface SkiaPictureViewNativeProps extends SkiaBaseViewProps {
     picture?: SkPicture;
 }
 export interface SkiaDomViewNativeProps extends SkiaBaseViewProps {
-    root?: RenderNode<GroupProps>;
+    root?: Node<unknown>;
 }

package/lib/module/views/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nimport type { GroupProps, RenderNode } from \"../dom/types\";\nimport type { SkImage, SkPicture, SkRect, SkSize } from \"../skia/types\";\n\nexport type NativeSkiaViewProps = ViewProps & {\n  debug?: boolean;\n  opaque?: boolean;\n};\n\nexport interface DrawingInfo {\n  width: number;\n  height: number;\n  timestamp: number;\n}\n\nexport interface ISkiaViewApi {\n  setJsiProperty: <T>(nativeId: number, name: string, value: T) => void;\n  requestRedraw: (nativeId: number) => void;\n  makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;\n  makeImageSnapshotAsync: (nativeId: number, rect?: SkRect) => Promise<SkImage>;\n}\n\nexport interface SkiaBaseViewProps extends ViewProps {\n  /**\n   * When set to true the view will display information about the\n   * average time it takes to render.\n   */\n  debug?: boolean;\n  /**\n   * Pass an animated value to the onSize property to get updates when\n   * the Skia view is resized.\n   */\n  onSize?: SharedValue<SkSize>;\n\n  opaque?: boolean;\n}\n\nexport interface SkiaPictureViewNativeProps extends SkiaBaseViewProps {\n  picture?: SkPicture;\n}\n\nexport interface SkiaDomViewNativeProps extends SkiaBaseViewProps {\n  root?: RenderNode<GroupProps>;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nimport type { Node } from \"../dom/types\";\nimport type { SkImage, SkPicture, SkRect, SkSize } from \"../skia/types\";\n\nexport type NativeSkiaViewProps = ViewProps & {\n  debug?: boolean;\n  opaque?: boolean;\n};\n\nexport interface ISkiaViewApi {\n  setJsiProperty: <T>(nativeId: number, name: string, value: T) => void;\n  requestRedraw: (nativeId: number) => void;\n  makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;\n  makeImageSnapshotAsync: (nativeId: number, rect?: SkRect) => Promise<SkImage>;\n}\n\nexport interface SkiaBaseViewProps extends ViewProps {\n  /**\n   * When set to true the view will display information about the\n   * average time it takes to render.\n   */\n  debug?: boolean;\n  /**\n   * Pass an animated value to the onSize property to get updates when\n   * the Skia view is resized.\n   */\n  onSize?: SharedValue<SkSize>;\n\n  opaque?: boolean;\n}\n\nexport interface SkiaPictureViewNativeProps extends SkiaBaseViewProps {\n  picture?: SkPicture;\n}\n\nexport interface SkiaDomViewNativeProps extends SkiaBaseViewProps {\n  root?: Node<unknown>;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/typescript/lib/commonjs/dom/nodes/JsiSkDOM.d.ts

@@ -1,70 +1,60 @@
 export const __esModule: boolean;
 export class JsiSkDOM {
-    constructor(ctx: any, native: any);
-    ctx: any;
-    native: any;
-    Layer(props: any): import("../../../..").RenderNode<import("../../../..").ChildrenProps> | _LayerNode.LayerNode;
-    Group(props: any): import("../../../..").RenderNode<import("../../../..").GroupProps> | _GroupNode.GroupNode;
-    Paint(props: any): import("../../../..").DeclarationNode<import("../../../..").PaintProps> | _PaintNode.PaintNode;
-    Fill(props: any): any;
-    Image(props: any): any;
-    Circle(props: any): any;
-    Path(props: any): any;
-    Line(props: any): any;
-    Oval(props: any): any;
-    Patch(props: any): any;
-    Points(props: any): any;
-    Rect(props: any): any;
-    RRect(props: any): any;
-    Vertices(props: any): any;
-    Text(props: any): any;
-    TextPath(props: any): any;
-    TextBlob(props: any): any;
-    Glyphs(props: any): any;
-    DiffRect(props: any): any;
-    Picture(props: any): any;
-    Atlas(props: any): any;
-    ImageSVG(props: any): any;
-    BlurMaskFilter(props: any): any;
-    BlendImageFilter(props: any): any;
-    DropShadowImageFilter(props: any): any;
-    DisplacementMapImageFilter(props: any): any;
-    BlurImageFilter(props: any): any;
-    OffsetImageFilter(props: any): any;
-    MorphologyImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").MorphologyImageFilterProps> | _ImageFilters.MorphologyImageFilterNode;
-    RuntimeShaderImageFilter(props: any): any;
-    MatrixColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").MatrixColorFilterProps> | _ColorFilters.MatrixColorFilterNode;
-    BlendColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendColorFilterProps> | _ColorFilters.BlendColorFilterNode;
-    LumaColorFilter(): import("../../../..").DeclarationNode<null> | _ColorFilters.LumaColorFilterNode;
-    LinearToSRGBGammaColorFilter(): import("../../../..").DeclarationNode<null> | _ColorFilters.LinearToSRGBGammaColorFilterNode;
-    SRGBToLinearGammaColorFilter(): import("../../../..").DeclarationNode<null> | _ColorFilters.SRGBToLinearGammaColorFilterNode;
-    LerpColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").LerpColorFilterProps> | _ColorFilters.LerpColorFilterNode;
-    Shader(props: any): import("../../../..").DeclarationNode<import("../../../..").ShaderProps> | _Shaders.ShaderNode;
-    ImageShader(props: any): import("../../../..").DeclarationNode<import("../../../..").ImageShaderProps> | _Shaders.ImageShaderNode;
-    ColorShader(props: any): import("../../../..").DeclarationNode<import("../../../..").ColorProps> | _Shaders.ColorNode;
-    SweepGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").SweepGradientProps> | _Shaders.SweepGradientNode;
-    Turbulence(props: any): import("../../../..").DeclarationNode<import("../../../..").TurbulenceProps> | _Shaders.TurbulenceNode;
-    FractalNoise(props: any): import("../../../..").DeclarationNode<import("../../../..").FractalNoiseProps> | _Shaders.FractalNoiseNode;
-    LinearGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").LinearGradientProps> | _Shaders.LinearGradientNode;
-    RadialGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").RadialGradientProps> | _Shaders.RadialGradientNode;
-    TwoPointConicalGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").TwoPointConicalGradientProps> | _Shaders.TwoPointConicalGradientNode;
-    CornerPathEffect(props: any): any;
-    DiscretePathEffect(props: any): any;
-    DashPathEffect(props: any): any;
-    Path1DPathEffect(props: any): any;
-    Path2DPathEffect(props: any): any;
-    SumPathEffect(): any;
-    Line2DPathEffect(props: any): any;
-    Blend(props: any): any;
-    BackdropFilter(props: any): any;
-    Box(props: any): any;
-    BoxShadow(props: any): any;
-    Paragraph(props: any): import("../../../..").RenderNode<import("../../../..").ParagraphProps> | _ParagraphNode.ParagraphNode;
+    Layer(props: any): import("../../../..").RenderNode<import("../../../..").ChildrenProps>;
+    Group(props: any): import("../../../..").RenderNode<import("../../../..").GroupProps>;
+    Paint(props: any): import("../../../..").DeclarationNode<import("../../../..").PaintProps>;
+    Fill(props: any): import("../../../..").RenderNode<import("../../../..").PaintProps>;
+    Image(props: any): import("../../../..").RenderNode<import("../../../..").ImageProps>;
+    Circle(props: any): import("../../../..").RenderNode<import("../../../..").CircleProps>;
+    Path(props: any): import("../../../..").RenderNode<import("../../../..").PathProps>;
+    Line(props: any): import("../../../..").RenderNode<import("../../../..").LineProps>;
+    Oval(props: any): import("../../../..").RenderNode<import("../../../..").OvalProps>;
+    Patch(props: any): import("../../../..").RenderNode<import("../../../..").PatchProps>;
+    Points(props: any): import("../../../..").RenderNode<import("../../../..").PointsProps>;
+    Rect(props: any): import("../../../..").RenderNode<import("../../../..").RectProps>;
+    RRect(props: any): import("../../../..").RenderNode<import("../../../..").RoundedRectProps>;
+    Vertices(props: any): import("../../../..").RenderNode<import("../../../..").VerticesProps>;
+    Text(props: any): import("../../../..").RenderNode<import("../../../..").TextProps>;
+    TextPath(props: any): import("../../../..").RenderNode<import("../../../..").TextPathProps>;
+    TextBlob(props: any): import("../../../..").RenderNode<import("../../../..").TextBlobProps>;
+    Glyphs(props: any): import("../../../..").RenderNode<import("../../../..").GlyphsProps>;
+    DiffRect(props: any): import("../../../..").RenderNode<import("../../../..").DiffRectProps>;
+    Picture(props: any): import("../../../..").RenderNode<import("../../../..").PictureProps>;
+    Atlas(props: any): import("../../../..").RenderNode<import("../../../..").AtlasProps>;
+    ImageSVG(props: any): import("../../../..").RenderNode<import("../../../..").ImageSVGProps>;
+    BlurMaskFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlurMaskFilterProps>;
+    BlendImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendImageFilterProps>;
+    DropShadowImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").DropShadowImageFilterProps>;
+    DisplacementMapImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").DisplacementMapImageFilterProps>;
+    BlurImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlurImageFilterProps>;
+    OffsetImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").OffsetImageFilterProps>;
+    MorphologyImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").MorphologyImageFilterProps>;
+    RuntimeShaderImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").RuntimeShaderImageFilterProps>;
+    MatrixColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").MatrixColorFilterProps>;
+    BlendColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendColorFilterProps>;
+    LumaColorFilter(): import("../../../..").DeclarationNode<null>;
+    LinearToSRGBGammaColorFilter(): import("../../../..").DeclarationNode<null>;
+    SRGBToLinearGammaColorFilter(): import("../../../..").DeclarationNode<null>;
+    LerpColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").LerpColorFilterProps>;
+    Shader(props: any): import("../../../..").DeclarationNode<import("../../../..").ShaderProps>;
+    ImageShader(props: any): import("../../../..").DeclarationNode<import("../../../..").ImageShaderProps>;
+    ColorShader(props: any): import("../../../..").DeclarationNode<import("../../../..").ColorProps>;
+    SweepGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").SweepGradientProps>;
+    Turbulence(props: any): import("../../../..").DeclarationNode<import("../../../..").TurbulenceProps>;
+    FractalNoise(props: any): import("../../../..").DeclarationNode<import("../../../..").FractalNoiseProps>;
+    LinearGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").LinearGradientProps>;
+    RadialGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").RadialGradientProps>;
+    TwoPointConicalGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").TwoPointConicalGradientProps>;
+    CornerPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").CornerPathEffectProps>;
+    DiscretePathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").DiscretePathEffectProps>;
+    DashPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").DashPathEffectProps>;
+    Path1DPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").Path1DPathEffectProps>;
+    Path2DPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").Path2DPathEffectProps>;
+    SumPathEffect(): import("../../../..").DeclarationNode<null>;
+    Line2DPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").Line2DPathEffectProps>;
+    Blend(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendProps>;
+    BackdropFilter(props: any): import("../../../..").RenderNode<import("../../../..").ChildrenProps>;
+    Box(props: any): import("../../../..").RenderNode<import("../../../..").BoxProps>;
+    BoxShadow(props: any): import("../../../..").DeclarationNode<import("../../../..").BoxShadowProps>;
+    Paragraph(props: any): import("../../../..").RenderNode<import("../../../..").ParagraphProps>;
 }
-import _LayerNode = require("./LayerNode");
-import _GroupNode = require("./GroupNode");
-import _PaintNode = require("./PaintNode");
-import _ImageFilters = require("./paint/ImageFilters");
-import _ColorFilters = require("./paint/ColorFilters");
-import _Shaders = require("./paint/Shaders");
-import _ParagraphNode = require("./drawings/ParagraphNode");

package/lib/typescript/lib/commonjs/renderer/Canvas.web.d.ts

@@ -0,0 +1,3 @@
+export const __esModule: boolean;
+export const Canvas: _react.ForwardRefExoticComponent<_react.RefAttributes<any>>;
+import _react = require("react");

package/lib/typescript/lib/commonjs/renderer/Canvas2.d.ts

@@ -0,0 +1,3 @@
+export const __esModule: boolean;
+export const Canvas2: _react.ForwardRefExoticComponent<_react.RefAttributes<any>>;
+import _react = require("react");

package/lib/typescript/lib/commonjs/{dom/nodes/drawings/index.d.ts → renderer/Canvas2.web.d.ts}

@@ -1 +1,2 @@
 export const __esModule: boolean;
+export { Canvas as Canvas2 };

package/lib/typescript/lib/commonjs/renderer/Container.d.ts

@@ -1,10 +1,9 @@
 export const __esModule: boolean;
 export class Container {
-    constructor(Skia: any, redraw: (() => void) | undefined, getNativeId: (() => number) | undefined, native: any);
+    constructor(redraw?: () => void, getNativeId?: () => number);
     redraw: () => void;
     getNativeId: () => number;
     Sk: any;
     _root: any;
-    draw(ctx: any): void;
     get root(): any;
 }

package/lib/typescript/lib/commonjs/renderer/HostComponents.d.ts

@@ -1,3 +1,2 @@
 export const __esModule: boolean;
-export const NATIVE_DOM: boolean;
 export function createNode(container: any, type: any, props: any): any;

package/lib/typescript/lib/commonjs/renderer/Reconciler.d.ts

@@ -1,6 +1,6 @@
 export const __esModule: boolean;
 export class SkiaRoot {
-    constructor(Skia: any, native?: boolean, redraw?: () => void, getNativeId?: () => number);
+    constructor(redraw?: () => void, getNativeId?: () => number);
     container: _Container.Container;
     root: any;
     render(element: any): void;

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

@@ -0,0 +1,53 @@
+export const __esModule: boolean;
+export function composeDeclarations(filters: any, composer: any): any;
+export function createDeclarationContext(Skia: any): {
+    Skia: any;
+    paints: {
+        save: () => void;
+        restore: () => void;
+        pop: () => undefined;
+        push: (decl: any) => void;
+        popAll: () => never[];
+        popAllAsOne: () => any;
+    };
+    maskFilters: {
+        save: () => void;
+        restore: () => void;
+        pop: () => undefined;
+        push: (decl: any) => void;
+        popAll: () => never[];
+        popAllAsOne: () => any;
+    };
+    shaders: {
+        save: () => void;
+        restore: () => void;
+        pop: () => undefined;
+        push: (decl: any) => void;
+        popAll: () => never[];
+        popAllAsOne: () => any;
+    };
+    pathEffects: {
+        save: () => void;
+        restore: () => void;
+        pop: () => undefined;
+        push: (decl: any) => void;
+        popAll: () => never[];
+        popAllAsOne: () => any;
+    };
+    imageFilters: {
+        save: () => void;
+        restore: () => void;
+        pop: () => undefined;
+        push: (decl: any) => void;
+        popAll: () => never[];
+        popAllAsOne: () => any;
+    };
+    colorFilters: {
+        save: () => void;
+        restore: () => void;
+        pop: () => undefined;
+        push: (decl: any) => void;
+        popAll: () => never[];
+        popAllAsOne: () => any;
+    };
+};

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

@@ -1,15 +1,11 @@
 export const __esModule: boolean;
-export class DrawingContext {
-    constructor(Skia: any, canvas: any);
+export function createDrawingContext(Skia: any, canvas: any): {
     Skia: any;
     canvas: any;
-    paints: any[];
-    declCtx: any;
-    save(): void;
-    restore(): void;
-    get paint(): any;
-    getLocalPaints(): any[];
-    processPaint({ opacity, color, strokeWidth, blendMode, style, strokeJoin, strokeCap, strokeMiter, antiAlias, dither, paint: paintProp }: {
+    save: () => number;
+    restore: () => any;
+    getPaint: () => any;
+    processPaint: ({ opacity, color, strokeWidth, blendMode, style, strokeJoin, strokeCap, strokeMiter, antiAlias, dither, paint: paintProp }: {
         opacity: any;
         color: any;
         strokeWidth: any;
@@ -21,6 +17,6 @@ export class DrawingContext {
         antiAlias: any;
         dither: any;
         paint: any;
-    }): boolean;
-    processMatrixAndClipping(props: any, layer: any): boolean;
-}
+    }, declCtx: any) => boolean;
+    processMatrixAndClipping: (props: any, layer: any) => boolean;
+};

package/lib/typescript/lib/commonjs/sksg/Reconciler.d.ts

@@ -1,6 +1,7 @@
 export const __esModule: boolean;
 export class SkiaSGRoot {
     constructor(Skia: any, nativeId?: number);
+    Skia: any;
     container: _Container.Container;
     root: any;
     get sg(): {
@@ -11,6 +12,7 @@ export class SkiaSGRoot {
     };
     render(element: any): void;
     drawOnCanvas(canvas: any): void;
+    getPicture(): any;
     unmount(): void;
 }
 import _Container = require("./Container");

package/lib/typescript/lib/commonjs/sksg/nodes/colorFilters.d.ts

@@ -1,4 +1,5 @@
 export const __esModule: boolean;
+export function composeColorFilters(ctx: any, cf: any, processChildren: any): void;
 export function makeBlendColorFilter(ctx: any, props: any): any;
 export function makeSRGBToLinearGammaColorFilter(ctx: any): any;
 export function makeLinearToSRGBGammaColorFilter(ctx: any): any;

package/lib/typescript/lib/commonjs/sksg/nodes/drawings.d.ts

@@ -2,7 +2,6 @@ export const __esModule: boolean;
 export function drawLine(ctx: any, props: any): void;
 export function drawOval(ctx: any, props: any): void;
 export function drawBox(ctx: any, props: any, children: any): void;
-export function drawBoxShadow(_ctx: any, _props: any): void;
 export function drawImage(ctx: any, props: any): void;
 export function drawPoints(ctx: any, props: any): void;
 export function drawVertices(ctx: any, props: any): void;

package/lib/typescript/lib/commonjs/sksg/nodes/imageFilters.d.ts

@@ -1,5 +1,7 @@
 export const __esModule: boolean;
 export const MorphologyOperator: {};
+export function declareBlend(ctx: any, props: any): void;
+export function composeImageFilters(ctx: any, imgf1: any, processChildren: any): void;
 export function makeOffsetImageFilter(ctx: any, props: any): any;
 export function declareDisplacementMapImageFilter(ctx: any, props: any): void;
 export function makeBlurImageFilter(ctx: any, props: any): any;

package/lib/typescript/lib/commonjs/sksg/nodes/pathEffects.d.ts

@@ -1,4 +1,5 @@
 export const __esModule: boolean;
+export function composePathEffects(ctx: any, pe: any, processChildren: any): void;
 export function makeDiscretePathEffect(ctx: any, props: any): any;
 export function makePath2DPathEffect(ctx: any, props: any): any;
 export function makeDashPathEffect(ctx: any, props: any): any;

package/lib/typescript/lib/commonjs/views/SkiaDomView.web.d.ts

@@ -1,5 +0,0 @@
-export const __esModule: boolean;
-export class SkiaDomView extends _SkiaBaseWebView.SkiaBaseWebView {
-    renderInCanvas(canvas: any): void;
-}
-import _SkiaBaseWebView = require("./SkiaBaseWebView");

package/lib/typescript/lib/commonjs/views/SkiaPictureView.web.d.ts

@@ -1,5 +1,7 @@
 export const __esModule: boolean;
 export class SkiaPictureView extends _SkiaBaseWebView.SkiaBaseWebView {
+    setPicture(picture: any): void;
+    picture: any;
     renderInCanvas(canvas: any): void;
 }
 import _SkiaBaseWebView = require("./SkiaBaseWebView");