@shopify/react-native-skia 0.1.147 → 0.1.148

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

@@ -1 +1 @@
-{"version":3,"sources":["Fill.tsx"],"names":["onDraw","canvas","paint","drawPaint","Fill","props"],"mappings":";;;;;;;AAAA;;AAIA;;;;;;AAIA,MAAMA,MAAM,GAAG,4BAAc,QAAuB;AAAA,MAAtB;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAsB;AAClDD,EAAAA,MAAM,CAACE,SAAP,CAAiBD,KAAjB;AACD,CAFc,CAAf;;AAIO,MAAME,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAEL;AAAnB,KAA+BK,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { CustomPaintProps } from \"../../processors/Paint\";\nimport { createDrawing } from \"../../nodes/Drawing\";\n\nexport type FillProps = CustomPaintProps;\n\nconst onDraw = createDrawing(({ canvas, paint }) => {\n  canvas.drawPaint(paint);\n});\n\nexport const Fill = (props: AnimatedProps<FillProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}
+{"version":3,"sources":["Fill.tsx"],"names":["Fill","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,IAAI,GAAIC,KAAD,IAAwC;AAC1D,sBAAO,uCAAYA,KAAZ,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { DrawingNodeProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\n\nexport const Fill = (props: SkiaProps<DrawingNodeProps>) => {\n  return <skFill {...props} />;\n};\n"]}

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

@@ -7,7 +7,7 @@ exports.fitbox = exports.FitBox = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _image = require("../image");
+var _nodes = require("../../../dom/nodes");
 
 var _Group = require("../Group");
 
@@ -16,8 +16,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const fitbox = (fit, src, dst) => {
-  const rects = (0, _image.fitRects)(fit, src, dst);
-  return (0, _image.rect2rect)(rects.src, rects.dst);
+  const rects = (0, _nodes.fitRects)(fit, src, dst);
+  return (0, _nodes.rect2rect)(rects.src, rects.dst);
 };
 
 exports.fitbox = fitbox;

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

@@ -1 +1 @@
-{"version":3,"sources":["FitBox.tsx"],"names":["fitbox","fit","src","dst","rects","FitBox","children","transform","defaultProps"],"mappings":";;;;;;;AACA;;AAGA;;AAEA;;;;;;AASO,MAAMA,MAAM,GAAG,CAACC,GAAD,EAAWC,GAAX,EAAwBC,GAAxB,KAAwC;AAC5D,QAAMC,KAAK,GAAG,qBAASH,GAAT,EAAcC,GAAd,EAAmBC,GAAnB,CAAd;AACA,SAAO,sBAAUC,KAAK,CAACF,GAAhB,EAAqBE,KAAK,CAACD,GAA3B,CAAP;AACD,CAHM;;;;AAKA,MAAME,MAAM,GAAG,QAA2C;AAAA,MAA1C;AAAEJ,IAAAA,GAAF;AAAOC,IAAAA,GAAP;AAAYC,IAAAA,GAAZ;AAAiBG,IAAAA;AAAjB,GAA0C;AAC/D,QAAMC,SAAS,GAAG,oBAAQ,MAAMP,MAAM,CAACC,GAAD,EAAMC,GAAN,EAAWC,GAAX,CAApB,EAAqC,CAACA,GAAD,EAAMF,GAAN,EAAWC,GAAX,CAArC,CAAlB;AACA,sBAAO,6BAAC,YAAD;AAAO,IAAA,SAAS,EAAEK;AAAlB,KAA8BD,QAA9B,CAAP;AACD,CAHM;;;AAKPD,MAAM,CAACG,YAAP,GAAsB;AACpBP,EAAAA,GAAG,EAAE;AADe,CAAtB","sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useMemo } from \"react\";\n\nimport type { Fit } from \"../image\";\nimport { rect2rect, fitRects } from \"../image\";\nimport type { SkRect } from \"../../../skia/types\";\nimport { Group } from \"../Group\";\n\ninterface FitProps {\n  fit: Fit;\n  src: SkRect;\n  dst: SkRect;\n  children: ReactNode | ReactNode[];\n}\n\nexport const fitbox = (fit: Fit, src: SkRect, dst: SkRect) => {\n  const rects = fitRects(fit, src, dst);\n  return rect2rect(rects.src, rects.dst);\n};\n\nexport const FitBox = ({ fit, src, dst, children }: FitProps) => {\n  const transform = useMemo(() => fitbox(fit, src, dst), [dst, fit, src]);\n  return <Group transform={transform}>{children}</Group>;\n};\n\nFitBox.defaultProps = {\n  fit: \"contain\",\n};\n"]}
+{"version":3,"sources":["FitBox.tsx"],"names":["fitbox","fit","src","dst","rects","FitBox","children","transform","defaultProps"],"mappings":";;;;;;;AACA;;AAGA;;AAEA;;;;;;AASO,MAAMA,MAAM,GAAG,CAACC,GAAD,EAAWC,GAAX,EAAwBC,GAAxB,KAAwC;AAC5D,QAAMC,KAAK,GAAG,qBAASH,GAAT,EAAcC,GAAd,EAAmBC,GAAnB,CAAd;AACA,SAAO,sBAAUC,KAAK,CAACF,GAAhB,EAAqBE,KAAK,CAACD,GAA3B,CAAP;AACD,CAHM;;;;AAKA,MAAME,MAAM,GAAG,QAA2C;AAAA,MAA1C;AAAEJ,IAAAA,GAAF;AAAOC,IAAAA,GAAP;AAAYC,IAAAA,GAAZ;AAAiBG,IAAAA;AAAjB,GAA0C;AAC/D,QAAMC,SAAS,GAAG,oBAAQ,MAAMP,MAAM,CAACC,GAAD,EAAMC,GAAN,EAAWC,GAAX,CAApB,EAAqC,CAACA,GAAD,EAAMF,GAAN,EAAWC,GAAX,CAArC,CAAlB;AACA,sBAAO,6BAAC,YAAD;AAAO,IAAA,SAAS,EAAEK;AAAlB,KAA8BD,QAA9B,CAAP;AACD,CAHM;;;AAKPD,MAAM,CAACG,YAAP,GAAsB;AACpBP,EAAAA,GAAG,EAAE;AADe,CAAtB","sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useMemo } from \"react\";\n\nimport type { Fit } from \"../../../dom/nodes\";\nimport { fitRects, rect2rect } from \"../../../dom/nodes\";\nimport type { SkRect } from \"../../../skia/types\";\nimport { Group } from \"../Group\";\n\ninterface FitProps {\n  fit: Fit;\n  src: SkRect;\n  dst: SkRect;\n  children: ReactNode | ReactNode[];\n}\n\nexport const fitbox = (fit: Fit, src: SkRect, dst: SkRect) => {\n  const rects = fitRects(fit, src, dst);\n  return rect2rect(rects.src, rects.dst);\n};\n\nexport const FitBox = ({ fit, src, dst, children }: FitProps) => {\n  const transform = useMemo(() => fitbox(fit, src, dst), [dst, fit, src]);\n  return <Group transform={transform}>{children}</Group>;\n};\n\nFitBox.defaultProps = {\n  fit: \"contain\",\n};\n"]}

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

