@orderly.network/hooks 1.1.4-rc.8 → 1.1.4

package/esm/orderly/useWithdraw.js

@@ -0,0 +1,64 @@
+import { useCallback, useMemo, useState } from "react";
+import { useHoldingStream } from "./useHoldingStream";
+import { useCollateral } from "./useCollateral";
+import { useAccount } from "../useAccount";
+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) => {
+            // if (res.success) {
+            //   withdrawQueue.current.push(res.data.withdraw_id);
+            // }
+            return res;
+        });
+    }, [state]);
+    const { usdc } = useHoldingStream();
+    // useEffect(() => {
+    //   const unsubscribe = ws.privateSubscribe(
+    //     {
+    //       id: "wallet",
+    //       event: "subscribe",
+    //       topic: "wallet",
+    //       ts: Date.now(),
+    //     },
+    //     {
+    //       onMessage: (data: any) => {
+    //         //
+    //         const { id } = data;
+    //         if (withdrawQueue.current.includes(id)) {
+    //           withdrawQueue.current = withdrawQueue.current.filter(
+    //             (item) => item !== id
+    //           );
+    //           ee.emit("withdraw:success", data);
+    //         }
+    //       },
+    //     }
+    //   );
+    //   return () => unsubscribe();
+    // }, []);
+    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(() => {
+        if (unsettledPnL < 0) {
+            return freeCollateral;
+        }
+        else {
+            return freeCollateral - unsettledPnL;
+        }
+    }, [freeCollateral, unsettledPnL]);
+    return {
+        withdraw,
+        isLoading,
+        maxAmount,
+        availableBalance,
+        availableWithdraw,
+        unsettledPnL,
+    };
+};

package/esm/orderlyContext.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { type ConfigStore, type OrderlyKeyStore, type getWalletAdapterFunc } from "@orderly.network/core";
+import { NetworkId } from "@orderly.network/types";
+export interface OrderlyConfigContextState {
+    fetcher?: (url: string, init: RequestInit) => Promise<any>;
+    configStore: ConfigStore;
+    keyStore: OrderlyKeyStore;
+    getWalletAdapter: getWalletAdapterFunc;
+    networkId: NetworkId;
+    /**
+     * @hidden
+     */
+    onlyTestnet?: boolean;
+}
+export declare const OrderlyContext: import("react").Context<OrderlyConfigContextState>;
+export declare const OrderlyProvider: import("react").Provider<OrderlyConfigContextState>;
+//# sourceMappingURL=orderlyContext.d.ts.map

package/esm/orderlyContext.d.ts.map

@@ -0,0 +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"}

package/esm/orderlyContext.js

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

package/esm/services/dataCenter.d.ts

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

package/esm/services/dataCenter.d.ts.map

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

package/esm/services/dataCenter.js

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

package/esm/services/painter/backgroundPaint.d.ts

@@ -0,0 +1,9 @@
+import { BasePaint, type drawOptions } from "./basePaint";
+export declare class BackgroundPaint extends BasePaint {
+    private img;
+    draw(options: drawOptions): Promise<void>;
+    _drawColor(options: drawOptions): void;
+    _drawImage(options: drawOptions): Promise<void>;
+    private loadImg;
+}
+//# sourceMappingURL=backgroundPaint.d.ts.map

package/esm/services/painter/backgroundPaint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"backgroundPaint.d.ts","sourceRoot":"","sources":["../../../src/services/painter/backgroundPaint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1D,qBAAa,eAAgB,SAAQ,SAAS;IAC5C,OAAO,CAAC,GAAG,CAAiC;IAEtC,IAAI,CAAC,OAAO,EAAE,WAAW;IAa/B,UAAU,CAAC,OAAO,EAAE,WAAW;IAWzB,UAAU,CAAC,OAAO,EAAE,WAAW;IAarC,OAAO,CAAC,OAAO;CAahB"}

package/esm/services/painter/backgroundPaint.js

