@shopify/react-native-skia 0.1.115

package/lib/module/renderer/components/text/TextBlob.js

@@ -0,0 +1,26 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { createDrawing } from "../../nodes/Drawing";
+const onDraw = createDrawing((_ref, _ref2) => {
+  let {
+    canvas,
+    paint
+  } = _ref;
+  let {
+    blob,
+    x,
+    y
+  } = _ref2;
+  canvas.drawTextBlob(blob, x, y, paint);
+});
+export const TextBlob = props => {
+  return /*#__PURE__*/React.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+TextBlob.defaultProps = {
+  x: 0,
+  y: 0
+};
+//# sourceMappingURL=TextBlob.js.map

package/lib/module/renderer/components/text/TextBlob.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TextBlob.tsx"],"names":["React","createDrawing","onDraw","canvas","paint","blob","x","y","drawTextBlob","TextBlob","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,aAAT,QAA8B,qBAA9B;AASA,MAAMC,MAAM,GAAGD,aAAa,CAC1B,iBAAuC;AAAA,MAAtC;AAAEE,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAsC;AAAA,MAAnB;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,CAAR;AAAWC,IAAAA;AAAX,GAAmB;AACrCJ,EAAAA,MAAM,CAACK,YAAP,CAAoBH,IAApB,EAA0BC,CAA1B,EAA6BC,CAA7B,EAAgCH,KAAhC;AACD,CAHyB,CAA5B;AAMA,OAAO,MAAMK,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAW,IAAA,MAAM,EAAER;AAAnB,KAA+BQ,KAA/B,EAAP;AACD,CAFM;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBL,EAAAA,CAAC,EAAE,CADmB;AAEtBC,EAAAA,CAAC,EAAE;AAFmB,CAAxB","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps, AnimatedProps } from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\nimport type { SkTextBlob } from \"../../../skia/TextBlob\";\n\nexport interface TextBlobProps extends CustomPaintProps {\n  blob: SkTextBlob;\n  x: number;\n  y: number;\n}\n\nconst onDraw = createDrawing<TextBlobProps>(\n  ({ canvas, paint }, { blob, x, y }) => {\n    canvas.drawTextBlob(blob, x, y, paint);\n  }\n);\n\nexport const TextBlob = (props: AnimatedProps<TextBlobProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nTextBlob.defaultProps = {\n  x: 0,\n  y: 0,\n};\n"]}

package/lib/module/renderer/components/text/TextPath.js

@@ -0,0 +1,76 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { createDrawing } from "../../nodes";
+import { Skia } from "../../../skia/Skia";
+import { processFont } from "../../processors/Font";
+const onDraw = createDrawing((_ref, _ref2) => {
+  let {
+    canvas,
+    paint,
+    fontMgr
+  } = _ref;
+  let {
+    text,
+    initialOffset,
+    path: pathDef,
+    ...fontDef
+  } = _ref2;
+  const path = typeof pathDef === "string" ? Skia.Path.MakeFromSVGString(pathDef) : pathDef;
+
+  if (path === null) {
+    throw new Error("Invalid path: " + pathDef);
+  }
+
+  const font = processFont(fontMgr, fontDef);
+  const ids = font.getGlyphIDs(text);
+  const widths = font.getGlyphWidths(ids, paint);
+  const rsx = [];
+  const meas = Skia.ContourMeasureIter(path, false, 1);
+  let cont = meas.next();
+  let dist = initialOffset;
+
+  for (let i = 0; i < text.length && cont; i++) {
+    const width = widths[i];
+    dist += width / 2;
+
+    if (dist > cont.length()) {
+      // jump to next contour
+      cont = meas.next();
+
+      if (!cont) {
+        // We have come to the end of the path - terminate the string
+        // right here.
+        text = text.substring(0, i);
+        break;
+      }
+
+      dist = width / 2;
+    } // Gives us the (x, y) coordinates as well as the cos/sin of the tangent
+    // line at that position.
+
+
+    const {
+      px,
+      py,
+      tx,
+      ty
+    } = cont.getPosTan(dist);
+    const adjustedX = px - width / 2 * tx;
+    const adjustedY = py - width / 2 * ty;
+    rsx.push(Skia.RSXform(tx, ty, adjustedX, adjustedY));
+    dist += width / 2;
+  }
+
+  const blob = Skia.TextBlob.MakeFromRSXform(text, rsx, font);
+  canvas.drawTextBlob(blob, 0, 0, paint);
+});
+export const TextPath = props => {
+  return /*#__PURE__*/React.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+TextPath.defaultProps = {
+  initialOffset: 0
+};
+//# sourceMappingURL=TextPath.js.map

package/lib/module/renderer/components/text/TextPath.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TextPath.tsx"],"names":["React","createDrawing","Skia","processFont","onDraw","canvas","paint","fontMgr","text","initialOffset","path","pathDef","fontDef","Path","MakeFromSVGString","Error","font","ids","getGlyphIDs","widths","getGlyphWidths","rsx","meas","ContourMeasureIter","cont","next","dist","i","length","width","substring","px","py","tx","ty","getPosTan","adjustedX","adjustedY","push","RSXform","blob","TextBlob","MakeFromRSXform","drawTextBlob","TextPath","props","defaultProps"],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps, AnimatedProps } from \"../../processors\";\nimport { createDrawing } from \"../../nodes\";\nimport type { SkPath } from \"../../../skia/Path\";\nimport type { SkRSXform } from \"../../../skia/RSXform\";\nimport { Skia } from \"../../../skia/Skia\";\nimport type { FontDef } from \"../../processors/Font\";\nimport { processFont } from \"../../processors/Font\";\n\nexport type TextPathProps = CustomPaintProps &\n  FontDef & {\n    text: string;\n    path: SkPath | string;\n    initialOffset: number;\n  };\n\nconst onDraw = createDrawing<TextPathProps>(\n  (\n    { canvas, paint, fontMgr },\n    { text, initialOffset, path: pathDef, ...fontDef }\n  ) => {\n    const path =\n      typeof pathDef === \"string\"\n        ? Skia.Path.MakeFromSVGString(pathDef)\n        : pathDef;\n    if (path === null) {\n      throw new Error(\"Invalid path: \" + pathDef);\n    }\n    const font = processFont(fontMgr, fontDef);\n    const ids = font.getGlyphIDs(text);\n    const widths = font.getGlyphWidths(ids, paint);\n    const rsx: SkRSXform[] = [];\n    const meas = Skia.ContourMeasureIter(path, false, 1);\n    let cont = meas.next();\n    let dist = initialOffset;\n    for (let i = 0; i < text.length && cont; i++) {\n      const width = widths[i];\n      dist += width / 2;\n      if (dist > cont.length()) {\n        // jump to next contour\n        cont = meas.next();\n        if (!cont) {\n          // We have come to the end of the path - terminate the string\n          // right here.\n          text = text.substring(0, i);\n          break;\n        }\n        dist = width / 2;\n      }\n      // Gives us the (x, y) coordinates as well as the cos/sin of the tangent\n      // line at that position.\n      const { px, py, tx, ty } = cont.getPosTan(dist);\n      const adjustedX = px - (width / 2) * tx;\n      const adjustedY = py - (width / 2) * ty;\n      rsx.push(Skia.RSXform(tx, ty, adjustedX, adjustedY));\n      dist += width / 2;\n    }\n    const blob = Skia.TextBlob.MakeFromRSXform(text, rsx, font);\n    canvas.drawTextBlob(blob, 0, 0, paint);\n  }\n);\n\nexport const TextPath = (props: AnimatedProps<TextPathProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nTextPath.defaultProps = {\n  initialOffset: 0,\n};\n"]}

