@shopify/react-native-skia 1.0.1 → 1.0.3

package/lib/commonjs/renderer/processors/math/Transforms.d.ts

@@ -0,0 +1,5 @@
+import type { Vector } from "../../../skia/types";
+export declare const rotate: (tr: Vector, origin: Vector, rotation: number) => {
+    x: number;
+    y: number;
+};

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rotate = void 0;
+var _Coordinates = require("./Coordinates");
+const rotate = (tr, origin, rotation) => {
+  "worklet";
+
+  const {
+    radius,
+    theta
+  } = (0, _Coordinates.canvas2Polar)(tr, origin);
+  return (0, _Coordinates.polar2Canvas)({
+    radius,
+    theta: theta + rotation
+  }, origin);
+};
+exports.rotate = rotate;
+//# sourceMappingURL=Transforms.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Coordinates","require","rotate","tr","origin","rotation","radius","theta","canvas2Polar","polar2Canvas","exports"],"sources":["Transforms.ts"],"sourcesContent":["import type { Vector } from \"../../../skia/types\";\n\nimport { canvas2Polar, polar2Canvas } from \"./Coordinates\";\n\nexport const rotate = (tr: Vector, origin: Vector, rotation: number) => {\n  \"worklet\";\n  const { radius, theta } = canvas2Polar(tr, origin);\n  return polar2Canvas({ radius, theta: theta + rotation }, origin);\n};\n"],"mappings":";;;;;;AAEA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,MAAM,GAAGA,CAACC,EAAU,EAAEC,MAAc,EAAEC,QAAgB,KAAK;EACtE,SAAS;;EACT,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,yBAAY,EAACL,EAAE,EAAEC,MAAM,CAAC;EAClD,OAAO,IAAAK,yBAAY,EAAC;IAAEH,MAAM;IAAEC,KAAK,EAAEA,KAAK,GAAGF;EAAS,CAAC,EAAED,MAAM,CAAC;AAClE,CAAC;AAACM,OAAA,CAAAR,MAAA,GAAAA,MAAA"}

