@shopify/react-native-skia 0.1.147 → 0.1.148

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

@@ -7,80 +7,10 @@ exports.TextPath = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _nodes = require("../../nodes");
-
 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,
-    Skia
-  } = _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
-  } = 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);
-});
-
 const TextPath = props => {
-  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
-    onDraw: onDraw
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skTextPath", props);
 };
 
 exports.TextPath = TextPath;

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

@@ -1 +1 @@
-{"version":3,"sources":["TextPath.tsx"],"names":["onDraw","canvas","paint","Skia","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":";;;;;;;AAAA;;AAGA;;;;;;AAWA,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,GACIJ,IAAI,CAACM,IAAL,CAAUC,iBAAV,CAA4BH,OAA5B,CADJ,GAEIA,OAHN;;AAIA,MAAID,IAAI,KAAK,IAAb,EAAmB;AACjB,UAAM,IAAIK,KAAJ,CAAU,mBAAmBJ,OAA7B,CAAN;AACD;;AACD,QAAM;AAAEK,IAAAA;AAAF,MAAWJ,OAAjB;AACA,QAAMK,GAAG,GAAGD,IAAI,CAACE,WAAL,CAAiBV,IAAjB,CAAZ;AACA,QAAMW,MAAM,GAAGH,IAAI,CAACI,cAAL,CAAoBH,GAApB,EAAyBX,KAAzB,CAAf;AACA,QAAMe,GAAgB,GAAG,EAAzB;AACA,QAAMC,IAAI,GAAGf,IAAI,CAACgB,kBAAL,CAAwBb,IAAxB,EAA8B,KAA9B,EAAqC,CAArC,CAAb;AACA,MAAIc,IAAI,GAAGF,IAAI,CAACG,IAAL,EAAX;AACA,MAAIC,IAAI,GAAGjB,aAAX;;AACA,OAAK,IAAIkB,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGnB,IAAI,CAACoB,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;AACAhB,QAAAA,IAAI,GAAGA,IAAI,CAACsB,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,CAAS/B,IAAI,CAACgC,OAAL,CAAaN,EAAb,EAAiBC,EAAjB,EAAqBE,SAArB,EAAgCC,SAAhC,CAAT;AACAX,IAAAA,IAAI,IAAIG,KAAK,GAAG,CAAhB;AACD;;AACD,QAAMW,IAAI,GAAGjC,IAAI,CAACkC,QAAL,CAAcC,eAAd,CAA8BlC,IAA9B,EAAoCa,GAApC,EAAyCL,IAAzC,CAAb;AACAX,EAAAA,MAAM,CAACsC,YAAP,CAAoBH,IAApB,EAA0B,CAA1B,EAA6B,CAA7B,EAAgClC,KAAhC;AACD,CA3CY,CAAf;;AA8CO,MAAMsC,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAW,IAAA,MAAM,EAAEzC;AAAnB,KAA+ByC,KAA/B,EAAP;AACD,CAFM;;;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBrC,EAAAA,aAAa,EAAE;AADO,CAAxB","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps, AnimatedProps } from \"../../processors\";\nimport { createDrawing } from \"../../nodes\";\nimport type { SkPath, SkRSXform } from \"../../../skia/types\";\nimport type { FontDef } 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, Skia },\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 } = 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"]}
+{"version":3,"sources":["TextPath.tsx"],"names":["TextPath","props","defaultProps","initialOffset"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,QAAQ,GAAIC,KAAD,IAAqC;AAC3D,sBAAO,2CAAgBA,KAAhB,CAAP;AACD,CAFM;;;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBC,EAAAA,aAAa,EAAE;AADO,CAAxB","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { TextPathProps } from \"../../../dom/types\";\n\nexport const TextPath = (props: SkiaProps<TextPathProps>) => {\n  return <skTextPath {...props} />;\n};\n\nTextPath.defaultProps = {\n  initialOffset: 0,\n};\n"]}

package/lib/commonjs/renderer/index.js

