@363045841yyt/klinechart-core 0.8.2 → 0.8.4

package/src/data-fetchers/types.ts

@@ -0,0 +1,27 @@
+import type { KLineData } from '../controllers/types'
+
+export type FetchConfig = {
+  symbol: string
+  startDate: string
+  endDate: string
+  period: string
+  adjust: string
+  exchange?: string
+}
+
+export type DataFetcherFn = (
+  source: string,
+  config: FetchConfig,
+) => Promise<ReadonlyArray<KLineData>>
+
+export interface DataFetcherDefinitionConfig {
+  name: string
+  displayName: string
+  description?: string
+  version?: string
+  capabilities?: string[]
+}
+
+export interface DataFetcherDefinition extends DataFetcherDefinitionConfig {
+  fetcher: DataFetcherFn
+}

package/src/engine/__tests__/chart.dpr.test.ts

@@ -1,6 +1,7 @@
 // @vitest-environment jsdom
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { afterEach, beforeEach, beforeAll, describe, expect, it, vi } from 'vitest'
 import { Chart, type ChartDom, type ChartOptions } from '@/core/chart'
+import { loadBuiltinIndicators } from '../indicators/registerBuiltins'
 
 class ResizeObserverMock {
   static instances: ResizeObserverMock[] = []
@@ -106,6 +107,10 @@ describe('Chart DPR pipeline', () => {
   const originalDevicePixelRatio = window.devicePixelRatio
   const originalGetContext = HTMLCanvasElement.prototype.getContext
 
+  beforeAll(async () => {
+    await loadBuiltinIndicators()
+  })
+
   beforeEach(() => {
     ResizeObserverMock.reset()
     globalThis.ResizeObserver = ResizeObserverMock as unknown as typeof ResizeObserver

package/src/engine/indicators/__tests__/chartIndicatorManager.test.ts

@@ -1,9 +1,14 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { describe, it, expect, vi, beforeAll, beforeEach } from 'vitest'
 import { ChartIndicatorManager, type IndicatorDependencies } from '../chartIndicatorManager'
 import { createPluginHost } from '../../../plugin/PluginHost'
 import { createSignal } from '../../../reactivity/signal'
 import type { VisibleRange } from '../../layout/pane'
 import { UpdateLevel } from '../../layout/pane'
+import { loadBuiltinIndicators } from '../registerBuiltins'
+
+beforeAll(async () => {
+  await loadBuiltinIndicators()
+})
 
 function createMockDeps() {
   const rendererMap = new Map<string, any>()

package/src/engine/indicators/__tests__/registerBuiltins.test.ts

@@ -1,6 +1,10 @@
-import { describe, expect, it, vi } from 'vitest'
+import { describe, expect, it, vi, beforeAll } from 'vitest'
 import { getRegisteredIndicatorDefinition } from '../indicatorDefinitionRegistry'
-import { getBuiltinIndicatorDefinitions } from '../registerBuiltins'
+import { getBuiltinIndicatorDefinitions, loadBuiltinIndicators } from '../registerBuiltins'
+
+beforeAll(async () => {
+  await loadBuiltinIndicators()
+})
 
 describe('builtin indicator registration', () => {
   it('loads all builtin indicator definitions through decorators', () => {

package/src/engine/indicators/__tests__/scheduler.test.ts

@@ -1,6 +1,6 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { describe, it, expect, vi, beforeEach, beforeAll } from 'vitest'
 import { IndicatorScheduler } from '../scheduler'
-import { getBuiltinIndicatorDefinitions } from '../registerBuiltins'
+import { getBuiltinIndicatorDefinitions, loadBuiltinIndicators } from '../registerBuiltins'
 import { MA_STATE_KEY, EMPTY_MA_STATE, type MARenderState } from '../maState'
 import { BOLL_STATE_KEY, EMPTY_BOLL_STATE, type BOLLRenderState } from '../bollState'
 import { EXPMA_STATE_KEY, EMPTY_EXPMA_STATE, type EXPMARenderState } from '../expmaState'
@@ -16,7 +16,12 @@ function applyMainResult(key: string): NonNullable<IndicatorMetadata['applyResul
   }
 }
 
-const builtinDefinitionsByName = new Map(getBuiltinIndicatorDefinitions().map((definition) => [definition.name, definition]))
+let builtinDefinitionsByName: Map<string, IndicatorMetadata>
+
+beforeAll(async () => {
+  await loadBuiltinIndicators()
+  builtinDefinitionsByName = new Map(getBuiltinIndicatorDefinitions().map((definition) => [definition.name, definition]))
+})
 
 function getBuiltinTestIndicator(name: string): IndicatorMetadata {
   const definition = builtinDefinitionsByName.get(name)

package/src/engine/indicators/__tests__/stateComposer.test.ts

@@ -1,9 +1,13 @@
-import { describe, expect, it, vi } from 'vitest'
+import { describe, expect, it, vi, beforeAll } from 'vitest'
 import type { IndicatorMetadata } from '../indicatorMetadata'
 import { composeRenderStates, composeVisibleSubIndicatorStates, computeMainIndicatorPriceRange } from '../stateComposer'
 import type { IndicatorSeriesBundle } from '../workerProtocol'
-import '../registerBuiltins'
 import { getRegisteredIndicatorDefinition } from '../indicatorDefinitionRegistry'
+import { loadBuiltinIndicators } from '../registerBuiltins'
+
+beforeAll(async () => {
+  await loadBuiltinIndicators()
+})
 
 function createBundle(): IndicatorSeriesBundle {
   return {

package/src/engine/indicators/registerBuiltins.ts

@@ -1,47 +1,63 @@
-import '../renderers/subVolume'
-import '../renderers/Indicator/atr'
-import '../renderers/Indicator/boll'
-import '../renderers/Indicator/cci'
-import '../renderers/Indicator/chaikinVol'
-import '../renderers/Indicator/cmf'
-import '../renderers/Indicator/dema'
-import '../renderers/Indicator/donchian'
-import '../renderers/Indicator/ene'
-import '../renderers/Indicator/expma'
-import '../renderers/Indicator/fastk'
-import '../renderers/Indicator/fib'
-import '../renderers/Indicator/hma'
-import '../renderers/Indicator/hv'
-import '../renderers/Indicator/ichimoku'
-import '../renderers/Indicator/kama'
-import '../renderers/Indicator/keltner'
-import '../renderers/Indicator/kst'
-import '../renderers/Indicator/ma'
-import '../renderers/Indicator/macd'
-import '../renderers/Indicator/mfi'
-import '../renderers/Indicator/mom'
-import '../renderers/Indicator/obv'
-import '../renderers/Indicator/parkinson'
-import '../renderers/Indicator/pivot'
-import '../renderers/Indicator/pvt'
-import '../renderers/Indicator/roc'
-import '../renderers/Indicator/rsi'
-import '../renderers/Indicator/sar'
-import '../renderers/Indicator/stoch'
-import '../renderers/Indicator/structure'
-import '../renderers/Indicator/supertrend'
-import '../renderers/Indicator/tema'
-import '../renderers/Indicator/trix'
-import '../renderers/Indicator/vma'
-import '../renderers/Indicator/volumeProfile'
-import '../renderers/Indicator/vwap'
-import '../renderers/Indicator/wma'
-import '../renderers/Indicator/wmsr'
-import '../renderers/Indicator/zones'
 import { getRegisteredIndicatorDefinitions } from './indicatorDefinitionRegistry'
 
-const builtinIndicatorDefinitions = getRegisteredIndicatorDefinitions()
+let loaded = false
+
+export async function loadBuiltinIndicators(): Promise<void> {
+  if (loaded) return
+  await Promise.all([
+    import('../renderers/subVolume'),
+    import('../renderers/Indicator/atr'),
+    import('../renderers/Indicator/boll'),
+    import('../renderers/Indicator/cci'),
+    import('../renderers/Indicator/chaikinVol'),
+    import('../renderers/Indicator/cmf'),
+    import('../renderers/Indicator/dema'),
+    import('../renderers/Indicator/donchian'),
+    import('../renderers/Indicator/ene'),
+    import('../renderers/Indicator/expma'),
+    import('../renderers/Indicator/fastk'),
+    import('../renderers/Indicator/fib'),
+    import('../renderers/Indicator/hma'),
+    import('../renderers/Indicator/hv'),
+    import('../renderers/Indicator/ichimoku'),
+    import('../renderers/Indicator/kama'),
+    import('../renderers/Indicator/keltner'),
+    import('../renderers/Indicator/kst'),
+    import('../renderers/Indicator/ma'),
+    import('../renderers/Indicator/macd'),
+    import('../renderers/Indicator/mfi'),
+    import('../renderers/Indicator/mom'),
+    import('../renderers/Indicator/obv'),
+    import('../renderers/Indicator/parkinson'),
+    import('../renderers/Indicator/pivot'),
+    import('../renderers/Indicator/pvt'),
+    import('../renderers/Indicator/roc'),
+    import('../renderers/Indicator/rsi'),
+    import('../renderers/Indicator/sar'),
+    import('../renderers/Indicator/stoch'),
+    import('../renderers/Indicator/structure'),
+    import('../renderers/Indicator/supertrend'),
+    import('../renderers/Indicator/tema'),
+    import('../renderers/Indicator/trix'),
+    import('../renderers/Indicator/vma'),
+    import('../renderers/Indicator/volumeProfile'),
+    import('../renderers/Indicator/vwap'),
+    import('../renderers/Indicator/wma'),
+    import('../renderers/Indicator/wmsr'),
+    import('../renderers/Indicator/zones'),
+  ])
+  loaded = true
+}
 
 export function getBuiltinIndicatorDefinitions() {
-    return builtinIndicatorDefinitions
+  if (!loaded) {
+    throw new Error(
+      'Builtin indicators not loaded yet. Call await loadBuiltinIndicators() first.',
+    )
+  }
+  return getRegisteredIndicatorDefinitions()
+}
+
+export function isBuiltinIndicatorsLoaded(): boolean {
+  return loaded
 }

package/src/engine/renderers/Indicator/__tests__/createSubIndicatorRenderer.test.ts

@@ -1,10 +1,14 @@
-import { describe, expect, it, vi } from 'vitest'
+import { describe, expect, it, vi, beforeAll } from 'vitest'
 import type { RendererPluginWithHost } from '../../../../plugin'
 import { IndicatorRegistry } from '../../../indicators/indicatorRegistry'
-import { getBuiltinIndicatorDefinitions } from '../../../indicators/registerBuiltins'
+import { getBuiltinIndicatorDefinitions, loadBuiltinIndicators } from '../../../indicators/registerBuiltins'
 import type { IndicatorMetadata } from '../../../indicators/indicatorMetadata'
 import { createSubIndicatorRenderer } from '../index'
 
+beforeAll(async () => {
+  await loadBuiltinIndicators()
+})
+
 function createRenderer(name: string): RendererPluginWithHost {
   return {
     name,

package/src/engine/renderers/Indicator/ichimoku.ts

@@ -1,5 +1,6 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
+import { resolveThemeColors } from '../../../tokens'
 import type { KLineData } from '../../../types/price'
 import type { IchimokuRenderState } from '../../indicators/ichimokuState'
 import { createIchimokuStateKey, EMPTY_ICHIMOKU_STATE } from '../../indicators/ichimokuState'
@@ -14,8 +15,6 @@ const KIJUN_COLOR = '#2563eb'
 const SPAN_A_COLOR = '#16a34a'
 const SPAN_B_COLOR = '#dc2626'
 const CHIKOU_COLOR = '#7c3aed'
-const CLOUD_BULL = 'rgba(34, 197, 94, 0.15)'
-const CLOUD_BEAR = 'rgba(239, 68, 68, 0.15)'
 
 type Point = { x: number; y: number }
 
@@ -58,6 +57,7 @@ export function createIchimokuRendererPlugin(options: IchimokuRendererOptions =
 
         draw(context: RenderContext) {
             const { ctx, pane, range, scrollLeft, kLineCenters, lineWebGLSurface } = context
+            const colors = resolveThemeColors(context.theme, context.isAsiaMarket, context.colorPresetSettings)
             const stateKey = resolveKey()
             if (!stateKey) return
             const state = pluginHost?.getSharedState<IchimokuRenderState>(stateKey)
@@ -94,7 +94,7 @@ export function createIchimokuRendererPlugin(options: IchimokuRendererOptions =
             if (params.showCloud && cloudSegs.length >= 2) {
                 ctx.save()
                 ctx.translate(-scrollLeft, 0)
-                fillCloud(ctx, cloudSegs)
+                fillCloud(ctx, cloudSegs, colors.candleUpBody, colors.candleDownBody)
                 ctx.restore()
             }
 
@@ -153,11 +153,16 @@ function drawLine(ctx: CanvasRenderingContext2D, pts: Point[], color: string): v
 function fillCloud(
     ctx: CanvasRenderingContext2D,
     segs: { x: number; ya: number; yb: number; bull: boolean }[],
+    bullColor: string,
+    bearColor: string,
+    alpha = 0.15,
 ): void {
+    ctx.save()
+    ctx.globalAlpha = alpha
     for (let i = 0; i < segs.length - 1; i++) {
         const a = segs[i]!
         const b = segs[i + 1]!
-        ctx.fillStyle = a.bull ? CLOUD_BULL : CLOUD_BEAR
+        ctx.fillStyle = a.bull ? bullColor : bearColor
         ctx.beginPath()
         ctx.moveTo(a.x, a.ya)
         ctx.lineTo(b.x, b.ya)
@@ -166,6 +171,7 @@ function fillCloud(
         ctx.closePath()
         ctx.fill()
     }
+    ctx.restore()
 }
 
 export function getIchimokuTitleInfo(

package/src/engine/renderers/Indicator/index.ts

@@ -5,101 +5,9 @@
 import type { RendererPlugin } from '../../../plugin'
 import type { IndicatorMetadata } from '../../indicators/indicatorMetadata'
 
-// MA 均线
-export { createMARendererPlugin, type MAFlags, getMATitleInfo } from './ma'
-
-// BOLL 布林带
-export { createBOLLRendererPlugin } from './boll'
-
-// EXPMA 指数平滑移动平均线
-export { createEXPMARendererPlugin } from './expma'
-
-// ENE 轨道线
-export { createENERendererPlugin } from './ene'
-
 // 主图指标图例（统一管理 MA、BOLL 等）
 export { createMainIndicatorLegendRendererPlugin } from './mainIndicatorLegend'
 
-// MACD
-export { createMACDRendererPlugin, calcMACDAtIndex, type MACDConfig, type MACDRendererOptions, getMACDTitleInfo } from './macd'
-
-// RSI 相对强弱指标
-export { createRSIRendererPlugin, type RSIRendererOptions, getRSITitleInfo } from './rsi'
-
-// CCI 顺势指标
-export { createCCIRendererPlugin, type CCIRendererOptions, getCCITitleInfo } from './cci'
-
-// STOCH 随机指标
-export { createSTOCHRendererPlugin, type STOCHRendererOptions, getSTOCHTitleInfo } from './stoch'
-
-// MOM 动量指标
-export { createMOMRendererPlugin, type MOMRendererOptions, getMOMTitleInfo } from './mom'
-
-// WMSR 威廉指标
-export { createWMSRRendererPlugin, type WMSRRendererOptions, getWMSRTitleInfo } from './wmsr'
-
-// KST 确知指标
-export { createKSTRendererPlugin, type KSTRendererOptions, getKSTTitleInfo } from './kst'
-
-// FASTK 快速随机指标
-export { createFASTKRendererPlugin, type FASTKRendererOptions, getFASTKTitleInfo } from './fastk'
-
-// ATR 平均真实波幅
-export { createATRRendererPlugin, type ATRRendererOptions, getATRTitleInfo } from './atr'
-
-// WMA 加权移动平均
-export { createWMARendererPlugin, getWMATitleInfo } from './wma'
-// DEMA 双指数移动平均
-export { createDEMARendererPlugin, getDEMATitleInfo } from './dema'
-// TEMA 三指数移动平均
-export { createTEMARendererPlugin, getTEMATitleInfo } from './tema'
-// HMA 赫尔移动平均
-export { createHMARendererPlugin, getHMATitleInfo } from './hma'
-// KAMA 考夫曼自适应移动平均
-export { createKAMARendererPlugin, getKAMATitleInfo } from './kama'
-// SAR 抛物线转向
-export { createSARRendererPlugin, getSARTitleInfo } from './sar'
-// SuperTrend 超级趋势
-export { createSuperTrendRendererPlugin, getSuperTrendTitleInfo } from './supertrend'
-// Keltner 肯特纳通道
-export { createKeltnerRendererPlugin, getKeltnerTitleInfo } from './keltner'
-// Donchian 唐奇安通道
-export { createDonchianRendererPlugin, getDonchianTitleInfo } from './donchian'
-// Ichimoku 一目均衡表
-export { createIchimokuRendererPlugin, getIchimokuTitleInfo } from './ichimoku'
-// ROC 变化率
-export { createROCRendererPlugin, getROCTitleInfo } from './roc'
-// TRIX 三重指数平滑平均
-export { createTRIXRendererPlugin, getTRIXTitleInfo } from './trix'
-// HV 历史波动率
-export { createHVRendererPlugin, getHVTitleInfo } from './hv'
-// Parkinson 帕金森波动率
-export { createParkinsonRendererPlugin, getParkinsonTitleInfo } from './parkinson'
-// Chaikin Vol 蔡金波动率
-export { createChaikinVolRendererPlugin, getChaikinVolTitleInfo } from './chaikinVol'
-// VMA 成交量移动平均
-export { createVMARendererPlugin, getVMATitleInfo } from './vma'
-// OBV 能量潮
-export { createOBVRendererPlugin, getOBVTitleInfo } from './obv'
-// PVT 价量趋势
-export { createPVTRendererPlugin, getPVTTitleInfo } from './pvt'
-// VWAP 成交量加权均价
-export { createVWAPRendererPlugin, getVWAPTitleInfo } from './vwap'
-// CMF 蔡金资金流
-export { createCMFRendererPlugin, getCMFTitleInfo } from './cmf'
-// MFI 资金流量指数
-export { createMFIRendererPlugin, getMFITitleInfo } from './mfi'
-// Pivot Points 枢轴点
-export { createPivotRendererPlugin, getPivotTitleInfo } from './pivot'
-// Fibonacci 斐波那契
-export { createFibRendererPlugin, getFibTitleInfo } from './fib'
-// SMC Structure 结构
-export { createStructureRendererPlugin, getStructureTitleInfo } from './structure'
-// SMC Zones 区域
-export { createZonesRendererPlugin, getZonesTitleInfo } from './zones'
-// Volume Profile 成交量分布
-export { createVolumeProfileRendererPlugin, getVolumeProfileTitleInfo } from './volumeProfile'
-
 /**
  * 副图指标类型
  */

package/src/engine/renderers/Indicator/indicatorCatalog.ts

@@ -315,29 +315,38 @@ const uiMeta: Record<string, {
   },
 }
 
-function buildAllIndicators(): Indicator[] {
-  return getRegisteredIndicatorDefinitions().map((def) => {
-    const key = normalizeId(def.name)
-    const ui = uiMeta[key]
-    return {
-      id: def.displayName.toUpperCase(),
-      label: def.displayName,
-      name: ui?.name ?? def.displayName,
-      pane: def.category === 'main' || def.allowMainPane ? 'main' : 'sub',
-      description: ui?.description,
-      params: ui?.params,
-    }
-  })
-}
-
-export const allIndicators: Indicator[] = buildAllIndicators()
+let _allIndicators: Indicator[] | null = null
 
-export const mainIndicators = allIndicators.filter((i) => i.pane === 'main')
-export const subIndicators = allIndicators.filter((i) => i.pane === 'sub')
+function rebuildIfStale(): Indicator[] {
+  if (_allIndicators === null || getRegisteredIndicatorDefinitions().length !== _allIndicators.length) {
+    _allIndicators = getRegisteredIndicatorDefinitions()
+      .map((def) => {
+        const key = normalizeId(def.name)
+        const ui = uiMeta[key]
+        return {
+          id: def.displayName.toUpperCase(),
+          label: def.displayName,
+          name: ui?.name ?? def.displayName,
+          pane: (def.category === 'main' || def.allowMainPane ? 'main' : 'sub') as Indicator['pane'],
+          description: ui?.description,
+          params: ui?.params,
+        }
+      })
+      .sort((a, b) => {
+        const paneOrder = a.pane === 'main' ? 0 : 1
+        const paneOrderB = b.pane === 'main' ? 0 : 1
+        return paneOrder - paneOrderB || a.label.localeCompare(b.label)
+      })
+  }
+  return _allIndicators ?? []
+}
+export function allIndicators(): Indicator[] {
+  return rebuildIfStale()
+}
 
 export function findIndicator(id: string): Indicator | undefined {
   const norm = normalizeId(id)
-  return allIndicators.find((i) => normalizeId(i.id) === norm || normalizeId(i.label) === norm)
+  return rebuildIfStale().find((i) => normalizeId(i.id) === norm || normalizeId(i.label) === norm)
 }
 
 export function isSubIndicatorId(id: string): boolean {

package/src/engine/renderers/Indicator/sar.ts

@@ -1,5 +1,6 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
+import { resolveThemeColors } from '../../../tokens'
 import type { KLineData } from '../../../types/price'
 import type { SARRenderState } from '../../indicators/sarState'
 import { createSARStateKey, EMPTY_SAR_STATE } from '../../indicators/sarState'
@@ -9,8 +10,6 @@ import type { IndicatorScheduler, SARSchedulerConfig } from '../../indicators/sc
 import { calcSARData } from '../../indicators/calculators'
 import { createValuePointVisibleStateComposer } from '../../indicators/visibleStateComposers'
 
-const SAR_UP_COLOR = '#22c55e'
-const SAR_DOWN_COLOR = '#ef4444'
 const DOT_RADIUS = 1.5
 const TAU = Math.PI * 2
 
@@ -59,6 +58,7 @@ export function createSARRendererPlugin(options: SARRendererOptions = {}): Rende
 
         draw(context: RenderContext) {
             const { ctx, pane, range, scrollLeft, kLineCenters } = context
+            const colors = resolveThemeColors(context.theme, context.isAsiaMarket, context.colorPresetSettings)
 
             const stateKey = resolveKey()
             if (!stateKey) return
@@ -77,7 +77,7 @@ export function createSARRendererPlugin(options: SARRendererOptions = {}): Rende
                 const centerX = kLineCenters[i - range.start]
                 if (centerX === undefined) continue
                 const y = pane.yAxis.priceToY(point.value)
-                ctx.fillStyle = point.trend === 'up' ? SAR_UP_COLOR : SAR_DOWN_COLOR
+                ctx.fillStyle = point.trend === 'up' ? colors.candleUpBody : colors.candleDownBody
                 ctx.beginPath()
                 ctx.arc(centerX, y, DOT_RADIUS, 0, TAU)
                 ctx.fill()

package/src/engine/renderers/Indicator/supertrend.ts

@@ -1,5 +1,6 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
+import { resolveThemeColors } from '../../../tokens'
 import type { KLineData } from '../../../types/price'
 import type { SuperTrendRenderState } from '../../indicators/supertrendState'
 import { createSuperTrendStateKey, EMPTY_SUPERTREND_STATE } from '../../indicators/supertrendState'
@@ -9,9 +10,6 @@ import type { IndicatorScheduler, SuperTrendSchedulerConfig } from '../../indica
 import { calcSuperTrendData } from '../../indicators/calculators'
 import { createValuePointVisibleStateComposer } from '../../indicators/visibleStateComposers'
 
-const ST_UP_COLOR = '#22c55e'
-const ST_DOWN_COLOR = '#ef4444'
-
 export interface SuperTrendRendererOptions {
     paneId?: string
 }
@@ -51,6 +49,7 @@ export function createSuperTrendRendererPlugin(options: SuperTrendRendererOption
 
         draw(context: RenderContext) {
             const { ctx, pane, range, scrollLeft, kLineCenters } = context
+            const colors = resolveThemeColors(context.theme, context.isAsiaMarket, context.colorPresetSettings)
             const stateKey = resolveKey()
             if (!stateKey) return
             const state = pluginHost?.getSharedState<SuperTrendRenderState>(stateKey)
@@ -77,7 +76,7 @@ export function createSuperTrendRendererPlugin(options: SuperTrendRendererOption
                 const y = pane.yAxis.priceToY(point.value)
 
                 if (prevX !== null && prevTrend === point.trend) {
-                    ctx.strokeStyle = point.trend === 'up' ? ST_UP_COLOR : ST_DOWN_COLOR
+                    ctx.strokeStyle = point.trend === 'up' ? colors.candleUpBody : colors.candleDownBody
                     ctx.beginPath()
                     ctx.moveTo(prevX, prevY!)
                     ctx.lineTo(centerX, y)

package/src/index.ts

@@ -1,5 +1,6 @@
 export * from './reactivity'
 export * from './controllers'
+export * from './mcp'
 export { VERSION } from './version'
 export * from './tokens'
 export { formatTimestamp } from './utils/dateFormat'