@abtnode/ux 1.8.33 → 1.8.34

package/lib/blocklet/router/action/delete-rule.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DeleteRule;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _node = require("../../../contexts/node");
+var _blocklet = require("../../../contexts/blocklet");
+var _deleteConfirm = _interopRequireDefault(require("../../../delete-confirm"));
+var _toast = _interopRequireDefault(require("../../../toast"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function DeleteRule(_ref) {
+  let {
+    id: ruleId,
+    from,
+    children
+  } = _ref;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const {
+    blocklet
+  } = (0, _blocklet.useBlockletContext)();
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [confirmSetting, setConfirmSetting] = (0, _react.useState)(null);
+  const teamDid = blocklet.meta.did;
+  const siteId = blocklet.site.id;
+  const name = from.pathPrefix;
+  const onCancel = () => {
+    setLoading(false);
+    setConfirmSetting(null);
+  };
+  const onConfirm = async () => {
+    setLoading(true);
+    try {
+      await api.deleteRoutingRule({
+        input: {
+          id: siteId,
+          ruleId,
+          teamDid
+        }
+      });
+    } catch (error) {
+      _toast.default.error(error.message);
+    } finally {
+      setConfirmSetting(null);
+      setLoading(false);
+    }
+  };
+  const setting = {
+    keyName: name,
+    title: t('router.rule.delete.title'),
+    description: t('router.rule.delete.description', {
+      name: "<b>".concat(name, "</b>")
+    }),
+    confirmPlaceholder: t('router.rule.delete.confirm_desc', {
+      name
+    }),
+    confirm: t('common.delConfirm'),
+    cancel: t('router.rule.delete.cancel'),
+    onConfirm,
+    onCancel
+  };
+  const onMenuItemClick = e => {
+    e.stopPropagation();
+    setConfirmSetting(setting);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [typeof children === 'function' ? children({
+      loading,
+      open: onMenuItemClick
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem.default, {
+      onClick: onMenuItemClick,
+      className: "rule-action",
+      "data-cy": "action-delete-rule",
+      children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+        size: [16, 10]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Delete.default, {
+        style: {
+          fontSize: 18,
+          marginRight: 5
+        }
+      }), t('router.rule.delete.title')]
+    }), confirmSetting && /*#__PURE__*/(0, _jsxRuntime.jsx)(_deleteConfirm.default, {
+      keyName: confirmSetting.keyName,
+      title: confirmSetting.title,
+      description: confirmSetting.description,
+      confirmPlaceholder: confirmSetting.confirmPlaceholder,
+      confirm: confirmSetting.confirm,
+      cancel: confirmSetting.cancel,
+      params: confirmSetting.params,
+      onConfirm: confirmSetting.onConfirm,
+      onCancel: confirmSetting.onCancel
+    })]
+  });
+}
+DeleteRule.propTypes = {
+  id: _propTypes.default.string.isRequired,
+  from: _propTypes.default.object.isRequired,
+  children: _propTypes.default.any
+};
+DeleteRule.defaultProps = {
+  children: null
+};

package/lib/blocklet/router/action/update-rule.js

