@backtest-kit/ui 3.1.2 → 3.2.0

package/build/index.mjs

@@ -1,12 +1,12 @@
 import http from 'http';
-import { isObject, singleshot, pickDocuments, str, memoize, errorData, getErrorMessage } from 'functools-kit';
+import { isObject, singleshot, pickDocuments, str, memoize, BehaviorSubject, waitForNext, errorData, getErrorMessage } from 'functools-kit';
 import micro from 'micro';
 import Router from 'router';
 import finalhandler from 'finalhandler';
 import serveHandler from 'serve-handler';
 import os from 'os';
 import { createActivator } from 'di-kit';
-import { Exchange, Notification, Storage } from 'backtest-kit';
+import { Exchange, Notification, Storage, listenSignal } from 'backtest-kit';
 import fs, { readdir, readFile } from 'fs/promises';
 import path, { join, dirname } from 'path';
 import { createRequire } from 'module';
@@ -17,10 +17,10 @@ const CC_WWWROOT_HOST = process.env.CC_WWWROOT_HOST || "0.0.0.0";
 const CC_WWWROOT_PORT = parseInt(process.env.CC_WWWROOT_PORT) || 60050;
 const CC_ENABLE_MOCK = !!parseInt(process.env.CC_ENABLE_MOCK) || false;
 
