@abtnode/ux 1.8.63-beta-b71f5f80 → 1.8.63-beta-a36b5e1a

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/configuration.js

@@ -35,6 +35,7 @@ var _domainStatus = _interopRequireDefault(require("./router/domain-status"));
 var _domainActions = _interopRequireDefault(require("./router/domain-actions"));
 var _walletType = _interopRequireDefault(require("./preferences/wallet-type"));
 var _appSk = _interopRequireDefault(require("./preferences/app-sk"));
+var _addCert = _interopRequireDefault(require("./add-cert"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 const _excluded = ["blocklet", "onUpdate", "hasPermission"],
@@ -420,6 +421,20 @@ function BlockletEnvironment(_ref) {
             style: {
               marginLeft: 12
             }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_addCert.default, {
+            domain: domain.value,
+            domainStatus: domain.domainStatus,
+            did: blocklet.meta.did,
+            children: _ref4 => {
+              let {
+                open
+              } = _ref4;
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+                size: "small",
+                onClick: e => open(e),
+                children: t('router.cert.genLetsEncryptCert.title')
+              });
+            }
           })]
         }), hasPermission && !domain.isProtected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_domainActions.default, {
           site: site,

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.8.63-beta-b71f5f80",
+  "version": "1.8.63-beta-a36b5e1a",
   "description": "UX components shared across abtnode packages",
   "main": "lib/index.js",
   "files": [
@@ -21,18 +21,18 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "MIT",
   "dependencies": {
-    "@abtnode/auth": "1.8.63-beta-b71f5f80",
-    "@abtnode/constant": "1.8.63-beta-b71f5f80",
-    "@abtnode/util": "1.8.63-beta-b71f5f80",
+    "@abtnode/auth": "1.8.63-beta-a36b5e1a",
+    "@abtnode/constant": "1.8.63-beta-a36b5e1a",
+    "@abtnode/util": "1.8.63-beta-a36b5e1a",
     "@arcblock/did-connect": "^2.4.65",
     "@arcblock/did-motif": "^1.1.10",
     "@arcblock/icons": "^2.4.65",
     "@arcblock/terminal": "^2.4.65",
     "@arcblock/ux": "^2.4.65",
-    "@blocklet/constant": "1.8.63-beta-b71f5f80",
+    "@blocklet/constant": "1.8.63-beta-a36b5e1a",
     "@blocklet/launcher-layout": "^1.9.38",
     "@blocklet/list": "^0.10.47",
-    "@blocklet/meta": "1.8.63-beta-b71f5f80",
+    "@blocklet/meta": "1.8.63-beta-a36b5e1a",
     "@blocklet/ui-react": "^2.4.65",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -86,5 +86,5 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^1.1.2"
   },
-  "gitHead": "ad50b6425a056b2db12b07283d0c08af62532c64"
+  "gitHead": "0c5385668fbd6235a3aead7d3a4a1ca5159088dd"
 }