@shopify/react-native-skia 1.7.7 → 1.8.1

package/lib/commonjs/sksg/Recorder/commands/PathEffects.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pushPathEffect = exports.isPushPathEffect = exports.composePathEffects = void 0;
+var _nodes = require("../../../dom/nodes");
+var _types = require("../../../dom/types");
+var _types2 = require("../../../skia/types");
+var _utils = require("../../utils");
+var _Core = require("../Core");
+const declareDiscretePathEffect = (ctx, props) => {
+  "worklet";
+
+  const {
+    length,
+    deviation,
+    seed
+  } = props;
+  const pe = ctx.Skia.PathEffect.MakeDiscrete(length, deviation, seed);
+  ctx.pathEffects.push(pe);
+};
+const declarePath2DPathEffect = (ctx, props) => {
+  "worklet";
+
+  const {
+    matrix
+  } = props;
+  const path = (0, _nodes.processPath)(ctx.Skia, props.path);
+  const pe = ctx.Skia.PathEffect.MakePath2D(matrix, path);
+  if (pe === null) {
+    throw new Error("Path2DPathEffect: invalid path");
+  }
+  ctx.pathEffects.push(pe);
+};
+const declareDashPathEffect = (ctx, props) => {
+  "worklet";
+
+  const {
+    intervals,
+    phase
+  } = props;
+  const pe = ctx.Skia.PathEffect.MakeDash(intervals, phase);
+  ctx.pathEffects.push(pe);
+};
+const declareCornerPathEffect = (ctx, props) => {
+  "worklet";
+
+  const {
+    r
+  } = props;
+  const pe = ctx.Skia.PathEffect.MakeCorner(r);
+  if (pe === null) {
+    throw new Error("CornerPathEffect: couldn't create path effect");
+  }
+  ctx.pathEffects.push(pe);
+};
+const declareSumPathEffect = ctx => {
+  "worklet";
+
+  // Note: decorateChildren functionality needs to be handled differently
+  const pes = ctx.pathEffects.splice(0, ctx.pathEffects.length);
+  const pe = (0, _utils.composeDeclarations)(pes, ctx.Skia.PathEffect.MakeSum.bind(ctx.Skia.PathEffect));
+  ctx.pathEffects.push(pe);
+};
+const declareLine2DPathEffect = (ctx, props) => {
+  "worklet";
+
+  const {
+    width,
+    matrix
+  } = props;
+  const pe = ctx.Skia.PathEffect.MakeLine2D(width, matrix);
+  if (pe === null) {
+    throw new Error("Line2DPathEffect: could not create path effect");
+  }
+  ctx.pathEffects.push(pe);
+};
+const declarePath1DPathEffect = (ctx, props) => {
+  "worklet";
+
+  const {
+    advance,
+    phase,
+    style
+  } = props;
+  const path = (0, _nodes.processPath)(ctx.Skia, props.path);
+  const pe = ctx.Skia.PathEffect.MakePath1D(path, advance, phase, _types2.Path1DEffectStyle[(0, _nodes.enumKey)(style)]);
+  if (pe === null) {
+    throw new Error("Path1DPathEffect: could not create path effect");
+  }
+  ctx.pathEffects.push(pe);
+};
+const isPushPathEffect = command => {
+  "worklet";
+
+  return command.type === _Core.CommandType.PushPathEffect;
+};
+exports.isPushPathEffect = isPushPathEffect;
+const isPathEffect = (command, type) => {
+  "worklet";
+
+  return command.pathEffectType === type;
+};
+const composePathEffects = ctx => {
+  "worklet";
+
+  if (ctx.pathEffects.length > 1) {
+    const outer = ctx.pathEffects.pop();
+    const inner = ctx.pathEffects.pop();
+    ctx.pathEffects.push(ctx.Skia.PathEffect.MakeCompose(outer, inner));
+  }
+};
+exports.composePathEffects = composePathEffects;
+const pushPathEffect = (ctx, command) => {
+  "worklet";
+
+  if (isPathEffect(command, _types.NodeType.DiscretePathEffect)) {
+    declareDiscretePathEffect(ctx, command.props);
+  } else if (isPathEffect(command, _types.NodeType.DashPathEffect)) {
+    declareDashPathEffect(ctx, command.props);
+  } else if (isPathEffect(command, _types.NodeType.Path1DPathEffect)) {
+    declarePath1DPathEffect(ctx, command.props);
+  } else if (isPathEffect(command, _types.NodeType.Path2DPathEffect)) {
+    declarePath2DPathEffect(ctx, command.props);
+  } else if (isPathEffect(command, _types.NodeType.CornerPathEffect)) {
+    declareCornerPathEffect(ctx, command.props);
+  } else if (isPathEffect(command, _types.NodeType.SumPathEffect)) {
+    declareSumPathEffect(ctx);
+  } else if (isPathEffect(command, _types.NodeType.Line2DPathEffect)) {
+    declareLine2DPathEffect(ctx, command.props);
+  } else {
+    throw new Error("Invalid image filter type: " + command.imageFilterType);
+  }
+};
+exports.pushPathEffect = pushPathEffect;
+//# sourceMappingURL=PathEffects.js.map

