@orderly.network/hooks 1.2.0-alpha.0 → 1.3.0-alpha.0

package/lib/orderly/useOrderbookStream.js

@@ -1,91 +1,115 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOrderbookStream = exports.mergeOrderbook = exports.reduceOrderbook = void 0;
-const react_1 = require("react");
-const useTickerStream_1 = require("./useTickerStream");
-const useMarkPrice_1 = require("./useMarkPrice");
-const useWS_1 = require("../useWS");
-const useEventEmitter_1 = require("../useEventEmitter");
-const useSymbolsInfo_1 = require("./useSymbolsInfo");
-const utils_1 = require("@orderly.network/utils");
-const ramda_1 = require("ramda");
-const types_1 = require("@orderly.network/types");
-const orderbook_service_1 = __importDefault(require("./orderbook.service"));
-const paddingFn = (len) => Array(len).fill([Number.NaN, Number.NaN, Number.NaN, Number.NaN]);
-const asksSortFn = (a, b) => a[0] - b[0];
-const bidsSortFn = (a, b) => b[0] - a[0];
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    mergeOrderbook: function() {
+        return mergeOrderbook;
+    },
+    reduceOrderbook: function() {
+        return reduceOrderbook;
+    },
+    useOrderbookStream: function() {
+        return useOrderbookStream;
+    }
+});
+const _react = require("react");
+const _useTickerStream = require("./useTickerStream");
+const _useMarkPrice = require("./useMarkPrice");
+const _useWS = require("../useWS");
+const _useEventEmitter = require("../useEventEmitter");
+const _useSymbolsInfo = require("./useSymbolsInfo");
+const _utils = require("@orderly.network/utils");
+const _ramda = require("ramda");
+const _types = require("@orderly.network/types");
+const _orderbookservice = /*#__PURE__*/ _interop_require_default(require("./orderbook.service"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const paddingFn = (len)=>Array(len).fill([
+        Number.NaN,
+        Number.NaN,
+        Number.NaN,
+        Number.NaN
+    ]);
+const asksSortFn = (a, b)=>a[0] - b[0];
+const bidsSortFn = (a, b)=>b[0] - a[0];
 // const commonSortFn = (a: OrderBookItem, b: OrderBookItem) => b[0] - a[0];
-const reduceItems = (depth, level, data, asks = false) => {
+const reduceItems = (depth, level, data, asks = false)=>{
     if (!Array.isArray(data) || data.length === 0) {
         return [];
     }
-    let newData = [...data];
+    let newData = [
+        ...data
+    ];
     const result = [];
     //
     if (typeof depth !== "undefined") {
         const prices = new Map();
-        for (let i = 0; i < data.length; i++) {
+        for(let i = 0; i < data.length; i++){
             const [price, quantity] = data[i];
-            if (isNaN(price) || isNaN(quantity))
-                continue;
+            if (isNaN(price) || isNaN(quantity)) continue;
             let priceKey;
             if (asks) {
-                priceKey = new utils_1.Decimal(Math.ceil(price / depth)).mul(depth).toNumber();
-            }
-            else {
-                priceKey = new utils_1.Decimal(Math.floor(price / depth)).mul(depth).toNumber();
+                priceKey = new _utils.Decimal(Math.ceil(price / depth)).mul(depth).toNumber();
+            } else {
+                priceKey = new _utils.Decimal(Math.floor(price / depth)).mul(depth).toNumber();
             }
             if (depth < 1 && depth > 0 && priceKey.toString().indexOf(".") !== -1) {
                 const priceStr = price.toString();
                 const index = priceStr.indexOf(".");
                 const decimal = priceStr.slice(index + 1);
                 const decimalDepth = depth.toString().slice(2).length;
-                const decimalStr = decimal.slice(0, (0, ramda_1.min)(decimal.length, decimalDepth));
-                priceKey = new utils_1.Decimal(priceStr.slice(0, index) + "." + decimalStr).toNumber();
+                const decimalStr = decimal.slice(0, (0, _ramda.min)(decimal.length, decimalDepth));
+                priceKey = new _utils.Decimal(priceStr.slice(0, index) + "." + decimalStr).toNumber();
             }
             // console.log(`reduce items price: ${price}, priceKey: ${priceKey}, depth: ${depth}, resetPriceKey: ${price.toString === priceKey.toString}`);
             // console.log(`ask: ${asks} reduce items price: ${priceKey}`);
             if (prices.has(priceKey)) {
                 const item = prices.get(priceKey);
-                const itemPrice = new utils_1.Decimal(item[1]).add(quantity).toNumber();
+                const itemPrice = new _utils.Decimal(item[1]).add(quantity).toNumber();
                 // prices.push([price, quantity]);
-                prices.set(priceKey, [priceKey, itemPrice]);
-            }
-            else {
-                prices.set(priceKey, [priceKey, quantity]);
+                prices.set(priceKey, [
+                    priceKey,
+                    itemPrice
+                ]);
+            } else {
+                prices.set(priceKey, [
+                    priceKey,
+                    quantity
+                ]);
             }
         }
         newData = Array.from(prices.values());
     }
-    for (let i = 0; i < newData.length; i++) {
+    for(let i = 0; i < newData.length; i++){
         const [price, quantity] = newData[i];
-        if (isNaN(price) || isNaN(quantity))
-            continue;
-        const newQuantity = new utils_1.Decimal(quantity)
-            .add(result.length > 0 ? result[result.length - 1][2] : 0)
-            .toNumber();
-        const newAmount = new utils_1.Decimal(quantity * price)
-            .add(result.length > 0 ? result[result.length - 1][3] : 0)
-            .toNumber();
-        result.push([price, quantity, newQuantity, newAmount]);
-        // if the total is greater than the level, break
-        // TODO:
-        // if (i + 1 >= level) {
-        //   break;
-        // }
+        if (isNaN(price) || isNaN(quantity)) continue;
+        const newQuantity = new _utils.Decimal(quantity).add(result.length > 0 ? result[result.length - 1][2] : 0).toNumber();
+        const newAmount = new _utils.Decimal(quantity * price).add(result.length > 0 ? result[result.length - 1][3] : 0).toNumber();
+        result.push([
+            price,
+            quantity,
+            newQuantity,
+            newAmount
+        ]);
+    // if the total is greater than the level, break
+    // TODO:
+    // if (i + 1 >= level) {
+    //   break;
+    // }
     }
     return result;
 };
-/**
- * @name reduceOrderbook
- * @param depth
- * @param level
- * @param data
- */
-const reduceOrderbook = (depth, level, padding, data) => {
+const reduceOrderbook = (depth, level, padding, data)=>{
     let asks = reduceItems(depth, level, data.asks, true);
     let bids = reduceItems(depth, level, data.bids);
     /// not empty and asks.price <= bids.price
@@ -93,17 +117,21 @@ const reduceOrderbook = (depth, level, padding, data) => {
         if (asks.length === 1) {
             const [price, qty, newQuantity, newAmount] = asks[0];
             asks.shift();
-            asks.push([price + (depth === undefined ? 0 : depth), qty, newQuantity, newAmount]);
-        }
-        else {
+            asks.push([
+                price + (depth === undefined ? 0 : depth),
+                qty,
+                newQuantity,
+                newAmount
+            ]);
+        } else {
             const [bidPrice] = bids[0];
-            while (asks.length > 0) {
+            while(asks.length > 0){
                 const [askPrice, askQty, newQuantity, newAmount] = asks[0];
                 if (askPrice <= bidPrice) {
                     // console.log("xxxxxxxxxxx reset ask list begin", [...asks], { ...asks[0] });
                     asks.shift();
                     let logStr = "";
-                    for (let index = 0; index < asks.length; index++) {
+                    for(let index = 0; index < asks.length; index++){
                         if (index === 0) {
                             const quantity = asks[index][1] + askQty;
                             asks[index][1] = quantity;
@@ -111,17 +139,15 @@ const reduceOrderbook = (depth, level, padding, data) => {
                             // asks[index][3] += newAmount;
                             // FIXME: fix this code later
                             asks[index][3] = Math.ceil(quantity) * asks[index][0];
-                        }
-                        else {
+                        } else {
                             // 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`;
                     }
-                    // console.log("xxxxxxxxxxx reset ask list end", logStr);
-                }
-                else {
+                // console.log("xxxxxxxxxxx reset ask list end", logStr);
+                } else {
                     break;
                 }
             }
@@ -129,39 +155,32 @@ const reduceOrderbook = (depth, level, padding, data) => {
     }
     asks = asks.reverse();
     if (padding) {
-        asks =
-            asks.length < level ? paddingFn(level - asks.length).concat(asks) : asks;
-        bids =
-            bids.length < level ? bids.concat(paddingFn(level - bids.length)) : bids;
+        asks = asks.length < level ? paddingFn(level - asks.length).concat(asks) : asks;
+        bids = bids.length < level ? bids.concat(paddingFn(level - bids.length)) : bids;
     }
     return {
         asks: asks,
-        bids: bids,
+        bids: bids
     };
 };
-exports.reduceOrderbook = reduceOrderbook;
-const mergeItems = (data, update) => {
+const mergeItems = (data, update)=>{
     // let index = -1;
-    if (data.length === 0)
-        return update;
-    data = data.filter(([price]) => !isNaN(price));
-    while (update.length > 0) {
+    if (data.length === 0) return update;
+    data = data.filter(([price])=>!isNaN(price));
+    while(update.length > 0){
         const item = update.shift();
         //
         if (item) {
             const [price, quantity] = item;
-            const index = data.findIndex(([p], index) => p === price);
+            const index = data.findIndex(([p], index)=>p === price);
             //
             if (index === -1) {
-                if (quantity === 0)
-                    continue;
+                if (quantity === 0) continue;
                 data.push(item);
-            }
-            else {
+            } else {
                 if (quantity === 0) {
                     data.splice(index, 1);
-                }
-                else {
+                } else {
                     data[index] = item;
                 }
             }
@@ -169,63 +188,82 @@ const mergeItems = (data, update) => {
     }
     return data;
 };
-const mergeOrderbook = (data, update) => {
-    let asks = [...data.asks];
-    let bids = [...data.bids];
+const mergeOrderbook = (data, update)=>{
+    let asks = [
+        ...data.asks
+    ];
+    let bids = [
+        ...data.bids
+    ];
     asks = mergeItems(asks, update.asks).sort(asksSortFn);
     bids = mergeItems(bids, update.bids).sort(bidsSortFn);
     return {
         asks: asks,
-        bids: bids,
+        bids: bids
     };
 };
-exports.mergeOrderbook = mergeOrderbook;
-const INIT_DATA = { asks: [], bids: [] };
-/**
- * @name useOrderbookStream
- * @description React hook that returns the current orderbook for a given market
- */
-const useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
+const INIT_DATA = {
+    asks: [],
+    bids: []
+};
+const useOrderbookStream = (symbol, initial = INIT_DATA, options)=>{
     if (!symbol) {
-        throw new types_1.SDKError("useOrderbookStream requires a symbol");
+        throw new _types.SDKError("useOrderbookStream requires a symbol");
     }
     const level = options?.level ?? 10;
     const padding = options?.padding ?? true;
-    const [requestData, setRequestData] = (0, react_1.useState)(null);
-    const [data, setData] = (0, react_1.useState)(initial);
-    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const [requestData, setRequestData] = (0, _react.useState)(null);
+    const [data, setData] = (0, _react.useState)(initial);
+    const [isLoading, setIsLoading] = (0, _react.useState)(true);
     // const [level, setLevel] = useState(() => options?.level ?? 10);
-    const config = (0, useSymbolsInfo_1.useSymbolsInfo)()[symbol];
-    const [depth, setDepth] = (0, react_1.useState)();
+    const config = (0, _useSymbolsInfo.useSymbolsInfo)()[symbol];
+    const [depth, setDepth] = (0, _react.useState)();
     // markPrice, lastPrice
-    const prevMiddlePrice = (0, react_1.useRef)(0);
-    const depths = (0, react_1.useMemo)(() => {
+    const prevMiddlePrice = (0, _react.useRef)(0);
+    const depths = (0, _react.useMemo)(()=>{
         const tick = config("quote_tick");
-        return [tick, tick * 10, tick * 100, tick * 1000];
-    }, [config("quote_tick")]);
-    (0, react_1.useEffect)(() => {
+        return [
+            tick,
+            tick * 10,
+            tick * 100,
+            tick * 1000
+        ];
+    }, [
+        config("quote_tick")
+    ]);
+    (0, _react.useEffect)(()=>{
         setDepth(config("quote_tick"));
-    }, [config("quote_tick")]);
-    const ws = (0, useWS_1.useWS)();
-    const ticker = (0, useTickerStream_1.useTickerStream)(symbol);
-    const eventEmitter = (0, useEventEmitter_1.useEventEmitter)();
+    }, [
+        config("quote_tick")
+    ]);
+    const ws = (0, _useWS.useWS)();
+    const ticker = (0, _useTickerStream.useTickerStream)(symbol);
+    const eventEmitter = (0, _useEventEmitter.useEventEmitter)();
     // const orderbookRequest =
-    (0, react_1.useEffect)(() => {
+    (0, _react.useEffect)(()=>{
         let needRequestFullOrderbook = true;
         setIsLoading(true);
         let orderBookUpdateSub;
         let fullOrderBookUpdateSub;
         orderBookUpdateSub = ws.subscribe({
             event: "subscribe",
-            topic: `${symbol}@orderbookupdate`,
+            topic: `${symbol}@orderbookupdate`
         }, {
-            formatter: (message) => message,
-            onMessage: (message) => {
+            formatter: (message)=>message,
+            onMessage: (message)=>{
                 const { data: wsData, ts } = message;
                 const { asks, bids, prevTs } = wsData;
-                orderbook_service_1.default.updateOrderbook(symbol, { asks, bids, ts, prevTs }, () => needRequestFullOrderbook = true);
-                const data = orderbook_service_1.default.getRawOrderbook(symbol);
-                setData({ bids: data.bids, asks: data.asks });
+                _orderbookservice.default.updateOrderbook(symbol, {
+                    asks,
+                    bids,
+                    ts,
+                    prevTs
+                }, ()=>needRequestFullOrderbook = true);
+                const data = _orderbookservice.default.getRawOrderbook(symbol);
+                setData({
+                    bids: data.bids,
+                    asks: data.asks
+                });
             }
         });
         if (needRequestFullOrderbook) {
@@ -235,50 +273,66 @@ const useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
                 id: `${symbol}@orderbook`,
                 params: {
                     type: "orderbook",
-                    symbol: symbol,
-                },
+                    symbol: symbol
+                }
             }, {
-                formatter: (message) => message,
-                onMessage: (message) => {
+                formatter: (message)=>message,
+                onMessage: (message)=>{
                     const { symbol, asks, bids, ts } = message.data;
-                    orderbook_service_1.default.setFullOrderbook(symbol, { asks, bids, ts });
-                    const data = orderbook_service_1.default.getRawOrderbook(symbol);
-                    setData({ bids: data.bids, asks: data.asks });
+                    _orderbookservice.default.setFullOrderbook(symbol, {
+                        asks,
+                        bids,
+                        ts
+                    });
+                    const data = _orderbookservice.default.getRawOrderbook(symbol);
+                    setData({
+                        bids: data.bids,
+                        asks: data.asks
+                    });
                     setIsLoading(false);
-                },
+                }
             });
             needRequestFullOrderbook = false;
         }
-        return () => {
+        return ()=>{
             // unsubscribe
             orderBookUpdateSub?.();
             fullOrderBookUpdateSub?.();
-            orderbook_service_1.default.resetOrderBook(symbol);
+            _orderbookservice.default.resetOrderBook(symbol);
             setData(INIT_DATA);
         };
-    }, [symbol]);
+    }, [
+        symbol
+    ]);
     // const {data:markPrices} = useMarkPricesStream();
-    const { data: markPrice } = (0, useMarkPrice_1.useMarkPrice)(symbol);
-    const onItemClick = (0, react_1.useCallback)((item) => {
+    const { data: markPrice } = (0, _useMarkPrice.useMarkPrice)(symbol);
+    const onItemClick = (0, _react.useCallback)((item)=>{
         eventEmitter.emit("orderbook:item:click", item);
     }, []);
-    const onDepthChange = (0, react_1.useCallback)((depth) => {
+    const onDepthChange = (0, _react.useCallback)((depth)=>{
         //
-        setDepth(() => depth);
+        setDepth(()=>depth);
     }, []);
-    const reducedData = (0, exports.reduceOrderbook)(depth, level, padding, {
-        asks: [...data.asks],
-        bids: [...data.bids],
+    const reducedData = reduceOrderbook(depth, level, padding, {
+        asks: [
+            ...data.asks
+        ],
+        bids: [
+            ...data.bids
+        ]
     });
     // emit the asks0 and bids0
-    (0, react_1.useEffect)(() => {
+    (0, _react.useEffect)(()=>{
         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]]);
-    const middlePrice = (0, react_1.useMemo)(() => {
+    }, [
+        reducedData.asks?.[reducedData.asks.length - 1]?.[0],
+        reducedData.bids?.[0]?.[0]
+    ]);
+    const middlePrice = (0, _react.useMemo)(()=>{
         let asksFrist = 0, bidsFirst = 0;
         if (data.asks.length > 0) {
             asksFrist = reducedData.asks?.[reducedData.asks.length - 1]?.[0];
@@ -286,21 +340,39 @@ const useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
         if (data.bids.length > 0) {
             bidsFirst = data.bids[0][0];
         }
-        if (isNaN(asksFrist) || isNaN(bidsFirst) || !ticker)
-            return 0;
-        return [asksFrist, bidsFirst, ticker["24h_close"]].sort()[1];
-    }, [ticker?.["24h_close"], data]);
-    (0, react_1.useEffect)(() => {
+        if (isNaN(asksFrist) || isNaN(bidsFirst) || !ticker) return 0;
+        return [
+            asksFrist,
+            bidsFirst,
+            ticker["24h_close"]
+        ].sort()[1];
+    }, [
+        ticker?.["24h_close"],
+        data
+    ]);
+    (0, _react.useEffect)(()=>{
         prevMiddlePrice.current = middlePrice;
-    }, [middlePrice]);
+    }, [
+        middlePrice
+    ]);
     return [
         {
             asks: reducedData.asks.slice(-level),
             bids: reducedData.bids.slice(0, level),
             markPrice: markPrice,
-            middlePrice: [prevMiddlePrice.current, middlePrice],
+            middlePrice: [
+                prevMiddlePrice.current,
+                middlePrice
+            ]
         },
-        { onDepthChange, depth, allDepths: depths, isLoading, onItemClick },
+        {
+            onDepthChange,
+            depth,
+            allDepths: depths,
+            isLoading,
+            onItemClick
+        }
     ];
 };
-exports.useOrderbookStream = useOrderbookStream;
+
+//# sourceMappingURL=useOrderbookStream.js.map

package/lib/orderly/useOrderbookStream.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/orderly/useOrderbookStream.ts"],"sourcesContent":["import {useCallback, useEffect, useMemo, useRef, useState} from \"react\";\nimport {useTickerStream} from \"./useTickerStream\";\nimport {useMarkPrice} from \"./useMarkPrice\";\nimport {useWS} from \"../useWS\";\nimport {useEventEmitter} from \"../useEventEmitter\";\nimport {useSymbolsInfo} from \"./useSymbolsInfo\";\nimport {Decimal} from \"@orderly.network/utils\";\nimport {max, min} from \"ramda\";\nimport {SDKError} from \"@orderly.network/types\";\nimport orderbooksService from './orderbook.service';\n\nexport type OrderBookItem = number[];\n\nexport type OrderbookData = {\n    asks: OrderBookItem[];\n    bids: OrderBookItem[];\n};\n\nconst paddingFn = (len: number) =>\n    Array(len).fill([Number.NaN, Number.NaN, Number.NaN, Number.NaN] as OrderBookItem);\n\nconst asksSortFn = (a: OrderBookItem, b: OrderBookItem) => a[0] - b[0];\n\nconst bidsSortFn = (a: OrderBookItem, b: OrderBookItem) => b[0] - a[0];\n\n// const commonSortFn = (a: OrderBookItem, b: OrderBookItem) => b[0] - a[0];\n\nconst reduceItems = (\n    depth: number | undefined,\n    level: number,\n    data: OrderBookItem[],\n    asks = false\n) => {\n    if (!Array.isArray(data) || data.length === 0) {\n        return [];\n    }\n    let newData = [...data];\n    const result: OrderBookItem[] = [];\n\n    //\n\n    if (typeof depth !== \"undefined\") {\n        const prices = new Map<number, number[]>();\n        for (let i = 0; i < data.length; i++) {\n            const [price, quantity] = data[i];\n            if (isNaN(price) || isNaN(quantity)) continue;\n            let priceKey;\n\n            if (asks) {\n                priceKey = new Decimal(Math.ceil(price / depth)).mul(depth).toNumber();\n            } else {\n                priceKey = new Decimal(Math.floor(price / depth)).mul(depth).toNumber();\n            }\n\n            if (depth < 1 && depth > 0 && priceKey.toString().indexOf(\".\") !== -1) {\n                const priceStr = price.toString();\n                const index = priceStr.indexOf(\".\");\n                const decimal = priceStr.slice(index + 1);\n                const decimalDepth = depth.toString().slice(2).length;\n                const decimalStr = decimal.slice(0, min(decimal.length, decimalDepth));\n                priceKey = new Decimal(\n                    priceStr.slice(0, index) + \".\" + decimalStr\n                ).toNumber();\n            }\n\n            // console.log(`reduce items price: ${price}, priceKey: ${priceKey}, depth: ${depth}, resetPriceKey: ${price.toString === priceKey.toString}`);\n            // console.log(`ask: ${asks} reduce items price: ${priceKey}`);\n\n            if (prices.has(priceKey)) {\n                const item = prices.get(priceKey)!;\n                const itemPrice = new Decimal(item[1]).add(quantity).toNumber();\n\n                // prices.push([price, quantity]);\n                prices.set(priceKey, [priceKey, itemPrice]);\n            } else {\n                prices.set(priceKey, [priceKey, quantity]);\n            }\n        }\n\n        newData = Array.from(prices.values());\n    }\n\n    for (let i = 0; i < newData.length; i++) {\n        const [price, quantity] = newData[i];\n        if (isNaN(price) || isNaN(quantity)) continue;\n\n        const newQuantity = new Decimal(quantity)\n            .add(result.length > 0 ? result[result.length - 1][2] : 0)\n            .toNumber();\n\n        const newAmount = new Decimal(quantity * price)\n            .add(result.length > 0 ? result[result.length - 1][3] : 0)\n            .toNumber();\n\n        result.push([price, quantity, newQuantity, newAmount]);\n        // if the total is greater than the level, break\n        // TODO:\n        // if (i + 1 >= level) {\n        //   break;\n        // }\n    }\n\n    return result;\n};\n\n/**\n * @name reduceOrderbook\n * @param depth\n * @param level\n * @param data\n */\nexport const reduceOrderbook = (\n    depth: number | undefined,\n    level: number,\n    padding: boolean,\n    data: OrderbookData,\n): OrderbookData => {\n    let asks = reduceItems(depth, level, data.asks, true);\n\n    let bids = reduceItems(depth, level, data.bids);\n\n    /// not empty and asks.price <= bids.price\n    if (asks.length !== 0 && bids.length !== 0 && asks[0][0] <= bids[0][0]) {\n        if (asks.length === 1) {\n            const [price, qty, newQuantity, newAmount] = asks[0];\n            asks.shift();\n            asks.push([price + (depth === undefined ? 0 : depth), qty, newQuantity, newAmount]);\n        } else {\n            const [bidPrice] = bids[0];\n            while (asks.length > 0) {\n                const [askPrice, askQty, newQuantity, newAmount] = asks[0];\n\n\n                if (askPrice <= bidPrice) {\n                    // console.log(\"xxxxxxxxxxx reset ask list begin\", [...asks], { ...asks[0] });\n                    asks.shift();\n                    let logStr = \"\";\n                    for (let index = 0; index < asks.length; index++) {\n                        if (index === 0) {\n                            const quantity = asks[index][1] + askQty;\n                            asks[index][1] = quantity;\n                            asks[index][2] = quantity;\n                            // asks[index][3] += newAmount;\n                            // FIXME: fix this code later\n                            asks[index][3] = Math.ceil(quantity) * asks[index][0];\n                        } else {\n                            // asks[index][3] += newAmount;\n                            // FIXME: fix this code later\n                            asks[index][3] = asks[index][0] * asks[index][1] + asks[index - 1][3];\n                        }\n                        logStr += `index: ${index} ${asks[index]}\\n`;\n                    }\n                    // console.log(\"xxxxxxxxxxx reset ask list end\", logStr);\n                } else {\n                    break;\n                }\n            }\n        }\n    }\n\n    asks = asks.reverse();\n\n    if (padding) {\n        asks =\n            asks.length < level ? paddingFn(level - asks.length).concat(asks) : asks;\n        bids =\n            bids.length < level ? bids.concat(paddingFn(level - bids.length)) : bids;\n    }\n\n    return {\n        asks: asks,\n        bids: bids,\n    };\n};\n\nconst mergeItems = (data: OrderBookItem[], update: OrderBookItem[]) => {\n    // let index = -1;\n    if (data.length === 0) return update;\n\n    data = data.filter(([price]) => !isNaN(price));\n\n    while (update.length > 0) {\n        const item = update.shift();\n        //\n        if (item) {\n            const [price, quantity] = item;\n\n            const index = data.findIndex(([p], index) => p === price);\n            //\n            if (index === -1) {\n                if (quantity === 0) continue;\n                data.push(item);\n            } else {\n                if (quantity === 0) {\n                    data.splice(index, 1);\n                } else {\n                    data[index] = item;\n                }\n            }\n        }\n    }\n\n    return data;\n};\n\nexport const mergeOrderbook = (data: OrderbookData, update: OrderbookData) => {\n    let asks = [...data.asks];\n    let bids = [...data.bids];\n\n    asks = mergeItems(asks, update.asks).sort(asksSortFn);\n    bids = mergeItems(bids, update.bids).sort(bidsSortFn);\n\n    return {\n        asks: asks,\n        bids: bids,\n    };\n};\n\n/**\n * Configuration for the Order Book\n */\nexport type OrderbookOptions = {\n    /** Indicates the number of data entries to return for ask/bid, default is 10 */\n    level?: number;\n    /** Whether to fill in when the actual data entries are less than the level. If filled, it will add [nan, nan, nan, nan]. Default is true */\n    padding?: boolean;\n};\n\nconst INIT_DATA = {asks: [], bids: []};\n\n/**\n * @name useOrderbookStream\n * @description React hook that returns the current orderbook for a given market\n */\nexport const useOrderbookStream = (\n    symbol: string,\n    initial: OrderbookData = INIT_DATA,\n    options?: OrderbookOptions\n) => {\n    if (!symbol) {\n        throw new SDKError(\"useOrderbookStream requires a symbol\");\n    }\n\n    const level = options?.level ?? 10;\n    const padding = options?.padding ?? true;\n\n    const [requestData, setRequestData] = useState<OrderbookData | null>(null);\n    const [data, setData] = useState<OrderbookData>(initial);\n    const [isLoading, setIsLoading] = useState(true);\n    // const [level, setLevel] = useState(() => options?.level ?? 10);\n\n    const config = useSymbolsInfo()[symbol];\n\n    const [depth, setDepth] = useState<number | undefined>();\n\n    // markPrice, lastPrice\n    const prevMiddlePrice = useRef<number>(0);\n\n    const depths = useMemo(() => {\n        const tick = config(\"quote_tick\");\n\n        return [tick, tick * 10, tick * 100, tick * 1000];\n    }, [config(\"quote_tick\")]);\n\n    useEffect(() => {\n        setDepth(config(\"quote_tick\"));\n    }, [config(\"quote_tick\")]);\n\n    const ws = useWS();\n\n    const ticker = useTickerStream(symbol);\n\n    const eventEmitter = useEventEmitter();\n\n    // const orderbookRequest =\n\n    useEffect(() => {\n        let needRequestFullOrderbook= true;\n        setIsLoading(true);\n        let orderBookUpdateSub: any;\n        let fullOrderBookUpdateSub: any;\n        orderBookUpdateSub = ws.subscribe(\n            {\n                event: \"subscribe\",\n                topic: `${symbol}@orderbookupdate`,\n            },\n            {\n                formatter: (message) => message,\n                onMessage: (message: any) => {\n                    const {data: wsData, ts} = message;\n                    const {asks, bids, prevTs} = wsData;\n                    orderbooksService.updateOrderbook(symbol, {asks, bids, ts, prevTs}, () => needRequestFullOrderbook = true);\n\n\n                    const data = orderbooksService.getRawOrderbook(symbol);\n                    setData({bids: data.bids, asks: data.asks});\n\n                }\n            }\n        )\n\n        if ( needRequestFullOrderbook) {\n            setIsLoading(true);\n\n            fullOrderBookUpdateSub = ws.onceSubscribe(\n                {\n                    event: \"request\",\n                    id: `${symbol}@orderbook`,\n                    params: {\n                        type: \"orderbook\",\n                        symbol: symbol,\n                    },\n                },\n                {\n                    formatter: (message) => message,\n                    onMessage: (message: any) => {\n                        const {symbol, asks, bids, ts} = message.data;\n                        orderbooksService.setFullOrderbook(symbol, {asks, bids, ts})\n                        const data = orderbooksService.getRawOrderbook(symbol);\n                        setData({bids: data.bids, asks: data.asks});\n\n                        setIsLoading(false);\n                    },\n                }\n            )\n            needRequestFullOrderbook= false;\n        }\n\n        return () => {\n            // unsubscribe\n            orderBookUpdateSub?.();\n            fullOrderBookUpdateSub?.();\n            orderbooksService.resetOrderBook(symbol);\n            setData(INIT_DATA);\n        }\n\n    }, [symbol]);\n\n    // const {data:markPrices} = useMarkPricesStream();\n\n    const {data: markPrice} = useMarkPrice(symbol);\n\n\n    const onItemClick = useCallback((item: OrderBookItem) => {\n        eventEmitter.emit(\"orderbook:item:click\", item);\n    }, []);\n\n    const onDepthChange = useCallback((depth: number) => {\n        //\n        setDepth(() => depth);\n    }, []);\n\n\n    const reducedData = reduceOrderbook(depth, level, padding, {\n        asks: [...data.asks],\n        bids: [...data.bids],\n    });\n\n    // emit the asks0 and bids0\n    useEffect(() => {\n        const updateData = [\n            reducedData.asks?.[reducedData.asks.length - 1]?.[0],\n            reducedData.bids?.[0]?.[0]\n        ];\n        eventEmitter.emit(\"orderbook:update\", updateData);\n    }, [reducedData.asks?.[reducedData.asks.length - 1]?.[0], reducedData.bids?.[0]?.[0]]);\n\n    const middlePrice = useMemo(() => {\n        let asksFrist = 0,\n            bidsFirst = 0;\n\n        if (data.asks.length > 0) {\n            asksFrist = reducedData.asks?.[reducedData.asks.length - 1]?.[0];\n        }\n\n        if (data.bids.length > 0) {\n            bidsFirst = data.bids[0][0];\n        }\n\n        if (isNaN(asksFrist) || isNaN(bidsFirst) || !ticker) return 0;\n\n\n        return [asksFrist, bidsFirst, ticker[\"24h_close\"]].sort()[1];\n    }, [ticker?.[\"24h_close\"], data]);\n\n    useEffect(() => {\n        prevMiddlePrice.current = middlePrice;\n    }, [middlePrice]);\n\n    return [\n        {\n            asks: reducedData.asks.slice(-level),\n            bids: reducedData.bids.slice(0, level),\n            markPrice: markPrice,\n            middlePrice: [prevMiddlePrice.current, middlePrice],\n        },\n        {onDepthChange, depth, allDepths: depths, isLoading, onItemClick},\n    ];\n};\n\nexport type useOrderbookStreamReturn = ReturnType<typeof useOrderbookStream>;\n"],"names":["mergeOrderbook","reduceOrderbook","useOrderbookStream","paddingFn","len","Array","fill","Number","NaN","asksSortFn","a","b","bidsSortFn","reduceItems","depth","level","data","asks","isArray","length","newData","result","prices","Map","i","price","quantity","isNaN","priceKey","Decimal","Math","ceil","mul","toNumber","floor","toString","indexOf","priceStr","index","decimal","slice","decimalDepth","decimalStr","min","has","item","get","itemPrice","add","set","from","values","newQuantity","newAmount","push","padding","bids","qty","shift","undefined","bidPrice","askPrice","askQty","logStr","reverse","concat","mergeItems","update","filter","findIndex","p","splice","sort","INIT_DATA","symbol","initial","options","SDKError","requestData","setRequestData","useState","setData","isLoading","setIsLoading","config","useSymbolsInfo","setDepth","prevMiddlePrice","useRef","depths","useMemo","tick","useEffect","ws","useWS","ticker","useTickerStream","eventEmitter","useEventEmitter","needRequestFullOrderbook","orderBookUpdateSub","fullOrderBookUpdateSub","subscribe","event","topic","formatter","message","onMessage","wsData","ts","prevTs","orderbooksService","updateOrderbook","getRawOrderbook","onceSubscribe","id","params","type","setFullOrderbook","resetOrderBook","markPrice","useMarkPrice","onItemClick","useCallback","emit","onDepthChange","reducedData","updateData","middlePrice","asksFrist","bidsFirst","current","allDepths"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}