@shopify/react-native-skia 0.1.115

package/lib/module/renderer/components/maskFilters/Blur.js

@@ -0,0 +1,25 @@
+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 { BlurStyle } from "../../../skia/MaskFilter";
+import { Skia } from "../../../skia";
+import { createDeclaration } from "../../nodes/Declaration";
+import { enumKey } from "../../processors";
+const onDeclare = createDeclaration(_ref => {
+  let {
+    style,
+    blur,
+    respectCTM
+  } = _ref;
+  return Skia.MaskFilter.MakeBlur(BlurStyle[enumKey(style)], blur, respectCTM);
+});
+export const BlurMask = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+BlurMask.defaultProps = {
+  style: "normal",
+  respectCTM: false
+};
+//# sourceMappingURL=Blur.js.map

package/lib/module/renderer/components/maskFilters/Blur.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Blur.tsx"],"names":["React","BlurStyle","Skia","createDeclaration","enumKey","onDeclare","style","blur","respectCTM","MaskFilter","MakeBlur","BlurMask","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,SAAT,QAA0B,0BAA1B;AACA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAEA,SAASC,OAAT,QAAwB,kBAAxB;AASA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,QAAiC;AAAA,MAAhC;AAAEG,IAAAA,KAAF;AAASC,IAAAA,IAAT;AAAeC,IAAAA;AAAf,GAAgC;AAC/B,SAAON,IAAI,CAACO,UAAL,CAAgBC,QAAhB,CACLT,SAAS,CAACG,OAAO,CAACE,KAAD,CAAR,CADJ,EAELC,IAFK,EAGLC,UAHK,CAAP;AAKD,CAPgC,CAAnC;AAUA,OAAO,MAAMG,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAe,IAAA,SAAS,EAAEP;AAA1B,KAAyCO,KAAzC,EAAP;AACD,CAFM;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBP,EAAAA,KAAK,EAAE,QADe;AAEtBE,EAAAA,UAAU,EAAE;AAFU,CAAxB","sourcesContent":["import React from \"react\";\n\nimport { BlurStyle } from \"../../../skia/MaskFilter\";\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { SkEnum } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface BlurMaskProps {\n  style: SkEnum<typeof BlurStyle>;\n  blur: number;\n  respectCTM: boolean;\n}\n\nconst onDeclare = createDeclaration<BlurMaskProps>(\n  ({ style, blur, respectCTM }) => {\n    return Skia.MaskFilter.MakeBlur(\n      BlurStyle[enumKey(style)],\n      blur,\n      respectCTM\n    );\n  }\n);\n\nexport const BlurMask = (props: AnimatedProps<BlurMaskProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nBlurMask.defaultProps = {\n  style: \"normal\",\n  respectCTM: false,\n};\n"]}

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

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

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

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

package/lib/module/renderer/components/pathEffects/Corner.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 { isPathEffect } from "../../../skia/PathEffect";
+const onDeclare = createDeclaration((_ref, children) => {
+  let {
+    r
+  } = _ref;
+  const [child] = children.filter(isPathEffect);
+  const pe = Skia.PathEffect.MakeCorner(r);
+
+  if (child) {
+    if (!pe) {
+      return child;
+    }
+
+    return Skia.PathEffect.MakeCompose(pe, child);
+  }
+
+  return pe;
+});
+export const CornerPathEffect = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=Corner.js.map

package/lib/module/renderer/components/pathEffects/Corner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Corner.tsx"],"names":["React","Skia","createDeclaration","isPathEffect","onDeclare","children","r","child","filter","pe","PathEffect","MakeCorner","MakeCompose","CornerPathEffect","props"],"mappings":";;AACA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAEA,SAASC,YAAT,QAA6B,0BAA7B;AAOA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAQG,QAAR,KAAqB;AAAA,MAApB;AAAEC,IAAAA;AAAF,GAAoB;AACnB,QAAM,CAACC,KAAD,IAAUF,QAAQ,CAACG,MAAT,CAAgBL,YAAhB,CAAhB;AACA,QAAMM,EAAE,GAAGR,IAAI,CAACS,UAAL,CAAgBC,UAAhB,CAA2BL,CAA3B,CAAX;;AACA,MAAIC,KAAJ,EAAW;AACT,QAAI,CAACE,EAAL,EAAS;AACP,aAAOF,KAAP;AACD;;AACD,WAAON,IAAI,CAACS,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCF,KAAhC,CAAP;AACD;;AACD,SAAOE,EAAP;AACD,CAXgC,CAAnC;AAcA,OAAO,MAAMI,gBAAgB,GAC3BC,KAD8B,IAE3B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEV;AAA1B,KAAyCU,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { isPathEffect } from \"../../../skia/PathEffect\";\n\nexport interface CornerPathEffectProps {\n  r: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<CornerPathEffectProps>(\n  ({ r }, children) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakeCorner(r);\n    if (child) {\n      if (!pe) {\n        return child;\n      }\n      return Skia.PathEffect.MakeCompose(pe, child);\n    }\n    return pe;\n  }\n);\n\nexport const CornerPathEffect = (\n  props: AnimatedProps<CornerPathEffectProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/pathEffects/Dash.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 { Skia } from "../../../skia";
+import { createDeclaration } from "../../nodes/Declaration";
+import { isPathEffect } from "../../../skia/PathEffect";
+const onDeclare = createDeclaration((_ref, children) => {
+  let {
+    intervals,
+    phase
+  } = _ref;
+  const [child] = children.filter(isPathEffect);
+  const pe = Skia.PathEffect.MakeDash(intervals, phase);
+
+  if (child) {
+    return Skia.PathEffect.MakeCompose(pe, child);
+  }
+
+  return pe;
+});
+export const DashPathEffect = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=Dash.js.map

