@funnest/charts 0.6.19 → 0.6.21

package/README.md

@@ -1,29 +1,28 @@
 # @funnest/charts
 
-Canvas 차트 엔진 — 캔들, 지표, 실시간 연결 도구
-
-Canvas charting engine for financial charts: candles, indicators, realtime helpers.
+Canvas charting engine for financial charts: candles, indicators and realtime helpers.
 
 ```bash
 npm i @funnest/charts
 ```
 
-UI 없이 엔진만 쓸 때의 패키지예요. 툴바·검색·지표 UI까지 필요하면 `@funnest/charts-ui`(또는 React는 `@funnest/charts-react`)를 쓰세요.
+This is the engine alone, with no UI. For the toolbar, symbol search and indicator UI, use `@funnest/charts-ui` (or `@funnest/charts-react` in React).
 
 ```ts
 import { createChart } from '@funnest/charts';
 
 const chart = createChart(document.getElementById('chart')!, { datafeed: myDatafeed });
-await chart.setSymbol('005930', '1D');
+await chart.setSymbol('AAPL', '1D');
 ```
 
-- 지표: MA, EMA, 볼린저 밴드, RSI, MACD
-- 실시간 도구: `ReconnectingWebSocket`, `TickAggregator`, `combineDatafeeds`, `monitorLatency`
-- 한국 시장 기본값: KST, KRX 장 시간·호가 단위(`krxTickSize`), 빨강 상승/파랑 하락
-- 거래소 연결 코드는 들어 있지 않아요. `Datafeed` 인터페이스로 직접 연결하세요.
+- Indicators: MA, EMA, Bollinger Bands, RSI, MACD
+- Realtime helpers: `ReconnectingWebSocket`, `TickAggregator`, `combineDatafeeds`, `monitorLatency`
+- Speaks your user's language: English, or Korean for a Korean browser, with matching up/down colors (green-up globally, red-up in Korea)
+- Korean market defaults when it's Korean: KST, KRX sessions and tick sizes (`krxTickSize`)
+- No exchange code inside. Connect any exchange or broker through the `Datafeed` interface.
 
-## 링크
+## Links
 
-- 문서: https://charts.funnest.xyz/docs/
-- GitHub: https://github.com/funnest-xyz/funnest-charts
-- 라이선스: Apache-2.0
+- Docs: https://charts.funnest.xyz/docs/
+- GitHub: https://github.com/funnest-xyz/funnest-charts ([한국어](https://github.com/funnest-xyz/funnest-charts/blob/main/README.ko.md))
+- License: Apache-2.0

package/dist/chart.d.ts

@@ -243,6 +243,12 @@ export declare class Chart {
     private historyRequest;
     /** setSymbol() is between its request and setData(). */
     private symbolLoading;
+    /**
+     * What the latest setSymbol() asked for, until it lands (or fails). load() and save() go by it
+     * rather than what's still on screen: a layout switched away and back before a slow symbol
+     * arrives must not keep — or save — the one it was leaving.
+     */
+    private requested;
     private noMoreHistory;
     private historyRequestedFor;
     private countdownLabel;

package/dist/index.js

@@ -2864,6 +2864,12 @@ var Chart = class {
   historyRequest = 0;
   /** setSymbol() is between its request and setData(). */
   symbolLoading = false;
+  /**
+   * What the latest setSymbol() asked for, until it lands (or fails). load() and save() go by it
+   * rather than what's still on screen: a layout switched away and back before a slow symbol
+   * arrives must not keep — or save — the one it was leaving.
+   */
+  requested = null;
   noMoreHistory = false;
   historyRequestedFor = Number.NaN;
   countdownLabel = null;
@@ -2987,6 +2993,7 @@ var Chart = class {
     const feed = this.datafeed;
     if (!feed) throw new Error("funnest-charts: setSymbol() requires the `datafeed` option");
     const token = ++this.loadToken;
+    this.requested = { symbol, resolution };
     this.endReplay(false);
     this.unsubscribeBars?.();
     this.unsubscribeBars = null;
@@ -3016,6 +3023,7 @@ var Chart = class {
     } finally {
       if (token === this.loadToken) {
         this.symbolLoading = false;
+        this.requested = null;
         this.emitter.emit("loadingChange", false);
       }
     }
@@ -3236,8 +3244,9 @@ var Chart = class {
     drawings[this.symbol?.symbol ?? ""] = this.getDrawings();
     return {
       version: 1,
-      symbol: this.symbol?.symbol ?? null,
-      resolution: this.resolution,
+      // A symbol still loading is the one this chart is on (see `requested`).
+      symbol: this.requested?.symbol ?? this.symbol?.symbol ?? null,
+      resolution: this.requested?.resolution ?? this.resolution,
       chartType: this.chartType,
       settings: this.settings,
       indicators: this.getIndicators(),
@@ -3257,7 +3266,8 @@ var Chart = class {
     for (const [symbol, list] of Object.entries(state.drawings)) this.drawingsBySymbol.set(symbol, list);
     this.restoreDrawingsFor(this.symbol?.symbol ?? "");
     const wantSymbol = options.symbol !== false && this.datafeed && state.symbol;
-    if (wantSymbol && (state.symbol !== this.symbol?.symbol || state.resolution !== this.resolution)) {
+    const target = this.requested ?? { symbol: this.symbol?.symbol, resolution: this.resolution };
+    if (wantSymbol && (state.symbol !== target.symbol || state.resolution !== target.resolution)) {
       await this.setSymbol(state.symbol, state.resolution ?? this.resolution ?? "1D");
     }
     this.settingsValue = state.settings;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnest/charts",
-  "version": "0.6.19",
+  "version": "0.6.21",
   "description": "Canvas charting engine for financial charts",
   "keywords": [
     "chart",