@@ -17,19 +17,6 @@ Object.keys(_components).forEach(function (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];
-    }
-  });
-});
-
 var _useContextBridge = require("./useContextBridge");
 
 Object.keys(_useContextBridge).forEach(function (key) {

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

@@ -1 +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;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./components\";\nexport * from \"./nodes\";\nexport * from \"./useContextBridge\";\nexport * from \"./DependencyManager\";\nexport * from \"./useCanvas\";\n"]}
+{"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 \"./components\";\nexport * from \"./useContextBridge\";\nexport * from \"./DependencyManager\";\nexport * from \"./useCanvas\";\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Animations.ts"],"names":["isValue","value","undefined","__typename__","isSelector","selector","isAnimated","props","Object","values"],"mappings":";;;;;;;AAEO,MAAMA,OAAO,GAAIC,KAAD,IAAiD;AACtE,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,CAAyCE,YAAzC,KAA0D,WAH5D,EAIE;AACA,aAAO,IAAP;AACD;AACF,GARD,CAQE,MAAM,CAAE;;AACV,SAAO,KAAP;AACD,CAdM;;;;AAgBA,MAAMC,UAAU,GACrBH,KADwB,IAKrB;AACH,MAAIA,KAAJ,EAAW;AACT,WACE,OAAOA,KAAP,KAAiB,QAAjB,IACA,cAAcA,KADd,IAEA,WAAWA,KAFX,IAGCA,KAAD,CAAmCI,QAAnC,KAAgDH,SAHhD,IAICD,KAAD,CAAmCA,KAAnC,KAA6CC,SAL/C;AAOD;;AACD,SAAO,KAAP;AACD,CAhBM;;;;AAkBA,MAAMI,UAAU,GAAOC,KAAJ,IAAgC;AACxD,OAAK,MAAMN,KAAX,IAAoBO,MAAM,CAACC,MAAP,CAAcF,KAAd,CAApB,EAA0C;AACxC,QAAIP,OAAO,CAACC,KAAD,CAAP,IAAkBG,UAAU,CAACH,KAAD,CAAhC,EAAyC;AACvC,aAAO,IAAP;AACD;AACF;;AACD,SAAO,KAAP;AACD,CAPM,C,CASP","sourcesContent":["import type { SkiaSelector, SkiaValue } from \"../../../values\";\n\nexport const isValue = (value: unknown): value is SkiaValue<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 SkiaValue<unknown>).__typename__ === \"RNSkValue\"\n    ) {\n      return true;\n    }\n  } catch {}\n  return false;\n};\n\nexport const isSelector = <T, R>(\n  value: unknown\n): value is {\n  selector: (v: T) => R;\n  value: SkiaValue<T>;\n} => {\n  if (value) {\n    return (\n      typeof value === \"object\" &&\n      \"selector\" in value &&\n      \"value\" in value &&\n      (value as Record<string, unknown>).selector !== undefined &&\n      (value as Record<string, unknown>).value !== undefined\n    );\n  }\n  return false;\n};\n\nexport const isAnimated = <T>(props: AnimatedProps<T>) => {\n  for (const value of Object.values(props)) {\n    if (isValue(value) || isSelector(value)) {\n      return true;\n    }\n  }\n  return false;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type AnimatedProp<T, P = any> = T | SkiaValue<T> | SkiaSelector<T, P>;\n\nexport type AnimatedProps<T> = {\n  [K in keyof T]: AnimatedProp<T[K]>;\n};\n"]}
+{"version":3,"sources":["Animations.ts"],"names":["isValue","value","undefined","__typename__","isSelector","selector","isAnimated","props","Object","values"],"mappings":";;;;;;;AAEO,MAAMA,OAAO,GAAIC,KAAD,IAAiD;AACtE,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,CAAyCE,YAAzC,KAA0D,WAH5D,EAIE;AACA,aAAO,IAAP;AACD;AACF,GARD,CAQE,MAAM,CAAE;;AACV,SAAO,KAAP;AACD,CAdM;;;;AAgBA,MAAMC,UAAU,GACrBH,KADwB,IAKrB;AACH,MAAIA,KAAJ,EAAW;AACT,WACE,OAAOA,KAAP,KAAiB,QAAjB,IACA,cAAcA,KADd,IAEA,WAAWA,KAFX,IAGCA,KAAD,CAAmCI,QAAnC,KAAgDH,SAHhD,IAICD,KAAD,CAAmCA,KAAnC,KAA6CC,SAL/C;AAOD;;AACD,SAAO,KAAP;AACD,CAhBM;;;;AAkBA,MAAMI,UAAU,GAAOC,KAAJ,IAAgC;AACxD,OAAK,MAAMN,KAAX,IAAoBO,MAAM,CAACC,MAAP,CAAcF,KAAd,CAApB,EAA0C;AACxC,QAAIP,OAAO,CAACC,KAAD,CAAP,IAAkBG,UAAU,CAACH,KAAD,CAAhC,EAAyC;AACvC,aAAO,IAAP;AACD;AACF;;AACD,SAAO,KAAP;AACD,CAPM,C,CASP","sourcesContent":["import type { SkiaSelector, SkiaValue } from \"../../../values\";\n\nexport const isValue = (value: unknown): value is SkiaValue<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 SkiaValue<unknown>).__typename__ === \"RNSkValue\"\n    ) {\n      return true;\n    }\n  } catch {}\n  return false;\n};\n\nexport const isSelector = <T, R>(\n  value: unknown\n): value is {\n  selector: (v: T) => R;\n  value: SkiaValue<T>;\n} => {\n  if (value) {\n    return (\n      typeof value === \"object\" &&\n      \"selector\" in value &&\n      \"value\" in value &&\n      (value as Record<string, unknown>).selector !== undefined &&\n      (value as Record<string, unknown>).value !== undefined\n    );\n  }\n  return false;\n};\n\nexport const isAnimated = <T>(props: AnimatedProps<T>) => {\n  for (const value of Object.values(props)) {\n    if (isValue(value) || isSelector(value)) {\n      return true;\n    }\n  }\n  return false;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type AnimatedProp<T, P = any> = T | SkiaValue<T> | SkiaSelector<T, P>;\n\nexport type AnimatedProps<T> = {\n  [K in keyof T]: AnimatedProp<T[K]>;\n};\n\n// TODO: switch to AnimatedProps<GroupProps> and remove duplicate properties.\n// For instance matrix in color filter becomes colorMatrix\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type SkiaProps<P = {}> = AnimatedProps<P>;\n"]}

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