package/lib/module/renderer/components/pathEffects/Dash.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Dash.tsx"],"names":["React","Skia","createDeclaration","isPathEffect","onDeclare","children","intervals","phase","child","filter","pe","PathEffect","MakeDash","MakeCompose","DashPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAEA,SAASC,YAAT,QAA6B,0BAA7B;AAQA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAuBG,QAAvB,KAAoC;AAAA,MAAnC;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,GAAmC;AAClC,QAAM,CAACC,KAAD,IAAUH,QAAQ,CAACI,MAAT,CAAgBN,YAAhB,CAAhB;AACA,QAAMO,EAAE,GAAGT,IAAI,CAACU,UAAL,CAAgBC,QAAhB,CAAyBN,SAAzB,EAAoCC,KAApC,CAAX;;AACA,MAAIC,KAAJ,EAAW;AACT,WAAOP,IAAI,CAACU,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCF,KAAhC,CAAP;AACD;;AACD,SAAOE,EAAP;AACD,CARgC,CAAnC;AAWA,OAAO,MAAMI,cAAc,GAAIC,KAAD,IAA+C;AAC3E,sBAAO;AAAe,IAAA,SAAS,EAAEX;AAA1B,KAAyCW,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { isPathEffect } from \"../../../skia/PathEffect\";\n\nexport interface DashPathEffectProps {\n  intervals: number[];\n  phase?: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<DashPathEffectProps>(\n  ({ intervals, phase }, children) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakeDash(intervals, phase);\n    if (child) {\n      return Skia.PathEffect.MakeCompose(pe, child);\n    }\n    return pe;\n  }\n);\n\nexport const DashPathEffect = (props: AnimatedProps<DashPathEffectProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/pathEffects/Discrete.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 { Skia } from "../../../skia";
+import { createDeclaration } from "../../nodes/Declaration";
+import { isPathEffect } from "../../../skia/PathEffect";
+const onDeclare = createDeclaration((_ref, children) => {
+  let {
+    length,
+    deviation,
+    seed
+  } = _ref;
+  const [child] = children.filter(isPathEffect);
+  const pe = Skia.PathEffect.MakeDiscrete(length, deviation, seed);
+
+  if (child) {
+    return Skia.PathEffect.MakeCompose(pe, child);
+  }
+
+  return pe;
+});
+export const DiscretePathEffect = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+DiscretePathEffect.defaultProps = {
+  seed: 0
+};
+//# sourceMappingURL=Discrete.js.map

package/lib/module/renderer/components/pathEffects/Discrete.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Discrete.tsx"],"names":["React","Skia","createDeclaration","isPathEffect","onDeclare","children","length","deviation","seed","child","filter","pe","PathEffect","MakeDiscrete","MakeCompose","DiscretePathEffect","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAEA,SAASC,YAAT,QAA6B,0BAA7B;AASA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAA8BG,QAA9B,KAA2C;AAAA,MAA1C;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA;AAArB,GAA0C;AACzC,QAAM,CAACC,KAAD,IAAUJ,QAAQ,CAACK,MAAT,CAAgBP,YAAhB,CAAhB;AACA,QAAMQ,EAAE,GAAGV,IAAI,CAACW,UAAL,CAAgBC,YAAhB,CAA6BP,MAA7B,EAAqCC,SAArC,EAAgDC,IAAhD,CAAX;;AACA,MAAIC,KAAJ,EAAW;AACT,WAAOR,IAAI,CAACW,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCF,KAAhC,CAAP;AACD;;AACD,SAAOE,EAAP;AACD,CARgC,CAAnC;AAWA,OAAO,MAAMI,kBAAkB,GAC7BC,KADgC,IAE7B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KAAyCY,KAAzC,EAAP;AACD,CAJM;AAMPD,kBAAkB,CAACE,YAAnB,GAAkC;AAChCT,EAAAA,IAAI,EAAE;AAD0B,CAAlC","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { isPathEffect } from \"../../../skia/PathEffect\";\n\nexport interface DiscretePathEffectProps {\n  length: number;\n  deviation: number;\n  seed: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<DiscretePathEffectProps>(\n  ({ length, deviation, seed }, children) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakeDiscrete(length, deviation, seed);\n    if (child) {\n      return Skia.PathEffect.MakeCompose(pe, child);\n    }\n    return pe;\n  }\n);\n\nexport const DiscretePathEffect = (\n  props: AnimatedProps<DiscretePathEffectProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nDiscretePathEffect.defaultProps = {\n  seed: 0,\n};\n"]}

package/lib/module/renderer/components/pathEffects/Line2D.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 { Skia } from "../../../skia";
+import { createDeclaration } from "../../nodes/Declaration";
+import { isPathEffect } from "../../../skia/PathEffect";
+const onDeclare = createDeclaration((_ref, children) => {
+  let {
+    width,
+    matrix
+  } = _ref;
+  const [child] = children.filter(isPathEffect);
+  const pe = Skia.PathEffect.MakeLine2D(width, matrix);
+
+  if (child) {
+    if (!pe) {
+      return child;
+    }
+
+    return Skia.PathEffect.MakeCompose(pe, child);
+  }
+
+  return pe;
+});
+export const Line2DPathEffect = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=Line2D.js.map

