@abtnode/ux 1.15.17 → 1.16.0-beta-8ee536d7

package/lib/blocklet/actions.js

@@ -0,0 +1,438 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletActions;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _reactRouterDom = require("react-router-dom");
+var _useLocalStorage = _interopRequireDefault(require("react-use/lib/useLocalStorage"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
+var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
+var _ButtonGroup = _interopRequireDefault(require("@mui/material/ButtonGroup"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
+var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
+var _RadioGroup = _interopRequireDefault(require("@mui/material/RadioGroup"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _util = require("@blocklet/meta/lib/util");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _constant = require("@blocklet/constant");
+var _constant2 = require("@abtnode/constant");
+var _toast = _interopRequireDefault(require("../toast"));
+var _util2 = require("../util");
+var _util3 = require("./util");
+var _node = require("../contexts/node");
+var _confirm = _interopRequireDefault(require("../confirm"));
+var _icons = _interopRequireDefault(require("./icons"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+const _excluded = ["blocklet", "onStart", "onComplete", "variant", "hasPermission", "useBlockletUrlEvaluation"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function BlockletActions(_ref) {
+  let {
+      blocklet,
+      onStart,
+      onComplete,
+      variant,
+      hasPermission,
+      useBlockletUrlEvaluation
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  const node = (0, _node.useNodeContext)();
+  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
+  const [currentAction, setCurrentAction] = (0, _react.useState)(null);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [confirmSetting, setConfirmSetting] = (0, _react.useState)(null);
+  const {
+    t
+  } = (0, _react.useContext)(_context.LocaleContext);
+  const [skipSetup] = (0, _useLocalStorage.default)('skip-blocklet-setup', false);
+  const {
+    loading: recommendedUrlLoading,
+    recommendedUrl
+  } = useBlockletUrlEvaluation(blocklet);
+  const inProgress = (0, _util2.isInProgress)(blocklet.status);
+  const {
+    inService
+  } = node;
+  const createHandler = function createHandler(action, fn) {
+    let requireUserConfirm = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    return async () => {
+      const onConfirm = async params => {
+        onStart({
+          action,
+          blocklet
+        });
+        setLoading(true);
+        setCurrentAction(action);
+        setConfirmSetting(null);
+        let isRemoved = false;
+        try {
+          var _blocklet$settings;
+          const input = {
+            did: blocklet.meta.did
+          };
+          if (action === 'remove') {
+            input.keepData = params.removeType === 'keepData';
+          }
+          if (action === 'start' && !inService && !skipSetup && !((_blocklet$settings = blocklet.settings) !== null && _blocklet$settings !== void 0 && _blocklet$settings.initialized)) {
+            // 启动 blocklet 并跳转到 setup 流程界面时携带 serverUrl 查询参数
+            const serverUrl = (0, _util3.getServerUrl)(node.info);
+            const url = new URL(recommendedUrl);
+            url.searchParams.set('serverUrl', serverUrl);
+            window.open(url.href);
+            onComplete({
+              action,
+              blocklet
+            });
+            return;
+          }
+          await fn({
+            input
+          });
+          if (action === 'remove') {
+            isRemoved = true; // Deleted send request and succeeded
+          } else {
+            await (0, _util2.sleep)(1000); // just avoid user feeling so fast
+          }
+
+          if (action === 'reload') {
+            _toast.default.success(t('blocklet.reloadSuccess'));
+          }
+          onComplete({
+            action,
+            blocklet
+          });
+        } catch (err) {
+          const errMsg = "Blocklet ".concat(action, " failed: ").concat((0, _util2.formatError)(err));
+          onComplete({
+            action,
+            blocklet,
+            error: new Error(errMsg)
+          });
+        } finally {
+          if (!isRemoved) {
+            setLoading(false);
+          }
+        }
+      };
+      const onCancel = () => {
+        setLoading(false);
+        setConfirmSetting(null);
+      };
+      const name = (0, _util.getDisplayName)(blocklet, true);
+      const removeSetting = blocklet.source === (0, _constant.fromBlockletSource)(_constant.BlockletSource.custom) ? {
+        description: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          component: "div",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            gutterBottom: true,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+              children: t('blocklet.action.forceRemoveDescription')
+            })
+          })
+        }),
+        params: {
+          removeType: 'complete'
+        }
+      } : {
+        description: (params, setParams) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+          component: "div",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            gutterBottom: true,
+            children: t('blocklet.action.removeDescription')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_RadioGroup.default, {
+            name: "removeType",
+            value: params.removeType,
+            onChange: e => setParams(_objectSpread(_objectSpread({}, params), {}, {
+              removeType: e.target.value
+            })),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlLabel.default, {
+              value: "keepData",
+              control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {}),
+              label: t('blocklet.action.removeKeepData')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlLabel.default, {
+              value: "complete",
+              control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {}),
+              label: t('blocklet.action.removeComplete')
+            })]
+          })]
+        }),
+        params: {
+          removeType: 'keepData'
+        }
+      };
+      const confirmSettings = {
+        stop: {
+          title: "".concat(t('common.stop'), " ").concat(name),
+          description: t('blocklet.action.stopDescription'),
+          confirm: t('blocklet.action.confirmStop'),
+          cancel: t('common.cancel'),
+          onConfirm,
+          onCancel
+        },
+        restart: {
+          title: "".concat(t('common.restart'), " ").concat(name),
+          description: t('blocklet.action.restartDescription'),
+          confirm: t('blocklet.action.confirmRestart'),
+          cancel: t('common.cancel'),
+          onConfirm,
+          onCancel
+        },
+        remove: _objectSpread({
+          title: "".concat(t('common.remove'), " ").concat(name),
+          confirm: t('blocklet.action.confirmRemove'),
+          cancel: t('common.cancel'),
+          onConfirm,
+          onCancel
+        }, removeSetting),
+        cancelDownload: {
+          title: "".concat(t('common.cancel')),
+          description: t('blocklet.action.cancelDownloadDescription', {
+            name
+          }),
+          confirm: t('common.confirm'),
+          cancel: t('common.cancel'),
+          onConfirm,
+          onCancel
+        }
+      };
+      if (requireUserConfirm) {
+        setConfirmSetting(confirmSettings[action]);
+      } else {
+        await onConfirm();
+      }
+    };
+  };
+  const open = Boolean(anchorEl);
+  const onOpen = e => {
+    try {
+      e.stopPropagation();
+      e.preventDefault();
+      // eslint-disable-next-line no-empty
+    } catch (_unused) {}
+    setAnchorEl(e.currentTarget);
+  };
+  const onClose = e => {
+    try {
+      e.stopPropagation();
+      e.preventDefault();
+      // eslint-disable-next-line no-empty
+    } catch (_unused2) {}
+    setAnchorEl(null);
+  };
+  const onAction = async (action, e) => {
+    try {
+      e.stopPropagation();
+      e.preventDefault();
+      // eslint-disable-next-line no-empty
+    } catch (_unused3) {}
+    setAnchorEl(null);
+    if (typeof action.handler === 'function') {
+      try {
+        setLoading(true);
+        setCurrentAction(action.action);
+        await action.handler();
+      } catch (err) {
+        // eslint-disable-next-line no-console
+        console.error("Blocklet ".concat(action.name, " failed: "), err);
+      } finally {
+        setLoading(false);
+      }
+    }
+  };
+  const removeAction = !inService && (0, _util.isDeletableBlocklet)(blocklet) && blocklet.structVersion === _constant2.APP_STRUCT_VERSION ? {
+    action: 'remove',
+    icon: _icons.default.Remove,
+    name: t('common.remove'),
+    handler: createHandler('remove', node.api.deleteBlocklet, true),
+    disabled: inProgress
+  } : null;
+  const cancelDownloadAction = !inService ? {
+    action: 'remove',
+    icon: _icons.default.Remove,
+    name: t('common.cancel'),
+    handler: createHandler('cancelDownload', node.api.cancelDownloadBlocklet, true)
+  } : null;
+  const missingRequiredConfigs = (0, _util.getAppMissingConfigs)(blocklet);
+  const actions = [{
+    action: 'start',
+    icon: _icons.default.Start,
+    name: t('common.start'),
+    handler: createHandler('start', node.api.startBlocklet),
+    disabled: !(0, _util.hasRunnableComponent)(blocklet) || blocklet.status === 'running' || blocklet.status === 'corrupted' || missingRequiredConfigs.length > 0 || (0, _util2.isDownloading)(blocklet.status) || blocklet.mode === _constant.BLOCKLET_MODES.DEVELOPMENT || recommendedUrlLoading || inProgress
+  }, {
+    action: 'stop',
+    icon: _icons.default.Stop,
+    name: t('common.stop'),
+    handler: createHandler('stop', node.api.stopBlocklet, true),
+    disabled: !['running', 'starting'].includes(blocklet.status) || blocklet.mode === _constant.BLOCKLET_MODES.DEVELOPMENT
+  }, {
+    action: 'restart',
+    icon: _icons.default.Restart,
+    name: t('common.restart'),
+    handler: createHandler('restart', node.api.restartBlocklet, true),
+    disabled: blocklet.status !== 'running' || blocklet.mode === _constant.BLOCKLET_MODES.DEVELOPMENT
+  }, {
+    action: 'reload',
+    icon: _icons.default.Reload,
+    name: t('common.reload'),
+    handler: createHandler('reload', node.api.reloadBlocklet),
+    disabled: blocklet.status !== 'running' || blocklet.mode === _constant.BLOCKLET_MODES.DEVELOPMENT
+  }, (0, _util2.isDownloading)(blocklet.status) ? cancelDownloadAction : removeAction, {
+    separator: true
+  }, {
+    onlyInMenu: true,
+    action: 'config',
+    icon: _icons.default.Config,
+    name: t('common.config'),
+    handler: () => {
+      navigate("/blocklets/".concat(blocklet.meta.did, "/configuration"));
+    },
+    disabled: (0, _util2.isDownloading)(blocklet.status)
+  }, {
+    onlyInMenu: true,
+    action: 'team',
+    icon: _icons.default.Group,
+    name: t('common.manageTeam'),
+    handler: () => {
+      navigate("/blocklets/".concat(blocklet.meta.did, "/members"));
+    },
+    disabled: (0, _util2.isDownloading)(blocklet.status)
+  }, {
+    onlyInMenu: true,
+    action: 'log',
+    icon: _icons.default.Log,
+    name: t('common.log'),
+    handler: () => {
+      navigate("/logs/blocklet-".concat(blocklet.meta.did));
+    },
+    disabled: (0, _util2.isDownloading)(blocklet.status)
+  }].filter(Boolean);
+  if (variant === 'menu') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
+      "data-cy": "blocklet-actions",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+        "aria-label": "more",
+        "aria-controls": "actions-menu",
+        "aria-haspopup": "true",
+        "data-cy": "trigger-blocklet-actions",
+        "actions-blocklet-did": blocklet.meta.did,
+        onClick: onOpen,
+        size: "small",
+        disabled: !hasPermission || !(0, _util2.isDownloading)(blocklet.status) && loading,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MoreVert.default, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Menu.default, {
+        id: "actions-menu",
+        anchorEl: anchorEl,
+        keepMounted: true,
+        open: open,
+        onClose: onClose,
+        PaperProps: {},
+        children: [missingRequiredConfigs.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Alert.default, {
+          style: {
+            maxWidth: '400px'
+          },
+          severity: "error",
+          children: [t('blocklet.config.missingRequired'), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+            to: "/blocklets/".concat(blocklet.meta.did, "/components"),
+            children: t('blocklet.config.gotoFix')
+          })]
+        }), actions.map((action, i) => {
+          if (action.separator) {
+            // eslint-disable-next-line react/no-array-index-key
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {}, "separator-".concat(i));
+          }
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem.default, {
+            dense: true,
+            onClick: e => onAction(action, e),
+            disabled: action.disabled,
+            "data-cy": "".concat(action.action, "-blocklet"),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
+              style: {
+                minWidth: 24
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(action.icon, {
+                fontSize: "small"
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+              primary: action.name
+            })]
+          }, action.name);
+        })]
+      }), confirmSetting && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
+        title: confirmSetting.title,
+        description: confirmSetting.description,
+        confirm: confirmSetting.confirm,
+        cancel: confirmSetting.cancel,
+        params: confirmSetting.params,
+        onConfirm: confirmSetting.onConfirm,
+        onCancel: confirmSetting.onCancel
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, _objectSpread(_objectSpread({
+    "data-cy": "blocklet-actions"
+  }, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroup.default, {
+      children: actions.filter(x => !x.separator && !x.onlyInMenu).map(action => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+        title: action.name,
+        "data-cy": "".concat(action.action, "-blocklet"),
+        onClick: () => onAction(action),
+        disabled: Boolean(action.disabled) || loading,
+        children: [currentAction === action.action && loading && inProgress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+          size: 16
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(action.icon, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "blocklet-action-text",
+          children: action.name
+        })]
+      }, action.name))
+    }), confirmSetting && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
+      title: confirmSetting.title,
+      description: confirmSetting.description,
+      confirm: confirmSetting.confirm,
+      cancel: confirmSetting.cancel,
+      params: confirmSetting.params,
+      onConfirm: confirmSetting.onConfirm,
+      onCancel: confirmSetting.onCancel
+    })]
+  }));
+}
+BlockletActions.propTypes = {
+  blocklet: _propTypes.default.object.isRequired,
+  onStart: _propTypes.default.func.isRequired,
+  onComplete: _propTypes.default.func.isRequired,
+  variant: _propTypes.default.oneOf(['menu', 'group']),
+  hasPermission: _propTypes.default.bool,
+  useBlockletUrlEvaluation: _propTypes.default.func
+};
+BlockletActions.defaultProps = {
+  variant: 'menu',
+  hasPermission: false,
+  useBlockletUrlEvaluation: () => {
+    var _window, _window$location;
+    return {
+      loading: false,
+      recommendedUrl: (_window = window) === null || _window === void 0 ? void 0 : (_window$location = _window.location) === null || _window$location === void 0 ? void 0 : _window$location.href
+    };
+  }
+};
+const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  @media (max-width: ", "px) {\n    .MuiButton-root {\n      padding: 4px;\n      font-size: 10px;\n    }\n  }\n"])), props => props.theme.breakpoints.values.sm);

