@shopify/react-native-skia 0.1.142 → 0.1.143

package/cpp/api/JsiSkPathFactory.h

@@ -165,7 +165,7 @@ public:
                        JSI_EXPORT_FUNC(JsiSkPathFactory, MakeFromCmds),
                        JSI_EXPORT_FUNC(JsiSkPathFactory, MakeFromText))
 
-  JsiSkPathFactory(std::shared_ptr<RNSkPlatformContext> context)
+    JsiSkPathFactory(std::shared_ptr<RNSkPlatformContext> context)
       : JsiSkHostObject(std::move(context)) {}
 };
 

package/cpp/api/JsiSkPicture.h

@@ -21,7 +21,13 @@ public:
 
   JsiSkPicture(std::shared_ptr<RNSkPlatformContext> context, const sk_sp<SkPicture> picture)
       : JsiSkWrappingSkPtrHostObject<SkPicture>(context, picture) {};
-  
+
+  JSI_PROPERTY_GET(__typename__) {
+    return jsi::String::createFromUtf8(runtime, "Picture");
+  }
+
+  JSI_EXPORT_PROPERTY_GETTERS(JSI_EXPORT_PROP_GET(JsiSkPicture, __typename__))
+
   JSI_HOST_FUNCTION(makeShader) {
     auto tmx = (SkTileMode)arguments[0].asNumber();
     auto tmy = (SkTileMode)arguments[1].asNumber();

package/cpp/rnskia/RNSkDrawView.cpp

@@ -54,7 +54,7 @@ void RNSkDrawView::setNativeId(size_t nativeId) {
   beginDrawingLoop();
 }
 
-void RNSkDrawView::callJsDrawCallback(int width, int height, double timestamp) {
+void RNSkDrawView::callJsDrawCallback(std::shared_ptr<JsiSkCanvas> canvas, int width, int height, double timestamp) {
   if(_drawCallback == nullptr) {
     return;
   }
@@ -70,7 +70,7 @@ void RNSkDrawView::callJsDrawCallback(int width, int height, double timestamp) {
 
   // Set up arguments array
   std::vector<jsi::Value> args(2);
-  args[0] = jsi::Object::createFromHostObject(*runtime, _jsiCanvas);
+  args[0] = jsi::Object::createFromHostObject(*runtime, canvas);
   args[1] = jsi::Object::createFromHostObject(*runtime, _infoObject);
 
   // To be able to call the drawing function we'll wrap it once again
@@ -104,7 +104,7 @@ void RNSkDrawView::callJsDrawCallback(int width, int height, double timestamp) {
     font.setSize(14);
     auto paint = SkPaint();
     paint.setColor(SkColors::kRed);
-    _jsiCanvas->getCanvas()->drawSimpleText(
+    canvas->getCanvas()->drawSimpleText(
             debugString.c_str(), debugString.size(), SkTextEncoding::kUTF8, 8,
             18, font, paint);
   }
@@ -140,7 +140,7 @@ void RNSkDrawView::drawInCanvas(std::shared_ptr<JsiSkCanvas> canvas,
     skCanvas->scale(pd, pd);
     
     // Call draw function.
-    callJsDrawCallback(width / pd, height / pd, time);
+    callJsDrawCallback(canvas, width / pd, height / pd, time);
     
     // Restore and flush canvas
     skCanvas->restore();

package/cpp/rnskia/RNSkDrawView.h

@@ -131,7 +131,7 @@ private:
    * Calls the JS draw callback. This is the JS function that does the actual drawing so this
    * method must be called from the JS thread.
    */
-  void callJsDrawCallback(int width, int height, double timestamp);
+  void callJsDrawCallback(std::shared_ptr<JsiSkCanvas> canvas, int width, int height, double timestamp);
 
   /**
    Starts beginDrawCallback loop if the drawing mode is continuous

package/lib/commonjs/renderer/components/Blend.js

@@ -17,6 +17,10 @@ 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 childrenAreImageFilters = children => children.every(child => (0, _types.isImageFilter)(child));
+
+const childrenAreShaders = children => children.every(child => (0, _types.isShader)(child));
+
 const onDeclare = (0, _nodes.createDeclaration)((_ref, children, _ref2) => {
   let {
     mode
@@ -24,14 +28,25 @@ const onDeclare = (0, _nodes.createDeclaration)((_ref, children, _ref2) => {
   let {
     Skia
   } = _ref2;
-  const [inner, outer] = children;
 
   const blend = _types.BlendMode[(0, _Paint.enumKey)(mode)];
 
-  if ((0, _types.isImageFilter)(outer) && (0, _types.isImageFilter)(inner)) {
-    return Skia.ImageFilter.MakeBlend(blend, outer, inner);
-  } else if ((0, _types.isShader)(outer) && (0, _types.isShader)(inner)) {
-    return Skia.Shader.MakeBlend(blend, outer, inner);
+  if (childrenAreImageFilters(children)) {
+    return children.reverse().reduce((inner, outer) => {
+      if (inner === null) {
+        return outer;
+      }
+
+      return Skia.ImageFilter.MakeBlend(blend, outer, inner);
+    }, null);
+  } else if (childrenAreShaders(children)) {
+    return children.reverse().reduce((inner, outer) => {
+      if (inner === null) {
+        return outer;
+      }
+
+      return Skia.Shader.MakeBlend(blend, outer, inner);
+    }, null);
   }
 
   throw new Error("<Blend /> can only blend Shaders or ImageFilters");

package/lib/commonjs/renderer/components/Blend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Blend.tsx"],"names":["onDeclare","children","mode","Skia","inner","outer","blend","BlendMode","ImageFilter","MakeBlend","Shader","Error","Blend","props"],"mappings":";;;;;;;AACA;;AAEA;;AACA;;AAEA;;;;;;AAOA,MAAMA,SAAS,GAAG,8BAChB,OAAWC,QAAX,YAAkC;AAAA,MAAjC;AAAEC,IAAAA;AAAF,GAAiC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAChC,QAAM,CAACC,KAAD,EAAQC,KAAR,IAAiBJ,QAAvB;;AACA,QAAMK,KAAK,GAAGC,iBAAU,oBAAQL,IAAR,CAAV,CAAd;;AACA,MAAI,0BAAcG,KAAd,KAAwB,0BAAcD,KAAd,CAA5B,EAAkD;AAChD,WAAOD,IAAI,CAACK,WAAL,CAAiBC,SAAjB,CAA2BH,KAA3B,EAAkCD,KAAlC,EAAyCD,KAAzC,CAAP;AACD,GAFD,MAEO,IAAI,qBAASC,KAAT,KAAmB,qBAASD,KAAT,CAAvB,EAAwC;AAC7C,WAAOD,IAAI,CAACO,MAAL,CAAYD,SAAZ,CAAsBH,KAAtB,EAA6BD,KAA7B,EAAoCD,KAApC,CAAP;AACD;;AACD,QAAM,IAAIO,KAAJ,CAAU,kDAAV,CAAN;AACD,CAVe,CAAlB;;AAaO,MAAMC,KAAK,GAAIC,KAAD,IAAsC;AACzD,sBAAO;AAAe,IAAA,SAAS,EAAEb;AAA1B,KAAyCa,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport { isImageFilter, BlendMode, isShader } from \"../../skia/types\";\nimport { createDeclaration } from \"../nodes\";\nimport type { AnimatedProps, SkEnum } from \"../processors\";\nimport { enumKey } from \"../processors/Paint\";\n\ninterface BlendProps {\n  mode: SkEnum<typeof BlendMode>;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<BlendProps>(\n  ({ mode }, children, { Skia }) => {\n    const [inner, outer] = children;\n    const blend = BlendMode[enumKey(mode)];\n    if (isImageFilter(outer) && isImageFilter(inner)) {\n      return Skia.ImageFilter.MakeBlend(blend, outer, inner);\n    } else if (isShader(outer) && isShader(inner)) {\n      return Skia.Shader.MakeBlend(blend, outer, inner);\n    }\n    throw new Error(\"<Blend /> can only blend Shaders or ImageFilters\");\n  }\n);\n\nexport const Blend = (props: AnimatedProps<BlendProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["Blend.tsx"],"names":["childrenAreImageFilters","children","every","child","childrenAreShaders","onDeclare","mode","Skia","blend","BlendMode","reverse","reduce","inner","outer","ImageFilter","MakeBlend","Shader","Error","Blend","props"],"mappings":";;;;;;;AACA;;AAGA;;AACA;;AAEA;;;;;;AAGA,MAAMA,uBAAuB,GAC3BC,QAD8B,IAG9BA,QAAQ,CAACC,KAAT,CAAgBC,KAAD,IAAW,0BAAcA,KAAd,CAA1B,CAHF;;AAKA,MAAMC,kBAAkB,GACtBH,QADyB,IAEEA,QAAQ,CAACC,KAAT,CAAgBC,KAAD,IAAW,qBAASA,KAAT,CAA1B,CAF7B;;AASA,MAAME,SAAS,GAAG,8BAChB,OAAWJ,QAAX,YAAkC;AAAA,MAAjC;AAAEK,IAAAA;AAAF,GAAiC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;;AAChC,QAAMC,KAAK,GAAGC,iBAAU,oBAAQH,IAAR,CAAV,CAAd;;AACA,MAAIN,uBAAuB,CAACC,QAAD,CAA3B,EAAuC;AACrC,WAAOA,QAAQ,CAACS,OAAT,GAAmBC,MAAnB,CAAgD,CAACC,KAAD,EAAQC,KAAR,KAAkB;AACvE,UAAID,KAAK,KAAK,IAAd,EAAoB;AAClB,eAAOC,KAAP;AACD;;AACD,aAAON,IAAI,CAACO,WAAL,CAAiBC,SAAjB,CAA2BP,KAA3B,EAAkCK,KAAlC,EAAyCD,KAAzC,CAAP;AACD,KALM,EAKJ,IALI,CAAP;AAMD,GAPD,MAOO,IAAIR,kBAAkB,CAACH,QAAD,CAAtB,EAAkC;AACvC,WAAOA,QAAQ,CAACS,OAAT,GAAmBC,MAAnB,CAA2C,CAACC,KAAD,EAAQC,KAAR,KAAkB;AAClE,UAAID,KAAK,KAAK,IAAd,EAAoB;AAClB,eAAOC,KAAP;AACD;;AACD,aAAON,IAAI,CAACS,MAAL,CAAYD,SAAZ,CAAsBP,KAAtB,EAA6BK,KAA7B,EAAoCD,KAApC,CAAP;AACD,KALM,EAKJ,IALI,CAAP;AAMD;;AACD,QAAM,IAAIK,KAAJ,CAAU,kDAAV,CAAN;AACD,CAnBe,CAAlB;;AAsBO,MAAMC,KAAK,GAAIC,KAAD,IAAsC;AACzD,sBAAO;AAAe,IAAA,SAAS,EAAEd;AAA1B,KAAyCc,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport type { SkImageFilter, SkShader } from \"../../skia/types\";\nimport { isImageFilter, BlendMode, isShader } from \"../../skia/types\";\nimport { createDeclaration } from \"../nodes\";\nimport type { AnimatedProps, SkEnum } from \"../processors\";\nimport { enumKey } from \"../processors/Paint\";\nimport type { DeclarationResult } from \"../nodes/Declaration\";\n\nconst childrenAreImageFilters = (\n  children: DeclarationResult[]\n): children is SkImageFilter[] =>\n  children.every((child) => isImageFilter(child));\n\nconst childrenAreShaders = (\n  children: DeclarationResult[]\n): children is SkShader[] => children.every((child) => isShader(child));\n\ninterface BlendProps {\n  mode: SkEnum<typeof BlendMode>;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<BlendProps>(\n  ({ mode }, children, { Skia }) => {\n    const blend = BlendMode[enumKey(mode)];\n    if (childrenAreImageFilters(children)) {\n      return children.reverse().reduce<SkImageFilter | null>((inner, outer) => {\n        if (inner === null) {\n          return outer;\n        }\n        return Skia.ImageFilter.MakeBlend(blend, outer, inner);\n      }, null);\n    } else if (childrenAreShaders(children)) {\n      return children.reverse().reduce<SkShader | null>((inner, outer) => {\n        if (inner === null) {\n          return outer;\n        }\n        return Skia.Shader.MakeBlend(blend, outer, inner);\n      }, null);\n    }\n    throw new Error(\"<Blend /> can only blend Shaders or ImageFilters\");\n  }\n);\n\nexport const Blend = (props: AnimatedProps<BlendProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/imageFilters/Morphology.js

@@ -27,7 +27,7 @@ const onDeclare = (0, _Declaration.createDeclaration)((_ref, children, _ref2) =>
   } = _ref2;
   const input = (0, _getInput.getInput)(Skia, children);
   const r = (0, _Radius.processRadius)(Skia, radius);
-  const factory = operator === "dilate" ? Skia.ImageFilter.MakeDilate : Skia.ImageFilter.MakeErode;
+  const factory = operator === "dilate" ? Skia.ImageFilter.MakeDilate.bind(Skia.ImageFilter) : Skia.ImageFilter.MakeErode.bind(Skia.ImageFilter);
   return factory(r.x, r.y, input);
 });
 

package/lib/commonjs/renderer/components/imageFilters/Morphology.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Morphology.tsx"],"names":["onDeclare","children","radius","operator","Skia","input","r","factory","ImageFilter","MakeDilate","MakeErode","x","y","Morphology","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AAEA;;;;;;AAQA,MAAMA,SAAS,GAAG,oCAChB,OAAuBC,QAAvB,YAA8C;AAAA,MAA7C;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAA6C;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC5C,QAAMC,KAAK,GAAG,wBAASD,IAAT,EAAeH,QAAf,CAAd;AACA,QAAMK,CAAC,GAAG,2BAAcF,IAAd,EAAoBF,MAApB,CAAV;AACA,QAAMK,OAAO,GACXJ,QAAQ,KAAK,QAAb,GACIC,IAAI,CAACI,WAAL,CAAiBC,UADrB,GAEIL,IAAI,CAACI,WAAL,CAAiBE,SAHvB;AAIA,SAAOH,OAAO,CAACD,CAAC,CAACK,CAAH,EAAML,CAAC,CAACM,CAAR,EAAWP,KAAX,CAAd;AACD,CATe,CAAlB;;AAYO,MAAMQ,UAAU,GAAIC,KAAD,IAA2C;AACnE,sBAAO;AAAe,IAAA,SAAS,EAAEd;AAA1B,KAAyCc,KAAzC,EAAP;AACD,CAFM;;;AAIPD,UAAU,CAACE,YAAX,GAA0B;AACxBZ,EAAAA,QAAQ,EAAE;AADc,CAA1B","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps, Radius } from \"../../processors\";\nimport { processRadius } from \"../../processors/Radius\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface MorphologyProps {\n  operator: \"erode\" | \"dilate\";\n  radius: Radius;\n  children?: React.ReactNode | React.ReactNode[];\n}\n\nconst onDeclare = createDeclaration<MorphologyProps>(\n  ({ radius, operator }, children, { Skia }) => {\n    const input = getInput(Skia, children);\n    const r = processRadius(Skia, radius);\n    const factory =\n      operator === \"dilate\"\n        ? Skia.ImageFilter.MakeDilate\n        : Skia.ImageFilter.MakeErode;\n    return factory(r.x, r.y, input);\n  }\n);\n\nexport const Morphology = (props: AnimatedProps<MorphologyProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nMorphology.defaultProps = {\n  operator: \"dilate\",\n};\n"]}
+{"version":3,"sources":["Morphology.tsx"],"names":["onDeclare","children","radius","operator","Skia","input","r","factory","ImageFilter","MakeDilate","bind","MakeErode","x","y","Morphology","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AAEA;;;;;;AAQA,MAAMA,SAAS,GAAG,oCAChB,OAAuBC,QAAvB,YAA8C;AAAA,MAA7C;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAA6C;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC5C,QAAMC,KAAK,GAAG,wBAASD,IAAT,EAAeH,QAAf,CAAd;AACA,QAAMK,CAAC,GAAG,2BAAcF,IAAd,EAAoBF,MAApB,CAAV;AACA,QAAMK,OAAO,GACXJ,QAAQ,KAAK,QAAb,GACIC,IAAI,CAACI,WAAL,CAAiBC,UAAjB,CAA4BC,IAA5B,CAAiCN,IAAI,CAACI,WAAtC,CADJ,GAEIJ,IAAI,CAACI,WAAL,CAAiBG,SAAjB,CAA2BD,IAA3B,CAAgCN,IAAI,CAACI,WAArC,CAHN;AAIA,SAAOD,OAAO,CAACD,CAAC,CAACM,CAAH,EAAMN,CAAC,CAACO,CAAR,EAAWR,KAAX,CAAd;AACD,CATe,CAAlB;;AAYO,MAAMS,UAAU,GAAIC,KAAD,IAA2C;AACnE,sBAAO;AAAe,IAAA,SAAS,EAAEf;AAA1B,KAAyCe,KAAzC,EAAP;AACD,CAFM;;;AAIPD,UAAU,CAACE,YAAX,GAA0B;AACxBb,EAAAA,QAAQ,EAAE;AADc,CAA1B","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps, Radius } from \"../../processors\";\nimport { processRadius } from \"../../processors/Radius\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface MorphologyProps {\n  operator: \"erode\" | \"dilate\";\n  radius: Radius;\n  children?: React.ReactNode | React.ReactNode[];\n}\n\nconst onDeclare = createDeclaration<MorphologyProps>(\n  ({ radius, operator }, children, { Skia }) => {\n    const input = getInput(Skia, children);\n    const r = processRadius(Skia, radius);\n    const factory =\n      operator === \"dilate\"\n        ? Skia.ImageFilter.MakeDilate.bind(Skia.ImageFilter)\n        : Skia.ImageFilter.MakeErode.bind(Skia.ImageFilter);\n    return factory(r.x, r.y, input);\n  }\n);\n\nexport const Morphology = (props: AnimatedProps<MorphologyProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nMorphology.defaultProps = {\n  operator: \"dilate\",\n};\n"]}

package/lib/commonjs/renderer/components/imageFilters/Shadow.js

@@ -39,7 +39,7 @@ const onDeclare = (0, _Declaration.createDeclaration)((_ref, children, _ref2) =>
   if (inner) {
     factory = _InnerShadow.MakeInnerShadow.bind(null, Skia, shadowOnly);
   } else {
-    factory = shadowOnly ? Skia.ImageFilter.MakeDropShadowOnly : Skia.ImageFilter.MakeDropShadow;
+    factory = shadowOnly ? Skia.ImageFilter.MakeDropShadowOnly.bind(Skia.ImageFilter) : Skia.ImageFilter.MakeDropShadow.bind(Skia.ImageFilter);
   }
 
   return factory(dx, dy, blur, blur, color, input);

package/lib/commonjs/renderer/components/imageFilters/Shadow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Shadow.tsx"],"names":["onDeclare","children","dx","dy","blur","color","cl","shadowOnly","inner","opacity","Skia","input","factory","MakeInnerShadow","bind","ImageFilter","MakeDropShadowOnly","MakeDropShadow","Shadow","props"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;AAEA;;AACA;;;;;;AAWA,MAAMA,SAAS,GAAG,oCAChB,OAEEC,QAFF,YAIK;AAAA,MAHH;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,EAAN;AAAUC,IAAAA,IAAV;AAAgBC,IAAAA,KAAK,EAAEC,EAAvB;AAA2BC,IAAAA,UAA3B;AAAuCC,IAAAA;AAAvC,GAGG;AAAA,MADH;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,GACG;AACH,QAAMC,KAAK,GAAG,wBAASD,IAAT,EAAeT,QAAf,CAAd;AACA,QAAMI,KAAK,GAAG,yBAAaK,IAAb,EAAmBJ,EAAnB,EAAuBG,OAAvB,CAAd;AACA,MAAIG,OAAJ;;AACA,MAAIJ,KAAJ,EAAW;AACTI,IAAAA,OAAO,GAAGC,6BAAgBC,IAAhB,CAAqB,IAArB,EAA2BJ,IAA3B,EAAiCH,UAAjC,CAAV;AACD,GAFD,MAEO;AACLK,IAAAA,OAAO,GAAGL,UAAU,GAChBG,IAAI,CAACK,WAAL,CAAiBC,kBADD,GAEhBN,IAAI,CAACK,WAAL,CAAiBE,cAFrB;AAGD;;AACD,SAAOL,OAAO,CAACV,EAAD,EAAKC,EAAL,EAASC,IAAT,EAAeA,IAAf,EAAqBC,KAArB,EAA4BM,KAA5B,CAAd;AACD,CAjBe,CAAlB;;AAoBO,MAAMO,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAe,IAAA,SAAS,EAAEnB;AAA1B,KAAyCmB,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { Color } from \"../../../skia/types\";\nimport { processColor } from \"../../processors/Color\";\n\nimport { getInput } from \"./getInput\";\nimport { MakeInnerShadow } from \"./InnerShadow\";\n\nexport interface ShadowProps {\n  dx: number;\n  dy: number;\n  blur: number;\n  color: Color;\n  inner?: boolean;\n  shadowOnly?: boolean;\n}\n\nconst onDeclare = createDeclaration<ShadowProps>(\n  (\n    { dx, dy, blur, color: cl, shadowOnly, inner },\n    children,\n    { opacity, Skia }\n  ) => {\n    const input = getInput(Skia, children);\n    const color = processColor(Skia, cl, opacity);\n    let factory;\n    if (inner) {\n      factory = MakeInnerShadow.bind(null, Skia, shadowOnly);\n    } else {\n      factory = shadowOnly\n        ? Skia.ImageFilter.MakeDropShadowOnly\n        : Skia.ImageFilter.MakeDropShadow;\n    }\n    return factory(dx, dy, blur, blur, color, input);\n  }\n);\n\nexport const Shadow = (props: AnimatedProps<ShadowProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["Shadow.tsx"],"names":["onDeclare","children","dx","dy","blur","color","cl","shadowOnly","inner","opacity","Skia","input","factory","MakeInnerShadow","bind","ImageFilter","MakeDropShadowOnly","MakeDropShadow","Shadow","props"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;AAEA;;AACA;;;;;;AAWA,MAAMA,SAAS,GAAG,oCAChB,OAEEC,QAFF,YAIK;AAAA,MAHH;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,EAAN;AAAUC,IAAAA,IAAV;AAAgBC,IAAAA,KAAK,EAAEC,EAAvB;AAA2BC,IAAAA,UAA3B;AAAuCC,IAAAA;AAAvC,GAGG;AAAA,MADH;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,GACG;AACH,QAAMC,KAAK,GAAG,wBAASD,IAAT,EAAeT,QAAf,CAAd;AACA,QAAMI,KAAK,GAAG,yBAAaK,IAAb,EAAmBJ,EAAnB,EAAuBG,OAAvB,CAAd;AACA,MAAIG,OAAJ;;AACA,MAAIJ,KAAJ,EAAW;AACTI,IAAAA,OAAO,GAAGC,6BAAgBC,IAAhB,CAAqB,IAArB,EAA2BJ,IAA3B,EAAiCH,UAAjC,CAAV;AACD,GAFD,MAEO;AACLK,IAAAA,OAAO,GAAGL,UAAU,GAChBG,IAAI,CAACK,WAAL,CAAiBC,kBAAjB,CAAoCF,IAApC,CAAyCJ,IAAI,CAACK,WAA9C,CADgB,GAEhBL,IAAI,CAACK,WAAL,CAAiBE,cAAjB,CAAgCH,IAAhC,CAAqCJ,IAAI,CAACK,WAA1C,CAFJ;AAGD;;AACD,SAAOH,OAAO,CAACV,EAAD,EAAKC,EAAL,EAASC,IAAT,EAAeA,IAAf,EAAqBC,KAArB,EAA4BM,KAA5B,CAAd;AACD,CAjBe,CAAlB;;AAoBO,MAAMO,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAe,IAAA,SAAS,EAAEnB;AAA1B,KAAyCmB,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { Color } from \"../../../skia/types\";\nimport { processColor } from \"../../processors/Color\";\n\nimport { getInput } from \"./getInput\";\nimport { MakeInnerShadow } from \"./InnerShadow\";\n\nexport interface ShadowProps {\n  dx: number;\n  dy: number;\n  blur: number;\n  color: Color;\n  inner?: boolean;\n  shadowOnly?: boolean;\n}\n\nconst onDeclare = createDeclaration<ShadowProps>(\n  (\n    { dx, dy, blur, color: cl, shadowOnly, inner },\n    children,\n    { opacity, Skia }\n  ) => {\n    const input = getInput(Skia, children);\n    const color = processColor(Skia, cl, opacity);\n    let factory;\n    if (inner) {\n      factory = MakeInnerShadow.bind(null, Skia, shadowOnly);\n    } else {\n      factory = shadowOnly\n        ? Skia.ImageFilter.MakeDropShadowOnly.bind(Skia.ImageFilter)\n        : Skia.ImageFilter.MakeDropShadow.bind(Skia.ImageFilter);\n    }\n    return factory(dx, dy, blur, blur, color, input);\n  }\n);\n\nexport const Shadow = (props: AnimatedProps<ShadowProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/commonjs/skia/web/Host.js

@@ -3,14 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toValue = exports.toUndefinedableValue = exports.toOptionalValue = exports.toNullableValue = exports.optEnum = exports.ckEnum = exports.NotImplementedOnRNWeb = exports.HostObject = exports.Host = void 0;
+exports.optEnum = exports.ckEnum = exports.NotImplementedOnRNWeb = exports.HostObject = exports.Host = exports.BaseHostObject = void 0;
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-/* eslint-disable no-nested-ternary */
 class NotImplementedOnRNWeb extends Error {
-  constructor() {
-    super("Not implemented on React Native Web");
+  constructor(msg) {
+    super(msg !== null && msg !== void 0 ? msg : "Not implemented on React Native Web");
   }
 
 }
@@ -28,7 +27,7 @@ class Host {
 
 exports.Host = Host;
 
-class HostObject extends Host {
+class BaseHostObject extends Host {
   constructor(CanvasKit, ref, typename) {
     super(CanvasKit);
 
@@ -40,26 +39,18 @@ class HostObject extends Host {
     this.__typename__ = typename;
   }
 
-} // eslint-disable-next-line @typescript-eslint/ban-types
-
-
-exports.HostObject = HostObject;
-
-const toOptionalValue = value => value === undefined ? undefined : value === null ? null : toValue(value);
-
-exports.toOptionalValue = toOptionalValue;
-
-const toUndefinedableValue = value => value === undefined ? undefined : toValue(value);
-
-exports.toUndefinedableValue = toUndefinedableValue;
+}
 
-const toNullableValue = value => value === null ? null : toValue(value);
+exports.BaseHostObject = BaseHostObject;
 
-exports.toNullableValue = toNullableValue;
+class HostObject extends BaseHostObject {
+  static fromValue(value) {
+    return value.ref;
+  }
 
-const toValue = value => value.ref;
+}
 
-exports.toValue = toValue;
+exports.HostObject = HostObject;
 
 const ckEnum = value => ({
   value

package/lib/commonjs/skia/web/Host.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Host.ts"],"names":["NotImplementedOnRNWeb","Error","constructor","Host","CanvasKit","HostObject","ref","typename","__typename__","toOptionalValue","value","undefined","toValue","toUndefinedableValue","toNullableValue","ckEnum","optEnum"],"mappings":";;;;;;;;;AAAA;AAKO,MAAMA,qBAAN,SAAoCC,KAApC,CAA0C;AAC/CC,EAAAA,WAAW,GAAG;AACZ,UAAM,qCAAN;AACD;;AAH8C;;;;AAM1C,MAAeC,IAAf,CAAoB;AAGzBD,EAAAA,WAAW,CAACE,SAAD,EAAuB;AAAA;;AAChC,SAAKA,SAAL,GAAiBA,SAAjB;AACD;;AALwB;;;;AAQpB,MAAeC,UAAf,SACGF,IADH,CAGP;AAIED,EAAAA,WAAW,CAACE,SAAD,EAAuBE,GAAvB,EAA+BC,QAA/B,EAA4C;AACrD,UAAMH,SAAN;;AADqD;;AAAA;;AAErD,SAAKE,GAAL,GAAWA,GAAX;AACA,SAAKE,YAAL,GAAoBD,QAApB;AACD;;AARH,C,CAWA;;;;;AAGO,MAAME,eAAe,GAC1BC,KAD6B,IAG7BA,KAAK,KAAKC,SAAV,GAAsBA,SAAtB,GAAkCD,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwBE,OAAO,CAACF,KAAD,CAH5D;;;;AAKA,MAAMG,oBAAoB,GAC/BH,KADkC,IAEfA,KAAK,KAAKC,SAAV,GAAsBA,SAAtB,GAAkCC,OAAO,CAACF,KAAD,CAFvD;;;;AAIA,MAAMI,eAAe,GAAOJ,KAAJ,IAC7BA,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwBE,OAAO,CAACF,KAAD,CAD1B;;;;AAGA,MAAME,OAAO,GAAOF,KAAJ,IACpBA,KAAD,CAAiCJ,GAD5B;;;;AAGA,MAAMS,MAAM,GAAIL,KAAD,KAAsC;AAAEA,EAAAA;AAAF,CAAtC,CAAf;;;;AACA,MAAMM,OAAO,GAClBN,KADqB,IAGrBA,KAAK,KAAKC,SAAV,GAAsBA,SAAtB,GAAkC;AAAED,EAAAA;AAAF,CAH7B","sourcesContent":["/* eslint-disable no-nested-ternary */\nimport type { CanvasKit, EmbindEnumEntity } from \"canvaskit-wasm\";\n\nimport type { SkJSIInstance } from \"../types\";\n\nexport class NotImplementedOnRNWeb extends Error {\n  constructor() {\n    super(\"Not implemented on React Native Web\");\n  }\n}\n\nexport abstract class Host {\n  readonly CanvasKit: CanvasKit;\n\n  constructor(CanvasKit: CanvasKit) {\n    this.CanvasKit = CanvasKit;\n  }\n}\n\nexport abstract class HostObject<T, N extends string>\n  extends Host\n  implements SkJSIInstance<N>\n{\n  readonly __typename__: N;\n  readonly ref: T;\n\n  constructor(CanvasKit: CanvasKit, ref: T, typename: N) {\n    super(CanvasKit);\n    this.ref = ref;\n    this.__typename__ = typename;\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type NonNullish = {};\n\nexport const toOptionalValue = <T>(\n  value: NonNullish | undefined | null\n): T | undefined | null =>\n  value === undefined ? undefined : value === null ? null : toValue(value);\n\nexport const toUndefinedableValue = <T>(\n  value: NonNullish | undefined\n): T | undefined => (value === undefined ? undefined : toValue(value));\n\nexport const toNullableValue = <T>(value: NonNullish | null): T | null =>\n  value === null ? null : toValue(value);\n\nexport const toValue = <T>(value: NonNullish): T =>\n  (value as HostObject<T, string>).ref;\n\nexport const ckEnum = (value: number): EmbindEnumEntity => ({ value });\nexport const optEnum = (\n  value: number | undefined\n): EmbindEnumEntity | undefined =>\n  value === undefined ? undefined : { value };\n"]}
+{"version":3,"sources":["Host.ts"],"names":["NotImplementedOnRNWeb","Error","constructor","msg","Host","CanvasKit","BaseHostObject","ref","typename","__typename__","HostObject","fromValue","value","ckEnum","optEnum","undefined"],"mappings":";;;;;;;;;AAIO,MAAMA,qBAAN,SAAoCC,KAApC,CAA0C;AAC/CC,EAAAA,WAAW,CAACC,GAAD,EAAe;AACxB,UAAMA,GAAN,aAAMA,GAAN,cAAMA,GAAN,GAAa,qCAAb;AACD;;AAH8C;;;;AAM1C,MAAeC,IAAf,CAAoB;AAGzBF,EAAAA,WAAW,CAACG,SAAD,EAAuB;AAAA;;AAChC,SAAKA,SAAL,GAAiBA,SAAjB;AACD;;AALwB;;;;AAQpB,MAAeC,cAAf,SACGF,IADH,CAGP;AAIEF,EAAAA,WAAW,CAACG,SAAD,EAAuBE,GAAvB,EAA+BC,QAA/B,EAA4C;AACrD,UAAMH,SAAN;;AADqD;;AAAA;;AAErD,SAAKE,GAAL,GAAWA,GAAX;AACA,SAAKE,YAAL,GAAoBD,QAApB;AACD;;AARH;;;;AAWO,MAAeE,UAAf,SAAuDJ,cAAvD,CAGL;AACgB,SAATK,SAAS,CAAIC,KAAJ,EAAkC;AAChD,WAAQA,KAAD,CAAiCL,GAAxC;AACD;;AAHD;;;;AAMK,MAAMM,MAAM,GAAID,KAAD,KAAsC;AAAEA,EAAAA;AAAF,CAAtC,CAAf;;;;AACA,MAAME,OAAO,GAClBF,KADqB,IAGrBA,KAAK,KAAKG,SAAV,GAAsBA,SAAtB,GAAkC;AAAEH,EAAAA;AAAF,CAH7B","sourcesContent":["import type { CanvasKit, EmbindEnumEntity } from \"canvaskit-wasm\";\n\nimport type { SkJSIInstance } from \"../types\";\n\nexport class NotImplementedOnRNWeb extends Error {\n  constructor(msg?: string) {\n    super(msg ?? \"Not implemented on React Native Web\");\n  }\n}\n\nexport abstract class Host {\n  readonly CanvasKit: CanvasKit;\n\n  constructor(CanvasKit: CanvasKit) {\n    this.CanvasKit = CanvasKit;\n  }\n}\n\nexport abstract class BaseHostObject<T, N extends string>\n  extends Host\n  implements SkJSIInstance<N>\n{\n  readonly __typename__: N;\n  readonly ref: T;\n\n  constructor(CanvasKit: CanvasKit, ref: T, typename: N) {\n    super(CanvasKit);\n    this.ref = ref;\n    this.__typename__ = typename;\n  }\n}\n\nexport abstract class HostObject<T, N extends string> extends BaseHostObject<\n  T,\n  N\n> {\n  static fromValue<T>(value: SkJSIInstance<string>) {\n    return (value as HostObject<T, string>).ref;\n  }\n}\n\nexport const ckEnum = (value: number): EmbindEnumEntity => ({ value });\nexport const optEnum = (\n  value: number | undefined\n): EmbindEnumEntity | undefined =>\n  value === undefined ? undefined : { value };\n"]}

package/lib/commonjs/skia/web/JsiSkCanvas.js

@@ -7,61 +7,81 @@ exports.JsiSkCanvas = void 0;
 
 var _Host = require("./Host");
 
+var _JsiSkPaint = require("./JsiSkPaint");
+
 var _JsiSkRect = require("./JsiSkRect");
 
 var _JsiSkRRect = require("./JsiSkRRect");
 
+var _JsiSkImage = require("./JsiSkImage");
+
+var _JsiSkVertices = require("./JsiSkVertices");
+
+var _JsiSkPath = require("./JsiSkPath");
+
+var _JsiSkFont = require("./JsiSkFont");
+
+var _JsiSkTextBlob = require("./JsiSkTextBlob");
+
+var _JsiSkPicture = require("./JsiSkPicture");
+
+var _JsiSkMatrix = require("./JsiSkMatrix");
+
+var _JsiSkImageFilter = require("./JsiSkImageFilter");
+
+var _JsiSkPoint = require("./JsiSkPoint");
+
 class JsiSkCanvas extends _Host.HostObject {
   constructor(CanvasKit, ref) {
     super(CanvasKit, ref, "Canvas");
   }
 
   drawRect(rect, paint) {
-    this.ref.drawRect(_JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, rect), (0, _Host.toValue)(paint));
+    this.ref.drawRect(_JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, rect), _JsiSkPaint.JsiSkPaint.fromValue(paint));
   }
 
   drawImage(image, x, y, paint) {
-    this.ref.drawImage((0, _Host.toValue)(image), x, y, (0, _Host.toOptionalValue)(paint));
+    this.ref.drawImage(_JsiSkImage.JsiSkImage.fromValue(image), x, y, paint ? _JsiSkPaint.JsiSkPaint.fromValue(paint) : paint);
   }
 
   drawImageRect(img, src, dest, paint, fastSample) {
-    this.ref.drawImageRect((0, _Host.toValue)(img), _JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, src), _JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, dest), (0, _Host.toValue)(paint), fastSample);
+    this.ref.drawImageRect(_JsiSkImage.JsiSkImage.fromValue(img), _JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, src), _JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, dest), _JsiSkPaint.JsiSkPaint.fromValue(paint), fastSample);
   }
 
   drawImageCubic(img, left, top, B, C, paint) {
-    this.ref.drawImageCubic((0, _Host.toValue)(img), left, top, B, C, (0, _Host.toOptionalValue)(paint));
+    this.ref.drawImageCubic(_JsiSkImage.JsiSkImage.fromValue(img), left, top, B, C, paint ? _JsiSkPaint.JsiSkPaint.fromValue(paint) : paint);
   }
 
   drawImageOptions(img, left, top, fm, mm, paint) {
-    this.ref.drawImageOptions((0, _Host.toValue)(img), left, top, (0, _Host.ckEnum)(fm), (0, _Host.ckEnum)(mm), (0, _Host.toOptionalValue)(paint));
+    this.ref.drawImageOptions(_JsiSkImage.JsiSkImage.fromValue(img), left, top, (0, _Host.ckEnum)(fm), (0, _Host.ckEnum)(mm), paint ? _JsiSkPaint.JsiSkPaint.fromValue(paint) : paint);
   }
 
   drawImageNine(img, center, dest, filter, paint) {
-    this.ref.drawImageNine((0, _Host.toValue)(img), (0, _Host.toValue)(center), (0, _Host.toValue)(dest), (0, _Host.ckEnum)(filter), (0, _Host.toOptionalValue)(paint));
+    this.ref.drawImageNine(_JsiSkImage.JsiSkImage.fromValue(img), Array.from(_JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, center)), _JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, dest), (0, _Host.ckEnum)(filter), paint ? _JsiSkPaint.JsiSkPaint.fromValue(paint) : paint);
   }
 
   drawImageRectCubic(img, src, dest, B, C, paint) {
-    this.ref.drawImageRectCubic((0, _Host.toValue)(img), _JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, src), _JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, dest), B, C, (0, _Host.toOptionalValue)(paint));
+    this.ref.drawImageRectCubic(_JsiSkImage.JsiSkImage.fromValue(img), _JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, src), _JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, dest), B, C, paint ? _JsiSkPaint.JsiSkPaint.fromValue(paint) : paint);
   }
 
   drawImageRectOptions(img, src, dest, fm, mm, paint) {
-    this.ref.drawImageRectOptions((0, _Host.toValue)(img), _JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, src), _JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, dest), (0, _Host.ckEnum)(fm), (0, _Host.ckEnum)(mm), (0, _Host.toOptionalValue)(paint));
+    this.ref.drawImageRectOptions(_JsiSkImage.JsiSkImage.fromValue(img), _JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, src), _JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, dest), (0, _Host.ckEnum)(fm), (0, _Host.ckEnum)(mm), paint ? _JsiSkPaint.JsiSkPaint.fromValue(paint) : paint);
   }
 
   drawPaint(paint) {
-    this.ref.drawPaint((0, _Host.toValue)(paint));
+    this.ref.drawPaint(_JsiSkPaint.JsiSkPaint.fromValue(paint));
   }
 
   drawLine(x0, y0, x1, y1, paint) {
-    this.ref.drawLine(x0, y0, x1, y1, (0, _Host.toValue)(paint));
+    this.ref.drawLine(x0, y0, x1, y1, _JsiSkPaint.JsiSkPaint.fromValue(paint));
   }
 
   drawCircle(cx, cy, radius, paint) {
-    this.ref.drawCircle(cx, cy, radius, (0, _Host.toValue)(paint));
+    this.ref.drawCircle(cx, cy, radius, _JsiSkPaint.JsiSkPaint.fromValue(paint));
   }
 
   drawVertices(verts, mode, paint) {
-    this.ref.drawVertices((0, _Host.toValue)(verts), (0, _Host.ckEnum)(mode), (0, _Host.toValue)(paint));
+    this.ref.drawVertices(_JsiSkVertices.JsiSkVertices.fromValue(verts), (0, _Host.ckEnum)(mode), _JsiSkPaint.JsiSkPaint.fromValue(paint));
   }
 
   drawPatch(cubics, colors, texs, mode, paint) {
@@ -71,7 +91,7 @@ class JsiSkCanvas extends _Host.HostObject {
         y
       } = _ref;
       return [x, y];
-    }).flat(), colors, (0, _Host.toOptionalValue)(texs), mode ? (0, _Host.ckEnum)(mode) : null, (0, _Host.toUndefinedableValue)(paint));
+    }).flat(), colors, texs ? texs.flatMap(p => Array.from(_JsiSkPoint.JsiSkPoint.fromValue(p))) : texs, mode ? (0, _Host.ckEnum)(mode) : null, paint ? _JsiSkPaint.JsiSkPaint.fromValue(paint) : undefined);
   }
 
   restoreToCount(saveCount) {
@@ -85,39 +105,39 @@ class JsiSkCanvas extends _Host.HostObject {
         y
       } = _ref2;
       return [x, y];
-    }).flat(), (0, _Host.toValue)(paint));
+    }).flat(), _JsiSkPaint.JsiSkPaint.fromValue(paint));
   }
 
   drawArc(oval, startAngle, sweepAngle, useCenter, paint) {
-    this.ref.drawArc((0, _Host.toValue)(oval), startAngle, sweepAngle, useCenter, (0, _Host.toValue)(paint));
+    this.ref.drawArc(_JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, oval), startAngle, sweepAngle, useCenter, _JsiSkPaint.JsiSkPaint.fromValue(paint));
   }
 
   drawRRect(rrect, paint) {
-    this.ref.drawRRect(_JsiSkRRect.JsiSkRRect.fromValue(this.CanvasKit, rrect), (0, _Host.toValue)(paint));
+    this.ref.drawRRect(_JsiSkRRect.JsiSkRRect.fromValue(this.CanvasKit, rrect), _JsiSkPaint.JsiSkPaint.fromValue(paint));
   }
 
   drawDRRect(outer, inner, paint) {
-    this.ref.drawDRRect((0, _Host.toValue)(outer), (0, _Host.toValue)(inner), (0, _Host.toValue)(paint));
+    this.ref.drawDRRect(_JsiSkRRect.JsiSkRRect.fromValue(this.CanvasKit, outer), _JsiSkRRect.JsiSkRRect.fromValue(this.CanvasKit, inner), _JsiSkPaint.JsiSkPaint.fromValue(paint));
   }
 
   drawOval(oval, paint) {
-    this.ref.drawOval((0, _Host.toValue)(oval), (0, _Host.toValue)(paint));
+    this.ref.drawOval(_JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, oval), _JsiSkPaint.JsiSkPaint.fromValue(paint));
   }
 
   drawPath(path, paint) {
-    this.ref.drawPath((0, _Host.toValue)(path), (0, _Host.toValue)(paint));
+    this.ref.drawPath(_JsiSkPath.JsiSkPath.fromValue(path), _JsiSkPaint.JsiSkPaint.fromValue(paint));
   }
 
   drawText(str, x, y, paint, font) {
-    this.ref.drawText(str, x, y, (0, _Host.toValue)(paint), (0, _Host.toValue)(font));
+    this.ref.drawText(str, x, y, _JsiSkPaint.JsiSkPaint.fromValue(paint), _JsiSkFont.JsiSkFont.fromValue(font));
   }
 
   drawTextBlob(blob, x, y, paint) {
-    this.ref.drawTextBlob((0, _Host.toValue)(blob), x, y, (0, _Host.toValue)(paint));
+    this.ref.drawTextBlob(_JsiSkTextBlob.JsiSkTextBlob.fromValue(blob), x, y, _JsiSkPaint.JsiSkPaint.fromValue(paint));
   }
 
   drawGlyphs(glyphs, positions, x, y, font, paint) {
-    this.ref.drawGlyphs(glyphs, positions.map(p => [p.x, p.y]).flat(), x, y, (0, _Host.toValue)(font), (0, _Host.toValue)(paint));
+    this.ref.drawGlyphs(glyphs, positions.map(p => [p.x, p.y]).flat(), x, y, _JsiSkFont.JsiSkFont.fromValue(font), _JsiSkPaint.JsiSkPaint.fromValue(paint));
   }
 
   drawSvg(_svgDom, _width, _height) {
@@ -129,7 +149,7 @@ class JsiSkCanvas extends _Host.HostObject {
   }
 
   saveLayer(paint, bounds, backdrop, flags) {
-    return this.ref.saveLayer((0, _Host.toUndefinedableValue)(paint), (0, _Host.toOptionalValue)(bounds), (0, _Host.toOptionalValue)(backdrop), flags);
+    return this.ref.saveLayer(paint ? _JsiSkPaint.JsiSkPaint.fromValue(paint) : undefined, bounds ? _JsiSkRect.JsiSkRect.fromValue(this.CanvasKit, bounds) : bounds, backdrop ? _JsiSkImageFilter.JsiSkImageFilter.fromValue(backdrop) : backdrop, flags);
   }
 
   restore() {
@@ -161,7 +181,7 @@ class JsiSkCanvas extends _Host.HostObject {
   }
 
   clipPath(path, op, doAntiAlias) {
-    this.ref.clipPath((0, _Host.toValue)(path), (0, _Host.ckEnum)(op), doAntiAlias);
+    this.ref.clipPath(_JsiSkPath.JsiSkPath.fromValue(path), (0, _Host.ckEnum)(op), doAntiAlias);
   }
 
   clipRect(rect, op, doAntiAlias) {
@@ -173,11 +193,11 @@ class JsiSkCanvas extends _Host.HostObject {
   }
 
   concat(m) {
-    this.ref.concat((0, _Host.toValue)(m));
+    this.ref.concat(_JsiSkMatrix.JsiSkMatrix.fromValue(m));
   }
 
   drawPicture(skp) {
-    this.ref.drawPicture((0, _Host.toValue)(skp));
+    this.ref.drawPicture(_JsiSkPicture.JsiSkPicture.fromValue(skp));
   }
 
 }

package/lib/commonjs/skia/web/JsiSkCanvas.js.map

@@ -1 +1 @@
-{"version":3,"sources":["JsiSkCanvas.ts"],"names":["JsiSkCanvas","HostObject","constructor","CanvasKit","ref","drawRect","rect","paint","JsiSkRect","fromValue","drawImage","image","x","y","drawImageRect","img","src","dest","fastSample","drawImageCubic","left","top","B","C","drawImageOptions","fm","mm","drawImageNine","center","filter","drawImageRectCubic","drawImageRectOptions","drawPaint","drawLine","x0","y0","x1","y1","drawCircle","cx","cy","radius","drawVertices","verts","mode","drawPatch","cubics","colors","texs","map","flat","restoreToCount","saveCount","drawPoints","points","drawArc","oval","startAngle","sweepAngle","useCenter","drawRRect","rrect","JsiSkRRect","drawDRRect","outer","inner","drawOval","drawPath","path","drawText","str","font","drawTextBlob","blob","drawGlyphs","glyphs","positions","p","drawSvg","_svgDom","_width","_height","Error","save","saveLayer","bounds","backdrop","flags","restore","rotate","rotationInDegrees","rx","ry","scale","sx","sy","skew","translate","dx","dy","drawColor","color","blendMode","undefined","clear","clipPath","op","doAntiAlias","clipRect","clipRRect","concat","m","drawPicture","skp"],"mappings":"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","sourcesContent":["import type { Canvas, Image, CanvasKit, Paint } from \"canvaskit-wasm\";\n\nimport type {\n  BlendMode,\n  ClipOp,\n  FilterMode,\n  MipmapMode,\n  PointMode,\n  SaveLayerFlag,\n  SkCanvas,\n  SkColor,\n  SkFont,\n  SkImage,\n  SkImageFilter,\n  SkMatrix,\n  SkPaint,\n  SkPath,\n  SkPicture,\n  SkPoint,\n  SkRect,\n  SkRRect,\n  SkSVG,\n  SkTextBlob,\n  SkVertices,\n} from \"../types\";\n\nimport {\n  ckEnum,\n  HostObject,\n  toValue,\n  toUndefinedableValue,\n  toOptionalValue,\n} from \"./Host\";\nimport { JsiSkRect } from \"./JsiSkRect\";\nimport { JsiSkRRect } from \"./JsiSkRRect\";\n\nexport class JsiSkCanvas\n  extends HostObject<Canvas, \"Canvas\">\n  implements SkCanvas\n{\n  constructor(CanvasKit: CanvasKit, ref: Canvas) {\n    super(CanvasKit, ref, \"Canvas\");\n  }\n\n  drawRect(rect: SkRect, paint: SkPaint) {\n    this.ref.drawRect(\n      JsiSkRect.fromValue(this.CanvasKit, rect),\n      toValue<Paint>(paint)\n    );\n  }\n\n  drawImage(image: SkImage, x: number, y: number, paint?: SkPaint) {\n    this.ref.drawImage(toValue<Image>(image), x, y, toOptionalValue(paint));\n  }\n\n  drawImageRect(\n    img: SkImage,\n    src: SkRect,\n    dest: SkRect,\n    paint: SkPaint,\n    fastSample?: boolean\n  ) {\n    this.ref.drawImageRect(\n      toValue<Image>(img),\n      JsiSkRect.fromValue(this.CanvasKit, src),\n      JsiSkRect.fromValue(this.CanvasKit, dest),\n      toValue<Paint>(paint),\n      fastSample\n    );\n  }\n\n  drawImageCubic(\n    img: SkImage,\n    left: number,\n    top: number,\n    B: number,\n    C: number,\n    paint?: SkPaint | null\n  ) {\n    this.ref.drawImageCubic(\n      toValue(img),\n      left,\n      top,\n      B,\n      C,\n      toOptionalValue(paint)\n    );\n  }\n\n  drawImageOptions(\n    img: SkImage,\n    left: number,\n    top: number,\n    fm: FilterMode,\n    mm: MipmapMode,\n    paint?: SkPaint | null\n  ) {\n    this.ref.drawImageOptions(\n      toValue(img),\n      left,\n      top,\n      ckEnum(fm),\n      ckEnum(mm),\n      toOptionalValue(paint)\n    );\n  }\n\n  drawImageNine(\n    img: SkImage,\n    center: SkRect,\n    dest: SkRect,\n    filter: FilterMode,\n    paint?: SkPaint | null\n  ) {\n    this.ref.drawImageNine(\n      toValue(img),\n      toValue(center),\n      toValue(dest),\n      ckEnum(filter),\n      toOptionalValue(paint)\n    );\n  }\n\n  drawImageRectCubic(\n    img: SkImage,\n    src: SkRect,\n    dest: SkRect,\n    B: number,\n    C: number,\n    paint?: SkPaint | null\n  ) {\n    this.ref.drawImageRectCubic(\n      toValue<Image>(img),\n      JsiSkRect.fromValue(this.CanvasKit, src),\n      JsiSkRect.fromValue(this.CanvasKit, dest),\n      B,\n      C,\n      toOptionalValue(paint)\n    );\n  }\n\n  drawImageRectOptions(\n    img: SkImage,\n    src: SkRect,\n    dest: SkRect,\n    fm: FilterMode,\n    mm: MipmapMode,\n    paint?: SkPaint | null\n  ) {\n    this.ref.drawImageRectOptions(\n      toValue<Image>(img),\n      JsiSkRect.fromValue(this.CanvasKit, src),\n      JsiSkRect.fromValue(this.CanvasKit, dest),\n      ckEnum(fm),\n      ckEnum(mm),\n      toOptionalValue(paint)\n    );\n  }\n\n  drawPaint(paint: SkPaint) {\n    this.ref.drawPaint(toValue(paint));\n  }\n\n  drawLine(x0: number, y0: number, x1: number, y1: number, paint: SkPaint) {\n    this.ref.drawLine(x0, y0, x1, y1, toValue(paint));\n  }\n\n  drawCircle(cx: number, cy: number, radius: number, paint: SkPaint) {\n    this.ref.drawCircle(cx, cy, radius, toValue(paint));\n  }\n\n  drawVertices(verts: SkVertices, mode: BlendMode, paint: SkPaint) {\n    this.ref.drawVertices(toValue(verts), ckEnum(mode), toValue(paint));\n  }\n\n  drawPatch(\n    cubics: SkPoint[],\n    colors?: SkColor[] | null,\n    texs?: SkPoint[] | null,\n    mode?: BlendMode | null,\n    paint?: SkPaint\n  ) {\n    this.ref.drawPatch(\n      cubics.map(({ x, y }) => [x, y]).flat(),\n      colors,\n      toOptionalValue(texs),\n      mode ? ckEnum(mode) : null,\n      toUndefinedableValue(paint)\n    );\n  }\n\n  restoreToCount(saveCount: number) {\n    this.ref.restoreToCount(saveCount);\n  }\n\n  drawPoints(mode: PointMode, points: SkPoint[], paint: SkPaint) {\n    this.ref.drawPoints(\n      ckEnum(mode),\n      points.map(({ x, y }) => [x, y]).flat(),\n      toValue(paint)\n    );\n  }\n\n  drawArc(\n    oval: SkRect,\n    startAngle: number,\n    sweepAngle: number,\n    useCenter: boolean,\n    paint: SkPaint\n  ) {\n    this.ref.drawArc(\n      toValue(oval),\n      startAngle,\n      sweepAngle,\n      useCenter,\n      toValue(paint)\n    );\n  }\n\n  drawRRect(rrect: SkRRect, paint: SkPaint) {\n    this.ref.drawRRect(\n      JsiSkRRect.fromValue(this.CanvasKit, rrect),\n      toValue(paint)\n    );\n  }\n\n  drawDRRect(outer: SkRRect, inner: SkRRect, paint: SkPaint) {\n    this.ref.drawDRRect(toValue(outer), toValue(inner), toValue(paint));\n  }\n\n  drawOval(oval: SkRect, paint: SkPaint) {\n    this.ref.drawOval(toValue(oval), toValue(paint));\n  }\n\n  drawPath(path: SkPath, paint: SkPaint) {\n    this.ref.drawPath(toValue(path), toValue(paint));\n  }\n\n  drawText(str: string, x: number, y: number, paint: SkPaint, font: SkFont) {\n    this.ref.drawText(str, x, y, toValue(paint), toValue(font));\n  }\n\n  drawTextBlob(blob: SkTextBlob, x: number, y: number, paint: SkPaint) {\n    this.ref.drawTextBlob(toValue(blob), x, y, toValue(paint));\n  }\n\n  drawGlyphs(\n    glyphs: number[],\n    positions: SkPoint[],\n    x: number,\n    y: number,\n    font: SkFont,\n    paint: SkPaint\n  ) {\n    this.ref.drawGlyphs(\n      glyphs,\n      positions.map((p) => [p.x, p.y]).flat(),\n      x,\n      y,\n      toValue(font),\n      toValue(paint)\n    );\n  }\n\n  drawSvg(_svgDom: SkSVG, _width?: number, _height?: number) {\n    throw new Error(\"drawSvg is not implemented on React Native Web\");\n  }\n\n  save() {\n    return this.ref.save();\n  }\n\n  saveLayer(\n    paint?: SkPaint,\n    bounds?: SkRect | null,\n    backdrop?: SkImageFilter | null,\n    flags?: SaveLayerFlag\n  ) {\n    return this.ref.saveLayer(\n      toUndefinedableValue(paint),\n      toOptionalValue(bounds),\n      toOptionalValue(backdrop),\n      flags\n    );\n  }\n\n  restore() {\n    this.ref.restore();\n  }\n\n  rotate(rotationInDegrees: number, rx: number, ry: number) {\n    this.ref.rotate(rotationInDegrees, rx, ry);\n  }\n\n  scale(sx: number, sy: number) {\n    this.ref.scale(sx, sy);\n  }\n\n  skew(sx: number, sy: number) {\n    this.ref.skew(sx, sy);\n  }\n\n  translate(dx: number, dy: number) {\n    this.ref.translate(dx, dy);\n  }\n\n  drawColor(color: SkColor, blendMode?: BlendMode) {\n    this.ref.drawColor(color, blendMode ? ckEnum(blendMode) : undefined);\n  }\n\n  clear(color: SkColor) {\n    this.ref.clear(color);\n  }\n\n  clipPath(path: SkPath, op: ClipOp, doAntiAlias: boolean) {\n    this.ref.clipPath(toValue(path), ckEnum(op), doAntiAlias);\n  }\n\n  clipRect(rect: SkRect, op: ClipOp, doAntiAlias: boolean) {\n    this.ref.clipRect(\n      JsiSkRect.fromValue(this.CanvasKit, rect),\n      ckEnum(op),\n      doAntiAlias\n    );\n  }\n\n  clipRRect(rrect: SkRRect, op: ClipOp, doAntiAlias: boolean) {\n    this.ref.clipRRect(\n      JsiSkRRect.fromValue(this.CanvasKit, rrect),\n      ckEnum(op),\n      doAntiAlias\n    );\n  }\n\n  concat(m: SkMatrix) {\n    this.ref.concat(toValue(m));\n  }\n\n  drawPicture(skp: SkPicture) {\n    this.ref.drawPicture(toValue(skp));\n  }\n}\n"]}
+{"version":3,"sources":["JsiSkCanvas.ts"],"names":["JsiSkCanvas","HostObject","constructor","CanvasKit","ref","drawRect","rect","paint","JsiSkRect","fromValue","JsiSkPaint","drawImage","image","x","y","JsiSkImage","drawImageRect","img","src","dest","fastSample","drawImageCubic","left","top","B","C","drawImageOptions","fm","mm","drawImageNine","center","filter","Array","from","drawImageRectCubic","drawImageRectOptions","drawPaint","drawLine","x0","y0","x1","y1","drawCircle","cx","cy","radius","drawVertices","verts","mode","JsiSkVertices","drawPatch","cubics","colors","texs","map","flat","flatMap","p","JsiSkPoint","undefined","restoreToCount","saveCount","drawPoints","points","drawArc","oval","startAngle","sweepAngle","useCenter","drawRRect","rrect","JsiSkRRect","drawDRRect","outer","inner","drawOval","drawPath","path","JsiSkPath","drawText","str","font","JsiSkFont","drawTextBlob","blob","JsiSkTextBlob","drawGlyphs","glyphs","positions","drawSvg","_svgDom","_width","_height","Error","save","saveLayer","bounds","backdrop","flags","JsiSkImageFilter","restore","rotate","rotationInDegrees","rx","ry","scale","sx","sy","skew","translate","dx","dy","drawColor","color","blendMode","clear","clipPath","op","doAntiAlias","clipRect","clipRRect","concat","m","JsiSkMatrix","drawPicture","skp","JsiSkPicture"],"mappings":"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","sourcesContent":["import type { Canvas, CanvasKit } from \"canvaskit-wasm\";\n\nimport type {\n  BlendMode,\n  ClipOp,\n  FilterMode,\n  MipmapMode,\n  PointMode,\n  SaveLayerFlag,\n  SkCanvas,\n  SkColor,\n  SkFont,\n  SkImage,\n  SkImageFilter,\n  SkMatrix,\n  SkPaint,\n  SkPath,\n  SkPicture,\n  SkPoint,\n  SkRect,\n  SkRRect,\n  SkSVG,\n  SkTextBlob,\n  SkVertices,\n} from \"../types\";\n\nimport { ckEnum, HostObject } from \"./Host\";\nimport { JsiSkPaint } from \"./JsiSkPaint\";\nimport { JsiSkRect } from \"./JsiSkRect\";\nimport { JsiSkRRect } from \"./JsiSkRRect\";\nimport { JsiSkImage } from \"./JsiSkImage\";\nimport { JsiSkVertices } from \"./JsiSkVertices\";\nimport { JsiSkPath } from \"./JsiSkPath\";\nimport { JsiSkFont } from \"./JsiSkFont\";\nimport { JsiSkTextBlob } from \"./JsiSkTextBlob\";\nimport { JsiSkPicture } from \"./JsiSkPicture\";\nimport { JsiSkMatrix } from \"./JsiSkMatrix\";\nimport { JsiSkImageFilter } from \"./JsiSkImageFilter\";\nimport { JsiSkPoint } from \"./JsiSkPoint\";\n\nexport class JsiSkCanvas\n  extends HostObject<Canvas, \"Canvas\">\n  implements SkCanvas\n{\n  constructor(CanvasKit: CanvasKit, ref: Canvas) {\n    super(CanvasKit, ref, \"Canvas\");\n  }\n\n  drawRect(rect: SkRect, paint: SkPaint) {\n    this.ref.drawRect(\n      JsiSkRect.fromValue(this.CanvasKit, rect),\n      JsiSkPaint.fromValue(paint)\n    );\n  }\n\n  drawImage(image: SkImage, x: number, y: number, paint?: SkPaint) {\n    this.ref.drawImage(\n      JsiSkImage.fromValue(image),\n      x,\n      y,\n      paint ? JsiSkPaint.fromValue(paint) : paint\n    );\n  }\n\n  drawImageRect(\n    img: SkImage,\n    src: SkRect,\n    dest: SkRect,\n    paint: SkPaint,\n    fastSample?: boolean\n  ) {\n    this.ref.drawImageRect(\n      JsiSkImage.fromValue(img),\n      JsiSkRect.fromValue(this.CanvasKit, src),\n      JsiSkRect.fromValue(this.CanvasKit, dest),\n      JsiSkPaint.fromValue(paint),\n      fastSample\n    );\n  }\n\n  drawImageCubic(\n    img: SkImage,\n    left: number,\n    top: number,\n    B: number,\n    C: number,\n    paint?: SkPaint | null\n  ) {\n    this.ref.drawImageCubic(\n      JsiSkImage.fromValue(img),\n      left,\n      top,\n      B,\n      C,\n      paint ? JsiSkPaint.fromValue(paint) : paint\n    );\n  }\n\n  drawImageOptions(\n    img: SkImage,\n    left: number,\n    top: number,\n    fm: FilterMode,\n    mm: MipmapMode,\n    paint?: SkPaint | null\n  ) {\n    this.ref.drawImageOptions(\n      JsiSkImage.fromValue(img),\n      left,\n      top,\n      ckEnum(fm),\n      ckEnum(mm),\n      paint ? JsiSkPaint.fromValue(paint) : paint\n    );\n  }\n\n  drawImageNine(\n    img: SkImage,\n    center: SkRect,\n    dest: SkRect,\n    filter: FilterMode,\n    paint?: SkPaint | null\n  ) {\n    this.ref.drawImageNine(\n      JsiSkImage.fromValue(img),\n      Array.from(JsiSkRect.fromValue(this.CanvasKit, center)),\n      JsiSkRect.fromValue(this.CanvasKit, dest),\n      ckEnum(filter),\n      paint ? JsiSkPaint.fromValue(paint) : paint\n    );\n  }\n\n  drawImageRectCubic(\n    img: SkImage,\n    src: SkRect,\n    dest: SkRect,\n    B: number,\n    C: number,\n    paint?: SkPaint | null\n  ) {\n    this.ref.drawImageRectCubic(\n      JsiSkImage.fromValue(img),\n      JsiSkRect.fromValue(this.CanvasKit, src),\n      JsiSkRect.fromValue(this.CanvasKit, dest),\n      B,\n      C,\n      paint ? JsiSkPaint.fromValue(paint) : paint\n    );\n  }\n\n  drawImageRectOptions(\n    img: SkImage,\n    src: SkRect,\n    dest: SkRect,\n    fm: FilterMode,\n    mm: MipmapMode,\n    paint?: SkPaint | null\n  ) {\n    this.ref.drawImageRectOptions(\n      JsiSkImage.fromValue(img),\n      JsiSkRect.fromValue(this.CanvasKit, src),\n      JsiSkRect.fromValue(this.CanvasKit, dest),\n      ckEnum(fm),\n      ckEnum(mm),\n      paint ? JsiSkPaint.fromValue(paint) : paint\n    );\n  }\n\n  drawPaint(paint: SkPaint) {\n    this.ref.drawPaint(JsiSkPaint.fromValue(paint));\n  }\n\n  drawLine(x0: number, y0: number, x1: number, y1: number, paint: SkPaint) {\n    this.ref.drawLine(x0, y0, x1, y1, JsiSkPaint.fromValue(paint));\n  }\n\n  drawCircle(cx: number, cy: number, radius: number, paint: SkPaint) {\n    this.ref.drawCircle(cx, cy, radius, JsiSkPaint.fromValue(paint));\n  }\n\n  drawVertices(verts: SkVertices, mode: BlendMode, paint: SkPaint) {\n    this.ref.drawVertices(\n      JsiSkVertices.fromValue(verts),\n      ckEnum(mode),\n      JsiSkPaint.fromValue(paint)\n    );\n  }\n\n  drawPatch(\n    cubics: SkPoint[],\n    colors?: SkColor[] | null,\n    texs?: SkPoint[] | null,\n    mode?: BlendMode | null,\n    paint?: SkPaint\n  ) {\n    this.ref.drawPatch(\n      cubics.map(({ x, y }) => [x, y]).flat(),\n      colors,\n      texs ? texs.flatMap((p) => Array.from(JsiSkPoint.fromValue(p))) : texs,\n      mode ? ckEnum(mode) : null,\n      paint ? JsiSkPaint.fromValue(paint) : undefined\n    );\n  }\n\n  restoreToCount(saveCount: number) {\n    this.ref.restoreToCount(saveCount);\n  }\n\n  drawPoints(mode: PointMode, points: SkPoint[], paint: SkPaint) {\n    this.ref.drawPoints(\n      ckEnum(mode),\n      points.map(({ x, y }) => [x, y]).flat(),\n      JsiSkPaint.fromValue(paint)\n    );\n  }\n\n  drawArc(\n    oval: SkRect,\n    startAngle: number,\n    sweepAngle: number,\n    useCenter: boolean,\n    paint: SkPaint\n  ) {\n    this.ref.drawArc(\n      JsiSkRect.fromValue(this.CanvasKit, oval),\n      startAngle,\n      sweepAngle,\n      useCenter,\n      JsiSkPaint.fromValue(paint)\n    );\n  }\n\n  drawRRect(rrect: SkRRect, paint: SkPaint) {\n    this.ref.drawRRect(\n      JsiSkRRect.fromValue(this.CanvasKit, rrect),\n      JsiSkPaint.fromValue(paint)\n    );\n  }\n\n  drawDRRect(outer: SkRRect, inner: SkRRect, paint: SkPaint) {\n    this.ref.drawDRRect(\n      JsiSkRRect.fromValue(this.CanvasKit, outer),\n      JsiSkRRect.fromValue(this.CanvasKit, inner),\n      JsiSkPaint.fromValue(paint)\n    );\n  }\n\n  drawOval(oval: SkRect, paint: SkPaint) {\n    this.ref.drawOval(\n      JsiSkRect.fromValue(this.CanvasKit, oval),\n      JsiSkPaint.fromValue(paint)\n    );\n  }\n\n  drawPath(path: SkPath, paint: SkPaint) {\n    this.ref.drawPath(JsiSkPath.fromValue(path), JsiSkPaint.fromValue(paint));\n  }\n\n  drawText(str: string, x: number, y: number, paint: SkPaint, font: SkFont) {\n    this.ref.drawText(\n      str,\n      x,\n      y,\n      JsiSkPaint.fromValue(paint),\n      JsiSkFont.fromValue(font)\n    );\n  }\n\n  drawTextBlob(blob: SkTextBlob, x: number, y: number, paint: SkPaint) {\n    this.ref.drawTextBlob(\n      JsiSkTextBlob.fromValue(blob),\n      x,\n      y,\n      JsiSkPaint.fromValue(paint)\n    );\n  }\n\n  drawGlyphs(\n    glyphs: number[],\n    positions: SkPoint[],\n    x: number,\n    y: number,\n    font: SkFont,\n    paint: SkPaint\n  ) {\n    this.ref.drawGlyphs(\n      glyphs,\n      positions.map((p) => [p.x, p.y]).flat(),\n      x,\n      y,\n      JsiSkFont.fromValue(font),\n      JsiSkPaint.fromValue(paint)\n    );\n  }\n\n  drawSvg(_svgDom: SkSVG, _width?: number, _height?: number) {\n    throw new Error(\"drawSvg is not implemented on React Native Web\");\n  }\n\n  save() {\n    return this.ref.save();\n  }\n\n  saveLayer(\n    paint?: SkPaint,\n    bounds?: SkRect | null,\n    backdrop?: SkImageFilter | null,\n    flags?: SaveLayerFlag\n  ) {\n    return this.ref.saveLayer(\n      paint ? JsiSkPaint.fromValue(paint) : undefined,\n      bounds ? JsiSkRect.fromValue(this.CanvasKit, bounds) : bounds,\n      backdrop ? JsiSkImageFilter.fromValue(backdrop) : backdrop,\n      flags\n    );\n  }\n\n  restore() {\n    this.ref.restore();\n  }\n\n  rotate(rotationInDegrees: number, rx: number, ry: number) {\n    this.ref.rotate(rotationInDegrees, rx, ry);\n  }\n\n  scale(sx: number, sy: number) {\n    this.ref.scale(sx, sy);\n  }\n\n  skew(sx: number, sy: number) {\n    this.ref.skew(sx, sy);\n  }\n\n  translate(dx: number, dy: number) {\n    this.ref.translate(dx, dy);\n  }\n\n  drawColor(color: SkColor, blendMode?: BlendMode) {\n    this.ref.drawColor(color, blendMode ? ckEnum(blendMode) : undefined);\n  }\n\n  clear(color: SkColor) {\n    this.ref.clear(color);\n  }\n\n  clipPath(path: SkPath, op: ClipOp, doAntiAlias: boolean) {\n    this.ref.clipPath(JsiSkPath.fromValue(path), ckEnum(op), doAntiAlias);\n  }\n\n  clipRect(rect: SkRect, op: ClipOp, doAntiAlias: boolean) {\n    this.ref.clipRect(\n      JsiSkRect.fromValue(this.CanvasKit, rect),\n      ckEnum(op),\n      doAntiAlias\n    );\n  }\n\n  clipRRect(rrect: SkRRect, op: ClipOp, doAntiAlias: boolean) {\n    this.ref.clipRRect(\n      JsiSkRRect.fromValue(this.CanvasKit, rrect),\n      ckEnum(op),\n      doAntiAlias\n    );\n  }\n\n  concat(m: SkMatrix) {\n    this.ref.concat(JsiSkMatrix.fromValue(m));\n  }\n\n  drawPicture(skp: SkPicture) {\n    this.ref.drawPicture(JsiSkPicture.fromValue(skp));\n  }\n}\n"]}

package/lib/commonjs/skia/web/JsiSkColorFilterFactory.js

@@ -19,15 +19,15 @@ class JsiSkColorFilterFactory extends _Host.Host {
   }
 
   MakeBlend(color, mode) {
-    return new _JsiSkColorFilter.JsiSkColorFilter(this.CanvasKit, this.CanvasKit.ColorFilter.MakeBlend((0, _Host.toValue)(color), (0, _Host.ckEnum)(mode)));
+    return new _JsiSkColorFilter.JsiSkColorFilter(this.CanvasKit, this.CanvasKit.ColorFilter.MakeBlend(color, (0, _Host.ckEnum)(mode)));
   }
 
   MakeCompose(outer, inner) {
-    return new _JsiSkColorFilter.JsiSkColorFilter(this.CanvasKit, this.CanvasKit.ColorFilter.MakeCompose((0, _Host.toValue)(outer), (0, _Host.toValue)(inner)));
+    return new _JsiSkColorFilter.JsiSkColorFilter(this.CanvasKit, this.CanvasKit.ColorFilter.MakeCompose(_JsiSkColorFilter.JsiSkColorFilter.fromValue(outer), _JsiSkColorFilter.JsiSkColorFilter.fromValue(inner)));
   }
 
   MakeLerp(t, dst, src) {
-    return new _JsiSkColorFilter.JsiSkColorFilter(this.CanvasKit, this.CanvasKit.ColorFilter.MakeLerp(t, (0, _Host.toValue)(dst), (0, _Host.toValue)(src)));
+    return new _JsiSkColorFilter.JsiSkColorFilter(this.CanvasKit, this.CanvasKit.ColorFilter.MakeLerp(t, _JsiSkColorFilter.JsiSkColorFilter.fromValue(dst), _JsiSkColorFilter.JsiSkColorFilter.fromValue(src)));
   }
 
   MakeLinearToSRGBGamma() {
@@ -39,7 +39,7 @@ class JsiSkColorFilterFactory extends _Host.Host {
   }
 
   MakeLumaColorFilter() {
-    throw new _Host.NotImplementedOnRNWeb();
+    return new _JsiSkColorFilter.JsiSkColorFilter(this.CanvasKit, this.CanvasKit.ColorFilter.MakeLuma());
   }
 
 }

package/lib/commonjs/skia/web/JsiSkColorFilterFactory.js.map

@@ -1 +1 @@
-{"version":3,"sources":["JsiSkColorFilterFactory.ts"],"names":["JsiSkColorFilterFactory","Host","constructor","CanvasKit","MakeMatrix","cMatrix","JsiSkColorFilter","ColorFilter","MakeBlend","color","mode","MakeCompose","outer","inner","MakeLerp","t","dst","src","MakeLinearToSRGBGamma","MakeSRGBToLinearGamma","MakeLumaColorFilter","NotImplementedOnRNWeb"],"mappings":";;;;;;;AAUA;;AACA;;AAEO,MAAMA,uBAAN,SACGC,UADH,CAGP;AACEC,EAAAA,WAAW,CAACC,SAAD,EAAuB;AAChC,UAAMA,SAAN;AACD;;AAEDC,EAAAA,UAAU,CAACC,OAAD,EAA4B;AACpC,WAAO,IAAIC,kCAAJ,CACL,KAAKH,SADA,EAEL,KAAKA,SAAL,CAAeI,WAAf,CAA2BH,UAA3B,CAAsCC,OAAtC,CAFK,CAAP;AAID;;AAEDG,EAAAA,SAAS,CAACC,KAAD,EAAiBC,IAAjB,EAAkC;AACzC,WAAO,IAAIJ,kCAAJ,CACL,KAAKH,SADA,EAEL,KAAKA,SAAL,CAAeI,WAAf,CAA2BC,SAA3B,CAAqC,mBAAQC,KAAR,CAArC,EAAqD,kBAAOC,IAAP,CAArD,CAFK,CAAP;AAID;;AAEDC,EAAAA,WAAW,CAACC,KAAD,EAAuBC,KAAvB,EAA6C;AACtD,WAAO,IAAIP,kCAAJ,CACL,KAAKH,SADA,EAEL,KAAKA,SAAL,CAAeI,WAAf,CAA2BI,WAA3B,CAAuC,mBAAQC,KAAR,CAAvC,EAAuD,mBAAQC,KAAR,CAAvD,CAFK,CAAP;AAID;;AAEDC,EAAAA,QAAQ,CAACC,CAAD,EAAYC,GAAZ,EAAgCC,GAAhC,EAAoD;AAC1D,WAAO,IAAIX,kCAAJ,CACL,KAAKH,SADA,EAEL,KAAKA,SAAL,CAAeI,WAAf,CAA2BO,QAA3B,CAAoCC,CAApC,EAAuC,mBAAQC,GAAR,CAAvC,EAAqD,mBAAQC,GAAR,CAArD,CAFK,CAAP;AAID;;AAEDC,EAAAA,qBAAqB,GAAG;AACtB,WAAO,IAAIZ,kCAAJ,CACL,KAAKH,SADA,EAEL,KAAKA,SAAL,CAAeI,WAAf,CAA2BW,qBAA3B,EAFK,CAAP;AAID;;AAEDC,EAAAA,qBAAqB,GAAG;AACtB,WAAO,IAAIb,kCAAJ,CACL,KAAKH,SADA,EAEL,KAAKA,SAAL,CAAeI,WAAf,CAA2BY,qBAA3B,EAFK,CAAP;AAID;;AAEDC,EAAAA,mBAAmB,GAAkB;AACnC,UAAM,IAAIC,2BAAJ,EAAN;AACD;;AAjDH","sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type {\n  ColorFilterFactory,\n  SkColorFilter,\n  InputColorMatrix,\n  SkColor,\n  BlendMode,\n} from \"../types\";\n\nimport { ckEnum, Host, toValue, NotImplementedOnRNWeb } from \"./Host\";\nimport { JsiSkColorFilter } from \"./JsiSkColorFilter\";\n\nexport class JsiSkColorFilterFactory\n  extends Host\n  implements ColorFilterFactory\n{\n  constructor(CanvasKit: CanvasKit) {\n    super(CanvasKit);\n  }\n\n  MakeMatrix(cMatrix: InputColorMatrix) {\n    return new JsiSkColorFilter(\n      this.CanvasKit,\n      this.CanvasKit.ColorFilter.MakeMatrix(cMatrix)\n    );\n  }\n\n  MakeBlend(color: SkColor, mode: BlendMode) {\n    return new JsiSkColorFilter(\n      this.CanvasKit,\n      this.CanvasKit.ColorFilter.MakeBlend(toValue(color), ckEnum(mode))\n    );\n  }\n\n  MakeCompose(outer: SkColorFilter, inner: SkColorFilter) {\n    return new JsiSkColorFilter(\n      this.CanvasKit,\n      this.CanvasKit.ColorFilter.MakeCompose(toValue(outer), toValue(inner))\n    );\n  }\n\n  MakeLerp(t: number, dst: SkColorFilter, src: SkColorFilter) {\n    return new JsiSkColorFilter(\n      this.CanvasKit,\n      this.CanvasKit.ColorFilter.MakeLerp(t, toValue(dst), toValue(src))\n    );\n  }\n\n  MakeLinearToSRGBGamma() {\n    return new JsiSkColorFilter(\n      this.CanvasKit,\n      this.CanvasKit.ColorFilter.MakeLinearToSRGBGamma()\n    );\n  }\n\n  MakeSRGBToLinearGamma() {\n    return new JsiSkColorFilter(\n      this.CanvasKit,\n      this.CanvasKit.ColorFilter.MakeSRGBToLinearGamma()\n    );\n  }\n\n  MakeLumaColorFilter(): SkColorFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n}\n"]}
+{"version":3,"sources":["JsiSkColorFilterFactory.ts"],"names":["JsiSkColorFilterFactory","Host","constructor","CanvasKit","MakeMatrix","cMatrix","JsiSkColorFilter","ColorFilter","MakeBlend","color","mode","MakeCompose","outer","inner","fromValue","MakeLerp","t","dst","src","MakeLinearToSRGBGamma","MakeSRGBToLinearGamma","MakeLumaColorFilter","MakeLuma"],"mappings":";;;;;;;AAUA;;AACA;;AAEO,MAAMA,uBAAN,SACGC,UADH,CAGP;AACEC,EAAAA,WAAW,CAACC,SAAD,EAAuB;AAChC,UAAMA,SAAN;AACD;;AAEDC,EAAAA,UAAU,CAACC,OAAD,EAA4B;AACpC,WAAO,IAAIC,kCAAJ,CACL,KAAKH,SADA,EAEL,KAAKA,SAAL,CAAeI,WAAf,CAA2BH,UAA3B,CAAsCC,OAAtC,CAFK,CAAP;AAID;;AAEDG,EAAAA,SAAS,CAACC,KAAD,EAAiBC,IAAjB,EAAkC;AACzC,WAAO,IAAIJ,kCAAJ,CACL,KAAKH,SADA,EAEL,KAAKA,SAAL,CAAeI,WAAf,CAA2BC,SAA3B,CAAqCC,KAArC,EAA4C,kBAAOC,IAAP,CAA5C,CAFK,CAAP;AAID;;AAEDC,EAAAA,WAAW,CAACC,KAAD,EAAuBC,KAAvB,EAA6C;AACtD,WAAO,IAAIP,kCAAJ,CACL,KAAKH,SADA,EAEL,KAAKA,SAAL,CAAeI,WAAf,CAA2BI,WAA3B,CACEL,mCAAiBQ,SAAjB,CAA2BF,KAA3B,CADF,EAEEN,mCAAiBQ,SAAjB,CAA2BD,KAA3B,CAFF,CAFK,CAAP;AAOD;;AAEDE,EAAAA,QAAQ,CAACC,CAAD,EAAYC,GAAZ,EAAgCC,GAAhC,EAAoD;AAC1D,WAAO,IAAIZ,kCAAJ,CACL,KAAKH,SADA,EAEL,KAAKA,SAAL,CAAeI,WAAf,CAA2BQ,QAA3B,CACEC,CADF,EAEEV,mCAAiBQ,SAAjB,CAA2BG,GAA3B,CAFF,EAGEX,mCAAiBQ,SAAjB,CAA2BI,GAA3B,CAHF,CAFK,CAAP;AAQD;;AAEDC,EAAAA,qBAAqB,GAAG;AACtB,WAAO,IAAIb,kCAAJ,CACL,KAAKH,SADA,EAEL,KAAKA,SAAL,CAAeI,WAAf,CAA2BY,qBAA3B,EAFK,CAAP;AAID;;AAEDC,EAAAA,qBAAqB,GAAG;AACtB,WAAO,IAAId,kCAAJ,CACL,KAAKH,SADA,EAEL,KAAKA,SAAL,CAAeI,WAAf,CAA2Ba,qBAA3B,EAFK,CAAP;AAID;;AAEDC,EAAAA,mBAAmB,GAAkB;AACnC,WAAO,IAAIf,kCAAJ,CACL,KAAKH,SADA,EAEL,KAAKA,SAAL,CAAeI,WAAf,CAA2Be,QAA3B,EAFK,CAAP;AAID;;AA3DH","sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type {\n  ColorFilterFactory,\n  SkColorFilter,\n  InputColorMatrix,\n  SkColor,\n  BlendMode,\n} from \"../types\";\n\nimport { ckEnum, Host } from \"./Host\";\nimport { JsiSkColorFilter } from \"./JsiSkColorFilter\";\n\nexport class JsiSkColorFilterFactory\n  extends Host\n  implements ColorFilterFactory\n{\n  constructor(CanvasKit: CanvasKit) {\n    super(CanvasKit);\n  }\n\n  MakeMatrix(cMatrix: InputColorMatrix) {\n    return new JsiSkColorFilter(\n      this.CanvasKit,\n      this.CanvasKit.ColorFilter.MakeMatrix(cMatrix)\n    );\n  }\n\n  MakeBlend(color: SkColor, mode: BlendMode) {\n    return new JsiSkColorFilter(\n      this.CanvasKit,\n      this.CanvasKit.ColorFilter.MakeBlend(color, ckEnum(mode))\n    );\n  }\n\n  MakeCompose(outer: SkColorFilter, inner: SkColorFilter) {\n    return new JsiSkColorFilter(\n      this.CanvasKit,\n      this.CanvasKit.ColorFilter.MakeCompose(\n        JsiSkColorFilter.fromValue(outer),\n        JsiSkColorFilter.fromValue(inner)\n      )\n    );\n  }\n\n  MakeLerp(t: number, dst: SkColorFilter, src: SkColorFilter) {\n    return new JsiSkColorFilter(\n      this.CanvasKit,\n      this.CanvasKit.ColorFilter.MakeLerp(\n        t,\n        JsiSkColorFilter.fromValue(dst),\n        JsiSkColorFilter.fromValue(src)\n      )\n    );\n  }\n\n  MakeLinearToSRGBGamma() {\n    return new JsiSkColorFilter(\n      this.CanvasKit,\n      this.CanvasKit.ColorFilter.MakeLinearToSRGBGamma()\n    );\n  }\n\n  MakeSRGBToLinearGamma() {\n    return new JsiSkColorFilter(\n      this.CanvasKit,\n      this.CanvasKit.ColorFilter.MakeSRGBToLinearGamma()\n    );\n  }\n\n  MakeLumaColorFilter(): SkColorFilter {\n    return new JsiSkColorFilter(\n      this.CanvasKit,\n      this.CanvasKit.ColorFilter.MakeLuma()\n    );\n  }\n}\n"]}