package/lib/module/renderer/components/text/index.js

@@ -0,0 +1,5 @@
+export * from "./Text";
+export * from "./Glyphs";
+export * from "./TextBlob";
+export * from "./TextPath";
+//# sourceMappingURL=index.js.map

package/lib/module/renderer/components/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,UAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd","sourcesContent":["export * from \"./Text\";\nexport * from \"./Glyphs\";\nexport * from \"./TextBlob\";\nexport * from \"./TextPath\";\n"]}

package/lib/module/renderer/index.js

@@ -0,0 +1,4 @@
+export * from "./Canvas";
+export * from "./components";
+export * from "./nodes";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,SAAd","sourcesContent":["export * from \"./Canvas\";\nexport * from \"./components\";\nexport * from \"./nodes\";\n"]}

package/lib/module/renderer/nodes/Container.js

@@ -0,0 +1,18 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { Node } from "./Node";
+export class Container extends Node {
+  constructor(depMgr, redraw) {
+    super(depMgr, {});
+
+    _defineProperty(this, "redraw", void 0);
+
+    this.redraw = redraw;
+  }
+
+  draw(ctx) {
+    this.visit(ctx);
+  }
+
+}
+//# sourceMappingURL=Container.js.map

package/lib/module/renderer/nodes/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Container.tsx"],"names":["Node","Container","constructor","depMgr","redraw","draw","ctx","visit"],"mappings":";;AAGA,SAASA,IAAT,QAAqB,QAArB;AAEA,OAAO,MAAMC,SAAN,SAAwBD,IAAxB,CAA6B;AAGlCE,EAAAA,WAAW,CAACC,MAAD,EAA4BC,MAA5B,EAAgD;AACzD,UAAMD,MAAN,EAAc,EAAd;;AADyD;;AAEzD,SAAKC,MAAL,GAAcA,MAAd;AACD;;AAEDC,EAAAA,IAAI,CAACC,GAAD,EAAsB;AACxB,SAAKC,KAAL,CAAWD,GAAX;AACD;;AAViC","sourcesContent":["import type { DependencyManager } from \"../DependencyManager\";\nimport type { DrawingContext } from \"../DrawingContext\";\n\nimport { Node } from \"./Node\";\n\nexport class Container extends Node {\n  redraw: () => void;\n\n  constructor(depMgr: DependencyManager, redraw: () => void) {\n    super(depMgr, {});\n    this.redraw = redraw;\n  }\n\n  draw(ctx: DrawingContext) {\n    this.visit(ctx);\n  }\n}\n"]}

package/lib/module/renderer/nodes/Declaration.js

@@ -0,0 +1,33 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { isAnimated, materialize } from "../processors";
+import { Node } from "./Node";
+export const createDeclaration = cb => cb;
+export class DeclarationNode extends Node {
+  constructor(depMgr, onDeclare, props) {
+    super(depMgr, props);
+
+    _defineProperty(this, "onDeclare", void 0);
+
+    super.memoizable = !isAnimated(props);
+    this.onDeclare = onDeclare;
+  }
+
+  set props(props) {
+    this.memoizable = !isAnimated(props);
+    super.props = props;
+  }
+
+  get props() {
+    return this._props;
+  }
+
+  draw(ctx) {
+    const children = this.visit(ctx);
+    const props = materialize(this.props);
+    const obj = this.onDeclare(props, children, ctx);
+    return obj;
+  }
+
+}
+//# sourceMappingURL=Declaration.js.map