package/lib/commonjs/renderer/processors/math/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Coordinates";
+export * from "./Math";
+export * from "./Transforms";

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Coordinates = require("./Coordinates");
+Object.keys(_Coordinates).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Coordinates[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Coordinates[key];
+    }
+  });
+});
+var _Math = require("./Math");
+Object.keys(_Math).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Math[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Math[key];
+    }
+  });
+});
+var _Transforms = require("./Transforms");
+Object.keys(_Transforms).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Transforms[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Transforms[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Coordinates","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Math","_Transforms"],"sources":["index.ts"],"sourcesContent":["export * from \"./Coordinates\";\nexport * from \"./Math\";\nexport * from \"./Transforms\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,KAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,KAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,KAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,KAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,WAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,WAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,WAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,WAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/renderer/typeddash.d.ts

@@ -0,0 +1,3 @@
+export declare const mapKeys: <T extends object>(obj: T) => (keyof T)[];
+export declare const exhaustiveCheck: (a: never) => never;
+export declare const shallowEq: <P extends object>(p1: P, p2: P) => boolean;

package/lib/commonjs/renderer/typeddash.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shallowEq = exports.mapKeys = exports.exhaustiveCheck = void 0;
+const mapKeys = obj => Object.keys(obj);
+exports.mapKeys = mapKeys;
+const exhaustiveCheck = a => {
+  "worklet";
+
+  throw new Error(`Unexhaustive handling for ${a}`);
+};
+
+// Shallow eq on props (without children)
+exports.exhaustiveCheck = exhaustiveCheck;
+const shallowEq = (p1, p2) => {
+  const keys1 = mapKeys(p1);
+  const keys2 = mapKeys(p2);
+  if (keys1.length !== keys2.length) {
+    return false;
+  }
+  for (const key of keys1) {
+    if (key === "children") {
+      continue;
+    }
+    if (p1[key] !== p2[key]) {
+      return false;
+    }
+  }
+  return true;
+};
+exports.shallowEq = shallowEq;
+//# sourceMappingURL=typeddash.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapKeys","obj","Object","keys","exports","exhaustiveCheck","a","Error","shallowEq","p1","p2","keys1","keys2","length","key"],"sources":["typeddash.ts"],"sourcesContent":["export const mapKeys = <T extends object>(obj: T) =>\n  Object.keys(obj) as (keyof T)[];\n\nexport const exhaustiveCheck = (a: never): never => {\n  \"worklet\";\n  throw new Error(`Unexhaustive handling for ${a}`);\n};\n\n// Shallow eq on props (without children)\nexport const shallowEq = <P extends object>(p1: P, p2: P): boolean => {\n  const keys1 = mapKeys(p1);\n  const keys2 = mapKeys(p2);\n  if (keys1.length !== keys2.length) {\n    return false;\n  }\n  for (const key of keys1) {\n    if (key === \"children\") {\n      continue;\n    }\n    if (p1[key] !== p2[key]) {\n      return false;\n    }\n  }\n  return true;\n};\n"],"mappings":";;;;;;AAAO,MAAMA,OAAO,GAAsBC,GAAM,IAC9CC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAgB;AAACG,OAAA,CAAAJ,OAAA,GAAAA,OAAA;AAE3B,MAAMK,eAAe,GAAIC,CAAQ,IAAY;EAClD,SAAS;;EACT,MAAM,IAAIC,KAAK,CAAE,6BAA4BD,CAAE,EAAC,CAAC;AACnD,CAAC;;AAED;AAAAF,OAAA,CAAAC,eAAA,GAAAA,eAAA;AACO,MAAMG,SAAS,GAAGA,CAAmBC,EAAK,EAAEC,EAAK,KAAc;EACpE,MAAMC,KAAK,GAAGX,OAAO,CAACS,EAAE,CAAC;EACzB,MAAMG,KAAK,GAAGZ,OAAO,CAACU,EAAE,CAAC;EACzB,IAAIC,KAAK,CAACE,MAAM,KAAKD,KAAK,CAACC,MAAM,EAAE;IACjC,OAAO,KAAK;EACd;EACA,KAAK,MAAMC,GAAG,IAAIH,KAAK,EAAE;IACvB,IAAIG,GAAG,KAAK,UAAU,EAAE;MACtB;IACF;IACA,IAAIL,EAAE,CAACK,GAAG,CAAC,KAAKJ,EAAE,CAACI,GAAG,CAAC,EAAE;MACvB,OAAO,KAAK;IACd;EACF;EACA,OAAO,IAAI;AACb,CAAC;AAACV,OAAA,CAAAI,SAAA,GAAAA,SAAA"}

package/lib/commonjs/skia/NativeSetup.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/commonjs/skia/NativeSetup.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _Platform = require("../Platform");
+var _NativeSkiaModule = _interopRequireDefault(require("../specs/NativeSkiaModule"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+if (_Platform.Platform.OS !== "web" && global.SkiaApi == null) {
+  // Initialize RN Skia
+  const SkiaModule = _NativeSkiaModule.default;
+  if (SkiaModule == null || typeof SkiaModule.install !== "function") {
+    throw new Error("Native RNSkia Module cannot be found! Make sure you correctly " + "installed native dependencies and rebuilt your app.");
+  }
+  const result = SkiaModule.install();
+  if (result !== true) {
+    throw new Error(`Native Skia Module failed to correctly install JSI Bindings! Result: ${result}`);
+  }
+}
+//# sourceMappingURL=NativeSetup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Platform","require","_NativeSkiaModule","_interopRequireDefault","obj","__esModule","default","Platform","OS","global","SkiaApi","SkiaModule","NativeSkiaModule","install","Error","result"],"sources":["NativeSetup.ts"],"sourcesContent":["import { Platform } from \"../Platform\";\nimport NativeSkiaModule from \"../specs/NativeSkiaModule\";\n\nif (Platform.OS !== \"web\" && global.SkiaApi == null) {\n  // Initialize RN Skia\n  const SkiaModule = NativeSkiaModule;\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"],"mappings":";;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAyD,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEzD,IAAIG,kBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIC,MAAM,CAACC,OAAO,IAAI,IAAI,EAAE;EACnD;EACA,MAAMC,UAAU,GAAGC,yBAAgB;EACnC,IAAID,UAAU,IAAI,IAAI,IAAI,OAAOA,UAAU,CAACE,OAAO,KAAK,UAAU,EAAE;IAClE,MAAM,IAAIC,KAAK,CACb,gEAAgE,GAC9D,qDACJ,CAAC;EACH;EACA,MAAMC,MAAM,GAAGJ,UAAU,CAACE,OAAO,CAAC,CAAC;EACnC,IAAIE,MAAM,KAAK,IAAI,EAAE;IACnB,MAAM,IAAID,KAAK,CACZ,wEAAuEC,MAAO,EACjF,CAAC;EACH;AACF"}

package/lib/commonjs/skia/Skia.d.ts

@@ -0,0 +1,8 @@
+import type { Skia as SkSkiaApi } from "./types";
+/**
+ * Declares the SkiaApi as an available object in the global scope
+ */
+declare global {
+    var SkiaApi: SkSkiaApi;
+}
+export declare const Skia: SkSkiaApi;

package/lib/commonjs/skia/Skia.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Skia = void 0;
+/*global SkiaApi*/
+
+/**
+ * Declares the SkiaApi as an available object in the global scope
+ */
+
+const Skia = exports.Skia = SkiaApi;
+//# sourceMappingURL=Skia.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Skia","exports","SkiaApi"],"sources":["Skia.ts"],"sourcesContent":["/*global SkiaApi*/\nimport type { Skia as SkSkiaApi } from \"./types\";\n\n/**\n * Declares the SkiaApi as an available object in the global scope\n */\ndeclare global {\n  var SkiaApi: SkSkiaApi;\n}\n\nexport const Skia = SkiaApi;\n"],"mappings":";;;;;;AAAA;;AAGA;AACA;AACA;;AAKO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAGE,OAAO"}

package/lib/commonjs/skia/Skia.web.d.ts

@@ -0,0 +1 @@
+export declare const Skia: import("./types").Skia;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_web","require","Skia","exports","JsiSkApi","global","CanvasKit"],"sources":["Skia.web.ts"],"sourcesContent":["import { JsiSkApi } from \"./web\";\n\nexport const Skia = JsiSkApi(global.CanvasKit);\n"],"mappings":";;;;;;AAAA,IAAAA,IAAA,GAAAC,OAAA;AAEO,MAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,IAAAE,aAAQ,EAACC,MAAM,CAACC,SAAS,CAAC"}

package/lib/commonjs/skia/core/AnimatedImage.d.ts

@@ -0,0 +1,5 @@
+import type { DataSourceParam } from "../types";
+/**
+ * Returns a Skia Animated Image object
+ * */
+export declare const useAnimatedImage: (source: DataSourceParam, onError?: ((err: Error) => void) | undefined, managed?: boolean) => import("../types").SkAnimatedImage | null;

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAnimatedImage = void 0;
+var _Skia = require("../Skia");
+var _Data = require("./Data");
+const animatedImgFactory = _Skia.Skia.AnimatedImage.MakeAnimatedImageFromEncoded.bind(_Skia.Skia.AnimatedImage);
+
+/**
+ * Returns a Skia Animated Image object
+ * */
+const useAnimatedImage = (source, onError, managed = true) => (0, _Data.useRawData)(source, animatedImgFactory, onError, managed);
+exports.useAnimatedImage = useAnimatedImage;
+//# sourceMappingURL=AnimatedImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Skia","require","_Data","animatedImgFactory","Skia","AnimatedImage","MakeAnimatedImageFromEncoded","bind","useAnimatedImage","source","onError","managed","useRawData","exports"],"sources":["AnimatedImage.ts"],"sourcesContent":["import { Skia } from \"../Skia\";\nimport type { DataSourceParam } from \"../types\";\n\nimport { useRawData } from \"./Data\";\n\nconst animatedImgFactory = Skia.AnimatedImage.MakeAnimatedImageFromEncoded.bind(\n  Skia.AnimatedImage\n);\n\n/**\n * Returns a Skia Animated Image object\n * */\nexport const useAnimatedImage = (\n  source: DataSourceParam,\n  onError?: (err: Error) => void,\n  managed = true\n) => useRawData(source, animatedImgFactory, onError, managed);\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAGA,IAAAC,KAAA,GAAAD,OAAA;AAEA,MAAME,kBAAkB,GAAGC,UAAI,CAACC,aAAa,CAACC,4BAA4B,CAACC,IAAI,CAC7EH,UAAI,CAACC,aACP,CAAC;;AAED;AACA;AACA;AACO,MAAMG,gBAAgB,GAAGA,CAC9BC,MAAuB,EACvBC,OAA8B,EAC9BC,OAAO,GAAG,IAAI,KACX,IAAAC,gBAAU,EAACH,MAAM,EAAEN,kBAAkB,EAAEO,OAAO,EAAEC,OAAO,CAAC;AAACE,OAAA,CAAAL,gBAAA,GAAAA,gBAAA"}

package/lib/commonjs/skia/core/Data.d.ts

@@ -0,0 +1,5 @@
+import type { SkData, DataSourceParam, SkJSIInstance } from "../types";
+export declare const loadData: <T>(source: DataSourceParam, factory: (data: SkData) => T | null, onError?: ((err: Error) => void) | undefined) => Promise<T | null>;
+export declare const useCollectionLoading: <T extends SkJSIInstance<string>>(source: DataSourceParam[], loader: () => Promise<(T | null)[]>) => T[] | null;
+export declare const useRawData: <T extends SkJSIInstance<string>>(source: DataSourceParam, factory: (data: SkData) => T | null, onError?: ((err: Error) => void) | undefined, manage?: boolean) => T | null;
+export declare const useData: (source: DataSourceParam, onError?: ((err: Error) => void) | undefined) => SkData | null;

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

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRawData = exports.useData = exports.useCollectionLoading = exports.loadData = void 0;
+var _react = require("react");
+var _Skia = require("../Skia");
+var _Platform = require("../../Platform");
+const factoryWrapper = (data2, factory, onError) => {
+  const factoryResult = factory(data2);
+  if (factoryResult === null) {
+    onError && onError(new Error("Could not load data"));
+    return null;
+  } else {
+    return factoryResult;
+  }
+};
+const loadData = (source, factory, onError) => {
+  if (source === null || source === undefined) {
+    return new Promise(resolve => resolve(null));
+  } else if (source instanceof Uint8Array) {
+    return new Promise(resolve => resolve(factoryWrapper(_Skia.Skia.Data.fromBytes(source), factory, onError)));
+  } else {
+    const uri = typeof source === "string" ? source : _Platform.Platform.resolveAsset(source);
+    return _Skia.Skia.Data.fromURI(uri).then(d => factoryWrapper(d, factory, onError));
+  }
+};
+exports.loadData = loadData;
+const useLoading = (source, loader, manage = true) => {
+  const mounted = (0, _react.useRef)(false);
+  const [data, setData] = (0, _react.useState)(null);
+  const dataRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    mounted.current = true;
+    loader().then(value => {
+      if (mounted.current) {
+        setData(value);
+        dataRef.current = value;
+      }
+    });
+    return () => {
+      if (manage) {
+        var _dataRef$current;
+        (_dataRef$current = dataRef.current) === null || _dataRef$current === void 0 || _dataRef$current.dispose();
+      }
+      mounted.current = false;
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [source]);
+  return data;
+};
+const useCollectionLoading = (source, loader) => {
+  const mounted = (0, _react.useRef)(false);
+  const [data, setData] = (0, _react.useState)(null);
+  const dataRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    mounted.current = true;
+    loader().then(result => {
+      const value = result.filter(r => r !== null);
+      if (mounted.current) {
+        setData(value);
+        dataRef.current = value;
+      }
+    });
+    return () => {
+      var _dataRef$current2;
+      (_dataRef$current2 = dataRef.current) === null || _dataRef$current2 === void 0 || _dataRef$current2.forEach(instance => instance === null || instance === void 0 ? void 0 : instance.dispose());
+      mounted.current = false;
+    };
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [source]);
+  return data;
+};
+exports.useCollectionLoading = useCollectionLoading;
+const useRawData = (source, factory, onError, manage = true) => useLoading(source, () => loadData(source, factory, onError), manage);
+exports.useRawData = useRawData;
+const identity = data => data;
+const useData = (source, onError) => useRawData(source, identity, onError);
+exports.useData = useData;
+//# sourceMappingURL=Data.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_Skia","_Platform","factoryWrapper","data2","factory","onError","factoryResult","Error","loadData","source","undefined","Promise","resolve","Uint8Array","Skia","Data","fromBytes","uri","Platform","resolveAsset","fromURI","then","d","exports","useLoading","loader","manage","mounted","useRef","data","setData","useState","dataRef","useEffect","current","value","_dataRef$current","dispose","useCollectionLoading","result","filter","r","_dataRef$current2","forEach","instance","useRawData","identity","useData"],"sources":["Data.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nimport { Skia } from \"../Skia\";\nimport type { SkData, DataSourceParam, SkJSIInstance } from \"../types\";\nimport { Platform } from \"../../Platform\";\n\nconst factoryWrapper = <T>(\n  data2: SkData,\n  factory: (data: SkData) => T,\n  onError?: (err: Error) => void\n) => {\n  const factoryResult = factory(data2);\n  if (factoryResult === null) {\n    onError && onError(new Error(\"Could not load data\"));\n    return null;\n  } else {\n    return factoryResult;\n  }\n};\n\nexport const loadData = <T>(\n  source: DataSourceParam,\n  factory: (data: SkData) => T | null,\n  onError?: (err: Error) => void\n): Promise<T | null> => {\n  if (source === null || source === undefined) {\n    return new Promise((resolve) => resolve(null));\n  } else if (source instanceof Uint8Array) {\n    return new Promise((resolve) =>\n      resolve(factoryWrapper(Skia.Data.fromBytes(source), factory, onError))\n    );\n  } else {\n    const uri =\n      typeof source === \"string\" ? source : Platform.resolveAsset(source);\n    return Skia.Data.fromURI(uri).then((d) =>\n      factoryWrapper(d, factory, onError)\n    );\n  }\n};\n\nconst useLoading = <T extends SkJSIInstance<string>>(\n  source: DataSourceParam,\n  loader: () => Promise<T | null>,\n  manage = true\n) => {\n  const mounted = useRef(false);\n  const [data, setData] = useState<T | null>(null);\n  const dataRef = useRef<T | null>(null);\n  useEffect(() => {\n    mounted.current = true;\n    loader().then((value) => {\n      if (mounted.current) {\n        setData(value);\n        dataRef.current = value;\n      }\n    });\n    return () => {\n      if (manage) {\n        dataRef.current?.dispose();\n      }\n      mounted.current = false;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [source]);\n  return data;\n};\n\nexport const useCollectionLoading = <T extends SkJSIInstance<string>>(\n  source: DataSourceParam[],\n  loader: () => Promise<(T | null)[]>\n) => {\n  const mounted = useRef(false);\n  const [data, setData] = useState<T[] | null>(null);\n  const dataRef = useRef<T[] | null>(null);\n\n  useEffect(() => {\n    mounted.current = true;\n    loader().then((result) => {\n      const value = result.filter((r) => r !== null) as T[];\n      if (mounted.current) {\n        setData(value);\n        dataRef.current = value;\n      }\n    });\n\n    return () => {\n      dataRef.current?.forEach((instance) => instance?.dispose());\n      mounted.current = false;\n    };\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [source]);\n\n  return data;\n};\n\nexport const useRawData = <T extends SkJSIInstance<string>>(\n  source: DataSourceParam,\n  factory: (data: SkData) => T | null,\n  onError?: (err: Error) => void,\n  manage = true\n) => useLoading(source, () => loadData<T>(source, factory, onError), manage);\n\nconst identity = (data: SkData) => data;\n\nexport const useData = (\n  source: DataSourceParam,\n  onError?: (err: Error) => void\n) => useRawData(source, identity, onError);\n"],"mappings":"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"}

package/lib/commonjs/skia/core/Font.d.ts

@@ -0,0 +1,18 @@
+import type { DataModule, DataSourceParam, SkFontMgr } from "../types";
+import type { SkTypefaceFontProvider } from "../types/Paragraph/TypefaceFontProvider";
+/**
+ * Returns a Skia Font object
+ * */
+export declare const useFont: (font: DataSourceParam, size?: number, onError?: ((err: Error) => void) | undefined) => import("../types").SkFont | null;
+type Slant = "normal" | "italic" | "oblique";
+type Weight = "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+interface RNFontStyle {
+    fontFamily: string;
+    fontSize: number;
+    fontStyle: Slant;
+    fontWeight: Weight;
+}
+export declare const matchFont: (inputStyle?: Partial<RNFontStyle>, fontMgr?: SkFontMgr) => import("../types").SkFont;
+export declare const listFontFamilies: (fontMgr?: SkFontMgr) => string[];
+export declare const useFonts: (sources: Record<string, DataModule[]>) => SkTypefaceFontProvider | null;
+export {};

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

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFonts = exports.useFont = exports.matchFont = exports.listFontFamilies = void 0;
+var _react = require("react");
+var _Skia = require("../Skia");
+var _types = require("../types");
+var _Platform = require("../../Platform");
+var _Typeface = require("./Typeface");
+/*global SkiaApi*/
+
+const defaultFontSize = 14;
+
+/**
+ * Returns a Skia Font object
+ * */
+const useFont = (font, size = defaultFontSize, onError) => {
+  const typeface = (0, _Typeface.useTypeface)(font, onError);
+  return (0, _react.useMemo)(() => {
+    if (typeface) {
+      return _Skia.Skia.Font(typeface, size);
+    } else {
+      return null;
+    }
+  }, [size, typeface]);
+};
+exports.useFont = useFont;
+const defaultFontStyle = {
+  fontFamily: "System",
+  fontSize: defaultFontSize,
+  fontStyle: "normal",
+  fontWeight: "normal"
+};
+const slant = s => {
+  if (s === "italic") {
+    return _types.FontSlant.Italic;
+  } else if (s === "oblique") {
+    return _types.FontSlant.Oblique;
+  } else {
+    return _types.FontSlant.Upright;
+  }
+};
+const weight = fontWeight => {
+  switch (fontWeight) {
+    case "normal":
+      return 400;
+    case "bold":
+      return 700;
+    default:
+      return parseInt(fontWeight, 10);
+  }
+};
+const matchFont = (inputStyle = {}, fontMgr = _Skia.Skia.FontMgr.System()) => {
+  const fontStyle = {
+    ...defaultFontStyle,
+    ...inputStyle
+  };
+  const style = {
+    weight: weight(fontStyle.fontWeight),
+    width: 5,
+    slant: slant(fontStyle.fontStyle)
+  };
+  const typeface = fontMgr.matchFamilyStyle(fontStyle.fontFamily, style);
+  return _Skia.Skia.Font(typeface, fontStyle.fontSize);
+};
+exports.matchFont = matchFont;
+const listFontFamilies = (fontMgr = _Skia.Skia.FontMgr.System()) => new Array(fontMgr.countFamilies()).fill(0).map((_, i) => fontMgr.getFamilyName(i));
+exports.listFontFamilies = listFontFamilies;
+const loadTypefaces = typefacesToLoad => {
+  const promises = Object.keys(typefacesToLoad).flatMap(familyName => {
+    return typefacesToLoad[familyName].map(typefaceToLoad => {
+      return _Skia.Skia.Data.fromURI(_Platform.Platform.resolveAsset(typefaceToLoad)).then(data => {
+        const tf = _Skia.Skia.Typeface.MakeFreeTypeFaceFromData(data);
+        if (tf === null) {
+          throw new Error(`Couldn't create typeface for ${familyName}`);
+        }
+        return [familyName, tf];
+      });
+    });
+  });
+  return Promise.all(promises);
+};
+const useFonts = sources => {
+  const [fontMgr, setFontMgr] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    loadTypefaces(sources).then(result => {
+      const fMgr = _Skia.Skia.TypefaceFontProvider.Make();
+      result.forEach(([familyName, typeface]) => {
+        fMgr.registerFont(typeface, familyName);
+      });
+      setFontMgr(fMgr);
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return fontMgr;
+};
+exports.useFonts = useFonts;
+//# sourceMappingURL=Font.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_Skia","_types","_Platform","_Typeface","defaultFontSize","useFont","font","size","onError","typeface","useTypeface","useMemo","Skia","Font","exports","defaultFontStyle","fontFamily","fontSize","fontStyle","fontWeight","slant","s","FontSlant","Italic","Oblique","Upright","weight","parseInt","matchFont","inputStyle","fontMgr","FontMgr","System","style","width","matchFamilyStyle","listFontFamilies","Array","countFamilies","fill","map","_","i","getFamilyName","loadTypefaces","typefacesToLoad","promises","Object","keys","flatMap","familyName","typefaceToLoad","Data","fromURI","Platform","resolveAsset","then","data","tf","Typeface","MakeFreeTypeFaceFromData","Error","Promise","all","useFonts","sources","setFontMgr","useState","useEffect","result","fMgr","TypefaceFontProvider","Make","forEach","registerFont"],"sources":["Font.ts"],"sourcesContent":["/*global SkiaApi*/\nimport { useEffect, useMemo, useState } from \"react\";\n\nimport { Skia } from \"../Skia\";\nimport { FontSlant } from \"../types\";\nimport type { DataModule, DataSourceParam, SkFontMgr } from \"../types\";\nimport { Platform } from \"../../Platform\";\nimport type { SkTypefaceFontProvider } from \"../types/Paragraph/TypefaceFontProvider\";\n\nimport { useTypeface } from \"./Typeface\";\n\nconst defaultFontSize = 14;\n\n/**\n * Returns a Skia Font object\n * */\nexport const useFont = (\n  font: DataSourceParam,\n  size = defaultFontSize,\n  onError?: (err: Error) => void\n) => {\n  const typeface = useTypeface(font, onError);\n  return useMemo(() => {\n    if (typeface) {\n      return Skia.Font(typeface, size);\n    } else {\n      return null;\n    }\n  }, [size, typeface]);\n};\n\ntype Slant = \"normal\" | \"italic\" | \"oblique\";\ntype Weight =\n  | \"normal\"\n  | \"bold\"\n  | \"100\"\n  | \"200\"\n  | \"300\"\n  | \"400\"\n  | \"500\"\n  | \"600\"\n  | \"700\"\n  | \"800\"\n  | \"900\";\n\ninterface RNFontStyle {\n  fontFamily: string;\n  fontSize: number;\n  fontStyle: Slant;\n  fontWeight: Weight;\n}\n\nconst defaultFontStyle: RNFontStyle = {\n  fontFamily: \"System\",\n  fontSize: defaultFontSize,\n  fontStyle: \"normal\",\n  fontWeight: \"normal\",\n};\n\nconst slant = (s: Slant) => {\n  if (s === \"italic\") {\n    return FontSlant.Italic;\n  } else if (s === \"oblique\") {\n    return FontSlant.Oblique;\n  } else {\n    return FontSlant.Upright;\n  }\n};\n\nconst weight = (fontWeight: Weight) => {\n  switch (fontWeight) {\n    case \"normal\":\n      return 400;\n    case \"bold\":\n      return 700;\n    default:\n      return parseInt(fontWeight, 10);\n  }\n};\n\nexport const matchFont = (\n  inputStyle: Partial<RNFontStyle> = {},\n  fontMgr: SkFontMgr = Skia.FontMgr.System()\n) => {\n  const fontStyle = {\n    ...defaultFontStyle,\n    ...inputStyle,\n  };\n  const style = {\n    weight: weight(fontStyle.fontWeight),\n    width: 5,\n    slant: slant(fontStyle.fontStyle),\n  };\n  const typeface = fontMgr.matchFamilyStyle(fontStyle.fontFamily, style);\n  return Skia.Font(typeface, fontStyle.fontSize);\n};\n\nexport const listFontFamilies = (fontMgr: SkFontMgr = Skia.FontMgr.System()) =>\n  new Array(fontMgr.countFamilies())\n    .fill(0)\n    .map((_, i) => fontMgr.getFamilyName(i));\n\nconst loadTypefaces = (typefacesToLoad: Record<string, DataModule[]>) => {\n  const promises = Object.keys(typefacesToLoad).flatMap((familyName) => {\n    return typefacesToLoad[familyName].map((typefaceToLoad) => {\n      return Skia.Data.fromURI(Platform.resolveAsset(typefaceToLoad)).then(\n        (data) => {\n          const tf = Skia.Typeface.MakeFreeTypeFaceFromData(data);\n          if (tf === null) {\n            throw new Error(`Couldn't create typeface for ${familyName}`);\n          }\n          return [familyName, tf] as const;\n        }\n      );\n    });\n  });\n  return Promise.all(promises);\n};\n\nexport const useFonts = (sources: Record<string, DataModule[]>) => {\n  const [fontMgr, setFontMgr] = useState<null | SkTypefaceFontProvider>(null);\n\n  useEffect(() => {\n    loadTypefaces(sources).then((result) => {\n      const fMgr = Skia.TypefaceFontProvider.Make();\n      result.forEach(([familyName, typeface]) => {\n        fMgr.registerFont(typeface, familyName);\n      });\n      setFontMgr(fMgr);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  return fontMgr;\n};\n"],"mappings":"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"}

package/lib/commonjs/skia/core/Image.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { DataSourceParam, SkImage } from "../types";
+/**
+ * Returns a Skia Image object
+ * */
+export declare const useImage: (source: DataSourceParam, onError?: ((err: Error) => void) | undefined) => SkImage | null;
+/**
+ * Creates an image from a given view reference. NOTE: This method has different implementations
+ * on web/native. On web, the callback is called with the view ref and the callback is expected to
+ * return a promise that resolves to a Skia Image object. On native, the view ref is used to
+ * find the view tag and the Skia Image object is created from the view tag. This means that on web
+ * you will need to implement the logic to create the image from the view ref yourself.
+ * @param viewRef Ref to the view we're creating an image from
+ * @returns A promise that resolves to a Skia Image object or rejects
+ * with an error id the view tag is invalid.
+ */
+export declare const makeImageFromView: <T extends number | import("react").Component<unknown, unknown, any> | import("react").ComponentClass<unknown, any>>(viewRef: import("react").RefObject<T>, callback?: ((viewRef: import("react").RefObject<T>) => Promise<SkImage | null>) | null) => Promise<SkImage | null>;

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

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useImage = exports.makeImageFromView = void 0;
+var _Platform = require("../../Platform");
+var _Skia = require("../Skia");
+var _Data = require("./Data");
+const imgFactory = _Skia.Skia.Image.MakeImageFromEncoded.bind(_Skia.Skia.Image);
+
+/**
+ * Returns a Skia Image object
+ * */
+const useImage = (source, onError) => (0, _Data.useRawData)(source, imgFactory, onError);
+
+/**
+ * Creates an image from a given view reference. NOTE: This method has different implementations
+ * on web/native. On web, the callback is called with the view ref and the callback is expected to
+ * return a promise that resolves to a Skia Image object. On native, the view ref is used to
+ * find the view tag and the Skia Image object is created from the view tag. This means that on web
+ * you will need to implement the logic to create the image from the view ref yourself.
+ * @param viewRef Ref to the view we're creating an image from
+ * @returns A promise that resolves to a Skia Image object or rejects
+ * with an error id the view tag is invalid.
+ */
+exports.useImage = useImage;
+const makeImageFromView = (viewRef, callback = null) => {
+  // In web implementation we just delegate the work to the provided callback
+  if (_Platform.Platform.OS === "web") {
+    if (callback) {
+      return callback(viewRef);
+    } else {
+      Promise.reject(new Error("Callback is required on web in the makeImageFromView function."));
+    }
+  }
+  const viewTag = _Platform.Platform.findNodeHandle(viewRef.current);
+  if (viewTag !== null && viewTag !== 0) {
+    return _Skia.Skia.Image.MakeImageFromViewTag(viewTag);
+  }
+  return Promise.reject(new Error("Invalid view tag"));
+};
+exports.makeImageFromView = makeImageFromView;
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Platform","require","_Skia","_Data","imgFactory","Skia","Image","MakeImageFromEncoded","bind","useImage","source","onError","useRawData","exports","makeImageFromView","viewRef","callback","Platform","OS","Promise","reject","Error","viewTag","findNodeHandle","current","MakeImageFromViewTag"],"sources":["Image.ts"],"sourcesContent":["import { Platform } from \"../../Platform\";\nimport { Skia } from \"../Skia\";\nimport type { DataSourceParam, SkImage } from \"../types\";\n\nimport { useRawData } from \"./Data\";\n\nconst imgFactory = Skia.Image.MakeImageFromEncoded.bind(Skia.Image);\n\n/**\n * Returns a Skia Image object\n * */\nexport const useImage = (\n  source: DataSourceParam,\n  onError?: (err: Error) => void\n) => useRawData(source, imgFactory, onError);\n\n/**\n * Creates an image from a given view reference. NOTE: This method has different implementations\n * on web/native. On web, the callback is called with the view ref and the callback is expected to\n * return a promise that resolves to a Skia Image object. On native, the view ref is used to\n * find the view tag and the Skia Image object is created from the view tag. This means that on web\n * you will need to implement the logic to create the image from the view ref yourself.\n * @param viewRef Ref to the view we're creating an image from\n * @returns A promise that resolves to a Skia Image object or rejects\n * with an error id the view tag is invalid.\n */\nexport const makeImageFromView = <\n  T extends\n    | number\n    | React.Component<unknown, unknown>\n    | React.ComponentClass<unknown>\n>(\n  viewRef: React.RefObject<T>,\n  callback:\n    | null\n    | ((viewRef: React.RefObject<T>) => Promise<SkImage | null>) = null\n) => {\n  // In web implementation we just delegate the work to the provided callback\n  if (Platform.OS === \"web\") {\n    if (callback) {\n      return callback(viewRef);\n    } else {\n      Promise.reject(\n        new Error(\n          \"Callback is required on web in the makeImageFromView function.\"\n        )\n      );\n    }\n  }\n  const viewTag = Platform.findNodeHandle(viewRef.current);\n  if (viewTag !== null && viewTag !== 0) {\n    return Skia.Image.MakeImageFromViewTag(viewTag);\n  }\n  return Promise.reject(new Error(\"Invalid view tag\"));\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAGA,IAAAE,KAAA,GAAAF,OAAA;AAEA,MAAMG,UAAU,GAAGC,UAAI,CAACC,KAAK,CAACC,oBAAoB,CAACC,IAAI,CAACH,UAAI,CAACC,KAAK,CAAC;;AAEnE;AACA;AACA;AACO,MAAMG,QAAQ,GAAGA,CACtBC,MAAuB,EACvBC,OAA8B,KAC3B,IAAAC,gBAAU,EAACF,MAAM,EAAEN,UAAU,EAAEO,OAAO,CAAC;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AATAE,OAAA,CAAAJ,QAAA,GAAAA,QAAA;AAUO,MAAMK,iBAAiB,GAAGA,CAM/BC,OAA2B,EAC3BC,QAE8D,GAAG,IAAI,KAClE;EACH;EACA,IAAIC,kBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IACzB,IAAIF,QAAQ,EAAE;MACZ,OAAOA,QAAQ,CAACD,OAAO,CAAC;IAC1B,CAAC,MAAM;MACLI,OAAO,CAACC,MAAM,CACZ,IAAIC,KAAK,CACP,gEACF,CACF,CAAC;IACH;EACF;EACA,MAAMC,OAAO,GAAGL,kBAAQ,CAACM,cAAc,CAACR,OAAO,CAACS,OAAO,CAAC;EACxD,IAAIF,OAAO,KAAK,IAAI,IAAIA,OAAO,KAAK,CAAC,EAAE;IACrC,OAAOjB,UAAI,CAACC,KAAK,CAACmB,oBAAoB,CAACH,OAAO,CAAC;EACjD;EACA,OAAOH,OAAO,CAACC,MAAM,CAAC,IAAIC,KAAK,CAAC,kBAAkB,CAAC,CAAC;AACtD,CAAC;AAACR,OAAA,CAAAC,iBAAA,GAAAA,iBAAA"}

package/lib/commonjs/skia/core/Matrix.d.ts

@@ -0,0 +1,2 @@
+import type { Transforms3d } from "../types";
+export declare const processTransform2d: (transforms: Transforms3d) => import("../types").SkMatrix;

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

@@ -0,0 +1,11 @@
+"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,"names":["_Skia","require","_types","processTransform2d","transforms","processTransform","Skia","Matrix","exports"],"sources":["Matrix.ts"],"sourcesContent":["import { Skia } from \"../Skia\";\nimport type { Transforms3d } from \"../types\";\nimport { processTransform } from \"../types\";\n\nexport const processTransform2d = (transforms: Transforms3d) =>\n  processTransform(Skia.Matrix(), transforms);\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,kBAAkB,GAAIC,UAAwB,IACzD,IAAAC,uBAAgB,EAACC,UAAI,CAACC,MAAM,CAAC,CAAC,EAAEH,UAAU,CAAC;AAACI,OAAA,CAAAL,kBAAA,GAAAA,kBAAA"}

