react-native-skia 0.0.1 → 3.0.0

package/lib/commonjs/skia/SkiaWorkletSerialization.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.registerSkiaWorkletSerialization = void 0;
+/* 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();
+};
+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.
+  }
+};
+exports.registerSkiaWorkletSerialization = registerSkiaWorkletSerialization;
+//# sourceMappingURL=SkiaWorkletSerialization.js.map

package/lib/commonjs/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","exports"],"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;AAEM,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;AAACC,OAAA,CAAAR,gCAAA,GAAAA,gCAAA","ignoreList":[]}

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) => 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) => (0, _Data.useRawData)(source, animatedImgFactory, onError);
+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","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) => useRawData(source, animatedImgFactory, onError);\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,KAC3B,IAAAC,gBAAU,EAACF,MAAM,EAAEN,kBAAkB,EAAEO,OAAO,CAAC;AAACE,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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) => 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/commonjs/skia/core/Data.js

@@ -0,0 +1,76 @@
+"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) => {
+  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 () => {
+      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 () => {
+      mounted.current = false;
+    };
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [source]);
+  return data;
+};
+exports.useCollectionLoading = useCollectionLoading;
+const useRawData = (source, factory, onError) => useLoading(source, () => loadData(source, factory, onError));
+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","mounted","useRef","data","setData","useState","dataRef","useEffect","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":"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","ignoreList":[]}

package/lib/commonjs/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/commonjs/skia/core/Font.js

@@ -0,0 +1,126 @@
+"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]);
+};
+
+/**
+ * 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.
+ */
+exports.useFont = useFont;
+const defaultFontStyle = {
+  fontFamily: "System",
+  fontSize: defaultFontSize,
+  fontStyle: "normal",
+  fontWeight: "normal"
+};
+const slant = s => {
+  if (typeof s === "number") {
+    return s;
+  } else 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 _types.FontWeight.Normal;
+    case "bold":
+      return _types.FontWeight.Bold;
+    default:
+      return typeof fontWeight === "number" ? fontWeight : 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()) => {
+  const families = new Set();
+  for (let i = 0; i < fontMgr.countFamilies(); i++) {
+    families.add(fontMgr.getFamilyName(i));
+  }
+  return Array.from(families);
+};
+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","FontWeight","Normal","Bold","parseInt","matchFont","inputStyle","fontMgr","FontMgr","System","style","width","matchFamilyStyle","listFontFamilies","families","Set","i","countFamilies","add","getFamilyName","Array","from","loadTypefaces","typefacesToLoad","promises","Object","keys","flatMap","familyName","map","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, FontWeight } 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\n/**\n * React Native style font slant, as found in the `fontStyle` property of\n * `TextStyle`. The Skia {@link FontSlant} enum is accepted as well.\n */\nexport type RNFontSlant = \"normal\" | \"italic\" | \"oblique\" | FontSlant;\n\n/**\n * React Native style font weight, as found in the `fontWeight` property of\n * `TextStyle`. Numeric weights such as the {@link FontWeight} enum values\n * used by the Paragraph API are accepted as well.\n */\nexport type RNFontWeight =\n  | \"normal\"\n  | \"bold\"\n  | \"100\"\n  | \"200\"\n  | \"300\"\n  | \"400\"\n  | \"500\"\n  | \"600\"\n  | \"700\"\n  | \"800\"\n  | \"900\"\n  | FontWeight;\n\n/**\n * Font style accepted by {@link matchFont}.\n * `fontStyle` and `fontWeight` accept both the React Native string values\n * and the Skia enums ({@link FontSlant} and {@link FontWeight}), so the same\n * values can be shared with the Paragraph API.\n */\nexport interface RNFontStyle {\n  fontFamily: string;\n  fontSize: number;\n  fontStyle: RNFontSlant;\n  fontWeight: RNFontWeight;\n}\n\nconst defaultFontStyle: RNFontStyle = {\n  fontFamily: \"System\",\n  fontSize: defaultFontSize,\n  fontStyle: \"normal\",\n  fontWeight: \"normal\",\n};\n\nconst slant = (s: RNFontSlant): FontSlant => {\n  if (typeof s === \"number\") {\n    return s;\n  } else 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: RNFontWeight): FontWeight => {\n  switch (fontWeight) {\n    case \"normal\":\n      return FontWeight.Normal;\n    case \"bold\":\n      return FontWeight.Bold;\n    default:\n      return typeof fontWeight === \"number\"\n        ? fontWeight\n        : (parseInt(fontWeight, 10) as FontWeight);\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 = (\n  fontMgr: SkFontMgr = Skia.FontMgr.System()\n) => {\n  const families = new Set<string>();\n  for (let i = 0; i < fontMgr.countFamilies(); i++) {\n    families.add(fontMgr.getFamilyName(i));\n  }\n  return Array.from(families);\n};\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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","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+import type { DataSourceParam, SkImage } from "../types";
+/**
+ * Returns a Skia Image object
+ * */
+export declare const useImage: (source: DataSourceParam, onError?: (err: Error) => void) => 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 | React.Component<unknown, unknown> | React.ComponentClass<unknown> | null>(viewRef: React.RefObject<T>, callback?: null | ((viewRef: React.RefObject<T>) => Promise<SkImage | 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    | null,\n>(\n  viewRef: React.RefObject<T>,\n  callback:\n    null | ((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,CAO/BC,OAA2B,EAC3BC,QACmE,GAAG,IAAI,KACvE;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","ignoreList":[]}

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,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.processTransform2d = void 0;
+var _Skia = require("../Skia");
+var _types = require("../types");
+const processTransform2d = transforms => {
+  "worklet";
+
+  return (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  \"worklet\";\n  return processTransform(Skia.Matrix(), transforms);\n};\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,kBAAkB,GAAIC,UAAwB,IAAK;EAC9D,SAAS;;EACT,OAAO,IAAAC,uBAAgB,EAACC,UAAI,CAACC,MAAM,CAAC,CAAC,EAAEH,UAAU,CAAC;AACpD,CAAC;AAACI,OAAA,CAAAL,kBAAA,GAAAA,kBAAA","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import type { SkCanvas, SkRect, 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 type { SkCanvas, SkRect, SkSize } from \"../types\";\nimport { isRect } 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;AAEA,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","ignoreList":[]}

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;

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rrect = void 0;
+var _Skia = require("../Skia");
+const rrect = (r, rx, ry) => {
+  "worklet";
+
+  return _Skia.Skia.RRectXY(r, rx, ry);
+};
+exports.rrect = rrect;
+//# sourceMappingURL=RRect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Skia","require","rrect","r","rx","ry","Skia","RRectXY","exports"],"sources":["RRect.tsx"],"sourcesContent":["import { Skia } from \"../Skia\";\nimport type { SkRect } from \"../types\";\n\nexport const rrect = (r: SkRect, rx: number, ry: number) => {\n  \"worklet\";\n  return Skia.RRectXY(r, rx, ry);\n};\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAGO,MAAMC,KAAK,GAAGA,CAACC,CAAS,EAAEC,EAAU,EAAEC,EAAU,KAAK;EAC1D,SAAS;;EACT,OAAOC,UAAI,CAACC,OAAO,CAACJ,CAAC,EAAEC,EAAE,EAAEC,EAAE,CAAC;AAChC,CAAC;AAACG,OAAA,CAAAN,KAAA,GAAAA,KAAA","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import type { SkRect, SkRRect } from "../types";
+export declare const rect: (x: number, y: number, width: number, height: number) => import("../types").SkHostRect;
+export declare const bounds: (rects: SkRect[]) => import("../types").SkHostRect;
+export declare const topLeft: (r: SkRect | SkRRect) => import("../types").SkPoint;
+export declare const topRight: (r: SkRect | SkRRect) => import("../types").SkPoint;
+export declare const bottomLeft: (r: SkRect | SkRRect) => import("../types").SkPoint;
+export declare const bottomRight: (r: SkRect | SkRRect) => import("../types").SkPoint;
+export declare const center: (r: SkRect | SkRRect) => import("../types").SkPoint;

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

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.topRight = exports.topLeft = exports.rect = exports.center = exports.bounds = exports.bottomRight = exports.bottomLeft = void 0;
+var _Skia = require("../Skia");
+var _types = require("../types");
+var _Vector = require("./Vector");
+const rect = (x, y, width, height) => {
+  "worklet";
+
+  return _Skia.Skia.XYWHRect(x, y, width, height);
+};
+exports.rect = rect;
+const bounds = rects => {
+  "worklet";
+
+  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 - x, height - y);
+};
+exports.bounds = bounds;
+const topLeft = r => {
+  "worklet";
+
+  return (0, _types.isRRect)(r) ? (0, _Vector.vec)(r.rect.x, r.rect.y) : (0, _Vector.vec)(r.x, r.y);
+};
+exports.topLeft = topLeft;
+const topRight = r => {
+  "worklet";
+
+  return (0, _types.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 => {
+  "worklet";
+
+  return (0, _types.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 => {
+  "worklet";
+
+  return (0, _types.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 => {
+  "worklet";
+
+  return (0, _types.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);
+};
+exports.center = center;
+//# sourceMappingURL=Rect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Skia","require","_types","_Vector","rect","x","y","width","height","Skia","XYWHRect","exports","bounds","rects","Math","min","map","r","max","topLeft","isRRect","vec","topRight","bottomLeft","bottomRight","center"],"sources":["Rect.ts"],"sourcesContent":["import { Skia } from \"../Skia\";\nimport type { SkRect, SkRRect } from \"../types\";\nimport { isRRect } from \"../types\";\n\nimport { vec } from \"./Vector\";\n\nexport const rect = (x: number, y: number, width: number, height: number) => {\n  \"worklet\";\n  return Skia.XYWHRect(x, y, width, height);\n};\n\nexport const bounds = (rects: SkRect[]) => {\n  \"worklet\";\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 - x, height - y);\n};\n\nexport const topLeft = (r: SkRect | SkRRect) => {\n  \"worklet\";\n  return isRRect(r) ? vec(r.rect.x, r.rect.y) : vec(r.x, r.y);\n};\n\nexport const topRight = (r: SkRect | SkRRect) => {\n  \"worklet\";\n  return isRRect(r)\n    ? vec(r.rect.x + r.rect.width, r.rect.y)\n    : vec(r.x + r.width, r.y);\n};\n\nexport const bottomLeft = (r: SkRect | SkRRect) => {\n  \"worklet\";\n  return isRRect(r)\n    ? vec(r.rect.x, r.rect.y + r.rect.height)\n    : vec(r.x, r.y + r.height);\n};\nexport const bottomRight = (r: SkRect | SkRRect) => {\n  \"worklet\";\n  return 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);\n};\nexport const center = (r: SkRect | SkRRect) => {\n  \"worklet\";\n  return 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"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import type { DataSourceParam } from "../types";
+export declare const useSVG: (source: DataSourceParam, onError?: (err: Error) => void) => import("../types").SkSVG | null;