package/lib/module/renderer/components/pathEffects/Line2D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Line2D.tsx"],"names":["React","Skia","createDeclaration","isPathEffect","onDeclare","children","width","matrix","child","filter","pe","PathEffect","MakeLine2D","MakeCompose","Line2DPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAEA,SAASC,YAAT,QAA6B,0BAA7B;AASA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAoBG,QAApB,KAAiC;AAAA,MAAhC;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAgC;AAC/B,QAAM,CAACC,KAAD,IAAUH,QAAQ,CAACI,MAAT,CAAgBN,YAAhB,CAAhB;AACA,QAAMO,EAAE,GAAGT,IAAI,CAACU,UAAL,CAAgBC,UAAhB,CAA2BN,KAA3B,EAAkCC,MAAlC,CAAX;;AACA,MAAIC,KAAJ,EAAW;AACT,QAAI,CAACE,EAAL,EAAS;AACP,aAAOF,KAAP;AACD;;AACD,WAAOP,IAAI,CAACU,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCF,KAAhC,CAAP;AACD;;AACD,SAAOE,EAAP;AACD,CAXgC,CAAnC;AAcA,OAAO,MAAMI,gBAAgB,GAC3BC,KAD8B,IAE3B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEX;AAA1B,KAAyCW,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { isPathEffect } from \"../../../skia/PathEffect\";\nimport type { SkMatrix } from \"../../../skia/Matrix\";\n\nexport interface Line2DPathEffectProps {\n  children?: ReactNode | ReactNode[];\n  width: number;\n  matrix: SkMatrix;\n}\n\nconst onDeclare = createDeclaration<Line2DPathEffectProps>(\n  ({ width, matrix }, children) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakeLine2D(width, matrix);\n    if (child) {\n      if (!pe) {\n        return child;\n      }\n      return Skia.PathEffect.MakeCompose(pe, child);\n    }\n    return pe;\n  }\n);\n\nexport const Line2DPathEffect = (\n  props: AnimatedProps<Line2DPathEffectProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/pathEffects/Path1D.js

@@ -0,0 +1,34 @@
+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 { Path1DEffectStyle, isPathEffect } from "../../../skia/PathEffect";
+import { enumKey } from "../../processors/Paint";
+import { processPath } from "../../processors/Paths";
+const onDeclare = createDeclaration((_ref, children) => {
+  let {
+    path,
+    advance,
+    phase,
+    style
+  } = _ref;
+  const [child] = children.filter(isPathEffect);
+  const pe = Skia.PathEffect.MakePath1D(processPath(path), advance, phase, Path1DEffectStyle[enumKey(style)]);
+
+  if (child) {
+    if (!pe) {
+      return child;
+    }
+
+    return Skia.PathEffect.MakeCompose(pe, child);
+  }
+
+  return pe;
+});
+export const Path1DPathEffect = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=Path1D.js.map

package/lib/module/renderer/components/pathEffects/Path1D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Path1D.tsx"],"names":["React","Skia","createDeclaration","Path1DEffectStyle","isPathEffect","enumKey","processPath","onDeclare","children","path","advance","phase","style","child","filter","pe","PathEffect","MakePath1D","MakeCompose","Path1DPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAEA,SAASC,iBAAT,EAA4BC,YAA5B,QAAgD,0BAAhD;AAEA,SAASC,OAAT,QAAwB,wBAAxB;AAEA,SAASC,WAAT,QAA4B,wBAA5B;AAUA,MAAMC,SAAS,GAAGL,iBAAiB,CACjC,OAAkCM,QAAlC,KAA+C;AAAA,MAA9C;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,OAAR;AAAiBC,IAAAA,KAAjB;AAAwBC,IAAAA;AAAxB,GAA8C;AAC7C,QAAM,CAACC,KAAD,IAAUL,QAAQ,CAACM,MAAT,CAAgBV,YAAhB,CAAhB;AACA,QAAMW,EAAE,GAAGd,IAAI,CAACe,UAAL,CAAgBC,UAAhB,CACTX,WAAW,CAACG,IAAD,CADF,EAETC,OAFS,EAGTC,KAHS,EAITR,iBAAiB,CAACE,OAAO,CAACO,KAAD,CAAR,CAJR,CAAX;;AAMA,MAAIC,KAAJ,EAAW;AACT,QAAI,CAACE,EAAL,EAAS;AACP,aAAOF,KAAP;AACD;;AACD,WAAOZ,IAAI,CAACe,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCF,KAAhC,CAAP;AACD;;AACD,SAAOE,EAAP;AACD,CAhBgC,CAAnC;AAmBA,OAAO,MAAMI,gBAAgB,GAC3BC,KAD8B,IAE3B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEb;AAA1B,KAAyCa,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { Path1DEffectStyle, isPathEffect } from \"../../../skia/PathEffect\";\nimport type { SkEnum } from \"../../processors/Paint\";\nimport { enumKey } from \"../../processors/Paint\";\nimport type { PathDef } from \"../../processors/Paths\";\nimport { processPath } from \"../../processors/Paths\";\n\nexport interface Path1DPathEffectProps {\n  path: PathDef;\n  children?: ReactNode | ReactNode[];\n  advance: number;\n  phase: number;\n  style: SkEnum<typeof Path1DEffectStyle>;\n}\n\nconst onDeclare = createDeclaration<Path1DPathEffectProps>(\n  ({ path, advance, phase, style }, children) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakePath1D(\n      processPath(path),\n      advance,\n      phase,\n      Path1DEffectStyle[enumKey(style)]\n    );\n    if (child) {\n      if (!pe) {\n        return child;\n      }\n      return Skia.PathEffect.MakeCompose(pe, child);\n    }\n    return pe;\n  }\n);\n\nexport const Path1DPathEffect = (\n  props: AnimatedProps<Path1DPathEffectProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/pathEffects/Path2D.js

@@ -0,0 +1,31 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { Skia } from "../../../skia";
+import { createDeclaration } from "../../nodes/Declaration";
+import { isPathEffect } from "../../../skia/PathEffect";
+import { processPath } from "../../processors/Paths";
+const onDeclare = createDeclaration((_ref, children) => {
+  let {
+    path,
+    matrix
+  } = _ref;
+  const [child] = children.filter(isPathEffect);
+  const pe = Skia.PathEffect.MakePath2D(matrix, processPath(path));
+
+  if (child) {
+    if (!pe) {
+      return child;
+    }
+
+    return Skia.PathEffect.MakeCompose(pe, child);
+  }
+
+  return pe;
+});
+export const Path2DPathEffect = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=Path2D.js.map