@@ -7,28 +7,10 @@ exports.Line = 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 {
-    p1,
-    p2
-  } = _ref2;
-  canvas.drawLine(p1.x, p1.y, p2.x, p2.y, paint);
-});
-
 const Line = props => {
-  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
-    onDraw: onDraw
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skLine", props);
 };
 
 exports.Line = Line;

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

@@ -1 +1 @@
-{"version":3,"sources":["Line.tsx"],"names":["onDraw","canvas","paint","p1","p2","drawLine","x","y","Line","props"],"mappings":";;;;;;;AAAA;;AAGA;;;;;;AAOA,MAAMA,MAAM,GAAG,4BAAyB,iBAAmC;AAAA,MAAlC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAkC;AAAA,MAAf;AAAEC,IAAAA,EAAF;AAAMC,IAAAA;AAAN,GAAe;AACzEH,EAAAA,MAAM,CAACI,QAAP,CAAgBF,EAAE,CAACG,CAAnB,EAAsBH,EAAE,CAACI,CAAzB,EAA4BH,EAAE,CAACE,CAA/B,EAAkCF,EAAE,CAACG,CAArC,EAAwCL,KAAxC;AACD,CAFc,CAAf;;AAIO,MAAMM,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAET;AAAnB,KAA+BS,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps, AnimatedProps } from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\nimport type { Vector } from \"../../../skia/types\";\n\nexport interface LineProps extends CustomPaintProps {\n  p1: Vector;\n  p2: Vector;\n}\nconst onDraw = createDrawing<LineProps>(({ canvas, paint }, { p1, p2 }) => {\n  canvas.drawLine(p1.x, p1.y, p2.x, p2.y, paint);\n});\n\nexport const Line = (props: AnimatedProps<LineProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}
+{"version":3,"sources":["Line.tsx"],"names":["Line","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,IAAI,GAAIC,KAAD,IAAiC;AACnD,sBAAO,uCAAYA,KAAZ,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { LineProps } from \"../../../dom/types\";\n\nexport const Line = (props: SkiaProps<LineProps>) => {\n  return <skLine {...props} />;\n};\n"]}

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

@@ -7,28 +7,10 @@ exports.Oval = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _processors = require("../../processors");
-
-var _nodes = require("../../nodes");
-
 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 rect = (0, _processors.processRect)(Skia, rectProps);
-  canvas.drawOval(rect, paint);
-});
-
 const Oval = props => {
-  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
-    onDraw: onDraw
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skOval", props);
 };
 
 exports.Oval = Oval;

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

