@orderly.network/hooks 1.2.0 → 1.3.2

package/esm/services/painter/dataPaint.js

@@ -2,16 +2,12 @@ import { commify } from "@orderly.network/utils";
 import { BasePaint } from "./basePaint";
 import { path } from "ramda";
 export class DataPaint extends BasePaint {
-    constructor() {
-        super(...arguments);
-        this.positionInfoCellWidth = 110;
-        this.DEFAULT_PROFIT_COLOR = "rgb(0,181,159)";
-        this.DEFAULT_LOSS_COLOR = "rgb(255,103,194)";
-        this.transformTop = 0;
-    }
+    positionInfoCellWidth = 110;
+    DEFAULT_PROFIT_COLOR = "rgb(0,181,159)";
+    DEFAULT_LOSS_COLOR = "rgb(255,103,194)";
+    transformTop = 0;
     async draw(options) {
-        const needDrawDetails = Array.isArray(options.data?.position?.informations) &&
-            (options.data?.position?.informations?.length ?? 0) > 0;
+        const needDrawDetails = Array.isArray(options.data?.position?.informations) && (options.data?.position?.informations?.length ?? 0) > 0;
         // const hasMessage = !!options.data?.message;
         const hasMessage = true;
         this.transformTop = hasMessage ? 0 : needDrawDetails ? -40 : -150;
@@ -38,7 +34,10 @@ export class DataPaint extends BasePaint {
     }
     drawMessage(options) {
         // console.log("draw message", options);
-        const layout = path(["layout", "message"], options);
+        const layout = path([
+            "layout",
+            "message"
+        ], options);
         const { position } = layout;
         this._drawText(`"${options.data?.message}"`, {
             color: layout.color,
@@ -46,11 +45,14 @@ export class DataPaint extends BasePaint {
             top: this._ratio(position.top),
             left: this._ratio(position.left),
             textBaseline: "top",
-            fontFamily: options.fontFamily,
+            fontFamily: options.fontFamily
         });
     }
     drawPosition(options, offsetTop = 0) {
-        const layout = path(["layout", "position"], options);
+        const layout = path([
+            "layout",
+            "position"
+        ], options);
         const { position, fontSize = 14 } = layout;
         let left = this._ratio(position.left);
         let top = layout.position.top + offsetTop + this.transformTop;
@@ -58,13 +60,11 @@ export class DataPaint extends BasePaint {
         // draw position side;
         if (typeof options.data?.position.side !== "undefined") {
             prevElementBoundingBox = this._drawText(options.data.position.side, {
-                color: options.data?.position.side.toUpperCase() === "LONG"
-                    ? this.DEFAULT_PROFIT_COLOR
-                    : this.DEFAULT_LOSS_COLOR,
+                color: options.data?.position.side.toUpperCase() === "LONG" ? this.DEFAULT_PROFIT_COLOR : this.DEFAULT_LOSS_COLOR,
                 left,
                 top: this._ratio(top),
                 fontSize: this._ratio(fontSize),
-                fontFamily: options.fontFamily,
+                fontFamily: options.fontFamily
             });
         }
         if (typeof options.data?.position.symbol !== "undefined") {
@@ -75,7 +75,7 @@ export class DataPaint extends BasePaint {
                     left,
                     top: this._ratio(top),
                     fontSize: this._ratio(fontSize),
-                    fontFamily: options.fontFamily,
+                    fontFamily: options.fontFamily
                 });
             }
             left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);
@@ -84,7 +84,7 @@ export class DataPaint extends BasePaint {
                 left: left,
                 top: this._ratio(top),
                 fontSize: this._ratio(fontSize),
-                fontFamily: options.fontFamily,
+                fontFamily: options.fontFamily
             });
         }
         if (typeof options.data?.position.leverage !== "undefined") {
@@ -95,7 +95,7 @@ export class DataPaint extends BasePaint {
                     left,
                     top: this._ratio(top),
                     fontSize: this._ratio(fontSize),
-                    fontFamily: options.fontFamily,
+                    fontFamily: options.fontFamily
                 });
             }
             left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);
@@ -104,13 +104,16 @@ export class DataPaint extends BasePaint {
                 left,
                 top: this._ratio(top),
                 fontSize: this._ratio(fontSize),
-                fontFamily: options.fontFamily,
+                fontFamily: options.fontFamily
             });
         }
     }
     drawUnrealizedPnL(options, offsetTop = 0) {
         // reset left value;
-        const layout = path(["layout", "unrealizedPnl"], options);
+        const layout = path([
+            "layout",
+            "unrealizedPnl"
+        ], options);
         const { position } = layout;
         let left = this._ratio(position.left);
         let prevElementBoundingBox = {};
@@ -119,14 +122,12 @@ export class DataPaint extends BasePaint {
         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.lossColor || this.DEFAULT_LOSS_COLOR,
+                color: prefix === "+" ? options.profitColor || this.DEFAULT_PROFIT_COLOR : options.lossColor || this.DEFAULT_LOSS_COLOR,
                 left,
                 top: this._ratio(top),
                 fontSize: this._ratio(layout.fontSize),
                 fontWeight: 700,
-                fontFamily: options.fontFamily,
+                fontFamily: options.fontFamily
             });
         }
         // unrelPnL
