@shopify/react-native-skia 0.0.135

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

@@ -0,0 +1,27 @@
+export const isFont = fontDef => // We have an issue to check property existence on JSI backed instances
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+fontDef.font !== undefined;
+export const processFont = (Skia, fontMgr, fontDef) => {
+  let selectedFont;
+
+  if (isFont(fontDef)) {
+    selectedFont = fontDef.font;
+  } else {
+    console.warn( // eslint-disable-next-line max-len
+    "Using system fonts is deprecated. Please use the font property instead: https://shopify.github.io/react-native-skia/docs/text/fonts");
+    const {
+      familyName,
+      size
+    } = fontDef;
+    const typeface = fontMgr.matchFamilyStyle(familyName);
+
+    if (typeface === null) {
+      throw new Error(`No typeface found for ${familyName}`);
+    }
+
+    selectedFont = Skia.Font(typeface, size);
+  }
+
+  return selectedFont;
+};
+//# sourceMappingURL=Font.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Font.ts"],"names":["isFont","fontDef","font","undefined","processFont","Skia","fontMgr","selectedFont","console","warn","familyName","size","typeface","matchFamilyStyle","Error","Font"],"mappings":"AAIA,OAAO,MAAMA,MAAM,GAAIC,OAAD,IACpB;AACA;AACCA,OAAD,CAAiBC,IAAjB,KAA0BC,SAHrB;AAKP,OAAO,MAAMC,WAAW,GAAG,CACzBC,IADyB,EAEzBC,OAFyB,EAGzBL,OAHyB,KAItB;AACH,MAAIM,YAAJ;;AACA,MAAIP,MAAM,CAACC,OAAD,CAAV,EAAqB;AACnBM,IAAAA,YAAY,GAAGN,OAAO,CAACC,IAAvB;AACD,GAFD,MAEO;AACLM,IAAAA,OAAO,CAACC,IAAR,EACE;AACA,yIAFF;AAIA,UAAM;AAAEC,MAAAA,UAAF;AAAcC,MAAAA;AAAd,QAAuBV,OAA7B;AACA,UAAMW,QAAQ,GAAGN,OAAO,CAACO,gBAAR,CAAyBH,UAAzB,CAAjB;;AACA,QAAIE,QAAQ,KAAK,IAAjB,EAAuB;AACrB,YAAM,IAAIE,KAAJ,CAAW,yBAAwBJ,UAAW,EAA9C,CAAN;AACD;;AACDH,IAAAA,YAAY,GAAGF,IAAI,CAACU,IAAL,CAAUH,QAAV,EAAoBD,IAApB,CAAf;AACD;;AACD,SAAOJ,YAAP;AACD,CArBM","sourcesContent":["import type { SkFontMgr, SkFont, Skia } from \"../../skia/types\";\n\nexport type FontDef = { font: SkFont } | { familyName: string; size: number };\n\nexport const isFont = (fontDef: FontDef): fontDef is { font: SkFont } =>\n  // We have an issue to check property existence on JSI backed instances\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (fontDef as any).font !== undefined;\n\nexport const processFont = (\n  Skia: Skia,\n  fontMgr: SkFontMgr,\n  fontDef: FontDef\n) => {\n  let selectedFont: SkFont;\n  if (isFont(fontDef)) {\n    selectedFont = fontDef.font;\n  } else {\n    console.warn(\n      // eslint-disable-next-line max-len\n      \"Using system fonts is deprecated. Please use the font property instead: https://shopify.github.io/react-native-skia/docs/text/fonts\"\n    );\n    const { familyName, size } = fontDef;\n    const typeface = fontMgr.matchFamilyStyle(familyName);\n    if (typeface === null) {\n      throw new Error(`No typeface found for ${familyName}`);\n    }\n    selectedFont = Skia.Font(typeface, size);\n  }\n  return selectedFont;\n};\n"]}

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