@@ -1 +1 @@
-{"version":3,"sources":["Oval.tsx"],"names":["onDraw","rectProps","canvas","paint","Skia","rect","drawOval","Oval","props","defaultProps","x","y"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;;;;;AAIA,MAAMA,MAAM,GAAG,0BACb,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;;;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBC,EAAAA,CAAC,EAAE,CADe;AAElBC,EAAAA,CAAC,EAAE;AAFe,CAApB","sourcesContent":["import React from \"react\";\n\nimport type {\n  CustomPaintProps,\n  RectDef,\n  AnimatedProps,\n} from \"../../processors\";\nimport { processRect } from \"../../processors\";\nimport { createDrawing } from \"../../nodes\";\n\nexport type OvalProps = RectDef & CustomPaintProps;\n\nconst onDraw = createDrawing<OvalProps>(\n  ({ canvas, paint, Skia }, rectProps) => {\n    const rect = processRect(Skia, rectProps);\n    canvas.drawOval(rect, paint);\n  }\n);\n\nexport const Oval = (props: AnimatedProps<OvalProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nOval.defaultProps = {\n  x: 0,\n  y: 0,\n};\n"]}
+{"version":3,"sources":["Oval.tsx"],"names":["Oval","props","defaultProps","x","y"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,IAAI,GAAIC,KAAD,IAAiC;AACnD,sBAAO,uCAAYA,KAAZ,CAAP;AACD,CAFM;;;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBC,EAAAA,CAAC,EAAE,CADe;AAElBC,EAAAA,CAAC,EAAE;AAFe,CAApB","sourcesContent":["import React from \"react\";\n\nimport type { OvalProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors\";\n\nexport const Oval = (props: SkiaProps<OvalProps>) => {\n  return <skOval {...props} />;\n};\n\nOval.defaultProps = {\n  x: 0,\n  y: 0,\n};\n"]}

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

@@ -7,46 +7,10 @@ exports.Patch = 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,
-    patch,
-    texture,
-    blendMode
-  } = _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 mode = blendMode ? _types.BlendMode[(0, _processors.enumKey)(blendMode)] : defaultBlendMode;
-  canvas.drawPatch( // Patch requires a path with the following constraints:
-  // M tl
-  // C c1 c2 br
-  // C c1 c2 bl
-  // C c1 c2 tl (the redundant point in the last command is removed)
-  [patch[0].pos, patch[0].c2, patch[1].c1, patch[1].pos, patch[1].c2, patch[2].c1, patch[2].pos, patch[2].c2, patch[3].c1, patch[3].pos, patch[3].c2, patch[0].c1], colors ? colors.map(c => (0, _Color.processColor)(Skia, c, opacity)) : undefined, texture, mode, paint);
-});
-
 const Patch = props => {
-  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
-    onDraw: onDraw
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skPatch", props);
 };
 
 exports.Patch = Patch;

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