@@ -137,46 +138,40 @@ export class DataPaint extends BasePaint {
             if (prevElementBoundingBox.width) {
                 left += (prevElementBoundingBox.width ?? 0) + this._ratio(8);
                 text = `(${text})`;
-            }
-            else {
+            } else {
                 left = this._ratio(position.left);
                 fontWeight = 700;
             }
-            const color = typeof options.data.position.ROI === "undefined"
-                ? prefix === "+"
-                    ? options.profitColor || this.DEFAULT_PROFIT_COLOR
-                    : options.lossColor || this.DEFAULT_LOSS_COLOR
-                : layout.secondaryColor;
-            const fontSize = typeof options.data.position.ROI === "undefined"
-                ? this._ratio(layout.fontSize)
-                : this._ratio(layout.secondaryFontSize);
+            const color = typeof options.data.position.ROI === "undefined" ? prefix === "+" ? options.profitColor || this.DEFAULT_PROFIT_COLOR : options.lossColor || this.DEFAULT_LOSS_COLOR : layout.secondaryColor;
+            const fontSize = typeof options.data.position.ROI === "undefined" ? this._ratio(layout.fontSize) : this._ratio(layout.secondaryFontSize);
             prevElementBoundingBox = this._drawText(text, {
                 color,
                 left,
                 top: this._ratio(top),
                 fontSize,
                 fontWeight,
-                fontFamily: options.fontFamily,
+                fontFamily: options.fontFamily
             });
         }
     }
     drawInformations(options) {
-        const layout = path(["layout", "informations"], options);
+        const layout = path([
+            "layout",
+            "informations"
+        ], options);
         const { position } = layout;
         const isVertical = (options.data?.position.informations.length ?? 0) === 2;
-        options.data?.position.informations.forEach((info, index) => {
+        options.data?.position.informations.forEach((info, index)=>{
             // let cellWidth = this.positionInfoCellWidth;
-            let left = position.left + (index % 2) * this.positionInfoCellWidth;
+            let left = position.left + index % 2 * this.positionInfoCellWidth;
             // let top = (position.top as number) + (index / 2) * 38 + this.transformTop;
-            let top = position.top +
-                Math.floor(index / 2) * 38 +
-                this.transformTop;
+            let top = position.top + Math.floor(index / 2) * 38 + this.transformTop;
             this._drawText(info.title, {
                 left: this._ratio(left),
                 top: this._ratio(top),
                 fontSize: this._ratio(10),
                 color: layout.labelColor,
-                fontFamily: options.fontFamily,
+                fontFamily: options.fontFamily
             });
             this._drawText(info.value, {
                 left: this._ratio(left),
@@ -184,12 +179,15 @@ export class DataPaint extends BasePaint {
                 fontSize: this._ratio(layout.fontSize),
                 fontWeight: 500,
                 color: layout.color,
-                fontFamily: options.fontFamily,
+                fontFamily: options.fontFamily
             });
         });
     }
     drawDomainUrl(options) {
-        const layout = path(["layout", "domain"], options);
+        const layout = path([
+            "layout",
+            "domain"
+        ], options);
         const { position } = layout;
         const top = this.painter.height - position.bottom;
         this._drawText(options.data?.domain, {
@@ -199,15 +197,18 @@ export class DataPaint extends BasePaint {
             color: options.brandColor ?? this.DEFAULT_PROFIT_COLOR,
             fontFamily: options.fontFamily,
             textBaseline: layout.textBaseline,
-            fontWeight: 600,
+            fontWeight: 600
         });
     }
     drawPositionTime(options) {
-        const layout = path(["layout", "updateTime"], options);
+        const layout = path([
+            "layout",
+            "updateTime"
+        ], options);
         const { position } = layout;
         const top = this.painter.height - position.bottom;
         const left = position.left;
-        console.log("*******", left, top, options.data?.updateTime);
+        ;
         this._drawText(options.data?.updateTime, {
             left: this._ratio(left),
             top: this._ratio(top),
@@ -215,12 +216,12 @@ export class DataPaint extends BasePaint {
             color: layout.color,
             textAlign: layout.textAlign,
             fontFamily: options.fontFamily,
-            textBaseline: layout.textBaseline,
+            textBaseline: layout.textBaseline
         });
     }
     _drawText(str, options) {
         let boundingBox;
-        const { left = 30, top = 30, fontSize = 13, fontWeight = 500, color = "black", textBaseline = "middle", textAlign = "start", } = options ?? {};
+        const { left = 30, top = 30, fontSize = 13, fontWeight = 500, color = "black", textBaseline = "middle", textAlign = "start" } = options ?? {};
         this.ctx.save();
         // "Nunito Sans",-apple-system,"San Francisco",BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif
         this.ctx.font = `${fontWeight} ${fontSize}px ${options?.fontFamily}`;
@@ -236,3 +237,5 @@ export class DataPaint extends BasePaint {
         return num * this.painter.ratio;
     }
 }
+
+//# sourceMappingURL=dataPaint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/services/painter/dataPaint.ts"],"sourcesContent":["import { commify } from \"@orderly.network/utils\";\nimport { BasePaint, DrawOptions, layoutInfo } from \"./basePaint\";\nimport { path } from \"ramda\";\n\nexport class DataPaint extends BasePaint {\n  private positionInfoCellWidth = 110;\n\n  private DEFAULT_PROFIT_COLOR = \"rgb(0,181,159)\";\n  private DEFAULT_LOSS_COLOR = \"rgb(255,103,194)\";\n\n  private transformTop = 0;\n\n  async draw(options: DrawOptions) {\n    const needDrawDetails =\n      Array.isArray(options.data?.position?.informations) &&\n      (options.data?.position?.informations?.length ?? 0) > 0;\n\n    // const hasMessage = !!options.data?.message;\n    const hasMessage = true;\n\n    this.transformTop = hasMessage ? 0 : needDrawDetails ? -40 : -150;\n\n    // If position details are not displayed, the position PNL information will be margin\n    // const offsetTop = hasMessage ? 50 : 100;\n    const offsetTop = 100;\n    // const offsetMessage = hasMessage ? 0 : -50;\n\n    if (!!options.data?.message) {\n      this.drawMessage(options);\n    }\n\n    if (!!options.data?.position) {\n      this.drawPosition(options, needDrawDetails ? 0 : offsetTop);\n    }\n\n    if (needDrawDetails) {\n      this.drawInformations(options);\n    }\n\n    this.drawUnrealizedPnL(options, needDrawDetails ? 0 : offsetTop);\n\n    if (!!options.data?.domain) {\n      this.drawDomainUrl(options);\n    }\n\n    if (typeof options.data?.updateTime !== \"undefined\") {\n      this.drawPositionTime(options);\n    }\n  }\n\n  private drawMessage(options: DrawOptions) {\n    // console.log(\"draw message\", options);\n\n    const layout = path<layoutInfo>(\n      [\"layout\", \"message\"],\n      options\n    ) as layoutInfo;\n    const { position } = layout;\n\n    this._drawText(`\"${options.data?.message!}\"`, {\n      color: layout.color,\n      fontSize: this._ratio(layout.fontSize as number),\n      top: this._ratio(position.top!),\n      left: this._ratio(position.left!),\n      textBaseline: \"top\",\n      fontFamily: options.fontFamily,\n    });\n  }\n  private drawPosition(options: DrawOptions, offsetTop: number = 0) {\n    const layout = path<layoutInfo>(\n      [\"layout\", \"position\"],\n      options\n    ) as layoutInfo;\n    const { position, fontSize = 14 } = layout;\n    let left = this._ratio(position.left!);\n\n    let top = layout.position.top! + offsetTop + this.transformTop;\n    let prevElementBoundingBox: TextMetrics = {} as TextMetrics;\n\n    // draw position side;\n\n    if (typeof options.data?.position.side !== \"undefined\") {\n      prevElementBoundingBox = this._drawText(options.data.position.side, {\n        color:\n          options.data?.position.side.toUpperCase() === \"LONG\"\n            ? this.DEFAULT_PROFIT_COLOR\n            : this.DEFAULT_LOSS_COLOR,\n        left,\n        top: this._ratio(top),\n        fontSize: this._ratio(fontSize),\n        fontFamily: options.fontFamily,\n      });\n    }\n\n    if (typeof options.data?.position.symbol !== \"undefined\") {\n      left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);\n\n      if (prevElementBoundingBox.width) {\n        prevElementBoundingBox = this._drawText(\"|\", {\n          color: \"rgba(255,255,255,0.2)\",\n          left,\n          top: this._ratio(top),\n          fontSize: this._ratio(fontSize),\n          fontFamily: options.fontFamily,\n        });\n      }\n\n      left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);\n      prevElementBoundingBox = this._drawText(options.data?.position.symbol!, {\n        color: layout.color,\n        left: left,\n        top: this._ratio(top),\n        fontSize: this._ratio(fontSize),\n        fontFamily: options.fontFamily,\n      });\n    }\n\n    if (typeof options.data?.position.leverage !== \"undefined\") {\n      left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);\n\n      if (prevElementBoundingBox.width) {\n        prevElementBoundingBox = this._drawText(\"|\", {\n          color: \"rgba(255,255,255,0.2)\",\n          left,\n          top: this._ratio(top),\n          fontSize: this._ratio(fontSize),\n          fontFamily: options.fontFamily,\n        });\n      }\n      left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);\n      prevElementBoundingBox = this._drawText(\n        `${options.data?.position.leverage}X`,\n        {\n          color: layout.color,\n          left,\n          top: this._ratio(top),\n          fontSize: this._ratio(fontSize),\n          fontFamily: options.fontFamily,\n        }\n      );\n    }\n  }\n\n  private drawUnrealizedPnL(options: DrawOptions, offsetTop: number = 0) {\n    // reset left value;\n    const layout = path<layoutInfo>(\n      [\"layout\", \"unrealizedPnl\"],\n      options\n    ) as layoutInfo & {\n      secondaryColor: string;\n      secondaryFontSize: number;\n    };\n    const { position } = layout;\n    let left = this._ratio(position.left!);\n    let prevElementBoundingBox: TextMetrics = {} as TextMetrics;\n\n    const top = (position.top ?? 0) + offsetTop + this.transformTop;\n\n    // ROI\n    if (typeof options.data?.position.ROI !== \"undefined\") {\n      const prefix = options.data?.position.ROI! > 0 ? \"+\" : \"\";\n      prevElementBoundingBox = this._drawText(\n        `${prefix}${commify(options.data?.position.ROI)}%`,\n        {\n          color:\n            prefix === \"+\"\n              ? options.profitColor || this.DEFAULT_PROFIT_COLOR\n              : options.lossColor || this.DEFAULT_LOSS_COLOR,\n          left,\n          top: this._ratio(top),\n\n          fontSize: this._ratio(layout.fontSize as number),\n          fontWeight: 700,\n          fontFamily: options.fontFamily,\n        }\n      );\n    }\n    // unrelPnL\n    if (typeof options.data?.position.pnl !== \"undefined\") {\n      const prefix = options.data?.position.pnl! > 0 ? \"+\" : \"\";\n      let text = `${prefix}${commify(options.data?.position.pnl)} ${\n        options.data?.position.currency\n      }`;\n      let fontWeight = 600;\n\n      if (prevElementBoundingBox.width) {\n        left += (prevElementBoundingBox.width ?? 0) + this._ratio(8);\n        text = `(${text})`;\n      } else {\n        left = this._ratio(position.left!);\n        fontWeight = 700;\n      }\n\n      const color =\n        typeof options.data.position.ROI === \"undefined\"\n          ? prefix === \"+\"\n            ? options.profitColor || this.DEFAULT_PROFIT_COLOR\n            : options.lossColor || this.DEFAULT_LOSS_COLOR\n          : layout.secondaryColor;\n\n      const fontSize =\n        typeof options.data.position.ROI === \"undefined\"\n          ? this._ratio(layout.fontSize as number)\n          : this._ratio(layout.secondaryFontSize as number);\n\n      prevElementBoundingBox = this._drawText(text, {\n        color,\n        left,\n        top: this._ratio(top),\n        fontSize,\n        fontWeight,\n        fontFamily: options.fontFamily,\n      });\n    }\n  }\n\n  private drawInformations(options: DrawOptions) {\n    const layout = path<layoutInfo>(\n      [\"layout\", \"informations\"],\n      options\n    ) as layoutInfo & {\n      labelColor?: string;\n    };\n    const { position } = layout;\n\n    const isVertical = (options.data?.position.informations.length ?? 0) === 2;\n\n    options.data?.position.informations.forEach((info, index) => {\n      // let cellWidth = this.positionInfoCellWidth;\n      let left = position.left! + (index % 2) * this.positionInfoCellWidth;\n      // let top = (position.top as number) + (index / 2) * 38 + this.transformTop;\n      let top =\n        (position.top as number) +\n        Math.floor(index / 2) * 38 +\n        this.transformTop;\n\n      this._drawText(info.title, {\n        left: this._ratio(left),\n        top: this._ratio(top),\n        fontSize: this._ratio(10),\n        color: layout.labelColor,\n        fontFamily: options.fontFamily,\n      });\n\n      this._drawText(info.value, {\n        left: this._ratio(left),\n        top: this._ratio(top + 17),\n        fontSize: this._ratio(layout.fontSize as number),\n        fontWeight: 500,\n        color: layout.color as string,\n        fontFamily: options.fontFamily,\n      });\n    });\n  }\n\n  private drawDomainUrl(options: DrawOptions) {\n    const layout = path<layoutInfo>(\n      [\"layout\", \"domain\"],\n      options\n    ) as layoutInfo;\n    const { position } = layout;\n    const top = this.painter.height - position.bottom!;\n\n    this._drawText(options.data?.domain!, {\n      left: this._ratio(position.left!),\n      top: this._ratio(top),\n      fontSize: this._ratio(layout.fontSize as number),\n      color: options.brandColor ?? this.DEFAULT_PROFIT_COLOR,\n      fontFamily: options.fontFamily,\n      textBaseline: layout.textBaseline,\n      fontWeight: 600,\n    });\n  }\n\n  private drawPositionTime(options: DrawOptions) {\n    const layout = path<layoutInfo>(\n      [\"layout\", \"updateTime\"],\n      options\n    ) as layoutInfo;\n    const { position } = layout;\n    const top = this.painter.height - position.bottom!;\n    const left = position.left!;\n\n    console.log(\"*******\", left, top, options.data?.updateTime);\n\n    this._drawText(options.data?.updateTime!, {\n      left: this._ratio(left),\n      top: this._ratio(top),\n      fontSize: this._ratio(layout.fontSize as number),\n      color: layout.color as string,\n      textAlign: layout.textAlign,\n      fontFamily: options.fontFamily,\n      textBaseline: layout.textBaseline,\n    });\n  }\n\n  private _drawText(\n    str: string,\n    options?: {\n      left?: number;\n      top?: number;\n      fontSize?: number;\n      fontFamily?: string;\n      fontWeight?: number;\n      color?: string;\n      textBaseline?: CanvasTextBaseline;\n      textAlign?: CanvasTextAlign;\n    }\n  ): TextMetrics {\n    let boundingBox: TextMetrics;\n    const {\n      left = 30,\n      top = 30,\n      fontSize = 13,\n      fontWeight = 500,\n      color = \"black\",\n      textBaseline = \"middle\",\n      textAlign = \"start\",\n    } = options ?? {};\n\n    this.ctx.save();\n    // \"Nunito Sans\",-apple-system,\"San Francisco\",BlinkMacSystemFont,\"Segoe UI\",\"Helvetica Neue\",Helvetica,Arial,sans-serif\n    this.ctx.font = `${fontWeight} ${fontSize}px ${options?.fontFamily}`;\n\n    this.ctx.fillStyle = color;\n    this.ctx.textBaseline = textBaseline;\n    this.ctx.textAlign = textAlign;\n    boundingBox = this.ctx.measureText(str);\n\n    this.ctx.fillText(str, left, top);\n    this.ctx.restore();\n\n    return boundingBox;\n  }\n\n  private _ratio(num: number) {\n    return num * this.painter.ratio;\n  }\n}\n"],"names":["commify","BasePaint","path","DataPaint","positionInfoCellWidth","DEFAULT_PROFIT_COLOR","DEFAULT_LOSS_COLOR","transformTop","draw","options","needDrawDetails","Array","isArray","data","position","informations","length","hasMessage","offsetTop","message","drawMessage","drawPosition","drawInformations","drawUnrealizedPnL","domain","drawDomainUrl","updateTime","drawPositionTime","layout","_drawText","color","fontSize","_ratio","top","left","textBaseline","fontFamily","prevElementBoundingBox","side","toUpperCase","symbol","width","leverage","ROI","prefix","profitColor","lossColor","fontWeight","pnl","text","currency","secondaryColor","secondaryFontSize","isVertical","forEach","info","index","Math","floor","title","labelColor","value","painter","height","bottom","brandColor","textAlign","str","boundingBox","ctx","save","font","fillStyle","measureText","fillText","restore","num","ratio"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -5,8 +5,8 @@ export const DefaultLayoutConfig = {
         textBaseline: "bottom",
         position: {
             left: 20,
-            bottom: 32,
-        },
+            bottom: 32
+        }
     },
     message: {
         fontSize: 20,
@@ -14,16 +14,16 @@ export const DefaultLayoutConfig = {
         textBaseline: "top",
         position: {
             left: 20,
-            top: 16,
-        },
+            top: 16
+        }
     },
     position: {
         fontSize: 14,
         color: "rgba(255,255,255,0.98)",
         position: {
             left: 20,
-            top: 70,
-        },
+            top: 70
+        }
     },
     unrealizedPnl: {
         fontSize: 36,
@@ -32,8 +32,8 @@ export const DefaultLayoutConfig = {
         secondaryFontSize: 20,
         position: {
             left: 20,
-            top: 110,
-        },
+            top: 110
+        }
     },
     informations: {
         fontSize: 12,
@@ -41,8 +41,8 @@ export const DefaultLayoutConfig = {
         labelColor: "rgba(255,255,255,0.36)",
         position: {
             left: 20,
-            top: 150,
-        },
+            top: 150
+        }
     },
     updateTime: {
         fontSize: 10,
@@ -51,7 +51,9 @@ export const DefaultLayoutConfig = {
         textBaseline: "bottom",
         position: {
             left: 20,
-            bottom: 17,
-        },
-    },
+            bottom: 17
+        }
+    }
 };
