@orderly.network/hooks 1.2.0 → 1.3.2

package/esm/orderly/useSymbolsInfo.js

@@ -1,17 +1,17 @@
 import { useQuery } from "../useQuery";
 import { createGetter } from "../utils/createGetter";
 import { getPrecisionByNumber } from "@orderly.network/utils";
-export const useSymbolsInfo = () => {
+export const useSymbolsInfo = ()=>{
     const { data } = useQuery(`/v1/public/info`, {
         focusThrottleInterval: 1000 * 60 * 60 * 24,
         dedupingInterval: 1000 * 60 * 60 * 24,
         revalidateOnFocus: false,
-        formatter(data) {
+        formatter (data) {
             if (!data?.rows || !data?.rows?.length) {
                 return {};
             }
             const obj = Object.create(null);
-            for (let index = 0; index < data.rows.length; index++) {
+            for(let index = 0; index < data.rows.length; index++){
                 const item = data.rows[index];
                 const arr = item.symbol.split("_");
                 const base_dp = getPrecisionByNumber(item.base_tick);
@@ -23,11 +23,13 @@ export const useSymbolsInfo = () => {
                     base: arr[1],
                     quote: arr[2],
                     type: arr[0],
-                    name: `${arr[1]}-${arr[0]}`,
+                    name: `${arr[1]}-${arr[0]}`
                 };
             }
             return obj;
-        },
+        }
     });
     return createGetter(data);
 };
+
+//# sourceMappingURL=useSymbolsInfo.js.map

package/esm/orderly/useSymbolsInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/orderly/useSymbolsInfo.ts"],"sourcesContent":["import { useQuery } from \"../useQuery\";\nimport { type API } from \"@orderly.network/types\";\nimport { createGetter } from \"../utils/createGetter\";\nimport { getPrecisionByNumber } from \"@orderly.network/utils\";\n\nexport const useSymbolsInfo = () => {\n  const { data } = useQuery<Record<string, API.SymbolExt>>(`/v1/public/info`, {\n    focusThrottleInterval: 1000 * 60 * 60 * 24,\n    dedupingInterval: 1000 * 60 * 60 * 24,\n    revalidateOnFocus: false,\n    formatter(data: { rows: API.Symbol[] }) {\n      if (!data?.rows || !data?.rows?.length) {\n        return {};\n      }\n      const obj = Object.create(null);\n\n      for (let index = 0; index < data.rows.length; index++) {\n        const item = data.rows[index];\n        const arr = item.symbol.split(\"_\");\n        const base_dp = getPrecisionByNumber(item.base_tick);\n        const quote_dp = getPrecisionByNumber(item.quote_tick);\n        obj[item.symbol] = {\n          ...item,\n          base_dp,\n          quote_dp,\n          base: arr[1],\n          quote: arr[2],\n          type: arr[0],\n          name: `${arr[1]}-${arr[0]}`,\n        };\n      }\n\n      return obj;\n    },\n  });\n\n  return createGetter<API.SymbolExt, string>(data);\n};\n"],"names":["useQuery","createGetter","getPrecisionByNumber","useSymbolsInfo","data","focusThrottleInterval","dedupingInterval","revalidateOnFocus","formatter","rows","length","obj","Object","create","index","item","arr","symbol","split","base_dp","base_tick","quote_dp","quote_tick","base","quote","type","name"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,oBAAoB,QAAQ,yBAAyB;AAE9D,OAAO,MAAMC,iBAAiB;IAC5B,MAAM,EAAEC,IAAI,EAAE,GAAGJ,SAAwC,CAAC,eAAe,CAAC,EAAE;QAC1EK,uBAAuB,OAAO,KAAK,KAAK;QACxCC,kBAAkB,OAAO,KAAK,KAAK;QACnCC,mBAAmB;QACnBC,WAAUJ,IAA4B;YACpC,IAAI,CAACA,MAAMK,QAAQ,CAACL,MAAMK,MAAMC,QAAQ;gBACtC,OAAO,CAAC;YACV;YACA,MAAMC,MAAMC,OAAOC,MAAM,CAAC;YAE1B,IAAK,IAAIC,QAAQ,GAAGA,QAAQV,KAAKK,IAAI,CAACC,MAAM,EAAEI,QAAS;gBACrD,MAAMC,OAAOX,KAAKK,IAAI,CAACK,MAAM;gBAC7B,MAAME,MAAMD,KAAKE,MAAM,CAACC,KAAK,CAAC;gBAC9B,MAAMC,UAAUjB,qBAAqBa,KAAKK,SAAS;gBACnD,MAAMC,WAAWnB,qBAAqBa,KAAKO,UAAU;gBACrDX,GAAG,CAACI,KAAKE,MAAM,CAAC,GAAG;oBACjB,GAAGF,IAAI;oBACPI;oBACAE;oBACAE,MAAMP,GAAG,CAAC,EAAE;oBACZQ,OAAOR,GAAG,CAAC,EAAE;oBACbS,MAAMT,GAAG,CAAC,EAAE;oBACZU,MAAM,CAAC,EAAEV,GAAG,CAAC,EAAE,CAAC,CAAC,EAAEA,GAAG,CAAC,EAAE,CAAC,CAAC;gBAC7B;YACF;YAEA,OAAOL;QACT;IACF;IAEA,OAAOV,aAAoCG;AAC7C,EAAE"}

package/esm/orderly/useTickerStream.d.ts

@@ -1,3 +1,7 @@
 import { API } from "@orderly.network/types";
-export declare const useTickerStream: (symbol: string) => API.MarketInfo;
+import { Decimal } from "@orderly.network/utils";
+export declare const useTickerStream: (symbol: string) => API.MarketInfo & {
+    change?: Decimal | undefined;
+    "24h_change"?: Decimal | undefined;
+};
 //# sourceMappingURL=useTickerStream.d.ts.map

package/esm/orderly/useTickerStream.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTickerStream.d.ts","sourceRoot":"","sources":["../../src/orderly/useTickerStream.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAQ7C,eAAO,MAAM,eAAe,WAAY,MAAM,mBAgG7C,CAAC"}
+{"version":3,"file":"useTickerStream.d.ts","sourceRoot":"","sources":["../../src/orderly/useTickerStream.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAOjD,eAAO,MAAM,eAAe,WAAY,MAAM;;;CAkG7C,CAAC"}

package/esm/orderly/useTickerStream.js

@@ -6,47 +6,39 @@ import { useMarkPrice } from "./useMarkPrice";
 import { useIndexPrice } from "./useIndexPrice";
 import { useOpenInterest } from "./useOpenInterest";
 import { useFetures } from "../unuse/useFetures";
-export const useTickerStream = (symbol) => {
+export const useTickerStream = (symbol)=>{
     if (!symbol) {
         throw new Error("useFuturesForSymbol requires a symbol");
     }
     const { data: info } = useQuery(`/v1/public/futures/${symbol}`, {
-        revalidateOnFocus: false,
+        revalidateOnFocus: false
     });
     const [ticker, setTicker] = useState();
     const ws = useWS();
-    useEffect(() => {
-        const unsubscribe = ws.subscribe(
-        // { event: "subscribe", topic: "markprices" },
+    useEffect(()=>{
+        const unsubscribe = ws.subscribe(// { event: "subscribe", topic: "markprices" },
         `${symbol}@ticker`, {
-            onMessage: (message) => {
-                if (message.symbol !== symbol)
-                    return;
+            onMessage: (message)=>{
+                if (message.symbol !== symbol) return;
                 setTicker(message);
-            },
-            // onUnsubscribe: () => {
-            //   return "markprices";
-            // },
-            // onError: (error: any) => {
-            //
-            // },
+            }
         });
-        return () => {
+        return ()=>{
             setTicker(undefined);
             unsubscribe?.();
         };
-    }, [symbol]);
+    }, [
+        symbol
+    ]);
     const { data: markPrice } = useMarkPrice(symbol);
     const { data: indexPrice } = useIndexPrice(symbol);
     const { data: openInterest } = useOpenInterest(symbol);
     const { data: futures } = useFetures();
-    const value = useMemo(() => {
+    const value = useMemo(()=>{
         //
-        if (!info)
-            return null;
-        if (!ticker || ticker.symbol !== symbol)
-            return info;
-        const futureIndex = futures?.findIndex((item) => item.symbol === symbol);
+        if (!info) return null;
+        if (!ticker || ticker.symbol !== symbol) return info;
+        const futureIndex = futures?.findIndex((item)=>item.symbol === symbol);
         let _oi = openInterest;
         if (!_oi && futureIndex !== -1 && futures) {
             // @ts-ignore
@@ -56,7 +48,7 @@ export const useTickerStream = (symbol) => {
             ...info,
             mark_price: markPrice,
             index_price: indexPrice,
-            open_interest: _oi,
+            open_interest: _oi
         };
         if (ticker.open !== undefined) {
             config["24h_open"] = ticker.open;
@@ -74,13 +66,18 @@ export const useTickerStream = (symbol) => {
             config["24h_volumn"] = ticker.volume;
         }
         if (ticker.close !== undefined && ticker.open !== undefined) {
-            config["change"] = new Decimal(ticker.close)
-                .minus(ticker.open)
-                .div(ticker.open)
-                .toNumber();
+            config["change"] = new Decimal(ticker.close).minus(ticker.open).div(ticker.open).toNumber();
             config["24h_change"] = new Decimal(ticker.close).minus(ticker.open);
         }
         return config;
-    }, [info, symbol, ticker, futures, openInterest]);
+    }, [
+        info,
+        symbol,
+        ticker,
+        futures,
+        openInterest
+    ]);
     return value;
 };
+
+//# sourceMappingURL=useTickerStream.js.map

package/esm/orderly/useTickerStream.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/orderly/useTickerStream.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { useQuery } from \"../useQuery\";\nimport { API } from \"@orderly.network/types\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useWS } from \"../useWS\";\nimport { useMarkPrice } from \"./useMarkPrice\";\nimport { useIndexPrice } from \"./useIndexPrice\";\nimport { useOpenInterest } from \"./useOpenInterest\";\nimport { useFetures } from \"../unuse/useFetures\";\n\nexport const useTickerStream = (symbol: string) => {\n  if (!symbol) {\n    throw new Error(\"useFuturesForSymbol requires a symbol\");\n  }\n  const { data: info } = useQuery<API.MarketInfo>(\n    `/v1/public/futures/${symbol}`,\n    {\n      revalidateOnFocus: false,\n    }\n  );\n\n  const [ticker, setTicker] = useState<any>();\n\n  const ws = useWS();\n\n  useEffect(() => {\n    const unsubscribe = ws.subscribe(\n      // { event: \"subscribe\", topic: \"markprices\" },\n      `${symbol}@ticker`,\n      {\n        onMessage: (message: any) => {\n          if (message.symbol !== symbol) return;\n\n          setTicker(message);\n        },\n        // onUnsubscribe: () => {\n        //   return \"markprices\";\n        // },\n        // onError: (error: any) => {\n        //\n        // },\n      }\n    );\n\n    return () => {\n      setTicker(undefined);\n      unsubscribe?.();\n    };\n  }, [symbol]);\n\n  const { data: markPrice } = useMarkPrice(symbol);\n  const { data: indexPrice } = useIndexPrice(symbol);\n  const { data: openInterest } = useOpenInterest(symbol);\n  const { data: futures } = useFetures();\n\n  const value = useMemo(() => {\n    //\n    if (!info) return null;\n    if (!ticker || ticker.symbol !== symbol) return info;\n\n    const futureIndex = futures?.findIndex(\n      (item: any) => item.symbol === symbol\n    );\n    let _oi = openInterest;\n    if (!_oi && futureIndex !== -1 && futures) {\n      // @ts-ignore\n      _oi = futures[futureIndex].open_interest;\n    }\n\n    const config: any = {\n      ...info,\n      mark_price: markPrice,\n      index_price: indexPrice,\n      open_interest: _oi,\n    };\n\n    if (ticker.open !== undefined) {\n      config[\"24h_open\"] = ticker.open;\n    }\n\n    if (ticker.close !== undefined) {\n      config[\"24h_close\"] = ticker.close;\n    }\n\n    if (ticker.high !== undefined) {\n      config[\"24h_high\"] = ticker.high;\n    }\n\n    if (ticker.low !== undefined) {\n      config[\"24h_low\"] = ticker.low;\n    }\n\n    if (ticker.volume !== undefined) {\n      config[\"24h_volumn\"] = ticker.volume;\n    }\n\n    if (ticker.close !== undefined && ticker.open !== undefined) {\n      config[\"change\"] = new Decimal(ticker.close)\n        .minus(ticker.open)\n        .div(ticker.open)\n        .toNumber();\n\n      config[\"24h_change\"] = new Decimal(ticker.close).minus(ticker.open);\n    }\n    return config;\n  }, [info, symbol, ticker, futures, openInterest]);\n\n  return value as API.MarketInfo & { change?: Decimal; \"24h_change\"?: Decimal };\n};\n"],"names":["useEffect","useMemo","useState","useQuery","Decimal","useWS","useMarkPrice","useIndexPrice","useOpenInterest","useFetures","useTickerStream","symbol","Error","data","info","revalidateOnFocus","ticker","setTicker","ws","unsubscribe","subscribe","onMessage","message","undefined","markPrice","indexPrice","openInterest","futures","value","futureIndex","findIndex","item","_oi","open_interest","config","mark_price","index_price","open","close","high","low","volume","minus","div","toNumber"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/esm/orderly/useWalletSubscription.js

@@ -1,20 +1,22 @@
 import useSWRSubscription from "swr/subscription";
 import { useWS } from "../useWS";
-export const useWalletSubscription = (options) => {
+export const useWalletSubscription = (options)=>{
     const ws = useWS();
-    return useSWRSubscription("wallet", (_, { next }) => {
+    return useSWRSubscription("wallet", (_, { next })=>{
         const unsubscribe = ws.privateSubscribe({
             id: "wallet",
             event: "subscribe",
             topic: "wallet",
-            ts: Date.now(),
+            ts: Date.now()
         }, {
-            onMessage: (data) => {
+            onMessage: (data)=>{
                 //
                 options?.onMessage?.(data);
                 next(null, data);
-            },
+            }
         });
-        return () => unsubscribe();
+        return ()=>unsubscribe();
     });
 };
+
+//# sourceMappingURL=useWalletSubscription.js.map

package/esm/orderly/useWalletSubscription.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/orderly/useWalletSubscription.ts"],"sourcesContent":["import useSWRSubscription from \"swr/subscription\";\nimport { useWS } from \"../useWS\";\n\nexport const useWalletSubscription = (options?: {\n  onMessage?: (data: any) => void;\n}) => {\n  const ws = useWS();\n\n  return useSWRSubscription(\"wallet\", (_, { next }) => {\n    const unsubscribe = ws.privateSubscribe(\n      {\n        id: \"wallet\",\n        event: \"subscribe\",\n        topic: \"wallet\",\n        ts: Date.now(),\n      },\n      {\n        onMessage: (data: any) => {\n          //\n          options?.onMessage?.(data);\n          next(null, data);\n        },\n      }\n    );\n\n    return () => unsubscribe();\n  });\n};\n"],"names":["useSWRSubscription","useWS","useWalletSubscription","options","ws","_","next","unsubscribe","privateSubscribe","id","event","topic","ts","Date","now","onMessage","data"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,wBAAwB,mBAAmB;AAClD,SAASC,KAAK,QAAQ,WAAW;AAEjC,OAAO,MAAMC,wBAAwB,CAACC;IAGpC,MAAMC,KAAKH;IAEX,OAAOD,mBAAmB,UAAU,CAACK,GAAG,EAAEC,IAAI,EAAE;QAC9C,MAAMC,cAAcH,GAAGI,gBAAgB,CACrC;YACEC,IAAI;YACJC,OAAO;YACPC,OAAO;YACPC,IAAIC,KAAKC,GAAG;QACd,GACA;YACEC,WAAW,CAACC;gBACV,EAAE;gBACFb,SAASY,YAAYC;gBACrBV,KAAK,MAAMU;YACb;QACF;QAGF,OAAO,IAAMT;IACf;AACF,EAAE"}

package/esm/orderly/useWithdraw.js

@@ -2,19 +2,21 @@ import { useCallback, useMemo, useState } from "react";
 import { useHoldingStream } from "./useHoldingStream";
 import { useCollateral } from "./useCollateral";
 import { useAccount } from "../useAccount";
-export const useWithdraw = () => {
+export const useWithdraw = ()=>{
     const { account, state } = useAccount();
     const [isLoading, setIsLoading] = useState(false);
     const { unsettledPnL, availableBalance, freeCollateral } = useCollateral();
     // const withdrawQueue = useRef<number[]>([]);
-    const withdraw = useCallback((inputs) => {
-        return account.assetsManager.withdraw(inputs).then((res) => {
+    const withdraw = useCallback((inputs)=>{
+        return account.assetsManager.withdraw(inputs).then((res)=>{
             // if (res.success) {
             //   withdrawQueue.current.push(res.data.withdraw_id);
             // }
             return res;
         });
-    }, [state]);
+    }, [
+        state
+    ]);
     const { usdc } = useHoldingStream();
     // useEffect(() => {
     //   const unsubscribe = ws.privateSubscribe(
@@ -39,26 +41,32 @@ export const useWithdraw = () => {
     //   );
     //   return () => unsubscribe();
     // }, []);
-    const maxAmount = useMemo(() => {
+    const maxAmount = useMemo(()=>{
         // if (!usdc || !usdc.holding) return 0;
         // if (unsettledPnL >= 0) return usdc?.holding ?? 0;
         // return new Decimal(usdc.holding).add(unsettledPnL).toNumber();
         return freeCollateral;
-    }, [freeCollateral]);
-    const availableWithdraw = useMemo(() => {
+    }, [
+        freeCollateral
+    ]);
+    const availableWithdraw = useMemo(()=>{
         if (unsettledPnL < 0) {
             return freeCollateral;
-        }
-        else {
+        } else {
             return freeCollateral - unsettledPnL;
         }
-    }, [freeCollateral, unsettledPnL]);
+    }, [
+        freeCollateral,
+        unsettledPnL
+    ]);
     return {
         withdraw,
         isLoading,
         maxAmount,
         availableBalance,
         availableWithdraw,
-        unsettledPnL,
+        unsettledPnL
     };
 };
+
+//# sourceMappingURL=useWithdraw.js.map

package/esm/orderly/useWithdraw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/orderly/useWithdraw.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { useHoldingStream } from \"./useHoldingStream\";\nimport { useCollateral } from \"./useCollateral\";\nimport { useAccount } from \"../useAccount\";\n\nexport const useWithdraw = () => {\n  const { account, state } = useAccount();\n\n  const [isLoading, setIsLoading] = useState(false);\n\n  const { unsettledPnL, availableBalance, freeCollateral } = useCollateral();\n\n  // const withdrawQueue = useRef<number[]>([]);\n\n  const withdraw = useCallback(\n    (inputs: {\n      chainId: number;\n      token: string;\n      amount: string;\n      allowCrossChainWithdraw: boolean;\n    }): Promise<any> => {\n      return account.assetsManager.withdraw(inputs).then((res: any) => {\n        // if (res.success) {\n        //   withdrawQueue.current.push(res.data.withdraw_id);\n        // }\n        return res;\n      });\n    },\n    [state]\n  );\n\n  const { usdc } = useHoldingStream();\n\n  // useEffect(() => {\n  //   const unsubscribe = ws.privateSubscribe(\n  //     {\n  //       id: \"wallet\",\n  //       event: \"subscribe\",\n  //       topic: \"wallet\",\n  //       ts: Date.now(),\n  //     },\n  //     {\n  //       onMessage: (data: any) => {\n  //         //\n  //         const { id } = data;\n\n  //         if (withdrawQueue.current.includes(id)) {\n  //           withdrawQueue.current = withdrawQueue.current.filter(\n  //             (item) => item !== id\n  //           );\n  //           ee.emit(\"withdraw:success\", data);\n  //         }\n  //       },\n  //     }\n  //   );\n\n  //   return () => unsubscribe();\n  // }, []);\n\n  const maxAmount = useMemo(() => {\n    // if (!usdc || !usdc.holding) return 0;\n\n    // if (unsettledPnL >= 0) return usdc?.holding ?? 0;\n\n    // return new Decimal(usdc.holding).add(unsettledPnL).toNumber();\n\n    return freeCollateral;\n  }, [freeCollateral]);\n\n  const availableWithdraw = useMemo(() => {\n    if (unsettledPnL < 0) {\n      return freeCollateral;\n    } else {\n      return freeCollateral - unsettledPnL;\n    }\n  }, [freeCollateral, unsettledPnL]);\n\n  return {\n    withdraw,\n    isLoading,\n    maxAmount,\n    availableBalance,\n    availableWithdraw,\n    unsettledPnL,\n  };\n};\n"],"names":["useCallback","useMemo","useState","useHoldingStream","useCollateral","useAccount","useWithdraw","account","state","isLoading","setIsLoading","unsettledPnL","availableBalance","freeCollateral","withdraw","inputs","assetsManager","then","res","usdc","maxAmount","availableWithdraw"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AACvD,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,OAAO,MAAMC,cAAc;IACzB,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAE,GAAGH;IAE3B,MAAM,CAACI,WAAWC,aAAa,GAAGR,SAAS;IAE3C,MAAM,EAAES,YAAY,EAAEC,gBAAgB,EAAEC,cAAc,EAAE,GAAGT;IAE3D,8CAA8C;IAE9C,MAAMU,WAAWd,YACf,CAACe;QAMC,OAAOR,QAAQS,aAAa,CAACF,QAAQ,CAACC,QAAQE,IAAI,CAAC,CAACC;YAClD,qBAAqB;YACrB,sDAAsD;YACtD,IAAI;YACJ,OAAOA;QACT;IACF,GACA;QAACV;KAAM;IAGT,MAAM,EAAEW,IAAI,EAAE,GAAGhB;IAEjB,oBAAoB;IACpB,6CAA6C;IAC7C,QAAQ;IACR,sBAAsB;IACtB,4BAA4B;IAC5B,yBAAyB;IACzB,wBAAwB;IACxB,SAAS;IACT,QAAQ;IACR,oCAAoC;IACpC,aAAa;IACb,+BAA+B;IAE/B,oDAAoD;IACpD,kEAAkE;IAClE,oCAAoC;IACpC,eAAe;IACf,+CAA+C;IAC/C,YAAY;IACZ,WAAW;IACX,QAAQ;IACR,OAAO;IAEP,gCAAgC;IAChC,UAAU;IAEV,MAAMiB,YAAYnB,QAAQ;QACxB,wCAAwC;QAExC,oDAAoD;QAEpD,iEAAiE;QAEjE,OAAOY;IACT,GAAG;QAACA;KAAe;IAEnB,MAAMQ,oBAAoBpB,QAAQ;QAChC,IAAIU,eAAe,GAAG;YACpB,OAAOE;QACT,OAAO;YACL,OAAOA,iBAAiBF;QAC1B;IACF,GAAG;QAACE;QAAgBF;KAAa;IAEjC,OAAO;QACLG;QACAL;QACAW;QACAR;QACAS;QACAV;IACF;AACF,EAAE"}

package/esm/orderlyContext.d.ts

@@ -1,6 +1,12 @@
 /// <reference types="react" />
 import { type ConfigStore, type OrderlyKeyStore, type getWalletAdapterFunc } from "@orderly.network/core";
-import { NetworkId } from "@orderly.network/types";
+import { Chain, NetworkId } from "@orderly.network/types";
+export type filteredChains = {
+    mainnet?: Chain[];
+    testnet?: Chain[];
+};
+export type chainFilterFunc = (config: ConfigStore) => filteredChains;
+export type chainFilter = filteredChains | chainFilterFunc;
 export interface OrderlyConfigContextState {
     fetcher?: (url: string, init: RequestInit) => Promise<any>;
     configStore: ConfigStore;
@@ -11,6 +17,7 @@ export interface OrderlyConfigContextState {
      * @hidden
      */
     onlyTestnet?: boolean;
+    filteredChains?: filteredChains | null;
 }
 export declare const OrderlyContext: import("react").Context<OrderlyConfigContextState>;
 export declare const OrderlyProvider: import("react").Provider<OrderlyConfigContextState>;

package/esm/orderlyContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"orderlyContext.d.ts","sourceRoot":"","sources":["../src/orderlyContext.ts"],"names":[],"mappings":";AAEA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EAC1B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAE3D,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,eAAe,CAAC;IAC1B,gBAAgB,EAAE,oBAAoB,CAAC;IAEvC,SAAS,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CAEvB;AAED,eAAO,MAAM,cAAc,oDAEI,CAAC;AAEhC,eAAO,MAAM,eAAe,qDAA0B,CAAC"}
+{"version":3,"file":"orderlyContext.d.ts","sourceRoot":"","sources":["../src/orderlyContext.ts"],"names":[],"mappings":";AAEA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EAC1B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,WAAW,KAAK,cAAc,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG,eAAe,CAAC;AAE3D,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAE3D,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,eAAe,CAAC;IAC1B,gBAAgB,EAAE,oBAAoB,CAAC;IAEvC,SAAS,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,cAAc,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,cAAc,oDAEI,CAAC;AAEhC,eAAO,MAAM,eAAe,qDAA0B,CAAC"}

package/esm/orderlyContext.js

@@ -1,5 +1,6 @@
 import { createContext } from "react";
 export const OrderlyContext = createContext({
-// configStore: new MemoryConfigStore(),
 });
 export const OrderlyProvider = OrderlyContext.Provider;
+
+//# sourceMappingURL=orderlyContext.js.map

package/esm/orderlyContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/orderlyContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nimport {\n  type ConfigStore,\n  type OrderlyKeyStore,\n  type getWalletAdapterFunc,\n} from \"@orderly.network/core\";\n\nimport { Chain, NetworkId } from \"@orderly.network/types\";\n\nexport type filteredChains = {\n  mainnet?: Chain[];\n  testnet?: Chain[];\n};\n\nexport type chainFilterFunc = (config: ConfigStore) => filteredChains;\n\nexport type chainFilter = filteredChains | chainFilterFunc;\n\nexport interface OrderlyConfigContextState {\n  fetcher?: (url: string, init: RequestInit) => Promise<any>;\n\n  configStore: ConfigStore;\n  keyStore: OrderlyKeyStore;\n  getWalletAdapter: getWalletAdapterFunc;\n\n  networkId: NetworkId;\n\n  /**\n   * @hidden\n   */\n  onlyTestnet?: boolean;\n  // extraApis:ExtraAPIs\n  filteredChains?: filteredChains | null;\n}\n\nexport const OrderlyContext = createContext<OrderlyConfigContextState>({\n  // configStore: new MemoryConfigStore(),\n} as OrderlyConfigContextState);\n\nexport const OrderlyProvider = OrderlyContext.Provider;\n"],"names":["createContext","OrderlyContext","OrderlyProvider","Provider"],"rangeMappings":";;;","mappings":"AAAA,SAASA,aAAa,QAAQ,QAAQ;AAoCtC,OAAO,MAAMC,iBAAiBD,cAAyC;AAEvE,GAAgC;AAEhC,OAAO,MAAME,kBAAkBD,eAAeE,QAAQ,CAAC"}

package/esm/services/dataCenter.js

@@ -1,13 +1,15 @@
 import { EventEmitter } from "@orderly.network/core";
 class DataCenter extends EventEmitter {
-    constructor() {
+    constructor(){
         super();
-        this.observe = (key, callback) => {
-            // merge data
-            this.on(key, callback);
-        };
-        this.unobserve = (key, callback) => {
-            this.off(key, callback);
-        };
     }
+    observe = (key, callback)=>{
+        // merge data
+        this.on(key, callback);
+    };
+    unobserve = (key, callback)=>{
+        this.off(key, callback);
+    };
 }
+
+//# sourceMappingURL=dataCenter.js.map

package/esm/services/dataCenter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/services/dataCenter.ts"],"sourcesContent":["import { EventEmitter } from \"@orderly.network/core\";\n\nclass DataCenter extends EventEmitter {\n  constructor() {\n    super();\n  }\n\n  observe = (key: string, callback: (value: any) => void) => {\n    // merge data\n    this.on(key, callback);\n  };\n\n  unobserve = (key: string, callback: (value: any) => void) => {\n    this.off(key, callback);\n  };\n}\n"],"names":["EventEmitter","DataCenter","constructor","observe","key","callback","on","unobserve","off"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,wBAAwB;AAErD,MAAMC,mBAAmBD;IACvBE,aAAc;QACZ,KAAK;IACP;IAEAC,UAAU,CAACC,KAAaC;QACtB,aAAa;QACb,IAAI,CAACC,EAAE,CAACF,KAAKC;IACf,EAAE;IAEFE,YAAY,CAACH,KAAaC;QACxB,IAAI,CAACG,GAAG,CAACJ,KAAKC;IAChB,EAAE;AACJ"}

package/esm/services/painter/backgroundPaint.js

@@ -1,41 +1,38 @@
 import { BasePaint } from "./basePaint";
 export class BackgroundPaint extends BasePaint {
-    constructor() {
-        super(...arguments);
-        this.img = null;
-    }
+    img = null;
     async draw(options) {
-        console.log("BackgroundPaint draw: ", options.backgroundColor);
-        if (typeof options.backgroundImg !== "undefined" &&
-            options.backgroundImg !== "") {
+        ;
+        if (typeof options.backgroundImg !== "undefined" && options.backgroundImg !== "") {
             return this._drawImage(options);
-        }
-        else if (typeof options.backgroundColor !== "undefined") {
+        } else if (typeof options.backgroundColor !== "undefined") {
             return this._drawColor(options);
         }
     }
     _drawColor(options) {
-        console.log("graw background color", options);
+        ;
         this.ctx.fillStyle = options.backgroundColor || "black";
         this.ctx.fillRect(0, 0, this.painter.width * this.painter.ratio, this.painter.height * this.painter.ratio);
     }
     async _drawImage(options) {
-        return this.loadImg(options.backgroundImg).then((img) => {
+        return this.loadImg(options.backgroundImg).then((img)=>{
             this.img = img;
             this.ctx.drawImage(this.img, 0, 0, this.painter.width * this.painter.ratio, this.painter.height * this.painter.ratio);
         });
     }
     loadImg(url) {
-        return new Promise((resolve, reject) => {
+        return new Promise((resolve, reject)=>{
             const img = new Image();
             img.crossOrigin = "anonymous";
-            img.onload = () => {
+            img.onload = ()=>{
                 resolve(img);
             };
-            img.onerror = (e) => {
+            img.onerror = (e)=>{
                 reject(e);
             };
             img.src = url;
         });
     }
 }
+
+//# sourceMappingURL=backgroundPaint.js.map

package/esm/services/painter/backgroundPaint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/services/painter/backgroundPaint.ts"],"sourcesContent":["import { BasePaint, type DrawOptions } from \"./basePaint\";\n\nexport class BackgroundPaint extends BasePaint {\n  private img: HTMLImageElement | null = null;\n\n  async draw(options: DrawOptions) {\n    console.log(\"BackgroundPaint draw: \", options.backgroundColor);\n\n    if (\n      typeof options.backgroundImg !== \"undefined\" &&\n      options.backgroundImg !== \"\"\n    ) {\n      return this._drawImage(options);\n    } else if (typeof options.backgroundColor !== \"undefined\") {\n      return this._drawColor(options);\n    }\n  }\n\n  _drawColor(options: DrawOptions) {\n    console.log(\"graw background color\", options);\n    this.ctx.fillStyle = options.backgroundColor || \"black\";\n    this.ctx.fillRect(\n      0,\n      0,\n      this.painter.width * this.painter.ratio,\n      this.painter.height * this.painter.ratio\n    );\n  }\n\n  async _drawImage(options: DrawOptions) {\n    return this.loadImg(options.backgroundImg!).then((img) => {\n      this.img = img;\n      this.ctx.drawImage(\n        this.img!,\n        0,\n        0,\n        this.painter.width * this.painter.ratio,\n        this.painter.height * this.painter.ratio\n      );\n    });\n  }\n\n  private loadImg(url: string): Promise<HTMLImageElement> {\n    return new Promise((resolve, reject) => {\n      const img = new Image();\n      img.crossOrigin = \"anonymous\";\n      img.onload = () => {\n        resolve(img);\n      };\n      img.onerror = (e) => {\n        reject(e);\n      };\n      img.src = url;\n    });\n  }\n}\n"],"names":["BasePaint","BackgroundPaint","img","draw","options","backgroundImg","_drawImage","backgroundColor","_drawColor","ctx","fillStyle","fillRect","painter","width","ratio","height","loadImg","then","drawImage","url","Promise","resolve","reject","Image","crossOrigin","onload","onerror","e","src"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,SAAS,QAA0B,cAAc;AAE1D,OAAO,MAAMC,wBAAwBD;IAC3BE,MAA+B,KAAK;IAE5C,MAAMC,KAAKC,OAAoB,EAAE;;QAG/B,IACE,OAAOA,QAAQC,aAAa,KAAK,eACjCD,QAAQC,aAAa,KAAK,IAC1B;YACA,OAAO,IAAI,CAACC,UAAU,CAACF;QACzB,OAAO,IAAI,OAAOA,QAAQG,eAAe,KAAK,aAAa;YACzD,OAAO,IAAI,CAACC,UAAU,CAACJ;QACzB;IACF;IAEAI,WAAWJ,OAAoB,EAAE;;QAE/B,IAAI,CAACK,GAAG,CAACC,SAAS,GAAGN,QAAQG,eAAe,IAAI;QAChD,IAAI,CAACE,GAAG,CAACE,QAAQ,CACf,GACA,GACA,IAAI,CAACC,OAAO,CAACC,KAAK,GAAG,IAAI,CAACD,OAAO,CAACE,KAAK,EACvC,IAAI,CAACF,OAAO,CAACG,MAAM,GAAG,IAAI,CAACH,OAAO,CAACE,KAAK;IAE5C;IAEA,MAAMR,WAAWF,OAAoB,EAAE;QACrC,OAAO,IAAI,CAACY,OAAO,CAACZ,QAAQC,aAAa,EAAGY,IAAI,CAAC,CAACf;YAChD,IAAI,CAACA,GAAG,GAAGA;YACX,IAAI,CAACO,GAAG,CAACS,SAAS,CAChB,IAAI,CAAChB,GAAG,EACR,GACA,GACA,IAAI,CAACU,OAAO,CAACC,KAAK,GAAG,IAAI,CAACD,OAAO,CAACE,KAAK,EACvC,IAAI,CAACF,OAAO,CAACG,MAAM,GAAG,IAAI,CAACH,OAAO,CAACE,KAAK;QAE5C;IACF;IAEQE,QAAQG,GAAW,EAA6B;QACtD,OAAO,IAAIC,QAAQ,CAACC,SAASC;YAC3B,MAAMpB,MAAM,IAAIqB;YAChBrB,IAAIsB,WAAW,GAAG;YAClBtB,IAAIuB,MAAM,GAAG;gBACXJ,QAAQnB;YACV;YACAA,IAAIwB,OAAO,GAAG,CAACC;gBACbL,OAAOK;YACT;YACAzB,IAAI0B,GAAG,GAAGT;QACZ;IACF;AACF"}

package/esm/services/painter/basePaint.js

@@ -1,6 +1,10 @@
 export class BasePaint {
-    constructor(ctx, painter) {
+    ctx;
+    painter;
+    constructor(ctx, painter){
         this.ctx = ctx;
         this.painter = painter;
     }
 }
+
+//# sourceMappingURL=basePaint.js.map

package/esm/services/painter/basePaint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/services/painter/basePaint.ts"],"sourcesContent":["import { OrderSide } from \"@orderly.network/types\";\nimport { PosterPainter } from \"./painter\";\n\nexport type posterDataSource = {\n  /**\n   * slogan of the poster\n   */\n  message?: string;\n  position: {\n    symbol: string;\n    // side: OrderSide;\n    side: \"LONG\" | \"SHORT\";\n    /**\n     * The leverage of the position\n     */\n    leverage: number;\n    /**\n     * The unrealized PnL of the position\n     */\n    pnl: number;\n    /**\n     * The return on investment of the position\n     */\n    ROI: number;\n    /**\n     * The informations of the position, such as open price, opened at, mark price, quantity and custom message.\n     */\n    informations: { title: string; value: string }[];\n    /**\n     * The quote currency of the position\n     */\n    currency: string;\n  };\n  /**\n   * The domain of the application\n   */\n  domain: string;\n\n  /**\n   * The update time of the position\n   */\n  updateTime: string;\n};\n\nexport type layoutInfo = {\n  width?: number;\n  height?: number;\n  // padding?: number;\n  // margin?: number;\n  fontSize?: number;\n\n  color?: string;\n  textAlign?: CanvasTextAlign;\n  textBaseline?: CanvasTextBaseline;\n  position: Partial<{\n    left: number;\n    right: number;\n    top: number;\n    bottom: number;\n  }>;\n};\n\nexport type PosterLayoutConfig = {\n  message?: layoutInfo;\n\n  domain?: layoutInfo;\n  position?: layoutInfo;\n  unrealizedPnl?: layoutInfo & {\n    secondaryColor: string;\n    secondaryFontSize: number;\n  };\n\n  informations?: layoutInfo & {\n    labelColor?: string;\n  };\n  updateTime?: layoutInfo;\n};\n\nexport type DrawOptions = {\n  /**\n   * Color of common text\n   */\n  color?: string;\n  fontFamily?: string;\n  /**\n   * Lose color\n   */\n  lossColor?: string;\n  /**\n   * Profit color\n   */\n  profitColor?: string;\n  /**\n   * The brand color of the application\n   */\n  brandColor?: string;\n  backgroundColor?: string;\n  backgroundImg?: string;\n  data?: posterDataSource;\n  layout?: PosterLayoutConfig;\n};\n\nexport abstract class BasePaint {\n  constructor(\n    protected ctx: CanvasRenderingContext2D,\n    protected painter: PosterPainter\n  ) {}\n  abstract draw(options: DrawOptions): Promise<void>;\n}\n"],"names":["BasePaint","constructor","ctx","painter"],"rangeMappings":";;;;;;;","mappings":"AAsGA,OAAO,MAAeA;;;IACpBC,YACE,AAAUC,GAA6B,EACvC,AAAUC,OAAsB,CAChC;aAFUD,MAAAA;aACAC,UAAAA;IACT;AAEL"}