@@ -0,0 +1,84 @@
+import { BlendMode, PaintStyle, StrokeJoin, StrokeCap, isShader, isMaskFilter, isColorFilter, isPathEffect, isImageFilter } from "../../skia/types";
+import { processColor } from "./Color";
+export const enumKey = k => k.charAt(0).toUpperCase() + k.slice(1);
+export const processPaint = (Skia, paint, currentOpacity, _ref, children) => {
+  let {
+    paint: paintRef,
+    color,
+    blendMode,
+    style,
+    strokeWidth,
+    strokeJoin,
+    strokeCap,
+    strokeMiter,
+    opacity,
+    antiAlias
+  } = _ref;
+
+  if (paintRef && paintRef.current) {
+    return paintRef.current;
+  }
+
+  if (color !== undefined) {
+    const c = processColor(Skia, color, currentOpacity);
+    paint.setShader(null);
+    paint.setColor(c);
+  } else {
+    const c = processColor(Skia, paint.getColor(), currentOpacity);
+    paint.setColor(c);
+  }
+
+  if (blendMode !== undefined) {
+    paint.setBlendMode(BlendMode[enumKey(blendMode)]);
+  }
+
+  if (style !== undefined) {
+    paint.setStyle(PaintStyle[enumKey(style)]);
+  }
+
+  if (strokeJoin !== undefined) {
+    paint.setStrokeJoin(StrokeJoin[enumKey(strokeJoin)]);
+  }
+
+  if (strokeCap !== undefined) {
+    paint.setStrokeCap(StrokeCap[enumKey(strokeCap)]);
+  }
+
+  if (strokeMiter !== undefined) {
+    paint.setStrokeMiter(strokeMiter);
+  }
+
+  if (strokeWidth !== undefined) {
+    paint.setStrokeWidth(strokeWidth);
+  }
+
+  if (opacity !== undefined) {
+    paint.setAlphaf(opacity);
+  }
+
+  if (antiAlias !== undefined) {
+    paint.setAntiAlias(antiAlias);
+  }
+
+  children.forEach(child => {
+    if (isShader(child)) {
+      paint.setShader(child);
+    } else if (isMaskFilter(child)) {
+      paint.setMaskFilter(child);
+    } else if (isColorFilter(child)) {
+      paint.setColorFilter(child);
+    } else if (isPathEffect(child)) {
+      paint.setPathEffect(child);
+    }
+  });
+  const filters = children.filter(isImageFilter);
+
+  if (filters.length > 0) {
+    paint.setImageFilter(filters.reverse().reduce(function () {
+      return Skia.ImageFilter.MakeCompose(...arguments);
+    }, null));
+  }
+
+  return paint;
+};
+//# sourceMappingURL=Paint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Paint.ts"],"names":["BlendMode","PaintStyle","StrokeJoin","StrokeCap","isShader","isMaskFilter","isColorFilter","isPathEffect","isImageFilter","processColor","enumKey","k","charAt","toUpperCase","slice","processPaint","Skia","paint","currentOpacity","children","paintRef","color","blendMode","style","strokeWidth","strokeJoin","strokeCap","strokeMiter","opacity","antiAlias","current","undefined","c","setShader","setColor","getColor","setBlendMode","setStyle","setStrokeJoin","setStrokeCap","setStrokeMiter","setStrokeWidth","setAlphaf","setAntiAlias","forEach","child","setMaskFilter","setColorFilter","setPathEffect","filters","filter","length","setImageFilter","reverse","reduce","ImageFilter","MakeCompose"],"mappings":"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","sourcesContent":["import type { ReactNode, RefObject } from \"react\";\n\nimport {\n  BlendMode,\n  PaintStyle,\n  StrokeJoin,\n  StrokeCap,\n  isShader,\n  isMaskFilter,\n  isColorFilter,\n  isPathEffect,\n  isImageFilter,\n} from \"../../skia/types\";\nimport type { SkPaint, Color, SkImageFilter, Skia } from \"../../skia/types\";\nimport type { DeclarationResult } from \"../nodes\";\n\nimport { processColor } from \"./Color\";\nexport type SkEnum<T> = Uncapitalize<keyof T extends string ? keyof T : never>;\n\nexport interface ChildrenProps {\n  children?: ReactNode | ReactNode[];\n}\n\n// TODO: rename to paint props?\nexport interface CustomPaintProps extends ChildrenProps {\n  paint?: RefObject<SkPaint>;\n  color?: Color;\n  strokeWidth?: number;\n  blendMode?: SkEnum<typeof BlendMode>;\n  style?: SkEnum<typeof PaintStyle>;\n  strokeJoin?: SkEnum<typeof StrokeJoin>;\n  strokeCap?: SkEnum<typeof StrokeCap>;\n  strokeMiter?: number;\n  opacity?: number;\n  antiAlias?: boolean;\n}\n\nexport const enumKey = <K extends string>(k: K) =>\n  (k.charAt(0).toUpperCase() + k.slice(1)) as Capitalize<K>;\n\nexport const processPaint = (\n  Skia: Skia,\n  paint: SkPaint,\n  currentOpacity: number,\n  {\n    paint: paintRef,\n    color,\n    blendMode,\n    style,\n    strokeWidth,\n    strokeJoin,\n    strokeCap,\n    strokeMiter,\n    opacity,\n    antiAlias,\n  }: CustomPaintProps,\n  children: DeclarationResult[]\n) => {\n  if (paintRef && paintRef.current) {\n    return paintRef.current;\n  }\n  if (color !== undefined) {\n    const c = processColor(Skia, color, currentOpacity);\n    paint.setShader(null);\n    paint.setColor(c);\n  } else {\n    const c = processColor(Skia, paint.getColor(), currentOpacity);\n    paint.setColor(c);\n  }\n  if (blendMode !== undefined) {\n    paint.setBlendMode(BlendMode[enumKey(blendMode)]);\n  }\n  if (style !== undefined) {\n    paint.setStyle(PaintStyle[enumKey(style)]);\n  }\n  if (strokeJoin !== undefined) {\n    paint.setStrokeJoin(StrokeJoin[enumKey(strokeJoin)]);\n  }\n  if (strokeCap !== undefined) {\n    paint.setStrokeCap(StrokeCap[enumKey(strokeCap)]);\n  }\n  if (strokeMiter !== undefined) {\n    paint.setStrokeMiter(strokeMiter);\n  }\n  if (strokeWidth !== undefined) {\n    paint.setStrokeWidth(strokeWidth);\n  }\n  if (opacity !== undefined) {\n    paint.setAlphaf(opacity);\n  }\n  if (antiAlias !== undefined) {\n    paint.setAntiAlias(antiAlias);\n  }\n  children.forEach((child) => {\n    if (isShader(child)) {\n      paint.setShader(child);\n    } else if (isMaskFilter(child)) {\n      paint.setMaskFilter(child);\n    } else if (isColorFilter(child)) {\n      paint.setColorFilter(child);\n    } else if (isPathEffect(child)) {\n      paint.setPathEffect(child);\n    }\n  });\n  const filters = children.filter(isImageFilter);\n  if (filters.length > 0) {\n    paint.setImageFilter(\n      filters\n        .reverse()\n        .reduce<SkImageFilter | null>(\n          (...args: Parameters<typeof Skia.ImageFilter.MakeCompose>) =>\n            Skia.ImageFilter.MakeCompose(...args),\n          null\n        )\n    );\n  }\n  return paint;\n};\n"]}

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