+
+//# sourceMappingURL=layout.config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/services/painter/layout.config.ts"],"sourcesContent":["import { type PosterLayoutConfig } from \"./basePaint\";\n\nexport const DefaultLayoutConfig: PosterLayoutConfig = {\n  domain: {\n    fontSize: 13,\n    // color: undefined,\n    textBaseline: \"bottom\",\n    position: {\n      left: 20,\n      bottom: 32,\n    },\n  },\n  message: {\n    fontSize: 20,\n    color: \"rgba(255, 255, 255, 0.98)\",\n    textBaseline: \"top\",\n    position: {\n      left: 20,\n      top: 16,\n    },\n  },\n  position: {\n    fontSize: 14,\n    color: \"rgba(255,255,255,0.98)\",\n    position: {\n      left: 20,\n      top: 70,\n    },\n  },\n  unrealizedPnl: {\n    fontSize: 36,\n    color: \"rgba(255,255,255,0.5)\",\n    secondaryColor: \"rgba(255,255,255,0.54)\",\n    secondaryFontSize: 20,\n    position: {\n      left: 20,\n      top: 110,\n    },\n  },\n  informations: {\n    fontSize: 12,\n    color: \"rgba(255, 255, 255, 0.8)\",\n    labelColor: \"rgba(255,255,255,0.36)\",\n    position: {\n      left: 20,\n      top: 150,\n    },\n  },\n\n  updateTime: {\n    fontSize: 10,\n    color: \"rgba(255,255,255,0.3)\",\n    // textAlign: \"end\",\n    textBaseline: \"bottom\",\n    position: {\n      left: 20,\n      bottom: 17,\n    },\n  },\n};\n"],"names":["DefaultLayoutConfig","domain","fontSize","textBaseline","position","left","bottom","message","color","top","unrealizedPnl","secondaryColor","secondaryFontSize","informations","labelColor","updateTime"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAO,MAAMA,sBAA0C;IACrDC,QAAQ;QACNC,UAAU;QACV,oBAAoB;QACpBC,cAAc;QACdC,UAAU;YACRC,MAAM;YACNC,QAAQ;QACV;IACF;IACAC,SAAS;QACPL,UAAU;QACVM,OAAO;QACPL,cAAc;QACdC,UAAU;YACRC,MAAM;YACNI,KAAK;QACP;IACF;IACAL,UAAU;QACRF,UAAU;QACVM,OAAO;QACPJ,UAAU;YACRC,MAAM;YACNI,KAAK;QACP;IACF;IACAC,eAAe;QACbR,UAAU;QACVM,OAAO;QACPG,gBAAgB;QAChBC,mBAAmB;QACnBR,UAAU;YACRC,MAAM;YACNI,KAAK;QACP;IACF;IACAI,cAAc;QACZX,UAAU;QACVM,OAAO;QACPM,YAAY;QACZV,UAAU;YACRC,MAAM;YACNI,KAAK;QACP;IACF;IAEAM,YAAY;QACVb,UAAU;QACVM,OAAO;QACP,oBAAoB;QACpBL,cAAc;QACdC,UAAU;YACRC,MAAM;YACNC,QAAQ;QACV;IACF;AACF,EAAE"}