@@ -4,19 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _Transform = require("./Transform");
-
-Object.keys(_Transform).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Transform[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Transform[key];
-    }
-  });
-});
-
 var _Animations = require("./Animations");
 
 Object.keys(_Animations).forEach(function (key) {
@@ -30,32 +17,6 @@ Object.keys(_Animations).forEach(function (key) {
   });
 });
 
-var _Circles = require("./Circles");
-
-Object.keys(_Circles).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Circles[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Circles[key];
-    }
-  });
-});
-
-var _Rects = require("./Rects");
-
-Object.keys(_Rects).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Rects[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Rects[key];
-    }
-  });
-});
-
 var _math = require("./math");
 
 Object.keys(_math).forEach(function (key) {
@@ -68,82 +29,4 @@ Object.keys(_math).forEach(function (key) {
     }
   });
 });
-
-var _Font = require("./Font");
-
-Object.keys(_Font).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Font[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Font[key];
-    }
-  });
-});
-
-var _Paths = require("./Paths");
-
-Object.keys(_Paths).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Paths[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Paths[key];
-    }
-  });
-});
-
-var _Clips = require("./Clips");
-
-Object.keys(_Clips).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Clips[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Clips[key];
-    }
-  });
-});
-
-var _Radius = require("./Radius");
-
-Object.keys(_Radius).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Radius[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Radius[key];
-    }
-  });
-});
-
-var _Color = require("./Color");
-
-Object.keys(_Color).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Color[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Color[key];
-    }
-  });
-});
-
-var _Paint = require("./Paint");
-
-Object.keys(_Paint).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Paint[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Paint[key];
-    }
-  });
-});
 //# sourceMappingURL=index.js.map

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

@@ -1 +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;;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;;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;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","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"]}
+{"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","sourcesContent":["export * from \"./Animations\";\nexport * from \"./math\";\n"]}

package/lib/commonjs/web/WithSkiaWeb.js

@@ -21,7 +21,9 @@ const WithSkiaWeb = _ref => {
     fallback,
     opts
   } = _ref;
