@shopify/react-native-skia 0.1.128 → 0.1.131

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"]}

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

@@ -7,8 +7,6 @@ exports.SweepGradient = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
-
 var _Declaration = require("../../nodes/Declaration");
 
 var _Gradient = require("./Gradient");
@@ -17,21 +15,24 @@ 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,
     start,
     end,
     ...gradientProps
   } = _ref;
+  let {
+    Skia
+  } = _ref2;
   const {
     colors,
     positions,
     mode,
     localMatrix,
     flags
-  } = (0, _Gradient.processGradientProps)(gradientProps);
-  return _skia.Skia.Shader.MakeSweepGradient(c.x, c.y, colors, positions, mode, localMatrix, flags, start, end);
+  } = (0, _Gradient.processGradientProps)(Skia, gradientProps);
+  return Skia.Shader.MakeSweepGradient(c.x, c.y, colors, positions, mode, localMatrix, flags, start, end);
 });
 
 const SweepGradient = props => {

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

@@ -1 +1 @@
-{"version":3,"sources":["SweepGradient.tsx"],"names":["onDeclare","c","start","end","gradientProps","colors","positions","mode","localMatrix","flags","Skia","Shader","MakeSweepGradient","x","y","SweepGradient","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAGA;;;;;;AAQA,MAAMA,SAAS,GAAG,oCAChB,QAAyC;AAAA,MAAxC;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,KAAL;AAAYC,IAAAA,GAAZ;AAAiB,OAAGC;AAApB,GAAwC;AACvC,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,WAA3B;AAAwCC,IAAAA;AAAxC,MACJ,oCAAqBL,aAArB,CADF;AAEA,SAAOM,WAAKC,MAAL,CAAYC,iBAAZ,CACLX,CAAC,CAACY,CADG,EAELZ,CAAC,CAACa,CAFG,EAGLT,MAHK,EAILC,SAJK,EAKLC,IALK,EAMLC,WANK,EAOLC,KAPK,EAQLP,KARK,EASLC,GATK,CAAP;AAWD,CAfe,CAAlB;;AAkBO,MAAMY,aAAa,GAAIC,KAAD,IAA8C;AACzE,sBAAO;AAAe,IAAA,SAAS,EAAEhB;AAA1B,KAAyCgB,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { Vector, AnimatedProps } from \"../../processors\";\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\n\nimport type { GradientProps } from \"./Gradient\";\nimport { processGradientProps } from \"./Gradient\";\n\nexport interface SweepGradientProps extends GradientProps {\n  c: Vector;\n  start?: number;\n  end?: number;\n}\n\nconst onDeclare = createDeclaration<SweepGradientProps>(\n  ({ c, start, end, ...gradientProps }) => {\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(gradientProps);\n    return Skia.Shader.MakeSweepGradient(\n      c.x,\n      c.y,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags,\n      start,\n      end\n    );\n  }\n);\n\nexport const SweepGradient = (props: AnimatedProps<SweepGradientProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["SweepGradient.tsx"],"names":["onDeclare","_","c","start","end","gradientProps","Skia","colors","positions","mode","localMatrix","flags","Shader","MakeSweepGradient","x","y","SweepGradient","props"],"mappings":";;;;;;;AAAA;;AAGA;;AAIA;;;;;;AAQA,MAAMA,SAAS,GAAG,oCAChB,OAAsCC,CAAtC,YAAsD;AAAA,MAArD;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,KAAL;AAAYC,IAAAA,GAAZ;AAAiB,OAAGC;AAApB,GAAqD;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACpD,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,iBAAZ,CACLX,CAAC,CAACY,CADG,EAELZ,CAAC,CAACa,CAFG,EAGLR,MAHK,EAILC,SAJK,EAKLC,IALK,EAMLC,WANK,EAOLC,KAPK,EAQLR,KARK,EASLC,GATK,CAAP;AAWD,CAfe,CAAlB;;AAkBO,MAAMY,aAAa,GAAIC,KAAD,IAA8C;AACzE,sBAAO;AAAe,IAAA,SAAS,EAAEjB;AAA1B,KAAyCiB,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 SweepGradientProps extends GradientProps {\n  c: Vector;\n  start?: number;\n  end?: number;\n}\n\nconst onDeclare = createDeclaration<SweepGradientProps>(\n  ({ c, start, end, ...gradientProps }, _, { Skia }) => {\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(Skia, gradientProps);\n    return Skia.Shader.MakeSweepGradient(\n      c.x,\n      c.y,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags,\n      start,\n      end\n    );\n  }\n);\n\nexport const SweepGradient = (props: AnimatedProps<SweepGradientProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

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

@@ -7,15 +7,13 @@ exports.Turbulence = 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.MakeTurbulence(freqX, freqY, octaves, seed, tileWidth, tileHeight);
+  let {
+    Skia
+  } = _ref2;
+  return Skia.Shader.MakeTurbulence(freqX, freqY, octaves, seed, tileWidth, tileHeight);
 });
 
 const Turbulence = props => {

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

@@ -1 +1 @@
-{"version":3,"sources":["Turbulence.tsx"],"names":["onDeclare","freqX","freqY","octaves","seed","tileWidth","tileHeight","Skia","Shader","MakeTurbulence","Turbulence","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,cAAZ,CACLR,KADK,EAELC,KAFK,EAGLC,OAHK,EAILC,IAJK,EAKLC,SALK,EAMLC,UANK,CAAP;AAQD,CAVe,CAAlB;;AAaO,MAAMI,UAAU,GAAIC,KAAD,IAA2C;AACnE,sBAAO;AAAe,IAAA,SAAS,EAAEX;AAA1B,KAAyCW,KAAzC,EAAP;AACD,CAFM;;;AAIPD,UAAU,CAACE,YAAX,GAA0B;AACxBR,EAAAA,IAAI,EAAE,CADkB;AAExBC,EAAAA,SAAS,EAAE,CAFa;AAGxBC,EAAAA,UAAU,EAAE;AAHY,CAA1B","sourcesContent":["import React from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface TurbulenceProps {\n  freqX: number;\n  freqY: number;\n  octaves: number;\n  seed: number;\n  tileWidth: number;\n  tileHeight: number;\n}\n\nconst onDeclare = createDeclaration<TurbulenceProps>(\n  ({ freqX, freqY, octaves, seed, tileWidth, tileHeight }) => {\n    return Skia.Shader.MakeTurbulence(\n      freqX,\n      freqY,\n      octaves,\n      seed,\n      tileWidth,\n      tileHeight\n    );\n  }\n);\n\nexport const Turbulence = (props: AnimatedProps<TurbulenceProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nTurbulence.defaultProps = {\n  seed: 0,\n  tileWidth: 0,\n  tileHeight: 0,\n};\n"]}
+{"version":3,"sources":["Turbulence.tsx"],"names":["onDeclare","_","freqX","freqY","octaves","seed","tileWidth","tileHeight","Skia","Shader","MakeTurbulence","Turbulence","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,cAAZ,CACLR,KADK,EAELC,KAFK,EAGLC,OAHK,EAILC,IAJK,EAKLC,SALK,EAMLC,UANK,CAAP;AAQD,CAVe,CAAlB;;AAaO,MAAMI,UAAU,GAAIC,KAAD,IAA2C;AACnE,sBAAO;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KAAyCY,KAAzC,EAAP;AACD,CAFM;;;AAIPD,UAAU,CAACE,YAAX,GAA0B;AACxBR,EAAAA,IAAI,EAAE,CADkB;AAExBC,EAAAA,SAAS,EAAE,CAFa;AAGxBC,EAAAA,UAAU,EAAE;AAHY,CAA1B","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface TurbulenceProps {\n  freqX: number;\n  freqY: number;\n  octaves: number;\n  seed: number;\n  tileWidth: number;\n  tileHeight: number;\n}\n\nconst onDeclare = createDeclaration<TurbulenceProps>(\n  ({ freqX, freqY, octaves, seed, tileWidth, tileHeight }, _, { Skia }) => {\n    return Skia.Shader.MakeTurbulence(\n      freqX,\n      freqY,\n      octaves,\n      seed,\n      tileWidth,\n      tileHeight\n    );\n  }\n);\n\nexport const Turbulence = (props: AnimatedProps<TurbulenceProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nTurbulence.defaultProps = {\n  seed: 0,\n  tileWidth: 0,\n  tileHeight: 0,\n};\n"]}

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

@@ -7,8 +7,6 @@ exports.TwoPointConicalGradient = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
-
 var _Declaration = require("../../nodes/Declaration");
 
 var _Gradient = require("./Gradient");
@@ -17,7 +15,7 @@ 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,
     startR,
@@ -25,14 +23,17 @@ const onDeclare = (0, _Declaration.createDeclaration)(_ref => {
     endR,
     ...gradientProps
   } = _ref;
+  let {
+    Skia
+  } = _ref2;
   const {
     colors,
     positions,
     mode,
     localMatrix,
     flags
-  } = (0, _Gradient.processGradientProps)(gradientProps);
-  return _skia.Skia.Shader.MakeTwoPointConicalGradient(start, startR, end, endR, colors, positions, mode, localMatrix, flags);
+  } = (0, _Gradient.processGradientProps)(Skia, gradientProps);
+  return Skia.Shader.MakeTwoPointConicalGradient(start, startR, end, endR, colors, positions, mode, localMatrix, flags);
 });
 
 const TwoPointConicalGradient = props => {

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

@@ -1 +1 @@
-{"version":3,"sources":["TwoPointConicalGradient.tsx"],"names":["onDeclare","start","startR","end","endR","gradientProps","colors","positions","mode","localMatrix","flags","Skia","Shader","MakeTwoPointConicalGradient","TwoPointConicalGradient","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAGA;;;;;;AASA,MAAMA,SAAS,GAAG,oCAChB,QAAoD;AAAA,MAAnD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,MAAT;AAAiBC,IAAAA,GAAjB;AAAsBC,IAAAA,IAAtB;AAA4B,OAAGC;AAA/B,GAAmD;AAClD,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,WAA3B;AAAwCC,IAAAA;AAAxC,MACJ,oCAAqBL,aAArB,CADF;AAEA,SAAOM,WAAKC,MAAL,CAAYC,2BAAZ,CACLZ,KADK,EAELC,MAFK,EAGLC,GAHK,EAILC,IAJK,EAKLE,MALK,EAMLC,SANK,EAOLC,IAPK,EAQLC,WARK,EASLC,KATK,CAAP;AAWD,CAfe,CAAlB;;AAkBO,MAAMI,uBAAuB,GAClCC,KADqC,IAElC;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEf;AAA1B,KAAyCe,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport type { Vector, AnimatedProps } from \"../../processors\";\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\n\nimport type { GradientProps } from \"./Gradient\";\nimport { processGradientProps } from \"./Gradient\";\n\nexport interface TwoPointConicalGradientProps extends GradientProps {\n  start: Vector;\n  startR: number;\n  end: Vector;\n  endR: number;\n}\n\nconst onDeclare = createDeclaration<TwoPointConicalGradientProps>(\n  ({ start, startR, end, endR, ...gradientProps }) => {\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(gradientProps);\n    return Skia.Shader.MakeTwoPointConicalGradient(\n      start,\n      startR,\n      end,\n      endR,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags\n    );\n  }\n);\n\nexport const TwoPointConicalGradient = (\n  props: AnimatedProps<TwoPointConicalGradientProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["TwoPointConicalGradient.tsx"],"names":["onDeclare","_","start","startR","end","endR","gradientProps","Skia","colors","positions","mode","localMatrix","flags","Shader","MakeTwoPointConicalGradient","TwoPointConicalGradient","props"],"mappings":";;;;;;;AAAA;;AAGA;;AAIA;;;;;;AASA,MAAMA,SAAS,GAAG,oCAChB,OAAiDC,CAAjD,YAAiE;AAAA,MAAhE;AAAEC,IAAAA,KAAF;AAASC,IAAAA,MAAT;AAAiBC,IAAAA,GAAjB;AAAsBC,IAAAA,IAAtB;AAA4B,OAAGC;AAA/B,GAAgE;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC/D,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,2BAAZ,CACLZ,KADK,EAELC,MAFK,EAGLC,GAHK,EAILC,IAJK,EAKLG,MALK,EAMLC,SANK,EAOLC,IAPK,EAQLC,WARK,EASLC,KATK,CAAP;AAWD,CAfe,CAAlB;;AAkBO,MAAMG,uBAAuB,GAClCC,KADqC,IAElC;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEhB;AAA1B,KAAyCgB,KAAzC,EAAP;AACD,CAJM","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 TwoPointConicalGradientProps extends GradientProps {\n  start: Vector;\n  startR: number;\n  end: Vector;\n  endR: number;\n}\n\nconst onDeclare = createDeclaration<TwoPointConicalGradientProps>(\n  ({ start, startR, end, endR, ...gradientProps }, _, { Skia }) => {\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(Skia, gradientProps);\n    return Skia.Shader.MakeTwoPointConicalGradient(\n      start,\n      startR,\n      end,\n      endR,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags\n    );\n  }\n);\n\nexport const TwoPointConicalGradient = (\n  props: AnimatedProps<TwoPointConicalGradientProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

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

@@ -7,30 +7,30 @@ exports.BoxShadow = exports.Box = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
 var _nodes = require("../../nodes");
 
-var _processors = require("../../processors");
+var _Declaration = require("../../nodes/Declaration");
 
-var _Rects = require("../../processors/Rects");
+var _Color = require("../../processors/Color");
 
-var _Declaration = require("../../nodes/Declaration");
+var _RRect = require("../../../skia/types/RRect");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const inflate = function (box, dx, dy) {
-  let tx = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-  let ty = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-  return (0, _processors.rrect)((0, _Rects.rect)(box.rect.x - dx + tx, box.rect.y - dy + ty, box.rect.width + 2 * dx, box.rect.height + 2 * dy), box.rx + dx, box.ry + dy);
+const inflate = function (Skia, box, dx, dy) {
+  let tx = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  let ty = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+  return Skia.RRectXY(Skia.XYWHRect(box.rect.x - dx + tx, box.rect.y - dy + ty, box.rect.width + 2 * dx, box.rect.height + 2 * dy), box.rx + dx, box.ry + dy);
 };
 
-const deflate = function (box, dx, dy) {
-  let tx = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-  let ty = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-  return inflate(box, -dx, -dy, tx, ty);
+const deflate = function (Skia, box, dx, dy) {
+  let tx = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  let ty = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+  return inflate(Skia, box, -dx, -dy, tx, ty);
 };
 
 const onDeclare = (0, _Declaration.createDeclaration)(_ref => {
@@ -67,12 +67,13 @@ const onDraw = (0, _nodes.createDrawing)((ctx, _ref2, node) => {
   let {
     box: defaultBox
   } = _ref2;
-  const box = (0, _Rects.isRRect)(defaultBox) ? defaultBox : (0, _processors.rrect)(defaultBox, 0, 0);
   const {
     canvas,
     paint,
-    opacity
+    opacity,
+    Skia
   } = ctx;
+  const box = (0, _RRect.isRRect)(defaultBox) ? defaultBox : Skia.RRectXY(defaultBox, 0, 0);
   const shadows = node.visit(ctx).filter(isBoxShadow);
   shadows.filter(shadow => !shadow.inner).map(shadow => {
     const {
@@ -82,12 +83,10 @@ const onDraw = (0, _nodes.createDrawing)((ctx, _ref2, node) => {
       dx = 0,
       dy = 0
     } = shadow;
-
-    const lPaint = _skia.Skia.Paint();
-
-    lPaint.setColor((0, _skia.processColor)(color, opacity));
-    lPaint.setMaskFilter(_skia.Skia.MaskFilter.MakeBlur(_skia.BlurStyle.Normal, blur, true));
-    canvas.drawRRect(inflate(box, spread, spread, dx, dy), lPaint);
+    const lPaint = Skia.Paint();
+    lPaint.setColor((0, _Color.processColor)(Skia, color, opacity));
+    lPaint.setMaskFilter(Skia.MaskFilter.MakeBlur(_types.BlurStyle.Normal, blur, true));
+    canvas.drawRRect(inflate(Skia, box, spread, spread, dx, dy), lPaint);
   });
   canvas.drawRRect(box, paint);
   shadows.filter(shadow => shadow.inner).map(shadow => {
@@ -98,16 +97,14 @@ const onDraw = (0, _nodes.createDrawing)((ctx, _ref2, node) => {
       dx = 0,
       dy = 0
     } = shadow;
-    const delta = (0, _processors.add)((0, _processors.vec)(10, 10), (0, _processors.vec)(Math.abs(dx), Math.abs(dy)));
+    const delta = Skia.Point(10 + Math.abs(dx), 10 + Math.abs(dy));
     canvas.save();
-    canvas.clipRRect(box, _skia.ClipOp.Intersect, false);
-
-    const lPaint = _skia.Skia.Paint();
-
-    lPaint.setColor((0, _skia.processColor)(color, opacity));
-    lPaint.setMaskFilter(_skia.Skia.MaskFilter.MakeBlur(_skia.BlurStyle.Normal, blur, true));
-    const inner = deflate(box, spread, spread, dx, dy);
-    const outer = inflate(box, delta.x, delta.y);
+    canvas.clipRRect(box, _types.ClipOp.Intersect, false);
+    const lPaint = Skia.Paint();
+    lPaint.setColor((0, _Color.processColor)(Skia, color, opacity));
+    lPaint.setMaskFilter(Skia.MaskFilter.MakeBlur(_types.BlurStyle.Normal, blur, true));
+    const inner = deflate(Skia, box, spread, spread, dx, dy);
+    const outer = inflate(Skia, box, delta.x, delta.y);
     canvas.drawDRRect(outer, inner, lPaint);
     canvas.restore();
   });

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

@@ -1 +1 @@
-{"version":3,"sources":["Box.tsx"],"names":["inflate","box","dx","dy","tx","ty","rect","x","y","width","height","rx","ry","deflate","onDeclare","spread","blur","color","inner","__typename__","BoxShadow","props","isBoxShadow","s","onDraw","ctx","node","defaultBox","canvas","paint","opacity","shadows","visit","filter","shadow","map","lPaint","Skia","Paint","setColor","setMaskFilter","MaskFilter","MakeBlur","BlurStyle","Normal","drawRRect","delta","Math","abs","save","clipRRect","ClipOp","Intersect","outer","drawDRRect","restore","Box","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAIA,MAAMA,OAAO,GAAG,UAACC,GAAD,EAAeC,EAAf,EAA2BC,EAA3B;AAAA,MAAuCC,EAAvC,uEAA4C,CAA5C;AAAA,MAA+CC,EAA/C,uEAAoD,CAApD;AAAA,SACd,uBACE,iBACEJ,GAAG,CAACK,IAAJ,CAASC,CAAT,GAAaL,EAAb,GAAkBE,EADpB,EAEEH,GAAG,CAACK,IAAJ,CAASE,CAAT,GAAaL,EAAb,GAAkBE,EAFpB,EAGEJ,GAAG,CAACK,IAAJ,CAASG,KAAT,GAAiB,IAAIP,EAHvB,EAIED,GAAG,CAACK,IAAJ,CAASI,MAAT,GAAkB,IAAIP,EAJxB,CADF,EAOEF,GAAG,CAACU,EAAJ,GAAST,EAPX,EAQED,GAAG,CAACW,EAAJ,GAAST,EARX,CADc;AAAA,CAAhB;;AAYA,MAAMU,OAAO,GAAG,UAACZ,GAAD,EAAeC,EAAf,EAA2BC,EAA3B;AAAA,MAAuCC,EAAvC,uEAA4C,CAA5C;AAAA,MAA+CC,EAA/C,uEAAoD,CAApD;AAAA,SACdL,OAAO,CAACC,GAAD,EAAM,CAACC,EAAP,EAAW,CAACC,EAAZ,EAAgBC,EAAhB,EAAoBC,EAApB,CADO;AAAA,CAAhB;;AAcA,MAAMS,SAAS,GAAG,oCAChB,QAA4C;AAAA,MAA3C;AAAEZ,IAAAA,EAAF;AAAMC,IAAAA,EAAN;AAAUY,IAAAA,MAAV;AAAkBC,IAAAA,IAAlB;AAAwBC,IAAAA,KAAxB;AAA+BC,IAAAA;AAA/B,GAA2C;AAC1C,SAAO;AAAEhB,IAAAA,EAAF;AAAMC,IAAAA,EAAN;AAAUY,IAAAA,MAAV;AAAkBC,IAAAA,IAAlB;AAAwBC,IAAAA,KAAxB;AAA+BC,IAAAA,KAA/B;AAAsCC,IAAAA,YAAY,EAAE;AAApD,GAAP;AACD,CAHe,CAAlB;;AAMO,MAAMC,SAAS,GAAIC,KAAD,IAA0C;AACjE,sBAAO;AAAe,IAAA,SAAS,EAAEP;AAA1B,KAAyCO,KAAzC,EAAP;AACD,CAFM;;;;AAIP,MAAMC,WAAW,GAAIC,CAAD,IAClBA,CAAC,CAACJ,YAAF,KAAmB,WADrB;;AAOA,MAAMK,MAAM,GAAG,0BAAwB,CAACC,GAAD,SAA2BC,IAA3B,KAAoC;AAAA,MAA9B;AAAEzB,IAAAA,GAAG,EAAE0B;AAAP,GAA8B;AACzE,QAAM1B,GAAG,GAAG,oBAAQ0B,UAAR,IAAsBA,UAAtB,GAAmC,uBAAMA,UAAN,EAAkB,CAAlB,EAAqB,CAArB,CAA/C;AACA,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,MAA6BL,GAAnC;AACA,QAAMM,OAAO,GAAGL,IAAI,CAACM,KAAL,CAAWP,GAAX,EAAgBQ,MAAhB,CAAsCX,WAAtC,CAAhB;AACAS,EAAAA,OAAO,CACJE,MADH,CACWC,MAAD,IAAY,CAACA,MAAM,CAAChB,KAD9B,EAEGiB,GAFH,CAEQD,MAAD,IAAY;AACf,UAAM;AAAEjB,MAAAA,KAAK,GAAG,OAAV;AAAmBD,MAAAA,IAAnB;AAAyBD,MAAAA,MAAM,GAAG,CAAlC;AAAqCb,MAAAA,EAAE,GAAG,CAA1C;AAA6CC,MAAAA,EAAE,GAAG;AAAlD,QAAwD+B,MAA9D;;AACA,UAAME,MAAM,GAAGC,WAAKC,KAAL,EAAf;;AACAF,IAAAA,MAAM,CAACG,QAAP,CAAgB,wBAAatB,KAAb,EAAoBa,OAApB,CAAhB;AACAM,IAAAA,MAAM,CAACI,aAAP,CACEH,WAAKI,UAAL,CAAgBC,QAAhB,CAAyBC,gBAAUC,MAAnC,EAA2C5B,IAA3C,EAAiD,IAAjD,CADF;AAGAY,IAAAA,MAAM,CAACiB,SAAP,CAAiB7C,OAAO,CAACC,GAAD,EAAMc,MAAN,EAAcA,MAAd,EAAsBb,EAAtB,EAA0BC,EAA1B,CAAxB,EAAuDiC,MAAvD;AACD,GAVH;AAWAR,EAAAA,MAAM,CAACiB,SAAP,CAAiB5C,GAAjB,EAAsB4B,KAAtB;AAEAE,EAAAA,OAAO,CACJE,MADH,CACWC,MAAD,IAAYA,MAAM,CAAChB,KAD7B,EAEGiB,GAFH,CAEQD,MAAD,IAAY;AACf,UAAM;AAAEjB,MAAAA,KAAK,GAAG,OAAV;AAAmBD,MAAAA,IAAnB;AAAyBD,MAAAA,MAAM,GAAG,CAAlC;AAAqCb,MAAAA,EAAE,GAAG,CAA1C;AAA6CC,MAAAA,EAAE,GAAG;AAAlD,QAAwD+B,MAA9D;AACA,UAAMY,KAAK,GAAG,qBAAI,qBAAI,EAAJ,EAAQ,EAAR,CAAJ,EAAiB,qBAAIC,IAAI,CAACC,GAAL,CAAS9C,EAAT,CAAJ,EAAkB6C,IAAI,CAACC,GAAL,CAAS7C,EAAT,CAAlB,CAAjB,CAAd;AACAyB,IAAAA,MAAM,CAACqB,IAAP;AACArB,IAAAA,MAAM,CAACsB,SAAP,CAAiBjD,GAAjB,EAAsBkD,aAAOC,SAA7B,EAAwC,KAAxC;;AACA,UAAMhB,MAAM,GAAGC,WAAKC,KAAL,EAAf;;AACAF,IAAAA,MAAM,CAACG,QAAP,CAAgB,wBAAatB,KAAb,EAAoBa,OAApB,CAAhB;AACAM,IAAAA,MAAM,CAACI,aAAP,CACEH,WAAKI,UAAL,CAAgBC,QAAhB,CAAyBC,gBAAUC,MAAnC,EAA2C5B,IAA3C,EAAiD,IAAjD,CADF;AAGA,UAAME,KAAK,GAAGL,OAAO,CAACZ,GAAD,EAAMc,MAAN,EAAcA,MAAd,EAAsBb,EAAtB,EAA0BC,EAA1B,CAArB;AACA,UAAMkD,KAAK,GAAGrD,OAAO,CAACC,GAAD,EAAM6C,KAAK,CAACvC,CAAZ,EAAeuC,KAAK,CAACtC,CAArB,CAArB;AACAoB,IAAAA,MAAM,CAAC0B,UAAP,CAAkBD,KAAlB,EAAyBnC,KAAzB,EAAgCkB,MAAhC;AACAR,IAAAA,MAAM,CAAC2B,OAAP;AACD,GAhBH;AAiBD,CAlCc,CAAf;;AAoCO,MAAMC,GAAG,GAAInC,KAAD,IAAoC;AACrD,sBAAO;AAAW,IAAA,MAAM,EAAEG;AAAnB,KAA+BH,KAA/B,EAAP;AACD,CAFM;;;AAIPmC,GAAG,CAACC,YAAJ,GAAmB;AACjB1B,EAAAA,OAAO,EAAE;AADQ,CAAnB","sourcesContent":["import React from \"react\";\n\nimport type { Color, SkRRect } from \"../../../skia\";\nimport { ClipOp, BlurStyle, Skia, processColor } from \"../../../skia\";\nimport { createDrawing } from \"../../nodes\";\nimport type { AnimatedProps, CustomPaintProps } from \"../../processors\";\nimport { add, vec, rrect } from \"../../processors\";\nimport { rect, isRRect } from \"../../processors/Rects\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { SkJSIInstance } from \"../../../skia/JsiInstance\";\nimport type { SkRect } from \"../../../skia/Rect\";\n\nconst inflate = (box: SkRRect, dx: number, dy: number, tx = 0, ty = 0) =>\n  rrect(\n    rect(\n      box.rect.x - dx + tx,\n      box.rect.y - dy + ty,\n      box.rect.width + 2 * dx,\n      box.rect.height + 2 * dy\n    ),\n    box.rx + dx,\n    box.ry + dy\n  );\n\nconst deflate = (box: SkRRect, dx: number, dy: number, tx = 0, ty = 0) =>\n  inflate(box, -dx, -dy, tx, ty);\n\ninterface BoxShadowProps {\n  dx?: number;\n  dy?: number;\n  spread?: number;\n  blur: number;\n  color?: Color;\n  inner?: boolean;\n}\n\ninterface BoxShadowDecl extends BoxShadowProps, SkJSIInstance<\"BoxShadow\"> {}\n\nconst onDeclare = createDeclaration<BoxShadowProps>(\n  ({ dx, dy, spread, blur, color, inner }) => {\n    return { dx, dy, spread, blur, color, inner, __typename__: \"BoxShadow\" };\n  }\n);\n\nexport const BoxShadow = (props: AnimatedProps<BoxShadowProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nconst isBoxShadow = (s: SkJSIInstance<string>): s is BoxShadowDecl =>\n  s.__typename__ === \"BoxShadow\";\n\ninterface BoxProps extends CustomPaintProps {\n  box: SkRRect | SkRect;\n}\n\nconst onDraw = createDrawing<BoxProps>((ctx, { box: defaultBox }, node) => {\n  const box = isRRect(defaultBox) ? defaultBox : rrect(defaultBox, 0, 0);\n  const { canvas, paint, opacity } = ctx;\n  const shadows = node.visit(ctx).filter<BoxShadowDecl>(isBoxShadow);\n  shadows\n    .filter((shadow) => !shadow.inner)\n    .map((shadow) => {\n      const { color = \"black\", blur, spread = 0, dx = 0, dy = 0 } = shadow;\n      const lPaint = Skia.Paint();\n      lPaint.setColor(processColor(color, opacity));\n      lPaint.setMaskFilter(\n        Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)\n      );\n      canvas.drawRRect(inflate(box, spread, spread, dx, dy), lPaint);\n    });\n  canvas.drawRRect(box, paint);\n\n  shadows\n    .filter((shadow) => shadow.inner)\n    .map((shadow) => {\n      const { color = \"black\", blur, spread = 0, dx = 0, dy = 0 } = shadow;\n      const delta = add(vec(10, 10), vec(Math.abs(dx), Math.abs(dy)));\n      canvas.save();\n      canvas.clipRRect(box, ClipOp.Intersect, false);\n      const lPaint = Skia.Paint();\n      lPaint.setColor(processColor(color, opacity));\n      lPaint.setMaskFilter(\n        Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)\n      );\n      const inner = deflate(box, spread, spread, dx, dy);\n      const outer = inflate(box, delta.x, delta.y);\n      canvas.drawDRRect(outer, inner, lPaint);\n      canvas.restore();\n    });\n});\n\nexport const Box = (props: AnimatedProps<BoxProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nBox.defaultProps = {\n  shadows: [],\n};\n"]}
+{"version":3,"sources":["Box.tsx"],"names":["inflate","Skia","box","dx","dy","tx","ty","RRectXY","XYWHRect","rect","x","y","width","height","rx","ry","deflate","onDeclare","spread","blur","color","inner","__typename__","BoxShadow","props","isBoxShadow","s","onDraw","ctx","node","defaultBox","canvas","paint","opacity","shadows","visit","filter","shadow","map","lPaint","Paint","setColor","setMaskFilter","MaskFilter","MakeBlur","BlurStyle","Normal","drawRRect","delta","Point","Math","abs","save","clipRRect","ClipOp","Intersect","outer","drawDRRect","restore","Box","defaultProps"],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport type {\n  Color,\n  SkRRect,\n  SkJSIInstance,\n  SkRect,\n  Skia,\n} from \"../../../skia/types\";\nimport { ClipOp, BlurStyle } from \"../../../skia/types\";\nimport { createDrawing } from \"../../nodes\";\nimport type { AnimatedProps, CustomPaintProps } from \"../../processors\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport { processColor } from \"../../processors/Color\";\nimport { isRRect } from \"../../../skia/types/RRect\";\n\nconst inflate = (\n  Skia: Skia,\n  box: SkRRect,\n  dx: number,\n  dy: number,\n  tx = 0,\n  ty = 0\n) =>\n  Skia.RRectXY(\n    Skia.XYWHRect(\n      box.rect.x - dx + tx,\n      box.rect.y - dy + ty,\n      box.rect.width + 2 * dx,\n      box.rect.height + 2 * dy\n    ),\n    box.rx + dx,\n    box.ry + dy\n  );\n\nconst deflate = (\n  Skia: Skia,\n  box: SkRRect,\n  dx: number,\n  dy: number,\n  tx = 0,\n  ty = 0\n) => inflate(Skia, box, -dx, -dy, tx, ty);\n\ninterface BoxShadowProps {\n  dx?: number;\n  dy?: number;\n  spread?: number;\n  blur: number;\n  color?: Color;\n  inner?: boolean;\n}\n\ninterface BoxShadowDecl extends BoxShadowProps, SkJSIInstance<\"BoxShadow\"> {}\n\nconst onDeclare = createDeclaration<BoxShadowProps>(\n  ({ dx, dy, spread, blur, color, inner }) => {\n    return { dx, dy, spread, blur, color, inner, __typename__: \"BoxShadow\" };\n  }\n);\n\nexport const BoxShadow = (props: AnimatedProps<BoxShadowProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nconst isBoxShadow = (s: SkJSIInstance<string>): s is BoxShadowDecl =>\n  s.__typename__ === \"BoxShadow\";\n\ninterface BoxProps extends CustomPaintProps {\n  box: SkRRect | SkRect;\n}\n\nconst onDraw = createDrawing<BoxProps>((ctx, { box: defaultBox }, node) => {\n  const { canvas, paint, opacity, Skia } = ctx;\n  const box = isRRect(defaultBox) ? defaultBox : Skia.RRectXY(defaultBox, 0, 0);\n  const shadows = node.visit(ctx).filter<BoxShadowDecl>(isBoxShadow);\n  shadows\n    .filter((shadow) => !shadow.inner)\n    .map((shadow) => {\n      const { color = \"black\", blur, spread = 0, dx = 0, dy = 0 } = shadow;\n      const lPaint = Skia.Paint();\n      lPaint.setColor(processColor(Skia, color, opacity));\n      lPaint.setMaskFilter(\n        Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)\n      );\n      canvas.drawRRect(inflate(Skia, box, spread, spread, dx, dy), lPaint);\n    });\n  canvas.drawRRect(box, paint);\n\n  shadows\n    .filter((shadow) => shadow.inner)\n    .map((shadow) => {\n      const { color = \"black\", blur, spread = 0, dx = 0, dy = 0 } = shadow;\n      const delta = Skia.Point(10 + Math.abs(dx), 10 + Math.abs(dy));\n      canvas.save();\n      canvas.clipRRect(box, ClipOp.Intersect, false);\n      const lPaint = Skia.Paint();\n      lPaint.setColor(processColor(Skia, color, opacity));\n      lPaint.setMaskFilter(\n        Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)\n      );\n      const inner = deflate(Skia, box, spread, spread, dx, dy);\n      const outer = inflate(Skia, box, delta.x, delta.y);\n      canvas.drawDRRect(outer, inner, lPaint);\n      canvas.restore();\n    });\n});\n\nexport const Box = (props: AnimatedProps<BoxProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nBox.defaultProps = {\n  shadows: [],\n};\n"]}

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

@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Drawing = require("../../nodes/Drawing");
 
-var _Vector = require("../../processors/math/Vector");
-
 var _processors = require("../../processors");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -20,12 +18,13 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 const onDraw = (0, _Drawing.createDrawing)((_ref, def) => {
   let {
     canvas,
-    paint
+    paint,
+    Skia
   } = _ref;
   const {
     c,
     r
-  } = (0, _processors.processCircle)(def);
+  } = (0, _processors.processCircle)(Skia, def);
   canvas.drawCircle(c.x, c.y, r, paint);
 });
 
@@ -37,6 +36,9 @@ const Circle = props => {
 
 exports.Circle = Circle;
 Circle.defaultProps = {
-  c: (0, _Vector.vec)(0, 0)
+  c: {
+    x: 0,
+    y: 0
+  }
 };
 //# sourceMappingURL=Circle.js.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["FitBox.tsx"],"names":["fitbox","fit","src","dst","rects","FitBox","children","transform","defaultProps"],"mappings":";;;;;;;AACA;;AAGA;;AAEA;;;;;;AASO,MAAMA,MAAM,GAAG,CAACC,GAAD,EAAWC,GAAX,EAAwBC,GAAxB,KAAwC;AAC5D,QAAMC,KAAK,GAAG,qBAASH,GAAT,EAAcC,GAAd,EAAmBC,GAAnB,CAAd;AACA,SAAO,sBAAUC,KAAK,CAACF,GAAhB,EAAqBE,KAAK,CAACD,GAA3B,CAAP;AACD,CAHM;;;;AAKA,MAAME,MAAM,GAAG,QAA2C;AAAA,MAA1C;AAAEJ,IAAAA,GAAF;AAAOC,IAAAA,GAAP;AAAYC,IAAAA,GAAZ;AAAiBG,IAAAA;AAAjB,GAA0C;AAC/D,QAAMC,SAAS,GAAG,oBAAQ,MAAMP,MAAM,CAACC,GAAD,EAAMC,GAAN,EAAWC,GAAX,CAApB,EAAqC,CAACA,GAAD,EAAMF,GAAN,EAAWC,GAAX,CAArC,CAAlB;AACA,sBAAO,6BAAC,YAAD;AAAO,IAAA,SAAS,EAAEK;AAAlB,KAA8BD,QAA9B,CAAP;AACD,CAHM;;;AAKPD,MAAM,CAACG,YAAP,GAAsB;AACpBP,EAAAA,GAAG,EAAE;AADe,CAAtB","sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useMemo } from \"react\";\n\nimport type { Fit } from \"../image\";\nimport { rect2rect, fitRects } from \"../image\";\nimport type { SkRect } from \"../../../skia\";\nimport { Group } from \"../Group\";\n\ninterface FitProps {\n  fit: Fit;\n  src: SkRect;\n  dst: SkRect;\n  children: ReactNode | ReactNode[];\n}\n\nexport const fitbox = (fit: Fit, src: SkRect, dst: SkRect) => {\n  const rects = fitRects(fit, src, dst);\n  return rect2rect(rects.src, rects.dst);\n};\n\nexport const FitBox = ({ fit, src, dst, children }: FitProps) => {\n  const transform = useMemo(() => fitbox(fit, src, dst), [dst, fit, src]);\n  return <Group transform={transform}>{children}</Group>;\n};\n\nFitBox.defaultProps = {\n  fit: \"contain\",\n};\n"]}
+{"version":3,"sources":["FitBox.tsx"],"names":["fitbox","fit","src","dst","rects","FitBox","children","transform","defaultProps"],"mappings":";;;;;;;AACA;;AAGA;;AAEA;;;;;;AASO,MAAMA,MAAM,GAAG,CAACC,GAAD,EAAWC,GAAX,EAAwBC,GAAxB,KAAwC;AAC5D,QAAMC,KAAK,GAAG,qBAASH,GAAT,EAAcC,GAAd,EAAmBC,GAAnB,CAAd;AACA,SAAO,sBAAUC,KAAK,CAACF,GAAhB,EAAqBE,KAAK,CAACD,GAA3B,CAAP;AACD,CAHM;;;;AAKA,MAAME,MAAM,GAAG,QAA2C;AAAA,MAA1C;AAAEJ,IAAAA,GAAF;AAAOC,IAAAA,GAAP;AAAYC,IAAAA,GAAZ;AAAiBG,IAAAA;AAAjB,GAA0C;AAC/D,QAAMC,SAAS,GAAG,oBAAQ,MAAMP,MAAM,CAACC,GAAD,EAAMC,GAAN,EAAWC,GAAX,CAApB,EAAqC,CAACA,GAAD,EAAMF,GAAN,EAAWC,GAAX,CAArC,CAAlB;AACA,sBAAO,6BAAC,YAAD;AAAO,IAAA,SAAS,EAAEK;AAAlB,KAA8BD,QAA9B,CAAP;AACD,CAHM;;;AAKPD,MAAM,CAACG,YAAP,GAAsB;AACpBP,EAAAA,GAAG,EAAE;AADe,CAAtB","sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useMemo } from \"react\";\n\nimport type { Fit } from \"../image\";\nimport { rect2rect, fitRects } from \"../image\";\nimport type { SkRect } from \"../../../skia/types\";\nimport { Group } from \"../Group\";\n\ninterface FitProps {\n  fit: Fit;\n  src: SkRect;\n  dst: SkRect;\n  children: ReactNode | ReactNode[];\n}\n\nexport const fitbox = (fit: Fit, src: SkRect, dst: SkRect) => {\n  const rects = fitRects(fit, src, dst);\n  return rect2rect(rects.src, rects.dst);\n};\n\nexport const FitBox = ({ fit, src, dst, children }: FitProps) => {\n  const transform = useMemo(() => fitbox(fit, src, dst), [dst, fit, src]);\n  return <Group transform={transform}>{children}</Group>;\n};\n\nFitBox.defaultProps = {\n  fit: \"contain\",\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Line.tsx"],"names":["onDraw","canvas","paint","p1","p2","drawLine","x","y","Line","props"],"mappings":";;;;;;;AAAA;;AAGA;;;;;;AAMA,MAAMA,MAAM,GAAG,4BAAyB,iBAAmC;AAAA,MAAlC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAkC;AAAA,MAAf;AAAEC,IAAAA,EAAF;AAAMC,IAAAA;AAAN,GAAe;AACzEH,EAAAA,MAAM,CAACI,QAAP,CAAgBF,EAAE,CAACG,CAAnB,EAAsBH,EAAE,CAACI,CAAzB,EAA4BH,EAAE,CAACE,CAA/B,EAAkCF,EAAE,CAACG,CAArC,EAAwCL,KAAxC;AACD,CAFc,CAAf;;AAIO,MAAMM,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAET;AAAnB,KAA+BS,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps, Vector, AnimatedProps } from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\n\nexport interface LineProps extends CustomPaintProps {\n  p1: Vector;\n  p2: Vector;\n}\nconst onDraw = createDrawing<LineProps>(({ canvas, paint }, { p1, p2 }) => {\n  canvas.drawLine(p1.x, p1.y, p2.x, p2.y, paint);\n});\n\nexport const Line = (props: AnimatedProps<LineProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}
+{"version":3,"sources":["Line.tsx"],"names":["onDraw","canvas","paint","p1","p2","drawLine","x","y","Line","props"],"mappings":";;;;;;;AAAA;;AAGA;;;;;;AAOA,MAAMA,MAAM,GAAG,4BAAyB,iBAAmC;AAAA,MAAlC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAkC;AAAA,MAAf;AAAEC,IAAAA,EAAF;AAAMC,IAAAA;AAAN,GAAe;AACzEH,EAAAA,MAAM,CAACI,QAAP,CAAgBF,EAAE,CAACG,CAAnB,EAAsBH,EAAE,CAACI,CAAzB,EAA4BH,EAAE,CAACE,CAA/B,EAAkCF,EAAE,CAACG,CAArC,EAAwCL,KAAxC;AACD,CAFc,CAAf;;AAIO,MAAMM,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAET;AAAnB,KAA+BS,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps, AnimatedProps } from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\nimport type { Vector } from \"../../../skia/types\";\n\nexport interface LineProps extends CustomPaintProps {\n  p1: Vector;\n  p2: Vector;\n}\nconst onDraw = createDrawing<LineProps>(({ canvas, paint }, { p1, p2 }) => {\n  canvas.drawLine(p1.x, p1.y, p2.x, p2.y, paint);\n});\n\nexport const Line = (props: AnimatedProps<LineProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}

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

@@ -18,9 +18,10 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 const onDraw = (0, _nodes.createDrawing)((_ref, rectProps) => {
   let {
     canvas,
-    paint
+    paint,
+    Skia
   } = _ref;
-  const rect = (0, _processors.processRect)(rectProps);
+  const rect = (0, _processors.processRect)(Skia, rectProps);
   canvas.drawOval(rect, paint);
 });
 

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

@@ -1 +1 @@
-{"version":3,"sources":["Oval.tsx"],"names":["onDraw","rectProps","canvas","paint","rect","drawOval","Oval","props","defaultProps","x","y"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;;;;;AAIA,MAAMA,MAAM,GAAG,0BAAyB,OAAoBC,SAApB,KAAkC;AAAA,MAAjC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAiC;AACxE,QAAMC,IAAI,GAAG,6BAAYH,SAAZ,CAAb;AACAC,EAAAA,MAAM,CAACG,QAAP,CAAgBD,IAAhB,EAAsBD,KAAtB;AACD,CAHc,CAAf;;AAKO,MAAMG,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAEP;AAAnB,KAA+BO,KAA/B,EAAP;AACD,CAFM;;;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBC,EAAAA,CAAC,EAAE,CADe;AAElBC,EAAAA,CAAC,EAAE;AAFe,CAApB","sourcesContent":["import React from \"react\";\n\nimport type {\n  CustomPaintProps,\n  RectDef,\n  AnimatedProps,\n} from \"../../processors\";\nimport { processRect } from \"../../processors\";\nimport { createDrawing } from \"../../nodes\";\n\nexport type OvalProps = RectDef & CustomPaintProps;\n\nconst onDraw = createDrawing<OvalProps>(({ canvas, paint }, rectProps) => {\n  const rect = processRect(rectProps);\n  canvas.drawOval(rect, paint);\n});\n\nexport const Oval = (props: AnimatedProps<OvalProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nOval.defaultProps = {\n  x: 0,\n  y: 0,\n};\n"]}
+{"version":3,"sources":["Oval.tsx"],"names":["onDraw","rectProps","canvas","paint","Skia","rect","drawOval","Oval","props","defaultProps","x","y"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;;;;;AAIA,MAAMA,MAAM,GAAG,0BACb,OAA0BC,SAA1B,KAAwC;AAAA,MAAvC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,GAAuC;AACtC,QAAMC,IAAI,GAAG,6BAAYD,IAAZ,EAAkBH,SAAlB,CAAb;AACAC,EAAAA,MAAM,CAACI,QAAP,CAAgBD,IAAhB,EAAsBF,KAAtB;AACD,CAJY,CAAf;;AAOO,MAAMI,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAER;AAAnB,KAA+BQ,KAA/B,EAAP;AACD,CAFM;;;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBC,EAAAA,CAAC,EAAE,CADe;AAElBC,EAAAA,CAAC,EAAE;AAFe,CAApB","sourcesContent":["import React from \"react\";\n\nimport type {\n  CustomPaintProps,\n  RectDef,\n  AnimatedProps,\n} from \"../../processors\";\nimport { processRect } from \"../../processors\";\nimport { createDrawing } from \"../../nodes\";\n\nexport type OvalProps = RectDef & CustomPaintProps;\n\nconst onDraw = createDrawing<OvalProps>(\n  ({ canvas, paint, Skia }, rectProps) => {\n    const rect = processRect(Skia, rectProps);\n    canvas.drawOval(rect, paint);\n  }\n);\n\nexport const Oval = (props: AnimatedProps<OvalProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nOval.defaultProps = {\n  x: 0,\n  y: 0,\n};\n"]}

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

@@ -9,11 +9,11 @@ var _react = _interopRequireDefault(require("react"));
 
 var _processors = require("../../processors");
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
 var _nodes = require("../../nodes");
 
-var _Color = require("../../../skia/Color");
+var _Color = require("../../processors/Color");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -23,7 +23,8 @@ const onDraw = (0, _nodes.createDrawing)((_ref, _ref2) => {
   let {
     canvas,
     paint,
-    opacity
+    opacity,
+    Skia
   } = _ref;
   let {
     colors,
@@ -32,14 +33,14 @@ const onDraw = (0, _nodes.createDrawing)((_ref, _ref2) => {
     blendMode
   } = _ref2;
   // If the colors are provided, the default blendMode is set to dstOver, if not, the default is set to srcOver
-  const defaultBlendMode = colors ? _skia.BlendMode.DstOver : _skia.BlendMode.SrcOver;
-  const mode = blendMode ? _skia.BlendMode[(0, _processors.enumKey)(blendMode)] : defaultBlendMode;
+  const defaultBlendMode = colors ? _types.BlendMode.DstOver : _types.BlendMode.SrcOver;
+  const mode = blendMode ? _types.BlendMode[(0, _processors.enumKey)(blendMode)] : defaultBlendMode;
   canvas.drawPatch( // Patch requires a path with the following constraints:
   // M tl
   // C c1 c2 br
   // C c1 c2 bl
   // C c1 c2 tl (the redundant point in the last command is removed)
-  [patch[0].pos, patch[0].c2, patch[1].c1, patch[1].pos, patch[1].c2, patch[2].c1, patch[2].pos, patch[2].c2, patch[3].c1, patch[3].pos, patch[3].c2, patch[0].c1], colors ? colors.map(c => (0, _Color.processColor)(c, opacity)) : undefined, texture, mode, paint);
+  [patch[0].pos, patch[0].c2, patch[1].c1, patch[1].pos, patch[1].c2, patch[2].c1, patch[2].pos, patch[2].c2, patch[3].c1, patch[3].pos, patch[3].c2, patch[0].c1], colors ? colors.map(c => (0, _Color.processColor)(Skia, c, opacity)) : undefined, texture, mode, paint);
 });
 
 const Patch = props => {