rn-cute-stocks 1.0.1-beta.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Divyanshu Shekhar
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# rn-cute-stocks

package/dist/esm/index.mjs

@@ -0,0 +1,277 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { StyleSheet, View, Text } from 'react-native';
+import { Skia, Canvas, Path, LinearGradient, vec, Circle } from '@shopify/react-native-skia';
+import { line, curveBasis, curveNatural, curveMonotoneX, curveLinear, curveBumpX } from 'd3-shape';
+import { min, max } from 'd3-array';
+import { scaleTime, scaleLinear } from 'd3-scale';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import { useSharedValue, useDerivedValue, runOnJS, withTiming } from 'react-native-reanimated';
+import { useState } from 'react';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function getCurve(curveType) {
+  let curve;
+  switch (curveType) {
+    case "curveBasis":
+      curve = curveBasis;
+      break;
+    case "curveBumpX":
+      curve = curveBumpX;
+      break;
+    case "curveLinear":
+      curve = curveLinear;
+      break;
+    case "curveMonotoneX":
+      curve = curveMonotoneX;
+      break;
+    case "natural":
+      curve = curveNatural;
+      break;
+    default:
+      curve = curveBasis;
+      console.warn(
+        "Invalid curve, falling back to default bezier (curveBasis)"
+      );
+      break;
+  }
+  return curve;
+}
+function GenerateStringPath(curveType, data, canvas_width, canvas_height) {
+  const curve = getCurve(curveType);
+  const X_PADDING = Math.max(8, canvas_width * 0.05);
+  const CHART_HEIGHT = canvas_height;
+  const min_x = min(data, (d) => {
+    return d.timestamp;
+  });
+  const max_x = max(data, (d) => {
+    return d.timestamp;
+  });
+  const x_func = scaleTime().domain([min_x, max_x]).range([X_PADDING, canvas_width - X_PADDING]);
+  const min_y = min(data, (d) => {
+    return d.price;
+  });
+  const max_y = max(data, (d) => {
+    return d.price;
+  });
+  const y_padding = (max_y - min_y) * 0.1;
+  const y_func = scaleLinear().domain([min_y - y_padding, max_y + y_padding]).range([CHART_HEIGHT, 0]);
+  const str_path = line().x((d) => x_func(d.timestamp)).y((d) => y_func(d.price)).curve(curve)(data);
+  return {
+    str_path,
+    x_func,
+    y_func,
+    data,
+    x_range_min: X_PADDING,
+    x_range_max: canvas_width - X_PADDING
+  };
+}
+let path_config = null;
+function GetYForX(x_pos, canvas_width, data, canvas_height, y_search_alogorithm) {
+  if (!path_config || path_config.canvas_width !== canvas_width || path_config.canvas_height !== canvas_height || path_config.data.length !== data.length) {
+    path_config = __spreadProps(__spreadValues({}, GenerateStringPath("curveBumpX", data, canvas_width, canvas_height)), {
+      canvas_width,
+      canvas_height
+    });
+  }
+  const { x_func, y_func, x_range_min, x_range_max } = path_config;
+  let clamped_x_pos = Math.max(x_range_min, Math.min(x_range_max, x_pos));
+  let res = searchStrategy(
+    y_search_alogorithm,
+    clamped_x_pos,
+    x_func,
+    data,
+    y_func
+  );
+  return res;
+}
+const searchStrategy = (search_strategy, clamped_x_pos, x_func, data, y_func) => {
+  let res;
+  switch (search_strategy) {
+    case "binarySearchWithInterpolation":
+      res = binarySearchWithInterpolation(clamped_x_pos, x_func, data, y_func);
+      break;
+    // might add more strategies later
+    // one might be using lookup tables
+    // as for less data points interpolation fails
+    default:
+      console.warn(
+        "invalid search strategy, falling back to binary with interpolation"
+      );
+      res = binarySearchWithInterpolation(clamped_x_pos, x_func, data, y_func);
+      break;
+  }
+  return res;
+};
+const binarySearchWithInterpolation = (clamped_x_pos, x_func, data, y_func) => {
+  let timestamp = x_func.invert(clamped_x_pos).getTime();
+  let left_idx = 0;
+  if (timestamp <= data[0].timestamp) {
+    const p = data[0].price;
+    return { y_coord: y_func(p), real_price: p };
+  }
+  if (timestamp >= data[data.length - 1].timestamp) {
+    const p = data[data.length - 1].price;
+    return { y_coord: y_func(p), real_price: p };
+  }
+  let left = 0;
+  let right = data.length - 1;
+  while (left < right - 1) {
+    const mid = Math.floor((left + right) / 2);
+    if (data[mid].timestamp <= timestamp) {
+      left = mid;
+    } else {
+      right = mid;
+    }
+  }
+  if (left >= data.length - 1) left = data.length - 2;
+  left_idx = left;
+  const left_point = data[left_idx];
+  const right_point = data[left_idx + 1];
+  const denominator = right_point.timestamp - left_point.timestamp;
+  const ratio = denominator !== 0 ? (timestamp - left_point.timestamp) / denominator : 0;
+  const y_val = left_point.price + ratio * (right_point.price - left_point.price);
+  let real_price = y_val;
+  let y_coord = y_func(y_val);
+  return { y_coord, real_price };
+};
+
+const StockCharts = ({
+  width,
+  height,
+  chartData,
+  priceTextStyles,
+  curveType = "curveBasis",
+  colors = ["#fff"],
+  cursorComponent,
+  curveStrokeWidth = 2,
+  curveFill = "stroke",
+  ySearch = "binarySearchWithInterpolation"
+}) => {
+  const { str_path, x_func, y_func, data, x_range_min, x_range_max } = GenerateStringPath(curveType, chartData, width, height);
+  const skpath = Skia.Path.MakeFromSVGString(str_path);
+  let init_x = x_func(data[0].timestamp);
+  let init_y = y_func(data[0].price);
+  const xPos = useSharedValue(init_x);
+  const yPos = useSharedValue(init_y);
+  const price_animated_val = useSharedValue(data[0].price);
+  const [priceText, setPriceText] = useState(data[0].price);
+  useDerivedValue(() => {
+    const txt = price_animated_val.value.toFixed(2);
+    runOnJS(setPriceText)(txt);
+  }, [price_animated_val]);
+  const updateY = (clamped_x) => {
+    let res_prices = GetYForX(clamped_x, width, data, height, ySearch);
+    yPos.value = res_prices.y_coord;
+    price_animated_val.value = withTiming(res_prices.real_price, {
+      duration: 100
+    });
+  };
+  const pan = Gesture.Pan().onUpdate((evt) => {
+    "worklet";
+    const raw_x = Number(evt.x);
+    const clamped = Math.max(x_range_min, Math.min(x_range_max, raw_x));
+    xPos.value = clamped;
+    runOnJS(updateY)(clamped);
+  });
+  if (!chartData || chartData.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(View, { style: styles.home__main, children: [
+    /* @__PURE__ */ jsxs(Text, { style: [styles.home__price, priceTextStyles], children: [
+      "$",
+      priceText
+    ] }),
+    /* @__PURE__ */ jsx(GestureDetector, { gesture: pan, children: /* @__PURE__ */ jsxs(
+      Canvas,
+      {
+        style: {
+          width,
+          height
+        },
+        children: [
+          cursorComponent ? cursorComponent({ xPos, yPos }) : /* @__PURE__ */ jsx(Cursor, { xPos, yPos }),
+          skpath && /* @__PURE__ */ jsx(
+            Path,
+            {
+              path: skpath,
+              style: curveFill,
+              strokeWidth: curveStrokeWidth,
+              color: "#fff",
+              children: /* @__PURE__ */ jsx(
+                LinearGradient,
+                {
+                  start: vec(0, 0),
+                  end: vec(width, height),
+                  colors
+                }
+              )
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+};
+const Cursor = ({ xPos, yPos }) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Circle, { style: "fill", color: "#f69d69", cx: xPos, cy: yPos, r: 5 }),
+    /* @__PURE__ */ jsx(
+      Circle,
+      {
+        style: "stroke",
+        color: "#f69d69",
+        cx: xPos,
+        cy: yPos,
+        r: 12,
+        strokeWidth: 2,
+        opacity: 0.65
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Circle,
+      {
+        style: "stroke",
+        color: "#f69d69",
+        cx: xPos,
+        cy: yPos,
+        r: 18,
+        strokeWidth: 2,
+        opacity: 0.65
+      }
+    )
+  ] });
+};
+const styles = StyleSheet.create({
+  home__main: {
+    flex: 1,
+    paddingVertical: 50,
+    alignItems: "center",
+    backgroundColor: "#181818",
+    paddingHorizontal: 20
+  },
+  home__price: {
+    color: "#000",
+    fontSize: 52
+  }
+});
+
+export { GenerateStringPath, GetYForX, StockCharts };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/math.js","../../src/rn.js"],"sourcesContent":["// FILE ka main goals kya hai ? =>\r\n// get the data\r\n// generate the skia-path for curve\r\n\r\nimport {\r\n  curveBasis,\r\n  curveBumpX,\r\n  curveLinear,\r\n  curveMonotoneX,\r\n  curveNatural,\r\n  line,\r\n} from \"d3-shape\";\r\n\r\nimport { max, min } from \"d3-array\";\r\nimport { scaleLinear, scaleTime } from \"d3-scale\";\r\n\r\nfunction getCurve(curveType) {\r\n  let curve;\r\n\r\n  // following are curves I believe are good matches for stock data\r\n  switch (curveType) {\r\n    case \"curveBasis\":\r\n      curve = curveBasis;\r\n      break;\r\n    case \"curveBumpX\":\r\n      curve = curveBumpX;\r\n      break;\r\n    case \"curveLinear\":\r\n      curve = curveLinear;\r\n      break;\r\n    case \"curveMonotoneX\":\r\n      curve = curveMonotoneX;\r\n      break;\r\n    case \"natural\":\r\n      curve = curveNatural;\r\n      break;\r\n    default:\r\n      curve = curveBasis;\r\n      console.warn(\r\n        \"Invalid curve, falling back to default bezier (curveBasis)\"\r\n      );\r\n      break;\r\n  }\r\n  return curve;\r\n}\r\n\r\nfunction GenerateStringPath(curveType, data, canvas_width, canvas_height) {\r\n  const curve = getCurve(curveType);\r\n  //   const data = getPeriodData(period);\r\n\r\n  const X_PADDING = Math.max(8, canvas_width * 0.05);\r\n  //   const CHART_HEIGHT = Math.round(canvas_width * 0.85);\r\n  const CHART_HEIGHT = canvas_height;\r\n\r\n  const min_x = min(data, (d) => {\r\n    return d.timestamp;\r\n  });\r\n  const max_x = max(data, (d) => {\r\n    return d.timestamp;\r\n  });\r\n\r\n  const x_func = scaleTime()\r\n    .domain([min_x, max_x])\r\n    .range([X_PADDING, canvas_width - X_PADDING]);\r\n  // now we can call like x(someTimestampValue)\r\n  // this is done while plotting the path like line().x((d) => x(d.timestamp))\r\n\r\n  const min_y = min(data, (d) => {\r\n    return d.price;\r\n  });\r\n  const max_y = max(data, (d) => {\r\n    return d.price;\r\n  });\r\n\r\n  const y_padding = (max_y - min_y) * 0.1;\r\n\r\n  const y_func = scaleLinear()\r\n    .domain([min_y - y_padding, max_y + y_padding])\r\n    .range([CHART_HEIGHT, 0]);\r\n\r\n  const str_path = line()\r\n    .x((d) => x_func(d.timestamp))\r\n    .y((d) => y_func(d.price))\r\n    .curve(curve)(data);\r\n\r\n  return {\r\n    str_path,\r\n    x_func,\r\n    y_func,\r\n    data,\r\n    x_range_min: X_PADDING,\r\n    x_range_max: canvas_width - X_PADDING,\r\n  };\r\n}\r\n\r\nlet path_config = null;\r\n\r\nfunction GetYForX(x_pos, canvas_width, data, canvas_height, y_search_alogorithm) {\r\n  // IDEA BEHIND THIS FUNC. :\r\n  // the curve is not linear so find two nearby points for the given X (timestamp)\r\n  // then assume them as a linear line and get Y via linear interpolation\r\n  // also cache the path configs\r\n\r\n  if (\r\n    !path_config || \r\n    path_config.canvas_width !== canvas_width || \r\n    path_config.canvas_height !== canvas_height ||\r\n    path_config.data.length !== data.length\r\n  ) {\r\n    path_config = {\r\n      ...GenerateStringPath(\"curveBumpX\", data, canvas_width, canvas_height),\r\n      canvas_width,\r\n      canvas_height\r\n    };\r\n  }\r\n\r\n  const { x_func, y_func, x_range_min, x_range_max } = path_config;\r\n\r\n  // keep x within bounds by clamping it\r\n  let clamped_x_pos = Math.max(x_range_min, Math.min(x_range_max, x_pos));\r\n\r\n  let res = searchStrategy(\r\n    y_search_alogorithm,\r\n    clamped_x_pos,\r\n    x_func,\r\n    data,\r\n    y_func\r\n  );\r\n\r\n  return res;\r\n}\r\n\r\nconst searchStrategy = (\r\n  search_strategy,\r\n  clamped_x_pos,\r\n  x_func,\r\n  data,\r\n  y_func\r\n) => {\r\n  let res;\r\n  switch (search_strategy) {\r\n    case \"binarySearchWithInterpolation\":\r\n      res = binarySearchWithInterpolation(clamped_x_pos, x_func, data, y_func);\r\n      break;\r\n\r\n    // might add more strategies later\r\n    // one might be using lookup tables\r\n    // as for less data points interpolation fails\r\n\r\n    default:\r\n      console.warn(\r\n        \"invalid search strategy, falling back to binary with interpolation\"\r\n      );\r\n      res = binarySearchWithInterpolation(clamped_x_pos, x_func, data, y_func);\r\n      break;\r\n  }\r\n\r\n  return res;\r\n};\r\n\r\nconst binarySearchWithInterpolation = (clamped_x_pos, x_func, data, y_func) => {\r\n  let timestamp = x_func.invert(clamped_x_pos).getTime();\r\n\r\n  let left_idx = 0;\r\n\r\n  if (timestamp <= data[0].timestamp) {\r\n    const p = data[0].price;\r\n    return { y_coord: y_func(p), real_price: p };\r\n  }\r\n  if (timestamp >= data[data.length - 1].timestamp) {\r\n    const p = data[data.length - 1].price;\r\n    return { y_coord: y_func(p), real_price: p };\r\n  }\r\n\r\n  // Binary search (could have gone with linear search as well but lol why not better)\r\n  let left = 0;\r\n  let right = data.length - 1;\r\n\r\n  while (left < right - 1) {\r\n    const mid = Math.floor((left + right) / 2);\r\n    if (data[mid].timestamp <= timestamp) {\r\n      left = mid;\r\n    } else {\r\n      right = mid;\r\n    }\r\n  }\r\n\r\n  if (left >= data.length - 1) left = data.length - 2;\r\n\r\n  left_idx = left;\r\n\r\n  const left_point = data[left_idx];\r\n  const right_point = data[left_idx + 1];\r\n\r\n  // do Linear interpolation here\r\n  const denominator = right_point.timestamp - left_point.timestamp;\r\n  const ratio =\r\n    denominator !== 0 ? (timestamp - left_point.timestamp) / denominator : 0;\r\n  const y_val =\r\n    left_point.price + ratio * (right_point.price - left_point.price);\r\n\r\n  let real_price = y_val;\r\n  let y_coord = y_func(y_val);\r\n  return { y_coord, real_price };\r\n};\r\n\r\nexport { GenerateStringPath, GetYForX };\r\n","import { Text, View, StyleSheet } from \"react-native\";\r\nimport {\r\n  Canvas,\r\n  LinearGradient,\r\n  Path,\r\n  vec,\r\n  Skia,\r\n  Circle,\r\n} from \"@shopify/react-native-skia\";\r\nimport { GenerateStringPath, GetYForX } from \"./math\";\r\nimport { Gesture, GestureDetector } from \"react-native-gesture-handler\";\r\nimport {\r\n  useDerivedValue,\r\n  useSharedValue,\r\n  runOnJS,\r\n  withTiming,\r\n} from \"react-native-reanimated\";\r\nimport { useState } from \"react\";\r\n\r\nexport const StockCharts = ({\r\n  width,\r\n  height,\r\n  chartData,\r\n  priceTextStyles,\r\n  curveType = \"curveBasis\",\r\n  colors = [\"#fff\"],\r\n  cursorComponent,\r\n  curveStrokeWidth = 2,\r\n  curveFill = \"stroke\",\r\n  ySearch = \"binarySearchWithInterpolation\",\r\n}) => {\r\n  const { str_path, x_func, y_func, data, x_range_min, x_range_max } =\r\n    GenerateStringPath(curveType, chartData, width, height);\r\n\r\n  const skpath = Skia.Path.MakeFromSVGString(str_path);\r\n\r\n  let init_x = x_func(data[0].timestamp);\r\n  let init_y = y_func(data[0].price);\r\n\r\n  const xPos = useSharedValue(init_x);\r\n  const yPos = useSharedValue(init_y);\r\n  const price_animated_val = useSharedValue(data[0].price);\r\n  const [priceText, setPriceText] = useState(data[0].price);\r\n\r\n  useDerivedValue(() => {\r\n    const txt = price_animated_val.value.toFixed(2);\r\n    runOnJS(setPriceText)(txt);\r\n  }, [price_animated_val]);\r\n\r\n  const updateY = (clamped_x) => {\r\n    let res_prices = GetYForX(clamped_x, width, data, height, ySearch);\r\n    yPos.value = res_prices.y_coord;\r\n\r\n    price_animated_val.value = withTiming(res_prices.real_price, {\r\n      duration: 100,\r\n    });\r\n  };\r\n\r\n  const pan = Gesture.Pan().onUpdate((evt) => {\r\n    \"worklet\";\r\n    const raw_x = Number(evt.x);\r\n    const clamped = Math.max(x_range_min, Math.min(x_range_max, raw_x));\r\n    xPos.value = clamped;\r\n\r\n    runOnJS(updateY)(clamped);\r\n  });\r\n\r\n  if (!chartData || chartData.length === 0) {\r\n    return null; // or a fallback view in future , maybe :)\r\n  }\r\n\r\n  return (\r\n    <View style={styles.home__main}>\r\n      <Text style={[styles.home__price, priceTextStyles]}>${priceText}</Text>\r\n\r\n      <GestureDetector gesture={pan}>\r\n        <Canvas\r\n          style={{\r\n            width: width,\r\n            height: height,\r\n          }}\r\n        >\r\n          {cursorComponent ? (\r\n            cursorComponent({ xPos, yPos })\r\n          ) : (\r\n            <Cursor xPos={xPos} yPos={yPos} />\r\n          )}\r\n\r\n          {skpath && (\r\n            <Path\r\n              path={skpath}\r\n              style={curveFill} \r\n              strokeWidth={curveStrokeWidth}\r\n              color={\"#fff\"} // i forgot what's this :(\r\n            >\r\n              <LinearGradient\r\n                start={vec(0, 0)}\r\n                end={vec(width, height)}\r\n                colors={colors}\r\n              />\r\n            </Path>\r\n          )}\r\n        </Canvas>\r\n      </GestureDetector>\r\n    </View>\r\n  );\r\n};\r\n\r\nconst Cursor = ({ xPos, yPos }) => {\r\n  return (\r\n    <>\r\n      <Circle style=\"fill\" color=\"#f69d69\" cx={xPos} cy={yPos} r={5} />\r\n      <Circle\r\n        style=\"stroke\"\r\n        color=\"#f69d69\"\r\n        cx={xPos}\r\n        cy={yPos}\r\n        r={12}\r\n        strokeWidth={2}\r\n        opacity={0.65}\r\n      />\r\n      <Circle\r\n        style=\"stroke\"\r\n        color=\"#f69d69\"\r\n        cx={xPos}\r\n        cy={yPos}\r\n        r={18}\r\n        strokeWidth={2}\r\n        opacity={0.65}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nconst styles = StyleSheet.create({\r\n  home__main: {\r\n    flex: 1,\r\n    paddingVertical: 50,\r\n    alignItems: \"center\",\r\n    backgroundColor: \"#181818\",\r\n    paddingHorizontal: 20,\r\n  },\r\n  home__price: {\r\n    color: \"#000\",\r\n    fontSize: 52,\r\n  },\r\n});\r\n"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,281 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactNative = require('react-native');
+var reactNativeSkia = require('@shopify/react-native-skia');
+var d3Shape = require('d3-shape');
+var d3Array = require('d3-array');
+var d3Scale = require('d3-scale');
+var reactNativeGestureHandler = require('react-native-gesture-handler');
+var reactNativeReanimated = require('react-native-reanimated');
+var react = require('react');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function getCurve(curveType) {
+  let curve;
+  switch (curveType) {
+    case "curveBasis":
+      curve = d3Shape.curveBasis;
+      break;
+    case "curveBumpX":
+      curve = d3Shape.curveBumpX;
+      break;
+    case "curveLinear":
+      curve = d3Shape.curveLinear;
+      break;
+    case "curveMonotoneX":
+      curve = d3Shape.curveMonotoneX;
+      break;
+    case "natural":
+      curve = d3Shape.curveNatural;
+      break;
+    default:
+      curve = d3Shape.curveBasis;
+      console.warn(
+        "Invalid curve, falling back to default bezier (curveBasis)"
+      );
+      break;
+  }
+  return curve;
+}
+function GenerateStringPath(curveType, data, canvas_width, canvas_height) {
+  const curve = getCurve(curveType);
+  const X_PADDING = Math.max(8, canvas_width * 0.05);
+  const CHART_HEIGHT = canvas_height;
+  const min_x = d3Array.min(data, (d) => {
+    return d.timestamp;
+  });
+  const max_x = d3Array.max(data, (d) => {
+    return d.timestamp;
+  });
+  const x_func = d3Scale.scaleTime().domain([min_x, max_x]).range([X_PADDING, canvas_width - X_PADDING]);
+  const min_y = d3Array.min(data, (d) => {
+    return d.price;
+  });
+  const max_y = d3Array.max(data, (d) => {
+    return d.price;
+  });
+  const y_padding = (max_y - min_y) * 0.1;
+  const y_func = d3Scale.scaleLinear().domain([min_y - y_padding, max_y + y_padding]).range([CHART_HEIGHT, 0]);
+  const str_path = d3Shape.line().x((d) => x_func(d.timestamp)).y((d) => y_func(d.price)).curve(curve)(data);
+  return {
+    str_path,
+    x_func,
+    y_func,
+    data,
+    x_range_min: X_PADDING,
+    x_range_max: canvas_width - X_PADDING
+  };
+}
+let path_config = null;
+function GetYForX(x_pos, canvas_width, data, canvas_height, y_search_alogorithm) {
+  if (!path_config || path_config.canvas_width !== canvas_width || path_config.canvas_height !== canvas_height || path_config.data.length !== data.length) {
+    path_config = __spreadProps(__spreadValues({}, GenerateStringPath("curveBumpX", data, canvas_width, canvas_height)), {
+      canvas_width,
+      canvas_height
+    });
+  }
+  const { x_func, y_func, x_range_min, x_range_max } = path_config;
+  let clamped_x_pos = Math.max(x_range_min, Math.min(x_range_max, x_pos));
+  let res = searchStrategy(
+    y_search_alogorithm,
+    clamped_x_pos,
+    x_func,
+    data,
+    y_func
+  );
+  return res;
+}
+const searchStrategy = (search_strategy, clamped_x_pos, x_func, data, y_func) => {
+  let res;
+  switch (search_strategy) {
+    case "binarySearchWithInterpolation":
+      res = binarySearchWithInterpolation(clamped_x_pos, x_func, data, y_func);
+      break;
+    // might add more strategies later
+    // one might be using lookup tables
+    // as for less data points interpolation fails
+    default:
+      console.warn(
+        "invalid search strategy, falling back to binary with interpolation"
+      );
+      res = binarySearchWithInterpolation(clamped_x_pos, x_func, data, y_func);
+      break;
+  }
+  return res;
+};
+const binarySearchWithInterpolation = (clamped_x_pos, x_func, data, y_func) => {
+  let timestamp = x_func.invert(clamped_x_pos).getTime();
+  let left_idx = 0;
+  if (timestamp <= data[0].timestamp) {
+    const p = data[0].price;
+    return { y_coord: y_func(p), real_price: p };
+  }
+  if (timestamp >= data[data.length - 1].timestamp) {
+    const p = data[data.length - 1].price;
+    return { y_coord: y_func(p), real_price: p };
+  }
+  let left = 0;
+  let right = data.length - 1;
+  while (left < right - 1) {
+    const mid = Math.floor((left + right) / 2);
+    if (data[mid].timestamp <= timestamp) {
+      left = mid;
+    } else {
+      right = mid;
+    }
+  }
+  if (left >= data.length - 1) left = data.length - 2;
+  left_idx = left;
+  const left_point = data[left_idx];
+  const right_point = data[left_idx + 1];
+  const denominator = right_point.timestamp - left_point.timestamp;
+  const ratio = denominator !== 0 ? (timestamp - left_point.timestamp) / denominator : 0;
+  const y_val = left_point.price + ratio * (right_point.price - left_point.price);
+  let real_price = y_val;
+  let y_coord = y_func(y_val);
+  return { y_coord, real_price };
+};
+
+const StockCharts = ({
+  width,
+  height,
+  chartData,
+  priceTextStyles,
+  curveType = "curveBasis",
+  colors = ["#fff"],
+  cursorComponent,
+  curveStrokeWidth = 2,
+  curveFill = "stroke",
+  ySearch = "binarySearchWithInterpolation"
+}) => {
+  const { str_path, x_func, y_func, data, x_range_min, x_range_max } = GenerateStringPath(curveType, chartData, width, height);
+  const skpath = reactNativeSkia.Skia.Path.MakeFromSVGString(str_path);
+  let init_x = x_func(data[0].timestamp);
+  let init_y = y_func(data[0].price);
+  const xPos = reactNativeReanimated.useSharedValue(init_x);
+  const yPos = reactNativeReanimated.useSharedValue(init_y);
+  const price_animated_val = reactNativeReanimated.useSharedValue(data[0].price);
+  const [priceText, setPriceText] = react.useState(data[0].price);
+  reactNativeReanimated.useDerivedValue(() => {
+    const txt = price_animated_val.value.toFixed(2);
+    reactNativeReanimated.runOnJS(setPriceText)(txt);
+  }, [price_animated_val]);
+  const updateY = (clamped_x) => {
+    let res_prices = GetYForX(clamped_x, width, data, height, ySearch);
+    yPos.value = res_prices.y_coord;
+    price_animated_val.value = reactNativeReanimated.withTiming(res_prices.real_price, {
+      duration: 100
+    });
+  };
+  const pan = reactNativeGestureHandler.Gesture.Pan().onUpdate((evt) => {
+    "worklet";
+    const raw_x = Number(evt.x);
+    const clamped = Math.max(x_range_min, Math.min(x_range_max, raw_x));
+    xPos.value = clamped;
+    reactNativeReanimated.runOnJS(updateY)(clamped);
+  });
+  if (!chartData || chartData.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.home__main, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: [styles.home__price, priceTextStyles], children: [
+      "$",
+      priceText
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNativeGestureHandler.GestureDetector, { gesture: pan, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      reactNativeSkia.Canvas,
+      {
+        style: {
+          width,
+          height
+        },
+        children: [
+          cursorComponent ? cursorComponent({ xPos, yPos }) : /* @__PURE__ */ jsxRuntime.jsx(Cursor, { xPos, yPos }),
+          skpath && /* @__PURE__ */ jsxRuntime.jsx(
+            reactNativeSkia.Path,
+            {
+              path: skpath,
+              style: curveFill,
+              strokeWidth: curveStrokeWidth,
+              color: "#fff",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                reactNativeSkia.LinearGradient,
+                {
+                  start: reactNativeSkia.vec(0, 0),
+                  end: reactNativeSkia.vec(width, height),
+                  colors
+                }
+              )
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+};
+const Cursor = ({ xPos, yPos }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactNativeSkia.Circle, { style: "fill", color: "#f69d69", cx: xPos, cy: yPos, r: 5 }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactNativeSkia.Circle,
+      {
+        style: "stroke",
+        color: "#f69d69",
+        cx: xPos,
+        cy: yPos,
+        r: 12,
+        strokeWidth: 2,
+        opacity: 0.65
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactNativeSkia.Circle,
+      {
+        style: "stroke",
+        color: "#f69d69",
+        cx: xPos,
+        cy: yPos,
+        r: 18,
+        strokeWidth: 2,
+        opacity: 0.65
+      }
+    )
+  ] });
+};
+const styles = reactNative.StyleSheet.create({
+  home__main: {
+    flex: 1,
+    paddingVertical: 50,
+    alignItems: "center",
+    backgroundColor: "#181818",
+    paddingHorizontal: 20
+  },
+  home__price: {
+    color: "#000",
+    fontSize: 52
+  }
+});
+
+exports.GenerateStringPath = GenerateStringPath;
+exports.GetYForX = GetYForX;
+exports.StockCharts = StockCharts;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/math.js","../src/rn.js"],"sourcesContent":["// FILE ka main goals kya hai ? =>\r\n// get the data\r\n// generate the skia-path for curve\r\n\r\nimport {\r\n  curveBasis,\r\n  curveBumpX,\r\n  curveLinear,\r\n  curveMonotoneX,\r\n  curveNatural,\r\n  line,\r\n} from \"d3-shape\";\r\n\r\nimport { max, min } from \"d3-array\";\r\nimport { scaleLinear, scaleTime } from \"d3-scale\";\r\n\r\nfunction getCurve(curveType) {\r\n  let curve;\r\n\r\n  // following are curves I believe are good matches for stock data\r\n  switch (curveType) {\r\n    case \"curveBasis\":\r\n      curve = curveBasis;\r\n      break;\r\n    case \"curveBumpX\":\r\n      curve = curveBumpX;\r\n      break;\r\n    case \"curveLinear\":\r\n      curve = curveLinear;\r\n      break;\r\n    case \"curveMonotoneX\":\r\n      curve = curveMonotoneX;\r\n      break;\r\n    case \"natural\":\r\n      curve = curveNatural;\r\n      break;\r\n    default:\r\n      curve = curveBasis;\r\n      console.warn(\r\n        \"Invalid curve, falling back to default bezier (curveBasis)\"\r\n      );\r\n      break;\r\n  }\r\n  return curve;\r\n}\r\n\r\nfunction GenerateStringPath(curveType, data, canvas_width, canvas_height) {\r\n  const curve = getCurve(curveType);\r\n  //   const data = getPeriodData(period);\r\n\r\n  const X_PADDING = Math.max(8, canvas_width * 0.05);\r\n  //   const CHART_HEIGHT = Math.round(canvas_width * 0.85);\r\n  const CHART_HEIGHT = canvas_height;\r\n\r\n  const min_x = min(data, (d) => {\r\n    return d.timestamp;\r\n  });\r\n  const max_x = max(data, (d) => {\r\n    return d.timestamp;\r\n  });\r\n\r\n  const x_func = scaleTime()\r\n    .domain([min_x, max_x])\r\n    .range([X_PADDING, canvas_width - X_PADDING]);\r\n  // now we can call like x(someTimestampValue)\r\n  // this is done while plotting the path like line().x((d) => x(d.timestamp))\r\n\r\n  const min_y = min(data, (d) => {\r\n    return d.price;\r\n  });\r\n  const max_y = max(data, (d) => {\r\n    return d.price;\r\n  });\r\n\r\n  const y_padding = (max_y - min_y) * 0.1;\r\n\r\n  const y_func = scaleLinear()\r\n    .domain([min_y - y_padding, max_y + y_padding])\r\n    .range([CHART_HEIGHT, 0]);\r\n\r\n  const str_path = line()\r\n    .x((d) => x_func(d.timestamp))\r\n    .y((d) => y_func(d.price))\r\n    .curve(curve)(data);\r\n\r\n  return {\r\n    str_path,\r\n    x_func,\r\n    y_func,\r\n    data,\r\n    x_range_min: X_PADDING,\r\n    x_range_max: canvas_width - X_PADDING,\r\n  };\r\n}\r\n\r\nlet path_config = null;\r\n\r\nfunction GetYForX(x_pos, canvas_width, data, canvas_height, y_search_alogorithm) {\r\n  // IDEA BEHIND THIS FUNC. :\r\n  // the curve is not linear so find two nearby points for the given X (timestamp)\r\n  // then assume them as a linear line and get Y via linear interpolation\r\n  // also cache the path configs\r\n\r\n  if (\r\n    !path_config || \r\n    path_config.canvas_width !== canvas_width || \r\n    path_config.canvas_height !== canvas_height ||\r\n    path_config.data.length !== data.length\r\n  ) {\r\n    path_config = {\r\n      ...GenerateStringPath(\"curveBumpX\", data, canvas_width, canvas_height),\r\n      canvas_width,\r\n      canvas_height\r\n    };\r\n  }\r\n\r\n  const { x_func, y_func, x_range_min, x_range_max } = path_config;\r\n\r\n  // keep x within bounds by clamping it\r\n  let clamped_x_pos = Math.max(x_range_min, Math.min(x_range_max, x_pos));\r\n\r\n  let res = searchStrategy(\r\n    y_search_alogorithm,\r\n    clamped_x_pos,\r\n    x_func,\r\n    data,\r\n    y_func\r\n  );\r\n\r\n  return res;\r\n}\r\n\r\nconst searchStrategy = (\r\n  search_strategy,\r\n  clamped_x_pos,\r\n  x_func,\r\n  data,\r\n  y_func\r\n) => {\r\n  let res;\r\n  switch (search_strategy) {\r\n    case \"binarySearchWithInterpolation\":\r\n      res = binarySearchWithInterpolation(clamped_x_pos, x_func, data, y_func);\r\n      break;\r\n\r\n    // might add more strategies later\r\n    // one might be using lookup tables\r\n    // as for less data points interpolation fails\r\n\r\n    default:\r\n      console.warn(\r\n        \"invalid search strategy, falling back to binary with interpolation\"\r\n      );\r\n      res = binarySearchWithInterpolation(clamped_x_pos, x_func, data, y_func);\r\n      break;\r\n  }\r\n\r\n  return res;\r\n};\r\n\r\nconst binarySearchWithInterpolation = (clamped_x_pos, x_func, data, y_func) => {\r\n  let timestamp = x_func.invert(clamped_x_pos).getTime();\r\n\r\n  let left_idx = 0;\r\n\r\n  if (timestamp <= data[0].timestamp) {\r\n    const p = data[0].price;\r\n    return { y_coord: y_func(p), real_price: p };\r\n  }\r\n  if (timestamp >= data[data.length - 1].timestamp) {\r\n    const p = data[data.length - 1].price;\r\n    return { y_coord: y_func(p), real_price: p };\r\n  }\r\n\r\n  // Binary search (could have gone with linear search as well but lol why not better)\r\n  let left = 0;\r\n  let right = data.length - 1;\r\n\r\n  while (left < right - 1) {\r\n    const mid = Math.floor((left + right) / 2);\r\n    if (data[mid].timestamp <= timestamp) {\r\n      left = mid;\r\n    } else {\r\n      right = mid;\r\n    }\r\n  }\r\n\r\n  if (left >= data.length - 1) left = data.length - 2;\r\n\r\n  left_idx = left;\r\n\r\n  const left_point = data[left_idx];\r\n  const right_point = data[left_idx + 1];\r\n\r\n  // do Linear interpolation here\r\n  const denominator = right_point.timestamp - left_point.timestamp;\r\n  const ratio =\r\n    denominator !== 0 ? (timestamp - left_point.timestamp) / denominator : 0;\r\n  const y_val =\r\n    left_point.price + ratio * (right_point.price - left_point.price);\r\n\r\n  let real_price = y_val;\r\n  let y_coord = y_func(y_val);\r\n  return { y_coord, real_price };\r\n};\r\n\r\nexport { GenerateStringPath, GetYForX };\r\n","import { Text, View, StyleSheet } from \"react-native\";\r\nimport {\r\n  Canvas,\r\n  LinearGradient,\r\n  Path,\r\n  vec,\r\n  Skia,\r\n  Circle,\r\n} from \"@shopify/react-native-skia\";\r\nimport { GenerateStringPath, GetYForX } from \"./math\";\r\nimport { Gesture, GestureDetector } from \"react-native-gesture-handler\";\r\nimport {\r\n  useDerivedValue,\r\n  useSharedValue,\r\n  runOnJS,\r\n  withTiming,\r\n} from \"react-native-reanimated\";\r\nimport { useState } from \"react\";\r\n\r\nexport const StockCharts = ({\r\n  width,\r\n  height,\r\n  chartData,\r\n  priceTextStyles,\r\n  curveType = \"curveBasis\",\r\n  colors = [\"#fff\"],\r\n  cursorComponent,\r\n  curveStrokeWidth = 2,\r\n  curveFill = \"stroke\",\r\n  ySearch = \"binarySearchWithInterpolation\",\r\n}) => {\r\n  const { str_path, x_func, y_func, data, x_range_min, x_range_max } =\r\n    GenerateStringPath(curveType, chartData, width, height);\r\n\r\n  const skpath = Skia.Path.MakeFromSVGString(str_path);\r\n\r\n  let init_x = x_func(data[0].timestamp);\r\n  let init_y = y_func(data[0].price);\r\n\r\n  const xPos = useSharedValue(init_x);\r\n  const yPos = useSharedValue(init_y);\r\n  const price_animated_val = useSharedValue(data[0].price);\r\n  const [priceText, setPriceText] = useState(data[0].price);\r\n\r\n  useDerivedValue(() => {\r\n    const txt = price_animated_val.value.toFixed(2);\r\n    runOnJS(setPriceText)(txt);\r\n  }, [price_animated_val]);\r\n\r\n  const updateY = (clamped_x) => {\r\n    let res_prices = GetYForX(clamped_x, width, data, height, ySearch);\r\n    yPos.value = res_prices.y_coord;\r\n\r\n    price_animated_val.value = withTiming(res_prices.real_price, {\r\n      duration: 100,\r\n    });\r\n  };\r\n\r\n  const pan = Gesture.Pan().onUpdate((evt) => {\r\n    \"worklet\";\r\n    const raw_x = Number(evt.x);\r\n    const clamped = Math.max(x_range_min, Math.min(x_range_max, raw_x));\r\n    xPos.value = clamped;\r\n\r\n    runOnJS(updateY)(clamped);\r\n  });\r\n\r\n  if (!chartData || chartData.length === 0) {\r\n    return null; // or a fallback view in future , maybe :)\r\n  }\r\n\r\n  return (\r\n    <View style={styles.home__main}>\r\n      <Text style={[styles.home__price, priceTextStyles]}>${priceText}</Text>\r\n\r\n      <GestureDetector gesture={pan}>\r\n        <Canvas\r\n          style={{\r\n            width: width,\r\n            height: height,\r\n          }}\r\n        >\r\n          {cursorComponent ? (\r\n            cursorComponent({ xPos, yPos })\r\n          ) : (\r\n            <Cursor xPos={xPos} yPos={yPos} />\r\n          )}\r\n\r\n          {skpath && (\r\n            <Path\r\n              path={skpath}\r\n              style={curveFill} \r\n              strokeWidth={curveStrokeWidth}\r\n              color={\"#fff\"} // i forgot what's this :(\r\n            >\r\n              <LinearGradient\r\n                start={vec(0, 0)}\r\n                end={vec(width, height)}\r\n                colors={colors}\r\n              />\r\n            </Path>\r\n          )}\r\n        </Canvas>\r\n      </GestureDetector>\r\n    </View>\r\n  );\r\n};\r\n\r\nconst Cursor = ({ xPos, yPos }) => {\r\n  return (\r\n    <>\r\n      <Circle style=\"fill\" color=\"#f69d69\" cx={xPos} cy={yPos} r={5} />\r\n      <Circle\r\n        style=\"stroke\"\r\n        color=\"#f69d69\"\r\n        cx={xPos}\r\n        cy={yPos}\r\n        r={12}\r\n        strokeWidth={2}\r\n        opacity={0.65}\r\n      />\r\n      <Circle\r\n        style=\"stroke\"\r\n        color=\"#f69d69\"\r\n        cx={xPos}\r\n        cy={yPos}\r\n        r={18}\r\n        strokeWidth={2}\r\n        opacity={0.65}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nconst styles = StyleSheet.create({\r\n  home__main: {\r\n    flex: 1,\r\n    paddingVertical: 50,\r\n    alignItems: \"center\",\r\n    backgroundColor: \"#181818\",\r\n    paddingHorizontal: 20,\r\n  },\r\n  home__price: {\r\n    color: \"#000\",\r\n    fontSize: 52,\r\n  },\r\n});\r\n"],"names":["curveBasis","curveBumpX","curveLinear","curveMonotoneX","curveNatural","min","max","scaleTime","scaleLinear","line","Skia","useSharedValue","useState","useDerivedValue","runOnJS","withTiming","Gesture","jsxs","View","Text","jsx","GestureDetector","Canvas","Path","LinearGradient","vec","Fragment","Circle","StyleSheet"],"mappings":"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"}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "rn-cute-stocks",
+  "version": "1.0.1-beta.0",
+  "description": "",
+  "homepage": "https://github.com/DivyanshuShekhar55/rn-cute-stocks#readme",
+  "bugs": {
+    "url": "https://github.com/DivyanshuShekhar55/rn-cute-stocks/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/DivyanshuShekhar55/rn-cute-stocks.git"
+  },
+  "license": "MIT",
+  "author": "Divyanshu Shekhar",
+  "type": "commonjs",
+  "main": "dist/index.js",
+  "module": "dist/esm/index.mjs",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build:base": "rollup -c"
+  },
+  "peerDependencies": {
+    "react": ">=19.0.0",
+    "react-native": ">=0.79.0",
+    "@shopify/react-native-skia": ">=2.0.0",
+    "react-native-reanimated": ">=4.0.0",
+    "react-native-gesture-handler": ">=2.0.0",
+    "d3-array": ">=3.0.0",
+    "d3-scale": ">=4.0.0",
+    "d3-shape": ">=3.0.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-alias": "^5.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-replace": "^5.0.0",
+    "@shopify/react-native-skia": "^1.0.0",
+    "d3-array": "^3.0.0",
+    "d3-scale": "^4.0.0",
+    "d3-shape": "^3.0.0",
+    "react": "^18.0.0",
+    "react-native": "^0.73.0",
+    "react-native-gesture-handler": "^2.0.0",
+    "react-native-reanimated": "^3.0.0",
+    "rollup": "^4.0.0",
+    "rollup-plugin-esbuild": "^6.0.0"
+  }
+}