@shopify/react-native-skia 0.1.115

package/lib/module/renderer/components/shaders/SweepGradient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SweepGradient.tsx"],"names":["React","Skia","createDeclaration","processGradientProps","onDeclare","c","start","end","gradientProps","colors","positions","mode","localMatrix","flags","Shader","MakeSweepGradient","x","y","SweepGradient","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,oBAAT,QAAqC,YAArC;AAQA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,QAAyC;AAAA,MAAxC;AAAEG,IAAAA,CAAF;AAAKC,IAAAA,KAAL;AAAYC,IAAAA,GAAZ;AAAiB,OAAGC;AAApB,GAAwC;AACvC,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,WAA3B;AAAwCC,IAAAA;AAAxC,MACJV,oBAAoB,CAACK,aAAD,CADtB;AAEA,SAAOP,IAAI,CAACa,MAAL,CAAYC,iBAAZ,CACLV,CAAC,CAACW,CADG,EAELX,CAAC,CAACY,CAFG,EAGLR,MAHK,EAILC,SAJK,EAKLC,IALK,EAMLC,WANK,EAOLC,KAPK,EAQLP,KARK,EASLC,GATK,CAAP;AAWD,CAfgC,CAAnC;AAkBA,OAAO,MAAMW,aAAa,GAAIC,KAAD,IAA8C;AACzE,sBAAO;AAAe,IAAA,SAAS,EAAEf;AAA1B,KAAyCe,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { Vector, AnimatedProps } from \"../../processors\";\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\n\nimport type { GradientProps } from \"./Gradient\";\nimport { processGradientProps } from \"./Gradient\";\n\nexport interface SweepGradientProps extends GradientProps {\n  c: Vector;\n  start?: number;\n  end?: number;\n}\n\nconst onDeclare = createDeclaration<SweepGradientProps>(\n  ({ c, start, end, ...gradientProps }) => {\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(gradientProps);\n    return Skia.Shader.MakeSweepGradient(\n      c.x,\n      c.y,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags,\n      start,\n      end\n    );\n  }\n);\n\nexport const SweepGradient = (props: AnimatedProps<SweepGradientProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/shaders/Turbulence.js

@@ -0,0 +1,27 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { Skia } from "../../../skia";
+import { createDeclaration } from "../../nodes/Declaration";
+const onDeclare = createDeclaration(_ref => {
+  let {
+    freqX,
+    freqY,
+    octaves,
+    seed,
+    tileWidth,
+    tileHeight
+  } = _ref;
+  return Skia.Shader.MakeTurbulence(freqX, freqY, octaves, seed, tileWidth, tileHeight);
+});
+export const Turbulence = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+Turbulence.defaultProps = {
+  seed: 0,
+  tileWidth: 0,
+  tileHeight: 0
+};
+//# sourceMappingURL=Turbulence.js.map

