@obitrain/charts 0.9.2

package/lib/module/Charts/Linechart/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import { Canvas, Group, Path } from '@shopify/react-native-skia';
+import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LineChart = function (props) {
+  const {
+    width,
+    height,
+    style,
+    path,
+    children,
+    color,
+    paths,
+    background,
+    offsetX = 0,
+    offsetY = 0
+  } = props;
+  const _paths = paths !== undefined ? paths : path !== undefined ? [{
+    path: path,
+    color: color ?? 'red'
+  }] : [];
+  if (_paths.length === 0) {
+    console.warn('Specify either a path or multiple paths.');
+    return null;
+    // throw new Error('Specify either a path or multiple paths.');
+  }
+  return /*#__PURE__*/_jsx(Canvas, {
+    style: [{
+      width,
+      height
+    }, style],
+    children: /*#__PURE__*/_jsxs(Group, {
+      transform: [{
+        translateY: offsetY
+      }, {
+        translateX: offsetX
+      }],
+      children: [background, _paths.map((_path, i) => /*#__PURE__*/_jsx(Path, {
+        style: "stroke",
+        ..._path,
+        strokeWidth: 2,
+        strokeJoin: "round",
+        strokeCap: "round"
+      }, `${_path.id ?? i}`)), children]
+    })
+  });
+};
+export { LineChart };
+//# sourceMappingURL=index.js.map

package/lib/module/Charts/Linechart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Canvas","Group","Path","React","jsx","_jsx","jsxs","_jsxs","LineChart","props","width","height","style","path","children","color","paths","background","offsetX","offsetY","_paths","undefined","length","console","warn","transform","translateY","translateX","map","_path","i","strokeWidth","strokeJoin","strokeCap","id"],"sourceRoot":"../../../../src","sources":["Charts/Linechart/index.tsx"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,KAAK,EAAEC,IAAI,QAAqB,4BAA4B;AAE7E,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAuB1B,MAAMC,SAA6B,GAAG,SAAAA,CAAUC,KAAK,EAAE;EACrD,MAAM;IACJC,KAAK;IACLC,MAAM;IACNC,KAAK;IACLC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC,KAAK;IACLC,UAAU;IACVC,OAAO,GAAG,CAAC;IACXC,OAAO,GAAG;EACZ,CAAC,GAAGV,KAAK;EAET,MAAMW,MAAkB,GACtBJ,KAAK,KAAKK,SAAS,GACfL,KAAK,GACLH,IAAI,KAAKQ,SAAS,GAClB,CAAC;IAAER,IAAI,EAAEA,IAAI;IAAEE,KAAK,EAAEA,KAAK,IAAI;EAAM,CAAC,CAAC,GACvC,EAAE;EACR,IAAIK,MAAM,CAACE,MAAM,KAAK,CAAC,EAAE;IACvBC,OAAO,CAACC,IAAI,CAAC,0CAA0C,CAAC;IACxD,OAAO,IAAI;IACX;EACF;EACA,oBACEnB,IAAA,CAACL,MAAM;IACLY,KAAK,EAAE,CACL;MACEF,KAAK;MACLC;IACF,CAAC,EACDC,KAAK,CACL;IAAAE,QAAA,eAEFP,KAAA,CAACN,KAAK;MAACwB,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEP;MAAQ,CAAC,EAAE;QAAEQ,UAAU,EAAET;MAAQ,CAAC,CAAE;MAAAJ,QAAA,GAClEG,UAAU,EACVG,MAAM,CAACQ,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,kBACnBzB,IAAA,CAACH,IAAI;QAEHU,KAAK,EAAC,QAAQ;QAAA,GACViB,KAAK;QACTE,WAAW,EAAE,CAAE;QACfC,UAAU,EAAC,OAAO;QAClBC,SAAS,EAAC;MAAO,GALZ,GAAGJ,KAAK,CAACK,EAAE,IAAIJ,CAAC,EAMtB,CACF,CAAC,EACDhB,QAAQ;IAAA,CACJ;EAAC,CACF,CAAC;AAEb,CAAC;AAED,SAASN,SAAS","ignoreList":[]}