package/lib/module/renderer/nodes/Declaration.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Declaration.tsx"],"names":["isAnimated","materialize","Node","createDeclaration","cb","DeclarationNode","constructor","depMgr","onDeclare","props","memoizable","_props","draw","ctx","children","visit","obj"],"mappings":";;AAGA,SAASA,UAAT,EAAqBC,WAArB,QAAwC,eAAxC;AAGA,SAASC,IAAT,QAAqB,QAArB;AAUA,OAAO,MAAMC,iBAAiB,GAC5BC,EAD+B,IAEJA,EAFtB;AAQP,OAAO,MAAMC,eAAN,SAAiCH,IAAjC,CAAyC;AAG9CI,EAAAA,WAAW,CACTC,MADS,EAETC,SAFS,EAGTC,KAHS,EAIT;AACA,UAAMF,MAAN,EAAcE,KAAd;;AADA;;AAEA,UAAMC,UAAN,GAAmB,CAACV,UAAU,CAACS,KAAD,CAA9B;AACA,SAAKD,SAAL,GAAiBA,SAAjB;AACD;;AAEQ,MAALC,KAAK,CAACA,KAAD,EAA0B;AACjC,SAAKC,UAAL,GAAkB,CAACV,UAAU,CAACS,KAAD,CAA7B;AACA,UAAMA,KAAN,GAAcA,KAAd;AACD;;AAEQ,MAALA,KAAK,GAAG;AACV,WAAO,KAAKE,MAAZ;AACD;;AAEDC,EAAAA,IAAI,CAACC,GAAD,EAAsB;AACxB,UAAMC,QAAQ,GAAG,KAAKC,KAAL,CAAWF,GAAX,CAAjB;AACA,UAAMJ,KAAK,GAAGR,WAAW,CAAC,KAAKQ,KAAN,CAAzB;AACA,UAAMO,GAAG,GAAG,KAAKR,SAAL,CAAeC,KAAf,EAAsBK,QAAtB,EAAgCD,GAAhC,CAAZ;AACA,WAAOG,GAAP;AACD;;AA3B6C","sourcesContent":["import type { DrawingContext } from \"../DrawingContext\";\nimport type { SkJSIInstance } from \"../../skia/JsiInstance\";\nimport type { AnimatedProps } from \"../processors\";\nimport { isAnimated, materialize } from \"../processors\";\nimport type { DependencyManager } from \"../DependencyManager\";\n\nimport { Node } from \"./Node\";\n\nexport type DeclarationResult = SkJSIInstance<string> | null;\n\ntype DeclarationCallback<T> = (\n  props: T,\n  children: DeclarationResult[],\n  ctx: DrawingContext\n) => DeclarationResult;\n\nexport const createDeclaration = <T,>(\n  cb: DeclarationCallback<T>\n): DeclarationCallback<T> => cb;\n\nexport interface DeclarationProps<P> {\n  onDeclare: DeclarationCallback<P>;\n}\n\nexport class DeclarationNode<P> extends Node<P> {\n  private onDeclare: DeclarationCallback<P>;\n\n  constructor(\n    depMgr: DependencyManager,\n    onDeclare: DeclarationCallback<P>,\n    props: AnimatedProps<P>\n  ) {\n    super(depMgr, props);\n    super.memoizable = !isAnimated(props);\n    this.onDeclare = onDeclare;\n  }\n\n  set props(props: AnimatedProps<P>) {\n    this.memoizable = !isAnimated(props);\n    super.props = props;\n  }\n\n  get props() {\n    return this._props;\n  }\n\n  draw(ctx: DrawingContext) {\n    const children = this.visit(ctx);\n    const props = materialize(this.props);\n    const obj = this.onDeclare(props, children, ctx);\n    return obj;\n  }\n}\n"]}

package/lib/module/renderer/nodes/Drawing.js

@@ -0,0 +1,53 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React from "react";
+import { processPaint, selectPaint } from "../processors";
+import { materialize } from "../processors/Animations/Animations";
+import { isPaint } from "../../skia";
+import { Node } from "./Node";
+export const createDrawing = cb => cb;
+export const Drawing = props => {
+  return /*#__PURE__*/React.createElement("skDrawing", props);
+};
+export class DrawingNode extends Node {
+  constructor(depMgr, onDraw, skipProcessing, props) {
+    super(depMgr, props);
+
+    _defineProperty(this, "onDraw", void 0);
+
+    _defineProperty(this, "skipProcessing", void 0);
+
+    this.onDraw = onDraw;
+    this.skipProcessing = skipProcessing;
+  }
+
+  draw(ctx) {
+    const drawingProps = materialize(this.props);
+
+    if (this.skipProcessing) {
+      this.onDraw(ctx, drawingProps, this);
+    } else {
+      const selectedPaint = selectPaint(ctx.paint, drawingProps);
+      processPaint(selectedPaint, ctx.opacity, drawingProps); // to draw only once:
+      // onDraw({ ...ctx, paint: selectedPaint }, children);
+
+      [selectedPaint, ...this.children.map(child => {
+        //if (child.type === NodeType.Declaration) {
+        const ret = child.draw(ctx);
+
+        if (ret) {
+          return ret;
+        } //}
+
+
+        return null;
+      }).filter(isPaint)].forEach(paint => {
+        this.onDraw({ ...ctx,
+          paint
+        }, drawingProps, this);
+      });
+    }
+  }
+
+}
+//# sourceMappingURL=Drawing.js.map

