@shopify/react-native-skia 0.1.130 → 0.1.133

package/lib/commonjs/renderer/processors/Rects.js

@@ -3,75 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.topRight = exports.topLeft = exports.rrect = exports.rect = exports.processRect = exports.processRRect = exports.point = exports.isRRect = exports.isEdge = exports.center = exports.bounds = exports.bottomRight = exports.bottomLeft = void 0;
-
-var _skia = require("../../skia");
-
-var _Vector = require("./math/Vector");
+exports.processRect = exports.processRRect = exports.isEdge = void 0;
 
 var _Radius = require("./Radius");
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const point = (x, y) => _skia.Skia.Point(x, y);
-
-exports.point = point;
-
-const rect = (x, y, width, height) => _skia.Skia.XYWHRect(x, y, width, height);
-
-exports.rect = rect;
-
-const rrect = (r, rx, ry) => _skia.Skia.RRectXY(r, rx, ry);
+const isEdge = (pos, b) => pos.x === b.x || pos.y === b.y || pos.x === b.width || pos.y === b.height; // We have an issue to check property existence on JSI backed instances
 
-exports.rrect = rrect;
-
-const bounds = rects => {
-  const x = Math.min(...rects.map(r => r.x));
-  const y = Math.min(...rects.map(r => r.y));
-  const width = Math.max(...rects.map(r => r.x + r.width));
-  const height = Math.max(...rects.map(r => r.y + r.height));
-  return rect(x, y, width, height);
-};
-
-exports.bounds = bounds;
-
-const isEdge = (pos, b) => pos.x === b.x || pos.y === b.y || pos.x === b.width || pos.y === b.height;
 
 exports.isEdge = isEdge;
 
-const topLeft = r => isRRect(r) ? (0, _Vector.vec)(r.rect.x, r.rect.y) : (0, _Vector.vec)(r.x, r.y);
-
-exports.topLeft = topLeft;
-
-const topRight = r => isRRect(r) ? (0, _Vector.vec)(r.rect.x + r.rect.width, r.rect.y) : (0, _Vector.vec)(r.x + r.width, r.y);
-
-exports.topRight = topRight;
-
-const bottomLeft = r => isRRect(r) ? (0, _Vector.vec)(r.rect.x, r.rect.y + r.rect.height) : (0, _Vector.vec)(r.x, r.y + r.height);
-
-exports.bottomLeft = bottomLeft;
-
-const bottomRight = r => isRRect(r) ? (0, _Vector.vec)(r.rect.x + r.rect.width, r.rect.y + r.rect.height) : (0, _Vector.vec)(r.x + r.width, r.y + r.height);
-
-exports.bottomRight = bottomRight;
-
-const center = r => isRRect(r) ? (0, _Vector.vec)(r.rect.x + r.rect.width / 2, r.rect.y + r.rect.height / 2) : (0, _Vector.vec)(r.x + r.width / 2, r.y + r.height / 2); // We have an issue to check property existence on JSI backed instances
-
-
-exports.center = center;
-
 const isRRectCtor = def => def.rect === undefined; // We have an issue to check property existence on JSI backed instances
 
 
-const isRectCtor = def => def.rect === undefined; // We have an issue to check property existence on JSI backed instances
-
-
-const isRRect = def => def.rect !== undefined;
-
-exports.isRRect = isRRect;
+const isRectCtor = def => def.rect === undefined;
 
