@shopify/react-native-skia 0.0.135

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,UAAd;AACA,cAAc,mBAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,iBAAd","sourcesContent":["export * from \"./Blur\";\nexport * from \"./Offset\";\nexport * from \"./DisplacementMap\";\nexport * from \"./Shadow\";\nexport * from \"./Morphology\";\nexport * from \"./RuntimeShader\";\n"]}

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

@@ -0,0 +1,18 @@
+export * from "./shapes";
+export * from "./backdrop";
+export * from "./image";
+export * from "./shaders";
+export * from "./text";
+export * from "./colorFilters";
+export * from "./maskFilters";
+export * from "./imageFilters";
+export * from "./pathEffects";
+export * from "../processors";
+export * from "./Picture";
+export * from "./Group";
+export * from "./Mask";
+export * from "./Paint";
+export * from "./Compose";
+export * from "./Blend";
+export * from "./Drawing";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd;AACA,cAAc,QAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,eAAd;AACA,cAAc,WAAd;AAEA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd","sourcesContent":["export * from \"./shapes\";\nexport * from \"./backdrop\";\nexport * from \"./image\";\nexport * from \"./shaders\";\nexport * from \"./text\";\nexport * from \"./colorFilters\";\nexport * from \"./maskFilters\";\nexport * from \"./imageFilters\";\nexport * from \"./pathEffects\";\nexport * from \"../processors\";\nexport * from \"./Picture\";\n\nexport * from \"./Group\";\nexport * from \"./Mask\";\nexport * from \"./Paint\";\nexport * from \"./Compose\";\nexport * from \"./Blend\";\nexport * from \"./Drawing\";\n"]}