-  const Inner = (0, _react.useMemo)(() => /*#__PURE__*/(0, _react.lazy)(async () => {
+  const Inner = (0, _react.useMemo)( // TODO: investigate
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  () => /*#__PURE__*/(0, _react.lazy)(async () => {
     if (_reactNative.Platform.OS === "web") {
       await (0, _LoadSkiaWeb.LoadSkiaWeb)(opts);
     } else {

package/lib/commonjs/web/WithSkiaWeb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["WithSkiaWeb.tsx"],"names":["WithSkiaWeb","getComponent","fallback","opts","Inner","Platform","OS","console","warn"],"mappings":";;;;;;;AACA;;AACA;;AAEA;;;;;;AAQO,MAAMA,WAAW,GAAG,QAIN;AAAA,MAJO;AAC1BC,IAAAA,YAD0B;AAE1BC,IAAAA,QAF0B;AAG1BC,IAAAA;AAH0B,GAIP;AACnB,QAAMC,KAAK,GAAG,oBACZ,mBACE,iBAAK,YAAY;AACf,QAAIC,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACzB,YAAM,8BAAYH,IAAZ,CAAN;AACD,KAFD,MAEO;AACLI,MAAAA,OAAO,CAACC,IAAR,CACE,yEADF;AAGD;;AACD,WAAOP,YAAY,EAAnB;AACD,GATD,CAFU,EAYZ,CAACA,YAAD,EAAeE,IAAf,CAZY,CAAd;AAcA,sBACE,6BAAC,eAAD;AAAU,IAAA,QAAQ,EAAED,QAAF,aAAEA,QAAF,cAAEA,QAAF,GAAc;AAAhC,kBACE,6BAAC,KAAD,OADF,CADF;AAKD,CAxBM","sourcesContent":["import type { ComponentProps, ComponentType } from \"react\";\nimport React, { useMemo, lazy, Suspense } from \"react\";\nimport { Platform } from \"react-native\";\n\nimport { LoadSkiaWeb } from \"./LoadSkiaWeb\";\n\ninterface WithSkiaProps {\n  fallback?: ComponentProps<typeof Suspense>[\"fallback\"];\n  getComponent: () => Promise<{ default: ComponentType }>;\n  opts?: Parameters<typeof LoadSkiaWeb>[0];\n}\n\nexport const WithSkiaWeb = ({\n  getComponent,\n  fallback,\n  opts,\n}: WithSkiaProps) => {\n  const Inner = useMemo(\n    () =>\n      lazy(async () => {\n        if (Platform.OS === \"web\") {\n          await LoadSkiaWeb(opts);\n        } else {\n          console.warn(\n            \"<WithSkiaWeb /> is only necessary on web. Consider not using on native.\"\n          );\n        }\n        return getComponent();\n      }),\n    [getComponent, opts]\n  );\n  return (\n    <Suspense fallback={fallback ?? null}>\n      <Inner />\n    </Suspense>\n  );\n};\n"]}
+{"version":3,"sources":["WithSkiaWeb.tsx"],"names":["WithSkiaWeb","getComponent","fallback","opts","Inner","Platform","OS","console","warn"],"mappings":";;;;;;;AACA;;AACA;;AAEA;;;;;;AAQO,MAAMA,WAAW,GAAG,QAIN;AAAA,MAJO;AAC1BC,IAAAA,YAD0B;AAE1BC,IAAAA,QAF0B;AAG1BC,IAAAA;AAH0B,GAIP;AACnB,QAAMC,KAAK,GAAG,qBACZ;AACA;AACA,qBACE,iBAAK,YAAY;AACf,QAAIC,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACzB,YAAM,8BAAYH,IAAZ,CAAN;AACD,KAFD,MAEO;AACLI,MAAAA,OAAO,CAACC,IAAR,CACE,yEADF;AAGD;;AACD,WAAOP,YAAY,EAAnB;AACD,GATD,CAJU,EAcZ,CAACA,YAAD,EAAeE,IAAf,CAdY,CAAd;AAgBA,sBACE,6BAAC,eAAD;AAAU,IAAA,QAAQ,EAAED,QAAF,aAAEA,QAAF,cAAEA,QAAF,GAAc;AAAhC,kBACE,6BAAC,KAAD,OADF,CADF;AAKD,CA1BM","sourcesContent":["import type { ComponentProps, ComponentType } from \"react\";\nimport React, { useMemo, lazy, Suspense } from \"react\";\nimport { Platform } from \"react-native\";\n\nimport { LoadSkiaWeb } from \"./LoadSkiaWeb\";\n\ninterface WithSkiaProps {\n  fallback?: ComponentProps<typeof Suspense>[\"fallback\"];\n  getComponent: () => Promise<{ default: ComponentType }>;\n  opts?: Parameters<typeof LoadSkiaWeb>[0];\n}\n\nexport const WithSkiaWeb = ({\n  getComponent,\n  fallback,\n  opts,\n}: WithSkiaProps) => {\n  const Inner = useMemo(\n    // TODO: investigate\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (): any =>\n      lazy(async () => {\n        if (Platform.OS === \"web\") {\n          await LoadSkiaWeb(opts);\n        } else {\n          console.warn(\n            \"<WithSkiaWeb /> is only necessary on web. Consider not using on native.\"\n          );\n        }\n        return getComponent();\n      }),\n    [getComponent, opts]\n  );\n  return (\n    <Suspense fallback={fallback ?? null}>\n      <Inner />\n    </Suspense>\n  );\n};\n"]}

package/lib/module/dom/nodes/DrawingNode.js

@@ -0,0 +1,72 @@
+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 { JsiDeclarationNode } from "./Node";
+import { PaintNode } from "./PaintNode";
+import { isSkPaint, JsiRenderNode } from "./RenderNode";
+export class JsiDrawingNode extends JsiRenderNode {
+  constructor(ctx, type, props) {
+    super(ctx, type, props);
+
+    _defineProperty(this, "derived", void 0);
+
+    this.derived = this.deriveProps();
+  }
+
+  setProps(props) {
+    super.setProps(props);
+    this.derived = this.deriveProps();
+  }
+
+  setProp(name, value) {
+    const hasChanged = super.setProp(name, value);
+
+    if (hasChanged) {
+      this.derived = this.deriveProps();
+    }
+
+    return hasChanged;
+  }
+
+  addChild(child) {
+    if (!(child instanceof JsiDeclarationNode)) {
+      throw new Error(`Cannot add ${child.type} to ${this.type}`);
+    }
+
+    super.addChild(child);
+    this.derived = this.deriveProps();
+  }
+
+  insertChildBefore(child, before) {
+    if (!(child instanceof JsiDeclarationNode)) {
+      throw new Error(`Cannot add ${child.type} to ${this.type}`);
+    }
+
+    super.insertChildBefore(child, before);
+    this.derived = this.deriveProps();
+  }
+
+  renderNode(ctx) {
+    if (this.props.paint && isSkPaint(this.props.paint)) {
+      this.draw({ ...ctx,
+        paint: this.props.paint
+      });
+    } else if (this.props.paint && this.props.paint.current != null) {
+      this.draw({ ...ctx,
+        paint: this.props.paint.current.materialize()
+      });
+    } else {
+      this.draw(ctx);
+    }
+
+    this.children().map(child => {
+      if (child instanceof PaintNode) {
+        const paint = child.materialize();
+        this.draw({ ...ctx,
+          paint
+        });
+      }
+    });
+  }
+
+}
+//# sourceMappingURL=DrawingNode.js.map

package/lib/module/dom/nodes/DrawingNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DrawingNode.ts"],"names":["JsiDeclarationNode","PaintNode","isSkPaint","JsiRenderNode","JsiDrawingNode","constructor","ctx","type","props","derived","deriveProps","setProps","setProp","name","value","hasChanged","addChild","child","Error","insertChildBefore","before","renderNode","paint","draw","current","materialize","children","map"],"mappings":";;AASA,SAASA,kBAAT,QAAmC,QAAnC;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,SAAT,EAAoBC,aAApB,QAAyC,cAAzC;AAEA,OAAO,MAAeC,cAAf,SACGD,aADH,CAGP;AAGEE,EAAAA,WAAW,CAACC,GAAD,EAAmBC,IAAnB,EAAmCC,KAAnC,EAA6C;AACtD,UAAMF,GAAN,EAAWC,IAAX,EAAiBC,KAAjB;;AADsD;;AAEtD,SAAKC,OAAL,GAAe,KAAKC,WAAL,EAAf;AACD;;AAEDC,EAAAA,QAAQ,CAACH,KAAD,EAAW;AACjB,UAAMG,QAAN,CAAeH,KAAf;AACA,SAAKC,OAAL,GAAe,KAAKC,WAAL,EAAf;AACD;;AAEDE,EAAAA,OAAO,CAAoBC,IAApB,EAA6BC,KAA7B,EAA0C;AAC/C,UAAMC,UAAU,GAAG,MAAMH,OAAN,CAAcC,IAAd,EAAoBC,KAApB,CAAnB;;AACA,QAAIC,UAAJ,EAAgB;AACd,WAAKN,OAAL,GAAe,KAAKC,WAAL,EAAf;AACD;;AACD,WAAOK,UAAP;AACD;;AAEDC,EAAAA,QAAQ,CAACC,KAAD,EAA6B;AACnC,QAAI,EAAEA,KAAK,YAAYjB,kBAAnB,CAAJ,EAA4C;AAC1C,YAAM,IAAIkB,KAAJ,CAAW,cAAaD,KAAK,CAACV,IAAK,OAAM,KAAKA,IAAK,EAAnD,CAAN;AACD;;AACD,UAAMS,QAAN,CAAeC,KAAf;AACA,SAAKR,OAAL,GAAe,KAAKC,WAAL,EAAf;AACD;;AAEDS,EAAAA,iBAAiB,CAACF,KAAD,EAAuBG,MAAvB,EAAoD;AACnE,QAAI,EAAEH,KAAK,YAAYjB,kBAAnB,CAAJ,EAA4C;AAC1C,YAAM,IAAIkB,KAAJ,CAAW,cAAaD,KAAK,CAACV,IAAK,OAAM,KAAKA,IAAK,EAAnD,CAAN;AACD;;AACD,UAAMY,iBAAN,CAAwBF,KAAxB,EAA+BG,MAA/B;AACA,SAAKX,OAAL,GAAe,KAAKC,WAAL,EAAf;AACD;;AAEDW,EAAAA,UAAU,CAACf,GAAD,EAA4B;AACpC,QAAI,KAAKE,KAAL,CAAWc,KAAX,IAAoBpB,SAAS,CAAC,KAAKM,KAAL,CAAWc,KAAZ,CAAjC,EAAqD;AACnD,WAAKC,IAAL,CAAU,EAAE,GAAGjB,GAAL;AAAUgB,QAAAA,KAAK,EAAE,KAAKd,KAAL,CAAWc;AAA5B,OAAV;AACD,KAFD,MAEO,IAAI,KAAKd,KAAL,CAAWc,KAAX,IAAoB,KAAKd,KAAL,CAAWc,KAAX,CAAiBE,OAAjB,IAA4B,IAApD,EAA0D;AAC/D,WAAKD,IAAL,CAAU,EAAE,GAAGjB,GAAL;AAAUgB,QAAAA,KAAK,EAAE,KAAKd,KAAL,CAAWc,KAAX,CAAiBE,OAAjB,CAAyBC,WAAzB;AAAjB,OAAV;AACD,KAFM,MAEA;AACL,WAAKF,IAAL,CAAUjB,GAAV;AACD;;AACD,SAAKoB,QAAL,GAAgBC,GAAhB,CAAqBV,KAAD,IAAW;AAC7B,UAAIA,KAAK,YAAYhB,SAArB,EAAgC;AAC9B,cAAMqB,KAAK,GAAGL,KAAK,CAACQ,WAAN,EAAd;AACA,aAAKF,IAAL,CAAU,EAAE,GAAGjB,GAAL;AAAUgB,UAAAA;AAAV,SAAV;AACD;AACF,KALD;AAMD;;AAnDH","sourcesContent":["import type {\n  DrawingContext,\n  DrawingNodeProps,\n  Node,\n  NodeType,\n  RenderNode,\n} from \"../types\";\n\nimport type { NodeContext } from \"./Node\";\nimport { JsiDeclarationNode } from \"./Node\";\nimport { PaintNode } from \"./PaintNode\";\nimport { isSkPaint, JsiRenderNode } from \"./RenderNode\";\n\nexport abstract class JsiDrawingNode<P extends DrawingNodeProps, C>\n  extends JsiRenderNode<P>\n  implements RenderNode<P>\n{\n  protected derived?: C;\n\n  constructor(ctx: NodeContext, type: NodeType, props: P) {\n    super(ctx, type, props);\n    this.derived = this.deriveProps();\n  }\n\n  setProps(props: P) {\n    super.setProps(props);\n    this.derived = this.deriveProps();\n  }\n\n  setProp<K extends keyof P>(name: K, value: P[K]) {\n    const hasChanged = super.setProp(name, value);\n    if (hasChanged) {\n      this.derived = this.deriveProps();\n    }\n    return hasChanged;\n  }\n\n  addChild(child: Node<unknown>): void {\n    if (!(child instanceof JsiDeclarationNode)) {\n      throw new Error(`Cannot add ${child.type} to ${this.type}`);\n    }\n    super.addChild(child);\n    this.derived = this.deriveProps();\n  }\n\n  insertChildBefore(child: Node<unknown>, before: Node<unknown>): void {\n    if (!(child instanceof JsiDeclarationNode)) {\n      throw new Error(`Cannot add ${child.type} to ${this.type}`);\n    }\n    super.insertChildBefore(child, before);\n    this.derived = this.deriveProps();\n  }\n\n  renderNode(ctx: DrawingContext): void {\n    if (this.props.paint && isSkPaint(this.props.paint)) {\n      this.draw({ ...ctx, paint: this.props.paint });\n    } else if (this.props.paint && this.props.paint.current != null) {\n      this.draw({ ...ctx, paint: this.props.paint.current.materialize() });\n    } else {\n      this.draw(ctx);\n    }\n    this.children().map((child) => {\n      if (child instanceof PaintNode) {\n        const paint = child.materialize();\n        this.draw({ ...ctx, paint });\n      }\n    });\n  }\n\n  protected abstract draw(ctx: DrawingContext): void;\n  protected abstract deriveProps(): C;\n}\n"]}

package/lib/module/dom/nodes/GroupNode.js

@@ -0,0 +1,17 @@
+import { NodeType } from "../types";
+import { JsiRenderNode } from "./RenderNode";
+export class GroupNode extends JsiRenderNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Group, props);
+  }
+
+  renderNode(ctx) {
+    this.children().map(child => {
+      if (child instanceof JsiRenderNode) {
+        child.render(ctx);
+      }
+    });
+  }
+
+}
+//# sourceMappingURL=GroupNode.js.map

package/lib/module/dom/nodes/GroupNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GroupNode.ts"],"names":["NodeType","JsiRenderNode","GroupNode","constructor","ctx","props","Group","renderNode","children","map","child","render"],"mappings":"AACA,SAASA,QAAT,QAAyB,UAAzB;AAGA,SAASC,aAAT,QAA8B,cAA9B;AAGA,OAAO,MAAMC,SAAN,SACGD,aADH,CAGP;AACEE,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAsC;AAC/C,UAAMD,GAAN,EAAWJ,QAAQ,CAACM,KAApB,EAA2BD,KAA3B;AACD;;AAEDE,EAAAA,UAAU,CAACH,GAAD,EAA4B;AACpC,SAAKI,QAAL,GAAgBC,GAAhB,CAAqBC,KAAD,IAAW;AAC7B,UAAIA,KAAK,YAAYT,aAArB,EAAoC;AAClCS,QAAAA,KAAK,CAACC,MAAN,CAAaP,GAAb;AACD;AACF,KAJD;AAKD;;AAXH","sourcesContent":["import type { DrawingContext, GroupProps } from \"../types\";\nimport { NodeType } from \"../types\";\nimport type { RenderNode } from \"../types/Node\";\n\nimport { JsiRenderNode } from \"./RenderNode\";\nimport type { NodeContext } from \"./Node\";\n\nexport class GroupNode\n  extends JsiRenderNode<GroupProps>\n  implements RenderNode<GroupProps>\n{\n  constructor(ctx: NodeContext, props: GroupProps) {\n    super(ctx, NodeType.Group, props);\n  }\n\n  renderNode(ctx: DrawingContext): void {\n    this.children().map((child) => {\n      if (child instanceof JsiRenderNode) {\n        child.render(ctx);\n      }\n    });\n  }\n}\n"]}