-const processRect = def => {
+const processRect = (Skia, def) => {
   if (isRectCtor(def)) {
-    return rect(def.x, def.y, def.width, def.height);
+    return Skia.XYWHRect(def.x, def.y, def.width, def.height);
   } else {
     return def.rect;
   }
@@ -79,10 +28,10 @@ const processRect = def => {
 
 exports.processRect = processRect;
 
-const processRRect = def => {
+const processRRect = (Skia, def) => {
   if (isRRectCtor(def)) {
-    const r = (0, _Radius.processRadius)(def.r);
-    return rrect(rect(def.x, def.y, def.width, def.height), r.x, r.y);
+    const r = (0, _Radius.processRadius)(Skia, def.r);
+    return Skia.RRectXY(Skia.XYWHRect(def.x, def.y, def.width, def.height), r.x, r.y);
   } else {
     return def.rect;
   }

package/lib/commonjs/renderer/processors/Rects.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Rects.ts"],"names":["point","x","y","Skia","Point","rect","width","height","XYWHRect","rrect","r","rx","ry","RRectXY","bounds","rects","Math","min","map","max","isEdge","pos","b","topLeft","isRRect","topRight","bottomLeft","bottomRight","center","isRRectCtor","def","undefined","isRectCtor","processRect","processRRect"],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { SkRect, SkRRect } from \"../../skia\";\nimport { Skia } from \"../../skia\";\n\nimport type { Vector } from \"./math/Vector\";\nimport { vec } from \"./math/Vector\";\nimport type { Radius } from \"./Radius\";\nimport { processRadius } from \"./Radius\";\n\nexport const point = (x: number, y: number) => Skia.Point(x, y);\n\nexport const rect = (x: number, y: number, width: number, height: number) =>\n  Skia.XYWHRect(x, y, width, height);\n\nexport const rrect = (r: SkRect, rx: number, ry: number) =>\n  Skia.RRectXY(r, rx, ry);\n\nexport const bounds = (rects: SkRect[]) => {\n  const x = Math.min(...rects.map((r) => r.x));\n  const y = Math.min(...rects.map((r) => r.y));\n  const width = Math.max(...rects.map((r) => r.x + r.width));\n  const height = Math.max(...rects.map((r) => r.y + r.height));\n  return rect(x, y, width, height);\n};\n\nexport const isEdge = (pos: Vector, b: SkRect) =>\n  pos.x === b.x || pos.y === b.y || pos.x === b.width || pos.y === b.height;\n\nexport const topLeft = (r: SkRect | SkRRect) =>\n  isRRect(r) ? vec(r.rect.x, r.rect.y) : vec(r.x, r.y);\nexport const topRight = (r: SkRect | SkRRect) =>\n  isRRect(r) ? vec(r.rect.x + r.rect.width, r.rect.y) : vec(r.x + r.width, r.y);\nexport const bottomLeft = (r: SkRect | SkRRect) =>\n  isRRect(r)\n    ? vec(r.rect.x, r.rect.y + r.rect.height)\n    : vec(r.x, r.y + r.height);\nexport const bottomRight = (r: SkRect | SkRRect) =>\n  isRRect(r)\n    ? vec(r.rect.x + r.rect.width, r.rect.y + r.rect.height)\n    : vec(r.x + r.width, r.y + r.height);\nexport const center = (r: SkRect | SkRRect) =>\n  isRRect(r)\n    ? vec(r.rect.x + r.rect.width / 2, r.rect.y + r.rect.height / 2)\n    : vec(r.x + r.width / 2, r.y + r.height / 2);\n\n// We have an issue to check property existence on JSI backed instances\nconst isRRectCtor = (def: RRectDef): def is RRectCtor =>\n  (def as any).rect === undefined;\n// We have an issue to check property existence on JSI backed instances\nconst isRectCtor = (def: RectDef): def is RectCtor =>\n  (def as any).rect === undefined;\n// We have an issue to check property existence on JSI backed instances\nexport const isRRect = (def: SkRect | SkRRect): def is SkRRect =>\n  (def as any).rect !== undefined;\n\nexport interface RectCtor {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport interface RRectCtor extends RectCtor {\n  r: Radius;\n}\n\nexport type RectDef = RectCtor | { rect: SkRect };\nexport type RRectDef = RRectCtor | { rect: SkRRect };\n\nexport const processRect = (def: RectDef) => {\n  if (isRectCtor(def)) {\n    return rect(def.x, def.y, def.width, def.height);\n  } else {\n    return def.rect;\n  }\n};\n\nexport const processRRect = (def: RRectDef) => {\n  if (isRRectCtor(def)) {\n    const r = processRadius(def.r);\n    return rrect(rect(def.x, def.y, def.width, def.height), r.x, r.y);\n  } else {\n    return def.rect;\n  }\n};\n"]}
+{"version":3,"sources":["Rects.ts"],"names":["isEdge","pos","b","x","y","width","height","isRRectCtor","def","rect","undefined","isRectCtor","processRect","Skia","XYWHRect","processRRect","r","RRectXY"],"mappings":";;;;;;;AAIA;;AAJA;AAMO,MAAMA,MAAM,GAAG,CAACC,GAAD,EAAcC,CAAd,KACpBD,GAAG,CAACE,CAAJ,KAAUD,CAAC,CAACC,CAAZ,IAAiBF,GAAG,CAACG,CAAJ,KAAUF,CAAC,CAACE,CAA7B,IAAkCH,GAAG,CAACE,CAAJ,KAAUD,CAAC,CAACG,KAA9C,IAAuDJ,GAAG,CAACG,CAAJ,KAAUF,CAAC,CAACI,MAD9D,C,CAGP;;;;;AACA,MAAMC,WAAW,GAAIC,GAAD,IACjBA,GAAD,CAAaC,IAAb,KAAsBC,SADxB,C,CAEA;;;AACA,MAAMC,UAAU,GAAIH,GAAD,IAChBA,GAAD,CAAaC,IAAb,KAAsBC,SADxB;;AAiBO,MAAME,WAAW,GAAG,CAACC,IAAD,EAAaL,GAAb,KAA8B;AACvD,MAAIG,UAAU,CAACH,GAAD,CAAd,EAAqB;AACnB,WAAOK,IAAI,CAACC,QAAL,CAAcN,GAAG,CAACL,CAAlB,EAAqBK,GAAG,CAACJ,CAAzB,EAA4BI,GAAG,CAACH,KAAhC,EAAuCG,GAAG,CAACF,MAA3C,CAAP;AACD,GAFD,MAEO;AACL,WAAOE,GAAG,CAACC,IAAX;AACD;AACF,CANM;;;;AAQA,MAAMM,YAAY,GAAG,CAACF,IAAD,EAAaL,GAAb,KAA+B;AACzD,MAAID,WAAW,CAACC,GAAD,CAAf,EAAsB;AACpB,UAAMQ,CAAC,GAAG,2BAAcH,IAAd,EAAoBL,GAAG,CAACQ,CAAxB,CAAV;AACA,WAAOH,IAAI,CAACI,OAAL,CACLJ,IAAI,CAACC,QAAL,CAAcN,GAAG,CAACL,CAAlB,EAAqBK,GAAG,CAACJ,CAAzB,EAA4BI,GAAG,CAACH,KAAhC,EAAuCG,GAAG,CAACF,MAA3C,CADK,EAELU,CAAC,CAACb,CAFG,EAGLa,CAAC,CAACZ,CAHG,CAAP;AAKD,GAPD,MAOO;AACL,WAAOI,GAAG,CAACC,IAAX;AACD;AACF,CAXM","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Skia, SkRect, SkRRect, Vector } from \"../../skia/types\";\n\nimport type { Radius } from \"./Radius\";\nimport { processRadius } from \"./Radius\";\n\nexport const isEdge = (pos: Vector, b: SkRect) =>\n  pos.x === b.x || pos.y === b.y || pos.x === b.width || pos.y === b.height;\n\n// We have an issue to check property existence on JSI backed instances\nconst isRRectCtor = (def: RRectDef): def is RRectCtor =>\n  (def as any).rect === undefined;\n// We have an issue to check property existence on JSI backed instances\nconst isRectCtor = (def: RectDef): def is RectCtor =>\n  (def as any).rect === undefined;\n\nexport interface RectCtor {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport interface RRectCtor extends RectCtor {\n  r: Radius;\n}\n\nexport type RectDef = RectCtor | { rect: SkRect };\nexport type RRectDef = RRectCtor | { rect: SkRRect };\n\nexport const processRect = (Skia: Skia, def: RectDef) => {\n  if (isRectCtor(def)) {\n    return Skia.XYWHRect(def.x, def.y, def.width, def.height);\n  } else {\n    return def.rect;\n  }\n};\n\nexport const processRRect = (Skia: Skia, def: RRectDef) => {\n  if (isRRectCtor(def)) {\n    const r = processRadius(Skia, def.r);\n    return Skia.RRectXY(\n      Skia.XYWHRect(def.x, def.y, def.width, def.height),\n      r.x,\n      r.y\n    );\n  } else {\n    return def.rect;\n  }\n};\n"]}

package/lib/commonjs/renderer/processors/Transform.js

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.transformOrigin = exports.processTransform = exports.localMatrix = void 0;
+exports.transformOrigin = exports.processCanvasTransform = exports.localMatrix = void 0;
 
-var _math = require("./math");
+var _types = require("../../skia/types");
 
-const processTransform = (_ref, _ref2) => {
+const processCanvasTransform = (_ref, _ref2) => {
   let {
-    canvas
+    canvas,
+    Skia
   } = _ref;
   let {
     transform,
@@ -17,26 +18,32 @@ const processTransform = (_ref, _ref2) => {
     matrix
   } = _ref2;
 
-  if (transform) {
-    if (matrix) {
-      canvas.concat(matrix);
-    } else {
-      const m3 = (0, _math.processTransform2d)(origin ? transformOrigin(origin, transform) : transform);
+  if (matrix) {
+    if (origin) {
+      const m3 = Skia.Matrix();
+      m3.translate(origin.x, origin.y);
+      m3.concat(matrix);
+      m3.translate(-origin.x, -origin.y);
       canvas.concat(m3);
+    } else {
+      canvas.concat(matrix);
     }
+  } else if (transform) {
+    const m3 = (0, _types.processTransform)(Skia.Matrix(), origin ? transformOrigin(origin, transform) : transform);
+    canvas.concat(m3);
   }
 };
 
-exports.processTransform = processTransform;
+exports.processCanvasTransform = processCanvasTransform;
 
-const localMatrix = _ref3 => {
+const localMatrix = (m, _ref3) => {
   let {
     transform,
     origin
   } = _ref3;
 
   if (transform) {
-    return (0, _math.processTransform2d)(origin ? transformOrigin(origin, transform) : transform);
+    return (0, _types.processTransform)(m, origin ? transformOrigin(origin, transform) : transform);
   }
 
   return undefined;
@@ -44,13 +51,15 @@ const localMatrix = _ref3 => {
 
 exports.localMatrix = localMatrix;
 
-const translate = a => [{
-  translateX: a.x
+const transformOrigin = (origin, transform) => [{
+  translateX: origin.x
+}, {
+  translateY: origin.y
+}, ...transform, {
+  translateX: -origin.x
 }, {
-  translateY: a.y
+  translateY: -origin.y
 }];
 
-const transformOrigin = (origin, transform) => [...translate(origin), ...transform, ...translate((0, _math.neg)(origin))];
-
 exports.transformOrigin = transformOrigin;
 //# sourceMappingURL=Transform.js.map

package/lib/commonjs/renderer/processors/Transform.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Transform.ts"],"names":["processTransform","canvas","transform","origin","matrix","concat","m3","transformOrigin","localMatrix","undefined","translate","a","translateX","x","translateY","y"],"mappings":";;;;;;;AAGA;;AASO,MAAMA,gBAAgB,GAAG,iBAG3B;AAAA,MAFH;AAAEC,IAAAA;AAAF,GAEG;AAAA,MADH;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,MAAb;AAAqBC,IAAAA;AAArB,GACG;;AACH,MAAIF,SAAJ,EAAe;AACb,QAAIE,MAAJ,EAAY;AACVH,MAAAA,MAAM,CAACI,MAAP,CAAcD,MAAd;AACD,KAFD,MAEO;AACL,YAAME,EAAE,GAAG,8BACTH,MAAM,GAAGI,eAAe,CAACJ,MAAD,EAASD,SAAT,CAAlB,GAAwCA,SADrC,CAAX;AAGAD,MAAAA,MAAM,CAACI,MAAP,CAAcC,EAAd;AACD;AACF;AACF,CAdM;;;;AAgBA,MAAME,WAAW,GAAG,SAA2C;AAAA,MAA1C;AAAEN,IAAAA,SAAF;AAAaC,IAAAA;AAAb,GAA0C;;AACpE,MAAID,SAAJ,EAAe;AACb,WAAO,8BACLC,MAAM,GAAGI,eAAe,CAACJ,MAAD,EAASD,SAAT,CAAlB,GAAwCA,SADzC,CAAP;AAGD;;AACD,SAAOO,SAAP;AACD,CAPM;;;;AASP,MAAMC,SAAS,GAAIC,CAAD,IAAe,CAAC;AAAEC,EAAAA,UAAU,EAAED,CAAC,CAACE;AAAhB,CAAD,EAAsB;AAAEC,EAAAA,UAAU,EAAEH,CAAC,CAACI;AAAhB,CAAtB,CAAjC;;AAEO,MAAMR,eAAe,GAAG,CAACJ,MAAD,EAAiBD,SAAjB,KAA6C,CAC1E,GAAGQ,SAAS,CAACP,MAAD,CAD8D,EAE1E,GAAGD,SAFuE,EAG1E,GAAGQ,SAAS,CAAC,eAAIP,MAAJ,CAAD,CAH8D,CAArE","sourcesContent":["import type { DrawingContext } from \"../DrawingContext\";\nimport type { SkMatrix } from \"../../skia/types\";\n\nimport { neg, processTransform2d } from \"./math\";\nimport type { Transforms2d, Vector } from \"./math\";\n\nexport interface TransformProps {\n  transform?: Transforms2d;\n  origin?: Vector;\n  matrix?: SkMatrix;\n}\n\nexport const processTransform = (\n  { canvas }: DrawingContext,\n  { transform, origin, matrix }: TransformProps\n) => {\n  if (transform) {\n    if (matrix) {\n      canvas.concat(matrix);\n    } else {\n      const m3 = processTransform2d(\n        origin ? transformOrigin(origin, transform) : transform\n      );\n      canvas.concat(m3);\n    }\n  }\n};\n\nexport const localMatrix = ({ transform, origin }: TransformProps) => {\n  if (transform) {\n    return processTransform2d(\n      origin ? transformOrigin(origin, transform) : transform\n    );\n  }\n  return undefined;\n};\n\nconst translate = (a: Vector) => [{ translateX: a.x }, { translateY: a.y }];\n\nexport const transformOrigin = (origin: Vector, transform: Transforms2d) => [\n  ...translate(origin),\n  ...transform,\n  ...translate(neg(origin)),\n];\n"]}
+{"version":3,"sources":["Transform.ts"],"names":["processCanvasTransform","canvas","Skia","transform","origin","matrix","m3","Matrix","translate","x","y","concat","transformOrigin","localMatrix","m","undefined","translateX","translateY"],"mappings":";;;;;;;AAEA;;AAQO,MAAMA,sBAAsB,GAAG,iBAGjC;AAAA,MAFH;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAEG;AAAA,MADH;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,MAAb;AAAqBC,IAAAA;AAArB,GACG;;AACH,MAAIA,MAAJ,EAAY;AACV,QAAID,MAAJ,EAAY;AACV,YAAME,EAAE,GAAGJ,IAAI,CAACK,MAAL,EAAX;AACAD,MAAAA,EAAE,CAACE,SAAH,CAAaJ,MAAM,CAACK,CAApB,EAAuBL,MAAM,CAACM,CAA9B;AACAJ,MAAAA,EAAE,CAACK,MAAH,CAAUN,MAAV;AACAC,MAAAA,EAAE,CAACE,SAAH,CAAa,CAACJ,MAAM,CAACK,CAArB,EAAwB,CAACL,MAAM,CAACM,CAAhC;AACAT,MAAAA,MAAM,CAACU,MAAP,CAAcL,EAAd;AACD,KAND,MAMO;AACLL,MAAAA,MAAM,CAACU,MAAP,CAAcN,MAAd;AACD;AACF,GAVD,MAUO,IAAIF,SAAJ,EAAe;AACpB,UAAMG,EAAE,GAAG,6BACTJ,IAAI,CAACK,MAAL,EADS,EAETH,MAAM,GAAGQ,eAAe,CAACR,MAAD,EAASD,SAAT,CAAlB,GAAwCA,SAFrC,CAAX;AAIAF,IAAAA,MAAM,CAACU,MAAP,CAAcL,EAAd;AACD;AACF,CArBM;;;;AAuBA,MAAMO,WAAW,GAAG,CACzBC,CADyB,YAGtB;AAAA,MADH;AAAEX,IAAAA,SAAF;AAAaC,IAAAA;AAAb,GACG;;AACH,MAAID,SAAJ,EAAe;AACb,WAAO,6BACLW,CADK,EAELV,MAAM,GAAGQ,eAAe,CAACR,MAAD,EAASD,SAAT,CAAlB,GAAwCA,SAFzC,CAAP;AAID;;AACD,SAAOY,SAAP;AACD,CAXM;;;;AAaA,MAAMH,eAAe,GAAG,CAACR,MAAD,EAAiBD,SAAjB,KAA6C,CAC1E;AAAEa,EAAAA,UAAU,EAAEZ,MAAM,CAACK;AAArB,CAD0E,EAE1E;AAAEQ,EAAAA,UAAU,EAAEb,MAAM,CAACM;AAArB,CAF0E,EAG1E,GAAGP,SAHuE,EAI1E;AAAEa,EAAAA,UAAU,EAAE,CAACZ,MAAM,CAACK;AAAtB,CAJ0E,EAK1E;AAAEQ,EAAAA,UAAU,EAAE,CAACb,MAAM,CAACM;AAAtB,CAL0E,CAArE","sourcesContent":["import type { DrawingContext } from \"../DrawingContext\";\nimport type { SkMatrix, Vector, Transforms2d } from \"../../skia/types\";\nimport { processTransform } from \"../../skia/types\";\n\nexport interface TransformProps {\n  transform?: Transforms2d;\n  origin?: Vector;\n  matrix?: SkMatrix;\n}\n\nexport const processCanvasTransform = (\n  { canvas, Skia }: DrawingContext,\n  { transform, origin, matrix }: TransformProps\n) => {\n  if (matrix) {\n    if (origin) {\n      const m3 = Skia.Matrix();\n      m3.translate(origin.x, origin.y);\n      m3.concat(matrix);\n      m3.translate(-origin.x, -origin.y);\n      canvas.concat(m3);\n    } else {\n      canvas.concat(matrix);\n    }\n  } else if (transform) {\n    const m3 = processTransform(\n      Skia.Matrix(),\n      origin ? transformOrigin(origin, transform) : transform\n    );\n    canvas.concat(m3);\n  }\n};\n\nexport const localMatrix = (\n  m: SkMatrix,\n  { transform, origin }: TransformProps\n) => {\n  if (transform) {\n    return processTransform(\n      m,\n      origin ? transformOrigin(origin, transform) : transform\n    );\n  }\n  return undefined;\n};\n\nexport const transformOrigin = (origin: Vector, transform: Transforms2d) => [\n  { translateX: origin.x },\n  { translateY: origin.y },\n  ...transform,\n  { translateX: -origin.x },\n  { translateY: -origin.y },\n];\n"]}

package/lib/commonjs/renderer/processors/index.js

@@ -4,19 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _Paint = require("./Paint");
-
-Object.keys(_Paint).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Paint[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Paint[key];
-    }
-  });
-});
-
 var _Transform = require("./Transform");
 
 Object.keys(_Transform).forEach(function (key) {
@@ -133,4 +120,30 @@ Object.keys(_Radius).forEach(function (key) {
     }
   });
 });
+
+var _Color = require("./Color");
+
+Object.keys(_Color).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Color[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Color[key];
+    }
+  });
+});
+
+var _Paint = require("./Paint");
+
+Object.keys(_Paint).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Paint[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Paint[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/renderer/processors/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Paint\";\nexport * from \"./Transform\";\nexport * from \"./Animations\";\nexport * from \"./Circles\";\nexport * from \"./Rects\";\nexport * from \"./math\";\nexport * from \"./Font\";\nexport * from \"./Paths\";\nexport * from \"./Clips\";\nexport * from \"./Radius\";\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Transform\";\nexport * from \"./Animations\";\nexport * from \"./Circles\";\nexport * from \"./Rects\";\nexport * from \"./math\";\nexport * from \"./Font\";\nexport * from \"./Paths\";\nexport * from \"./Clips\";\nexport * from \"./Radius\";\nexport * from \"./Color\";\nexport * from \"./Paint\";\n"]}