@@ -1 +1 @@
-{"version":3,"sources":["Patch.tsx"],"names":["onDraw","canvas","paint","opacity","Skia","colors","patch","texture","blendMode","defaultBlendMode","BlendMode","DstOver","SrcOver","mode","drawPatch","pos","c2","c1","map","c","undefined","Patch","props"],"mappings":";;;;;;;AAAA;;AAGA;;AAEA;;AACA;;AACA;;;;;;AAoBA,MAAMA,MAAM,GAAG,0BACb,iBAA6E;AAAA,MAA5E;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA,OAAjB;AAA0BC,IAAAA;AAA1B,GAA4E;AAAA,MAA1C;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA,OAAjB;AAA0BC,IAAAA;AAA1B,GAA0C;AAC3E;AACA,QAAMC,gBAAgB,GAAGJ,MAAM,GAAGK,iBAAUC,OAAb,GAAuBD,iBAAUE,OAAhE;AACA,QAAMC,IAAI,GAAGL,SAAS,GAAGE,iBAAU,yBAAQF,SAAR,CAAV,CAAH,GAAmCC,gBAAzD;AACAR,EAAAA,MAAM,CAACa,SAAP,EACE;AACA;AACA;AACA;AACA;AACA,GACER,KAAK,CAAC,CAAD,CAAL,CAASS,GADX,EAEET,KAAK,CAAC,CAAD,CAAL,CAASU,EAFX,EAGEV,KAAK,CAAC,CAAD,CAAL,CAASW,EAHX,EAIEX,KAAK,CAAC,CAAD,CAAL,CAASS,GAJX,EAKET,KAAK,CAAC,CAAD,CAAL,CAASU,EALX,EAMEV,KAAK,CAAC,CAAD,CAAL,CAASW,EANX,EAOEX,KAAK,CAAC,CAAD,CAAL,CAASS,GAPX,EAQET,KAAK,CAAC,CAAD,CAAL,CAASU,EARX,EASEV,KAAK,CAAC,CAAD,CAAL,CAASW,EATX,EAUEX,KAAK,CAAC,CAAD,CAAL,CAASS,GAVX,EAWET,KAAK,CAAC,CAAD,CAAL,CAASU,EAXX,EAYEV,KAAK,CAAC,CAAD,CAAL,CAASW,EAZX,CANF,EAoBEZ,MAAM,GAAGA,MAAM,CAACa,GAAP,CAAYC,CAAD,IAAO,yBAAaf,IAAb,EAAmBe,CAAnB,EAAsBhB,OAAtB,CAAlB,CAAH,GAAuDiB,SApB/D,EAqBEb,OArBF,EAsBEM,IAtBF,EAuBEX,KAvBF;AAyBD,CA9BY,CAAf;;AAiCO,MAAMmB,KAAK,GAAIC,KAAD,IAAsC;AACzD,sBAAO;AAAW,IAAA,MAAM,EAAEtB;AAAnB,KAA+BsB,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps, SkEnum, AnimatedProps } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\nimport type { SkPoint, Color, Vector } from \"../../../skia/types\";\nimport { BlendMode } from \"../../../skia/types\";\nimport { createDrawing } from \"../../nodes\";\nimport { processColor } from \"../../processors/Color\";\n\nexport interface CubicBezierHandle {\n  pos: Vector;\n  c1: Vector;\n  c2: Vector;\n}\n\nexport interface PatchProps extends CustomPaintProps {\n  colors?: readonly Color[];\n  patch: readonly [\n    CubicBezierHandle,\n    CubicBezierHandle,\n    CubicBezierHandle,\n    CubicBezierHandle\n  ];\n  texture?: readonly [SkPoint, SkPoint, SkPoint, SkPoint];\n  blendMode?: SkEnum<typeof BlendMode>;\n}\n\nconst onDraw = createDrawing<PatchProps>(\n  ({ canvas, paint, opacity, Skia }, { colors, patch, texture, blendMode }) => {\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 mode = blendMode ? BlendMode[enumKey(blendMode)] : defaultBlendMode;\n    canvas.drawPatch(\n      // Patch requires a path with the following constraints:\n      // M tl\n      // C c1 c2 br\n      // C c1 c2 bl\n      // C c1 c2 tl (the redundant point in the last command is removed)\n      [\n        patch[0].pos,\n        patch[0].c2,\n        patch[1].c1,\n        patch[1].pos,\n        patch[1].c2,\n        patch[2].c1,\n        patch[2].pos,\n        patch[2].c2,\n        patch[3].c1,\n        patch[3].pos,\n        patch[3].c2,\n        patch[0].c1,\n      ],\n      colors ? colors.map((c) => processColor(Skia, c, opacity)) : undefined,\n      texture,\n      mode,\n      paint\n    );\n  }\n);\n\nexport const Patch = (props: AnimatedProps<PatchProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}
+{"version":3,"sources":["Patch.tsx"],"names":["Patch","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,KAAK,GAAIC,KAAD,IAAkC;AACrD,sBAAO,wCAAaA,KAAb,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { PatchProps } from \"../../../dom/types\";\n\nexport const Patch = (props: SkiaProps<PatchProps>) => {\n  return <skPatch {...props} />;\n};\n"]}

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

@@ -7,56 +7,10 @@ exports.Path = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _nodes = require("../../nodes");
-
-var _processors = require("../../processors");
-
-var _types = require("../../../skia/types");
-
 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,
-    Skia
-  } = _ref;
-  let {
-    start,
-    end,
-    stroke,
-    fillType,
-    ...pathProps
-  } = _ref2;
-  const hasStartOffset = start !== 0;
-  const hasEndOffset = end !== 1;
-  const hasStrokeOptions = stroke !== undefined;
-  const hasFillType = !!fillType;
-  const willMutatePath = hasStartOffset || hasEndOffset || hasStrokeOptions || hasFillType;
-  const pristinePath = (0, _processors.processPath)(Skia, pathProps.path);
-  const path = willMutatePath ? pristinePath.copy() : pristinePath;
-
-  if (hasFillType) {
-    path.setFillType(_types.FillType[(0, _processors.enumKey)(fillType)]);
-  }
-
-  if (hasStrokeOptions) {
-    path.stroke(stroke);
-  }
-
-  if (hasStartOffset || hasEndOffset) {
-    path.trim(start, end, false);
-  }
-
-  canvas.drawPath(path, paint);
-});
-
 const Path = props => {
-  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
-    onDraw: onDraw
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skPath", props);
 };
 
 exports.Path = Path;

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

