@shopify/react-native-skia 0.1.115

package/lib/commonjs/renderer/components/shaders/Shader.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Shader = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _skia = require("../../../skia");
+
+var _Declaration = require("../../nodes/Declaration");
+
+var _processors = require("../../processors");
+
+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); }
+
+// We need to use any here because hasOwnProperty doesn't work on JSI instances
+const isVector = obj => // eslint-disable-next-line @typescript-eslint/no-explicit-any
+obj.x !== undefined && obj.y !== undefined;
+
+const processValue = value => {
+  if (isVector(value)) {
+    return [value.x, value.y];
+  }
+
+  return value;
+};
+
+const onDeclare = (0, _Declaration.createDeclaration)((_ref, children) => {
+  let {
+    uniforms,
+    source,
+    opaque,
+    ...transform
+  } = _ref;
+  const processedUniforms = new Array(source.getUniformCount()).fill(0).flatMap((_, i) => {
+    const name = source.getUniformName(i);
+    const value = uniforms[name];
+
+    if (value === undefined) {
+      throw new Error(`No value specified for uniform ${name}`);
+    }
+
+    if (Array.isArray(value)) {
+      return value.flatMap(processValue);
+    }
+
+    return processValue(value);
+  });
+  const names = Object.keys(uniforms);
+
+  if (names.length > source.getUniformCount()) {
+    const usedUniforms = new Array(source.getUniformCount()).fill(0).map((_, i) => source.getUniformName(i));
+    const unusedUniform = names.map(name => {
+      if (usedUniforms.indexOf(name) === -1) {
+        return name;
+      }
+
+      return null;
+    }).filter(n => n !== null);
+    console.warn("Unused uniforms were provided: " + unusedUniform.join(", "));
+  }
+
+  return source.makeShaderWithChildren(processedUniforms, opaque, children.filter(_skia.isShader), (0, _processors.localMatrix)(transform));
+});
+
+const Shader = props => {
+  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+
+exports.Shader = Shader;
+Shader.defaultProps = {
+  uniforms: []
+};
+//# sourceMappingURL=Shader.js.map

package/lib/commonjs/renderer/components/shaders/Shader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Shader.tsx"],"names":["isVector","obj","x","undefined","y","processValue","value","onDeclare","children","uniforms","source","opaque","transform","processedUniforms","Array","getUniformCount","fill","flatMap","_","i","name","getUniformName","Error","isArray","names","Object","keys","length","usedUniforms","map","unusedUniform","indexOf","filter","n","console","warn","join","makeShaderWithChildren","isShader","Shader","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;AAGA;;AACA;;;;;;AAEA;AACA,MAAMA,QAAQ,GAAIC,GAAD,IACf;AACCA,GAAD,CAAaC,CAAb,KAAmBC,SAAnB,IAAiCF,GAAD,CAAaG,CAAb,KAAmBD,SAFrD;;AAYA,MAAME,YAAY,GAAIC,KAAD,IAAqD;AACxE,MAAIN,QAAQ,CAACM,KAAD,CAAZ,EAAqB;AACnB,WAAO,CAACA,KAAK,CAACJ,CAAP,EAAUI,KAAK,CAACF,CAAhB,CAAP;AACD;;AACD,SAAOE,KAAP;AACD,CALD;;AAcA,MAAMC,SAAS,GAAG,oCAChB,OAA6CC,QAA7C,KAA0D;AAAA,MAAzD;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,MAAZ;AAAoBC,IAAAA,MAApB;AAA4B,OAAGC;AAA/B,GAAyD;AACxD,QAAMC,iBAAiB,GAAG,IAAIC,KAAJ,CAAUJ,MAAM,CAACK,eAAP,EAAV,EACvBC,IADuB,CAClB,CADkB,EAEvBC,OAFuB,CAEf,CAACC,CAAD,EAAIC,CAAJ,KAAU;AACjB,UAAMC,IAAI,GAAGV,MAAM,CAACW,cAAP,CAAsBF,CAAtB,CAAb;AACA,UAAMb,KAAK,GAAGG,QAAQ,CAACW,IAAD,CAAtB;;AACA,QAAId,KAAK,KAAKH,SAAd,EAAyB;AACvB,YAAM,IAAImB,KAAJ,CAAW,kCAAiCF,IAAK,EAAjD,CAAN;AACD;;AACD,QAAIN,KAAK,CAACS,OAAN,CAAcjB,KAAd,CAAJ,EAA0B;AACxB,aAAOA,KAAK,CAACW,OAAN,CAAcZ,YAAd,CAAP;AACD;;AACD,WAAOA,YAAY,CAACC,KAAD,CAAnB;AACD,GAZuB,CAA1B;AAaA,QAAMkB,KAAK,GAAGC,MAAM,CAACC,IAAP,CAAYjB,QAAZ,CAAd;;AACA,MAAIe,KAAK,CAACG,MAAN,GAAejB,MAAM,CAACK,eAAP,EAAnB,EAA6C;AAC3C,UAAMa,YAAY,GAAG,IAAId,KAAJ,CAAUJ,MAAM,CAACK,eAAP,EAAV,EAClBC,IADkB,CACb,CADa,EAElBa,GAFkB,CAEd,CAACX,CAAD,EAAIC,CAAJ,KAAUT,MAAM,CAACW,cAAP,CAAsBF,CAAtB,CAFI,CAArB;AAGA,UAAMW,aAAa,GAAGN,KAAK,CACxBK,GADmB,CACdT,IAAD,IAAU;AACb,UAAIQ,YAAY,CAACG,OAAb,CAAqBX,IAArB,MAA+B,CAAC,CAApC,EAAuC;AACrC,eAAOA,IAAP;AACD;;AACD,aAAO,IAAP;AACD,KANmB,EAOnBY,MAPmB,CAOXC,CAAD,IAAOA,CAAC,KAAK,IAPD,CAAtB;AAQAC,IAAAA,OAAO,CAACC,IAAR,CACE,oCAAoCL,aAAa,CAACM,IAAd,CAAmB,IAAnB,CADtC;AAGD;;AACD,SAAO1B,MAAM,CAAC2B,sBAAP,CACLxB,iBADK,EAELF,MAFK,EAGLH,QAAQ,CAACwB,MAAT,CAAgBM,cAAhB,CAHK,EAIL,6BAAY1B,SAAZ,CAJK,CAAP;AAMD,CAtCe,CAAlB;;AAyCO,MAAM2B,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAe,IAAA,SAAS,EAAEjC;AAA1B,KAAyCiC,KAAzC,EAAP;AACD,CAFM;;;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBhC,EAAAA,QAAQ,EAAE;AADU,CAAtB","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { isShader } from \"../../../skia\";\nimport type { IRuntimeEffect } from \"../../../skia\";\nimport type { Vector, AnimatedProps, TransformProps } from \"../../processors\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport { localMatrix } from \"../../processors\";\n\n// We need to use any here because hasOwnProperty doesn't work on JSI instances\nconst isVector = (obj: unknown): obj is Vector =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (obj as any).x !== undefined && (obj as any).y !== undefined;\n\ntype UniformValue = number | Vector | readonly number[];\n\ntype Uniform = UniformValue | readonly UniformValue[];\n\ninterface Uniforms {\n  [name: string]: Uniform;\n}\n\nconst processValue = (value: UniformValue): number | readonly number[] => {\n  if (isVector(value)) {\n    return [value.x, value.y];\n  }\n  return value;\n};\n\nexport interface ShaderProps extends TransformProps {\n  source: IRuntimeEffect;\n  uniforms: Uniforms;\n  opaque?: boolean;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<ShaderProps>(\n  ({ uniforms, source, opaque, ...transform }, children) => {\n    const processedUniforms = new Array(source.getUniformCount())\n      .fill(0)\n      .flatMap((_, i) => {\n        const name = source.getUniformName(i);\n        const value = uniforms[name];\n        if (value === undefined) {\n          throw new Error(`No value specified for uniform ${name}`);\n        }\n        if (Array.isArray(value)) {\n          return value.flatMap(processValue);\n        }\n        return processValue(value as UniformValue);\n      });\n    const names = Object.keys(uniforms);\n    if (names.length > source.getUniformCount()) {\n      const usedUniforms = new Array(source.getUniformCount())\n        .fill(0)\n        .map((_, i) => source.getUniformName(i));\n      const unusedUniform = names\n        .map((name) => {\n          if (usedUniforms.indexOf(name) === -1) {\n            return name;\n          }\n          return null;\n        })\n        .filter((n) => n !== null);\n      console.warn(\n        \"Unused uniforms were provided: \" + unusedUniform.join(\", \")\n      );\n    }\n    return source.makeShaderWithChildren(\n      processedUniforms,\n      opaque,\n      children.filter(isShader),\n      localMatrix(transform)\n    );\n  }\n);\n\nexport const Shader = (props: AnimatedProps<ShaderProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nShader.defaultProps = {\n  uniforms: [],\n};\n"]}