@@ -0,0 +1,13 @@
+import { isPath } from "../../skia/types";
+export const processPath = (Skia, rawPath) => {
+  const path = typeof rawPath === "string" ? Skia.Path.MakeFromSVGString(rawPath) : rawPath;
+
+  if (!path) {
+    throw new Error("Invalid path: " + rawPath);
+  }
+
+  return path;
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+export const isPathDef = def => typeof def === "string" || isPath(def);
+//# sourceMappingURL=Paths.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Paths.ts"],"names":["isPath","processPath","Skia","rawPath","path","Path","MakeFromSVGString","Error","isPathDef","def"],"mappings":"AACA,SAASA,MAAT,QAAuB,kBAAvB;AAIA,OAAO,MAAMC,WAAW,GAAG,CAACC,IAAD,EAAaC,OAAb,KAAkC;AAC3D,QAAMC,IAAI,GACR,OAAOD,OAAP,KAAmB,QAAnB,GACID,IAAI,CAACG,IAAL,CAAUC,iBAAV,CAA4BH,OAA5B,CADJ,GAEIA,OAHN;;AAIA,MAAI,CAACC,IAAL,EAAW;AACT,UAAM,IAAIG,KAAJ,CAAU,mBAAmBJ,OAA7B,CAAN;AACD;;AACD,SAAOC,IAAP;AACD,CATM,C,CAWP;;AACA,OAAO,MAAMI,SAAS,GAAIC,GAAD,IACvB,OAAOA,GAAP,KAAe,QAAf,IAA2BT,MAAM,CAACS,GAAD,CAD5B","sourcesContent":["import type { SkPath, Skia } from \"../../skia/types\";\nimport { isPath } from \"../../skia/types\";\n\nexport type PathDef = string | SkPath;\n\nexport const processPath = (Skia: Skia, rawPath: PathDef) => {\n  const path =\n    typeof rawPath === \"string\"\n      ? Skia.Path.MakeFromSVGString(rawPath)\n      : rawPath;\n  if (!path) {\n    throw new Error(\"Invalid path: \" + rawPath);\n  }\n  return path;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const isPathDef = (def: any): def is PathDef =>\n  typeof def === \"string\" || isPath(def);\n"]}

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

@@ -0,0 +1,8 @@
+export const processRadius = (Skia, radius) => {
+  if (typeof radius === "number") {
+    return Skia.Point(radius, radius);
+  }
+
+  return radius;
+};
+//# sourceMappingURL=Radius.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Radius.ts"],"names":["processRadius","Skia","radius","Point"],"mappings":"AAIA,OAAO,MAAMA,aAAa,GAAG,CAACC,IAAD,EAAaC,MAAb,KAAwC;AACnE,MAAI,OAAOA,MAAP,KAAkB,QAAtB,EAAgC;AAC9B,WAAOD,IAAI,CAACE,KAAL,CAAWD,MAAX,EAAmBA,MAAnB,CAAP;AACD;;AACD,SAAOA,MAAP;AACD,CALM","sourcesContent":["import type { Skia, Vector } from \"../../skia/types\";\n\nexport type Radius = number | Vector;\n\nexport const processRadius = (Skia: Skia, radius: Radius): Vector => {\n  if (typeof radius === \"number\") {\n    return Skia.Point(radius, radius);\n  }\n  return radius;\n};\n"]}

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

@@ -0,0 +1,25 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { processRadius } from "./Radius";
+export const isEdge = (pos, b) => pos.x === b.x || pos.y === b.y || pos.x === b.width || pos.y === b.height; // We have an issue to check property existence on JSI backed instances
+
+const isRRectCtor = def => def.rect === undefined; // We have an issue to check property existence on JSI backed instances
+
+
+const isRectCtor = def => def.rect === undefined;
+
+export const processRect = (Skia, def) => {
+  if (isRectCtor(def)) {
+    return Skia.XYWHRect(def.x, def.y, def.width, def.height);
+  } else {
+    return def.rect;
+  }
+};
+export const processRRect = (Skia, def) => {
+  if (isRRectCtor(def)) {
+    const r = processRadius(Skia, def.r);
+    return Skia.RRectXY(Skia.XYWHRect(def.x, def.y, def.width, def.height), r.x, r.y);
+  } else {
+    return def.rect;
+  }
+};
+//# sourceMappingURL=Rects.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Rects.ts"],"names":["processRadius","isEdge","pos","b","x","y","width","height","isRRectCtor","def","rect","undefined","isRectCtor","processRect","Skia","XYWHRect","processRRect","r","RRectXY"],"mappings":"AAAA;AAIA,SAASA,aAAT,QAA8B,UAA9B;AAEA,OAAO,MAAMC,MAAM,GAAG,CAACC,GAAD,EAAcC,CAAd,KACpBD,GAAG,CAACE,CAAJ,KAAUD,CAAC,CAACC,CAAZ,IAAiBF,GAAG,CAACG,CAAJ,KAAUF,CAAC,CAACE,CAA7B,IAAkCH,GAAG,CAACE,CAAJ,KAAUD,CAAC,CAACG,KAA9C,IAAuDJ,GAAG,CAACG,CAAJ,KAAUF,CAAC,CAACI,MAD9D,C,CAGP;;AACA,MAAMC,WAAW,GAAIC,GAAD,IACjBA,GAAD,CAAaC,IAAb,KAAsBC,SADxB,C,CAEA;;;AACA,MAAMC,UAAU,GAAIH,GAAD,IAChBA,GAAD,CAAaC,IAAb,KAAsBC,SADxB;;AAiBA,OAAO,MAAME,WAAW,GAAG,CAACC,IAAD,EAAaL,GAAb,KAA8B;AACvD,MAAIG,UAAU,CAACH,GAAD,CAAd,EAAqB;AACnB,WAAOK,IAAI,CAACC,QAAL,CAAcN,GAAG,CAACL,CAAlB,EAAqBK,GAAG,CAACJ,CAAzB,EAA4BI,GAAG,CAACH,KAAhC,EAAuCG,GAAG,CAACF,MAA3C,CAAP;AACD,GAFD,MAEO;AACL,WAAOE,GAAG,CAACC,IAAX;AACD;AACF,CANM;AAQP,OAAO,MAAMM,YAAY,GAAG,CAACF,IAAD,EAAaL,GAAb,KAA+B;AACzD,MAAID,WAAW,CAACC,GAAD,CAAf,EAAsB;AACpB,UAAMQ,CAAC,GAAGjB,aAAa,CAACc,IAAD,EAAOL,GAAG,CAACQ,CAAX,CAAvB;AACA,WAAOH,IAAI,CAACI,OAAL,CACLJ,IAAI,CAACC,QAAL,CAAcN,GAAG,CAACL,CAAlB,EAAqBK,GAAG,CAACJ,CAAzB,EAA4BI,GAAG,CAACH,KAAhC,EAAuCG,GAAG,CAACF,MAA3C,CADK,EAELU,CAAC,CAACb,CAFG,EAGLa,CAAC,CAACZ,CAHG,CAAP;AAKD,GAPD,MAOO;AACL,WAAOI,GAAG,CAACC,IAAX;AACD;AACF,CAXM","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Skia, SkRect, SkRRect, Vector } from \"../../skia/types\";\n\nimport type { Radius } from \"./Radius\";\nimport { processRadius } from \"./Radius\";\n\nexport const isEdge = (pos: Vector, b: SkRect) =>\n  pos.x === b.x || pos.y === b.y || pos.x === b.width || pos.y === b.height;\n\n// We have an issue to check property existence on JSI backed instances\nconst isRRectCtor = (def: RRectDef): def is RRectCtor =>\n  (def as any).rect === undefined;\n// We have an issue to check property existence on JSI backed instances\nconst isRectCtor = (def: RectDef): def is RectCtor =>\n  (def as any).rect === undefined;\n\nexport interface RectCtor {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport interface RRectCtor extends RectCtor {\n  r: Radius;\n}\n\nexport type RectDef = RectCtor | { rect: SkRect };\nexport type RRectDef = RRectCtor | { rect: SkRRect };\n\nexport const processRect = (Skia: Skia, def: RectDef) => {\n  if (isRectCtor(def)) {\n    return Skia.XYWHRect(def.x, def.y, def.width, def.height);\n  } else {\n    return def.rect;\n  }\n};\n\nexport const processRRect = (Skia: Skia, def: RRectDef) => {\n  if (isRRectCtor(def)) {\n    const r = processRadius(Skia, def.r);\n    return Skia.RRectXY(\n      Skia.XYWHRect(def.x, def.y, def.width, def.height),\n      r.x,\n      r.y\n    );\n  } else {\n    return def.rect;\n  }\n};\n"]}

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

@@ -0,0 +1,49 @@
+import { processTransform } from "../../skia/types";
+export const processCanvasTransform = (_ref, _ref2) => {
+  let {
+    canvas,
+    Skia
+  } = _ref;
+  let {
+    transform,
+    origin,
+    matrix
+  } = _ref2;
+
+  if (matrix) {
+    if (origin) {
+      const m3 = Skia.Matrix();
+      m3.translate(origin.x, origin.y);
+      m3.concat(matrix);
+      m3.translate(-origin.x, -origin.y);
+      canvas.concat(m3);
+    } else {
+      canvas.concat(matrix);
+    }
+  } else if (transform) {
+    const m3 = processTransform(Skia.Matrix(), origin ? transformOrigin(origin, transform) : transform);
+    canvas.concat(m3);
+  }
+};
+export const localMatrix = (m, _ref3) => {
+  let {
+    transform,
+    origin
+  } = _ref3;
+
+  if (transform) {
+    return processTransform(m, origin ? transformOrigin(origin, transform) : transform);
+  }
+
+  return undefined;
+};
+export const transformOrigin = (origin, transform) => [{
+  translateX: origin.x
+}, {
+  translateY: origin.y
+}, ...transform, {
+  translateX: -origin.x
+}, {
+  translateY: -origin.y
+}];
+//# sourceMappingURL=Transform.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Transform.ts"],"names":["processTransform","processCanvasTransform","canvas","Skia","transform","origin","matrix","m3","Matrix","translate","x","y","concat","transformOrigin","localMatrix","m","undefined","translateX","translateY"],"mappings":"AAEA,SAASA,gBAAT,QAAiC,kBAAjC;AAQA,OAAO,MAAMC,sBAAsB,GAAG,iBAGjC;AAAA,MAFH;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAEG;AAAA,MADH;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,MAAb;AAAqBC,IAAAA;AAArB,GACG;;AACH,MAAIA,MAAJ,EAAY;AACV,QAAID,MAAJ,EAAY;AACV,YAAME,EAAE,GAAGJ,IAAI,CAACK,MAAL,EAAX;AACAD,MAAAA,EAAE,CAACE,SAAH,CAAaJ,MAAM,CAACK,CAApB,EAAuBL,MAAM,CAACM,CAA9B;AACAJ,MAAAA,EAAE,CAACK,MAAH,CAAUN,MAAV;AACAC,MAAAA,EAAE,CAACE,SAAH,CAAa,CAACJ,MAAM,CAACK,CAArB,EAAwB,CAACL,MAAM,CAACM,CAAhC;AACAT,MAAAA,MAAM,CAACU,MAAP,CAAcL,EAAd;AACD,KAND,MAMO;AACLL,MAAAA,MAAM,CAACU,MAAP,CAAcN,MAAd;AACD;AACF,GAVD,MAUO,IAAIF,SAAJ,EAAe;AACpB,UAAMG,EAAE,GAAGP,gBAAgB,CACzBG,IAAI,CAACK,MAAL,EADyB,EAEzBH,MAAM,GAAGQ,eAAe,CAACR,MAAD,EAASD,SAAT,CAAlB,GAAwCA,SAFrB,CAA3B;AAIAF,IAAAA,MAAM,CAACU,MAAP,CAAcL,EAAd;AACD;AACF,CArBM;AAuBP,OAAO,MAAMO,WAAW,GAAG,CACzBC,CADyB,YAGtB;AAAA,MADH;AAAEX,IAAAA,SAAF;AAAaC,IAAAA;AAAb,GACG;;AACH,MAAID,SAAJ,EAAe;AACb,WAAOJ,gBAAgB,CACrBe,CADqB,EAErBV,MAAM,GAAGQ,eAAe,CAACR,MAAD,EAASD,SAAT,CAAlB,GAAwCA,SAFzB,CAAvB;AAID;;AACD,SAAOY,SAAP;AACD,CAXM;AAaP,OAAO,MAAMH,eAAe,GAAG,CAACR,MAAD,EAAiBD,SAAjB,KAA6C,CAC1E;AAAEa,EAAAA,UAAU,EAAEZ,MAAM,CAACK;AAArB,CAD0E,EAE1E;AAAEQ,EAAAA,UAAU,EAAEb,MAAM,CAACM;AAArB,CAF0E,EAG1E,GAAGP,SAHuE,EAI1E;AAAEa,EAAAA,UAAU,EAAE,CAACZ,MAAM,CAACK;AAAtB,CAJ0E,EAK1E;AAAEQ,EAAAA,UAAU,EAAE,CAACb,MAAM,CAACM;AAAtB,CAL0E,CAArE","sourcesContent":["import type { DrawingContext } from \"../DrawingContext\";\nimport type { SkMatrix, Vector, Transforms2d } from \"../../skia/types\";\nimport { processTransform } from \"../../skia/types\";\n\nexport interface TransformProps {\n  transform?: Transforms2d;\n  origin?: Vector;\n  matrix?: SkMatrix;\n}\n\nexport const processCanvasTransform = (\n  { canvas, Skia }: DrawingContext,\n  { transform, origin, matrix }: TransformProps\n) => {\n  if (matrix) {\n    if (origin) {\n      const m3 = Skia.Matrix();\n      m3.translate(origin.x, origin.y);\n      m3.concat(matrix);\n      m3.translate(-origin.x, -origin.y);\n      canvas.concat(m3);\n    } else {\n      canvas.concat(matrix);\n    }\n  } else if (transform) {\n    const m3 = processTransform(\n      Skia.Matrix(),\n      origin ? transformOrigin(origin, transform) : transform\n    );\n    canvas.concat(m3);\n  }\n};\n\nexport const localMatrix = (\n  m: SkMatrix,\n  { transform, origin }: TransformProps\n) => {\n  if (transform) {\n    return processTransform(\n      m,\n      origin ? transformOrigin(origin, transform) : transform\n    );\n  }\n  return undefined;\n};\n\nexport const transformOrigin = (origin: Vector, transform: Transforms2d) => [\n  { translateX: origin.x },\n  { translateY: origin.y },\n  ...transform,\n  { translateX: -origin.x },\n  { translateY: -origin.y },\n];\n"]}

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

@@ -0,0 +1,12 @@
+export * from "./Transform";
+export * from "./Animations";
+export * from "./Circles";
+export * from "./Rects";
+export * from "./math";
+export * from "./Font";
+export * from "./Paths";
+export * from "./Clips";
+export * from "./Radius";
+export * from "./Color";
+export * from "./Paint";
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+/**
+ * Linear interpolation
+ * @param value
+ * @param x
+ * @param y
+ */
+export const mix = (value, x, y) => 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) => Math.min(Math.max(lowerBound, value), upperBound);
+//# sourceMappingURL=Math.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Math.ts"],"names":["mix","value","x","y","clamp","lowerBound","upperBound","Math","min","max"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,GAAG,GAAG,CAACC,KAAD,EAAgBC,CAAhB,EAA2BC,CAA3B,KACjBD,CAAC,IAAI,IAAID,KAAR,CAAD,GAAkBE,CAAC,GAAGF,KADjB;AAGP;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMG,KAAK,GAAG,CAACH,KAAD,EAAgBI,UAAhB,EAAoCC,UAApC,KACnBC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASJ,UAAT,EAAqBJ,KAArB,CAAT,EAAsCK,UAAtC,CADK","sourcesContent":["/**\n * Linear interpolation\n * @param value\n * @param x\n * @param y\n */\nexport const mix = (value: number, x: number, y: number) =>\n  x * (1 - value) + y * value;\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 = (value: number, lowerBound: number, upperBound: number) =>\n  Math.min(Math.max(lowerBound, value), upperBound);\n"]}

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

