react-native-skia 0.0.1 → 2.15.0

package/lib/module/renderer/processors/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Animations";
+export * from "./math";

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

@@ -0,0 +1,3 @@
+export * from "./Animations";
+export * from "./math";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Animations\";\nexport * from \"./math\";\n"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,QAAQ","ignoreList":[]}

package/lib/module/renderer/processors/math/Coordinates.d.ts

@@ -0,0 +1,29 @@
+import type { Vector } from "../../../skia/types";
+export interface PolarPoint {
+    theta: number;
+    radius: number;
+}
+export declare const canvas2Cartesian: (v: Vector, center: Vector) => {
+    x: number;
+    y: number;
+};
+export declare const cartesian2Canvas: (v: Vector, center: Vector) => {
+    x: number;
+    y: number;
+};
+export declare const cartesian2Polar: (v: Vector) => {
+    theta: number;
+    radius: number;
+};
+export declare const polar2Cartesian: (p: PolarPoint) => {
+    x: number;
+    y: number;
+};
+export declare const polar2Canvas: (p: PolarPoint, center: Vector) => {
+    x: number;
+    y: number;
+};
+export declare const canvas2Polar: (v: Vector, center: Vector) => {
+    theta: number;
+    radius: number;
+};

package/lib/module/renderer/processors/math/Coordinates.js

@@ -0,0 +1,43 @@
+export const canvas2Cartesian = (v, center) => {
+  "worklet";
+
+  return {
+    x: v.x - center.x,
+    y: -1 * (v.y - center.y)
+  };
+};
+export const cartesian2Canvas = (v, center) => {
+  "worklet";
+
+  return {
+    x: v.x + center.x,
+    y: -1 * v.y + center.y
+  };
+};
+export const cartesian2Polar = v => {
+  "worklet";
+
+  return {
+    theta: Math.atan2(v.y, v.x),
+    radius: Math.sqrt(v.x ** 2 + v.y ** 2)
+  };
+};
+export const polar2Cartesian = p => {
+  "worklet";
+
+  return {
+    x: p.radius * Math.cos(p.theta),
+    y: p.radius * Math.sin(p.theta)
+  };
+};
+export const polar2Canvas = (p, center) => {
+  "worklet";
+
+  return cartesian2Canvas(polar2Cartesian(p), center);
+};
+export const canvas2Polar = (v, center) => {
+  "worklet";
+
+  return cartesian2Polar(canvas2Cartesian(v, center));
+};
+//# sourceMappingURL=Coordinates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["canvas2Cartesian","v","center","x","y","cartesian2Canvas","cartesian2Polar","theta","Math","atan2","radius","sqrt","polar2Cartesian","p","cos","sin","polar2Canvas","canvas2Polar"],"sources":["Coordinates.ts"],"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  \"worklet\";\n  return {\n    x: v.x - center.x,\n    y: -1 * (v.y - center.y),\n  };\n};\n\nexport const cartesian2Canvas = (v: Vector, center: Vector) => {\n  \"worklet\";\n  return {\n    x: v.x + center.x,\n    y: -1 * v.y + center.y,\n  };\n};\n\nexport const cartesian2Polar = (v: Vector) => {\n  \"worklet\";\n  return {\n    theta: Math.atan2(v.y, v.x),\n    radius: Math.sqrt(v.x ** 2 + v.y ** 2),\n  };\n};\n\nexport const polar2Cartesian = (p: PolarPoint) => {\n  \"worklet\";\n  return {\n    x: p.radius * Math.cos(p.theta),\n    y: p.radius * Math.sin(p.theta),\n  };\n};\n\nexport const polar2Canvas = (p: PolarPoint, center: Vector) => {\n  \"worklet\";\n  return cartesian2Canvas(polar2Cartesian(p), center);\n};\n\nexport const canvas2Polar = (v: Vector, center: Vector) => {\n  \"worklet\";\n  return cartesian2Polar(canvas2Cartesian(v, center));\n};\n"],"mappings":"AAOA,OAAO,MAAMA,gBAAgB,GAAGA,CAACC,CAAS,EAAEC,MAAc,KAAK;EAC7D,SAAS;;EACT,OAAO;IACLC,CAAC,EAAEF,CAAC,CAACE,CAAC,GAAGD,MAAM,CAACC,CAAC;IACjBC,CAAC,EAAE,CAAC,CAAC,IAAIH,CAAC,CAACG,CAAC,GAAGF,MAAM,CAACE,CAAC;EACzB,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGA,CAACJ,CAAS,EAAEC,MAAc,KAAK;EAC7D,SAAS;;EACT,OAAO;IACLC,CAAC,EAAEF,CAAC,CAACE,CAAC,GAAGD,MAAM,CAACC,CAAC;IACjBC,CAAC,EAAE,CAAC,CAAC,GAAGH,CAAC,CAACG,CAAC,GAAGF,MAAM,CAACE;EACvB,CAAC;AACH,CAAC;AAED,OAAO,MAAME,eAAe,GAAIL,CAAS,IAAK;EAC5C,SAAS;;EACT,OAAO;IACLM,KAAK,EAAEC,IAAI,CAACC,KAAK,CAACR,CAAC,CAACG,CAAC,EAAEH,CAAC,CAACE,CAAC,CAAC;IAC3BO,MAAM,EAAEF,IAAI,CAACG,IAAI,CAACV,CAAC,CAACE,CAAC,IAAI,CAAC,GAAGF,CAAC,CAACG,CAAC,IAAI,CAAC;EACvC,CAAC;AACH,CAAC;AAED,OAAO,MAAMQ,eAAe,GAAIC,CAAa,IAAK;EAChD,SAAS;;EACT,OAAO;IACLV,CAAC,EAAEU,CAAC,CAACH,MAAM,GAAGF,IAAI,CAACM,GAAG,CAACD,CAAC,CAACN,KAAK,CAAC;IAC/BH,CAAC,EAAES,CAAC,CAACH,MAAM,GAAGF,IAAI,CAACO,GAAG,CAACF,CAAC,CAACN,KAAK;EAChC,CAAC;AACH,CAAC;AAED,OAAO,MAAMS,YAAY,GAAGA,CAACH,CAAa,EAAEX,MAAc,KAAK;EAC7D,SAAS;;EACT,OAAOG,gBAAgB,CAACO,eAAe,CAACC,CAAC,CAAC,EAAEX,MAAM,CAAC;AACrD,CAAC;AAED,OAAO,MAAMe,YAAY,GAAGA,CAAChB,CAAS,EAAEC,MAAc,KAAK;EACzD,SAAS;;EACT,OAAOI,eAAe,CAACN,gBAAgB,CAACC,CAAC,EAAEC,MAAM,CAAC,CAAC;AACrD,CAAC","ignoreList":[]}