package/lib/commonjs/renderer/components/shaders/ShaderLib.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShaderLib = void 0;
+const MATH = `
+const float PI = 3.1415926535897932384626433832795;
+const float TAU = 2 * PI;
+
+float normalizeRad(float value) {
+  float rest = mod(value, TAU);
+  return rest > 0 ? rest : TAU + rest;
+}
+
+vec2 canvas2Cartesian(vec2 v, vec2 center) {
+  return vec2(v.x - center.x, -1 * (v.y - center.y));
+}
+
+vec2 cartesian2Canvas(vec2 v, vec2 center) {
+  return vec2(v.x + center.x, -1 * v.y + center.y);
+}
+
+vec2 cartesian2Polar(vec2 v) {
+  return vec2(atan(v.y, v.x), sqrt(v.x * v.x + v.y * v.y));
+}
+
+vec2 polar2Cartesian(vec2 p) {
+  return vec2(p.y * cos(p.x), p.y * sin(p.x));
+}
+
+vec2 polar2Canvas(vec2 p, vec2 center) {
+  return cartesian2Canvas(polar2Cartesian(p), center);
+}
+
+vec2 canvas2Polar(vec2 v, vec2 center) {
+  return cartesian2Polar(canvas2Cartesian(v, center));
+}
+`;
+const COLORS = `
+vec4 hsv2rgb(vec3 c) {
+    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+    return vec4(c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y), 1.0);
+}
+`;
+const ShaderLib = {
+  Math: MATH,
+  Colors: COLORS
+};
+exports.ShaderLib = ShaderLib;
+//# sourceMappingURL=ShaderLib.js.map