@@ -0,0 +1,195 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = UpdateRule;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _constant = require("@abtnode/constant");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _node = require("../../../contexts/node");
+var _blocklet = require("../../../contexts/blocklet");
+var _confirm = _interopRequireDefault(require("../../../confirm"));
+var _toast = _interopRequireDefault(require("../../../toast"));
+var _util = require("../util");
+var _configRoutingRule = _interopRequireDefault(require("./config-routing-rule"));
+var _jsxRuntime = require("react/jsx-runtime");
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function UpdateRule(_ref) {
+  let {
+    id: ruleId,
+    from,
+    to,
+    children
+  } = _ref;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const {
+    blocklet
+  } = (0, _blocklet.useBlockletContext)();
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [confirmSetting, setConfirmSetting] = (0, _react.useState)(null);
+  const teamDid = blocklet.meta.did;
+  const siteId = blocklet.site.id;
+  const name = from.pathPrefix;
+  const onCancel = () => {
+    setLoading(false);
+    setConfirmSetting(null);
+  };
+  const onConfirm = async params => {
+    try {
+      const err = await (0, _util.validateRule)(params, t);
+      if (err) {
+        throw err;
+      }
+      setLoading(true);
+      const rule = {
+        id: ruleId,
+        from: {
+          pathPrefix: params.pathPrefix.trim()
+        },
+        to: {
+          type: params.type
+        }
+      };
+      if (params.type === _constant.ROUTING_RULE_TYPES.REDIRECT) {
+        rule.to.url = params.url;
+        rule.to.redirectCode = params.redirectCode;
+      }
+      await api.updateRoutingRule({
+        input: {
+          id: siteId,
+          rule,
+          teamDid
+        }
+      });
+    } catch (error) {
+      _toast.default.error(error.message);
+    } finally {
+      setLoading(false);
+      setConfirmSetting(null);
+    }
+  };
+  const setting = {
+    title: t('router.rule.update.title'),
+    // eslint-disable-next-line react/no-unstable-nested-components
+    description: (params, setParams, setError) => {
+      const setValue = value => {
+        const validateResult = (0, _util.validateRule)(value, t);
+        if (validateResult) {
+          setParams(_objectSpread(_objectSpread({}, value), {}, {
+            __disableConfirm: true
+          }));
+          return;
+        }
+        setParams(_objectSpread({}, value));
+      };
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+        component: "div",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+          label: t('router.rule.add.pathPrefix'),
+          autoComplete: "off",
+          variant: "outlined",
+          name: "pathPrefix",
+          "data-cy": "path-prefix-input",
+          fullWidth: true,
+          autoFocus: true,
+          helperText: t('router.rule.add.pathPrefixTip'),
+          style: {
+            marginBottom: 32
+          },
+          margin: "dense",
+          value: params.pathPrefix,
+          onChange: e => {
+            let disable = false;
+            if (params.type === _constant.ROUTING_RULE_TYPES.REDIRECT && !params.url) {
+              disable = true;
+            }
+            if (!e.target.value.trim()) {
+              disable = true;
+              setError(t('router.validation.pathPrefixRequired'));
+            }
+            if (!disable) {
+              setError('');
+            }
+            setParams(_objectSpread(_objectSpread({}, params), {}, {
+              pathPrefix: e.target.value,
+              __disableConfirm: disable
+            }));
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_configRoutingRule.default, {
+          params: params,
+          setParams: setValue,
+          setError: setError
+        })]
+      });
+    },
+    confirm: t('router.rule.update.confirm'),
+    cancel: t('router.rule.update.cancel'),
+    color: 'primary',
+    params: {
+      pathPrefix: name === '/' ? name : name.replace(/^\/+/, '').replace(/\/+$/, ''),
+      type: to.type || _constant.ROUTING_RULE_TYPES.BLOCKLET,
+      interfaceName: to.interfaceName || '',
+      redirectCode: to.redirectCode || 302,
+      url: to.url || '',
+      __disableConfirm: false
+    },
+    onConfirm,
+    onCancel
+  };
+  const onMenuItemClick = e => {
+    e.stopPropagation();
+    // eslint-disable-next-line no-unused-expressions
+    setConfirmSetting(setting);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [typeof children === 'function' ? children({
+      loading,
+      open: onMenuItemClick
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem.default, {
+      onClick: onMenuItemClick,
+      className: "rule-action",
+      "data-cy": "action-update-rule",
+      children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+        size: [16, 10]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Edit.default, {
+        style: {
+          fontSize: 18,
+          marginRight: 5
+        }
+      }), t('router.rule.update.title')]
+    }), confirmSetting && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
+      title: confirmSetting.title,
+      description: confirmSetting.description,
+      confirm: confirmSetting.confirm,
+      color: confirmSetting.color,
+      cancel: confirmSetting.cancel,
+      params: confirmSetting.params,
+      onConfirm: confirmSetting.onConfirm,
+      onCancel: confirmSetting.onCancel
+    })]
+  });
+}
+UpdateRule.propTypes = {
+  id: _propTypes.default.string.isRequired,
+  from: _propTypes.default.object.isRequired,
+  to: _propTypes.default.object.isRequired,
+  children: _propTypes.default.any
+};
+UpdateRule.defaultProps = {
+  children: null
+};

package/lib/blocklet/router/domain-actions.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DomainActions;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _actions = _interopRequireDefault(require("../../actions"));
+var _deleteDomainAlias = _interopRequireDefault(require("./action/delete-domain-alias"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function DomainActions(_ref) {
+  let {
+    site,
+    domain,
+    blocklet
+  } = _ref;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_actions.default, {
+    "data-cy": "domain-actions",
+    actions: [
+    // eslint-disable-next-line react/no-unstable-nested-components
+    _ref2 => {
+      var _blocklet$meta;
+      let {
+        close
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_deleteDomainAlias.default, {
+        id: site.id,
+        domain: domain.value,
+        teamDid: blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.did,
+        children: _ref3 => {
+          let {
+            open
+          } = _ref3;
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem.default, {
+            disabled: domain.isProtected,
+            dense: true,
+            onClick: e => {
+              close();
+              open(e);
+            },
+            "data-cy": "action-toggle-block",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
+              style: {
+                minWidth: 24,
+                marginRight: 8
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Delete.default, {})
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+              primary: t('common.delete')
+            })]
+          }, "remove");
+        }
+      });
+    }]
+  });
+}
+DomainActions.propTypes = {
+  site: _propTypes.default.object.isRequired,
+  domain: _propTypes.default.object.isRequired,
+  blocklet: _propTypes.default.object.isRequired
+};
+DomainActions.defaultProps = {};