package/lib/commonjs/renderer/processors/math/Coordinates.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Coordinates.ts"],"names":["canvas2Cartesian","v","center","x","y","cartesian2Canvas","cartesian2Polar","theta","Math","atan2","radius","sqrt","polar2Cartesian","p","cos","sin","polar2Canvas","canvas2Polar"],"mappings":";;;;;;;AAOO,MAAMA,gBAAgB,GAAG,CAACC,CAAD,EAAYC,MAAZ,MAAgC;AAC9DC,EAAAA,CAAC,EAAEF,CAAC,CAACE,CAAF,GAAMD,MAAM,CAACC,CAD8C;AAE9DC,EAAAA,CAAC,EAAE,CAAC,CAAD,IAAMH,CAAC,CAACG,CAAF,GAAMF,MAAM,CAACE,CAAnB;AAF2D,CAAhC,CAAzB;;;;AAKA,MAAMC,gBAAgB,GAAG,CAACJ,CAAD,EAAYC,MAAZ,MAAgC;AAC9DC,EAAAA,CAAC,EAAEF,CAAC,CAACE,CAAF,GAAMD,MAAM,CAACC,CAD8C;AAE9DC,EAAAA,CAAC,EAAE,CAAC,CAAD,GAAKH,CAAC,CAACG,CAAP,GAAWF,MAAM,CAACE;AAFyC,CAAhC,CAAzB;;;;AAKA,MAAME,eAAe,GAAIL,CAAD,KAAgB;AAC7CM,EAAAA,KAAK,EAAEC,IAAI,CAACC,KAAL,CAAWR,CAAC,CAACG,CAAb,EAAgBH,CAAC,CAACE,CAAlB,CADsC;AAE7CO,EAAAA,MAAM,EAAEF,IAAI,CAACG,IAAL,CAAUV,CAAC,CAACE,CAAF,IAAO,CAAP,GAAWF,CAAC,CAACG,CAAF,IAAO,CAA5B;AAFqC,CAAhB,CAAxB;;;;AAKA,MAAMQ,eAAe,GAAIC,CAAD,KAAoB;AACjDV,EAAAA,CAAC,EAAEU,CAAC,CAACH,MAAF,GAAWF,IAAI,CAACM,GAAL,CAASD,CAAC,CAACN,KAAX,CADmC;AAEjDH,EAAAA,CAAC,EAAES,CAAC,CAACH,MAAF,GAAWF,IAAI,CAACO,GAAL,CAASF,CAAC,CAACN,KAAX;AAFmC,CAApB,CAAxB;;;;AAKA,MAAMS,YAAY,GAAG,CAACH,CAAD,EAAgBX,MAAhB,KAC1BG,gBAAgB,CAACO,eAAe,CAACC,CAAD,CAAhB,EAAqBX,MAArB,CADX;;;;AAGA,MAAMe,YAAY,GAAG,CAAChB,CAAD,EAAYC,MAAZ,KAC1BI,eAAe,CAACN,gBAAgB,CAACC,CAAD,EAAIC,MAAJ,CAAjB,CADV","sourcesContent":["import type { Vector } from \"./Vector\";\n\nexport interface PolarPoint {\n  theta: number;\n  radius: number;\n}\n\nexport const canvas2Cartesian = (v: Vector, center: Vector) => ({\n  x: v.x - center.x,\n  y: -1 * (v.y - center.y),\n});\n\nexport const cartesian2Canvas = (v: Vector, center: Vector) => ({\n  x: v.x + center.x,\n  y: -1 * v.y + center.y,\n});\n\nexport const cartesian2Polar = (v: Vector) => ({\n  theta: Math.atan2(v.y, v.x),\n  radius: Math.sqrt(v.x ** 2 + v.y ** 2),\n});\n\nexport const polar2Cartesian = (p: PolarPoint) => ({\n  x: p.radius * Math.cos(p.theta),\n  y: p.radius * Math.sin(p.theta),\n});\n\nexport const polar2Canvas = (p: PolarPoint, center: Vector) =>\n  cartesian2Canvas(polar2Cartesian(p), center);\n\nexport const canvas2Polar = (v: Vector, center: Vector) =>\n  cartesian2Polar(canvas2Cartesian(v, center));\n"]}
+{"version":3,"sources":["Coordinates.ts"],"names":["canvas2Cartesian","v","center","x","y","cartesian2Canvas","cartesian2Polar","theta","Math","atan2","radius","sqrt","polar2Cartesian","p","cos","sin","polar2Canvas","canvas2Polar"],"mappings":";;;;;;;AAOO,MAAMA,gBAAgB,GAAG,CAACC,CAAD,EAAYC,MAAZ,MAAgC;AAC9DC,EAAAA,CAAC,EAAEF,CAAC,CAACE,CAAF,GAAMD,MAAM,CAACC,CAD8C;AAE9DC,EAAAA,CAAC,EAAE,CAAC,CAAD,IAAMH,CAAC,CAACG,CAAF,GAAMF,MAAM,CAACE,CAAnB;AAF2D,CAAhC,CAAzB;;;;AAKA,MAAMC,gBAAgB,GAAG,CAACJ,CAAD,EAAYC,MAAZ,MAAgC;AAC9DC,EAAAA,CAAC,EAAEF,CAAC,CAACE,CAAF,GAAMD,MAAM,CAACC,CAD8C;AAE9DC,EAAAA,CAAC,EAAE,CAAC,CAAD,GAAKH,CAAC,CAACG,CAAP,GAAWF,MAAM,CAACE;AAFyC,CAAhC,CAAzB;;;;AAKA,MAAME,eAAe,GAAIL,CAAD,KAAgB;AAC7CM,EAAAA,KAAK,EAAEC,IAAI,CAACC,KAAL,CAAWR,CAAC,CAACG,CAAb,EAAgBH,CAAC,CAACE,CAAlB,CADsC;AAE7CO,EAAAA,MAAM,EAAEF,IAAI,CAACG,IAAL,CAAUV,CAAC,CAACE,CAAF,IAAO,CAAP,GAAWF,CAAC,CAACG,CAAF,IAAO,CAA5B;AAFqC,CAAhB,CAAxB;;;;AAKA,MAAMQ,eAAe,GAAIC,CAAD,KAAoB;AACjDV,EAAAA,CAAC,EAAEU,CAAC,CAACH,MAAF,GAAWF,IAAI,CAACM,GAAL,CAASD,CAAC,CAACN,KAAX,CADmC;AAEjDH,EAAAA,CAAC,EAAES,CAAC,CAACH,MAAF,GAAWF,IAAI,CAACO,GAAL,CAASF,CAAC,CAACN,KAAX;AAFmC,CAApB,CAAxB;;;;AAKA,MAAMS,YAAY,GAAG,CAACH,CAAD,EAAgBX,MAAhB,KAC1BG,gBAAgB,CAACO,eAAe,CAACC,CAAD,CAAhB,EAAqBX,MAArB,CADX;;;;AAGA,MAAMe,YAAY,GAAG,CAAChB,CAAD,EAAYC,MAAZ,KAC1BI,eAAe,CAACN,gBAAgB,CAACC,CAAD,EAAIC,MAAJ,CAAjB,CADV","sourcesContent":["import type { Vector } from \"../../../skia/types\";\n\nexport interface PolarPoint {\n  theta: number;\n  radius: number;\n}\n\nexport const canvas2Cartesian = (v: Vector, center: Vector) => ({\n  x: v.x - center.x,\n  y: -1 * (v.y - center.y),\n});\n\nexport const cartesian2Canvas = (v: Vector, center: Vector) => ({\n  x: v.x + center.x,\n  y: -1 * v.y + center.y,\n});\n\nexport const cartesian2Polar = (v: Vector) => ({\n  theta: Math.atan2(v.y, v.x),\n  radius: Math.sqrt(v.x ** 2 + v.y ** 2),\n});\n\nexport const polar2Cartesian = (p: PolarPoint) => ({\n  x: p.radius * Math.cos(p.theta),\n  y: p.radius * Math.sin(p.theta),\n});\n\nexport const polar2Canvas = (p: PolarPoint, center: Vector) =>\n  cartesian2Canvas(polar2Cartesian(p), center);\n\nexport const canvas2Polar = (v: Vector, center: Vector) =>\n  cartesian2Polar(canvas2Cartesian(v, center));\n"]}