@@ -0,0 +1,41 @@
+import { BasePaint } from "./basePaint";
+export class BackgroundPaint extends BasePaint {
+    constructor() {
+        super(...arguments);
+        this.img = null;
+    }
+    async draw(options) {
+        console.log("BackgroundPaint draw: ", options.backgroundColor);
+        if (typeof options.backgroundImg !== "undefined" &&
+            options.backgroundImg !== "") {
+            return this._drawImage(options);
+        }
+        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) => {
+            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) => {
+            const img = new Image();
+            img.crossOrigin = "anonymous";
+            img.onload = () => {
+                resolve(img);
+            };
+            img.onerror = (e) => {
+                reject(e);
+            };
+            img.src = url;
+        });
+    }
+}

package/esm/services/painter/basePaint.d.ts

@@ -0,0 +1,90 @@
+import { PosterPainter } from "./painter";
+export type posterDataSource = {
+    message?: string;
+    position: {
+        symbol: string;
+        side: "LONG" | "SHORT";
+        /**
+         * The leverage of the position
+         */
+        leverage: number;
+        /**
+         * The unrealized PnL of the position
+         */
+        pnl: number;
+        /**
+         * The return on investment of the position
+         */
+        ROI: number;
+        /**
+         * The informations of the position, such as open price, opened at, mark price, quantity
+         */
+        informations: {
+            title: string;
+            value: string;
+        }[];
+        /**
+         * The quote currency of the position
+         */
+        currency: string;
+    };
+    /**
+     * The domain of the application
+     */
+    domain: string;
+    /**
+     * The update time of the position
+     */
+    updateTime: string;
+};
+export type layoutInfo = {
+    width?: number;
+    height?: number;
+    fontSize?: number;
+    color?: string;
+    textAlign?: CanvasTextAlign;
+    textBaseline?: CanvasTextBaseline;
+    position: Partial<{
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    }>;
+};
+export type posterLayoutConfig = {
+    message?: layoutInfo;
+    domain?: layoutInfo;
+    position?: layoutInfo;
+    unrealizedPnl?: layoutInfo;
+    informations?: layoutInfo;
+    updateTime?: layoutInfo;
+};
+export type drawOptions = {
+    /**
+     * Color of common text
+     */
+    color?: string;
+    /**
+     * Lose color
+     */
+    loseColor?: string;
+    /**
+     * Profit color
+     */
+    profitColor?: string;
+    /**
+     * The brand color of the application
+     */
+    brandColor?: string;
+    backgroundColor?: string;
+    backgroundImg?: string;
+    data?: posterDataSource;
+    layout?: posterLayoutConfig;
+};
+export declare abstract class BasePaint {
+    protected ctx: CanvasRenderingContext2D;
+    protected painter: PosterPainter;
+    constructor(ctx: CanvasRenderingContext2D, painter: PosterPainter);
+    abstract draw(options: drawOptions): Promise<void>;
+}
+//# sourceMappingURL=basePaint.d.ts.map

package/esm/services/painter/basePaint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"basePaint.d.ts","sourceRoot":"","sources":["../../../src/services/painter/basePaint.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM,CAAC;QAEf,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;QACvB;;WAEG;QACH,QAAQ,EAAE,MAAM,CAAC;QACjB;;WAEG;QACH,GAAG,EAAE,MAAM,CAAC;QACZ;;WAEG;QACH,GAAG,EAAE,MAAM,CAAC;QACZ;;WAEG;QACH,YAAY,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QACjD;;WAEG;QACH,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;CACJ,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,aAAa,CAAC,EAAE,UAAU,CAAC;IAE3B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B,CAAC;AAEF,8BAAsB,SAAS;IAE3B,SAAS,CAAC,GAAG,EAAE,wBAAwB;IACvC,SAAS,CAAC,OAAO,EAAE,aAAa;gBADtB,GAAG,EAAE,wBAAwB,EAC7B,OAAO,EAAE,aAAa;IAElC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;CACnD"}

package/esm/services/painter/basePaint.js