package/lib/module/renderer/components/pathEffects/Path2D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Path2D.tsx"],"names":["React","Skia","createDeclaration","isPathEffect","processPath","onDeclare","children","path","matrix","child","filter","pe","PathEffect","MakePath2D","MakeCompose","Path2DPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAEA,SAASC,YAAT,QAA6B,0BAA7B;AAGA,SAASC,WAAT,QAA4B,wBAA5B;AAQA,MAAMC,SAAS,GAAGH,iBAAiB,CACjC,OAAmBI,QAAnB,KAAgC;AAAA,MAA/B;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAA+B;AAC9B,QAAM,CAACC,KAAD,IAAUH,QAAQ,CAACI,MAAT,CAAgBP,YAAhB,CAAhB;AACA,QAAMQ,EAAE,GAAGV,IAAI,CAACW,UAAL,CAAgBC,UAAhB,CAA2BL,MAA3B,EAAmCJ,WAAW,CAACG,IAAD,CAA9C,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,QAAI,CAACE,EAAL,EAAS;AACP,aAAOF,KAAP;AACD;;AACD,WAAOR,IAAI,CAACW,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCF,KAAhC,CAAP;AACD;;AACD,SAAOE,EAAP;AACD,CAXgC,CAAnC;AAcA,OAAO,MAAMI,gBAAgB,GAC3BC,KAD8B,IAE3B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEX;AAA1B,KAAyCW,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { isPathEffect } from \"../../../skia/PathEffect\";\nimport type { SkMatrix } from \"../../../skia/Matrix\";\nimport type { PathDef } from \"../../processors/Paths\";\nimport { processPath } from \"../../processors/Paths\";\n\nexport interface Path2DPathEffectProps {\n  children?: ReactNode | ReactNode[];\n  matrix: SkMatrix;\n  path: PathDef;\n}\n\nconst onDeclare = createDeclaration<Path2DPathEffectProps>(\n  ({ path, matrix }, children) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakePath2D(matrix, processPath(path));\n    if (child) {\n      if (!pe) {\n        return child;\n      }\n      return Skia.PathEffect.MakeCompose(pe, child);\n    }\n    return pe;\n  }\n);\n\nexport const Path2DPathEffect = (\n  props: AnimatedProps<Path2DPathEffectProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/pathEffects/Sum.js

@@ -0,0 +1,16 @@
+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 { isPathEffect } from "../../../skia/PathEffect";
+const onDeclare = createDeclaration((_, children) => {
+  const [outer, inner] = children.filter(isPathEffect);
+  return Skia.PathEffect.MakeCompose(outer, inner);
+});
+export const SumPathEffect = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=Sum.js.map

package/lib/module/renderer/components/pathEffects/Sum.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Sum.tsx"],"names":["React","Skia","createDeclaration","isPathEffect","onDeclare","_","children","outer","inner","filter","PathEffect","MakeCompose","SumPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAEA,SAASC,YAAT,QAA6B,0BAA7B;AAMA,MAAMC,SAAS,GAAGF,iBAAiB,CAAqB,CAACG,CAAD,EAAIC,QAAJ,KAAiB;AACvE,QAAM,CAACC,KAAD,EAAQC,KAAR,IAAiBF,QAAQ,CAACG,MAAT,CAAgBN,YAAhB,CAAvB;AACA,SAAOF,IAAI,CAACS,UAAL,CAAgBC,WAAhB,CAA4BJ,KAA5B,EAAmCC,KAAnC,CAAP;AACD,CAHkC,CAAnC;AAKA,OAAO,MAAMI,aAAa,GAAIC,KAAD,IAA8C;AACzE,sBAAO;AAAe,IAAA,SAAS,EAAET;AAA1B,KAAyCS,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { isPathEffect } from \"../../../skia/PathEffect\";\n\nexport interface SumPathEffectProps {\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<SumPathEffectProps>((_, children) => {\n  const [outer, inner] = children.filter(isPathEffect);\n  return Skia.PathEffect.MakeCompose(outer, inner);\n});\n\nexport const SumPathEffect = (props: AnimatedProps<SumPathEffectProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

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

@@ -0,0 +1,8 @@
+export * from "./Discrete";
+export * from "./Dash";
+export * from "./Corner";
+export * from "./Sum";
+export * from "./Line2D";
+export * from "./Path1D";
+export * from "./Path2D";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAd;AACA,cAAc,QAAd;AACA,cAAc,UAAd;AACA,cAAc,OAAd;AACA,cAAc,UAAd;AACA,cAAc,UAAd;AACA,cAAc,UAAd","sourcesContent":["export * from \"./Discrete\";\nexport * from \"./Dash\";\nexport * from \"./Corner\";\nexport * from \"./Sum\";\nexport * from \"./Line2D\";\nexport * from \"./Path1D\";\nexport * from \"./Path2D\";\n"]}

