@abtnode/webapp 1.17.7-beta-20251227-001958-ea2ba3f5 → 1.17.7-beta-20251229-223813-e1e6c5e3

package/dist/assets/index-DJ9zSKl1.js

@@ -0,0 +1,87 @@
+import{c as Y,u as q,r as o,a as R,b as $,j as e,o as k,d as F,e as X,p as J,f as K,W as D,L as Z,g as b,h as ee,i as B,k as C,T as v,G as j,l as ne,m as V,s as L,C as se}from"./index-DtJVzdtH.js";import{f as ae}from"./index-BojVbZw0.js";import{v as U}from"./index-jT3H-jhB.js";import{M as W}from"./metric-DpvjSsZq.js";import{C as M}from"./click-to-copy-DjkhfhsV.js";import"./CardContent-C16B5Bpa.js";var te=Y(function(s,d,r){return s+(r?" ":"")+d.toLowerCase()});const G=o.createContext({}),{Provider:re,Consumer:ge}=G;function oe({children:s}){const{api:d,info:r}=q(),[p,i]=o.useState(null),[u,x]=o.useState(!1),[l,t]=o.useState([]),a=4,h=async({silent:c=!0,retries:f=a}={})=>{c||x(!0);try{i(null);const{users:m}=await d.getUsers({input:{teamDid:r.did,paging:{pageSize:100}}});x(!1),t(m)}catch(m){f>0?setTimeout(()=>h({silent:c,retries:f-1}),1e3):(x(!1),i(m))}};o.useEffect(()=>{h({silent:!1})},[]),R($.TeamEvents.userAdded,({teamDid:c})=>{c===r.did&&h()}),R($.TeamEvents.userRemoved,({teamDid:c,user:{did:f}})=>{c===r.did&&t(m=>m.filter(g=>g.did!==f))}),R($.TeamEvents.userUpdated,({teamDid:c})=>{c===r.did&&h()});const N={loading:u,error:p,users:l,refresh:h};return e.jsx(re,{value:{users:N},children:s})}function ie(){const{users:s}=o.useContext(G);return s}const y={oneSecond:1,oneMin:1*60,oneHour:1*60*60,oneDay:24*60*60},le=(s,d)=>{const[r,p]=o.useState(0),i=l=>l>=y.oneDay?y.oneDay:l>=y.oneHour?y.oneHour:l>=y.oneMin?y.oneMin:y.oneSecond,[u,x]=o.useState(i(s/1e3));return o.useEffect(()=>{const l=setInterval(()=>{p(r+u);const t=i(s/1e3+r+u);u!==t&&x(t)},u*1e3);return()=>clearInterval(l)},[u,r]),o.useEffect(()=>{p(0),x(i(s/1e3))},[s]),d(s+r*1e3)};k.number.isRequired,k.func;const ce=async s=>{const d=await s.getNodeEnv();return Object.assign({},d.info||{})};k.number.isRequired;k.string.isRequired,k.string.isRequired,k.string.isRequired;function me(){const{info:s,api:d,loading:r}=q(),{data:p,externalData:i,paging:u,externalPaging:x}=F(),{users:l}=ie(),t=X(()=>ce(d)),{t:a,locale:h}=o.useContext(J),N=K(),c=le(+new Date-s.startAt,m=>{const g={compact:!0,verbose:!0,locale:V(h)};return ne(m,g)});let f=null;if(r)f=e.jsx(se,{});else{const m=[{name:a("dashboard.nodeDid"),value:e.jsx(D,{did:s.did,showQrcode:!0})}];s.nodeOwner&&m.push({name:a("dashboard.ownerDid"),value:e.jsx(D,{did:s.nodeOwner.did,showQrcode:!0})});let g=[];s.launcher&&(g=[{name:a("common.did"),value:e.jsx(D,{did:s.launcher.did,showQrcode:!0})},{name:a("common.type"),value:s.launcher.type},{name:a("launcher.provider"),value:s.launcher.provider},{name:a("launcher.adminUrl"),value:e.jsx(Z,{target:"_blank",href:s.launcher.url,underline:"hover",children:s.launcher.url})}]);const P=(n,_)=>!n&&!_?"-":n==="-"?n:!_||_==="-"?e.jsxs(v,{className:"ip-item",children:[e.jsx(b,{children:"IPV4"}),e.jsx(M,{children:n})]}):e.jsxs(v,{component:"ul",children:[e.jsxs("li",{className:"ip-item",children:[e.jsx(b,{children:"IPV4"}),e.jsx(M,{children:n})]}),e.jsxs("li",{className:"ip-item",children:[e.jsx(b,{children:"IPV6"}),e.jsx(M,{children:_})]})]}),O=()=>{const n=[{name:`${a("common.internalIp")}`,value:P(t.value.ip.internalV4,t.value.ip.internalV6)},{name:`${a("common.externalIp")}`,value:P(t.value.ip.externalV4,t.value.ip.externalV6)}];return t.value.docker?[]:n},T=t.value?[{name:`${a("common.version")}`,value:s.version},...O(),{name:`${a("common.os")}`,value:t.value.os},t.value.docker?{name:`${a("common.docker")}`,value:e.jsx(b,{type:"success",children:"Yes"})}:null,t.value.gitpod?{name:`${a("common.gitpod")}`,value:e.jsx(b,{type:"success",children:"Yes"})}:null].filter(Boolean):[];Array.isArray(ee(t,"value.blockletEngines",null))&&t.value.blockletEngines.filter(n=>n.visible&&n.available).forEach(n=>{T.push({name:n.displayName,value:e.jsx(b,{type:"success",children:`${n.version}`||"N/A"})})});const H=l.length,A=l.filter(n=>n.approved).length;let I=H;A&&(I+=`<small><strong>${te(a("common.approved"))} ${A}</strong></small>`);let S=0,w=0;p&&(S=u?.total||p.length,w=p.filter(n=>B.isBlockletRunning(n)).length),Array.isArray(i)&&(S+=x?.total||i.length,w+=i.filter(n=>B.isBlockletRunning(n)).length);let z=S;w&&(z+=`<small>${a("common.running")} ${w}</small>`);const Q=[{name:a("common.blocklets"),value:z},{name:a("common.members"),value:I},{name:a("common.uptime"),value:c},{name:a("common.created"),value:ae(new Date(s.createdAt).getTime(),V(h))}];let E=[];t.value&&t.value.disk&&Object.values(t.value.disk).some(n=>n>0)&&(E=[{name:a("common.blockletsStorage"),value:C(t.value.disk.blocklets||0).toUpperCase()},{name:a("common.dataStorage"),value:C(t.value.disk.data||0).toUpperCase()},{name:a("common.logStorage"),value:C(t.value.disk.log||0).toUpperCase()},{name:a("common.cacheStorage"),value:C(t.value.disk.cache||0).toUpperCase()},{name:a("common.coreStorage"),value:C(t.value.disk.app||0).toUpperCase()}]),f=e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"section",children:[e.jsx(v,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:a("common.overview")}),e.jsx(j,{className:"page-metrics",container:!0,spacing:{xs:1,md:2},children:Q.map(n=>e.jsx(j,{size:{xl:1.5,lg:3,md:4,sm:12,xs:12},children:e.jsx(W,{...n})},n.name))})]}),E.length>0&&e.jsxs("div",{className:"section",children:[e.jsx(v,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:a("common.storage")}),e.jsx(j,{className:"page-metrics",container:!0,spacing:{xs:1,md:2},children:E.map(n=>e.jsx(j,{size:{xl:1.5,lg:3,md:4,sm:12,xs:12},children:e.jsx(W,{...n})},n.name))})]}),e.jsxs("div",{className:"section",children:[e.jsx(v,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:a("common.meta")}),e.jsxs(j,{className:"page-metrics",container:!0,spacing:{xs:2,sm:3,md:4,lg:5},children:[e.jsxs(j,{size:{lg:6,md:12,sm:12,xs:12},children:[e.jsx(v,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:a("common.dAddress")}),m.map(n=>e.jsx(U,{nameWidth:150,name:n.name,children:n.value},n.name)),g.length>0&&e.jsxs("div",{style:{marginTop:N.spacing(8)},children:[e.jsx(v,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:a("common.launcher")}),g.map(n=>e.jsx(U,{nameWidth:150,name:n.name,children:n.value},n.name))]})]},"address"),e.jsxs(j,{size:{lg:6,md:12,sm:12,xs:12},children:[e.jsx(v,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:a("common.env")}),T.map(n=>e.jsx(U,{valueComponent:"div",nameWidth:150,name:n.name,children:n.value},n.name))]},"environment")]})]})]})}return e.jsx(de,{children:f})}const de=L.main`
+  .page-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .page-content {
+    margin-top: 16px;
+  }
+
+  .section {
+    display: flex;
+    flex-direction: column;
+    margin-bottom: ${s=>s.theme.breakpoints.down("sm")?"24px":"64px"};
+
+    .section__header {
+      font-weight: bold;
+      margin-bottom: ${s=>s.theme.breakpoints.down("sm")?"12px":"24px"};
+    }
+
+    .info-row__name {
+      text-transform: uppercase;
+      font-size: 0.9em;
+    }
+
+    .info-row__value .ip-item {
+      display: flex;
+      align-items: center;
+    }
+
+    .info-row__value .ip-item:not(:first-of-type) {
+      margin-top: 5px;
+    }
+
+    /* 屏宽小于 600px 时, container padding 为 16px, .MuiGrid-spacing-xs-5 会在水平方向延伸 40px, 超出容器宽度, 会导致水平滚动条 */
+    .MuiGrid-spacing-xs-5 {
+      width: calc(100% + 32px);
+      margin: -16px;
+    }
+  }
+
+  .section-flex {
+    flex-direction: row;
+  }
+
+  .section-item {
+    flex: 1;
+  }
+
+  .section-item-desc {
+    display: flex;
+    margin-top: 15px;
+  }
+
+  .used::before {
+    content: ' ';
+    border: 0;
+    background-color: #1a90ff;
+  }
+
+  .free::before {
+    content: ' ';
+    border: 0;
+    background-color: #eeeeee;
+  }
+
+  @media (max-width: ${s=>s.theme.breakpoints.values.md}px) {
+    .section-flex {
+      flex-direction: column;
+    }
+  }
+`;L.div`
+  flex: 1;
+  display: flex;
+
+  &::before {
+    content: '';
+    display: block;
+    width: 12px;
+    height: 12px;
+    border: 1px solid #999;
+    border-radius: 2px;
+    margin-top: 3px;
+    margin-right: 10px;
+  }
+`;function je(){return e.jsx(oe,{children:e.jsx(me,{})})}export{je as default};