@blocklet/launcher-workflow 2.4.3 → 2.4.5

package/lib/components/launch-serverless/shared/loading-display-layout.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _AnimationWaiter = _interopRequireDefault(require("@arcblock/ux/lib/AnimationWaiter"));
+var _material = require("@mui/material");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _ufo = require("ufo");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _request = _interopRequireDefault(require("../../../contexts/request"));
+var _commonComponents = require("./common-components");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 加载显示的通用布局组件
+ * 抽取三个阶段组件的共同结构，具体内容由外部传入
+ */function LoadingDisplayLayout(_ref) {
+  let {
+    title,
+    // 进度条数据
+    progress,
+    elapsedTime,
+    estimatedTime,
+    // 动作描述数据
+    currentAction,
+    // 动画控制
+    tipFlag = null,
+    // 错误处理
+    error = null,
+    onRetry = null
+  } = _ref;
+  const {
+    locale
+  } = (0, _context.useLocaleContext)();
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const {
+    api
+  } = (0, _request.default)();
+  const {
+    data: tips = []
+  } = (0, _ahooks.useRequest)(() => api.get((0, _ufo.withQuery)('/public/tips', {
+    locale
+  })).then(res => {
+    var _res$data;
+    return ((_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.tips) || [];
+  }, {
+    refreshDeps: [locale]
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_commonComponents.LoadingContainer, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      variant: "h3",
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      sx: {
+        '& div': {
+          p: 0,
+          m: 0
+        }
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimationWaiter.default, {
+        increaseSpeed: 0.3,
+        messageLoop: false,
+        size: 200
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      sx: {
+        position: 'relative',
+        width: '100%'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        sx: {
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'flex-end',
+          mb: 1
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commonComponents.TimeText, {
+          children: t('loading.remainingTime', {
+            time: estimatedTime
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commonComponents.StyledProgress, {
+        value: progress
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        sx: {
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'space-between',
+          my: 1
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, {
+          variant: "caption",
+          color: "text.secondary",
+          children: [Math.round(progress), "% ", t('loading.completed')]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commonComponents.TimeText, {
+          children: elapsedTime
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commonComponents.ActionCardBox, {
+      tipFlag: tipFlag || currentAction,
+      children: currentAction
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commonComponents.ProductIntroCarousel, {
+      tips: tips
+    }, locale), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commonComponents.ErrorDisplay, {
+      error: error,
+      onRetry: onRetry
+    })]
+  });
+}
+LoadingDisplayLayout.propTypes = {
+  // 基础信息
+  title: _propTypes.default.string.isRequired,
+  // 进度条数据
+  progress: _propTypes.default.number.isRequired,
+  elapsedTime: _propTypes.default.string.isRequired,
+  estimatedTime: _propTypes.default.string.isRequired,
+  // 动作描述数据
+  currentAction: _propTypes.default.string.isRequired,
+  // 动画控制
+  tipFlag: _propTypes.default.any,
+  // 可选项
+  error: _propTypes.default.string,
+  onRetry: _propTypes.default.func
+};
+var _default = exports.default = LoadingDisplayLayout;

package/lib/components/launch-serverless/shared/retry-error-message.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RetryErrorMessage;
+var _launchResultMessage = _interopRequireDefault(require("@blocklet/launcher-layout/lib/launch-result-message"));
+var _button = _interopRequireDefault(require("@blocklet/launcher-ux/lib/button"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+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 RetryErrorMessage(_ref) {
+  let {
+    title,
+    onRetry,
+    retryText
+  } = _ref;
+  const [isLoading, setIsLoading] = (0, _react.useState)(false);
+  const handleRetry = async e => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsLoading(true);
+    const result = onRetry();
+    if (result instanceof Promise) {
+      await result;
+    }
+    setIsLoading(false);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_launchResultMessage.default, {
+    variant: "error",
+    title: title,
+    footer: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+      size: "small",
+      style: {
+        marginTop: '-16px'
+      },
+      onClick: handleRetry,
+      loading: isLoading,
+      children: retryText
+    })
+  });
+}
+RetryErrorMessage.propTypes = {
+  title: _propTypes.default.string.isRequired,
+  onRetry: _propTypes.default.func.isRequired,
+  retryText: _propTypes.default.string.isRequired
+};

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

@@ -0,0 +1,369 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = LaunchServerless;
+var _ahooks = require("ahooks");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _constant = require("@blocklet/launcher-util/es/constant");
+var _locale = require("../../contexts/locale");
+var _request = _interopRequireDefault(require("../../contexts/request"));
+var _useSerialPolling = _interopRequireDefault(require("../../hooks/use-serial-polling"));
+var _util = require("../../util");
+var _baseServerlessLayout = _interopRequireDefault(require("./shared/base-serverless-layout"));
+var _commonComponents = require("./shared/common-components");
+var _loadingDisplayLayout = _interopRequireDefault(require("./shared/loading-display-layout"));
+var _retryErrorMessage = _interopRequireDefault(require("./shared/retry-error-message"));
+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); }
+const CHECK_INTERVAL = 3000;
+function LaunchServerless(_ref) {
+  let {
+    sessionId
+  } = _ref;
+  const {
+    t
+  } = (0, _locale.useLocaleContext)();
+  const {
+    api
+  } = (0, _request.default)();
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  const [state, setState] = (0, _ahooks.useSetState)({
+    starting: true,
+    started: false,
+    checkingBlockletStatus: false,
+    checkingAccessible: false,
+    launchSession: null,
+    blockletInfo: null,
+    accessibleUrl: null,
+    urls: [],
+    error: '',
+    startTime: 0,
+    hasTryStart: false,
+    retryRequestCount: 0
+  });
+  const formatTime = (0, _commonComponents.useFormatTime)();
+  const time = (0, _commonComponents.useElapsedTime)(0);
+  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
+    }, {
+      message: t('startApp.waiting.initializingOwner'),
+      time: 2
+    }, {
+      message: t('startApp.waiting.creatingSecurityRules'),
+      time: 2
+    }, {
+      message: t('startApp.waiting.assigningDomain'),
+      time: 2
+    }, {
+      message: t('startApp.waiting.waitingForDomain'),
+      time: 10
+    }];
+
+    // 计算总时间
+    const totalTime = steps.reduce((acc, step) => acc + step.time, 0);
+
+    // 计算每个步骤的进度区间
+    let currentProgress = 0;
+    return steps.map(step => {
+      const progressPercent = step.time / totalTime * 100;
+      const range = [Math.round(currentProgress), Math.round(currentProgress + progressPercent)];
+      currentProgress += progressPercent;
+      return _objectSpread(_objectSpread({}, step), {}, {
+        range
+      });
+    });
+  }, [t]);
+  const estimatedTime = (0, _react.useMemo)(() => {
+    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;
+  }, [actions]);
+  const displayProgress = (0, _commonComponents.useDisplayProgress)(0, state.started ? 1 : estimatedTime);
+
+  // 根据当前进度获取对应的 action
+  const getCurrentAction = progress => {
+    const action = actions.find(_ref2 => {
+      let {
+        range: [start, end]
+      } = _ref2;
+      return progress >= start && progress < end;
+    });
+    return (action === null || action === void 0 ? void 0 : action.message) || actions[actions.length - 1].message;
+  };
+  const checkOneAccessibleUrl = async urls => {
+    try {
+      const [accessibleUrl] = await (0, _util.waitingForRaceAccessible)(urls);
+      return accessibleUrl;
+    } catch (error) {
+      console.error(error);
+      return null;
+    }
+  };
+  const getUrls = async blocklet => {
+    let {
+      urls
+    } = state;
+    if (urls.length === 0) {
+      urls = (0, _util.getBlockletUrls)({
+        blocklet
+      });
+      const sortedUrls = await (0, _util.sortUrls)(urls);
+      urls = sortedUrls;
+      if (urls.length > 0) {
+        setState({
+          urls
+        });
+      }
+    }
+    return urls;
+  };
+  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
+        });
+      } 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: t('startApp.startFailed'),
+          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: error.message,
+          starting: false,
+          retryRequestCount: 0
+        });
+      });
+      console.error(error);
+    }
+  };
+
+  // 串行检查，确保前一个请求完成后等待指定时间再发起下一个
+  (0, _useSerialPolling.default)({
+    isEnabled: state.checkingBlockletStatus,
+    interval: CHECK_INTERVAL,
+    onPoll: checkLaunchSession
+  });
+
+  // 检查可用性 url
+  const checkAccessibleUrls = async () => {
+    try {
+      const urls = await getUrls(state.launchSession.blocklet);
+      const accessibleUrl = await checkOneAccessibleUrl(urls);
+      setState(prev => {
+        const obj = accessibleUrl ? _objectSpread(_objectSpread({}, prev), {}, {
+          checkingAccessible: false,
+          checkingBlockletStatus: true,
+          accessibleUrl
+        }) : prev;
+        if (Date.now() - prev.startTime > estimatedTime * 1000) {
+          api.post("/launches/".concat(sessionId, "/start"));
+          return _objectSpread(_objectSpread({}, obj), {}, {
+            hasTryStart: true
+          });
+        }
+        return obj;
+      });
+    } catch (error) {
+      // ignore
+    }
+  };
+  (0, _useSerialPolling.default)({
+    isEnabled: state.checkingAccessible,
+    interval: 10000,
+    onPoll: checkAccessibleUrls
+  });
+  (0, _react.useEffect)(() => {
+    const _fetch = async function fetch() {
+      let tryCount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      setState({
+        startTime: Date.now()
+      });
+      try {
+        const {
+          data: {
+            launch: launchSession
+          }
+        } = await api.get("/launches/".concat(sessionId, "?health=1"));
+        const urls = await getUrls(launchSession.blocklet);
+        launchSession.urls = urls;
+        [launchSession.appUrl] = urls;
+        setState({
+          launchSession,
+          urls
+        });
+        if (launchSession.status >= _constant.LAUNCH_STATUS.consuming) {
+          var _launchSession$metada;
+          const notStarting = !['starting', 'running'].includes(launchSession.blockletStatus) && (!((_launchSession$metada = launchSession.metadata) !== null && _launchSession$metada !== void 0 && _launchSession$metada.starting) || launchSession.metadata.starting !== true);
+          if (notStarting) {
+            await api.post("/launches/".concat(sessionId, "/start")).catch(error => {
+              console.error(error);
+            });
+          }
+          setState({
+            starting: true,
+            checkingAccessible: true
+          });
+        } else if (launchSession.status === _constant.LAUNCH_STATUS.allocated) {
+          navigate("/install/".concat(sessionId).concat(window.location.search || ''));
+        } else {
+          setState(prev => {
+            return _objectSpread(_objectSpread({}, prev), {}, {
+              starting: false,
+              started: false,
+              checkingBlockletStatus: false,
+              checkingAccessible: false,
+              error: t('startApp.installFailed')
+            });
+          });
+        }
+      } catch (error) {
+        if (tryCount > 0) {
+          setTimeout(() => {
+            _fetch(tryCount - 1);
+          }, 1000);
+        } else {
+          setState({
+            error: error.message,
+            starting: false,
+            checkingBlockletStatus: false,
+            checkingAccessible: false
+          });
+        }
+        console.error('get launch session error', error);
+      }
+    };
+    if (window.blocklet.DEVELOPER_WORKFLOW_UI) {
+      setTimeout(() => {
+        _fetch(0);
+      }, 10000);
+    } else {
+      _fetch(0);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const handleRetry = async () => {
+    if (['starting', 'stopped'].includes(state.blockletInfo.status)) {
+      await api.post("/launches/".concat(sessionId, "/start"));
+    } else if (!state.blockletInfo && state.launchSession.status < _constant.LAUNCH_STATUS.allocated) {
+      await api.post('/serverless/allocate', {
+        launchId: sessionId
+      }).catch(error => {
+        console.error(error);
+      });
+      navigate("/launch/".concat(sessionId).concat(window.location.search || ''));
+    } else if (state.launchSession.status < _constant.LAUNCH_STATUS.consuming) {
+      await api.post('/serverless/install', {
+        launchId: sessionId
+      }).catch(error => {
+        console.error(error);
+      });
+      navigate("/install/".concat(sessionId).concat(window.location.search || ''));
+    } else {
+      await api.post("/launches/".concat(sessionId, "/start"));
+      window.location.reload();
+    }
+  };
+  const showLoading = state.starting || displayProgress < 99;
+  const showSuccess = !showLoading && state.started && state.launchSession && displayProgress >= 99;
+  const showError = !showLoading && !showSuccess && state.error;
+  if (showError) {
+    console.error('showError', state.error);
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_baseServerlessLayout.default, {
+    title: t('startApp.pageTitle'),
+    children: [showLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_loadingDisplayLayout.default, {
+      title: t('startApp.pageTitle'),
+      progress: state.started && displayProgress >= 99 ? 100 : displayProgress,
+      elapsedTime: formatTime(time),
+      estimatedTime: formatTime(estimatedTime),
+      currentAction: getCurrentAction(displayProgress),
+      error: null,
+      onRetry: null
+    }), showSuccess && /*#__PURE__*/(0, _jsxRuntime.jsx)(_commonComponents.AppSuccessDisplay, {
+      accessibleUrl: state.accessibleUrl,
+      sessionId: sessionId,
+      blockletInfo: state.blockletInfo,
+      launchSession: state.launchSession,
+      urls: state.urls
+    }), showError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_retryErrorMessage.default, {
+      title: t('startApp.startFailed'),
+      onRetry: handleRetry,
+      retryText: t('common.retry')
+    })]
+  });
+}
+LaunchServerless.propTypes = {
+  sessionId: _propTypes.default.string.isRequired
+};