package/lib/module/Charts/ZoomableLinechart/ScalablePath.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import { Path, Skia } from '@shopify/react-native-skia';
+import { useDerivedValue } from 'react-native-reanimated';
+import { scaleCommands } from '../graphUtils';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ScalablePath = function (props) {
+  const {
+    path,
+    scale,
+    focalX,
+    offsetX,
+    pathProps,
+    color = 'red'
+  } = props;
+  const animatedPath = useDerivedValue(() => {
+    let _cmds = [];
+    try {
+      _cmds = scaleCommands(path.value?.toCmds() ?? [], scale, focalX, offsetX);
+    } catch (e) {
+      console.error('Got error while scaling path: ', typeof e);
+      _cmds = [];
+    }
+    const _path = Skia.Path.MakeFromCmds(_cmds);
+    if (!_path) throw new Error('Path is null');
+    return _path;
+  }, [scale]);
+  return /*#__PURE__*/_jsx(Path, {
+    style: "stroke",
+    path: animatedPath,
+    strokeWidth: 2,
+    strokeJoin: "round",
+    strokeCap: "round",
+    color: color,
+    ...pathProps
+  });
+};
+export { ScalablePath };
+//# sourceMappingURL=ScalablePath.js.map

package/lib/module/Charts/ZoomableLinechart/ScalablePath.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Path","Skia","useDerivedValue","scaleCommands","jsx","_jsx","ScalablePath","props","path","scale","focalX","offsetX","pathProps","color","animatedPath","_cmds","value","toCmds","e","console","error","_path","MakeFromCmds","Error","style","strokeWidth","strokeJoin","strokeCap"],"sourceRoot":"../../../../src","sources":["Charts/ZoomableLinechart/ScalablePath.tsx"],"mappings":";;AAAA,SACEA,IAAI,EACJC,IAAI,QAGC,4BAA4B;AAEnC,SAASC,eAAe,QAA0B,yBAAyB;AAC3E,SAASC,aAAa,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAW9C,MAAMC,YAAmC,GAAG,SAAAA,CAAUC,KAAK,EAAE;EAC3D,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC,MAAM;IAAEC,OAAO;IAAEC,SAAS;IAAEC,KAAK,GAAG;EAAM,CAAC,GAAGN,KAAK;EAExE,MAAMO,YAAY,GAAGZ,eAAe,CAAC,MAAM;IACzC,IAAIa,KAAoB,GAAG,EAAE;IAC7B,IAAI;MACFA,KAAK,GAAGZ,aAAa,CAACK,IAAI,CAACQ,KAAK,EAAEC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAER,KAAK,EAAEC,MAAM,EAAEC,OAAO,CAAC;IAC3E,CAAC,CAAC,OAAOO,CAAC,EAAE;MACVC,OAAO,CAACC,KAAK,CAAC,gCAAgC,EAAE,OAAOF,CAAC,CAAC;MACzDH,KAAK,GAAG,EAAE;IACZ;IACA,MAAMM,KAAK,GAAGpB,IAAI,CAACD,IAAI,CAACsB,YAAY,CAACP,KAAK,CAAC;IAC3C,IAAI,CAACM,KAAK,EAAE,MAAM,IAAIE,KAAK,CAAC,cAAc,CAAC;IAC3C,OAAOF,KAAK;EACd,CAAC,EAAE,CAACZ,KAAK,CAAC,CAAC;EAEX,oBACEJ,IAAA,CAACL,IAAI;IACHwB,KAAK,EAAC,QAAQ;IACdhB,IAAI,EAAEM,YAAa;IACnBW,WAAW,EAAE,CAAE;IACfC,UAAU,EAAC,OAAO;IAClBC,SAAS,EAAC,OAAO;IACjBd,KAAK,EAAEA,KAAM;IAAA,GACTD;EAAS,CACd,CAAC;AAEN,CAAC;AAED,SAASN,YAAY","ignoreList":[]}

