@shopify/react-native-skia 0.0.135

package/lib/module/renderer/components/shapes/RoundedRect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RoundedRect.tsx"],"names":["React","createDrawing","processRRect","onDraw","rectProps","canvas","paint","Skia","rrect","drawRRect","RoundedRect","props","defaultProps","r"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,aAAT,QAA8B,aAA9B;AAMA,SAASC,YAAT,QAA6B,kBAA7B;AAIA,MAAMC,MAAM,GAAGF,aAAa,CAC1B,OAA0BG,SAA1B,KAAwC;AAAA,MAAvC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,GAAuC;AACtC,QAAMC,KAAK,GAAGN,YAAY,CAACK,IAAD,EAAOH,SAAP,CAA1B;AACAC,EAAAA,MAAM,CAACI,SAAP,CAAiBD,KAAjB,EAAwBF,KAAxB;AACD,CAJyB,CAA5B;AAMA,OAAO,MAAMI,WAAW,GAAIC,KAAD,IAA4C;AACrE,sBAAO;AAAW,IAAA,MAAM,EAAER;AAAnB,KAA+BQ,KAA/B,EAAP;AACD,CAFM;AAIPD,WAAW,CAACE,YAAZ,GAA2B;AACzBC,EAAAA,CAAC,EAAE;AADsB,CAA3B","sourcesContent":["import React from \"react\";\n\nimport { createDrawing } from \"../../nodes\";\nimport type {\n  CustomPaintProps,\n  RRectDef,\n  AnimatedProps,\n} from \"../../processors\";\nimport { processRRect } from \"../../processors\";\n\nexport type RoundedRectProps = RRectDef & CustomPaintProps;\n\nconst onDraw = createDrawing<RoundedRectProps>(\n  ({ canvas, paint, Skia }, rectProps) => {\n    const rrect = processRRect(Skia, rectProps);\n    canvas.drawRRect(rrect, paint);\n  }\n);\nexport const RoundedRect = (props: AnimatedProps<RoundedRectProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nRoundedRect.defaultProps = {\n  r: 0,\n};\n"]}

package/lib/module/renderer/components/shapes/Vertices.js

@@ -0,0 +1,38 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { enumKey } from "../../processors";
+import { BlendMode, VertexMode } from "../../../skia/types";
+import { createDrawing } from "../../nodes";
+import { processColor } from "../../processors/Color";
+const onDraw = createDrawing((_ref, _ref2) => {
+  let {
+    canvas,
+    paint,
+    opacity,
+    Skia
+  } = _ref;
+  let {
+    colors,
+    vertices,
+    textures,
+    blendMode,
+    mode,
+    indices
+  } = _ref2;
+  // If the colors are provided, the default blendMode is set to dstOver, if not, the default is set to srcOver
+  const defaultBlendMode = colors ? BlendMode.DstOver : BlendMode.SrcOver;
+  const blend = blendMode ? BlendMode[enumKey(blendMode)] : defaultBlendMode;
+  const vertexMode = mode ? VertexMode[enumKey(mode)] : VertexMode.Triangles;
+  const vert = Skia.MakeVertices(vertexMode, vertices, textures, colors ? colors.map(c => processColor(Skia, c, opacity)) : undefined, indices);
+  canvas.drawVertices(vert, blend, paint);
+});
+export const Vertices = props => {
+  return /*#__PURE__*/React.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+Vertices.defaultProps = {
+  mode: "triangles"
+};
+//# sourceMappingURL=Vertices.js.map

package/lib/module/renderer/components/shapes/Vertices.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Vertices.tsx"],"names":["React","enumKey","BlendMode","VertexMode","createDrawing","processColor","onDraw","canvas","paint","opacity","Skia","colors","vertices","textures","blendMode","mode","indices","defaultBlendMode","DstOver","SrcOver","blend","vertexMode","Triangles","vert","MakeVertices","map","c","undefined","drawVertices","Vertices","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,OAAT,QAAwB,kBAAxB;AAEA,SAASC,SAAT,EAAoBC,UAApB,QAAsC,qBAAtC;AACA,SAASC,aAAT,QAA8B,aAA9B;AACA,SAASC,YAAT,QAA6B,wBAA7B;AAWA,MAAMC,MAAM,GAAGF,aAAa,CAC1B,iBAGK;AAAA,MAFH;AAAEG,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA,OAAjB;AAA0BC,IAAAA;AAA1B,GAEG;AAAA,MADH;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,QAAV;AAAoBC,IAAAA,QAApB;AAA8BC,IAAAA,SAA9B;AAAyCC,IAAAA,IAAzC;AAA+CC,IAAAA;AAA/C,GACG;AACH;AACA,QAAMC,gBAAgB,GAAGN,MAAM,GAAGT,SAAS,CAACgB,OAAb,GAAuBhB,SAAS,CAACiB,OAAhE;AACA,QAAMC,KAAK,GAAGN,SAAS,GAAGZ,SAAS,CAACD,OAAO,CAACa,SAAD,CAAR,CAAZ,GAAmCG,gBAA1D;AACA,QAAMI,UAAU,GAAGN,IAAI,GAAGZ,UAAU,CAACF,OAAO,CAACc,IAAD,CAAR,CAAb,GAA+BZ,UAAU,CAACmB,SAAjE;AACA,QAAMC,IAAI,GAAGb,IAAI,CAACc,YAAL,CACXH,UADW,EAEXT,QAFW,EAGXC,QAHW,EAIXF,MAAM,GAAGA,MAAM,CAACc,GAAP,CAAYC,CAAD,IAAOrB,YAAY,CAACK,IAAD,EAAOgB,CAAP,EAAUjB,OAAV,CAA9B,CAAH,GAAuDkB,SAJlD,EAKXX,OALW,CAAb;AAOAT,EAAAA,MAAM,CAACqB,YAAP,CAAoBL,IAApB,EAA0BH,KAA1B,EAAiCZ,KAAjC;AACD,CAjByB,CAA5B;AAoBA,OAAO,MAAMqB,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAW,IAAA,MAAM,EAAExB;AAAnB,KAA+BwB,KAA/B,EAAP;AACD,CAFM;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBhB,EAAAA,IAAI,EAAE;AADgB,CAAxB","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps, SkEnum, AnimatedProps } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\nimport type { SkPoint } from \"../../../skia/types\";\nimport { BlendMode, VertexMode } from \"../../../skia/types\";\nimport { createDrawing } from \"../../nodes\";\nimport { processColor } from \"../../processors/Color\";\n\nexport interface VerticesProps extends CustomPaintProps {\n  colors?: string[];\n  vertices: SkPoint[];\n  textures?: SkPoint[];\n  mode: SkEnum<typeof VertexMode>;\n  blendMode?: SkEnum<typeof BlendMode>;\n  indices?: number[];\n}\n\nconst onDraw = createDrawing<VerticesProps>(\n  (\n    { canvas, paint, opacity, Skia },\n    { colors, vertices, textures, blendMode, mode, indices }\n  ) => {\n    // If the colors are provided, the default blendMode is set to dstOver, if not, the default is set to srcOver\n    const defaultBlendMode = colors ? BlendMode.DstOver : BlendMode.SrcOver;\n    const blend = blendMode ? BlendMode[enumKey(blendMode)] : defaultBlendMode;\n    const vertexMode = mode ? VertexMode[enumKey(mode)] : VertexMode.Triangles;\n    const vert = Skia.MakeVertices(\n      vertexMode,\n      vertices,\n      textures,\n      colors ? colors.map((c) => processColor(Skia, c, opacity)) : undefined,\n      indices\n    );\n    canvas.drawVertices(vert, blend, paint);\n  }\n);\n\nexport const Vertices = (props: AnimatedProps<VerticesProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nVertices.defaultProps = {\n  mode: \"triangles\",\n};\n"]}

