@shopify/react-native-skia 0.0.135

package/lib/commonjs/renderer/components/shapes/Path.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Path.tsx"],"names":["onDraw","canvas","paint","Skia","start","end","stroke","fillType","pathProps","hasStartOffset","hasEndOffset","hasStrokeOptions","undefined","hasFillType","willMutatePath","pristinePath","path","copy","setFillType","FillType","trim","drawPath","Path","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAQA;;AACA;;AACA;;;;;;AAgBA,MAAMA,MAAM,GAAG,0BACb,iBAA6E;AAAA,MAA5E;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,GAA4E;AAAA,MAAnD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,GAAT;AAAcC,IAAAA,MAAd;AAAsBC,IAAAA,QAAtB;AAAgC,OAAGC;AAAnC,GAAmD;AAC3E,QAAMC,cAAc,GAAGL,KAAK,KAAK,CAAjC;AACA,QAAMM,YAAY,GAAGL,GAAG,KAAK,CAA7B;AACA,QAAMM,gBAAgB,GAAGL,MAAM,KAAKM,SAApC;AACA,QAAMC,WAAW,GAAG,CAAC,CAACN,QAAtB;AACA,QAAMO,cAAc,GAClBL,cAAc,IAAIC,YAAlB,IAAkCC,gBAAlC,IAAsDE,WADxD;AAEA,QAAME,YAAY,GAAG,6BAAYZ,IAAZ,EAAkBK,SAAS,CAACQ,IAA5B,CAArB;AACA,QAAMA,IAAI,GAAGF,cAAc,GAAGC,YAAY,CAACE,IAAb,EAAH,GAAyBF,YAApD;;AACA,MAAIF,WAAJ,EAAiB;AACfG,IAAAA,IAAI,CAACE,WAAL,CAAiBC,gBAAS,yBAAQZ,QAAR,CAAT,CAAjB;AACD;;AACD,MAAII,gBAAJ,EAAsB;AACpBK,IAAAA,IAAI,CAACV,MAAL,CAAYA,MAAZ;AACD;;AACD,MAAIG,cAAc,IAAIC,YAAtB,EAAoC;AAClCM,IAAAA,IAAI,CAACI,IAAL,CAAUhB,KAAV,EAAiBC,GAAjB,EAAsB,KAAtB;AACD;;AACDJ,EAAAA,MAAM,CAACoB,QAAP,CAAgBL,IAAhB,EAAsBd,KAAtB;AACD,CApBY,CAAf;;AAuBO,MAAMoB,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAEvB;AAAnB,KAA+BuB,KAA/B,EAAP;AACD,CAFM;;;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBpB,EAAAA,KAAK,EAAE,CADW;AAElBC,EAAAA,GAAG,EAAE;AAFa,CAApB","sourcesContent":["import React from \"react\";\n\nimport type {\n  CustomPaintProps,\n  AnimatedProps,\n  PathDef,\n  SkEnum,\n} from \"../../processors\";\nimport { createDrawing } from \"../../nodes\";\nimport { processPath, enumKey } from \"../../processors\";\nimport { FillType } from \"../../../skia/types\";\n\ninterface StrokeOpts {\n  width?: number;\n  strokeMiterlimit?: number;\n  precision?: number;\n}\n\nexport interface PathProps extends CustomPaintProps {\n  path: PathDef;\n  start: number;\n  end: number;\n  stroke?: StrokeOpts;\n  fillType?: SkEnum<typeof FillType>;\n}\n\nconst onDraw = createDrawing<PathProps>(\n  ({ canvas, paint, Skia }, { start, end, stroke, fillType, ...pathProps }) => {\n    const hasStartOffset = start !== 0;\n    const hasEndOffset = end !== 1;\n    const hasStrokeOptions = stroke !== undefined;\n    const hasFillType = !!fillType;\n    const willMutatePath =\n      hasStartOffset || hasEndOffset || hasStrokeOptions || hasFillType;\n    const pristinePath = processPath(Skia, pathProps.path);\n    const path = willMutatePath ? pristinePath.copy() : pristinePath;\n    if (hasFillType) {\n      path.setFillType(FillType[enumKey(fillType)]);\n    }\n    if (hasStrokeOptions) {\n      path.stroke(stroke);\n    }\n    if (hasStartOffset || hasEndOffset) {\n      path.trim(start, end, false);\n    }\n    canvas.drawPath(path, paint);\n  }\n);\n\nexport const Path = (props: AnimatedProps<PathProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nPath.defaultProps = {\n  start: 0,\n  end: 1,\n};\n"]}