package/lib/commonjs/renderer/processors/math/Transforms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Transforms.ts"],"names":["rotate","tr","origin","rotation","radius","theta"],"mappings":";;;;;;;AAAA;;AAGO,MAAMA,MAAM,GAAG,CAACC,EAAD,EAAaC,MAAb,EAA6BC,QAA7B,KAAkD;AACtE,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,MAAoB,+BAAaJ,EAAb,EAAiBC,MAAjB,CAA1B;AACA,SAAO,+BAAa;AAAEE,IAAAA,MAAF;AAAUC,IAAAA,KAAK,EAAEA,KAAK,GAAGF;AAAzB,GAAb,EAAkDD,MAAlD,CAAP;AACD,CAHM","sourcesContent":["import { canvas2Polar, polar2Canvas } from \"./Coordinates\";\nimport type { Vector } from \"./Vector\";\n\nexport const rotate = (tr: Vector, origin: Vector, rotation: number) => {\n  const { radius, theta } = canvas2Polar(tr, origin);\n  return polar2Canvas({ radius, theta: theta + rotation }, origin);\n};\n"]}
+{"version":3,"sources":["Transforms.ts"],"names":["rotate","tr","origin","rotation","radius","theta"],"mappings":";;;;;;;AAEA;;AAEO,MAAMA,MAAM,GAAG,CAACC,EAAD,EAAaC,MAAb,EAA6BC,QAA7B,KAAkD;AACtE,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,MAAoB,+BAAaJ,EAAb,EAAiBC,MAAjB,CAA1B;AACA,SAAO,+BAAa;AAAEE,IAAAA,MAAF;AAAUC,IAAAA,KAAK,EAAEA,KAAK,GAAGF;AAAzB,GAAb,EAAkDD,MAAlD,CAAP;AACD,CAHM","sourcesContent":["import type { Vector } from \"../../../skia/types\";\n\nimport { canvas2Polar, polar2Canvas } from \"./Coordinates\";\n\nexport const rotate = (tr: Vector, origin: Vector, rotation: number) => {\n  const { radius, theta } = canvas2Polar(tr, origin);\n  return polar2Canvas({ radius, theta: theta + rotation }, origin);\n};\n"]}