package/lib/commonjs/sksg/Recorder/commands/PathEffects.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_nodes","require","_types","_types2","_utils","_Core","declareDiscretePathEffect","ctx","props","length","deviation","seed","pe","Skia","PathEffect","MakeDiscrete","pathEffects","push","declarePath2DPathEffect","matrix","path","processPath","MakePath2D","Error","declareDashPathEffect","intervals","phase","MakeDash","declareCornerPathEffect","r","MakeCorner","declareSumPathEffect","pes","splice","composeDeclarations","MakeSum","bind","declareLine2DPathEffect","width","MakeLine2D","declarePath1DPathEffect","advance","style","MakePath1D","Path1DEffectStyle","enumKey","isPushPathEffect","command","type","CommandType","PushPathEffect","exports","isPathEffect","pathEffectType","composePathEffects","outer","pop","inner","MakeCompose","pushPathEffect","NodeType","DiscretePathEffect","DashPathEffect","Path1DPathEffect","Path2DPathEffect","CornerPathEffect","SumPathEffect","Line2DPathEffect","imageFilterType"],"sources":["PathEffects.ts"],"sourcesContent":["import { enumKey, processPath } from \"../../../dom/nodes\";\nimport { NodeType } from \"../../../dom/types\";\nimport type {\n  CornerPathEffectProps,\n  DashPathEffectProps,\n  DiscretePathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n} from \"../../../dom/types\";\nimport { Path1DEffectStyle } from \"../../../skia/types\";\nimport { composeDeclarations } from \"../../utils\";\nimport type { Command } from \"../Core\";\nimport { CommandType } from \"../Core\";\nimport type { DrawingContext } from \"../DrawingContext\";\n\nconst declareDiscretePathEffect = (\n  ctx: DrawingContext,\n  props: DiscretePathEffectProps\n) => {\n  \"worklet\";\n  const { length, deviation, seed } = props;\n  const pe = ctx.Skia.PathEffect.MakeDiscrete(length, deviation, seed);\n  ctx.pathEffects.push(pe);\n};\n\nconst declarePath2DPathEffect = (\n  ctx: DrawingContext,\n  props: Path2DPathEffectProps\n) => {\n  \"worklet\";\n  const { matrix } = props;\n  const path = processPath(ctx.Skia, props.path);\n  const pe = ctx.Skia.PathEffect.MakePath2D(matrix, path);\n  if (pe === null) {\n    throw new Error(\"Path2DPathEffect: invalid path\");\n  }\n  ctx.pathEffects.push(pe);\n};\n\nconst declareDashPathEffect = (\n  ctx: DrawingContext,\n  props: DashPathEffectProps\n) => {\n  \"worklet\";\n  const { intervals, phase } = props;\n  const pe = ctx.Skia.PathEffect.MakeDash(intervals, phase);\n  ctx.pathEffects.push(pe);\n};\n\nconst declareCornerPathEffect = (\n  ctx: DrawingContext,\n  props: CornerPathEffectProps\n) => {\n  \"worklet\";\n  const { r } = props;\n  const pe = ctx.Skia.PathEffect.MakeCorner(r);\n  if (pe === null) {\n    throw new Error(\"CornerPathEffect: couldn't create path effect\");\n  }\n  ctx.pathEffects.push(pe);\n};\n\nconst declareSumPathEffect = (ctx: DrawingContext) => {\n  \"worklet\";\n  // Note: decorateChildren functionality needs to be handled differently\n  const pes = ctx.pathEffects.splice(0, ctx.pathEffects.length);\n  const pe = composeDeclarations(\n    pes,\n    ctx.Skia.PathEffect.MakeSum.bind(ctx.Skia.PathEffect)\n  );\n  ctx.pathEffects.push(pe);\n};\n\nconst declareLine2DPathEffect = (\n  ctx: DrawingContext,\n  props: Line2DPathEffectProps\n) => {\n  \"worklet\";\n  const { width, matrix } = props;\n  const pe = ctx.Skia.PathEffect.MakeLine2D(width, matrix);\n  if (pe === null) {\n    throw new Error(\"Line2DPathEffect: could not create path effect\");\n  }\n  ctx.pathEffects.push(pe);\n};\n\nconst declarePath1DPathEffect = (\n  ctx: DrawingContext,\n  props: Path1DPathEffectProps\n) => {\n  \"worklet\";\n  const { advance, phase, style } = props;\n  const path = processPath(ctx.Skia, props.path);\n  const pe = ctx.Skia.PathEffect.MakePath1D(\n    path,\n    advance,\n    phase,\n    Path1DEffectStyle[enumKey(style)]\n  );\n  if (pe === null) {\n    throw new Error(\"Path1DPathEffect: could not create path effect\");\n  }\n  ctx.pathEffects.push(pe);\n};\n\nexport const isPushPathEffect = (\n  command: Command\n): command is Command<CommandType.PushPathEffect> => {\n  \"worklet\";\n  return command.type === CommandType.PushPathEffect;\n};\n\ntype Props = {\n  [NodeType.DiscretePathEffect]: DiscretePathEffectProps;\n  [NodeType.DashPathEffect]: DashPathEffectProps;\n  [NodeType.Path1DPathEffect]: Path1DPathEffectProps;\n  [NodeType.Path2DPathEffect]: Path2DPathEffectProps;\n  [NodeType.CornerPathEffect]: CornerPathEffectProps;\n  [NodeType.SumPathEffect]: Record<string, never>;\n  [NodeType.Line2DPathEffect]: Line2DPathEffectProps;\n};\n\ninterface PushPathEffect<T extends keyof Props>\n  extends Command<CommandType.PushPathEffect> {\n  pathEffectType: T;\n  props: Props[T];\n}\n\nconst isPathEffect = <T extends keyof Props>(\n  command: Command<CommandType.PushPathEffect>,\n  type: T\n): command is PushPathEffect<T> => {\n  \"worklet\";\n  return command.pathEffectType === type;\n};\n\nexport const composePathEffects = (ctx: DrawingContext) => {\n  \"worklet\";\n  if (ctx.pathEffects.length > 1) {\n    const outer = ctx.pathEffects.pop()!;\n    const inner = ctx.pathEffects.pop()!;\n    ctx.pathEffects.push(ctx.Skia.PathEffect.MakeCompose(outer, inner));\n  }\n};\n\nexport const pushPathEffect = (\n  ctx: DrawingContext,\n  command: Command<CommandType.PushPathEffect>\n) => {\n  \"worklet\";\n  if (isPathEffect(command, NodeType.DiscretePathEffect)) {\n    declareDiscretePathEffect(ctx, command.props);\n  } else if (isPathEffect(command, NodeType.DashPathEffect)) {\n    declareDashPathEffect(ctx, command.props);\n  } else if (isPathEffect(command, NodeType.Path1DPathEffect)) {\n    declarePath1DPathEffect(ctx, command.props);\n  } else if (isPathEffect(command, NodeType.Path2DPathEffect)) {\n    declarePath2DPathEffect(ctx, command.props);\n  } else if (isPathEffect(command, NodeType.CornerPathEffect)) {\n    declareCornerPathEffect(ctx, command.props);\n  } else if (isPathEffect(command, NodeType.SumPathEffect)) {\n    declareSumPathEffect(ctx);\n  } else if (isPathEffect(command, NodeType.Line2DPathEffect)) {\n    declareLine2DPathEffect(ctx, command.props);\n  } else {\n    throw new Error(\"Invalid image filter type: \" + command.imageFilterType);\n  }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AASA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AAGA,MAAMK,yBAAyB,GAAGA,CAChCC,GAAmB,EACnBC,KAA8B,KAC3B;EACH,SAAS;;EACT,MAAM;IAAEC,MAAM;IAAEC,SAAS;IAAEC;EAAK,CAAC,GAAGH,KAAK;EACzC,MAAMI,EAAE,GAAGL,GAAG,CAACM,IAAI,CAACC,UAAU,CAACC,YAAY,CAACN,MAAM,EAAEC,SAAS,EAAEC,IAAI,CAAC;EACpEJ,GAAG,CAACS,WAAW,CAACC,IAAI,CAACL,EAAE,CAAC;AAC1B,CAAC;AAED,MAAMM,uBAAuB,GAAGA,CAC9BX,GAAmB,EACnBC,KAA4B,KACzB;EACH,SAAS;;EACT,MAAM;IAAEW;EAAO,CAAC,GAAGX,KAAK;EACxB,MAAMY,IAAI,GAAG,IAAAC,kBAAW,EAACd,GAAG,CAACM,IAAI,EAAEL,KAAK,CAACY,IAAI,CAAC;EAC9C,MAAMR,EAAE,GAAGL,GAAG,CAACM,IAAI,CAACC,UAAU,CAACQ,UAAU,CAACH,MAAM,EAAEC,IAAI,CAAC;EACvD,IAAIR,EAAE,KAAK,IAAI,EAAE;IACf,MAAM,IAAIW,KAAK,CAAC,gCAAgC,CAAC;EACnD;EACAhB,GAAG,CAACS,WAAW,CAACC,IAAI,CAACL,EAAE,CAAC;AAC1B,CAAC;AAED,MAAMY,qBAAqB,GAAGA,CAC5BjB,GAAmB,EACnBC,KAA0B,KACvB;EACH,SAAS;;EACT,MAAM;IAAEiB,SAAS;IAAEC;EAAM,CAAC,GAAGlB,KAAK;EAClC,MAAMI,EAAE,GAAGL,GAAG,CAACM,IAAI,CAACC,UAAU,CAACa,QAAQ,CAACF,SAAS,EAAEC,KAAK,CAAC;EACzDnB,GAAG,CAACS,WAAW,CAACC,IAAI,CAACL,EAAE,CAAC;AAC1B,CAAC;AAED,MAAMgB,uBAAuB,GAAGA,CAC9BrB,GAAmB,EACnBC,KAA4B,KACzB;EACH,SAAS;;EACT,MAAM;IAAEqB;EAAE,CAAC,GAAGrB,KAAK;EACnB,MAAMI,EAAE,GAAGL,GAAG,CAACM,IAAI,CAACC,UAAU,CAACgB,UAAU,CAACD,CAAC,CAAC;EAC5C,IAAIjB,EAAE,KAAK,IAAI,EAAE;IACf,MAAM,IAAIW,KAAK,CAAC,+CAA+C,CAAC;EAClE;EACAhB,GAAG,CAACS,WAAW,CAACC,IAAI,CAACL,EAAE,CAAC;AAC1B,CAAC;AAED,MAAMmB,oBAAoB,GAAIxB,GAAmB,IAAK;EACpD,SAAS;;EACT;EACA,MAAMyB,GAAG,GAAGzB,GAAG,CAACS,WAAW,CAACiB,MAAM,CAAC,CAAC,EAAE1B,GAAG,CAACS,WAAW,CAACP,MAAM,CAAC;EAC7D,MAAMG,EAAE,GAAG,IAAAsB,0BAAmB,EAC5BF,GAAG,EACHzB,GAAG,CAACM,IAAI,CAACC,UAAU,CAACqB,OAAO,CAACC,IAAI,CAAC7B,GAAG,CAACM,IAAI,CAACC,UAAU,CACtD,CAAC;EACDP,GAAG,CAACS,WAAW,CAACC,IAAI,CAACL,EAAE,CAAC;AAC1B,CAAC;AAED,MAAMyB,uBAAuB,GAAGA,CAC9B9B,GAAmB,EACnBC,KAA4B,KACzB;EACH,SAAS;;EACT,MAAM;IAAE8B,KAAK;IAAEnB;EAAO,CAAC,GAAGX,KAAK;EAC/B,MAAMI,EAAE,GAAGL,GAAG,CAACM,IAAI,CAACC,UAAU,CAACyB,UAAU,CAACD,KAAK,EAAEnB,MAAM,CAAC;EACxD,IAAIP,EAAE,KAAK,IAAI,EAAE;IACf,MAAM,IAAIW,KAAK,CAAC,gDAAgD,CAAC;EACnE;EACAhB,GAAG,CAACS,WAAW,CAACC,IAAI,CAACL,EAAE,CAAC;AAC1B,CAAC;AAED,MAAM4B,uBAAuB,GAAGA,CAC9BjC,GAAmB,EACnBC,KAA4B,KACzB;EACH,SAAS;;EACT,MAAM;IAAEiC,OAAO;IAAEf,KAAK;IAAEgB;EAAM,CAAC,GAAGlC,KAAK;EACvC,MAAMY,IAAI,GAAG,IAAAC,kBAAW,EAACd,GAAG,CAACM,IAAI,EAAEL,KAAK,CAACY,IAAI,CAAC;EAC9C,MAAMR,EAAE,GAAGL,GAAG,CAACM,IAAI,CAACC,UAAU,CAAC6B,UAAU,CACvCvB,IAAI,EACJqB,OAAO,EACPf,KAAK,EACLkB,yBAAiB,CAAC,IAAAC,cAAO,EAACH,KAAK,CAAC,CAClC,CAAC;EACD,IAAI9B,EAAE,KAAK,IAAI,EAAE;IACf,MAAM,IAAIW,KAAK,CAAC,gDAAgD,CAAC;EACnE;EACAhB,GAAG,CAACS,WAAW,CAACC,IAAI,CAACL,EAAE,CAAC;AAC1B,CAAC;AAEM,MAAMkC,gBAAgB,GAC3BC,OAAgB,IACmC;EACnD,SAAS;;EACT,OAAOA,OAAO,CAACC,IAAI,KAAKC,iBAAW,CAACC,cAAc;AACpD,CAAC;AAACC,OAAA,CAAAL,gBAAA,GAAAA,gBAAA;AAkBF,MAAMM,YAAY,GAAGA,CACnBL,OAA4C,EAC5CC,IAAO,KAC0B;EACjC,SAAS;;EACT,OAAOD,OAAO,CAACM,cAAc,KAAKL,IAAI;AACxC,CAAC;AAEM,MAAMM,kBAAkB,GAAI/C,GAAmB,IAAK;EACzD,SAAS;;EACT,IAAIA,GAAG,CAACS,WAAW,CAACP,MAAM,GAAG,CAAC,EAAE;IAC9B,MAAM8C,KAAK,GAAGhD,GAAG,CAACS,WAAW,CAACwC,GAAG,CAAC,CAAE;IACpC,MAAMC,KAAK,GAAGlD,GAAG,CAACS,WAAW,CAACwC,GAAG,CAAC,CAAE;IACpCjD,GAAG,CAACS,WAAW,CAACC,IAAI,CAACV,GAAG,CAACM,IAAI,CAACC,UAAU,CAAC4C,WAAW,CAACH,KAAK,EAAEE,KAAK,CAAC,CAAC;EACrE;AACF,CAAC;AAACN,OAAA,CAAAG,kBAAA,GAAAA,kBAAA;AAEK,MAAMK,cAAc,GAAGA,CAC5BpD,GAAmB,EACnBwC,OAA4C,KACzC;EACH,SAAS;;EACT,IAAIK,YAAY,CAACL,OAAO,EAAEa,eAAQ,CAACC,kBAAkB,CAAC,EAAE;IACtDvD,yBAAyB,CAACC,GAAG,EAAEwC,OAAO,CAACvC,KAAK,CAAC;EAC/C,CAAC,MAAM,IAAI4C,YAAY,CAACL,OAAO,EAAEa,eAAQ,CAACE,cAAc,CAAC,EAAE;IACzDtC,qBAAqB,CAACjB,GAAG,EAAEwC,OAAO,CAACvC,KAAK,CAAC;EAC3C,CAAC,MAAM,IAAI4C,YAAY,CAACL,OAAO,EAAEa,eAAQ,CAACG,gBAAgB,CAAC,EAAE;IAC3DvB,uBAAuB,CAACjC,GAAG,EAAEwC,OAAO,CAACvC,KAAK,CAAC;EAC7C,CAAC,MAAM,IAAI4C,YAAY,CAACL,OAAO,EAAEa,eAAQ,CAACI,gBAAgB,CAAC,EAAE;IAC3D9C,uBAAuB,CAACX,GAAG,EAAEwC,OAAO,CAACvC,KAAK,CAAC;EAC7C,CAAC,MAAM,IAAI4C,YAAY,CAACL,OAAO,EAAEa,eAAQ,CAACK,gBAAgB,CAAC,EAAE;IAC3DrC,uBAAuB,CAACrB,GAAG,EAAEwC,OAAO,CAACvC,KAAK,CAAC;EAC7C,CAAC,MAAM,IAAI4C,YAAY,CAACL,OAAO,EAAEa,eAAQ,CAACM,aAAa,CAAC,EAAE;IACxDnC,oBAAoB,CAACxB,GAAG,CAAC;EAC3B,CAAC,MAAM,IAAI6C,YAAY,CAACL,OAAO,EAAEa,eAAQ,CAACO,gBAAgB,CAAC,EAAE;IAC3D9B,uBAAuB,CAAC9B,GAAG,EAAEwC,OAAO,CAACvC,KAAK,CAAC;EAC7C,CAAC,MAAM;IACL,MAAM,IAAIe,KAAK,CAAC,6BAA6B,GAAGwB,OAAO,CAACqB,eAAe,CAAC;EAC1E;AACF,CAAC;AAACjB,OAAA,CAAAQ,cAAA,GAAAA,cAAA","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+import type { Command } from "../Core";
+import { CommandType } from "../Core";
+import type { DrawingContext } from "../DrawingContext";
+export declare const isPushShader: (command: Command) => command is Command<CommandType.PushShader>;
+export declare const pushShader: (ctx: DrawingContext, command: Command<CommandType.PushShader>) => void;

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

