@abtnode/webapp 1.16.25 → 1.16.26-beta-bdd2d7c0

package/build/static/js/9041.62504f43.chunk.js

@@ -0,0 +1 @@
+(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[9041],{99041:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>ee});var a,r=t(71171),i=t(5057),o=t(33518),s=t(50844),l=t(95335),c=t(5609),m=t(45603),d=t.n(m),u=t(74511),p=t(43681),h=t.n(p),x=t(8354),f=t.n(x),v=t(38898),g=t(11750),y=t(55402),j=t(99154),w=t(44846),b=t(19778),Z=t(64886),_=t(55898),k=t.n(_),N=t(10767),P=t(47685),C=t(96266);function T(e){let{icon:n,value:t,name:a,url:r,animated:i,LinkComponent:o,prefix:s}=e;const l=(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("div",{className:"metric__image",children:(0,C.jsx)(N.Z,{name:n,alt:"string"===typeof a?a:"",size:30,prefix:s,color:"#222222"})}),(0,C.jsxs)("div",{children:[(0,C.jsx)("div",{className:"metric__number ".concat(i?"metric__number--animated":""),dangerouslySetInnerHTML:{__html:t}}),(0,C.jsx)("div",{className:"metric__name",children:a})]})]});return(0,C.jsx)(z,{children:r?(0,C.jsx)(o,{to:r,children:l}):l})}T.propTypes={icon:k().string.isRequired,value:k().oneOfType([k().string,k().number]).isRequired,name:k().node.isRequired,animated:k().bool,url:k().string,LinkComponent:k().any,prefix:k().string},T.defaultProps={animated:!1,url:"",LinkComponent:null,prefix:"/images"};const z=(0,P.zo)("div")(a||(a=(0,r.Z)(["\n  border-left: 1px solid ",";\n  padding: 10px 0 10px 16px;\n  @media (max-width: ","px) {\n    padding: 0 0 0 8px;\n  }\n\n  display: flex;\n  justify-items: center;\n  align-items: flex-start;\n\n  a {\n    display: flex;\n    justify-items: center;\n    align-items: flex-start;\n  }\n\n  .metric__image {\n    margin-right: 8px;\n  }\n\n  .metric__number {\n    margin-bottom: 8px;\n    font-size: ","px;\n    font-weight: 600;\n    line-height: 36px;\n    color: ",";\n\n    small {\n      font-size: 12px;\n      line-height: 12px;\n    }\n\n    @media (max-width: ","px) {\n      font-size: ","px;\n      line-height: ","px;\n      margin-bottom: 2px;\n    }\n  }\n\n  .metric__number--animated {\n    animation-name: blink-opacity;\n    animation-duration: 250ms;\n    animation-timing-function: linear;\n    animation-iteration-count: 1;\n    background-color: transparent !important;\n  }\n\n  .metric__name {\n    font-size: 14px;\n    text-transform: capitalize;\n    line-height: 1.2;\n    font-weight: 500;\n    color: ",";\n    @media (max-width: ","px) {\n      font-size: 10px;\n      line-height: 1;\n    }\n  }\n\n  @keyframes blink-opacity {\n    0% {\n      opacity: 1;\n    }\n    50% {\n      opacity: 0.3;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n"])),(e=>e.theme.typography.color.main),(e=>e.theme.breakpoints.values.sm),(e=>"small"===e.size?32:36),(e=>e.theme.typography.color.main),(e=>e.theme.breakpoints.values.sm),(e=>"small"===e.size?24:28),(e=>"small"===e.size?24:28),(e=>e.theme.typography.color.main),(e=>e.theme.breakpoints.values.sm));var D=t(68420),S=t(17450),U=t(50185),E=t(75793),R=t(52926),A=t(77277),F=t(10155),I=t(34937);const W=(0,i.createContext)({}),{Provider:G,Consumer:V}=W;function M(e){let{children:n}=e;const{info:t}=(0,E.h6)(),a=(0,F.Z)(),[r,o]=(0,i.useState)(null),[s,l]=(0,i.useState)(!1),[c,m]=(0,i.useState)([]),d=4,u=async function(){let{silent:e=!0,retries:n=d}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e||l(!0);try{o(null);const{users:e}=await a.getUsers({input:{teamDid:t.did,paging:{pageSize:100}}});l(!1),m(e)}catch(r){n>0?setTimeout((()=>u({silent:e,retries:n-1})),1e3):(l(!1),o(r))}};(0,i.useEffect)((()=>{u({silent:!1})}),[]),(0,I.mU)(A.TeamEvents.userAdded,(e=>{let{teamDid:n}=e;n===t.did&&u()})),(0,I.mU)(A.TeamEvents.userRemoved,(e=>{let{teamDid:n,user:{did:a}}=e;n===t.did&&m((e=>e.filter((e=>e.did!==a))))})),(0,I.mU)(A.TeamEvents.userUpdated,(e=>{let{teamDid:n}=e;n===t.did&&u()}));const p={loading:s,error:r,users:c,refresh:u};return(0,C.jsx)(G,{value:{users:p},children:n})}var q=t(74094);const L=1,O=60,$=3600,Q=86400,Y=(e,n)=>{const[t,a]=(0,i.useState)(0),r=e=>e>=Q?Q:e>=$?$:e>=O?O:L,[o,s]=(0,i.useState)(r(e/1e3));return(0,i.useEffect)((()=>{const n=setInterval((()=>{a(t+o);const n=r(e/1e3+t+o);o!==n&&s(n)}),1e3*o);return()=>clearInterval(n)}),[o,t]),(0,i.useEffect)((()=>{a(0),s(r(e/1e3))}),[e]),n(e+1e3*t)};var B,H;const J=async e=>{const n=await e.getNodeEnv();return Object.assign({},n.info||{})};(0,s.Z)((e=>({root:{height:20},colorPrimary:{backgroundColor:e.palette.grey["light"===e.palette.mode?200:700]},bar:{backgroundColor:"#1a90ff"}})))(j.Z);function K(){const{info:e,api:n,imgPrefix:t,loading:a}=(0,E.h6)(),{data:r,externalData:o}=(0,R.RJ)(),{users:s}=function(){const{users:e}=(0,i.useContext)(W);return e}(),m=(0,u.Z)((()=>J(n))),{t:p,locale:x}=(0,i.useContext)(D.RD),j=(0,l.Z)(),_=Y(+new Date-e.startAt,(e=>{const n={compact:!0,verbose:!0,locale:(0,q.FF)(x)};return d()(e,n)}));let k=null;if(a)k=(0,C.jsx)(w.Z,{});else{const n=[{name:p("dashboard.nodeDid"),value:(0,C.jsx)(S.Z,{did:e.did,showQrcode:!0})}];e.nodeOwner&&n.push({name:p("dashboard.ownerDid"),value:(0,C.jsx)(S.Z,{did:e.nodeOwner.did,showQrcode:!0})});let a=[];e.launcher&&(a=[{name:p("common.did"),value:(0,C.jsx)(S.Z,{did:e.launcher.did,showQrcode:!0})},{name:p("common.type"),value:e.launcher.type},{name:p("launcher.provider"),value:e.launcher.provider},{name:p("launcher.adminUrl"),value:(0,C.jsx)(v.Z,{target:"_blank",href:e.launcher.url,underline:"hover",children:e.launcher.url})}]);const i=(e,n)=>"-"===e?e:n&&"-"!==n?(0,C.jsxs)(g.Z,{component:"ul",children:[(0,C.jsxs)("li",{className:"ip-item",children:[(0,C.jsx)(b.Z,{children:"IPV4"}),(0,C.jsx)(U.Z,{children:e})]}),(0,C.jsxs)("li",{className:"ip-item",children:[(0,C.jsx)(b.Z,{children:"IPV6"}),(0,C.jsx)(U.Z,{children:n})]})]}):(0,C.jsxs)(g.Z,{className:"ip-item",children:[(0,C.jsx)(b.Z,{children:"IPV4"}),(0,C.jsx)(U.Z,{children:e})]}),l=()=>{const e=[{name:"".concat(p("common.internalIp")),value:i(m.value.ip.internalV4,m.value.ip.internalV6)},{name:"".concat(p("common.externalIp")),value:i(m.value.ip.externalV4,m.value.ip.externalV6)}];return m.value.docker?[]:e},d=m.value?[{name:"".concat(p("common.version")),value:e.version},...l(),{name:"".concat(p("common.os")),value:m.value.os},m.value.docker?{name:"".concat(p("common.docker")),value:(0,C.jsx)(b.Z,{type:"success",children:"Yes"})}:null,m.value.gitpod?{name:"".concat(p("common.gitpod")),value:(0,C.jsx)(b.Z,{type:"success",children:"Yes"})}:null].filter(Boolean):[];Array.isArray(h()(m,"value.blockletEngines",null))&&m.value.blockletEngines.filter((e=>e.visible&&e.available)).forEach((e=>{d.push({name:e.displayName,value:(0,C.jsx)(b.Z,{type:"success",children:"".concat(e.version)||"N/A"})})}));const u=s.length,w=s.filter((e=>e.approved)).length;let N=u;w&&(N+="<small><strong>".concat(f()(p("common.approved"))," ").concat(w,"</strong></small>"));let P=0,z=0;r&&(P=r.length,z=r.filter((e=>"running"===e.status)).length),Array.isArray(o)&&(P+=o.length,z+=o.filter((e=>"running"===e.status)).length);let D=P;z&&(D+="<small>".concat(p("common.running")," ").concat(z,"</small>"));const E=[{name:p("common.blocklets"),value:D,icon:"blocklets"},{name:p("common.members"),value:N,icon:"member"},{name:p("common.uptime"),value:_,icon:"time"},{name:p("common.created"),value:(0,c.WU)(new Date(e.createdAt).getTime(),(0,q.FF)(x)),icon:"time"}];let R=[];m.value&&m.value.disk&&(R=[{name:p("common.blockletsStorage"),value:(0,q.Gw)(m.value.disk.blocklets||0).toUpperCase(),icon:"storage"},{name:p("common.dataStorage"),value:(0,q.Gw)(m.value.disk.data||0).toUpperCase(),icon:"storage"},{name:p("common.logStorage"),value:(0,q.Gw)(m.value.disk.log||0).toUpperCase(),icon:"storage"},{name:p("common.cacheStorage"),value:(0,q.Gw)(m.value.disk.cache||0).toUpperCase(),icon:"storage"},{name:p("common.coreStorage"),value:(0,q.Gw)(m.value.disk.app||0).toUpperCase(),icon:"storage"}]),k=(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{className:"section",children:[(0,C.jsx)(g.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:p("common.overview")}),(0,C.jsx)(y.ZP,{className:"page-metrics",container:!0,spacing:5,children:E.map((e=>(0,C.jsx)(y.ZP,{item:!0,lg:3,md:4,sm:6,xs:12,children:(0,C.jsx)(T,{...e,prefix:t})},e.name)))})]}),(0,C.jsxs)("div",{className:"section",children:[(0,C.jsx)(g.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:p("common.storage")}),(0,C.jsx)(y.ZP,{className:"page-metrics",container:!0,spacing:5,children:R.map((e=>(0,C.jsx)(y.ZP,{item:!0,lg:3,md:4,sm:6,xs:12,children:(0,C.jsx)(T,{...e,prefix:t})},e.name)))})]}),(0,C.jsxs)("div",{className:"section",children:[(0,C.jsx)(g.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:p("common.meta")}),(0,C.jsxs)(y.ZP,{className:"page-metrics",container:!0,spacing:5,children:[(0,C.jsxs)(y.ZP,{item:!0,lg:6,md:12,sm:12,xs:12,children:[(0,C.jsx)(g.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:p("common.dAddress")}),n.map((e=>(0,C.jsx)(Z.Z,{nameWidth:150,name:e.name,children:e.value},e.name))),a.length>0&&(0,C.jsxs)("div",{style:{marginTop:j.spacing(8)},children:[(0,C.jsx)(g.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:p("common.launcher")}),a.map((e=>(0,C.jsx)(Z.Z,{nameWidth:150,name:e.name,children:e.value},e.name)))]})]},"address"),(0,C.jsxs)(y.ZP,{item:!0,lg:6,md:12,sm:12,xs:12,children:[(0,C.jsx)(g.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:p("common.env")}),d.map((e=>(0,C.jsx)(Z.Z,{valueComponent:"div",nameWidth:150,name:e.name,children:e.value},e.name)))]},"environment")]})]})]})}return(0,C.jsx)(X,{children:k})}const X=o.Z.main(B||(B=(0,r.Z)(["\n  .page-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .page-content {\n    margin-top: 16px;\n  }\n\n  .section {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 64px;\n\n    .section__header {\n      font-weight: bold;\n      margin-bottom: 24px;\n    }\n\n    .info-row__name {\n      text-transform: uppercase;\n      font-size: 0.9em;\n    }\n\n    .info-row__value .ip-item {\n      display: flex;\n      align-items: center;\n    }\n\n    .info-row__value .ip-item:not(:first-of-type) {\n      margin-top: 5px;\n    }\n\n    /* \u5c4f\u5bbd\u5c0f\u4e8e 600px \u65f6, container padding \u4e3a 16px, .MuiGrid-spacing-xs-5 \u4f1a\u5728\u6c34\u5e73\u65b9\u5411\u5ef6\u4f38 40px, \u8d85\u51fa\u5bb9\u5668\u5bbd\u5ea6, \u4f1a\u5bfc\u81f4\u6c34\u5e73\u6eda\u52a8\u6761 */\n    .MuiGrid-spacing-xs-5 {\n      width: calc(100% + 32px);\n      margin: -16px;\n    }\n  }\n\n  .section-flex {\n    flex-direction: row;\n  }\n\n  .section-item {\n    flex: 1;\n  }\n\n  .section-item-desc {\n    display: flex;\n    margin-top: 15px;\n  }\n\n  .used::before {\n    content: ' ';\n    border: 0;\n    background-color: #1a90ff;\n  }\n\n  .free::before {\n    content: ' ';\n    border: 0;\n    background-color: #eeeeee;\n  }\n\n  @media (max-width: ","px) {\n    .section-flex {\n      flex-direction: column;\n    }\n  }\n"])),(e=>e.theme.breakpoints.values.md));o.Z.div(H||(H=(0,r.Z)(["\n  flex: 1;\n  display: flex;\n\n  &::before {\n    content: '';\n    display: block;\n    width: 12px;\n    height: 12px;\n    border: 1px solid #999;\n    border-radius: 2px;\n    margin-top: 3px;\n    margin-right: 10px;\n  }\n"])));function ee(){return(0,C.jsx)(M,{children:(0,C.jsx)(K,{})})}},50185:(e,n,t)=>{"use strict";t.d(n,{Z:()=>c});var a=t(5057),r=t(55898),i=t.n(r),o=t(12937),s=t(68420),l=t(96266);function c(e){let{children:n,...t}=e;const{t:r}=(0,a.useContext)(s.RD);return(0,l.jsx)(o.Z,{tip:r("common.copyTip"),copiedTip:r("common.copiedTip"),...t,children:n})}c.propTypes={children:i().any.isRequired}},64886:(e,n,t)=>{"use strict";t.d(n,{Z:()=>f});var a,r=t(71171),i=t(55898),o=t.n(i),s=t(51540),l=t.n(s),c=t(26538),m=t.n(c),d=t(11750),u=t(47685),p=t(96266);function h(e){let{name:n,nameFormatter:t,layout:a,children:r,valueComponent:i,nameWidth:o,...s}=e;return(0,p.jsxs)(x,{layout:a,width:o,...s,children:[(0,p.jsx)(d.Z,{color:"textSecondary",className:"info-row__name",children:t(n)}),r&&(0,p.jsx)(d.Z,{color:"textPrimary",component:i,className:"info-row__value",children:r})]})}h.propTypes={name:o().any.isRequired,layout:o().oneOf(["horizontal","vertical"]),children:o().any,nameFormatter:o().func,valueComponent:o().string,nameWidth:o().number},h.defaultProps={children:null,nameWidth:90,nameFormatter:e=>{const n=e.split(" ").map((e=>m()(l()(e)))).join(" ");return"string"===typeof e?n:e},valueComponent:"div",layout:"horizontal"};const x=(0,u.zo)("div")(a||(a=(0,r.Z)(["\n  display: flex;\n  flex-direction: ",";\n  justify-content: flex-start;\n  align-items: ",";\n  margin-bottom: 16px;\n\n  .info-row__name {\n    width: ","px;\n    margin-right: ",";\n    margin-bottom: ",";\n    text-transform: capitalize;\n  }\n\n  .info-row__value {\n    flex: 1;\n    overflow: auto;\n    word-wrap: break-word;\n    font-weight: 500;\n  }\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n    .info-row__name {\n      font-weight: bold;\n    }\n\n    .info-row__value {\n      width: 100%;\n      font-size: 12px;\n      margin-top: 8px;\n    }\n  }\n"])),(e=>"vertical"===e.layout?"column":"row"),(e=>"vertical"===e.layout?"flex-start":"center"),(e=>e.width),(e=>"vertical"===e.layout?"0":"8px"),(e=>"vertical"===e.layout?"8px":"0"),(e=>e.theme.breakpoints.values.md)),f=h},50844:(e,n,t)=>{"use strict";t.d(n,{Z:()=>p});var a=t(7896),r=t(29218),i=t(5057),o=t(56129),s=t.n(o),l=t(92877);var c=t(95335),m=t(96266);const d=["defaultTheme","withTheme","name"],u=["classes"],p=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return t=>{const{defaultTheme:o,withTheme:p=!1,name:h}=n,x=(0,r.Z)(n,d);let f=h;const v=(0,l.Z)(e,(0,a.Z)({defaultTheme:o,Component:t,name:h||t.displayName,classNamePrefix:f},x)),g=i.forwardRef((function(e,n){const i=(0,r.Z)(e,u),s=v((0,a.Z)({},t.defaultProps,e));let l,d=i;return("string"===typeof h||p)&&(l=(0,c.Z)()||o,h&&(d=function(e){const{theme:n,name:t,props:r}=e;if(!n||!n.components||!n.components[t]||!n.components[t].defaultProps)return r;const i=(0,a.Z)({},r),o=n.components[t].defaultProps;let s;for(s in o)void 0===i[s]&&(i[s]=o[s]);return i}({theme:l,name:h,props:i})),p&&!d.theme&&(d.theme=l)),(0,m.jsx)(t,(0,a.Z)({ref:n,classes:s},d))}));return s()(g,t),g}}},8354:(e,n,t)=>{var a=t(81106)((function(e,n,t){return e+(t?" ":"")+n.toLowerCase()}));e.exports=a},5609:(e,n,t)=>{"use strict";t.d(n,{WU:()=>c});var a=["second","minute","hour","day","week","month","year"];var r=["\u79d2","\u5206\u949f","\u5c0f\u65f6","\u5929","\u5468","\u4e2a\u6708","\u5e74"];var i={},o=function(e,n){i[e]=n},s=[60,60,24,7,365/7/12,12];function l(e){return e instanceof Date?e:!isNaN(e)||/^\d+$/.test(e)?new Date(parseInt(e)):(e=(e||"").trim().replace(/\.\d+/,"").replace(/-/,"/").replace(/-/,"/").replace(/(\d)T(\d)/,"$1 $2").replace(/Z/," UTC").replace(/([+-]\d\d):?(\d\d)/," $1$2"),new Date(e))}var c=function(e,n,t){var a=function(e,n){return(+(n?l(n):new Date)-+l(e))/1e3}(e,t&&t.relativeDate);return function(e,n){for(var t=e<0?1:0,a=e=Math.abs(e),r=0;e>=s[r]&&r<s.length;r++)e/=s[r];return(e=Math.floor(e))>(0===(r*=2)?9:1)&&(r+=1),n(e,r,a)[t].replace("%s",e.toString())}(a,function(e){return i[e]||i.en_US}(n))};o("en_US",(function(e,n){if(0===n)return["just now","right now"];var t=a[Math.floor(n/2)];return e>1&&(t+="s"),[e+" "+t+" ago","in "+e+" "+t]})),o("zh_CN",(function(e,n){if(0===n)return["\u521a\u521a","\u7247\u523b\u540e"];var t=r[~~(n/2)];return[e+" "+t+"\u524d",e+" "+t+"\u540e"]}))}}]);