package/lib/module/renderer/components/maskFilters/Blur.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 { BlurStyle } from "../../../skia/types";
+import { createDeclaration } from "../../nodes/Declaration";
+import { enumKey } from "../../processors";
+const onDeclare = createDeclaration((_ref, _, _ref2) => {
+  let {
+    style,
+    blur,
+    respectCTM
+  } = _ref;
+  let {
+    Skia
+  } = _ref2;
+  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: true
+};
+//# sourceMappingURL=Blur.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Blur.tsx"],"names":["React","BlurStyle","createDeclaration","enumKey","onDeclare","_","style","blur","respectCTM","Skia","MaskFilter","MakeBlur","BlurMask","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAEA,SAASC,OAAT,QAAwB,kBAAxB;AASA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAA8BG,CAA9B,YAA8C;AAAA,MAA7C;AAAEC,IAAAA,KAAF;AAASC,IAAAA,IAAT;AAAeC,IAAAA;AAAf,GAA6C;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC5C,SAAOA,IAAI,CAACC,UAAL,CAAgBC,QAAhB,CACLV,SAAS,CAACE,OAAO,CAACG,KAAD,CAAR,CADJ,EAELC,IAFK,EAGLC,UAHK,CAAP;AAKD,CAPgC,CAAnC;AAUA,OAAO,MAAMI,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAe,IAAA,SAAS,EAAET;AAA1B,KAAyCS,KAAzC,EAAP;AACD,CAFM;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBR,EAAAA,KAAK,EAAE,QADe;AAEtBE,EAAAA,UAAU,EAAE;AAFU,CAAxB","sourcesContent":["import React from \"react\";\n\nimport { BlurStyle } from \"../../../skia/types\";\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 }, _, { Skia }) => {\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: true,\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,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 { isPathEffect } from "../../../skia/types";
+import { createDeclaration } from "../../nodes/Declaration";
+const onDeclare = createDeclaration((_ref, children, _ref2) => {
+  let {
+    r
+  } = _ref;
+  let {
+    Skia
+  } = _ref2;
+  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","isPathEffect","createDeclaration","onDeclare","children","r","Skia","child","filter","pe","PathEffect","MakeCorner","MakeCompose","CornerPathEffect","props"],"mappings":";;AACA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,YAAT,QAA6B,qBAA7B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAQA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,OAAQE,QAAR,YAA+B;AAAA,MAA9B;AAAEC,IAAAA;AAAF,GAA8B;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC7B,QAAM,CAACC,KAAD,IAAUH,QAAQ,CAACI,MAAT,CAAgBP,YAAhB,CAAhB;AACA,QAAMQ,EAAE,GAAGH,IAAI,CAACI,UAAL,CAAgBC,UAAhB,CAA2BN,CAA3B,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,QAAI,CAACE,EAAL,EAAS;AACP,aAAOF,KAAP;AACD;;AACD,WAAOD,IAAI,CAACI,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 type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport { isPathEffect } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface CornerPathEffectProps {\n  r: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<CornerPathEffectProps>(\n  ({ r }, children, { Skia }) => {\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,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 { isPathEffect } from "../../../skia/types";
+import { createDeclaration } from "../../nodes/Declaration";
+const onDeclare = createDeclaration((_ref, children, _ref2) => {
+  let {
+    intervals,
+    phase
+  } = _ref;
+  let {
+    Skia
+  } = _ref2;
+  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","isPathEffect","createDeclaration","onDeclare","children","intervals","phase","Skia","child","filter","pe","PathEffect","MakeDash","MakeCompose","DashPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,YAAT,QAA6B,qBAA7B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AASA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,OAAuBE,QAAvB,YAA8C;AAAA,MAA7C;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,GAA6C;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC5C,QAAM,CAACC,KAAD,IAAUJ,QAAQ,CAACK,MAAT,CAAgBR,YAAhB,CAAhB;AACA,QAAMS,EAAE,GAAGH,IAAI,CAACI,UAAL,CAAgBC,QAAhB,CAAyBP,SAAzB,EAAoCC,KAApC,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,WAAOD,IAAI,CAACI,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,EAAEZ;AAA1B,KAAyCY,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { isPathEffect } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface DashPathEffectProps {\n  intervals: number[];\n  phase?: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<DashPathEffectProps>(\n  ({ intervals, phase }, children, { Skia }) => {\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,32 @@
+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 { isPathEffect } from "../../../skia/types";
+import { createDeclaration } from "../../nodes/Declaration";
+const onDeclare = createDeclaration((_ref, children, _ref2) => {
+  let {
+    length,
+    deviation,
+    seed
+  } = _ref;
+  let {
+    Skia
+  } = _ref2;
+  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","isPathEffect","createDeclaration","onDeclare","children","length","deviation","seed","Skia","child","filter","pe","PathEffect","MakeDiscrete","MakeCompose","DiscretePathEffect","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,YAAT,QAA6B,qBAA7B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAUA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,OAA8BE,QAA9B,YAAqD;AAAA,MAApD;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA;AAArB,GAAoD;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACnD,QAAM,CAACC,KAAD,IAAUL,QAAQ,CAACM,MAAT,CAAgBT,YAAhB,CAAhB;AACA,QAAMU,EAAE,GAAGH,IAAI,CAACI,UAAL,CAAgBC,YAAhB,CAA6BR,MAA7B,EAAqCC,SAArC,EAAgDC,IAAhD,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,WAAOD,IAAI,CAACI,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,EAAEb;AAA1B,KAAyCa,KAAzC,EAAP;AACD,CAJM;AAMPD,kBAAkB,CAACE,YAAnB,GAAkC;AAChCV,EAAAA,IAAI,EAAE;AAD0B,CAAlC","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { isPathEffect } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\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, { Skia }) => {\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,32 @@
+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 { isPathEffect } from "../../../skia/types";
+import { createDeclaration } from "../../nodes/Declaration";
+const onDeclare = createDeclaration((_ref, children, _ref2) => {
+  let {
+    width,
+    matrix
+  } = _ref;
+  let {
+    Skia
+  } = _ref2;
+  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","isPathEffect","createDeclaration","onDeclare","children","width","matrix","Skia","child","filter","pe","PathEffect","MakeLine2D","MakeCompose","Line2DPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,YAAT,QAA6B,qBAA7B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAUA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,OAAoBE,QAApB,YAA2C;AAAA,MAA1C;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAA0C;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACzC,QAAM,CAACC,KAAD,IAAUJ,QAAQ,CAACK,MAAT,CAAgBR,YAAhB,CAAhB;AACA,QAAMS,EAAE,GAAGH,IAAI,CAACI,UAAL,CAAgBC,UAAhB,CAA2BP,KAA3B,EAAkCC,MAAlC,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,QAAI,CAACE,EAAL,EAAS;AACP,aAAOF,KAAP;AACD;;AACD,WAAOD,IAAI,CAACI,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,EAAEZ;AAA1B,KAAyCY,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { isPathEffect } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { SkMatrix } from \"../../../skia/types\";\n\nexport interface Line2DPathEffectProps {\n  children?: ReactNode | ReactNode[];\n  width: number;\n  matrix: SkMatrix;\n}\n\nconst onDeclare = createDeclaration<Line2DPathEffectProps>(\n  ({ width, matrix }, children, { Skia }) => {\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,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 { Path1DEffectStyle, isPathEffect } from "../../../skia/types";
+import { createDeclaration } from "../../nodes/Declaration";
+import { enumKey } from "../../processors/Paint";
+import { processPath } from "../../processors/Paths";
+const onDeclare = createDeclaration((_ref, children, _ref2) => {
+  let {
+    path,
+    advance,
+    phase,
+    style
+  } = _ref;
+  let {
+    Skia
+  } = _ref2;
+  const [child] = children.filter(isPathEffect);
+  const pe = Skia.PathEffect.MakePath1D(processPath(Skia, 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","Path1DEffectStyle","isPathEffect","createDeclaration","enumKey","processPath","onDeclare","children","path","advance","phase","style","Skia","child","filter","pe","PathEffect","MakePath1D","MakeCompose","Path1DPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,iBAAT,EAA4BC,YAA5B,QAAgD,qBAAhD;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,OAAT,QAAwB,wBAAxB;AAEA,SAASC,WAAT,QAA4B,wBAA5B;AAUA,MAAMC,SAAS,GAAGH,iBAAiB,CACjC,OAAkCI,QAAlC,YAAyD;AAAA,MAAxD;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,OAAR;AAAiBC,IAAAA,KAAjB;AAAwBC,IAAAA;AAAxB,GAAwD;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACvD,QAAM,CAACC,KAAD,IAAUN,QAAQ,CAACO,MAAT,CAAgBZ,YAAhB,CAAhB;AACA,QAAMa,EAAE,GAAGH,IAAI,CAACI,UAAL,CAAgBC,UAAhB,CACTZ,WAAW,CAACO,IAAD,EAAOJ,IAAP,CADF,EAETC,OAFS,EAGTC,KAHS,EAITT,iBAAiB,CAACG,OAAO,CAACO,KAAD,CAAR,CAJR,CAAX;;AAMA,MAAIE,KAAJ,EAAW;AACT,QAAI,CAACE,EAAL,EAAS;AACP,aAAOF,KAAP;AACD;;AACD,WAAOD,IAAI,CAACI,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,EAAEd;AAA1B,KAAyCc,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Path1DEffectStyle, isPathEffect } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\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, { Skia }) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakePath1D(\n      processPath(Skia, 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,33 @@
+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 { isPathEffect } from "../../../skia/types";
+import { createDeclaration } from "../../nodes/Declaration";
+import { processPath } from "../../processors/Paths";
+const onDeclare = createDeclaration((_ref, children, _ref2) => {
+  let {
+    path,
+    matrix
+  } = _ref;
+  let {
+    Skia
+  } = _ref2;
+  const [child] = children.filter(isPathEffect);
+  const pe = Skia.PathEffect.MakePath2D(matrix, processPath(Skia, 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","isPathEffect","createDeclaration","processPath","onDeclare","children","path","matrix","Skia","child","filter","pe","PathEffect","MakePath2D","MakeCompose","Path2DPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,YAAT,QAA6B,qBAA7B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAIA,SAASC,WAAT,QAA4B,wBAA5B;AAQA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAmBG,QAAnB,YAA0C;AAAA,MAAzC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAAyC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACxC,QAAM,CAACC,KAAD,IAAUJ,QAAQ,CAACK,MAAT,CAAgBT,YAAhB,CAAhB;AACA,QAAMU,EAAE,GAAGH,IAAI,CAACI,UAAL,CAAgBC,UAAhB,CAA2BN,MAA3B,EAAmCJ,WAAW,CAACK,IAAD,EAAOF,IAAP,CAA9C,CAAX;;AACA,MAAIG,KAAJ,EAAW;AACT,QAAI,CAACE,EAAL,EAAS;AACP,aAAOF,KAAP;AACD;;AACD,WAAOD,IAAI,CAACI,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,EAAEZ;AAA1B,KAAyCY,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { isPathEffect } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { SkMatrix } from \"../../../skia/types\";\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, { Skia }) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakePath2D(matrix, processPath(Skia, 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,18 @@
+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 { isPathEffect } from "../../../skia/types";
+import { createDeclaration } from "../../nodes/Declaration";
+const onDeclare = createDeclaration((_, children, _ref) => {
+  let {
+    Skia
+  } = _ref;
+  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","isPathEffect","createDeclaration","onDeclare","_","children","Skia","outer","inner","filter","PathEffect","MakeCompose","SumPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,YAAT,QAA6B,qBAA7B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAOA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,CAACE,CAAD,EAAIC,QAAJ,WAA2B;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACzB,QAAM,CAACC,KAAD,EAAQC,KAAR,IAAiBH,QAAQ,CAACI,MAAT,CAAgBR,YAAhB,CAAvB;AACA,SAAOK,IAAI,CAACI,UAAL,CAAgBC,WAAhB,CAA4BJ,KAA5B,EAAmCC,KAAnC,CAAP;AACD,CAJgC,CAAnC;AAOA,OAAO,MAAMI,aAAa,GAAIC,KAAD,IAA8C;AACzE,sBAAO;AAAe,IAAA,SAAS,EAAEV;AAA1B,KAAyCU,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { isPathEffect } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface SumPathEffectProps {\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<SumPathEffectProps>(\n  (_, children, { Skia }) => {\n    const [outer, inner] = children.filter(isPathEffect);\n    return Skia.PathEffect.MakeCompose(outer, inner);\n  }\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,20 @@
+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 { createDeclaration } from "../../nodes";
+import { processColor } from "../../processors/Color";
+const onDeclare = createDeclaration((_ref, _, _ref2) => {
+  let {
+    color
+  } = _ref;
+  let {
+    Skia
+  } = _ref2;
+  return Skia.Shader.MakeColor(processColor(Skia, 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","createDeclaration","processColor","onDeclare","_","color","Skia","Shader","MakeColor","ColorShader","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,iBAAT,QAAkC,aAAlC;AAGA,SAASC,YAAT,QAA6B,wBAA7B;AAMA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAYG,CAAZ,YAA4B;AAAA,MAA3B;AAAEC,IAAAA;AAAF,GAA2B;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC1B,SAAOA,IAAI,CAACC,MAAL,CAAYC,SAAZ,CAAsBN,YAAY,CAACI,IAAD,EAAOD,KAAP,EAAc,CAAd,CAAlC,CAAP;AACD,CAHgC,CAAnC;AAMA,OAAO,MAAMI,WAAW,GAAIC,KAAD,IAA4C;AACrE,sBAAO;AAAe,IAAA,SAAS,EAAEP;AAA1B,KAAyCO,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes\";\nimport type { AnimatedProps } from \"../../processors\";\nimport type { Color } from \"../../../skia/types\";\nimport { processColor } from \"../../processors/Color\";\n\nexport interface ColorShaderProps {\n  color: Color;\n}\n\nconst onDeclare = createDeclaration<ColorShaderProps>(\n  ({ color }, _, { Skia }) => {\n    return Skia.Shader.MakeColor(processColor(Skia, color, 1));\n  }\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,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 { createDeclaration } from "../../nodes/Declaration";
+const onDeclare = createDeclaration((_ref, _, _ref2) => {
+  let {
+    freqX,
+    freqY,
+    octaves,
+    seed,
+    tileWidth,
+    tileHeight
+  } = _ref;
+  let {
+    Skia
+  } = _ref2;
+  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","createDeclaration","onDeclare","_","freqX","freqY","octaves","seed","tileWidth","tileHeight","Skia","Shader","MakeFractalNoise","FractalNoise","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,iBAAT,QAAkC,yBAAlC;AAYA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,OAAyDE,CAAzD,YAAyE;AAAA,MAAxE;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,OAAhB;AAAyBC,IAAAA,IAAzB;AAA+BC,IAAAA,SAA/B;AAA0CC,IAAAA;AAA1C,GAAwE;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACvE,SAAOA,IAAI,CAACC,MAAL,CAAYC,gBAAZ,CACLR,KADK,EAELC,KAFK,EAGLC,OAHK,EAILC,IAJK,EAKLC,SALK,EAMLC,UANK,CAAP;AAQD,CAVgC,CAAnC;AAaA,OAAO,MAAMI,YAAY,GAAIC,KAAD,IAA6C;AACvE,sBAAO;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KAAyCY,KAAzC,EAAP;AACD,CAFM;AAIPD,YAAY,CAACE,YAAb,GAA4B;AAC1BR,EAAAA,IAAI,EAAE,CADoB;AAE1BC,EAAAA,SAAS,EAAE,CAFe;AAG1BC,EAAAA,UAAU,EAAE;AAHc,CAA5B","sourcesContent":["import React from \"react\";\n\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 }, _, { Skia }) => {\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 } from "../../../skia/types";
+import { enumKey } from "../../processors/Paint";
+import { localMatrix } from "../../processors/Transform";
+export const processGradientProps = (Skia, _ref) => {
+  let {
+    colors,
+    positions,
+    mode,
+    flags,
+    ...transform
+  } = _ref;
+  return {
+    colors: colors.map(color => Skia.Color(color)),
+    positions: positions !== null && positions !== void 0 ? positions : null,
+    mode: TileMode[enumKey(mode !== null && mode !== void 0 ? mode : "clamp")],
+    flags,
+    localMatrix: localMatrix(Skia.Matrix(), transform)
+  };
+};
+//# sourceMappingURL=Gradient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Gradient.ts"],"names":["TileMode","enumKey","localMatrix","processGradientProps","Skia","colors","positions","mode","flags","transform","map","color","Color","Matrix"],"mappings":"AAAA,SAASA,QAAT,QAAyB,qBAAzB;AAGA,SAASC,OAAT,QAAwB,wBAAxB;AACA,SAASC,WAAT,QAA4B,4BAA5B;AAUA,OAAO,MAAMC,oBAAoB,GAAG,CAClCC,IADkC;AAAA,MAElC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,KAA3B;AAAkC,OAAGC;AAArC,GAFkC;AAAA,SAG9B;AACJJ,IAAAA,MAAM,EAAEA,MAAM,CAACK,GAAP,CAAYC,KAAD,IAAWP,IAAI,CAACQ,KAAL,CAAWD,KAAX,CAAtB,CADJ;AAEJL,IAAAA,SAAS,EAAEA,SAAF,aAAEA,SAAF,cAAEA,SAAF,GAAe,IAFpB;AAGJC,IAAAA,IAAI,EAAEP,QAAQ,CAACC,OAAO,CAACM,IAAD,aAACA,IAAD,cAACA,IAAD,GAAS,OAAT,CAAR,CAHV;AAIJC,IAAAA,KAJI;AAKJN,IAAAA,WAAW,EAAEA,WAAW,CAACE,IAAI,CAACS,MAAL,EAAD,EAAgBJ,SAAhB;AALpB,GAH8B;AAAA,CAA7B","sourcesContent":["import { TileMode } from \"../../../skia/types\";\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, Skia } from \"../../../skia/types\";\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  Skia: Skia,\n  { colors, positions, mode, flags, ...transform }: GradientProps\n) => ({\n  colors: colors.map((color) => Skia.Color(color)),\n  positions: positions ?? null,\n  mode: TileMode[enumKey(mode ?? \"clamp\")],\n  flags,\n  localMatrix: localMatrix(Skia.Matrix(), transform),\n});\n"]}

package/lib/module/renderer/components/shaders/LinearGradient.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 { createDeclaration } from "../../nodes/Declaration";
+import { processGradientProps } from "./Gradient";
+const onDeclare = createDeclaration((_ref, _, _ref2) => {
+  let {
+    start,
+    end,
+    ...gradientProps
+  } = _ref;
+  let {
+    Skia
+  } = _ref2;
+  const {
+    colors,
+    positions,
+    mode,
+    localMatrix,
+    flags
+  } = processGradientProps(Skia, 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","createDeclaration","processGradientProps","onDeclare","_","start","end","gradientProps","Skia","colors","positions","mode","localMatrix","flags","Shader","MakeLinearGradient","LinearGradient","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,iBAAT,QAAkC,yBAAlC;AAIA,SAASC,oBAAT,QAAqC,YAArC;AAOA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAmCG,CAAnC,YAAmD;AAAA,MAAlD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,GAAT;AAAc,OAAGC;AAAjB,GAAkD;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACjD,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,WAA3B;AAAwCC,IAAAA;AAAxC,MACJX,oBAAoB,CAACM,IAAD,EAAOD,aAAP,CADtB;AAEA,SAAOC,IAAI,CAACM,MAAL,CAAYC,kBAAZ,CACLV,KADK,EAELC,GAFK,EAGLG,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,EAAEd;AAA1B,KAAyCc,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { AnimatedProps } from \"../../processors\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { Vector } from \"../../../skia/types\";\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 }, _, { Skia }) => {\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(Skia, 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,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 { createDeclaration } from "../../nodes/Declaration";
+import { processGradientProps } from "./Gradient";
+const onDeclare = createDeclaration((_ref, _, _ref2) => {
+  let {
+    c,
+    r,
+    ...gradientProps
+  } = _ref;
+  let {
+    Skia
+  } = _ref2;
+  const {
+    colors,
+    positions,
+    mode,
+    localMatrix,
+    flags
+  } = processGradientProps(Skia, 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","createDeclaration","processGradientProps","onDeclare","_","c","r","gradientProps","Skia","colors","positions","mode","localMatrix","flags","Shader","MakeRadialGradient","RadialGradient","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,iBAAT,QAAkC,yBAAlC;AAIA,SAASC,oBAAT,QAAqC,YAArC;AAOA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAA6BG,CAA7B,YAA6C;AAAA,MAA5C;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQ,OAAGC;AAAX,GAA4C;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC3C,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,WAA3B;AAAwCC,IAAAA;AAAxC,MACJX,oBAAoB,CAACM,IAAD,EAAOD,aAAP,CADtB;AAEA,SAAOC,IAAI,CAACM,MAAL,CAAYC,kBAAZ,CACLV,CADK,EAELC,CAFK,EAGLG,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,EAAEd;AAA1B,KAAyCc,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { AnimatedProps } from \"../../processors\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { Vector } from \"../../../skia/types\";\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 }, _, { Skia }) => {\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(Skia, 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,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 { isShader, processUniforms } from "../../../skia/types";
+import { createDeclaration } from "../../nodes/Declaration";
+import { localMatrix } from "../../processors";
+const onDeclare = createDeclaration((_ref, children, _ref2) => {
+  let {
+    uniforms,
+    source,
+    ...transform
+  } = _ref;
+  let {
+    Skia
+  } = _ref2;
+  return source.makeShaderWithChildren(processUniforms(source, uniforms), children.filter(isShader), localMatrix(Skia.Matrix(), 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","processUniforms","createDeclaration","localMatrix","onDeclare","children","uniforms","source","transform","Skia","makeShaderWithChildren","filter","Matrix","Shader","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAIA,SAASC,QAAT,EAAmBC,eAAnB,QAA0C,qBAA1C;AAEA,SAASC,iBAAT,QAAkC,yBAAlC;AACA,SAASC,WAAT,QAA4B,kBAA5B;AAQA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAqCG,QAArC,YAA4D;AAAA,MAA3D;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,MAAZ;AAAoB,OAAGC;AAAvB,GAA2D;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC1D,SAAOF,MAAM,CAACG,sBAAP,CACLT,eAAe,CAACM,MAAD,EAASD,QAAT,CADV,EAELD,QAAQ,CAACM,MAAT,CAAgBX,QAAhB,CAFK,EAGLG,WAAW,CAACM,IAAI,CAACG,MAAL,EAAD,EAAgBJ,SAAhB,CAHN,CAAP;AAKD,CAPgC,CAAnC;AAUA,OAAO,MAAMK,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAe,IAAA,SAAS,EAAEV;AAA1B,KAAyCU,KAAzC,EAAP;AACD,CAFM;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBT,EAAAA,QAAQ,EAAE;AADU,CAAtB","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport type { SkRuntimeEffect, Uniforms } from \"../../../skia/types\";\nimport { isShader, processUniforms } from \"../../../skia/types\";\nimport type { AnimatedProps, TransformProps } from \"../../processors\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport { localMatrix } from \"../../processors\";\n\nexport interface ShaderProps extends TransformProps {\n  source: SkRuntimeEffect;\n  uniforms: Uniforms;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<ShaderProps>(\n  ({ uniforms, source, ...transform }, children, { Skia }) => {\n    return source.makeShaderWithChildren(\n      processUniforms(source, uniforms),\n      children.filter(isShader),\n      localMatrix(Skia.Matrix(), 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"]}