@shopify/react-native-skia 0.1.129 → 0.1.132

package/lib/commonjs/renderer/components/pathEffects/Dash.js

@@ -7,7 +7,7 @@ exports.DashPathEffect = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
 var _Declaration = require("../../nodes/Declaration");
 
@@ -15,17 +15,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _Declaration.createDeclaration)((_ref, children) => {
+const onDeclare = (0, _Declaration.createDeclaration)((_ref, children, _ref2) => {
   let {
     intervals,
     phase
   } = _ref;
-  const [child] = children.filter(_skia.isPathEffect);
-
-  const pe = _skia.Skia.PathEffect.MakeDash(intervals, phase);
+  let {
+    Skia
+  } = _ref2;
+  const [child] = children.filter(_types.isPathEffect);
+  const pe = Skia.PathEffect.MakeDash(intervals, phase);
 
   if (child) {
-    return _skia.Skia.PathEffect.MakeCompose(pe, child);
+    return Skia.PathEffect.MakeCompose(pe, child);
   }
 
   return pe;

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

@@ -1 +1 @@
-{"version":3,"sources":["Dash.tsx"],"names":["onDeclare","children","intervals","phase","child","filter","isPathEffect","pe","Skia","PathEffect","MakeDash","MakeCompose","DashPathEffect","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;;;AASA,MAAMA,SAAS,GAAG,oCAChB,OAAuBC,QAAvB,KAAoC;AAAA,MAAnC;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,GAAmC;AAClC,QAAM,CAACC,KAAD,IAAUH,QAAQ,CAACI,MAAT,CAAgBC,kBAAhB,CAAhB;;AACA,QAAMC,EAAE,GAAGC,WAAKC,UAAL,CAAgBC,QAAhB,CAAyBR,SAAzB,EAAoCC,KAApC,CAAX;;AACA,MAAIC,KAAJ,EAAW;AACT,WAAOI,WAAKC,UAAL,CAAgBE,WAAhB,CAA4BJ,EAA5B,EAAgCH,KAAhC,CAAP;AACD;;AACD,SAAOG,EAAP;AACD,CARe,CAAlB;;AAWO,MAAMK,cAAc,GAAIC,KAAD,IAA+C;AAC3E,sBAAO;AAAe,IAAA,SAAS,EAAEb;AAA1B,KAAyCa,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia, isPathEffect } from \"../../../skia\";\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) => {\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"]}
+{"version":3,"sources":["Dash.tsx"],"names":["onDeclare","children","intervals","phase","Skia","child","filter","isPathEffect","pe","PathEffect","MakeDash","MakeCompose","DashPathEffect","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;;;AASA,MAAMA,SAAS,GAAG,oCAChB,OAAuBC,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,CAAgBC,mBAAhB,CAAhB;AACA,QAAMC,EAAE,GAAGJ,IAAI,CAACK,UAAL,CAAgBC,QAAhB,CAAyBR,SAAzB,EAAoCC,KAApC,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,WAAOD,IAAI,CAACK,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCH,KAAhC,CAAP;AACD;;AACD,SAAOG,EAAP;AACD,CARe,CAAlB;;AAWO,MAAMI,cAAc,GAAIC,KAAD,IAA+C;AAC3E,sBAAO;AAAe,IAAA,SAAS,EAAEb;AAA1B,KAAyCa,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/commonjs/renderer/components/pathEffects/Discrete.js

@@ -7,7 +7,7 @@ exports.DiscretePathEffect = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
 var _Declaration = require("../../nodes/Declaration");
 
@@ -15,18 +15,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _Declaration.createDeclaration)((_ref, children) => {
+const onDeclare = (0, _Declaration.createDeclaration)((_ref, children, _ref2) => {
   let {
     length,
     deviation,
     seed
   } = _ref;
-  const [child] = children.filter(_skia.isPathEffect);
-
-  const pe = _skia.Skia.PathEffect.MakeDiscrete(length, deviation, seed);
+  let {
+    Skia
+  } = _ref2;
+  const [child] = children.filter(_types.isPathEffect);
+  const pe = Skia.PathEffect.MakeDiscrete(length, deviation, seed);
 
   if (child) {
-    return _skia.Skia.PathEffect.MakeCompose(pe, child);
+    return Skia.PathEffect.MakeCompose(pe, child);
   }
 
   return pe;

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

@@ -1 +1 @@
-{"version":3,"sources":["Discrete.tsx"],"names":["onDeclare","children","length","deviation","seed","child","filter","isPathEffect","pe","Skia","PathEffect","MakeDiscrete","MakeCompose","DiscretePathEffect","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;;;AAUA,MAAMA,SAAS,GAAG,oCAChB,OAA8BC,QAA9B,KAA2C;AAAA,MAA1C;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA;AAArB,GAA0C;AACzC,QAAM,CAACC,KAAD,IAAUJ,QAAQ,CAACK,MAAT,CAAgBC,kBAAhB,CAAhB;;AACA,QAAMC,EAAE,GAAGC,WAAKC,UAAL,CAAgBC,YAAhB,CAA6BT,MAA7B,EAAqCC,SAArC,EAAgDC,IAAhD,CAAX;;AACA,MAAIC,KAAJ,EAAW;AACT,WAAOI,WAAKC,UAAL,CAAgBE,WAAhB,CAA4BJ,EAA5B,EAAgCH,KAAhC,CAAP;AACD;;AACD,SAAOG,EAAP;AACD,CARe,CAAlB;;AAWO,MAAMK,kBAAkB,GAC7BC,KADgC,IAE7B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEd;AAA1B,KAAyCc,KAAzC,EAAP;AACD,CAJM;;;AAMPD,kBAAkB,CAACE,YAAnB,GAAkC;AAChCX,EAAAA,IAAI,EAAE;AAD0B,CAAlC","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia, isPathEffect } from \"../../../skia\";\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) => {\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"]}
+{"version":3,"sources":["Discrete.tsx"],"names":["onDeclare","children","length","deviation","seed","Skia","child","filter","isPathEffect","pe","PathEffect","MakeDiscrete","MakeCompose","DiscretePathEffect","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;;;AAUA,MAAMA,SAAS,GAAG,oCAChB,OAA8BC,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,CAAgBC,mBAAhB,CAAhB;AACA,QAAMC,EAAE,GAAGJ,IAAI,CAACK,UAAL,CAAgBC,YAAhB,CAA6BT,MAA7B,EAAqCC,SAArC,EAAgDC,IAAhD,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,WAAOD,IAAI,CAACK,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCH,KAAhC,CAAP;AACD;;AACD,SAAOG,EAAP;AACD,CARe,CAAlB;;AAWO,MAAMI,kBAAkB,GAC7BC,KADgC,IAE7B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEd;AAA1B,KAAyCc,KAAzC,EAAP;AACD,CAJM;;;AAMPD,kBAAkB,CAACE,YAAnB,GAAkC;AAChCX,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/commonjs/renderer/components/pathEffects/Line2D.js

@@ -7,7 +7,7 @@ exports.Line2DPathEffect = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
 var _Declaration = require("../../nodes/Declaration");
 
@@ -15,21 +15,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _Declaration.createDeclaration)((_ref, children) => {
+const onDeclare = (0, _Declaration.createDeclaration)((_ref, children, _ref2) => {
   let {
     width,
     matrix
   } = _ref;
-  const [child] = children.filter(_skia.isPathEffect);
-
-  const pe = _skia.Skia.PathEffect.MakeLine2D(width, matrix);
+  let {
+    Skia
+  } = _ref2;
+  const [child] = children.filter(_types.isPathEffect);
+  const pe = Skia.PathEffect.MakeLine2D(width, matrix);
 
   if (child) {
     if (!pe) {
       return child;
     }
 
-    return _skia.Skia.PathEffect.MakeCompose(pe, child);
+    return Skia.PathEffect.MakeCompose(pe, child);
   }
 
   return pe;

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

@@ -1 +1 @@
-{"version":3,"sources":["Line2D.tsx"],"names":["onDeclare","children","width","matrix","child","filter","isPathEffect","pe","Skia","PathEffect","MakeLine2D","MakeCompose","Line2DPathEffect","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;;;AAUA,MAAMA,SAAS,GAAG,oCAChB,OAAoBC,QAApB,KAAiC;AAAA,MAAhC;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAgC;AAC/B,QAAM,CAACC,KAAD,IAAUH,QAAQ,CAACI,MAAT,CAAgBC,kBAAhB,CAAhB;;AACA,QAAMC,EAAE,GAAGC,WAAKC,UAAL,CAAgBC,UAAhB,CAA2BR,KAA3B,EAAkCC,MAAlC,CAAX;;AACA,MAAIC,KAAJ,EAAW;AACT,QAAI,CAACG,EAAL,EAAS;AACP,aAAOH,KAAP;AACD;;AACD,WAAOI,WAAKC,UAAL,CAAgBE,WAAhB,CAA4BJ,EAA5B,EAAgCH,KAAhC,CAAP;AACD;;AACD,SAAOG,EAAP;AACD,CAXe,CAAlB;;AAcO,MAAMK,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, isPathEffect } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { SkMatrix } from \"../../../skia\";\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"]}
+{"version":3,"sources":["Line2D.tsx"],"names":["onDeclare","children","width","matrix","Skia","child","filter","isPathEffect","pe","PathEffect","MakeLine2D","MakeCompose","Line2DPathEffect","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;;;AAUA,MAAMA,SAAS,GAAG,oCAChB,OAAoBC,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,CAAgBC,mBAAhB,CAAhB;AACA,QAAMC,EAAE,GAAGJ,IAAI,CAACK,UAAL,CAAgBC,UAAhB,CAA2BR,KAA3B,EAAkCC,MAAlC,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,QAAI,CAACG,EAAL,EAAS;AACP,aAAOH,KAAP;AACD;;AACD,WAAOD,IAAI,CAACK,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCH,KAAhC,CAAP;AACD;;AACD,SAAOG,EAAP;AACD,CAXe,CAAlB;;AAcO,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 { 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/commonjs/renderer/components/pathEffects/Path1D.js

@@ -7,7 +7,7 @@ exports.Path1DPathEffect = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
 var _Declaration = require("../../nodes/Declaration");
 
@@ -19,23 +19,25 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _Declaration.createDeclaration)((_ref, children) => {
+const onDeclare = (0, _Declaration.createDeclaration)((_ref, children, _ref2) => {
   let {
     path,
     advance,
     phase,
     style
   } = _ref;
-  const [child] = children.filter(_skia.isPathEffect);
-
-  const pe = _skia.Skia.PathEffect.MakePath1D((0, _Paths.processPath)(path), advance, phase, _skia.Path1DEffectStyle[(0, _Paint.enumKey)(style)]);
+  let {
+    Skia
+  } = _ref2;
+  const [child] = children.filter(_types.isPathEffect);
+  const pe = Skia.PathEffect.MakePath1D((0, _Paths.processPath)(Skia, path), advance, phase, _types.Path1DEffectStyle[(0, _Paint.enumKey)(style)]);
 
   if (child) {
     if (!pe) {
       return child;
     }
 
-    return _skia.Skia.PathEffect.MakeCompose(pe, child);
+    return Skia.PathEffect.MakeCompose(pe, child);
   }
 
   return pe;

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

@@ -1 +1 @@
-{"version":3,"sources":["Path1D.tsx"],"names":["onDeclare","children","path","advance","phase","style","child","filter","isPathEffect","pe","Skia","PathEffect","MakePath1D","Path1DEffectStyle","MakeCompose","Path1DPathEffect","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAGA;;AAEA;;;;;;AAUA,MAAMA,SAAS,GAAG,oCAChB,OAAkCC,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,CAAgBC,kBAAhB,CAAhB;;AACA,QAAMC,EAAE,GAAGC,WAAKC,UAAL,CAAgBC,UAAhB,CACT,wBAAYV,IAAZ,CADS,EAETC,OAFS,EAGTC,KAHS,EAITS,wBAAkB,oBAAQR,KAAR,CAAlB,CAJS,CAAX;;AAMA,MAAIC,KAAJ,EAAW;AACT,QAAI,CAACG,EAAL,EAAS;AACP,aAAOH,KAAP;AACD;;AACD,WAAOI,WAAKC,UAAL,CAAgBG,WAAhB,CAA4BL,EAA5B,EAAgCH,KAAhC,CAAP;AACD;;AACD,SAAOG,EAAP;AACD,CAhBe,CAAlB;;AAmBO,MAAMM,gBAAgB,GAC3BC,KAD8B,IAE3B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEhB;AAA1B,KAAyCgB,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia, Path1DEffectStyle, isPathEffect } from \"../../../skia\";\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) => {\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"]}
+{"version":3,"sources":["Path1D.tsx"],"names":["onDeclare","children","path","advance","phase","style","Skia","child","filter","isPathEffect","pe","PathEffect","MakePath1D","Path1DEffectStyle","MakeCompose","Path1DPathEffect","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAGA;;AAEA;;;;;;AAUA,MAAMA,SAAS,GAAG,oCAChB,OAAkCC,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,CAAgBC,mBAAhB,CAAhB;AACA,QAAMC,EAAE,GAAGJ,IAAI,CAACK,UAAL,CAAgBC,UAAhB,CACT,wBAAYN,IAAZ,EAAkBJ,IAAlB,CADS,EAETC,OAFS,EAGTC,KAHS,EAITS,yBAAkB,oBAAQR,KAAR,CAAlB,CAJS,CAAX;;AAMA,MAAIE,KAAJ,EAAW;AACT,QAAI,CAACG,EAAL,EAAS;AACP,aAAOH,KAAP;AACD;;AACD,WAAOD,IAAI,CAACK,UAAL,CAAgBG,WAAhB,CAA4BJ,EAA5B,EAAgCH,KAAhC,CAAP;AACD;;AACD,SAAOG,EAAP;AACD,CAhBe,CAAlB;;AAmBO,MAAMK,gBAAgB,GAC3BC,KAD8B,IAE3B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEhB;AAA1B,KAAyCgB,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/commonjs/renderer/components/pathEffects/Path2D.js

@@ -7,7 +7,7 @@ exports.Path2DPathEffect = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
 var _Declaration = require("../../nodes/Declaration");
 
@@ -17,21 +17,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _Declaration.createDeclaration)((_ref, children) => {
+const onDeclare = (0, _Declaration.createDeclaration)((_ref, children, _ref2) => {
   let {
     path,
     matrix
   } = _ref;
-  const [child] = children.filter(_skia.isPathEffect);
-
-  const pe = _skia.Skia.PathEffect.MakePath2D(matrix, (0, _Paths.processPath)(path));
+  let {
+    Skia
+  } = _ref2;
+  const [child] = children.filter(_types.isPathEffect);
+  const pe = Skia.PathEffect.MakePath2D(matrix, (0, _Paths.processPath)(Skia, path));
 
   if (child) {
     if (!pe) {
       return child;
     }
 
-    return _skia.Skia.PathEffect.MakeCompose(pe, child);
+    return Skia.PathEffect.MakeCompose(pe, child);
   }
 
   return pe;

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

@@ -1 +1 @@
-{"version":3,"sources":["Path2D.tsx"],"names":["onDeclare","children","path","matrix","child","filter","isPathEffect","pe","Skia","PathEffect","MakePath2D","MakeCompose","Path2DPathEffect","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAIA;;;;;;AAQA,MAAMA,SAAS,GAAG,oCAChB,OAAmBC,QAAnB,KAAgC;AAAA,MAA/B;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAA+B;AAC9B,QAAM,CAACC,KAAD,IAAUH,QAAQ,CAACI,MAAT,CAAgBC,kBAAhB,CAAhB;;AACA,QAAMC,EAAE,GAAGC,WAAKC,UAAL,CAAgBC,UAAhB,CAA2BP,MAA3B,EAAmC,wBAAYD,IAAZ,CAAnC,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,QAAI,CAACG,EAAL,EAAS;AACP,aAAOH,KAAP;AACD;;AACD,WAAOI,WAAKC,UAAL,CAAgBE,WAAhB,CAA4BJ,EAA5B,EAAgCH,KAAhC,CAAP;AACD;;AACD,SAAOG,EAAP;AACD,CAXe,CAAlB;;AAcO,MAAMK,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, isPathEffect } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { SkMatrix } from \"../../../skia\";\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"]}
+{"version":3,"sources":["Path2D.tsx"],"names":["onDeclare","children","path","matrix","Skia","child","filter","isPathEffect","pe","PathEffect","MakePath2D","MakeCompose","Path2DPathEffect","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAIA;;;;;;AAQA,MAAMA,SAAS,GAAG,oCAChB,OAAmBC,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,CAAgBC,mBAAhB,CAAhB;AACA,QAAMC,EAAE,GAAGJ,IAAI,CAACK,UAAL,CAAgBC,UAAhB,CAA2BP,MAA3B,EAAmC,wBAAYC,IAAZ,EAAkBF,IAAlB,CAAnC,CAAX;;AACA,MAAIG,KAAJ,EAAW;AACT,QAAI,CAACG,EAAL,EAAS;AACP,aAAOH,KAAP;AACD;;AACD,WAAOD,IAAI,CAACK,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCH,KAAhC,CAAP;AACD;;AACD,SAAOG,EAAP;AACD,CAXe,CAAlB;;AAcO,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 { 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/commonjs/renderer/components/pathEffects/Sum.js

@@ -7,7 +7,7 @@ exports.SumPathEffect = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
 var _Declaration = require("../../nodes/Declaration");
 
@@ -15,9 +15,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _Declaration.createDeclaration)((_, children) => {
-  const [outer, inner] = children.filter(_skia.isPathEffect);
-  return _skia.Skia.PathEffect.MakeCompose(outer, inner);
+const onDeclare = (0, _Declaration.createDeclaration)((_, children, _ref) => {
+  let {
+    Skia
+  } = _ref;
+  const [outer, inner] = children.filter(_types.isPathEffect);
+  return Skia.PathEffect.MakeCompose(outer, inner);
 });
 
 const SumPathEffect = props => {

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

@@ -1 +1 @@
-{"version":3,"sources":["Sum.tsx"],"names":["onDeclare","_","children","outer","inner","filter","isPathEffect","Skia","PathEffect","MakeCompose","SumPathEffect","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;;;AAOA,MAAMA,SAAS,GAAG,oCAAsC,CAACC,CAAD,EAAIC,QAAJ,KAAiB;AACvE,QAAM,CAACC,KAAD,EAAQC,KAAR,IAAiBF,QAAQ,CAACG,MAAT,CAAgBC,kBAAhB,CAAvB;AACA,SAAOC,WAAKC,UAAL,CAAgBC,WAAhB,CAA4BN,KAA5B,EAAmCC,KAAnC,CAAP;AACD,CAHiB,CAAlB;;AAKO,MAAMM,aAAa,GAAIC,KAAD,IAA8C;AACzE,sBAAO;AAAe,IAAA,SAAS,EAAEX;AAA1B,KAAyCW,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia, isPathEffect } from \"../../../skia\";\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>((_, 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"]}
+{"version":3,"sources":["Sum.tsx"],"names":["onDeclare","_","children","Skia","outer","inner","filter","isPathEffect","PathEffect","MakeCompose","SumPathEffect","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;;;AAOA,MAAMA,SAAS,GAAG,oCAChB,CAACC,CAAD,EAAIC,QAAJ,WAA2B;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACzB,QAAM,CAACC,KAAD,EAAQC,KAAR,IAAiBH,QAAQ,CAACI,MAAT,CAAgBC,mBAAhB,CAAvB;AACA,SAAOJ,IAAI,CAACK,UAAL,CAAgBC,WAAhB,CAA4BL,KAA5B,EAAmCC,KAAnC,CAAP;AACD,CAJe,CAAlB;;AAOO,MAAMK,aAAa,GAAIC,KAAD,IAA8C;AACzE,sBAAO;AAAe,IAAA,SAAS,EAAEX;AAA1B,KAAyCW,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/commonjs/renderer/components/shaders/Color.js

@@ -7,19 +7,22 @@ exports.ColorShader = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
-
 var _nodes = require("../../nodes");
 
+var _Color = require("../../processors/Color");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _nodes.createDeclaration)(_ref => {
+const onDeclare = (0, _nodes.createDeclaration)((_ref, _, _ref2) => {
   let {
     color
   } = _ref;
-  return _skia.Skia.Shader.MakeColor((0, _skia.processColor)(color, 1));
+  let {
+    Skia
+  } = _ref2;
+  return Skia.Shader.MakeColor((0, _Color.processColor)(Skia, color, 1));
 });
 
 const ColorShader = props => {

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

@@ -1 +1 @@
-{"version":3,"sources":["Color.tsx"],"names":["onDeclare","color","Skia","Shader","MakeColor","ColorShader","props"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;AAQA,MAAMA,SAAS,GAAG,8BAAoC,QAAe;AAAA,MAAd;AAAEC,IAAAA;AAAF,GAAc;AACnE,SAAOC,WAAKC,MAAL,CAAYC,SAAZ,CAAsB,wBAAaH,KAAb,EAAoB,CAApB,CAAtB,CAAP;AACD,CAFiB,CAAlB;;AAIO,MAAMI,WAAW,GAAIC,KAAD,IAA4C;AACrE,sBAAO;AAAe,IAAA,SAAS,EAAEN;AAA1B,KAAyCM,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"]}
+{"version":3,"sources":["Color.tsx"],"names":["onDeclare","_","color","Skia","Shader","MakeColor","ColorShader","props"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;;;;;AAMA,MAAMA,SAAS,GAAG,8BAChB,OAAYC,CAAZ,YAA4B;AAAA,MAA3B;AAAEC,IAAAA;AAAF,GAA2B;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC1B,SAAOA,IAAI,CAACC,MAAL,CAAYC,SAAZ,CAAsB,yBAAaF,IAAb,EAAmBD,KAAnB,EAA0B,CAA1B,CAAtB,CAAP;AACD,CAHe,CAAlB;;AAMO,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/commonjs/renderer/components/shaders/FractalNoise.js

@@ -7,15 +7,13 @@ exports.FractalNoise = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
-
 var _Declaration = require("../../nodes/Declaration");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _Declaration.createDeclaration)(_ref => {
+const onDeclare = (0, _Declaration.createDeclaration)((_ref, _, _ref2) => {
   let {
     freqX,
     freqY,
@@ -24,7 +22,10 @@ const onDeclare = (0, _Declaration.createDeclaration)(_ref => {
     tileWidth,
     tileHeight
   } = _ref;
-  return _skia.Skia.Shader.MakeFractalNoise(freqX, freqY, octaves, seed, tileWidth, tileHeight);
+  let {
+    Skia
+  } = _ref2;
+  return Skia.Shader.MakeFractalNoise(freqX, freqY, octaves, seed, tileWidth, tileHeight);
 });
 
 const FractalNoise = props => {

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

@@ -1 +1 @@
-{"version":3,"sources":["FractalNoise.tsx"],"names":["onDeclare","freqX","freqY","octaves","seed","tileWidth","tileHeight","Skia","Shader","MakeFractalNoise","FractalNoise","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;AAYA,MAAMA,SAAS,GAAG,oCAChB,QAA4D;AAAA,MAA3D;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,OAAhB;AAAyBC,IAAAA,IAAzB;AAA+BC,IAAAA,SAA/B;AAA0CC,IAAAA;AAA1C,GAA2D;AAC1D,SAAOC,WAAKC,MAAL,CAAYC,gBAAZ,CACLR,KADK,EAELC,KAFK,EAGLC,OAHK,EAILC,IAJK,EAKLC,SALK,EAMLC,UANK,CAAP;AAQD,CAVe,CAAlB;;AAaO,MAAMI,YAAY,GAAIC,KAAD,IAA6C;AACvE,sBAAO;AAAe,IAAA,SAAS,EAAEX;AAA1B,KAAyCW,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 { 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"]}
+{"version":3,"sources":["FractalNoise.tsx"],"names":["onDeclare","_","freqX","freqY","octaves","seed","tileWidth","tileHeight","Skia","Shader","MakeFractalNoise","FractalNoise","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAYA,MAAMA,SAAS,GAAG,oCAChB,OAAyDC,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,CAVe,CAAlB;;AAaO,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/commonjs/renderer/components/shaders/Gradient.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.processGradientProps = void 0;
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
 var _Paint = require("../../processors/Paint");
 
 var _Transform = require("../../processors/Transform");
 
-const processGradientProps = _ref => {
+const processGradientProps = (Skia, _ref) => {
   let {
     colors,
     positions,
@@ -20,11 +20,11 @@ const processGradientProps = _ref => {
     ...transform
   } = _ref;
   return {
-    colors: colors.map(color => _skia.Skia.Color(color)),
+    colors: colors.map(color => Skia.Color(color)),
     positions: positions !== null && positions !== void 0 ? positions : null,
-    mode: _skia.TileMode[(0, _Paint.enumKey)(mode !== null && mode !== void 0 ? mode : "clamp")],
+    mode: _types.TileMode[(0, _Paint.enumKey)(mode !== null && mode !== void 0 ? mode : "clamp")],
     flags,
-    localMatrix: (0, _Transform.localMatrix)(transform)
+    localMatrix: (0, _Transform.localMatrix)(Skia.Matrix(), transform)
   };
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["Gradient.ts"],"names":["processGradientProps","colors","positions","mode","flags","transform","map","color","Skia","Color","TileMode","localMatrix"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAUO,MAAMA,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,IAAWC,WAAKC,KAAL,CAAWF,KAAX,CAAtB,CADY;AAEpBL,IAAAA,SAAS,EAAEA,SAAF,aAAEA,SAAF,cAAEA,SAAF,GAAe,IAFJ;AAGpBC,IAAAA,IAAI,EAAEO,eAAS,oBAAQP,IAAR,aAAQA,IAAR,cAAQA,IAAR,GAAgB,OAAhB,CAAT,CAHc;AAIpBC,IAAAA,KAJoB;AAKpBO,IAAAA,WAAW,EAAE,4BAAYN,SAAZ;AALO,GANc;AAAA,CAA7B","sourcesContent":["import { Skia, TileMode } 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\";\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) => Skia.Color(color)),\n  positions: positions ?? null,\n  mode: TileMode[enumKey(mode ?? \"clamp\")],\n  flags,\n  localMatrix: localMatrix(transform),\n});\n"]}
+{"version":3,"sources":["Gradient.ts"],"names":["processGradientProps","Skia","colors","positions","mode","flags","transform","map","color","Color","TileMode","localMatrix","Matrix"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAUO,MAAMA,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,EAAEM,gBAAS,oBAAQN,IAAR,aAAQA,IAAR,cAAQA,IAAR,GAAgB,OAAhB,CAAT,CAHF;AAIJC,IAAAA,KAJI;AAKJM,IAAAA,WAAW,EAAE,4BAAYV,IAAI,CAACW,MAAL,EAAZ,EAA2BN,SAA3B;AALT,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/commonjs/renderer/components/shaders/LinearGradient.js

@@ -7,8 +7,6 @@ exports.LinearGradient = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
-
 var _Declaration = require("../../nodes/Declaration");
 
 var _Gradient = require("./Gradient");
@@ -17,20 +15,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _Declaration.createDeclaration)(_ref => {
+const onDeclare = (0, _Declaration.createDeclaration)((_ref, _, _ref2) => {
   let {
     start,
     end,
     ...gradientProps
   } = _ref;
+  let {
+    Skia
+  } = _ref2;
   const {
     colors,
     positions,
     mode,
     localMatrix,
     flags
-  } = (0, _Gradient.processGradientProps)(gradientProps);
-  return _skia.Skia.Shader.MakeLinearGradient(start, end, colors, positions, mode, localMatrix, flags);
+  } = (0, _Gradient.processGradientProps)(Skia, gradientProps);
+  return Skia.Shader.MakeLinearGradient(start, end, colors, positions, mode, localMatrix, flags);
 });
 
 const LinearGradient = props => {

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

@@ -1 +1 @@
-{"version":3,"sources":["LinearGradient.tsx"],"names":["onDeclare","start","end","gradientProps","colors","positions","mode","localMatrix","flags","Skia","Shader","MakeLinearGradient","LinearGradient","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAGA;;;;;;AAOA,MAAMA,SAAS,GAAG,oCAChB,QAAsC;AAAA,MAArC;AAAEC,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,MACJ,oCAAqBL,aAArB,CADF;AAEA,SAAOM,WAAKC,MAAL,CAAYC,kBAAZ,CACLV,KADK,EAELC,GAFK,EAGLE,MAHK,EAILC,SAJK,EAKLC,IALK,EAMLC,WANK,EAOLC,KAPK,CAAP;AASD,CAbe,CAAlB;;AAgBO,MAAMI,cAAc,GAAIC,KAAD,IAA+C;AAC3E,sBAAO;AAAe,IAAA,SAAS,EAAEb;AAA1B,KAAyCa,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"]}
+{"version":3,"sources":["LinearGradient.tsx"],"names":["onDeclare","_","start","end","gradientProps","Skia","colors","positions","mode","localMatrix","flags","Shader","MakeLinearGradient","LinearGradient","props"],"mappings":";;;;;;;AAAA;;AAGA;;AAIA;;;;;;AAOA,MAAMA,SAAS,GAAG,oCAChB,OAAmCC,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,MACJ,oCAAqBL,IAArB,EAA2BD,aAA3B,CADF;AAEA,SAAOC,IAAI,CAACM,MAAL,CAAYC,kBAAZ,CACLV,KADK,EAELC,GAFK,EAGLG,MAHK,EAILC,SAJK,EAKLC,IALK,EAMLC,WANK,EAOLC,KAPK,CAAP;AASD,CAbe,CAAlB;;AAgBO,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/commonjs/renderer/components/shaders/RadialGradient.js

@@ -7,8 +7,6 @@ exports.RadialGradient = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
-
 var _Declaration = require("../../nodes/Declaration");
 
 var _Gradient = require("./Gradient");
@@ -17,20 +15,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _Declaration.createDeclaration)(_ref => {
+const onDeclare = (0, _Declaration.createDeclaration)((_ref, _, _ref2) => {
   let {
     c,
     r,
     ...gradientProps
   } = _ref;
+  let {
+    Skia
+  } = _ref2;
   const {
     colors,
     positions,
     mode,
     localMatrix,
     flags
-  } = (0, _Gradient.processGradientProps)(gradientProps);
-  return _skia.Skia.Shader.MakeRadialGradient(c, r, colors, positions, mode, localMatrix, flags);
+  } = (0, _Gradient.processGradientProps)(Skia, gradientProps);
+  return Skia.Shader.MakeRadialGradient(c, r, colors, positions, mode, localMatrix, flags);
 });
 
 const RadialGradient = props => {

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

@@ -1 +1 @@
-{"version":3,"sources":["RadialGradient.tsx"],"names":["onDeclare","c","r","gradientProps","colors","positions","mode","localMatrix","flags","Skia","Shader","MakeRadialGradient","RadialGradient","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAGA;;;;;;AAOA,MAAMA,SAAS,GAAG,oCAChB,QAAgC;AAAA,MAA/B;AAAEC,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,MACJ,oCAAqBL,aAArB,CADF;AAEA,SAAOM,WAAKC,MAAL,CAAYC,kBAAZ,CACLV,CADK,EAELC,CAFK,EAGLE,MAHK,EAILC,SAJK,EAKLC,IALK,EAMLC,WANK,EAOLC,KAPK,CAAP;AASD,CAbe,CAAlB;;AAgBO,MAAMI,cAAc,GAAIC,KAAD,IAA+C;AAC3E,sBAAO;AAAe,IAAA,SAAS,EAAEb;AAA1B,KAAyCa,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"]}
+{"version":3,"sources":["RadialGradient.tsx"],"names":["onDeclare","_","c","r","gradientProps","Skia","colors","positions","mode","localMatrix","flags","Shader","MakeRadialGradient","RadialGradient","props"],"mappings":";;;;;;;AAAA;;AAGA;;AAIA;;;;;;AAOA,MAAMA,SAAS,GAAG,oCAChB,OAA6BC,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,MACJ,oCAAqBL,IAArB,EAA2BD,aAA3B,CADF;AAEA,SAAOC,IAAI,CAACM,MAAL,CAAYC,kBAAZ,CACLV,CADK,EAELC,CAFK,EAGLG,MAHK,EAILC,SAJK,EAKLC,IALK,EAMLC,WANK,EAOLC,KAPK,CAAP;AASD,CAbe,CAAlB;;AAgBO,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/commonjs/renderer/components/shaders/Shader.js

@@ -7,7 +7,7 @@ exports.Shader = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
 var _Declaration = require("../../nodes/Declaration");
 
@@ -17,54 +17,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const isVector = obj => // We have an issue to check property existence on JSI backed instances
-// 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 = (0, _Declaration.createDeclaration)((_ref, children) => {
+const onDeclare = (0, _Declaration.createDeclaration)((_ref, children, _ref2) => {
   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(_skia.isShader), (0, _processors.localMatrix)(transform));
+  let {
+    Skia
+  } = _ref2;
+  return source.makeShaderWithChildren((0, _types.processUniforms)(source, uniforms), children.filter(_types.isShader), (0, _processors.localMatrix)(Skia.Matrix(), transform));
 });
 
 const Shader = props => {

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

@@ -1 +1 @@
-{"version":3,"sources":["Shader.tsx"],"names":["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","isShader","Shader","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;AAGA;;AACA;;;;;;AAEA,MAAMA,QAAQ,GAAIC,GAAD,IACf;AACA;AACCA,GAAD,CAAaC,CAAb,KAAmBC,SAAnB,IAAiCF,GAAD,CAAaG,CAAb,KAAmBD,SAHrD;;AAaA,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,GAAG,oCAChB,OAA6CC,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,CAAgBM,cAAhB,CAHK,EAIL,6BAAY1B,SAAZ,CAJK,CAAP;AAMD,CAtCe,CAAlB;;AAyCO,MAAM2B,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAe,IAAA,SAAS,EAAEjC;AAA1B,KAAyCiC,KAAzC,EAAP;AACD,CAFM;;;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBhC,EAAAA,QAAQ,EAAE;AADU,CAAtB","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { isShader } from \"../../../skia\";\nimport type { SkRuntimeEffect } from \"../../../skia\";\nimport type { Vector, AnimatedProps, TransformProps } from \"../../processors\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport { localMatrix } from \"../../processors\";\n\nconst isVector = (obj: unknown): obj is Vector =>\n  // We have an issue to check property existence on JSI backed instances\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: SkRuntimeEffect;\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"]}
+{"version":3,"sources":["Shader.tsx"],"names":["onDeclare","children","uniforms","source","transform","Skia","makeShaderWithChildren","filter","isShader","Matrix","Shader","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAIA;;AAEA;;AACA;;;;;;AAQA,MAAMA,SAAS,GAAG,oCAChB,OAAqCC,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,CACL,4BAAgBH,MAAhB,EAAwBD,QAAxB,CADK,EAELD,QAAQ,CAACM,MAAT,CAAgBC,eAAhB,CAFK,EAGL,6BAAYH,IAAI,CAACI,MAAL,EAAZ,EAA2BL,SAA3B,CAHK,CAAP;AAKD,CAPe,CAAlB;;AAUO,MAAMM,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAe,IAAA,SAAS,EAAEX;AAA1B,KAAyCW,KAAzC,EAAP;AACD,CAFM;;;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBV,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"]}