@abtnode/blocklet-services 1.16.44-beta-20250516-225119-c0b5ec8d → 1.16.44-beta-20250520-004606-6cd8a0d3

package/dist/assets/start-xHz18_Rr.js

@@ -1,187 +0,0 @@
-import{v as D,j as t,ab as V,bD as X,aa as c,H as x,be as G,b6 as Q,ah as _,w as Y}from"./vendor-mui-core-Bh-qMRq3.js";import{r as u,L as W}from"./vendor-react-DEoibe3W.js";import{x as Z,f as j}from"./vendor-hooks-Zkb4Ilbj.js";import{A as J}from"./vendor-utils-rHXShPKm.js";import{d as ee}from"./PlayArrow-CmxnItFZ.js";import{d as te}from"./Error-C-RD4e9g.js";import{a as M,Z as y,C as oe,j as v,K as ie,B as S,Y as ne,y as re}from"./vendor-ux-did-connect-Ck9lzrbN.js";import{W as se}from"./did-address-BI9LYTx-.js";import{b as ae,c as le}from"./vendor-arcblock-DPRICUXM.js";import{S as ce}from"./ServerLogo-CEsILJl5.js";import{d as T,e as U,g as de,f as b,S as pe,h as me,j as he,k as ge,l as A,m as fe}from"./index-DRCFOq4H.js";import{H as xe}from"./addon-DtaZ0TB3.js";import{g as z}from"./get-safe-url-BcH2iukm.js";import{p as ue,S as be,P as ke}from"./starting-progress-DeFtXRb_.js";import"./lottie-web-jYmAQWuC.js";import"./QuestionMarkCircle-DTf-Tya5.js";function H({appInfo:e,...s}){const[o,r]=u.useState(!1),l=D(d=>d.breakpoints.down("md"))?32:48;return o?t.jsx(ne,{did:e.publisher,size:l}):t.jsx(re,{src:e.icon,alt:e.title,width:l,height:l,...s,onError:()=>r(!0)})}H.propTypes={appInfo:x.object.isRequired};const B=(e,s)=>b.findComponentByIdV2(e,s)||e;function We(){var E,L,N,I,R,P;const{t:e,locale:s}=M(),[o,r]=Z({blocklet:null,component:null,launcherSession:null,loading:!1,starting:!1,manageSubscriptionURL:""}),p=D(i=>i.breakpoints.down("md")),l=new URL(window.location.href),d=l.searchParams.get("componentId"),$=()=>{const i=l.searchParams.get("redirect")||"/";window.location.href=z(decodeURIComponent(i))},C=()=>{const i=setInterval(()=>{T.get("/blocklet/detail?nocache=1").then(({data:n})=>{r(m=>({...m,blocklet:n}));const a=B(n,d);if(a.status==="running"){$();return}a.status!=="starting"&&(r({blocklet:n,starting:!1}),n!==a&&r({component:a}),clearInterval(i))}).catch(n=>{r({loading:!1}),y.error(n.message)})},3e3)};u.useEffect(()=>{r({loading:!0}),T.get("/blocklet/detail?nocache=1").then(({data:i})=>{const n=B(i,d);if(r({blocklet:i,loading:!1}),n.status==="running"){$();return}r({blocklet:i}),i!==n&&r({component:n}),n.status==="starting"&&(r({starting:!0}),C())}).catch(i=>{r({loading:!1}),y.error(i.message)})},[]);const F=u.useCallback(()=>{r({loading:!0,starting:!0});const i=o.blocklet;if(!i)return;const n={did:i==null?void 0:i.meta.did};i.children.length>0&&(n.componentDids=i.children.map(a=>a.meta.did)),U.startBlocklet({input:n}).then(({blocklet:a})=>{r(m=>({...m,blocklet:a})),C()}).catch(a=>{y.error(a.message),r({loading:!1,starting:!1})})},[o.component,o.blocklet]);u.useEffect(()=>{var i;(i=o.blocklet)!=null&&i.controller&&(de({launcherUrl:o.blocklet.controller.launcherUrl,launcherSessionId:o.blocklet.controller.launcherSessionId,locale:s}).then(n=>{r({manageSubscriptionURL:n})}).catch(n=>{console.error("get manage subscription url error",n)}),U.getLauncherSession({input:{launcherSessionId:o.blocklet.controller.launcherSessionId,launcherUrl:o.blocklet.controller.launcherUrl}}).then(n=>{r({launcherSession:n.launcherSession}).catch(a=>{console.error("get launcher session error",a)})}))},[(E=o.blocklet)==null?void 0:E.controller]);const h=j(()=>{var i,n;return(n=(i=o.blocklet)==null?void 0:i.children)==null?void 0:n.length},[o.blocklet]),g=j(()=>{var i,n,a;return((a=(n=(i=o.blocklet)==null?void 0:i.children)==null?void 0:n.filter(m=>m.status==="running"))==null?void 0:a.length)||0},[o.blocklet]),f=j(()=>!h||!g?0:Math.round(g/h*100),[g,h]);if(!o.blocklet)return t.jsx(oe,{children:t.jsx(V,{})});const k={icon:`${v.WELLKNOWN_SERVICE_PATH_PREFIX}/blocklet/logo`,title:b.getDisplayName(o.blocklet),publisher:o.blocklet.appDid},w=localStorage.getItem("blocklet-server-url"),K=()=>{w&&window.open(z(w,{allowDomains:null}))},q=ie(ue,o.starting?{width:`${f}%`,"&::after":{width:`${f}%`},"&::before":{width:`${f}%`,animation:"shimmer 1.5s infinite cubic-bezier(0.4, 0.0, 0.2, 1)","@keyframes shimmer":{"0%":{width:0},"100%":{width:`${f}%`}}}}:{});return t.jsxs(je,{children:[t.jsx(X,{styles:we}),t.jsxs("header",{className:"root-header",children:[!p&&t.jsx("div",{className:"left",children:t.jsx(ce,{width:"128",height:"48",onClick:K,style:{cursor:w?"pointer":""}})}),t.jsx(ae,{children:t.jsx(xe,{SessionContext:pe})})]}),t.jsxs(ye,{elevation:0,children:[t.jsxs(ve,{children:[t.jsx(H,{appInfo:k}),t.jsxs("div",{className:"app-info_content",children:[t.jsx(c,{className:"app-info_name",children:k.title}),t.jsx(se,{size:14,className:"app-info_did",did:k.publisher})]})]}),((I=(N=(L=o.blocklet)==null?void 0:L.controller)==null?void 0:N.status)==null?void 0:I.value)!==le.BLOCKLET_CONTROLLER_STATUS.suspended&&t.jsxs(t.Fragment,{children:[t.jsxs(c,{className:"title-box",children:[t.jsx(c,{className:"icon",children:t.jsx(ee,{})}),t.jsx(c,{className:"title",children:e("blocklet.startApplication")})]}),t.jsx(c,{className:"sub-title",children:o.starting?t.jsx(be,{blocklets:((R=o.blocklet)==null?void 0:R.children)??[]}):e("blocklet.startDescription",{name:o.component?b.getDisplayName(o.component,!0):b.getDisplayName(o.blocklet)})}),t.jsx(c,{mt:8,display:"flex",flexDirection:"column",alignItems:"center",gap:1,children:t.jsx(ke,{blocklets:((P=o.blocklet)==null?void 0:P.children)??[],status:o.starting?"starting":"",children:t.jsx(S,{sx:q,disabled:o.loading||o.starting,variant:"contained",color:"primary",size:"large",loading:o.starting,onClick:()=>F(),children:t.jsx("span",{style:{position:"relative",zIndex:2},children:o.starting?`(${g}/${h}) ${e("blocklet.starting")}`:e("blocklet.start")})})})})]}),me(o.blocklet)&&t.jsx(O,{blocklet:o.blocklet,launcherSession:o.launcherSession,manageSubscriptionURL:o.manageSubscriptionURL}),t.jsx(c,{mt:5,children:t.jsx(W,{className:"footer-link",to:`${v.WELLKNOWN_SERVICE_PATH_PREFIX}/admin/overview`,children:e("blocklet.dashboard")})})]})]})}function O({blocklet:e,launcherSession:s,manageSubscriptionURL:o}){const{t:r,locale:p}=M();if(!e||!s)return"";const l=he(e,s),d=ge(e,s);return!l&&!d?"":t.jsxs(t.Fragment,{children:[t.jsxs(c,{className:"title-box",children:[t.jsx(te,{className:"icon-error"}),t.jsxs(c,{className:"title error",children:[l&&r("blocklet.suspended"),d&&r("blocklet.terminated")]})]}),t.jsxs(c,{className:"sub-title",children:[l&&r("blocklet.suspendedCausedByExpired",{deadline:A(s==null?void 0:s.reservedUntil,p)}),d&&r("blocklet.suspendedCausedByTerminated",{canceledAt:A(s==null?void 0:s.terminatedAt,p),deadline:fe(s==null?void 0:s.terminatedAt,p)})]}),t.jsxs(c,{mt:8,children:[l&&t.jsx(S,{component:G,style:{minWidth:200},variant:"contained",color:"primary",size:"large",target:"_blank",href:o||"#",children:r("blocklet.manageSubscription")}),d&&t.jsx(S,{component:W,to:J(v.WELLKNOWN_SERVICE_PATH_PREFIX,"/admin/did-spaces"),style:{minWidth:200},variant:"contained",color:"primary",size:"large",children:r("common.backup")})]})]})}O.propTypes={blocklet:x.object.isRequired,launcherSession:x.object.isRequired,manageSubscriptionURL:x.string.isRequired};const we=Q`
-  html,
-  body,
-  #app,
-  #app > .wrapper {
-    height: 100%;
-  }
-`,je=_.div`
-  width: 100vw;
-  height: 100%;
-  background: #f6f8fa;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  .root-header {
-    position: fixed;
-    z-index: 200;
-    top: 0;
-    display: flex;
-    width: 100%;
-    height: 68px;
-    align-items: center;
-    justify-content: flex-end;
-    padding: 24px;
-    max-width: 1245px;
-
-    ${e=>e.theme.breakpoints.down("md")} {
-      padding: 14px 16px;
-      height: 56px;
-    }
-
-    .left {
-      margin-top: 4px;
-      margin-right: auto;
-      ${e=>e.theme.breakpoints.down("md")} {
-        margin-top: 0%;
-      }
-    }
-
-    .right {
-      display: flex;
-      align-items: center;
-      ${e=>e.theme.breakpoints.down("md")} {
-        button,
-        a {
-          padding-left: 8px;
-          padding-right: 8px;
-        }
-      }
-    }
-  }
-`,ye=_(Y)`
-  width: 80vw;
-  max-width: 1245px;
-  height: 80vh;
-  box-sizing: border-box;
-  padding: 32px;
-  &.MuiPaper-rounded {
-    border-radius: 8px;
-  }
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-
-  ${e=>e.theme.breakpoints.down("md")} {
-    width: 100vw;
-    height: 100%;
-    left: 0;
-    top: 0;
-    padding: 32px 0;
-  }
-
-  .MuiIconButton-root {
-    svg {
-      fill: #888;
-    }
-    &.Mui-disabled {
-      opacity: 0.4;
-    }
-  }
-
-  .title-box {
-    display: flex;
-    align-items: center;
-    ${e=>e.theme.breakpoints.down("md")} {
-      margin-top: 60px;
-    }
-  }
-
-  .icon {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    width: 32px;
-    height: 32px;
-    border-radius: 100%;
-    background-color: ${e=>e.theme.palette.primary.main};
-    color: ${e=>e.theme.palette.common.white};
-  }
-
-  .icon-error {
-    width: 32px;
-    height: 32px;
-    color: ${e=>e.theme.palette.error.main};
-  }
-
-  .title {
-    margin-left: 12px;
-    color: ${e=>e.theme.palette.primary.main};
-    font-size: 24px;
-    font-weight: bolder;
-  }
-
-  .error {
-    color: ${e=>e.theme.palette.error.main};
-  }
-
-  .sub-title {
-    margin-top: 24px;
-    color: ${e=>e.theme.palette.grey[700]};
-    font-size: 16px;
-    max-width: 460px;
-    text-align: center;
-    word-break: break-word;
-    hyphens: auto;
-
-    ${e=>e.theme.breakpoints.down("md")} {
-      padding: 0 32px;
-    }
-  }
-
-  .footer-link {
-    color: ${e=>e.theme.palette.primary.main};
-  }
-`,ve=_.div`
-  display: flex;
-  align-items: center;
-  position: absolute;
-  left: 24px;
-  right: 24px;
-  top: 24px;
-  font-size: 16px;
-  font-weight: 500;
-  color: #222;
-
-  /* 禁止 app icon shrink */
-  > *:first-child {
-    flex: 0 0 auto;
-  }
-
-  .app-info_content {
-    padding-left: 16px;
-    overflow: hidden;
-  }
-
-  .app-info_name {
-    max-width: 100%;
-    padding-right: 32px;
-    line-height: 1;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    font-weight: bold;
-  }
-
-  .app-info_did {
-    transform: translate(0, 2px);
-  }
-
-  .app-info_did .did-address__text {
-    color: #666;
-    font-size: 14px;
-  }
-
-  ${e=>e.theme.breakpoints.down("md")} {
-    top: 12px;
-    .app-info_did {
-      transform: translate(0, 0);
-    }
-    .app-info_did .did-address__text {
-      font-size: 12px;
-    }
-  }
-`;export{We as default};