package/lib/module/renderer/processors/math/Math.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Linear interpolation
+ * @param value
+ * @param x
+ * @param y
+ */
+export declare const mix: (value: number, x: number, y: number) => number;
+/**
+ *  @summary Clamps a node with a lower and upper bound.
+ *  @example
+    clamp(-1, 0, 100); // 0
+    clamp(1, 0, 100); // 1
+    clamp(101, 0, 100); // 100
+  */
+export declare const clamp: (value: number, lowerBound: number, upperBound: number) => number;
+export declare const saturate: (value: number) => number;

package/lib/module/renderer/processors/math/Math.js

@@ -0,0 +1,30 @@
+/**
+ * Linear interpolation
+ * @param value
+ * @param x
+ * @param y
+ */
+export const mix = (value, x, y) => {
+  "worklet";
+
+  return x * (1 - value) + y * value;
+};
+
+/**
+ *  @summary Clamps a node with a lower and upper bound.
+ *  @example
+    clamp(-1, 0, 100); // 0
+    clamp(1, 0, 100); // 1
+    clamp(101, 0, 100); // 100
+  */
+export const clamp = (value, lowerBound, upperBound) => {
+  "worklet";
+
+  return Math.min(Math.max(lowerBound, value), upperBound);
+};
+export const saturate = value => {
+  "worklet";
+
+  return clamp(value, 0, 1);
+};
+//# sourceMappingURL=Math.js.map

package/lib/module/renderer/processors/math/Math.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mix","value","x","y","clamp","lowerBound","upperBound","Math","min","max","saturate"],"sources":["Math.ts"],"sourcesContent":["/**\n * Linear interpolation\n * @param value\n * @param x\n * @param y\n */\nexport const mix = (value: number, x: number, y: number) => {\n  \"worklet\";\n  return x * (1 - value) + y * value;\n};\n\n/**\n *  @summary Clamps a node with a lower and upper bound.\n *  @example\n    clamp(-1, 0, 100); // 0\n    clamp(1, 0, 100); // 1\n    clamp(101, 0, 100); // 100\n  */\nexport const clamp = (\n  value: number,\n  lowerBound: number,\n  upperBound: number\n) => {\n  \"worklet\";\n  return Math.min(Math.max(lowerBound, value), upperBound);\n};\n\nexport const saturate = (value: number) => {\n  \"worklet\";\n  return clamp(value, 0, 1);\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,GAAG,GAAGA,CAACC,KAAa,EAAEC,CAAS,EAAEC,CAAS,KAAK;EAC1D,SAAS;;EACT,OAAOD,CAAC,IAAI,CAAC,GAAGD,KAAK,CAAC,GAAGE,CAAC,GAAGF,KAAK;AACpC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,KAAK,GAAGA,CACnBH,KAAa,EACbI,UAAkB,EAClBC,UAAkB,KACf;EACH,SAAS;;EACT,OAAOC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACJ,UAAU,EAAEJ,KAAK,CAAC,EAAEK,UAAU,CAAC;AAC1D,CAAC;AAED,OAAO,MAAMI,QAAQ,GAAIT,KAAa,IAAK;EACzC,SAAS;;EACT,OAAOG,KAAK,CAACH,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;AAC3B,CAAC","ignoreList":[]}