package/lib/module/renderer/nodes/Drawing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Drawing.tsx"],"names":["React","processPaint","selectPaint","materialize","isPaint","Node","createDrawing","cb","Drawing","props","DrawingNode","constructor","depMgr","onDraw","skipProcessing","draw","ctx","drawingProps","selectedPaint","paint","opacity","children","map","child","ret","filter","forEach"],"mappings":";;AACA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,YAAT,EAAuBC,WAAvB,QAA0C,eAA1C;AAEA,SAASC,WAAT,QAA4B,qCAA5B;AACA,SAASC,OAAT,QAAwB,YAAxB;AAGA,SAASC,IAAT,QAAqB,QAArB;AAUA,OAAO,MAAMC,aAAa,GAAQC,EAAL,IAC3BA,EADK;AASP,OAAO,MAAMC,OAAO,GAAQC,KAAL,IAAgC;AACrD,sBAAO,iCAAeA,KAAf,CAAP;AACD,CAFM;AAIP,OAAO,MAAMC,WAAN,SAA6BL,IAA7B,CAAqC;AAI1CM,EAAAA,WAAW,CACTC,MADS,EAETC,MAFS,EAGTC,cAHS,EAITL,KAJS,EAKT;AACA,UAAMG,MAAN,EAAcH,KAAd;;AADA;;AAAA;;AAEA,SAAKI,MAAL,GAAcA,MAAd;AACA,SAAKC,cAAL,GAAsBA,cAAtB;AACD;;AAEDC,EAAAA,IAAI,CAACC,GAAD,EAAsB;AACxB,UAAMC,YAAY,GAAGd,WAAW,CAAC,KAAKM,KAAN,CAAhC;;AACA,QAAI,KAAKK,cAAT,EAAyB;AACvB,WAAKD,MAAL,CAAYG,GAAZ,EAAiBC,YAAjB,EAA+B,IAA/B;AACD,KAFD,MAEO;AACL,YAAMC,aAAa,GAAGhB,WAAW,CAACc,GAAG,CAACG,KAAL,EAAYF,YAAZ,CAAjC;AACAhB,MAAAA,YAAY,CAACiB,aAAD,EAAgBF,GAAG,CAACI,OAApB,EAA6BH,YAA7B,CAAZ,CAFK,CAGL;AACA;;AACA,OACEC,aADF,EAEE,GAAG,KAAKG,QAAL,CACAC,GADA,CACKC,KAAD,IAAW;AACd;AACA,cAAMC,GAAG,GAAGD,KAAK,CAACR,IAAN,CAAWC,GAAX,CAAZ;;AACA,YAAIQ,GAAJ,EAAS;AACP,iBAAOA,GAAP;AACD,SALa,CAMd;;;AACA,eAAO,IAAP;AACD,OATA,EAUAC,MAVA,CAUOrB,OAVP,CAFL,EAaEsB,OAbF,CAaWP,KAAD,IAAW;AACnB,aAAKN,MAAL,CAAY,EAAE,GAAGG,GAAL;AAAUG,UAAAA;AAAV,SAAZ,EAA+BF,YAA/B,EAA6C,IAA7C;AACD,OAfD;AAgBD;AACF;;AAzCyC","sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport type { DrawingContext } from \"../DrawingContext\";\nimport { processPaint, selectPaint } from \"../processors\";\nimport type { AnimatedProps } from \"../processors/Animations/Animations\";\nimport { materialize } from \"../processors/Animations/Animations\";\nimport { isPaint } from \"../../skia\";\nimport type { DependencyManager } from \"../DependencyManager\";\n\nimport { Node } from \"./Node\";\n\ntype DrawingCallback<P> = (\n  ctx: DrawingContext,\n  props: P,\n  node: Node<P>\n) => void;\n\ntype OnDrawCallback<P> = (ctx: DrawingContext, props: P, node: Node<P>) => void;\n\nexport const createDrawing = <P,>(cb: OnDrawCallback<P>): DrawingCallback<P> =>\n  cb;\n\nexport type DrawingProps<T> = {\n  onDraw: DrawingCallback<T>;\n  skipProcessing?: boolean;\n  children?: ReactNode | ReactNode[];\n};\n\nexport const Drawing = <P,>(props: DrawingProps<P>) => {\n  return <skDrawing {...props} />;\n};\n\nexport class DrawingNode<P> extends Node<P> {\n  onDraw: DrawingCallback<P>;\n  skipProcessing: boolean;\n\n  constructor(\n    depMgr: DependencyManager,\n    onDraw: DrawingCallback<P>,\n    skipProcessing: boolean,\n    props: AnimatedProps<P>\n  ) {\n    super(depMgr, props);\n    this.onDraw = onDraw;\n    this.skipProcessing = skipProcessing;\n  }\n\n  draw(ctx: DrawingContext) {\n    const drawingProps = materialize(this.props);\n    if (this.skipProcessing) {\n      this.onDraw(ctx, drawingProps, this);\n    } else {\n      const selectedPaint = selectPaint(ctx.paint, drawingProps);\n      processPaint(selectedPaint, ctx.opacity, drawingProps);\n      // to draw only once:\n      // onDraw({ ...ctx, paint: selectedPaint }, children);\n      [\n        selectedPaint,\n        ...this.children\n          .map((child) => {\n            //if (child.type === NodeType.Declaration) {\n            const ret = child.draw(ctx);\n            if (ret) {\n              return ret;\n            }\n            //}\n            return null;\n          })\n          .filter(isPaint),\n      ].forEach((paint) => {\n        this.onDraw({ ...ctx, paint }, drawingProps, this);\n      });\n    }\n  }\n}\n"]}

package/lib/module/renderer/nodes/Node.js

@@ -0,0 +1,67 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { isPaint } from "../../skia";
+export let NodeType;
+
+(function (NodeType) {
+  NodeType["Declaration"] = "skDeclaration";
+  NodeType["Drawing"] = "skDrawing";
+})(NodeType || (NodeType = {}));
+
+export class Node {
+  constructor(depMgr, props) {
+    _defineProperty(this, "children", []);
+
+    _defineProperty(this, "_props", void 0);
+
+    _defineProperty(this, "memoizable", false);
+
+    _defineProperty(this, "memoized", false);
+
+    _defineProperty(this, "parent", void 0);
+
+    _defineProperty(this, "depMgr", void 0);
+
+    this._props = props;
+    this.depMgr = depMgr;
+    this.depMgr.unSubscribeNode(this);
+    this.depMgr.subscribeNode(this, props);
+  }
+
+  set props(props) {
+    this.depMgr.unSubscribeNode(this);
+    this.depMgr.subscribeNode(this, props);
+    this._props = props;
+  }
+
+  get props() {
+    return this._props;
+  }
+
+  visit(ctx) {
+    const returnedValues = [];
+    let currentCtx = ctx;
+    this.children.forEach(child => {
+      if (!child.memoized) {
+        const ret = child.draw(currentCtx);
+
+        if (ret) {
+          if (isPaint(ret)) {
+            currentCtx = { ...currentCtx,
+              paint: ret
+            };
+          }
+
+          returnedValues.push(ret);
+        }
+
+        if (child.memoizable) {
+          child.memoized = true;
+        }
+      }
+    });
+    return returnedValues;
+  }
+
+}
+//# sourceMappingURL=Node.js.map