package/lib/module/Charts/ZoomableLinechart/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { Canvas, Group } from '@shopify/react-native-skia';
+import React from 'react';
+import { ScalablePath } from './ScalablePath';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export { ScalablePath };
+const ZoomableLineChart = function (props) {
+  const {
+    width,
+    height,
+    style,
+    children,
+    offsetY = 0,
+    ...rest
+  } = props;
+  return /*#__PURE__*/_jsx(Canvas, {
+    style: [{
+      width,
+      height
+    }, style],
+    children: /*#__PURE__*/_jsxs(Group, {
+      transform: [{
+        translateY: offsetY
+      }],
+      children: [/*#__PURE__*/_jsx(ScalablePath, {
+        ...rest
+      }), children]
+    })
+  });
+};
+export { ZoomableLineChart };
+//# sourceMappingURL=index.js.map

package/lib/module/Charts/ZoomableLinechart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Canvas","Group","React","ScalablePath","jsx","_jsx","jsxs","_jsxs","ZoomableLineChart","props","width","height","style","children","offsetY","rest","transform","translateY"],"sourceRoot":"../../../../src","sources":["Charts/ZoomableLinechart/index.tsx"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,KAAK,QAAqB,4BAA4B;AAEvE,OAAOC,KAAK,MAAM,OAAO;AAIzB,SAASC,YAAY,QAAgC,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtE,SAASJ,YAAY;AAiBrB,MAAMK,iBAA6C,GAAG,SAAAA,CAAUC,KAAK,EAAE;EACrE,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,OAAO,GAAG,CAAC;IAAE,GAAGC;EAAK,CAAC,GAAGN,KAAK;EAEtE,oBACEJ,IAAA,CAACL,MAAM;IACLY,KAAK,EAAE,CACL;MACEF,KAAK;MACLC;IACF,CAAC,EACDC,KAAK,CACL;IAAAC,QAAA,eAEFN,KAAA,CAACN,KAAK;MAACe,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEH;MAAQ,CAAC,CAAE;MAAAD,QAAA,gBAC1CR,IAAA,CAACF,YAAY;QAAA,GAAKY;MAAI,CAAG,CAAC,EACzBF,QAAQ;IAAA,CACJ;EAAC,CACF,CAAC;AAEb,CAAC;AAED,SAASL,iBAAiB","ignoreList":[]}

package/lib/module/Charts/gesture.js