package/lib/module/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/module/renderer/processors/math/Transforms.js

@@ -0,0 +1,14 @@
+import { canvas2Polar, polar2Canvas } from "./Coordinates";
+export const rotate = (tr, origin, rotation) => {
+  "worklet";
+
+  const {
+    radius,
+    theta
+  } = canvas2Polar(tr, origin);
+  return polar2Canvas({
+    radius,
+    theta: theta + rotation
+  }, origin);
+};
+//# sourceMappingURL=Transforms.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["canvas2Polar","polar2Canvas","rotate","tr","origin","rotation","radius","theta"],"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,SAASA,YAAY,EAAEC,YAAY,QAAQ,eAAe;AAE1D,OAAO,MAAMC,MAAM,GAAGA,CAACC,EAAU,EAAEC,MAAc,EAAEC,QAAgB,KAAK;EACtE,SAAS;;EACT,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGP,YAAY,CAACG,EAAE,EAAEC,MAAM,CAAC;EAClD,OAAOH,YAAY,CAAC;IAAEK,MAAM;IAAEC,KAAK,EAAEA,KAAK,GAAGF;EAAS,CAAC,EAAED,MAAM,CAAC;AAClE,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1,4 @@
+export * from "./Coordinates";
+export * from "./Math";
+export * from "./Transforms";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Coordinates\";\nexport * from \"./Math\";\nexport * from \"./Transforms\";\n"],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,QAAQ;AACtB,cAAc,cAAc","ignoreList":[]}

package/lib/module/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/module/renderer/typeddash.js

@@ -0,0 +1,29 @@
+export const mapKeys = obj => {
+  "worklet";
+
+  return Object.keys(obj);
+};
+export const exhaustiveCheck = a => {
+  "worklet";
+
+  throw new Error(`Unexhaustive handling for ${a}`);
+};
+
+// Shallow eq on props (without children)
+export 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;
+};
+//# sourceMappingURL=typeddash.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapKeys","obj","Object","keys","exhaustiveCheck","a","Error","shallowEq","p1","p2","keys1","keys2","length","key"],"sources":["typeddash.ts"],"sourcesContent":["export const mapKeys = <T extends object>(obj: T) => {\n  \"worklet\";\n  return Object.keys(obj) as (keyof T)[];\n};\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":"AAAA,OAAO,MAAMA,OAAO,GAAsBC,GAAM,IAAK;EACnD,SAAS;;EACT,OAAOC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC;AACzB,CAAC;AAED,OAAO,MAAMG,eAAe,GAAIC,CAAQ,IAAY;EAClD,SAAS;;EACT,MAAM,IAAIC,KAAK,CAAC,6BAA6BD,CAAC,EAAE,CAAC;AACnD,CAAC;;AAED;AACA,OAAO,MAAME,SAAS,GAAGA,CAAmBC,EAAK,EAAEC,EAAK,KAAc;EACpE,MAAMC,KAAK,GAAGV,OAAO,CAACQ,EAAE,CAAC;EACzB,MAAMG,KAAK,GAAGX,OAAO,CAACS,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","ignoreList":[]}

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

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

package/lib/module/skia/NativeSetup.js