package/lib/commonjs/renderer/processors/math/index.js

@@ -4,19 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _Vector = require("./Vector");
-
-Object.keys(_Vector).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Vector[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Vector[key];
-    }
-  });
-});
-
 var _Coordinates = require("./Coordinates");
 
 Object.keys(_Coordinates).forEach(function (key) {
@@ -30,19 +17,6 @@ Object.keys(_Coordinates).forEach(function (key) {
   });
 });
 
-var _Matrix = require("./Matrix3");
-
-Object.keys(_Matrix).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Matrix[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Matrix[key];
-    }
-  });
-});
-
 var _Math = require("./Math");
 
 Object.keys(_Math).forEach(function (key) {

package/lib/commonjs/renderer/processors/math/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Vector\";\nexport * from \"./Coordinates\";\nexport * from \"./Matrix3\";\nexport * from \"./Math\";\nexport * from \"./Transforms\";\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Coordinates\";\nexport * from \"./Math\";\nexport * from \"./Transforms\";\n"]}

package/lib/commonjs/renderer/useCanvas.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCanvas = exports.CanvasProvider = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const CanvasContext = /*#__PURE__*/_react.default.createContext(null);
+
+const CanvasProvider = CanvasContext.Provider;
+exports.CanvasProvider = CanvasProvider;
+
+const useCanvas = () => {
+  const ctx = (0, _react.useContext)(CanvasContext);
+
+  if (!ctx) {
+    throw new Error("Canvas context is not available");
+  }
+
+  return ctx;
+};
+
+exports.useCanvas = useCanvas;
+//# sourceMappingURL=useCanvas.js.map

package/lib/commonjs/renderer/useCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useCanvas.ts"],"names":["CanvasContext","React","createContext","CanvasProvider","Provider","useCanvas","ctx","Error"],"mappings":";;;;;;;AAAA;;;;;;AAUA,MAAMA,aAAa,gBAAGC,eAAMC,aAAN,CAA0C,IAA1C,CAAtB;;AAEO,MAAMC,cAAc,GAAGH,aAAa,CAACI,QAArC;;;AAEA,MAAMC,SAAS,GAAG,MAAM;AAC7B,QAAMC,GAAG,GAAG,uBAAWN,aAAX,CAAZ;;AACA,MAAI,CAACM,GAAL,EAAU;AACR,UAAM,IAAIC,KAAJ,CAAU,iCAAV,CAAN;AACD;;AACD,SAAOD,GAAP;AACD,CANM","sourcesContent":["import React, { useContext } from \"react\";\n\nimport type { Skia } from \"../skia/types\";\nimport type { SkiaValue } from \"../values/types\";\n\ninterface CanvasContext {\n  Skia: Skia;\n  size: SkiaValue<{ width: number; height: number }>;\n}\n\nconst CanvasContext = React.createContext<CanvasContext | null>(null);\n\nexport const CanvasProvider = CanvasContext.Provider;\n\nexport const useCanvas = () => {\n  const ctx = useContext(CanvasContext);\n  if (!ctx) {\n    throw new Error(\"Canvas context is not available\");\n  }\n  return ctx;\n};\n"]}

package/lib/commonjs/skia/NativeSetup.js

@@ -2,7 +2,7 @@
 
 var _reactNative = require("react-native");
 
-if (global.SkiaApi == null) {
+if (_reactNative.Platform.OS !== "web" && global.SkiaApi == null) {
   // Initialize RN Skia
   const SkiaModule = _reactNative.NativeModules.RNSkia;
 

package/lib/commonjs/skia/NativeSetup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["NativeSetup.ts"],"names":["global","SkiaApi","SkiaModule","NativeModules","RNSkia","install","Error","result"],"mappings":";;AAAA;;AAEA,IAAIA,MAAM,CAACC,OAAP,IAAkB,IAAtB,EAA4B;AAC1B;AACA,QAAMC,UAAU,GAAGC,2BAAcC,MAAjC;;AACA,MAAIF,UAAU,IAAI,IAAd,IAAsB,OAAOA,UAAU,CAACG,OAAlB,KAA8B,UAAxD,EAAoE;AAClE,UAAM,IAAIC,KAAJ,CACJ,mEACE,qDAFE,CAAN;AAID;;AACD,QAAMC,MAAM,GAAGL,UAAU,CAACG,OAAX,EAAf;;AACA,MAAIE,MAAM,KAAK,IAAf,EAAqB;AACnB,UAAM,IAAID,KAAJ,CACH,wEAAuEC,MAAO,EAD3E,CAAN;AAGD;AACF","sourcesContent":["import { NativeModules } from \"react-native\";\n\nif (global.SkiaApi == null) {\n  // Initialize RN Skia\n  const SkiaModule = NativeModules.RNSkia;\n  if (SkiaModule == null || typeof SkiaModule.install !== \"function\") {\n    throw new Error(\n      \"Native RNSkia Module cannot be found! Make sure you correctly \" +\n        \"installed native dependencies and rebuilt your app.\"\n    );\n  }\n  const result = SkiaModule.install();\n  if (result !== true) {\n    throw new Error(\n      `Native Skia Module failed to correctly install JSI Bindings! Result: ${result}`\n    );\n  }\n}\n"]}
+{"version":3,"sources":["NativeSetup.ts"],"names":["Platform","OS","global","SkiaApi","SkiaModule","NativeModules","RNSkia","install","Error","result"],"mappings":";;AAAA;;AAEA,IAAIA,sBAASC,EAAT,KAAgB,KAAhB,IAAyBC,MAAM,CAACC,OAAP,IAAkB,IAA/C,EAAqD;AACnD;AACA,QAAMC,UAAU,GAAGC,2BAAcC,MAAjC;;AACA,MAAIF,UAAU,IAAI,IAAd,IAAsB,OAAOA,UAAU,CAACG,OAAlB,KAA8B,UAAxD,EAAoE;AAClE,UAAM,IAAIC,KAAJ,CACJ,mEACE,qDAFE,CAAN;AAID;;AACD,QAAMC,MAAM,GAAGL,UAAU,CAACG,OAAX,EAAf;;AACA,MAAIE,MAAM,KAAK,IAAf,EAAqB;AACnB,UAAM,IAAID,KAAJ,CACH,wEAAuEC,MAAO,EAD3E,CAAN;AAGD;AACF","sourcesContent":["import { NativeModules, Platform } from \"react-native\";\n\nif (Platform.OS !== \"web\" && global.SkiaApi == null) {\n  // Initialize RN Skia\n  const SkiaModule = NativeModules.RNSkia;\n  if (SkiaModule == null || typeof SkiaModule.install !== \"function\") {\n    throw new Error(\n      \"Native RNSkia Module cannot be found! Make sure you correctly \" +\n        \"installed native dependencies and rebuilt your app.\"\n    );\n  }\n  const result = SkiaModule.install();\n  if (result !== true) {\n    throw new Error(\n      `Native Skia Module failed to correctly install JSI Bindings! Result: ${result}`\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Skia = void 0;
+
+var _web = require("./web");
+
+const Skia = (0, _web.JsiSkApi)(global.CanvasKit);
+exports.Skia = Skia;
+//# sourceMappingURL=Skia.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Skia.web.ts"],"names":["Skia","global","CanvasKit"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,IAAI,GAAG,mBAASC,MAAM,CAACC,SAAhB,CAAb","sourcesContent":["import { JsiSkApi } from \"./web\";\n\nexport const Skia = JsiSkApi(global.CanvasKit);\n"]}

package/lib/commonjs/skia/core/Data.js

@@ -11,6 +11,10 @@ var _reactNative = require("react-native");
 
 var _Skia = require("../Skia");
 
+const resolveAsset = source => {
+  return _reactNative.Platform.OS === "web" ? source.default : _reactNative.Image.resolveAssetSource(source).uri;
+};
+
 const useDataCollection = function (sources, factory) {
   let deps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   const [data, setData] = (0, _react.useState)(null);
@@ -20,7 +24,7 @@ const useDataCollection = function (sources, factory) {
         return source;
       }
 
-      return typeof source === "string" ? source : _reactNative.Image.resolveAssetSource(source).uri;
+      return typeof source === "string" ? source : resolveAsset(source);
     });
     Promise.all(bytesOrURIs.map(bytesOrURI => bytesOrURI instanceof Uint8Array ? _Skia.Skia.Data.fromBytes(bytesOrURI) : _Skia.Skia.Data.fromURI(bytesOrURI))).then(d => setData(factory(d))); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, deps);
@@ -52,13 +56,14 @@ const useRawData = (source, factory, onError) => {
         if (source instanceof Uint8Array) {
           factoryWrapper(_Skia.Skia.Data.fromBytes(source));
         } else {
-          const uri = typeof source === "string" ? source : _reactNative.Image.resolveAssetSource(source).uri;
+          const uri = typeof source === "string" ? source : resolveAsset(source);
 
           _Skia.Skia.Data.fromURI(uri).then(d => factoryWrapper(d));
         }
+      } else {
+        // new source is null or undefined -> remove cached data
+        setData(null);
       }
-    } else {
-      setData(null);
     }
   }, [factory, onError, source]);
   return data;