package/lib/commonjs/skia/core/Picture.d.ts

@@ -0,0 +1,8 @@
+import { type SkCanvas, type SkRect, type SkSize } from "../types";
+/**
+ * Memoizes and returns an SkPicture that can be drawn to another canvas.
+ * @param rect Picture bounds
+ * @param cb Callback for drawing to the canvas
+ * @returns SkPicture
+ */
+export declare const createPicture: (cb: (canvas: SkCanvas) => void, rect?: SkRect | SkSize) => import("../types").SkPicture;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPicture = void 0;
+var _Skia = require("../Skia");
+var _types = require("../types");
+/**
+ * Memoizes and returns an SkPicture that can be drawn to another canvas.
+ * @param rect Picture bounds
+ * @param cb Callback for drawing to the canvas
+ * @returns SkPicture
+ */
+const createPicture = (cb, rect) => {
+  "worklet";
+
+  const recorder = _Skia.Skia.PictureRecorder();
+  let bounds;
+  if (rect) {
+    bounds = (0, _types.isRect)(rect) ? rect : _Skia.Skia.XYWHRect(0, 0, rect.width, rect.height);
+  }
+  const canvas = recorder.beginRecording(bounds);
+  cb(canvas);
+  return recorder.finishRecordingAsPicture();
+};
+exports.createPicture = createPicture;
+//# sourceMappingURL=Picture.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Skia","require","_types","createPicture","cb","rect","recorder","Skia","PictureRecorder","bounds","isRect","XYWHRect","width","height","canvas","beginRecording","finishRecordingAsPicture","exports"],"sources":["Picture.ts"],"sourcesContent":["import { Skia } from \"../Skia\";\nimport { isRect, type SkCanvas, type SkRect, type SkSize } from \"../types\";\n\n/**\n * Memoizes and returns an SkPicture that can be drawn to another canvas.\n * @param rect Picture bounds\n * @param cb Callback for drawing to the canvas\n * @returns SkPicture\n */\nexport const createPicture = (\n  cb: (canvas: SkCanvas) => void,\n  rect?: SkRect | SkSize\n) => {\n  \"worklet\";\n  const recorder = Skia.PictureRecorder();\n  let bounds: undefined | SkRect;\n  if (rect) {\n    bounds = isRect(rect) ? rect : Skia.XYWHRect(0, 0, rect.width, rect.height);\n  }\n  const canvas = recorder.beginRecording(bounds);\n  cb(canvas);\n  return recorder.finishRecordingAsPicture();\n};\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,aAAa,GAAGA,CAC3BC,EAA8B,EAC9BC,IAAsB,KACnB;EACH,SAAS;;EACT,MAAMC,QAAQ,GAAGC,UAAI,CAACC,eAAe,CAAC,CAAC;EACvC,IAAIC,MAA0B;EAC9B,IAAIJ,IAAI,EAAE;IACRI,MAAM,GAAG,IAAAC,aAAM,EAACL,IAAI,CAAC,GAAGA,IAAI,GAAGE,UAAI,CAACI,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAEN,IAAI,CAACO,KAAK,EAAEP,IAAI,CAACQ,MAAM,CAAC;EAC7E;EACA,MAAMC,MAAM,GAAGR,QAAQ,CAACS,cAAc,CAACN,MAAM,CAAC;EAC9CL,EAAE,CAACU,MAAM,CAAC;EACV,OAAOR,QAAQ,CAACU,wBAAwB,CAAC,CAAC;AAC5C,CAAC;AAACC,OAAA,CAAAd,aAAA,GAAAA,aAAA"}

package/lib/commonjs/skia/core/RRect.d.ts

@@ -0,0 +1,2 @@
+import type { SkRect } from "../types";
+export declare const rrect: (r: SkRect, rx: number, ry: number) => import("../types").SkRRect;