@@ -1,13 +1,17 @@
 "use strict";
-"worklet";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.declareTwoPointConicalGradientShader = exports.declareTurbulenceShader = exports.declareSweepGradientShader = exports.declareShader = exports.declareRadialGradientShader = exports.declareLinearGradientShader = exports.declareImageShader = exports.declareFractalNoiseShader = exports.declareColorShader = void 0;
-var _nodes = require("../../dom/nodes");
-var _types = require("../../skia/types");
+exports.pushShader = exports.isPushShader = void 0;
+var _nodes = require("../../../dom/nodes");
+var _types = require("../../../dom/types");
+var _types2 = require("../../../skia/types");
+var _utils = require("../../utils");
+var _Core = require("../Core");
 const declareShader = (ctx, props) => {
+  "worklet";
+
   const {
     source,
     uniforms,
@@ -15,19 +19,21 @@ const declareShader = (ctx, props) => {
   } = props;
   const m3 = ctx.Skia.Matrix();
   (0, _nodes.processTransformProps)(m3, transform);
-  const shader = source.makeShaderWithChildren((0, _types.processUniforms)(source, uniforms), ctx.shaders.popAll(), m3);
+  const shader = source.makeShaderWithChildren((0, _types2.processUniforms)(source, uniforms), ctx.shaders.splice(0, ctx.shaders.length), m3);
   ctx.shaders.push(shader);
 };
-exports.declareShader = declareShader;
 const declareColorShader = (ctx, props) => {
+  "worklet";
+
   const {
     color
   } = props;
   const shader = ctx.Skia.Shader.MakeColor(ctx.Skia.Color(color));
   ctx.shaders.push(shader);
 };
-exports.declareColorShader = declareColorShader;
 const declareFractalNoiseShader = (ctx, props) => {
+  "worklet";
+
   const {
     freqX,
     freqY,
@@ -39,8 +45,9 @@ const declareFractalNoiseShader = (ctx, props) => {
   const shader = ctx.Skia.Shader.MakeFractalNoise(freqX, freqY, octaves, seed, tileWidth, tileHeight);
   ctx.shaders.push(shader);
 };
-exports.declareFractalNoiseShader = declareFractalNoiseShader;
 const declareTwoPointConicalGradientShader = (ctx, props) => {
+  "worklet";
+
   const {
     startR,
     endR,
@@ -57,8 +64,9 @@ const declareTwoPointConicalGradientShader = (ctx, props) => {
   const shader = ctx.Skia.Shader.MakeTwoPointConicalGradient(start, startR, end, endR, colors, positions, mode, localMatrix, flags);
   ctx.shaders.push(shader);
 };
-exports.declareTwoPointConicalGradientShader = declareTwoPointConicalGradientShader;
 const declareRadialGradientShader = (ctx, props) => {
+  "worklet";
+
   const {
     c,
     r
@@ -73,8 +81,9 @@ const declareRadialGradientShader = (ctx, props) => {
   const shader = ctx.Skia.Shader.MakeRadialGradient(c, r, colors, positions, mode, localMatrix, flags);
   ctx.shaders.push(shader);
 };
-exports.declareRadialGradientShader = declareRadialGradientShader;
 const declareSweepGradientShader = (ctx, props) => {
+  "worklet";
+
   const {
     c,
     start,
@@ -90,8 +99,9 @@ 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);
 };
-exports.declareSweepGradientShader = declareSweepGradientShader;
 const declareLinearGradientShader = (ctx, props) => {
+  "worklet";
+
   const {
     start,
     end
@@ -106,8 +116,9 @@ 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);
 };
-exports.declareLinearGradientShader = declareLinearGradientShader;
 const declareTurbulenceShader = (ctx, props) => {
+  "worklet";
+
   const {
     freqX,
     freqY,
@@ -119,8 +130,9 @@ const declareTurbulenceShader = (ctx, props) => {
   const shader = ctx.Skia.Shader.MakeTurbulence(freqX, freqY, octaves, seed, tileWidth, tileHeight);
   ctx.shaders.push(shader);
 };
-exports.declareTurbulenceShader = declareTurbulenceShader;
 const declareImageShader = (ctx, props) => {
+  "worklet";
+
   const {
     fit,
     image,
@@ -149,8 +161,56 @@ const declareImageShader = (ctx, props) => {
   const lm = ctx.Skia.Matrix();
   lm.concat(m3);
   (0, _nodes.processTransformProps)(lm, imageShaderProps);
-  const shader = image.makeShaderOptions(_types.TileMode[(0, _nodes.enumKey)(tx)], _types.TileMode[(0, _nodes.enumKey)(ty)], _types.FilterMode[(0, _nodes.enumKey)(fm)], _types.MipmapMode[(0, _nodes.enumKey)(mm)], lm);
+  const shader = image.makeShaderOptions(_types2.TileMode[(0, _nodes.enumKey)(tx)], _types2.TileMode[(0, _nodes.enumKey)(ty)], _types2.FilterMode[(0, _nodes.enumKey)(fm)], _types2.MipmapMode[(0, _nodes.enumKey)(mm)], lm);
   ctx.shaders.push(shader);
 };
-exports.declareImageShader = declareImageShader;
-//# sourceMappingURL=shaders.js.map
+const declareBlend = (ctx, props) => {
+  "worklet";
+
+  const blend = _types2.BlendMode[(0, _nodes.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((0, _utils.composeDeclarations)(shaders, composer));
+  }
+};
+const isPushShader = command => {
+  "worklet";
+
+  return command.type === _Core.CommandType.PushShader;
+};
+exports.isPushShader = isPushShader;
+const isShader = (command, type) => {
+  "worklet";
+
+  return command.shaderType === type;
+};
+const pushShader = (ctx, command) => {
+  "worklet";
+
+  if (isShader(command, _types.NodeType.Shader)) {
+    declareShader(ctx, command.props);
+  } else if (isShader(command, _types.NodeType.ImageShader)) {
+    declareImageShader(ctx, command.props);
+  } else if (isShader(command, _types.NodeType.ColorShader)) {
+    declareColorShader(ctx, command.props);
+  } else if (isShader(command, _types.NodeType.Turbulence)) {
+    declareTurbulenceShader(ctx, command.props);
+  } else if (isShader(command, _types.NodeType.FractalNoise)) {
+    declareFractalNoiseShader(ctx, command.props);
+  } else if (isShader(command, _types.NodeType.LinearGradient)) {
+    declareLinearGradientShader(ctx, command.props);
+  } else if (isShader(command, _types.NodeType.RadialGradient)) {
+    declareRadialGradientShader(ctx, command.props);
+  } else if (isShader(command, _types.NodeType.SweepGradient)) {
+    declareSweepGradientShader(ctx, command.props);
+  } else if (isShader(command, _types.NodeType.TwoPointConicalGradient)) {
+    declareTwoPointConicalGradientShader(ctx, command.props);
+  } else if (isShader(command, _types.NodeType.Blend)) {
+    declareBlend(ctx, command.props);
+  } else {
+    throw new Error(`Unknown shader type: ${command.shaderType}`);
+  }
+};
+exports.pushShader = pushShader;
+//# sourceMappingURL=Shaders.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_nodes","require","_types","_types2","_utils","_Core","declareShader","ctx","props","source","uniforms","transform","m3","Skia","Matrix","processTransformProps","shader","makeShaderWithChildren","processUniforms","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","processGradientProps","MakeTwoPointConicalGradient","declareRadialGradientShader","c","r","MakeRadialGradient","declareSweepGradientShader","MakeSweepGradient","x","y","declareLinearGradientShader","MakeLinearGradient","declareTurbulenceShader","MakeTurbulence","declareImageShader","fit","image","tx","ty","fm","mm","imageShaderProps","rct","getRect","rects","fitRects","width","height","sx","sy","rect2rect","src","dst","translate","translateX","translateY","scale","scaleX","scaleY","lm","concat","makeShaderOptions","TileMode","enumKey","FilterMode","MipmapMode","declareBlend","blend","BlendMode","composer","MakeBlend","bind","composeDeclarations","isPushShader","command","type","CommandType","PushShader","exports","isShader","shaderType","pushShader","NodeType","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":"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","ignoreList":[]}

package/lib/commonjs/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/commonjs/sksg/{nodes/utils.js → utils.js}

@@ -1,17 +1,20 @@
 "use strict";
-"worklet";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.materialize = exports.isSharedValue = void 0;
-var _typeddash = require("../../renderer/typeddash");
+exports.materialize = exports.isSharedValue = exports.composeDeclarations = void 0;
+var _typeddash = require("../renderer/typeddash");
 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;
 };
 exports.isSharedValue = isSharedValue;
 const materialize = props => {
+  "worklet";
+
   const result = Object.assign({}, props);
   (0, _typeddash.mapKeys)(result).forEach(key => {
     const value = result[key];
@@ -22,4 +25,14 @@ const materialize = props => {
   return result;
 };
 exports.materialize = materialize;
+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;
 //# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_typeddash","require","isSharedValue","value","_isReanimatedSharedValue","exports","materialize","props","result","Object","assign","mapKeys","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,IAAAA,UAAA,GAAAC,OAAA;AAEO,MAAMC,aAAa,GACxBC,KAAc,IACc;EAC5B,SAAS;;EACT;EACA,OAAO,CAACA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAA8BC,wBAAwB,MAAK,IAAI;AAC9E,CAAC;AAACC,OAAA,CAAAH,aAAA,GAAAA,aAAA;AAEK,MAAMI,WAAW,GAAsBC,KAAQ,IAAK;EACzD,SAAS;;EACT,MAAMC,MAAS,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEH,KAAK,CAAC;EAC1C,IAAAI,kBAAO,EAACH,MAAM,CAAC,CAACI,OAAO,CAAEC,GAAG,IAAK;IAC/B,MAAMV,KAAK,GAAGK,MAAM,CAACK,GAAG,CAAC;IACzB,IAAIX,aAAa,CAACC,KAAK,CAAC,EAAE;MACxBK,MAAM,CAACK,GAAG,CAAC,GAAGV,KAAK,CAACA,KAAc;IACpC;EACF,CAAC,CAAC;EACF,OAAOK,MAAM;AACf,CAAC;AAACH,OAAA,CAAAC,WAAA,GAAAA,WAAA;AAIK,MAAMQ,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;AAAChB,OAAA,CAAAS,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/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/commonjs/views/SkiaDomView.web.js

@@ -1,32 +1,2 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SkiaDomView = void 0;
-var _skia = require("../skia");
-var _DrawingContext = require("../dom/types/DrawingContext");
-var _SkiaBaseWebView = require("./SkiaBaseWebView");
-class SkiaDomView extends _SkiaBaseWebView.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 _DrawingContext.JsiDrawingContext(_skia.Skia, canvas);
-      this.props.root.render(ctx);
-    }
-  }
-}
-exports.SkiaDomView = SkiaDomView;
 //# sourceMappingURL=SkiaDomView.web.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_skia","require","_DrawingContext","_SkiaBaseWebView","SkiaDomView","SkiaBaseWebView","constructor","props","renderInCanvas","canvas","onSize","width","height","getSize","value","root","ctx","JsiDrawingContext","Skia","render","exports"],"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,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAF,OAAA;AAGO,MAAMG,WAAW,SAASC,gCAAe,CAAyB;EACvEC,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,IAAIC,iCAAiB,CAACC,UAAI,EAAET,MAAM,CAAC;MAC/C,IAAI,CAACF,KAAK,CAACQ,IAAI,CAACI,MAAM,CAACH,GAAG,CAAC;IAC7B;EACF;AACF;AAACI,OAAA,CAAAhB,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["SkiaDomView.web.tsx"],"sourcesContent":[""],"mappings":"","ignoreList":[]}

package/lib/commonjs/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/commonjs/views/SkiaPictureView.web.js

@@ -5,13 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SkiaPictureView = void 0;
 var _SkiaBaseWebView = require("./SkiaBaseWebView");
+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); }
 class SkiaPictureView extends _SkiaBaseWebView.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/commonjs/views/SkiaPictureView.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_SkiaBaseWebView","require","SkiaPictureView","SkiaBaseWebView","constructor","props","renderInCanvas","canvas","picture","drawPicture","exports"],"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,IAAAA,gBAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,SAASC,gCAAe,CAA6B;EAC/EC,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;AAACE,OAAA,CAAAR,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_SkiaBaseWebView","require","_defineProperty","e","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","SkiaPictureView","SkiaBaseWebView","constructor","props","setPicture","picture","redraw","renderInCanvas","canvas","drawPicture","exports"],"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,IAAAA,gBAAA,GAAAC,OAAA;AAAoD,SAAAC,gBAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAAE,cAAA,CAAAF,CAAA,MAAAD,CAAA,GAAAI,MAAA,CAAAC,cAAA,CAAAL,CAAA,EAAAC,CAAA,IAAAK,KAAA,EAAAJ,CAAA,EAAAK,UAAA,MAAAC,YAAA,MAAAC,QAAA,UAAAT,CAAA,CAAAC,CAAA,IAAAC,CAAA,EAAAF,CAAA;AAAA,SAAAG,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,MAAAF,CAAA,GAAAE,CAAA,CAAAU,MAAA,CAAAC,WAAA,kBAAAb,CAAA,QAAAU,CAAA,GAAAV,CAAA,CAAAc,IAAA,CAAAZ,CAAA,EAAAD,CAAA,uCAAAS,CAAA,SAAAA,CAAA,YAAAK,SAAA,yEAAAd,CAAA,GAAAe,MAAA,GAAAC,MAAA,EAAAf,CAAA;AAE7C,MAAMgB,eAAe,SAASC,gCAAe,CAA6B;EAG/EC,WAAWA,CAACC,KAAiC,EAAE;IAC7C,KAAK,CAACA,KAAK,CAAC;IAACtB,eAAA,kBAHqB,IAAI;EAIxC;EAEOuB,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,CAACL,KAAK,CAACE,OAAO,EAAE;MACtBG,MAAM,CAACC,WAAW,CAAC,IAAI,CAACN,KAAK,CAACE,OAAO,CAAC;IACxC,CAAC,MAAM,IAAI,IAAI,CAACA,OAAO,EAAE;MACvBG,MAAM,CAACC,WAAW,CAAC,IAAI,CAACJ,OAAO,CAAC;IAClC;EACF;AACF;AAACK,OAAA,CAAAV,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/commonjs/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/commonjs/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/module/dom/nodes/JsiSkDOM.d.ts

@@ -2,12 +2,8 @@ import type { PathProps, SkDOM, GroupProps, ImageProps, BlurImageFilterProps, Ma
 import type { BlendImageFilterProps, BlendProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, RuntimeShaderImageFilterProps } from "../types/ImageFilters";
 import type { CornerPathEffectProps, DashPathEffectProps, DiscretePathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps } from "../types/PathEffects";
 import type { ParagraphProps } from "../types/Paragraph";
-import { RRectNode } from "./drawings";
-import type { NodeContext } from "./Node";
 export declare class JsiSkDOM implements SkDOM {
-    private ctx;
-    private native;
-    constructor(ctx: NodeContext, native: boolean);
+    constructor();
     Layer(props?: ChildrenProps): import("../types").RenderNode<ChildrenProps>;
     Group(props?: GroupProps): import("../types").RenderNode<GroupProps>;
     Paint(props: PaintProps): import("../types").DeclarationNode<PaintProps>;
@@ -19,8 +15,8 @@ export declare class JsiSkDOM implements SkDOM {
     Oval(props: OvalProps): import("../types").RenderNode<OvalProps>;
     Patch(props: PatchProps): import("../types").RenderNode<PatchProps>;
     Points(props: PointsProps): import("../types").RenderNode<PointsProps>;
-    Rect(props: RectProps): import("./DrawingNode").JsiDrawingNode<RectProps, import("../..").SkRect>;
-    RRect(props: RoundedRectProps): RRectNode | import("./DrawingNode").JsiDrawingNode<RoundedRectProps, import("../..").SkRRect>;
+    Rect(props: RectProps): import("../types").RenderNode<RectProps>;
+    RRect(props: RoundedRectProps): import("../types").RenderNode<RoundedRectProps>;
     Vertices(props: VerticesProps): import("../types").RenderNode<VerticesProps>;
     Text(props: TextProps): import("../types").RenderNode<TextProps>;
     TextPath(props: TextPathProps): import("../types").RenderNode<TextPathProps>;