@@ -0,0 +1,6 @@
+export class BasePaint {
+    constructor(ctx, painter) {
+        this.ctx = ctx;
+        this.painter = painter;
+    }
+}

package/esm/services/painter/dataPaint.d.ts

@@ -0,0 +1,16 @@
+import { BasePaint, drawOptions } from "./basePaint";
+export declare class DataPaint extends BasePaint {
+    private positionInfoCellWidth;
+    private DEFAULT_PROFIT_COLOR;
+    private DEFAULT_LOSE_COLOR;
+    draw(options: drawOptions): Promise<void>;
+    private drawMessage;
+    private drawPosition;
+    private drawUnrealizedPnL;
+    private drawInformations;
+    private drawDomainUrl;
+    private drawPositionTime;
+    private _drawText;
+    private _ratio;
+}
+//# sourceMappingURL=dataPaint.d.ts.map

package/esm/services/painter/dataPaint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataPaint.d.ts","sourceRoot":"","sources":["../../../src/services/painter/dataPaint.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAc,MAAM,aAAa,CAAC;AAGjE,qBAAa,SAAU,SAAQ,SAAS;IACtC,OAAO,CAAC,qBAAqB,CAAO;IAEpC,OAAO,CAAC,oBAAoB,CAAoB;IAChD,OAAO,CAAC,kBAAkB,CAAsB;IAE1C,IAAI,CAAC,OAAO,EAAE,WAAW;IA0B/B,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,YAAY;IAoEpB,OAAO,CAAC,iBAAiB;IAoDzB,OAAO,CAAC,gBAAgB;IA6BxB,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,SAAS;IAoCjB,OAAO,CAAC,MAAM;CAGf"}

package/esm/services/painter/dataPaint.js

