@orderly.network/hooks 1.1.4 → 1.1.5-alpha.0

package/esm/useMutation.d.ts

@@ -1,6 +1,9 @@
 import { type SWRMutationConfiguration } from "swr/mutation";
 type HTTP_METHOD = "POST" | "PUT" | "DELETE";
-export declare const useMutation: <T, E>(url: string, method?: HTTP_METHOD, options?: SWRMutationConfiguration<T, E> | undefined) => readonly [(data: any, params?: any, options?: any) => Promise<any>, {
+/**
+ * This hook is used to execute API requests for data mutation, such as POST, DELETE, PUT, etc.
+ */
+export declare const useMutation: <T, E>(url: string, method?: HTTP_METHOD, options?: SWRMutationConfiguration<T, E> | undefined) => readonly [(data: Record<string, any> | null, params?: Record<string, any>, options?: SWRMutationConfiguration<T, E> | undefined) => Promise<any>, {
     readonly data: any;
     readonly error: E | undefined;
     readonly reset: () => void;

package/esm/useMutation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMutation.d.ts","sourceRoot":"","sources":["../src/useMutation.ts"],"names":[],"mappings":"AAAA,OAAuB,EAErB,KAAK,wBAAwB,EAE9B,MAAM,cAAc,CAAC;AAStB,KAAK,WAAW,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAmC7C,eAAO,MAAM,WAAW,cACjB,MAAM,WACH,WAAW,4EAoBX,GAAG,WACA,GAAG,YACF,GAAG,KACZ,QAAQ,GAAG,CAAC;;;;;EAsChB,CAAC"}
+{"version":3,"file":"useMutation.d.ts","sourceRoot":"","sources":["../src/useMutation.ts"],"names":[],"mappings":"AAAA,OAAuB,EAErB,KAAK,wBAAwB,EAE9B,MAAM,cAAc,CAAC;AAStB,KAAK,WAAW,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAmC7C;;GAEG;AACH,eAAO,MAAM,WAAW,cAKjB,MAAM,WAIH,WAAW,4EA6BX,OAAO,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,WAIvB,OAAO,MAAM,EAAE,GAAG,CAAC,2DAE3B,QAAQ,GAAG,CAAC;;;;;EAsChB,CAAC"}

package/esm/useMutation.js

@@ -19,7 +19,26 @@ const fetcher = (url, options) => {
     }
     return mutate(url, init);
 };
-export const useMutation = (url, method = "POST", options) => {
+/**
+ * This hook is used to execute API requests for data mutation, such as POST, DELETE, PUT, etc.
+ */
+export const useMutation = (
+/**
+ * The URL to send the request to. If the URL does not start with "http",
+ * it will be prefixed with the API base URL.
+ */
+url, 
+/**
+ * The HTTP method to use for the request. Defaults to "POST".
+ */
+method = "POST", 
+/**
+ * The configuration object for the mutation.
+ * @see [useSWRMutation](https://swr.vercel.app/docs/mutation#api)
+ *
+ * @link https://swr.vercel.app/docs/mutation#api
+ */
+options) => {
     const apiBaseUrl = useConfig("apiBaseUrl");
     let fullUrl = url;
     if (!url.startsWith("http")) {
@@ -30,7 +49,15 @@ export const useMutation = (url, method = "POST", options) => {
     const { trigger, data, error, reset, isMutating } = useSWRMutation(fullUrl, 
     // method === "POST" ? fetcher : deleteFetcher,
     fetcher, options);
-    const mutation = async (data, params, options) => {
+    const mutation = async (
+    /**
+     * The data to send with the request.
+     */
+    data, 
+    /**
+     * The query parameters to send with the request.
+     */
+    params, options) => {
         let newUrl = url;
         if (typeof params === "object" && Object.keys(params).length) {
             let search = new URLSearchParams(params);

package/esm/usePoster.d.ts

@@ -2,13 +2,35 @@ import { type drawOptions } from "./services/painter/basePaint";
 export { type drawOptions } from "./services/painter/basePaint";
 /**
  * Generates a poster image based on position information. You can set the size, background color, font color, font size, and content position of the poster.
- * @returns
+ * @example
+ * ```tsx
+ * const { ref, toDataURL, toBlob, download, copy } = usePoster({
+ *  backgroundColor: "#0b8c70",
+ * backgroundImg: "/images/poster_bg.png",
+ * color: "rgba(255, 255, 255, 0.98)",
+ * profitColor: "rgb(0,181,159)",
+ * ...
+ * });
  */
-export declare const usePoster: (trage: HTMLCanvasElement, options: drawOptions) => {
+export declare const usePoster: (options: drawOptions) => {
     readonly error: Error | null;
+    readonly ref: (ref: HTMLCanvasElement | null) => void;
     /**
      * Converts the poster to a data URL
      */
     readonly toDataURL: (type?: string, encoderOptions?: number) => string;
+    /**
+     * Converts the poster to a blob
+     */
+    readonly toBlob: (type?: string, encoderOptions?: number) => Promise<Blob | null>;
+    /**
+     * Downloads the poster as an image
+     */
+    readonly download: (filename: string, type?: string, encoderOptions?: number) => void;
+    /**
+     * Browser if supports copy image to clipboard
+     */
+    readonly canCopy: boolean;
+    readonly copy: () => Promise<void>;
 };
 //# sourceMappingURL=usePoster.d.ts.map

package/esm/usePoster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePoster.d.ts","sourceRoot":"","sources":["../src/usePoster.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAGhE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,SAAS,UAIb,iBAAiB,WAIf,WAAW;;IAyClB;;OAEG;;CAGN,CAAC"}
+{"version":3,"file":"usePoster.d.ts","sourceRoot":"","sources":["../src/usePoster.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAIhE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS,YAIX,WAAW;;wBAuDF,iBAAiB,GAAG,IAAI;IAkDxC;;OAEG;gCA3EqB,MAAM,mBAAmB,MAAM;IA6EvD;;OAEG;6BApEK,MAAM,mBAAmB,MAAM,KAAG,QAAQ,IAAI,GAAG,IAAI,CAAC;IAsE9D;;OAEG;kCAjDQ,MAAM,SAAQ,MAAM,mBAAiC,MAAM;IAmDtE;;OAEG;;;CAIN,CAAC"}

package/esm/usePoster.js

@@ -1,52 +1,120 @@
-import { useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { mergeDeepRight } from "ramda";
 import { PosterPainter } from "./services/painter/painter";
 import { defaultLayoutConfig } from "./services/painter/layout.config";
+import { SDKError } from "@orderly.network/types";
 /**
  * Generates a poster image based on position information. You can set the size, background color, font color, font size, and content position of the poster.
- * @returns
+ * @example
+ * ```tsx
+ * const { ref, toDataURL, toBlob, download, copy } = usePoster({
+ *  backgroundColor: "#0b8c70",
+ * backgroundImg: "/images/poster_bg.png",
+ * color: "rgba(255, 255, 255, 0.98)",
+ * profitColor: "rgb(0,181,159)",
+ * ...
+ * });
  */
 export const usePoster = (
-/**
- * The canvas element to draw the poster on
- */
-trage, 
 /**
  * The options to draw the poster
  */
 options) => {
     const [error, setError] = useState(null);
+    const [canCopy, setCanCopy] = useState(() => typeof navigator.clipboard !== "undefined");
     const painterRef = useRef(null);
+    const [target, setTarget] = useState(null);
     useEffect(() => {
         // Create the painter instance
-        if (trage && !painterRef.current) {
-            painterRef.current = new PosterPainter(trage);
-            painterRef.current.draw(mergeDeepRight({ layout: defaultLayoutConfig }, options));
+        if (target && !painterRef.current) {
+            painterRef.current = new PosterPainter(target);
+            painterRef.current.draw(mergeDeepRight({ layout: defaultLayoutConfig, fontFamily: "Manrope" }, options));
         }
-    }, [trage]);
+    }, [target]);
     useEffect(() => {
         if (painterRef.current) {
             painterRef.current.draw(mergeDeepRight({ layout: defaultLayoutConfig }, options));
         }
     }, [options]);
-    //   const draw = (dataSource: any) => {};
-    //   const clear = () => {};
-    const toDataURL = (
-    /**
-     * The image MIME type
-     */
-    type = "image/png", 
+    const toDataURL = (type, encoderOptions) => {
+        if (!target) {
+            throw new SDKError("The ref must be a canvas element");
+        }
+        return target.toDataURL(type, encoderOptions);
+    };
     /**
-     * The quality of the image
+     * Converts the poster to a blob
      */
-    encoderOptions = 1.0) => {
-        return trage.toDataURL(type, encoderOptions);
+    const toBlob = useCallback((type, encoderOptions) => {
+        return new Promise((resolve) => {
+            if (!target) {
+                resolve(null);
+                return;
+            }
+            target.toBlob(resolve, type, encoderOptions);
+        });
+    }, [target]);
+    const ref = (ref) => {
+        if (!ref)
+            return;
+        if (ref.tagName.toUpperCase() !== "CANVAS") {
+            // throw new Error("The ref must be a canvas element");
+            setError(new SDKError("The ref must be a canvas element"));
+            return;
+        }
+        setTarget(ref);
     };
+    const download = useCallback((filename, type = "image/png", encoderOptions) => {
+        if (!target) {
+            throw new SDKError("The ref must be a canvas element");
+        }
+        const img = new Image();
+        img.src = target.toDataURL(type, encoderOptions);
+        const link = document.createElement("a");
+        link.href = img.src;
+        link.download = filename;
+        link.click();
+    }, [target]);
+    const copy = useCallback(() => {
+        if (!target) {
+            throw new SDKError("The ref must be a canvas element");
+        }
+        // copy image to clipboard
+        return new Promise((resolve, reject) => {
+            if (!navigator.clipboard) {
+                reject(new SDKError("Clipboard API is not supported"));
+                return;
+            }
+            target.toBlob((blob) => {
+                if (!blob) {
+                    reject(new SDKError("Failed to create blob"));
+                    return;
+                }
+                return navigator.clipboard
+                    .write([new ClipboardItem({ [blob.type]: blob })])
+                    .then(resolve, reject);
+            });
+        });
+    }, [target]);
     return {
         error,
+        ref,
         /**
          * Converts the poster to a data URL
          */
         toDataURL,
+        /**
+         * Converts the poster to a blob
+         */
+        toBlob,
+        /**
+         * Downloads the poster as an image
+         */
+        download,
+        /**
+         * Browser if supports copy image to clipboard
+         */
+        canCopy,
+        copy,
     };
 };

package/esm/utils/dev.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dev.d.ts.map

package/esm/utils/dev.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../../src/utils/dev.ts"],"names":[],"mappings":""}

package/esm/utils/dev.js

@@ -0,0 +1,18 @@
+import { SimpleDI } from "@orderly.network/core";
+const __ORDERLY__DEBUGER_TAG = "__ORDERLY__DEBUGER";
+function debugPrint(msg, tag) {
+    tag = `${__ORDERLY__DEBUGER_TAG}:${tag} `;
+    if (!window.__ORDERLY__DEBUGER) {
+        console.log("${tag}${msg}");
+        // console.info(
+        //   "You can add `DebugPrinter` component to see the data in your UI"
+        // );
+    }
+    let ee = SimpleDI.get("EE");
+    if (ee && msg) {
+        ee.emit("print:data", msg);
+    }
+}
+if (typeof window !== "undefined") {
+    window.debugPrint = debugPrint;
+}

package/esm/utils/swr.d.ts

@@ -0,0 +1,10 @@
+import { API } from "@orderly.network/types";
+import { WSMessage } from "@orderly.network/types";
+export declare const generateKeyFun: (args: {
+    status?: string;
+    symbol?: string;
+    side?: string;
+    size?: number;
+}) => (pageIndex: number, previousPageData: any) => string | null;
+export declare const updateOrdersHandler: (key: string, updatedOrder: WSMessage.AlgoOrder | WSMessage.Order, orders?: API.OrderResponse[]) => unknown[] | undefined;
+//# sourceMappingURL=swr.d.ts.map

package/esm/utils/swr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swr.d.ts","sourceRoot":"","sources":["../../src/utils/swr.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,eAAO,MAAM,cAAc,SAClB;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,iBAC7D,MAAM,oBAAoB,GAAG,KAAG,MAAM,GAAG,IAyBpD,CAAC;AAEJ,eAAO,MAAM,mBAAmB,QACzB,MAAM,gBACG,UAAU,SAAS,GAAG,UAAU,KAAK,WAC1C,IAAI,aAAa,EAAE,0BAyG7B,CAAC"}

package/esm/utils/swr.js

@@ -0,0 +1,179 @@
+import { camelCaseToUnderscoreCase } from "@orderly.network/utils";
+import { lensIndex, over } from "ramda";
+export const generateKeyFun = (args) => (pageIndex, previousPageData) => {
+    // reached the end
+    if (previousPageData && !previousPageData.rows?.length)
+        return null;
+    const { status, symbol, side, size = 100 } = args;
+    const search = new URLSearchParams([
+        ["size", size.toString()],
+        ["page", `${pageIndex + 1}`],
+        ["source_type", "ALL"],
+    ]);
+    if (status) {
+        search.set(`status`, status);
+    }
+    if (symbol) {
+        search.set(`symbol`, symbol);
+    }
+    if (side) {
+        search.set(`side`, side);
+    }
+    return `/v1/orders?${search.toString()}`;
+};
+export const updateOrdersHandler = (key, updatedOrder, orders) => {
+    if (!orders) {
+        return;
+    }
+    // console.log(key);
+    const isAlgoOrder = "algoOrderId" in updatedOrder;
+    let formattedOrder = {
+        ...object2underscore(updatedOrder),
+        created_time: updatedOrder.timestamp,
+    };
+    if (isAlgoOrder) {
+        if (typeof updatedOrder.triggerTradePrice !== "undefined") {
+            formattedOrder.trigger_price = updatedOrder.triggerTradePrice;
+        }
+        if (updatedOrder.type === "MARKET_ORDER") {
+            formattedOrder.price = undefined;
+        }
+    }
+    else {
+        // formattedOrder.created_time = updatedOrder.timestamp;
+    }
+    // const index = lensIndex(0);
+    const orderId = updatedOrder.orderId ||
+        updatedOrder.algoOrderId;
+    const isExisting = orderIsExisting(orders, orderId);
+    const status = updatedOrder.status ||
+        updatedOrder.rootAlgoStatus;
+    switch (status) {
+        case "NEW": {
+            // chceck if the order is already in the list
+            if (isExisting ||
+                key.startsWith("orders:CANCELLED") ||
+                key.startsWith("orders:FILLED") ||
+                key.startsWith("orders:REJECTED")) {
+                return orders;
+            }
+            return insertOrders(orders, formattedOrder);
+        }
+        case "CANCELLED": {
+            if (key.startsWith("orders:FILLED") ||
+                key.startsWith("orders:REJECTED")) {
+                return orders;
+            }
+            if (key.startsWith("orders:NEW") || key.startsWith("orders:INCOMPLETE")) {
+                return removeOrderIfExisting(orders, orderId);
+            }
+            if (key.startsWith("orders:CANCELLED")) {
+                return insertOrders(orders, formattedOrder);
+            }
+            return updateOrders(orders, formattedOrder);
+        }
+        case "REPLACED":
+            return updateOrders(orders, formattedOrder);
+        case "FILLED": {
+            if (isExisting) {
+                // for new list, remove the order if it exists
+                if (key.startsWith("orders:INCOMPLETE") ||
+                    key.startsWith("orders:NEW")) {
+                    // if fullfilled, remove from the list
+                    if (updatedOrder.totalExecutedQuantity === updatedOrder.quantity) {
+                        return removeOrderIfExisting(orders, orderId);
+                    }
+                    // update
+                    return updateOrders(orders, formattedOrder);
+                }
+            }
+            else {
+                // for filled list, insert the order if it doesn't exist
+                if (key.startsWith("orders:CANCELLED") ||
+                    key.startsWith("orders:INCOMPLETE") ||
+                    key.startsWith("orders:NEW")) {
+                    return orders;
+                }
+                // if filled/history list:
+                return insertOrders(orders, formattedOrder);
+            }
+        }
+        default:
+            return orders;
+    }
+};
+function updateOrders(orders, formattedOrder) {
+    return orders.map((item) => {
+        return {
+            // ...item,
+            meta: item.meta,
+            rows: item.rows.map((order) => {
+                const isAlgoOrder = "algo_order_id" in order;
+                const updatedOrderId = isAlgoOrder
+                    ? formattedOrder.algo_order_id
+                    : formattedOrder.order_id;
+                if (order.algo_order_id === updatedOrderId ||
+                    order.order_id === updatedOrderId) {
+                    return { ...order, ...formattedOrder };
+                }
+                return order;
+            }),
+        };
+    });
+}
+function insertOrders(orders, formattedOrder) {
+    const index = lensIndex(0);
+    return over(index, (item) => ({
+        meta: {
+            ...item.meta,
+            total: item.meta.total + 1,
+        },
+        rows: [formattedOrder, ...item.rows],
+    }), orders);
+}
+function removeOrderIfExisting(orders, orderId) {
+    const isExisting = orderIsExisting(orders, orderId);
+    if (!isExisting)
+        return orders;
+    return orders.map((item) => {
+        return {
+            meta: { ...item.meta, total: item.meta.total - 1 },
+            rows: item.rows.filter((order) => {
+                const isAlgoOrder = "algo_order_id" in order;
+                return isAlgoOrder
+                    ? order.algo_order_id !== orderId
+                    : order.order_id !== orderId;
+            }),
+        };
+    });
+}
+function findOrderIndex(orders, orderId) {
+    let index = 0;
+    let index2;
+    for (let idx = 0; idx < orders.length; idx++) {
+        index = idx;
+        const item = orders[idx];
+        for (let idx2 = 0; idx2 < item.rows.length; idx2++) {
+            const element = item.rows[idx2];
+            if (element.algo_order_id === orderId ||
+                element.order_id === orderId) {
+                index2 = idx2;
+                break;
+            }
+        }
+    }
+    if (typeof index2 === "undefined") {
+        return;
+    }
+    return [index, index2];
+}
+function orderIsExisting(orders, orderId) {
+    const index = findOrderIndex(orders, orderId);
+    return Array.isArray(index);
+}
+function object2underscore(obj) {
+    return Object.keys(obj).reduce((acc, key) => {
+        acc[camelCaseToUnderscoreCase(key)] = obj[key];
+        return acc;
+    }, {});
+}

package/esm/version.d.ts

@@ -5,6 +5,6 @@ declare global {
         };
     }
 }
-declare const _default: "1.1.4";
+declare const _default: "1.1.5-alpha.0";
 export default _default;
 //# sourceMappingURL=version.d.ts.map

package/esm/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AACA,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,mBAAmB,CAAC,EAAE;YAClB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;SACzB,CAAC;KACL;CACJ;;AAMD,wBAAuB"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AACA,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,mBAAmB,CAAC,EAAE;YAClB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;SACzB,CAAC;KACL;CACJ;;AAMD,wBAA+B"}

package/esm/version.js

@@ -1,6 +1,6 @@
 if (typeof window !== 'undefined') {
     window.__ORDERLY_VERSION__ = window.__ORDERLY_VERSION__ || {};
-    window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "1.1.4";
+    window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "1.1.5-alpha.0";
 }
 ;
-export default "1.1.4";
+export default "1.1.5-alpha.0";

package/lib/dataProvider.d.ts

@@ -1,10 +1,11 @@
 import { PropsWithChildren } from "react";
 export type getKeyFunction = (index: number, prevData: any) => string | null;
-interface DataCenterContextValue {
+interface DataCenterContextState {
     regesterKeyHandler: (key: string, handler: getKeyFunction) => void;
+    unregisterKeyHandler: (key: string) => void;
 }
-export declare const DataCenterContext: import("react").Context<DataCenterContextValue>;
-export declare const useDataCenterContext: () => DataCenterContextValue;
+export declare const DataCenterContext: import("react").Context<DataCenterContextState>;
+export declare const useDataCenterContext: () => DataCenterContextState;
 export declare const DataCenterProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=dataProvider.d.ts.map

package/lib/dataProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataProvider.d.ts","sourceRoot":"","sources":["../src/dataProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAqC,MAAM,OAAO,CAAC;AAI7E,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,MAAM,GAAG,IAAI,CAAC;AAE7E,UAAU,sBAAsB;IAK9B,kBAAkB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CACpE;AAED,eAAO,MAAM,iBAAiB,iDAE7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,8BAAsC,CAAC;AAExE,eAAO,MAAM,kBAAkB,iBAAkB,iBAAiB,mDAgCjE,CAAC"}
+{"version":3,"file":"dataProvider.d.ts","sourceRoot":"","sources":["../src/dataProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAqC,MAAM,OAAO,CAAC;AAI7E,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,MAAM,GAAG,IAAI,CAAC;AAE7E,UAAU,sBAAsB;IAK9B,kBAAkB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IACnE,oBAAoB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,iBAAiB,iDAE7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,8BAAsC,CAAC;AAExE,eAAO,MAAM,kBAAkB,iBAAkB,iBAAiB,mDAqCjE,CAAC"}

package/lib/dataProvider.js

@@ -27,8 +27,13 @@ const DataCenterProvider = ({ children }) => {
         return null;
     return ((0, jsx_runtime_1.jsx)(exports.DataCenterContext.Provider, { value: {
             regesterKeyHandler: (key, fun) => {
+                console.log("regesterKeyHandler", key);
                 getKeyHandlerMapRef.current.set(key, fun);
             },
+            unregisterKeyHandler: (key) => {
+                console.log("unregisterKeyHandler", key);
+                getKeyHandlerMapRef.current.delete(key);
+            },
         }, children: children }));
 };
 exports.DataCenterProvider = DataCenterProvider;

package/lib/index.d.ts

@@ -1,3 +1,4 @@
+import "./utils/dev";
 export { default as version } from "./version";
 export { useQuery } from "./useQuery";
 export { useLazyQuery } from "./useLazyQuery";

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EACL,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAElC,cAAc,wBAAwB,CAAC;AAGvC,OAAO,MAAM,EAAE,EAAE,KAAK,gBAAgB,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAE/D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,gBAAgB,EAAE,CAAC;AAEpD,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1D,cAAc,wBAAwB,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EACL,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAElC,cAAc,wBAAwB,CAAC;AAGvC,OAAO,MAAM,EAAE,EAAE,KAAK,gBAAgB,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAE/D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,gBAAgB,EAAE,CAAC;AAEpD,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1D,cAAc,wBAAwB,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC"}

package/lib/index.js

@@ -30,6 +30,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cleanStringStyle = exports.usePoster = exports.useMediaQuery = exports.SWRConfig = exports.useSWR = exports.useWalletConnector = exports.WalletConnectorContext = exports.OrderlyConfigProvider = exports.WsNetworkStatus = exports.useWsStatus = exports.useConfig = exports.useWS = exports.useConstant = exports.parseJSON = exports.useLocalStorage = exports.useSessionStorage = exports.useEventEmitter = exports.usePreLoadData = exports.useAccountInstance = exports.useAccount = exports.useBoolean = exports.usePrivateInfiniteQuery = exports.usePrivateQuery = exports.useMutation = exports.useLazyQuery = exports.useQuery = exports.version = void 0;
+require("./utils/dev");
 var version_1 = require("./version");
 Object.defineProperty(exports, "version", { enumerable: true, get: function () { return __importDefault(version_1).default; } });
 var useQuery_1 = require("./useQuery");

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

@@ -1 +1 @@
-{"version":3,"file":"useMaxQty.d.ts","sourceRoot":"","sources":["../../src/orderly/useMaxQty.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,SAAS,EAAe,MAAM,wBAAwB,CAAC;AAgB1E,eAAO,MAAM,SAAS,WACZ,MAAM,QACR,SAAS,eACH,OAAO,WAuIpB,CAAC"}
+{"version":3,"file":"useMaxQty.d.ts","sourceRoot":"","sources":["../../src/orderly/useMaxQty.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,SAAS,EAAe,MAAM,wBAAwB,CAAC;AAgB1E,eAAO,MAAM,SAAS,WACZ,MAAM,QACR,SAAS,eACH,OAAO,WA0HpB,CAAC"}

package/lib/orderly/useMaxQty.js

@@ -20,32 +20,6 @@ const useMaxQty = (symbol, side, reduceOnly = false) => {
     const { totalCollateral } = (0, useCollateral_1.useCollateral)();
     const { data: markPrices } = (0, useMarkPricesStream_1.useMarkPricesStream)();
     const [orders] = (0, useOrderStream_1.useOrderStream)({ status: types_1.OrderStatus.NEW });
-    // const {
-    //   data: orders,
-    //   error,
-    //   mutate: updateOrder,
-    // } = usePrivateQuery<API.Order[]>(`/v1/orders?status=NEW&size=99`, {
-    //   formatter: (data) => data.rows,
-    //   onError: (err) => { },
-    // });
-    // const ws = useWS();
-    // useEffect(() => {
-    //   const unsubscribe = ws.privateSubscribe(
-    //     {
-    //       id: "executionreport_orders",
-    //       event: "subscribe",
-    //       topic: "executionreport",
-    //       ts: Date.now(),
-    //     },
-    //     {
-    //       onMessage: (data: any) => {
-    //         console.log("refresh orders", data);
-    //         updateOrder();
-    //       },
-    //     }
-    //   );
-    //   return () => unsubscribe();
-    // }, []);
     const maxQty = (0, react_1.useMemo)(() => {
         if (!symbol)
             return 0;
@@ -113,6 +87,18 @@ const useMaxQty = (symbol, side, reduceOnly = false) => {
         totalCollateral,
         reduceOnly,
     ]);
+    // debugPrint({
+    //   maxQty,
+    //   totalCollateral,
+    //   side,
+    //   // reduceOnly,
+    //   orders: orders?.map((o) => o.quantity),
+    //   // positionsData,
+    //   // markPrices,
+    //   // accountInfo,
+    //   // symbolInfo,
+    //   // symbol,
+    // });
     return Math.max(maxQty, 0);
 };
 exports.useMaxQty = useMaxQty;

package/lib/orderly/useOrderEntry.js

@@ -185,7 +185,7 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
     ]);
     const isStopOrder = parsedData?.order_type === types_1.OrderType.STOP_LIMIT ||
         parsedData?.order_type === types_1.OrderType.STOP_MARKET;
-    const [doCreateOrder, { data, error, reset, isMutating }] = (0, useMutation_1.useMutation)(isStopOrder ? "/v1/algo/order" : "/v1/order");
+    const [doCreateOrder, { isMutating }] = (0, useMutation_1.useMutation)(isStopOrder ? "/v1/algo/order" : "/v1/order");
     // const maxQty = 3;
     const createOrder = (values) => {
         if (!values.symbol) {
@@ -236,9 +236,16 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
                         // ...omit(["order_price"], values),
                         ...data,
                     })).then((res) => {
-                        // console.log("res::::", res);
+                        console.log("--------------------res::::", res);
                         // resolve(res);
                         if (res.success) {
+                            // TODO: remove when the WS service is fixed
+                            if (Array.isArray(res.data.rows)) {
+                                ee.emit("algoOrder:cache", {
+                                    ...res.data.rows[0],
+                                    trigger_price: data.trigger_price,
+                                });
+                            }
                             resolve(res.data);
                         }
                         else {

package/lib/orderly/useOrderStream.d.ts

@@ -11,7 +11,16 @@ type Params = {
     size?: number;
     side?: OrderSide;
 };
-export declare const useOrderStream: (params: Params) => readonly [any[] | null, {
+export declare const useOrderStream: (params: Params, options?: {
+    /**
+     * Keep the state update alive
+     */
+    keeplive?: boolean;
+    /**
+     * Stop the state update when the component unmount
+     */
+    stopOnUnmount?: boolean;
+}) => readonly [any[] | null, {
     readonly total: any;
     readonly isLoading: boolean;
     readonly refresh: import("swr/_internal").KeyedMutator<any[]>;