@orderly.network/hooks 0.0.27 → 0.0.28

package/dist/index.d.mts

@@ -97,6 +97,8 @@ declare const useEventEmitter: (channel?: string) => EventEmitter<string | symbo
 
 declare function useSessionStorage<T>(key: string, initialValue: T): [T, (data: any) => void];
 
+declare function useLocalStorage<T>(key: string, initialValue: T): [T, any];
+
 type useRunOnceProps = {
     fn: () => any;
     sessionKey?: string;
@@ -324,4 +326,4 @@ declare namespace index {
   };
 }
 
-export { AppStateErrors, DataSourceProvider, OrderStatus, OrderlyAppConfig, OrderlyContext, OrderlyContextState, OrderlyProvider, index as apis, useAccount, useAccountInfo, useAccountInstance, useAppState, useBalance, useChains, useCollateral, useEventEmitter, useExecutionReport, useFetures, useFundingRate, useHolding, useLeverage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateObserve, usePrivateQuery, useQuery, useRunOnce, useSessionStorage, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradingView, useWS };
+export { AppStateErrors, DataSourceProvider, OrderStatus, OrderlyAppConfig, OrderlyContext, OrderlyContextState, OrderlyProvider, index as apis, useAccount, useAccountInfo, useAccountInstance, useAppState, useBalance, useChains, useCollateral, useEventEmitter, useExecutionReport, useFetures, useFundingRate, useHolding, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateObserve, usePrivateQuery, useQuery, useRunOnce, useSessionStorage, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradingView, useWS };

package/dist/index.d.ts

@@ -97,6 +97,8 @@ declare const useEventEmitter: (channel?: string) => EventEmitter<string | symbo
 
 declare function useSessionStorage<T>(key: string, initialValue: T): [T, (data: any) => void];
 
+declare function useLocalStorage<T>(key: string, initialValue: T): [T, any];
+
 type useRunOnceProps = {
     fn: () => any;
     sessionKey?: string;
@@ -324,4 +326,4 @@ declare namespace index {
   };
 }
 
-export { AppStateErrors, DataSourceProvider, OrderStatus, OrderlyAppConfig, OrderlyContext, OrderlyContextState, OrderlyProvider, index as apis, useAccount, useAccountInfo, useAccountInstance, useAppState, useBalance, useChains, useCollateral, useEventEmitter, useExecutionReport, useFetures, useFundingRate, useHolding, useLeverage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateObserve, usePrivateQuery, useQuery, useRunOnce, useSessionStorage, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradingView, useWS };
+export { AppStateErrors, DataSourceProvider, OrderStatus, OrderlyAppConfig, OrderlyContext, OrderlyContextState, OrderlyProvider, index as apis, useAccount, useAccountInfo, useAccountInstance, useAppState, useBalance, useChains, useCollateral, useEventEmitter, useExecutionReport, useFetures, useFundingRate, useHolding, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateObserve, usePrivateQuery, useQuery, useRunOnce, useSessionStorage, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradingView, useWS };

package/dist/index.js

@@ -350,6 +350,18 @@ var useEventEmitter = (channel) => {
     return ee;
   });
 };