@@ -0,0 +1,195 @@
+import { commify } from "@orderly.network/utils";
+import { BasePaint } from "./basePaint";
+import { path } from "ramda";
+export class DataPaint extends BasePaint {
+    constructor() {
+        super(...arguments);
+        this.positionInfoCellWidth = 100;
+        this.DEFAULT_PROFIT_COLOR = "rgb(0,181,159)";
+        this.DEFAULT_LOSE_COLOR = "rgb(255,103,194)";
+    }
+    async draw(options) {
+        console.log("DataPaint draw: ", options.data);
+        if (!!options.data?.message) {
+            this.drawMessage(options);
+        }
+        if (!!options.data?.position) {
+            this.drawPosition(options);
+        }
+        if (Array.isArray(options.data?.position?.informations)) {
+            this.drawInformations(options);
+        }
+        this.drawUnrealizedPnL(options);
+        if (!!options.data?.domain) {
+            this.drawDomainUrl(options);
+        }
+        if (typeof options.data?.updateTime !== "undefined") {
+            this.drawPositionTime(options);
+        }
+    }
+    drawMessage(options) {
+        // console.log("draw message", options);
+        const layout = path(["layout", "message"], options);
+        const { position } = layout;
+        this._drawText(`"${options.data?.message}"`, {
+            color: layout.color,
+            fontSize: this._ratio(layout.fontSize),
+            top: this._ratio(position.top),
+            left: this._ratio(position.left),
+            textBaseline: "top",
+        });
+    }
+    drawPosition(options) {
+        const layout = path(["layout", "position"], options);
+        const { position } = layout;
+        let left = this._ratio(position.left);
+        let prevElementBoundingBox = {};
+        // draw position side;
+        if (typeof options.data?.position.side !== "undefined") {
+            prevElementBoundingBox = this._drawText(options.data.position.side, {
+                color: options.data?.position.side === "LONG"
+                    ? this.DEFAULT_PROFIT_COLOR
+                    : this.DEFAULT_LOSE_COLOR,
+                left,
+                top: this._ratio(70),
+                fontSize: this._ratio(14),
+            });
+        }
+        if (typeof options.data?.position.symbol !== "undefined") {
+            left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);
+            if (prevElementBoundingBox.width) {
+                prevElementBoundingBox = this._drawText("|", {
+                    color: "rgba(255,255,255,0.2)",
+                    left,
+                    top: this._ratio(70),
+                    fontSize: this._ratio(12),
+                });
+            }
+            left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);
+            prevElementBoundingBox = this._drawText(options.data?.position.symbol, {
+                color: "rgba(255,255,255,0.98)",
+                left: left,
+                top: this._ratio(70),
+                fontSize: this._ratio(12),
+            });
+        }
+        if (typeof options.data?.position.leverage !== "undefined") {
+            left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);
+            if (prevElementBoundingBox.width) {
+                prevElementBoundingBox = this._drawText("|", {
+                    color: "rgba(255,255,255,0.2)",
+                    left,
+                    top: this._ratio(70),
+                    fontSize: this._ratio(12),
+                });
+            }
+            left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);
+            prevElementBoundingBox = this._drawText(`${options.data?.position.leverage}X`, {
+                color: "rgba(255,255,255,0.98)",
+                left,
+                top: this._ratio(70),
+                fontSize: this._ratio(12),
+            });
+        }
+    }
+    drawUnrealizedPnL(options) {
+        // reset left value;
+        const layout = path(["layout", "unrealizedPnl"], options);
+        const { position } = layout;
+        let left = this._ratio(position.left);
+        let prevElementBoundingBox = {};
+        // ROI
+        if (typeof options.data?.position.ROI !== "undefined") {
+            const prefix = options.data?.position.ROI > 0 ? "+" : "";
+            prevElementBoundingBox = this._drawText(`${prefix}${commify(options.data?.position.ROI)}%`, {
+                color: prefix === "+"
+                    ? options.profitColor || this.DEFAULT_PROFIT_COLOR
+                    : options.loseColor || this.DEFAULT_LOSE_COLOR,
+                left,
+                top: this._ratio(position.top),
+                fontSize: this._ratio(layout.fontSize),
+                fontWeight: 700,
+            });
+        }
+        // unrelPnL
+        if (typeof options.data?.position.pnl !== "undefined") {
+            const prefix = options.data?.position.pnl > 0 ? "+" : "";
+            let text = `${prefix}${commify(options.data?.position.pnl)} ${options.data?.position.currency}`;
+            if (prevElementBoundingBox.width) {
+                left += (prevElementBoundingBox.width ?? 0) + this._ratio(8);
+                text = `(${text})`;
+            }
+            else {
+                left = this._ratio(position.left);
+            }
+            prevElementBoundingBox = this._drawText(text, {
+                color: "rgba(255,255,255,0.5)",
+                left,
+                top: this._ratio(position.top),
+                fontSize: this._ratio(layout.fontSize * 0.6),
+                fontWeight: 600,
+            });
+        }
+    }
+    drawInformations(options) {
+        const layout = path(["layout", "informations"], options);
+        const { position } = layout;
+        options.data?.position.informations.forEach((info, index) => {
+            const left = position.left + this.positionInfoCellWidth * (index % 2);
+            const top = position.top + Math.floor(index / 2) * 40;
+            this._drawText(info.title, {
+                left: this._ratio(left),
+                top: this._ratio(top),
+                fontSize: this._ratio(10),
+                color: "rgba(255,255,255,0.2)",
+            });
+            this._drawText(info.value, {
+                left: this._ratio(position.left + this.positionInfoCellWidth * (index % 2)),
+                top: this._ratio(top + 17),
+                fontSize: this._ratio(layout.fontSize),
+                fontWeight: 500,
+                color: layout.color,
+            });
+        });
+    }
+    drawDomainUrl(options) {
+        const layout = path(["layout", "domain"], options);
+        const { position } = layout;
+        const top = this.painter.height - position.bottom;
+        this._drawText(options.data?.domain, {
+            left: this._ratio(position.left),
+            top: this._ratio(top),
+            fontSize: this._ratio(layout.fontSize),
+            color: options.brandColor ?? this.DEFAULT_PROFIT_COLOR,
+        });
+    }
+    drawPositionTime(options) {
+        const layout = path(["layout", "updateTime"], options);
+        const { position } = layout;
+        const top = this.painter.height - position.bottom;
+        const left = this.painter.width - position.right;
+        this._drawText(options.data?.updateTime, {
+            left: this._ratio(left),
+            top: this._ratio(top),
+            fontSize: this._ratio(layout.fontSize),
+            color: layout.color,
+            textAlign: "end",
+        });
+    }
+    _drawText(str, options) {
+        let boundingBox;
+        const { left = 30, top = 30, fontSize = 13, fontWeight = 500, color = "black", textBaseline = "middle", textAlign = "start", } = options ?? {};
+        this.ctx.save();
+        this.ctx.font = `${fontWeight} ${fontSize}px Manrope`;
+        this.ctx.fillStyle = color;
+        this.ctx.textBaseline = textBaseline;
+        this.ctx.textAlign = textAlign;
+        boundingBox = this.ctx.measureText(str);
+        this.ctx.fillText(str, left, top);
+        this.ctx.restore();
+        return boundingBox;
+    }
+    _ratio(num) {
+        return num * this.painter.ratio;
+    }
+}