-const router$6 = Router({
+const router$7 = Router({
     params: true,
 });
-router$6.get("/api/v1/health/health_check", async (req, res) => {
+router$7.get("/api/v1/health/health_check", async (req, res) => {
     const [cpuLoad] = os.loadavg();
     return await micro.send(res, 200, {
         uptime: process.uptime(),
@@ -55,6 +55,7 @@ const baseServices$1 = {
 };
 const connectionServices$1 = {
     symbolConnectionService: Symbol("symbolConnectionService"),
+    priceConnectionService: Symbol("priceConnectionService"),
 };
 const metaServices$1 = {
     symbolMetaService: Symbol("symbolMetaService"),
@@ -594,12 +595,56 @@ class SymbolMetaService {
     }
 }
 
+const PRICE_TIMEOUT = 120000;
+const CREATE_KEY_FN = (symbol, strategyName, exchangeName, frameName, backtest) => {
+    const parts = [symbol, strategyName, exchangeName];
+    if (frameName)
+        parts.push(frameName);
+    parts.push(backtest ? "backtest" : "live");
+    return parts.join(":");
+};
+const GET_SUBJECT_FN = memoize(([symbol, strategyName, exchangeName, frameName, backtest]) => CREATE_KEY_FN(symbol, strategyName, exchangeName, frameName, backtest), () => new BehaviorSubject());
+const GET_PRICE_FN = async (symbol, strategyName, exchangeName, frameName, backtest) => {
+    const priceSubject = GET_SUBJECT_FN(symbol, strategyName, exchangeName, frameName, backtest);
+    if (priceSubject.data) {
+        return priceSubject.data;
+    }
+    return await waitForNext(priceSubject, (data) => !!data, PRICE_TIMEOUT);
+};
+class PriceConnectionService {
+    constructor() {
+        this.loggerService = inject(TYPES.loggerService);
+        this.getSignalPendingPrice = async (symbol, strategyName, exchangeName, frameName, backtest) => {
+            this.loggerService.log("priceConnectionService getSignalPendingPrice", {
+                symbol,
+                strategyName,
+                exchangeName,
+                frameName,
+                backtest,
+            });
+            const currentPrice = await GET_PRICE_FN(symbol, strategyName, exchangeName, frameName, backtest);
+            if (typeof currentPrice === "symbol") {
+                throw new Error(`Price for ${CREATE_KEY_FN(symbol, strategyName, exchangeName, frameName, backtest)} not received within timeout`);
+            }
+            return currentPrice;
+        };
+        this.init = singleshot(async () => {
+            this.loggerService.log("priceConnectionService init");
+            listenSignal((event) => {
+                const priceSubject = GET_SUBJECT_FN(event.symbol, event.strategyName, event.exchangeName, event.frameName, event.backtest);
+                event.currentPrice && priceSubject.next(event.currentPrice);
+            });
+        });
+    }
+}
+
 {
     provide(TYPES.loggerService, () => new LoggerService());
     provide(TYPES.exchangeService, () => new ExchangeService());
 }
 {
     provide(TYPES.symbolConnectionService, () => new SymbolConnectionService());
+    provide(TYPES.priceConnectionService, () => new PriceConnectionService());
 }
 {
     provide(TYPES.symbolMetaService, () => new SymbolMetaService());
@@ -621,6 +666,7 @@ const baseServices = {
 };
 const connectionServices = {
     symbolConnectionService: inject(TYPES.symbolConnectionService),
+    priceConnectionService: inject(TYPES.priceConnectionService),
 };
 const metaServices = {
     symbolMetaService: inject(TYPES.symbolMetaService),
@@ -644,11 +690,11 @@ const ioc = {
 };
 init();
 
-const router$5 = Router({
+const router$6 = Router({
     params: true,
 });
 // ExchangeMockService endpoints
-router$5.post("/api/v1/mock/candles_signal", async (req, res) => {
+router$6.post("/api/v1/mock/candles_signal", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { signalId, interval, requestId, serviceName } = request;
@@ -676,7 +722,7 @@ router$5.post("/api/v1/mock/candles_signal", async (req, res) => {
         });
     }
 });
-router$5.post("/api/v1/mock/candles_point", async (req, res) => {
+router$6.post("/api/v1/mock/candles_point", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { currentTime, interval, requestId, serviceName, symbol, exchangeName } = request;
@@ -710,7 +756,7 @@ router$5.post("/api/v1/mock/candles_point", async (req, res) => {
     }
 });
 // NotificationMockService endpoints
-router$5.post("/api/v1/mock/notification_list", async (req, res) => {
+router$6.post("/api/v1/mock/notification_list", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { requestId, serviceName } = request;
@@ -738,7 +784,7 @@ router$5.post("/api/v1/mock/notification_list", async (req, res) => {
         });
     }
 });
-router$5.post("/api/v1/mock/notification_one/:id", async (req, res) => {
+router$6.post("/api/v1/mock/notification_one/:id", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { requestId, serviceName } = request;
@@ -767,7 +813,7 @@ router$5.post("/api/v1/mock/notification_one/:id", async (req, res) => {
         });
     }
 });
-router$5.post("/api/v1/mock/notification_filter", async (req, res) => {
+router$6.post("/api/v1/mock/notification_filter", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { requestId, serviceName, filterData, limit, offset } = request;
@@ -796,7 +842,7 @@ router$5.post("/api/v1/mock/notification_filter", async (req, res) => {
     }
 });
 // StorageMockService endpoints
-router$5.post("/api/v1/mock/storage_one/:id", async (req, res) => {
+router$6.post("/api/v1/mock/storage_one/:id", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { requestId, serviceName } = request;
@@ -825,7 +871,7 @@ router$5.post("/api/v1/mock/storage_one/:id", async (req, res) => {
         });
     }
 });
-router$5.post("/api/v1/mock/storage_list/live", async (req, res) => {
+router$6.post("/api/v1/mock/storage_list/live", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { requestId, serviceName } = request;
@@ -853,7 +899,7 @@ router$5.post("/api/v1/mock/storage_list/live", async (req, res) => {
         });
     }
 });
-router$5.post("/api/v1/mock/storage_list/backtest", async (req, res) => {
+router$6.post("/api/v1/mock/storage_list/backtest", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { requestId, serviceName } = request;
@@ -882,11 +928,11 @@ router$5.post("/api/v1/mock/storage_list/backtest", async (req, res) => {
     }
 });
 
-const router$4 = Router({
+const router$5 = Router({
     params: true,
 });
 // ExchangeViewService endpoints
-router$4.post("/api/v1/view/candles_signal", async (req, res) => {
+router$5.post("/api/v1/view/candles_signal", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { signalId, interval, requestId, serviceName } = request;
@@ -914,7 +960,7 @@ router$4.post("/api/v1/view/candles_signal", async (req, res) => {
         });
     }
 });
-router$4.post("/api/v1/view/candles_point", async (req, res) => {
+router$5.post("/api/v1/view/candles_point", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { currentTime, interval, requestId, serviceName, symbol, exchangeName } = request;
@@ -948,7 +994,7 @@ router$4.post("/api/v1/view/candles_point", async (req, res) => {
     }
 });
 // NotificationViewService endpoints
-router$4.post("/api/v1/view/notification_list", async (req, res) => {
+router$5.post("/api/v1/view/notification_list", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { requestId, serviceName } = request;
@@ -976,7 +1022,7 @@ router$4.post("/api/v1/view/notification_list", async (req, res) => {
         });
     }
 });
-router$4.post("/api/v1/view/notification_one/:id", async (req, res) => {
+router$5.post("/api/v1/view/notification_one/:id", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { requestId, serviceName } = request;
@@ -1005,7 +1051,7 @@ router$4.post("/api/v1/view/notification_one/:id", async (req, res) => {
         });
     }
 });
-router$4.post("/api/v1/view/notification_filter", async (req, res) => {
+router$5.post("/api/v1/view/notification_filter", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { requestId, serviceName, filterData, limit, offset } = request;
@@ -1034,7 +1080,7 @@ router$4.post("/api/v1/view/notification_filter", async (req, res) => {
     }
 });
 // StorageViewService endpoints
-router$4.post("/api/v1/view/storage_one/:id", async (req, res) => {
+router$5.post("/api/v1/view/storage_one/:id", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { requestId, serviceName } = request;
@@ -1063,7 +1109,7 @@ router$4.post("/api/v1/view/storage_one/:id", async (req, res) => {
         });
     }
 });
-router$4.post("/api/v1/view/storage_list/live", async (req, res) => {
+router$5.post("/api/v1/view/storage_list/live", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { requestId, serviceName } = request;
@@ -1091,7 +1137,7 @@ router$4.post("/api/v1/view/storage_list/live", async (req, res) => {
         });
     }
 });
-router$4.post("/api/v1/view/storage_list/backtest", async (req, res) => {
+router$5.post("/api/v1/view/storage_list/backtest", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { requestId, serviceName } = request;
@@ -1127,7 +1173,7 @@ function getModulesPath() {
     return join(basePath, "../../../");
 }
 
-const router$3 = Router({
+const router$4 = Router({
     params: true,
 });
 // getModulesPath
@@ -1144,7 +1190,7 @@ const ASSET_32 = CC_ENABLE_MOCK
 const cache128 = new Map();
 const cache32 = new Map();
 const cacheSvg = new Map();
-router$3.get("/icon/128/:filename", async (req, res) => {
+router$4.get("/icon/128/:filename", async (req, res) => {
     const filename = req.params.filename;
     // Check cache first
     if (cache128.has(filename)) {
@@ -1160,7 +1206,7 @@ router$3.get("/icon/128/:filename", async (req, res) => {
     }
     return await micro.send(res, 404, "File not found (128)");
 });
-router$3.get("/icon/32/:filename", async (req, res) => {
+router$4.get("/icon/32/:filename", async (req, res) => {
     const filename = req.params.filename;
     // Check cache first
     if (cache32.has(filename)) {
@@ -1176,7 +1222,7 @@ router$3.get("/icon/32/:filename", async (req, res) => {
     }
     return await micro.send(res, 404, "File not found (32)");
 });
-router$3.get("/icon/svg/:filename", async (req, res) => {
+router$4.get("/icon/svg/:filename", async (req, res) => {
     const filename = req.params.filename;
     // Check cache first
     if (cacheSvg.has(filename)) {
@@ -1192,7 +1238,7 @@ router$3.get("/icon/svg/:filename", async (req, res) => {
     }
     return await micro.send(res, 404, "File not found (svg)");
 });
-router$3.get("/icon/:filename", async (req, res) => {
+router$4.get("/icon/:filename", async (req, res) => {
     const filename = req.params.filename;
     // Check cache first
     if (cache32.has(filename)) {
@@ -1209,10 +1255,10 @@ router$3.get("/icon/:filename", async (req, res) => {
     return await micro.send(res, 404, "File not found (root)");
 });
 
-const router$2 = Router({
+const router$3 = Router({
     params: true,
 });
-router$2.post("/api/v1/dict/symbol/list", async (req, res) => {
+router$3.post("/api/v1/dict/symbol/list", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { requestId, serviceName } = request;
@@ -1240,7 +1286,7 @@ router$2.post("/api/v1/dict/symbol/list", async (req, res) => {
         });
     }
 });
-router$2.post("/api/v1/dict/symbol/map", async (req, res) => {
+router$3.post("/api/v1/dict/symbol/map", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { requestId, serviceName } = request;
@@ -1268,7 +1314,7 @@ router$2.post("/api/v1/dict/symbol/map", async (req, res) => {
         });
     }
 });
-router$2.post("/api/v1/dict/symbol/one", async (req, res) => {
+router$3.post("/api/v1/dict/symbol/one", async (req, res) => {
     try {
         const request = await micro.json(req);
         const { requestId, serviceName, id } = request;
@@ -1297,6 +1343,38 @@ router$2.post("/api/v1/dict/symbol/one", async (req, res) => {
     }
 });
 
+const router$2 = Router({
+    params: true,
+});
+router$2.post("/api/v1/global/signal_pending_price", async (req, res) => {
+    try {
+        const request = await micro.json(req);
+        const { symbol, strategyName, exchangeName, frameName, backtest, requestId, serviceName } = request;
+        const data = await ioc.priceConnectionService.getSignalPendingPrice(symbol, strategyName, exchangeName, frameName, backtest);
+        const result = {
+            data,
+            status: "ok",
+            error: "",
+            requestId,
+            serviceName,
+        };
+        ioc.loggerService.log("/api/v1/global/signal_pending_price ok", {
+            request,
+            result: omit(result, "data"),
+        });
+        return await micro.send(res, 200, result);
+    }
+    catch (error) {
+        ioc.loggerService.log("/api/v1/global/signal_pending_price error", {
+            error: errorData(error),
+        });
+        return await micro.send(res, 200, {
+            status: "error",
+            error: getErrorMessage(error),
+        });
+    }
+});
+
 const require = createRequire(import.meta.url);
 function getPublicPath() {
     const modulePath = require.resolve('@backtest-kit/ui');
@@ -1308,18 +1386,21 @@ const router = Router({
     params: true,
 });
 router.all("/api/v1/health/*", (req, res) => {
-    return router$6(req, res, finalhandler(req, res));
+    return router$7(req, res, finalhandler(req, res));
 });
 router.all("/api/v1/mock/*", (req, res) => {
-    return router$5(req, res, finalhandler(req, res));
+    return router$6(req, res, finalhandler(req, res));
 });
 router.all("/api/v1/view/*", (req, res) => {
-    return router$4(req, res, finalhandler(req, res));
+    return router$5(req, res, finalhandler(req, res));
 });
 router.all("/icon/*", (req, res) => {
-    return router$3(req, res, finalhandler(req, res));
+    return router$4(req, res, finalhandler(req, res));
 });
 router.all("/api/v1/dict/*", (req, res) => {
+    return router$3(req, res, finalhandler(req, res));
+});
+router.all("/api/v1/global/*", (req, res) => {
     return router$2(req, res, finalhandler(req, res));
 });
 router.get("/*", (req, res) => serveHandler(req, res, {

package/build/modules/frontend/build/assets/IconPhoto-CC-I1xI7.js

@@ -0,0 +1 @@
+import{a7 as e,a8 as t,w as a,a9 as s,f as i,aa as r,ab as n,ac as o,ad as d,ae as c,af as l,ag as u,ah as m,c as h,i as p,B as b,J as x}from"./index-DawE4H64.js";const g=e(),f=["className","component","disableGutters","fixed","maxWidth","classes"],y=c(),k=g("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:a}=e;return[t.root,t[`maxWidth${n(String(a.maxWidth))}`],a.fixed&&t.fixed,a.disableGutters&&t.disableGutters]}}),W=e=>o({props:e,name:"MuiContainer",defaultTheme:y});const v=function(e={}){const{createStyledComponent:o=k,useThemeProps:c=W,componentName:u="MuiContainer"}=e,m=o(({theme:e,ownerState:a})=>t({width:"100%",marginLeft:"auto",boxSizing:"border-box",marginRight:"auto",display:"block"},!a.disableGutters&&{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),[e.breakpoints.up("sm")]:{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}}),({theme:e,ownerState:t})=>t.fixed&&Object.keys(e.breakpoints.values).reduce((t,a)=>{const s=a,i=e.breakpoints.values[s];return 0!==i&&(t[e.breakpoints.up(s)]={maxWidth:`${i}${e.breakpoints.unit}`}),t},{}),({theme:e,ownerState:a})=>t({},"xs"===a.maxWidth&&{[e.breakpoints.up("xs")]:{maxWidth:Math.max(e.breakpoints.values.xs,444)}},a.maxWidth&&"xs"!==a.maxWidth&&{[e.breakpoints.up(a.maxWidth)]:{maxWidth:`${e.breakpoints.values[a.maxWidth]}${e.breakpoints.unit}`}}));return a.forwardRef(function(e,a){const o=c(e),{className:h,component:p="div",disableGutters:b=!1,fixed:x=!1,maxWidth:g="lg"}=o,y=s(o,f),k=t({},o,{component:p,disableGutters:b,fixed:x,maxWidth:g}),W=((e,t)=>{const{classes:a,fixed:s,disableGutters:i,maxWidth:r}=e,o={root:["root",r&&`maxWidth${n(String(r))}`,s&&"fixed",i&&"disableGutters"]};return d(o,e=>l(t,e),a)})(k,u);return i(m,t({as:p,ownerState:k,className:r(W.root,h),ref:a},y))})}({createStyledComponent:m("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:a}=e;return[t.root,t[`maxWidth${n(String(a.maxWidth))}`],a.fixed&&t.fixed,a.disableGutters&&t.disableGutters]}}),useThemeProps:e=>u({props:e,name:"MuiContainer"})}),w=h(i("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"}),"Refresh"),R=({className:e,symbol:t,style:a,sx:s})=>i(x,{children:async()=>{try{const r=(await p.symbolGlobalService.getSymbolMap())[t],n=null==r?void 0:r.icon,o=(null==r?void 0:r.color)||"#ccc";return i(b,{className:e,sx:{position:"relative",width:24,height:24,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:n?"transparent":o,...s},style:a,children:n?i("img",{loading:"lazy",crossOrigin:"anonymous",src:n,alt:t,style:{width:"100%",height:"100%",borderRadius:"50%",objectFit:"contain"},onError:e=>{const t=e.target,a=t.parentElement;a&&(a.style.background=o,t.style.display="none")}}):i(b,{sx:{width:"60%",height:"60%",borderRadius:"50%",backgroundColor:"rgba(255, 255, 255, 0.2)"}})})}catch(r){return i(b,{className:e,sx:{position:"relative",width:24,height:24,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:"#ccc",...s},style:a,children:i(b,{sx:{width:"60%",height:"60%",borderRadius:"50%",backgroundColor:"rgba(255, 255, 255, 0.2)"}})})}}});export{v as C,R as I,w as R};

package/build/modules/frontend/build/assets/index-CtieOfv6.js

@@ -0,0 +1 @@
+import{c as e,f as a,a as n,Z as t,q as o,I as i,D as s,b as r,k as l,i as c,z as d,X as p,R as h,J as b,L as u,d as m,e as g,B as y,T as v,v as x,g as f,l as k,h as w,j as S,m as L,n as R,o as F,p as D,r as P,F as W,S as $,x as j,s as C}from"./index-DawE4H64.js";import{R as T,I as z,C as A}from"./IconPhoto-CC-I1xI7.js";const B=e(a("path",{d:"M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z"}),"Dashboard"),I=new n,M=[{type:t.Link,action:"back-action",label:"Main"},{type:t.Link,action:"back-action",label:"Dashboard"}],N=[{action:"dashboard-action",label:"Dashboard",icon:()=>a(i,{icon:B,color:"#4caf50"})},{divider:!0},{action:"download-action",label:"Download",icon:()=>a(i,{icon:s,color:"#4caf50"})},{divider:!0},{action:"update-now",label:"Refresh",icon:()=>a(i,{icon:T,color:"#4caf50"})}],O=()=>a(o,{items:M,actions:N,onAction:I.next});const V=({data:{type:e},setLoading:n})=>{const{elementRef:t,size:o}=r({closest:".MuiContainer-root",compute:e=>(e.height-=150,e)}),[i,{loading:s,execute:$}]=l(async()=>"live"===e?await c.storageViewService.listSignalLive():await c.storageViewService.listSignalBacktest(),{onLoadStart:()=>n(!0),onLoadEnd:()=>n(!1),deps:[e]}),j=d(i),C=d(e);p(()=>I.subscribe(e=>{if("update-now"===e&&$(),"download-action"===e){const e=new Blob([JSON.stringify(j.current,null,2)],{type:"application/json"}),a=URL.createObjectURL(e);c.layoutService.downloadFile(a,`signals_${C.current}_${Date.now()}.json`)}"dashboard-action"===e&&c.routerService.push(`/dashboard/${C.current}`)}));const T=h.useMemo(()=>i?i.reduce((e,a)=>(e[a.symbol]||(e[a.symbol]=[]),e[a.symbol].push(a),e),{}):{},[i]),A=e=>{const n=T[e]||[];return n.length?a(W,{children:n.map((n,t)=>{return a(L,{sx:{background:e=>t%2==1?F(e.palette.getContrastText(e.palette.background.paper),.02):void 0},onClick:()=>c.layoutService.pickSignal(n.id),children:[a(m,{primary:a(y,{sx:{display:"flex",gap:2,flexWrap:"wrap",alignItems:"center"},children:[a(v,{variant:"body2",component:"span",sx:{fontWeight:"bold",px:1,py:.5,borderRadius:1,background:"long"===n.position?"#1976D2":"#F57C00",color:"white"},children:"long"===n.position?"LONG":"SHORT"}),a(v,{variant:"body2",component:"span",sx:{fontWeight:"medium"},children:[a(y,{component:"span",sx:{color:"text.secondary",mr:.5},children:"Entry:"}),R(n.priceOpen),"$"]}),a(v,{variant:"body2",component:"span",sx:{fontWeight:"medium",color:"success.main"},children:[a(y,{component:"span",sx:{color:"text.secondary",mr:.5},children:"TP:"}),R(n.priceTakeProfit),"$"]}),a(v,{variant:"body2",component:"span",sx:{fontWeight:"medium",color:"error.main"},children:[a(y,{component:"span",sx:{color:"text.secondary",mr:.5},children:"SL:"}),R(n.priceStopLoss),"$"]}),"pnl"in n&&a(v,{variant:"body2",component:"span",sx:{fontWeight:"bold",px:1,py:.5,borderRadius:1,background:n.pnl.pnlPercentage>=0?F("#4caf50",.15):F("#f44336",.15),color:n.pnl.pnlPercentage>=0?"#2e7d32":"#c62828"},children:["PNL: ",n.pnl.pnlPercentage>=0?"+":"",n.pnl.pnlPercentage.toFixed(2),"%"]}),a(v,{variant:"caption",component:"span",sx:{px:1,py:.25,borderRadius:.5,background:"opened"===n.status?F("#4caf50",.2):"scheduled"===n.status?F("#ff9800",.2):"closed"===n.status?F("#9e9e9e",.2):F("#f44336",.2),color:"opened"===n.status?"#2e7d32":"scheduled"===n.status?"#e65100":"closed"===n.status?"#616161":"#c62828"},children:n.status})]}),secondary:a(v,{pt:.5,variant:"subtitle2",sx:{opacity:.5},children:(o=n.createdAt||n.pendingAt,new Date(o).toLocaleString([],{year:"numeric",month:"numeric",day:"numeric",hourCycle:"h24",hour:"2-digit",minute:"2-digit",second:"2-digit"}))})}),a(D,{disableRipple:!0,children:a(P,{})})]},`item-${e}-${n.id}`);var o})}):a(u,{children:a(m,{sx:{"& .MuiTypography-body2":{maxWidth:"435px"}},primary:"No signals",secondary:"Signals will be displayed here after they appear"})})};return s?null:a(w,{ref:t,sx:{width:"100%",maxHeight:o.height,overflowX:"hidden",overflowY:"auto",scrollbarWidth:"thin",bgcolor:"background.paper",position:"relative","& ul":{padding:0}},subheader:a("li",{}),children:a(b,{deps:[T],children:async()=>{const n=Object.keys(T),t=await c.symbolGlobalService.getSymbolMap();return n.length?n.map(e=>{var n,o,i;const s=null==(n=t[e])?void 0:n.color,r=(null==(o=T[e])?void 0:o.length)||0;return a("li",{children:a("ul",{children:[a(g,{sx:{background:(l=s,S(l,"#000000")>S(l,"#FFFFFF")?f(s,.1):k(s,.1)),color:"white !important",zIndex:9,display:"flex",alignItems:"center",justifyContent:"space-between"},children:[a(y,{sx:{position:"relative",paddingRight:"8px"},children:a(z,{symbol:e})}),(null==(i=t[e])?void 0:i.displayName)||e,a(y,{flex:1}),a(v,{variant:"body2",sx:{fontWeight:"medium"},children:x(r,{one:"Signal",two:"Signals",many:"Signals"})})]}),a(y,{sx:{marginTop:"16px",marginBottom:"16px"},children:A(e)})]})},`section-${e}`);var l}):a(u,{children:a(m,{primary:"No signals yet",secondary:"live"===e?"Live signals will be displayed here":"Backtest signals will be displayed here"})})}})})},H=()=>a($,{children:"\n                body {\n                    background-color: #ddd !important;\n                }\n            "}),E=C(),G=(e,a)=>e.some(e=>e.includes(a)),J=[{id:"backtest",element:V,isActive:e=>G(["/backtest"],e)},{id:"live",element:V,isActive:e=>G(["/live"],e)}],U=[{id:"backtest",label:"Backtest"},{id:"live",label:"Live"}],X=({symbol:e})=>{p(()=>E.replace("/backtest"));return a(A,{children:[a(j,{withScroll:!0,sx:{height:"calc(100vh - 105px)"},BeforePaper:O,onLoadStart:()=>c.layoutService.setAppbarLoader(!0),onLoadEnd:()=>c.layoutService.setAppbarLoader(!1),routes:J,tabs:U,history:E,initialData:()=>({backtest:{type:"backtest"},live:{type:"live"}}),payload:()=>({symbol:e}),onTabChange:(e,a)=>{"backtest"===e&&a.replace("/backtest"),"live"===e&&a.replace("/live")}}),a(H,{})]})};export{X as MainPage,X as default};