package/lib/module/renderer/nodes/Node.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Node.ts"],"names":["isPaint","NodeType","Node","constructor","depMgr","props","_props","unSubscribeNode","subscribeNode","visit","ctx","returnedValues","currentCtx","children","forEach","child","memoized","ret","draw","paint","push","memoizable"],"mappings":";;AAAA,SAASA,OAAT,QAAwB,YAAxB;AAMA,WAAYC,QAAZ;;WAAYA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;GAAAA,Q,KAAAA,Q;;AAOZ,OAAO,MAAeC,IAAf,CAAiC;AAQtCC,EAAAA,WAAW,CAACC,MAAD,EAA4BC,KAA5B,EAAqD;AAAA,sCAPpC,EAOoC;;AAAA;;AAAA,wCALnD,KAKmD;;AAAA,sCAJrD,KAIqD;;AAAA;;AAAA;;AAC9D,SAAKC,MAAL,GAAcD,KAAd;AACA,SAAKD,MAAL,GAAcA,MAAd;AACA,SAAKA,MAAL,CAAYG,eAAZ,CAA4B,IAA5B;AACA,SAAKH,MAAL,CAAYI,aAAZ,CAA0B,IAA1B,EAAgCH,KAAhC;AACD;;AAIQ,MAALA,KAAK,CAACA,KAAD,EAA0B;AACjC,SAAKD,MAAL,CAAYG,eAAZ,CAA4B,IAA5B;AACA,SAAKH,MAAL,CAAYI,aAAZ,CAA0B,IAA1B,EAAgCH,KAAhC;AACA,SAAKC,MAAL,GAAcD,KAAd;AACD;;AAEQ,MAALA,KAAK,GAAG;AACV,WAAO,KAAKC,MAAZ;AACD;;AAEDG,EAAAA,KAAK,CAACC,GAAD,EAAsB;AACzB,UAAMC,cAAkD,GAAG,EAA3D;AACA,QAAIC,UAAU,GAAGF,GAAjB;AACA,SAAKG,QAAL,CAAcC,OAAd,CAAuBC,KAAD,IAAW;AAC/B,UAAI,CAACA,KAAK,CAACC,QAAX,EAAqB;AACnB,cAAMC,GAAG,GAAGF,KAAK,CAACG,IAAN,CAAWN,UAAX,CAAZ;;AACA,YAAIK,GAAJ,EAAS;AACP,cAAIjB,OAAO,CAACiB,GAAD,CAAX,EAAkB;AAChBL,YAAAA,UAAU,GAAG,EAAE,GAAGA,UAAL;AAAiBO,cAAAA,KAAK,EAAEF;AAAxB,aAAb;AACD;;AACDN,UAAAA,cAAc,CAACS,IAAf,CAAoBH,GAApB;AACD;;AACD,YAAIF,KAAK,CAACM,UAAV,EAAsB;AACpBN,UAAAA,KAAK,CAACC,QAAN,GAAiB,IAAjB;AACD;AACF;AACF,KAbD;AAcA,WAAOL,cAAP;AACD;;AA7CqC","sourcesContent":["import { isPaint } from \"../../skia\";\nimport type { SkJSIInstance } from \"../../skia/JsiInstance\";\nimport type { DependencyManager } from \"../DependencyManager\";\nimport type { DrawingContext } from \"../DrawingContext\";\nimport type { AnimatedProps } from \"../processors\";\n\nexport enum NodeType {\n  Declaration = \"skDeclaration\",\n  Drawing = \"skDrawing\",\n}\n\ntype DeclarationResult = SkJSIInstance<string> | null;\n\nexport abstract class Node<P = unknown> {\n  readonly children: Node[] = [];\n  _props: AnimatedProps<P>;\n  memoizable = false;\n  memoized = false;\n  parent?: Node;\n  depMgr: DependencyManager;\n\n  constructor(depMgr: DependencyManager, props: AnimatedProps<P>) {\n    this._props = props;\n    this.depMgr = depMgr;\n    this.depMgr.unSubscribeNode(this);\n    this.depMgr.subscribeNode(this, props);\n  }\n\n  abstract draw(ctx: DrawingContext): void | DeclarationResult;\n\n  set props(props: AnimatedProps<P>) {\n    this.depMgr.unSubscribeNode(this);\n    this.depMgr.subscribeNode(this, props);\n    this._props = props;\n  }\n\n  get props() {\n    return this._props;\n  }\n\n  visit(ctx: DrawingContext) {\n    const returnedValues: Exclude<DeclarationResult, null>[] = [];\n    let currentCtx = ctx;\n    this.children.forEach((child) => {\n      if (!child.memoized) {\n        const ret = child.draw(currentCtx);\n        if (ret) {\n          if (isPaint(ret)) {\n            currentCtx = { ...currentCtx, paint: ret };\n          }\n          returnedValues.push(ret);\n        }\n        if (child.memoizable) {\n          child.memoized = true;\n        }\n      }\n    });\n    return returnedValues;\n  }\n}\n"]}

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

@@ -0,0 +1,5 @@
+export * from "./Drawing";
+export * from "./Declaration";
+export * from "./Container";
+export * from "./Node";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAd;AACA,cAAc,eAAd;AACA,cAAc,aAAd;AACA,cAAc,QAAd","sourcesContent":["export * from \"./Drawing\";\nexport * from \"./Declaration\";\nexport * from \"./Container\";\nexport * from \"./Node\";\n"]}

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