package/lib/commonjs/renderer/components/shaders/ShaderLib.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ShaderLib.ts"],"names":["MATH","COLORS","ShaderLib","Math","Colors"],"mappings":";;;;;;AAAA,MAAMA,IAAI,GAAI;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAhCA;AAkCA,MAAMC,MAAM,GAAI;AAChB;AACA;AACA;AACA;AACA;AACA,CANA;AAQO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAEH,IADiB;AAEvBI,EAAAA,MAAM,EAAEH;AAFe,CAAlB","sourcesContent":["const MATH = `\nconst float PI = 3.1415926535897932384626433832795;\nconst float TAU = 2 * PI;\n\nfloat normalizeRad(float value) {\n  float rest = mod(value, TAU);\n  return rest > 0 ? rest : TAU + rest;\n}\n\nvec2 canvas2Cartesian(vec2 v, vec2 center) {\n  return vec2(v.x - center.x, -1 * (v.y - center.y));\n}\n\nvec2 cartesian2Canvas(vec2 v, vec2 center) {\n  return vec2(v.x + center.x, -1 * v.y + center.y);\n}\n\nvec2 cartesian2Polar(vec2 v) {\n  return vec2(atan(v.y, v.x), sqrt(v.x * v.x + v.y * v.y));\n}\n\nvec2 polar2Cartesian(vec2 p) {\n  return vec2(p.y * cos(p.x), p.y * sin(p.x));\n}\n\nvec2 polar2Canvas(vec2 p, vec2 center) {\n  return cartesian2Canvas(polar2Cartesian(p), center);\n}\n\nvec2 canvas2Polar(vec2 v, vec2 center) {\n  return cartesian2Polar(canvas2Cartesian(v, center));\n}\n`;\n\nconst COLORS = `\nvec4 hsv2rgb(vec3 c) {\n    vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);\n    vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);\n    return vec4(c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y), 1.0);\n}\n`;\n\nexport const ShaderLib = {\n  Math: MATH,\n  Colors: COLORS,\n};\n"]}