package/lib/module/renderer/components/shaders/Turbulence.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Turbulence.tsx"],"names":["React","Skia","createDeclaration","onDeclare","freqX","freqY","octaves","seed","tileWidth","tileHeight","Shader","MakeTurbulence","Turbulence","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAYA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,QAA4D;AAAA,MAA3D;AAAEE,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,OAAhB;AAAyBC,IAAAA,IAAzB;AAA+BC,IAAAA,SAA/B;AAA0CC,IAAAA;AAA1C,GAA2D;AAC1D,SAAOR,IAAI,CAACS,MAAL,CAAYC,cAAZ,CACLP,KADK,EAELC,KAFK,EAGLC,OAHK,EAILC,IAJK,EAKLC,SALK,EAMLC,UANK,CAAP;AAQD,CAVgC,CAAnC;AAaA,OAAO,MAAMG,UAAU,GAAIC,KAAD,IAA2C;AACnE,sBAAO;AAAe,IAAA,SAAS,EAAEV;AAA1B,KAAyCU,KAAzC,EAAP;AACD,CAFM;AAIPD,UAAU,CAACE,YAAX,GAA0B;AACxBP,EAAAA,IAAI,EAAE,CADkB;AAExBC,EAAAA,SAAS,EAAE,CAFa;AAGxBC,EAAAA,UAAU,EAAE;AAHY,CAA1B","sourcesContent":["import React from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface TurbulenceProps {\n  freqX: number;\n  freqY: number;\n  octaves: number;\n  seed: number;\n  tileWidth: number;\n  tileHeight: number;\n}\n\nconst onDeclare = createDeclaration<TurbulenceProps>(\n  ({ freqX, freqY, octaves, seed, tileWidth, tileHeight }) => {\n    return Skia.Shader.MakeTurbulence(\n      freqX,\n      freqY,\n      octaves,\n      seed,\n      tileWidth,\n      tileHeight\n    );\n  }\n);\n\nexport const Turbulence = (props: AnimatedProps<TurbulenceProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nTurbulence.defaultProps = {\n  seed: 0,\n  tileWidth: 0,\n  tileHeight: 0,\n};\n"]}

package/lib/module/renderer/components/shaders/TwoPointConicalGradient.js

@@ -0,0 +1,29 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { Skia } from "../../../skia";
+import { createDeclaration } from "../../nodes/Declaration";
+import { processGradientProps } from "./Gradient";
+const onDeclare = createDeclaration(_ref => {
+  let {
+    start,
+    startR,
+    end,
+    endR,
+    ...gradientProps
+  } = _ref;
+  const {
+    colors,
+    positions,
+    mode,
+    localMatrix,
+    flags
+  } = processGradientProps(gradientProps);
+  return Skia.Shader.MakeTwoPointConicalGradient(start, startR, end, endR, colors, positions, mode, localMatrix, flags);
+});
+export const TwoPointConicalGradient = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=TwoPointConicalGradient.js.map

package/lib/module/renderer/components/shaders/TwoPointConicalGradient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TwoPointConicalGradient.tsx"],"names":["React","Skia","createDeclaration","processGradientProps","onDeclare","start","startR","end","endR","gradientProps","colors","positions","mode","localMatrix","flags","Shader","MakeTwoPointConicalGradient","TwoPointConicalGradient","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,oBAAT,QAAqC,YAArC;AASA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,QAAoD;AAAA,MAAnD;AAAEG,IAAAA,KAAF;AAASC,IAAAA,MAAT;AAAiBC,IAAAA,GAAjB;AAAsBC,IAAAA,IAAtB;AAA4B,OAAGC;AAA/B,GAAmD;AAClD,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,WAA3B;AAAwCC,IAAAA;AAAxC,MACJX,oBAAoB,CAACM,aAAD,CADtB;AAEA,SAAOR,IAAI,CAACc,MAAL,CAAYC,2BAAZ,CACLX,KADK,EAELC,MAFK,EAGLC,GAHK,EAILC,IAJK,EAKLE,MALK,EAMLC,SANK,EAOLC,IAPK,EAQLC,WARK,EASLC,KATK,CAAP;AAWD,CAfgC,CAAnC;AAkBA,OAAO,MAAMG,uBAAuB,GAClCC,KADqC,IAElC;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEd;AAA1B,KAAyCc,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport type { Vector, AnimatedProps } from \"../../processors\";\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\n\nimport type { GradientProps } from \"./Gradient\";\nimport { processGradientProps } from \"./Gradient\";\n\nexport interface TwoPointConicalGradientProps extends GradientProps {\n  start: Vector;\n  startR: number;\n  end: Vector;\n  endR: number;\n}\n\nconst onDeclare = createDeclaration<TwoPointConicalGradientProps>(\n  ({ start, startR, end, endR, ...gradientProps }) => {\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(gradientProps);\n    return Skia.Shader.MakeTwoPointConicalGradient(\n      start,\n      startR,\n      end,\n      endR,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags\n    );\n  }\n);\n\nexport const TwoPointConicalGradient = (\n  props: AnimatedProps<TwoPointConicalGradientProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

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

@@ -0,0 +1,10 @@
+export * from "./RadialGradient";
+export * from "./LinearGradient";
+export * from "./TwoPointConicalGradient";
+export * from "./SweepGradient";
+export * from "./Color";
+export * from "./Turbulence";
+export * from "./FractalNoise";
+export * from "./Shader";
+export * from "./ShaderLib";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAd;AACA,cAAc,kBAAd;AACA,cAAc,2BAAd;AACA,cAAc,iBAAd;AACA,cAAc,SAAd;AACA,cAAc,cAAd;AACA,cAAc,gBAAd;AACA,cAAc,UAAd;AACA,cAAc,aAAd","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/module/renderer/components/shapes/Circle.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Circle.tsx"],"names":["React","createDrawing","vec","processCircle","onDraw","def","canvas","paint","c","r","drawCircle","x","y","Circle","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAOA,SAASC,aAAT,QAA8B,qBAA9B;AACA,SAASC,GAAT,QAAoB,8BAApB;AACA,SAASC,aAAT,QAA8B,kBAA9B;AAIA,MAAMC,MAAM,GAAGH,aAAa,CAAc,OAAoBI,GAApB,KAA4B;AAAA,MAA3B;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAA2B;AACpE,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA;AAAL,MAAWN,aAAa,CAACE,GAAD,CAA9B;AACAC,EAAAA,MAAM,CAACI,UAAP,CAAkBF,CAAC,CAACG,CAApB,EAAuBH,CAAC,CAACI,CAAzB,EAA4BH,CAA5B,EAA+BF,KAA/B;AACD,CAH2B,CAA5B;AAKA,OAAO,MAAMM,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAW,IAAA,MAAM,EAAEV;AAAnB,KAA+BU,KAA/B,EAAP;AACD,CAFM;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBP,EAAAA,CAAC,EAAEN,GAAG,CAAC,CAAD,EAAI,CAAJ;AADc,CAAtB","sourcesContent":["import React from \"react\";\n\nimport type {\n  CustomPaintProps,\n  AnimatedProps,\n  CircleDef,\n} from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\nimport { vec } from \"../../processors/math/Vector\";\nimport { processCircle } from \"../../processors\";\n\nexport type CircleProps = CircleDef & CustomPaintProps;\n\nconst onDraw = createDrawing<CircleProps>(({ canvas, paint }, def) => {\n  const { c, r } = processCircle(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: vec(0, 0),\n};\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DiffRect.tsx"],"names":["React","createDrawing","onDraw","canvas","paint","inner","outer","drawDRRect","DiffRect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,SAASC,aAAT,QAA8B,qBAA9B;AAOA,MAAMC,MAAM,GAAGD,aAAa,CAC1B,iBAAyC;AAAA,MAAxC;AAAEE,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,CAHyB,CAA5B;AAMA,OAAO,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/RRect\";\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/module/renderer/components/shapes/Fill.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Fill.tsx"],"names":["React","createDrawing","onDraw","canvas","paint","drawPaint","Fill","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAIA,SAASC,aAAT,QAA8B,qBAA9B;AAIA,MAAMC,MAAM,GAAGD,aAAa,CAAC,QAAuB;AAAA,MAAtB;AAAEE,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAsB;AAClDD,EAAAA,MAAM,CAACE,SAAP,CAAiBD,KAAjB;AACD,CAF2B,CAA5B;AAIA,OAAO,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/module/renderer/components/shapes/FitBox.js

@@ -0,0 +1,22 @@
+import React, { useMemo } from "react";
+import { rect2rect, fitRects } from "../image";
+import { Group } from "../Group";
+export const FitBox = _ref => {
+  let {
+    fit,
+    src,
+    dst,
+    children
+  } = _ref;
+  const transform = useMemo(() => {
+    const rects = fitRects(fit, src, dst);
+    return rect2rect(rects.src, rects.dst);
+  }, [dst, fit, src]);
+  return /*#__PURE__*/React.createElement(Group, {
+    transform: transform
+  }, children);
+};
+FitBox.defaultProps = {
+  fit: "contain"
+};
+//# sourceMappingURL=FitBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FitBox.tsx"],"names":["React","useMemo","rect2rect","fitRects","Group","FitBox","fit","src","dst","children","transform","rects","defaultProps"],"mappings":"AACA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AAGA,SAASC,SAAT,EAAoBC,QAApB,QAAoC,UAApC;AAEA,SAASC,KAAT,QAAsB,UAAtB;AASA,OAAO,MAAMC,MAAM,GAAG,QAA2C;AAAA,MAA1C;AAAEC,IAAAA,GAAF;AAAOC,IAAAA,GAAP;AAAYC,IAAAA,GAAZ;AAAiBC,IAAAA;AAAjB,GAA0C;AAC/D,QAAMC,SAAS,GAAGT,OAAO,CAAC,MAAM;AAC9B,UAAMU,KAAK,GAAGR,QAAQ,CAACG,GAAD,EAAMC,GAAN,EAAWC,GAAX,CAAtB;AACA,WAAON,SAAS,CAACS,KAAK,CAACJ,GAAP,EAAYI,KAAK,CAACH,GAAlB,CAAhB;AACD,GAHwB,EAGtB,CAACA,GAAD,EAAMF,GAAN,EAAWC,GAAX,CAHsB,CAAzB;AAIA,sBAAO,oBAAC,KAAD;AAAO,IAAA,SAAS,EAAEG;AAAlB,KAA8BD,QAA9B,CAAP;AACD,CANM;AAQPJ,MAAM,CAACO,YAAP,GAAsB;AACpBN,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\";\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, src, dst, children }: FitProps) => {\n  const transform = useMemo(() => {\n    const rects = fitRects(fit, src, dst);\n    return rect2rect(rects.src, rects.dst);\n  }, [dst, fit, src]);\n  return <Group transform={transform}>{children}</Group>;\n};\n\nFitBox.defaultProps = {\n  fit: \"contain\",\n};\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Line.tsx"],"names":["React","createDrawing","onDraw","canvas","paint","p1","p2","drawLine","x","y","Line","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,aAAT,QAA8B,qBAA9B;AAMA,MAAMC,MAAM,GAAGD,aAAa,CAAY,iBAAmC;AAAA,MAAlC;AAAEE,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,CAF2B,CAA5B;AAIA,OAAO,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, Vector, AnimatedProps } from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\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/module/renderer/components/shapes/Oval.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Oval.tsx"],"names":["React","processRect","createDrawing","onDraw","rectProps","canvas","paint","rect","drawOval","Oval","props","defaultProps","x","y"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAOA,SAASC,WAAT,QAA4B,kBAA5B;AACA,SAASC,aAAT,QAA8B,aAA9B;AAIA,MAAMC,MAAM,GAAGD,aAAa,CAAY,OAAoBE,SAApB,KAAkC;AAAA,MAAjC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAiC;AACxE,QAAMC,IAAI,GAAGN,WAAW,CAACG,SAAD,CAAxB;AACAC,EAAAA,MAAM,CAACG,QAAP,CAAgBD,IAAhB,EAAsBD,KAAtB;AACD,CAH2B,CAA5B;AAKA,OAAO,MAAMG,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAEP;AAAnB,KAA+BO,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>(({ canvas, paint }, rectProps) => {\n  const rect = processRect(rectProps);\n  canvas.drawOval(rect, paint);\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/module/renderer/components/shapes/Patch.js

@@ -0,0 +1,35 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { enumKey } from "../../processors";
+import { BlendMode } from "../../../skia";
+import { createDrawing } from "../../nodes";
+import { processColor } from "../../../skia/Color";
+const onDraw = createDrawing((_ref, _ref2) => {
+  let {
+    canvas,
+    paint,
+    opacity
+  } = _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 ? BlendMode.DstOver : BlendMode.SrcOver;
+  const mode = blendMode ? BlendMode[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 => processColor(c, opacity)) : undefined, texture, mode, paint);
+});
+export const Patch = props => {
+  return /*#__PURE__*/React.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+//# sourceMappingURL=Patch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Patch.tsx"],"names":["React","enumKey","BlendMode","createDrawing","processColor","onDraw","canvas","paint","opacity","colors","patch","texture","blendMode","defaultBlendMode","DstOver","SrcOver","mode","drawPatch","pos","c2","c1","map","c","undefined","Patch","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAQA,SAASC,OAAT,QAAwB,kBAAxB;AAEA,SAASC,SAAT,QAA0B,eAA1B;AACA,SAASC,aAAT,QAA8B,aAA9B;AACA,SAASC,YAAT,QAA6B,qBAA7B;AAoBA,MAAMC,MAAM,GAAGF,aAAa,CAC1B,iBAAuE;AAAA,MAAtE;AAAEG,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,GAAsE;AAAA,MAA1C;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA,OAAjB;AAA0BC,IAAAA;AAA1B,GAA0C;AACrE;AACA,QAAMC,gBAAgB,GAAGJ,MAAM,GAAGP,SAAS,CAACY,OAAb,GAAuBZ,SAAS,CAACa,OAAhE;AACA,QAAMC,IAAI,GAAGJ,SAAS,GAAGV,SAAS,CAACD,OAAO,CAACW,SAAD,CAAR,CAAZ,GAAmCC,gBAAzD;AACAP,EAAAA,MAAM,CAACW,SAAP,EACE;AACA;AACA;AACA;AACA;AACA,GACEP,KAAK,CAAC,CAAD,CAAL,CAASQ,GADX,EAEER,KAAK,CAAC,CAAD,CAAL,CAASS,EAFX,EAGET,KAAK,CAAC,CAAD,CAAL,CAASU,EAHX,EAIEV,KAAK,CAAC,CAAD,CAAL,CAASQ,GAJX,EAKER,KAAK,CAAC,CAAD,CAAL,CAASS,EALX,EAMET,KAAK,CAAC,CAAD,CAAL,CAASU,EANX,EAOEV,KAAK,CAAC,CAAD,CAAL,CAASQ,GAPX,EAQER,KAAK,CAAC,CAAD,CAAL,CAASS,EARX,EASET,KAAK,CAAC,CAAD,CAAL,CAASU,EATX,EAUEV,KAAK,CAAC,CAAD,CAAL,CAASQ,GAVX,EAWER,KAAK,CAAC,CAAD,CAAL,CAASS,EAXX,EAYET,KAAK,CAAC,CAAD,CAAL,CAASU,EAZX,CANF,EAoBEX,MAAM,GAAGA,MAAM,CAACY,GAAP,CAAYC,CAAD,IAAOlB,YAAY,CAACkB,CAAD,EAAId,OAAJ,CAA9B,CAAH,GAAiDe,SApBzD,EAqBEZ,OArBF,EAsBEK,IAtBF,EAuBET,KAvBF;AAyBD,CA9ByB,CAA5B;AAiCA,OAAO,MAAMiB,KAAK,GAAIC,KAAD,IAAsC;AACzD,sBAAO;AAAW,IAAA,MAAM,EAAEpB;AAAnB,KAA+BoB,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type {\n  CustomPaintProps,\n  SkEnum,\n  Vector,\n  AnimatedProps,\n} from \"../../processors\";\nimport { enumKey } from \"../../processors\";\nimport type { SkPoint, Color } from \"../../../skia\";\nimport { BlendMode } from \"../../../skia\";\nimport { createDrawing } from \"../../nodes\";\nimport { processColor } from \"../../../skia/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 }, { 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(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/module/renderer/components/shapes/Path.js

@@ -0,0 +1,43 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { createDrawing } from "../../nodes";
+import { processPath } from "../../processors";
+const onDraw = createDrawing((_ref, _ref2) => {
+  let {
+    canvas,
+    paint
+  } = _ref;
+  let {
+    start,
+    end,
+    stroke,
+    ...pathProps
+  } = _ref2;
+  const hasStartOffset = start !== 0;
+  const hasEndOffset = start !== 1;
+  const hasStrokeOptions = stroke !== undefined;
+  const willMutatePath = hasStartOffset || hasEndOffset || hasStrokeOptions;
+  const pristinePath = processPath(pathProps.path);
+  const path = willMutatePath ? pristinePath.copy() : pristinePath;
+
+  if (hasStrokeOptions) {
+    path.stroke(stroke);
+  }
+
+  if (hasStartOffset || hasEndOffset) {
+    path.trim(start, end, false);
+  }
+
+  canvas.drawPath(path, paint);
+});
+export const Path = props => {
+  return /*#__PURE__*/React.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+Path.defaultProps = {
+  start: 0,
+  end: 1
+};
+//# sourceMappingURL=Path.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Path.tsx"],"names":["React","createDrawing","processPath","onDraw","canvas","paint","start","end","stroke","pathProps","hasStartOffset","hasEndOffset","hasStrokeOptions","undefined","willMutatePath","pristinePath","path","copy","trim","drawPath","Path","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAOA,SAASC,aAAT,QAA8B,aAA9B;AACA,SAASC,WAAT,QAA4B,kBAA5B;AAeA,MAAMC,MAAM,GAAGF,aAAa,CAC1B,iBAA6D;AAAA,MAA5D;AAAEG,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAA4D;AAAA,MAAzC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,GAAT;AAAcC,IAAAA,MAAd;AAAsB,OAAGC;AAAzB,GAAyC;AAC3D,QAAMC,cAAc,GAAGJ,KAAK,KAAK,CAAjC;AACA,QAAMK,YAAY,GAAGL,KAAK,KAAK,CAA/B;AACA,QAAMM,gBAAgB,GAAGJ,MAAM,KAAKK,SAApC;AACA,QAAMC,cAAc,GAAGJ,cAAc,IAAIC,YAAlB,IAAkCC,gBAAzD;AACA,QAAMG,YAAY,GAAGb,WAAW,CAACO,SAAS,CAACO,IAAX,CAAhC;AACA,QAAMA,IAAI,GAAGF,cAAc,GAAGC,YAAY,CAACE,IAAb,EAAH,GAAyBF,YAApD;;AACA,MAAIH,gBAAJ,EAAsB;AACpBI,IAAAA,IAAI,CAACR,MAAL,CAAYA,MAAZ;AACD;;AACD,MAAIE,cAAc,IAAIC,YAAtB,EAAoC;AAClCK,IAAAA,IAAI,CAACE,IAAL,CAAUZ,KAAV,EAAiBC,GAAjB,EAAsB,KAAtB;AACD;;AACDH,EAAAA,MAAM,CAACe,QAAP,CAAgBH,IAAhB,EAAsBX,KAAtB;AACD,CAfyB,CAA5B;AAkBA,OAAO,MAAMe,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAElB;AAAnB,KAA+BkB,KAA/B,EAAP;AACD,CAFM;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBhB,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} from \"../../processors\";\nimport { createDrawing } from \"../../nodes\";\nimport { processPath } from \"../../processors\";\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}\n\nconst onDraw = createDrawing<PathProps>(\n  ({ canvas, paint }, { start, end, stroke, ...pathProps }) => {\n    const hasStartOffset = start !== 0;\n    const hasEndOffset = start !== 1;\n    const hasStrokeOptions = stroke !== undefined;\n    const willMutatePath = hasStartOffset || hasEndOffset || hasStrokeOptions;\n    const pristinePath = processPath(pathProps.path);\n    const path = willMutatePath ? pristinePath.copy() : pristinePath;\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/module/renderer/components/shapes/Points.js

@@ -0,0 +1,27 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { PointMode } from "../../../skia";
+import { enumKey } from "../../processors/Paint";
+import { createDrawing } from "../../nodes/Drawing";
+const onDraw = createDrawing((_ref, _ref2) => {
+  let {
+    canvas,
+    paint
+  } = _ref;
+  let {
+    points,
+    mode
+  } = _ref2;
+  const pointMode = PointMode[enumKey(mode)];
+  canvas.drawPoints(pointMode, points, paint);
+});
+export const Points = props => {
+  return /*#__PURE__*/React.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+Points.defaultProps = {
+  mode: "points"
+};
+//# sourceMappingURL=Points.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Points.tsx"],"names":["React","PointMode","enumKey","createDrawing","onDraw","canvas","paint","points","mode","pointMode","drawPoints","Points","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAIA,SAASC,SAAT,QAA0B,eAA1B;AACA,SAASC,OAAT,QAAwB,wBAAxB;AAEA,SAASC,aAAT,QAA8B,qBAA9B;AAOA,MAAMC,MAAM,GAAGD,aAAa,CAC1B,iBAAyC;AAAA,MAAxC;AAAEE,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAwC;AAAA,MAArB;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAqB;AACvC,QAAMC,SAAS,GAAGR,SAAS,CAACC,OAAO,CAACM,IAAD,CAAR,CAA3B;AACAH,EAAAA,MAAM,CAACK,UAAP,CAAkBD,SAAlB,EAA6BF,MAA7B,EAAqCD,KAArC;AACD,CAJyB,CAA5B;AAOA,OAAO,MAAMK,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAW,IAAA,MAAM,EAAER;AAAnB,KAA+BQ,KAA/B,EAAP;AACD,CAFM;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBL,EAAAA,IAAI,EAAE;AADc,CAAtB","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps, SkEnum } from \"../../processors\";\nimport type { SkPoint } from \"../../../skia\";\nimport { PointMode } from \"../../../skia\";\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/module/renderer/components/shapes/Rect.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Rect.tsx"],"names":["React","createDrawing","processRect","onDraw","rectProps","canvas","paint","rect","drawRect","Rect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,aAAT,QAA8B,qBAA9B;AAMA,SAASC,WAAT,QAA4B,kBAA5B;AAIA,MAAMC,MAAM,GAAGF,aAAa,CAAY,OAAoBG,SAApB,KAAkC;AAAA,MAAjC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAiC;AACxE,QAAMC,IAAI,GAAGL,WAAW,CAACE,SAAD,CAAxB;AACAC,EAAAA,MAAM,CAACG,QAAP,CAAgBD,IAAhB,EAAsBD,KAAtB;AACD,CAH2B,CAA5B;AAKA,OAAO,MAAMG,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAEP;AAAnB,KAA+BO,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>(({ canvas, paint }, rectProps) => {\n  const rect = processRect(rectProps);\n  canvas.drawRect(rect, paint);\n});\n\nexport const Rect = (props: AnimatedProps<RectProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["RoundedRect.tsx"],"names":["React","createDrawing","processRRect","onDraw","rectProps","canvas","paint","rrect","drawRRect","RoundedRect","props","defaultProps","r"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,aAAT,QAA8B,aAA9B;AAMA,SAASC,YAAT,QAA6B,kBAA7B;AAIA,MAAMC,MAAM,GAAGF,aAAa,CAC1B,OAAoBG,SAApB,KAAkC;AAAA,MAAjC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAiC;AAChC,QAAMC,KAAK,GAAGL,YAAY,CAACE,SAAD,CAA1B;AACAC,EAAAA,MAAM,CAACG,SAAP,CAAiBD,KAAjB,EAAwBD,KAAxB;AACD,CAJyB,CAA5B;AAMA,OAAO,MAAMG,WAAW,GAAIC,KAAD,IAA4C;AACrE,sBAAO;AAAW,IAAA,MAAM,EAAEP;AAAnB,KAA+BO,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 }, rectProps) => {\n    const rrect = processRRect(rectProps);\n    canvas.drawRRect(rrect, paint);\n  }\n);\nexport const RoundedRect = (props: AnimatedProps<RoundedRectProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nRoundedRect.defaultProps = {\n  r: 0,\n};\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Vertices.tsx"],"names":["React","enumKey","BlendMode","VertexMode","Skia","processColor","createDrawing","onDraw","canvas","paint","opacity","colors","vertices","textures","blendMode","mode","indices","defaultBlendMode","DstOver","SrcOver","blend","vertexMode","Triangles","vert","MakeVertices","map","c","undefined","drawVertices","Vertices","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,OAAT,QAAwB,kBAAxB;AAEA,SAASC,SAAT,EAAoBC,UAApB,EAAgCC,IAAhC,EAAsCC,YAAtC,QAA0D,eAA1D;AACA,SAASC,aAAT,QAA8B,aAA9B;AAWA,MAAMC,MAAM,GAAGD,aAAa,CAC1B,iBAGK;AAAA,MAFH;AAAEE,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,GAEG;AAAA,MADH;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,QAAV;AAAoBC,IAAAA,QAApB;AAA8BC,IAAAA,SAA9B;AAAyCC,IAAAA,IAAzC;AAA+CC,IAAAA;AAA/C,GACG;AACH;AACA,QAAMC,gBAAgB,GAAGN,MAAM,GAAGT,SAAS,CAACgB,OAAb,GAAuBhB,SAAS,CAACiB,OAAhE;AACA,QAAMC,KAAK,GAAGN,SAAS,GAAGZ,SAAS,CAACD,OAAO,CAACa,SAAD,CAAR,CAAZ,GAAmCG,gBAA1D;AACA,QAAMI,UAAU,GAAGN,IAAI,GAAGZ,UAAU,CAACF,OAAO,CAACc,IAAD,CAAR,CAAb,GAA+BZ,UAAU,CAACmB,SAAjE;AACA,QAAMC,IAAI,GAAGnB,IAAI,CAACoB,YAAL,CACXH,UADW,EAEXT,QAFW,EAGXC,QAHW,EAIXF,MAAM,GAAGA,MAAM,CAACc,GAAP,CAAYC,CAAD,IAAOrB,YAAY,CAACqB,CAAD,EAAIhB,OAAJ,CAA9B,CAAH,GAAiDiB,SAJ5C,EAKXX,OALW,CAAb;AAOAR,EAAAA,MAAM,CAACoB,YAAP,CAAoBL,IAApB,EAA0BH,KAA1B,EAAiCX,KAAjC;AACD,CAjByB,CAA5B;AAoBA,OAAO,MAAMoB,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAW,IAAA,MAAM,EAAEvB;AAAnB,KAA+BuB,KAA/B,EAAP;AACD,CAFM;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBhB,EAAAA,IAAI,EAAE;AADgB,CAAxB","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps, SkEnum, AnimatedProps } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\nimport type { SkPoint } from \"../../../skia\";\nimport { BlendMode, VertexMode, Skia, processColor } from \"../../../skia\";\nimport { createDrawing } from \"../../nodes\";\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 },\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(c, opacity)) : undefined,\n      indices\n    );\n    canvas.drawVertices(vert, blend, paint);\n  }\n);\n\nexport const Vertices = (props: AnimatedProps<VerticesProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nVertices.defaultProps = {\n  mode: \"triangles\",\n};\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,QAAd;AACA,cAAc,eAAd;AACA,cAAc,YAAd;AACA,cAAc,QAAd;AACA,cAAc,QAAd;AACA,cAAc,QAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,QAAd;AACA,cAAc,UAAd","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\";\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Glyphs.tsx"],"names":["React","createDrawing","processFont","onDraw","canvas","paint","fontMgr","glyphs","rawGlyphs","x","y","fontDef","font","positions","reduce","acc","glyph","id","pos","push","drawGlyphs","Glyphs","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,aAAT,QAA8B,qBAA9B;AAGA,SAASC,WAAT,QAA4B,uBAA5B;AAmBA,MAAMC,MAAM,GAAGF,aAAa,CAC1B,iBAAyE;AAAA,MAAxE;AAAEG,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,GAAwE;AAAA,MAA5C;AAAEC,IAAAA,MAAM,EAAEC,SAAV;AAAqBC,IAAAA,CAArB;AAAwBC,IAAAA,CAAxB;AAA2B,OAAGC;AAA9B,GAA4C;AACvE,QAAMC,IAAI,GAAGV,WAAW,CAACI,OAAD,EAAUK,OAAV,CAAxB;AACA,QAAM;AAAEJ,IAAAA,MAAF;AAAUM,IAAAA;AAAV,MAAwBL,SAAS,CAACM,MAAV,CAC5B,CAACC,GAAD,EAAMC,KAAN,KAAgB;AACd,UAAM;AAAEC,MAAAA,EAAF;AAAMC,MAAAA;AAAN,QAAcF,KAApB;AACAD,IAAAA,GAAG,CAACR,MAAJ,CAAWY,IAAX,CAAgBF,EAAhB;AACAF,IAAAA,GAAG,CAACF,SAAJ,CAAcM,IAAd,CAAmBD,GAAnB;AACA,WAAOH,GAAP;AACD,GAN2B,EAO5B;AAAER,IAAAA,MAAM,EAAE,EAAV;AAAcM,IAAAA,SAAS,EAAE;AAAzB,GAP4B,CAA9B;AASAT,EAAAA,MAAM,CAACgB,UAAP,CAAkBb,MAAlB,EAA0BM,SAA1B,EAAqCJ,CAArC,EAAwCC,CAAxC,EAA2CE,IAA3C,EAAiDP,KAAjD;AACD,CAbyB,CAA5B;AAgBA,OAAO,MAAMgB,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAW,IAAA,MAAM,EAAEnB;AAAnB,KAA+BmB,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\";\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  ({ canvas, paint, fontMgr }, { glyphs: rawGlyphs, x, y, ...fontDef }) => {\n    const font = processFont(fontMgr, fontDef);\n    const { glyphs, positions } = rawGlyphs.reduce<ProcessedGlyphs>(\n      (acc, glyph) => {\n        const { id, pos } = glyph;\n        acc.glyphs.push(id);\n        acc.positions.push(pos);\n        return acc;\n      },\n      { glyphs: [], positions: [] }\n    );\n    canvas.drawGlyphs(glyphs, positions, x, y, font, paint);\n  }\n);\n\nexport const Glyphs = (props: AnimatedProps<GlyphsProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nGlyphs.defaultProps = {\n  x: 0,\n  y: 0,\n};\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Text.tsx"],"names":["React","createDrawing","processFont","onDraw","canvas","paint","fontMgr","text","x","y","fontDef","font","drawText","Text","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAOA,SAASC,aAAT,QAA8B,qBAA9B;AACA,SAASC,WAAT,QAA4B,kBAA5B;AASA,MAAMC,MAAM,GAAGF,aAAa,CAC1B,iBAA4D;AAAA,MAA3D;AAAEG,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,GAA2D;AAAA,MAA/B;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,CAAR;AAAWC,IAAAA,CAAX;AAAc,OAAGC;AAAjB,GAA+B;AAC1D,QAAMC,IAAI,GAAGT,WAAW,CAACI,OAAD,EAAUI,OAAV,CAAxB;AACAN,EAAAA,MAAM,CAACQ,QAAP,CAAgBL,IAAhB,EAAsBC,CAAtB,EAAyBC,CAAzB,EAA4BJ,KAA5B,EAAmCM,IAAnC;AACD,CAJyB,CAA5B;AAOA,OAAO,MAAME,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAEX;AAAnB,KAA+BW,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 }, { text, x, y, ...fontDef }) => {\n    const font = processFont(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"]}