package/lib/contexts/request.js

@@ -9,7 +9,7 @@ var _api = require("@blocklet/launcher-util/es/api");
 var _lodash = _interopRequireDefault(require("lodash.get"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = require("react");
-var _urlJoin = _interopRequireDefault(require("url-join"));
+var _ufo = require("ufo");
 var _locale = require("./locale");
 var _session = require("./session");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -36,7 +36,7 @@ function RequestProvider(_ref) {
   } = (0, _locale.useLocaleContext)();
   const configRequest = r => {
     r.interceptors.request.use(config => {
-      config.url = (0, _urlJoin.default)('/api', config.url);
+      config.url = (0, _ufo.joinURL)('/api', config.url);
       if (!config.params) {
         config.params = {};
       }

package/lib/hooks/use-serial-polling.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useSerialPolling;
+var _react = require("react");
+/**
+ * A hook for serial polling that ensures each request is completed before starting the next one.
+ * This prevents request overlapping and maintains a consistent interval between completed requests.
+ *
+ * @param {Object} options
+ * @param {boolean} options.isEnabled - Whether to enable the polling
+ * @param {number} options.interval - Time to wait after a request completes before starting the next one (in ms)
+ * @param {Function} options.onPoll - Async function to be called for each poll
+ */
+function useSerialPolling(_ref) {
+  let {
+    isEnabled,
+    interval = 3000,
+    onPoll
+  } = _ref;
+  const onPollRef = (0, _react.useRef)(onPoll);
+  onPollRef.current = onPoll;
+  (0, _react.useEffect)(() => {
+    let timeoutId;
+    let isActive = true;
+    const scheduleNextPoll = async () => {
+      if (!isActive || !isEnabled) return;
+      try {
+        await onPollRef.current();
+      } catch (error) {
+        console.error('Serial polling error:', error);
+      }
+
+      // Only schedule next poll if still active and enabled
+      if (isActive && isEnabled) {
+        timeoutId = setTimeout(scheduleNextPoll, interval);
+      }
+    };
+    if (isEnabled) {
+      scheduleNextPoll();
+    }
+    return () => {
+      isActive = false;
+      if (timeoutId) clearTimeout(timeoutId);
+    };
+  }, [isEnabled, interval]);
+}

package/lib/install.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Launch;
+var _react = require("react");
+var _reactRouterDom = require("react-router-dom");
+var _install = _interopRequireDefault(require("./components/launch-serverless/install"));
+var _session = require("./contexts/session");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Launch() {
+  const {
+    sessionId
+  } = (0, _reactRouterDom.useParams)();
+  const {
+    session
+  } = (0, _session.useSessionContext)();
+  (0, _react.useEffect)(() => {
+    if (!session.user) {
+      return session.login(() => {
+        session.refresh();
+      });
+    }
+    return () => {};
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [session.user]);
+  if (!session.user) {
+    return '';
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_install.default, {
+    sessionId: sessionId
+  });
+}

package/lib/launch.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = Launch;
 var _react = require("react");
 var _reactRouterDom = require("react-router-dom");
-var _launchServerless = _interopRequireDefault(require("./components/launch-serverless"));
+var _allocate = _interopRequireDefault(require("./components/launch-serverless/allocate"));
 var _launchDedicated = _interopRequireDefault(require("./components/launch-dedicated"));
 var _session = require("./contexts/session");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -33,7 +33,7 @@ function Launch() {
   }
   const launchType = searchParams.get('launchType');
   if (launchType === 'serverless') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_launchServerless.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_allocate.default, {
       sessionId: sessionId
     });
   }