@@ -0,0 +1,176 @@
+"use strict";
+
+import { clamp } from '@shopify/react-native-skia';
+import { useCallback } from 'react';
+import { Gesture } from 'react-native-gesture-handler';
+import { runOnJS, useAnimatedReaction, useDerivedValue, useSharedValue, withTiming } from 'react-native-reanimated';
+/**
+ * Get the position of a point on the axis,
+ * given the current focal, scale and offset
+ */
+export const getPositionWl = function (position, focalX, scale, offsetX) {
+  'worklet';
+
+  return (position - focalX) * scale + focalX + offsetX;
+};
+/**
+ * Return utilities for zooming and panning the axis
+ */
+export const useScalableGesture = props => {
+  const {
+    width
+  } = props;
+  const startOffset = props.startOffset ?? 0;
+  const startScale = props.startScale ?? 1;
+  // For zooming
+  const scale = useSharedValue(startScale);
+  const lastScale = useSharedValue(startScale);
+  const focalX = useSharedValue(0);
+  const lastFocalX = useSharedValue(0);
+
+  // For panning
+  const offsetX = useSharedValue(startOffset);
+  const lastOffsetX = useSharedValue(startOffset);
+  const reset = useCallback(() => {
+    scale.value = startScale;
+    lastScale.value = startScale;
+    focalX.value = 0;
+    lastFocalX.value = 0;
+    offsetX.value = startOffset;
+    lastOffsetX.value = startOffset;
+  }, [focalX, lastFocalX, lastOffsetX, lastScale, offsetX, scale, startOffset, startScale]);
+  const animateFocalPoint = newFocalX => {
+    'worklet';
+
+    focalX.value = withTiming(newFocalX, {
+      duration: 300
+    }); // Smooth transition with duration
+  };
+  const panGesture = Gesture.Pan().onUpdate(event => {
+    const newOffsetX = lastOffsetX.value + event.translationX;
+    offsetX.value = newOffsetX;
+  }).onEnd(() => {
+    lastScale.value = scale.value;
+    lastFocalX.value = focalX.value;
+    const leftBound = getPositionWl(0, focalX.value, scale.value, offsetX.value);
+    const rightBound = getPositionWl(width, focalX.value, scale.value, offsetX.value);
+    let newOffset;
+    if (leftBound > startOffset) {
+      // console.log(`Left Boundary reached`);
+      newOffset = offsetX.value - leftBound + startOffset;
+    } else if (rightBound < width) {
+      // console.log(`Right Boundary reached`);
+      newOffset = offsetX.value + width - rightBound + startOffset;
+    } else {
+      newOffset = offsetX.value;
+    }
+    if (newOffset === undefined) throw new Error('newOffset is undefined');
+    offsetX.value = withTiming(newOffset, {
+      duration: 300
+    });
+    lastOffsetX.value = newOffset;
+  });
+  const pinchGesture = Gesture.Pinch().onUpdate(event => {
+    const newScale = lastScale.value * event.scale;
+    scale.value = clamp(newScale, 1, Infinity); // Clamp the scale value
+    animateFocalPoint(event.focalX);
+  }).onEnd(() => {
+    lastScale.value = scale.value;
+    lastFocalX.value = focalX.value;
+  });
+  return {
+    scale,
+    focalX,
+    pinchGesture,
+    panGesture,
+    offsetX,
+    reset
+  };
+};
+export const useUpdateAxis = function (props) {
+  const {
+    scale,
+    scales,
+    onScaleChange
+  } = props;
+  const currentIndex = useSharedValue(0);
+  useAnimatedReaction(() => scale.value, (currentScale, _) => {
+    for (let i = 0; i < scales.length; i++) {
+      const _prevScale = scales[i - 1] ?? 0;
+      const _curScale = scales[i];
+      if (_curScale === undefined || _prevScale === undefined) throw new Error('Got undefined scale');
+      if (currentScale >= _prevScale && currentScale < _curScale && currentIndex.value !== i) {
+        currentIndex.value = i;
+        if (onScaleChange !== undefined) runOnJS(onScaleChange)(i);
+        break;
+      }
+    }
+  }, []);
+  return {
+    currentIndex
+  };
+};
+/**
+ * Get the closest point for a given x value
+ */
+export const getClosestPoint = function (x, dataPoints) {
+  'worklet';
+
+  let closestPoint = dataPoints[0];
+  if (closestPoint === undefined) throw new Error('dataPoints array cannot be empty');
+  let minDistance = Math.abs(x - closestPoint.x);
+  for (let i = 1; i < dataPoints.length; i++) {
+    const point = dataPoints[i];
+    if (point === undefined) throw new Error('Point cannot be undefined');
+    const distance = Math.abs(x - point.x);
+    if (distance < minDistance) {
+      minDistance = distance;
+      closestPoint = point;
+    }
+  }
+  return closestPoint;
+};
+
+/**
+ * Get gesture utilities for the cursor
+ */
+export const useCursorGesture = function (props) {
+  const {
+    width,
+    height,
+    points,
+    closestDataPoint,
+    isContinuous = true
+  } = props;
+  const xPosition = useSharedValue(0);
+  const yPosition = useSharedValue(height); // GRAPH_HEIGHT
+
+  const panGesture = Gesture.Pan().onBegin(event => {
+    xPosition.value = clamp(event.x, 0, width);
+    yPosition.value = clamp(event.y, 0, height);
+  }).onUpdate(event => {
+    xPosition.value = clamp(event.x, 0, width);
+    yPosition.value = clamp(event.y, 0, height);
+  });
+  const tapGesture = Gesture.Tap().onBegin(event => {
+    xPosition.value = clamp(event.x, 0, width);
+    yPosition.value = clamp(event.y, 0, height);
+  });
+  useDerivedValue(() => {
+    if (isContinuous) return;
+    if (points === undefined) {
+      console.warn('Points must be defined for non-continuous mode');
+      return;
+    }
+    const _closestDot = getClosestPoint(xPosition.value, points.value);
+    if (closestDataPoint !== undefined) closestDataPoint.value = _closestDot;
+    xPosition.value = _closestDot.x;
+  }, [xPosition, isContinuous]);
+  return {
+    panGesture,
+    tapGesture,
+    xPosition,
+    yPosition
+  };
+};
+//# sourceMappingURL=gesture.js.map