package/lib/module/renderer/components/shapes/index.js

@@ -0,0 +1,14 @@
+export * from "./Circle";
+export * from "./Rect";
+export * from "./RoundedRect";
+export * from "./DiffRect";
+export * from "./Line";
+export * from "./Path";
+export * from "./Oval";
+export * from "./Points";
+export * from "./Patch";
+export * from "./Vertices";
+export * from "./Fill";
+export * from "./FitBox";
+export * from "./Box";
+//# sourceMappingURL=index.js.map

package/lib/module/renderer/components/shapes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,QAAd;AACA,cAAc,eAAd;AACA,cAAc,YAAd;AACA,cAAc,QAAd;AACA,cAAc,QAAd;AACA,cAAc,QAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,QAAd;AACA,cAAc,UAAd;AACA,cAAc,OAAd","sourcesContent":["export * from \"./Circle\";\nexport * from \"./Rect\";\nexport * from \"./RoundedRect\";\nexport * from \"./DiffRect\";\nexport * from \"./Line\";\nexport * from \"./Path\";\nexport * from \"./Oval\";\nexport * from \"./Points\";\nexport * from \"./Patch\";\nexport * from \"./Vertices\";\nexport * from \"./Fill\";\nexport * from \"./FitBox\";\nexport * from \"./Box\";\n"]}

package/lib/module/renderer/components/text/Glyphs.js

@@ -0,0 +1,46 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { createDrawing } from "../../nodes/Drawing";
+import { processFont } from "../../processors/Font";
+const onDraw = createDrawing((_ref, _ref2) => {
+  let {
+    canvas,
+    paint,
+    fontMgr,
+    Skia
+  } = _ref;
+  let {
+    glyphs: rawGlyphs,
+    x,
+    y,
+    ...fontDef
+  } = _ref2;
+  const font = processFont(Skia, fontMgr, fontDef);
+  const {
+    glyphs,
+    positions
+  } = rawGlyphs.reduce((acc, glyph) => {
+    const {
+      id,
+      pos
+    } = glyph;
+    acc.glyphs.push(id);
+    acc.positions.push(pos);
+    return acc;
+  }, {
+    glyphs: [],
+    positions: []
+  });
+  canvas.drawGlyphs(glyphs, positions, x, y, font, paint);
+});
+export const Glyphs = props => {
+  return /*#__PURE__*/React.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+Glyphs.defaultProps = {
+  x: 0,
+  y: 0
+};
+//# sourceMappingURL=Glyphs.js.map

package/lib/module/renderer/components/text/Glyphs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Glyphs.tsx"],"names":["React","createDrawing","processFont","onDraw","canvas","paint","fontMgr","Skia","glyphs","rawGlyphs","x","y","fontDef","font","positions","reduce","acc","glyph","id","pos","push","drawGlyphs","Glyphs","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,aAAT,QAA8B,qBAA9B;AAGA,SAASC,WAAT,QAA4B,uBAA5B;AAmBA,MAAMC,MAAM,GAAGF,aAAa,CAC1B,iBAGK;AAAA,MAFH;AAAEG,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA,OAAjB;AAA0BC,IAAAA;AAA1B,GAEG;AAAA,MADH;AAAEC,IAAAA,MAAM,EAAEC,SAAV;AAAqBC,IAAAA,CAArB;AAAwBC,IAAAA,CAAxB;AAA2B,OAAGC;AAA9B,GACG;AACH,QAAMC,IAAI,GAAGX,WAAW,CAACK,IAAD,EAAOD,OAAP,EAAgBM,OAAhB,CAAxB;AACA,QAAM;AAAEJ,IAAAA,MAAF;AAAUM,IAAAA;AAAV,MAAwBL,SAAS,CAACM,MAAV,CAC5B,CAACC,GAAD,EAAMC,KAAN,KAAgB;AACd,UAAM;AAAEC,MAAAA,EAAF;AAAMC,MAAAA;AAAN,QAAcF,KAApB;AACAD,IAAAA,GAAG,CAACR,MAAJ,CAAWY,IAAX,CAAgBF,EAAhB;AACAF,IAAAA,GAAG,CAACF,SAAJ,CAAcM,IAAd,CAAmBD,GAAnB;AACA,WAAOH,GAAP;AACD,GAN2B,EAO5B;AAAER,IAAAA,MAAM,EAAE,EAAV;AAAcM,IAAAA,SAAS,EAAE;AAAzB,GAP4B,CAA9B;AASAV,EAAAA,MAAM,CAACiB,UAAP,CAAkBb,MAAlB,EAA0BM,SAA1B,EAAqCJ,CAArC,EAAwCC,CAAxC,EAA2CE,IAA3C,EAAiDR,KAAjD;AACD,CAhByB,CAA5B;AAmBA,OAAO,MAAMiB,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAW,IAAA,MAAM,EAAEpB;AAAnB,KAA+BoB,KAA/B,EAAP;AACD,CAFM;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBd,EAAAA,CAAC,EAAE,CADiB;AAEpBC,EAAAA,CAAC,EAAE;AAFiB,CAAtB","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps, AnimatedProps } from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\nimport type { SkPoint } from \"../../../skia/types\";\nimport type { FontDef } from \"../../processors/Font\";\nimport { processFont } from \"../../processors/Font\";\n\nexport interface Glyph {\n  id: number;\n  pos: SkPoint;\n}\n\nexport type GlyphsProps = CustomPaintProps &\n  FontDef & {\n    x: number;\n    y: number;\n    glyphs: Glyph[];\n  };\n\ninterface ProcessedGlyphs {\n  glyphs: number[];\n  positions: SkPoint[];\n}\n\nconst onDraw = createDrawing<GlyphsProps>(\n  (\n    { canvas, paint, fontMgr, Skia },\n    { glyphs: rawGlyphs, x, y, ...fontDef }\n  ) => {\n    const font = processFont(Skia, fontMgr, fontDef);\n    const { glyphs, positions } = rawGlyphs.reduce<ProcessedGlyphs>(\n      (acc, glyph) => {\n        const { id, pos } = glyph;\n        acc.glyphs.push(id);\n        acc.positions.push(pos);\n        return acc;\n      },\n      { glyphs: [], positions: [] }\n    );\n    canvas.drawGlyphs(glyphs, positions, x, y, font, paint);\n  }\n);\n\nexport const Glyphs = (props: AnimatedProps<GlyphsProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nGlyphs.defaultProps = {\n  x: 0,\n  y: 0,\n};\n"]}

package/lib/module/renderer/components/text/Text.js