package/lib/commonjs/skia/web/JsiSkFont.js

@@ -7,6 +7,10 @@ exports.JsiSkFont = void 0;
 
 var _Host = require("./Host");
 
+var _JsiSkPaint = require("./JsiSkPaint");
+
+var _JsiSkPoint = require("./JsiSkPoint");
+
 var _JsiSkRect = require("./JsiSkRect");
 
 var _JsiSkTypeface = require("./JsiSkTypeface");
@@ -39,11 +43,11 @@ class JsiSkFont extends _Host.HostObject {
 
 
   getGlyphWidths(glyphs, paint) {
-    return [...this.ref.getGlyphWidths(glyphs, paint ? (0, _Host.toValue)(paint) : null)];
+    return [...this.ref.getGlyphWidths(glyphs, paint ? _JsiSkPaint.JsiSkPaint.fromValue(paint) : null)];
   }
 
   getGlyphIntercepts(glyphs, positions, top, bottom) {
-    return [...this.ref.getGlyphIntercepts(glyphs, positions.map(p => (0, _Host.toValue)(p)), top, bottom)];
+    return [...this.ref.getGlyphIntercepts(glyphs, positions.map(p => Array.from(_JsiSkPoint.JsiSkPoint.fromValue(p))).flat(), top, bottom)];
   }
 
   getScaleX() {
@@ -104,7 +108,7 @@ class JsiSkFont extends _Host.HostObject {
   }
 
   setTypeface(face) {
-    this.ref.setTypeface(face ? (0, _Host.toValue)(face) : null);
+    this.ref.setTypeface(face ? _JsiSkTypeface.JsiSkTypeface.fromValue(face) : null);
   }
 
 }