@shopify/react-native-skia 0.1.130 → 0.1.133

package/lib/module/renderer/components/colorFilters/BlendColor.js

@@ -1,17 +1,20 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from "react";
-import { BlendMode, Skia } from "../../../skia";
+import { BlendMode } from "../../../skia/types";
 import { createDeclaration } from "../../nodes";
 import { enumKey } from "../../processors";
 import { composeColorFilter } from "./Compose";
-const onDeclare = createDeclaration((_ref, children) => {
+const onDeclare = createDeclaration((_ref, children, _ref2) => {
   let {
     mode,
     color
   } = _ref;
+  let {
+    Skia
+  } = _ref2;
   const cf = Skia.ColorFilter.MakeBlend(Skia.Color(color), BlendMode[enumKey(mode)]);
-  return composeColorFilter(cf, children);
+  return composeColorFilter(Skia, cf, children);
 });
 export const BlendColor = props => {
   return /*#__PURE__*/React.createElement("skDeclaration", _extends({

package/lib/module/renderer/components/colorFilters/BlendColor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["BlendColor.tsx"],"names":["React","BlendMode","Skia","createDeclaration","enumKey","composeColorFilter","onDeclare","children","mode","color","cf","ColorFilter","MakeBlend","Color","BlendColor","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAIA,SAASC,SAAT,EAAoBC,IAApB,QAAgC,eAAhC;AACA,SAASC,iBAAT,QAAkC,aAAlC;AAEA,SAASC,OAAT,QAAwB,kBAAxB;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AAQA,MAAMC,SAAS,GAAGH,iBAAiB,CACjC,OAAkBI,QAAlB,KAA+B;AAAA,MAA9B;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAA8B;AAC7B,QAAMC,EAAE,GAAGR,IAAI,CAACS,WAAL,CAAiBC,SAAjB,CACTV,IAAI,CAACW,KAAL,CAAWJ,KAAX,CADS,EAETR,SAAS,CAACG,OAAO,CAACI,IAAD,CAAR,CAFA,CAAX;AAIA,SAAOH,kBAAkB,CAACK,EAAD,EAAKH,QAAL,CAAzB;AACD,CAPgC,CAAnC;AAUA,OAAO,MAAMO,UAAU,GAAIC,KAAD,IAA2C;AACnE,sBAAO;AAAe,IAAA,SAAS,EAAET;AAA1B,KAAyCS,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport type { Color } from \"../../../skia\";\nimport { BlendMode, Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes\";\nimport type { SkEnum, AnimatedProps } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\n\nimport { composeColorFilter } from \"./Compose\";\n\nexport interface BlendColorProps {\n  mode: SkEnum<typeof BlendMode>;\n  color: Color;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<BlendColorProps>(\n  ({ mode, color }, children) => {\n    const cf = Skia.ColorFilter.MakeBlend(\n      Skia.Color(color),\n      BlendMode[enumKey(mode)]\n    );\n    return composeColorFilter(cf, children);\n  }\n);\n\nexport const BlendColor = (props: AnimatedProps<BlendColorProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["BlendColor.tsx"],"names":["React","BlendMode","createDeclaration","enumKey","composeColorFilter","onDeclare","children","mode","color","Skia","cf","ColorFilter","MakeBlend","Color","BlendColor","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAIA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,iBAAT,QAAkC,aAAlC;AAEA,SAASC,OAAT,QAAwB,kBAAxB;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AAQA,MAAMC,SAAS,GAAGH,iBAAiB,CACjC,OAAkBI,QAAlB,YAAyC;AAAA,MAAxC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAAwC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACvC,QAAMC,EAAE,GAAGD,IAAI,CAACE,WAAL,CAAiBC,SAAjB,CACTH,IAAI,CAACI,KAAL,CAAWL,KAAX,CADS,EAETP,SAAS,CAACE,OAAO,CAACI,IAAD,CAAR,CAFA,CAAX;AAIA,SAAOH,kBAAkB,CAACK,IAAD,EAAOC,EAAP,EAAWJ,QAAX,CAAzB;AACD,CAPgC,CAAnC;AAUA,OAAO,MAAMQ,UAAU,GAAIC,KAAD,IAA2C;AACnE,sBAAO;AAAe,IAAA,SAAS,EAAEV;AAA1B,KAAyCU,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport type { Color } from \"../../../skia/types\";\nimport { BlendMode } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes\";\nimport type { SkEnum, AnimatedProps } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\n\nimport { composeColorFilter } from \"./Compose\";\n\nexport interface BlendColorProps {\n  mode: SkEnum<typeof BlendMode>;\n  color: Color;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<BlendColorProps>(\n  ({ mode, color }, children, { Skia }) => {\n    const cf = Skia.ColorFilter.MakeBlend(\n      Skia.Color(color),\n      BlendMode[enumKey(mode)]\n    );\n    return composeColorFilter(Skia, cf, children);\n  }\n);\n\nexport const BlendColor = (props: AnimatedProps<BlendColorProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/colorFilters/Compose.js

@@ -1,5 +1,5 @@
-import { isColorFilter, isImageFilter, Skia } from "../../../skia";
-export const composeColorFilter = (cf, children) => {
+import { isColorFilter, isImageFilter } from "../../../skia/types";
+export const composeColorFilter = (Skia, cf, children) => {
   const [col] = children.filter(isColorFilter);
   const [img] = children.filter(isImageFilter);
 

package/lib/module/renderer/components/colorFilters/Compose.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Compose.ts"],"names":["isColorFilter","isImageFilter","Skia","composeColorFilter","cf","children","col","filter","img","ColorFilter","MakeCompose","ImageFilter","MakeColorFilter"],"mappings":"AACA,SAASA,aAAT,EAAwBC,aAAxB,EAAuCC,IAAvC,QAAmD,eAAnD;AAGA,OAAO,MAAMC,kBAAkB,GAAG,CAChCC,EADgC,EAEhCC,QAFgC,KAG7B;AACH,QAAM,CAACC,GAAD,IAAQD,QAAQ,CAACE,MAAT,CAAgBP,aAAhB,CAAd;AACA,QAAM,CAACQ,GAAD,IAAQH,QAAQ,CAACE,MAAT,CAAgBN,aAAhB,CAAd;;AACA,MAAIK,GAAJ,EAAS;AACP,WAAOJ,IAAI,CAACO,WAAL,CAAiBC,WAAjB,CAA6BN,EAA7B,EAAiCE,GAAjC,CAAP;AACD,GAFD,MAEO,IAAIE,GAAJ,EAAS;AACd,WAAON,IAAI,CAACS,WAAL,CAAiBC,eAAjB,CAAiCR,EAAjC,EAAqCI,GAArC,CAAP;AACD;;AACD,SAAOJ,EAAP;AACD,CAZM","sourcesContent":["import type { SkColorFilter } from \"../../../skia\";\nimport { isColorFilter, isImageFilter, Skia } from \"../../../skia\";\nimport type { DeclarationResult } from \"../../nodes\";\n\nexport const composeColorFilter = (\n  cf: SkColorFilter,\n  children: DeclarationResult[]\n) => {\n  const [col] = children.filter(isColorFilter);\n  const [img] = children.filter(isImageFilter);\n  if (col) {\n    return Skia.ColorFilter.MakeCompose(cf, col);\n  } else if (img) {\n    return Skia.ImageFilter.MakeColorFilter(cf, img);\n  }\n  return cf;\n};\n"]}
+{"version":3,"sources":["Compose.ts"],"names":["isColorFilter","isImageFilter","composeColorFilter","Skia","cf","children","col","filter","img","ColorFilter","MakeCompose","ImageFilter","MakeColorFilter"],"mappings":"AACA,SAASA,aAAT,EAAwBC,aAAxB,QAA6C,qBAA7C;AAGA,OAAO,MAAMC,kBAAkB,GAAG,CAChCC,IADgC,EAEhCC,EAFgC,EAGhCC,QAHgC,KAI7B;AACH,QAAM,CAACC,GAAD,IAAQD,QAAQ,CAACE,MAAT,CAAgBP,aAAhB,CAAd;AACA,QAAM,CAACQ,GAAD,IAAQH,QAAQ,CAACE,MAAT,CAAgBN,aAAhB,CAAd;;AACA,MAAIK,GAAJ,EAAS;AACP,WAAOH,IAAI,CAACM,WAAL,CAAiBC,WAAjB,CAA6BN,EAA7B,EAAiCE,GAAjC,CAAP;AACD,GAFD,MAEO,IAAIE,GAAJ,EAAS;AACd,WAAOL,IAAI,CAACQ,WAAL,CAAiBC,eAAjB,CAAiCR,EAAjC,EAAqCI,GAArC,CAAP;AACD;;AACD,SAAOJ,EAAP;AACD,CAbM","sourcesContent":["import type { SkColorFilter, Skia } from \"../../../skia/types\";\nimport { isColorFilter, isImageFilter } from \"../../../skia/types\";\nimport type { DeclarationResult } from \"../../nodes\";\n\nexport const composeColorFilter = (\n  Skia: Skia,\n  cf: SkColorFilter,\n  children: DeclarationResult[]\n) => {\n  const [col] = children.filter(isColorFilter);\n  const [img] = children.filter(isImageFilter);\n  if (col) {\n    return Skia.ColorFilter.MakeCompose(cf, col);\n  } else if (img) {\n    return Skia.ImageFilter.MakeColorFilter(cf, img);\n  }\n  return cf;\n};\n"]}

package/lib/module/renderer/components/colorFilters/Lerp.js

@@ -1,16 +1,19 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from "react";
-import { Skia, isColorFilter } from "../../../skia";
+import { isColorFilter } from "../../../skia/types";
 import { createDeclaration } from "../../nodes/Declaration";
 import { composeColorFilter } from "./Compose";
-const onDeclare = createDeclaration((_ref, children) => {
+const onDeclare = createDeclaration((_ref, children, _ref2) => {
   let {
     t
   } = _ref;
+  let {
+    Skia
+  } = _ref2;
   const [src, dst] = children.filter(isColorFilter);
   const cf = Skia.ColorFilter.MakeLerp(t, src, dst);
-  return composeColorFilter(cf, children.filter(c => c !== src && c !== dst));
+  return composeColorFilter(Skia, cf, children.filter(c => c !== src && c !== dst));
 });
 export const Lerp = props => {
   return /*#__PURE__*/React.createElement("skDeclaration", _extends({

package/lib/module/renderer/components/colorFilters/Lerp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Lerp.tsx"],"names":["React","Skia","isColorFilter","createDeclaration","composeColorFilter","onDeclare","children","t","src","dst","filter","cf","ColorFilter","MakeLerp","c","Lerp","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,EAAeC,aAAf,QAAoC,eAApC;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,kBAAT,QAAmC,WAAnC;AAOA,MAAMC,SAAS,GAAGF,iBAAiB,CAAY,OAAQG,QAAR,KAAqB;AAAA,MAApB;AAAEC,IAAAA;AAAF,GAAoB;AAClE,QAAM,CAACC,GAAD,EAAMC,GAAN,IAAaH,QAAQ,CAACI,MAAT,CAAgBR,aAAhB,CAAnB;AACA,QAAMS,EAAE,GAAGV,IAAI,CAACW,WAAL,CAAiBC,QAAjB,CAA0BN,CAA1B,EAA6BC,GAA7B,EAAkCC,GAAlC,CAAX;AACA,SAAOL,kBAAkB,CACvBO,EADuB,EAEvBL,QAAQ,CAACI,MAAT,CAAiBI,CAAD,IAAOA,CAAC,KAAKN,GAAN,IAAaM,CAAC,KAAKL,GAA1C,CAFuB,CAAzB;AAID,CAPkC,CAAnC;AASA,OAAO,MAAMM,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAe,IAAA,SAAS,EAAEX;AAA1B,KAAyCW,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia, isColorFilter } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { composeColorFilter } from \"./Compose\";\n\nexport interface LerpProps {\n  t: number;\n  children: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<LerpProps>(({ t }, children) => {\n  const [src, dst] = children.filter(isColorFilter);\n  const cf = Skia.ColorFilter.MakeLerp(t, src, dst);\n  return composeColorFilter(\n    cf,\n    children.filter((c) => c !== src && c !== dst)\n  );\n});\n\nexport const Lerp = (props: AnimatedProps<LerpProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["Lerp.tsx"],"names":["React","isColorFilter","createDeclaration","composeColorFilter","onDeclare","children","t","Skia","src","dst","filter","cf","ColorFilter","MakeLerp","c","Lerp","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,aAAT,QAA8B,qBAA9B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,kBAAT,QAAmC,WAAnC;AAOA,MAAMC,SAAS,GAAGF,iBAAiB,CAAY,OAAQG,QAAR,YAA+B;AAAA,MAA9B;AAAEC,IAAAA;AAAF,GAA8B;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC5E,QAAM,CAACC,GAAD,EAAMC,GAAN,IAAaJ,QAAQ,CAACK,MAAT,CAAgBT,aAAhB,CAAnB;AACA,QAAMU,EAAE,GAAGJ,IAAI,CAACK,WAAL,CAAiBC,QAAjB,CAA0BP,CAA1B,EAA6BE,GAA7B,EAAkCC,GAAlC,CAAX;AACA,SAAON,kBAAkB,CACvBI,IADuB,EAEvBI,EAFuB,EAGvBN,QAAQ,CAACK,MAAT,CAAiBI,CAAD,IAAOA,CAAC,KAAKN,GAAN,IAAaM,CAAC,KAAKL,GAA1C,CAHuB,CAAzB;AAKD,CARkC,CAAnC;AAUA,OAAO,MAAMM,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KAAyCY,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { isColorFilter } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { composeColorFilter } from \"./Compose\";\n\nexport interface LerpProps {\n  t: number;\n  children: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<LerpProps>(({ t }, children, { Skia }) => {\n  const [src, dst] = children.filter(isColorFilter);\n  const cf = Skia.ColorFilter.MakeLerp(t, src, dst);\n  return composeColorFilter(\n    Skia,\n    cf,\n    children.filter((c) => c !== src && c !== dst)\n  );\n});\n\nexport const Lerp = (props: AnimatedProps<LerpProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/colorFilters/LinearToSRGBGamma.js

@@ -1,13 +1,15 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from "react";
-import { Skia } from "../../../skia";
 import { createDeclaration } from "../../nodes/Declaration";
 import { composeColorFilter } from "./Compose"; // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
-const onDeclare = createDeclaration((_props, children) => {
+const onDeclare = createDeclaration((_props, children, _ref) => {
+  let {
+    Skia
+  } = _ref;
   const cf = Skia.ColorFilter.MakeLinearToSRGBGamma();
-  return composeColorFilter(cf, children);
+  return composeColorFilter(Skia, cf, children);
 });
 export const LinearToSRGBGamma = props => {
   return /*#__PURE__*/React.createElement("skDeclaration", _extends({

package/lib/module/renderer/components/colorFilters/LinearToSRGBGamma.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LinearToSRGBGamma.tsx"],"names":["React","Skia","createDeclaration","composeColorFilter","onDeclare","_props","children","cf","ColorFilter","MakeLinearToSRGBGamma","LinearToSRGBGamma","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,kBAAT,QAAmC,WAAnC,C,CAEA;;AAGA,MAAMC,SAAS,GAAGF,iBAAiB,CAAC,CAACG,MAAD,EAASC,QAAT,KAAsB;AACxD,QAAMC,EAAE,GAAGN,IAAI,CAACO,WAAL,CAAiBC,qBAAjB,EAAX;AACA,SAAON,kBAAkB,CAACI,EAAD,EAAKD,QAAL,CAAzB;AACD,CAHkC,CAAnC;AAKA,OAAO,MAAMI,iBAAiB,GAC5BC,KAD+B,IAE5B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEP;AAA1B,KAAyCO,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { composeColorFilter } from \"./Compose\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface LinearToSRGBGammaProps {}\n\nconst onDeclare = createDeclaration((_props, children) => {\n  const cf = Skia.ColorFilter.MakeLinearToSRGBGamma();\n  return composeColorFilter(cf, children);\n});\n\nexport const LinearToSRGBGamma = (\n  props: AnimatedProps<LinearToSRGBGammaProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["LinearToSRGBGamma.tsx"],"names":["React","createDeclaration","composeColorFilter","onDeclare","_props","children","Skia","cf","ColorFilter","MakeLinearToSRGBGamma","LinearToSRGBGamma","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,kBAAT,QAAmC,WAAnC,C,CAEA;;AAGA,MAAMC,SAAS,GAAGF,iBAAiB,CAAC,CAACG,MAAD,EAASC,QAAT,WAAgC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAClE,QAAMC,EAAE,GAAGD,IAAI,CAACE,WAAL,CAAiBC,qBAAjB,EAAX;AACA,SAAOP,kBAAkB,CAACI,IAAD,EAAOC,EAAP,EAAWF,QAAX,CAAzB;AACD,CAHkC,CAAnC;AAKA,OAAO,MAAMK,iBAAiB,GAC5BC,KAD+B,IAE5B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAER;AAA1B,KAAyCQ,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { composeColorFilter } from \"./Compose\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface LinearToSRGBGammaProps {}\n\nconst onDeclare = createDeclaration((_props, children, { Skia }) => {\n  const cf = Skia.ColorFilter.MakeLinearToSRGBGamma();\n  return composeColorFilter(Skia, cf, children);\n});\n\nexport const LinearToSRGBGamma = (\n  props: AnimatedProps<LinearToSRGBGammaProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/colorFilters/LumaColorFilter.js

@@ -1,13 +1,15 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from "react";
-import { Skia } from "../../../skia";
 import { createDeclaration } from "../../nodes/Declaration";
 import { composeColorFilter } from "./Compose"; // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
-const onDeclare = createDeclaration((_props, children) => {
+const onDeclare = createDeclaration((_props, children, _ref) => {
+  let {
+    Skia
+  } = _ref;
   const cf = Skia.ColorFilter.MakeLumaColorFilter();
-  return composeColorFilter(cf, children);
+  return composeColorFilter(Skia, cf, children);
 });
 export const LumaColorFilter = props => {
   return /*#__PURE__*/React.createElement("skDeclaration", _extends({

package/lib/module/renderer/components/colorFilters/LumaColorFilter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LumaColorFilter.tsx"],"names":["React","Skia","createDeclaration","composeColorFilter","onDeclare","_props","children","cf","ColorFilter","MakeLumaColorFilter","LumaColorFilter","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,kBAAT,QAAmC,WAAnC,C,CAEA;;AAGA,MAAMC,SAAS,GAAGF,iBAAiB,CAAC,CAACG,MAAD,EAASC,QAAT,KAAsB;AACxD,QAAMC,EAAE,GAAGN,IAAI,CAACO,WAAL,CAAiBC,mBAAjB,EAAX;AACA,SAAON,kBAAkB,CAACI,EAAD,EAAKD,QAAL,CAAzB;AACD,CAHkC,CAAnC;AAKA,OAAO,MAAMI,eAAe,GAAIC,KAAD,IAAgD;AAC7E,sBAAO;AAAe,IAAA,SAAS,EAAEP;AAA1B,KAAyCO,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { composeColorFilter } from \"./Compose\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface LumaColorFilterProps {}\n\nconst onDeclare = createDeclaration((_props, children) => {\n  const cf = Skia.ColorFilter.MakeLumaColorFilter();\n  return composeColorFilter(cf, children);\n});\n\nexport const LumaColorFilter = (props: AnimatedProps<LumaColorFilterProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["LumaColorFilter.tsx"],"names":["React","createDeclaration","composeColorFilter","onDeclare","_props","children","Skia","cf","ColorFilter","MakeLumaColorFilter","LumaColorFilter","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,kBAAT,QAAmC,WAAnC,C,CAEA;;AAGA,MAAMC,SAAS,GAAGF,iBAAiB,CAAC,CAACG,MAAD,EAASC,QAAT,WAAgC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAClE,QAAMC,EAAE,GAAGD,IAAI,CAACE,WAAL,CAAiBC,mBAAjB,EAAX;AACA,SAAOP,kBAAkB,CAACI,IAAD,EAAOC,EAAP,EAAWF,QAAX,CAAzB;AACD,CAHkC,CAAnC;AAKA,OAAO,MAAMK,eAAe,GAAIC,KAAD,IAAgD;AAC7E,sBAAO;AAAe,IAAA,SAAS,EAAER;AAA1B,KAAyCQ,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { composeColorFilter } from \"./Compose\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface LumaColorFilterProps {}\n\nconst onDeclare = createDeclaration((_props, children, { Skia }) => {\n  const cf = Skia.ColorFilter.MakeLumaColorFilter();\n  return composeColorFilter(Skia, cf, children);\n});\n\nexport const LumaColorFilter = (props: AnimatedProps<LumaColorFilterProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/colorFilters/Matrix.js

@@ -1,15 +1,17 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from "react";
-import { Skia } from "../../../skia";
 import { createDeclaration } from "../../nodes";
 import { composeColorFilter } from "./Compose";
-const onDeclare = createDeclaration((_ref, children) => {
+const onDeclare = createDeclaration((_ref, children, _ref2) => {
   let {
     matrix
   } = _ref;
+  let {
+    Skia
+  } = _ref2;
   const cf = Skia.ColorFilter.MakeMatrix(matrix);
-  return composeColorFilter(cf, children);
+  return composeColorFilter(Skia, cf, children);
 });
 export const ColorMatrix = props => {
   return /*#__PURE__*/React.createElement("skDeclaration", _extends({

package/lib/module/renderer/components/colorFilters/Matrix.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Matrix.tsx"],"names":["React","Skia","createDeclaration","composeColorFilter","onDeclare","children","matrix","cf","ColorFilter","MakeMatrix","ColorMatrix","props","OpacityMatrix","opacity"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,aAAlC;AAGA,SAASC,kBAAT,QAAmC,WAAnC;AAOA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAaG,QAAb,KAA0B;AAAA,MAAzB;AAAEC,IAAAA;AAAF,GAAyB;AACxB,QAAMC,EAAE,GAAGN,IAAI,CAACO,WAAL,CAAiBC,UAAjB,CAA4BH,MAA5B,CAAX;AACA,SAAOH,kBAAkB,CAACI,EAAD,EAAKF,QAAL,CAAzB;AACD,CAJgC,CAAnC;AAOA,OAAO,MAAMK,WAAW,GAAIC,KAAD,IAA4C;AACrE,sBAAO;AAAe,IAAA,SAAS,EAAEP;AAA1B,KAAyCO,KAAzC,EAAP;AACD,CAFM;AAIP,OAAO,MAAMC,aAAa,GAAIC,OAAD,IAAqB,CAChD,CADgD,EAEhD,CAFgD,EAGhD,CAHgD,EAIhD,CAJgD,EAKhD,CALgD,EAMhD,CANgD,EAOhD,CAPgD,EAQhD,CARgD,EAShD,CATgD,EAUhD,CAVgD,EAWhD,CAXgD,EAYhD,CAZgD,EAahD,CAbgD,EAchD,CAdgD,EAehD,CAfgD,EAgBhD,CAhBgD,EAiBhD,CAjBgD,EAkBhD,CAlBgD,EAmBhDA,OAnBgD,EAoBhD,CApBgD,CAA3C","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes\";\nimport type { AnimatedProps } from \"../../processors\";\n\nimport { composeColorFilter } from \"./Compose\";\n\ninterface ColorMatrixProps {\n  matrix: number[];\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<ColorMatrixProps>(\n  ({ matrix }, children) => {\n    const cf = Skia.ColorFilter.MakeMatrix(matrix);\n    return composeColorFilter(cf, children);\n  }\n);\n\nexport const ColorMatrix = (props: AnimatedProps<ColorMatrixProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nexport const OpacityMatrix = (opacity: number) => [\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  opacity,\n  0,\n];\n"]}
+{"version":3,"sources":["Matrix.tsx"],"names":["React","createDeclaration","composeColorFilter","onDeclare","children","matrix","Skia","cf","ColorFilter","MakeMatrix","ColorMatrix","props","OpacityMatrix","opacity"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,iBAAT,QAAkC,aAAlC;AAGA,SAASC,kBAAT,QAAmC,WAAnC;AAOA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAaG,QAAb,YAAoC;AAAA,MAAnC;AAAEC,IAAAA;AAAF,GAAmC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAClC,QAAMC,EAAE,GAAGD,IAAI,CAACE,WAAL,CAAiBC,UAAjB,CAA4BJ,MAA5B,CAAX;AACA,SAAOH,kBAAkB,CAACI,IAAD,EAAOC,EAAP,EAAWH,QAAX,CAAzB;AACD,CAJgC,CAAnC;AAOA,OAAO,MAAMM,WAAW,GAAIC,KAAD,IAA4C;AACrE,sBAAO;AAAe,IAAA,SAAS,EAAER;AAA1B,KAAyCQ,KAAzC,EAAP;AACD,CAFM;AAIP,OAAO,MAAMC,aAAa,GAAIC,OAAD,IAAqB,CAChD,CADgD,EAEhD,CAFgD,EAGhD,CAHgD,EAIhD,CAJgD,EAKhD,CALgD,EAMhD,CANgD,EAOhD,CAPgD,EAQhD,CARgD,EAShD,CATgD,EAUhD,CAVgD,EAWhD,CAXgD,EAYhD,CAZgD,EAahD,CAbgD,EAchD,CAdgD,EAehD,CAfgD,EAgBhD,CAhBgD,EAiBhD,CAjBgD,EAkBhD,CAlBgD,EAmBhDA,OAnBgD,EAoBhD,CApBgD,CAA3C","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { createDeclaration } from \"../../nodes\";\nimport type { AnimatedProps } from \"../../processors\";\n\nimport { composeColorFilter } from \"./Compose\";\n\ninterface ColorMatrixProps {\n  matrix: number[];\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<ColorMatrixProps>(\n  ({ matrix }, children, { Skia }) => {\n    const cf = Skia.ColorFilter.MakeMatrix(matrix);\n    return composeColorFilter(Skia, cf, children);\n  }\n);\n\nexport const ColorMatrix = (props: AnimatedProps<ColorMatrixProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nexport const OpacityMatrix = (opacity: number) => [\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  opacity,\n  0,\n];\n"]}

package/lib/module/renderer/components/colorFilters/SRGBToLinearGamma.js

@@ -1,13 +1,15 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from "react";
-import { Skia } from "../../../skia";
 import { createDeclaration } from "../../nodes/Declaration";
 import { composeColorFilter } from "./Compose"; // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
-const onDeclare = createDeclaration((_props, children) => {
+const onDeclare = createDeclaration((_props, children, _ref) => {
+  let {
+    Skia
+  } = _ref;
   const cf = Skia.ColorFilter.MakeSRGBToLinearGamma();
-  return composeColorFilter(cf, children);
+  return composeColorFilter(Skia, cf, children);
 });
 export const SRGBToLinearGamma = props => {
   return /*#__PURE__*/React.createElement("skDeclaration", _extends({

package/lib/module/renderer/components/colorFilters/SRGBToLinearGamma.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SRGBToLinearGamma.tsx"],"names":["React","Skia","createDeclaration","composeColorFilter","onDeclare","_props","children","cf","ColorFilter","MakeSRGBToLinearGamma","SRGBToLinearGamma","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,kBAAT,QAAmC,WAAnC,C,CAEA;;AAGA,MAAMC,SAAS,GAAGF,iBAAiB,CAAC,CAACG,MAAD,EAASC,QAAT,KAAsB;AACxD,QAAMC,EAAE,GAAGN,IAAI,CAACO,WAAL,CAAiBC,qBAAjB,EAAX;AACA,SAAON,kBAAkB,CAACI,EAAD,EAAKD,QAAL,CAAzB;AACD,CAHkC,CAAnC;AAKA,OAAO,MAAMI,iBAAiB,GAC5BC,KAD+B,IAE5B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEP;AAA1B,KAAyCO,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { composeColorFilter } from \"./Compose\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface SRGBToLinearGammaProps {}\n\nconst onDeclare = createDeclaration((_props, children) => {\n  const cf = Skia.ColorFilter.MakeSRGBToLinearGamma();\n  return composeColorFilter(cf, children);\n});\n\nexport const SRGBToLinearGamma = (\n  props: AnimatedProps<SRGBToLinearGammaProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["SRGBToLinearGamma.tsx"],"names":["React","createDeclaration","composeColorFilter","onDeclare","_props","children","Skia","cf","ColorFilter","MakeSRGBToLinearGamma","SRGBToLinearGamma","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,kBAAT,QAAmC,WAAnC,C,CAEA;;AAGA,MAAMC,SAAS,GAAGF,iBAAiB,CAAC,CAACG,MAAD,EAASC,QAAT,WAAgC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAClE,QAAMC,EAAE,GAAGD,IAAI,CAACE,WAAL,CAAiBC,qBAAjB,EAAX;AACA,SAAOP,kBAAkB,CAACI,IAAD,EAAOC,EAAP,EAAWF,QAAX,CAAzB;AACD,CAHkC,CAAnC;AAKA,OAAO,MAAMK,iBAAiB,GAC5BC,KAD+B,IAE5B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAER;AAA1B,KAAyCQ,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { composeColorFilter } from \"./Compose\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface SRGBToLinearGammaProps {}\n\nconst onDeclare = createDeclaration((_props, children, { Skia }) => {\n  const cf = Skia.ColorFilter.MakeSRGBToLinearGamma();\n  return composeColorFilter(Skia, cf, children);\n});\n\nexport const SRGBToLinearGamma = (\n  props: AnimatedProps<SRGBToLinearGammaProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/image/BoxFit.js

@@ -1,5 +1,4 @@
 import { exhaustiveCheck } from "../../typeddash";
-import { Skia } from "../../../skia";
 export const size = function () {
   let width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   let height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -37,12 +36,7 @@ export const fitRects = (fit, rect, _ref) => {
     width,
     height
   });
-  const src = inscribe(sizes.src, {
-    x: 0,
-    y: 0,
-    width: rect.width,
-    height: rect.height
-  });
+  const src = inscribe(sizes.src, rect);
   const dst = inscribe(sizes.dst, {
     x,
     y,
@@ -62,7 +56,12 @@ const inscribe = (_ref2, rect) => {
   } = _ref2;
   const halfWidthDelta = (rect.width - width) / 2.0;
   const halfHeightDelta = (rect.height - height) / 2.0;
-  return Skia.XYWHRect(rect.x + halfWidthDelta, rect.y + halfHeightDelta, width, height);
+  return {
+    x: rect.x + halfWidthDelta,
+    y: rect.y + halfHeightDelta,
+    width,
+    height
+  };
 };
 
 const applyBoxFit = (fit, input, output) => {

package/lib/module/renderer/components/image/BoxFit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["BoxFit.ts"],"names":["exhaustiveCheck","Skia","size","width","height","rect2rect","src","dst","scaleX","scaleY","translateX","x","translateY","y","fitRects","fit","rect","sizes","applyBoxFit","inscribe","halfWidthDelta","halfHeightDelta","XYWHRect","input","output","Math","min","aspectRatio"],"mappings":"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","sourcesContent":["import { exhaustiveCheck } from \"../../typeddash\";\nimport { Skia } from \"../../../skia\";\nimport type { SkRect } from \"../../../skia\";\n\n// https://api.flutter.dev/flutter/painting/BoxFit-class.html\nexport type Fit =\n  | \"cover\"\n  | \"contain\"\n  | \"fill\"\n  | \"fitHeight\"\n  | \"fitWidth\"\n  | \"none\"\n  | \"scaleDown\";\n\nexport interface Size {\n  width: number;\n  height: number;\n}\n\nexport const size = (width = 0, height = 0) => ({ width, height });\n\nexport const rect2rect = (src: SkRect, dst: SkRect) => {\n  const scaleX = dst.width / src.width;\n  const scaleY = dst.height / src.height;\n  const translateX = dst.x - src.x * scaleX;\n  const translateY = dst.y - src.y * scaleY;\n  return [{ translateX }, { translateY }, { scaleX }, { scaleY }] as const;\n};\n\nexport const fitRects = (\n  fit: Fit,\n  rect: SkRect,\n  { x, y, width, height }: SkRect\n) => {\n  const sizes = applyBoxFit(\n    fit,\n    { width: rect.width, height: rect.height },\n    { width, height }\n  );\n  const src = inscribe(sizes.src, {\n    x: 0,\n    y: 0,\n    width: rect.width,\n    height: rect.height,\n  });\n  const dst = inscribe(sizes.dst, {\n    x,\n    y,\n    width,\n    height,\n  });\n  return { src, dst };\n};\n\nconst inscribe = (\n  { width, height }: Size,\n  rect: { x: number; y: number; width: number; height: number }\n) => {\n  const halfWidthDelta = (rect.width - width) / 2.0;\n  const halfHeightDelta = (rect.height - height) / 2.0;\n  return Skia.XYWHRect(\n    rect.x + halfWidthDelta,\n    rect.y + halfHeightDelta,\n    width,\n    height\n  );\n};\n\nconst applyBoxFit = (fit: Fit, input: Size, output: Size) => {\n  let src = size(),\n    dst = size();\n  if (\n    input.height <= 0.0 ||\n    input.width <= 0.0 ||\n    output.height <= 0.0 ||\n    output.width <= 0.0\n  ) {\n    return { src, dst };\n  }\n  switch (fit) {\n    case \"fill\":\n      src = input;\n      dst = output;\n      break;\n    case \"contain\":\n      src = input;\n      if (output.width / output.height > src.width / src.height) {\n        dst = size((src.width * output.height) / src.height, output.height);\n      } else {\n        dst = size(output.width, (src.height * output.width) / src.width);\n      }\n      break;\n    case \"cover\":\n      if (output.width / output.height > input.width / input.height) {\n        src = size(input.width, (input.width * output.height) / output.width);\n      } else {\n        src = size((input.height * output.width) / output.height, input.height);\n      }\n      dst = output;\n      break;\n    case \"fitWidth\":\n      src = size(input.width, (input.width * output.height) / output.width);\n      dst = size(output.width, (src.height * output.width) / src.width);\n      break;\n    case \"fitHeight\":\n      src = size((input.height * output.width) / output.height, input.height);\n      dst = size((src.width * output.height) / src.height, output.height);\n      break;\n    case \"none\":\n      src = size(\n        Math.min(input.width, output.width),\n        Math.min(input.height, output.height)\n      );\n      dst = src;\n      break;\n    case \"scaleDown\":\n      src = input;\n      dst = input;\n      const aspectRatio = input.width / input.height;\n      if (dst.height > output.height) {\n        dst = size(output.height * aspectRatio, output.height);\n      }\n      if (dst.width > output.width) {\n        dst = size(output.width, output.width / aspectRatio);\n      }\n      break;\n    default:\n      exhaustiveCheck(fit);\n  }\n  return { src, dst };\n};\n"]}
+{"version":3,"sources":["BoxFit.ts"],"names":["exhaustiveCheck","size","width","height","rect2rect","src","dst","scaleX","scaleY","translateX","x","translateY","y","fitRects","fit","rect","sizes","applyBoxFit","inscribe","halfWidthDelta","halfHeightDelta","input","output","Math","min","aspectRatio"],"mappings":"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","sourcesContent":["import { exhaustiveCheck } from \"../../typeddash\";\nimport type { SkRect } from \"../../../skia/types\";\n\n// https://api.flutter.dev/flutter/painting/BoxFit-class.html\nexport type Fit =\n  | \"cover\"\n  | \"contain\"\n  | \"fill\"\n  | \"fitHeight\"\n  | \"fitWidth\"\n  | \"none\"\n  | \"scaleDown\";\n\nexport interface Size {\n  width: number;\n  height: number;\n}\n\nexport const size = (width = 0, height = 0) => ({ width, height });\n\nexport const rect2rect = (src: SkRect, dst: SkRect) => {\n  const scaleX = dst.width / src.width;\n  const scaleY = dst.height / src.height;\n  const translateX = dst.x - src.x * scaleX;\n  const translateY = dst.y - src.y * scaleY;\n  return [{ translateX }, { translateY }, { scaleX }, { scaleY }] as const;\n};\n\nexport const fitRects = (\n  fit: Fit,\n  rect: SkRect,\n  { x, y, width, height }: SkRect\n) => {\n  const sizes = applyBoxFit(\n    fit,\n    { width: rect.width, height: rect.height },\n    { width, height }\n  );\n  const src = inscribe(sizes.src, rect);\n  const dst = inscribe(sizes.dst, {\n    x,\n    y,\n    width,\n    height,\n  });\n  return { src, dst };\n};\n\nconst inscribe = (\n  { width, height }: Size,\n  rect: { x: number; y: number; width: number; height: number }\n) => {\n  const halfWidthDelta = (rect.width - width) / 2.0;\n  const halfHeightDelta = (rect.height - height) / 2.0;\n  return {\n    x: rect.x + halfWidthDelta,\n    y: rect.y + halfHeightDelta,\n    width,\n    height,\n  };\n};\n\nconst applyBoxFit = (fit: Fit, input: Size, output: Size) => {\n  let src = size(),\n    dst = size();\n  if (\n    input.height <= 0.0 ||\n    input.width <= 0.0 ||\n    output.height <= 0.0 ||\n    output.width <= 0.0\n  ) {\n    return { src, dst };\n  }\n  switch (fit) {\n    case \"fill\":\n      src = input;\n      dst = output;\n      break;\n    case \"contain\":\n      src = input;\n      if (output.width / output.height > src.width / src.height) {\n        dst = size((src.width * output.height) / src.height, output.height);\n      } else {\n        dst = size(output.width, (src.height * output.width) / src.width);\n      }\n      break;\n    case \"cover\":\n      if (output.width / output.height > input.width / input.height) {\n        src = size(input.width, (input.width * output.height) / output.width);\n      } else {\n        src = size((input.height * output.width) / output.height, input.height);\n      }\n      dst = output;\n      break;\n    case \"fitWidth\":\n      src = size(input.width, (input.width * output.height) / output.width);\n      dst = size(output.width, (src.height * output.width) / src.width);\n      break;\n    case \"fitHeight\":\n      src = size((input.height * output.width) / output.height, input.height);\n      dst = size((src.width * output.height) / src.height, output.height);\n      break;\n    case \"none\":\n      src = size(\n        Math.min(input.width, output.width),\n        Math.min(input.height, output.height)\n      );\n      dst = src;\n      break;\n    case \"scaleDown\":\n      src = input;\n      dst = input;\n      const aspectRatio = input.width / input.height;\n      if (dst.height > output.height) {\n        dst = size(output.height * aspectRatio, output.height);\n      }\n      if (dst.width > output.width) {\n        dst = size(output.width, output.width / aspectRatio);\n      }\n      break;\n    default:\n      exhaustiveCheck(fit);\n  }\n  return { src, dst };\n};\n"]}

package/lib/module/renderer/components/image/Image.js

@@ -7,14 +7,15 @@ import { fitRects } from "./BoxFit";
 const onDraw = createDrawing((_ref, _ref2) => {
   let {
     canvas,
-    paint
+    paint,
+    Skia
   } = _ref;
   let {
     fit,
     image,
     ...rectProps
   } = _ref2;
-  const rect = processRect(rectProps);
+  const rect = processRect(Skia, rectProps);
   const {
     src,
     dst

package/lib/module/renderer/components/image/Image.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Image.tsx"],"names":["React","createDrawing","processRect","fitRects","onDraw","canvas","paint","fit","image","rectProps","rect","src","dst","x","y","width","height","drawImageRect","Image","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAQA,SAASC,aAAT,QAA8B,qBAA9B;AACA,SAASC,WAAT,QAA4B,kBAA5B;AAGA,SAASC,QAAT,QAAyB,UAAzB;AAaA,MAAMC,MAAM,GAAGH,aAAa,CAC1B,iBAAqD;AAAA,MAApD;AAAEI,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAoD;AAAA,MAAjC;AAAEC,IAAAA,GAAF;AAAOC,IAAAA,KAAP;AAAc,OAAGC;AAAjB,GAAiC;AACnD,QAAMC,IAAI,GAAGR,WAAW,CAACO,SAAD,CAAxB;AACA,QAAM;AAAEE,IAAAA,GAAF;AAAOC,IAAAA;AAAP,MAAeT,QAAQ,CAC3BI,GAD2B,EAE3B;AACEM,IAAAA,CAAC,EAAE,CADL;AAEEC,IAAAA,CAAC,EAAE,CAFL;AAGEC,IAAAA,KAAK,EAAEP,KAAK,CAACO,KAAN,EAHT;AAIEC,IAAAA,MAAM,EAAER,KAAK,CAACQ,MAAN;AAJV,GAF2B,EAQ3BN,IAR2B,CAA7B;AAUAL,EAAAA,MAAM,CAACY,aAAP,CAAqBT,KAArB,EAA4BG,GAA5B,EAAiCC,GAAjC,EAAsCN,KAAtC;AACD,CAdyB,CAA5B;AAgBA,OAAO,MAAMY,KAAK,GAAIC,KAAD,IAAsC;AACzD,sBAAO;AAAW,IAAA,MAAM,EAAEf;AAAnB,KAA+Be,KAA/B,EAAP;AACD,CAFM;AAIPD,KAAK,CAACE,YAAN,GAAqB;AACnBP,EAAAA,CAAC,EAAE,CADgB;AAEnBC,EAAAA,CAAC,EAAE,CAFgB;AAGnBP,EAAAA,GAAG,EAAE;AAHc,CAArB","sourcesContent":["import React from \"react\";\n\nimport type { SkImage } from \"../../../skia\";\nimport type {\n  CustomPaintProps,\n  RectDef,\n  AnimatedProps,\n} from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\nimport { processRect } from \"../../processors\";\n\nimport type { Fit } from \"./BoxFit\";\nimport { fitRects } from \"./BoxFit\";\n\nexport type SourceImageProps = {\n  image: SkImage;\n};\n\nexport type BaseImageProps = RectDef &\n  SourceImageProps & {\n    fit: Fit;\n  };\n\nexport type ImageProps = CustomPaintProps & BaseImageProps;\n\nconst onDraw = createDrawing<ImageProps>(\n  ({ canvas, paint }, { fit, image, ...rectProps }) => {\n    const rect = processRect(rectProps);\n    const { src, dst } = fitRects(\n      fit,\n      {\n        x: 0,\n        y: 0,\n        width: image.width(),\n        height: image.height(),\n      },\n      rect\n    );\n    canvas.drawImageRect(image, src, dst, paint);\n  }\n);\nexport const Image = (props: AnimatedProps<ImageProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nImage.defaultProps = {\n  x: 0,\n  y: 0,\n  fit: \"contain\",\n};\n"]}
+{"version":3,"sources":["Image.tsx"],"names":["React","createDrawing","processRect","fitRects","onDraw","canvas","paint","Skia","fit","image","rectProps","rect","src","dst","x","y","width","height","drawImageRect","Image","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAQA,SAASC,aAAT,QAA8B,qBAA9B;AACA,SAASC,WAAT,QAA4B,kBAA5B;AAGA,SAASC,QAAT,QAAyB,UAAzB;AAaA,MAAMC,MAAM,GAAGH,aAAa,CAC1B,iBAA2D;AAAA,MAA1D;AAAEI,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,GAA0D;AAAA,MAAjC;AAAEC,IAAAA,GAAF;AAAOC,IAAAA,KAAP;AAAc,OAAGC;AAAjB,GAAiC;AACzD,QAAMC,IAAI,GAAGT,WAAW,CAACK,IAAD,EAAOG,SAAP,CAAxB;AACA,QAAM;AAAEE,IAAAA,GAAF;AAAOC,IAAAA;AAAP,MAAeV,QAAQ,CAC3BK,GAD2B,EAE3B;AACEM,IAAAA,CAAC,EAAE,CADL;AAEEC,IAAAA,CAAC,EAAE,CAFL;AAGEC,IAAAA,KAAK,EAAEP,KAAK,CAACO,KAAN,EAHT;AAIEC,IAAAA,MAAM,EAAER,KAAK,CAACQ,MAAN;AAJV,GAF2B,EAQ3BN,IAR2B,CAA7B;AAUAN,EAAAA,MAAM,CAACa,aAAP,CAAqBT,KAArB,EAA4BG,GAA5B,EAAiCC,GAAjC,EAAsCP,KAAtC;AACD,CAdyB,CAA5B;AAgBA,OAAO,MAAMa,KAAK,GAAIC,KAAD,IAAsC;AACzD,sBAAO;AAAW,IAAA,MAAM,EAAEhB;AAAnB,KAA+BgB,KAA/B,EAAP;AACD,CAFM;AAIPD,KAAK,CAACE,YAAN,GAAqB;AACnBP,EAAAA,CAAC,EAAE,CADgB;AAEnBC,EAAAA,CAAC,EAAE,CAFgB;AAGnBP,EAAAA,GAAG,EAAE;AAHc,CAArB","sourcesContent":["import React from \"react\";\n\nimport type { SkImage } from \"../../../skia/types\";\nimport type {\n  CustomPaintProps,\n  RectDef,\n  AnimatedProps,\n} from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\nimport { processRect } from \"../../processors\";\n\nimport type { Fit } from \"./BoxFit\";\nimport { fitRects } from \"./BoxFit\";\n\nexport type SourceImageProps = {\n  image: SkImage;\n};\n\nexport type BaseImageProps = RectDef &\n  SourceImageProps & {\n    fit: Fit;\n  };\n\nexport type ImageProps = CustomPaintProps & BaseImageProps;\n\nconst onDraw = createDrawing<ImageProps>(\n  ({ canvas, paint, Skia }, { fit, image, ...rectProps }) => {\n    const rect = processRect(Skia, rectProps);\n    const { src, dst } = fitRects(\n      fit,\n      {\n        x: 0,\n        y: 0,\n        width: image.width(),\n        height: image.height(),\n      },\n      rect\n    );\n    canvas.drawImageRect(image, src, dst, paint);\n  }\n);\nexport const Image = (props: AnimatedProps<ImageProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nImage.defaultProps = {\n  x: 0,\n  y: 0,\n  fit: \"contain\",\n};\n"]}

package/lib/module/renderer/components/image/ImageSVG.js

@@ -5,7 +5,8 @@ import { createDrawing } from "../../nodes";
 import { processRect } from "../../processors";
 const onDraw = createDrawing((_ref, _ref2) => {
   let {
-    canvas
+    canvas,
+    Skia
   } = _ref;
   let {
     svg,
@@ -16,7 +17,7 @@ const onDraw = createDrawing((_ref, _ref2) => {
     y,
     width,
     height
-  } = processRect(rectProps);
+  } = processRect(Skia, rectProps);
   canvas.save();
   canvas.translate(x, y);
   canvas.drawSvg(svg, width, height);

package/lib/module/renderer/components/image/ImageSVG.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageSVG.tsx"],"names":["React","createDrawing","processRect","onDraw","canvas","svg","rectProps","x","y","width","height","save","translate","drawSvg","restore","ImageSVG","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,aAAT,QAA8B,aAA9B;AAEA,SAASC,WAAT,QAA4B,kBAA5B;AAMA,MAAMC,MAAM,GAAGF,aAAa,CAC1B,iBAAuC;AAAA,MAAtC;AAAEG,IAAAA;AAAF,GAAsC;AAAA,MAA1B;AAAEC,IAAAA,GAAF;AAAO,OAAGC;AAAV,GAA0B;AACrC,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQC,IAAAA,KAAR;AAAeC,IAAAA;AAAf,MAA0BR,WAAW,CAACI,SAAD,CAA3C;AACAF,EAAAA,MAAM,CAACO,IAAP;AACAP,EAAAA,MAAM,CAACQ,SAAP,CAAiBL,CAAjB,EAAoBC,CAApB;AACAJ,EAAAA,MAAM,CAACS,OAAP,CAAeR,GAAf,EAAoBI,KAApB,EAA2BC,MAA3B;AACAN,EAAAA,MAAM,CAACU,OAAP;AACD,CAPyB,CAA5B;AAUA,OAAO,MAAMC,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAW,IAAA,MAAM,EAAEb;AAAnB,KAA+Ba,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SkSVG } from \"../../../skia\";\nimport { createDrawing } from \"../../nodes\";\nimport type { AnimatedProps, RectDef } from \"../../processors\";\nimport { processRect } from \"../../processors\";\n\nexport type ImageSVGProps = RectDef & {\n  svg: SkSVG;\n};\n\nconst onDraw = createDrawing<ImageSVGProps>(\n  ({ canvas }, { svg, ...rectProps }) => {\n    const { x, y, width, height } = processRect(rectProps);\n    canvas.save();\n    canvas.translate(x, y);\n    canvas.drawSvg(svg, width, height);\n    canvas.restore();\n  }\n);\n\nexport const ImageSVG = (props: AnimatedProps<ImageSVGProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}
+{"version":3,"sources":["ImageSVG.tsx"],"names":["React","createDrawing","processRect","onDraw","canvas","Skia","svg","rectProps","x","y","width","height","save","translate","drawSvg","restore","ImageSVG","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,aAAT,QAA8B,aAA9B;AAEA,SAASC,WAAT,QAA4B,kBAA5B;AAMA,MAAMC,MAAM,GAAGF,aAAa,CAC1B,iBAA6C;AAAA,MAA5C;AAAEG,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAA4C;AAAA,MAA1B;AAAEC,IAAAA,GAAF;AAAO,OAAGC;AAAV,GAA0B;AAC3C,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQC,IAAAA,KAAR;AAAeC,IAAAA;AAAf,MAA0BT,WAAW,CAACG,IAAD,EAAOE,SAAP,CAA3C;AACAH,EAAAA,MAAM,CAACQ,IAAP;AACAR,EAAAA,MAAM,CAACS,SAAP,CAAiBL,CAAjB,EAAoBC,CAApB;AACAL,EAAAA,MAAM,CAACU,OAAP,CAAeR,GAAf,EAAoBI,KAApB,EAA2BC,MAA3B;AACAP,EAAAA,MAAM,CAACW,OAAP;AACD,CAPyB,CAA5B;AAUA,OAAO,MAAMC,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAW,IAAA,MAAM,EAAEd;AAAnB,KAA+Bc,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SkSVG } from \"../../../skia/types\";\nimport { createDrawing } from \"../../nodes\";\nimport type { AnimatedProps, RectDef } from \"../../processors\";\nimport { processRect } from \"../../processors\";\n\nexport type ImageSVGProps = RectDef & {\n  svg: SkSVG;\n};\n\nconst onDraw = createDrawing<ImageSVGProps>(\n  ({ canvas, Skia }, { svg, ...rectProps }) => {\n    const { x, y, width, height } = processRect(Skia, rectProps);\n    canvas.save();\n    canvas.translate(x, y);\n    canvas.drawSvg(svg, width, height);\n    canvas.restore();\n  }\n);\n\nexport const ImageSVG = (props: AnimatedProps<ImageSVGProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}

package/lib/module/renderer/components/image/ImageShader.js

@@ -1,12 +1,12 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from "react";
-import { TileMode, FilterMode, MipmapMode } from "../../../skia";
+import { TileMode, FilterMode, MipmapMode } from "../../../skia/types";
 import { createDeclaration } from "../../nodes";
-import { localMatrix, enumKey, rect } from "../../processors";
+import { localMatrix, enumKey } from "../../processors";
 import { rect2rect, fitRects } from "./BoxFit";
 
-const getRect = props => {
+const getRect = (Skia, props) => {
   const {
     x,
     y,
@@ -17,13 +17,13 @@ const getRect = props => {
   if (props.rect) {
     return props.rect;
   } else if (x !== undefined && y !== undefined && width !== undefined && height !== undefined) {
-    return rect(x, y, width, height);
+    return Skia.XYWHRect(x, y, width, height);
   } else {
     return undefined;
   }
 };
 
-const onDeclare = createDeclaration(_ref => {
+const onDeclare = createDeclaration((_ref, _, _ref2) => {
   let {
     tx,
     ty,
@@ -33,7 +33,10 @@ const onDeclare = createDeclaration(_ref => {
     image,
     ...imageShaderProps
   } = _ref;
-  const rct = getRect(imageShaderProps);
+  let {
+    Skia
+  } = _ref2;
+  const rct = getRect(Skia, imageShaderProps);
 
   if (rct) {
     var _imageShaderProps$tra;
@@ -48,7 +51,7 @@ const onDeclare = createDeclaration(_ref => {
     imageShaderProps.transform = [...((_imageShaderProps$tra = imageShaderProps.transform) !== null && _imageShaderProps$tra !== void 0 ? _imageShaderProps$tra : []), ...m3];
   }
 
-  return image.makeShaderOptions(TileMode[enumKey(tx)], TileMode[enumKey(ty)], FilterMode[enumKey(fm)], MipmapMode[enumKey(mm)], localMatrix(imageShaderProps));
+  return image.makeShaderOptions(TileMode[enumKey(tx)], TileMode[enumKey(ty)], FilterMode[enumKey(fm)], MipmapMode[enumKey(mm)], localMatrix(Skia.Matrix(), imageShaderProps));
 });
 export const ImageShader = props => {
   return /*#__PURE__*/React.createElement("skDeclaration", _extends({

package/lib/module/renderer/components/image/ImageShader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageShader.tsx"],"names":["React","TileMode","FilterMode","MipmapMode","createDeclaration","localMatrix","enumKey","rect","rect2rect","fitRects","getRect","props","x","y","width","height","undefined","onDeclare","tx","ty","fm","mm","fit","image","imageShaderProps","rct","rects","m3","src","dst","transform","makeShaderOptions","ImageShader","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,QAAT,EAAmBC,UAAnB,EAA+BC,UAA/B,QAAiD,eAAjD;AACA,SAASC,iBAAT,QAAkC,aAAlC;AAOA,SAASC,WAAT,EAAsBC,OAAtB,EAA+BC,IAA/B,QAA2C,kBAA3C;AAGA,SAASC,SAAT,EAAoBC,QAApB,QAAoC,UAApC;;AAEA,MAAMC,OAAO,GACXC,KADc,IAES;AACvB,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQC,IAAAA,KAAR;AAAeC,IAAAA;AAAf,MAA0BJ,KAAhC;;AACA,MAAIA,KAAK,CAACJ,IAAV,EAAgB;AACd,WAAOI,KAAK,CAACJ,IAAb;AACD,GAFD,MAEO,IACLK,CAAC,KAAKI,SAAN,IACAH,CAAC,KAAKG,SADN,IAEAF,KAAK,KAAKE,SAFV,IAGAD,MAAM,KAAKC,SAJN,EAKL;AACA,WAAOT,IAAI,CAACK,CAAD,EAAIC,CAAJ,EAAOC,KAAP,EAAcC,MAAd,CAAX;AACD,GAPM,MAOA;AACL,WAAOC,SAAP;AACD;AACF,CAhBD;;AA4BA,MAAMC,SAAS,GAAGb,iBAAiB,CACjC,QAAyD;AAAA,MAAxD;AAAEc,IAAAA,EAAF;AAAMC,IAAAA,EAAN;AAAUC,IAAAA,EAAV;AAAcC,IAAAA,EAAd;AAAkBC,IAAAA,GAAlB;AAAuBC,IAAAA,KAAvB;AAA8B,OAAGC;AAAjC,GAAwD;AACvD,QAAMC,GAAG,GAAGf,OAAO,CAACc,gBAAD,CAAnB;;AACA,MAAIC,GAAJ,EAAS;AAAA;;AACP,UAAMC,KAAK,GAAGjB,QAAQ,CACpBa,GADoB,EAEpB;AAAEV,MAAAA,CAAC,EAAE,CAAL;AAAQC,MAAAA,CAAC,EAAE,CAAX;AAAcC,MAAAA,KAAK,EAAES,KAAK,CAACT,KAAN,EAArB;AAAoCC,MAAAA,MAAM,EAAEQ,KAAK,CAACR,MAAN;AAA5C,KAFoB,EAGpBU,GAHoB,CAAtB;AAKA,UAAME,EAAE,GAAGnB,SAAS,CAACkB,KAAK,CAACE,GAAP,EAAYF,KAAK,CAACG,GAAlB,CAApB;AACAL,IAAAA,gBAAgB,CAACM,SAAjB,GAA6B,CAC3B,6BAAIN,gBAAgB,CAACM,SAArB,yEAAkC,EAAlC,CAD2B,EAE3B,GAAGH,EAFwB,CAA7B;AAID;;AACD,SAAOJ,KAAK,CAACQ,iBAAN,CACL9B,QAAQ,CAACK,OAAO,CAACY,EAAD,CAAR,CADH,EAELjB,QAAQ,CAACK,OAAO,CAACa,EAAD,CAAR,CAFH,EAGLjB,UAAU,CAACI,OAAO,CAACc,EAAD,CAAR,CAHL,EAILjB,UAAU,CAACG,OAAO,CAACe,EAAD,CAAR,CAJL,EAKLhB,WAAW,CAACmB,gBAAD,CALN,CAAP;AAOD,CAtBgC,CAAnC;AAyBA,OAAO,MAAMQ,WAAW,GAAIrB,KAAD,IAA4C;AACrE,sBAAO;AAAe,IAAA,SAAS,EAAEM;AAA1B,KAAyCN,KAAzC,EAAP;AACD,CAFM;AAIPqB,WAAW,CAACC,YAAZ,GAA2B;AACzBf,EAAAA,EAAE,EAAE,OADqB;AAEzBC,EAAAA,EAAE,EAAE,OAFqB;AAGzBC,EAAAA,EAAE,EAAE,SAHqB;AAIzBC,EAAAA,EAAE,EAAE,MAJqB;AAKzBC,EAAAA,GAAG,EAAE,MALoB;AAMzBQ,EAAAA,SAAS,EAAE;AANc,CAA3B","sourcesContent":["import React from \"react\";\n\nimport type { SkRect, SkImage } from \"../../../skia\";\nimport { TileMode, FilterMode, MipmapMode } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes\";\nimport type {\n  TransformProps,\n  SkEnum,\n  AnimatedProps,\n  RectCtor,\n} from \"../../processors\";\nimport { localMatrix, enumKey, rect } from \"../../processors\";\n\nimport type { Fit } from \"./BoxFit\";\nimport { rect2rect, fitRects } from \"./BoxFit\";\n\nconst getRect = (\n  props: Omit<ImageShaderProps, \"tx\" | \"ty\" | \"fm\" | \"mm\" | \"fit\" | \"image\">\n): SkRect | undefined => {\n  const { x, y, width, height } = props;\n  if (props.rect) {\n    return props.rect;\n  } else if (\n    x !== undefined &&\n    y !== undefined &&\n    width !== undefined &&\n    height !== undefined\n  ) {\n    return rect(x, y, width, height);\n  } else {\n    return undefined;\n  }\n};\n\ninterface ImageShaderProps extends TransformProps, Partial<RectCtor> {\n  tx: SkEnum<typeof TileMode>;\n  ty: SkEnum<typeof TileMode>;\n  fm: SkEnum<typeof FilterMode>;\n  mm: SkEnum<typeof MipmapMode>;\n  fit: Fit;\n  rect?: SkRect;\n  image: SkImage;\n}\n\nconst onDeclare = createDeclaration<ImageShaderProps>(\n  ({ tx, ty, fm, mm, fit, image, ...imageShaderProps }) => {\n    const rct = getRect(imageShaderProps);\n    if (rct) {\n      const rects = fitRects(\n        fit,\n        { x: 0, y: 0, width: image.width(), height: image.height() },\n        rct\n      );\n      const m3 = rect2rect(rects.src, rects.dst);\n      imageShaderProps.transform = [\n        ...(imageShaderProps.transform ?? []),\n        ...m3,\n      ];\n    }\n    return image.makeShaderOptions(\n      TileMode[enumKey(tx)],\n      TileMode[enumKey(ty)],\n      FilterMode[enumKey(fm)],\n      MipmapMode[enumKey(mm)],\n      localMatrix(imageShaderProps)\n    );\n  }\n);\n\nexport const ImageShader = (props: AnimatedProps<ImageShaderProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nImageShader.defaultProps = {\n  tx: \"decal\",\n  ty: \"decal\",\n  fm: \"nearest\",\n  mm: \"none\",\n  fit: \"none\",\n  transform: [],\n} as const;\n"]}
+{"version":3,"sources":["ImageShader.tsx"],"names":["React","TileMode","FilterMode","MipmapMode","createDeclaration","localMatrix","enumKey","rect2rect","fitRects","getRect","Skia","props","x","y","width","height","rect","undefined","XYWHRect","onDeclare","_","tx","ty","fm","mm","fit","image","imageShaderProps","rct","rects","m3","src","dst","transform","makeShaderOptions","Matrix","ImageShader","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,QAAT,EAAmBC,UAAnB,EAA+BC,UAA/B,QAAiD,qBAAjD;AACA,SAASC,iBAAT,QAAkC,aAAlC;AAOA,SAASC,WAAT,EAAsBC,OAAtB,QAAqC,kBAArC;AAGA,SAASC,SAAT,EAAoBC,QAApB,QAAoC,UAApC;;AAEA,MAAMC,OAAO,GAAG,CACdC,IADc,EAEdC,KAFc,KAGS;AACvB,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQC,IAAAA,KAAR;AAAeC,IAAAA;AAAf,MAA0BJ,KAAhC;;AACA,MAAIA,KAAK,CAACK,IAAV,EAAgB;AACd,WAAOL,KAAK,CAACK,IAAb;AACD,GAFD,MAEO,IACLJ,CAAC,KAAKK,SAAN,IACAJ,CAAC,KAAKI,SADN,IAEAH,KAAK,KAAKG,SAFV,IAGAF,MAAM,KAAKE,SAJN,EAKL;AACA,WAAOP,IAAI,CAACQ,QAAL,CAAcN,CAAd,EAAiBC,CAAjB,EAAoBC,KAApB,EAA2BC,MAA3B,CAAP;AACD,GAPM,MAOA;AACL,WAAOE,SAAP;AACD;AACF,CAjBD;;AA6BA,MAAME,SAAS,GAAGf,iBAAiB,CACjC,OAAsDgB,CAAtD,YAAsE;AAAA,MAArE;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,EAAN;AAAUC,IAAAA,EAAV;AAAcC,IAAAA,EAAd;AAAkBC,IAAAA,GAAlB;AAAuBC,IAAAA,KAAvB;AAA8B,OAAGC;AAAjC,GAAqE;AAAA,MAAb;AAAEjB,IAAAA;AAAF,GAAa;AACpE,QAAMkB,GAAG,GAAGnB,OAAO,CAACC,IAAD,EAAOiB,gBAAP,CAAnB;;AACA,MAAIC,GAAJ,EAAS;AAAA;;AACP,UAAMC,KAAK,GAAGrB,QAAQ,CACpBiB,GADoB,EAEpB;AAAEb,MAAAA,CAAC,EAAE,CAAL;AAAQC,MAAAA,CAAC,EAAE,CAAX;AAAcC,MAAAA,KAAK,EAAEY,KAAK,CAACZ,KAAN,EAArB;AAAoCC,MAAAA,MAAM,EAAEW,KAAK,CAACX,MAAN;AAA5C,KAFoB,EAGpBa,GAHoB,CAAtB;AAKA,UAAME,EAAE,GAAGvB,SAAS,CAACsB,KAAK,CAACE,GAAP,EAAYF,KAAK,CAACG,GAAlB,CAApB;AACAL,IAAAA,gBAAgB,CAACM,SAAjB,GAA6B,CAC3B,6BAAIN,gBAAgB,CAACM,SAArB,yEAAkC,EAAlC,CAD2B,EAE3B,GAAGH,EAFwB,CAA7B;AAID;;AACD,SAAOJ,KAAK,CAACQ,iBAAN,CACLjC,QAAQ,CAACK,OAAO,CAACe,EAAD,CAAR,CADH,EAELpB,QAAQ,CAACK,OAAO,CAACgB,EAAD,CAAR,CAFH,EAGLpB,UAAU,CAACI,OAAO,CAACiB,EAAD,CAAR,CAHL,EAILpB,UAAU,CAACG,OAAO,CAACkB,EAAD,CAAR,CAJL,EAKLnB,WAAW,CAACK,IAAI,CAACyB,MAAL,EAAD,EAAgBR,gBAAhB,CALN,CAAP;AAOD,CAtBgC,CAAnC;AAyBA,OAAO,MAAMS,WAAW,GAAIzB,KAAD,IAA4C;AACrE,sBAAO;AAAe,IAAA,SAAS,EAAEQ;AAA1B,KAAyCR,KAAzC,EAAP;AACD,CAFM;AAIPyB,WAAW,CAACC,YAAZ,GAA2B;AACzBhB,EAAAA,EAAE,EAAE,OADqB;AAEzBC,EAAAA,EAAE,EAAE,OAFqB;AAGzBC,EAAAA,EAAE,EAAE,SAHqB;AAIzBC,EAAAA,EAAE,EAAE,MAJqB;AAKzBC,EAAAA,GAAG,EAAE,MALoB;AAMzBQ,EAAAA,SAAS,EAAE;AANc,CAA3B","sourcesContent":["import React from \"react\";\n\nimport type { SkRect, SkImage, Skia } from \"../../../skia/types\";\nimport { TileMode, FilterMode, MipmapMode } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes\";\nimport type {\n  TransformProps,\n  SkEnum,\n  AnimatedProps,\n  RectCtor,\n} from \"../../processors\";\nimport { localMatrix, enumKey } from \"../../processors\";\n\nimport type { Fit } from \"./BoxFit\";\nimport { rect2rect, fitRects } from \"./BoxFit\";\n\nconst getRect = (\n  Skia: Skia,\n  props: Omit<ImageShaderProps, \"tx\" | \"ty\" | \"fm\" | \"mm\" | \"fit\" | \"image\">\n): SkRect | undefined => {\n  const { x, y, width, height } = props;\n  if (props.rect) {\n    return props.rect;\n  } else if (\n    x !== undefined &&\n    y !== undefined &&\n    width !== undefined &&\n    height !== undefined\n  ) {\n    return Skia.XYWHRect(x, y, width, height);\n  } else {\n    return undefined;\n  }\n};\n\ninterface ImageShaderProps extends TransformProps, Partial<RectCtor> {\n  tx: SkEnum<typeof TileMode>;\n  ty: SkEnum<typeof TileMode>;\n  fm: SkEnum<typeof FilterMode>;\n  mm: SkEnum<typeof MipmapMode>;\n  fit: Fit;\n  rect?: SkRect;\n  image: SkImage;\n}\n\nconst onDeclare = createDeclaration<ImageShaderProps>(\n  ({ tx, ty, fm, mm, fit, image, ...imageShaderProps }, _, { Skia }) => {\n    const rct = getRect(Skia, imageShaderProps);\n    if (rct) {\n      const rects = fitRects(\n        fit,\n        { x: 0, y: 0, width: image.width(), height: image.height() },\n        rct\n      );\n      const m3 = rect2rect(rects.src, rects.dst);\n      imageShaderProps.transform = [\n        ...(imageShaderProps.transform ?? []),\n        ...m3,\n      ];\n    }\n    return image.makeShaderOptions(\n      TileMode[enumKey(tx)],\n      TileMode[enumKey(ty)],\n      FilterMode[enumKey(fm)],\n      MipmapMode[enumKey(mm)],\n      localMatrix(Skia.Matrix(), imageShaderProps)\n    );\n  }\n);\n\nexport const ImageShader = (props: AnimatedProps<ImageShaderProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nImageShader.defaultProps = {\n  tx: \"decal\",\n  ty: \"decal\",\n  fm: \"nearest\",\n  mm: \"none\",\n  fit: \"none\",\n  transform: [],\n} as const;\n"]}

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

@@ -1,18 +1,21 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from "react";
-import { Skia, TileMode } from "../../../skia";
+import { TileMode } from "../../../skia/types";
 import { enumKey } from "../../processors";
 import { processRadius } from "../../processors/Radius";
 import { createDeclaration } from "../../nodes";
 import { getInput } from "./getInput";
-const onDeclare = createDeclaration((_ref, children) => {
+const onDeclare = createDeclaration((_ref, children, _ref2) => {
   let {
     blur,
     mode
   } = _ref;
-  const sigma = processRadius(blur);
-  return Skia.ImageFilter.MakeBlur(sigma.x, sigma.y, TileMode[enumKey(mode)], getInput(children));
+  let {
+    Skia
+  } = _ref2;
+  const sigma = processRadius(Skia, blur);
+  return Skia.ImageFilter.MakeBlur(sigma.x, sigma.y, TileMode[enumKey(mode)], getInput(Skia, children));
 });
 export const Blur = props => {
   return /*#__PURE__*/React.createElement("skDeclaration", _extends({

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

@@ -1 +1 @@
-{"version":3,"sources":["Blur.tsx"],"names":["React","Skia","TileMode","enumKey","processRadius","createDeclaration","getInput","onDeclare","children","blur","mode","sigma","ImageFilter","MakeBlur","x","y","Blur","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,EAAeC,QAAf,QAA+B,eAA/B;AAEA,SAASC,OAAT,QAAwB,kBAAxB;AAEA,SAASC,aAAT,QAA8B,yBAA9B;AACA,SAASC,iBAAT,QAAkC,aAAlC;AAEA,SAASC,QAAT,QAAyB,YAAzB;AAQA,MAAMC,SAAS,GAAGF,iBAAiB,CAAY,OAAiBG,QAAjB,KAA8B;AAAA,MAA7B;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAA6B;AAC3E,QAAMC,KAAK,GAAGP,aAAa,CAACK,IAAD,CAA3B;AACA,SAAOR,IAAI,CAACW,WAAL,CAAiBC,QAAjB,CACLF,KAAK,CAACG,CADD,EAELH,KAAK,CAACI,CAFD,EAGLb,QAAQ,CAACC,OAAO,CAACO,IAAD,CAAR,CAHH,EAILJ,QAAQ,CAACE,QAAD,CAJH,CAAP;AAMD,CARkC,CAAnC;AAUA,OAAO,MAAMQ,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAe,IAAA,SAAS,EAAEV;AAA1B,KAAyCU,KAAzC,EAAP;AACD,CAFM;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBR,EAAAA,IAAI,EAAE;AADY,CAApB","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia, TileMode } from \"../../../skia\";\nimport type { Radius, SkEnum } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { processRadius } from \"../../processors/Radius\";\nimport { createDeclaration } from \"../../nodes\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface BlurProps {\n  blur: Radius;\n  mode: SkEnum<typeof TileMode>;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<BlurProps>(({ blur, mode }, children) => {\n  const sigma = processRadius(blur);\n  return Skia.ImageFilter.MakeBlur(\n    sigma.x,\n    sigma.y,\n    TileMode[enumKey(mode)],\n    getInput(children)\n  );\n});\n\nexport const Blur = (props: AnimatedProps<BlurProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nBlur.defaultProps = {\n  mode: \"decal\",\n};\n"]}
+{"version":3,"sources":["Blur.tsx"],"names":["React","TileMode","enumKey","processRadius","createDeclaration","getInput","onDeclare","children","blur","mode","Skia","sigma","ImageFilter","MakeBlur","x","y","Blur","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,QAAT,QAAyB,qBAAzB;AAEA,SAASC,OAAT,QAAwB,kBAAxB;AAEA,SAASC,aAAT,QAA8B,yBAA9B;AACA,SAASC,iBAAT,QAAkC,aAAlC;AAEA,SAASC,QAAT,QAAyB,YAAzB;AAQA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAiBG,QAAjB,YAAwC;AAAA,MAAvC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAAuC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACtC,QAAMC,KAAK,GAAGR,aAAa,CAACO,IAAD,EAAOF,IAAP,CAA3B;AACA,SAAOE,IAAI,CAACE,WAAL,CAAiBC,QAAjB,CACLF,KAAK,CAACG,CADD,EAELH,KAAK,CAACI,CAFD,EAGLd,QAAQ,CAACC,OAAO,CAACO,IAAD,CAAR,CAHH,EAILJ,QAAQ,CAACK,IAAD,EAAOH,QAAP,CAJH,CAAP;AAMD,CATgC,CAAnC;AAYA,OAAO,MAAMS,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAe,IAAA,SAAS,EAAEX;AAA1B,KAAyCW,KAAzC,EAAP;AACD,CAFM;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBT,EAAAA,IAAI,EAAE;AADY,CAApB","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { TileMode } from \"../../../skia/types\";\nimport type { Radius, SkEnum } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { processRadius } from \"../../processors/Radius\";\nimport { createDeclaration } from \"../../nodes\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface BlurProps {\n  blur: Radius;\n  mode: SkEnum<typeof TileMode>;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<BlurProps>(\n  ({ blur, mode }, children, { Skia }) => {\n    const sigma = processRadius(Skia, blur);\n    return Skia.ImageFilter.MakeBlur(\n      sigma.x,\n      sigma.y,\n      TileMode[enumKey(mode)],\n      getInput(Skia, children)\n    );\n  }\n);\n\nexport const Blur = (props: AnimatedProps<BlurProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nBlur.defaultProps = {\n  mode: \"decal\",\n};\n"]}

package/lib/module/renderer/components/imageFilters/DisplacementMap.js

@@ -1,21 +1,24 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from "react";
-import { Skia, ColorChannel } from "../../../skia";
+import { ColorChannel } from "../../../skia/types";
 import { createDeclaration } from "../../nodes";
 import { enumKey } from "../../processors";
 import { getInput } from "./getInput";
-const onDeclare = createDeclaration((_ref, children) => {
+const onDeclare = createDeclaration((_ref, children, _ref2) => {
   let {
     channelX,
     channelY,
     scale
   } = _ref;
+  let {
+    Skia
+  } = _ref2;
   const [in1, in2] = children.filter(c => !!c);
   const x = ColorChannel[enumKey(channelX)];
   const y = ColorChannel[enumKey(channelY)];
-  const map = getInput([in1]);
-  const input = in2 ? getInput([in2]) : null;
+  const map = getInput(Skia, [in1]);
+  const input = in2 ? getInput(Skia, [in2]) : null;
 
   if (!map) {
     throw new Error("No DisplacementMap provided");

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

@@ -1 +1 @@
-{"version":3,"sources":["DisplacementMap.tsx"],"names":["React","Skia","ColorChannel","createDeclaration","enumKey","getInput","onDeclare","children","channelX","channelY","scale","in1","in2","filter","c","x","y","map","input","Error","ImageFilter","MakeDisplacementMap","DisplacementMap","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,EAAeC,YAAf,QAAmC,eAAnC;AACA,SAASC,iBAAT,QAAkC,aAAlC;AAEA,SAASC,OAAT,QAAwB,kBAAxB;AAEA,SAASC,QAAT,QAAyB,YAAzB;AASA,MAAMC,SAAS,GAAGH,iBAAiB,CACjC,OAAgCI,QAAhC,KAA6C;AAAA,MAA5C;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA;AAAtB,GAA4C;AAC3C,QAAM,CAACC,GAAD,EAAMC,GAAN,IAAaL,QAAQ,CAACM,MAAT,CAAiBC,CAAD,IAAO,CAAC,CAACA,CAAzB,CAAnB;AACA,QAAMC,CAAC,GAAGb,YAAY,CAACE,OAAO,CAACI,QAAD,CAAR,CAAtB;AACA,QAAMQ,CAAC,GAAGd,YAAY,CAACE,OAAO,CAACK,QAAD,CAAR,CAAtB;AACA,QAAMQ,GAAG,GAAGZ,QAAQ,CAAC,CAACM,GAAD,CAAD,CAApB;AACA,QAAMO,KAAK,GAAGN,GAAG,GAAGP,QAAQ,CAAC,CAACO,GAAD,CAAD,CAAX,GAAqB,IAAtC;;AACA,MAAI,CAACK,GAAL,EAAU;AACR,UAAM,IAAIE,KAAJ,CAAU,6BAAV,CAAN;AACD;;AACD,SAAOlB,IAAI,CAACmB,WAAL,CAAiBC,mBAAjB,CAAqCN,CAArC,EAAwCC,CAAxC,EAA2CN,KAA3C,EAAkDO,GAAlD,EAAuDC,KAAvD,CAAP;AACD,CAXgC,CAAnC;AAcA,OAAO,MAAMI,eAAe,GAAIC,KAAD,IAAgD;AAC7E,sBAAO;AAAe,IAAA,SAAS,EAAEjB;AAA1B,KAAyCiB,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia, ColorChannel } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes\";\nimport type { SkEnum, AnimatedProps } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface DisplacementMapProps {\n  channelX: SkEnum<typeof ColorChannel>;\n  channelY: SkEnum<typeof ColorChannel>;\n  scale: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<DisplacementMapProps>(\n  ({ channelX, channelY, scale }, children) => {\n    const [in1, in2] = children.filter((c) => !!c);\n    const x = ColorChannel[enumKey(channelX)];\n    const y = ColorChannel[enumKey(channelY)];\n    const map = getInput([in1]);\n    const input = in2 ? getInput([in2]) : null;\n    if (!map) {\n      throw new Error(\"No DisplacementMap provided\");\n    }\n    return Skia.ImageFilter.MakeDisplacementMap(x, y, scale, map, input);\n  }\n);\n\nexport const DisplacementMap = (props: AnimatedProps<DisplacementMapProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["DisplacementMap.tsx"],"names":["React","ColorChannel","createDeclaration","enumKey","getInput","onDeclare","children","channelX","channelY","scale","Skia","in1","in2","filter","c","x","y","map","input","Error","ImageFilter","MakeDisplacementMap","DisplacementMap","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,YAAT,QAA6B,qBAA7B;AACA,SAASC,iBAAT,QAAkC,aAAlC;AAEA,SAASC,OAAT,QAAwB,kBAAxB;AAEA,SAASC,QAAT,QAAyB,YAAzB;AASA,MAAMC,SAAS,GAAGH,iBAAiB,CACjC,OAAgCI,QAAhC,YAAuD;AAAA,MAAtD;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA;AAAtB,GAAsD;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACrD,QAAM,CAACC,GAAD,EAAMC,GAAN,IAAaN,QAAQ,CAACO,MAAT,CAAiBC,CAAD,IAAO,CAAC,CAACA,CAAzB,CAAnB;AACA,QAAMC,CAAC,GAAGd,YAAY,CAACE,OAAO,CAACI,QAAD,CAAR,CAAtB;AACA,QAAMS,CAAC,GAAGf,YAAY,CAACE,OAAO,CAACK,QAAD,CAAR,CAAtB;AACA,QAAMS,GAAG,GAAGb,QAAQ,CAACM,IAAD,EAAO,CAACC,GAAD,CAAP,CAApB;AACA,QAAMO,KAAK,GAAGN,GAAG,GAAGR,QAAQ,CAACM,IAAD,EAAO,CAACE,GAAD,CAAP,CAAX,GAA2B,IAA5C;;AACA,MAAI,CAACK,GAAL,EAAU;AACR,UAAM,IAAIE,KAAJ,CAAU,6BAAV,CAAN;AACD;;AACD,SAAOT,IAAI,CAACU,WAAL,CAAiBC,mBAAjB,CAAqCN,CAArC,EAAwCC,CAAxC,EAA2CP,KAA3C,EAAkDQ,GAAlD,EAAuDC,KAAvD,CAAP;AACD,CAXgC,CAAnC;AAcA,OAAO,MAAMI,eAAe,GAAIC,KAAD,IAAgD;AAC7E,sBAAO;AAAe,IAAA,SAAS,EAAElB;AAA1B,KAAyCkB,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { ColorChannel } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes\";\nimport type { SkEnum, AnimatedProps } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface DisplacementMapProps {\n  channelX: SkEnum<typeof ColorChannel>;\n  channelY: SkEnum<typeof ColorChannel>;\n  scale: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<DisplacementMapProps>(\n  ({ channelX, channelY, scale }, children, { Skia }) => {\n    const [in1, in2] = children.filter((c) => !!c);\n    const x = ColorChannel[enumKey(channelX)];\n    const y = ColorChannel[enumKey(channelY)];\n    const map = getInput(Skia, [in1]);\n    const input = in2 ? getInput(Skia, [in2]) : null;\n    if (!map) {\n      throw new Error(\"No DisplacementMap provided\");\n    }\n    return Skia.ImageFilter.MakeDisplacementMap(x, y, scale, map, input);\n  }\n);\n\nexport const DisplacementMap = (props: AnimatedProps<DisplacementMapProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/imageFilters/InnerShadow.js

@@ -1,6 +1,6 @@
-import { BlendMode, Skia, TileMode } from "../../../skia";
-const Black = Skia.Color("black");
-export const MakeInnerShadow = (shadowOnly, dx, dy, sigmaX, sigmaY, color, input) => {
+import { BlendMode, TileMode } from "../../../skia/types";
+const Black = Float32Array.of(0, 0, 0, 1);
+export const MakeInnerShadow = (Skia, shadowOnly, dx, dy, sigmaX, sigmaY, color, input) => {
   const sourceGraphic = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(Black, BlendMode.Dst), null);
   const sourceAlpha = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn), null);
   const f1 = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut), null);

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

@@ -1 +1 @@
-{"version":3,"sources":["InnerShadow.tsx"],"names":["BlendMode","Skia","TileMode","Black","Color","MakeInnerShadow","shadowOnly","dx","dy","sigmaX","sigmaY","color","input","sourceGraphic","ImageFilter","MakeColorFilter","ColorFilter","MakeBlend","Dst","sourceAlpha","SrcIn","f1","SrcOut","f2","MakeOffset","f3","MakeBlur","Decal","f4","MakeCompose","SrcOver"],"mappings":"AACA,SAASA,SAAT,EAAoBC,IAApB,EAA0BC,QAA1B,QAA0C,eAA1C;AAEA,MAAMC,KAAK,GAAGF,IAAI,CAACG,KAAL,CAAW,OAAX,CAAd;AAEA,OAAO,MAAMC,eAAe,GAAG,CAC7BC,UAD6B,EAE7BC,EAF6B,EAG7BC,EAH6B,EAI7BC,MAJ6B,EAK7BC,MAL6B,EAM7BC,KAN6B,EAO7BC,KAP6B,KAQ1B;AACH,QAAMC,aAAa,GAAGZ,IAAI,CAACa,WAAL,CAAiBC,eAAjB,CACpBd,IAAI,CAACe,WAAL,CAAiBC,SAAjB,CAA2Bd,KAA3B,EAAkCH,SAAS,CAACkB,GAA5C,CADoB,EAEpB,IAFoB,CAAtB;AAIA,QAAMC,WAAW,GAAGlB,IAAI,CAACa,WAAL,CAAiBC,eAAjB,CAClBd,IAAI,CAACe,WAAL,CAAiBC,SAAjB,CAA2Bd,KAA3B,EAAkCH,SAAS,CAACoB,KAA5C,CADkB,EAElB,IAFkB,CAApB;AAIA,QAAMC,EAAE,GAAGpB,IAAI,CAACa,WAAL,CAAiBC,eAAjB,CACTd,IAAI,CAACe,WAAL,CAAiBC,SAAjB,CAA2BN,KAA3B,EAAkCX,SAAS,CAACsB,MAA5C,CADS,EAET,IAFS,CAAX;AAIA,QAAMC,EAAE,GAAGtB,IAAI,CAACa,WAAL,CAAiBU,UAAjB,CAA4BjB,EAA5B,EAAgCC,EAAhC,EAAoCa,EAApC,CAAX;AACA,QAAMI,EAAE,GAAGxB,IAAI,CAACa,WAAL,CAAiBY,QAAjB,CAA0BjB,MAA1B,EAAkCC,MAAlC,EAA0CR,QAAQ,CAACyB,KAAnD,EAA0DJ,EAA1D,CAAX;AACA,QAAMK,EAAE,GAAG3B,IAAI,CAACa,WAAL,CAAiBG,SAAjB,CAA2BjB,SAAS,CAACoB,KAArC,EAA4CD,WAA5C,EAAyDM,EAAzD,CAAX;;AACA,MAAInB,UAAJ,EAAgB;AACd,WAAOsB,EAAP;AACD;;AACD,SAAO3B,IAAI,CAACa,WAAL,CAAiBe,WAAjB,CACLjB,KADK,EAELX,IAAI,CAACa,WAAL,CAAiBG,SAAjB,CAA2BjB,SAAS,CAAC8B,OAArC,EAA8CjB,aAA9C,EAA6De,EAA7D,CAFK,CAAP;AAID,CA/BM","sourcesContent":["import type { SkColor, SkImageFilter } from \"../../../skia\";\nimport { BlendMode, Skia, TileMode } from \"../../../skia\";\n\nconst Black = Skia.Color(\"black\");\n\nexport const MakeInnerShadow = (\n  shadowOnly: boolean | undefined,\n  dx: number,\n  dy: number,\n  sigmaX: number,\n  sigmaY: number,\n  color: SkColor,\n  input: SkImageFilter | null\n) => {\n  const sourceGraphic = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.Dst),\n    null\n  );\n  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn),\n    null\n  );\n  const f1 = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut),\n    null\n  );\n  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);\n  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, TileMode.Decal, f2);\n  const f4 = Skia.ImageFilter.MakeBlend(BlendMode.SrcIn, sourceAlpha, f3);\n  if (shadowOnly) {\n    return f4;\n  }\n  return Skia.ImageFilter.MakeCompose(\n    input,\n    Skia.ImageFilter.MakeBlend(BlendMode.SrcOver, sourceGraphic, f4)\n  );\n};\n"]}
+{"version":3,"sources":["InnerShadow.tsx"],"names":["BlendMode","TileMode","Black","Float32Array","of","MakeInnerShadow","Skia","shadowOnly","dx","dy","sigmaX","sigmaY","color","input","sourceGraphic","ImageFilter","MakeColorFilter","ColorFilter","MakeBlend","Dst","sourceAlpha","SrcIn","f1","SrcOut","f2","MakeOffset","f3","MakeBlur","Decal","f4","MakeCompose","SrcOver"],"mappings":"AACA,SAASA,SAAT,EAAoBC,QAApB,QAAoC,qBAApC;AAEA,MAAMC,KAAK,GAAGC,YAAY,CAACC,EAAb,CAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,CAAd;AAEA,OAAO,MAAMC,eAAe,GAAG,CAC7BC,IAD6B,EAE7BC,UAF6B,EAG7BC,EAH6B,EAI7BC,EAJ6B,EAK7BC,MAL6B,EAM7BC,MAN6B,EAO7BC,KAP6B,EAQ7BC,KAR6B,KAS1B;AACH,QAAMC,aAAa,GAAGR,IAAI,CAACS,WAAL,CAAiBC,eAAjB,CACpBV,IAAI,CAACW,WAAL,CAAiBC,SAAjB,CAA2BhB,KAA3B,EAAkCF,SAAS,CAACmB,GAA5C,CADoB,EAEpB,IAFoB,CAAtB;AAIA,QAAMC,WAAW,GAAGd,IAAI,CAACS,WAAL,CAAiBC,eAAjB,CAClBV,IAAI,CAACW,WAAL,CAAiBC,SAAjB,CAA2BhB,KAA3B,EAAkCF,SAAS,CAACqB,KAA5C,CADkB,EAElB,IAFkB,CAApB;AAIA,QAAMC,EAAE,GAAGhB,IAAI,CAACS,WAAL,CAAiBC,eAAjB,CACTV,IAAI,CAACW,WAAL,CAAiBC,SAAjB,CAA2BN,KAA3B,EAAkCZ,SAAS,CAACuB,MAA5C,CADS,EAET,IAFS,CAAX;AAIA,QAAMC,EAAE,GAAGlB,IAAI,CAACS,WAAL,CAAiBU,UAAjB,CAA4BjB,EAA5B,EAAgCC,EAAhC,EAAoCa,EAApC,CAAX;AACA,QAAMI,EAAE,GAAGpB,IAAI,CAACS,WAAL,CAAiBY,QAAjB,CAA0BjB,MAA1B,EAAkCC,MAAlC,EAA0CV,QAAQ,CAAC2B,KAAnD,EAA0DJ,EAA1D,CAAX;AACA,QAAMK,EAAE,GAAGvB,IAAI,CAACS,WAAL,CAAiBG,SAAjB,CAA2BlB,SAAS,CAACqB,KAArC,EAA4CD,WAA5C,EAAyDM,EAAzD,CAAX;;AACA,MAAInB,UAAJ,EAAgB;AACd,WAAOsB,EAAP;AACD;;AACD,SAAOvB,IAAI,CAACS,WAAL,CAAiBe,WAAjB,CACLjB,KADK,EAELP,IAAI,CAACS,WAAL,CAAiBG,SAAjB,CAA2BlB,SAAS,CAAC+B,OAArC,EAA8CjB,aAA9C,EAA6De,EAA7D,CAFK,CAAP;AAID,CAhCM","sourcesContent":["import type { SkColor, Skia, SkImageFilter } from \"../../../skia/types\";\nimport { BlendMode, TileMode } from \"../../../skia/types\";\n\nconst Black = Float32Array.of(0, 0, 0, 1);\n\nexport const MakeInnerShadow = (\n  Skia: Skia,\n  shadowOnly: boolean | undefined,\n  dx: number,\n  dy: number,\n  sigmaX: number,\n  sigmaY: number,\n  color: SkColor,\n  input: SkImageFilter | null\n) => {\n  const sourceGraphic = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.Dst),\n    null\n  );\n  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn),\n    null\n  );\n  const f1 = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut),\n    null\n  );\n  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);\n  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, TileMode.Decal, f2);\n  const f4 = Skia.ImageFilter.MakeBlend(BlendMode.SrcIn, sourceAlpha, f3);\n  if (shadowOnly) {\n    return f4;\n  }\n  return Skia.ImageFilter.MakeCompose(\n    input,\n    Skia.ImageFilter.MakeBlend(BlendMode.SrcOver, sourceGraphic, f4)\n  );\n};\n"]}