@orderly.network/hooks 1.1.5-rc.0 → 1.1.6

package/lib/orderly/useOrderStream.js

@@ -11,40 +11,32 @@ const useMarkPricesStream_1 = require("./useMarkPricesStream");
 const useMutation_1 = require("../useMutation");
 const version_1 = __importDefault(require("../version"));
 const dataProvider_1 = require("../dataProvider");
-const useOrderStream = (params) => {
+const swr_1 = require("../utils/swr");
+const useEventEmitter_1 = require("../useEventEmitter");
+const useOrderStream = (
+/**
+ * Orders query params
+ */
+params, options) => {
     const { status, symbol, side, size = 100 } = params;
     const { data: markPrices = {} } = (0, useMarkPricesStream_1.useMarkPricesStream)();
-    const { regesterKeyHandler } = (0, dataProvider_1.useDataCenterContext)();
+    const ee = (0, useEventEmitter_1.useEventEmitter)();
+    const { regesterKeyHandler, unregisterKeyHandler } = (0, dataProvider_1.useDataCenterContext)();
     const [doCancelOrder, { error: cancelOrderError, isMutating: cancelMutating },] = (0, useMutation_1.useMutation)("/v1/order", "DELETE");
     const [doUpdateOrder, { error: updateOrderError, isMutating: updateMutating },] = (0, useMutation_1.useMutation)("/v1/order", "PUT");
     const [doCanceAlgolOrder, { error: cancelAlgoOrderError, isMutating: cancelAlgoMutating },] = (0, useMutation_1.useMutation)("/v1/algo/order", "DELETE");
     const [doUpdateAlgoOrder, { error: updateAlgoOrderError, isMutating: updateAlgoMutating },] = (0, useMutation_1.useMutation)("/v1/algo/order", "PUT");
-    const getKey = (pageIndex, previousPageData) => {
-        // reached the end
-        if (previousPageData && !previousPageData.rows?.length)
-            return null;
-        const search = new URLSearchParams([
-            ["size", size.toString()],
-            ["page", `${pageIndex + 1}`],
-            ["source_type", "ALL"],
-        ]);
-        if (status) {
-            search.set(`status`, status);
-        }
-        if (symbol) {
-            search.set(`symbol`, symbol);
-        }
-        if (side) {
-            search.set(`side`, side);
-        }
-        return `/v1/orders?${search.toString()}`;
-    };
     (0, react_1.useEffect)(() => {
         const formatKey = (value) => (value ? `:${value}` : "");
         const key = `orders${formatKey(status)}${formatKey(symbol)}${formatKey(side)}`;
-        regesterKeyHandler(key, getKey);
-    }, [status, symbol, side]);
-    const ordersResponse = (0, usePrivateInfiniteQuery_1.usePrivateInfiniteQuery)(getKey, {
+        regesterKeyHandler?.(key, (0, swr_1.generateKeyFun)({ status, symbol, side, size }));
+        return () => {
+            if (!options?.stopOnUnmount)
+                return;
+            unregisterKeyHandler(key);
+        };
+    }, [status, symbol, side, options?.keeplive]);
+    const ordersResponse = (0, usePrivateInfiniteQuery_1.usePrivateInfiniteQuery)((0, swr_1.generateKeyFun)({ status, symbol, side, size }), {
         initialSize: 1,
         // revalidateFirstPage: false,
         // onError: (err) => {
@@ -59,6 +51,7 @@ const useOrderStream = (params) => {
         }
         return ordersResponse.data?.map((item) => item.rows)?.flat();
     }, [ordersResponse.data]);
+    // console.log(ordersResponse.data);
     const orders = (0, react_1.useMemo)(() => {
         if (!flattenOrders) {
             return null;
@@ -103,7 +96,17 @@ const useOrderStream = (params) => {
      * update algo order
      */
     const updateAlgoOrder = (0, react_1.useCallback)((orderId, order) => {
-        return _updateOrder(orderId, order, "algoOrder");
+        return _updateOrder(orderId, order, "algoOrder").then((res) => {
+            // TODO: remove this when the WS service provides the correct data
+            ee.emit("algoOrder:cache", {
+                // ...res.data.rows[0],
+                ...order,
+                order_id: Number(orderId),
+                // trigger_price: price,
+            });
+            //------------fix end----------------
+            return res;
+        });
     }, []);
     const _cancelOrder = (0, react_1.useCallback)((orderId, type, symbol) => {
         switch (type) {

package/lib/orderly/useOrderbookStream.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOrderbookStream.d.ts","sourceRoot":"","sources":["../../src/orderly/useOrderbookStream.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,aAAa,GAAG,MAAM,EAAE,CAAC;AAErC,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,IAAI,EAAE,aAAa,EAAE,CAAC;CACvB,CAAC;AAyFF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,UACnB,MAAM,GAAG,SAAS,SAClB,MAAM,WACJ,OAAO,QACV,aAAa,KAClB,aAqDF,CAAC;AAgCF,eAAO,MAAM,cAAc,SAAU,aAAa,UAAU,aAAa;;;CAWxE,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,WACrB,MAAM,YACL,aAAa,YACZ,gBAAgB;;;;;;;;;;;2BA2HgB,MAAM;;;;;;;;;IAmDjD,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"useOrderbookStream.d.ts","sourceRoot":"","sources":["../../src/orderly/useOrderbookStream.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,aAAa,GAAG,MAAM,EAAE,CAAC;AAErC,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,IAAI,EAAE,aAAa,EAAE,CAAC;CACvB,CAAC;AAyFF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,UACnB,MAAM,GAAG,SAAS,SAClB,MAAM,WACJ,OAAO,QACV,aAAa,KAClB,aAyDF,CAAC;AAgCF,eAAO,MAAM,cAAc,SAAU,aAAa,UAAU,aAAa;;;CAWxE,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,WACrB,MAAM,YACL,aAAa,YACZ,gBAAgB;;;;;;;;;;;2BAgIgB,MAAM;;;;;;;;;IAmDjD,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

package/lib/orderly/useOrderbookStream.js

@@ -98,18 +98,22 @@ const reduceOrderbook = (depth, level, padding, data) => {
                 if (askPrice <= bidPrice) {
                     // console.log("xxxxxxxxxxx reset ask list begin", [...asks], { ...asks[0] });
                     asks.shift();
-                    // let logStr = "";
+                    let logStr = "";
                     for (let index = 0; index < asks.length; index++) {
                         if (index === 0) {
                             const quantity = asks[index][1] + askQty;
                             asks[index][1] = quantity;
                             asks[index][2] = quantity;
-                            asks[index][3] += newAmount;
+                            // asks[index][3] += newAmount;
+                            // FIXME: fix this code later
+                            asks[index][3] = Math.ceil(quantity) * asks[index][0];
                         }
                         else {
-                            asks[index][3] += newAmount;
+                            // asks[index][3] += newAmount;
+                            // FIXME: fix this code later
+                            asks[index][3] = asks[index][0] * asks[index][1] + asks[index - 1][3];
                         }
-                        // logStr += `index: ${index} ${asks[index]}\n`;
+                        logStr += `index: ${index} ${asks[index]}\n`;
                     }
                     // console.log("xxxxxxxxxxx reset ask list end", logStr);
                 }
@@ -189,6 +193,8 @@ const useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
     // const [level, setLevel] = useState(() => options?.level ?? 10);
     const config = (0, useSymbolsInfo_1.useSymbolsInfo)()[symbol];
     const [depth, setDepth] = (0, react_1.useState)();
+    // markPrice, lastPrice
+    const prevMiddlePrice = (0, react_1.useRef)(0);
     const depths = (0, react_1.useMemo)(() => {
         const tick = config("quote_tick");
         return [tick, tick * 10, tick * 100, tick * 1000];
@@ -236,6 +242,7 @@ const useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
             ignore = true;
             // clean the data;
             setData(INIT_DATA);
+            prevMiddlePrice.current = 0;
         };
     }, [symbol]);
     // const {data:markPrices} = useMarkPricesStream();
@@ -264,6 +271,7 @@ const useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
         });
         return () => {
             ignore = true;
+            prevMiddlePrice.current = 0;
             subscription?.(); //unsubscribe
         };
     }, [symbol, requestData]);
@@ -274,12 +282,10 @@ const useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
         //
         setDepth(() => depth);
     }, []);
-    // markPrice, lastPrice
-    const prevMiddlePrice = (0, react_1.useRef)(0);
     const middlePrice = (0, react_1.useMemo)(() => {
         let asksFrist = 0, bidsFirst = 0;
         if (data.asks.length > 0) {
-            asksFrist = data.asks[data.asks.length - 1][0];
+            asksFrist = data.asks[0][0];
         }
         if (data.bids.length > 0) {
             bidsFirst = data.bids[0][0];
@@ -287,7 +293,7 @@ const useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
         if (isNaN(asksFrist) || isNaN(bidsFirst) || !ticker)
             return 0;
         return [asksFrist, bidsFirst, ticker["24h_close"]].sort()[1];
-    }, [ticker, data]);
+    }, [ticker?.["24h_close"], data]);
     (0, react_1.useEffect)(() => {
         prevMiddlePrice.current = middlePrice;
     }, [middlePrice]);
@@ -297,11 +303,12 @@ const useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
     });
     // emit the asks0 and bids0
     (0, react_1.useEffect)(() => {
-        eventEmitter.emit("orderbook:update", [
-            reducedData.asks?.[0]?.[0],
-            reducedData.bids?.[0]?.[0],
-        ]);
-    }, [reducedData.asks?.[0]?.[0], reducedData.bids?.[0]?.[0]]);
+        const updateData = [
+            reducedData.asks?.[reducedData.asks.length - 1]?.[0],
+            reducedData.bids?.[0]?.[0]
+        ];
+        eventEmitter.emit("orderbook:update", updateData);
+    }, [reducedData.asks?.[reducedData.asks.length - 1]?.[0], reducedData.bids?.[0]?.[0]]);
     return [
         {
             asks: reducedData.asks.slice(-level),

package/lib/orderly/usePositionStream.js

@@ -105,7 +105,7 @@ symbol, options) => {
                 notional,
                 unsettlement_pnl: unsettlementPnL,
                 unrealized_pnl: unrealPnl,
-                unsettled_pnl_ROI: unrealPnlROI,
+                unrealized_pnl_ROI: unrealPnlROI,
             };
         });
         return [

package/lib/orderly/usePrivateDataObserver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePrivateDataObserver.d.ts","sourceRoot":"","sources":["../../src/orderly/usePrivateDataObserver.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGjD,eAAO,MAAM,sBAAsB;uBAEd,MAAM,KAAK,IAAI,MAAM,EAAE,cAAc,CAAC;UAgI1D,CAAC"}
+{"version":3,"file":"usePrivateDataObserver.d.ts","sourceRoot":"","sources":["../../src/orderly/usePrivateDataObserver.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIjD,eAAO,MAAM,sBAAsB;uBAEd,MAAM,KAAK,IAAI,MAAM,EAAE,cAAc,CAAC;UA4K1D,CAAC"}

package/lib/orderly/usePrivateDataObserver.js

@@ -6,39 +6,58 @@ const useWS_1 = require("../useWS");
 const swr_1 = require("swr");
 const useAccount_1 = require("../useAccount");
 const infinite_1 = require("swr/infinite");
-const use_debounce_1 = require("use-debounce");
 const useEventEmitter_1 = require("../useEventEmitter");
-const json_1 = require("../utils/json");
+const swr_2 = require("../utils/swr");
 const usePrivateDataObserver = (options) => {
     const ws = (0, useWS_1.useWS)();
-    const { mutate } = (0, swr_1.useSWRConfig)();
+    // const { mutate } = useSWRConfig();
     const ee = (0, useEventEmitter_1.useEventEmitter)();
     const { state } = (0, useAccount_1.useAccount)();
-    const updateOrders = (0, use_debounce_1.useDebouncedCallback)((data) => {
+    // TODO: remove this when the WS service provides the correct data
+    const algoOrderCacheQuneue = (0, react_1.useRef)([]);
+    const updateOrders = (data, isAlgoOrder) => {
         const map = options.getKeysMap("orders");
-        const orderStatus = getSessionStorage("orderly_order_status", "positions");
-        map.forEach((getKey, key) => {
-            if ((orderStatus === "history" && key === "orders") ||
-                (orderStatus === "positions" && key === "orders:NEW") ||
-                key.includes("INCOMPLETE") || // always update pending list
-                key.includes(orderStatus)) {
-                mutate((0, infinite_1.unstable_serialize)((index, prevData) => [
-                    getKey(index, prevData),
-                    state.accountId,
-                ]));
+        // console.log("$$$$$$$$$$$$", data, algoOrderCacheQuneue.current);
+        if (isAlgoOrder) {
+            /// TODO: remove this when the WS service provides the correct data
+            if (algoOrderCacheQuneue.current.length) {
+                const index = algoOrderCacheQuneue.current.findIndex((item) => item.order_id === data.algoOrderId);
+                if (index > -1) {
+                    data = {
+                        ...data,
+                        ...algoOrderCacheQuneue.current[index],
+                    };
+                    algoOrderCacheQuneue.current.splice(index, 1);
+                }
             }
+        }
+        map.forEach((getKey, key) => {
+            (0, swr_1.mutate)((0, infinite_1.unstable_serialize)((index, prevData) => [
+                getKey(index, prevData),
+                state.accountId,
+            ]), (prevData) => {
+                return (0, swr_2.updateOrdersHandler)(key, data, prevData);
+            }, {
+                revalidate: false,
+            });
+        });
+        //  emit events;
+        // ee.emit("orders:changed", {
+        //   ...data,
+        //   status: data.status || (data as WSMessage.AlgoOrder).algoStatus,
+        // });
+        ee.emit("orders:changed", {
+            ...data,
+            status: data.status || data.algoStatus,
         });
-        // update the orders history list;
-        // ee.emit("orders:changed");
-    }, 500);
+    };
     // orders
     (0, react_1.useEffect)(() => {
         if (!state.accountId)
             return;
         const unsubscribe = ws.privateSubscribe("executionreport", {
             onMessage: (data) => {
-                updateOrders(data);
-                ee.emit("orders:changed", data);
+                updateOrders(data, false);
             },
         });
         return () => unsubscribe?.();
@@ -49,13 +68,18 @@ const usePrivateDataObserver = (options) => {
             return;
         const unsubscribe = ws.privateSubscribe("algoexecutionreport", {
             onMessage: (data) => {
-                updateOrders(data);
-                if (Array.isArray(data)) {
-                    data.forEach((item) => ee.emit("orders:changed", { ...item, status: item.algoStatus }));
-                }
-                else {
-                    ee.emit("orders:changed", { ...data, status: data.algoStatus });
-                }
+                setTimeout(() => {
+                    if (Array.isArray(data)) {
+                        data.forEach((item) => {
+                            updateOrders(item, true);
+                            // ee.emit("orders:changed", { ...item, status: item.algoStatus });
+                        });
+                    }
+                    else {
+                        updateOrders(data, true);
+                        // ee.emit("orders:changed", { ...data, status: data.algoStatus });
+                    }
+                }, 100);
             },
         });
         return () => unsubscribe?.();
@@ -70,7 +94,7 @@ const usePrivateDataObserver = (options) => {
                 const { positions: nextPostions } = data;
                 // console.log("ws----- positions data-----", data);
                 // updatePositions();
-                mutate(key, (prevPositions) => {
+                (0, swr_1.mutate)(key, (prevPositions) => {
                     // return nextPostions;
                     if (!!prevPositions) {
                         return {
@@ -112,19 +136,15 @@ const usePrivateDataObserver = (options) => {
             unsubscribe?.();
         };
     }, [state.accountId]);
+    // cache algo orders
+    (0, react_1.useEffect)(() => {
+        const handler = (data) => {
+            algoOrderCacheQuneue.current.push(data);
+        };
+        ee.on("algoOrder:cache", handler);
+        return () => {
+            ee.off("algoOrder:cache", handler);
+        };
+    }, []);
 };
 exports.usePrivateDataObserver = usePrivateDataObserver;
-const getSessionStorage = (key, initialValue) => {
-    // Prevent build error "window is undefined" but keep keep working
-    if (typeof window === "undefined") {
-        return initialValue;
-    }
-    try {
-        const item = window.sessionStorage.getItem(key);
-        return item ? (0, json_1.parseJSON)(item) : initialValue;
-    }
-    catch (error) {
-        console.warn(`Error reading sessionStorage key “${key}”:`, error);
-        return initialValue;
-    }
-};

package/lib/services/painter/backgroundPaint.d.ts

@@ -1,9 +1,9 @@
-import { BasePaint, type drawOptions } from "./basePaint";
+import { BasePaint, type DrawOptions } from "./basePaint";
 export declare class BackgroundPaint extends BasePaint {
     private img;
-    draw(options: drawOptions): Promise<void>;
-    _drawColor(options: drawOptions): void;
-    _drawImage(options: drawOptions): Promise<void>;
+    draw(options: DrawOptions): Promise<void>;
+    _drawColor(options: DrawOptions): void;
+    _drawImage(options: DrawOptions): Promise<void>;
     private loadImg;
 }
 //# sourceMappingURL=backgroundPaint.d.ts.map

package/lib/services/painter/basePaint.d.ts

@@ -1,5 +1,8 @@
 import { PosterPainter } from "./painter";
 export type posterDataSource = {
+    /**
+     * slogan of the poster
+     */
     message?: string;
     position: {
         symbol: string;
@@ -17,7 +20,7 @@ export type posterDataSource = {
          */
         ROI: number;
         /**
-         * The informations of the position, such as open price, opened at, mark price, quantity
+         * The informations of the position, such as open price, opened at, mark price, quantity and custom message.
          */
         informations: {
             title: string;
@@ -51,23 +54,29 @@ export type layoutInfo = {
         bottom: number;
     }>;
 };
-export type posterLayoutConfig = {
+export type PosterLayoutConfig = {
     message?: layoutInfo;
     domain?: layoutInfo;
     position?: layoutInfo;
-    unrealizedPnl?: layoutInfo;
-    informations?: layoutInfo;
+    unrealizedPnl?: layoutInfo & {
+        secondaryColor: string;
+        secondaryFontSize: number;
+    };
+    informations?: layoutInfo & {
+        labelColor?: string;
+    };
     updateTime?: layoutInfo;
 };
-export type drawOptions = {
+export type DrawOptions = {
     /**
      * Color of common text
      */
     color?: string;
+    fontFamily?: string;
     /**
      * Lose color
      */
-    loseColor?: string;
+    lossColor?: string;
     /**
      * Profit color
      */
@@ -79,12 +88,12 @@ export type drawOptions = {
     backgroundColor?: string;
     backgroundImg?: string;
     data?: posterDataSource;
-    layout?: posterLayoutConfig;
+    layout?: PosterLayoutConfig;
 };
 export declare abstract class BasePaint {
     protected ctx: CanvasRenderingContext2D;
     protected painter: PosterPainter;
     constructor(ctx: CanvasRenderingContext2D, painter: PosterPainter);
-    abstract draw(options: drawOptions): Promise<void>;
+    abstract draw(options: DrawOptions): Promise<void>;
 }
 //# sourceMappingURL=basePaint.d.ts.map

package/lib/services/painter/basePaint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basePaint.d.ts","sourceRoot":"","sources":["../../../src/services/painter/basePaint.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM,CAAC;QAEf,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;QACvB;;WAEG;QACH,QAAQ,EAAE,MAAM,CAAC;QACjB;;WAEG;QACH,GAAG,EAAE,MAAM,CAAC;QACZ;;WAEG;QACH,GAAG,EAAE,MAAM,CAAC;QACZ;;WAEG;QACH,YAAY,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QACjD;;WAEG;QACH,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;CACJ,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,aAAa,CAAC,EAAE,UAAU,CAAC;IAE3B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B,CAAC;AAEF,8BAAsB,SAAS;IAE3B,SAAS,CAAC,GAAG,EAAE,wBAAwB;IACvC,SAAS,CAAC,OAAO,EAAE,aAAa;gBADtB,GAAG,EAAE,wBAAwB,EAC7B,OAAO,EAAE,aAAa;IAElC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;CACnD"}
+{"version":3,"file":"basePaint.d.ts","sourceRoot":"","sources":["../../../src/services/painter/basePaint.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM,CAAC;QAEf,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;QACvB;;WAEG;QACH,QAAQ,EAAE,MAAM,CAAC;QACjB;;WAEG;QACH,GAAG,EAAE,MAAM,CAAC;QACZ;;WAEG;QACH,GAAG,EAAE,MAAM,CAAC;QACZ;;WAEG;QACH,YAAY,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QACjD;;WAEG;QACH,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;CACJ,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,aAAa,CAAC,EAAE,UAAU,GAAG;QAC3B,cAAc,EAAE,MAAM,CAAC;QACvB,iBAAiB,EAAE,MAAM,CAAC;KAC3B,CAAC;IAEF,YAAY,CAAC,EAAE,UAAU,GAAG;QAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B,CAAC;AAEF,8BAAsB,SAAS;IAE3B,SAAS,CAAC,GAAG,EAAE,wBAAwB;IACvC,SAAS,CAAC,OAAO,EAAE,aAAa;gBADtB,GAAG,EAAE,wBAAwB,EAC7B,OAAO,EAAE,aAAa;IAElC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;CACnD"}

package/lib/services/painter/dataPaint.d.ts

@@ -1,9 +1,10 @@
-import { BasePaint, drawOptions } from "./basePaint";
+import { BasePaint, DrawOptions } from "./basePaint";
 export declare class DataPaint extends BasePaint {
     private positionInfoCellWidth;
     private DEFAULT_PROFIT_COLOR;
-    private DEFAULT_LOSE_COLOR;
-    draw(options: drawOptions): Promise<void>;
+    private DEFAULT_LOSS_COLOR;
+    private transformTop;
+    draw(options: DrawOptions): Promise<void>;
     private drawMessage;
     private drawPosition;
     private drawUnrealizedPnL;

package/lib/services/painter/dataPaint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataPaint.d.ts","sourceRoot":"","sources":["../../../src/services/painter/dataPaint.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAc,MAAM,aAAa,CAAC;AAGjE,qBAAa,SAAU,SAAQ,SAAS;IACtC,OAAO,CAAC,qBAAqB,CAAO;IAEpC,OAAO,CAAC,oBAAoB,CAAoB;IAChD,OAAO,CAAC,kBAAkB,CAAsB;IAE1C,IAAI,CAAC,OAAO,EAAE,WAAW;IA0B/B,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,YAAY;IAoEpB,OAAO,CAAC,iBAAiB;IAoDzB,OAAO,CAAC,gBAAgB;IA6BxB,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,SAAS;IAoCjB,OAAO,CAAC,MAAM;CAGf"}
+{"version":3,"file":"dataPaint.d.ts","sourceRoot":"","sources":["../../../src/services/painter/dataPaint.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAc,MAAM,aAAa,CAAC;AAGjE,qBAAa,SAAU,SAAQ,SAAS;IACtC,OAAO,CAAC,qBAAqB,CAAO;IAEpC,OAAO,CAAC,oBAAoB,CAAoB;IAChD,OAAO,CAAC,kBAAkB,CAAsB;IAEhD,OAAO,CAAC,YAAY,CAAK;IAEnB,IAAI,CAAC,OAAO,EAAE,WAAW;IAoC/B,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,YAAY;IA2EpB,OAAO,CAAC,iBAAiB;IAyEzB,OAAO,CAAC,gBAAgB;IAoCxB,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,gBAAgB;IAoBxB,OAAO,CAAC,SAAS;IAuCjB,OAAO,CAAC,MAAM;CAGf"}