package/lib/commonjs/renderer/components/shaders/SweepGradient.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SweepGradient = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _skia = require("../../../skia");
+
+var _Declaration = require("../../nodes/Declaration");
+
+var _Gradient = require("./Gradient");
+
+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 onDeclare = (0, _Declaration.createDeclaration)(_ref => {
+  let {
+    c,
+    start,
+    end,
+    ...gradientProps
+  } = _ref;
+  const {
+    colors,
+    positions,
+    mode,
+    localMatrix,
+    flags
+  } = (0, _Gradient.processGradientProps)(gradientProps);
+  return _skia.Skia.Shader.MakeSweepGradient(c.x, c.y, colors, positions, mode, localMatrix, flags, start, end);
+});
+
+const SweepGradient = props => {
+  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+
+exports.SweepGradient = SweepGradient;
+//# sourceMappingURL=SweepGradient.js.map

package/lib/commonjs/renderer/components/shaders/SweepGradient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SweepGradient.tsx"],"names":["onDeclare","c","start","end","gradientProps","colors","positions","mode","localMatrix","flags","Skia","Shader","MakeSweepGradient","x","y","SweepGradient","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAGA;;;;;;AAQA,MAAMA,SAAS,GAAG,oCAChB,QAAyC;AAAA,MAAxC;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,KAAL;AAAYC,IAAAA,GAAZ;AAAiB,OAAGC;AAApB,GAAwC;AACvC,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,WAA3B;AAAwCC,IAAAA;AAAxC,MACJ,oCAAqBL,aAArB,CADF;AAEA,SAAOM,WAAKC,MAAL,CAAYC,iBAAZ,CACLX,CAAC,CAACY,CADG,EAELZ,CAAC,CAACa,CAFG,EAGLT,MAHK,EAILC,SAJK,EAKLC,IALK,EAMLC,WANK,EAOLC,KAPK,EAQLP,KARK,EASLC,GATK,CAAP;AAWD,CAfe,CAAlB;;AAkBO,MAAMY,aAAa,GAAIC,KAAD,IAA8C;AACzE,sBAAO;AAAe,IAAA,SAAS,EAAEhB;AAA1B,KAAyCgB,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { Vector, AnimatedProps } from \"../../processors\";\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\n\nimport type { GradientProps } from \"./Gradient\";\nimport { processGradientProps } from \"./Gradient\";\n\nexport interface SweepGradientProps extends GradientProps {\n  c: Vector;\n  start?: number;\n  end?: number;\n}\n\nconst onDeclare = createDeclaration<SweepGradientProps>(\n  ({ c, start, end, ...gradientProps }) => {\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(gradientProps);\n    return Skia.Shader.MakeSweepGradient(\n      c.x,\n      c.y,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags,\n      start,\n      end\n    );\n  }\n);\n\nexport const SweepGradient = (props: AnimatedProps<SweepGradientProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/shaders/Turbulence.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Turbulence = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _skia = require("../../../skia");
+
+var _Declaration = require("../../nodes/Declaration");
+
+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 onDeclare = (0, _Declaration.createDeclaration)(_ref => {
+  let {
+    freqX,
+    freqY,
+    octaves,
+    seed,
+    tileWidth,
+    tileHeight
+  } = _ref;
+  return _skia.Skia.Shader.MakeTurbulence(freqX, freqY, octaves, seed, tileWidth, tileHeight);
+});
+
+const Turbulence = props => {
+  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+
+exports.Turbulence = Turbulence;
+Turbulence.defaultProps = {
+  seed: 0,
+  tileWidth: 0,
+  tileHeight: 0
+};
+//# sourceMappingURL=Turbulence.js.map

package/lib/commonjs/renderer/components/shaders/Turbulence.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Turbulence.tsx"],"names":["onDeclare","freqX","freqY","octaves","seed","tileWidth","tileHeight","Skia","Shader","MakeTurbulence","Turbulence","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;AAYA,MAAMA,SAAS,GAAG,oCAChB,QAA4D;AAAA,MAA3D;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,OAAhB;AAAyBC,IAAAA,IAAzB;AAA+BC,IAAAA,SAA/B;AAA0CC,IAAAA;AAA1C,GAA2D;AAC1D,SAAOC,WAAKC,MAAL,CAAYC,cAAZ,CACLR,KADK,EAELC,KAFK,EAGLC,OAHK,EAILC,IAJK,EAKLC,SALK,EAMLC,UANK,CAAP;AAQD,CAVe,CAAlB;;AAaO,MAAMI,UAAU,GAAIC,KAAD,IAA2C;AACnE,sBAAO;AAAe,IAAA,SAAS,EAAEX;AAA1B,KAAyCW,KAAzC,EAAP;AACD,CAFM;;;AAIPD,UAAU,CAACE,YAAX,GAA0B;AACxBR,EAAAA,IAAI,EAAE,CADkB;AAExBC,EAAAA,SAAS,EAAE,CAFa;AAGxBC,EAAAA,UAAU,EAAE;AAHY,CAA1B","sourcesContent":["import React from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface TurbulenceProps {\n  freqX: number;\n  freqY: number;\n  octaves: number;\n  seed: number;\n  tileWidth: number;\n  tileHeight: number;\n}\n\nconst onDeclare = createDeclaration<TurbulenceProps>(\n  ({ freqX, freqY, octaves, seed, tileWidth, tileHeight }) => {\n    return Skia.Shader.MakeTurbulence(\n      freqX,\n      freqY,\n      octaves,\n      seed,\n      tileWidth,\n      tileHeight\n    );\n  }\n);\n\nexport const Turbulence = (props: AnimatedProps<TurbulenceProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nTurbulence.defaultProps = {\n  seed: 0,\n  tileWidth: 0,\n  tileHeight: 0,\n};\n"]}

package/lib/commonjs/renderer/components/shaders/TwoPointConicalGradient.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TwoPointConicalGradient = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _skia = require("../../../skia");
+
+var _Declaration = require("../../nodes/Declaration");
+
+var _Gradient = require("./Gradient");
+
+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 onDeclare = (0, _Declaration.createDeclaration)(_ref => {
+  let {
+    start,
+    startR,
+    end,
+    endR,
+    ...gradientProps
+  } = _ref;
+  const {
+    colors,
+    positions,
+    mode,
+    localMatrix,
+    flags
+  } = (0, _Gradient.processGradientProps)(gradientProps);
+  return _skia.Skia.Shader.MakeTwoPointConicalGradient(start, startR, end, endR, colors, positions, mode, localMatrix, flags);
+});
+
+const TwoPointConicalGradient = props => {
+  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+
+exports.TwoPointConicalGradient = TwoPointConicalGradient;
+//# sourceMappingURL=TwoPointConicalGradient.js.map

package/lib/commonjs/renderer/components/shaders/TwoPointConicalGradient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TwoPointConicalGradient.tsx"],"names":["onDeclare","start","startR","end","endR","gradientProps","colors","positions","mode","localMatrix","flags","Skia","Shader","MakeTwoPointConicalGradient","TwoPointConicalGradient","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAGA;;;;;;AASA,MAAMA,SAAS,GAAG,oCAChB,QAAoD;AAAA,MAAnD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,MAAT;AAAiBC,IAAAA,GAAjB;AAAsBC,IAAAA,IAAtB;AAA4B,OAAGC;AAA/B,GAAmD;AAClD,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,WAA3B;AAAwCC,IAAAA;AAAxC,MACJ,oCAAqBL,aAArB,CADF;AAEA,SAAOM,WAAKC,MAAL,CAAYC,2BAAZ,CACLZ,KADK,EAELC,MAFK,EAGLC,GAHK,EAILC,IAJK,EAKLE,MALK,EAMLC,SANK,EAOLC,IAPK,EAQLC,WARK,EASLC,KATK,CAAP;AAWD,CAfe,CAAlB;;AAkBO,MAAMI,uBAAuB,GAClCC,KADqC,IAElC;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEf;AAA1B,KAAyCe,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport type { Vector, AnimatedProps } from \"../../processors\";\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\n\nimport type { GradientProps } from \"./Gradient\";\nimport { processGradientProps } from \"./Gradient\";\n\nexport interface TwoPointConicalGradientProps extends GradientProps {\n  start: Vector;\n  startR: number;\n  end: Vector;\n  endR: number;\n}\n\nconst onDeclare = createDeclaration<TwoPointConicalGradientProps>(\n  ({ start, startR, end, endR, ...gradientProps }) => {\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(gradientProps);\n    return Skia.Shader.MakeTwoPointConicalGradient(\n      start,\n      startR,\n      end,\n      endR,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags\n    );\n  }\n);\n\nexport const TwoPointConicalGradient = (\n  props: AnimatedProps<TwoPointConicalGradientProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/shaders/index.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _RadialGradient = require("./RadialGradient");
+
+Object.keys(_RadialGradient).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RadialGradient[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RadialGradient[key];
+    }
+  });
+});
+
+var _LinearGradient = require("./LinearGradient");
+
+Object.keys(_LinearGradient).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LinearGradient[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LinearGradient[key];
+    }
+  });
+});
+
+var _TwoPointConicalGradient = require("./TwoPointConicalGradient");
+
+Object.keys(_TwoPointConicalGradient).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TwoPointConicalGradient[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TwoPointConicalGradient[key];
+    }
+  });
+});
+
+var _SweepGradient = require("./SweepGradient");
+
+Object.keys(_SweepGradient).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SweepGradient[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SweepGradient[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 _Turbulence = require("./Turbulence");
+
+Object.keys(_Turbulence).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Turbulence[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Turbulence[key];
+    }
+  });
+});
+
+var _FractalNoise = require("./FractalNoise");
+
+Object.keys(_FractalNoise).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FractalNoise[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FractalNoise[key];
+    }
+  });
+});
+
+var _Shader = require("./Shader");
+
+Object.keys(_Shader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Shader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Shader[key];
+    }
+  });
+});
+
+var _ShaderLib = require("./ShaderLib");
+
+Object.keys(_ShaderLib).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ShaderLib[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ShaderLib[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/renderer/components/shaders/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;;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 \"./RadialGradient\";\nexport * from \"./LinearGradient\";\nexport * from \"./TwoPointConicalGradient\";\nexport * from \"./SweepGradient\";\nexport * from \"./Color\";\nexport * from \"./Turbulence\";\nexport * from \"./FractalNoise\";\nexport * from \"./Shader\";\nexport * from \"./ShaderLib\";\n"]}