@@ -0,0 +1,18 @@
+import { Platform } from "../Platform";
+import NativeSkiaModule from "../specs/NativeSkiaModule";
+import { registerSkiaWorkletSerialization } from "./SkiaWorkletSerialization";
+if (Platform.OS !== "web" && global.SkiaApi == null) {
+  // Initialize RN Skia
+  const SkiaModule = NativeSkiaModule;
+  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}`);
+  }
+  // Skia objects use the JSI NativeState pattern and need a custom
+  // serializer to be transferable to worklet runtimes (Reanimated).
+  registerSkiaWorkletSerialization();
+}
+//# sourceMappingURL=NativeSetup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","NativeSkiaModule","registerSkiaWorkletSerialization","OS","global","SkiaApi","SkiaModule","install","Error","result"],"sources":["NativeSetup.ts"],"sourcesContent":["import { Platform } from \"../Platform\";\nimport NativeSkiaModule from \"../specs/NativeSkiaModule\";\n\nimport { registerSkiaWorkletSerialization } from \"./SkiaWorkletSerialization\";\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  // Skia objects use the JSI NativeState pattern and need a custom\n  // serializer to be transferable to worklet runtimes (Reanimated).\n  registerSkiaWorkletSerialization();\n}\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,aAAa;AACtC,OAAOC,gBAAgB,MAAM,2BAA2B;AAExD,SAASC,gCAAgC,QAAQ,4BAA4B;AAE7E,IAAIF,QAAQ,CAACG,EAAE,KAAK,KAAK,IAAIC,MAAM,CAACC,OAAO,IAAI,IAAI,EAAE;EACnD;EACA,MAAMC,UAAU,GAAGL,gBAAgB;EACnC,IAAIK,UAAU,IAAI,IAAI,IAAI,OAAOA,UAAU,CAACC,OAAO,KAAK,UAAU,EAAE;IAClE,MAAM,IAAIC,KAAK,CACb,gEAAgE,GAC9D,qDACJ,CAAC;EACH;EACA,MAAMC,MAAM,GAAGH,UAAU,CAACC,OAAO,CAAC,CAAC;EACnC,IAAIE,MAAM,KAAK,IAAI,EAAE;IACnB,MAAM,IAAID,KAAK,CACb,wEAAwEC,MAAM,EAChF,CAAC;EACH;EACA;EACA;EACAP,gCAAgC,CAAC,CAAC;AACpC","ignoreList":[]}

package/lib/module/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/module/skia/Skia.js

@@ -0,0 +1,8 @@
+/*global SkiaApi*/
+
+/**
+ * Declares the SkiaApi as an available object in the global scope
+ */
+
+export const Skia = SkiaApi;
+//# sourceMappingURL=Skia.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Skia","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;;AAKA,OAAO,MAAMA,IAAI,GAAGC,OAAO","ignoreList":[]}

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

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

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

@@ -0,0 +1,3 @@
+import { JsiSkApi } from "./web";
+export const Skia = JsiSkApi(global.CanvasKit);
+//# sourceMappingURL=Skia.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["JsiSkApi","Skia","global","CanvasKit"],"sources":["Skia.web.ts"],"sourcesContent":["import { JsiSkApi } from \"./web\";\n\nexport const Skia = JsiSkApi(global.CanvasKit);\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,OAAO,MAAMC,IAAI,GAAGD,QAAQ,CAACE,MAAM,CAACC,SAAS,CAAC","ignoreList":[]}

package/lib/module/skia/SkiaWorkletSerialization.d.ts

@@ -0,0 +1 @@
+export declare const registerSkiaWorkletSerialization: () => void;

package/lib/module/skia/SkiaWorkletSerialization.js

@@ -0,0 +1,59 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+/**
+ * Skia and WebGPU API objects are implemented with the JSI NativeState
+ * pattern: plain JS objects with a shared prototype and native state
+ * attached. Worklets cannot serialize such objects by default (the prototype
+ * would be lost when moving them to another runtime), so we register a
+ * Custom Serializable that:
+ *
+ * - determine: detects native objects via the `__box` method installed on
+ *   every Skia and WebGPU prototype (plain objects never reach the
+ *   custom-serializable path, so this cannot misfire on user data).
+ * - pack: boxes the object into a HostObject wrapper that carries the native
+ *   state and the class brand. HostObjects are transferred by reference.
+ * - unpack: unboxes on the target runtime, re-installing the class prototype
+ *   there and re-attaching the same native state.
+ *
+ * See cpp/jsi/BoxedNativeObject.h for the native side.
+ *
+ * `react-native-worklets` (Reanimated 4) is required for this to work —
+ * without it, Skia and WebGPU objects cannot be captured in worklets or
+ * stored in shared values.
+ */
+
+const determine = value => {
+  "worklet";
+
+  return typeof value.__box === "function";
+};
+const pack = value => {
+  "worklet";
+
+  return value.__box();
+};
+const unpack = packed => {
+  "worklet";
+
+  return packed.unbox();
+};
+export const registerSkiaWorkletSerialization = () => {
+  try {
+    const worklets = require("react-native-worklets");
+    if (typeof worklets.registerCustomSerializable === "function") {
+      worklets.registerCustomSerializable({
+        name: "ReactNativeSkia",
+        determine,
+        pack,
+        unpack
+      });
+    } else {
+      console.error("React Native Skia requires react-native-worklets >= 0.7.0 " + "(registerCustomSerializable) to use Skia objects inside worklets. " + "Please upgrade react-native-worklets and react-native-reanimated.");
+    }
+  } catch (e) {
+    // react-native-worklets is not installed. This is fine for apps that do
+    // not use Reanimated: Skia objects simply cannot be used inside worklets
+    // or shared values in this configuration.
+  }
+};
+//# sourceMappingURL=SkiaWorkletSerialization.js.map

package/lib/module/skia/SkiaWorkletSerialization.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["determine","value","__box","pack","unpack","packed","unbox","registerSkiaWorkletSerialization","worklets","require","registerCustomSerializable","name","console","error","e"],"sources":["SkiaWorkletSerialization.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/**\n * Skia and WebGPU API objects are implemented with the JSI NativeState\n * pattern: plain JS objects with a shared prototype and native state\n * attached. Worklets cannot serialize such objects by default (the prototype\n * would be lost when moving them to another runtime), so we register a\n * Custom Serializable that:\n *\n * - determine: detects native objects via the `__box` method installed on\n *   every Skia and WebGPU prototype (plain objects never reach the\n *   custom-serializable path, so this cannot misfire on user data).\n * - pack: boxes the object into a HostObject wrapper that carries the native\n *   state and the class brand. HostObjects are transferred by reference.\n * - unpack: unboxes on the target runtime, re-installing the class prototype\n *   there and re-attaching the same native state.\n *\n * See cpp/jsi/BoxedNativeObject.h for the native side.\n *\n * `react-native-worklets` (Reanimated 4) is required for this to work —\n * without it, Skia and WebGPU objects cannot be captured in worklets or\n * stored in shared values.\n */\n\ninterface BoxedNativeObject {\n  unbox: () => object;\n  __boxedNativeObject: true;\n}\n\nconst determine = (value: object): value is object => {\n  \"worklet\";\n  return typeof (value as any).__box === \"function\";\n};\n\nconst pack = (value: object): BoxedNativeObject => {\n  \"worklet\";\n  return (value as any).__box();\n};\n\nconst unpack = (packed: BoxedNativeObject): object => {\n  \"worklet\";\n  return packed.unbox();\n};\n\nexport const registerSkiaWorkletSerialization = () => {\n  try {\n    const worklets = require(\"react-native-worklets\");\n    if (typeof worklets.registerCustomSerializable === \"function\") {\n      worklets.registerCustomSerializable({\n        name: \"ReactNativeSkia\",\n        determine,\n        pack,\n        unpack,\n      });\n    } else {\n      console.error(\n        \"React Native Skia requires react-native-worklets >= 0.7.0 \" +\n          \"(registerCustomSerializable) to use Skia objects inside worklets. \" +\n          \"Please upgrade react-native-worklets and react-native-reanimated.\"\n      );\n    }\n  } catch (e) {\n    // react-native-worklets is not installed. This is fine for apps that do\n    // not use Reanimated: Skia objects simply cannot be used inside worklets\n    // or shared values in this configuration.\n  }\n};\n"],"mappings":"AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA,MAAMA,SAAS,GAAIC,KAAa,IAAsB;EACpD,SAAS;;EACT,OAAO,OAAQA,KAAK,CAASC,KAAK,KAAK,UAAU;AACnD,CAAC;AAED,MAAMC,IAAI,GAAIF,KAAa,IAAwB;EACjD,SAAS;;EACT,OAAQA,KAAK,CAASC,KAAK,CAAC,CAAC;AAC/B,CAAC;AAED,MAAME,MAAM,GAAIC,MAAyB,IAAa;EACpD,SAAS;;EACT,OAAOA,MAAM,CAACC,KAAK,CAAC,CAAC;AACvB,CAAC;AAED,OAAO,MAAMC,gCAAgC,GAAGA,CAAA,KAAM;EACpD,IAAI;IACF,MAAMC,QAAQ,GAAGC,OAAO,CAAC,uBAAuB,CAAC;IACjD,IAAI,OAAOD,QAAQ,CAACE,0BAA0B,KAAK,UAAU,EAAE;MAC7DF,QAAQ,CAACE,0BAA0B,CAAC;QAClCC,IAAI,EAAE,iBAAiB;QACvBX,SAAS;QACTG,IAAI;QACJC;MACF,CAAC,CAAC;IACJ,CAAC,MAAM;MACLQ,OAAO,CAACC,KAAK,CACX,4DAA4D,GAC1D,oEAAoE,GACpE,mEACJ,CAAC;IACH;EACF,CAAC,CAAC,OAAOC,CAAC,EAAE;IACV;IACA;IACA;EAAA;AAEJ,CAAC","ignoreList":[]}

package/lib/module/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) => import("../types").SkAnimatedImage | null;

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

@@ -0,0 +1,9 @@
+import { Skia } from "../Skia";
+import { useRawData } from "./Data";
+const animatedImgFactory = Skia.AnimatedImage.MakeAnimatedImageFromEncoded.bind(Skia.AnimatedImage);
+
+/**
+ * Returns a Skia Animated Image object
+ * */
+export const useAnimatedImage = (source, onError) => useRawData(source, animatedImgFactory, onError);
+//# sourceMappingURL=AnimatedImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Skia","useRawData","animatedImgFactory","AnimatedImage","MakeAnimatedImageFromEncoded","bind","useAnimatedImage","source","onError"],"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) => useRawData(source, animatedImgFactory, onError);\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,SAAS;AAG9B,SAASC,UAAU,QAAQ,QAAQ;AAEnC,MAAMC,kBAAkB,GAAGF,IAAI,CAACG,aAAa,CAACC,4BAA4B,CAACC,IAAI,CAC7EL,IAAI,CAACG,aACP,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMG,gBAAgB,GAAGA,CAC9BC,MAAuB,EACvBC,OAA8B,KAC3BP,UAAU,CAACM,MAAM,EAAEL,kBAAkB,EAAEM,OAAO,CAAC","ignoreList":[]}

package/lib/module/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) => 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) => T | null;
+export declare const useData: (source: DataSourceParam, onError?: (err: Error) => void) => SkData | null;

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

@@ -0,0 +1,66 @@
+import { useEffect, useRef, useState } from "react";
+import { Skia } from "../Skia";
+import { Platform } from "../../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;
+  }
+};
+export 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.Data.fromBytes(source), factory, onError)));
+  } else {
+    const uri = typeof source === "string" ? source : Platform.resolveAsset(source);
+    return Skia.Data.fromURI(uri).then(d => factoryWrapper(d, factory, onError));
+  }
+};
+const useLoading = (source, loader) => {
+  const mounted = useRef(false);
+  const [data, setData] = useState(null);
+  const dataRef = useRef(null);
+  useEffect(() => {
+    mounted.current = true;
+    loader().then(value => {
+      if (mounted.current) {
+        setData(value);
+        dataRef.current = value;
+      }
+    });
+    return () => {
+      mounted.current = false;
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [source]);
+  return data;
+};
+export const useCollectionLoading = (source, loader) => {
+  const mounted = useRef(false);
+  const [data, setData] = useState(null);
+  const dataRef = useRef(null);
+  useEffect(() => {
+    mounted.current = true;
+    loader().then(result => {
+      const value = result.filter(r => r !== null);
+      if (mounted.current) {
+        setData(value);
+        dataRef.current = value;
+      }
+    });
+    return () => {
+      mounted.current = false;
+    };
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [source]);
+  return data;
+};
+export const useRawData = (source, factory, onError) => useLoading(source, () => loadData(source, factory, onError));
+const identity = data => data;
+export const useData = (source, onError) => useRawData(source, identity, onError);
+//# sourceMappingURL=Data.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","Skia","Platform","factoryWrapper","data2","factory","onError","factoryResult","Error","loadData","source","undefined","Promise","resolve","Uint8Array","Data","fromBytes","uri","resolveAsset","fromURI","then","d","useLoading","loader","mounted","data","setData","dataRef","current","value","useCollectionLoading","result","filter","r","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) => {\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      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      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) => useLoading(source, () => loadData<T>(source, factory, onError));\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":"AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAEnD,SAASC,IAAI,QAAQ,SAAS;AAE9B,SAASC,QAAQ,QAAQ,gBAAgB;AAEzC,MAAMC,cAAc,GAAGA,CACrBC,KAAa,EACbC,OAA4B,EAC5BC,OAA8B,KAC3B;EACH,MAAMC,aAAa,GAAGF,OAAO,CAACD,KAAK,CAAC;EACpC,IAAIG,aAAa,KAAK,IAAI,EAAE;IAC1BD,OAAO,IAAIA,OAAO,CAAC,IAAIE,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACpD,OAAO,IAAI;EACb,CAAC,MAAM;IACL,OAAOD,aAAa;EACtB;AACF,CAAC;AAED,OAAO,MAAME,QAAQ,GAAGA,CACtBC,MAAuB,EACvBL,OAAmC,EACnCC,OAA8B,KACR;EACtB,IAAII,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAKC,SAAS,EAAE;IAC3C,OAAO,IAAIC,OAAO,CAAEC,OAAO,IAAKA,OAAO,CAAC,IAAI,CAAC,CAAC;EAChD,CAAC,MAAM,IAAIH,MAAM,YAAYI,UAAU,EAAE;IACvC,OAAO,IAAIF,OAAO,CAAEC,OAAO,IACzBA,OAAO,CAACV,cAAc,CAACF,IAAI,CAACc,IAAI,CAACC,SAAS,CAACN,MAAM,CAAC,EAAEL,OAAO,EAAEC,OAAO,CAAC,CACvE,CAAC;EACH,CAAC,MAAM;IACL,MAAMW,GAAG,GACP,OAAOP,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAGR,QAAQ,CAACgB,YAAY,CAACR,MAAM,CAAC;IACrE,OAAOT,IAAI,CAACc,IAAI,CAACI,OAAO,CAACF,GAAG,CAAC,CAACG,IAAI,CAAEC,CAAC,IACnClB,cAAc,CAACkB,CAAC,EAAEhB,OAAO,EAAEC,OAAO,CACpC,CAAC;EACH;AACF,CAAC;AAED,MAAMgB,UAAU,GAAGA,CACjBZ,MAAuB,EACvBa,MAA+B,KAC5B;EACH,MAAMC,OAAO,GAAGzB,MAAM,CAAC,KAAK,CAAC;EAC7B,MAAM,CAAC0B,IAAI,EAAEC,OAAO,CAAC,GAAG1B,QAAQ,CAAW,IAAI,CAAC;EAChD,MAAM2B,OAAO,GAAG5B,MAAM,CAAW,IAAI,CAAC;EACtCD,SAAS,CAAC,MAAM;IACd0B,OAAO,CAACI,OAAO,GAAG,IAAI;IACtBL,MAAM,CAAC,CAAC,CAACH,IAAI,CAAES,KAAK,IAAK;MACvB,IAAIL,OAAO,CAACI,OAAO,EAAE;QACnBF,OAAO,CAACG,KAAK,CAAC;QACdF,OAAO,CAACC,OAAO,GAAGC,KAAK;MACzB;IACF,CAAC,CAAC;IACF,OAAO,MAAM;MACXL,OAAO,CAACI,OAAO,GAAG,KAAK;IACzB,CAAC;IACD;EACF,CAAC,EAAE,CAAClB,MAAM,CAAC,CAAC;EACZ,OAAOe,IAAI;AACb,CAAC;AAED,OAAO,MAAMK,oBAAoB,GAAGA,CAClCpB,MAAyB,EACzBa,MAAmC,KAChC;EACH,MAAMC,OAAO,GAAGzB,MAAM,CAAC,KAAK,CAAC;EAC7B,MAAM,CAAC0B,IAAI,EAAEC,OAAO,CAAC,GAAG1B,QAAQ,CAAa,IAAI,CAAC;EAClD,MAAM2B,OAAO,GAAG5B,MAAM,CAAa,IAAI,CAAC;EAExCD,SAAS,CAAC,MAAM;IACd0B,OAAO,CAACI,OAAO,GAAG,IAAI;IACtBL,MAAM,CAAC,CAAC,CAACH,IAAI,CAAEW,MAAM,IAAK;MACxB,MAAMF,KAAK,GAAGE,MAAM,CAACC,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAK,IAAI,CAAQ;MACrD,IAAIT,OAAO,CAACI,OAAO,EAAE;QACnBF,OAAO,CAACG,KAAK,CAAC;QACdF,OAAO,CAACC,OAAO,GAAGC,KAAK;MACzB;IACF,CAAC,CAAC;IAEF,OAAO,MAAM;MACXL,OAAO,CAACI,OAAO,GAAG,KAAK;IACzB,CAAC;;IAED;EACF,CAAC,EAAE,CAAClB,MAAM,CAAC,CAAC;EAEZ,OAAOe,IAAI;AACb,CAAC;AAED,OAAO,MAAMS,UAAU,GAAGA,CACxBxB,MAAuB,EACvBL,OAAmC,EACnCC,OAA8B,KAC3BgB,UAAU,CAACZ,MAAM,EAAE,MAAMD,QAAQ,CAAIC,MAAM,EAAEL,OAAO,EAAEC,OAAO,CAAC,CAAC;AAEpE,MAAM6B,QAAQ,GAAIV,IAAY,IAAKA,IAAI;AAEvC,OAAO,MAAMW,OAAO,GAAGA,CACrB1B,MAAuB,EACvBJ,OAA8B,KAC3B4B,UAAU,CAACxB,MAAM,EAAEyB,QAAQ,EAAE7B,OAAO,CAAC","ignoreList":[]}

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

@@ -0,0 +1,33 @@
+import { FontSlant, FontWeight } from "../types";
+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) => import("../types").SkFont | null;
+/**
+ * React Native style font slant, as found in the `fontStyle` property of
+ * `TextStyle`. The Skia {@link FontSlant} enum is accepted as well.
+ */
+export type RNFontSlant = "normal" | "italic" | "oblique" | FontSlant;
+/**
+ * React Native style font weight, as found in the `fontWeight` property of
+ * `TextStyle`. Numeric weights such as the {@link FontWeight} enum values
+ * used by the Paragraph API are accepted as well.
+ */
+export type RNFontWeight = "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | FontWeight;
+/**
+ * Font style accepted by {@link matchFont}.
+ * `fontStyle` and `fontWeight` accept both the React Native string values
+ * and the Skia enums ({@link FontSlant} and {@link FontWeight}), so the same
+ * values can be shared with the Paragraph API.
+ */
+export interface RNFontStyle {
+    fontFamily: string;
+    fontSize: number;
+    fontStyle: RNFontSlant;
+    fontWeight: RNFontWeight;
+}
+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;

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

@@ -0,0 +1,116 @@
+/*global SkiaApi*/
+import { useEffect, useMemo, useState } from "react";
+import { Skia } from "../Skia";
+import { FontSlant, FontWeight } from "../types";
+import { Platform } from "../../Platform";
+import { useTypeface } from "./Typeface";
+const defaultFontSize = 14;
+
+/**
+ * Returns a Skia Font object
+ * */
+export const useFont = (font, size = defaultFontSize, onError) => {
+  const typeface = useTypeface(font, onError);
+  return useMemo(() => {
+    if (typeface) {
+      return Skia.Font(typeface, size);
+    } else {
+      return null;
+    }
+  }, [size, typeface]);
+};
+
+/**
+ * React Native style font slant, as found in the `fontStyle` property of
+ * `TextStyle`. The Skia {@link FontSlant} enum is accepted as well.
+ */
+
+/**
+ * React Native style font weight, as found in the `fontWeight` property of
+ * `TextStyle`. Numeric weights such as the {@link FontWeight} enum values
+ * used by the Paragraph API are accepted as well.
+ */
+
+/**
+ * Font style accepted by {@link matchFont}.
+ * `fontStyle` and `fontWeight` accept both the React Native string values
+ * and the Skia enums ({@link FontSlant} and {@link FontWeight}), so the same
+ * values can be shared with the Paragraph API.
+ */
+
+const defaultFontStyle = {
+  fontFamily: "System",
+  fontSize: defaultFontSize,
+  fontStyle: "normal",
+  fontWeight: "normal"
+};
+const slant = s => {
+  if (typeof s === "number") {
+    return s;
+  } else if (s === "italic") {
+    return FontSlant.Italic;
+  } else if (s === "oblique") {
+    return FontSlant.Oblique;
+  } else {
+    return FontSlant.Upright;
+  }
+};
+const weight = fontWeight => {
+  switch (fontWeight) {
+    case "normal":
+      return FontWeight.Normal;
+    case "bold":
+      return FontWeight.Bold;
+    default:
+      return typeof fontWeight === "number" ? fontWeight : parseInt(fontWeight, 10);
+  }
+};
+export const matchFont = (inputStyle = {}, fontMgr = 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.Font(typeface, fontStyle.fontSize);
+};
+export const listFontFamilies = (fontMgr = Skia.FontMgr.System()) => {
+  const families = new Set();
+  for (let i = 0; i < fontMgr.countFamilies(); i++) {
+    families.add(fontMgr.getFamilyName(i));
+  }
+  return Array.from(families);
+};
+const loadTypefaces = typefacesToLoad => {
+  const promises = Object.keys(typefacesToLoad).flatMap(familyName => {
+    return typefacesToLoad[familyName].map(typefaceToLoad => {
+      return Skia.Data.fromURI(Platform.resolveAsset(typefaceToLoad)).then(data => {
+        const tf = Skia.Typeface.MakeFreeTypeFaceFromData(data);
+        if (tf === null) {
+          throw new Error(`Couldn't create typeface for ${familyName}`);
+        }
+        return [familyName, tf];
+      });
+    });
+  });
+  return Promise.all(promises);
+};
+export const useFonts = sources => {
+  const [fontMgr, setFontMgr] = useState(null);
+  useEffect(() => {
+    loadTypefaces(sources).then(result => {
+      const fMgr = Skia.TypefaceFontProvider.Make();
+      result.forEach(([familyName, typeface]) => {
+        fMgr.registerFont(typeface, familyName);
+      });
+      setFontMgr(fMgr);
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return fontMgr;
+};
+//# sourceMappingURL=Font.js.map