@@ -1 +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"]}
+{"version":3,"sources":["Path.tsx"],"names":["Path","props","defaultProps","start","end"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,IAAI,GAAIC,KAAD,IAAiC;AACnD,sBAAO,uCAAYA,KAAZ,CAAP;AACD,CAFM;;;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBC,EAAAA,KAAK,EAAE,CADW;AAElBC,EAAAA,GAAG,EAAE;AAFa,CAApB","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { PathProps } from \"../../../dom/types\";\n\nexport const Path = (props: SkiaProps<PathProps>) => {\n  return <skPath {...props} />;\n};\n\nPath.defaultProps = {\n  start: 0,\n  end: 1,\n};\n"]}

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

@@ -7,35 +7,10 @@ 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));
+  return /*#__PURE__*/_react.default.createElement("skPoints", props);
 };
 
 exports.Points = Points;

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

@@ -1 +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"]}
+{"version":3,"sources":["Points.tsx"],"names":["Points","props","defaultProps","mode"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,MAAM,GAAIC,KAAD,IAAmC;AACvD,sBAAO,yCAAcA,KAAd,CAAP;AACD,CAFM;;;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBC,EAAAA,IAAI,EAAE;AADc,CAAtB","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\nimport type { PointsProps } from \"../../../dom/types\";\n\nexport const Points = (props: SkiaProps<PointsProps>) => {\n  return <skPoints {...props} />;\n};\n\nPoints.defaultProps = {\n  mode: \"points\",\n};\n"]}

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