package/lib/commonjs/renderer/components/shapes/Circle.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Circle = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Drawing = require("../../nodes/Drawing");
+
+var _Vector = require("../../processors/math/Vector");
+
+var _processors = require("../../processors");
+
+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, def) => {
+  let {
+    canvas,
+    paint
+  } = _ref;
+  const {
+    c,
+    r
+  } = (0, _processors.processCircle)(def);
+  canvas.drawCircle(c.x, c.y, r, paint);
+});
+
+const Circle = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.Circle = Circle;
+Circle.defaultProps = {
+  c: (0, _Vector.vec)(0, 0)
+};
+//# sourceMappingURL=Circle.js.map

package/lib/commonjs/renderer/components/shapes/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Circle.tsx"],"names":["onDraw","def","canvas","paint","c","r","drawCircle","x","y","Circle","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;AACA;;;;;;AAIA,MAAMA,MAAM,GAAG,4BAA2B,OAAoBC,GAApB,KAA4B;AAAA,MAA3B;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAA2B;AACpE,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA;AAAL,MAAW,+BAAcJ,GAAd,CAAjB;AACAC,EAAAA,MAAM,CAACI,UAAP,CAAkBF,CAAC,CAACG,CAApB,EAAuBH,CAAC,CAACI,CAAzB,EAA4BH,CAA5B,EAA+BF,KAA/B;AACD,CAHc,CAAf;;AAKO,MAAMM,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAW,IAAA,MAAM,EAAEV;AAAnB,KAA+BU,KAA/B,EAAP;AACD,CAFM;;;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBP,EAAAA,CAAC,EAAE,iBAAI,CAAJ,EAAO,CAAP;AADiB,CAAtB","sourcesContent":["import React from \"react\";\n\nimport type {\n  CustomPaintProps,\n  AnimatedProps,\n  CircleDef,\n} from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\nimport { vec } from \"../../processors/math/Vector\";\nimport { processCircle } from \"../../processors\";\n\nexport type CircleProps = CircleDef & CustomPaintProps;\n\nconst onDraw = createDrawing<CircleProps>(({ canvas, paint }, def) => {\n  const { c, r } = processCircle(def);\n  canvas.drawCircle(c.x, c.y, r, paint);\n});\n\nexport const Circle = (props: AnimatedProps<CircleProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nCircle.defaultProps = {\n  c: vec(0, 0),\n};\n"]}