package/lib/module/dom/nodes/JsiSkDOM.js

@@ -0,0 +1,240 @@
+import { FillNode, ImageNode, CircleNode, PathNode, LineNode, PatchNode, PointsNode, RectNode, RRectNode, VerticesNode, TextNode, OvalNode, CustomDrawingNode, TextPathNode, TextBlobNode, GlyphsNode, DiffRectNode, PictureNode, ImageSVGNode, BackdropFilterNode, BoxNode, BoxShadowNode } from "./drawings";
+import { BlendImageFilterNode, BlurImageFilterNode, BlurMaskFilterNode, DisplacementMapImageFilterNode, DropShadowImageFilterNode, OffsetImageFilterNode, RuntimeShaderImageFilterNode, CornerPathEffectNode, DiscretePathEffectNode, DashPathEffectNode, Path1DPathEffectNode, Path2DPathEffectNode, SumPathEffectNode, Line2DPathEffectNode, BlendNode } from "./paint";
+import { MatrixColorFilterNode, LumaColorFilterNode, LinearToSRGBGammaColorFilterNode, SRGBToLinearGammaColorFilterNode, BlendColorFilterNode, LerpColorFilterNode } from "./paint/ColorFilters";
+import { LinearGradientNode, ShaderNode, ImageShaderNode, TwoPointConicalGradientNode, TurbulenceNode, SweepGradientNode, RadialGradientNode, FractalNoiseNode, ColorNode } from "./paint/Shaders";
+import { MorphologyImageFilterNode } from "./paint/ImageFilters";
+import { GroupNode } from "./GroupNode";
+import { PaintNode } from "./PaintNode";
+export class JsiSkDOM {
+  constructor(ctx) {
+    this.ctx = ctx;
+  }
+
+  Group(props) {
+    return new GroupNode(this.ctx, props !== null && props !== void 0 ? props : {});
+  }
+
+  Paint(props) {
+    return new PaintNode(this.ctx, props);
+  } // Drawings
+
+
+  Fill(props) {
+    return new FillNode(this.ctx, props);
+  }
+
+  Image(props) {
+    return new ImageNode(this.ctx, props);
+  }
+
+  Circle(props) {
+    return new CircleNode(this.ctx, props);
+  }
+
+  Path(props) {
+    return new PathNode(this.ctx, props);
+  }
+
+  CustomDrawing(props) {
+    return new CustomDrawingNode(this.ctx, props);
+  }
+
+  Line(props) {
+    return new LineNode(this.ctx, props);
+  }
+
+  Oval(props) {
+    return new OvalNode(this.ctx, props);
+  }
+
+  Patch(props) {
+    return new PatchNode(this.ctx, props);
+  }
+
+  Points(props) {
+    return new PointsNode(this.ctx, props);
+  }
+
+  Rect(props) {
+    return new RectNode(this.ctx, props);
+  }
+
+  RRect(props) {
+    return new RRectNode(this.ctx, props);
+  }
+
+  Vertices(props) {
+    return new VerticesNode(this.ctx, props);
+  }
+
+  Text(props) {
+    return new TextNode(this.ctx, props);
+  }
+
+  TextPath(props) {
+    return new TextPathNode(this.ctx, props);
+  }
+
+  TextBlob(props) {
+    return new TextBlobNode(this.ctx, props);
+  }
+
+  Glyphs(props) {
+    return new GlyphsNode(this.ctx, props);
+  }
+
+  DiffRect(props) {
+    return new DiffRectNode(this.ctx, props);
+  }
+
+  Picture(props) {
+    return new PictureNode(this.ctx, props);
+  }
+
+  ImageSVG(props) {
+    return new ImageSVGNode(this.ctx, props);
+  } // BlurMaskFilters
+
+
+  BlurMaskFilter(props) {
+    return new BlurMaskFilterNode(this.ctx, props);
+  } // ImageFilters
+
+
+  BlendImageFilter(props) {
+    return new BlendImageFilterNode(this.ctx, props);
+  }
+
+  DropShadowImageFilter(props) {
+    return new DropShadowImageFilterNode(this.ctx, props);
+  }
+
+  DisplacementMapImageFilter(props) {
+    return new DisplacementMapImageFilterNode(this.ctx, props);
+  }
+
+  BlurImageFilter(props) {
+    return new BlurImageFilterNode(this.ctx, props);
+  }
+
+  OffsetImageFilter(props) {
+    return new OffsetImageFilterNode(this.ctx, props);
+  }
+
+  MorphologyImageFilter(props) {
+    return new MorphologyImageFilterNode(this.ctx, props);
+  }
+
+  RuntimeShaderImageFilter(props) {
+    return new RuntimeShaderImageFilterNode(this.ctx, props);
+  } // Color Filters
+
+
+  MatrixColorFilter(props) {
+    return new MatrixColorFilterNode(this.ctx, props);
+  }
+
+  BlendColorFilter(props) {
+    return new BlendColorFilterNode(this.ctx, props);
+  }
+
+  LumaColorFilter() {
+    return new LumaColorFilterNode(this.ctx);
+  }
+
+  LinearToSRGBGammaColorFilter() {
+    return new LinearToSRGBGammaColorFilterNode(this.ctx);
+  }
+
+  SRGBToLinearGammaColorFilter() {
+    return new SRGBToLinearGammaColorFilterNode(this.ctx);
+  }
+
+  LerpColorFilter(props) {
+    return new LerpColorFilterNode(this.ctx, props);
+  } // Shaders
+
+
+  Shader(props) {
+    return new ShaderNode(this.ctx, props);
+  }
+
+  ImageShader(props) {
+    return new ImageShaderNode(this.ctx, props);
+  }
+
+  ColorShader(props) {
+    return new ColorNode(this.ctx, props);
+  }
+
+  SweepGradient(props) {
+    return new SweepGradientNode(this.ctx, props);
+  }
+
+  Turbulence(props) {
+    return new TurbulenceNode(this.ctx, props);
+  }
+
+  FractalNoise(props) {
+    return new FractalNoiseNode(this.ctx, props);
+  }
+
+  LinearGradient(props) {
+    return new LinearGradientNode(this.ctx, props);
+  }
+
+  RadialGradient(props) {
+    return new RadialGradientNode(this.ctx, props);
+  }
+
+  TwoPointConicalGradient(props) {
+    return new TwoPointConicalGradientNode(this.ctx, props);
+  } // Path Effects
+
+
+  CornerPathEffect(props) {
+    return new CornerPathEffectNode(this.ctx, props);
+  }
+
+  DiscretePathEffect(props) {
+    return new DiscretePathEffectNode(this.ctx, props);
+  }
+
+  DashPathEffect(props) {
+    return new DashPathEffectNode(this.ctx, props);
+  }
+
+  Path1DPathEffect(props) {
+    return new Path1DPathEffectNode(this.ctx, props);
+  }
+
+  Path2DPathEffect(props) {
+    return new Path2DPathEffectNode(this.ctx, props);
+  }
+
+  SumPathEffect() {
+    return new SumPathEffectNode(this.ctx);
+  }
+
+  Line2DPathEffect(props) {
+    return new Line2DPathEffectNode(this.ctx, props);
+  }
+
+  Blend(props) {
+    return new BlendNode(this.ctx, props);
+  }
+
+  BackdropFilter(props) {
+    return new BackdropFilterNode(this.ctx, props);
+  }
+
+  Box(props) {
+    return new BoxNode(this.ctx, props);
+  }
+
+  BoxShadow(props) {
+    return new BoxShadowNode(this.ctx, props);
+  }
+
+}
+//# sourceMappingURL=JsiSkDOM.js.map