@@ -7,28 +7,10 @@ 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));
+  return /*#__PURE__*/_react.default.createElement("skRect", props);
 };
 
 exports.Rect = Rect;

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

@@ -1 +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"]}
+{"version":3,"sources":["Rect.tsx"],"names":["Rect","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,IAAI,GAAIC,KAAD,IAAiC;AACnD,sBAAO,uCAAYA,KAAZ,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { RectProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors\";\n\nexport const Rect = (props: SkiaProps<RectProps>) => {\n  return <skRect {...props} />;\n};\n"]}

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

@@ -7,28 +7,10 @@ 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));
+  return /*#__PURE__*/_react.default.createElement("skRRect", props);
 };
 
 exports.RoundedRect = RoundedRect;

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

@@ -1 +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"]}
+{"version":3,"sources":["RoundedRect.tsx"],"names":["RoundedRect","props","defaultProps","r"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,WAAW,GAAIC,KAAD,IAAwC;AACjE,sBAAO,wCAAaA,KAAb,CAAP;AACD,CAFM;;;AAIPD,WAAW,CAACE,YAAZ,GAA2B;AACzBC,EAAAA,CAAC,EAAE;AADsB,CAA3B","sourcesContent":["import React from \"react\";\n\nimport type { RoundedRectProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors\";\n\nexport const RoundedRect = (props: SkiaProps<RoundedRectProps>) => {\n  return <skRRect {...props} />;\n};\n\nRoundedRect.defaultProps = {\n  r: 0,\n};\n"]}

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

@@ -7,45 +7,10 @@ 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));
+  return /*#__PURE__*/_react.default.createElement("skVertices", props);
 };
 
 exports.Vertices = Vertices;

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

@@ -1 +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"]}
+{"version":3,"sources":["Vertices.tsx"],"names":["Vertices","props","defaultProps","mode"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,QAAQ,GAAIC,KAAD,IAAqC;AAC3D,sBAAO,2CAAgBA,KAAhB,CAAP;AACD,CAFM;;;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBC,EAAAA,IAAI,EAAE;AADgB,CAAxB","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { VerticesProps } from \"../../../dom/types\";\n\nexport const Vertices = (props: SkiaProps<VerticesProps>) => {\n  return <skVertices {...props} />;\n};\n\nVertices.defaultProps = {\n  mode: \"triangles\",\n};\n"]}

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

@@ -7,48 +7,10 @@ exports.Glyphs = 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 {
-    glyphs: rawGlyphs,
-    x,
-    y,
-    ...fontDef
-  } = _ref2;
-  const {
-    font
-  } = 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));
+  return /*#__PURE__*/_react.default.createElement("skGlyphs", props);
 };
 
 exports.Glyphs = Glyphs;

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

@@ -1 +1 @@
-{"version":3,"sources":["Glyphs.tsx"],"names":["onDraw","canvas","paint","glyphs","rawGlyphs","x","y","fontDef","font","positions","reduce","acc","glyph","id","pos","push","drawGlyphs","Glyphs","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;;;;;AAqBA,MAAMA,MAAM,GAAG,4BACb,iBAAgE;AAAA,MAA/D;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAA+D;AAAA,MAA5C;AAAEC,IAAAA,MAAM,EAAEC,SAAV;AAAqBC,IAAAA,CAArB;AAAwBC,IAAAA,CAAxB;AAA2B,OAAGC;AAA9B,GAA4C;AAC9D,QAAM;AAAEC,IAAAA;AAAF,MAAWD,OAAjB;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;AASAR,EAAAA,MAAM,CAACe,UAAP,CAAkBb,MAAlB,EAA0BM,SAA1B,EAAqCJ,CAArC,EAAwCC,CAAxC,EAA2CE,IAA3C,EAAiDN,KAAjD;AACD,CAbY,CAAf;;AAgBO,MAAMe,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAW,IAAA,MAAM,EAAElB;AAAnB,KAA+BkB,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\";\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  ({ canvas, paint }, { glyphs: rawGlyphs, x, y, ...fontDef }) => {\n    const { font } = 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"]}
+{"version":3,"sources":["Glyphs.tsx"],"names":["Glyphs","props","defaultProps","x","y"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,MAAM,GAAIC,KAAD,IAAmC;AACvD,sBAAO,yCAAcA,KAAd,CAAP;AACD,CAFM;;;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBC,EAAAA,CAAC,EAAE,CADiB;AAEpBC,EAAAA,CAAC,EAAE;AAFiB,CAAtB","sourcesContent":["import React from \"react\";\n\nimport type { GlyphsProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\n\nexport const Glyphs = (props: SkiaProps<GlyphsProps>) => {\n  return <skGlyphs {...props} />;\n};\n\nGlyphs.defaultProps = {\n  x: 0,\n  y: 0,\n};\n"]}

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