@@ -0,0 +1,12 @@
+import { canvas2Polar, polar2Canvas } from "./Coordinates";
+export const rotate = (tr, origin, rotation) => {
+  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,"sources":["Transforms.ts"],"names":["canvas2Polar","polar2Canvas","rotate","tr","origin","rotation","radius","theta"],"mappings":"AAEA,SAASA,YAAT,EAAuBC,YAAvB,QAA2C,eAA3C;AAEA,OAAO,MAAMC,MAAM,GAAG,CAACC,EAAD,EAAaC,MAAb,EAA6BC,QAA7B,KAAkD;AACtE,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,MAAoBP,YAAY,CAACG,EAAD,EAAKC,MAAL,CAAtC;AACA,SAAOH,YAAY,CAAC;AAAEK,IAAAA,MAAF;AAAUC,IAAAA,KAAK,EAAEA,KAAK,GAAGF;AAAzB,GAAD,EAAsCD,MAAtC,CAAnB;AACD,CAHM","sourcesContent":["import type { Vector } from \"../../../skia/types\";\n\nimport { canvas2Polar, polar2Canvas } from \"./Coordinates\";\n\nexport const rotate = (tr: Vector, origin: Vector, rotation: number) => {\n  const { radius, theta } = canvas2Polar(tr, origin);\n  return polar2Canvas({ radius, theta: theta + rotation }, origin);\n};\n"]}