package/esm/services/painter/painter.js

@@ -1,35 +1,34 @@
 import { BackgroundPaint } from "./backgroundPaint";
 import { DataPaint } from "./dataPaint";
 export class PosterPainter {
+    canvas;
+    ctx;
+    width;
+    height;
+    ratio;
     // resourceManager: Resource;
-    constructor(canvas, options) {
-        // console.log("PosterPainter constructor");
+    constructor(canvas, options){
         this.canvas = canvas;
         this.width = 0;
         this.height = 0;
+        // console.log("PosterPainter constructor");
         this.ctx = this.canvas.getContext("2d");
         this.width = this.canvas.width;
         this.height = this.canvas.height;
-        this.ratio =
-            options?.ratio ||
-                (typeof window !== "undefined"
-                    ? Math.floor(window.devicePixelRatio)
-                    : 1) ||
-                1;
-        console.log("this ratio", this.ratio);
+        this.ratio = options?.ratio || (typeof window !== "undefined" ? Math.floor(window.devicePixelRatio) : 1) || 1;
+        ;
         // 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));
+        requestAnimationFrame(()=>this._draw.bind(this)(options));
     }
     async _draw(options) {
-        if (this.ctx === null)
-            return;
+        if (this.ctx === null) return;
         // console.log("============ DRAW ============");
         // this.ctx.font = options.fontFamily!;
         // this.ctx.clearRect(0, 0, this.width * this.ratio, this.height * this.ratio);
@@ -40,3 +39,5 @@ export class PosterPainter {
         await new DataPaint(this.ctx, this).draw(options);
     }
 }
+
+//# sourceMappingURL=painter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/services/painter/painter.ts"],"sourcesContent":["import { BackgroundPaint } from \"./backgroundPaint\";\nimport { DrawOptions } from \"./basePaint\";\nimport { DataPaint } from \"./dataPaint\";\nexport class PosterPainter {\n  private ctx: CanvasRenderingContext2D;\n  width: number = 0;\n  height: number = 0;\n  ratio: number;\n  // resourceManager: Resource;\n  constructor(\n    private canvas: HTMLCanvasElement,\n    options?: {\n      ratio: number;\n    }\n  ) {\n    // console.log(\"PosterPainter constructor\");\n\n    this.ctx = this.canvas.getContext(\"2d\")!;\n\n    this.width = this.canvas.width;\n    this.height = this.canvas.height;\n\n    this.ratio =\n      options?.ratio ||\n      (typeof window !== \"undefined\"\n        ? Math.floor(window.devicePixelRatio)\n        : 1) ||\n      1;\n\n    console.log(\"this ratio\", this.ratio);\n\n    // render to high resolution\n    this.canvas.width = this.width * this.ratio;\n    this.canvas.height = this.height * this.ratio;\n    this.canvas.style.width = this.width + \"px\";\n    this.canvas.style.height = this.height + \"px\";\n\n    //\n  }\n\n  draw(options: DrawOptions) {\n    requestAnimationFrame(() => this._draw.bind(this)(options));\n  }\n\n  async _draw(options: DrawOptions) {\n    if (this.ctx === null) return;\n    // console.log(\"============ DRAW ============\");\n    // this.ctx.font = options.fontFamily!;\n    // this.ctx.clearRect(0, 0, this.width * this.ratio, this.height * this.ratio);\n    // start draw\n    // background\n    await new BackgroundPaint(this.ctx, this).draw(options);\n    // data paint\n    await new DataPaint(this.ctx, this).draw(options);\n  }\n}\n"],"names":["BackgroundPaint","DataPaint","PosterPainter","ctx","width","height","ratio","constructor","canvas","options","getContext","window","Math","floor","devicePixelRatio","style","draw","requestAnimationFrame","_draw","bind"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAEpD,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAO,MAAMC;;IACHC,IAA8B;IACtCC,MAAkB;IAClBC,OAAmB;IACnBC,MAAc;IACd,6BAA6B;IAC7BC,YACE,AAAQC,MAAyB,EACjCC,OAEC,CACD;aAJQD,SAAAA;aALVJ,QAAgB;aAChBC,SAAiB;QASf,4CAA4C;QAE5C,IAAI,CAACF,GAAG,GAAG,IAAI,CAACK,MAAM,CAACE,UAAU,CAAC;QAElC,IAAI,CAACN,KAAK,GAAG,IAAI,CAACI,MAAM,CAACJ,KAAK;QAC9B,IAAI,CAACC,MAAM,GAAG,IAAI,CAACG,MAAM,CAACH,MAAM;QAEhC,IAAI,CAACC,KAAK,GACRG,SAASH,SACR,CAAA,OAAOK,WAAW,cACfC,KAAKC,KAAK,CAACF,OAAOG,gBAAgB,IAClC,CAAA,KACJ;;QAIF,4BAA4B;QAC5B,IAAI,CAACN,MAAM,CAACJ,KAAK,GAAG,IAAI,CAACA,KAAK,GAAG,IAAI,CAACE,KAAK;QAC3C,IAAI,CAACE,MAAM,CAACH,MAAM,GAAG,IAAI,CAACA,MAAM,GAAG,IAAI,CAACC,KAAK;QAC7C,IAAI,CAACE,MAAM,CAACO,KAAK,CAACX,KAAK,GAAG,IAAI,CAACA,KAAK,GAAG;QACvC,IAAI,CAACI,MAAM,CAACO,KAAK,CAACV,MAAM,GAAG,IAAI,CAACA,MAAM,GAAG;IAEzC,EAAE;IACJ;IAEAW,KAAKP,OAAoB,EAAE;QACzBQ,sBAAsB,IAAM,IAAI,CAACC,KAAK,CAACC,IAAI,CAAC,IAAI,EAAEV;IACpD;IAEA,MAAMS,MAAMT,OAAoB,EAAE;QAChC,IAAI,IAAI,CAACN,GAAG,KAAK,MAAM;QACvB,iDAAiD;QACjD,uCAAuC;QACvC,+EAA+E;QAC/E,aAAa;QACb,aAAa;QACb,MAAM,IAAIH,gBAAgB,IAAI,CAACG,GAAG,EAAE,IAAI,EAAEa,IAAI,CAACP;QAC/C,aAAa;QACb,MAAM,IAAIR,UAAU,IAAI,CAACE,GAAG,EAAE,IAAI,EAAEa,IAAI,CAACP;IAC3C;AACF"}

package/esm/services/painter/resource.js

@@ -1,15 +1,17 @@
 export class Resource {
-    constructor() {
-        this.sourceMap = new Map();
-        console.log("Resource constructor");
+    sourceMap = new Map();
+    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);
     }
 }
+
+//# sourceMappingURL=resource.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/services/painter/resource.ts"],"sourcesContent":["export class Resource {\n  sourceMap: Map<string, HTMLImageElement> = new Map();\n\n  constructor() {\n    console.log(\"Resource constructor\");\n  }\n\n  has(source: string) {\n    return this.sourceMap.has(source);\n  }\n\n  load(source: string) {\n    console.log(\"Resource load: \", source);\n    const img = new Image();\n    img.src = source;\n    this.sourceMap.set(source, img);\n  }\n}\n"],"names":["Resource","sourceMap","Map","constructor","has","source","load","img","Image","src","set"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAO,MAAMA;IACXC,YAA2C,IAAIC,MAAM;IAErDC,aAAc;;IAEd;IAEAC,IAAIC,MAAc,EAAE;QAClB,OAAO,IAAI,CAACJ,SAAS,CAACG,GAAG,CAACC;IAC5B;IAEAC,KAAKD,MAAc,EAAE;;QAEnB,MAAME,MAAM,IAAIC;QAChBD,IAAIE,GAAG,GAAGJ;QACV,IAAI,CAACJ,SAAS,CAACS,GAAG,CAACL,QAAQE;IAC7B;AACF"}

package/esm/statusProvider.js

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

package/esm/statusProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/statusProvider.tsx"],"sourcesContent":["import { PropsWithChildren, createContext } from \"react\";\nimport { useWsStatus, type WsNetworkStatus } from \"./useWsStatus\";\n\nexport interface StatusContextState {\n  ws?: WsNetworkStatus;\n}\n\nexport const StatusContext = createContext({} as StatusContextState);\n\nexport const StatusProvider: React.FC<PropsWithChildren> = (props) => {\n  const wsStatus = useWsStatus();\n\n  return (\n    <StatusContext.Provider value={{ ws: wsStatus }}>\n      {props.children}\n    </StatusContext.Provider>\n  );\n};\n"],"names":["createContext","useWsStatus","StatusContext","StatusProvider","props","wsStatus","Provider","value","ws","children"],"rangeMappings":";;;;;;;;;;;;","mappings":";AAAA,SAA4BA,aAAa,QAAQ,QAAQ;AACzD,SAASC,WAAW,QAA8B,gBAAgB;AAMlE,OAAO,MAAMC,8BAAgBF,cAAc,CAAC,GAAyB;AAErE,OAAO,MAAMG,iBAA8C,CAACC;IAC1D,MAAMC,WAAWJ;IAEjB,qBACE,KAACC,cAAcI,QAAQ;QAACC,OAAO;YAAEC,IAAIH;QAAS;kBAC3CD,MAAMK,QAAQ;;AAGrB,EAAE"}