@@ -7,33 +7,10 @@ exports.Text = 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 {
-    text,
-    x,
-    y,
-    ...fontDef
-  } = _ref2;
-  const {
-    font
-  } = fontDef;
-  canvas.drawText(text, x, y, paint, font);
-});
-
 const Text = props => {
-  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
-    onDraw: onDraw
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skText", props);
 };
 
 exports.Text = Text;

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

@@ -1 +1 @@
-{"version":3,"sources":["Text.tsx"],"names":["onDraw","canvas","paint","text","x","y","fontDef","font","drawText","Text","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAOA;;;;;;AASA,MAAMA,MAAM,GAAG,4BACb,iBAAmD;AAAA,MAAlD;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAkD;AAAA,MAA/B;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,CAAR;AAAWC,IAAAA,CAAX;AAAc,OAAGC;AAAjB,GAA+B;AACjD,QAAM;AAAEC,IAAAA;AAAF,MAAWD,OAAjB;AACAL,EAAAA,MAAM,CAACO,QAAP,CAAgBL,IAAhB,EAAsBC,CAAtB,EAAyBC,CAAzB,EAA4BH,KAA5B,EAAmCK,IAAnC;AACD,CAJY,CAAf;;AAOO,MAAME,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAEV;AAAnB,KAA+BU,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\";\n\ntype TextProps = CustomPaintProps &\n  FontDef & {\n    text: string;\n    x: number;\n    y: number;\n  };\n\nconst onDraw = createDrawing<TextProps>(\n  ({ canvas, paint }, { text, x, y, ...fontDef }) => {\n    const { font } = 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"]}
+{"version":3,"sources":["Text.tsx"],"names":["Text","props","defaultProps","x","y"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,IAAI,GAAIC,KAAD,IAAiC;AACnD,sBAAO,uCAAYA,KAAZ,CAAP;AACD,CAFM;;;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBC,EAAAA,CAAC,EAAE,CADe;AAElBC,EAAAA,CAAC,EAAE;AAFe,CAApB","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { TextProps } from \"../../../dom/types\";\n\nexport const Text = (props: SkiaProps<TextProps>) => {\n  return <skText {...props} />;\n};\n\nText.defaultProps = {\n  x: 0,\n  y: 0,\n};\n"]}

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

@@ -7,29 +7,10 @@ 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));
+  return /*#__PURE__*/_react.default.createElement("skTextBlob", props);
 };
 
 exports.TextBlob = TextBlob;

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

@@ -1 +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"]}
+{"version":3,"sources":["TextBlob.tsx"],"names":["TextBlob","props","defaultProps","x","y"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,QAAQ,GAAIC,KAAD,IAAqC;AAC3D,sBAAO,2CAAgBA,KAAhB,CAAP;AACD,CAFM;;;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBC,EAAAA,CAAC,EAAE,CADmB;AAEtBC,EAAAA,CAAC,EAAE;AAFmB,CAAxB","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { TextBlobProps } from \"../../../dom/types\";\n\nexport const TextBlob = (props: SkiaProps<TextBlobProps>) => {\n  return <skTextBlob {...props} />;\n};\n\nTextBlob.defaultProps = {\n  x: 0,\n  y: 0,\n};\n"]}