@shopify/react-native-skia 0.1.115

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextBlob = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Drawing = require("../../nodes/Drawing");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const onDraw = (0, _Drawing.createDrawing)((_ref, _ref2) => {
+  let {
+    canvas,
+    paint
+  } = _ref;
+  let {
+    blob,
+    x,
+    y
+  } = _ref2;
+  canvas.drawTextBlob(blob, x, y, paint);
+});
+
+const TextBlob = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.TextBlob = TextBlob;
+TextBlob.defaultProps = {
+  x: 0,
+  y: 0
+};
+//# sourceMappingURL=TextBlob.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TextBlob.tsx"],"names":["onDraw","canvas","paint","blob","x","y","drawTextBlob","TextBlob","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;;;;;AASA,MAAMA,MAAM,GAAG,4BACb,iBAAuC;AAAA,MAAtC;AAAEC,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,CAHY,CAAf;;AAMO,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/commonjs/renderer/components/text/TextPath.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextPath = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _nodes = require("../../nodes");
+
+var _Skia = require("../../../skia/Skia");
+
+var _Font = require("../../processors/Font");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const onDraw = (0, _nodes.createDrawing)((_ref, _ref2) => {
+  let {
+    canvas,
+    paint,
+    fontMgr
+  } = _ref;
+  let {
+    text,
+    initialOffset,
+    path: pathDef,
+    ...fontDef
+  } = _ref2;
+  const path = typeof pathDef === "string" ? _Skia.Skia.Path.MakeFromSVGString(pathDef) : pathDef;
+
+  if (path === null) {
+    throw new Error("Invalid path: " + pathDef);
+  }
+
+  const font = (0, _Font.processFont)(fontMgr, fontDef);
+  const ids = font.getGlyphIDs(text);
+  const widths = font.getGlyphWidths(ids, paint);
+  const rsx = [];
+
+  const meas = _Skia.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.Skia.RSXform(tx, ty, adjustedX, adjustedY));
+    dist += width / 2;
+  }
+
+  const blob = _Skia.Skia.TextBlob.MakeFromRSXform(text, rsx, font);
+
+  canvas.drawTextBlob(blob, 0, 0, paint);
+});
+
+const TextPath = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.TextPath = TextPath;
+TextPath.defaultProps = {
+  initialOffset: 0
+};
+//# sourceMappingURL=TextPath.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TextPath.tsx"],"names":["onDraw","canvas","paint","fontMgr","text","initialOffset","path","pathDef","fontDef","Skia","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":";;;;;;;AAAA;;AAGA;;AAGA;;AAEA;;;;;;AASA,MAAMA,MAAM,GAAG,0BACb,iBAGK;AAAA,MAFH;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,GAEG;AAAA,MADH;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,aAAR;AAAuBC,IAAAA,IAAI,EAAEC,OAA7B;AAAsC,OAAGC;AAAzC,GACG;AACH,QAAMF,IAAI,GACR,OAAOC,OAAP,KAAmB,QAAnB,GACIE,WAAKC,IAAL,CAAUC,iBAAV,CAA4BJ,OAA5B,CADJ,GAEIA,OAHN;;AAIA,MAAID,IAAI,KAAK,IAAb,EAAmB;AACjB,UAAM,IAAIM,KAAJ,CAAU,mBAAmBL,OAA7B,CAAN;AACD;;AACD,QAAMM,IAAI,GAAG,uBAAYV,OAAZ,EAAqBK,OAArB,CAAb;AACA,QAAMM,GAAG,GAAGD,IAAI,CAACE,WAAL,CAAiBX,IAAjB,CAAZ;AACA,QAAMY,MAAM,GAAGH,IAAI,CAACI,cAAL,CAAoBH,GAApB,EAAyBZ,KAAzB,CAAf;AACA,QAAMgB,GAAgB,GAAG,EAAzB;;AACA,QAAMC,IAAI,GAAGV,WAAKW,kBAAL,CAAwBd,IAAxB,EAA8B,KAA9B,EAAqC,CAArC,CAAb;;AACA,MAAIe,IAAI,GAAGF,IAAI,CAACG,IAAL,EAAX;AACA,MAAIC,IAAI,GAAGlB,aAAX;;AACA,OAAK,IAAImB,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGpB,IAAI,CAACqB,MAAT,IAAmBJ,IAAnC,EAAyCG,CAAC,EAA1C,EAA8C;AAC5C,UAAME,KAAK,GAAGV,MAAM,CAACQ,CAAD,CAApB;AACAD,IAAAA,IAAI,IAAIG,KAAK,GAAG,CAAhB;;AACA,QAAIH,IAAI,GAAGF,IAAI,CAACI,MAAL,EAAX,EAA0B;AACxB;AACAJ,MAAAA,IAAI,GAAGF,IAAI,CAACG,IAAL,EAAP;;AACA,UAAI,CAACD,IAAL,EAAW;AACT;AACA;AACAjB,QAAAA,IAAI,GAAGA,IAAI,CAACuB,SAAL,CAAe,CAAf,EAAkBH,CAAlB,CAAP;AACA;AACD;;AACDD,MAAAA,IAAI,GAAGG,KAAK,GAAG,CAAf;AACD,KAb2C,CAc5C;AACA;;;AACA,UAAM;AAAEE,MAAAA,EAAF;AAAMC,MAAAA,EAAN;AAAUC,MAAAA,EAAV;AAAcC,MAAAA;AAAd,QAAqBV,IAAI,CAACW,SAAL,CAAeT,IAAf,CAA3B;AACA,UAAMU,SAAS,GAAGL,EAAE,GAAIF,KAAK,GAAG,CAAT,GAAcI,EAArC;AACA,UAAMI,SAAS,GAAGL,EAAE,GAAIH,KAAK,GAAG,CAAT,GAAcK,EAArC;AACAb,IAAAA,GAAG,CAACiB,IAAJ,CAAS1B,WAAK2B,OAAL,CAAaN,EAAb,EAAiBC,EAAjB,EAAqBE,SAArB,EAAgCC,SAAhC,CAAT;AACAX,IAAAA,IAAI,IAAIG,KAAK,GAAG,CAAhB;AACD;;AACD,QAAMW,IAAI,GAAG5B,WAAK6B,QAAL,CAAcC,eAAd,CAA8BnC,IAA9B,EAAoCc,GAApC,EAAyCL,IAAzC,CAAb;;AACAZ,EAAAA,MAAM,CAACuC,YAAP,CAAoBH,IAApB,EAA0B,CAA1B,EAA6B,CAA7B,EAAgCnC,KAAhC;AACD,CA3CY,CAAf;;AA8CO,MAAMuC,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAW,IAAA,MAAM,EAAE1C;AAAnB,KAA+B0C,KAA/B,EAAP;AACD,CAFM;;;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBtC,EAAAA,aAAa,EAAE;AADO,CAAxB","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/commonjs/renderer/components/text/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Text = require("./Text");
+
+Object.keys(_Text).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Text[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Text[key];
+    }
+  });
+});
+
+var _Glyphs = require("./Glyphs");
+
+Object.keys(_Glyphs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Glyphs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Glyphs[key];
+    }
+  });
+});
+
+var _TextBlob = require("./TextBlob");
+
+Object.keys(_TextBlob).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TextBlob[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TextBlob[key];
+    }
+  });
+});
+
+var _TextPath = require("./TextPath");
+
+Object.keys(_TextPath).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TextPath[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TextPath[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

package/lib/commonjs/renderer/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Canvas = require("./Canvas");
+
+Object.keys(_Canvas).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Canvas[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Canvas[key];
+    }
+  });
+});
+
+var _components = require("./components");
+
+Object.keys(_components).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _components[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _components[key];
+    }
+  });
+});
+
+var _nodes = require("./nodes");
+
+Object.keys(_nodes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _nodes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _nodes[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _Node = require("./Node");
+
+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; }
+
+class Container extends _Node.Node {
+  constructor(depMgr, redraw) {
+    super(depMgr, {});
+
+    _defineProperty(this, "redraw", void 0);
+
+    this.redraw = redraw;
+  }
+
+  draw(ctx) {
+    this.visit(ctx);
+  }
+
+}
+
+exports.Container = Container;
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Container.tsx"],"names":["Container","Node","constructor","depMgr","redraw","draw","ctx","visit"],"mappings":";;;;;;;AAGA;;;;AAEO,MAAMA,SAAN,SAAwBC,UAAxB,CAA6B;AAGlCC,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/commonjs/renderer/nodes/Declaration.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDeclaration = exports.DeclarationNode = void 0;
+
+var _processors = require("../processors");
+
+var _Node = require("./Node");
+
+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; }
+
+const createDeclaration = cb => cb;
+
+exports.createDeclaration = createDeclaration;
+
+class DeclarationNode extends _Node.Node {
+  constructor(depMgr, onDeclare, props) {
+    super(depMgr, props);
+
+    _defineProperty(this, "onDeclare", void 0);
+
+    super.memoizable = !(0, _processors.isAnimated)(props);
+    this.onDeclare = onDeclare;
+  }
+
+  set props(props) {
+    this.memoizable = !(0, _processors.isAnimated)(props);
+    super.props = props;
+  }
+
+  get props() {
+    return this._props;
+  }
+
+  draw(ctx) {
+    const children = this.visit(ctx);
+    const props = (0, _processors.materialize)(this.props);
+    const obj = this.onDeclare(props, children, ctx);
+    return obj;
+  }
+
+}
+
+exports.DeclarationNode = DeclarationNode;
+//# sourceMappingURL=Declaration.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Declaration.tsx"],"names":["createDeclaration","cb","DeclarationNode","Node","constructor","depMgr","onDeclare","props","memoizable","_props","draw","ctx","children","visit","obj"],"mappings":";;;;;;;AAGA;;AAGA;;;;AAUO,MAAMA,iBAAiB,GAC5BC,EAD+B,IAEJA,EAFtB;;;;AAQA,MAAMC,eAAN,SAAiCC,UAAjC,CAAyC;AAG9CC,EAAAA,WAAW,CACTC,MADS,EAETC,SAFS,EAGTC,KAHS,EAIT;AACA,UAAMF,MAAN,EAAcE,KAAd;;AADA;;AAEA,UAAMC,UAAN,GAAmB,CAAC,4BAAWD,KAAX,CAApB;AACA,SAAKD,SAAL,GAAiBA,SAAjB;AACD;;AAEQ,MAALC,KAAK,CAACA,KAAD,EAA0B;AACjC,SAAKC,UAAL,GAAkB,CAAC,4BAAWD,KAAX,CAAnB;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,GAAG,6BAAY,KAAKA,KAAjB,CAAd;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/commonjs/renderer/nodes/Drawing.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDrawing = exports.DrawingNode = exports.Drawing = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _processors = require("../processors");
+
+var _Animations = require("../processors/Animations/Animations");
+
+var _skia = require("../../skia");
+
+var _Node = require("./Node");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+const createDrawing = cb => cb;
+
+exports.createDrawing = createDrawing;
+
+const Drawing = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", props);
+};
+
+exports.Drawing = Drawing;
+
+class DrawingNode extends _Node.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 = (0, _Animations.materialize)(this.props);
+
+    if (this.skipProcessing) {
+      this.onDraw(ctx, drawingProps, this);
+    } else {
+      const selectedPaint = (0, _processors.selectPaint)(ctx.paint, drawingProps);
+      (0, _processors.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(_skia.isPaint)].forEach(paint => {
+        this.onDraw({ ...ctx,
+          paint
+        }, drawingProps, this);
+      });
+    }
+  }
+
+}
+
+exports.DrawingNode = DrawingNode;
+//# sourceMappingURL=Drawing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Drawing.tsx"],"names":["createDrawing","cb","Drawing","props","DrawingNode","Node","constructor","depMgr","onDraw","skipProcessing","draw","ctx","drawingProps","selectedPaint","paint","opacity","children","map","child","ret","filter","isPaint","forEach"],"mappings":";;;;;;;AACA;;AAGA;;AAEA;;AACA;;AAGA;;;;;;AAUO,MAAMA,aAAa,GAAQC,EAAL,IAC3BA,EADK;;;;AASA,MAAMC,OAAO,GAAQC,KAAL,IAAgC;AACrD,sBAAO,0CAAeA,KAAf,CAAP;AACD,CAFM;;;;AAIA,MAAMC,WAAN,SAA6BC,UAA7B,CAAqC;AAI1CC,EAAAA,WAAW,CACTC,MADS,EAETC,MAFS,EAGTC,cAHS,EAITN,KAJS,EAKT;AACA,UAAMI,MAAN,EAAcJ,KAAd;;AADA;;AAAA;;AAEA,SAAKK,MAAL,GAAcA,MAAd;AACA,SAAKC,cAAL,GAAsBA,cAAtB;AACD;;AAEDC,EAAAA,IAAI,CAACC,GAAD,EAAsB;AACxB,UAAMC,YAAY,GAAG,6BAAY,KAAKT,KAAjB,CAArB;;AACA,QAAI,KAAKM,cAAT,EAAyB;AACvB,WAAKD,MAAL,CAAYG,GAAZ,EAAiBC,YAAjB,EAA+B,IAA/B;AACD,KAFD,MAEO;AACL,YAAMC,aAAa,GAAG,6BAAYF,GAAG,CAACG,KAAhB,EAAuBF,YAAvB,CAAtB;AACA,oCAAaC,aAAb,EAA4BF,GAAG,CAACI,OAAhC,EAAyCH,YAAzC,EAFK,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,CAUOC,aAVP,CAFL,EAaEC,OAbF,CAaWR,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/commonjs/renderer/nodes/Node.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NodeType = exports.Node = void 0;
+
+var _skia = require("../../skia");
+
+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; }
+
+let NodeType;
+exports.NodeType = NodeType;
+
+(function (NodeType) {
+  NodeType["Declaration"] = "skDeclaration";
+  NodeType["Drawing"] = "skDrawing";
+})(NodeType || (exports.NodeType = NodeType = {}));
+
+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 ((0, _skia.isPaint)(ret)) {
+            currentCtx = { ...currentCtx,
+              paint: ret
+            };
+          }
+
+          returnedValues.push(ret);
+        }
+
+        if (child.memoizable) {
+          child.memoized = true;
+        }
+      }
+    });
+    return returnedValues;
+  }
+
+}
+
+exports.Node = Node;
+//# sourceMappingURL=Node.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Node.ts"],"names":["NodeType","Node","constructor","depMgr","props","_props","unSubscribeNode","subscribeNode","visit","ctx","returnedValues","currentCtx","children","forEach","child","memoized","ret","draw","paint","push","memoizable"],"mappings":";;;;;;;AAAA;;;;IAMYA,Q;;;WAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;GAAAA,Q,wBAAAA,Q;;AAOL,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,cAAI,mBAAQA,GAAR,CAAJ,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/commonjs/renderer/nodes/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Drawing = require("./Drawing");
+
+Object.keys(_Drawing).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Drawing[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Drawing[key];
+    }
+  });
+});
+
+var _Declaration = require("./Declaration");
+
+Object.keys(_Declaration).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Declaration[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Declaration[key];
+    }
+  });
+});
+
+var _Container = require("./Container");
+
+Object.keys(_Container).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Container[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Container[key];
+    }
+  });
+});
+
+var _Node = require("./Node");
+
+Object.keys(_Node).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Node[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Node[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.materialize = exports.isValue = exports.isAnimated = void 0;
+
+var _typeddash = require("../../typeddash");
+
+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;
+};
+
+exports.isValue = isValue;
+
+const isAnimated = props => {
+  for (const value of Object.values(props)) {
+    if (isValue(value)) {
+      return true;
+    }
+  }
+
+  return false;
+};
+
+exports.isAnimated = isAnimated;
+
+const materialize = props => {
+  const result = { ...props
+  };
+  (0, _typeddash.mapKeys)(props).forEach(key => {
+    const value = props[key];
+
+    if (isValue(value)) {
+      result[key] = value.current;
+    }
+  });
+  return result;
+};
+
+exports.materialize = materialize;
+//# sourceMappingURL=Animations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Animations.ts"],"names":["isValue","value","undefined","__typename__","isAnimated","props","Object","values","materialize","result","forEach","key","current"],"mappings":";;;;;;;AAEA;;AAIO,MAAMA,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;;;;AAmBA,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;;;;AASA,MAAMO,WAAW,GAAOH,KAAJ,IAAgC;AACzD,QAAMI,MAAM,GAAG,EAAE,GAAGJ;AAAL,GAAf;AACA,0BAAQA,KAAR,EAAeK,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/commonjs/renderer/processors/Animations/index.js

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