package/lib/commonjs/skia/core/Data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Data.ts"],"names":["useDataCollection","sources","factory","deps","data","setData","bytesOrURIs","map","source","Uint8Array","Image","resolveAssetSource","uri","Promise","all","bytesOrURI","Skia","Data","fromBytes","fromURI","then","d","useRawData","onError","prevSourceRef","current","undefined","factoryWrapper","data2","factoryResult","Error","identity","useData"],"mappings":";;;;;;;AACA;;AACA;;AAEA;;AAGO,MAAMA,iBAAiB,GAAG,UAC/BC,OAD+B,EAE/BC,OAF+B,EAI5B;AAAA,MADHC,IACG,uEADoB,EACpB;AACH,QAAM,CAACC,IAAD,EAAOC,OAAP,IAAkB,qBAAmB,IAAnB,CAAxB;AACA,wBAAU,MAAM;AACd,UAAMC,WAAW,GAAGL,OAAO,CAACM,GAAR,CAAaC,MAAD,IAAY;AAC1C,UAAIA,MAAM,YAAYC,UAAtB,EAAkC;AAChC,eAAOD,MAAP;AACD;;AACD,aAAO,OAAOA,MAAP,KAAkB,QAAlB,GACHA,MADG,GAEHE,mBAAMC,kBAAN,CAAyBH,MAAzB,EAAiCI,GAFrC;AAGD,KAPmB,CAApB;AAQAC,IAAAA,OAAO,CAACC,GAAR,CACER,WAAW,CAACC,GAAZ,CAAiBQ,UAAD,IACdA,UAAU,YAAYN,UAAtB,GACIO,WAAKC,IAAL,CAAUC,SAAV,CAAoBH,UAApB,CADJ,GAEIC,WAAKC,IAAL,CAAUE,OAAV,CAAkBJ,UAAlB,CAHN,CADF,EAMEK,IANF,CAMQC,CAAD,IAAOhB,OAAO,CAACH,OAAO,CAACmB,CAAD,CAAR,CANrB,EATc,CAgBd;AACD,GAjBD,EAiBGlB,IAjBH;AAkBA,SAAOC,IAAP;AACD,CAzBM;;;;AA2BA,MAAMkB,UAAU,GAAG,CACxBd,MADwB,EAExBN,OAFwB,EAGxBqB,OAHwB,KAIrB;AACH,QAAM,CAACnB,IAAD,EAAOC,OAAP,IAAkB,qBAAmB,IAAnB,CAAxB;AACA,QAAMmB,aAAa,GAAG,oBAAtB;AACA,wBAAU,MAAM;AACd;AACA,QAAIA,aAAa,CAACC,OAAd,KAA0BjB,MAA9B,EAAsC;AACpCgB,MAAAA,aAAa,CAACC,OAAd,GAAwBjB,MAAxB;;AACA,UAAIA,MAAM,KAAK,IAAX,IAAmBA,MAAM,KAAKkB,SAAlC,EAA6C;AAC3C,cAAMC,cAAc,GAAIC,KAAD,IAAiB;AACtC,gBAAMC,aAAa,GAAG3B,OAAO,CAAC0B,KAAD,CAA7B;;AACA,cAAIC,aAAa,KAAK,IAAtB,EAA4B;AAC1BN,YAAAA,OAAO,IAAIA,OAAO,CAAC,IAAIO,KAAJ,CAAU,qBAAV,CAAD,CAAlB;AACAzB,YAAAA,OAAO,CAAC,IAAD,CAAP;AACD,WAHD,MAGO;AACLA,YAAAA,OAAO,CAACwB,aAAD,CAAP;AACD;AACF,SARD;;AASA,YAAIrB,MAAM,YAAYC,UAAtB,EAAkC;AAChCkB,UAAAA,cAAc,CAACX,WAAKC,IAAL,CAAUC,SAAV,CAAoBV,MAApB,CAAD,CAAd;AACD,SAFD,MAEO;AACL,gBAAMI,GAAG,GACP,OAAOJ,MAAP,KAAkB,QAAlB,GACIA,MADJ,GAEIE,mBAAMC,kBAAN,CAAyBH,MAAzB,EAAiCI,GAHvC;;AAIAI,qBAAKC,IAAL,CAAUE,OAAV,CAAkBP,GAAlB,EAAuBQ,IAAvB,CAA6BC,CAAD,IAAOM,cAAc,CAACN,CAAD,CAAjD;AACD;AACF;AACF,KAtBD,MAsBO;AACLhB,MAAAA,OAAO,CAAC,IAAD,CAAP;AACD;AACF,GA3BD,EA2BG,CAACH,OAAD,EAAUqB,OAAV,EAAmBf,MAAnB,CA3BH;AA4BA,SAAOJ,IAAP;AACD,CApCM;;;;AAsCP,MAAM2B,QAAQ,GAAI3B,IAAD,IAAgBA,IAAjC;;AAEO,MAAM4B,OAAO,GAAG,CACrBxB,MADqB,EAErBe,OAFqB,KAGlBD,UAAU,CAACd,MAAD,EAASuB,QAAT,EAAmBR,OAAnB,CAHR","sourcesContent":["import type { DependencyList } from \"react\";\nimport { useRef, useEffect, useState } from \"react\";\nimport { Image } from \"react-native\";\n\nimport { Skia } from \"../Skia\";\nimport type { Data, DataSource } from \"../types\";\n\nexport const useDataCollection = <T>(\n  sources: DataSource[],\n  factory: (data: Data[]) => T,\n  deps: DependencyList = []\n) => {\n  const [data, setData] = useState<T | null>(null);\n  useEffect(() => {\n    const bytesOrURIs = sources.map((source) => {\n      if (source instanceof Uint8Array) {\n        return source;\n      }\n      return typeof source === \"string\"\n        ? source\n        : Image.resolveAssetSource(source).uri;\n    });\n    Promise.all(\n      bytesOrURIs.map((bytesOrURI) =>\n        bytesOrURI instanceof Uint8Array\n          ? Skia.Data.fromBytes(bytesOrURI)\n          : Skia.Data.fromURI(bytesOrURI)\n      )\n    ).then((d) => setData(factory(d)));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n  return data;\n};\n\nexport const useRawData = <T>(\n  source: DataSource | null | undefined,\n  factory: (data: Data) => T,\n  onError?: (err: Error) => void\n) => {\n  const [data, setData] = useState<T | null>(null);\n  const prevSourceRef = useRef<DataSource | null | undefined>();\n  useEffect(() => {\n    // Track to avoid re-fetching the same data\n    if (prevSourceRef.current !== source) {\n      prevSourceRef.current = source;\n      if (source !== null && source !== undefined) {\n        const factoryWrapper = (data2: Data) => {\n          const factoryResult = factory(data2);\n          if (factoryResult === null) {\n            onError && onError(new Error(\"Could not load data\"));\n            setData(null);\n          } else {\n            setData(factoryResult);\n          }\n        };\n        if (source instanceof Uint8Array) {\n          factoryWrapper(Skia.Data.fromBytes(source));\n        } else {\n          const uri =\n            typeof source === \"string\"\n              ? source\n              : Image.resolveAssetSource(source).uri;\n          Skia.Data.fromURI(uri).then((d) => factoryWrapper(d));\n        }\n      }\n    } else {\n      setData(null);\n    }\n  }, [factory, onError, source]);\n  return data;\n};\n\nconst identity = (data: Data) => data;\n\nexport const useData = (\n  source: DataSource | null | undefined,\n  onError?: (err: Error) => void\n) => useRawData(source, identity, onError);\n"]}
+{"version":3,"sources":["Data.ts"],"names":["resolveAsset","source","Platform","OS","default","Image","resolveAssetSource","uri","useDataCollection","sources","factory","deps","data","setData","bytesOrURIs","map","Uint8Array","Promise","all","bytesOrURI","Skia","Data","fromBytes","fromURI","then","d","useRawData","onError","prevSourceRef","current","undefined","factoryWrapper","data2","factoryResult","Error","identity","useData"],"mappings":"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","sourcesContent":["import type { DependencyList } from \"react\";\nimport { useRef, useEffect, useState } from \"react\";\nimport { Image, Platform } from \"react-native\";\n\nimport { Skia } from \"../Skia\";\nimport type { SkData, DataSource } from \"../types\";\n\nconst resolveAsset = (source: ReturnType<typeof require>) => {\n  return Platform.OS === \"web\"\n    ? source.default\n    : Image.resolveAssetSource(source).uri;\n};\n\nexport const useDataCollection = <T>(\n  sources: DataSource[],\n  factory: (data: SkData[]) => T,\n  deps: DependencyList = []\n) => {\n  const [data, setData] = useState<T | null>(null);\n  useEffect(() => {\n    const bytesOrURIs = sources.map((source) => {\n      if (source instanceof Uint8Array) {\n        return source;\n      }\n      return typeof source === \"string\" ? source : resolveAsset(source);\n    });\n    Promise.all(\n      bytesOrURIs.map((bytesOrURI) =>\n        bytesOrURI instanceof Uint8Array\n          ? Skia.Data.fromBytes(bytesOrURI)\n          : Skia.Data.fromURI(bytesOrURI)\n      )\n    ).then((d) => setData(factory(d)));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n  return data;\n};\n\nexport const useRawData = <T>(\n  source: DataSource | null | undefined,\n  factory: (data: SkData) => T,\n  onError?: (err: Error) => void\n) => {\n  const [data, setData] = useState<T | null>(null);\n  const prevSourceRef = useRef<DataSource | null | undefined>();\n  useEffect(() => {\n    // Track to avoid re-fetching the same data\n    if (prevSourceRef.current !== source) {\n      prevSourceRef.current = source;\n      if (source !== null && source !== undefined) {\n        const factoryWrapper = (data2: SkData) => {\n          const factoryResult = factory(data2);\n          if (factoryResult === null) {\n            onError && onError(new Error(\"Could not load data\"));\n            setData(null);\n          } else {\n            setData(factoryResult);\n          }\n        };\n        if (source instanceof Uint8Array) {\n          factoryWrapper(Skia.Data.fromBytes(source));\n        } else {\n          const uri =\n            typeof source === \"string\" ? source : resolveAsset(source);\n          Skia.Data.fromURI(uri).then((d) => factoryWrapper(d));\n        }\n      } else {\n        // new source is null or undefined -> remove cached data\n        setData(null);\n      }\n    }\n  }, [factory, onError, source]);\n  return data;\n};\n\nconst identity = (data: SkData) => data;\n\nexport const useData = (\n  source: DataSource | null | undefined,\n  onError?: (err: Error) => void\n) => useRawData(source, identity, onError);\n"]}