package/lib/commonjs/renderer/components/shapes/DiffRect.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DiffRect = 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 {
+    inner,
+    outer
+  } = _ref2;
+  canvas.drawDRRect(outer, inner, paint);
+});
+
+const DiffRect = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.DiffRect = DiffRect;
+//# sourceMappingURL=DiffRect.js.map

package/lib/commonjs/renderer/components/shapes/DiffRect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DiffRect.tsx"],"names":["onDraw","canvas","paint","inner","outer","drawDRRect","DiffRect","props"],"mappings":";;;;;;;AAAA;;AAKA;;;;;;AAOA,MAAMA,MAAM,GAAG,4BACb,iBAAyC;AAAA,MAAxC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAwC;AAAA,MAArB;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAqB;AACvCH,EAAAA,MAAM,CAACI,UAAP,CAAkBD,KAAlB,EAAyBD,KAAzB,EAAgCD,KAAhC;AACD,CAHY,CAAf;;AAMO,MAAMI,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAW,IAAA,MAAM,EAAEP;AAAnB,KAA+BO,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps } from \"../../processors\";\nimport type { SkRRect } from \"../../../skia/RRect\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { createDrawing } from \"../../nodes/Drawing\";\n\nexport interface DiffRectProps extends CustomPaintProps {\n  inner: SkRRect;\n  outer: SkRRect;\n}\n\nconst onDraw = createDrawing<DiffRectProps>(\n  ({ canvas, paint }, { inner, outer }) => {\n    canvas.drawDRRect(outer, inner, paint);\n  }\n);\n\nexport const DiffRect = (props: AnimatedProps<DiffRectProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/shapes/Fill.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Fill = 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 => {
+  let {
+    canvas,
+    paint
+  } = _ref;
+  canvas.drawPaint(paint);
+});
+
+const Fill = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.Fill = Fill;
+//# sourceMappingURL=Fill.js.map