package/esm/services/painter/layout.config.d.ts

@@ -0,0 +1,3 @@
+import { posterLayoutConfig } from "./basePaint";
+export declare const defaultLayoutConfig: posterLayoutConfig;
+//# sourceMappingURL=layout.config.d.ts.map

package/esm/services/painter/layout.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.config.d.ts","sourceRoot":"","sources":["../../../src/services/painter/layout.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE7D,eAAO,MAAM,mBAAmB,EAAE,kBAoDjC,CAAC"}

package/esm/services/painter/layout.config.js

@@ -0,0 +1,52 @@
+export const defaultLayoutConfig = {
+    domain: {
+        fontSize: 13,
+        // color: undefined,
+        position: {
+            left: 20,
+            bottom: 37,
+        },
+    },
+    message: {
+        fontSize: 20,
+        color: "white",
+        textBaseline: "top",
+        position: {
+            left: 20,
+            top: 16,
+        },
+    },
+    position: {
+        fontSize: 20,
+        color: "white",
+        position: {
+            left: 20,
+            top: 70,
+        },
+    },
+    unrealizedPnl: {
+        fontSize: 36,
+        color: "rgba(255,255,255,0.5)",
+        position: {
+            left: 20,
+            top: 110,
+        },
+    },
+    informations: {
+        fontSize: 12,
+        color: "rgba(255,255,255,0.54)",
+        position: {
+            left: 20,
+            top: 150,
+        },
+    },
+    updateTime: {
+        fontSize: 10,
+        color: "rgba(255,255,255,0.5)",
+        textAlign: "end",
+        position: {
+            right: 15,
+            bottom: 15,
+        },
+    },
+};

package/esm/services/painter/painter.d.ts

@@ -0,0 +1,12 @@
+import { drawOptions } from "./basePaint";
+export declare class PosterPainter {
+    private canvas;
+    private ctx;
+    width: number;
+    height: number;
+    ratio: number;
+    constructor(canvas: HTMLCanvasElement);
+    draw(options: drawOptions): void;
+    _draw(options: drawOptions): Promise<void>;
+}
+//# sourceMappingURL=painter.d.ts.map

package/esm/services/painter/painter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"painter.d.ts","sourceRoot":"","sources":["../../../src/services/painter/painter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,qBAAa,aAAa;IAMZ,OAAO,CAAC,MAAM;IAL1B,OAAO,CAAC,GAAG,CAA2B;IACtC,KAAK,EAAE,MAAM,CAAK;IAClB,MAAM,EAAE,MAAM,CAAK;IACnB,KAAK,EAAE,MAAM,CAAK;gBAEE,MAAM,EAAE,iBAAiB;IAqB7C,IAAI,CAAC,OAAO,EAAE,WAAW;IAInB,KAAK,CAAC,OAAO,EAAE,WAAW;CAUjC"}