@@ -0,0 +1,36 @@
+import { mapKeys } from "../../typeddash";
+export const isValue = value => {
+  if (value === undefined || value === null) {
+    return false;
+  }
+
+  try {
+    if (typeof value === "object" && "__typename__" in value && value.__typename__ === "RNSkValue") {
+      return true;
+    }
+  } catch {}
+
+  return false;
+};
+export const isAnimated = props => {
+  for (const value of Object.values(props)) {
+    if (isValue(value)) {
+      return true;
+    }
+  }
+
+  return false;
+};
+export const materialize = props => {
+  const result = { ...props
+  };
+  mapKeys(props).forEach(key => {
+    const value = props[key];
+
+    if (isValue(value)) {
+      result[key] = value.current;
+    }
+  });
+  return result;
+};
+//# sourceMappingURL=Animations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Animations.ts"],"names":["mapKeys","isValue","value","undefined","__typename__","isAnimated","props","Object","values","materialize","result","forEach","key","current"],"mappings":"AAEA,SAASA,OAAT,QAAwB,iBAAxB;AAIA,OAAO,MAAMC,OAAO,GAClBC,KADqB,IAEmB;AACxC,MAAIA,KAAK,KAAKC,SAAV,IAAuBD,KAAK,KAAK,IAArC,EAA2C;AACzC,WAAO,KAAP;AACD;;AACD,MAAI;AACF,QACE,OAAOA,KAAP,KAAiB,QAAjB,IACA,kBAAkBA,KADlB,IAECA,KAAD,CAAiDE,YAAjD,KACE,WAJJ,EAKE;AACA,aAAO,IAAP;AACD;AACF,GATD,CASE,MAAM,CAAE;;AACV,SAAO,KAAP;AACD,CAjBM;AAmBP,OAAO,MAAMC,UAAU,GAAOC,KAAJ,IAAgC;AACxD,OAAK,MAAMJ,KAAX,IAAoBK,MAAM,CAACC,MAAP,CAAcF,KAAd,CAApB,EAA0C;AACxC,QAAIL,OAAO,CAACC,KAAD,CAAX,EAAoB;AAClB,aAAO,IAAP;AACD;AACF;;AACD,SAAO,KAAP;AACD,CAPM;AASP,OAAO,MAAMO,WAAW,GAAOH,KAAJ,IAAgC;AACzD,QAAMI,MAAM,GAAG,EAAE,GAAGJ;AAAL,GAAf;AACAN,EAAAA,OAAO,CAACM,KAAD,CAAP,CAAeK,OAAf,CAAwBC,GAAD,IAAS;AAC9B,UAAMV,KAAK,GAAGI,KAAK,CAACM,GAAD,CAAnB;;AACA,QAAIX,OAAO,CAACC,KAAD,CAAX,EAAoB;AAClBQ,MAAAA,MAAM,CAACE,GAAD,CAAN,GAAeV,KAAD,CAA4CW,OAA1D;AACD;AACF,GALD;AAMA,SAAOH,MAAP;AACD,CATM","sourcesContent":["import type { SkiaReadonlyValue } from \"../../../values\";\nimport type { DrawingContext } from \"../../DrawingContext\";\nimport { mapKeys } from \"../../typeddash\";\n\nexport type FrameValue<T> = (ctx: DrawingContext) => T;\n\nexport const isValue = (\n  value: unknown\n): value is SkiaReadonlyValue<unknown> => {\n  if (value === undefined || value === null) {\n    return false;\n  }\n  try {\n    if (\n      typeof value === \"object\" &&\n      \"__typename__\" in value &&\n      (value as unknown as SkiaReadonlyValue<unknown>).__typename__ ===\n        \"RNSkValue\"\n    ) {\n      return true;\n    }\n  } catch {}\n  return false;\n};\n\nexport const isAnimated = <T>(props: AnimatedProps<T>) => {\n  for (const value of Object.values(props)) {\n    if (isValue(value)) {\n      return true;\n    }\n  }\n  return false;\n};\n\nexport const materialize = <T>(props: AnimatedProps<T>) => {\n  const result = { ...props };\n  mapKeys(props).forEach((key) => {\n    const value = props[key];\n    if (isValue(value)) {\n      result[key] = (value as SkiaReadonlyValue<T[typeof key]>).current;\n    }\n  });\n  return result as T;\n};\n\nexport type AnimatedProps<T> = {\n  [K in keyof T]: T[K] | SkiaReadonlyValue<T[K]>;\n};\n"]}

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { vec } from "./math/Vector";
+
+const isCircleScalarDef = def => // eslint-disable-next-line @typescript-eslint/no-explicit-any
+def.cx;
+
+export const processCircle = def => {
+  if (isCircleScalarDef(def)) {
+    return {
+      c: vec(def.cx, def.cy),
+      r: def.r
+    };
+  }
+
+  return def;
+};
+//# sourceMappingURL=Circles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Circles.ts"],"names":["vec","isCircleScalarDef","def","cx","processCircle","c","cy","r"],"mappings":"AACA,SAASA,GAAT,QAAoB,eAApB;;AAeA,MAAMC,iBAAiB,GAAIC,GAAD,IACxB;AACCA,GAAD,CAAaC,EAFf;;AAGA,OAAO,MAAMC,aAAa,GAAIF,GAAD,IAAoB;AAC/C,MAAID,iBAAiB,CAACC,GAAD,CAArB,EAA4B;AAC1B,WAAO;AAAEG,MAAAA,CAAC,EAAEL,GAAG,CAACE,GAAG,CAACC,EAAL,EAASD,GAAG,CAACI,EAAb,CAAR;AAA0BC,MAAAA,CAAC,EAAEL,GAAG,CAACK;AAAjC,KAAP;AACD;;AACD,SAAOL,GAAP;AACD,CALM","sourcesContent":["import type { Vector } from \"./math/Vector\";\nimport { vec } from \"./math/Vector\";\n\ninterface PointCircleDef {\n  c: Vector;\n  r: number;\n}\n\ninterface ScalarCircleDef {\n  cx: number;\n  cy: number;\n  r: number;\n}\n\nexport type CircleDef = PointCircleDef | ScalarCircleDef;\n\nconst isCircleScalarDef = (def: CircleDef): def is ScalarCircleDef =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (def as any).cx;\nexport const processCircle = (def: CircleDef) => {\n  if (isCircleScalarDef(def)) {\n    return { c: vec(def.cx, def.cy), r: def.r };\n  }\n  return def;\n};\n"]}

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