@@ -0,0 +1,31 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { createDrawing } from "../../nodes/Drawing";
+import { processFont } from "../../processors";
+const onDraw = createDrawing((_ref, _ref2) => {
+  let {
+    canvas,
+    paint,
+    fontMgr,
+    Skia
+  } = _ref;
+  let {
+    text,
+    x,
+    y,
+    ...fontDef
+  } = _ref2;
+  const font = processFont(Skia, fontMgr, fontDef);
+  canvas.drawText(text, x, y, paint, font);
+});
+export const Text = props => {
+  return /*#__PURE__*/React.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+Text.defaultProps = {
+  x: 0,
+  y: 0
+};
+//# sourceMappingURL=Text.js.map

package/lib/module/renderer/components/text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Text.tsx"],"names":["React","createDrawing","processFont","onDraw","canvas","paint","fontMgr","Skia","text","x","y","fontDef","font","drawText","Text","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAOA,SAASC,aAAT,QAA8B,qBAA9B;AACA,SAASC,WAAT,QAA4B,kBAA5B;AASA,MAAMC,MAAM,GAAGF,aAAa,CAC1B,iBAAkE;AAAA,MAAjE;AAAEG,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA,OAAjB;AAA0BC,IAAAA;AAA1B,GAAiE;AAAA,MAA/B;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,CAAR;AAAWC,IAAAA,CAAX;AAAc,OAAGC;AAAjB,GAA+B;AAChE,QAAMC,IAAI,GAAGV,WAAW,CAACK,IAAD,EAAOD,OAAP,EAAgBK,OAAhB,CAAxB;AACAP,EAAAA,MAAM,CAACS,QAAP,CAAgBL,IAAhB,EAAsBC,CAAtB,EAAyBC,CAAzB,EAA4BL,KAA5B,EAAmCO,IAAnC;AACD,CAJyB,CAA5B;AAOA,OAAO,MAAME,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAEZ;AAAnB,KAA+BY,KAA/B,EAAP;AACD,CAFM;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBP,EAAAA,CAAC,EAAE,CADe;AAElBC,EAAAA,CAAC,EAAE;AAFe,CAApB","sourcesContent":["import React from \"react\";\n\nimport type {\n  CustomPaintProps,\n  AnimatedProps,\n  FontDef,\n} from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\nimport { processFont } from \"../../processors\";\n\ntype TextProps = CustomPaintProps &\n  FontDef & {\n    text: string;\n    x: number;\n    y: number;\n  };\n\nconst onDraw = createDrawing<TextProps>(\n  ({ canvas, paint, fontMgr, Skia }, { text, x, y, ...fontDef }) => {\n    const font = processFont(Skia, fontMgr, fontDef);\n    canvas.drawText(text, x, y, paint, font);\n  }\n);\n\nexport const Text = (props: AnimatedProps<TextProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nText.defaultProps = {\n  x: 0,\n  y: 0,\n};\n"]}

package/lib/module/renderer/components/text/TextBlob.js

@@ -0,0 +1,26 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { createDrawing } from "../../nodes/Drawing";
+const onDraw = createDrawing((_ref, _ref2) => {
+  let {
+    canvas,
+    paint
+  } = _ref;
+  let {
+    blob,
+    x,
+    y
+  } = _ref2;
+  canvas.drawTextBlob(blob, x, y, paint);
+});
+export const TextBlob = props => {
+  return /*#__PURE__*/React.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+TextBlob.defaultProps = {
+  x: 0,
+  y: 0
+};
+//# sourceMappingURL=TextBlob.js.map

package/lib/module/renderer/components/text/TextBlob.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TextBlob.tsx"],"names":["React","createDrawing","onDraw","canvas","paint","blob","x","y","drawTextBlob","TextBlob","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,aAAT,QAA8B,qBAA9B;AASA,MAAMC,MAAM,GAAGD,aAAa,CAC1B,iBAAuC;AAAA,MAAtC;AAAEE,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAsC;AAAA,MAAnB;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,CAAR;AAAWC,IAAAA;AAAX,GAAmB;AACrCJ,EAAAA,MAAM,CAACK,YAAP,CAAoBH,IAApB,EAA0BC,CAA1B,EAA6BC,CAA7B,EAAgCH,KAAhC;AACD,CAHyB,CAA5B;AAMA,OAAO,MAAMK,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAW,IAAA,MAAM,EAAER;AAAnB,KAA+BQ,KAA/B,EAAP;AACD,CAFM;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBL,EAAAA,CAAC,EAAE,CADmB;AAEtBC,EAAAA,CAAC,EAAE;AAFmB,CAAxB","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps, AnimatedProps } from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\nimport type { SkTextBlob } from \"../../../skia/types\";\n\nexport interface TextBlobProps extends CustomPaintProps {\n  blob: SkTextBlob;\n  x: number;\n  y: number;\n}\n\nconst onDraw = createDrawing<TextBlobProps>(\n  ({ canvas, paint }, { blob, x, y }) => {\n    canvas.drawTextBlob(blob, x, y, paint);\n  }\n);\n\nexport const TextBlob = (props: AnimatedProps<TextBlobProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nTextBlob.defaultProps = {\n  x: 0,\n  y: 0,\n};\n"]}

package/lib/module/renderer/components/text/TextPath.js

@@ -0,0 +1,76 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { createDrawing } from "../../nodes";
+import { processFont } from "../../processors/Font";
+const onDraw = createDrawing((_ref, _ref2) => {
+  let {
+    canvas,
+    paint,
+    fontMgr,
+    Skia
+  } = _ref;
+  let {
+    text,
+    initialOffset,
+    path: pathDef,
+    ...fontDef
+  } = _ref2;
+  const path = typeof pathDef === "string" ? Skia.Path.MakeFromSVGString(pathDef) : pathDef;
+
+  if (path === null) {
+    throw new Error("Invalid path: " + pathDef);
+  }
+
+  const font = processFont(Skia, fontMgr, fontDef);
+  const ids = font.getGlyphIDs(text);
+  const widths = font.getGlyphWidths(ids, paint);
+  const rsx = [];
+  const meas = Skia.ContourMeasureIter(path, false, 1);
+  let cont = meas.next();
+  let dist = initialOffset;
+
+  for (let i = 0; i < text.length && cont; i++) {
+    const width = widths[i];
+    dist += width / 2;
+
+    if (dist > cont.length()) {
+      // jump to next contour
+      cont = meas.next();
+
+      if (!cont) {
+        // We have come to the end of the path - terminate the string
+        // right here.
+        text = text.substring(0, i);
+        break;
+      }
+
+      dist = width / 2;
+    } // Gives us the (x, y) coordinates as well as the cos/sin of the tangent
+    // line at that position.
+
+
+    const {
+      px,
+      py,
+      tx,
+      ty
+    } = cont.getPosTan(dist);
+    const adjustedX = px - width / 2 * tx;
+    const adjustedY = py - width / 2 * ty;
+    rsx.push(Skia.RSXform(tx, ty, adjustedX, adjustedY));
+    dist += width / 2;
+  }
+
+  const blob = Skia.TextBlob.MakeFromRSXform(text, rsx, font);
+  canvas.drawTextBlob(blob, 0, 0, paint);
+});
+export const TextPath = props => {
+  return /*#__PURE__*/React.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+TextPath.defaultProps = {
+  initialOffset: 0
+};
+//# sourceMappingURL=TextPath.js.map

package/lib/module/renderer/components/text/TextPath.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TextPath.tsx"],"names":["React","createDrawing","processFont","onDraw","canvas","paint","fontMgr","Skia","text","initialOffset","path","pathDef","fontDef","Path","MakeFromSVGString","Error","font","ids","getGlyphIDs","widths","getGlyphWidths","rsx","meas","ContourMeasureIter","cont","next","dist","i","length","width","substring","px","py","tx","ty","getPosTan","adjustedX","adjustedY","push","RSXform","blob","TextBlob","MakeFromRSXform","drawTextBlob","TextPath","props","defaultProps"],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps, AnimatedProps } from \"../../processors\";\nimport { createDrawing } from \"../../nodes\";\nimport type { SkPath, SkRSXform } from \"../../../skia/types\";\nimport type { FontDef } from \"../../processors/Font\";\nimport { processFont } from \"../../processors/Font\";\n\nexport type TextPathProps = CustomPaintProps &\n  FontDef & {\n    text: string;\n    path: SkPath | string;\n    initialOffset: number;\n  };\n\nconst onDraw = createDrawing<TextPathProps>(\n  (\n    { canvas, paint, fontMgr, Skia },\n    { text, initialOffset, path: pathDef, ...fontDef }\n  ) => {\n    const path =\n      typeof pathDef === \"string\"\n        ? Skia.Path.MakeFromSVGString(pathDef)\n        : pathDef;\n    if (path === null) {\n      throw new Error(\"Invalid path: \" + pathDef);\n    }\n    const font = processFont(Skia, fontMgr, fontDef);\n    const ids = font.getGlyphIDs(text);\n    const widths = font.getGlyphWidths(ids, paint);\n    const rsx: SkRSXform[] = [];\n    const meas = Skia.ContourMeasureIter(path, false, 1);\n    let cont = meas.next();\n    let dist = initialOffset;\n    for (let i = 0; i < text.length && cont; i++) {\n      const width = widths[i];\n      dist += width / 2;\n      if (dist > cont.length()) {\n        // jump to next contour\n        cont = meas.next();\n        if (!cont) {\n          // We have come to the end of the path - terminate the string\n          // right here.\n          text = text.substring(0, i);\n          break;\n        }\n        dist = width / 2;\n      }\n      // Gives us the (x, y) coordinates as well as the cos/sin of the tangent\n      // line at that position.\n      const { px, py, tx, ty } = cont.getPosTan(dist);\n      const adjustedX = px - (width / 2) * tx;\n      const adjustedY = py - (width / 2) * ty;\n      rsx.push(Skia.RSXform(tx, ty, adjustedX, adjustedY));\n      dist += width / 2;\n    }\n    const blob = Skia.TextBlob.MakeFromRSXform(text, rsx, font);\n    canvas.drawTextBlob(blob, 0, 0, paint);\n  }\n);\n\nexport const TextPath = (props: AnimatedProps<TextPathProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nTextPath.defaultProps = {\n  initialOffset: 0,\n};\n"]}

