react-native-vroom-chart 0.1.1 → 0.1.2

package/cpp/_core_include/vroom/vroom_chart.h

@@ -62,6 +62,12 @@ typedef enum {
     VROOM_COLOR_TOOLTIP_BG,
     VROOM_COLOR_TOOLTIP_TEXT,
     VROOM_COLOR_CROSSHAIR_TARGET,  // the hollow ring/dot at the intersection
+    VROOM_COLOR_BORDER_BULL,       // bull body 1px outline; 0 alpha => inherit BULL fill
+    VROOM_COLOR_BORDER_BEAR,       // bear body 1px outline; 0 alpha => inherit BEAR fill
+    VROOM_COLOR_WICK_BULL,         // bull wick; 0 alpha => inherit BULL fill
+    VROOM_COLOR_WICK_BEAR,         // bear wick; 0 alpha => inherit BEAR fill
+    VROOM_COLOR_ACCENT_BULL,       // generic up color: price indicator, volume, MACD
+    VROOM_COLOR_ACCENT_BEAR,       // generic down color
     VROOM_COLOR_COUNT_
 } VroomColorKey;
 
@@ -126,6 +132,19 @@ void vroom_chart_translate(VroomChart* chart, float dx_px, float dy_px);
 void vroom_chart_scale_price_axis(VroomChart* chart, float dy_px);
 void vroom_chart_scale_time_axis(VroomChart* chart, float dx_px);
 
+// Scale the y-axis of the below-chart indicator pane that contains y_px.
+// dy_px > 0 (drag down) zooms out (widens the visible value range); dy_px < 0
+// zooms in. RSI scales about 50, MACD about its zero line. No-op when y_px is
+// not over an indicator pane.
+void vroom_chart_scale_indicator_axis(VroomChart* chart, float y_px, float dy_px);
+
+// Drag the separator between the price pane and the below-chart indicator band.
+// dy_px > 0 (drag down) grows the price pane and shrinks the indicator band.
+// Candle pixel scale is preserved: the price range is widened/narrowed in step
+// (anchored at the top price), so the viewport reveals/hides price rather than
+// rescaling candles. No-op when no indicator pane is shown.
+void vroom_chart_resize_indicator_pane(VroomChart* chart, float dy_px);
+
 // Reads the current y-axis width, x-axis height, and below-chart indicator pane
 // height in pixels so callers can hit-test gestures against each region on the
 // JS side. out_indicator_height_px is 0 when no indicator pane is shown.

package/cpp/_core_src/candles.cpp