package/lib/commonjs/renderer/components/shapes/Points.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Points = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _types = require("../../../skia/types");
+
+var _Paint = require("../../processors/Paint");
+
+var _Drawing = require("../../nodes/Drawing");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const onDraw = (0, _Drawing.createDrawing)((_ref, _ref2) => {
+  let {
+    canvas,
+    paint
+  } = _ref;
+  let {
+    points,
+    mode
+  } = _ref2;
+
+  const pointMode = _types.PointMode[(0, _Paint.enumKey)(mode)];
+
+  canvas.drawPoints(pointMode, points, paint);
+});
+
+const Points = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.Points = Points;
+Points.defaultProps = {
+  mode: "points"
+};
+//# sourceMappingURL=Points.js.map

package/lib/commonjs/renderer/components/shapes/Points.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Points.tsx"],"names":["onDraw","canvas","paint","points","mode","pointMode","PointMode","drawPoints","Points","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;AAEA;;;;;;AAOA,MAAMA,MAAM,GAAG,4BACb,iBAAyC;AAAA,MAAxC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAwC;AAAA,MAArB;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAqB;;AACvC,QAAMC,SAAS,GAAGC,iBAAU,oBAAQF,IAAR,CAAV,CAAlB;;AACAH,EAAAA,MAAM,CAACM,UAAP,CAAkBF,SAAlB,EAA6BF,MAA7B,EAAqCD,KAArC;AACD,CAJY,CAAf;;AAOO,MAAMM,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAW,IAAA,MAAM,EAAET;AAAnB,KAA+BS,KAA/B,EAAP;AACD,CAFM;;;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBN,EAAAA,IAAI,EAAE;AADc,CAAtB","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps, SkEnum } from \"../../processors\";\nimport type { SkPoint } from \"../../../skia/types\";\nimport { PointMode } from \"../../../skia/types\";\nimport { enumKey } from \"../../processors/Paint\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { createDrawing } from \"../../nodes/Drawing\";\n\nexport interface PointsProps extends CustomPaintProps {\n  points: SkPoint[];\n  mode: SkEnum<typeof PointMode>;\n}\n\nconst onDraw = createDrawing<PointsProps>(\n  ({ canvas, paint }, { points, mode }) => {\n    const pointMode = PointMode[enumKey(mode)];\n    canvas.drawPoints(pointMode, points, paint);\n  }\n);\n\nexport const Points = (props: AnimatedProps<PointsProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nPoints.defaultProps = {\n  mode: \"points\",\n};\n"]}

package/lib/commonjs/renderer/components/shapes/Rect.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Rect = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Drawing = require("../../nodes/Drawing");
+
+var _processors = require("../../processors");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const onDraw = (0, _Drawing.createDrawing)((_ref, rectProps) => {
+  let {
+    canvas,
+    paint,
+    Skia
+  } = _ref;
+  const rect = (0, _processors.processRect)(Skia, rectProps);
+  canvas.drawRect(rect, paint);
+});
+
+const Rect = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.Rect = Rect;
+//# sourceMappingURL=Rect.js.map