package/lib/module/renderer/components/text/index.js

@@ -0,0 +1,5 @@
+export * from "./Text";
+export * from "./Glyphs";
+export * from "./TextBlob";
+export * from "./TextPath";
+//# sourceMappingURL=index.js.map

package/lib/module/renderer/components/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,UAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd","sourcesContent":["export * from \"./Text\";\nexport * from \"./Glyphs\";\nexport * from \"./TextBlob\";\nexport * from \"./TextPath\";\n"]}

package/lib/module/renderer/index.js

@@ -0,0 +1,6 @@
+export * from "./components";
+export * from "./nodes";
+export * from "./useContextBridge";
+export * from "./DependencyManager";
+export * from "./useCanvas";
+//# sourceMappingURL=index.js.map

package/lib/module/renderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd;AACA,cAAc,SAAd;AACA,cAAc,oBAAd;AACA,cAAc,qBAAd;AACA,cAAc,aAAd","sourcesContent":["export * from \"./components\";\nexport * from \"./nodes\";\nexport * from \"./useContextBridge\";\nexport * from \"./DependencyManager\";\nexport * from \"./useCanvas\";\n"]}

package/lib/module/renderer/nodes/Container.js

@@ -0,0 +1,18 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { Node } from "./Node";
+export class Container extends Node {
+  constructor(depMgr, redraw) {
+    super(depMgr, {});
+
+    _defineProperty(this, "redraw", void 0);
+
+    this.redraw = redraw;
+  }
+
+  draw(ctx) {
+    this.visit(ctx);
+  }
+
+}
+//# sourceMappingURL=Container.js.map

package/lib/module/renderer/nodes/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Container.tsx"],"names":["Node","Container","constructor","depMgr","redraw","draw","ctx","visit"],"mappings":";;AAGA,SAASA,IAAT,QAAqB,QAArB;AAEA,OAAO,MAAMC,SAAN,SAAwBD,IAAxB,CAA6B;AAGlCE,EAAAA,WAAW,CAACC,MAAD,EAA4BC,MAA5B,EAAgD;AACzD,UAAMD,MAAN,EAAc,EAAd;;AADyD;;AAEzD,SAAKC,MAAL,GAAcA,MAAd;AACD;;AAEDC,EAAAA,IAAI,CAACC,GAAD,EAAsB;AACxB,SAAKC,KAAL,CAAWD,GAAX;AACD;;AAViC","sourcesContent":["import type { DependencyManager } from \"../DependencyManager\";\nimport type { DrawingContext } from \"../DrawingContext\";\n\nimport { Node } from \"./Node\";\n\nexport class Container extends Node {\n  redraw: () => void;\n\n  constructor(depMgr: DependencyManager, redraw: () => void) {\n    super(depMgr, {});\n    this.redraw = redraw;\n  }\n\n  draw(ctx: DrawingContext) {\n    this.visit(ctx);\n  }\n}\n"]}

package/lib/module/renderer/nodes/Declaration.js

@@ -0,0 +1,37 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { useCallback } from "react";
+import { isAnimated, materialize } from "../processors";
+import { Node } from "./Node";
+export const createDeclaration = cb => cb;
+export const useDeclaration = (cb, deps) => // eslint-disable-next-line react-hooks/exhaustive-deps
+useCallback(cb, deps !== null && deps !== void 0 ? deps : []);
+export const isDeclarationNode = node => node instanceof DeclarationNode;
+export class DeclarationNode extends Node {
+  constructor(depMgr, onDeclare, props) {
+    super(depMgr, props);
+
+    _defineProperty(this, "onDeclare", void 0);
+
+    super.memoizable = !isAnimated(props);
+    this.onDeclare = onDeclare;
+  }
+
+  set props(props) {
+    this.memoizable = !isAnimated(props);
+    super.props = props;
+  }
+
+  get props() {
+    return this._props;
+  }
+
+  draw(ctx) {
+    const children = this.visit(ctx);
+    const props = materialize(this.props);
+    const obj = this.onDeclare(props, children, ctx);
+    return obj;
+  }
+
+}
+//# sourceMappingURL=Declaration.js.map