package/lib/blocklet/add-cert.js

@@ -0,0 +1,191 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AddCert;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _useAsyncRetry = _interopRequireDefault(require("react-use/lib/useAsyncRetry"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Alert = _interopRequireDefault(require("@arcblock/ux/lib/Alert"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _constant = require("@blocklet/constant");
+var _toast = _interopRequireDefault(require("../toast"));
+var _confirm = _interopRequireDefault(require("../confirm"));
+var _node = require("../contexts/node");
+var _blocklet = require("../contexts/blocklet");
+var _util = require("../util");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["domain", "domainStatus"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const isCertInProgress = status => ['waiting', 'creating', 'renewaling'].includes(status);
+function Add(props) {
+  var _certState$value2;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [confirmSetting, setConfirmSetting] = (0, _react.useState)(null);
+  const {
+    domain,
+    onAdd,
+    children,
+    did
+  } = props;
+  const {
+    api,
+    ws: {
+      useSubscription
+    }
+  } = (0, _node.useNodeContext)();
+  const [issuing, setIssuing] = (0, _react.useState)(false);
+  const {
+    actions: {
+      refreshDomainStatus
+    }
+  } = (0, _blocklet.useBlockletContext)();
+  const certState = (0, _useAsyncRetry.default)(async () => {
+    const {
+      cert
+    } = await api.findCertificateByDomain({
+      input: {
+        domain,
+        did
+      }
+    });
+    return cert;
+  });
+  const handleIssueComplete = (cert, type) => {
+    if (cert.domain === domain) {
+      setIssuing(false);
+      if (type === 'success') {
+        _toast.default.success("The ".concat(cert.domain, " certificate is issued successfully"));
+      } else if (type === 'error') {
+        _toast.default.error("Failed to issue certificate for ".concat(cert.domain));
+      }
+    }
+  };
+  (0, _react.useEffect)(() => {
+    var _certState$value;
+    if (!certState.loading && isCertInProgress((_certState$value = certState.value) === null || _certState$value === void 0 ? void 0 : _certState$value.status)) {
+      setIssuing(true);
+    }
+  }, [certState]);
+  useSubscription(_constant.BlockletEvents.certError, cert => handleIssueComplete(cert, 'error'));
+  useSubscription(_constant.BlockletEvents.certIssued, cert => {
+    certState.retry();
+    refreshDomainStatus(cert.domain);
+    handleIssueComplete(cert, 'success');
+  });
+  if (certState.loading) {
+    return ''; // 如果正在加载证书的状态，则不渲染任何元素
+  }
+
+  if (((_certState$value2 = certState.value) === null || _certState$value2 === void 0 ? void 0 : _certState$value2.status) === 'normal') {
+    return ''; // 如果证书已经生成，则不渲染任何元素
+  }
+
+  const onCancel = () => {
+    setLoading(false);
+    setConfirmSetting(null);
+  };
+  const onConfirm = async () => {
+    setLoading(true);
+    try {
+      await api.issueLetsEncryptCert({
+        input: {
+          domain,
+          did
+        }
+      });
+      onAdd();
+      setIssuing(true);
+    } catch (error) {
+      console.error(error);
+      setIssuing(false);
+    } finally {
+      setLoading(false);
+      setConfirmSetting(null);
+    }
+  };
+  const setting = {
+    title: t('router.cert.genLetsEncryptCert.title'),
+    description: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+        type: "success",
+        children: t('router.cert.genLetsEncryptCert.dnsTip')
+      }), t('router.cert.genLetsEncryptCert.description')]
+    }),
+    confirm: t('common.confirm'),
+    onConfirm,
+    onCancel
+  };
+  const onClick = e => {
+    e.stopPropagation();
+    setConfirmSetting(setting);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [issuing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: t('router.cert.issuing'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+        size: 12
+      })
+    }) : children({
+      loading,
+      open: onClick
+    }), confirmSetting && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
+      color: "primary",
+      title: confirmSetting.title,
+      description: confirmSetting.description,
+      confirm: confirmSetting.confirm,
+      params: confirmSetting.params,
+      onConfirm: confirmSetting.onConfirm,
+      onCancel: confirmSetting.onCancel
+    })]
+  });
+}
+Add.propTypes = {
+  domain: _propTypes.default.string.isRequired,
+  did: _propTypes.default.string.isRequired,
+  onAdd: _propTypes.default.func,
+  children: _propTypes.default.any
+};
+Add.defaultProps = {
+  onAdd: () => {},
+  children: null
+};
+function AddCert(props) {
+  const {
+      domain,
+      domainStatus
+    } = props,
+    others = _objectWithoutProperties(props, _excluded);
+  if (!(0, _util.shouldCheckDomainStatus)(domain) || domainStatus !== null && domainStatus !== void 0 && domainStatus.isHttps) {
+    return '';
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Add, _objectSpread({}, _objectSpread({
+    domain
+  }, others)));
+}
+AddCert.propTypes = {
+  domain: _propTypes.default.string.isRequired,
+  domainStatus: _propTypes.default.shape({
+    isHttps: _propTypes.default.bool
+  }).isRequired,
+  did: _propTypes.default.string.isRequired,
+  onAdd: _propTypes.default.func,
+  children: _propTypes.default.any
+};
+AddCert.defaultProps = {
+  onAdd: () => {},
+  children: null
+};

package/lib/blocklet/agreement-app.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AgreementApp;
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+function AgreementApp(_ref) {
+  let props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, props), {}, {
+    style: {
+      width: '100%'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+      children: "End User License Agreement for Application"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "Blocklet Server License Agreement ArcBlock, Inc. version 2020-08-28"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "BLOCKLET SERVER LICENSE AGREEMENT"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "\u6682\u65E0"
+    })]
+  }));
+}