package/lib/commonjs/renderer/components/shapes/Rect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Rect.tsx"],"names":["onDraw","rectProps","canvas","paint","Skia","rect","drawRect","Rect","props"],"mappings":";;;;;;;AAAA;;AAEA;;AAMA;;;;;;AAIA,MAAMA,MAAM,GAAG,4BACb,OAA0BC,SAA1B,KAAwC;AAAA,MAAvC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,GAAuC;AACtC,QAAMC,IAAI,GAAG,6BAAYD,IAAZ,EAAkBH,SAAlB,CAAb;AACAC,EAAAA,MAAM,CAACI,QAAP,CAAgBD,IAAhB,EAAsBF,KAAtB;AACD,CAJY,CAAf;;AAOO,MAAMI,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAER;AAAnB,KAA+BQ,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { createDrawing } from \"../../nodes/Drawing\";\nimport type {\n  CustomPaintProps,\n  RectDef,\n  AnimatedProps,\n} from \"../../processors\";\nimport { processRect } from \"../../processors\";\n\nexport type RectProps = RectDef & CustomPaintProps;\n\nconst onDraw = createDrawing<RectProps>(\n  ({ canvas, paint, Skia }, rectProps) => {\n    const rect = processRect(Skia, rectProps);\n    canvas.drawRect(rect, paint);\n  }\n);\n\nexport const Rect = (props: AnimatedProps<RectProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/shapes/RoundedRect.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RoundedRect = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _nodes = require("../../nodes");
+
+var _processors = require("../../processors");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const onDraw = (0, _nodes.createDrawing)((_ref, rectProps) => {
+  let {
+    canvas,
+    paint,
+    Skia
+  } = _ref;
+  const rrect = (0, _processors.processRRect)(Skia, rectProps);
+  canvas.drawRRect(rrect, paint);
+});
+
+const RoundedRect = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.RoundedRect = RoundedRect;
+RoundedRect.defaultProps = {
+  r: 0
+};
+//# sourceMappingURL=RoundedRect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["RoundedRect.tsx"],"names":["onDraw","rectProps","canvas","paint","Skia","rrect","drawRRect","RoundedRect","props","defaultProps","r"],"mappings":";;;;;;;AAAA;;AAEA;;AAMA;;;;;;AAIA,MAAMA,MAAM,GAAG,0BACb,OAA0BC,SAA1B,KAAwC;AAAA,MAAvC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,GAAuC;AACtC,QAAMC,KAAK,GAAG,8BAAaD,IAAb,EAAmBH,SAAnB,CAAd;AACAC,EAAAA,MAAM,CAACI,SAAP,CAAiBD,KAAjB,EAAwBF,KAAxB;AACD,CAJY,CAAf;;AAMO,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/commonjs/renderer/components/shapes/Vertices.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Vertices = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _processors = require("../../processors");
+
+var _types = require("../../../skia/types");
+
+var _nodes = require("../../nodes");
+
+var _Color = require("../../processors/Color");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const onDraw = (0, _nodes.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 ? _types.BlendMode.DstOver : _types.BlendMode.SrcOver;
+  const blend = blendMode ? _types.BlendMode[(0, _processors.enumKey)(blendMode)] : defaultBlendMode;
+  const vertexMode = mode ? _types.VertexMode[(0, _processors.enumKey)(mode)] : _types.VertexMode.Triangles;
+  const vert = Skia.MakeVertices(vertexMode, vertices, textures, colors ? colors.map(c => (0, _Color.processColor)(Skia, c, opacity)) : undefined, indices);
+  canvas.drawVertices(vert, blend, paint);
+});
+
+const Vertices = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.Vertices = Vertices;
+Vertices.defaultProps = {
+  mode: "triangles"
+};
+//# sourceMappingURL=Vertices.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Vertices.tsx"],"names":["onDraw","canvas","paint","opacity","Skia","colors","vertices","textures","blendMode","mode","indices","defaultBlendMode","BlendMode","DstOver","SrcOver","blend","vertexMode","VertexMode","Triangles","vert","MakeVertices","map","c","undefined","drawVertices","Vertices","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;AAEA;;AACA;;AACA;;;;;;AAWA,MAAMA,MAAM,GAAG,0BACb,iBAGK;AAAA,MAFH;AAAEC,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,GAAGO,iBAAUC,OAAb,GAAuBD,iBAAUE,OAAhE;AACA,QAAMC,KAAK,GAAGP,SAAS,GAAGI,iBAAU,yBAAQJ,SAAR,CAAV,CAAH,GAAmCG,gBAA1D;AACA,QAAMK,UAAU,GAAGP,IAAI,GAAGQ,kBAAW,yBAAQR,IAAR,CAAX,CAAH,GAA+BQ,kBAAWC,SAAjE;AACA,QAAMC,IAAI,GAAGf,IAAI,CAACgB,YAAL,CACXJ,UADW,EAEXV,QAFW,EAGXC,QAHW,EAIXF,MAAM,GAAGA,MAAM,CAACgB,GAAP,CAAYC,CAAD,IAAO,yBAAalB,IAAb,EAAmBkB,CAAnB,EAAsBnB,OAAtB,CAAlB,CAAH,GAAuDoB,SAJlD,EAKXb,OALW,CAAb;AAOAT,EAAAA,MAAM,CAACuB,YAAP,CAAoBL,IAApB,EAA0BJ,KAA1B,EAAiCb,KAAjC;AACD,CAjBY,CAAf;;AAoBO,MAAMuB,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAW,IAAA,MAAM,EAAE1B;AAAnB,KAA+B0B,KAA/B,EAAP;AACD,CAFM;;;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBlB,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/commonjs/renderer/components/shapes/index.js