@@ -14,6 +14,14 @@
 
 namespace vroom::candles {
 
+namespace {
+// New border/wick colors use a transparent sentinel (alpha == 0) to mean
+// "inherit the body fill color". Resolve to `fill` in that case.
+inline uint32_t resolve_color(uint32_t color, uint32_t fill) {
+    return (color >> 24) == 0 ? fill : color;
+}
+}  // namespace
+
 void draw(SkCanvas* canvas,
           const ::VroomCandle* visible,
           std::size_t n,
@@ -28,22 +36,40 @@ void draw(SkCanvas* canvas,
     const float body_w = vroom::candle_body_width(
         lay, window_ms, candle_duration_ms);
 
+    const uint32_t fill_bull = theme.colors[VROOM_COLOR_BULL];
+    const uint32_t fill_bear = theme.colors[VROOM_COLOR_BEAR];
+
     SkPaint bull_paint;
     bull_paint.setAntiAlias(true);
-    bull_paint.setColor(theme.colors[VROOM_COLOR_BULL]);
+    bull_paint.setColor(fill_bull);
 
     SkPaint bear_paint;
     bear_paint.setAntiAlias(true);
-    bear_paint.setColor(theme.colors[VROOM_COLOR_BEAR]);
+    bear_paint.setColor(fill_bear);
 
     SkPaint wick_bull;
     wick_bull.setAntiAlias(true);
-    wick_bull.setColor(theme.colors[VROOM_COLOR_BULL]);
+    wick_bull.setColor(
+        resolve_color(theme.colors[VROOM_COLOR_WICK_BULL], fill_bull));
     wick_bull.setStrokeWidth(theme.floats[VROOM_FLOAT_WICK_WIDTH_PX]);
     wick_bull.setStyle(SkPaint::kStroke_Style);
 
     SkPaint wick_bear = wick_bull;
-    wick_bear.setColor(theme.colors[VROOM_COLOR_BEAR]);
+    wick_bear.setColor(
+        resolve_color(theme.colors[VROOM_COLOR_WICK_BEAR], fill_bear));
+
+    // 1px body outlines. Default sentinel resolves to the fill color, so the
+    // border is invisible until a consumer sets borderBull/borderBear.
+    SkPaint border_bull;
+    border_bull.setAntiAlias(true);
+    border_bull.setStyle(SkPaint::kStroke_Style);
+    border_bull.setStrokeWidth(1.f);
+    border_bull.setColor(
+        resolve_color(theme.colors[VROOM_COLOR_BORDER_BULL], fill_bull));
+
+    SkPaint border_bear = border_bull;
+    border_bear.setColor(
+        resolve_color(theme.colors[VROOM_COLOR_BORDER_BEAR], fill_bear));
 
     const float half_body = body_w * 0.5f;
 
@@ -65,9 +91,9 @@ void draw(SkCanvas* canvas,
         const float y_top = std::min(y_open, y_close);
         const float y_bot = std::max(y_open, y_close);
         const float h = std::max(1.f, y_bot - y_top);
-        canvas->drawRect(
-            SkRect::MakeXYWH(cx - half_body, y_top, body_w, h),
-            bull ? bull_paint : bear_paint);
+        const SkRect body = SkRect::MakeXYWH(cx - half_body, y_top, body_w, h);
+        canvas->drawRect(body, bull ? bull_paint : bear_paint);
+        canvas->drawRect(body, bull ? border_bull : border_bear);
     }
 }
 

package/cpp/_core_src/chart.h

@@ -78,6 +78,9 @@ struct VroomChart {
     std::vector<double> rsi_cache;     // RSI per candle (NaN where undefined)
     std::vector<double> rsi_ma_cache;  // SMA of rsi_cache (empty if MA off)
     bool rsi_dirty = true;
+    // User y-axis zoom for the RSI pane (drag on its y-axis strip). 1.0 = the
+    // default 0..100 fit; >1 zooms in (taller), <1 zooms out. Anchored at 50.
+    double rsi_y_scale = 1.0;
 
     // MACD, drawn in its own pane. Caches aligned to `candles` (NaN warmup).
     bool macd_enabled = false;
@@ -88,6 +91,9 @@ struct VroomChart {
     std::vector<double> macd_signal_cache;
     std::vector<double> macd_hist_cache;
     bool macd_dirty = true;
+    // User y-axis zoom for the MACD pane (drag on its y-axis strip). 1.0 = the
+    // default auto-fit amplitude; >1 zooms in, <1 zooms out. Anchored at zero.
+    double macd_y_scale = 1.0;
 
     // Stacking order for the indicator panes: each indicator gets the next
     // sequence number on its off->on transition, so the most recently enabled

package/cpp/_core_src/chart_facade.cpp

@@ -387,6 +387,102 @@ extern "C" void vroom_chart_scale_time_axis(VroomChart* chart, float dx_px) {
     chart->mark_dirty();
 }
 
+extern "C" void vroom_chart_resize_indicator_pane(VroomChart* chart, float dy_px) {
+    if (!chart || dy_px == 0.f) return;
+
+    const int pane_count = (chart->rsi_enabled ? 1 : 0) + (chart->macd_enabled ? 1 : 0);
+    if (pane_count == 0) return;  // nothing below the chart to resize
+
+    const auto lay = chart->layout();
+    const float old_pane_bottom = vroom::price_pane_bottom(lay);
+    const float old_band = lay.indicator_area_h;
+
+    // Drag down (dy > 0) shrinks the indicator band and grows the price pane.
+    // Keep both regions usable: each pane >= kMinPanePx, price pane >= a share
+    // of the candle+indicator area.
+    constexpr float kMinPanePx = 48.f;
+    const float content_h = lay.height_px - lay.x_axis_height_px;  // candle + indicators
+    const float min_band = static_cast<float>(pane_count) * kMinPanePx;
+    const float max_band = content_h * 0.70f;  // leave the price pane >= 30%
+    if (max_band <= min_band) return;
+
+    float new_band = old_band - dy_px;
+    new_band = std::clamp(new_band, min_band, max_band);
+    if (new_band == old_band) return;
+
+    const float per_pane = new_band / static_cast<float>(pane_count);
+    chart->theme.floats[VROOM_FLOAT_INDICATOR_HEIGHT_FRAC] =
+        chart->height_px > 0.f ? per_pane / chart->height_px : 0.f;
+
+    // Preserve candle pixel scale: scale the price range by the price-pane
+    // height ratio, anchoring the top (max) price so existing candles stay put
+    // and the newly revealed space opens at the bottom.
+    if (chart->price_bounds_initialized && old_pane_bottom > 0.f) {
+        const float new_pane_bottom = content_h - new_band;
+        const double scale = static_cast<double>(new_pane_bottom) /
+                             static_cast<double>(old_pane_bottom);
+        const double range = chart->price_bounds.max - chart->price_bounds.min;
+        if (range > 0.0 && scale > 0.0) {
+            chart->price_bounds.min =
+                chart->price_bounds.max - range * scale;
+            vroom::labels::recompute_axis_width(*chart);
+        }
+    }
+
+    chart->mark_dirty();
+}
+
+extern "C" void vroom_chart_scale_indicator_axis(VroomChart* chart, float y_px,
+                                                  float dy_px) {
+    if (!chart || dy_px == 0.f) return;
+
+    const auto lay = chart->layout();
+    if (lay.indicator_area_h <= 0.f) return;
+
+    // Rebuild the same ordered pane stack draw_chart uses (most recently
+    // enabled pane sorts to the bottom) to find which pane y_px falls in.
+    struct ActivePane { int order; int type; };  // type: 0 = RSI, 1 = MACD
+    ActivePane panes[2];
+    int count = 0;
+    if (chart->rsi_enabled) panes[count++] = {chart->rsi_order, 0};
+    if (chart->macd_enabled) panes[count++] = {chart->macd_order, 1};
+    if (count == 0) return;
+    if (count == 2 && panes[0].order > panes[1].order) {
+        const ActivePane tmp = panes[0];
+        panes[0] = panes[1];
+        panes[1] = tmp;
+    }
+
+    const float pane_h =
+        chart->height_px * chart->theme.floats[VROOM_FLOAT_INDICATOR_HEIGHT_FRAC];
+    if (pane_h <= 0.f) return;
+
+    int target = -1;  // 0 = RSI, 1 = MACD
+    float pane_top = vroom::price_pane_bottom(lay);
+    for (int i = 0; i < count; ++i) {
+        const float pane_bottom = pane_top + pane_h;
+        if (y_px >= pane_top && y_px < pane_bottom) {
+            target = panes[i].type;
+            break;
+        }
+        pane_top = pane_bottom;
+    }
+    if (target < 0) return;  // not over a pane
+
+    // Drag down (dy > 0) widens the visible value range (zoom out), matching
+    // scale_price_axis's sign. The zoom is the inverse of the range scale.
+    double range_scale = 1.0 + static_cast<double>(dy_px) / kAxisDragSensitivity;
+    if (range_scale < 0.05) range_scale = 0.05;  // never collapse or flip
+
+    double& zoom = target == 0 ? chart->rsi_y_scale : chart->macd_y_scale;
+    double next = zoom / range_scale;
+    next = std::clamp(next, 0.1, 10.0);
+    if (next == zoom) return;
+    zoom = next;
+
+    chart->mark_dirty();
+}
+
 extern "C" void vroom_chart_get_axis_metrics(VroomChart* chart,
                                               float* out_y_axis_width_px,
                                               float* out_x_axis_height_px,

package/cpp/_core_src/macd_pane.cpp

@@ -52,7 +52,10 @@ void draw(SkCanvas* canvas,
     if (band_h <= 0.f) return;
 
     const float mid = (pane_top + pane_bottom) * 0.5f;
-    const float half = band_h * 0.5f * kPadFrac;
+    // User y-zoom scales the amplitude about the zero line (mid). 1.0 = the
+    // default auto-fit; >1 zooms in, <1 zooms out.
+    const float half =
+        band_h * 0.5f * kPadFrac * static_cast<float>(chart.macd_y_scale);
 
     // Auto-scale symmetric about zero across all visible finite values.
     double scale = 0.0;
@@ -100,8 +103,8 @@ void draw(SkCanvas* canvas,
             vroom::candle_body_width(lay, window_ms, candle_duration_ms);
         const float half_body = body_w * 0.5f;
         const float zero_y = y_for(0.0);
-        const SkColor bull = chart.theme.colors[VROOM_COLOR_BULL];
-        const SkColor bear = chart.theme.colors[VROOM_COLOR_BEAR];
+        const SkColor bull = chart.theme.colors[VROOM_COLOR_ACCENT_BULL];
+        const SkColor bear = chart.theme.colors[VROOM_COLOR_ACCENT_BEAR];
         for (std::size_t i = 0; i < n; ++i) {
             const double h = hist_visible[i];
             if (!std::isfinite(h)) continue;

package/cpp/_core_src/price_indicator.cpp

@@ -43,7 +43,7 @@ void draw(SkCanvas* canvas,
     const ::VroomCandle& last = chart.candles.back();
     const bool bull = last.close >= last.open;
     const SkColor color =
-        chart.theme.colors[bull ? VROOM_COLOR_BULL : VROOM_COLOR_BEAR];
+        chart.theme.colors[bull ? VROOM_COLOR_ACCENT_BULL : VROOM_COLOR_ACCENT_BEAR];
 
     const float y = vroom::price_to_y(lay, bounds, last.close);
     if (y < 0.f || y > candle_area_h) return;  // price scrolled off-range

package/cpp/_core_src/rsi_pane.cpp

@@ -50,8 +50,13 @@ void draw(SkCanvas* canvas,
     const float band_h = pane_bottom - pane_top;
     if (band_h <= 0.f) return;
 
+    // Map 0..100 about the pane center so the user y-zoom scales symmetrically
+    // around 50. z == 1 reproduces the default fit (0 -> pane_bottom, 100 ->
+    // pane_top); z > 1 zooms in (taller), z < 1 zooms out (flatter).
+    const float center_y = (pane_top + pane_bottom) * 0.5f;
+    const float z = static_cast<float>(chart.rsi_y_scale);
     auto y_for = [&](double v) -> float {
-        return pane_bottom - static_cast<float>(v / 100.0) * band_h;
+        return center_y - static_cast<float>((v - 50.0) / 100.0) * band_h * z;
     };
 
     // Mask the band with the background so candles/volume that overflow below

package/cpp/_core_src/theme.cpp

@@ -16,6 +16,12 @@ constexpr uint32_t kDefaultColors[VROOM_COLOR_COUNT_] = {
     0xff161b22,  // TOOLTIP_BG
     0xffc9d1d9,  // TOOLTIP_TEXT
     0xff3e4855,  // CROSSHAIR_TARGET — CROSSHAIR lightened 30% (prior derived ring)
+    0x00000000,  // BORDER_BULL — transparent sentinel: inherit BULL fill
+    0x00000000,  // BORDER_BEAR — transparent sentinel: inherit BEAR fill
+    0x00000000,  // WICK_BULL   — transparent sentinel: inherit BULL fill
+    0x00000000,  // WICK_BEAR   — transparent sentinel: inherit BEAR fill
+    0xff26a69a,  // ACCENT_BULL — classic teal-green (price indicator, volume, MACD)
+    0xffef5350,  // ACCENT_BEAR — classic red
 };
 
 constexpr float kDefaultFloats[VROOM_FLOAT_COUNT_] = {

package/cpp/_core_src/volume.cpp

@@ -43,12 +43,12 @@ void draw(SkCanvas* canvas,
     const float opacity = theme.floats[VROOM_FLOAT_VOLUME_OPACITY];
     SkPaint bull_paint;
     bull_paint.setAntiAlias(true);
-    bull_paint.setColor(theme.colors[VROOM_COLOR_BULL]);
+    bull_paint.setColor(theme.colors[VROOM_COLOR_ACCENT_BULL]);
     bull_paint.setAlphaf(opacity);
 
     SkPaint bear_paint;
     bear_paint.setAntiAlias(true);
-    bear_paint.setColor(theme.colors[VROOM_COLOR_BEAR]);
+    bear_paint.setColor(theme.colors[VROOM_COLOR_ACCENT_BEAR]);
     bear_paint.setAlphaf(opacity);
 
     for (std::size_t i = 0; i < n; ++i) {

package/lib/index.d.mts

@@ -52,10 +52,22 @@ type VroomColor = string | number;
 type VroomTheme = {
     /** Chart + axis-strip background. */
     background?: VroomColor;
-    /** Up candles (also bull wicks, bull volume bars, rising price indicator). */
+    /** Up candle body fill. Wick and border default to this unless overridden. */
     bull?: VroomColor;
-    /** Down candles (also bear wicks, bear volume bars, falling price indicator). */
+    /** Down candle body fill. Wick and border default to this unless overridden. */
     bear?: VroomColor;
+    /** Generic up color for the price indicator, volume bars, and MACD histogram. Defaults to teal-green; independent of `bull`. */
+    accentBull?: VroomColor;
+    /** Generic down color for the price indicator, volume bars, and MACD histogram. Defaults to red; independent of `bear`. */
+    accentBear?: VroomColor;
+    /** Up candle body 1px border. Defaults to the bull fill color. */
+    borderBull?: VroomColor;
+    /** Down candle body 1px border. Defaults to the bear fill color. */
+    borderBear?: VroomColor;
+    /** Up candle wick color. Defaults to the bull fill color. */
+    wickBull?: VroomColor;
+    /** Down candle wick color. Defaults to the bear fill color. */
+    wickBear?: VroomColor;
     /** Gridlines. */
     grid?: VroomColor;
     /** Axis label text (price + time). */

package/lib/index.d.ts

@@ -52,10 +52,22 @@ type VroomColor = string | number;
 type VroomTheme = {
     /** Chart + axis-strip background. */
     background?: VroomColor;
-    /** Up candles (also bull wicks, bull volume bars, rising price indicator). */
+    /** Up candle body fill. Wick and border default to this unless overridden. */
     bull?: VroomColor;
-    /** Down candles (also bear wicks, bear volume bars, falling price indicator). */
+    /** Down candle body fill. Wick and border default to this unless overridden. */
     bear?: VroomColor;
+    /** Generic up color for the price indicator, volume bars, and MACD histogram. Defaults to teal-green; independent of `bull`. */
+    accentBull?: VroomColor;
+    /** Generic down color for the price indicator, volume bars, and MACD histogram. Defaults to red; independent of `bear`. */
+    accentBear?: VroomColor;
+    /** Up candle body 1px border. Defaults to the bull fill color. */
+    borderBull?: VroomColor;
+    /** Down candle body 1px border. Defaults to the bear fill color. */
+    borderBear?: VroomColor;
+    /** Up candle wick color. Defaults to the bull fill color. */
+    wickBull?: VroomColor;
+    /** Down candle wick color. Defaults to the bear fill color. */
+    wickBear?: VroomColor;
     /** Gridlines. */
     grid?: VroomColor;
     /** Axis label text (price + time). */

package/lib/index.js

@@ -80,8 +80,20 @@ var COLOR_KEYS = {
   // VROOM_COLOR_AXIS_TEXT
   crosshair: 6,
   // VROOM_COLOR_CROSSHAIR
-  crosshairTarget: 9
+  crosshairTarget: 9,
   // VROOM_COLOR_CROSSHAIR_TARGET
+  borderBull: 10,
+  // VROOM_COLOR_BORDER_BULL
+  borderBear: 11,
+  // VROOM_COLOR_BORDER_BEAR
+  wickBull: 12,
+  // VROOM_COLOR_WICK_BULL
+  wickBear: 13,
+  // VROOM_COLOR_WICK_BEAR
+  accentBull: 14,
+  // VROOM_COLOR_ACCENT_BULL
+  accentBear: 15
+  // VROOM_COLOR_ACCENT_BEAR
 };
 function parseColor(value) {
   if (typeof value === "number") {

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/VroomChart.tsx","../src/useChartCore.ts","../src/NativeVroomChart.ts","../src/packCandles.ts","../src/theme.ts"],"sourcesContent":["export { VroomChart } from './VroomChart';\nexport type {\n  VroomChartProps,\n  Candle,\n  CrosshairEvent,\n  VroomTheme,\n  VroomColor,\n  VisibleRange,\n  RSIConfig,\n  MACDConfig,\n  MASource,\n  MovingAverageOverlay,\n  VWAPConfig,\n} from './types';\n","// VroomChart — Phase 3.\n//\n// Owns a SharedValue<SkPicture> driven by:\n//   - useChartCore's \"initial\" picture (when data/size/range change), AND\n//   - Pan gesture callbacks that call handle.pan(dx, dy) → fresh picture.\n//\n// Reanimated 4 + RN-Skia 2 propagate SharedValue<SkPicture> changes to\n// <Picture> without a React re-render, so gesture-driven redraws are cheap.\n//\n// Gestures run on the JS thread for now (`runOnJS(true)`) — installing the\n// JSI bindings on the worklet runtime is a later perf optimization.\n\nimport React, { useEffect, useRef, useCallback, useState, useMemo } from 'react';\nimport { View, type LayoutChangeEvent } from 'react-native';\nimport { Canvas, Picture, Skia, type SkPicture } from '@shopify/react-native-skia';\nimport {\n  Gesture,\n  GestureDetector,\n  GestureHandlerRootView,\n} from 'react-native-gesture-handler';\nimport { useSharedValue } from 'react-native-reanimated';\n\nimport { useChartCore } from './useChartCore';\nimport type { VroomChartProps } from './types';\nimport './jsi.d';\n\n/**\n * Skia-rendered candlestick chart. Pass OHLCV `candles` and size it via `style`\n * (it fills its parent by default). Pan to scroll, pinch to zoom, drag the\n * price/time axes to rescale, and long-press for the crosshair. Optional\n * indicators (`rsi`, `macd`, `movingAverages`, `vwap`), colors (`theme`), and\n * events (`onCrosshair`, `onViewportChange`) are configured through props.\n *\n * @see {@link VroomChartProps} for the full prop reference.\n */\nexport function VroomChart(props: VroomChartProps) {\n  const {\n    candles,\n    width: widthProp,\n    height: heightProp,\n    style,\n    visibleRange,\n    theme,\n    rsi,\n    macd,\n    movingAverages,\n    vwap,\n    crosshairOffset = 40,\n    onCrosshair,\n    onViewportChange,\n  } = props;\n\n  // Fill the parent by default: measure via onLayout. Explicit width/height\n  // props (if given) win per-axis. Until the first layout, dims are 0 and we\n  // render nothing (one frame).\n  const [measured, setMeasured] = useState({ width: 0, height: 0 });\n  const width = widthProp ?? measured.width;\n  const height = heightProp ?? measured.height;\n\n  const onLayout = useCallback((e: LayoutChangeEvent) => {\n    const w = Math.round(e.nativeEvent.layout.width);\n    const h = Math.round(e.nativeEvent.layout.height);\n    setMeasured((prev) =>\n      prev.width === w && prev.height === h ? prev : { width: w, height: h },\n    );\n  }, []);\n\n  const { handle, picture } = useChartCore(\n    candles,\n    { width, height },\n    visibleRange,\n    theme,\n    rsi,\n    macd,\n    movingAverages,\n    vwap,\n  );\n\n  // RN-Skia's recorder reads this SharedValue on the UI/render runtime, a beat\n  // behind JS-thread writes. If it ever reads null it throws (\"Invalid prop\n  // value for SkTextBlob received\" — RN-Skia's mislabeled SkPicture error), so\n  // we seed it with an empty picture and *never* assign null into it.\n  const emptyPicture = useMemo(() => {\n    const rec = Skia.PictureRecorder();\n    rec.beginRecording(Skia.XYWHRect(0, 0, 1, 1));\n    return rec.finishRecordingAsPicture();\n  }, []);\n  const pictureSV = useSharedValue<SkPicture>(emptyPicture);\n\n  // When the crosshair is showing, pan moves it (instead of scrolling) and\n  // pinch is disabled. A ref (not state) so gesture callbacks read it\n  // synchronously without re-subscribing. Tap dismisses it.\n  const crosshairActive = useRef(false);\n\n  // timeMs of the candle last reported through onCrosshair, so a drag fires a\n  // 'move' event only when it crosses into a *different* candle (one per\n  // candle, not per frame). Null while the crosshair is hidden.\n  const lastCrosshairTime = useRef<number | null>(null);\n\n  // Sync the initial picture from useChartCore into the SV whenever it\n  // refreshes (data load, size change, externally-controlled range change).\n  // Only ever assign a non-null picture (see emptyPicture note above).\n  useEffect(() => {\n    if (picture) pictureSV.value = picture;\n  }, [picture, pictureSV]);\n\n  // Momentum scroll. After Pan ends with non-trivial velocity, we run a RAF\n  // loop that calls handle.pan(dx, 0) each frame with an exponentially\n  // decaying velocity. A new pan (or unmount) cancels the loop.\n  const decayRaf = useRef<number | null>(null);\n  const cancelDecay = useCallback(() => {\n    if (decayRaf.current != null) {\n      cancelAnimationFrame(decayRaf.current);\n      decayRaf.current = null;\n    }\n  }, []);\n  useEffect(() => cancelDecay, [cancelDecay]);\n\n  // Axis-label fade animation loop. When a gesture changes which labels are\n  // active, the C++ side starts ramping their opacities. We keep calling\n  // render() on every frame until handle.isAnimating() returns false. The\n  // loop is started by gesture callbacks (and the momentum tick) after they\n  // update the picture, and self-stops when fades settle.\n  const animRaf = useRef<number | null>(null);\n  const animTick = useCallback(() => {\n    animRaf.current = null;\n    if (!handle) return;\n    const next = handle.render();\n    if (next) pictureSV.value = next;\n    if (handle.isAnimating()) {\n      animRaf.current = requestAnimationFrame(animTick);\n    }\n  }, [handle, pictureSV]);\n  const maybeStartAnim = useCallback(() => {\n    if (animRaf.current != null) return;\n    if (!handle?.isAnimating()) return;\n    animRaf.current = requestAnimationFrame(animTick);\n  }, [handle, animTick]);\n  useEffect(() => {\n    return () => {\n      if (animRaf.current != null) {\n        cancelAnimationFrame(animRaf.current);\n        animRaf.current = null;\n      }\n    };\n  }, []);\n\n  // Classifies a touch point into the candle area vs. an axis strip. Axis\n  // strips always own their gesture (scale price/time) and take priority over\n  // the crosshair: an axis touch never opens, moves, or dismisses it.\n  const hitAxis = useCallback(\n    (x: number, y: number): 'chart' | 'price-axis' | 'time-axis' | 'indicator' => {\n      if (!handle) return 'chart';\n      const { yAxisWidth, xAxisHeight, indicatorHeight } =\n        handle.getAxisMetrics();\n      if (x > width - yAxisWidth) return 'price-axis';\n      if (y > height - xAxisHeight) return 'time-axis';\n      // The indicator pane sits just above the time-axis strip. A drag here\n      // scrolls the candles horizontally (no vertical price change).\n      if (indicatorHeight > 0 && y > height - xAxisHeight - indicatorHeight) {\n        return 'indicator';\n      }\n      return 'chart';\n    },\n    [handle, width, height],\n  );\n\n  // Pan routes to different C++ mutators depending on where it started: the\n  // candle area (chart scroll / crosshair move), the y-axis strip (price\n  // scale), the x-axis strip (time scale), or the indicator pane (horizontal\n  // scroll only). We classify on onStart.\n  const panMode = useRef<'chart' | 'price-axis' | 'time-axis' | 'indicator'>(\n    'chart',\n  );\n\n  const pan = Gesture.Pan()\n    .runOnJS(true)\n    .maxPointers(1)  // don't fight Pinch's two-finger gesture\n    .onStart((e) => {\n      cancelDecay();\n      // Always classify — an axis drag controls the axis even while the\n      // crosshair is up. Only a chart-area drag interacts with the crosshair.\n      panMode.current = hitAxis(e.x, e.y);\n    })\n    .onChange((e) => {\n      if (!handle) return;\n      let next: ReturnType<typeof handle.pan> = null;\n      if (panMode.current === 'price-axis') {\n        next = handle.scalePriceAxis(e.changeY);\n      } else if (panMode.current === 'time-axis') {\n        next = handle.scaleTimeAxis(e.changeX);\n      } else if (panMode.current === 'indicator') {\n        // Drag in an indicator pane scrolls the candles horizontally only —\n        // no vertical price slide (the pane's scale is fixed).\n        next = handle.pan(e.changeX, 0);\n      } else if (crosshairActive.current) {\n        // Chart area + crosshair up → the drag moves the crosshair instead of\n        // scrolling. Vertical line tracks the finger x; the dot/horizontal line\n        // stay lifted `crosshairOffset` px above the fingertip.\n        const ch = handle.setCrosshair(e.x, e.y - crosshairOffset);\n        if (ch) pictureSV.value = ch;\n        // The line follows the finger every frame (above), but only notify the\n        // host when the snapped slot actually changes. The slot has a timeMs\n        // even in the empty space ahead of the last candle, where candle=null.\n        const info = handle.getCrosshairInfo();\n        const t = info?.timeMs ?? null;\n        if (t !== lastCrosshairTime.current) {\n          lastCrosshairTime.current = t;\n          onCrosshair?.({ active: true, candle: info?.candle ?? null, timeMs: t, reason: 'move' });\n        }\n        return;\n      } else {\n        // Chart area: 1-finger drag translates both axes. Horizontal\n        // component scrolls time, vertical component slides price bounds\n        // (axes follow). Diagonal works naturally.\n        next = handle.translate(e.changeX, e.changeY);\n      }\n      if (next) pictureSV.value = next;\n      maybeStartAnim();\n    })\n    .onEnd((e) => {\n      if (!handle) return;\n      // A chart-area drag with the crosshair up just moved the crosshair —\n      // nothing about the viewport changed, and no momentum.\n      if (panMode.current === 'chart' && crosshairActive.current) return;\n      onViewportChange?.(0, 0);\n\n      // Axis drags don't get momentum — they're a precise size adjustment.\n      // Chart and indicator-pane drags both get horizontal fling momentum.\n      if (panMode.current !== 'chart' && panMode.current !== 'indicator') return;\n\n      let velocity = e.velocityX;  // px/s\n      const MIN_LAUNCH = 80;       // ignore tiny flicks\n      const MIN_STOP = 8;          // px/s — stop threshold\n      const HALF_LIFE_S = 0.35;    // velocity halves every 0.35s\n      if (Math.abs(velocity) < MIN_LAUNCH) return;\n\n      let lastTime = performance.now();\n      const tick = () => {\n        const now = performance.now();\n        const dt = (now - lastTime) / 1000;\n        lastTime = now;\n\n        // Frame-time-independent exponential decay.\n        velocity *= Math.pow(0.5, dt / HALF_LIFE_S);\n        const dx = velocity * dt;\n        const next = handle.pan(dx, 0);\n        if (next) pictureSV.value = next;\n        maybeStartAnim();\n\n        if (Math.abs(velocity) > MIN_STOP) {\n          decayRaf.current = requestAnimationFrame(tick);\n        } else {\n          decayRaf.current = null;\n        }\n      };\n      decayRaf.current = requestAnimationFrame(tick);\n    });\n\n  // Directional pinch. A single Pinch scale is uniform, so we read the two\n  // touch points and track their horizontal/vertical spans independently: a\n  // vertical pinch scales price (y), a horizontal pinch scales the time window\n  // (x), and a diagonal pinch does both. An axis whose initial span is tiny\n  // (fingers ~collinear on that axis) is left alone.\n  // Lock the scalable axes at gesture start by orientation: an axis only\n  // scales if its initial span is meaningful AND at least AXIS_RATIO of the\n  // other axis. This keeps a vertical pinch from ever touching x (and vice\n  // versa) — critical because during a vertical pinch the fingers' x-coords\n  // drift and cross, sending spanX through ~0 and otherwise exploding frameX.\n  const MIN_SPAN = 24;     // px — minimum span for an axis to scale at all\n  const AXIS_RATIO = 0.5;  // axis scales only if its span ≥ this × the other's\n  const pinchStart = useRef({\n    spanX: 1,\n    spanY: 1,\n    ratioX: 1,\n    ratioY: 1,\n    enableX: false,\n    enableY: false,\n  });\n  const pinch = Gesture.Pinch()\n    .runOnJS(true)\n    .onTouchesDown((e) => {\n      if (e.numberOfTouches < 2) return;\n      const [a, b] = e.allTouches;\n      const spanX = Math.abs(a.x - b.x);\n      const spanY = Math.abs(a.y - b.y);\n      pinchStart.current = {\n        spanX,\n        spanY,\n        ratioX: 1,\n        ratioY: 1,\n        enableX: spanX >= MIN_SPAN && spanX >= spanY * AXIS_RATIO,\n        enableY: spanY >= MIN_SPAN && spanY >= spanX * AXIS_RATIO,\n      };\n    })\n    .onTouchesMove((e) => {\n      if (!handle || crosshairActive.current) return;\n      if (e.numberOfTouches < 2) return;\n      const [a, b] = e.allTouches;\n      const start = pinchStart.current;\n      const focalX = (a.x + b.x) * 0.5;\n      const focalY = (a.y + b.y) * 0.5;\n\n      // Per-frame factor = current cumulative ratio / previous. Floor the\n      // current span at MIN_SPAN so a near-zero span (fingers crossing on that\n      // axis) can't blow the ratio up.\n      let frameX = 1;\n      if (start.enableX) {\n        const ratioX = Math.max(Math.abs(a.x - b.x), MIN_SPAN) / start.spanX;\n        frameX = ratioX / start.ratioX;\n        start.ratioX = ratioX;\n      }\n      let frameY = 1;\n      if (start.enableY) {\n        const ratioY = Math.max(Math.abs(a.y - b.y), MIN_SPAN) / start.spanY;\n        frameY = ratioY / start.ratioY;\n        start.ratioY = ratioY;\n      }\n      if (frameX === 1 && frameY === 1) return;\n\n      const next = handle.zoom(frameX, frameY, focalX, focalY);\n      if (next) pictureSV.value = next;\n      maybeStartAnim();\n    });\n\n  // Long press shows the crosshair at the press point. A stationary hold never\n  // activates `pan` (it needs movement first), so the chart won't scroll under\n  // the hold. The dot/horizontal line are lifted above the fingertip.\n  const longPress = Gesture.LongPress()\n    .runOnJS(true)\n    .onStart((e) => {\n      if (!handle) return;\n      // A long press on an axis strip controls the axis, never the crosshair.\n      if (hitAxis(e.x, e.y) !== 'chart') return;\n      cancelDecay();\n      crosshairActive.current = true;\n      const ch = handle.setCrosshair(e.x, e.y - crosshairOffset);\n      if (ch) pictureSV.value = ch;\n      const info = handle.getCrosshairInfo();\n      lastCrosshairTime.current = info?.timeMs ?? null;\n      onCrosshair?.({\n        active: true,\n        candle: info?.candle ?? null,\n        timeMs: info?.timeMs ?? null,\n        reason: 'show',\n      });\n    });\n\n  // A tap dismisses the crosshair while it's up; otherwise it's a no-op (so it\n  // never interferes with normal pan/pinch).\n  const tap = Gesture.Tap()\n    .runOnJS(true)\n    .onStart((e) => {\n      if (!handle || !crosshairActive.current) return;\n      // A tap on an axis strip controls the axis, never dismisses the crosshair.\n      if (hitAxis(e.x, e.y) !== 'chart') return;\n      crosshairActive.current = false;\n      const ch = handle.clearCrosshair();\n      if (ch) pictureSV.value = ch;\n      lastCrosshairTime.current = null;\n      onCrosshair?.({ active: false, candle: null, timeMs: null, reason: 'hide' });\n    });\n\n  const gesture = Gesture.Simultaneous(pan, pinch, longPress, tap);\n\n  return (\n    <GestureHandlerRootView\n      onLayout={onLayout}\n      style={[\n        { width: widthProp, height: heightProp },\n        widthProp == null && heightProp == null ? { flex: 1 } : null,\n        style,\n      ]}\n    >\n      <GestureDetector gesture={gesture}>\n        <View style={{ flex: 1 }}>\n          <Canvas style={{ flex: 1 }}>\n            {width > 0 && height > 0 ? (\n              // pictureSV is always a valid picture (seeded empty, never null),\n              // so RN-Skia's UI-thread reader never sees null.\n              <Picture picture={pictureSV} />\n            ) : null}\n          </Canvas>\n        </View>\n      </GestureDetector>\n    </GestureHandlerRootView>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport type { SkPicture } from '@shopify/react-native-skia';\n\nimport NativeVroomChart from './NativeVroomChart';\nimport type { ChartHandle } from './jsi.d';\nimport { packCandles } from './packCandles';\nimport { applyTheme, parseColor } from './theme';\nimport type {\n  Candle,\n  MACDConfig,\n  MovingAverageOverlay,\n  RSIConfig,\n  VisibleRange,\n  VroomTheme,\n  VWAPConfig,\n} from './types';\n\n// Mirrors vroom::ma::Source order in packages/core/src/ma.h.\nconst MA_SOURCES = [\n  'close',\n  'open',\n  'high',\n  'low',\n  'hl2',\n  'hlc3',\n  'ohlc4',\n] as const;\n\nfunction overlayToNumeric(o: MovingAverageOverlay) {\n  const srcIdx = o.source ? MA_SOURCES.indexOf(o.source) : 0;\n  return {\n    kind: o.kind === 'ema' ? 1 : 0,\n    period: o.length,\n    source: srcIdx < 0 ? 0 : srcIdx,\n    color: (o.color != null ? parseColor(o.color) : null) ?? 0xff2962ff,\n    width: o.width ?? 1.5,\n  };\n}\n\nlet installed = false;\nfunction ensureInstalled(): void {\n  if (installed) return;\n  const ok = NativeVroomChart.install();\n  if (!ok) throw new Error('VroomChartModule.install() returned false');\n  if (typeof globalThis.VroomChartJSI === 'undefined') {\n    throw new Error('global.VroomChartJSI undefined after install()');\n  }\n  installed = true;\n}\n\nexport type ChartCoreState = {\n  handle: ChartHandle | null;\n  /** Picture freshly rendered after the latest data/size/range push. */\n  picture: SkPicture | null;\n};\n\n// Owns a ChartHandle and produces an \"initial\" picture whenever data, size,\n// or the externally-controlled visible range changes. Gesture-driven updates\n// happen outside this hook by calling handle.pan(...) directly and assigning\n// the result into a SharedValue.\nexport function useChartCore(\n  candles: Candle[],\n  size: { width: number; height: number; pxRatio?: number },\n  visibleRange?: VisibleRange,\n  theme?: VroomTheme,\n  rsi?: RSIConfig,\n  macd?: MACDConfig,\n  movingAverages?: MovingAverageOverlay[],\n  vwap?: VWAPConfig,\n): ChartCoreState {\n  const handleRef = useRef<ChartHandle | null>(null);\n  const [picture, setPicture] = useState<SkPicture | null>(null);\n\n  if (!handleRef.current && size.width > 0 && size.height > 0) {\n    ensureInstalled();\n    handleRef.current = globalThis.VroomChartJSI!.create();\n  }\n\n  // When no visibleRange is provided, leave the range entirely to the C++\n  // side (which defaults to a sensible recent window on first setCandles).\n  // Only push setVisibleRange when the caller is actively controlling it,\n  // so it doesn't clobber the default or fight gesture-driven pans.\n  const explicit = visibleRange != null;\n  const startMs = visibleRange?.startMs ?? 0;\n  const endMs = visibleRange?.endMs ?? 0;\n\n  // Stable deps so inline `theme={{...}}` / `rsi={{...}}` literals don't re-run\n  // the effect every render — only when the actual values change.\n  const themeKey = theme ? JSON.stringify(theme) : '';\n  const rsiKey = rsi ? JSON.stringify(rsi) : '';\n  const macdKey = macd ? JSON.stringify(macd) : '';\n  const maKey = movingAverages ? JSON.stringify(movingAverages) : '';\n  const vwapKey = vwap ? JSON.stringify(vwap) : '';\n\n  useEffect(() => {\n    const h = handleRef.current;\n    if (!h) return;\n    h.setSize(size.width, size.height, size.pxRatio ?? 1);\n    if (candles.length > 0) {\n      h.setCandles(packCandles(candles));\n    }\n    if (explicit) {\n      h.setVisibleRange(startMs, endMs);\n    }\n    if (theme) {\n      applyTheme(h, theme);\n    }\n    h.setRSI(\n      rsi?.enabled ?? false,\n      rsi?.period ?? 14,\n      rsi?.upperBand ?? 70,\n      rsi?.lowerBand ?? 30,\n      rsi?.maEnabled ?? true,\n      rsi?.maPeriod ?? 14,\n    );\n    h.setMACD(\n      macd?.enabled ?? false,\n      macd?.fast ?? 12,\n      macd?.slow ?? 26,\n      macd?.signal ?? 9,\n    );\n    h.setOverlays((movingAverages ?? []).map(overlayToNumeric));\n    h.setVWAP(\n      vwap?.enabled ?? false,\n      vwap?.resetMinutes ?? 0,\n      (vwap?.color != null ? parseColor(vwap.color) : null) ?? 0xff00bcd4,\n      vwap?.width ?? 1.5,\n    );\n    setPicture(h.render());\n    // theme/rsi/macd/movingAverages/vwap are represented by their *Key deps.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [candles, size.width, size.height, size.pxRatio, explicit, startMs, endMs, themeKey, rsiKey, macdKey, maKey, vwapKey]);\n\n  return { handle: handleRef.current, picture };\n}\n","import type { TurboModule } from 'react-native';\nimport { TurboModuleRegistry } from 'react-native';\n\n// TurboModule spec consumed by codegen. The only method is `install`, which\n// the native side uses to install the `global.VroomChartJSI` host object the\n// first time it's called from JS. All real chart operations go through that\n// host object, not through the TurboModule itself.\nexport interface Spec extends TurboModule {\n  install(): boolean;\n}\n\nexport default TurboModuleRegistry.getEnforcing<Spec>('VroomChartModule');\n","import type { Candle } from './types';\n\n// Wire format must match `VroomCandle` in packages/core/include/vroom/vroom_chart.h:\n//   int64_t time_ms;  double open, high, low, close, volume;\n// = 48 bytes per candle, 8-byte aligned, little-endian on iOS/Android.\nexport const BYTES_PER_CANDLE = 48;\n\n// Serializes candles into the packed little-endian buffer the C++ core expects.\n// Pure (no native/Skia deps) so it can be unit-tested in isolation.\nexport function packCandles(candles: Candle[]): ArrayBuffer {\n  const buf = new ArrayBuffer(candles.length * BYTES_PER_CANDLE);\n  const view = new DataView(buf);\n  for (let i = 0; i < candles.length; i++) {\n    const c = candles[i]!;\n    const off = i * BYTES_PER_CANDLE;\n    view.setBigInt64(off, BigInt(c.timeMs), true);\n    view.setFloat64(off + 8, c.open, true);\n    view.setFloat64(off + 16, c.high, true);\n    view.setFloat64(off + 24, c.low, true);\n    view.setFloat64(off + 32, c.close, true);\n    view.setFloat64(off + 40, c.volume, true);\n  }\n  return buf;\n}\n","import type { ChartHandle } from './jsi.d';\nimport type { VroomColor, VroomTheme } from './types';\n\n// Maps each VroomTheme field to its VroomColorKey index in the C++ enum\n// (packages/core/include/vroom/vroom_chart.h). Keep in sync with that enum;\n// new keys are appended there so existing indices never shift.\nexport const COLOR_KEYS: Record<keyof VroomTheme, number> = {\n  background: 0, // VROOM_COLOR_BACKGROUND\n  bull: 1, // VROOM_COLOR_BULL\n  bear: 2, // VROOM_COLOR_BEAR\n  grid: 4, // VROOM_COLOR_GRID\n  axisText: 5, // VROOM_COLOR_AXIS_TEXT\n  crosshair: 6, // VROOM_COLOR_CROSSHAIR\n  crosshairTarget: 9, // VROOM_COLOR_CROSSHAIR_TARGET\n};\n\n// Parses a color into a packed 0xAARRGGBB integer (Skia's ARGB order).\n//   - number → taken as already-packed ARGB\n//   - '#rgb'-style 6-digit hex → opaque (alpha forced to ff)\n//   - 8-digit hex → interpreted as AARRGGBB\n// Returns null for anything malformed so the caller can skip it.\nexport function parseColor(value: VroomColor): number | null {\n  if (typeof value === 'number') {\n    return Number.isFinite(value) ? value >>> 0 : null;\n  }\n  let s = value.trim();\n  if (s.startsWith('#')) s = s.slice(1);\n  if (s.length === 6) s = `ff${s}`; // assume opaque\n  if (s.length !== 8 || !/^[0-9a-fA-F]{8}$/.test(s)) return null;\n  return parseInt(s, 16) >>> 0;\n}\n\n// Pushes every provided theme color into the chart core via handle.setColor.\n// Unspecified or unparseable colors are skipped (they keep their default).\nexport function applyTheme(handle: ChartHandle, theme: VroomTheme): void {\n  (Object.keys(COLOR_KEYS) as (keyof VroomTheme)[]).forEach((field) => {\n    const value = theme[field];\n    if (value == null) return;\n    const argb = parseColor(value);\n    if (argb == null) return;\n    handle.setColor(COLOR_KEYS[field], argb);\n  });\n}\n"],"mappings":"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","names":["import_react","import_react_native","React"]}
+{"version":3,"sources":["../src/index.ts","../src/VroomChart.tsx","../src/useChartCore.ts","../src/NativeVroomChart.ts","../src/packCandles.ts","../src/theme.ts"],"sourcesContent":["export { VroomChart } from './VroomChart';\nexport type {\n  VroomChartProps,\n  Candle,\n  CrosshairEvent,\n  VroomTheme,\n  VroomColor,\n  VisibleRange,\n  RSIConfig,\n  MACDConfig,\n  MASource,\n  MovingAverageOverlay,\n  VWAPConfig,\n} from './types';\n","// VroomChart — Phase 3.\n//\n// Owns a SharedValue<SkPicture> driven by:\n//   - useChartCore's \"initial\" picture (when data/size/range change), AND\n//   - Pan gesture callbacks that call handle.pan(dx, dy) → fresh picture.\n//\n// Reanimated 4 + RN-Skia 2 propagate SharedValue<SkPicture> changes to\n// <Picture> without a React re-render, so gesture-driven redraws are cheap.\n//\n// Gestures run on the JS thread for now (`runOnJS(true)`) — installing the\n// JSI bindings on the worklet runtime is a later perf optimization.\n\nimport React, { useEffect, useRef, useCallback, useState, useMemo } from 'react';\nimport { View, type LayoutChangeEvent } from 'react-native';\nimport { Canvas, Picture, Skia, type SkPicture } from '@shopify/react-native-skia';\nimport {\n  Gesture,\n  GestureDetector,\n  GestureHandlerRootView,\n} from 'react-native-gesture-handler';\nimport { useSharedValue } from 'react-native-reanimated';\n\nimport { useChartCore } from './useChartCore';\nimport type { VroomChartProps } from './types';\nimport './jsi.d';\n\n/**\n * Skia-rendered candlestick chart. Pass OHLCV `candles` and size it via `style`\n * (it fills its parent by default). Pan to scroll, pinch to zoom, drag the\n * price/time axes to rescale, and long-press for the crosshair. Optional\n * indicators (`rsi`, `macd`, `movingAverages`, `vwap`), colors (`theme`), and\n * events (`onCrosshair`, `onViewportChange`) are configured through props.\n *\n * @see {@link VroomChartProps} for the full prop reference.\n */\nexport function VroomChart(props: VroomChartProps) {\n  const {\n    candles,\n    width: widthProp,\n    height: heightProp,\n    style,\n    visibleRange,\n    theme,\n    rsi,\n    macd,\n    movingAverages,\n    vwap,\n    crosshairOffset = 40,\n    onCrosshair,\n    onViewportChange,\n  } = props;\n\n  // Fill the parent by default: measure via onLayout. Explicit width/height\n  // props (if given) win per-axis. Until the first layout, dims are 0 and we\n  // render nothing (one frame).\n  const [measured, setMeasured] = useState({ width: 0, height: 0 });\n  const width = widthProp ?? measured.width;\n  const height = heightProp ?? measured.height;\n\n  const onLayout = useCallback((e: LayoutChangeEvent) => {\n    const w = Math.round(e.nativeEvent.layout.width);\n    const h = Math.round(e.nativeEvent.layout.height);\n    setMeasured((prev) =>\n      prev.width === w && prev.height === h ? prev : { width: w, height: h },\n    );\n  }, []);\n\n  const { handle, picture } = useChartCore(\n    candles,\n    { width, height },\n    visibleRange,\n    theme,\n    rsi,\n    macd,\n    movingAverages,\n    vwap,\n  );\n\n  // RN-Skia's recorder reads this SharedValue on the UI/render runtime, a beat\n  // behind JS-thread writes. If it ever reads null it throws (\"Invalid prop\n  // value for SkTextBlob received\" — RN-Skia's mislabeled SkPicture error), so\n  // we seed it with an empty picture and *never* assign null into it.\n  const emptyPicture = useMemo(() => {\n    const rec = Skia.PictureRecorder();\n    rec.beginRecording(Skia.XYWHRect(0, 0, 1, 1));\n    return rec.finishRecordingAsPicture();\n  }, []);\n  const pictureSV = useSharedValue<SkPicture>(emptyPicture);\n\n  // When the crosshair is showing, pan moves it (instead of scrolling) and\n  // pinch is disabled. A ref (not state) so gesture callbacks read it\n  // synchronously without re-subscribing. Tap dismisses it.\n  const crosshairActive = useRef(false);\n\n  // timeMs of the candle last reported through onCrosshair, so a drag fires a\n  // 'move' event only when it crosses into a *different* candle (one per\n  // candle, not per frame). Null while the crosshair is hidden.\n  const lastCrosshairTime = useRef<number | null>(null);\n\n  // Sync the initial picture from useChartCore into the SV whenever it\n  // refreshes (data load, size change, externally-controlled range change).\n  // Only ever assign a non-null picture (see emptyPicture note above).\n  useEffect(() => {\n    if (picture) pictureSV.value = picture;\n  }, [picture, pictureSV]);\n\n  // Momentum scroll. After Pan ends with non-trivial velocity, we run a RAF\n  // loop that calls handle.pan(dx, 0) each frame with an exponentially\n  // decaying velocity. A new pan (or unmount) cancels the loop.\n  const decayRaf = useRef<number | null>(null);\n  const cancelDecay = useCallback(() => {\n    if (decayRaf.current != null) {\n      cancelAnimationFrame(decayRaf.current);\n      decayRaf.current = null;\n    }\n  }, []);\n  useEffect(() => cancelDecay, [cancelDecay]);\n\n  // Axis-label fade animation loop. When a gesture changes which labels are\n  // active, the C++ side starts ramping their opacities. We keep calling\n  // render() on every frame until handle.isAnimating() returns false. The\n  // loop is started by gesture callbacks (and the momentum tick) after they\n  // update the picture, and self-stops when fades settle.\n  const animRaf = useRef<number | null>(null);\n  const animTick = useCallback(() => {\n    animRaf.current = null;\n    if (!handle) return;\n    const next = handle.render();\n    if (next) pictureSV.value = next;\n    if (handle.isAnimating()) {\n      animRaf.current = requestAnimationFrame(animTick);\n    }\n  }, [handle, pictureSV]);\n  const maybeStartAnim = useCallback(() => {\n    if (animRaf.current != null) return;\n    if (!handle?.isAnimating()) return;\n    animRaf.current = requestAnimationFrame(animTick);\n  }, [handle, animTick]);\n  useEffect(() => {\n    return () => {\n      if (animRaf.current != null) {\n        cancelAnimationFrame(animRaf.current);\n        animRaf.current = null;\n      }\n    };\n  }, []);\n\n  // Classifies a touch point into the candle area vs. an axis strip. Axis\n  // strips always own their gesture (scale price/time) and take priority over\n  // the crosshair: an axis touch never opens, moves, or dismisses it.\n  const hitAxis = useCallback(\n    (x: number, y: number): 'chart' | 'price-axis' | 'time-axis' | 'indicator' => {\n      if (!handle) return 'chart';\n      const { yAxisWidth, xAxisHeight, indicatorHeight } =\n        handle.getAxisMetrics();\n      if (x > width - yAxisWidth) return 'price-axis';\n      if (y > height - xAxisHeight) return 'time-axis';\n      // The indicator pane sits just above the time-axis strip. A drag here\n      // scrolls the candles horizontally (no vertical price change).\n      if (indicatorHeight > 0 && y > height - xAxisHeight - indicatorHeight) {\n        return 'indicator';\n      }\n      return 'chart';\n    },\n    [handle, width, height],\n  );\n\n  // Pan routes to different C++ mutators depending on where it started: the\n  // candle area (chart scroll / crosshair move), the y-axis strip (price\n  // scale), the x-axis strip (time scale), or the indicator pane (horizontal\n  // scroll only). We classify on onStart.\n  const panMode = useRef<'chart' | 'price-axis' | 'time-axis' | 'indicator'>(\n    'chart',\n  );\n\n  const pan = Gesture.Pan()\n    .runOnJS(true)\n    .maxPointers(1)  // don't fight Pinch's two-finger gesture\n    .onStart((e) => {\n      cancelDecay();\n      // Always classify — an axis drag controls the axis even while the\n      // crosshair is up. Only a chart-area drag interacts with the crosshair.\n      panMode.current = hitAxis(e.x, e.y);\n    })\n    .onChange((e) => {\n      if (!handle) return;\n      let next: ReturnType<typeof handle.pan> = null;\n      if (panMode.current === 'price-axis') {\n        next = handle.scalePriceAxis(e.changeY);\n      } else if (panMode.current === 'time-axis') {\n        next = handle.scaleTimeAxis(e.changeX);\n      } else if (panMode.current === 'indicator') {\n        // Drag in an indicator pane scrolls the candles horizontally only —\n        // no vertical price slide (the pane's scale is fixed).\n        next = handle.pan(e.changeX, 0);\n      } else if (crosshairActive.current) {\n        // Chart area + crosshair up → the drag moves the crosshair instead of\n        // scrolling. Vertical line tracks the finger x; the dot/horizontal line\n        // stay lifted `crosshairOffset` px above the fingertip.\n        const ch = handle.setCrosshair(e.x, e.y - crosshairOffset);\n        if (ch) pictureSV.value = ch;\n        // The line follows the finger every frame (above), but only notify the\n        // host when the snapped slot actually changes. The slot has a timeMs\n        // even in the empty space ahead of the last candle, where candle=null.\n        const info = handle.getCrosshairInfo();\n        const t = info?.timeMs ?? null;\n        if (t !== lastCrosshairTime.current) {\n          lastCrosshairTime.current = t;\n          onCrosshair?.({ active: true, candle: info?.candle ?? null, timeMs: t, reason: 'move' });\n        }\n        return;\n      } else {\n        // Chart area: 1-finger drag translates both axes. Horizontal\n        // component scrolls time, vertical component slides price bounds\n        // (axes follow). Diagonal works naturally.\n        next = handle.translate(e.changeX, e.changeY);\n      }\n      if (next) pictureSV.value = next;\n      maybeStartAnim();\n    })\n    .onEnd((e) => {\n      if (!handle) return;\n      // A chart-area drag with the crosshair up just moved the crosshair —\n      // nothing about the viewport changed, and no momentum.\n      if (panMode.current === 'chart' && crosshairActive.current) return;\n      onViewportChange?.(0, 0);\n\n      // Axis drags don't get momentum — they're a precise size adjustment.\n      // Chart and indicator-pane drags both get horizontal fling momentum.\n      if (panMode.current !== 'chart' && panMode.current !== 'indicator') return;\n\n      let velocity = e.velocityX;  // px/s\n      const MIN_LAUNCH = 80;       // ignore tiny flicks\n      const MIN_STOP = 8;          // px/s — stop threshold\n      const HALF_LIFE_S = 0.35;    // velocity halves every 0.35s\n      if (Math.abs(velocity) < MIN_LAUNCH) return;\n\n      let lastTime = performance.now();\n      const tick = () => {\n        const now = performance.now();\n        const dt = (now - lastTime) / 1000;\n        lastTime = now;\n\n        // Frame-time-independent exponential decay.\n        velocity *= Math.pow(0.5, dt / HALF_LIFE_S);\n        const dx = velocity * dt;\n        const next = handle.pan(dx, 0);\n        if (next) pictureSV.value = next;\n        maybeStartAnim();\n\n        if (Math.abs(velocity) > MIN_STOP) {\n          decayRaf.current = requestAnimationFrame(tick);\n        } else {\n          decayRaf.current = null;\n        }\n      };\n      decayRaf.current = requestAnimationFrame(tick);\n    });\n\n  // Directional pinch. A single Pinch scale is uniform, so we read the two\n  // touch points and track their horizontal/vertical spans independently: a\n  // vertical pinch scales price (y), a horizontal pinch scales the time window\n  // (x), and a diagonal pinch does both. An axis whose initial span is tiny\n  // (fingers ~collinear on that axis) is left alone.\n  // Lock the scalable axes at gesture start by orientation: an axis only\n  // scales if its initial span is meaningful AND at least AXIS_RATIO of the\n  // other axis. This keeps a vertical pinch from ever touching x (and vice\n  // versa) — critical because during a vertical pinch the fingers' x-coords\n  // drift and cross, sending spanX through ~0 and otherwise exploding frameX.\n  const MIN_SPAN = 24;     // px — minimum span for an axis to scale at all\n  const AXIS_RATIO = 0.5;  // axis scales only if its span ≥ this × the other's\n  const pinchStart = useRef({\n    spanX: 1,\n    spanY: 1,\n    ratioX: 1,\n    ratioY: 1,\n    enableX: false,\n    enableY: false,\n  });\n  const pinch = Gesture.Pinch()\n    .runOnJS(true)\n    .onTouchesDown((e) => {\n      if (e.numberOfTouches < 2) return;\n      const [a, b] = e.allTouches;\n      const spanX = Math.abs(a.x - b.x);\n      const spanY = Math.abs(a.y - b.y);\n      pinchStart.current = {\n        spanX,\n        spanY,\n        ratioX: 1,\n        ratioY: 1,\n        enableX: spanX >= MIN_SPAN && spanX >= spanY * AXIS_RATIO,\n        enableY: spanY >= MIN_SPAN && spanY >= spanX * AXIS_RATIO,\n      };\n    })\n    .onTouchesMove((e) => {\n      if (!handle || crosshairActive.current) return;\n      if (e.numberOfTouches < 2) return;\n      const [a, b] = e.allTouches;\n      const start = pinchStart.current;\n      const focalX = (a.x + b.x) * 0.5;\n      const focalY = (a.y + b.y) * 0.5;\n\n      // Per-frame factor = current cumulative ratio / previous. Floor the\n      // current span at MIN_SPAN so a near-zero span (fingers crossing on that\n      // axis) can't blow the ratio up.\n      let frameX = 1;\n      if (start.enableX) {\n        const ratioX = Math.max(Math.abs(a.x - b.x), MIN_SPAN) / start.spanX;\n        frameX = ratioX / start.ratioX;\n        start.ratioX = ratioX;\n      }\n      let frameY = 1;\n      if (start.enableY) {\n        const ratioY = Math.max(Math.abs(a.y - b.y), MIN_SPAN) / start.spanY;\n        frameY = ratioY / start.ratioY;\n        start.ratioY = ratioY;\n      }\n      if (frameX === 1 && frameY === 1) return;\n\n      const next = handle.zoom(frameX, frameY, focalX, focalY);\n      if (next) pictureSV.value = next;\n      maybeStartAnim();\n    });\n\n  // Long press shows the crosshair at the press point. A stationary hold never\n  // activates `pan` (it needs movement first), so the chart won't scroll under\n  // the hold. The dot/horizontal line are lifted above the fingertip.\n  const longPress = Gesture.LongPress()\n    .runOnJS(true)\n    .onStart((e) => {\n      if (!handle) return;\n      // A long press on an axis strip controls the axis, never the crosshair.\n      if (hitAxis(e.x, e.y) !== 'chart') return;\n      cancelDecay();\n      crosshairActive.current = true;\n      const ch = handle.setCrosshair(e.x, e.y - crosshairOffset);\n      if (ch) pictureSV.value = ch;\n      const info = handle.getCrosshairInfo();\n      lastCrosshairTime.current = info?.timeMs ?? null;\n      onCrosshair?.({\n        active: true,\n        candle: info?.candle ?? null,\n        timeMs: info?.timeMs ?? null,\n        reason: 'show',\n      });\n    });\n\n  // A tap dismisses the crosshair while it's up; otherwise it's a no-op (so it\n  // never interferes with normal pan/pinch).\n  const tap = Gesture.Tap()\n    .runOnJS(true)\n    .onStart((e) => {\n      if (!handle || !crosshairActive.current) return;\n      // A tap on an axis strip controls the axis, never dismisses the crosshair.\n      if (hitAxis(e.x, e.y) !== 'chart') return;\n      crosshairActive.current = false;\n      const ch = handle.clearCrosshair();\n      if (ch) pictureSV.value = ch;\n      lastCrosshairTime.current = null;\n      onCrosshair?.({ active: false, candle: null, timeMs: null, reason: 'hide' });\n    });\n\n  const gesture = Gesture.Simultaneous(pan, pinch, longPress, tap);\n\n  return (\n    <GestureHandlerRootView\n      onLayout={onLayout}\n      style={[\n        { width: widthProp, height: heightProp },\n        widthProp == null && heightProp == null ? { flex: 1 } : null,\n        style,\n      ]}\n    >\n      <GestureDetector gesture={gesture}>\n        <View style={{ flex: 1 }}>\n          <Canvas style={{ flex: 1 }}>\n            {width > 0 && height > 0 ? (\n              // pictureSV is always a valid picture (seeded empty, never null),\n              // so RN-Skia's UI-thread reader never sees null.\n              <Picture picture={pictureSV} />\n            ) : null}\n          </Canvas>\n        </View>\n      </GestureDetector>\n    </GestureHandlerRootView>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport type { SkPicture } from '@shopify/react-native-skia';\n\nimport NativeVroomChart from './NativeVroomChart';\nimport type { ChartHandle } from './jsi.d';\nimport { packCandles } from './packCandles';\nimport { applyTheme, parseColor } from './theme';\nimport type {\n  Candle,\n  MACDConfig,\n  MovingAverageOverlay,\n  RSIConfig,\n  VisibleRange,\n  VroomTheme,\n  VWAPConfig,\n} from './types';\n\n// Mirrors vroom::ma::Source order in packages/core/src/ma.h.\nconst MA_SOURCES = [\n  'close',\n  'open',\n  'high',\n  'low',\n  'hl2',\n  'hlc3',\n  'ohlc4',\n] as const;\n\nfunction overlayToNumeric(o: MovingAverageOverlay) {\n  const srcIdx = o.source ? MA_SOURCES.indexOf(o.source) : 0;\n  return {\n    kind: o.kind === 'ema' ? 1 : 0,\n    period: o.length,\n    source: srcIdx < 0 ? 0 : srcIdx,\n    color: (o.color != null ? parseColor(o.color) : null) ?? 0xff2962ff,\n    width: o.width ?? 1.5,\n  };\n}\n\nlet installed = false;\nfunction ensureInstalled(): void {\n  if (installed) return;\n  const ok = NativeVroomChart.install();\n  if (!ok) throw new Error('VroomChartModule.install() returned false');\n  if (typeof globalThis.VroomChartJSI === 'undefined') {\n    throw new Error('global.VroomChartJSI undefined after install()');\n  }\n  installed = true;\n}\n\nexport type ChartCoreState = {\n  handle: ChartHandle | null;\n  /** Picture freshly rendered after the latest data/size/range push. */\n  picture: SkPicture | null;\n};\n\n// Owns a ChartHandle and produces an \"initial\" picture whenever data, size,\n// or the externally-controlled visible range changes. Gesture-driven updates\n// happen outside this hook by calling handle.pan(...) directly and assigning\n// the result into a SharedValue.\nexport function useChartCore(\n  candles: Candle[],\n  size: { width: number; height: number; pxRatio?: number },\n  visibleRange?: VisibleRange,\n  theme?: VroomTheme,\n  rsi?: RSIConfig,\n  macd?: MACDConfig,\n  movingAverages?: MovingAverageOverlay[],\n  vwap?: VWAPConfig,\n): ChartCoreState {\n  const handleRef = useRef<ChartHandle | null>(null);\n  const [picture, setPicture] = useState<SkPicture | null>(null);\n\n  if (!handleRef.current && size.width > 0 && size.height > 0) {\n    ensureInstalled();\n    handleRef.current = globalThis.VroomChartJSI!.create();\n  }\n\n  // When no visibleRange is provided, leave the range entirely to the C++\n  // side (which defaults to a sensible recent window on first setCandles).\n  // Only push setVisibleRange when the caller is actively controlling it,\n  // so it doesn't clobber the default or fight gesture-driven pans.\n  const explicit = visibleRange != null;\n  const startMs = visibleRange?.startMs ?? 0;\n  const endMs = visibleRange?.endMs ?? 0;\n\n  // Stable deps so inline `theme={{...}}` / `rsi={{...}}` literals don't re-run\n  // the effect every render — only when the actual values change.\n  const themeKey = theme ? JSON.stringify(theme) : '';\n  const rsiKey = rsi ? JSON.stringify(rsi) : '';\n  const macdKey = macd ? JSON.stringify(macd) : '';\n  const maKey = movingAverages ? JSON.stringify(movingAverages) : '';\n  const vwapKey = vwap ? JSON.stringify(vwap) : '';\n\n  useEffect(() => {\n    const h = handleRef.current;\n    if (!h) return;\n    h.setSize(size.width, size.height, size.pxRatio ?? 1);\n    if (candles.length > 0) {\n      h.setCandles(packCandles(candles));\n    }\n    if (explicit) {\n      h.setVisibleRange(startMs, endMs);\n    }\n    if (theme) {\n      applyTheme(h, theme);\n    }\n    h.setRSI(\n      rsi?.enabled ?? false,\n      rsi?.period ?? 14,\n      rsi?.upperBand ?? 70,\n      rsi?.lowerBand ?? 30,\n      rsi?.maEnabled ?? true,\n      rsi?.maPeriod ?? 14,\n    );\n    h.setMACD(\n      macd?.enabled ?? false,\n      macd?.fast ?? 12,\n      macd?.slow ?? 26,\n      macd?.signal ?? 9,\n    );\n    h.setOverlays((movingAverages ?? []).map(overlayToNumeric));\n    h.setVWAP(\n      vwap?.enabled ?? false,\n      vwap?.resetMinutes ?? 0,\n      (vwap?.color != null ? parseColor(vwap.color) : null) ?? 0xff00bcd4,\n      vwap?.width ?? 1.5,\n    );\n    setPicture(h.render());\n    // theme/rsi/macd/movingAverages/vwap are represented by their *Key deps.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [candles, size.width, size.height, size.pxRatio, explicit, startMs, endMs, themeKey, rsiKey, macdKey, maKey, vwapKey]);\n\n  return { handle: handleRef.current, picture };\n}\n","import type { TurboModule } from 'react-native';\nimport { TurboModuleRegistry } from 'react-native';\n\n// TurboModule spec consumed by codegen. The only method is `install`, which\n// the native side uses to install the `global.VroomChartJSI` host object the\n// first time it's called from JS. All real chart operations go through that\n// host object, not through the TurboModule itself.\nexport interface Spec extends TurboModule {\n  install(): boolean;\n}\n\nexport default TurboModuleRegistry.getEnforcing<Spec>('VroomChartModule');\n","import type { Candle } from './types';\n\n// Wire format must match `VroomCandle` in packages/core/include/vroom/vroom_chart.h:\n//   int64_t time_ms;  double open, high, low, close, volume;\n// = 48 bytes per candle, 8-byte aligned, little-endian on iOS/Android.\nexport const BYTES_PER_CANDLE = 48;\n\n// Serializes candles into the packed little-endian buffer the C++ core expects.\n// Pure (no native/Skia deps) so it can be unit-tested in isolation.\nexport function packCandles(candles: Candle[]): ArrayBuffer {\n  const buf = new ArrayBuffer(candles.length * BYTES_PER_CANDLE);\n  const view = new DataView(buf);\n  for (let i = 0; i < candles.length; i++) {\n    const c = candles[i]!;\n    const off = i * BYTES_PER_CANDLE;\n    view.setBigInt64(off, BigInt(c.timeMs), true);\n    view.setFloat64(off + 8, c.open, true);\n    view.setFloat64(off + 16, c.high, true);\n    view.setFloat64(off + 24, c.low, true);\n    view.setFloat64(off + 32, c.close, true);\n    view.setFloat64(off + 40, c.volume, true);\n  }\n  return buf;\n}\n","import type { ChartHandle } from './jsi.d';\nimport type { VroomColor, VroomTheme } from './types';\n\n// Maps each VroomTheme field to its VroomColorKey index in the C++ enum\n// (packages/core/include/vroom/vroom_chart.h). Keep in sync with that enum;\n// new keys are appended there so existing indices never shift.\nexport const COLOR_KEYS: Record<keyof VroomTheme, number> = {\n  background: 0, // VROOM_COLOR_BACKGROUND\n  bull: 1, // VROOM_COLOR_BULL\n  bear: 2, // VROOM_COLOR_BEAR\n  grid: 4, // VROOM_COLOR_GRID\n  axisText: 5, // VROOM_COLOR_AXIS_TEXT\n  crosshair: 6, // VROOM_COLOR_CROSSHAIR\n  crosshairTarget: 9, // VROOM_COLOR_CROSSHAIR_TARGET\n  borderBull: 10, // VROOM_COLOR_BORDER_BULL\n  borderBear: 11, // VROOM_COLOR_BORDER_BEAR\n  wickBull: 12, // VROOM_COLOR_WICK_BULL\n  wickBear: 13, // VROOM_COLOR_WICK_BEAR\n  accentBull: 14, // VROOM_COLOR_ACCENT_BULL\n  accentBear: 15, // VROOM_COLOR_ACCENT_BEAR\n};\n\n// Parses a color into a packed 0xAARRGGBB integer (Skia's ARGB order).\n//   - number → taken as already-packed ARGB\n//   - '#rgb'-style 6-digit hex → opaque (alpha forced to ff)\n//   - 8-digit hex → interpreted as AARRGGBB\n// Returns null for anything malformed so the caller can skip it.\nexport function parseColor(value: VroomColor): number | null {\n  if (typeof value === 'number') {\n    return Number.isFinite(value) ? value >>> 0 : null;\n  }\n  let s = value.trim();\n  if (s.startsWith('#')) s = s.slice(1);\n  if (s.length === 6) s = `ff${s}`; // assume opaque\n  if (s.length !== 8 || !/^[0-9a-fA-F]{8}$/.test(s)) return null;\n  return parseInt(s, 16) >>> 0;\n}\n\n// Pushes every provided theme color into the chart core via handle.setColor.\n// Unspecified or unparseable colors are skipped (they keep their default).\nexport function applyTheme(handle: ChartHandle, theme: VroomTheme): void {\n  (Object.keys(COLOR_KEYS) as (keyof VroomTheme)[]).forEach((field) => {\n    const value = theme[field];\n    if (value == null) return;\n    const argb = parseColor(value);\n    if (argb == null) return;\n    handle.setColor(COLOR_KEYS[field], argb);\n  });\n}\n"],"mappings":"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","names":["import_react","import_react_native","React"]}

package/lib/index.mjs

@@ -48,8 +48,20 @@ var COLOR_KEYS = {
   // VROOM_COLOR_AXIS_TEXT
   crosshair: 6,
   // VROOM_COLOR_CROSSHAIR
-  crosshairTarget: 9
+  crosshairTarget: 9,
   // VROOM_COLOR_CROSSHAIR_TARGET
+  borderBull: 10,
+  // VROOM_COLOR_BORDER_BULL
+  borderBear: 11,
+  // VROOM_COLOR_BORDER_BEAR
+  wickBull: 12,
+  // VROOM_COLOR_WICK_BULL
+  wickBear: 13,
+  // VROOM_COLOR_WICK_BEAR
+  accentBull: 14,
+  // VROOM_COLOR_ACCENT_BULL
+  accentBear: 15
+  // VROOM_COLOR_ACCENT_BEAR
 };
 function parseColor(value) {
   if (typeof value === "number") {

package/lib/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/VroomChart.tsx","../src/useChartCore.ts","../src/NativeVroomChart.ts","../src/packCandles.ts","../src/theme.ts"],"sourcesContent":["// VroomChart — Phase 3.\n//\n// Owns a SharedValue<SkPicture> driven by:\n//   - useChartCore's \"initial\" picture (when data/size/range change), AND\n//   - Pan gesture callbacks that call handle.pan(dx, dy) → fresh picture.\n//\n// Reanimated 4 + RN-Skia 2 propagate SharedValue<SkPicture> changes to\n// <Picture> without a React re-render, so gesture-driven redraws are cheap.\n//\n// Gestures run on the JS thread for now (`runOnJS(true)`) — installing the\n// JSI bindings on the worklet runtime is a later perf optimization.\n\nimport React, { useEffect, useRef, useCallback, useState, useMemo } from 'react';\nimport { View, type LayoutChangeEvent } from 'react-native';\nimport { Canvas, Picture, Skia, type SkPicture } from '@shopify/react-native-skia';\nimport {\n  Gesture,\n  GestureDetector,\n  GestureHandlerRootView,\n} from 'react-native-gesture-handler';\nimport { useSharedValue } from 'react-native-reanimated';\n\nimport { useChartCore } from './useChartCore';\nimport type { VroomChartProps } from './types';\nimport './jsi.d';\n\n/**\n * Skia-rendered candlestick chart. Pass OHLCV `candles` and size it via `style`\n * (it fills its parent by default). Pan to scroll, pinch to zoom, drag the\n * price/time axes to rescale, and long-press for the crosshair. Optional\n * indicators (`rsi`, `macd`, `movingAverages`, `vwap`), colors (`theme`), and\n * events (`onCrosshair`, `onViewportChange`) are configured through props.\n *\n * @see {@link VroomChartProps} for the full prop reference.\n */\nexport function VroomChart(props: VroomChartProps) {\n  const {\n    candles,\n    width: widthProp,\n    height: heightProp,\n    style,\n    visibleRange,\n    theme,\n    rsi,\n    macd,\n    movingAverages,\n    vwap,\n    crosshairOffset = 40,\n    onCrosshair,\n    onViewportChange,\n  } = props;\n\n  // Fill the parent by default: measure via onLayout. Explicit width/height\n  // props (if given) win per-axis. Until the first layout, dims are 0 and we\n  // render nothing (one frame).\n  const [measured, setMeasured] = useState({ width: 0, height: 0 });\n  const width = widthProp ?? measured.width;\n  const height = heightProp ?? measured.height;\n\n  const onLayout = useCallback((e: LayoutChangeEvent) => {\n    const w = Math.round(e.nativeEvent.layout.width);\n    const h = Math.round(e.nativeEvent.layout.height);\n    setMeasured((prev) =>\n      prev.width === w && prev.height === h ? prev : { width: w, height: h },\n    );\n  }, []);\n\n  const { handle, picture } = useChartCore(\n    candles,\n    { width, height },\n    visibleRange,\n    theme,\n    rsi,\n    macd,\n    movingAverages,\n    vwap,\n  );\n\n  // RN-Skia's recorder reads this SharedValue on the UI/render runtime, a beat\n  // behind JS-thread writes. If it ever reads null it throws (\"Invalid prop\n  // value for SkTextBlob received\" — RN-Skia's mislabeled SkPicture error), so\n  // we seed it with an empty picture and *never* assign null into it.\n  const emptyPicture = useMemo(() => {\n    const rec = Skia.PictureRecorder();\n    rec.beginRecording(Skia.XYWHRect(0, 0, 1, 1));\n    return rec.finishRecordingAsPicture();\n  }, []);\n  const pictureSV = useSharedValue<SkPicture>(emptyPicture);\n\n  // When the crosshair is showing, pan moves it (instead of scrolling) and\n  // pinch is disabled. A ref (not state) so gesture callbacks read it\n  // synchronously without re-subscribing. Tap dismisses it.\n  const crosshairActive = useRef(false);\n\n  // timeMs of the candle last reported through onCrosshair, so a drag fires a\n  // 'move' event only when it crosses into a *different* candle (one per\n  // candle, not per frame). Null while the crosshair is hidden.\n  const lastCrosshairTime = useRef<number | null>(null);\n\n  // Sync the initial picture from useChartCore into the SV whenever it\n  // refreshes (data load, size change, externally-controlled range change).\n  // Only ever assign a non-null picture (see emptyPicture note above).\n  useEffect(() => {\n    if (picture) pictureSV.value = picture;\n  }, [picture, pictureSV]);\n\n  // Momentum scroll. After Pan ends with non-trivial velocity, we run a RAF\n  // loop that calls handle.pan(dx, 0) each frame with an exponentially\n  // decaying velocity. A new pan (or unmount) cancels the loop.\n  const decayRaf = useRef<number | null>(null);\n  const cancelDecay = useCallback(() => {\n    if (decayRaf.current != null) {\n      cancelAnimationFrame(decayRaf.current);\n      decayRaf.current = null;\n    }\n  }, []);\n  useEffect(() => cancelDecay, [cancelDecay]);\n\n  // Axis-label fade animation loop. When a gesture changes which labels are\n  // active, the C++ side starts ramping their opacities. We keep calling\n  // render() on every frame until handle.isAnimating() returns false. The\n  // loop is started by gesture callbacks (and the momentum tick) after they\n  // update the picture, and self-stops when fades settle.\n  const animRaf = useRef<number | null>(null);\n  const animTick = useCallback(() => {\n    animRaf.current = null;\n    if (!handle) return;\n    const next = handle.render();\n    if (next) pictureSV.value = next;\n    if (handle.isAnimating()) {\n      animRaf.current = requestAnimationFrame(animTick);\n    }\n  }, [handle, pictureSV]);\n  const maybeStartAnim = useCallback(() => {\n    if (animRaf.current != null) return;\n    if (!handle?.isAnimating()) return;\n    animRaf.current = requestAnimationFrame(animTick);\n  }, [handle, animTick]);\n  useEffect(() => {\n    return () => {\n      if (animRaf.current != null) {\n        cancelAnimationFrame(animRaf.current);\n        animRaf.current = null;\n      }\n    };\n  }, []);\n\n  // Classifies a touch point into the candle area vs. an axis strip. Axis\n  // strips always own their gesture (scale price/time) and take priority over\n  // the crosshair: an axis touch never opens, moves, or dismisses it.\n  const hitAxis = useCallback(\n    (x: number, y: number): 'chart' | 'price-axis' | 'time-axis' | 'indicator' => {\n      if (!handle) return 'chart';\n      const { yAxisWidth, xAxisHeight, indicatorHeight } =\n        handle.getAxisMetrics();\n      if (x > width - yAxisWidth) return 'price-axis';\n      if (y > height - xAxisHeight) return 'time-axis';\n      // The indicator pane sits just above the time-axis strip. A drag here\n      // scrolls the candles horizontally (no vertical price change).\n      if (indicatorHeight > 0 && y > height - xAxisHeight - indicatorHeight) {\n        return 'indicator';\n      }\n      return 'chart';\n    },\n    [handle, width, height],\n  );\n\n  // Pan routes to different C++ mutators depending on where it started: the\n  // candle area (chart scroll / crosshair move), the y-axis strip (price\n  // scale), the x-axis strip (time scale), or the indicator pane (horizontal\n  // scroll only). We classify on onStart.\n  const panMode = useRef<'chart' | 'price-axis' | 'time-axis' | 'indicator'>(\n    'chart',\n  );\n\n  const pan = Gesture.Pan()\n    .runOnJS(true)\n    .maxPointers(1)  // don't fight Pinch's two-finger gesture\n    .onStart((e) => {\n      cancelDecay();\n      // Always classify — an axis drag controls the axis even while the\n      // crosshair is up. Only a chart-area drag interacts with the crosshair.\n      panMode.current = hitAxis(e.x, e.y);\n    })\n    .onChange((e) => {\n      if (!handle) return;\n      let next: ReturnType<typeof handle.pan> = null;\n      if (panMode.current === 'price-axis') {\n        next = handle.scalePriceAxis(e.changeY);\n      } else if (panMode.current === 'time-axis') {\n        next = handle.scaleTimeAxis(e.changeX);\n      } else if (panMode.current === 'indicator') {\n        // Drag in an indicator pane scrolls the candles horizontally only —\n        // no vertical price slide (the pane's scale is fixed).\n        next = handle.pan(e.changeX, 0);\n      } else if (crosshairActive.current) {\n        // Chart area + crosshair up → the drag moves the crosshair instead of\n        // scrolling. Vertical line tracks the finger x; the dot/horizontal line\n        // stay lifted `crosshairOffset` px above the fingertip.\n        const ch = handle.setCrosshair(e.x, e.y - crosshairOffset);\n        if (ch) pictureSV.value = ch;\n        // The line follows the finger every frame (above), but only notify the\n        // host when the snapped slot actually changes. The slot has a timeMs\n        // even in the empty space ahead of the last candle, where candle=null.\n        const info = handle.getCrosshairInfo();\n        const t = info?.timeMs ?? null;\n        if (t !== lastCrosshairTime.current) {\n          lastCrosshairTime.current = t;\n          onCrosshair?.({ active: true, candle: info?.candle ?? null, timeMs: t, reason: 'move' });\n        }\n        return;\n      } else {\n        // Chart area: 1-finger drag translates both axes. Horizontal\n        // component scrolls time, vertical component slides price bounds\n        // (axes follow). Diagonal works naturally.\n        next = handle.translate(e.changeX, e.changeY);\n      }\n      if (next) pictureSV.value = next;\n      maybeStartAnim();\n    })\n    .onEnd((e) => {\n      if (!handle) return;\n      // A chart-area drag with the crosshair up just moved the crosshair —\n      // nothing about the viewport changed, and no momentum.\n      if (panMode.current === 'chart' && crosshairActive.current) return;\n      onViewportChange?.(0, 0);\n\n      // Axis drags don't get momentum — they're a precise size adjustment.\n      // Chart and indicator-pane drags both get horizontal fling momentum.\n      if (panMode.current !== 'chart' && panMode.current !== 'indicator') return;\n\n      let velocity = e.velocityX;  // px/s\n      const MIN_LAUNCH = 80;       // ignore tiny flicks\n      const MIN_STOP = 8;          // px/s — stop threshold\n      const HALF_LIFE_S = 0.35;    // velocity halves every 0.35s\n      if (Math.abs(velocity) < MIN_LAUNCH) return;\n\n      let lastTime = performance.now();\n      const tick = () => {\n        const now = performance.now();\n        const dt = (now - lastTime) / 1000;\n        lastTime = now;\n\n        // Frame-time-independent exponential decay.\n        velocity *= Math.pow(0.5, dt / HALF_LIFE_S);\n        const dx = velocity * dt;\n        const next = handle.pan(dx, 0);\n        if (next) pictureSV.value = next;\n        maybeStartAnim();\n\n        if (Math.abs(velocity) > MIN_STOP) {\n          decayRaf.current = requestAnimationFrame(tick);\n        } else {\n          decayRaf.current = null;\n        }\n      };\n      decayRaf.current = requestAnimationFrame(tick);\n    });\n\n  // Directional pinch. A single Pinch scale is uniform, so we read the two\n  // touch points and track their horizontal/vertical spans independently: a\n  // vertical pinch scales price (y), a horizontal pinch scales the time window\n  // (x), and a diagonal pinch does both. An axis whose initial span is tiny\n  // (fingers ~collinear on that axis) is left alone.\n  // Lock the scalable axes at gesture start by orientation: an axis only\n  // scales if its initial span is meaningful AND at least AXIS_RATIO of the\n  // other axis. This keeps a vertical pinch from ever touching x (and vice\n  // versa) — critical because during a vertical pinch the fingers' x-coords\n  // drift and cross, sending spanX through ~0 and otherwise exploding frameX.\n  const MIN_SPAN = 24;     // px — minimum span for an axis to scale at all\n  const AXIS_RATIO = 0.5;  // axis scales only if its span ≥ this × the other's\n  const pinchStart = useRef({\n    spanX: 1,\n    spanY: 1,\n    ratioX: 1,\n    ratioY: 1,\n    enableX: false,\n    enableY: false,\n  });\n  const pinch = Gesture.Pinch()\n    .runOnJS(true)\n    .onTouchesDown((e) => {\n      if (e.numberOfTouches < 2) return;\n      const [a, b] = e.allTouches;\n      const spanX = Math.abs(a.x - b.x);\n      const spanY = Math.abs(a.y - b.y);\n      pinchStart.current = {\n        spanX,\n        spanY,\n        ratioX: 1,\n        ratioY: 1,\n        enableX: spanX >= MIN_SPAN && spanX >= spanY * AXIS_RATIO,\n        enableY: spanY >= MIN_SPAN && spanY >= spanX * AXIS_RATIO,\n      };\n    })\n    .onTouchesMove((e) => {\n      if (!handle || crosshairActive.current) return;\n      if (e.numberOfTouches < 2) return;\n      const [a, b] = e.allTouches;\n      const start = pinchStart.current;\n      const focalX = (a.x + b.x) * 0.5;\n      const focalY = (a.y + b.y) * 0.5;\n\n      // Per-frame factor = current cumulative ratio / previous. Floor the\n      // current span at MIN_SPAN so a near-zero span (fingers crossing on that\n      // axis) can't blow the ratio up.\n      let frameX = 1;\n      if (start.enableX) {\n        const ratioX = Math.max(Math.abs(a.x - b.x), MIN_SPAN) / start.spanX;\n        frameX = ratioX / start.ratioX;\n        start.ratioX = ratioX;\n      }\n      let frameY = 1;\n      if (start.enableY) {\n        const ratioY = Math.max(Math.abs(a.y - b.y), MIN_SPAN) / start.spanY;\n        frameY = ratioY / start.ratioY;\n        start.ratioY = ratioY;\n      }\n      if (frameX === 1 && frameY === 1) return;\n\n      const next = handle.zoom(frameX, frameY, focalX, focalY);\n      if (next) pictureSV.value = next;\n      maybeStartAnim();\n    });\n\n  // Long press shows the crosshair at the press point. A stationary hold never\n  // activates `pan` (it needs movement first), so the chart won't scroll under\n  // the hold. The dot/horizontal line are lifted above the fingertip.\n  const longPress = Gesture.LongPress()\n    .runOnJS(true)\n    .onStart((e) => {\n      if (!handle) return;\n      // A long press on an axis strip controls the axis, never the crosshair.\n      if (hitAxis(e.x, e.y) !== 'chart') return;\n      cancelDecay();\n      crosshairActive.current = true;\n      const ch = handle.setCrosshair(e.x, e.y - crosshairOffset);\n      if (ch) pictureSV.value = ch;\n      const info = handle.getCrosshairInfo();\n      lastCrosshairTime.current = info?.timeMs ?? null;\n      onCrosshair?.({\n        active: true,\n        candle: info?.candle ?? null,\n        timeMs: info?.timeMs ?? null,\n        reason: 'show',\n      });\n    });\n\n  // A tap dismisses the crosshair while it's up; otherwise it's a no-op (so it\n  // never interferes with normal pan/pinch).\n  const tap = Gesture.Tap()\n    .runOnJS(true)\n    .onStart((e) => {\n      if (!handle || !crosshairActive.current) return;\n      // A tap on an axis strip controls the axis, never dismisses the crosshair.\n      if (hitAxis(e.x, e.y) !== 'chart') return;\n      crosshairActive.current = false;\n      const ch = handle.clearCrosshair();\n      if (ch) pictureSV.value = ch;\n      lastCrosshairTime.current = null;\n      onCrosshair?.({ active: false, candle: null, timeMs: null, reason: 'hide' });\n    });\n\n  const gesture = Gesture.Simultaneous(pan, pinch, longPress, tap);\n\n  return (\n    <GestureHandlerRootView\n      onLayout={onLayout}\n      style={[\n        { width: widthProp, height: heightProp },\n        widthProp == null && heightProp == null ? { flex: 1 } : null,\n        style,\n      ]}\n    >\n      <GestureDetector gesture={gesture}>\n        <View style={{ flex: 1 }}>\n          <Canvas style={{ flex: 1 }}>\n            {width > 0 && height > 0 ? (\n              // pictureSV is always a valid picture (seeded empty, never null),\n              // so RN-Skia's UI-thread reader never sees null.\n              <Picture picture={pictureSV} />\n            ) : null}\n          </Canvas>\n        </View>\n      </GestureDetector>\n    </GestureHandlerRootView>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport type { SkPicture } from '@shopify/react-native-skia';\n\nimport NativeVroomChart from './NativeVroomChart';\nimport type { ChartHandle } from './jsi.d';\nimport { packCandles } from './packCandles';\nimport { applyTheme, parseColor } from './theme';\nimport type {\n  Candle,\n  MACDConfig,\n  MovingAverageOverlay,\n  RSIConfig,\n  VisibleRange,\n  VroomTheme,\n  VWAPConfig,\n} from './types';\n\n// Mirrors vroom::ma::Source order in packages/core/src/ma.h.\nconst MA_SOURCES = [\n  'close',\n  'open',\n  'high',\n  'low',\n  'hl2',\n  'hlc3',\n  'ohlc4',\n] as const;\n\nfunction overlayToNumeric(o: MovingAverageOverlay) {\n  const srcIdx = o.source ? MA_SOURCES.indexOf(o.source) : 0;\n  return {\n    kind: o.kind === 'ema' ? 1 : 0,\n    period: o.length,\n    source: srcIdx < 0 ? 0 : srcIdx,\n    color: (o.color != null ? parseColor(o.color) : null) ?? 0xff2962ff,\n    width: o.width ?? 1.5,\n  };\n}\n\nlet installed = false;\nfunction ensureInstalled(): void {\n  if (installed) return;\n  const ok = NativeVroomChart.install();\n  if (!ok) throw new Error('VroomChartModule.install() returned false');\n  if (typeof globalThis.VroomChartJSI === 'undefined') {\n    throw new Error('global.VroomChartJSI undefined after install()');\n  }\n  installed = true;\n}\n\nexport type ChartCoreState = {\n  handle: ChartHandle | null;\n  /** Picture freshly rendered after the latest data/size/range push. */\n  picture: SkPicture | null;\n};\n\n// Owns a ChartHandle and produces an \"initial\" picture whenever data, size,\n// or the externally-controlled visible range changes. Gesture-driven updates\n// happen outside this hook by calling handle.pan(...) directly and assigning\n// the result into a SharedValue.\nexport function useChartCore(\n  candles: Candle[],\n  size: { width: number; height: number; pxRatio?: number },\n  visibleRange?: VisibleRange,\n  theme?: VroomTheme,\n  rsi?: RSIConfig,\n  macd?: MACDConfig,\n  movingAverages?: MovingAverageOverlay[],\n  vwap?: VWAPConfig,\n): ChartCoreState {\n  const handleRef = useRef<ChartHandle | null>(null);\n  const [picture, setPicture] = useState<SkPicture | null>(null);\n\n  if (!handleRef.current && size.width > 0 && size.height > 0) {\n    ensureInstalled();\n    handleRef.current = globalThis.VroomChartJSI!.create();\n  }\n\n  // When no visibleRange is provided, leave the range entirely to the C++\n  // side (which defaults to a sensible recent window on first setCandles).\n  // Only push setVisibleRange when the caller is actively controlling it,\n  // so it doesn't clobber the default or fight gesture-driven pans.\n  const explicit = visibleRange != null;\n  const startMs = visibleRange?.startMs ?? 0;\n  const endMs = visibleRange?.endMs ?? 0;\n\n  // Stable deps so inline `theme={{...}}` / `rsi={{...}}` literals don't re-run\n  // the effect every render — only when the actual values change.\n  const themeKey = theme ? JSON.stringify(theme) : '';\n  const rsiKey = rsi ? JSON.stringify(rsi) : '';\n  const macdKey = macd ? JSON.stringify(macd) : '';\n  const maKey = movingAverages ? JSON.stringify(movingAverages) : '';\n  const vwapKey = vwap ? JSON.stringify(vwap) : '';\n\n  useEffect(() => {\n    const h = handleRef.current;\n    if (!h) return;\n    h.setSize(size.width, size.height, size.pxRatio ?? 1);\n    if (candles.length > 0) {\n      h.setCandles(packCandles(candles));\n    }\n    if (explicit) {\n      h.setVisibleRange(startMs, endMs);\n    }\n    if (theme) {\n      applyTheme(h, theme);\n    }\n    h.setRSI(\n      rsi?.enabled ?? false,\n      rsi?.period ?? 14,\n      rsi?.upperBand ?? 70,\n      rsi?.lowerBand ?? 30,\n      rsi?.maEnabled ?? true,\n      rsi?.maPeriod ?? 14,\n    );\n    h.setMACD(\n      macd?.enabled ?? false,\n      macd?.fast ?? 12,\n      macd?.slow ?? 26,\n      macd?.signal ?? 9,\n    );\n    h.setOverlays((movingAverages ?? []).map(overlayToNumeric));\n    h.setVWAP(\n      vwap?.enabled ?? false,\n      vwap?.resetMinutes ?? 0,\n      (vwap?.color != null ? parseColor(vwap.color) : null) ?? 0xff00bcd4,\n      vwap?.width ?? 1.5,\n    );\n    setPicture(h.render());\n    // theme/rsi/macd/movingAverages/vwap are represented by their *Key deps.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [candles, size.width, size.height, size.pxRatio, explicit, startMs, endMs, themeKey, rsiKey, macdKey, maKey, vwapKey]);\n\n  return { handle: handleRef.current, picture };\n}\n","import type { TurboModule } from 'react-native';\nimport { TurboModuleRegistry } from 'react-native';\n\n// TurboModule spec consumed by codegen. The only method is `install`, which\n// the native side uses to install the `global.VroomChartJSI` host object the\n// first time it's called from JS. All real chart operations go through that\n// host object, not through the TurboModule itself.\nexport interface Spec extends TurboModule {\n  install(): boolean;\n}\n\nexport default TurboModuleRegistry.getEnforcing<Spec>('VroomChartModule');\n","import type { Candle } from './types';\n\n// Wire format must match `VroomCandle` in packages/core/include/vroom/vroom_chart.h:\n//   int64_t time_ms;  double open, high, low, close, volume;\n// = 48 bytes per candle, 8-byte aligned, little-endian on iOS/Android.\nexport const BYTES_PER_CANDLE = 48;\n\n// Serializes candles into the packed little-endian buffer the C++ core expects.\n// Pure (no native/Skia deps) so it can be unit-tested in isolation.\nexport function packCandles(candles: Candle[]): ArrayBuffer {\n  const buf = new ArrayBuffer(candles.length * BYTES_PER_CANDLE);\n  const view = new DataView(buf);\n  for (let i = 0; i < candles.length; i++) {\n    const c = candles[i]!;\n    const off = i * BYTES_PER_CANDLE;\n    view.setBigInt64(off, BigInt(c.timeMs), true);\n    view.setFloat64(off + 8, c.open, true);\n    view.setFloat64(off + 16, c.high, true);\n    view.setFloat64(off + 24, c.low, true);\n    view.setFloat64(off + 32, c.close, true);\n    view.setFloat64(off + 40, c.volume, true);\n  }\n  return buf;\n}\n","import type { ChartHandle } from './jsi.d';\nimport type { VroomColor, VroomTheme } from './types';\n\n// Maps each VroomTheme field to its VroomColorKey index in the C++ enum\n// (packages/core/include/vroom/vroom_chart.h). Keep in sync with that enum;\n// new keys are appended there so existing indices never shift.\nexport const COLOR_KEYS: Record<keyof VroomTheme, number> = {\n  background: 0, // VROOM_COLOR_BACKGROUND\n  bull: 1, // VROOM_COLOR_BULL\n  bear: 2, // VROOM_COLOR_BEAR\n  grid: 4, // VROOM_COLOR_GRID\n  axisText: 5, // VROOM_COLOR_AXIS_TEXT\n  crosshair: 6, // VROOM_COLOR_CROSSHAIR\n  crosshairTarget: 9, // VROOM_COLOR_CROSSHAIR_TARGET\n};\n\n// Parses a color into a packed 0xAARRGGBB integer (Skia's ARGB order).\n//   - number → taken as already-packed ARGB\n//   - '#rgb'-style 6-digit hex → opaque (alpha forced to ff)\n//   - 8-digit hex → interpreted as AARRGGBB\n// Returns null for anything malformed so the caller can skip it.\nexport function parseColor(value: VroomColor): number | null {\n  if (typeof value === 'number') {\n    return Number.isFinite(value) ? value >>> 0 : null;\n  }\n  let s = value.trim();\n  if (s.startsWith('#')) s = s.slice(1);\n  if (s.length === 6) s = `ff${s}`; // assume opaque\n  if (s.length !== 8 || !/^[0-9a-fA-F]{8}$/.test(s)) return null;\n  return parseInt(s, 16) >>> 0;\n}\n\n// Pushes every provided theme color into the chart core via handle.setColor.\n// Unspecified or unparseable colors are skipped (they keep their default).\nexport function applyTheme(handle: ChartHandle, theme: VroomTheme): void {\n  (Object.keys(COLOR_KEYS) as (keyof VroomTheme)[]).forEach((field) => {\n    const value = theme[field];\n    if (value == null) return;\n    const argb = parseColor(value);\n    if (argb == null) return;\n    handle.setColor(COLOR_KEYS[field], argb);\n  });\n}\n"],"mappings":"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","names":["useEffect","useRef","useState","useState","useRef","useEffect"]}
+{"version":3,"sources":["../src/VroomChart.tsx","../src/useChartCore.ts","../src/NativeVroomChart.ts","../src/packCandles.ts","../src/theme.ts"],"sourcesContent":["// VroomChart — Phase 3.\n//\n// Owns a SharedValue<SkPicture> driven by:\n//   - useChartCore's \"initial\" picture (when data/size/range change), AND\n//   - Pan gesture callbacks that call handle.pan(dx, dy) → fresh picture.\n//\n// Reanimated 4 + RN-Skia 2 propagate SharedValue<SkPicture> changes to\n// <Picture> without a React re-render, so gesture-driven redraws are cheap.\n//\n// Gestures run on the JS thread for now (`runOnJS(true)`) — installing the\n// JSI bindings on the worklet runtime is a later perf optimization.\n\nimport React, { useEffect, useRef, useCallback, useState, useMemo } from 'react';\nimport { View, type LayoutChangeEvent } from 'react-native';\nimport { Canvas, Picture, Skia, type SkPicture } from '@shopify/react-native-skia';\nimport {\n  Gesture,\n  GestureDetector,\n  GestureHandlerRootView,\n} from 'react-native-gesture-handler';\nimport { useSharedValue } from 'react-native-reanimated';\n\nimport { useChartCore } from './useChartCore';\nimport type { VroomChartProps } from './types';\nimport './jsi.d';\n\n/**\n * Skia-rendered candlestick chart. Pass OHLCV `candles` and size it via `style`\n * (it fills its parent by default). Pan to scroll, pinch to zoom, drag the\n * price/time axes to rescale, and long-press for the crosshair. Optional\n * indicators (`rsi`, `macd`, `movingAverages`, `vwap`), colors (`theme`), and\n * events (`onCrosshair`, `onViewportChange`) are configured through props.\n *\n * @see {@link VroomChartProps} for the full prop reference.\n */\nexport function VroomChart(props: VroomChartProps) {\n  const {\n    candles,\n    width: widthProp,\n    height: heightProp,\n    style,\n    visibleRange,\n    theme,\n    rsi,\n    macd,\n    movingAverages,\n    vwap,\n    crosshairOffset = 40,\n    onCrosshair,\n    onViewportChange,\n  } = props;\n\n  // Fill the parent by default: measure via onLayout. Explicit width/height\n  // props (if given) win per-axis. Until the first layout, dims are 0 and we\n  // render nothing (one frame).\n  const [measured, setMeasured] = useState({ width: 0, height: 0 });\n  const width = widthProp ?? measured.width;\n  const height = heightProp ?? measured.height;\n\n  const onLayout = useCallback((e: LayoutChangeEvent) => {\n    const w = Math.round(e.nativeEvent.layout.width);\n    const h = Math.round(e.nativeEvent.layout.height);\n    setMeasured((prev) =>\n      prev.width === w && prev.height === h ? prev : { width: w, height: h },\n    );\n  }, []);\n\n  const { handle, picture } = useChartCore(\n    candles,\n    { width, height },\n    visibleRange,\n    theme,\n    rsi,\n    macd,\n    movingAverages,\n    vwap,\n  );\n\n  // RN-Skia's recorder reads this SharedValue on the UI/render runtime, a beat\n  // behind JS-thread writes. If it ever reads null it throws (\"Invalid prop\n  // value for SkTextBlob received\" — RN-Skia's mislabeled SkPicture error), so\n  // we seed it with an empty picture and *never* assign null into it.\n  const emptyPicture = useMemo(() => {\n    const rec = Skia.PictureRecorder();\n    rec.beginRecording(Skia.XYWHRect(0, 0, 1, 1));\n    return rec.finishRecordingAsPicture();\n  }, []);\n  const pictureSV = useSharedValue<SkPicture>(emptyPicture);\n\n  // When the crosshair is showing, pan moves it (instead of scrolling) and\n  // pinch is disabled. A ref (not state) so gesture callbacks read it\n  // synchronously without re-subscribing. Tap dismisses it.\n  const crosshairActive = useRef(false);\n\n  // timeMs of the candle last reported through onCrosshair, so a drag fires a\n  // 'move' event only when it crosses into a *different* candle (one per\n  // candle, not per frame). Null while the crosshair is hidden.\n  const lastCrosshairTime = useRef<number | null>(null);\n\n  // Sync the initial picture from useChartCore into the SV whenever it\n  // refreshes (data load, size change, externally-controlled range change).\n  // Only ever assign a non-null picture (see emptyPicture note above).\n  useEffect(() => {\n    if (picture) pictureSV.value = picture;\n  }, [picture, pictureSV]);\n\n  // Momentum scroll. After Pan ends with non-trivial velocity, we run a RAF\n  // loop that calls handle.pan(dx, 0) each frame with an exponentially\n  // decaying velocity. A new pan (or unmount) cancels the loop.\n  const decayRaf = useRef<number | null>(null);\n  const cancelDecay = useCallback(() => {\n    if (decayRaf.current != null) {\n      cancelAnimationFrame(decayRaf.current);\n      decayRaf.current = null;\n    }\n  }, []);\n  useEffect(() => cancelDecay, [cancelDecay]);\n\n  // Axis-label fade animation loop. When a gesture changes which labels are\n  // active, the C++ side starts ramping their opacities. We keep calling\n  // render() on every frame until handle.isAnimating() returns false. The\n  // loop is started by gesture callbacks (and the momentum tick) after they\n  // update the picture, and self-stops when fades settle.\n  const animRaf = useRef<number | null>(null);\n  const animTick = useCallback(() => {\n    animRaf.current = null;\n    if (!handle) return;\n    const next = handle.render();\n    if (next) pictureSV.value = next;\n    if (handle.isAnimating()) {\n      animRaf.current = requestAnimationFrame(animTick);\n    }\n  }, [handle, pictureSV]);\n  const maybeStartAnim = useCallback(() => {\n    if (animRaf.current != null) return;\n    if (!handle?.isAnimating()) return;\n    animRaf.current = requestAnimationFrame(animTick);\n  }, [handle, animTick]);\n  useEffect(() => {\n    return () => {\n      if (animRaf.current != null) {\n        cancelAnimationFrame(animRaf.current);\n        animRaf.current = null;\n      }\n    };\n  }, []);\n\n  // Classifies a touch point into the candle area vs. an axis strip. Axis\n  // strips always own their gesture (scale price/time) and take priority over\n  // the crosshair: an axis touch never opens, moves, or dismisses it.\n  const hitAxis = useCallback(\n    (x: number, y: number): 'chart' | 'price-axis' | 'time-axis' | 'indicator' => {\n      if (!handle) return 'chart';\n      const { yAxisWidth, xAxisHeight, indicatorHeight } =\n        handle.getAxisMetrics();\n      if (x > width - yAxisWidth) return 'price-axis';\n      if (y > height - xAxisHeight) return 'time-axis';\n      // The indicator pane sits just above the time-axis strip. A drag here\n      // scrolls the candles horizontally (no vertical price change).\n      if (indicatorHeight > 0 && y > height - xAxisHeight - indicatorHeight) {\n        return 'indicator';\n      }\n      return 'chart';\n    },\n    [handle, width, height],\n  );\n\n  // Pan routes to different C++ mutators depending on where it started: the\n  // candle area (chart scroll / crosshair move), the y-axis strip (price\n  // scale), the x-axis strip (time scale), or the indicator pane (horizontal\n  // scroll only). We classify on onStart.\n  const panMode = useRef<'chart' | 'price-axis' | 'time-axis' | 'indicator'>(\n    'chart',\n  );\n\n  const pan = Gesture.Pan()\n    .runOnJS(true)\n    .maxPointers(1)  // don't fight Pinch's two-finger gesture\n    .onStart((e) => {\n      cancelDecay();\n      // Always classify — an axis drag controls the axis even while the\n      // crosshair is up. Only a chart-area drag interacts with the crosshair.\n      panMode.current = hitAxis(e.x, e.y);\n    })\n    .onChange((e) => {\n      if (!handle) return;\n      let next: ReturnType<typeof handle.pan> = null;\n      if (panMode.current === 'price-axis') {\n        next = handle.scalePriceAxis(e.changeY);\n      } else if (panMode.current === 'time-axis') {\n        next = handle.scaleTimeAxis(e.changeX);\n      } else if (panMode.current === 'indicator') {\n        // Drag in an indicator pane scrolls the candles horizontally only —\n        // no vertical price slide (the pane's scale is fixed).\n        next = handle.pan(e.changeX, 0);\n      } else if (crosshairActive.current) {\n        // Chart area + crosshair up → the drag moves the crosshair instead of\n        // scrolling. Vertical line tracks the finger x; the dot/horizontal line\n        // stay lifted `crosshairOffset` px above the fingertip.\n        const ch = handle.setCrosshair(e.x, e.y - crosshairOffset);\n        if (ch) pictureSV.value = ch;\n        // The line follows the finger every frame (above), but only notify the\n        // host when the snapped slot actually changes. The slot has a timeMs\n        // even in the empty space ahead of the last candle, where candle=null.\n        const info = handle.getCrosshairInfo();\n        const t = info?.timeMs ?? null;\n        if (t !== lastCrosshairTime.current) {\n          lastCrosshairTime.current = t;\n          onCrosshair?.({ active: true, candle: info?.candle ?? null, timeMs: t, reason: 'move' });\n        }\n        return;\n      } else {\n        // Chart area: 1-finger drag translates both axes. Horizontal\n        // component scrolls time, vertical component slides price bounds\n        // (axes follow). Diagonal works naturally.\n        next = handle.translate(e.changeX, e.changeY);\n      }\n      if (next) pictureSV.value = next;\n      maybeStartAnim();\n    })\n    .onEnd((e) => {\n      if (!handle) return;\n      // A chart-area drag with the crosshair up just moved the crosshair —\n      // nothing about the viewport changed, and no momentum.\n      if (panMode.current === 'chart' && crosshairActive.current) return;\n      onViewportChange?.(0, 0);\n\n      // Axis drags don't get momentum — they're a precise size adjustment.\n      // Chart and indicator-pane drags both get horizontal fling momentum.\n      if (panMode.current !== 'chart' && panMode.current !== 'indicator') return;\n\n      let velocity = e.velocityX;  // px/s\n      const MIN_LAUNCH = 80;       // ignore tiny flicks\n      const MIN_STOP = 8;          // px/s — stop threshold\n      const HALF_LIFE_S = 0.35;    // velocity halves every 0.35s\n      if (Math.abs(velocity) < MIN_LAUNCH) return;\n\n      let lastTime = performance.now();\n      const tick = () => {\n        const now = performance.now();\n        const dt = (now - lastTime) / 1000;\n        lastTime = now;\n\n        // Frame-time-independent exponential decay.\n        velocity *= Math.pow(0.5, dt / HALF_LIFE_S);\n        const dx = velocity * dt;\n        const next = handle.pan(dx, 0);\n        if (next) pictureSV.value = next;\n        maybeStartAnim();\n\n        if (Math.abs(velocity) > MIN_STOP) {\n          decayRaf.current = requestAnimationFrame(tick);\n        } else {\n          decayRaf.current = null;\n        }\n      };\n      decayRaf.current = requestAnimationFrame(tick);\n    });\n\n  // Directional pinch. A single Pinch scale is uniform, so we read the two\n  // touch points and track their horizontal/vertical spans independently: a\n  // vertical pinch scales price (y), a horizontal pinch scales the time window\n  // (x), and a diagonal pinch does both. An axis whose initial span is tiny\n  // (fingers ~collinear on that axis) is left alone.\n  // Lock the scalable axes at gesture start by orientation: an axis only\n  // scales if its initial span is meaningful AND at least AXIS_RATIO of the\n  // other axis. This keeps a vertical pinch from ever touching x (and vice\n  // versa) — critical because during a vertical pinch the fingers' x-coords\n  // drift and cross, sending spanX through ~0 and otherwise exploding frameX.\n  const MIN_SPAN = 24;     // px — minimum span for an axis to scale at all\n  const AXIS_RATIO = 0.5;  // axis scales only if its span ≥ this × the other's\n  const pinchStart = useRef({\n    spanX: 1,\n    spanY: 1,\n    ratioX: 1,\n    ratioY: 1,\n    enableX: false,\n    enableY: false,\n  });\n  const pinch = Gesture.Pinch()\n    .runOnJS(true)\n    .onTouchesDown((e) => {\n      if (e.numberOfTouches < 2) return;\n      const [a, b] = e.allTouches;\n      const spanX = Math.abs(a.x - b.x);\n      const spanY = Math.abs(a.y - b.y);\n      pinchStart.current = {\n        spanX,\n        spanY,\n        ratioX: 1,\n        ratioY: 1,\n        enableX: spanX >= MIN_SPAN && spanX >= spanY * AXIS_RATIO,\n        enableY: spanY >= MIN_SPAN && spanY >= spanX * AXIS_RATIO,\n      };\n    })\n    .onTouchesMove((e) => {\n      if (!handle || crosshairActive.current) return;\n      if (e.numberOfTouches < 2) return;\n      const [a, b] = e.allTouches;\n      const start = pinchStart.current;\n      const focalX = (a.x + b.x) * 0.5;\n      const focalY = (a.y + b.y) * 0.5;\n\n      // Per-frame factor = current cumulative ratio / previous. Floor the\n      // current span at MIN_SPAN so a near-zero span (fingers crossing on that\n      // axis) can't blow the ratio up.\n      let frameX = 1;\n      if (start.enableX) {\n        const ratioX = Math.max(Math.abs(a.x - b.x), MIN_SPAN) / start.spanX;\n        frameX = ratioX / start.ratioX;\n        start.ratioX = ratioX;\n      }\n      let frameY = 1;\n      if (start.enableY) {\n        const ratioY = Math.max(Math.abs(a.y - b.y), MIN_SPAN) / start.spanY;\n        frameY = ratioY / start.ratioY;\n        start.ratioY = ratioY;\n      }\n      if (frameX === 1 && frameY === 1) return;\n\n      const next = handle.zoom(frameX, frameY, focalX, focalY);\n      if (next) pictureSV.value = next;\n      maybeStartAnim();\n    });\n\n  // Long press shows the crosshair at the press point. A stationary hold never\n  // activates `pan` (it needs movement first), so the chart won't scroll under\n  // the hold. The dot/horizontal line are lifted above the fingertip.\n  const longPress = Gesture.LongPress()\n    .runOnJS(true)\n    .onStart((e) => {\n      if (!handle) return;\n      // A long press on an axis strip controls the axis, never the crosshair.\n      if (hitAxis(e.x, e.y) !== 'chart') return;\n      cancelDecay();\n      crosshairActive.current = true;\n      const ch = handle.setCrosshair(e.x, e.y - crosshairOffset);\n      if (ch) pictureSV.value = ch;\n      const info = handle.getCrosshairInfo();\n      lastCrosshairTime.current = info?.timeMs ?? null;\n      onCrosshair?.({\n        active: true,\n        candle: info?.candle ?? null,\n        timeMs: info?.timeMs ?? null,\n        reason: 'show',\n      });\n    });\n\n  // A tap dismisses the crosshair while it's up; otherwise it's a no-op (so it\n  // never interferes with normal pan/pinch).\n  const tap = Gesture.Tap()\n    .runOnJS(true)\n    .onStart((e) => {\n      if (!handle || !crosshairActive.current) return;\n      // A tap on an axis strip controls the axis, never dismisses the crosshair.\n      if (hitAxis(e.x, e.y) !== 'chart') return;\n      crosshairActive.current = false;\n      const ch = handle.clearCrosshair();\n      if (ch) pictureSV.value = ch;\n      lastCrosshairTime.current = null;\n      onCrosshair?.({ active: false, candle: null, timeMs: null, reason: 'hide' });\n    });\n\n  const gesture = Gesture.Simultaneous(pan, pinch, longPress, tap);\n\n  return (\n    <GestureHandlerRootView\n      onLayout={onLayout}\n      style={[\n        { width: widthProp, height: heightProp },\n        widthProp == null && heightProp == null ? { flex: 1 } : null,\n        style,\n      ]}\n    >\n      <GestureDetector gesture={gesture}>\n        <View style={{ flex: 1 }}>\n          <Canvas style={{ flex: 1 }}>\n            {width > 0 && height > 0 ? (\n              // pictureSV is always a valid picture (seeded empty, never null),\n              // so RN-Skia's UI-thread reader never sees null.\n              <Picture picture={pictureSV} />\n            ) : null}\n          </Canvas>\n        </View>\n      </GestureDetector>\n    </GestureHandlerRootView>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport type { SkPicture } from '@shopify/react-native-skia';\n\nimport NativeVroomChart from './NativeVroomChart';\nimport type { ChartHandle } from './jsi.d';\nimport { packCandles } from './packCandles';\nimport { applyTheme, parseColor } from './theme';\nimport type {\n  Candle,\n  MACDConfig,\n  MovingAverageOverlay,\n  RSIConfig,\n  VisibleRange,\n  VroomTheme,\n  VWAPConfig,\n} from './types';\n\n// Mirrors vroom::ma::Source order in packages/core/src/ma.h.\nconst MA_SOURCES = [\n  'close',\n  'open',\n  'high',\n  'low',\n  'hl2',\n  'hlc3',\n  'ohlc4',\n] as const;\n\nfunction overlayToNumeric(o: MovingAverageOverlay) {\n  const srcIdx = o.source ? MA_SOURCES.indexOf(o.source) : 0;\n  return {\n    kind: o.kind === 'ema' ? 1 : 0,\n    period: o.length,\n    source: srcIdx < 0 ? 0 : srcIdx,\n    color: (o.color != null ? parseColor(o.color) : null) ?? 0xff2962ff,\n    width: o.width ?? 1.5,\n  };\n}\n\nlet installed = false;\nfunction ensureInstalled(): void {\n  if (installed) return;\n  const ok = NativeVroomChart.install();\n  if (!ok) throw new Error('VroomChartModule.install() returned false');\n  if (typeof globalThis.VroomChartJSI === 'undefined') {\n    throw new Error('global.VroomChartJSI undefined after install()');\n  }\n  installed = true;\n}\n\nexport type ChartCoreState = {\n  handle: ChartHandle | null;\n  /** Picture freshly rendered after the latest data/size/range push. */\n  picture: SkPicture | null;\n};\n\n// Owns a ChartHandle and produces an \"initial\" picture whenever data, size,\n// or the externally-controlled visible range changes. Gesture-driven updates\n// happen outside this hook by calling handle.pan(...) directly and assigning\n// the result into a SharedValue.\nexport function useChartCore(\n  candles: Candle[],\n  size: { width: number; height: number; pxRatio?: number },\n  visibleRange?: VisibleRange,\n  theme?: VroomTheme,\n  rsi?: RSIConfig,\n  macd?: MACDConfig,\n  movingAverages?: MovingAverageOverlay[],\n  vwap?: VWAPConfig,\n): ChartCoreState {\n  const handleRef = useRef<ChartHandle | null>(null);\n  const [picture, setPicture] = useState<SkPicture | null>(null);\n\n  if (!handleRef.current && size.width > 0 && size.height > 0) {\n    ensureInstalled();\n    handleRef.current = globalThis.VroomChartJSI!.create();\n  }\n\n  // When no visibleRange is provided, leave the range entirely to the C++\n  // side (which defaults to a sensible recent window on first setCandles).\n  // Only push setVisibleRange when the caller is actively controlling it,\n  // so it doesn't clobber the default or fight gesture-driven pans.\n  const explicit = visibleRange != null;\n  const startMs = visibleRange?.startMs ?? 0;\n  const endMs = visibleRange?.endMs ?? 0;\n\n  // Stable deps so inline `theme={{...}}` / `rsi={{...}}` literals don't re-run\n  // the effect every render — only when the actual values change.\n  const themeKey = theme ? JSON.stringify(theme) : '';\n  const rsiKey = rsi ? JSON.stringify(rsi) : '';\n  const macdKey = macd ? JSON.stringify(macd) : '';\n  const maKey = movingAverages ? JSON.stringify(movingAverages) : '';\n  const vwapKey = vwap ? JSON.stringify(vwap) : '';\n\n  useEffect(() => {\n    const h = handleRef.current;\n    if (!h) return;\n    h.setSize(size.width, size.height, size.pxRatio ?? 1);\n    if (candles.length > 0) {\n      h.setCandles(packCandles(candles));\n    }\n    if (explicit) {\n      h.setVisibleRange(startMs, endMs);\n    }\n    if (theme) {\n      applyTheme(h, theme);\n    }\n    h.setRSI(\n      rsi?.enabled ?? false,\n      rsi?.period ?? 14,\n      rsi?.upperBand ?? 70,\n      rsi?.lowerBand ?? 30,\n      rsi?.maEnabled ?? true,\n      rsi?.maPeriod ?? 14,\n    );\n    h.setMACD(\n      macd?.enabled ?? false,\n      macd?.fast ?? 12,\n      macd?.slow ?? 26,\n      macd?.signal ?? 9,\n    );\n    h.setOverlays((movingAverages ?? []).map(overlayToNumeric));\n    h.setVWAP(\n      vwap?.enabled ?? false,\n      vwap?.resetMinutes ?? 0,\n      (vwap?.color != null ? parseColor(vwap.color) : null) ?? 0xff00bcd4,\n      vwap?.width ?? 1.5,\n    );\n    setPicture(h.render());\n    // theme/rsi/macd/movingAverages/vwap are represented by their *Key deps.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [candles, size.width, size.height, size.pxRatio, explicit, startMs, endMs, themeKey, rsiKey, macdKey, maKey, vwapKey]);\n\n  return { handle: handleRef.current, picture };\n}\n","import type { TurboModule } from 'react-native';\nimport { TurboModuleRegistry } from 'react-native';\n\n// TurboModule spec consumed by codegen. The only method is `install`, which\n// the native side uses to install the `global.VroomChartJSI` host object the\n// first time it's called from JS. All real chart operations go through that\n// host object, not through the TurboModule itself.\nexport interface Spec extends TurboModule {\n  install(): boolean;\n}\n\nexport default TurboModuleRegistry.getEnforcing<Spec>('VroomChartModule');\n","import type { Candle } from './types';\n\n// Wire format must match `VroomCandle` in packages/core/include/vroom/vroom_chart.h:\n//   int64_t time_ms;  double open, high, low, close, volume;\n// = 48 bytes per candle, 8-byte aligned, little-endian on iOS/Android.\nexport const BYTES_PER_CANDLE = 48;\n\n// Serializes candles into the packed little-endian buffer the C++ core expects.\n// Pure (no native/Skia deps) so it can be unit-tested in isolation.\nexport function packCandles(candles: Candle[]): ArrayBuffer {\n  const buf = new ArrayBuffer(candles.length * BYTES_PER_CANDLE);\n  const view = new DataView(buf);\n  for (let i = 0; i < candles.length; i++) {\n    const c = candles[i]!;\n    const off = i * BYTES_PER_CANDLE;\n    view.setBigInt64(off, BigInt(c.timeMs), true);\n    view.setFloat64(off + 8, c.open, true);\n    view.setFloat64(off + 16, c.high, true);\n    view.setFloat64(off + 24, c.low, true);\n    view.setFloat64(off + 32, c.close, true);\n    view.setFloat64(off + 40, c.volume, true);\n  }\n  return buf;\n}\n","import type { ChartHandle } from './jsi.d';\nimport type { VroomColor, VroomTheme } from './types';\n\n// Maps each VroomTheme field to its VroomColorKey index in the C++ enum\n// (packages/core/include/vroom/vroom_chart.h). Keep in sync with that enum;\n// new keys are appended there so existing indices never shift.\nexport const COLOR_KEYS: Record<keyof VroomTheme, number> = {\n  background: 0, // VROOM_COLOR_BACKGROUND\n  bull: 1, // VROOM_COLOR_BULL\n  bear: 2, // VROOM_COLOR_BEAR\n  grid: 4, // VROOM_COLOR_GRID\n  axisText: 5, // VROOM_COLOR_AXIS_TEXT\n  crosshair: 6, // VROOM_COLOR_CROSSHAIR\n  crosshairTarget: 9, // VROOM_COLOR_CROSSHAIR_TARGET\n  borderBull: 10, // VROOM_COLOR_BORDER_BULL\n  borderBear: 11, // VROOM_COLOR_BORDER_BEAR\n  wickBull: 12, // VROOM_COLOR_WICK_BULL\n  wickBear: 13, // VROOM_COLOR_WICK_BEAR\n  accentBull: 14, // VROOM_COLOR_ACCENT_BULL\n  accentBear: 15, // VROOM_COLOR_ACCENT_BEAR\n};\n\n// Parses a color into a packed 0xAARRGGBB integer (Skia's ARGB order).\n//   - number → taken as already-packed ARGB\n//   - '#rgb'-style 6-digit hex → opaque (alpha forced to ff)\n//   - 8-digit hex → interpreted as AARRGGBB\n// Returns null for anything malformed so the caller can skip it.\nexport function parseColor(value: VroomColor): number | null {\n  if (typeof value === 'number') {\n    return Number.isFinite(value) ? value >>> 0 : null;\n  }\n  let s = value.trim();\n  if (s.startsWith('#')) s = s.slice(1);\n  if (s.length === 6) s = `ff${s}`; // assume opaque\n  if (s.length !== 8 || !/^[0-9a-fA-F]{8}$/.test(s)) return null;\n  return parseInt(s, 16) >>> 0;\n}\n\n// Pushes every provided theme color into the chart core via handle.setColor.\n// Unspecified or unparseable colors are skipped (they keep their default).\nexport function applyTheme(handle: ChartHandle, theme: VroomTheme): void {\n  (Object.keys(COLOR_KEYS) as (keyof VroomTheme)[]).forEach((field) => {\n    const value = theme[field];\n    if (value == null) return;\n    const argb = parseColor(value);\n    if (argb == null) return;\n    handle.setColor(COLOR_KEYS[field], argb);\n  });\n}\n"],"mappings":"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","names":["useEffect","useRef","useState","useState","useRef","useEffect"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-vroom-chart",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Mobile-first Skia candlestick chart for React Native",
   "license": "MIT",
   "author": "Darion Welch",

package/src/theme.ts

@@ -12,6 +12,12 @@ export const COLOR_KEYS: Record<keyof VroomTheme, number> = {
   axisText: 5, // VROOM_COLOR_AXIS_TEXT
   crosshair: 6, // VROOM_COLOR_CROSSHAIR
   crosshairTarget: 9, // VROOM_COLOR_CROSSHAIR_TARGET
+  borderBull: 10, // VROOM_COLOR_BORDER_BULL
+  borderBear: 11, // VROOM_COLOR_BORDER_BEAR
+  wickBull: 12, // VROOM_COLOR_WICK_BULL
+  wickBear: 13, // VROOM_COLOR_WICK_BEAR
+  accentBull: 14, // VROOM_COLOR_ACCENT_BULL
+  accentBear: 15, // VROOM_COLOR_ACCENT_BEAR
 };
 
 // Parses a color into a packed 0xAARRGGBB integer (Skia's ARGB order).