+
+// src/utils/json.ts
+function parseJSON(value) {
+  try {
+    return value === "undefined" ? void 0 : JSON.parse(value != null ? value : "");
+  } catch (e) {
+    console.log("parsing error on", { value });
+    return void 0;
+  }
+}
+
+// src/useSessionStorage.ts
 function useSessionStorage(key, initialValue) {
   const readValue = React2.useCallback(() => {
     if (typeof window === "undefined") {
@@ -401,13 +413,42 @@ function useSessionStorage(key, initialValue) {
   );
   return [storedValue, setValue];
 }
-function parseJSON(value) {
-  try {
-    return value === "undefined" ? void 0 : JSON.parse(value != null ? value : "");
-  } catch (e) {
-    console.log("parsing error on", { value });
-    return void 0;
-  }
+function useLocalStorage(key, initialValue) {
+  const readValue = React2.useCallback(() => {
+    if (typeof window === "undefined") {
+      return initialValue;
+    }
+    try {
+      const item = window.localStorage.getItem(key);
+      return item ? parseJSON(item) : initialValue;
+    } catch (error) {
+      console.warn(`Error reading localStorage key \u201C${key}\u201D:`, error);
+      return initialValue;
+    }
+  }, [initialValue, key]);
+  const [storedValue, setStoredValue] = React2.useState(readValue);
+  const setValue = React2.useCallback(
+    (value) => {
+      if (typeof window === "undefined") {
+        console.warn(
+          `Tried setting localStorage key \u201C${key}\u201D even though environment is not a client`
+        );
+      }
+      try {
+        const newValue = value instanceof Function ? value(storedValue) : value;
+        window.localStorage.setItem(key, JSON.stringify(newValue));
+        setStoredValue(() => newValue);
+      } catch (error) {
+        console.warn(`Error setting localStorage key \u201C${key}\u201D:`, error);
+      }
+    },
+    [storedValue]
+  );
+  console.log("storedValue", storedValue);
+  React2.useEffect(() => {
+    setStoredValue(readValue());
+  }, []);
+  return [storedValue, setValue];
 }
 var useRunOnce = ({ fn, sessionKey }) => {
   const triggered = React2.useRef(false);
@@ -586,8 +627,6 @@ var useSymbolsInfo = () => {
   });
   return createGetter(data);
 };
-
-// src/orderly/useOrderbookStream.ts
 var paddingFn = (len) => Array(len).fill([Number.NaN, Number.NaN, Number.NaN]);
 var asksSortFn = (a, b) => a[0] - b[0];
 var bidsSortFn = (a, b) => b[0] - a[0];
@@ -605,13 +644,13 @@ var reduceItems = (depth, level, data, asks = false) => {
         continue;
       let priceKey;
       if (asks) {
-        priceKey = Math.ceil(price / depth) * depth;
+        priceKey = new utils.Decimal(Math.ceil(price / depth)).mul(depth).toNumber();
       } else {
-        priceKey = Math.floor(price / depth) * depth;
+        priceKey = new utils.Decimal(Math.floor(price / depth)).mul(depth).toNumber();
       }
       if (prices.has(priceKey)) {
         const item = prices.get(priceKey);
-        const itemPrice = item[1] + quantity;
+        const itemPrice = new utils.Decimal(item[1]).add(quantity).toNumber();
         prices.set(priceKey, [priceKey, itemPrice]);
       } else {
         prices.set(priceKey, [priceKey, quantity]);
@@ -623,11 +662,8 @@ var reduceItems = (depth, level, data, asks = false) => {
     const [price, quantity] = newData[i];
     if (isNaN(price) || isNaN(quantity))
       continue;
-    result.push([
-      price,
-      quantity,
-      quantity + (result.length > 0 ? result[result.length - 1][2] : 0)
-    ]);
+    const newQuantity = new utils.Decimal(quantity).add(result.length > 0 ? result[result.length - 1][2] : 0).toNumber();
+    result.push([price, quantity, newQuantity]);
     if (i + 1 >= level) {
       break;
     }
@@ -826,10 +862,9 @@ function priceInputHandle(inputs) {
     return [values, input, value, markPrice, config];
   }
   const total = price.mul(values.order_quantity);
-  const quantityDP = total.dp();
   return [
     __spreadProps(__spreadValues({}, values), {
-      total: total.todp(Math.max(quantityDP, config.baseDP)).toString()
+      total: total.todp(2).toString()
     }),
     input,
     value,
@@ -1969,6 +2004,7 @@ exports.useFetures = useFetures;
 exports.useFundingRate = useFundingRate;
 exports.useHolding = useHolding;
 exports.useLeverage = useLeverage;
+exports.useLocalStorage = useLocalStorage;
 exports.useMarginRatio = useMarginRatio;
 exports.useMarkPrice = useMarkPrice;
 exports.useMarkPricesStream = useMarkPricesStream;