@@ -0,0 +1,13 @@
+import { processPath, isPathDef } from "./Paths";
+import { isRRect } from "./Rects";
+export const processClip = (canvas, def, op) => {
+  if (isPathDef(def)) {
+    const path = processPath(def);
+    canvas.clipPath(path, op, true);
+  } else if (isRRect(def)) {
+    canvas.clipRRect(def, op, true);
+  } else {
+    canvas.clipRect(def, op, true);
+  }
+};
+//# sourceMappingURL=Clips.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Clips.ts"],"names":["processPath","isPathDef","isRRect","processClip","canvas","def","op","path","clipPath","clipRRect","clipRect"],"mappings":"AAIA,SAASA,WAAT,EAAsBC,SAAtB,QAAuC,SAAvC;AACA,SAASC,OAAT,QAAwB,SAAxB;AAIA,OAAO,MAAMC,WAAW,GAAG,CAACC,MAAD,EAAmBC,GAAnB,EAAiCC,EAAjC,KAAgD;AACzE,MAAIL,SAAS,CAACI,GAAD,CAAb,EAAoB;AAClB,UAAME,IAAI,GAAGP,WAAW,CAACK,GAAD,CAAxB;AACAD,IAAAA,MAAM,CAACI,QAAP,CAAgBD,IAAhB,EAAsBD,EAAtB,EAA0B,IAA1B;AACD,GAHD,MAGO,IAAIJ,OAAO,CAACG,GAAD,CAAX,EAAkB;AACvBD,IAAAA,MAAM,CAACK,SAAP,CAAiBJ,GAAjB,EAAsBC,EAAtB,EAA0B,IAA1B;AACD,GAFM,MAEA;AACLF,IAAAA,MAAM,CAACM,QAAP,CAAgBL,GAAhB,EAAqBC,EAArB,EAAyB,IAAzB;AACD;AACF,CATM","sourcesContent":["import type { SkCanvas, ClipOp } from \"../../skia/Canvas\";\nimport type { SkRect, SkRRect } from \"../../skia\";\n\nimport type { PathDef } from \"./Paths\";\nimport { processPath, isPathDef } from \"./Paths\";\nimport { isRRect } from \"./Rects\";\n\nexport type ClipDef = SkRRect | SkRect | PathDef;\n\nexport const processClip = (canvas: SkCanvas, def: ClipDef, op: ClipOp) => {\n  if (isPathDef(def)) {\n    const path = processPath(def);\n    canvas.clipPath(path, op, true);\n  } else if (isRRect(def)) {\n    canvas.clipRRect(def, op, true);\n  } else {\n    canvas.clipRect(def, op, true);\n  }\n};\n"]}

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

