@shopify/react-native-skia 1.8.0 → 1.8.1

package/lib/module/sksg/{nodes/shaders.js → Recorder/commands/Shaders.js}

@@ -1,6 +1,9 @@
-import { enumKey, fitRects, getRect, processGradientProps, processTransformProps, rect2rect } from "../../dom/nodes";
-import { FilterMode, MipmapMode, processUniforms, TileMode } from "../../skia/types";
-export const declareShader = (ctx, props) => {
+import { enumKey, fitRects, getRect, processGradientProps, processTransformProps, rect2rect } from "../../../dom/nodes";
+import { NodeType } from "../../../dom/types";
+import { BlendMode, FilterMode, MipmapMode, processUniforms, TileMode } from "../../../skia/types";
+import { composeDeclarations } from "../../utils";
+import { CommandType } from "../Core";
+const declareShader = (ctx, props) => {
   "worklet";
 
   const {
@@ -10,10 +13,10 @@ export const declareShader = (ctx, props) => {
   } = props;
   const m3 = ctx.Skia.Matrix();
   processTransformProps(m3, transform);
-  const shader = source.makeShaderWithChildren(processUniforms(source, uniforms), ctx.shaders.popAll(), m3);
+  const shader = source.makeShaderWithChildren(processUniforms(source, uniforms), ctx.shaders.splice(0, ctx.shaders.length), m3);
   ctx.shaders.push(shader);
 };
-export const declareColorShader = (ctx, props) => {
+const declareColorShader = (ctx, props) => {
   "worklet";
 
   const {
@@ -22,7 +25,7 @@ export const declareColorShader = (ctx, props) => {
   const shader = ctx.Skia.Shader.MakeColor(ctx.Skia.Color(color));
   ctx.shaders.push(shader);
 };
-export const declareFractalNoiseShader = (ctx, props) => {
+const declareFractalNoiseShader = (ctx, props) => {
   "worklet";
 
   const {
@@ -36,7 +39,7 @@ export const declareFractalNoiseShader = (ctx, props) => {
   const shader = ctx.Skia.Shader.MakeFractalNoise(freqX, freqY, octaves, seed, tileWidth, tileHeight);
   ctx.shaders.push(shader);
 };
-export const declareTwoPointConicalGradientShader = (ctx, props) => {
+const declareTwoPointConicalGradientShader = (ctx, props) => {
   "worklet";
 
   const {
@@ -55,7 +58,7 @@ export const declareTwoPointConicalGradientShader = (ctx, props) => {
   const shader = ctx.Skia.Shader.MakeTwoPointConicalGradient(start, startR, end, endR, colors, positions, mode, localMatrix, flags);
   ctx.shaders.push(shader);
 };
-export const declareRadialGradientShader = (ctx, props) => {
+const declareRadialGradientShader = (ctx, props) => {
   "worklet";
 
   const {
@@ -72,7 +75,7 @@ export const declareRadialGradientShader = (ctx, props) => {
   const shader = ctx.Skia.Shader.MakeRadialGradient(c, r, colors, positions, mode, localMatrix, flags);
   ctx.shaders.push(shader);
 };
-export const declareSweepGradientShader = (ctx, props) => {
+const declareSweepGradientShader = (ctx, props) => {
   "worklet";
 
   const {
@@ -90,7 +93,7 @@ export const declareSweepGradientShader = (ctx, props) => {
   const shader = ctx.Skia.Shader.MakeSweepGradient(c.x, c.y, colors, positions, mode, localMatrix, flags, start, end);
   ctx.shaders.push(shader);
 };
-export const declareLinearGradientShader = (ctx, props) => {
+const declareLinearGradientShader = (ctx, props) => {
   "worklet";
 
   const {
@@ -107,7 +110,7 @@ export const declareLinearGradientShader = (ctx, props) => {
   const shader = ctx.Skia.Shader.MakeLinearGradient(start, end, colors, positions !== null && positions !== void 0 ? positions : null, mode, localMatrix, flags);
   ctx.shaders.push(shader);
 };
-export const declareTurbulenceShader = (ctx, props) => {
+const declareTurbulenceShader = (ctx, props) => {
   "worklet";
 
   const {
@@ -121,7 +124,7 @@ export const declareTurbulenceShader = (ctx, props) => {
   const shader = ctx.Skia.Shader.MakeTurbulence(freqX, freqY, octaves, seed, tileWidth, tileHeight);
   ctx.shaders.push(shader);
 };
-export const declareImageShader = (ctx, props) => {
+const declareImageShader = (ctx, props) => {
   "worklet";
 
   const {
@@ -155,4 +158,51 @@ export const declareImageShader = (ctx, props) => {
   const shader = image.makeShaderOptions(TileMode[enumKey(tx)], TileMode[enumKey(ty)], FilterMode[enumKey(fm)], MipmapMode[enumKey(mm)], lm);
   ctx.shaders.push(shader);
 };
-//# sourceMappingURL=shaders.js.map
+const declareBlend = (ctx, props) => {
+  "worklet";
+
+  const blend = BlendMode[enumKey(props.mode)];
+  const shaders = ctx.shaders.splice(0, ctx.shaders.length);
+  if (shaders.length > 0) {
+    const composer = ctx.Skia.Shader.MakeBlend.bind(ctx.Skia.Shader, blend);
+    ctx.shaders.push(composeDeclarations(shaders, composer));
+  }
+};
+export const isPushShader = command => {
+  "worklet";
+
+  return command.type === CommandType.PushShader;
+};
+const isShader = (command, type) => {
+  "worklet";
+
+  return command.shaderType === type;
+};
+export const pushShader = (ctx, command) => {
+  "worklet";
+
+  if (isShader(command, NodeType.Shader)) {
+    declareShader(ctx, command.props);
+  } else if (isShader(command, NodeType.ImageShader)) {
+    declareImageShader(ctx, command.props);
+  } else if (isShader(command, NodeType.ColorShader)) {
+    declareColorShader(ctx, command.props);
+  } else if (isShader(command, NodeType.Turbulence)) {
+    declareTurbulenceShader(ctx, command.props);
+  } else if (isShader(command, NodeType.FractalNoise)) {
+    declareFractalNoiseShader(ctx, command.props);
+  } else if (isShader(command, NodeType.LinearGradient)) {
+    declareLinearGradientShader(ctx, command.props);
+  } else if (isShader(command, NodeType.RadialGradient)) {
+    declareRadialGradientShader(ctx, command.props);
+  } else if (isShader(command, NodeType.SweepGradient)) {
+    declareSweepGradientShader(ctx, command.props);
+  } else if (isShader(command, NodeType.TwoPointConicalGradient)) {
+    declareTwoPointConicalGradientShader(ctx, command.props);
+  } else if (isShader(command, NodeType.Blend)) {
+    declareBlend(ctx, command.props);
+  } else {
+    throw new Error(`Unknown shader type: ${command.shaderType}`);
+  }
+};
+//# sourceMappingURL=Shaders.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["enumKey","fitRects","getRect","processGradientProps","processTransformProps","rect2rect","NodeType","BlendMode","FilterMode","MipmapMode","processUniforms","TileMode","composeDeclarations","CommandType","declareShader","ctx","props","source","uniforms","transform","m3","Skia","Matrix","shader","makeShaderWithChildren","shaders","splice","length","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","declareBlend","blend","composer","MakeBlend","bind","isPushShader","command","type","PushShader","isShader","shaderType","pushShader","ImageShader","ColorShader","Turbulence","FractalNoise","LinearGradient","RadialGradient","SweepGradient","TwoPointConicalGradient","Blend","Error"],"sources":["Shaders.ts"],"sourcesContent":["import {\n  enumKey,\n  fitRects,\n  getRect,\n  processGradientProps,\n  processTransformProps,\n  rect2rect,\n} from \"../../../dom/nodes\";\nimport { NodeType } from \"../../../dom/types\";\nimport type {\n  BlendProps,\n  ColorProps,\n  FractalNoiseProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  RadialGradientProps,\n  ShaderProps,\n  SweepGradientProps,\n  TurbulenceProps,\n  TwoPointConicalGradientProps,\n} from \"../../../dom/types\";\nimport {\n  BlendMode,\n  FilterMode,\n  MipmapMode,\n  processUniforms,\n  TileMode,\n} from \"../../../skia/types\";\nimport { composeDeclarations } from \"../../utils\";\nimport type { Command } from \"../Core\";\nimport { CommandType } from \"../Core\";\nimport type { DrawingContext } from \"../DrawingContext\";\n\nconst declareShader = (ctx: DrawingContext, 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.splice(0, ctx.shaders.length),\n    m3\n  );\n  ctx.shaders.push(shader);\n};\n\nconst declareColorShader = (ctx: DrawingContext, props: ColorProps) => {\n  \"worklet\";\n  const { color } = props;\n  const shader = ctx.Skia.Shader.MakeColor(ctx.Skia.Color(color));\n  ctx.shaders.push(shader);\n};\n\nconst declareFractalNoiseShader = (\n  ctx: DrawingContext,\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\nconst declareTwoPointConicalGradientShader = (\n  ctx: DrawingContext,\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\nconst declareRadialGradientShader = (\n  ctx: DrawingContext,\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\nconst declareSweepGradientShader = (\n  ctx: DrawingContext,\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\nconst declareLinearGradientShader = (\n  ctx: DrawingContext,\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\nconst declareTurbulenceShader = (\n  ctx: DrawingContext,\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\nconst declareImageShader = (ctx: DrawingContext, props: ImageShaderProps) => {\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\nconst declareBlend = (ctx: DrawingContext, props: BlendProps) => {\n  \"worklet\";\n  const blend = BlendMode[enumKey(props.mode as BlendProps[\"mode\"])];\n  const shaders = ctx.shaders.splice(0, ctx.shaders.length);\n  if (shaders.length > 0) {\n    const composer = ctx.Skia.Shader.MakeBlend.bind(ctx.Skia.Shader, blend);\n    ctx.shaders.push(composeDeclarations(shaders, composer));\n  }\n};\n\nexport const isPushShader = (\n  command: Command\n): command is Command<CommandType.PushShader> => {\n  \"worklet\";\n  return command.type === CommandType.PushShader;\n};\n\ntype Props = {\n  [NodeType.Shader]: ShaderProps;\n  [NodeType.ImageShader]: ImageShaderProps;\n  [NodeType.ColorShader]: ColorProps;\n  [NodeType.Turbulence]: TurbulenceProps;\n  [NodeType.FractalNoise]: FractalNoiseProps;\n  [NodeType.LinearGradient]: LinearGradientProps;\n  [NodeType.RadialGradient]: RadialGradientProps;\n  [NodeType.SweepGradient]: SweepGradientProps;\n  [NodeType.TwoPointConicalGradient]: TwoPointConicalGradientProps;\n  [NodeType.Blend]: BlendProps;\n};\n\ninterface PushShader<T extends keyof Props>\n  extends Command<CommandType.PushShader> {\n  shaderType: T;\n  props: Props[T];\n}\n\nconst isShader = <T extends keyof Props>(\n  command: Command<CommandType.PushShader>,\n  type: T\n): command is PushShader<T> => {\n  \"worklet\";\n  return command.shaderType === type;\n};\n\nexport const pushShader = (\n  ctx: DrawingContext,\n  command: Command<CommandType.PushShader>\n) => {\n  \"worklet\";\n  if (isShader(command, NodeType.Shader)) {\n    declareShader(ctx, command.props);\n  } else if (isShader(command, NodeType.ImageShader)) {\n    declareImageShader(ctx, command.props);\n  } else if (isShader(command, NodeType.ColorShader)) {\n    declareColorShader(ctx, command.props);\n  } else if (isShader(command, NodeType.Turbulence)) {\n    declareTurbulenceShader(ctx, command.props);\n  } else if (isShader(command, NodeType.FractalNoise)) {\n    declareFractalNoiseShader(ctx, command.props);\n  } else if (isShader(command, NodeType.LinearGradient)) {\n    declareLinearGradientShader(ctx, command.props);\n  } else if (isShader(command, NodeType.RadialGradient)) {\n    declareRadialGradientShader(ctx, command.props);\n  } else if (isShader(command, NodeType.SweepGradient)) {\n    declareSweepGradientShader(ctx, command.props);\n  } else if (isShader(command, NodeType.TwoPointConicalGradient)) {\n    declareTwoPointConicalGradientShader(ctx, command.props);\n  } else if (isShader(command, NodeType.Blend)) {\n    declareBlend(ctx, command.props);\n  } else {\n    throw new Error(`Unknown shader type: ${command.shaderType}`);\n  }\n};\n"],"mappings":"AAAA,SACEA,OAAO,EACPC,QAAQ,EACRC,OAAO,EACPC,oBAAoB,EACpBC,qBAAqB,EACrBC,SAAS,QACJ,oBAAoB;AAC3B,SAASC,QAAQ,QAAQ,oBAAoB;AAa7C,SACEC,SAAS,EACTC,UAAU,EACVC,UAAU,EACVC,eAAe,EACfC,QAAQ,QACH,qBAAqB;AAC5B,SAASC,mBAAmB,QAAQ,aAAa;AAEjD,SAASC,WAAW,QAAQ,SAAS;AAGrC,MAAMC,aAAa,GAAGA,CAACC,GAAmB,EAAEC,KAAkB,KAAK;EACjE,SAAS;;EACT,MAAM;IAAEC,MAAM;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EAChD,MAAMI,EAAE,GAAGL,GAAG,CAACM,IAAI,CAACC,MAAM,CAAC,CAAC;EAC5BlB,qBAAqB,CAACgB,EAAE,EAAED,SAAS,CAAC;EACpC,MAAMI,MAAM,GAAGN,MAAM,CAACO,sBAAsB,CAC1Cd,eAAe,CAACO,MAAM,EAAEC,QAAQ,CAAC,EACjCH,GAAG,CAACU,OAAO,CAACC,MAAM,CAAC,CAAC,EAAEX,GAAG,CAACU,OAAO,CAACE,MAAM,CAAC,EACzCP,EACF,CAAC;EACDL,GAAG,CAACU,OAAO,CAACG,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAMM,kBAAkB,GAAGA,CAACd,GAAmB,EAAEC,KAAiB,KAAK;EACrE,SAAS;;EACT,MAAM;IAAEc;EAAM,CAAC,GAAGd,KAAK;EACvB,MAAMO,MAAM,GAAGR,GAAG,CAACM,IAAI,CAACU,MAAM,CAACC,SAAS,CAACjB,GAAG,CAACM,IAAI,CAACY,KAAK,CAACH,KAAK,CAAC,CAAC;EAC/Df,GAAG,CAACU,OAAO,CAACG,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAMW,yBAAyB,GAAGA,CAChCnB,GAAmB,EACnBC,KAAwB,KACrB;EACH,SAAS;;EACT,MAAM;IAAEmB,KAAK;IAAEC,KAAK;IAAEC,OAAO;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGxB,KAAK;EACpE,MAAMO,MAAM,GAAGR,GAAG,CAACM,IAAI,CAACU,MAAM,CAACU,gBAAgB,CAC7CN,KAAK,EACLC,KAAK,EACLC,OAAO,EACPC,IAAI,EACJC,SAAS,EACTC,UACF,CAAC;EACDzB,GAAG,CAACU,OAAO,CAACG,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAMmB,oCAAoC,GAAGA,CAC3C3B,GAAmB,EACnBC,KAAmC,KAChC;EACH,SAAS;;EACT,MAAM;IAAE2B,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAG9B,KAAK;EAC1C,MAAM;IAAE+B,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAAM,CAAC,GAAGhD,oBAAoB,CAC1EY,GAAG,CAACM,IAAI,EACRL,KACF,CAAC;EACD,MAAMO,MAAM,GAAGR,GAAG,CAACM,IAAI,CAACU,MAAM,CAACqB,2BAA2B,CACxDP,KAAK,EACLF,MAAM,EACNG,GAAG,EACHF,IAAI,EACJG,MAAM,EACNC,SAAS,EACTC,IAAI,EACJC,WAAW,EACXC,KACF,CAAC;EACDpC,GAAG,CAACU,OAAO,CAACG,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAM8B,2BAA2B,GAAGA,CAClCtC,GAAmB,EACnBC,KAA0B,KACvB;EACH,SAAS;;EACT,MAAM;IAAEsC,CAAC;IAAEC;EAAE,CAAC,GAAGvC,KAAK;EACtB,MAAM;IAAE+B,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAAM,CAAC,GAAGhD,oBAAoB,CAC1EY,GAAG,CAACM,IAAI,EACRL,KACF,CAAC;EACD,MAAMO,MAAM,GAAGR,GAAG,CAACM,IAAI,CAACU,MAAM,CAACyB,kBAAkB,CAC/CF,CAAC,EACDC,CAAC,EACDR,MAAM,EACNC,SAAS,EACTC,IAAI,EACJC,WAAW,EACXC,KACF,CAAC;EACDpC,GAAG,CAACU,OAAO,CAACG,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAMkC,0BAA0B,GAAGA,CACjC1C,GAAmB,EACnBC,KAAyB,KACtB;EACH,SAAS;;EACT,MAAM;IAAEsC,CAAC;IAAET,KAAK;IAAEC;EAAI,CAAC,GAAG9B,KAAK;EAC/B,MAAM;IAAE+B,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAAM,CAAC,GAAGhD,oBAAoB,CAC1EY,GAAG,CAACM,IAAI,EACRL,KACF,CAAC;EACD,MAAMO,MAAM,GAAGR,GAAG,CAACM,IAAI,CAACU,MAAM,CAAC2B,iBAAiB,CAC9CJ,CAAC,CAACK,CAAC,EACHL,CAAC,CAACM,CAAC,EACHb,MAAM,EACNC,SAAS,EACTC,IAAI,EACJC,WAAW,EACXC,KAAK,EACLN,KAAK,EACLC,GACF,CAAC;EACD/B,GAAG,CAACU,OAAO,CAACG,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAMsC,2BAA2B,GAAGA,CAClC9C,GAAmB,EACnBC,KAA0B,KACvB;EACH,SAAS;;EACT,MAAM;IAAE6B,KAAK;IAAEC;EAAI,CAAC,GAAG9B,KAAK;EAC5B,MAAM;IAAE+B,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAAM,CAAC,GAAGhD,oBAAoB,CAC1EY,GAAG,CAACM,IAAI,EACRL,KACF,CAAC;EACD,MAAMO,MAAM,GAAGR,GAAG,CAACM,IAAI,CAACU,MAAM,CAAC+B,kBAAkB,CAC/CjB,KAAK,EACLC,GAAG,EACHC,MAAM,EACNC,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,IAAI,EACjBC,IAAI,EACJC,WAAW,EACXC,KACF,CAAC;EACDpC,GAAG,CAACU,OAAO,CAACG,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAMwC,uBAAuB,GAAGA,CAC9BhD,GAAmB,EACnBC,KAAsB,KACnB;EACH,SAAS;;EACT,MAAM;IAAEmB,KAAK;IAAEC,KAAK;IAAEC,OAAO;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGxB,KAAK;EACpE,MAAMO,MAAM,GAAGR,GAAG,CAACM,IAAI,CAACU,MAAM,CAACiC,cAAc,CAC3C7B,KAAK,EACLC,KAAK,EACLC,OAAO,EACPC,IAAI,EACJC,SAAS,EACTC,UACF,CAAC;EACDzB,GAAG,CAACU,OAAO,CAACG,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAM0C,kBAAkB,GAAGA,CAAClD,GAAmB,EAAEC,KAAuB,KAAK;EAC3E,SAAS;;EACT,MAAM;IAAEkD,GAAG;IAAEC,KAAK;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAE,GAAGC;EAAiB,CAAC,GAAGxD,KAAK;EACjE,IAAI,CAACmD,KAAK,EAAE;IACV;EACF;EAEA,MAAMM,GAAG,GAAGvE,OAAO,CAACa,GAAG,CAACM,IAAI,EAAEmD,gBAAgB,CAAC;EAC/C,MAAMpD,EAAE,GAAGL,GAAG,CAACM,IAAI,CAACC,MAAM,CAAC,CAAC;EAC5B,IAAImD,GAAG,EAAE;IACP,MAAMC,KAAK,GAAGzE,QAAQ,CACpBiE,GAAG,EACH;MAAEP,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE,CAAC;MAAEe,KAAK,EAAER,KAAK,CAACQ,KAAK,CAAC,CAAC;MAAEC,MAAM,EAAET,KAAK,CAACS,MAAM,CAAC;IAAE,CAAC,EAC5DH,GACF,CAAC;IACD,MAAM,CAACd,CAAC,EAAEC,CAAC,EAAEiB,EAAE,EAAEC,EAAE,CAAC,GAAGzE,SAAS,CAACqE,KAAK,CAACK,GAAG,EAAEL,KAAK,CAACM,GAAG,CAAC;IACtD5D,EAAE,CAAC6D,SAAS,CAACtB,CAAC,CAACuB,UAAU,EAAEtB,CAAC,CAACuB,UAAU,CAAC;IACxC/D,EAAE,CAACgE,KAAK,CAACP,EAAE,CAACQ,MAAM,EAAEP,EAAE,CAACQ,MAAM,CAAC;EAChC;EACA,MAAMC,EAAE,GAAGxE,GAAG,CAACM,IAAI,CAACC,MAAM,CAAC,CAAC;EAC5BiE,EAAE,CAACC,MAAM,CAACpE,EAAE,CAAC;EACbhB,qBAAqB,CAACmF,EAAE,EAAEf,gBAAgB,CAAC;EAC3C,MAAMjD,MAAM,GAAG4C,KAAK,CAACsB,iBAAiB,CACpC9E,QAAQ,CAACX,OAAO,CAACoE,EAAE,CAAC,CAAC,EACrBzD,QAAQ,CAACX,OAAO,CAACqE,EAAE,CAAC,CAAC,EACrB7D,UAAU,CAACR,OAAO,CAACsE,EAAE,CAAC,CAAC,EACvB7D,UAAU,CAACT,OAAO,CAACuE,EAAE,CAAC,CAAC,EACvBgB,EACF,CAAC;EACDxE,GAAG,CAACU,OAAO,CAACG,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAMmE,YAAY,GAAGA,CAAC3E,GAAmB,EAAEC,KAAiB,KAAK;EAC/D,SAAS;;EACT,MAAM2E,KAAK,GAAGpF,SAAS,CAACP,OAAO,CAACgB,KAAK,CAACiC,IAA0B,CAAC,CAAC;EAClE,MAAMxB,OAAO,GAAGV,GAAG,CAACU,OAAO,CAACC,MAAM,CAAC,CAAC,EAAEX,GAAG,CAACU,OAAO,CAACE,MAAM,CAAC;EACzD,IAAIF,OAAO,CAACE,MAAM,GAAG,CAAC,EAAE;IACtB,MAAMiE,QAAQ,GAAG7E,GAAG,CAACM,IAAI,CAACU,MAAM,CAAC8D,SAAS,CAACC,IAAI,CAAC/E,GAAG,CAACM,IAAI,CAACU,MAAM,EAAE4D,KAAK,CAAC;IACvE5E,GAAG,CAACU,OAAO,CAACG,IAAI,CAAChB,mBAAmB,CAACa,OAAO,EAAEmE,QAAQ,CAAC,CAAC;EAC1D;AACF,CAAC;AAED,OAAO,MAAMG,YAAY,GACvBC,OAAgB,IAC+B;EAC/C,SAAS;;EACT,OAAOA,OAAO,CAACC,IAAI,KAAKpF,WAAW,CAACqF,UAAU;AAChD,CAAC;AAqBD,MAAMC,QAAQ,GAAGA,CACfH,OAAwC,EACxCC,IAAO,KACsB;EAC7B,SAAS;;EACT,OAAOD,OAAO,CAACI,UAAU,KAAKH,IAAI;AACpC,CAAC;AAED,OAAO,MAAMI,UAAU,GAAGA,CACxBtF,GAAmB,EACnBiF,OAAwC,KACrC;EACH,SAAS;;EACT,IAAIG,QAAQ,CAACH,OAAO,EAAE1F,QAAQ,CAACyB,MAAM,CAAC,EAAE;IACtCjB,aAAa,CAACC,GAAG,EAAEiF,OAAO,CAAChF,KAAK,CAAC;EACnC,CAAC,MAAM,IAAImF,QAAQ,CAACH,OAAO,EAAE1F,QAAQ,CAACgG,WAAW,CAAC,EAAE;IAClDrC,kBAAkB,CAAClD,GAAG,EAAEiF,OAAO,CAAChF,KAAK,CAAC;EACxC,CAAC,MAAM,IAAImF,QAAQ,CAACH,OAAO,EAAE1F,QAAQ,CAACiG,WAAW,CAAC,EAAE;IAClD1E,kBAAkB,CAACd,GAAG,EAAEiF,OAAO,CAAChF,KAAK,CAAC;EACxC,CAAC,MAAM,IAAImF,QAAQ,CAACH,OAAO,EAAE1F,QAAQ,CAACkG,UAAU,CAAC,EAAE;IACjDzC,uBAAuB,CAAChD,GAAG,EAAEiF,OAAO,CAAChF,KAAK,CAAC;EAC7C,CAAC,MAAM,IAAImF,QAAQ,CAACH,OAAO,EAAE1F,QAAQ,CAACmG,YAAY,CAAC,EAAE;IACnDvE,yBAAyB,CAACnB,GAAG,EAAEiF,OAAO,CAAChF,KAAK,CAAC;EAC/C,CAAC,MAAM,IAAImF,QAAQ,CAACH,OAAO,EAAE1F,QAAQ,CAACoG,cAAc,CAAC,EAAE;IACrD7C,2BAA2B,CAAC9C,GAAG,EAAEiF,OAAO,CAAChF,KAAK,CAAC;EACjD,CAAC,MAAM,IAAImF,QAAQ,CAACH,OAAO,EAAE1F,QAAQ,CAACqG,cAAc,CAAC,EAAE;IACrDtD,2BAA2B,CAACtC,GAAG,EAAEiF,OAAO,CAAChF,KAAK,CAAC;EACjD,CAAC,MAAM,IAAImF,QAAQ,CAACH,OAAO,EAAE1F,QAAQ,CAACsG,aAAa,CAAC,EAAE;IACpDnD,0BAA0B,CAAC1C,GAAG,EAAEiF,OAAO,CAAChF,KAAK,CAAC;EAChD,CAAC,MAAM,IAAImF,QAAQ,CAACH,OAAO,EAAE1F,QAAQ,CAACuG,uBAAuB,CAAC,EAAE;IAC9DnE,oCAAoC,CAAC3B,GAAG,EAAEiF,OAAO,CAAChF,KAAK,CAAC;EAC1D,CAAC,MAAM,IAAImF,QAAQ,CAACH,OAAO,EAAE1F,QAAQ,CAACwG,KAAK,CAAC,EAAE;IAC5CpB,YAAY,CAAC3E,GAAG,EAAEiF,OAAO,CAAChF,KAAK,CAAC;EAClC,CAAC,MAAM;IACL,MAAM,IAAI+F,KAAK,CAAC,wBAAwBf,OAAO,CAACI,UAAU,EAAE,CAAC;EAC/D;AACF,CAAC","ignoreList":[]}

package/lib/module/sksg/{nodes/utils.d.ts → utils.d.ts}

@@ -1,3 +1,6 @@
 import type { SharedValue } from "react-native-reanimated";
 export declare const isSharedValue: <T = unknown>(value: unknown) => value is SharedValue<T>;
 export declare const materialize: <T extends object>(props: T) => T;
+type Composer<T> = (outer: T, inner: T) => T;
+export declare const composeDeclarations: <T>(filters: T[], composer: Composer<T>) => T;
+export {};

package/lib/module/sksg/{nodes/utils.js → utils.js}

@@ -1,4 +1,4 @@
-import { mapKeys } from "../../renderer/typeddash";
+import { mapKeys } from "../renderer/typeddash";
 export const isSharedValue = value => {
   "worklet";
 
@@ -17,4 +17,13 @@ export const materialize = props => {
   });
   return result;
 };
+export 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);
+};
 //# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapKeys","isSharedValue","value","_isReanimatedSharedValue","materialize","props","result","Object","assign","forEach","key","composeDeclarations","filters","composer","len","length","reduceRight","inner","outer"],"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\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"],"mappings":"AAEA,SAASA,OAAO,QAAQ,uBAAuB;AAE/C,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;AAID,OAAO,MAAMK,mBAAmB,GAAGA,CAAIC,OAAY,EAAEC,QAAqB,KAAK;EAC7E,SAAS;;EACT,MAAMC,GAAG,GAAGF,OAAO,CAACG,MAAM;EAC1B,IAAID,GAAG,IAAI,CAAC,EAAE;IACZ,OAAOF,OAAO,CAAC,CAAC,CAAC;EACnB;EACA,OAAOA,OAAO,CAACI,WAAW,CAAC,CAACC,KAAK,EAAEC,KAAK,KACtCD,KAAK,GAAGJ,QAAQ,CAACK,KAAK,EAAED,KAAK,CAAC,GAAGC,KACnC,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/typescript/lib/commonjs/external/reanimated/renderHelpers.d.ts

@@ -1,5 +1,4 @@
 export const __esModule: boolean;
-export const HAS_REANIMATED: any;
 export const HAS_REANIMATED_3: any;
 export function bindReanimatedProps(container: any, node: any, reanimatedProps: any): void;
 export function extractReanimatedProps(props: any): any[];

package/lib/typescript/lib/commonjs/skia/web/JsiSkPaint.d.ts

@@ -2,6 +2,7 @@ export const __esModule: boolean;
 export class JsiSkPaint extends _Host.HostObject {
     constructor(CanvasKit: any, ref: any);
     copy(): JsiSkPaint;
+    assign(paint: any): void;
     reset(): void;
     getAlphaf(): any;
     getColor(): any;

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

@@ -7,6 +7,10 @@ export class Container {
     get root(): any;
     mapperId: any;
     _root: any;
+    _recording: {
+        commands: any;
+        paintPool: never[];
+    } | undefined;
     clear(): void;
     redraw(): void;
     getNativeId(): any;

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

@@ -11,9 +11,8 @@ export namespace sksgHostConfig {
     function getChildHostContext(_parentHostContext: any, _type: any, _rootContainerInstance: any): null;
     function shouldSetTextContent(_type: any, _props: any): boolean;
     function createTextInstance(_text: any, _rootContainerInstance: any, _hostContext: any, _internalInstanceHandle: any): never;
-    function createInstance(type: any, props: any, container: any, _hostContext: any, _internalInstanceHandle: any): {
+    function createInstance(type: any, propsWithChildren: any, container: any, _hostContext: any, _internalInstanceHandle: any): {
         type: any;
-        isDeclaration: boolean;
         props: any;
         children: never[];
     };
@@ -31,7 +30,6 @@ export namespace sksgHostConfig {
         type: any;
         props: any;
         children: any[];
-        isDeclaration: any;
     };
     function createContainerChildSet(): never[];
     function appendChildToContainerChildSet(childSet: any, child: any): void;

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

@@ -0,0 +1,14 @@
+export const __esModule: boolean;
+export function isColorFilter(type: any): boolean;
+export function isPathEffect(type: any): boolean;
+export function isImageFilter(type: any): boolean;
+export function isShader(type: any): boolean;
+export function sortNodeChildren(parent: any): {
+    colorFilters: any[];
+    drawings: any[];
+    maskFilters: any[];
+    shaders: any[];
+    pathEffects: any[];
+    imageFilters: any[];
+    paints: any[];
+};

package/lib/typescript/lib/commonjs/sksg/Recorder/Core.d.ts

@@ -0,0 +1,5 @@
+export const __esModule: boolean;
+export const CommandType: {};
+export function materializeProps(command: any): void;
+export function isCommand(command: any, type: any): boolean;
+export function isDrawCommand(command: any, type: any): boolean;

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

@@ -0,0 +1,17 @@
+export const __esModule: boolean;
+export function createDrawingContext(Skia: any, paintPool: any, canvas: any): {
+    Skia: any;
+    canvas: any;
+    paints: any[];
+    colorFilters: any[];
+    shaders: any[];
+    imageFilters: any[];
+    pathEffects: any[];
+    paintDeclarations: any[];
+    paintPool: any;
+    savePaint: () => void;
+    saveBackdropFilter: () => void;
+    readonly paint: any;
+    restorePaint: () => any;
+    materializePaint: () => void;
+};

package/lib/typescript/lib/commonjs/sksg/Recorder/Player.d.ts

@@ -0,0 +1,2 @@
+export const __esModule: boolean;
+export function replay(ctx: any, commands: any): void;

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

@@ -0,0 +1,45 @@
+export const __esModule: boolean;
+export class Recorder {
+    processProps(props: any): {
+        props: any;
+        animatedProps: {} | undefined;
+    };
+    add(command: any): void;
+    savePaint(props: any): void;
+    restorePaint(): void;
+    restorePaintDeclaration(): void;
+    materializePaint(): void;
+    pushPathEffect(pathEffectType: any, props: any): void;
+    pushImageFilter(imageFilterType: any, props: any): void;
+    pushColorFilter(colorFilterType: any, props: any): void;
+    pushShader(shaderType: any, props: any): void;
+    pushBlurMaskFilter(props: any): void;
+    composePathEffect(): void;
+    composeColorFilter(): void;
+    composeImageFilter(): void;
+    saveCTM(props: any): void;
+    restoreCTM(): void;
+    drawPaint(): void;
+    saveLayer(): void;
+    saveBackdropFilter(): void;
+    drawBox(boxProps: any, shadows: any): void;
+    drawImage(props: any): void;
+    drawCircle(props: any): void;
+    drawPoints(props: any): void;
+    drawPath(props: any): void;
+    drawRect(props: any): void;
+    drawRRect(props: any): void;
+    drawOval(props: any): void;
+    drawLine(props: any): void;
+    drawPatch(props: any): void;
+    drawVertices(props: any): void;
+    drawDiffRect(props: any): void;
+    drawText(props: any): void;
+    drawTextPath(props: any): void;
+    drawTextBlob(props: any): void;
+    drawGlyphs(props: any): void;
+    drawPicture(props: any): void;
+    drawImageSVG(props: any): void;
+    drawParagraph(props: any): void;
+    drawAtlas(props: any): void;
+}

package/lib/typescript/lib/commonjs/sksg/Recorder/Recording.d.ts

@@ -0,0 +1,5 @@
+export const __esModule: boolean;
+export function createRecording(commands: any): {
+    commands: any;
+    paintPool: never[];
+};

package/lib/typescript/lib/commonjs/sksg/Recorder/Visitor.d.ts

@@ -0,0 +1,27 @@
+export const __esModule: boolean;
+export function processPaint({ opacity, color, strokeWidth, blendMode, style, strokeJoin, strokeCap, strokeMiter, antiAlias, dither, paint: paintRef }: {
+    opacity: any;
+    color: any;
+    strokeWidth: any;
+    blendMode: any;
+    style: any;
+    strokeJoin: any;
+    strokeCap: any;
+    strokeMiter: any;
+    antiAlias: any;
+    dither: any;
+    paint: any;
+}): {
+    opacity: any;
+    color: any;
+    strokeWidth: any;
+    blendMode: any;
+    style: any;
+    strokeJoin: any;
+    strokeCap: any;
+    strokeMiter: any;
+    antiAlias: any;
+    dither: any;
+    paint: any;
+} | null;
+export function visit(recorder: any, root: any): void;

package/lib/typescript/lib/commonjs/sksg/Recorder/commands/Box.d.ts

@@ -0,0 +1,3 @@
+export const __esModule: boolean;
+export function isBoxCommand(command: any): boolean;
+export function drawBox(ctx: any, command: any): void;

package/lib/typescript/lib/commonjs/sksg/Recorder/commands/CTM.d.ts

@@ -0,0 +1,2 @@
+export const __esModule: boolean;
+export function saveCTM(ctx: any, props: any): void;

package/lib/typescript/lib/commonjs/sksg/Recorder/commands/ColorFilters.d.ts

@@ -0,0 +1,4 @@
+export const __esModule: boolean;
+export function isPushColorFilter(command: any): boolean;
+export function composeColorFilters(ctx: any): void;
+export function pushColorFilter(ctx: any, command: any): void;

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

@@ -0,0 +1,6 @@
+export const __esModule: boolean;
+export const MorphologyOperator: {};
+export function composeImageFilters(ctx: any): void;
+export function setBlurMaskFilter(ctx: any, props: any): void;
+export function isPushImageFilter(command: any): boolean;
+export function pushImageFilter(ctx: any, command: any): void;

package/lib/typescript/lib/commonjs/sksg/Recorder/commands/Paint.d.ts

@@ -0,0 +1,14 @@
+export const __esModule: boolean;
+export function processColor(Skia: any, color: any): any;
+export function setPaintProperties(Skia: any, paint: any, { opacity, color, blendMode, strokeWidth, style, strokeJoin, strokeCap, strokeMiter, antiAlias, dither }: {
+    opacity: any;
+    color: any;
+    blendMode: any;
+    strokeWidth: any;
+    style: any;
+    strokeJoin: any;
+    strokeCap: any;
+    strokeMiter: any;
+    antiAlias: any;
+    dither: any;
+}): void;

package/lib/typescript/lib/commonjs/sksg/Recorder/commands/PathEffects.d.ts

@@ -0,0 +1,4 @@
+export const __esModule: boolean;
+export function isPushPathEffect(command: any): boolean;
+export function composePathEffects(ctx: any): void;
+export function pushPathEffect(ctx: any, command: any): void;

package/lib/typescript/lib/commonjs/sksg/Recorder/commands/Shaders.d.ts

@@ -0,0 +1,3 @@
+export const __esModule: boolean;
+export function isPushShader(command: any): boolean;
+export function pushShader(ctx: any, command: any): void;

package/lib/typescript/lib/commonjs/sksg/{nodes/utils.d.ts → utils.d.ts}

@@ -1,3 +1,4 @@
 export const __esModule: boolean;
 export function isSharedValue(value: any): boolean;
 export function materialize(props: any): any;
+export function composeDeclarations(filters: any, composer: any): any;

package/lib/typescript/lib/module/external/reanimated/index.d.ts

@@ -1,5 +1,4 @@
 export * from "./useAnimatedImageValue";
-export * from "./useDerivedValueOnJS";
 export * from "./renderHelpers";
 export * from "./interpolators";
 export * from "./textures";

package/lib/typescript/lib/module/external/reanimated/renderHelpers.d.ts

@@ -1,5 +1,4 @@
 export function extractReanimatedProps(props: any): any[];
 export function bindReanimatedProps(container: any, node: any, reanimatedProps: any): void;
-export let HAS_REANIMATED: boolean;
 export let HAS_REANIMATED_3: boolean;
 export function unbindReanimatedNode(node: any): void;

package/lib/typescript/lib/module/skia/web/JsiSkPaint.d.ts

@@ -1,6 +1,7 @@
 export class JsiSkPaint extends HostObject {
     constructor(CanvasKit: any, ref: any);
     copy(): JsiSkPaint;
+    assign(paint: any): void;
     reset(): void;
     getAlphaf(): any;
     getColor(): any;

package/lib/typescript/lib/module/sksg/Container.d.ts

@@ -6,6 +6,10 @@ export class Container {
     get root(): any;
     mapperId: any;
     _root: any;
+    _recording: {
+        commands: any;
+        paintPool: never[];
+    } | undefined;
     clear(): void;
     redraw(): void;
     getNativeId(): any;

package/lib/typescript/lib/module/sksg/HostConfig.d.ts

@@ -11,9 +11,8 @@ export namespace sksgHostConfig {
     function getChildHostContext(_parentHostContext: any, _type: any, _rootContainerInstance: any): null;
     function shouldSetTextContent(_type: any, _props: any): boolean;
     function createTextInstance(_text: any, _rootContainerInstance: any, _hostContext: any, _internalInstanceHandle: any): never;
-    function createInstance(type: any, props: any, container: any, _hostContext: any, _internalInstanceHandle: any): {
+    function createInstance(type: any, propsWithChildren: any, container: any, _hostContext: any, _internalInstanceHandle: any): {
         type: any;
-        isDeclaration: boolean;
         props: any;
         children: never[];
     };
@@ -31,7 +30,6 @@ export namespace sksgHostConfig {
         type: any;
         props: any;
         children: any[];
-        isDeclaration: any;
     };
     function createContainerChildSet(): never[];
     function appendChildToContainerChildSet(childSet: any, child: any): void;

package/lib/typescript/lib/module/sksg/Node.d.ts

@@ -0,0 +1,13 @@
+export function isColorFilter(type: any): boolean;
+export function isPathEffect(type: any): boolean;
+export function isImageFilter(type: any): boolean;
+export function isShader(type: any): boolean;
+export function sortNodeChildren(parent: any): {
+    colorFilters: any[];
+    drawings: any[];
+    maskFilters: any[];
+    shaders: any[];
+    pathEffects: any[];
+    imageFilters: any[];
+    paints: any[];
+};

package/lib/typescript/lib/module/sksg/Recorder/Core.d.ts

@@ -0,0 +1,4 @@
+export let CommandType: {};
+export function materializeProps(command: any): void;
+export function isCommand(command: any, type: any): boolean;
+export function isDrawCommand(command: any, type: any): boolean;

package/lib/typescript/lib/module/sksg/Recorder/DrawingContext.d.ts

@@ -0,0 +1,16 @@
+export function createDrawingContext(Skia: any, paintPool: any, canvas: any): {
+    Skia: any;
+    canvas: any;
+    paints: any[];
+    colorFilters: any[];
+    shaders: any[];
+    imageFilters: any[];
+    pathEffects: any[];
+    paintDeclarations: any[];
+    paintPool: any;
+    savePaint: () => void;
+    saveBackdropFilter: () => void;
+    readonly paint: any;
+    restorePaint: () => any;
+    materializePaint: () => void;
+};

package/lib/typescript/lib/module/sksg/Recorder/Player.d.ts

@@ -0,0 +1 @@
+export function replay(ctx: any, commands: any): void;

package/lib/typescript/lib/module/sksg/Recorder/Recorder.d.ts

@@ -0,0 +1,44 @@
+export class Recorder {
+    processProps(props: any): {
+        props: any;
+        animatedProps: {} | undefined;
+    };
+    add(command: any): void;
+    savePaint(props: any): void;
+    restorePaint(): void;
+    restorePaintDeclaration(): void;
+    materializePaint(): void;
+    pushPathEffect(pathEffectType: any, props: any): void;
+    pushImageFilter(imageFilterType: any, props: any): void;
+    pushColorFilter(colorFilterType: any, props: any): void;
+    pushShader(shaderType: any, props: any): void;
+    pushBlurMaskFilter(props: any): void;
+    composePathEffect(): void;
+    composeColorFilter(): void;
+    composeImageFilter(): void;
+    saveCTM(props: any): void;
+    restoreCTM(): void;
+    drawPaint(): void;
+    saveLayer(): void;
+    saveBackdropFilter(): void;
+    drawBox(boxProps: any, shadows: any): void;
+    drawImage(props: any): void;
+    drawCircle(props: any): void;
+    drawPoints(props: any): void;
+    drawPath(props: any): void;
+    drawRect(props: any): void;
+    drawRRect(props: any): void;
+    drawOval(props: any): void;
+    drawLine(props: any): void;
+    drawPatch(props: any): void;
+    drawVertices(props: any): void;
+    drawDiffRect(props: any): void;
+    drawText(props: any): void;
+    drawTextPath(props: any): void;
+    drawTextBlob(props: any): void;
+    drawGlyphs(props: any): void;
+    drawPicture(props: any): void;
+    drawImageSVG(props: any): void;
+    drawParagraph(props: any): void;
+    drawAtlas(props: any): void;
+}

package/lib/typescript/lib/module/sksg/Recorder/Recording.d.ts

@@ -0,0 +1,4 @@
+export function createRecording(commands: any): {
+    commands: any;
+    paintPool: never[];
+};

package/lib/typescript/lib/module/sksg/Recorder/Visitor.d.ts

@@ -0,0 +1,26 @@
+export function processPaint({ opacity, color, strokeWidth, blendMode, style, strokeJoin, strokeCap, strokeMiter, antiAlias, dither, paint: paintRef }: {
+    opacity: any;
+    color: any;
+    strokeWidth: any;
+    blendMode: any;
+    style: any;
+    strokeJoin: any;
+    strokeCap: any;
+    strokeMiter: any;
+    antiAlias: any;
+    dither: any;
+    paint: any;
+}): {
+    opacity: any;
+    color: any;
+    strokeWidth: any;
+    blendMode: any;
+    style: any;
+    strokeJoin: any;
+    strokeCap: any;
+    strokeMiter: any;
+    antiAlias: any;
+    dither: any;
+    paint: any;
+} | null;
+export function visit(recorder: any, root: any): void;

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

@@ -0,0 +1,2 @@
+export function isBoxCommand(command: any): boolean;
+export function drawBox(ctx: any, command: any): void;

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

@@ -0,0 +1 @@
+export function saveCTM(ctx: any, props: any): void;

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

@@ -0,0 +1,3 @@
+export function isPushColorFilter(command: any): boolean;
+export function composeColorFilters(ctx: any): void;
+export function pushColorFilter(ctx: any, command: any): void;

package/lib/typescript/lib/module/sksg/Recorder/commands/ImageFilters.d.ts

@@ -0,0 +1,5 @@
+export let MorphologyOperator: {};
+export function composeImageFilters(ctx: any): void;
+export function setBlurMaskFilter(ctx: any, props: any): void;
+export function isPushImageFilter(command: any): boolean;
+export function pushImageFilter(ctx: any, command: any): void;