@blocklet/launcher-workflow 2.5.0 → 2.5.2

package/lib/components/launch-serverless/shared/success-display.js

@@ -0,0 +1,440 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AppSuccessDisplay;
+var _Img = _interopRequireDefault(require("@arcblock/ux/lib/Img"));
+var _util = require("@blocklet/launcher-util/es/util");
+var _ContentCopy = _interopRequireDefault(require("@mui/icons-material/ContentCopy"));
+var _Dashboard = _interopRequireDefault(require("@mui/icons-material/Dashboard"));
+var _OpenInNew = _interopRequireDefault(require("@mui/icons-material/OpenInNew"));
+var _TaskAlt = _interopRequireDefault(require("@mui/icons-material/TaskAlt"));
+var _material = require("@mui/material");
+var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _ahooks = require("ahooks");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _ufo = require("ufo");
+var _locale = require("../../../contexts/locale");
+var _request = _interopRequireDefault(require("../../../contexts/request"));
+var _useSerialPolling = _interopRequireDefault(require("../../../hooks/use-serial-polling"));
+var _util2 = require("../../../util");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function AppSuccessDisplay(_ref) {
+  var _launchSession$appInf, _launchSession$blockl, _launchSession$appInf2, _launchSession$metada, _state$blockletInfo;
+  let {
+    accessibleUrl,
+    sessionId,
+    blockletInfo,
+    urls,
+    launchSession
+  } = _ref;
+  const theme = (0, _material.useTheme)();
+  const {
+    t
+  } = (0, _locale.useLocaleContext)();
+  const {
+    api
+  } = (0, _request.default)();
+  const [state, setState] = (0, _ahooks.useSetState)({
+    accessibleUrls: [accessibleUrl],
+    checkingBlockletStatus: true,
+    blockletInfo,
+    accessibleUrl,
+    hasTryStart: false,
+    error: null
+  });
+  const showUrl = (0, _react.useMemo)(() => {
+    return localStorage.getItem('show-url') === 'true';
+  }, []);
+  const checkLaunchSession = async () => {
+    try {
+      const newBlockletInfo = await (0, _util2.checkBlockletAccessible)(state.accessibleUrl);
+      if (!newBlockletInfo) {
+        console.warn('the blocklet is not ready or accessible url is not correct, retry getting accessible url');
+        return;
+      }
+      setState({
+        blockletInfo: newBlockletInfo
+      });
+      if (newBlockletInfo.status === 'running') {
+        setState({
+          blockletInfo: newBlockletInfo,
+          checkingBlockletStatus: false
+        });
+      } else if (newBlockletInfo.status === 'starting') {
+        if (!state.hasTryStart) {
+          setState(prev => {
+            if (Date.now() - prev.startTime > 30 * 1000) {
+              api.post("/launches/".concat(sessionId, "/start"));
+              return _objectSpread(_objectSpread({}, prev), {}, {
+                hasTryStart: true
+              });
+            }
+            return prev;
+          });
+        }
+      } else if (newBlockletInfo.status === 'stopped') {
+        api.post("/launches/".concat(sessionId, "/start"));
+        setState({
+          hasTryStart: true
+        });
+      } else {
+        console.warn('the blocklet is not installed!', newBlockletInfo.status, newBlockletInfo);
+        setState({
+          error: 'installFailed',
+          checkingBlockletStatus: false
+        });
+      }
+      setState({
+        retryRequestCount: 0
+      });
+    } catch (error) {
+      setState(prev => {
+        if (prev.retryRequestCount < 5) {
+          console.warn('check launch session occurred error, retry', prev.retryRequestCount, error);
+          return _objectSpread(_objectSpread({}, prev), {}, {
+            retryRequestCount: prev.retryRequestCount + 1
+          });
+        }
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          error: 'installFailed',
+          retryRequestCount: 0
+        });
+      });
+      console.error(error);
+    }
+  };
+
+  // 串行检查，确保前一个请求完成后等待指定时间再发起下一个
+  (0, _useSerialPolling.default)({
+    isEnabled: state.checkingBlockletStatus,
+    interval: 3000,
+    onPoll: checkLaunchSession
+  });
+
+  // 获取应用基本信息
+  const appName = (blockletInfo === null || blockletInfo === void 0 ? void 0 : blockletInfo.appName) || t('startApp.unknownApp');
+  const appVersion = (blockletInfo === null || blockletInfo === void 0 ? void 0 : blockletInfo.version) || ((_launchSession$appInf = launchSession.appInfo) === null || _launchSession$appInf === void 0 ? void 0 : _launchSession$appInf.version) || ((_launchSession$blockl = launchSession.blockletMeta) === null || _launchSession$blockl === void 0 ? void 0 : _launchSession$blockl.version) || '';
+  const appLogo = (blockletInfo === null || blockletInfo === void 0 ? void 0 : blockletInfo.appLogo) || ((_launchSession$appInf2 = launchSession.appInfo) === null || _launchSession$appInf2 === void 0 ? void 0 : _launchSession$appInf2.appLogo) || '';
+  const description = (blockletInfo === null || blockletInfo === void 0 ? void 0 : blockletInfo.appDescription) || ((_launchSession$metada = launchSession.metadata) === null || _launchSession$metada === void 0 ? void 0 : _launchSession$metada.description);
+  (0, _react.useEffect)(() => {
+    const stepActive = document.querySelector('.step-active');
+    if (stepActive) {
+      stepActive.classList.add('step-checked');
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    const checkUrls = urls.filter(url => !state.accessibleUrls.includes(url));
+    checkUrls.forEach(url => {
+      (0, _util2.checkUrlAccessible)(url, 10 * 60 * 1000).then(res => {
+        if (res) {
+          setState(prev => {
+            const accessible = [...prev.accessibleUrls, url];
+            return _objectSpread(_objectSpread({}, prev), {}, {
+              accessibleUrls: accessible
+            });
+          });
+        }
+      });
+    });
+  }, [state.accessibleUrls, urls, setState]);
+  const appUrl = state.accessibleUrls[0] || urls[0];
+  const started = ((_state$blockletInfo = state.blockletInfo) === null || _state$blockletInfo === void 0 ? void 0 : _state$blockletInfo.status) === 'running';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    sx: {
+      width: '100%',
+      maxWidth: 800,
+      margin: '0 auto',
+      p: {
+        xs: 0,
+        sm: 3
+      }
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      textAlign: "center",
+      mb: 4,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        sx: {
+          width: 80,
+          height: 80,
+          borderRadius: '50%',
+          backgroundColor: started ? (0, _material.alpha)(theme.palette.success.main, 0.2) : (0, _material.alpha)(theme.palette.warning.main, 0.1),
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          margin: '0 auto 16px',
+          transition: 'all 0.3s ease'
+        },
+        children: started ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TaskAlt.default, {
+          sx: {
+            fontSize: 40,
+            color: 'success.main'
+          }
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
+          sx: {
+            color: (0, _material.alpha)(theme.palette.warning.main, 0.8)
+          },
+          size: 40
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        variant: "h3",
+        component: "h1",
+        fontWeight: "bold",
+        gutterBottom: true,
+        children: started ? "\uD83C\uDF89 ".concat(t('startApp.started')) : "\uD83D\uDE80 ".concat(t('startApp.starting'))
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        variant: "body1",
+        color: "text.secondary",
+        children: started ? t('startApp.startedDescription') : t('startApp.startingDescription')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      sx: {
+        p: 3,
+        mb: 3,
+        borderRadius: 2,
+        border: '1px solid',
+        borderColor: 'divider',
+        backgroundColor: 'background.paper'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        display: "flex",
+        alignItems: "center",
+        gap: 2,
+        mb: 2,
+        flexWrap: "wrap",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+          flex: 1,
+          display: "flex",
+          alignItems: "center",
+          gap: 2,
+          children: [appLogo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Img.default, {
+            src: (0, _ufo.joinURL)(appUrl, appLogo),
+            alt: appName,
+            width: 48,
+            height: 48,
+            style: {
+              borderRadius: 10,
+              overflow: 'hidden'
+            }
+          }, appUrl) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+            flex: 1,
+            textAlign: "left",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+              variant: "h6",
+              color: "text.hint",
+              mb: 1,
+              children: t('startApp.projectName')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+              variant: "body1",
+              fontWeight: "medium",
+              children: appName
+            })]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+          flex: 1,
+          display: "flex",
+          alignItems: "center",
+          gap: 2,
+          minWidth: {
+            xs: '100%',
+            sm: 'auto'
+          },
+          children: [appVersion ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+            flex: 1,
+            textAlign: "left",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+              variant: "h6",
+              color: "text.hint",
+              mb: 1,
+              children: t('startApp.version')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+              label: "v".concat(appVersion),
+              size: "small",
+              color: "primary",
+              variant: "outlined"
+            })]
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+            flex: 1,
+            textAlign: "left",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+              variant: "h6",
+              color: "text.hint",
+              mb: 1,
+              children: t('startApp.status')
+            }), started ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+              label: t('startApp.running'),
+              size: "small",
+              color: "success"
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+              label: t('startApp.startingText'),
+              size: "small",
+              color: "warning",
+              sx: {
+                animation: 'pulse 2s infinite',
+                '@keyframes pulse': {
+                  '0%': {
+                    opacity: 0.85
+                  },
+                  '50%': {
+                    opacity: 0.7
+                  },
+                  '100%': {
+                    opacity: 0.85
+                  }
+                }
+              }
+            })]
+          })]
+        })]
+      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        variant: "body2",
+        color: "text.secondary",
+        textAlign: "left",
+        children: description
+      }), showUrl && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+          variant: "h6",
+          color: "text.hint",
+          textAlign: "left",
+          children: t('startApp.visitUrl')
+        }), urls.map(url => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+          display: "flex",
+          alignItems: "center",
+          mt: 1,
+          gap: 1,
+          sx: {
+            backgroundColor: 'divider',
+            borderRadius: 1,
+            py: 0.5,
+            px: 1.5,
+            flex: 1
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+            sx: {
+              width: 8,
+              height: 8,
+              borderRadius: '50%',
+              backgroundColor: state.accessibleUrls.includes(url) ? 'success.main' : 'error.main'
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+            variant: "body2",
+            textAlign: "left",
+            sx: {
+              flex: 1,
+              fontSize: '0.875rem',
+              wordBreak: 'break-all'
+            },
+            children: url
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+            size: "small",
+            onClick: () => navigator.clipboard.writeText(url),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContentCopy.default, {
+              sx: {
+                fontSize: 16
+              }
+            })
+          })]
+        }, url))]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      display: "flex",
+      flexDirection: "column",
+      gap: 2,
+      mt: 4,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        display: "flex",
+        flexDirection: "column",
+        gap: 2,
+        alignItems: "center",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+          display: "flex",
+          gap: 2,
+          margin: "0 auto",
+          flexDirection: {
+            xs: 'column-reverse',
+            md: 'row'
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+            variant: "outlined",
+            sx: {
+              minWidth: 220
+            },
+            color: "primary",
+            onClick: () => window.open((0, _ufo.joinURL)((0, _util.getBaseURL)(), "/api/launches/".concat(sessionId, "/redirect/dashboard?appUrl=").concat(appUrl, "&appDid=").concat(blockletInfo.appPid, "&ownerDid=").concat(blockletInfo.ownerDid)), '_blank'),
+            startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dashboard.default, {
+              sx: {
+                fontSize: 24,
+                color: 'primary.main'
+              }
+            }),
+            children: t('startApp.dashboard')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+            variant: "contained",
+            color: started ? 'primary' : 'inherit',
+            disabled: !started,
+            sx: {
+              minWidth: 220,
+              opacity: started ? 1 : 0.7,
+              transform: started ? 'scale(1)' : 'scale(0.98)',
+              transition: 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)',
+              background: started ? undefined : "linear-gradient(45deg, ".concat((0, _material.alpha)(theme.palette.primary.main, 0.1), ", ").concat((0, _material.alpha)(theme.palette.primary.main, 0.2), ")"),
+              '&:disabled': {
+                color: theme.palette.text.secondary
+              }
+            },
+            onClick: () => started && window.open((0, _ufo.joinURL)((0, _util.getBaseURL)(), "/api/launches/".concat(sessionId, "/redirect/app?appUrl=").concat(appUrl, "&appDid=").concat(blockletInfo.appPid, "&ownerDid=").concat(blockletInfo.ownerDid)), '_blank'),
+            startIcon: started ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_OpenInNew.default, {
+              sx: {
+                fontSize: 24,
+                color: 'inherit'
+              }
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_OpenInNew.default, {
+              sx: {
+                fontSize: 24,
+                color: 'inherit',
+                opacity: 0.5
+              }
+            }),
+            children: started ? t('startApp.visitApp') : t('startApp.preparing')
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, {
+        variant: "body2",
+        color: "text.secondary",
+        sx: {
+          margin: '0 auto',
+          fontWeight: 400,
+          cursor: 'pointer',
+          display: 'flex',
+          alignItems: 'center',
+          gap: 0.5,
+          opacity: 0.8
+        },
+        onClick: () => window.open((0, _util.getSubscriptionLink)(launchSession.subscriptionId), '_blank'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OpenInNew.default, {
+          sx: {
+            fontSize: 14,
+            color: 'inherit'
+          }
+        }), t('startApp.subscription')]
+      })]
+    })]
+  });
+}
+AppSuccessDisplay.propTypes = {
+  launchSession: _propTypes.default.object.isRequired,
+  urls: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
+  accessibleUrl: _propTypes.default.string.isRequired,
+  sessionId: _propTypes.default.string.isRequired,
+  blockletInfo: _propTypes.default.object.isRequired
+};