package/lib/commonjs/renderer/components/shapes/Fill.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Fill.tsx"],"names":["onDraw","canvas","paint","drawPaint","Fill","props"],"mappings":";;;;;;;AAAA;;AAIA;;;;;;AAIA,MAAMA,MAAM,GAAG,4BAAc,QAAuB;AAAA,MAAtB;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAsB;AAClDD,EAAAA,MAAM,CAACE,SAAP,CAAiBD,KAAjB;AACD,CAFc,CAAf;;AAIO,MAAME,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAEL;AAAnB,KAA+BK,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { CustomPaintProps } from \"../../processors/Paint\";\nimport { createDrawing } from \"../../nodes/Drawing\";\n\nexport type FillProps = CustomPaintProps;\n\nconst onDraw = createDrawing(({ canvas, paint }) => {\n  canvas.drawPaint(paint);\n});\n\nexport const Fill = (props: AnimatedProps<FillProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/shapes/FitBox.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FitBox = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _image = require("../image");
+
+var _Group = require("../Group");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const FitBox = _ref => {
+  let {
+    fit,
+    src,
+    dst,
+    children
+  } = _ref;
+  const transform = (0, _react.useMemo)(() => {
+    const rects = (0, _image.fitRects)(fit, src, dst);
+    return (0, _image.rect2rect)(rects.src, rects.dst);
+  }, [dst, fit, src]);
+  return /*#__PURE__*/_react.default.createElement(_Group.Group, {
+    transform: transform
+  }, children);
+};
+
+exports.FitBox = FitBox;
+FitBox.defaultProps = {
+  fit: "contain"
+};
+//# sourceMappingURL=FitBox.js.map