package/lib/module/Charts/gesture.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["clamp","useCallback","Gesture","runOnJS","useAnimatedReaction","useDerivedValue","useSharedValue","withTiming","getPositionWl","position","focalX","scale","offsetX","useScalableGesture","props","width","startOffset","startScale","lastScale","lastFocalX","lastOffsetX","reset","value","animateFocalPoint","newFocalX","duration","panGesture","Pan","onUpdate","event","newOffsetX","translationX","onEnd","leftBound","rightBound","newOffset","undefined","Error","pinchGesture","Pinch","newScale","Infinity","useUpdateAxis","scales","onScaleChange","currentIndex","currentScale","_","i","length","_prevScale","_curScale","getClosestPoint","x","dataPoints","closestPoint","minDistance","Math","abs","point","distance","useCursorGesture","height","points","closestDataPoint","isContinuous","xPosition","yPosition","onBegin","y","tapGesture","Tap","console","warn","_closestDot"],"sourceRoot":"../../../src","sources":["Charts/gesture.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/Charts/graphUtils.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import { PathVerb, Skia } from '@shopify/react-native-skia';
+import { scaleLinear } from 'd3-scale';
+import * as shape from 'd3-shape';
+import { useAnimatedReaction, withTiming } from 'react-native-reanimated';
+import { getPositionWl } from './gesture';
+import { getYForX } from './maths';
+export const buildGraph = function (data, width, height, config) {
+  const minX = config?.minX ?? Math.min(...data.map(x => x[0]));
+  const maxX = config?.maxX ?? Math.max(...data.map(x => x[0]));
+  const scaleX = scaleLinear().domain([minX, maxX]).range([0, width]);
+  const minY = config?.minY ?? Math.min(...data.map(x => x[1]));
+  const maxY = config?.maxY ?? Math.max(...data.map(x => x[1]));
+  const scaleY = scaleLinear().domain([minY, maxY]).range([height, 0]);
+  const fmtValues = data.map(x => [x[1], x[0]]);
+  const path = shape.line().x(([, x]) => scaleX(x)).y(([y]) => scaleY(y)).curve(config?.curve ?? shape.curveBasis)(fmtValues);
+  const dataPoints = fmtValues.map(([y, x]) => ({
+    x: scaleX(x),
+    y: scaleY(y),
+    value: y
+  }));
+  const skiaPath = Skia.Path.MakeFromSVGString(path);
+  if (skiaPath == null) throw new Error('Path not found');
+  return {
+    data: fmtValues,
+    minY,
+    maxY,
+    path,
+    dataPoints,
+    skiaPath,
+    scaleX,
+    scaleY
+  };
+};
+
+/**
+ * For now, only support commands of type:
+ * - PathVerb.Move
+ * - PathVerb.Cubic
+ * - PathVerb.Quad
+ * - PathVerb.Line
+ */
+export const scaleCommands = function (commands, scaleX, focalX, offsetX, scaleY) {
+  'worklet';
+
+  const _scaleY = scaleY ? scaleY.value : 1;
+  return commands.map(command => {
+    const commandType = command[0];
+    if (commandType === undefined) throw new Error('Got undefined command type');
+    if (commandType === PathVerb.Line) {
+      return [commandType, getPositionWl(command[1], focalX.value, scaleX.value, offsetX.value), command[2] * _scaleY];
+    }
+    if (commandType === PathVerb.Move) {
+      return [commandType, getPositionWl(command[1], focalX.value, scaleX.value, offsetX.value), command[2] * _scaleY];
+    }
+    if (commandType === PathVerb.Quad) return [commandType, getPositionWl(command[1], focalX.value, scaleX.value, offsetX.value), command[2] * _scaleY, getPositionWl(command[3], focalX.value, scaleX.value, offsetX.value), command[4] * _scaleY];
+    if (commandType === PathVerb.Cubic) {
+      return [commandType,
+      // c1
+      getPositionWl(command[1], focalX.value, scaleX.value, offsetX.value), command[2] * _scaleY,
+      // c2
+      getPositionWl(command[3], focalX.value, scaleX.value, offsetX.value), command[4] * _scaleY,
+      // to
+      getPositionWl(command[5], focalX.value, scaleX.value, offsetX.value), command[6] * _scaleY];
+    }
+    if (commandType === PathVerb.Close) return command;
+    if (commandType === PathVerb.Move) return command;
+    throw new Error(`Unsupported command type ${commandType}`);
+  });
+};
+export const defaultOpacityTransitionWl = function (opacity) {
+  'worklet';
+
+  return withTiming(opacity, {
+    duration: 200
+  });
+};
+export const defaultTranslateTransitionWl = function (position) {
+  'worklet';
+
+  return withTiming(position, {
+    duration: 1000
+  });
+};
+export const useDotsTransition = function (props) {
+  const {
+    currentGraph,
+    path,
+    dataPoints,
+    dots,
+    opacityWl = defaultOpacityTransitionWl,
+    translateWl = defaultTranslateTransitionWl
+  } = props;
+  useAnimatedReaction(() => ({
+    _currentGraph: currentGraph.value,
+    _currentCommands: path.value.toCmds()
+  }), ({
+    _currentGraph,
+    _currentCommands
+  }) => {
+    const newDataPoints = dataPoints[_currentGraph];
+    if (newDataPoints === undefined) throw new Error('Data points cannot be undefined');
+    dots.map((_dot, i) => {
+      const _newDot = newDataPoints[i];
+      if (!_newDot) {
+        _dot.opacity.value = opacityWl(0);
+        return;
+      } else {
+        _dot.x.value = translateWl(_newDot.x);
+        const newY = getYForX(_currentCommands, _dot.x.value);
+        if (newY !== undefined) {
+          _dot.y.value = newY;
+        }
+        //   _dot.y.value = withTiming(newDots[i]!.y, { duration: 1000 });
+        _dot.opacity.value = opacityWl(1);
+      }
+    });
+  });
+};
+//# sourceMappingURL=graphUtils.js.map

package/lib/module/Charts/graphUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PathVerb","Skia","scaleLinear","shape","useAnimatedReaction","withTiming","getPositionWl","getYForX","buildGraph","data","width","height","config","minX","Math","min","map","x","maxX","max","scaleX","domain","range","minY","maxY","scaleY","fmtValues","path","line","y","curve","curveBasis","dataPoints","value","skiaPath","Path","MakeFromSVGString","Error","scaleCommands","commands","focalX","offsetX","_scaleY","command","commandType","undefined","Line","Move","Quad","Cubic","Close","defaultOpacityTransitionWl","opacity","duration","defaultTranslateTransitionWl","position","useDotsTransition","props","currentGraph","dots","opacityWl","translateWl","_currentGraph","_currentCommands","toCmds","newDataPoints","_dot","i","_newDot","newY"],"sourceRoot":"../../../src","sources":["Charts/graphUtils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/Charts/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+export { AxisLine, BottomAxis, Tick } from './BottomAxis';
+export { Cursor } from './Cursor';
+export { LineChart } from './Linechart';
+export { ScalablePath, ZoomableLineChart } from './ZoomableLinechart';
+export { getClosestPoint, getPositionWl, useCursorGesture, useScalableGesture, useUpdateAxis } from './gesture';
+export { buildGraph, defaultOpacityTransitionWl, defaultTranslateTransitionWl, scaleCommands, useDotsTransition } from './graphUtils';
+export { commandsToBezier, cubicBezierYForX, getYForX, magnitude, normalize, selectCurve } from './maths';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["AxisLine","BottomAxis","Tick","Cursor","LineChart","ScalablePath","ZoomableLineChart","getClosestPoint","getPositionWl","useCursorGesture","useScalableGesture","useUpdateAxis","buildGraph","defaultOpacityTransitionWl","defaultTranslateTransitionWl","scaleCommands","useDotsTransition","commandsToBezier","cubicBezierYForX","getYForX","magnitude","normalize","selectCurve"],"sourceRoot":"../../../src","sources":["Charts/index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzD,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,SAAS,QAAQ,aAAa;AAEvC,SAASC,YAAY,EAAEC,iBAAiB,QAAQ,qBAAqB;AAErE,SACEC,eAAe,EACfC,aAAa,EACbC,gBAAgB,EAChBC,kBAAkB,EAClBC,aAAa,QACR,WAAW;AAElB,SACEC,UAAU,EACVC,0BAA0B,EAC1BC,4BAA4B,EAC5BC,aAAa,EACbC,iBAAiB,QACZ,cAAc;AAErB,SACEC,gBAAgB,EAChBC,gBAAgB,EAChBC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,WAAW,QACN,SAAS","ignoreList":[]}

package/lib/module/Charts/maths.js

@@ -0,0 +1,187 @@
+"use strict";
+
+import { PathVerb, vec } from '@shopify/react-native-skia';
+
+// code from William Candillon
+
+const round = (value, precision = 0) => {
+  'worklet';
+
+  const p = Math.pow(10, precision);
+  return Math.round(value * p) / p;
+};
+
+// https://stackoverflow.com/questions/27176423/function-to-solve-cubic-equation-analytically
+const cuberoot = x => {
+  'worklet';
+
+  const y = Math.pow(Math.abs(x), 1 / 3);
+  return x < 0 ? -y : y;
+};
+const solveCubic = (a, b, c, d) => {
+  'worklet';
+
+  if (Math.abs(a) < 1e-8) {
+    // Quadratic case, ax^2+bx+c=0
+    a = b;
+    b = c;
+    c = d;
+    if (Math.abs(a) < 1e-8) {
+      // Linear case, ax+b=0
+      a = b;
+      b = c;
+      if (Math.abs(a) < 1e-8) {
+        // Degenerate case
+        return [];
+      }
+      return [-b / a];
+    }
+    const D = b * b - 4 * a * c;
+    if (Math.abs(D) < 1e-8) return [-b / (2 * a)];
+    if (D > 0) return [(-b + Math.sqrt(D)) / (2 * a), (-b - Math.sqrt(D)) / (2 * a)];
+    return [];
+  }
+
+  // Convert to depressed cubic t^3+pt+q = 0 (subst x = t - b/3a)
+  const p = (3 * a * c - b * b) / (3 * a * a);
+  const q = (2 * b * b * b - 9 * a * b * c + 27 * a * a * d) / (27 * a * a * a);
+  let roots = [];
+  if (Math.abs(p) < 1e-8) {
+    // p = 0 -> t^3 = -q -> t = -q^1/3
+    roots = [cuberoot(-q)];
+  } else if (Math.abs(q) < 1e-8) {
+    // q = 0 -> t^3 + pt = 0 -> t(t^2+p)=0
+    roots = [0].concat(p < 0 ? [Math.sqrt(-p), -Math.sqrt(-p)] : []);
+  } else {
+    const D = q * q / 4 + p * p * p / 27;
+    if (Math.abs(D) < 1e-8) {
+      // D = 0 -> two roots
+      roots = [-1.5 * q / p, 3 * q / p];
+    } else if (D > 0) {
+      // Only one real root
+      const u = cuberoot(-q / 2 - Math.sqrt(D));
+      roots = [u - p / (3 * u)];
+    } else {
+      // D < 0, three roots, but needs to use complex numbers/trigonometric solution
+      const u = 2 * Math.sqrt(-p / 3);
+      const t = Math.acos(3 * q / p / u) / 3; // D < 0 implies p < 0 and acos argument in [-1..1]
+      const k = 2 * Math.PI / 3;
+      roots = [u * Math.cos(t), u * Math.cos(t - k), u * Math.cos(t - 2 * k)];
+    }
+  }
+
+  // Convert back from depressed cubic
+  for (let i = 0; i < roots.length; i++) roots[i] -= b / (3 * a);
+  return roots;
+};
+
+// const cubicBezier = (
+//   t: number,
+//   from: number,
+//   c1: number,
+//   c2: number,
+//   to: number
+// ): number => {
+//   'worklet';
+
+//   const term = 1 - t;
+//   const a = 1 * term ** 3 * t ** 0 * from;
+//   const b = 3 * term ** 2 * t ** 1 * c1;
+//   const c = 3 * term ** 1 * t ** 2 * c2;
+//   const d = 1 * term ** 0 * t ** 3 * to;
+//   return a + b + c + d;
+// };
+
+const cubicSolve = function (t, p0, p1, p2, p3) {
+  'worklet';
+
+  return (1 - t) * (1 - t) * (1 - t) * p0 + 3 * (1 - t) * (1 - t) * t * p1 + 3 * (1 - t) * t * t * p2 + t * t * t * p3;
+};
+export const cubicBezierYForX = (x, a, b, c, d, precision = 2) => {
+  'worklet';
+
+  const pa = -a.x + 3 * b.x - 3 * c.x + d.x;
+  const pb = 3 * a.x - 6 * b.x + 3 * c.x;
+  const pc = -3 * a.x + 3 * b.x;
+  const pd = a.x - x;
+  const ts = solveCubic(pa, pb, pc, pd).map(root => round(root, precision)).filter(root => root >= 0 && root <= 1);
+  const t = ts[0];
+  if (t == null) return 0;
+  //   return cubicBezier(t, a.y, b.y, c.y, d.y);
+  return cubicSolve(t, a.y, b.y, c.y, d.y);
+};
+export const selectCurve = (cmds, x) => {
+  'worklet';
+
+  let from = vec(0, 0);
+  for (let i = 0; i < cmds.length; i++) {
+    const cmd = cmds[i];
+    if (cmd == null) {
+      return undefined;
+    }
+    if (cmd[0] === PathVerb.Move) {
+      from = vec(cmd[1], cmd[2]);
+    } else if (cmd[0] === PathVerb.Cubic) {
+      const c1 = vec(cmd[1], cmd[2]);
+      const c2 = vec(cmd[3], cmd[4]);
+      const to = vec(cmd[5], cmd[6]);
+      if (x >= from.x && x <= to.x) {
+        return {
+          from,
+          c1,
+          c2,
+          to
+        };
+      }
+      from = to;
+    }
+  }
+  return undefined;
+};
+
+/**
+ * Convert commands to cubic bezier
+ */
+export const commandsToBezier = cmds => {
+  'worklet';
+
+  const normCmds = [];
+  let x = 0,
+    y = 0;
+  for (let i = 0; i < cmds.length; i++) {
+    const currCmd = cmds[i];
+    if (currCmd === undefined) throw new Error(`No command found at index ${i}`);
+    let normCmd;
+    const cmd = currCmd[0];
+    if (cmd === undefined) throw new Error('Got undefined command');
+    if (cmd === PathVerb.Line) {
+      normCmd = [PathVerb.Cubic, x, y, currCmd[1], currCmd[2], currCmd[1], currCmd[2]];
+    } else {
+      normCmd = currCmd;
+    }
+    x = normCmd[normCmd.length - 2];
+    y = normCmd[normCmd.length - 1];
+    normCmds.push(normCmd);
+  }
+  return normCmds;
+};
+export const getYForX = (cmds, x, precision = 2) => {
+  'worklet';
+
+  const cmdsNorm = commandsToBezier(cmds);
+  const c = selectCurve(cmdsNorm, x);
+  if (c == null) return undefined;
+  return cubicBezierYForX(x, c.from, c.c1, c.c2, c.to, precision);
+};
+
+// See Path/getPath2D
+
+export const magnitude = p => Math.sqrt(p.x * p.x + p.y * p.y);
+export const normalize = p => {
+  const m = magnitude(p);
+  return {
+    x: p.x / m,
+    y: p.y / m
+  };
+};
+//# sourceMappingURL=maths.js.map