package/esm/services/painter/painter.js

@@ -0,0 +1,37 @@
+import { BackgroundPaint } from "./backgroundPaint";
+import { DataPaint } from "./dataPaint";
+export class PosterPainter {
+    // resourceManager: Resource;
+    constructor(canvas) {
+        // console.log("PosterPainter constructor");
+        this.canvas = canvas;
+        this.width = 0;
+        this.height = 0;
+        this.ratio = 1;
+        this.ctx = this.canvas.getContext("2d");
+        this.width = this.canvas.width;
+        this.height = this.canvas.height;
+        this.ratio = Math.floor(window.devicePixelRatio) || 1;
+        console.log("this ratio", this.ratio);
+        // render to high resolution
+        this.canvas.width = this.width * this.ratio;
+        this.canvas.height = this.height * this.ratio;
+        this.canvas.style.width = this.width + "px";
+        this.canvas.style.height = this.height + "px";
+        //
+    }
+    draw(options) {
+        requestAnimationFrame(() => this._draw.bind(this)(options));
+    }
+    async _draw(options) {
+        if (this.ctx === null)
+            return;
+        console.log("============ DRAW ============");
+        // this.ctx.clearRect(0, 0, this.width * this.ratio, this.height * this.ratio);
+        // start draw
+        // background
+        await new BackgroundPaint(this.ctx, this).draw(options);
+        // data paint
+        await new DataPaint(this.ctx, this).draw(options);
+    }
+}

package/esm/services/painter/resource.d.ts

@@ -0,0 +1,7 @@
+export declare class Resource {
+    sourceMap: Map<string, HTMLImageElement>;
+    constructor();
+    has(source: string): boolean;
+    load(source: string): void;
+}
+//# sourceMappingURL=resource.d.ts.map

package/esm/services/painter/resource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource.d.ts","sourceRoot":"","sources":["../../../src/services/painter/resource.ts"],"names":[],"mappings":"AAAA,qBAAa,QAAQ;IACnB,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAa;;IAMrD,GAAG,CAAC,MAAM,EAAE,MAAM;IAIlB,IAAI,CAAC,MAAM,EAAE,MAAM;CAMpB"}

package/esm/services/painter/resource.js

@@ -0,0 +1,15 @@
+export class Resource {
+    constructor() {
+        this.sourceMap = new Map();
+        console.log("Resource constructor");
+    }
+    has(source) {
+        return this.sourceMap.has(source);
+    }
+    load(source) {
+        console.log("Resource load: ", source);
+        const img = new Image();
+        img.src = source;
+        this.sourceMap.set(source, img);
+    }
+}

package/esm/statusProvider.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from "react";
+import { type WsNetworkStatus } from "./useWsStatus";
+export interface StatusContextState {
+    ws?: WsNetworkStatus;
+}
+export declare const StatusContext: import("react").Context<StatusContextState>;
+export declare const StatusProvider: React.FC<PropsWithChildren>;
+//# sourceMappingURL=statusProvider.d.ts.map

package/esm/statusProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusProvider.d.ts","sourceRoot":"","sources":["../src/statusProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAe,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAElE,MAAM,WAAW,kBAAkB;IACjC,EAAE,CAAC,EAAE,eAAe,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,6CAA0C,CAAC;AAErE,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAQtD,CAAC"}

package/esm/statusProvider.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext } from "react";
+import { useWsStatus } from "./useWsStatus";
+export const StatusContext = createContext({});
+export const StatusProvider = (props) => {
+    const wsStatus = useWsStatus();
+    return (_jsx(StatusContext.Provider, { value: { ws: wsStatus }, children: props.children }));
+};

package/esm/unuse/apiPrefixMiddleware.d.ts

@@ -0,0 +1,3 @@
+import type { Middleware } from "swr";
+export declare const apiPrefixMiddleware: Middleware;
+//# sourceMappingURL=apiPrefixMiddleware.d.ts.map