package/lib/module/renderer/nodes/Declaration.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Declaration.tsx"],"names":["useCallback","isAnimated","materialize","Node","createDeclaration","cb","useDeclaration","deps","isDeclarationNode","node","DeclarationNode","constructor","depMgr","onDeclare","props","memoizable","_props","draw","ctx","children","visit","obj"],"mappings":";;AACA,SAASA,WAAT,QAA4B,OAA5B;AAIA,SAASC,UAAT,EAAqBC,WAArB,QAAwC,eAAxC;AAIA,SAASC,IAAT,QAAqB,QAArB;AAUA,OAAO,MAAMC,iBAAiB,GAC5BC,EAD+B,IAEJA,EAFtB;AAIP,OAAO,MAAMC,cAAc,GAAG,CAC5BD,EAD4B,EAE5BE,IAF4B,KAI5B;AACAP,WAAW,CAACK,EAAD,EAAKE,IAAL,aAAKA,IAAL,cAAKA,IAAL,GAAa,EAAb,CALN;AAOP,OAAO,MAAMC,iBAAiB,GAC5BC,IAD+B,IAEMA,IAAI,YAAYC,eAFhD;AAQP,OAAO,MAAMA,eAAN,SAAiCP,IAAjC,CAAyC;AAG9CQ,EAAAA,WAAW,CACTC,MADS,EAETC,SAFS,EAGTC,KAHS,EAIT;AACA,UAAMF,MAAN,EAAcE,KAAd;;AADA;;AAEA,UAAMC,UAAN,GAAmB,CAACd,UAAU,CAACa,KAAD,CAA9B;AACA,SAAKD,SAAL,GAAiBA,SAAjB;AACD;;AAEQ,MAALC,KAAK,CAACA,KAAD,EAA0B;AACjC,SAAKC,UAAL,GAAkB,CAACd,UAAU,CAACa,KAAD,CAA7B;AACA,UAAMA,KAAN,GAAcA,KAAd;AACD;;AAEQ,MAALA,KAAK,GAAG;AACV,WAAO,KAAKE,MAAZ;AACD;;AAEDC,EAAAA,IAAI,CAACC,GAAD,EAAsB;AACxB,UAAMC,QAAQ,GAAG,KAAKC,KAAL,CAAWF,GAAX,CAAjB;AACA,UAAMJ,KAAK,GAAGZ,WAAW,CAAC,KAAKY,KAAN,CAAzB;AACA,UAAMO,GAAG,GAAG,KAAKR,SAAL,CAAeC,KAAf,EAAsBK,QAAtB,EAAgCD,GAAhC,CAAZ;AACA,WAAOG,GAAP;AACD;;AA3B6C","sourcesContent":["import type { DependencyList } from \"react\";\nimport { useCallback } from \"react\";\n\nimport type { DrawingContext } from \"../DrawingContext\";\nimport type { AnimatedProps } from \"../processors\";\nimport { isAnimated, materialize } from \"../processors\";\nimport type { DependencyManager } from \"../DependencyManager\";\nimport type { SkJSIInstance } from \"../../skia/types\";\n\nimport { Node } from \"./Node\";\n\nexport type DeclarationResult = SkJSIInstance<string> | null;\n\ntype DeclarationCallback<T> = (\n  props: T,\n  children: DeclarationResult[],\n  ctx: DrawingContext\n) => DeclarationResult;\n\nexport const createDeclaration = <T,>(\n  cb: DeclarationCallback<T>\n): DeclarationCallback<T> => cb;\n\nexport const useDeclaration = <P,>(\n  cb: DeclarationCallback<P>,\n  deps?: DependencyList\n) =>\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useCallback(cb, deps ?? []);\n\nexport const isDeclarationNode = (\n  node: Node\n): node is DeclarationNode<unknown> => node instanceof DeclarationNode;\n\nexport interface DeclarationProps<P> {\n  onDeclare: DeclarationCallback<P>;\n}\n\nexport class DeclarationNode<P> extends Node<P> {\n  private onDeclare: DeclarationCallback<P>;\n\n  constructor(\n    depMgr: DependencyManager,\n    onDeclare: DeclarationCallback<P>,\n    props: AnimatedProps<P>\n  ) {\n    super(depMgr, props);\n    super.memoizable = !isAnimated(props);\n    this.onDeclare = onDeclare;\n  }\n\n  set props(props: AnimatedProps<P>) {\n    this.memoizable = !isAnimated(props);\n    super.props = props;\n  }\n\n  get props() {\n    return this._props;\n  }\n\n  draw(ctx: DrawingContext) {\n    const children = this.visit(ctx);\n    const props = materialize(this.props);\n    const obj = this.onDeclare(props, children, ctx);\n    return obj;\n  }\n}\n"]}

package/lib/module/renderer/nodes/Drawing.js

@@ -0,0 +1,40 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { useCallback } from "react";
+import { materialize } from "../processors/Animations/Animations";
+import { isPaint } from "../../skia/types";
+import { processPaint } from "../processors";
+import { Node } from "./Node";
+export const createDrawing = cb => cb;
+export const useDrawing = (cb, deps) => // eslint-disable-next-line react-hooks/exhaustive-deps
+useCallback(cb, deps !== null && deps !== void 0 ? deps : []);
+export class DrawingNode extends Node {
+  constructor(depMgr, onDraw, skipProcessing, props) {
+    super(depMgr, props);
+
+    _defineProperty(this, "onDraw", void 0);
+
+    _defineProperty(this, "skipProcessing", void 0);
+
+    this.onDraw = onDraw;
+    this.skipProcessing = skipProcessing;
+  }
+
+  draw(ctx) {
+    const drawingProps = materialize(this.props);
+
+    if (this.skipProcessing) {
+      this.onDraw(ctx, drawingProps, this);
+    } else {
+      const declarations = this.visit(ctx);
+      const paint = processPaint(ctx.Skia, ctx.paint.copy(), ctx.opacity, drawingProps, declarations);
+      [paint, ...declarations.filter(isPaint)].forEach(currentPaint => {
+        this.onDraw({ ...ctx,
+          paint: currentPaint
+        }, drawingProps, this);
+      });
+    }
+  }
+
+}
+//# sourceMappingURL=Drawing.js.map