package/lib/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,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAd;AACA,cAAc,QAAd;AACA,cAAc,cAAd","sourcesContent":["export * from \"./Coordinates\";\nexport * from \"./Math\";\nexport * from \"./Transforms\";\n"]}

package/lib/module/renderer/typeddash.js

@@ -0,0 +1,26 @@
+export const mapKeys = obj => Object.keys(obj);
+export const exhaustiveCheck = a => {
+  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,"sources":["typeddash.ts"],"names":["mapKeys","obj","Object","keys","exhaustiveCheck","a","Error","shallowEq","p1","p2","keys1","keys2","length","key"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAOC,GAAJ,IAAeC,MAAM,CAACC,IAAP,CAAYF,GAAZ,CAA/B;AAEP,OAAO,MAAMG,eAAe,GAAIC,CAAD,IAAqB;AAClD,QAAM,IAAIC,KAAJ,CAAW,6BAA4BD,CAAE,EAAzC,CAAN;AACD,CAFM,C,CAIP;;AACA,OAAO,MAAME,SAAS,GAAG,CAAIC,EAAJ,EAAWC,EAAX,KAA8B;AACrD,QAAMC,KAAK,GAAGV,OAAO,CAACQ,EAAD,CAArB;AACA,QAAMG,KAAK,GAAGX,OAAO,CAACS,EAAD,CAArB;;AACA,MAAIC,KAAK,CAACE,MAAN,KAAiBD,KAAK,CAACC,MAA3B,EAAmC;AACjC,WAAO,KAAP;AACD;;AACD,OAAK,MAAMC,GAAX,IAAkBH,KAAlB,EAAyB;AACvB,QAAIG,GAAG,KAAK,UAAZ,EAAwB;AACtB;AACD;;AACD,QAAIL,EAAE,CAACK,GAAD,CAAF,KAAYJ,EAAE,CAACI,GAAD,CAAlB,EAAyB;AACvB,aAAO,KAAP;AACD;AACF;;AACD,SAAO,IAAP;AACD,CAfM","sourcesContent":["export const mapKeys = <T>(obj: T) => Object.keys(obj) as (keyof T)[];\n\nexport const exhaustiveCheck = (a: never): never => {\n  throw new Error(`Unexhaustive handling for ${a}`);\n};\n\n// Shallow eq on props (without children)\nexport const shallowEq = <P>(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"]}

package/lib/module/renderer/useCanvas.js

@@ -0,0 +1,13 @@
+import React, { useContext } from "react";
+const CanvasContext = /*#__PURE__*/React.createContext(null);
+export const CanvasProvider = CanvasContext.Provider;
+export const useCanvas = () => {
+  const ctx = useContext(CanvasContext);
+
+  if (!ctx) {
+    throw new Error("Canvas context is not available");
+  }
+
+  return ctx;
+};
+//# sourceMappingURL=useCanvas.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useCanvas.ts"],"names":["React","useContext","CanvasContext","createContext","CanvasProvider","Provider","useCanvas","ctx","Error"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAUA,MAAMC,aAAa,gBAAGF,KAAK,CAACG,aAAN,CAA0C,IAA1C,CAAtB;AAEA,OAAO,MAAMC,cAAc,GAAGF,aAAa,CAACG,QAArC;AAEP,OAAO,MAAMC,SAAS,GAAG,MAAM;AAC7B,QAAMC,GAAG,GAAGN,UAAU,CAACC,aAAD,CAAtB;;AACA,MAAI,CAACK,GAAL,EAAU;AACR,UAAM,IAAIC,KAAJ,CAAU,iCAAV,CAAN;AACD;;AACD,SAAOD,GAAP;AACD,CANM","sourcesContent":["import React, { useContext } from \"react\";\n\nimport type { Skia } from \"../skia/types\";\nimport type { SkiaValue } from \"../values/types\";\n\ninterface CanvasContext {\n  Skia: Skia;\n  size: SkiaValue<{ width: number; height: number }>;\n}\n\nconst CanvasContext = React.createContext<CanvasContext | null>(null);\n\nexport const CanvasProvider = CanvasContext.Provider;\n\nexport const useCanvas = () => {\n  const ctx = useContext(CanvasContext);\n  if (!ctx) {\n    throw new Error(\"Canvas context is not available\");\n  }\n  return ctx;\n};\n"]}

package/lib/module/renderer/useContextBridge.js

@@ -0,0 +1,21 @@
+import React, { useMemo, useContext } from "react";
+// useContextBridge() is taken from https://github.com/pmndrs/drei#usecontextbridge
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const useContextBridge = function () {
+  for (var _len = arguments.length, contexts = new Array(_len), _key = 0; _key < _len; _key++) {
+    contexts[_key] = arguments[_key];
+  }
+
+  const values = // eslint-disable-next-line react-hooks/rules-of-hooks
+  contexts.map(context => useContext(context));
+  return useMemo(() => _ref => {
+    let {
+      children
+    } = _ref;
+    return contexts.reduceRight((acc, Context, i) => /*#__PURE__*/React.createElement(Context.Provider, {
+      value: values[i],
+      children: acc
+    }), children);
+  }, [contexts, values]);
+};
+//# sourceMappingURL=useContextBridge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useContextBridge.tsx"],"names":["React","useMemo","useContext","useContextBridge","contexts","values","map","context","children","reduceRight","acc","Context","i"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,OAAhB,EAAyBC,UAAzB,QAA2C,OAA3C;AAGA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAG,YAAiC;AAAA,oCAA7BC,QAA6B;AAA7BA,IAAAA,QAA6B;AAAA;;AAC/D,QAAMC,MAAM,GACV;AACAD,EAAAA,QAAQ,CAACE,GAAT,CAAcC,OAAD,IAAaL,UAAU,CAACK,OAAD,CAApC,CAFF;AAGA,SAAON,OAAO,CACZ,MACE;AAAA,QAAC;AAAEO,MAAAA;AAAF,KAAD;AAAA,WACEJ,QAAQ,CAACK,WAAT,CACE,CAACC,GAAD,EAAMC,OAAN,EAAeC,CAAf,kBACE,oBAAC,OAAD,CAAS,QAAT;AAAkB,MAAA,KAAK,EAAEP,MAAM,CAACO,CAAD,CAA/B;AAAoC,MAAA,QAAQ,EAAEF;AAA9C,MAFJ,EAIEF,QAJF,CADF;AAAA,GAFU,EASZ,CAACJ,QAAD,EAAWC,MAAX,CATY,CAAd;AAWD,CAfM","sourcesContent":["import React, { useMemo, useContext } from \"react\";\nimport type { ReactNode, Context, ReactElement } from \"react\";\n\n// useContextBridge() is taken from https://github.com/pmndrs/drei#usecontextbridge\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const useContextBridge = (...contexts: Context<any>[]) => {\n  const values =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    contexts.map((context) => useContext(context));\n  return useMemo(\n    () =>\n      ({ children }: { children: ReactNode }) =>\n        contexts.reduceRight(\n          (acc, Context, i) => (\n            <Context.Provider value={values[i]} children={acc} />\n          ),\n          children\n        ) as ReactElement,\n    [contexts, values]\n  );\n};\n"]}

package/lib/module/skia/NativeSetup.js

@@ -0,0 +1,17 @@
+import { NativeModules, Platform } from "react-native";
+
+if (Platform.OS !== "web" && global.SkiaApi == null) {
+  // Initialize RN Skia
+  const SkiaModule = NativeModules.RNSkia;
+
+  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/module/skia/NativeSetup.js.map

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

package/lib/module/skia/Skia.js

@@ -0,0 +1,7 @@
+/*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,"sources":["Skia.ts"],"names":["Skia","SkiaApi"],"mappings":"AAAA;;AAGA;AACA;AACA;AAKA,OAAO,MAAMA,IAAI,GAAGC,OAAb","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"]}

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,"sources":["Skia.web.ts"],"names":["JsiSkApi","Skia","global","CanvasKit"],"mappings":"AAAA,SAASA,QAAT,QAAyB,OAAzB;AAEA,OAAO,MAAMC,IAAI,GAAGD,QAAQ,CAACE,MAAM,CAACC,SAAR,CAArB","sourcesContent":["import { JsiSkApi } from \"./web\";\n\nexport const Skia = JsiSkApi(global.CanvasKit);\n"]}

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

@@ -0,0 +1,53 @@
+import { useRef, useEffect, useState } from "react";
+import { Image, Platform } from "react-native";
+import { Skia } from "../Skia";
+
+const resolveAsset = source => {
+  return Platform.OS === "web" ? source.default : Image.resolveAssetSource(source).uri;
+};
+
+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 loadDataCollection = (sources, factory, onError) => Promise.all(sources.map(source => loadData(source, factory, onError)));
+
+const loadData = (source, factory, onError) => {
+  if (source instanceof Uint8Array) {
+    return new Promise(resolve => resolve(factoryWrapper(Skia.Data.fromBytes(source), factory, onError)));
+  } else {
+    const uri = typeof source === "string" ? source : resolveAsset(source);
+    return Skia.Data.fromURI(uri).then(d => factoryWrapper(d, factory, onError));
+  }
+};
+
+const useLoading = function (source, loader) {
+  let deps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  const [data, setData] = useState(null);
+  const prevSourceRef = useRef();
+  useEffect(() => {
+    if (prevSourceRef.current !== source) {
+      prevSourceRef.current = source;
+      loader().then(setData);
+    } else {
+      setData(null);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, deps);
+  return data;
+};
+
+export const useDataCollection = (sources, factory, onError, deps) => useLoading(sources, () => loadDataCollection(sources, factory, onError), deps);
+export const useRawData = (source, factory, onError, deps) => useLoading(source, () => loadData(source, factory, onError), deps);
+
+const identity = data => data;
+
+export const useData = (source, onError, deps) => useRawData(source, identity, onError, deps);
+//# sourceMappingURL=Data.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Data.ts"],"names":["useRef","useEffect","useState","Image","Platform","Skia","resolveAsset","source","OS","default","resolveAssetSource","uri","factoryWrapper","data2","factory","onError","factoryResult","Error","loadDataCollection","sources","Promise","all","map","loadData","Uint8Array","resolve","Data","fromBytes","fromURI","then","d","useLoading","loader","deps","data","setData","prevSourceRef","current","useDataCollection","useRawData","identity","useData"],"mappings":"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","sourcesContent":["import type { DependencyList } from \"react\";\nimport { useRef, useEffect, useState } from \"react\";\nimport { Image, Platform } from \"react-native\";\n\nimport { Skia } from \"../Skia\";\nimport type { SkData, DataSource } from \"../types\";\n\nconst resolveAsset = (source: ReturnType<typeof require>) => {\n  return Platform.OS === \"web\"\n    ? source.default\n    : Image.resolveAssetSource(source).uri;\n};\n\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\nconst loadDataCollection = <T>(\n  sources: DataSource[],\n  factory: (data: SkData) => T,\n  onError?: (err: Error) => void\n): Promise<(T | null)[]> =>\n  Promise.all(sources.map((source) => loadData(source, factory, onError)));\n\nconst loadData = <T>(\n  source: DataSource,\n  factory: (data: SkData) => T,\n  onError?: (err: Error) => void\n): Promise<T | null> => {\n  if (source instanceof Uint8Array) {\n    return new Promise((resolve) =>\n      resolve(factoryWrapper(Skia.Data.fromBytes(source), factory, onError))\n    );\n  } else {\n    const uri = typeof source === \"string\" ? source : resolveAsset(source);\n    return Skia.Data.fromURI(uri).then((d) =>\n      factoryWrapper(d, factory, onError)\n    );\n  }\n};\n\ntype Source = DataSource | null | undefined;\n\nconst useLoading = <T>(\n  source: Source,\n  loader: () => Promise<T | null>,\n  deps: DependencyList = []\n) => {\n  const [data, setData] = useState<T | null>(null);\n  const prevSourceRef = useRef<Source>();\n  useEffect(() => {\n    if (prevSourceRef.current !== source) {\n      prevSourceRef.current = source;\n      loader().then(setData);\n    } else {\n      setData(null);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n  return data;\n};\n\nexport const useDataCollection = <T>(\n  sources: DataSource[],\n  factory: (data: SkData) => T,\n  onError?: (err: Error) => void,\n  deps?: DependencyList\n) =>\n  useLoading(\n    sources,\n    () => loadDataCollection(sources, factory, onError),\n    deps\n  );\n\nexport const useRawData = <T>(\n  source: DataSource | null | undefined,\n  factory: (data: SkData) => T,\n  onError?: (err: Error) => void,\n  deps?: DependencyList\n) => useLoading(source, () => loadData(source, factory, onError), deps);\n\nconst identity = (data: SkData) => data;\n\nexport const useData = (\n  source: DataSource | null | undefined,\n  onError?: (err: Error) => void,\n  deps?: DependencyList\n) => useRawData(source, identity, onError, deps);\n"]}

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

@@ -0,0 +1,22 @@
+/*global SkiaApi*/
+import { useMemo } from "react";
+import { Skia } from "../Skia";
+import { useTypeface } from "./Typeface";
+/**
+ * Returns a Skia Font object
+ * */
+
+export const useFont = (font, size, onError) => {
+  const typeface = useTypeface(font, onError);
+  return useMemo(() => {
+    if (typeface && size) {
+      return Skia.Font(typeface, size);
+    } else if (typeface && !size) {
+      return Skia.Font(typeface);
+    } else {
+      return null;
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [typeface]);
+};
+//# sourceMappingURL=Font.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Font.ts"],"names":["useMemo","Skia","useTypeface","useFont","font","size","onError","typeface","Font"],"mappings":"AAAA;AACA,SAASA,OAAT,QAAwB,OAAxB;AAEA,SAASC,IAAT,QAAqB,SAArB;AAGA,SAASC,WAAT,QAA4B,YAA5B;AAEA;AACA;AACA;;AACA,OAAO,MAAMC,OAAO,GAAG,CACrBC,IADqB,EAErBC,IAFqB,EAGrBC,OAHqB,KAIH;AAClB,QAAMC,QAAQ,GAAGL,WAAW,CAACE,IAAD,EAAOE,OAAP,CAA5B;AACA,SAAON,OAAO,CAAC,MAAM;AACnB,QAAIO,QAAQ,IAAIF,IAAhB,EAAsB;AACpB,aAAOJ,IAAI,CAACO,IAAL,CAAUD,QAAV,EAAoBF,IAApB,CAAP;AACD,KAFD,MAEO,IAAIE,QAAQ,IAAI,CAACF,IAAjB,EAAuB;AAC5B,aAAOJ,IAAI,CAACO,IAAL,CAAUD,QAAV,CAAP;AACD,KAFM,MAEA;AACL,aAAO,IAAP;AACD,KAPkB,CAQnB;;AACD,GATa,EASX,CAACA,QAAD,CATW,CAAd;AAUD,CAhBM","sourcesContent":["/*global SkiaApi*/\nimport { useMemo } from \"react\";\n\nimport { Skia } from \"../Skia\";\nimport type { DataSource, SkFont } from \"../types\";\n\nimport { useTypeface } from \"./Typeface\";\n\n/**\n * Returns a Skia Font object\n * */\nexport const useFont = (\n  font: DataSource | null | undefined,\n  size?: number,\n  onError?: (err: Error) => void\n): SkFont | null => {\n  const typeface = useTypeface(font, onError);\n  return useMemo(() => {\n    if (typeface && size) {\n      return Skia.Font(typeface, size);\n    } else if (typeface && !size) {\n      return Skia.Font(typeface);\n    } else {\n      return null;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [typeface]);\n};\n"]}

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

@@ -0,0 +1,8 @@
+import { Skia } from "../Skia";
+import { useRawData } from "./Data";
+/**
+ * Returns a Skia Image object
+ * */
+
+export const useImage = (source, onError) => useRawData(source, Skia.Image.MakeImageFromEncoded, onError);
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Image.ts"],"names":["Skia","useRawData","useImage","source","onError","Image","MakeImageFromEncoded"],"mappings":"AAAA,SAASA,IAAT,QAAqB,SAArB;AAGA,SAASC,UAAT,QAA2B,QAA3B;AAEA;AACA;AACA;;AACA,OAAO,MAAMC,QAAQ,GAAG,CACtBC,MADsB,EAEtBC,OAFsB,KAGnBH,UAAU,CAACE,MAAD,EAASH,IAAI,CAACK,KAAL,CAAWC,oBAApB,EAA0CF,OAA1C,CAHR","sourcesContent":["import { Skia } from \"../Skia\";\nimport type { DataSource } from \"../types\";\n\nimport { useRawData } from \"./Data\";\n\n/**\n * Returns a Skia Image object\n * */\nexport const useImage = (\n  source: DataSource | null | undefined,\n  onError?: (err: Error) => void\n) => useRawData(source, Skia.Image.MakeImageFromEncoded, onError);\n"]}

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

@@ -0,0 +1,4 @@
+import { Skia } from "../Skia";
+import { processTransform } from "../types";
+export const processTransform2d = transforms => processTransform(Skia.Matrix(), transforms);
+//# sourceMappingURL=Matrix.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Matrix.ts"],"names":["Skia","processTransform","processTransform2d","transforms","Matrix"],"mappings":"AAAA,SAASA,IAAT,QAAqB,SAArB;AAEA,SAASC,gBAAT,QAAiC,UAAjC;AAEA,OAAO,MAAMC,kBAAkB,GAAIC,UAAD,IAChCF,gBAAgB,CAACD,IAAI,CAACI,MAAL,EAAD,EAAgBD,UAAhB,CADX","sourcesContent":["import { Skia } from \"../Skia\";\nimport type { Transforms2d } from \"../types\";\nimport { processTransform } from \"../types\";\n\nexport const processTransform2d = (transforms: Transforms2d) =>\n  processTransform(Skia.Matrix(), transforms);\n"]}