@@ -0,0 +1,175 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Circle = require("./Circle");
+
+Object.keys(_Circle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Circle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Circle[key];
+    }
+  });
+});
+
+var _Rect = require("./Rect");
+
+Object.keys(_Rect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Rect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Rect[key];
+    }
+  });
+});
+
+var _RoundedRect = require("./RoundedRect");
+
+Object.keys(_RoundedRect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RoundedRect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RoundedRect[key];
+    }
+  });
+});
+
+var _DiffRect = require("./DiffRect");
+
+Object.keys(_DiffRect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DiffRect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DiffRect[key];
+    }
+  });
+});
+
+var _Line = require("./Line");
+
+Object.keys(_Line).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Line[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Line[key];
+    }
+  });
+});
+
+var _Path = require("./Path");
+
+Object.keys(_Path).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Path[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Path[key];
+    }
+  });
+});
+
+var _Oval = require("./Oval");
+
+Object.keys(_Oval).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Oval[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Oval[key];
+    }
+  });
+});
+
+var _Points = require("./Points");
+
+Object.keys(_Points).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Points[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Points[key];
+    }
+  });
+});
+
+var _Patch = require("./Patch");
+
+Object.keys(_Patch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Patch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Patch[key];
+    }
+  });
+});
+
+var _Vertices = require("./Vertices");
+
+Object.keys(_Vertices).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Vertices[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Vertices[key];
+    }
+  });
+});
+
+var _Fill = require("./Fill");
+
+Object.keys(_Fill).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Fill[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Fill[key];
+    }
+  });
+});
+
+var _FitBox = require("./FitBox");
+
+Object.keys(_FitBox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FitBox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FitBox[key];
+    }
+  });
+});
+
+var _Box = require("./Box");
+
+Object.keys(_Box).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Box[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Box[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","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/commonjs/renderer/components/text/Glyphs.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Glyphs = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Drawing = require("../../nodes/Drawing");
+
+var _Font = require("../../processors/Font");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const onDraw = (0, _Drawing.createDrawing)((_ref, _ref2) => {
+  let {
+    canvas,
+    paint,
+    fontMgr,
+    Skia
+  } = _ref;
+  let {
+    glyphs: rawGlyphs,
+    x,
+    y,
+    ...fontDef
+  } = _ref2;
+  const font = (0, _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);
+});
+
+const Glyphs = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.Glyphs = Glyphs;
+Glyphs.defaultProps = {
+  x: 0,
+  y: 0
+};
+//# sourceMappingURL=Glyphs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Glyphs.tsx"],"names":["onDraw","canvas","paint","fontMgr","Skia","glyphs","rawGlyphs","x","y","fontDef","font","positions","reduce","acc","glyph","id","pos","push","drawGlyphs","Glyphs","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;AAGA;;;;;;AAmBA,MAAMA,MAAM,GAAG,4BACb,iBAGK;AAAA,MAFH;AAAEC,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,GAAG,uBAAYN,IAAZ,EAAkBD,OAAlB,EAA2BM,OAA3B,CAAb;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,CAhBY,CAAf;;AAmBO,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/commonjs/renderer/components/text/Text.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Text = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Drawing = require("../../nodes/Drawing");
+
+var _processors = require("../../processors");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const onDraw = (0, _Drawing.createDrawing)((_ref, _ref2) => {
+  let {
+    canvas,
+    paint,
+    fontMgr,
+    Skia
+  } = _ref;
+  let {
+    text,
+    x,
+    y,
+    ...fontDef
+  } = _ref2;
+  const font = (0, _processors.processFont)(Skia, fontMgr, fontDef);
+  canvas.drawText(text, x, y, paint, font);
+});
+
+const Text = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.Text = Text;
+Text.defaultProps = {
+  x: 0,
+  y: 0
+};
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Text.tsx"],"names":["onDraw","canvas","paint","fontMgr","Skia","text","x","y","fontDef","font","drawText","Text","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;;;;;AASA,MAAMA,MAAM,GAAG,4BACb,iBAAkE;AAAA,MAAjE;AAAEC,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,GAAG,6BAAYL,IAAZ,EAAkBD,OAAlB,EAA2BK,OAA3B,CAAb;AACAP,EAAAA,MAAM,CAACS,QAAP,CAAgBL,IAAhB,EAAsBC,CAAtB,EAAyBC,CAAzB,EAA4BL,KAA5B,EAAmCO,IAAnC;AACD,CAJY,CAAf;;AAOO,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/commonjs/renderer/components/text/TextBlob.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextBlob = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Drawing = require("../../nodes/Drawing");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const onDraw = (0, _Drawing.createDrawing)((_ref, _ref2) => {
+  let {
+    canvas,
+    paint
+  } = _ref;
+  let {
+    blob,
+    x,
+    y
+  } = _ref2;
+  canvas.drawTextBlob(blob, x, y, paint);
+});
+
+const TextBlob = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.TextBlob = TextBlob;
+TextBlob.defaultProps = {
+  x: 0,
+  y: 0
+};
+//# sourceMappingURL=TextBlob.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TextBlob.tsx"],"names":["onDraw","canvas","paint","blob","x","y","drawTextBlob","TextBlob","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;;;;;AASA,MAAMA,MAAM,GAAG,4BACb,iBAAuC;AAAA,MAAtC;AAAEC,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,CAHY,CAAf;;AAMO,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/commonjs/renderer/components/text/TextPath.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextPath = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _nodes = require("../../nodes");
+
+var _Font = require("../../processors/Font");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const onDraw = (0, _nodes.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 = (0, _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);
+});
+
+const TextPath = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.TextPath = TextPath;
+TextPath.defaultProps = {
+  initialOffset: 0
+};
+//# sourceMappingURL=TextPath.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TextPath.tsx"],"names":["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"]}