@@ -0,0 +1,26 @@
+import { Skia } from "../../skia/Skia";
+export const isFont = fontDef => // We use any here for safety (JSI instances don't have hasProperty working properly);
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+fontDef.font !== undefined;
+export const processFont = (fontMgr, fontDef) => {
+  let selectedFont;
+
+  if (isFont(fontDef)) {
+    selectedFont = fontDef.font;
+  } else {
+    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":["Skia","isFont","fontDef","font","undefined","processFont","fontMgr","selectedFont","familyName","size","typeface","matchFamilyStyle","Error","Font"],"mappings":"AACA,SAASA,IAAT,QAAqB,iBAArB;AAKA,OAAO,MAAMC,MAAM,GAAIC,OAAD,IACpB;AACA;AACCA,OAAD,CAAiBC,IAAjB,KAA0BC,SAHrB;AAKP,OAAO,MAAMC,WAAW,GAAG,CAACC,OAAD,EAAmBJ,OAAnB,KAAwC;AACjE,MAAIK,YAAJ;;AACA,MAAIN,MAAM,CAACC,OAAD,CAAV,EAAqB;AACnBK,IAAAA,YAAY,GAAGL,OAAO,CAACC,IAAvB;AACD,GAFD,MAEO;AACL,UAAM;AAAEK,MAAAA,UAAF;AAAcC,MAAAA;AAAd,QAAuBP,OAA7B;AACA,UAAMQ,QAAQ,GAAGJ,OAAO,CAACK,gBAAR,CAAyBH,UAAzB,CAAjB;;AACA,QAAIE,QAAQ,KAAK,IAAjB,EAAuB;AACrB,YAAM,IAAIE,KAAJ,CAAW,yBAAwBJ,UAAW,EAA9C,CAAN;AACD;;AACDD,IAAAA,YAAY,GAAGP,IAAI,CAACa,IAAL,CAAUH,QAAV,EAAoBD,IAApB,CAAf;AACD;;AACD,SAAOF,YAAP;AACD,CAbM","sourcesContent":["import type { SkFont } from \"../../skia\";\nimport { Skia } from \"../../skia/Skia\";\nimport type { FontMgr } from \"../../skia/FontMgr/FontMgr\";\n\nexport type FontDef = { font: SkFont } | { familyName: string; size: number };\n\nexport const isFont = (fontDef: FontDef): fontDef is { font: SkFont } =>\n  // We use any here for safety (JSI instances don't have hasProperty working properly);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (fontDef as any).font !== undefined;\n\nexport const processFont = (fontMgr: FontMgr, fontDef: FontDef) => {\n  let selectedFont: SkFont;\n  if (isFont(fontDef)) {\n    selectedFont = fontDef.font;\n  } else {\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,75 @@
+import { BlendMode, PaintStyle, StrokeJoin, StrokeCap, processColor } from "../../skia";
+export const enumKey = k => k.charAt(0).toUpperCase() + k.slice(1);
+export const processPaint = (paint, currentOpacity, _ref) => {
+  let {
+    color,
+    blendMode,
+    style,
+    strokeWidth,
+    strokeJoin,
+    strokeCap,
+    strokeMiter,
+    opacity
+  } = _ref;
+
+  if (color !== undefined) {
+    const c = processColor(color, currentOpacity);
+    paint.setShader(null);
+    paint.setColor(c);
+  } else {
+    const c = processColor(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);
+  }
+};
+export const selectPaint = (currentPaint, _ref2) => {
+  var _paint$current;
+
+  let {
+    paint,
+    color: cl,
+    blendMode,
+    style: paintStyle,
+    strokeWidth,
+    strokeJoin,
+    strokeCap,
+    strokeMiter,
+    opacity
+  } = _ref2;
+  const hasCustomPaint = cl !== undefined || blendMode !== undefined || paintStyle !== undefined || strokeWidth !== undefined || strokeJoin !== undefined || opacity !== undefined || strokeCap !== undefined || strokeMiter !== undefined;
+  const parentPaint = (_paint$current = paint === null || paint === void 0 ? void 0 : paint.current) !== null && _paint$current !== void 0 ? _paint$current : currentPaint;
+
+  if (hasCustomPaint) {
+    return parentPaint.copy();
+  }
+
+  return parentPaint;
+};
+//# 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","processColor","enumKey","k","charAt","toUpperCase","slice","processPaint","paint","currentOpacity","color","blendMode","style","strokeWidth","strokeJoin","strokeCap","strokeMiter","opacity","undefined","c","setShader","setColor","getColor","setBlendMode","setStyle","setStrokeJoin","setStrokeCap","setStrokeMiter","setStrokeWidth","setAlphaf","selectPaint","currentPaint","cl","paintStyle","hasCustomPaint","parentPaint","current","copy"],"mappings":"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","sourcesContent":["import type { ReactNode, RefObject } from \"react\";\n\nimport {\n  BlendMode,\n  PaintStyle,\n  StrokeJoin,\n  StrokeCap,\n  processColor,\n} from \"../../skia\";\nimport type { SkPaint, Color } from \"../../skia\";\nexport type SkEnum<T> = Uncapitalize<keyof T extends string ? keyof T : never>;\n\nexport interface ChildrenProps {\n  children?: ReactNode | ReactNode[];\n}\n\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}\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  paint: SkPaint,\n  currentOpacity: number,\n  {\n    color,\n    blendMode,\n    style,\n    strokeWidth,\n    strokeJoin,\n    strokeCap,\n    strokeMiter,\n    opacity,\n  }: CustomPaintProps\n) => {\n  if (color !== undefined) {\n    const c = processColor(color, currentOpacity);\n    paint.setShader(null);\n    paint.setColor(c);\n  } else {\n    const c = processColor(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};\n\nexport const selectPaint = (\n  currentPaint: SkPaint,\n  {\n    paint,\n    color: cl,\n    blendMode,\n    style: paintStyle,\n    strokeWidth,\n    strokeJoin,\n    strokeCap,\n    strokeMiter,\n    opacity,\n  }: CustomPaintProps\n) => {\n  const hasCustomPaint =\n    cl !== undefined ||\n    blendMode !== undefined ||\n    paintStyle !== undefined ||\n    strokeWidth !== undefined ||\n    strokeJoin !== undefined ||\n    opacity !== undefined ||\n    strokeCap !== undefined ||\n    strokeMiter !== undefined;\n  const parentPaint = paint?.current ?? currentPaint;\n  if (hasCustomPaint) {\n    return parentPaint.copy();\n  }\n  return parentPaint;\n};\n"]}

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

@@ -0,0 +1,13 @@
+import { Skia, isPath } from "../../skia";
+export const processPath = 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":["Skia","isPath","processPath","rawPath","path","Path","MakeFromSVGString","Error","isPathDef","def"],"mappings":"AACA,SAASA,IAAT,EAAeC,MAAf,QAA6B,YAA7B;AAIA,OAAO,MAAMC,WAAW,GAAIC,OAAD,IAAsB;AAC/C,QAAMC,IAAI,GACR,OAAOD,OAAP,KAAmB,QAAnB,GACIH,IAAI,CAACK,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,IAA2BR,MAAM,CAACQ,GAAD,CAD5B","sourcesContent":["import type { SkPath } from \"../../skia\";\nimport { Skia, isPath } from \"../../skia\";\n\nexport type PathDef = string | SkPath;\n\nexport const processPath = (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,9 @@
+import { vec } from "./math";
+export const processRadius = radius => {
+  if (typeof radius === "number") {
+    return vec(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":["vec","processRadius","radius"],"mappings":"AACA,SAASA,GAAT,QAAoB,QAApB;AAIA,OAAO,MAAMC,aAAa,GAAIC,MAAD,IAA4B;AACvD,MAAI,OAAOA,MAAP,KAAkB,QAAtB,EAAgC;AAC9B,WAAOF,GAAG,CAACE,MAAD,EAASA,MAAT,CAAV;AACD;;AACD,SAAOA,MAAP;AACD,CALM","sourcesContent":["import type { Vector } from \"./math\";\nimport { vec } from \"./math\";\n\nexport type Radius = number | Vector;\n\nexport const processRadius = (radius: Radius): Vector => {\n  if (typeof radius === \"number\") {\n    return vec(radius, radius);\n  }\n  return radius;\n};\n"]}