package/lib/commonjs/skia/core/Font.js

@@ -19,14 +19,12 @@ var _Typeface = require("./Typeface");
 const useFont = (font, size, onError) => {
   const typeface = (0, _Typeface.useTypeface)(font, onError);
   return (0, _react.useMemo)(() => {
-    if (typeface === null) {
-      return null;
-    } else if (typeface && size) {
+    if (typeface && size) {
       return _Skia.Skia.Font(typeface, size);
     } else if (typeface && !size) {
       return _Skia.Skia.Font(typeface);
     } else {
-      return _Skia.Skia.Font();
+      return null;
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [typeface]);

package/lib/commonjs/skia/core/Font.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Font.ts"],"names":["useFont","font","size","onError","typeface","Skia","Font"],"mappings":";;;;;;;AACA;;AAEA;;AAGA;;AANA;;AAQA;AACA;AACA;AACO,MAAMA,OAAO,GAAG,CACrBC,IADqB,EAErBC,IAFqB,EAGrBC,OAHqB,KAIH;AAClB,QAAMC,QAAQ,GAAG,2BAAYH,IAAZ,EAAkBE,OAAlB,CAAjB;AACA,SAAO,oBAAQ,MAAM;AACnB,QAAIC,QAAQ,KAAK,IAAjB,EAAuB;AACrB,aAAO,IAAP;AACD,KAFD,MAEO,IAAIA,QAAQ,IAAIF,IAAhB,EAAsB;AAC3B,aAAOG,WAAKC,IAAL,CAAUF,QAAV,EAAoBF,IAApB,CAAP;AACD,KAFM,MAEA,IAAIE,QAAQ,IAAI,CAACF,IAAjB,EAAuB;AAC5B,aAAOG,WAAKC,IAAL,CAAUF,QAAV,CAAP;AACD,KAFM,MAEA;AACL,aAAOC,WAAKC,IAAL,EAAP;AACD,KATkB,CAUnB;;AACD,GAXM,EAWJ,CAACF,QAAD,CAXI,CAAP;AAYD,CAlBM","sourcesContent":["/*global SkiaApi*/\nimport { useMemo } from \"react\";\n\nimport { Skia } from \"../Skia\";\nimport type { DataSource, SkFont } from \"../types\";\n\nimport { useTypeface } from \"./Typeface\";\n\n/**\n * Returns a Skia Font object\n * */\nexport const useFont = (\n  font: DataSource | null | undefined,\n  size?: number,\n  onError?: (err: Error) => void\n): SkFont | null => {\n  const typeface = useTypeface(font, onError);\n  return useMemo(() => {\n    if (typeface === null) {\n      return null;\n    } else if (typeface && size) {\n      return Skia.Font(typeface, size);\n    } else if (typeface && !size) {\n      return Skia.Font(typeface);\n    } else {\n      return Skia.Font();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [typeface]);\n};\n"]}
+{"version":3,"sources":["Font.ts"],"names":["useFont","font","size","onError","typeface","Skia","Font"],"mappings":";;;;;;;AACA;;AAEA;;AAGA;;AANA;;AAQA;AACA;AACA;AACO,MAAMA,OAAO,GAAG,CACrBC,IADqB,EAErBC,IAFqB,EAGrBC,OAHqB,KAIH;AAClB,QAAMC,QAAQ,GAAG,2BAAYH,IAAZ,EAAkBE,OAAlB,CAAjB;AACA,SAAO,oBAAQ,MAAM;AACnB,QAAIC,QAAQ,IAAIF,IAAhB,EAAsB;AACpB,aAAOG,WAAKC,IAAL,CAAUF,QAAV,EAAoBF,IAApB,CAAP;AACD,KAFD,MAEO,IAAIE,QAAQ,IAAI,CAACF,IAAjB,EAAuB;AAC5B,aAAOG,WAAKC,IAAL,CAAUF,QAAV,CAAP;AACD,KAFM,MAEA;AACL,aAAO,IAAP;AACD,KAPkB,CAQnB;;AACD,GATM,EASJ,CAACA,QAAD,CATI,CAAP;AAUD,CAhBM","sourcesContent":["/*global SkiaApi*/\nimport { useMemo } from \"react\";\n\nimport { Skia } from \"../Skia\";\nimport type { DataSource, SkFont } from \"../types\";\n\nimport { useTypeface } from \"./Typeface\";\n\n/**\n * Returns a Skia Font object\n * */\nexport const useFont = (\n  font: DataSource | null | undefined,\n  size?: number,\n  onError?: (err: Error) => void\n): SkFont | null => {\n  const typeface = useTypeface(font, onError);\n  return useMemo(() => {\n    if (typeface && size) {\n      return Skia.Font(typeface, size);\n    } else if (typeface && !size) {\n      return Skia.Font(typeface);\n    } else {\n      return null;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [typeface]);\n};\n"]}

package/lib/commonjs/skia/core/Matrix.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.processTransform2d = void 0;
+
+var _Skia = require("../Skia");
+
+var _types = require("../types");
+
+const processTransform2d = transforms => (0, _types.processTransform)(_Skia.Skia.Matrix(), transforms);
+
+exports.processTransform2d = processTransform2d;
+//# sourceMappingURL=Matrix.js.map

package/lib/commonjs/skia/core/Matrix.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Matrix.ts"],"names":["processTransform2d","transforms","Skia","Matrix"],"mappings":";;;;;;;AAAA;;AAEA;;AAEO,MAAMA,kBAAkB,GAAIC,UAAD,IAChC,6BAAiBC,WAAKC,MAAL,EAAjB,EAAgCF,UAAhC,CADK","sourcesContent":["import { Skia } from \"../Skia\";\nimport type { Transforms2d } from \"../types\";\nimport { processTransform } from \"../types\";\n\nexport const processTransform2d = (transforms: Transforms2d) =>\n  processTransform(Skia.Matrix(), transforms);\n"]}

