@shopify/react-native-skia 0.0.135

package/lib/commonjs/renderer/components/shaders/index.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _RadialGradient = require("./RadialGradient");
+
+Object.keys(_RadialGradient).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RadialGradient[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RadialGradient[key];
+    }
+  });
+});
+
+var _LinearGradient = require("./LinearGradient");
+
+Object.keys(_LinearGradient).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LinearGradient[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LinearGradient[key];
+    }
+  });
+});
+
+var _TwoPointConicalGradient = require("./TwoPointConicalGradient");
+
+Object.keys(_TwoPointConicalGradient).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TwoPointConicalGradient[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TwoPointConicalGradient[key];
+    }
+  });
+});
+
+var _SweepGradient = require("./SweepGradient");
+
+Object.keys(_SweepGradient).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SweepGradient[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SweepGradient[key];
+    }
+  });
+});
+
+var _Color = require("./Color");
+
+Object.keys(_Color).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Color[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Color[key];
+    }
+  });
+});
+
+var _Turbulence = require("./Turbulence");
+
+Object.keys(_Turbulence).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Turbulence[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Turbulence[key];
+    }
+  });
+});
+
+var _FractalNoise = require("./FractalNoise");
+
+Object.keys(_FractalNoise).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FractalNoise[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FractalNoise[key];
+    }
+  });
+});
+
+var _Shader = require("./Shader");
+
+Object.keys(_Shader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Shader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Shader[key];
+    }
+  });
+});
+
+var _ShaderLib = require("./ShaderLib");
+
+Object.keys(_ShaderLib).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ShaderLib[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ShaderLib[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/renderer/components/shaders/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","sourcesContent":["export * from \"./RadialGradient\";\nexport * from \"./LinearGradient\";\nexport * from \"./TwoPointConicalGradient\";\nexport * from \"./SweepGradient\";\nexport * from \"./Color\";\nexport * from \"./Turbulence\";\nexport * from \"./FractalNoise\";\nexport * from \"./Shader\";\nexport * from \"./ShaderLib\";\n"]}

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

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BoxShadow = exports.Box = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _types = require("../../../skia/types");
+
+var _nodes = require("../../nodes");
+
+var _Declaration = require("../../nodes/Declaration");
+
+var _Color = require("../../processors/Color");
+
+var _RRect = require("../../../skia/types/RRect");
+
+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 inflate = function (Skia, box, dx, dy) {
+  let tx = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  let ty = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+  return Skia.RRectXY(Skia.XYWHRect(box.rect.x - dx + tx, box.rect.y - dy + ty, box.rect.width + 2 * dx, box.rect.height + 2 * dy), box.rx + dx, box.ry + dy);
+};
+
+const deflate = function (Skia, box, dx, dy) {
+  let tx = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  let ty = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+  return inflate(Skia, box, -dx, -dy, tx, ty);
+};
+
+const onDeclare = (0, _Declaration.createDeclaration)(_ref => {
+  let {
+    dx,
+    dy,
+    spread,
+    blur,
+    color,
+    inner
+  } = _ref;
+  return {
+    dx,
+    dy,
+    spread,
+    blur,
+    color,
+    inner,
+    __typename__: "BoxShadow"
+  };
+});
+
+const BoxShadow = props => {
+  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+
+exports.BoxShadow = BoxShadow;
+
+const isBoxShadow = s => s.__typename__ === "BoxShadow";
+
+const onDraw = (0, _nodes.createDrawing)((ctx, _ref2, node) => {
+  let {
+    box: defaultBox
+  } = _ref2;
+  const {
+    canvas,
+    paint,
+    opacity,
+    Skia
+  } = ctx;
+  const box = (0, _RRect.isRRect)(defaultBox) ? defaultBox : Skia.RRectXY(defaultBox, 0, 0);
+  const shadows = node.visit(ctx).filter(isBoxShadow);
+  shadows.filter(shadow => !shadow.inner).map(shadow => {
+    const {
+      color = "black",
+      blur,
+      spread = 0,
+      dx = 0,
+      dy = 0
+    } = shadow;
+    const lPaint = Skia.Paint();
+    lPaint.setColor((0, _Color.processColor)(Skia, color, opacity));
+    lPaint.setMaskFilter(Skia.MaskFilter.MakeBlur(_types.BlurStyle.Normal, blur, true));
+    canvas.drawRRect(inflate(Skia, box, spread, spread, dx, dy), lPaint);
+  });
+  canvas.drawRRect(box, paint);
+  shadows.filter(shadow => shadow.inner).map(shadow => {
+    const {
+      color = "black",
+      blur,
+      spread = 0,
+      dx = 0,
+      dy = 0
+    } = shadow;
+    const delta = Skia.Point(10 + Math.abs(dx), 10 + Math.abs(dy));
+    canvas.save();
+    canvas.clipRRect(box, _types.ClipOp.Intersect, false);
+    const lPaint = Skia.Paint();
+    lPaint.setColor((0, _Color.processColor)(Skia, color, opacity));
+    lPaint.setMaskFilter(Skia.MaskFilter.MakeBlur(_types.BlurStyle.Normal, blur, true));
+    const inner = deflate(Skia, box, spread, spread, dx, dy);
+    const outer = inflate(Skia, box, delta.x, delta.y);
+    canvas.drawDRRect(outer, inner, lPaint);
+    canvas.restore();
+  });
+});
+
+const Box = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.Box = Box;
+Box.defaultProps = {
+  shadows: []
+};
+//# sourceMappingURL=Box.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Box.tsx"],"names":["inflate","Skia","box","dx","dy","tx","ty","RRectXY","XYWHRect","rect","x","y","width","height","rx","ry","deflate","onDeclare","spread","blur","color","inner","__typename__","BoxShadow","props","isBoxShadow","s","onDraw","ctx","node","defaultBox","canvas","paint","opacity","shadows","visit","filter","shadow","map","lPaint","Paint","setColor","setMaskFilter","MaskFilter","MakeBlur","BlurStyle","Normal","drawRRect","delta","Point","Math","abs","save","clipRRect","ClipOp","Intersect","outer","drawDRRect","restore","Box","defaultProps"],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport type {\n  Color,\n  SkRRect,\n  SkJSIInstance,\n  SkRect,\n  Skia,\n} from \"../../../skia/types\";\nimport { ClipOp, BlurStyle } from \"../../../skia/types\";\nimport { createDrawing } from \"../../nodes\";\nimport type { AnimatedProps, CustomPaintProps } from \"../../processors\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport { processColor } from \"../../processors/Color\";\nimport { isRRect } from \"../../../skia/types/RRect\";\n\nconst inflate = (\n  Skia: Skia,\n  box: SkRRect,\n  dx: number,\n  dy: number,\n  tx = 0,\n  ty = 0\n) =>\n  Skia.RRectXY(\n    Skia.XYWHRect(\n      box.rect.x - dx + tx,\n      box.rect.y - dy + ty,\n      box.rect.width + 2 * dx,\n      box.rect.height + 2 * dy\n    ),\n    box.rx + dx,\n    box.ry + dy\n  );\n\nconst deflate = (\n  Skia: Skia,\n  box: SkRRect,\n  dx: number,\n  dy: number,\n  tx = 0,\n  ty = 0\n) => inflate(Skia, box, -dx, -dy, tx, ty);\n\ninterface BoxShadowProps {\n  dx?: number;\n  dy?: number;\n  spread?: number;\n  blur: number;\n  color?: Color;\n  inner?: boolean;\n}\n\ninterface BoxShadowDecl extends BoxShadowProps, SkJSIInstance<\"BoxShadow\"> {}\n\nconst onDeclare = createDeclaration<BoxShadowProps>(\n  ({ dx, dy, spread, blur, color, inner }) => {\n    return { dx, dy, spread, blur, color, inner, __typename__: \"BoxShadow\" };\n  }\n);\n\nexport const BoxShadow = (props: AnimatedProps<BoxShadowProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nconst isBoxShadow = (s: SkJSIInstance<string>): s is BoxShadowDecl =>\n  s.__typename__ === \"BoxShadow\";\n\ninterface BoxProps extends CustomPaintProps {\n  box: SkRRect | SkRect;\n}\n\nconst onDraw = createDrawing<BoxProps>((ctx, { box: defaultBox }, node) => {\n  const { canvas, paint, opacity, Skia } = ctx;\n  const box = isRRect(defaultBox) ? defaultBox : Skia.RRectXY(defaultBox, 0, 0);\n  const shadows = node.visit(ctx).filter<BoxShadowDecl>(isBoxShadow);\n  shadows\n    .filter((shadow) => !shadow.inner)\n    .map((shadow) => {\n      const { color = \"black\", blur, spread = 0, dx = 0, dy = 0 } = shadow;\n      const lPaint = Skia.Paint();\n      lPaint.setColor(processColor(Skia, color, opacity));\n      lPaint.setMaskFilter(\n        Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)\n      );\n      canvas.drawRRect(inflate(Skia, box, spread, spread, dx, dy), lPaint);\n    });\n  canvas.drawRRect(box, paint);\n\n  shadows\n    .filter((shadow) => shadow.inner)\n    .map((shadow) => {\n      const { color = \"black\", blur, spread = 0, dx = 0, dy = 0 } = shadow;\n      const delta = Skia.Point(10 + Math.abs(dx), 10 + Math.abs(dy));\n      canvas.save();\n      canvas.clipRRect(box, ClipOp.Intersect, false);\n      const lPaint = Skia.Paint();\n      lPaint.setColor(processColor(Skia, color, opacity));\n      lPaint.setMaskFilter(\n        Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)\n      );\n      const inner = deflate(Skia, box, spread, spread, dx, dy);\n      const outer = inflate(Skia, box, delta.x, delta.y);\n      canvas.drawDRRect(outer, inner, lPaint);\n      canvas.restore();\n    });\n});\n\nexport const Box = (props: AnimatedProps<BoxProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nBox.defaultProps = {\n  shadows: [],\n};\n"]}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Circle = 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, def) => {
+  let {
+    canvas,
+    paint,
+    Skia
+  } = _ref;
+  const {
+    c,
+    r
+  } = (0, _processors.processCircle)(Skia, def);
+  canvas.drawCircle(c.x, c.y, r, paint);
+});
+
+const Circle = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.Circle = Circle;
+Circle.defaultProps = {
+  c: {
+    x: 0,
+    y: 0
+  }
+};
+//# sourceMappingURL=Circle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Circle.tsx"],"names":["onDraw","def","canvas","paint","Skia","c","r","drawCircle","x","y","Circle","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;;;;;AAIA,MAAMA,MAAM,GAAG,4BAA2B,OAA0BC,GAA1B,KAAkC;AAAA,MAAjC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,GAAiC;AAC1E,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA;AAAL,MAAW,+BAAcF,IAAd,EAAoBH,GAApB,CAAjB;AACAC,EAAAA,MAAM,CAACK,UAAP,CAAkBF,CAAC,CAACG,CAApB,EAAuBH,CAAC,CAACI,CAAzB,EAA4BH,CAA5B,EAA+BH,KAA/B;AACD,CAHc,CAAf;;AAKO,MAAMO,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAW,IAAA,MAAM,EAAEX;AAAnB,KAA+BW,KAA/B,EAAP;AACD,CAFM;;;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBP,EAAAA,CAAC,EAAE;AAAEG,IAAAA,CAAC,EAAE,CAAL;AAAQC,IAAAA,CAAC,EAAE;AAAX;AADiB,CAAtB","sourcesContent":["import React from \"react\";\n\nimport type {\n  CustomPaintProps,\n  AnimatedProps,\n  CircleDef,\n} from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\nimport { processCircle } from \"../../processors\";\n\nexport type CircleProps = CircleDef & CustomPaintProps;\n\nconst onDraw = createDrawing<CircleProps>(({ canvas, paint, Skia }, def) => {\n  const { c, r } = processCircle(Skia, def);\n  canvas.drawCircle(c.x, c.y, r, paint);\n});\n\nexport const Circle = (props: AnimatedProps<CircleProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nCircle.defaultProps = {\n  c: { x: 0, y: 0 },\n};\n"]}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DiffRect = 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 {
+    inner,
+    outer
+  } = _ref2;
+  canvas.drawDRRect(outer, inner, paint);
+});
+
+const DiffRect = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.DiffRect = DiffRect;
+//# sourceMappingURL=DiffRect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DiffRect.tsx"],"names":["onDraw","canvas","paint","inner","outer","drawDRRect","DiffRect","props"],"mappings":";;;;;;;AAAA;;AAKA;;;;;;AAOA,MAAMA,MAAM,GAAG,4BACb,iBAAyC;AAAA,MAAxC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAwC;AAAA,MAArB;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAqB;AACvCH,EAAAA,MAAM,CAACI,UAAP,CAAkBD,KAAlB,EAAyBD,KAAzB,EAAgCD,KAAhC;AACD,CAHY,CAAf;;AAMO,MAAMI,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAW,IAAA,MAAM,EAAEP;AAAnB,KAA+BO,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps } from \"../../processors\";\nimport type { SkRRect } from \"../../../skia/types\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { createDrawing } from \"../../nodes/Drawing\";\n\nexport interface DiffRectProps extends CustomPaintProps {\n  inner: SkRRect;\n  outer: SkRRect;\n}\n\nconst onDraw = createDrawing<DiffRectProps>(\n  ({ canvas, paint }, { inner, outer }) => {\n    canvas.drawDRRect(outer, inner, paint);\n  }\n);\n\nexport const DiffRect = (props: AnimatedProps<DiffRectProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Fill = 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 => {
+  let {
+    canvas,
+    paint
+  } = _ref;
+  canvas.drawPaint(paint);
+});
+
+const Fill = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.Fill = Fill;
+//# sourceMappingURL=Fill.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fitbox = exports.FitBox = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _image = require("../image");
+
+var _Group = require("../Group");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+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);
+};
+
+exports.fitbox = fitbox;
+
+const FitBox = _ref => {
+  let {
+    fit,
+    src,
+    dst,
+    children
+  } = _ref;
+  const transform = (0, _react.useMemo)(() => fitbox(fit, src, dst), [dst, fit, src]);
+  return /*#__PURE__*/_react.default.createElement(_Group.Group, {
+    transform: transform
+  }, children);
+};
+
+exports.FitBox = FitBox;
+FitBox.defaultProps = {
+  fit: "contain"
+};
+//# sourceMappingURL=FitBox.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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));
+};
+
+exports.Line = Line;
+//# sourceMappingURL=Line.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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));
+};
+
+exports.Oval = Oval;
+Oval.defaultProps = {
+  x: 0,
+  y: 0
+};
+//# sourceMappingURL=Oval.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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));
+};
+
+exports.Patch = Patch;
+//# sourceMappingURL=Patch.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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));
+};
+
+exports.Path = Path;
+Path.defaultProps = {
+  start: 0,
+  end: 1
+};
+//# sourceMappingURL=Path.js.map