package/lib/module/renderer/nodes/Drawing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Drawing.tsx"],"names":["useCallback","materialize","isPaint","processPaint","Node","createDrawing","cb","useDrawing","deps","DrawingNode","constructor","depMgr","onDraw","skipProcessing","props","draw","ctx","drawingProps","declarations","visit","paint","Skia","copy","opacity","filter","forEach","currentPaint"],"mappings":";;AACA,SAASA,WAAT,QAA4B,OAA5B;AAIA,SAASC,WAAT,QAA4B,qCAA5B;AACA,SAASC,OAAT,QAAwB,kBAAxB;AAEA,SAASC,YAAT,QAA6B,eAA7B;AAEA,SAASC,IAAT,QAAqB,QAArB;AAUA,OAAO,MAAMC,aAAa,GAAQC,EAAL,IAC3BA,EADK;AAGP,OAAO,MAAMC,UAAU,GAAG,CAAKD,EAAL,EAA4BE,IAA5B,KACxB;AACAR,WAAW,CAACM,EAAD,EAAKE,IAAL,aAAKA,IAAL,cAAKA,IAAL,GAAa,EAAb,CAFN;AAUP,OAAO,MAAMC,WAAN,SAA6BL,IAA7B,CAAqC;AAI1CM,EAAAA,WAAW,CACTC,MADS,EAETC,MAFS,EAGTC,cAHS,EAITC,KAJS,EAKT;AACA,UAAMH,MAAN,EAAcG,KAAd;;AADA;;AAAA;;AAEA,SAAKF,MAAL,GAAcA,MAAd;AACA,SAAKC,cAAL,GAAsBA,cAAtB;AACD;;AAEDE,EAAAA,IAAI,CAACC,GAAD,EAAsB;AACxB,UAAMC,YAAY,GAAGhB,WAAW,CAAC,KAAKa,KAAN,CAAhC;;AACA,QAAI,KAAKD,cAAT,EAAyB;AACvB,WAAKD,MAAL,CAAYI,GAAZ,EAAiBC,YAAjB,EAA+B,IAA/B;AACD,KAFD,MAEO;AACL,YAAMC,YAAY,GAAG,KAAKC,KAAL,CAAWH,GAAX,CAArB;AACA,YAAMI,KAAK,GAAGjB,YAAY,CACxBa,GAAG,CAACK,IADoB,EAExBL,GAAG,CAACI,KAAJ,CAAUE,IAAV,EAFwB,EAGxBN,GAAG,CAACO,OAHoB,EAIxBN,YAJwB,EAKxBC,YALwB,CAA1B;AAOA,OAACE,KAAD,EAAQ,GAAGF,YAAY,CAACM,MAAb,CAAoBtB,OAApB,CAAX,EAAyCuB,OAAzC,CAAkDC,YAAD,IAAkB;AACjE,aAAKd,MAAL,CAAY,EAAE,GAAGI,GAAL;AAAUI,UAAAA,KAAK,EAAEM;AAAjB,SAAZ,EAA6CT,YAA7C,EAA2D,IAA3D;AACD,OAFD;AAGD;AACF;;AAhCyC","sourcesContent":["import type { DependencyList, ReactNode } from \"react\";\nimport { useCallback } from \"react\";\n\nimport type { DrawingContext } from \"../DrawingContext\";\nimport type { AnimatedProps } from \"../processors/Animations/Animations\";\nimport { materialize } from \"../processors/Animations/Animations\";\nimport { isPaint } from \"../../skia/types\";\nimport type { DependencyManager } from \"../DependencyManager\";\nimport { processPaint } from \"../processors\";\n\nimport { Node } from \"./Node\";\n\ntype DrawingCallback<P> = (\n  ctx: DrawingContext,\n  props: P,\n  node: Node<P>\n) => void;\n\ntype OnDrawCallback<P> = (ctx: DrawingContext, props: P, node: Node<P>) => void;\n\nexport const createDrawing = <P,>(cb: OnDrawCallback<P>): DrawingCallback<P> =>\n  cb;\n\nexport const useDrawing = <P,>(cb: OnDrawCallback<P>, deps?: DependencyList) =>\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useCallback(cb, deps ?? []);\n\nexport type DrawingProps<T> = {\n  onDraw: DrawingCallback<T>;\n  skipProcessing?: boolean;\n  children?: ReactNode | ReactNode[];\n};\n\nexport class DrawingNode<P> extends Node<P> {\n  onDraw: DrawingCallback<P>;\n  skipProcessing: boolean;\n\n  constructor(\n    depMgr: DependencyManager,\n    onDraw: DrawingCallback<P>,\n    skipProcessing: boolean,\n    props: AnimatedProps<P>\n  ) {\n    super(depMgr, props);\n    this.onDraw = onDraw;\n    this.skipProcessing = skipProcessing;\n  }\n\n  draw(ctx: DrawingContext) {\n    const drawingProps = materialize(this.props);\n    if (this.skipProcessing) {\n      this.onDraw(ctx, drawingProps, this);\n    } else {\n      const declarations = this.visit(ctx);\n      const paint = processPaint(\n        ctx.Skia,\n        ctx.paint.copy(),\n        ctx.opacity,\n        drawingProps,\n        declarations\n      );\n      [paint, ...declarations.filter(isPaint)].forEach((currentPaint) => {\n        this.onDraw({ ...ctx, paint: currentPaint }, drawingProps, this);\n      });\n    }\n  }\n}\n"]}

package/lib/module/renderer/nodes/Node.js

@@ -0,0 +1,61 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+export let NodeType;
+
+(function (NodeType) {
+  NodeType["Declaration"] = "skDeclaration";
+  NodeType["Drawing"] = "skDrawing";
+})(NodeType || (NodeType = {}));
+
+export class Node {
+  constructor(depMgr, props) {
+    _defineProperty(this, "children", []);
+
+    _defineProperty(this, "_props", void 0);
+
+    _defineProperty(this, "memoizable", false);
+
+    _defineProperty(this, "memoized", null);
+
+    _defineProperty(this, "parent", void 0);
+
+    _defineProperty(this, "depMgr", void 0);
+
+    this._props = props;
+    this.depMgr = depMgr;
+    this.depMgr.unSubscribeNode(this);
+    this.depMgr.subscribeNode(this, props);
+  }
+
+  set props(props) {
+    this.depMgr.unSubscribeNode(this);
+    this.depMgr.subscribeNode(this, props);
+    this._props = props;
+  }
+
+  get props() {
+    return this._props;
+  }
+
+  visit(ctx, children) {
+    const returnedValues = [];
+    (children !== null && children !== void 0 ? children : this.children).forEach(child => {
+      if (child.memoized && child.memoizable) {
+        returnedValues.push(child.memoized);
+      } else {
+        const ret = child.draw(ctx);
+
+        if (ret) {
+          returnedValues.push(ret);
+
+          if (child.memoizable) {
+            child.memoized = ret;
+          }
+        }
+      }
+    });
+    return returnedValues;
+  }
+
+}
+//# sourceMappingURL=Node.js.map

package/lib/module/renderer/nodes/Node.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Node.ts"],"names":["NodeType","Node","constructor","depMgr","props","_props","unSubscribeNode","subscribeNode","visit","ctx","children","returnedValues","forEach","child","memoized","memoizable","push","ret","draw"],"mappings":";;AAKA,WAAYA,QAAZ;;WAAYA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;GAAAA,Q,KAAAA,Q;;AAOZ,OAAO,MAAeC,IAAf,CAAiC;AAQtCC,EAAAA,WAAW,CAACC,MAAD,EAA4BC,KAA5B,EAAqD;AAAA,sCAPpC,EAOoC;;AAAA;;AAAA,wCALnD,KAKmD;;AAAA,sCAJ3B,IAI2B;;AAAA;;AAAA;;AAC9D,SAAKC,MAAL,GAAcD,KAAd;AACA,SAAKD,MAAL,GAAcA,MAAd;AACA,SAAKA,MAAL,CAAYG,eAAZ,CAA4B,IAA5B;AACA,SAAKH,MAAL,CAAYI,aAAZ,CAA0B,IAA1B,EAAgCH,KAAhC;AACD;;AAIQ,MAALA,KAAK,CAACA,KAAD,EAA0B;AACjC,SAAKD,MAAL,CAAYG,eAAZ,CAA4B,IAA5B;AACA,SAAKH,MAAL,CAAYI,aAAZ,CAA0B,IAA1B,EAAgCH,KAAhC;AACA,SAAKC,MAAL,GAAcD,KAAd;AACD;;AAEQ,MAALA,KAAK,GAAG;AACV,WAAO,KAAKC,MAAZ;AACD;;AAEDG,EAAAA,KAAK,CAACC,GAAD,EAAsBC,QAAtB,EAAyC;AAC5C,UAAMC,cAAkD,GAAG,EAA3D;AACA,KAACD,QAAD,aAACA,QAAD,cAACA,QAAD,GAAa,KAAKA,QAAlB,EAA4BE,OAA5B,CAAqCC,KAAD,IAAW;AAC7C,UAAIA,KAAK,CAACC,QAAN,IAAkBD,KAAK,CAACE,UAA5B,EAAwC;AACtCJ,QAAAA,cAAc,CAACK,IAAf,CAAoBH,KAAK,CAACC,QAA1B;AACD,OAFD,MAEO;AACL,cAAMG,GAAG,GAAGJ,KAAK,CAACK,IAAN,CAAWT,GAAX,CAAZ;;AACA,YAAIQ,GAAJ,EAAS;AACPN,UAAAA,cAAc,CAACK,IAAf,CAAoBC,GAApB;;AACA,cAAIJ,KAAK,CAACE,UAAV,EAAsB;AACpBF,YAAAA,KAAK,CAACC,QAAN,GAAiBG,GAAjB;AACD;AACF;AACF;AACF,KAZD;AAaA,WAAON,cAAP;AACD;;AA3CqC","sourcesContent":["import type { SkJSIInstance } from \"../../skia/types\";\nimport type { DependencyManager } from \"../DependencyManager\";\nimport type { DrawingContext } from \"../DrawingContext\";\nimport type { AnimatedProps } from \"../processors\";\n\nexport enum NodeType {\n  Declaration = \"skDeclaration\",\n  Drawing = \"skDrawing\",\n}\n\ntype DeclarationResult = SkJSIInstance<string> | null;\n\nexport abstract class Node<P = unknown> {\n  readonly children: Node[] = [];\n  _props: AnimatedProps<P>;\n  memoizable = false;\n  memoized: DeclarationResult | null = null;\n  parent?: Node;\n  depMgr: DependencyManager;\n\n  constructor(depMgr: DependencyManager, props: AnimatedProps<P>) {\n    this._props = props;\n    this.depMgr = depMgr;\n    this.depMgr.unSubscribeNode(this);\n    this.depMgr.subscribeNode(this, props);\n  }\n\n  abstract draw(ctx: DrawingContext): void | DeclarationResult;\n\n  set props(props: AnimatedProps<P>) {\n    this.depMgr.unSubscribeNode(this);\n    this.depMgr.subscribeNode(this, props);\n    this._props = props;\n  }\n\n  get props() {\n    return this._props;\n  }\n\n  visit(ctx: DrawingContext, children?: Node[]) {\n    const returnedValues: Exclude<DeclarationResult, null>[] = [];\n    (children ?? this.children).forEach((child) => {\n      if (child.memoized && child.memoizable) {\n        returnedValues.push(child.memoized);\n      } else {\n        const ret = child.draw(ctx);\n        if (ret) {\n          returnedValues.push(ret);\n          if (child.memoizable) {\n            child.memoized = ret;\n          }\n        }\n      }\n    });\n    return returnedValues;\n  }\n}\n"]}