package/lib/module/renderer/components/shaders/Color.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 { Skia, processColor } from "../../../skia";
+import { createDeclaration } from "../../nodes";
+const onDeclare = createDeclaration(_ref => {
+  let {
+    color
+  } = _ref;
+  return Skia.Shader.MakeColor(processColor(color, 1));
+});
+export const ColorShader = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=Color.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Color.tsx"],"names":["React","Skia","processColor","createDeclaration","onDeclare","color","Shader","MakeColor","ColorShader","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,EAAeC,YAAf,QAAmC,eAAnC;AACA,SAASC,iBAAT,QAAkC,aAAlC;AAQA,MAAMC,SAAS,GAAGD,iBAAiB,CAAmB,QAAe;AAAA,MAAd;AAAEE,IAAAA;AAAF,GAAc;AACnE,SAAOJ,IAAI,CAACK,MAAL,CAAYC,SAAZ,CAAsBL,YAAY,CAACG,KAAD,EAAQ,CAAR,CAAlC,CAAP;AACD,CAFkC,CAAnC;AAIA,OAAO,MAAMG,WAAW,GAAIC,KAAD,IAA4C;AACrE,sBAAO;AAAe,IAAA,SAAS,EAAEL;AAA1B,KAAyCK,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { Skia, processColor } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes\";\nimport type { AnimatedProps } from \"../../processors\";\nimport type { Color } from \"../../../skia\";\n\nexport interface ColorShaderProps {\n  color: Color;\n}\n\nconst onDeclare = createDeclaration<ColorShaderProps>(({ color }) => {\n  return Skia.Shader.MakeColor(processColor(color, 1));\n});\n\nexport const ColorShader = (props: AnimatedProps<ColorShaderProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/shaders/FractalNoise.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.MakeFractalNoise(freqX, freqY, octaves, seed, tileWidth, tileHeight);
+});
+export const FractalNoise = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+FractalNoise.defaultProps = {
+  seed: 0,
+  tileWidth: 0,
+  tileHeight: 0
+};
+//# sourceMappingURL=FractalNoise.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FractalNoise.tsx"],"names":["React","Skia","createDeclaration","onDeclare","freqX","freqY","octaves","seed","tileWidth","tileHeight","Shader","MakeFractalNoise","FractalNoise","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,gBAAZ,CACLP,KADK,EAELC,KAFK,EAGLC,OAHK,EAILC,IAJK,EAKLC,SALK,EAMLC,UANK,CAAP;AAQD,CAVgC,CAAnC;AAaA,OAAO,MAAMG,YAAY,GAAIC,KAAD,IAA6C;AACvE,sBAAO;AAAe,IAAA,SAAS,EAAEV;AAA1B,KAAyCU,KAAzC,EAAP;AACD,CAFM;AAIPD,YAAY,CAACE,YAAb,GAA4B;AAC1BP,EAAAA,IAAI,EAAE,CADoB;AAE1BC,EAAAA,SAAS,EAAE,CAFe;AAG1BC,EAAAA,UAAU,EAAE;AAHc,CAA5B","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 FractalNoiseProps {\n  freqX: number;\n  freqY: number;\n  octaves: number;\n  seed: number;\n  tileWidth: number;\n  tileHeight: number;\n}\n\nconst onDeclare = createDeclaration<FractalNoiseProps>(\n  ({ freqX, freqY, octaves, seed, tileWidth, tileHeight }) => {\n    return Skia.Shader.MakeFractalNoise(\n      freqX,\n      freqY,\n      octaves,\n      seed,\n      tileWidth,\n      tileHeight\n    );\n  }\n);\n\nexport const FractalNoise = (props: AnimatedProps<FractalNoiseProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nFractalNoise.defaultProps = {\n  seed: 0,\n  tileWidth: 0,\n  tileHeight: 0,\n};\n"]}

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

@@ -0,0 +1,20 @@
+import { TileMode, Skia } from "../../../skia";
+import { enumKey } from "../../processors/Paint";
+import { localMatrix } from "../../processors/Transform";
+export const processGradientProps = _ref => {
+  let {
+    colors,
+    positions,
+    mode,
+    flags,
+    ...transform
+  } = _ref;
+  return {
+    colors: colors.map(color => typeof color === "string" ? Skia.Color(color) : color),
+    positions: positions !== null && positions !== void 0 ? positions : null,
+    mode: TileMode[enumKey(mode !== null && mode !== void 0 ? mode : "clamp")],
+    flags,
+    localMatrix: localMatrix(transform)
+  };
+};
+//# sourceMappingURL=Gradient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Gradient.ts"],"names":["TileMode","Skia","enumKey","localMatrix","processGradientProps","colors","positions","mode","flags","transform","map","color","Color"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,IAAnB,QAA+B,eAA/B;AAGA,SAASC,OAAT,QAAwB,wBAAxB;AACA,SAASC,WAAT,QAA4B,4BAA5B;AAUA,OAAO,MAAMC,oBAAoB,GAAG;AAAA,MAAC;AACnCC,IAAAA,MADmC;AAEnCC,IAAAA,SAFmC;AAGnCC,IAAAA,IAHmC;AAInCC,IAAAA,KAJmC;AAKnC,OAAGC;AALgC,GAAD;AAAA,SAMd;AACpBJ,IAAAA,MAAM,EAAEA,MAAM,CAACK,GAAP,CAAYC,KAAD,IACjB,OAAOA,KAAP,KAAiB,QAAjB,GAA4BV,IAAI,CAACW,KAAL,CAAWD,KAAX,CAA5B,GAAgDA,KAD1C,CADY;AAIpBL,IAAAA,SAAS,EAAEA,SAAF,aAAEA,SAAF,cAAEA,SAAF,GAAe,IAJJ;AAKpBC,IAAAA,IAAI,EAAEP,QAAQ,CAACE,OAAO,CAACK,IAAD,aAACA,IAAD,cAACA,IAAD,GAAS,OAAT,CAAR,CALM;AAMpBC,IAAAA,KANoB;AAOpBL,IAAAA,WAAW,EAAEA,WAAW,CAACM,SAAD;AAPJ,GANc;AAAA,CAA7B","sourcesContent":["import { TileMode, Skia } from \"../../../skia\";\nimport type { SkEnum } from \"../../processors/Paint\";\nimport type { TransformProps } from \"../../processors/Transform\";\nimport { enumKey } from \"../../processors/Paint\";\nimport { localMatrix } from \"../../processors/Transform\";\nimport type { Color } from \"../../../skia/Color\";\n\nexport interface GradientProps extends TransformProps {\n  colors: Color[];\n  positions?: number[];\n  mode?: SkEnum<typeof TileMode>;\n  flags?: number;\n}\n\nexport const processGradientProps = ({\n  colors,\n  positions,\n  mode,\n  flags,\n  ...transform\n}: GradientProps) => ({\n  colors: colors.map((color) =>\n    typeof color === \"string\" ? Skia.Color(color) : color\n  ),\n  positions: positions ?? null,\n  mode: TileMode[enumKey(mode ?? \"clamp\")],\n  flags,\n  localMatrix: localMatrix(transform),\n});\n"]}