package/lib/components/launch-serverless/start-app.js

@@ -15,6 +15,7 @@ var _useSerialPolling = _interopRequireDefault(require("../../hooks/use-serial-p
 var _util = require("../../util");
 var _baseServerlessLayout = _interopRequireDefault(require("./shared/base-serverless-layout"));
 var _commonComponents = require("./shared/common-components");
+var _successDisplay = _interopRequireDefault(require("./shared/success-display"));
 var _loadingDisplayLayout = _interopRequireDefault(require("./shared/loading-display-layout"));
 var _retryErrorMessage = _interopRequireDefault(require("./shared/retry-error-message"));
 var _useWorkflowProgress = _interopRequireDefault(require("./shared/use-workflow-progress"));
@@ -58,26 +59,20 @@ function StartApp(_ref) {
   const actions = (0, _react.useMemo)(() => {
     // 基础步骤时间
     const steps = [{
-      message: t('startApp.waiting.starting'),
-      time: 5
-    }, {
-      message: t('startApp.waiting.parsing'),
-      time: 1
-    }, {
       message: t('startApp.waiting.initializing'),
-      time: 3
+      time: 1
     }, {
       message: t('startApp.waiting.initializingOwner'),
-      time: 2
+      time: 1
     }, {
       message: t('startApp.waiting.creatingSecurityRules'),
-      time: 2
+      time: 1
     }, {
       message: t('startApp.waiting.assigningDomain'),
-      time: 2
+      time: 1
     }, {
       message: t('startApp.waiting.waitingForDomain'),
-      time: 10
+      time: 1
     }];
 
     // 计算总时间
@@ -98,7 +93,7 @@ function StartApp(_ref) {
     var _window$blockletMeta;
     const components = ((_window$blockletMeta = window.blockletMeta) === null || _window$blockletMeta === void 0 ? void 0 : _window$blockletMeta.components) || [];
     const additionalTime = (0, _commonComponents.calculateEstimatedTime)(components);
-    return actions.reduce((acc, action) => acc + action.time, 0) + additionalTime;
+    return actions.reduce((acc, action) => acc + action.time, 0) + Math.ceil(additionalTime * 0.4);
   }, [actions]);
   const {
     time,
@@ -124,8 +119,11 @@ function StartApp(_ref) {
   };
   const checkOneAccessibleUrl = async urls => {
     try {
-      const [accessibleUrl] = await (0, _util.waitingForRaceAccessible)(urls);
-      return accessibleUrl;
+      const [accessibleUrl, blockletInfo] = await (0, _util.waitingForRaceAccessible)(urls);
+      return {
+        accessibleUrl,
+        blockletInfo
+      };
     } catch (error) {
       console.error(error);
       return null;
@@ -154,85 +152,6 @@ function StartApp(_ref) {
     }
     return urls;
   }, [state, setState]);
-  const checkLaunchSession = async () => {
-    try {
-      const {
-        accessibleUrl
-      } = state;
-      if (!accessibleUrl) {
-        console.warn('the accessible url is not ready, retry getting accessible url');
-        setState({
-          checkingAccessible: true,
-          checkingBlockletStatus: false
-        });
-        return;
-      }
-      const blockletInfo = await (0, _util.checkBlockletAccessible)(accessibleUrl);
-      if (!blockletInfo) {
-        console.warn('the blocklet is not ready or accessible url is not correct, retry getting accessible url');
-        return;
-      }
-      setState({
-        blockletInfo
-      });
-      if (blockletInfo.status === 'running') {
-        setState({
-          blockletInfo,
-          starting: false,
-          started: true,
-          checkingBlockletStatus: false,
-          checkingAccessible: false,
-          isLoading: false
-        });
-      } else if (blockletInfo.status === 'starting') {
-        if (!state.hasTryStart) {
-          setState(prev => {
-            if (Date.now() - prev.startTime > estimatedTime * 1000) {
-              api.post("/launches/".concat(sessionId, "/start"));
-              return _objectSpread(_objectSpread({}, prev), {}, {
-                hasTryStart: true
-              });
-            }
-            return prev;
-          });
-        }
-      } else if (blockletInfo.status === 'stopped') {
-        api.post("/launches/".concat(sessionId, "/start"));
-      } else {
-        console.warn('the blocklet is not installed!', blockletInfo.status, blockletInfo);
-        setState({
-          error: 'installFailed',
-          starting: false,
-          checkingBlockletStatus: false
-        });
-      }
-      setState({
-        retryRequestCount: 0
-      });
-    } catch (error) {
-      setState(prev => {
-        if (prev.retryRequestCount < 5) {
-          console.warn('check launch session occurred error, retry', prev.retryRequestCount, error);
-          return _objectSpread(_objectSpread({}, prev), {}, {
-            retryRequestCount: prev.retryRequestCount + 1
-          });
-        }
-        return _objectSpread(_objectSpread({}, prev), {}, {
-          error: 'installFailed',
-          starting: false,
-          retryRequestCount: 0
-        });
-      });
-      console.error(error);
-    }
-  };
-
-  // 串行检查，确保前一个请求完成后等待指定时间再发起下一个
-  (0, _useSerialPolling.default)({
-    isEnabled: state.checkingBlockletStatus,
-    interval: CHECK_INTERVAL,
-    onPoll: checkLaunchSession
-  });
 
   // 检查可用性 url
   const checkAccessibleUrls = async () => {
@@ -248,12 +167,19 @@ function StartApp(_ref) {
         });
         return;
       }
-      const accessibleUrl = await checkOneAccessibleUrl(urls);
+      const {
+        accessibleUrl,
+        blockletInfo
+      } = await checkOneAccessibleUrl(urls);
       setState(prev => {
         const obj = accessibleUrl ? _objectSpread(_objectSpread({}, prev), {}, {
+          starting: false,
+          started: true,
+          isLoading: false,
           checkingAccessible: false,
-          checkingBlockletStatus: true,
-          accessibleUrl
+          checkingBlockletStatus: false,
+          accessibleUrl,
+          blockletInfo
         }) : prev;
         if (Date.now() - prev.startTime > estimatedTime * 1000 && !prev.hasTryStart) {
           api.post("/launches/".concat(sessionId, "/start"));
@@ -269,7 +195,7 @@ function StartApp(_ref) {
   };
   (0, _useSerialPolling.default)({
     isEnabled: state.checkingAccessible,
-    interval: 10000,
+    interval: CHECK_INTERVAL,
     onPoll: checkAccessibleUrls
   });
   (0, _react.useEffect)(() => {
@@ -409,7 +335,7 @@ function StartApp(_ref) {
       currentAction: getCurrentAction(displayProgress),
       error: null,
       onRetry: null
-    }), showSuccess && /*#__PURE__*/(0, _jsxRuntime.jsx)(_commonComponents.AppSuccessDisplay, {
+    }), showSuccess && /*#__PURE__*/(0, _jsxRuntime.jsx)(_successDisplay.default, {
       accessibleUrl: state.accessibleUrl,
       sessionId: sessionId,
       blockletInfo: state.blockletInfo,

package/lib/locales/en.js

@@ -97,13 +97,17 @@ var _default = exports.default = {
   },
   startApp: {
     pageTitle: 'Start Blocklet',
-    starting: 'Starting Blocklet...',
     started: 'Blocklet is ready to use!',
     startedDescription: 'Your blocklet has been successfully started and is now ready to use.',
+    starting: 'Blocklet is starting up',
+    startingDescription: 'Your blocklet is starting up and will be ready shortly. Please wait a moment.',
+    startingTitle: 'Almost there!',
+    startingWaitMessage: 'Your blocklet is starting and will be accessible in a moment. You can access the management panel to monitor the progress.',
     startFailed: 'Start Blocklet Failed',
     installFailed: 'Install Blocklet Failed',
     visit: 'Visit Blocklet',
     dashboard: 'View Blocklet Dashboard',
+    managementPanel: 'Management Panel',
     subscription: 'Manage Subscription',
     unknownApp: 'Unknown Blocklet',
     appInfo: 'Blocklet Information',
@@ -112,9 +116,11 @@ var _default = exports.default = {
     status: 'Status',
     version: 'Version',
     running: 'Running',
+    startingText: 'Starting',
     projectName: 'Project Name',
     visitUrl: 'Visit URL',
     visitApp: 'Visit Blocklet',
+    preparing: 'Preparing...',
     waiting: {
       starting: 'Starting blocklet...',
       parsing: 'Parsing blocklet metadata...',

package/lib/locales/zh.js

@@ -96,13 +96,17 @@ var _default = exports.default = {
   },
   startApp: {
     pageTitle: '启动 Blocklet',
-    starting: '正在启动 Blocklet...',
     started: 'Blocklet 启动成功',
     startedDescription: '您的 Blocklet 已成功启动并准备就绪，现在可以开始使用了。',
+    starting: 'Blocklet 正在启动',
+    startingDescription: '您的 Blocklet 正在启动中，很快就可以使用了，请稍等片刻。',
+    startingTitle: '即将完成！',
+    startingWaitMessage: '您的 Blocklet 正在启动中，稍后即可访问。您可以先进入管理面板查看启动进度。',
     startFailed: '启动 Blocklet 失败',
     installFailed: '安装 Blocklet 失败',
     visit: '访问 Blocklet',
     dashboard: '查看 Blocklet 仪表盘',
+    managementPanel: '管理面板',
     subscription: '管理订阅',
     unknownApp: '未知 Blocklet',
     appInfo: 'Blocklet 信息',
@@ -111,9 +115,11 @@ var _default = exports.default = {
     status: '状态',
     version: '版本',
     running: '运行中',
+    startingText: '启动中',
     projectName: '项目名称',
     visitUrl: '访问地址',
     visitApp: '访问 Blocklet',
+    preparing: '准备中...',
     waiting: {
       starting: '正在启动 Blocklet...',
       parsing: '正在解析 Blocklet 元数据...',