package/lib/commonjs/skia/core/Paint.js

@@ -3,27 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.usePaint = exports.SkiaPaint = void 0;
+exports.usePaint = void 0;
 
 var _react = require("react");
 
 var _Skia = require("../Skia");
 
-const SkiaPaint = () => {
-  const paint = _Skia.Skia.Paint();
-
-  paint.setAntiAlias(true);
-  return paint;
-};
 /**
  * Returns a Skia Paint object
  * */
-
-
-exports.SkiaPaint = SkiaPaint;
-
 const usePaint = (initializer, deps) => (0, _react.useMemo)(() => {
-  const p = SkiaPaint();
+  console.warn("usePaint() is deprecated. Use Skia.Paint() instead.");
+
+  const p = _Skia.Skia.Paint();
 
   if (initializer) {
     initializer(p);

package/lib/commonjs/skia/core/Paint.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Paint.ts"],"names":["SkiaPaint","paint","Skia","Paint","setAntiAlias","usePaint","initializer","deps","p"],"mappings":";;;;;;;AACA;;AAEA;;AAGO,MAAMA,SAAS,GAAG,MAAM;AAC7B,QAAMC,KAAK,GAAGC,WAAKC,KAAL,EAAd;;AACAF,EAAAA,KAAK,CAACG,YAAN,CAAmB,IAAnB;AACA,SAAOH,KAAP;AACD,CAJM;AAKP;AACA;AACA;;;;;AACO,MAAMI,QAAQ,GAAG,CACtBC,WADsB,EAEtBC,IAFsB,KAItB,oBAAQ,MAAM;AACZ,QAAMC,CAAC,GAAGR,SAAS,EAAnB;;AACA,MAAIM,WAAJ,EAAiB;AACfA,IAAAA,WAAW,CAACE,CAAD,CAAX;AACD;;AACD,SAAOA,CAAP,CALY,CAMZ;AACD,CAPD,EAOGD,IAPH,CAJK","sourcesContent":["import type { DependencyList } from \"react\";\nimport { useMemo } from \"react\";\n\nimport { Skia } from \"../Skia\";\nimport type { SkPaint } from \"../types\";\n\nexport const SkiaPaint = () => {\n  const paint = Skia.Paint();\n  paint.setAntiAlias(true);\n  return paint;\n};\n/**\n * Returns a Skia Paint object\n * */\nexport const usePaint = (\n  initializer?: (paint: SkPaint) => void,\n  deps?: DependencyList\n) =>\n  useMemo(() => {\n    const p = SkiaPaint();\n    if (initializer) {\n      initializer(p);\n    }\n    return p;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n"]}
+{"version":3,"sources":["Paint.ts"],"names":["usePaint","initializer","deps","console","warn","p","Skia","Paint"],"mappings":";;;;;;;AACA;;AAEA;;AAGA;AACA;AACA;AACO,MAAMA,QAAQ,GAAG,CACtBC,WADsB,EAEtBC,IAFsB,KAItB,oBAAQ,MAAM;AACZC,EAAAA,OAAO,CAACC,IAAR,CAAa,qDAAb;;AACA,QAAMC,CAAC,GAAGC,WAAKC,KAAL,EAAV;;AACA,MAAIN,WAAJ,EAAiB;AACfA,IAAAA,WAAW,CAACI,CAAD,CAAX;AACD;;AACD,SAAOA,CAAP,CANY,CAOZ;AACD,CARD,EAQGH,IARH,CAJK","sourcesContent":["import type { DependencyList } from \"react\";\nimport { useMemo } from \"react\";\n\nimport { Skia } from \"../Skia\";\nimport type { SkPaint } from \"../types\";\n\n/**\n * Returns a Skia Paint object\n * */\nexport const usePaint = (\n  initializer?: (paint: SkPaint) => void,\n  deps?: DependencyList\n) =>\n  useMemo(() => {\n    console.warn(\"usePaint() is deprecated. Use Skia.Paint() instead.\");\n    const p = Skia.Paint();\n    if (initializer) {\n      initializer(p);\n    }\n    return p;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n"]}

package/lib/commonjs/skia/core/Path.js

@@ -16,6 +16,8 @@ var _Skia = require("../Skia");
  * @returns
  */
 const usePath = (initializer, deps) => (0, _react.useMemo)(() => {
+  console.warn("usePath() is deprecated. Use Skia.Path.Make() instead.");
+
   const p = _Skia.Skia.Path.Make();
 
   if (initializer) {
@@ -35,6 +37,8 @@ const usePath = (initializer, deps) => (0, _react.useMemo)(() => {
 exports.usePath = usePath;
 
 const useSvgPath = svgpath => (0, _react.useMemo)(() => {
+  console.warn("useSvgPath() is deprecated. Use Skia.Path.MakeFromSVGString() instead.");
+
   const p = _Skia.Skia.Path.MakeFromSVGString(svgpath);
 
   if (p === null) {
@@ -52,8 +56,16 @@ const useSvgPath = svgpath => (0, _react.useMemo)(() => {
 
 exports.useSvgPath = useSvgPath;
 
-const useTextPath = (text, x, y, font) => usePath(p => {
-  p.fromText(text, x, y, font);
+const useTextPath = (text, x, y, font) => (0, _react.useMemo)(() => {
+  console.warn("useTextPath() is deprecated. Use Skia.Path.MakeFromText() instead.");
+
+  const p = _Skia.Skia.Path.MakeFromText(text, x, y, font);
+
+  if (p === null) {
+    throw new Error("Text path creation failed.");
+  }
+
+  return p;
 }, [text, x, y, font]);
 
 exports.useTextPath = useTextPath;