package/lib/module/renderer/components/shaders/LinearGradient.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";
+import { processGradientProps } from "./Gradient";
+const onDeclare = createDeclaration(_ref => {
+  let {
+    start,
+    end,
+    ...gradientProps
+  } = _ref;
+  const {
+    colors,
+    positions,
+    mode,
+    localMatrix,
+    flags
+  } = processGradientProps(gradientProps);
+  return Skia.Shader.MakeLinearGradient(start, end, colors, positions, mode, localMatrix, flags);
+});
+export const LinearGradient = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=LinearGradient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["LinearGradient.tsx"],"names":["React","Skia","createDeclaration","processGradientProps","onDeclare","start","end","gradientProps","colors","positions","mode","localMatrix","flags","Shader","MakeLinearGradient","LinearGradient","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,oBAAT,QAAqC,YAArC;AAOA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,QAAsC;AAAA,MAArC;AAAEG,IAAAA,KAAF;AAASC,IAAAA,GAAT;AAAc,OAAGC;AAAjB,GAAqC;AACpC,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,WAA3B;AAAwCC,IAAAA;AAAxC,MACJT,oBAAoB,CAACI,aAAD,CADtB;AAEA,SAAON,IAAI,CAACY,MAAL,CAAYC,kBAAZ,CACLT,KADK,EAELC,GAFK,EAGLE,MAHK,EAILC,SAJK,EAKLC,IALK,EAMLC,WANK,EAOLC,KAPK,CAAP;AASD,CAbgC,CAAnC;AAgBA,OAAO,MAAMG,cAAc,GAAIC,KAAD,IAA+C;AAC3E,sBAAO;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KAAyCY,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 LinearGradientProps extends GradientProps {\n  start: Vector;\n  end: Vector;\n}\n\nconst onDeclare = createDeclaration<LinearGradientProps>(\n  ({ start, end, ...gradientProps }) => {\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(gradientProps);\n    return Skia.Shader.MakeLinearGradient(\n      start,\n      end,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags\n    );\n  }\n);\n\nexport const LinearGradient = (props: AnimatedProps<LinearGradientProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/shaders/RadialGradient.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";
+import { processGradientProps } from "./Gradient";
+const onDeclare = createDeclaration(_ref => {
+  let {
+    c,
+    r,
+    ...gradientProps
+  } = _ref;
+  const {
+    colors,
+    positions,
+    mode,
+    localMatrix,
+    flags
+  } = processGradientProps(gradientProps);
+  return Skia.Shader.MakeRadialGradient(c, r, colors, positions, mode, localMatrix, flags);
+});
+export const RadialGradient = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=RadialGradient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["RadialGradient.tsx"],"names":["React","Skia","createDeclaration","processGradientProps","onDeclare","c","r","gradientProps","colors","positions","mode","localMatrix","flags","Shader","MakeRadialGradient","RadialGradient","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,oBAAT,QAAqC,YAArC;AAOA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,QAAgC;AAAA,MAA/B;AAAEG,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQ,OAAGC;AAAX,GAA+B;AAC9B,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,WAA3B;AAAwCC,IAAAA;AAAxC,MACJT,oBAAoB,CAACI,aAAD,CADtB;AAEA,SAAON,IAAI,CAACY,MAAL,CAAYC,kBAAZ,CACLT,CADK,EAELC,CAFK,EAGLE,MAHK,EAILC,SAJK,EAKLC,IALK,EAMLC,WANK,EAOLC,KAPK,CAAP;AASD,CAbgC,CAAnC;AAgBA,OAAO,MAAMG,cAAc,GAAIC,KAAD,IAA+C;AAC3E,sBAAO;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KAAyCY,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 RadialGradientProps extends GradientProps {\n  c: Vector;\n  r: number;\n}\n\nconst onDeclare = createDeclaration<RadialGradientProps>(\n  ({ c, r, ...gradientProps }) => {\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(gradientProps);\n    return Skia.Shader.MakeRadialGradient(\n      c,\n      r,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags\n    );\n  }\n);\n\nexport const RadialGradient = (props: AnimatedProps<RadialGradientProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

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

@@ -0,0 +1,64 @@
+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 { isShader } from "../../../skia";
+import { createDeclaration } from "../../nodes/Declaration";
+import { localMatrix } from "../../processors"; // We need to use any here because hasOwnProperty doesn't work on JSI instances
+
+const isVector = obj => // eslint-disable-next-line @typescript-eslint/no-explicit-any
+obj.x !== undefined && obj.y !== undefined;
+
+const processValue = value => {
+  if (isVector(value)) {
+    return [value.x, value.y];
+  }
+
+  return value;
+};
+
+const onDeclare = createDeclaration((_ref, children) => {
+  let {
+    uniforms,
+    source,
+    opaque,
+    ...transform
+  } = _ref;
+  const processedUniforms = new Array(source.getUniformCount()).fill(0).flatMap((_, i) => {
+    const name = source.getUniformName(i);
+    const value = uniforms[name];
+
+    if (value === undefined) {
+      throw new Error(`No value specified for uniform ${name}`);
+    }
+
+    if (Array.isArray(value)) {
+      return value.flatMap(processValue);
+    }
+
+    return processValue(value);
+  });
+  const names = Object.keys(uniforms);
+
+  if (names.length > source.getUniformCount()) {
+    const usedUniforms = new Array(source.getUniformCount()).fill(0).map((_, i) => source.getUniformName(i));
+    const unusedUniform = names.map(name => {
+      if (usedUniforms.indexOf(name) === -1) {
+        return name;
+      }
+
+      return null;
+    }).filter(n => n !== null);
+    console.warn("Unused uniforms were provided: " + unusedUniform.join(", "));
+  }
+
+  return source.makeShaderWithChildren(processedUniforms, opaque, children.filter(isShader), localMatrix(transform));
+});
+export const Shader = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+Shader.defaultProps = {
+  uniforms: []
+};
+//# sourceMappingURL=Shader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Shader.tsx"],"names":["React","isShader","createDeclaration","localMatrix","isVector","obj","x","undefined","y","processValue","value","onDeclare","children","uniforms","source","opaque","transform","processedUniforms","Array","getUniformCount","fill","flatMap","_","i","name","getUniformName","Error","isArray","names","Object","keys","length","usedUniforms","map","unusedUniform","indexOf","filter","n","console","warn","join","makeShaderWithChildren","Shader","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,QAAT,QAAyB,eAAzB;AAGA,SAASC,iBAAT,QAAkC,yBAAlC;AACA,SAASC,WAAT,QAA4B,kBAA5B,C,CAEA;;AACA,MAAMC,QAAQ,GAAIC,GAAD,IACf;AACCA,GAAD,CAAaC,CAAb,KAAmBC,SAAnB,IAAiCF,GAAD,CAAaG,CAAb,KAAmBD,SAFrD;;AAYA,MAAME,YAAY,GAAIC,KAAD,IAAqD;AACxE,MAAIN,QAAQ,CAACM,KAAD,CAAZ,EAAqB;AACnB,WAAO,CAACA,KAAK,CAACJ,CAAP,EAAUI,KAAK,CAACF,CAAhB,CAAP;AACD;;AACD,SAAOE,KAAP;AACD,CALD;;AAcA,MAAMC,SAAS,GAAGT,iBAAiB,CACjC,OAA6CU,QAA7C,KAA0D;AAAA,MAAzD;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,MAAZ;AAAoBC,IAAAA,MAApB;AAA4B,OAAGC;AAA/B,GAAyD;AACxD,QAAMC,iBAAiB,GAAG,IAAIC,KAAJ,CAAUJ,MAAM,CAACK,eAAP,EAAV,EACvBC,IADuB,CAClB,CADkB,EAEvBC,OAFuB,CAEf,CAACC,CAAD,EAAIC,CAAJ,KAAU;AACjB,UAAMC,IAAI,GAAGV,MAAM,CAACW,cAAP,CAAsBF,CAAtB,CAAb;AACA,UAAMb,KAAK,GAAGG,QAAQ,CAACW,IAAD,CAAtB;;AACA,QAAId,KAAK,KAAKH,SAAd,EAAyB;AACvB,YAAM,IAAImB,KAAJ,CAAW,kCAAiCF,IAAK,EAAjD,CAAN;AACD;;AACD,QAAIN,KAAK,CAACS,OAAN,CAAcjB,KAAd,CAAJ,EAA0B;AACxB,aAAOA,KAAK,CAACW,OAAN,CAAcZ,YAAd,CAAP;AACD;;AACD,WAAOA,YAAY,CAACC,KAAD,CAAnB;AACD,GAZuB,CAA1B;AAaA,QAAMkB,KAAK,GAAGC,MAAM,CAACC,IAAP,CAAYjB,QAAZ,CAAd;;AACA,MAAIe,KAAK,CAACG,MAAN,GAAejB,MAAM,CAACK,eAAP,EAAnB,EAA6C;AAC3C,UAAMa,YAAY,GAAG,IAAId,KAAJ,CAAUJ,MAAM,CAACK,eAAP,EAAV,EAClBC,IADkB,CACb,CADa,EAElBa,GAFkB,CAEd,CAACX,CAAD,EAAIC,CAAJ,KAAUT,MAAM,CAACW,cAAP,CAAsBF,CAAtB,CAFI,CAArB;AAGA,UAAMW,aAAa,GAAGN,KAAK,CACxBK,GADmB,CACdT,IAAD,IAAU;AACb,UAAIQ,YAAY,CAACG,OAAb,CAAqBX,IAArB,MAA+B,CAAC,CAApC,EAAuC;AACrC,eAAOA,IAAP;AACD;;AACD,aAAO,IAAP;AACD,KANmB,EAOnBY,MAPmB,CAOXC,CAAD,IAAOA,CAAC,KAAK,IAPD,CAAtB;AAQAC,IAAAA,OAAO,CAACC,IAAR,CACE,oCAAoCL,aAAa,CAACM,IAAd,CAAmB,IAAnB,CADtC;AAGD;;AACD,SAAO1B,MAAM,CAAC2B,sBAAP,CACLxB,iBADK,EAELF,MAFK,EAGLH,QAAQ,CAACwB,MAAT,CAAgBnC,QAAhB,CAHK,EAILE,WAAW,CAACa,SAAD,CAJN,CAAP;AAMD,CAtCgC,CAAnC;AAyCA,OAAO,MAAM0B,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAe,IAAA,SAAS,EAAEhC;AAA1B,KAAyCgC,KAAzC,EAAP;AACD,CAFM;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpB/B,EAAAA,QAAQ,EAAE;AADU,CAAtB","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { isShader } from \"../../../skia\";\nimport type { IRuntimeEffect } from \"../../../skia\";\nimport type { Vector, AnimatedProps, TransformProps } from \"../../processors\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport { localMatrix } from \"../../processors\";\n\n// We need to use any here because hasOwnProperty doesn't work on JSI instances\nconst isVector = (obj: unknown): obj is Vector =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (obj as any).x !== undefined && (obj as any).y !== undefined;\n\ntype UniformValue = number | Vector | readonly number[];\n\ntype Uniform = UniformValue | readonly UniformValue[];\n\ninterface Uniforms {\n  [name: string]: Uniform;\n}\n\nconst processValue = (value: UniformValue): number | readonly number[] => {\n  if (isVector(value)) {\n    return [value.x, value.y];\n  }\n  return value;\n};\n\nexport interface ShaderProps extends TransformProps {\n  source: IRuntimeEffect;\n  uniforms: Uniforms;\n  opaque?: boolean;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<ShaderProps>(\n  ({ uniforms, source, opaque, ...transform }, children) => {\n    const processedUniforms = new Array(source.getUniformCount())\n      .fill(0)\n      .flatMap((_, i) => {\n        const name = source.getUniformName(i);\n        const value = uniforms[name];\n        if (value === undefined) {\n          throw new Error(`No value specified for uniform ${name}`);\n        }\n        if (Array.isArray(value)) {\n          return value.flatMap(processValue);\n        }\n        return processValue(value as UniformValue);\n      });\n    const names = Object.keys(uniforms);\n    if (names.length > source.getUniformCount()) {\n      const usedUniforms = new Array(source.getUniformCount())\n        .fill(0)\n        .map((_, i) => source.getUniformName(i));\n      const unusedUniform = names\n        .map((name) => {\n          if (usedUniforms.indexOf(name) === -1) {\n            return name;\n          }\n          return null;\n        })\n        .filter((n) => n !== null);\n      console.warn(\n        \"Unused uniforms were provided: \" + unusedUniform.join(\", \")\n      );\n    }\n    return source.makeShaderWithChildren(\n      processedUniforms,\n      opaque,\n      children.filter(isShader),\n      localMatrix(transform)\n    );\n  }\n);\n\nexport const Shader = (props: AnimatedProps<ShaderProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nShader.defaultProps = {\n  uniforms: [],\n};\n"]}

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

@@ -0,0 +1,45 @@
+const MATH = `
+const float PI = 3.1415926535897932384626433832795;
+const float TAU = 2 * PI;
+
+float normalizeRad(float value) {
+  float rest = mod(value, TAU);
+  return rest > 0 ? rest : TAU + rest;
+}
+
+vec2 canvas2Cartesian(vec2 v, vec2 center) {
+  return vec2(v.x - center.x, -1 * (v.y - center.y));
+}
+
+vec2 cartesian2Canvas(vec2 v, vec2 center) {
+  return vec2(v.x + center.x, -1 * v.y + center.y);
+}
+
+vec2 cartesian2Polar(vec2 v) {
+  return vec2(atan(v.y, v.x), sqrt(v.x * v.x + v.y * v.y));
+}
+
+vec2 polar2Cartesian(vec2 p) {
+  return vec2(p.y * cos(p.x), p.y * sin(p.x));
+}
+
+vec2 polar2Canvas(vec2 p, vec2 center) {
+  return cartesian2Canvas(polar2Cartesian(p), center);
+}
+
+vec2 canvas2Polar(vec2 v, vec2 center) {
+  return cartesian2Polar(canvas2Cartesian(v, center));
+}
+`;
+const COLORS = `
+vec4 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return vec4(c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y), 1.0);
+}
+`;
+export const ShaderLib = {
+  Math: MATH,
+  Colors: COLORS
+};
+//# sourceMappingURL=ShaderLib.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ShaderLib.ts"],"names":["MATH","COLORS","ShaderLib","Math","Colors"],"mappings":"AAAA,MAAMA,IAAI,GAAI;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAhCA;AAkCA,MAAMC,MAAM,GAAI;AAChB;AACA;AACA;AACA;AACA;AACA,CANA;AAQA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAEH,IADiB;AAEvBI,EAAAA,MAAM,EAAEH;AAFe,CAAlB","sourcesContent":["const MATH = `\nconst float PI = 3.1415926535897932384626433832795;\nconst float TAU = 2 * PI;\n\nfloat normalizeRad(float value) {\n  float rest = mod(value, TAU);\n  return rest > 0 ? rest : TAU + rest;\n}\n\nvec2 canvas2Cartesian(vec2 v, vec2 center) {\n  return vec2(v.x - center.x, -1 * (v.y - center.y));\n}\n\nvec2 cartesian2Canvas(vec2 v, vec2 center) {\n  return vec2(v.x + center.x, -1 * v.y + center.y);\n}\n\nvec2 cartesian2Polar(vec2 v) {\n  return vec2(atan(v.y, v.x), sqrt(v.x * v.x + v.y * v.y));\n}\n\nvec2 polar2Cartesian(vec2 p) {\n  return vec2(p.y * cos(p.x), p.y * sin(p.x));\n}\n\nvec2 polar2Canvas(vec2 p, vec2 center) {\n  return cartesian2Canvas(polar2Cartesian(p), center);\n}\n\nvec2 canvas2Polar(vec2 v, vec2 center) {\n  return cartesian2Polar(canvas2Cartesian(v, center));\n}\n`;\n\nconst COLORS = `\nvec4 hsv2rgb(vec3 c) {\n    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);\n    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);\n    return vec4(c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y), 1.0);\n}\n`;\n\nexport const ShaderLib = {\n  Math: MATH,\n  Colors: COLORS,\n};\n"]}

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

@@ -0,0 +1,28 @@
+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 {
+    c,
+    start,
+    end,
+    ...gradientProps
+  } = _ref;
+  const {
+    colors,
+    positions,
+    mode,
+    localMatrix,
+    flags
+  } = processGradientProps(gradientProps);
+  return Skia.Shader.MakeSweepGradient(c.x, c.y, colors, positions, mode, localMatrix, flags, start, end);
+});
+export const SweepGradient = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=SweepGradient.js.map