package/esm/unuse/apiPrefixMiddleware.js

@@ -1,27 +1,29 @@
 import { useContext } from "react";
 import { OrderlyContext } from "../orderlyContext";
-export const apiPrefixMiddleware = (useSWRNext) => {
+export const apiPrefixMiddleware = (useSWRNext)=>{
     // @ts-ignore
     const { apiBaseUrl } = useContext(OrderlyContext);
-    return (key, fetcher, config) => {
-        const extendedFetcher = (...args) => {
+    return (key, fetcher, config)=>{
+        const extendedFetcher = (...args)=>{
             // @ts-ignore
             return fetcher(...args);
         };
         // key =  `${apiBaseUrl}${key}`;
         return useSWRNext(key, extendedFetcher, config);
     };
-    // return (key, fetcher, config) => {
-    //
-    //     const { apiBaseUrl } = useContext(OrderlyContext);
-    //     const extendedFetcher = async (url: string) => {
-    //
-    //         // if (!url.startsWith("http")){
-    //         //     // const apiPrefix = (window as any)[__ORDERLY_API_URL_KEY__];
-    //         //     url = `${apiBaseUrl}${url}`;
-    //         // }
-    //        return fetcher!(url);
-    //     };
-    //     return useSWRNext(key, extendedFetcher, config);
-    // };
+// return (key, fetcher, config) => {
+//
+//     const { apiBaseUrl } = useContext(OrderlyContext);
+//     const extendedFetcher = async (url: string) => {
+//
+//         // if (!url.startsWith("http")){
+//         //     // const apiPrefix = (window as any)[__ORDERLY_API_URL_KEY__];
+//         //     url = `${apiBaseUrl}${url}`;
+//         // }
+//        return fetcher!(url);
+//     };
+//     return useSWRNext(key, extendedFetcher, config);
+// };
 };
+
+//# sourceMappingURL=apiPrefixMiddleware.js.map

package/esm/unuse/apiPrefixMiddleware.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/unuse/apiPrefixMiddleware.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport type { Middleware, SWRHook } from \"swr\";\nimport { OrderlyContext } from \"../orderlyContext\";\n\nexport const apiPrefixMiddleware: Middleware = (useSWRNext: SWRHook) => {\n  // @ts-ignore\n  const { apiBaseUrl } = useContext(OrderlyContext);\n\n  return (key, fetcher, config) => {\n    const extendedFetcher = (...args: any[]) => {\n      // @ts-ignore\n      return fetcher(...args);\n    };\n    // key =  `${apiBaseUrl}${key}`;\n\n    return useSWRNext(key, extendedFetcher, config);\n  };\n  // return (key, fetcher, config) => {\n  //\n  //     const { apiBaseUrl } = useContext(OrderlyContext);\n  //     const extendedFetcher = async (url: string) => {\n  //\n  //         // if (!url.startsWith(\"http\")){\n  //         //     // const apiPrefix = (window as any)[__ORDERLY_API_URL_KEY__];\n  //         //     url = `${apiBaseUrl}${url}`;\n  //         // }\n  //        return fetcher!(url);\n  //     };\n  //     return useSWRNext(key, extendedFetcher, config);\n  // };\n};\n"],"names":["useContext","OrderlyContext","apiPrefixMiddleware","useSWRNext","apiBaseUrl","key","fetcher","config","extendedFetcher","args"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,QAAQ;AAEnC,SAASC,cAAc,QAAQ,oBAAoB;AAEnD,OAAO,MAAMC,sBAAkC,CAACC;IAC9C,aAAa;IACb,MAAM,EAAEC,UAAU,EAAE,GAAGJ,WAAWC;IAElC,OAAO,CAACI,KAAKC,SAASC;QACpB,MAAMC,kBAAkB,CAAC,GAAGC;YAC1B,aAAa;YACb,OAAOH,WAAWG;QACpB;QACA,gCAAgC;QAEhC,OAAON,WAAWE,KAAKG,iBAAiBD;IAC1C;AACA,qCAAqC;AACrC,EAAE;AACF,yDAAyD;AACzD,uDAAuD;AACvD,EAAE;AACF,2CAA2C;AAC3C,gFAAgF;AAChF,8CAA8C;AAC9C,eAAe;AACf,+BAA+B;AAC/B,SAAS;AACT,uDAAuD;AACvD,KAAK;AACP,EAAE"}

package/esm/unuse/fn.js

@@ -2,5 +2,7 @@ import { pathOr } from "ramda";
 export const totalUnsettlementPnLPath = pathOr(0, [
     0,
     "aggregated",
-    "unsettledPnL",
+    "unsettledPnL"
 ]);
+
+//# sourceMappingURL=fn.js.map

package/esm/unuse/fn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/unuse/fn.ts"],"sourcesContent":["import { pathOr } from \"ramda\";\n\nexport const totalUnsettlementPnLPath = pathOr(0, [\n  0,\n  \"aggregated\",\n  \"unsettledPnL\",\n]);\n"],"names":["pathOr","totalUnsettlementPnLPath"],"rangeMappings":";;;;;","mappings":"AAAA,SAASA,MAAM,QAAQ,QAAQ;AAE/B,OAAO,MAAMC,2BAA2BD,OAAO,GAAG;IAChD;IACA;IACA;CACD,EAAE"}

package/esm/unuse/useBalance.js

@@ -1,12 +1,14 @@
 import { useWS } from "../useWS";
 import useSWRSubscription from "swr/subscription";
-export const useBalance = () => {
+export const useBalance = ()=>{
     const ws = useWS();
-    const { data } = useSWRSubscription("balance", (_, { next }) => {
+    const { data } = useSWRSubscription("balance", (_, { next })=>{
         const unsubscribe = ws.privateSubscribe("balance", {
-            onMessage: (data) => { },
+            onMessage: (data)=>{}
         });
-        return () => unsubscribe();
+        return ()=>unsubscribe();
     });
     return data;
 };
+
+//# sourceMappingURL=useBalance.js.map

package/esm/unuse/useBalance.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/unuse/useBalance.ts"],"sourcesContent":["import { useWS } from \"../useWS\";\nimport useSWRSubscription from \"swr/subscription\";\n\nexport const useBalance = () => {\n  const ws = useWS();\n  const { data } = useSWRSubscription(\"balance\", (_, { next }) => {\n    const unsubscribe = ws.privateSubscribe(\"balance\", {\n      onMessage: (data: any) => {},\n    });\n    return () => unsubscribe();\n  });\n\n  return data;\n};\n"],"names":["useWS","useSWRSubscription","useBalance","ws","data","_","next","unsubscribe","privateSubscribe","onMessage"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,SAASA,KAAK,QAAQ,WAAW;AACjC,OAAOC,wBAAwB,mBAAmB;AAElD,OAAO,MAAMC,aAAa;IACxB,MAAMC,KAAKH;IACX,MAAM,EAAEI,IAAI,EAAE,GAAGH,mBAAmB,WAAW,CAACI,GAAG,EAAEC,IAAI,EAAE;QACzD,MAAMC,cAAcJ,GAAGK,gBAAgB,CAAC,WAAW;YACjDC,WAAW,CAACL,QAAe;QAC7B;QACA,OAAO,IAAMG;IACf;IAEA,OAAOH;AACT,EAAE"}

package/esm/unuse/useFetures.js

@@ -2,38 +2,46 @@ import { useCallback, useEffect, useState } from "react";
 import { useQuery } from "../useQuery";
 import { useWS } from "../useWS";
 // api: /public/futures
-export const useFetures = () => {
+export const useFetures = ()=>{
     const { data, isLoading, error } = useQuery(`/v1/public/futures`, {
-        revalidateOnFocus: false,
+        revalidateOnFocus: false
     });
     const [sortedData, setSortedData] = useState(data);
     const ws = useWS();
-    useEffect(() => {
-        // const sub = ws
-        //   .observe<WSMessage.Ticker>(`tickers`)
-        //   .subscribe((value: any) => {
-        //
-        //     // setData(value);
-        //   });
-        // return () => {
-        //   sub.unsubscribe();
-        // };
+    useEffect(()=>{
+    // const sub = ws
+    //   .observe<WSMessage.Ticker>(`tickers`)
+    //   .subscribe((value: any) => {
+    //
+    //     // setData(value);
+    //   });
+    // return () => {
+    //   sub.unsubscribe();
+    // };
     }, []);
-    useEffect(() => {
+    useEffect(()=>{
         if (data) {
-            const sortedData = data.sort((a, b) => {
+            const sortedData = data.sort((a, b)=>{
                 return 0;
             });
             setSortedData(sortedData);
         }
-    }, [data]);
-    const sortBy = useCallback((key) => { }, [data]);
-    const filterBy = useCallback((key) => { }, [data]);
+    }, [
+        data
+    ]);
+    const sortBy = useCallback((key)=>{}, [
+        data
+    ]);
+    const filterBy = useCallback((key)=>{}, [
+        data
+    ]);
     return {
         data: sortedData,
         sortBy,
         filterBy,
         isLoading,
-        error,
+        error
     };
 };
+
+//# sourceMappingURL=useFetures.js.map