package/lib/module/renderer/nodes/index.js

@@ -0,0 +1,5 @@
+export * from "./Drawing";
+export * from "./Declaration";
+export * from "./Container";
+export * from "./Node";
+//# sourceMappingURL=index.js.map

package/lib/module/renderer/nodes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAd;AACA,cAAc,eAAd;AACA,cAAc,aAAd;AACA,cAAc,QAAd","sourcesContent":["export * from \"./Drawing\";\nexport * from \"./Declaration\";\nexport * from \"./Container\";\nexport * from \"./Node\";\n"]}

package/lib/module/renderer/processors/Animations/Animations.js

@@ -0,0 +1,36 @@
+import { mapKeys } from "../../typeddash";
+export const isValue = value => {
+  if (value === undefined || value === null) {
+    return false;
+  }
+
+  try {
+    if (typeof value === "object" && "__typename__" in value && value.__typename__ === "RNSkValue") {
+      return true;
+    }
+  } catch {}
+
+  return false;
+};
+export const isAnimated = props => {
+  for (const value of Object.values(props)) {
+    if (isValue(value)) {
+      return true;
+    }
+  }
+
+  return false;
+};
+export const materialize = props => {
+  const result = { ...props
+  };
+  mapKeys(props).forEach(key => {
+    const value = props[key];
+
+    if (isValue(value)) {
+      result[key] = value.current;
+    }
+  });
+  return result;
+};
+//# sourceMappingURL=Animations.js.map

package/lib/module/renderer/processors/Animations/Animations.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Animations.ts"],"names":["mapKeys","isValue","value","undefined","__typename__","isAnimated","props","Object","values","materialize","result","forEach","key","current"],"mappings":"AACA,SAASA,OAAT,QAAwB,iBAAxB;AAEA,OAAO,MAAMC,OAAO,GAAIC,KAAD,IAAiD;AACtE,MAAIA,KAAK,KAAKC,SAAV,IAAuBD,KAAK,KAAK,IAArC,EAA2C;AACzC,WAAO,KAAP;AACD;;AACD,MAAI;AACF,QACE,OAAOA,KAAP,KAAiB,QAAjB,IACA,kBAAkBA,KADlB,IAECA,KAAD,CAAyCE,YAAzC,KAA0D,WAH5D,EAIE;AACA,aAAO,IAAP;AACD;AACF,GARD,CAQE,MAAM,CAAE;;AACV,SAAO,KAAP;AACD,CAdM;AAgBP,OAAO,MAAMC,UAAU,GAAOC,KAAJ,IAAgC;AACxD,OAAK,MAAMJ,KAAX,IAAoBK,MAAM,CAACC,MAAP,CAAcF,KAAd,CAApB,EAA0C;AACxC,QAAIL,OAAO,CAACC,KAAD,CAAX,EAAoB;AAClB,aAAO,IAAP;AACD;AACF;;AACD,SAAO,KAAP;AACD,CAPM;AASP,OAAO,MAAMO,WAAW,GAAOH,KAAJ,IAAgC;AACzD,QAAMI,MAAM,GAAG,EAAE,GAAGJ;AAAL,GAAf;AACAN,EAAAA,OAAO,CAACM,KAAD,CAAP,CAAeK,OAAf,CAAwBC,GAAD,IAAS;AAC9B,UAAMV,KAAK,GAAGI,KAAK,CAACM,GAAD,CAAnB;;AACA,QAAIX,OAAO,CAACC,KAAD,CAAX,EAAoB;AAClBQ,MAAAA,MAAM,CAACE,GAAD,CAAN,GAAeV,KAAD,CAAoCW,OAAlD;AACD;AACF,GALD;AAMA,SAAOH,MAAP;AACD,CATM","sourcesContent":["import type { SkiaValue } from \"../../../values\";\nimport { mapKeys } from \"../../typeddash\";\n\nexport const isValue = (value: unknown): value is SkiaValue<unknown> => {\n  if (value === undefined || value === null) {\n    return false;\n  }\n  try {\n    if (\n      typeof value === \"object\" &&\n      \"__typename__\" in value &&\n      (value as unknown as SkiaValue<unknown>).__typename__ === \"RNSkValue\"\n    ) {\n      return true;\n    }\n  } catch {}\n  return false;\n};\n\nexport const isAnimated = <T>(props: AnimatedProps<T>) => {\n  for (const value of Object.values(props)) {\n    if (isValue(value)) {\n      return true;\n    }\n  }\n  return false;\n};\n\nexport const materialize = <T>(props: AnimatedProps<T>) => {\n  const result = { ...props };\n  mapKeys(props).forEach((key) => {\n    const value = props[key];\n    if (isValue(value)) {\n      result[key] = (value as SkiaValue<T[typeof key]>).current;\n    }\n  });\n  return result as T;\n};\n\nexport type AnimatedProps<T> = {\n  [K in keyof T]: T[K] | SkiaValue<T[K]>;\n};\n"]}

package/lib/module/renderer/processors/Animations/index.js

@@ -0,0 +1,2 @@
+export * from "./Animations";
+//# sourceMappingURL=index.js.map

package/lib/module/renderer/processors/Animations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from \"./Animations\";\n"]}

package/lib/module/renderer/processors/Circles.js

