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

package/esm/orderly/useOrderbookStream.js

@@ -8,28 +8,33 @@ import { Decimal } from "@orderly.network/utils";
 import { min } from "ramda";
 import { SDKError } from "@orderly.network/types";
 import orderbooksService from './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];
+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 Decimal(Math.ceil(price / depth)).mul(depth).toNumber();
-            }
-            else {
+            } else {
                 priceKey = new Decimal(Math.floor(price / depth)).mul(depth).toNumber();
             }
             if (depth < 1 && depth > 0 && priceKey.toString().indexOf(".") !== -1) {
@@ -46,30 +51,35 @@ const reduceItems = (depth, level, data, asks = false) => {
                 const item = prices.get(priceKey);
                 const itemPrice = new 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 Decimal(quantity)
-            .add(result.length > 0 ? result[result.length - 1][2] : 0)
-            .toNumber();
-        const newAmount = new 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 Decimal(quantity).add(result.length > 0 ? result[result.length - 1][2] : 0).toNumber();
+        const newAmount = new 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;
 };
@@ -78,8 +88,7 @@ const reduceItems = (depth, level, data, asks = false) => {
  * @param depth
  * @param level
  * @param data
- */
-export const reduceOrderbook = (depth, level, padding, data) => {
+ */ export 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
@@ -87,17 +96,21 @@ export 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;
@@ -105,17 +118,15 @@ export 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;
                 }
             }
@@ -123,38 +134,32 @@ export 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
     };
 };
-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;
                 }
             }
@@ -162,22 +167,28 @@ const mergeItems = (data, update) => {
     }
     return data;
 };
-export const mergeOrderbook = (data, update) => {
-    let asks = [...data.asks];
-    let bids = [...data.bids];
+export 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
     };
 };
-const INIT_DATA = { asks: [], bids: [] };
+const INIT_DATA = {
+    asks: [],
+    bids: []
+};
 /**
  * @name useOrderbookStream
  * @description React hook that returns the current orderbook for a given market
- */
-export const useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
+ */ export const useOrderbookStream = (symbol, initial = INIT_DATA, options)=>{
     if (!symbol) {
         throw new SDKError("useOrderbookStream requires a symbol");
     }
@@ -191,33 +202,50 @@ export const useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
     const [depth, setDepth] = useState();
     // markPrice, lastPrice
     const prevMiddlePrice = useRef(0);
-    const depths = useMemo(() => {
+    const depths = useMemo(()=>{
         const tick = config("quote_tick");
-        return [tick, tick * 10, tick * 100, tick * 1000];
-    }, [config("quote_tick")]);
-    useEffect(() => {
+        return [
+            tick,
+            tick * 10,
+            tick * 100,
+            tick * 1000
+        ];
+    }, [
+        config("quote_tick")
+    ]);
+    useEffect(()=>{
         setDepth(config("quote_tick"));
-    }, [config("quote_tick")]);
+    }, [
+        config("quote_tick")
+    ]);
     const ws = useWS();
     const ticker = useTickerStream(symbol);
     const eventEmitter = useEventEmitter();
     // const orderbookRequest =
-    useEffect(() => {
+    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;
-                orderbooksService.updateOrderbook(symbol, { asks, bids, ts, prevTs }, () => needRequestFullOrderbook = true);
+                orderbooksService.updateOrderbook(symbol, {
+                    asks,
+                    bids,
+                    ts,
+                    prevTs
+                }, ()=>needRequestFullOrderbook = true);
                 const data = orderbooksService.getRawOrderbook(symbol);
-                setData({ bids: data.bids, asks: data.asks });
+                setData({
+                    bids: data.bids,
+                    asks: data.asks
+                });
             }
         });
         if (needRequestFullOrderbook) {
@@ -227,50 +255,66 @@ export 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;
-                    orderbooksService.setFullOrderbook(symbol, { asks, bids, ts });
+                    orderbooksService.setFullOrderbook(symbol, {
+                        asks,
+                        bids,
+                        ts
+                    });
                     const data = orderbooksService.getRawOrderbook(symbol);
-                    setData({ bids: data.bids, asks: data.asks });
+                    setData({
+                        bids: data.bids,
+                        asks: data.asks
+                    });
                     setIsLoading(false);
-                },
+                }
             });
             needRequestFullOrderbook = false;
         }
-        return () => {
+        return ()=>{
             // unsubscribe
             orderBookUpdateSub?.();
             fullOrderBookUpdateSub?.();
             orderbooksService.resetOrderBook(symbol);
             setData(INIT_DATA);
         };
-    }, [symbol]);
+    }, [
+        symbol
+    ]);
     // const {data:markPrices} = useMarkPricesStream();
     const { data: markPrice } = useMarkPrice(symbol);
-    const onItemClick = useCallback((item) => {
+    const onItemClick = useCallback((item)=>{
         eventEmitter.emit("orderbook:item:click", item);
     }, []);
-    const onDepthChange = useCallback((depth) => {
+    const onDepthChange = useCallback((depth)=>{
         //
-        setDepth(() => depth);
+        setDepth(()=>depth);
     }, []);
     const reducedData = reduceOrderbook(depth, level, padding, {
-        asks: [...data.asks],
-        bids: [...data.bids],
+        asks: [
+            ...data.asks
+        ],
+        bids: [
+            ...data.bids
+        ]
     });
     // emit the asks0 and bids0
-    useEffect(() => {
+    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 = useMemo(() => {
+    }, [
+        reducedData.asks?.[reducedData.asks.length - 1]?.[0],
+        reducedData.bids?.[0]?.[0]
+    ]);
+    const middlePrice = useMemo(()=>{
         let asksFrist = 0, bidsFirst = 0;
         if (data.asks.length > 0) {
             asksFrist = reducedData.asks?.[reducedData.asks.length - 1]?.[0];
@@ -278,20 +322,39 @@ export 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]);
-    useEffect(() => {
+        if (isNaN(asksFrist) || isNaN(bidsFirst) || !ticker) return 0;
+        return [
+            asksFrist,
+            bidsFirst,
+            ticker["24h_close"]
+        ].sort()[1];
+    }, [
+        ticker?.["24h_close"],
+        data
+    ]);
+    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
+        }
     ];
 };
+
+//# sourceMappingURL=useOrderbookStream.js.map

package/esm/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":["useCallback","useEffect","useMemo","useRef","useState","useTickerStream","useMarkPrice","useWS","useEventEmitter","useSymbolsInfo","Decimal","min","SDKError","orderbooksService","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","Math","ceil","mul","toNumber","floor","toString","indexOf","priceStr","index","decimal","slice","decimalDepth","decimalStr","has","item","get","itemPrice","add","set","from","values","newQuantity","newAmount","push","reduceOrderbook","padding","bids","qty","shift","undefined","bidPrice","askPrice","askQty","logStr","reverse","concat","mergeItems","update","filter","findIndex","p","splice","mergeOrderbook","sort","INIT_DATA","useOrderbookStream","symbol","initial","options","requestData","setRequestData","setData","isLoading","setIsLoading","config","setDepth","prevMiddlePrice","depths","tick","ws","ticker","eventEmitter","needRequestFullOrderbook","orderBookUpdateSub","fullOrderBookUpdateSub","subscribe","event","topic","formatter","message","onMessage","wsData","ts","prevTs","updateOrderbook","getRawOrderbook","onceSubscribe","id","params","type","setFullOrderbook","resetOrderBook","markPrice","onItemClick","emit","onDepthChange","reducedData","updateData","middlePrice","asksFrist","bidsFirst","current","allDepths"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}