package/lib/blocklet/router/domain-status.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DomainStatus;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Https = _interopRequireDefault(require("@mui/icons-material/Https"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _dot = _interopRequireDefault(require("../../dot"));
+var _types = require("../types");
+var _util = require("../../util");
+var _certificate = _interopRequireDefault(require("../../certificate"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function DomainStatus(_ref) {
+  let {
+    domain,
+    filters
+  } = _ref;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const {
+    value: name,
+    domainStatus
+  } = domain;
+  if (!(0, _util.shouldCheckDomainStatus)(name)) {
+    return null;
+  }
+  let domainIcon = null;
+  let httpsIcon = null;
+  const {
+    isHttps,
+    matchedCert
+  } = domainStatus;
+  if (!(0, _util.checkIsWildcardDomain)(name)) {
+    const {
+      dns: {
+        resolved,
+        ip
+      } = {}
+    } = domainStatus;
+    if (resolved || ip === '127.0.0.1') {
+      domainIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        title: t('router.domain.verify.ok'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dot.default, {
+          color: "success"
+        })
+      });
+    } else {
+      domainIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        title: t('router.domain.verify.notResolved'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dot.default, {
+          color: "error"
+        })
+      });
+    }
+  }
+  if (isHttps) {
+    httpsIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_certificate.default, {
+      certificate: matchedCert
+    });
+  } else {
+    httpsIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: t('router.domain.https.bad'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Https.default, {
+        style: {
+          color: '#D0021B',
+          fontSize: 20,
+          marginLeft: 8,
+          cursor: 'pointer'
+        }
+      })
+    });
+  }
+  const items = filters.map(x => {
+    if (x === 'domain') {
+      return domainIcon;
+    }
+    if (x === 'http') {
+      return httpsIcon;
+    }
+    return null;
+  });
+  return /*#__PURE__*/(0, _react.createElement)(_react.Fragment, null, ...items);
+}
+DomainStatus.propTypes = {
+  domain: _types.DomainType.isRequired,
+  filters: _propTypes.default.array
+};
+DomainStatus.defaultProps = {
+  filters: ['domain', 'http']
+};

package/lib/blocklet/router/rule-actions.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RuleActions;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _Launch = _interopRequireDefault(require("@mui/icons-material/Launch"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _SettingsOutlined = _interopRequireDefault(require("@mui/icons-material/SettingsOutlined"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _blocklet = require("../../contexts/blocklet");
+var _deleteRule = _interopRequireDefault(require("./action/delete-rule"));
+var _updateRule = _interopRequireDefault(require("./action/update-rule"));
+var _util = require("../../util");
+var _jsxRuntime = require("react/jsx-runtime");
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function RuleActions(rule) {
+  const {
+    locale
+  } = (0, _context.useLocaleContext)();
+  const {
+    blocklet,
+    recommendedDomain: domain
+  } = (0, _blocklet.useBlockletContext)();
+  const href = (0, _util.getAccessUrl)(domain, rule.from.pathPrefix, (0, _util.getBlockletUrlParams)(blocklet, locale));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+    display: "flex",
+    alignItems: "center",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+      target: "_blank",
+      href: href,
+      rel: "noopener noreferrer",
+      title: href,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Launch.default, {})
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_updateRule.default, _objectSpread(_objectSpread({}, rule), {}, {
+      children: _ref => {
+        let {
+          open: o
+        } = _ref;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+          onClick: o,
+          disabled: rule.isProtected,
+          "data-cy": "action-update-rule",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsOutlined.default, {})
+        });
+      }
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_deleteRule.default, _objectSpread(_objectSpread({}, rule), {}, {
+      children: _ref2 => {
+        let {
+          open
+        } = _ref2;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+          onClick: open,
+          disabled: rule.isProtected,
+          "data-cy": "action-delete-rule",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Delete.default, {})
+        });
+      }
+    }))]
+  });
+}
+RuleActions.propTypes = {
+  isProtected: _propTypes.default.bool
+};
+RuleActions.defaultProps = {
+  isProtected: false
+};