@@ -0,0 +1,15 @@
+const isCircleScalarDef = def => // We have an issue to check property existence on JSI backed instances
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+def.cx !== undefined;
+
+export const processCircle = (Skia, def) => {
+  if (isCircleScalarDef(def)) {
+    return {
+      c: Skia.Point(def.cx, def.cy),
+      r: def.r
+    };
+  }
+
+  return def;
+};
+//# sourceMappingURL=Circles.js.map

package/lib/module/renderer/processors/Circles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Circles.ts"],"names":["isCircleScalarDef","def","cx","undefined","processCircle","Skia","c","Point","cy","r"],"mappings":"AAeA,MAAMA,iBAAiB,GAAIC,GAAD,IACxB;AACA;AACCA,GAAD,CAAaC,EAAb,KAAoBC,SAHtB;;AAKA,OAAO,MAAMC,aAAa,GAAG,CAACC,IAAD,EAAaJ,GAAb,KAAgC;AAC3D,MAAID,iBAAiB,CAACC,GAAD,CAArB,EAA4B;AAC1B,WAAO;AAAEK,MAAAA,CAAC,EAAED,IAAI,CAACE,KAAL,CAAWN,GAAG,CAACC,EAAf,EAAmBD,GAAG,CAACO,EAAvB,CAAL;AAAiCC,MAAAA,CAAC,EAAER,GAAG,CAACQ;AAAxC,KAAP;AACD;;AACD,SAAOR,GAAP;AACD,CALM","sourcesContent":["import type { Skia, Vector } from \"../../skia/types\";\n\ninterface PointCircleDef {\n  c: Vector;\n  r: number;\n}\n\ninterface ScalarCircleDef {\n  cx: number;\n  cy: number;\n  r: number;\n}\n\nexport type CircleDef = PointCircleDef | ScalarCircleDef;\n\nconst isCircleScalarDef = (def: CircleDef): def is ScalarCircleDef =>\n  // We have an issue to check property existence on JSI backed instances\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (def as any).cx !== undefined;\n\nexport const processCircle = (Skia: Skia, def: CircleDef) => {\n  if (isCircleScalarDef(def)) {\n    return { c: Skia.Point(def.cx, def.cy), r: def.r };\n  }\n  return def;\n};\n"]}

package/lib/module/renderer/processors/Clips.js

@@ -0,0 +1,13 @@
+import { isRRect } from "../../skia/types";
+import { processPath, isPathDef } from "./Paths";
+export const processClip = (Skia, canvas, def, op) => {
+  if (isPathDef(def)) {
+    const path = processPath(Skia, def);
+    canvas.clipPath(path, op, true);
+  } else if (isRRect(def)) {
+    canvas.clipRRect(def, op, true);
+  } else {
+    canvas.clipRect(def, op, true);
+  }
+};
+//# sourceMappingURL=Clips.js.map

package/lib/module/renderer/processors/Clips.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Clips.ts"],"names":["isRRect","processPath","isPathDef","processClip","Skia","canvas","def","op","path","clipPath","clipRRect","clipRect"],"mappings":"AAAA,SAASA,OAAT,QAAwB,kBAAxB;AAIA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,SAAvC;AAIA,OAAO,MAAMC,WAAW,GAAG,CACzBC,IADyB,EAEzBC,MAFyB,EAGzBC,GAHyB,EAIzBC,EAJyB,KAKtB;AACH,MAAIL,SAAS,CAACI,GAAD,CAAb,EAAoB;AAClB,UAAME,IAAI,GAAGP,WAAW,CAACG,IAAD,EAAOE,GAAP,CAAxB;AACAD,IAAAA,MAAM,CAACI,QAAP,CAAgBD,IAAhB,EAAsBD,EAAtB,EAA0B,IAA1B;AACD,GAHD,MAGO,IAAIP,OAAO,CAACM,GAAD,CAAX,EAAkB;AACvBD,IAAAA,MAAM,CAACK,SAAP,CAAiBJ,GAAjB,EAAsBC,EAAtB,EAA0B,IAA1B;AACD,GAFM,MAEA;AACLF,IAAAA,MAAM,CAACM,QAAP,CAAgBL,GAAhB,EAAqBC,EAArB,EAAyB,IAAzB;AACD;AACF,CAdM","sourcesContent":["import { isRRect } from \"../../skia/types\";\nimport type { SkCanvas, ClipOp, SkRect, SkRRect, Skia } from \"../../skia/types\";\n\nimport type { PathDef } from \"./Paths\";\nimport { processPath, isPathDef } from \"./Paths\";\n\nexport type ClipDef = SkRRect | SkRect | PathDef;\n\nexport const processClip = (\n  Skia: Skia,\n  canvas: SkCanvas,\n  def: ClipDef,\n  op: ClipOp\n) => {\n  if (isPathDef(def)) {\n    const path = processPath(Skia, def);\n    canvas.clipPath(path, op, true);\n  } else if (isRRect(def)) {\n    canvas.clipRRect(def, op, true);\n  } else {\n    canvas.clipRect(def, op, true);\n  }\n};\n"]}

package/lib/module/renderer/processors/Color.js

@@ -0,0 +1,11 @@
+export const RED = 0;
+export const GREEN = 1;
+export const BLUE = 2;
+export const ALPHA = 3;
+export const rgbaColor = (r, g, b, a) => new Float32Array([r, g, b, a]);
+export const processColor = (Skia, cl, currentOpacity) => {
+  const color = Skia.Color(cl);
+  color[ALPHA] *= currentOpacity;
+  return color;
+};
+//# sourceMappingURL=Color.js.map

package/lib/module/renderer/processors/Color.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Color.ts"],"names":["RED","GREEN","BLUE","ALPHA","rgbaColor","r","g","b","a","Float32Array","processColor","Skia","cl","currentOpacity","color","Color"],"mappings":"AAEA,OAAO,MAAMA,GAAG,GAAG,CAAZ;AACP,OAAO,MAAMC,KAAK,GAAG,CAAd;AACP,OAAO,MAAMC,IAAI,GAAG,CAAb;AACP,OAAO,MAAMC,KAAK,GAAG,CAAd;AAEP,OAAO,MAAMC,SAAS,GAAG,CAACC,CAAD,EAAYC,CAAZ,EAAuBC,CAAvB,EAAkCC,CAAlC,KACvB,IAAIC,YAAJ,CAAiB,CAACJ,CAAD,EAAIC,CAAJ,EAAOC,CAAP,EAAUC,CAAV,CAAjB,CADK;AAGP,OAAO,MAAME,YAAY,GAAG,CAACC,IAAD,EAAaC,EAAb,EAAwBC,cAAxB,KAAmD;AAC7E,QAAMC,KAAK,GAAGH,IAAI,CAACI,KAAL,CAAWH,EAAX,CAAd;AACAE,EAAAA,KAAK,CAACX,KAAD,CAAL,IAAgBU,cAAhB;AACA,SAAOC,KAAP;AACD,CAJM","sourcesContent":["import type { Color, Skia } from \"../../skia/types\";\n\nexport const RED = 0;\nexport const GREEN = 1;\nexport const BLUE = 2;\nexport const ALPHA = 3;\n\nexport const rgbaColor = (r: number, g: number, b: number, a: number) =>\n  new Float32Array([r, g, b, a]);\n\nexport const processColor = (Skia: Skia, cl: Color, currentOpacity: number) => {\n  const color = Skia.Color(cl);\n  color[ALPHA] *= currentOpacity;\n  return color;\n};\n"]}