package/lib/commonjs/renderer/components/shapes/FitBox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FitBox.tsx"],"names":["FitBox","fit","src","dst","children","transform","rects","defaultProps"],"mappings":";;;;;;;AACA;;AAGA;;AAEA;;;;;;AASO,MAAMA,MAAM,GAAG,QAA2C;AAAA,MAA1C;AAAEC,IAAAA,GAAF;AAAOC,IAAAA,GAAP;AAAYC,IAAAA,GAAZ;AAAiBC,IAAAA;AAAjB,GAA0C;AAC/D,QAAMC,SAAS,GAAG,oBAAQ,MAAM;AAC9B,UAAMC,KAAK,GAAG,qBAASL,GAAT,EAAcC,GAAd,EAAmBC,GAAnB,CAAd;AACA,WAAO,sBAAUG,KAAK,CAACJ,GAAhB,EAAqBI,KAAK,CAACH,GAA3B,CAAP;AACD,GAHiB,EAGf,CAACA,GAAD,EAAMF,GAAN,EAAWC,GAAX,CAHe,CAAlB;AAIA,sBAAO,6BAAC,YAAD;AAAO,IAAA,SAAS,EAAEG;AAAlB,KAA8BD,QAA9B,CAAP;AACD,CANM;;;AAQPJ,MAAM,CAACO,YAAP,GAAsB;AACpBN,EAAAA,GAAG,EAAE;AADe,CAAtB","sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useMemo } from \"react\";\n\nimport type { Fit } from \"../image\";\nimport { rect2rect, fitRects } from \"../image\";\nimport type { SkRect } from \"../../../skia\";\nimport { Group } from \"../Group\";\n\ninterface FitProps {\n  fit: Fit;\n  src: SkRect;\n  dst: SkRect;\n  children: ReactNode | ReactNode[];\n}\n\nexport const FitBox = ({ fit, src, dst, children }: FitProps) => {\n  const transform = useMemo(() => {\n    const rects = fitRects(fit, src, dst);\n    return rect2rect(rects.src, rects.dst);\n  }, [dst, fit, src]);\n  return <Group transform={transform}>{children}</Group>;\n};\n\nFitBox.defaultProps = {\n  fit: \"contain\",\n};\n"]}

package/lib/commonjs/renderer/components/shapes/Line.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Line = 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 {
+    p1,
+    p2
+  } = _ref2;
+  canvas.drawLine(p1.x, p1.y, p2.x, p2.y, paint);
+});
+
+const Line = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.Line = Line;
+//# sourceMappingURL=Line.js.map

package/lib/commonjs/renderer/components/shapes/Line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Line.tsx"],"names":["onDraw","canvas","paint","p1","p2","drawLine","x","y","Line","props"],"mappings":";;;;;;;AAAA;;AAGA;;;;;;AAMA,MAAMA,MAAM,GAAG,4BAAyB,iBAAmC;AAAA,MAAlC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAkC;AAAA,MAAf;AAAEC,IAAAA,EAAF;AAAMC,IAAAA;AAAN,GAAe;AACzEH,EAAAA,MAAM,CAACI,QAAP,CAAgBF,EAAE,CAACG,CAAnB,EAAsBH,EAAE,CAACI,CAAzB,EAA4BH,EAAE,CAACE,CAA/B,EAAkCF,EAAE,CAACG,CAArC,EAAwCL,KAAxC;AACD,CAFc,CAAf;;AAIO,MAAMM,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAET;AAAnB,KAA+BS,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps, Vector, AnimatedProps } from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\n\nexport interface LineProps extends CustomPaintProps {\n  p1: Vector;\n  p2: Vector;\n}\nconst onDraw = createDrawing<LineProps>(({ canvas, paint }, { p1, p2 }) => {\n  canvas.drawLine(p1.x, p1.y, p2.x, p2.y, paint);\n});\n\nexport const Line = (props: AnimatedProps<LineProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}